@import url('../../../../Content/css/theme.css');
body {
    font-size:18px;
}
.entireBody {
    padding-top:0;
}
header {
    position: relative;
    background-image: url('../../../../Images/candidate/UxHomePage/assets/bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
}
.headerBtnBlk {
    position: relative;
    width: 100%;
/*    height: 77vh;
*/  height:84vh;  
    display: flex;
    align-items: flex-end;
    text-align: center;
}
.primeColorBrdr {
    /* border-top:solid 2px #00a3e4;*/
    border-top: solid 2px var(--seconderColor);
}
.sectionTit {
    background-color: white;
    /*    color: #00a3e4;*/
    color: var(--primaryColor);
    border: 2px solid var(--seconderColor);
    border-radius: 50px;
    margin-top: -25px !important;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 17px;
}
.teamBlk {
    border-left: solid 5px #707070;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.teamBlk:hover {
        border-left: solid 5px #00a3e4;
}
.teamBlk:hover h4.txtColor {
        color:#00a3e4;
} 
.modal-dialog{
    margin-top:10%;
}
.img-MD-screen{
    display:none;
}
#Home-carousel {
    min-height:fit-content;
}
.carousel-indicators {
    margin-bottom:0;
    z-index:0;
}
#showDetails .modal-header {
    padding-top: 6px;
    padding-bottom: 6px;
}
#showDetails .close{
    margin-top: -33px;
    font-size: 30px;
    line-height: 1;
    opacity: 0.5;
}
@media only screen and (max-width: 990px) {/*768*/
    div.imgBlk {
        display:none;
    }
    div.img-MD-screen {
        display:block;
    }
    .info-blk , .info-blk h5 , .info-blk h4{
        text-align:left !important;
    }
}
@media only screen and (max-width: 767px) { /*425px*/
    div.imgBlk {
        display:none;
    }
    div.img-MD-screen {
        display:block;
        text-align:center !important;
    }
    div.img-MD-screen img {
        width: 35% !important;
    } 
    .info-blk , .info-blk h5 , .info-blk h4{
        text-align:center !important;
    }
    #Home-carousel {
       margin-bottom: 25px;
    }
    .carousel-indicators {
        margin-bottom:-40px !important;
    }
}
@media only screen and (max-width: 991px) {
    .logList {
        display:none;
    }
    div.imgBlk {
        display:none;
    }
    div.img-MD-screen {
        display:block;
    }
    .info-blk , .info-blk h5 , .info-blk h4{
        text-align:left;
    }
}