@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
}

.top-left-logo img {
    width: 115px;
}

header .nav-list ul {
    display: flex;
    list-style: none;
   
}

header .nav-list ul li a {
    text-transform: uppercase;
    font-size: 15px;
    list-style: none;
    text-decoration: none;
    padding: 20px 25px;
    color: #000000;
}

.full-nav {
    display: flex;
    justify-content: end;
    align-items: center;
}

.full-nav .right-logo a {
    border: 1px solid #ccc;
    width: 96px;
    height: 96px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: 12px;
    overflow: hidden;
}

.full-nav .right-logo img{
    width: 100%;
}

.header-top-strip { display: flex;
justify-content: flex-end;}
.header-top .top-strip{ background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}
.header-top .top-strip .header-top-icons ul{  display: flex; 
margin: 0px;
padding: 0px; }


    
.top-right-icons ul li a {text-decoration: none; color: #000000;}
.top-right-icons ul li a:hover {color: #276ec1;}
.top-right-icons ul{
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.top-right-icons li svg{margin: 10px;}

.header-top-icons li {
    text-decoration: none;
    color: #000000;
    font-size: 13px;
}


.header-top-icons li svg {
    margin-right: 5px;
}

.header-top-icons li {
    padding: 8px;
}

.header-top-icons ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.header-middle {
    padding: 10px 0px;
}
.header-middle .hindi-strip a img{
    color: #FF9933!important;
    
}
.header-middle .english-strip h4{
   font-size: 27px;
   margin: 10px 0px;
   font-weight: 600;
   color: #22456f;

}

.header-middle .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-bottum-stript {
    z-index: 1000;
    position: relative;
}
.header-bottum-stript {
    background-color: #276ec1;
}

.header-bottum-stript .nav-list ul .active-download{
    background-color: #ff6600;}
.header-bottum-stript .nav-list ul .active-download:hover{
    background-color: #ff6600;
    
}
.header-bottum-stript .nav-list ul li a:hover {
    background-color: #22456f;
}

.header-bottum-stript .nav-list ul {
    margin: 0px;
    padding: 0px;
}

.header-bottum-stript .nav-list ul li {
    padding: 18px 0px;
}

.header-bottum-stript .nav-list ul li a {
    color: #ffffff;
}
.header-bottum-stript .nav-list .sub-menu-1{
    margin: 0px;
    padding: 0px;
    list-style: none;
   
}
.header-bottum-stript .nav-list ul .sub-menu-1 li a{
    font-size: 14px;
    
}
.header-bottum-stript .nav-list ul .sub-menu-1 li {
    border-bottom:  1px solid #cccccc;
    line-height: 14px;
    padding: 12px 15px;
    overflow: hidden;
}
.header-bottum-stript .nav-list ul .sub-menu-1 li:hover{
    
    background-color: #22456f;
} 
.header-bottum-stript .nav-list ul .sub-menu-1 li:hover{
    background-color: #000000;

}
.header-bottum-stript .nav-list ul li .sub-menu-1{
    padding: 0px;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 411px;
    flex-direction: column;
    background-color: #22456f;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0px);
    
}
.header-bottum-stript .nav-list ul li:hover .sub-menu-1 {
    visibility: visible;
    opacity: 5;
    z-index: 10000;
}
.header-bottum-stript .nav-list ul .sub-menu-1 li:hover {
    background-color: #ff6600;
    border: 0px;
    overflow: hidden;
    transform: translateY(0px);
}
.header-bottum-stript .nav-list ul .sub-menu-1 li a:hover {
    background-color: #ff6600;
}

.News-Highlights-section h2 {
    text-align: center;
    margin: 22px 0px;
    border-bottom: 3px solid #cccccc;
    padding: 0px;
    width: 100%;
}

.News-Highlights-section h2::after {
    content: '';
    height: 8px;
    width: 125px;
    display: block;
    border-bottom: 3px solid #4d77b3;
    background: url(../images/title-arrow.png) no-repeat;
    margin: 4px auto 0;
    background-position: top;
    margin-bottom: -3px;
}

.News-Highlights-section .container {
    max-width: 1140px;
    }

.News-Highlights-section .view-content {
    border: 1px solid #cccccc;
}

.News-Highlights-section .view-content ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.view-content .information-inner {
    display: flex;
    justify-content: space-between;
}

.view-content .information-inner {
    background: url(../images/topicicon.png) no-repeat scroll 7px 6px #e5e5e5;
    cursor: pointer;
    height: 29px;
}

.view-content .information-inner h3 {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-left: 30px;
    padding-top: 5px;
}

.view-content .information-inner span {
    width: 10px;
    height: 29px;
    background: rgb(86, 86, 86);
    margin: 0px;
    width: 28px;
    text-align: right;

}

.News-Highlights-section .highlight-press ul {
    margin: 2px;
    padding: 0px;
    list-style: none;
    /* margin-left: -43px; */

}

.News-Highlights-section .highlight-press ul li a {
    text-decoration: none;
    background: url(../images/TABARROW.png) no-repeat scroll 26px 24px;
    font-size: 13px;
    border: 1px solid #333333;
    padding: 5px 18px;
    background-color: #333333;
    border-radius: 0px;
    color: #ffffff;
    border-radius: 2px;

}



.News-Highlights-section .view-content ul li a {
    text-decoration: none;
    color: #333;
    font-size: 13px;
    line-height: 30px;
}

.News-Highlights-section .view-content ul li a:hover {
    color: #4f76b1;
}

.News-Highlights-section .view-content ul li a {
    padding: 2px 15px;
}

.News-Highlights-section .view-content ul li {
    background: url(../images/arrow.jpg) no-repeat scroll top 9px left -2px rgba(0, 0, 0, 0)
}

.News-Highlights-section .item-list {
    padding: 9px;
    margin: 0px;
}

.slider-section .carousel-item {
    border: 25px groove #3c7ac3;
    overflow: hidden;
}
.slider-section .carousel-item img{ width: 100%;}

.News-Highlights-section h2 {
    font-size: 16px;
    font-weight: 700;
}

.view-content .view-footer {
    text-align: right;
    margin-bottom: 15px;
    margin-right: 15px;
}

.view-content .view-footer .more-news a {
    text-decoration: none;
    border: 1px solid #5996d9;
    padding: 4px 10px;
    font-size: 13px;
    color: #000000;
    border-radius: 7px;
}

.view-content .view-footer .more-news a:hover {
    background-color: #276ec1;
    color: #ffffff;
}

.Activities-1 {
    padding: 5px 5px 20px 5px;
    border: 1px solid #cccccccc;
    display: block;
    display: inline-block;
    margin: 0px 0px;
}

.Activities-2 {
    padding: 10px 6px;
    border: 1px solid #cccccccc;
    display: block;
    display: inline-block
}

.Activities-2 {
    color: #3e3e3e;
    font-size: 12px;
    line-height: 16px;
}

.Activities-1 p {
    color: #3e3e3e;
    font-size: 12px;
    line-height: 18px;
    padding-bottom: 57px;
    
}


.about-section {
    background-color: #276ec1;
    padding: 40px;
    margin-top: 35px;
}

.about-inner{ background-color: #f7f7f7;
padding: 40px 0px;}
.about-inner h2, .about-inner p{ 
color: #333333;}
.about-inner p {font-size: 14px;
    font-size: 15px;
    margin-bottom: 8px;
    text-align: justify;
    font-weight: 600;
}
.about-inner h2{
    border-bottom: 4px solid #cccccc;
    background: url(../images/title-arrow.png) no-repeat scroll 54px 58px;
    margin: -15px auto 20px;
}
.about-section h2, .about-section p {
    color: #ffffff;
}

.about-section h2{ 
    font-size: 32px;
}
.about-section h2::after{
    content: '';
    width: 119px;
    display: block;
    /* border-bottom: 3px solid #4d77b3!important; */
     margin-bottom: -3px;
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: -4px;
    font-weight: 500;
}

.about-section h2{
        background: url(../images/title-arrow.png) no-repeat scroll  54px 58px ;
        margin: -15px auto 20px;
}

.about-section p {
    font-size: 14px;
    font-weight: 300;
}


.gallery-section h2::after{
   content: '';
    width: 119px;
    display: block;
    border-bottom: 3px solid #4d77b3!important;
     margin-bottom: -3px;
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: -3px;
    font-weight: 500;

}    .gallery-section h2{ 
        border-bottom: 5px solid #cccccc;
        background: url(../images/title-arrow.png) no-repeat scroll  54px 58px ;
        margin: -15px auto 20px;
      
    }
.gallery-section {
    margin-top: 30px;
    margin-bottom: 15px;
}

.gallery-section img {
    border: 12px groove #276ec1;
    margin-bottom: 20px;
    transition: all 0.45s;
 
    
}
.gallery-section img:hover {
    transform: scale(1.1);
}

.gallery-box {
    margin-bottom: 30px;
    cursor: pointer;
}

#galleryModal img{ width: 100%;}

.gallery-section .drop-down-list{ 
    float: right;
    padding: 5px 35px;
    border-radius: 7px;
    font-size: 18px;
    border: 1px solid #cccccc;
}

.gallery-section .gallery-box .heading-1{
    margin-top: 21px;
    margin-bottom: 51px;
    font-size: 14px;
    font-weight: 600;
}


.footer-section{ background-color: #276ec1;
padding: 0px 0px;}


.footer-section .footer-top  {
    background: #4c4c4c;
    width: 100%;
    padding: 4px 0;
} 
.footer-section .footer-top ul { 
    display: flex; 
    list-style: none;
    margin: 0px;
    padding: 0px;}

.footer-section .footer-top ul li a{ 
    text-decoration: none;
    padding: 0px 10px;
    color: #ffffff;
    font-size: 13px;
    
}
.footer-middle h2{
    color: #fff;
    font-size: 1.27em;
    margin: 20px 0 10px 0;
    width: 100%;
    float: left;
    font-family: 'roboto_slabbold';
    cursor: pointer;
    text-transform: uppercase;

}

.footer-middle .information-related, .middle-footer-list, .more-link, .new-website {
    text-transform: uppercase;
}
.footer-middle ul{
list-style: none;
margin: 0px;
padding: 0px;}

.footer-middle ul li a{ text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    line-height: 16px;
    transition: all 0.45s;
}

.footer-middle ul li a:hover{
    color: rgb(185,185,185);
}

.middle-footer-list{ margin-top: 60px;}

.footer-middle .footer-download-button ul{ list-style: none;
margin: 0px;
padding: 0px;
text-align: center;
margin-top: 40px;

}

.footer-download-button ul li{
    border: 0px;
    color: #000000;
    border-radius: 10px;
    background-color: #4c4c4c;
    padding: 10px 0px;
    


    
}
.footer-download-button ul li a{color: #ffffff;
    font-size: 18px;

}
.footer-last-update{padding: 15px; background-color: #000000;
    color: rgb(185,185,185);
}

.footer-right-icons ul{ list-style: none;
margin: 0px;
padding: 0px;
}
.footer-download-button .footer-right-icons ul li a { 
   color: #ffffff;
}
.footer-download-button .footer-right-icons ul li :hover { 
    color: rgb(185,185,185);
}
.footer-right-icons ul li{ background-color: #276ec1;}
.footer-last-update a, .footer-last-update p{ font-size: 13px;}

.footer-bottum .footer-last-strip ul{
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.footer-bottum .footer-last-strip ul li{
    font-size: 14px;
    color: #ffffff;
}
.footer-bottum .footer-last-strip{
    background-color: #000000;
    padding: 6px 0px;
}
    .footer-bottum .footer-last-strip ul li:nth-child(2) a {
text-decoration: none;
font-size: 14px;
color: #ffffff;
margin-left: 695px;
}
 
.footer-bottum .footer-last-strip ul li{
    padding: 5px 0px;
}

.contact-us-section{ padding: 20px; background: #ffffff;
padding-bottom: 50px;}
.contact-us-section h3{ font-size: 15px; font-weight: 600;
    color: #000000;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}
.contact-us-section h2{ font-size: 25px; font-weight: 600px;
color: #000000;
margin-bottom: 30px;}
.contact-us-section p{ font-size: 13px;
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-left: 20px;
    border-bottom: 1px solid #cccccc;
font-weight: 300;
color: #000000;
margin-left: 23px;}

.contact-us-section .form-section h3{ color: #000000;
margin: 20px 0px;
font-weight:600 ;}
.form-section h2{ color: #000000;}
.form-section {
    border: 1px solid #cccccc;
    padding: 13px;
    background-color: #f7f7f7 ;
    border-radius: 10px;
   
}
.contact-address{ display: flex;}
.contact-address h3{ 
    padding-bottom: 0px;
    display: block;
    width: 100%;
    margin-bottom: 11px;
    margin-bottom: 10px;
}

.contact-phone{ display: flex;}
.contact-phone h3{ 
    padding-bottom: 0px;
    display: block;
    width: 100%;
    margin-bottom: 11px;
    margin-bottom: 10px;
}


.contact-email{ display: flex;}
.contact-email h3{
    padding-bottom: 0px;
    display: block;
    width: 100%;
    margin-bottom: 11px;
    margin-bottom: 10px;
}

.contact-website{ display: flex;}
.contact-website h3{
    padding-bottom: 0px;
    display: block;
    width: 100%;
    margin-bottom: 11px;
    margin-bottom: 10px;

}
.contact-icons p{ margin-bottom: 10px;}
.contact-address h3, svg{ margin-right: 10px;}



.form-section .form-button{ border: 0px;
background-color:#276ec1 ;
color: #f7f7f7;
font-size: 13px;
padding: 6px 15px;
border-radius: 5px; 
}
.marquee-style{ margin-left: 100px; margin-right: 100px; font-size: 18px; font-weight: 700;}

.member-detail-section .detial-inner h3{
    font-size: 24px;
    font-weight: bold;
    margin: -10px 0px;
    text-align: center;
    color: #276ec1;
    padding: 20px 0px
}
.member-detail-section .detial-inner { 
    text-align: center;
    padding: 15px 0px;
    padding-bottom: 45px;
    
}    

.member-detail-section .detial-inner .position { 
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 7px;
}
.member-detail-section .detial-inner .contact-number {
        /* margin-bottom: -3px; */
        font-size: 16px;
        font-weight: 600;
        padding: 0px;
        margin: -1px;
        color: #966463;
} 

.navToggle{ display: none;}

.galler-box-break hr{
    margin-bottom: 35px;
}
.pagination-section{
  margin-bottom: 20px;
}

.pagination{
    justify-content: flex-end;
}  
  .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
  }
  .pagination a.active {
    background-color: #276ec1;
    color: white;
  }
  
  .pagination a:hover:not(.active) {background-color: #ddd;}

  .gallery-section-1{
    display: none;
  }

  .d-custom-block{
    display: block;
  }

.mySlides {display:none;}

.about-us-heading h3{
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 20px;
    font-weight: 600;

}

.about-us-text .the-aim{
    margin-left: 8px;
}
.about-us-text h3{
    font-size: 24px;
    margin-top: 34px;
    margin-bottom: 15px;
    font-weight: 600;
    margin-left: 8px;
}

.about-main-text .about-list{
    margin: 1px;
    padding: 0px;
} 
.about-main-text .about-list li{
    line-height: 28px;
    font-size: 15px;
    font-weight: 600;
}

#new-update {
    margin-top: 30px; 
    margin-bottom: 35px;
}
#new-update p {
    line-height: 30px;
}
#new-update h2 {
    margin: 22px 0px;
    font-weight: 500;
    font-size: 27px;
}
/* Ensure the carousel container has a fixed height */
.carousel-inner {
    height: 650px; /* Adjust this height as needed */
    overflow: hidden;
    position: relative;
}

/* Default style for landscape images */
.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Fill the container without stretching */
    object-position: center; /* Center the image within the container */
}

/* Special style for portrait images */
.carousel-item img.portrait {
    object-fit: contain; /* Show the entire image without cropping */
    background-color: black; /* Add a background color to fill empty space */

}