@font-face {
  font-family: noto-sans-black;
  src: url(../font/Noto_Sans/NotoSans-Black.ttf);
}  
@font-face {
    font-family: noto-sans-regular;
    src: url(../font/Noto_Sans/NotoSans-Regular.ttf);
  }  
@font-face {
    font-family: noto-sans-bold;
    src: url(../font/Noto_Sans/NotoSans-Bold.ttf);
  } 
@font-face {
    font-family: noto-sans-medium;
    src: url(../font/Noto_Sans/NotoSans-Medium.ttf);
}   
@font-face {
  font-family: noto-sans-light;
  src: url(../font/Noto_Sans/NotoSans-Light.ttf);
}   

@font-face {
  font-family: inter;
  src: url(../font/Inter/Inter-VariableFont_slnt\,wght.ttf);
}  


body{
    font-family:noto-sans-medium;
    background: #F1F1F1;
}

header{
    background: #000000;
}
.navbar-brand img{
    width: 120px;
    height: 26px;
    max-width: 100%;
}
.alertInfo{
    font-family: noto-sans-medium;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.alertDiv{
    padding: 4px 10px 4px 6px;
    gap: 10px;
    background: #DC3A1A;
}
.nav-item.dropdown.mega .dropdown-menu.megaList{
    transition: opacity 1s ease-out;
}
.nav-item.dropdown.mega:hover .dropdown-menu.megaList{
    display: block;
    opacity: 1;
    transition: opacity 1s ease-out;
    margin-top: 6px;
}

.nav-item.dropdown.mega ul{
    padding-left: 0;
    list-style-type: none;
}
.groupShare{
    color: #FFFFFF;
    margin-left: 13px;
}
.groupShare h6:first-child{
    font-family: noto-sans-bold;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}
.groupShare h6:last-child span:first-child{
    font-family: noto-sans-bold;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.groupShare h6:last-child span.fs-14{
    font-size: 14px;
}
.userName,.userLocation,.userName:hover,.userLocation:hover,.userName:focus,.userLocation:focus{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.userName img{
    margin-left: 10px;
    margin-right: 14px;
}
.userLocation img{
    margin-right: 6px;
}

.userLocation.dropdown-toggle::after{
    margin-left: 16px;
}

header .navbar .navbar-nav.navMenu .nav-item .nav-link{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.navbar-nav.navMenu .dropdown-toggle::after{
    transition: all 0.5s;
}
.navbar-nav.navMenu .nav-link.dropdown-toggle::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    left: 0;
    height: 3px;
    transform: translateX(3.5px);
    background-color: #2D75C7;
    transition:width 0.5s;
}
.navbar-nav.navMenu .nav-item.dropdown.mega:hover .nav-link.dropdown-toggle::before{
    width: 80%;
}
.navbar-nav.navMenu .nav-item.dropdown.mega:hover .dropdown-toggle::after{
    transform: rotateZ(180deg);  
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right: 0;
    padding-left: 0;
    margin-right: 36px;
}
.iconsLast a{
    padding-right: 0;
}
.userLocation {
    padding-right: 0;
}

.dropdown-menu.megaList ul li:first-child a{
    font-family: 'noto-sans-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 16px;
    padding-bottom: 0;
    padding-top: 0;
    padding: 0;
}

.dropdown-menu.megaList ul li:first-child a img{
    margin-right: 6px;
    width: 22px;
    height: 22px;
}

.dropdown-menu.megaList ul li a{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 14px;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0;
}
.dropdown-menu.megaList{
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    border: none;
}
.dropdown-menu.megaList .listTop{
    margin-bottom: 22px;
}
.dropdown-menu.megaList ul .dropdown-item:focus, .dropdown-menu.megaList ul .dropdown-item:hover{
    background: transparent;
}
.dropdown-menu.megaList{
    padding: 0 39px;
    padding-top: 11px;
    padding-bottom: 25px;
}
.dropdown-menu.megaList ul:first-child{
    padding-right: 40px;
}
.dropdown-menu.megaList ul:last-child{
    padding-left: 40px;
}
.dropdown-menu.megaList::after{
    content: "";
    position: absolute;
    display: block;
    left: 54%;
    width: 2.5px;
    height: 90%;
    top: 50%;
    transform: translate(-46%,-50%);
    border-right: 0.5px solid rgba(0, 0, 0, 0.2);
}

.ps-0.mEnd{
    margin-right: 27px;
}



/* body section start */

    /* carousel section */
.blockHeader{
        margin-bottom: 20px;
    }
.blockHeader h6{
    font-family: 'noto-sans-bold';
    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.8);
}  

.blockHeader a{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #2D75C7;
    text-decoration: none;
}

.carouselContainer .carousel-indicators [data-bs-target]{
    background-image: url('../images/svg/ellipse-9.svg');
    background-size:cover ;
    height: 8px;
    width: 9px;
    background-repeat: no-repeat;
    opacity: 1;
    background-clip:border-box;
    margin-right: 13px;
}
.carouselContainer .carousel-indicators{
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    position: static;
    margin-top: 12px;
}

.carouselContainer .carousel-indicators .active{
    background-image: url('../images/svg/carousel-btn.svg');
    background-size:cover ;
    height: 23px;
    width: 24px;
    background-repeat: no-repeat;
}
.carouselContainer .carousel-control-next,.carouselContainer .carousel-control-prev{
    top: auto;
}
.carouselContainer .carousel-control-next,.carouselContainer .carousel-control-prev{
    opacity: 1;
    margin-bottom: -2.5rem;
}


.carouselContainer .carousel-item{
    height: 406px;
}
.carouselContainer .carousel-control-prev{
    left: 32%;
    z-index: 9;
}
.carouselContainer .carousel-control-next{
    right: 33%;
    z-index: 9;
}
.carouselContainer .carousel-control-prev-icon{
    background-image:url("../images/svg/arrow-back-ios5.svg");
    opacity:1;
    width: 7.73px;
    height: 13.13px;
}
.carouselContainer .carousel-control-next-icon{
    background-image:url("../images/svg/arrow-back-ios6.svg");
    opacity: 1;
    width: 7.73px;
    height: 13.13px;
}
.carouselContainer .carousel-item img{
    object-fit: cover;
}
.carouselContainer .carousel-caption{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(15, 15, 15));
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: start;
    padding-left: 30px;
}

.carouselContainer .carousel-caption h5{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 400;
    font-size: 20.9901px;
    line-height: 29px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
}

.carouselContainer .carousel-caption p{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 400;
    font-size: 14.6931px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-top: 7px;
    margin-bottom: 0;
}


 .sliderLeftDiv p, .sliderLeftDiv2 p{
    margin-top: 15px;
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px; 
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.7);
}
 .sliderLeftDiv2{
    margin-top: 28px;
}
 .sliderLeftDiv img, .sliderLeftDiv2 img{
    height: 132px;
}
.popularLinks{
    margin-top: 22px;
}
.popularLinks a{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12.5px;
    line-height: 17px;
    color: #000000;
    text-decoration: none;
}
.popularLinks a div{
    margin-bottom: 20px;
}
.subPopularLink{
    padding: 12px;
}

.subPopularLinkCard{
    background: #FFFFFF;
    box-shadow: 0px 3.5576px 26.682px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
}

.subPopularLink a{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 11.5px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

.latestVideoSection{
    padding: 23px 16px;
}
.Textcontent{
    margin-left: 12px;
    padding-right: 10px;
}
.videoText{
    padding: 15px 10px;
}
.videoText h6{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.8);

}

.videoText p{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
}
.videoDiv{
    background: #FFFFFF;
    border: 0.5px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.06);
}
.videoDiv video{
    height: 165px;
    width: 100%;
    background-image: url('../images/svg/Frame-cam.png');
}
.videoDiv video[poster]{
        object-fit: cover;
}
.Vidtimer{
    width: 40.36px;
    height: 18.35px;
    background: #000000;
    border-radius: 2.54556px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Vidtimer span{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    vertical-align: middle;
}
.videoButtons button{
    width: 24.23px;
    height: 26.25px;
}
.videoButtons{
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.popularLinks.viewArticle{
    margin-top: 35px;
    margin-bottom: 15px;
}
.popularLinks.viewArticle p{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.7);
}

.bg-white.carousel2{
    padding: 24px 16px;
}

.carouselSmall .carousel-item{
    height: 191px;
}
.carouselSmall .carousel-item img{
    object-fit: cover;
}
.carouselSmall .carousel-control-next, .carouselSmall .carousel-control-prev{
    opacity: 1;
    width: 4%;
}

.carouselSmall .carousel-control-prev-icon{
    background-image: url('../images/svg/Frame-prev.svg');
    opacity: 1;
}
.carouselSmall .carousel-control-next-icon{
    background-image: url('../images/svg/Framenext.svg');
    opacity: 1;
}

.carouselSmall .carousel-caption{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: start;
    padding-left: 30px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.carouselSmall .carousel-caption p{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 0;
}

.myFilesDiv{
    padding: 20px 20px;
    width: 227%;
}

.fileTable .tHeader tr th{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.6);
}
.fileTable thead tr th {
    padding: 7px 0;
}
.fileTable tbody tr td {
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
}
.fileTable tbody tr:last-child td{
    padding-bottom: 0;
}
.fileTable tbody tr td div h5{
    font-family: 'noto-sans-medium';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 10px;
}
.fileTable tbody tr td span{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.6);
}

.fileTable tbody tr td div h6{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.6);
    vertical-align: middle;
}

footer{
    padding: 68px 0;
    background: #FFFFFF;
    margin-top: 60px;
}

.footerDiv h3{
    font-family: 'noto-sans-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.6);
}
.footerDiv ul{
    list-style-type:none ;
    padding-left: 0;
    margin-top: 30px;
}

.footerDiv ul li a{
    font-family: 'noto-sans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.4);
    text-decoration: none;
}
footer .col-md{
    display: flex;
    justify-content: center;
}
.footerDiv li a img{
    transition: all 0.3s;
}

.bottomFooter{
    background: #000000;
    padding: 24px 0;
}
.bottomFooter img{
    width: 118.24px;
    height: 25.34px;
}
.dropdown-toggle::after{
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-bottom: 0;
    vertical-align: 0.19em;
    border-left: 0.35em solid transparent;
}

table.fileTable tr td:first-child{
    width: 45%;
}
@media (min-width: 1400px){
    .container{
        max-width: 1366px;
    }
}
@media (min-width: 1920px){
    .container{
        max-width: 90%;
    }
    .carouselContainer .carousel-indicators .active {
        height: 23px;
        width: 27px;
    }
    .myFilesDiv {
        padding: 20px 20px;
        width: 223%;
    }
    .subPopularLink.h41{
        min-height: 41.5%;
    }
}

@media(min-width:768px){
    .col-md-10.sliderContainer{
        width: 80%;
    }
    .col-md-2.sliderContainerSmall{
        width: 20%;
    }
    .col-md-9.videoCol9{
        width: 78%;
    }
    .col-md-3.videoCol3{
        width: 22%;
    }
}

@media (max-width:768px){
    #mynavbar{
        position: absolute;
        top: 55px;
        background: black;
        left: 0;
        z-index: 9;
    }
    #mynavbar .mbWrap{
        flex-wrap: wrap;
    }
}