@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

body{font-family: "DM Sans", sans-serif; color:#111111; font-size: 16px; background-image: url(../images/Deco.svg); background-repeat: no-repeat; background-position: right top; background-size: 800px;}
a{ color: #094DBC; text-decoration: none;}
a:hover{ color:#33358C}
.btn{ font-weight: 500;}
.font-18{ font-size: 1.125rem;}
.font-12{ font-size: .75rem;}
.font-14{ font-size: .875rem;}
.font-20{ font-size: 1.25rem;}
.font-24{ font-size: 1.5rem;}
.font-weight-300{ font-weight: 300;}
.font-weight-400{ font-weight: 400;}
.font-weight-600{font-weight: 600;}
h3{ font-weight: 700; color:#007BFF}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
}
.text-primary{ color:#007BFF}
.darkheader nav{ background: #ffffff; box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);}
nav{ max-height: 110px;}
.nav-item{ margin-right: 15px;}
.carousel-caption{color:#1B1B28;}
header{position: relative; z-index: 10000;}
.header-top{ background-color: #053d67; min-height: 43px;}
.headerbtn{ min-width: 120px;  padding: 10px; box-shadow: 0px 3px 6px #00000029; background: #007BFF!important; border: none; color:#ffffff}
.headerbtn:hover{ border-color:#D41548!important; color:#ffffff}
.nav-link{ color:#111111;  font-family: "Exo 2", sans-serif; font-size: 22px; font-weight: 600;}
.nav-link:hover{ color:#FF5722; text-decoration: underline;}
.nav-link.active{ color:#FF5722!important; text-decoration: underline;}
.navbar-brand img{ max-height: 75px;}

.banner-image img{ max-width:600px}
.banner-image{    text-align: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end; margin-right: -70px;}
    .carousel-inner{ padding-top: 80px;}
.btn-primary{ background: #4CAF50; padding-left:30px; padding-right:30px}
.btn-round{ border-radius:25rem}
.btn-outline-outside:before {content: ""; border: 1px solid #0A043C; border-radius: 10px; width: 100%; height: 100%; position: absolute; left: -4px; top: -4px;}
.btn-grey{    background: #e5e5f0; border: 1px solid #80a1dd; border-radius: 20px; padding: 25px 60px; color: #33358C; font-weight: 600;}
.btn-grey:hover{    background: #33358C; color: #ffffff; border-color:#33358C}

.btn-outline{background: #ffffff; border-color: #094DBC; color: #094DBC;}
.btn-primary:hover{ background-color: #33358C; border-color: #33358C}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{ font-weight: 500; color:#094DBC}
.headersocial img{ width: 24px; margin-left: 5px;}

.carousel-item{height:780px;}
.mainslider .carousel-caption{height: 100%; display: flex; flex-direction: column; justify-content: center; bottom: auto; top: 0px; max-width: 650px; left:0px;}
.mainslider .carousel-caption h1, .page-heading{ font-size:4rem; font-weight: 700; line-height: 68px; color: #004A99;}
.mainslider .carousel-caption h1 span{color:#007BFF}
.mainslider .carousel-caption p{     font-size: 1rem; font-weight: 400; padding-top: 10px; color: #23496B; line-height: 27px;}
.sm-head{ color: #25B0E5;position: relative; display: flex; align-items: center;}
.sm-head hr{background: #25B0E5; width: 80px; height: 1px;  opacity: 1; margin-left: 20px;}

#innerbanner{background:#f6f6f6 url(../images/inner-banner.jpg) no-repeat center top; width: 100%;}
.text-black{ color:#0A2B43!important}

.btn-white{ background: #ffffff; color:#094DBC;}
.banner-btn{  margin-top: 10px;}
.btn-lg{ font-size: 1.5rem; font-weight: 500; height:60px; min-width: 200px; max-width: max-content; display: flex; justify-content: center; align-items: center; line-height: 0px; border:none;}
.card .btn-lg{font-size: 1rem; height: 50px; min-width: 180px; max-width:180px;}
.heading{ font-size: 2rem; font-weight: 600; position: relative; margin-bottom: 30px;}
h1.heading:after {content: ""; width: 40px; height: 3px; background: #EB8455; position: absolute; left: 0px; bottom: -10px;}
.icon{width: 72px; height: 72px; background: rgba(0, 0, 0, .20); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 42px; border-radius: 10px; margin-right: 15px;}
.card-img img{ min-height: 150px;}

.imp-links{background: url(../images/imp-links-bg.png) no-repeat left top; min-height: 250px;}
.imp-links .card{ border-radius:10px; overflow: hidden; height: 100%;}

.link-text{ position: relative; color:#007BFF; font-weight: 700; padding-bottom: 10px;}
.imp-links a{ color:#0A2B43; font-weight: 600;}
.imp-links a:hover{ color:#ffffff}
.media-gallery .icon{ background: rgba(251, 171, 0, .20);}
.upcoming-events .icon{ background: rgba(28, 157, 251, .20);}
.committee-member .icon{ background: rgba(102, 215, 177, .20);}
.members-directory .icon{ background: rgba(232, 235, 250);}
.office-staff .icon{ background: rgba(128, 14, 255, .20);}

.imp-links .card.media-gallery:before{background: rgba(251, 171, 0, .08);}
.imp-links .card.upcoming-events:before{background: rgba(28, 157, 251, .08);}
.imp-links .card.committee-member:before{background: rgba(102, 215, 177, .08);}
.imp-links .card.members-directory:before{background: rgba(251, 171, 0, .08);}
.imp-links .card.office-staff:before{background: rgba(251, 171, 0, .08);}

.specialitylist ul{    display: flex;
    width: 100%;
   flex-wrap: wrap;
    gap: 12px; padding-top: 20px;}
.specialitylist li {
    width: 30%;
    border: 1px solid #d4d4d4;
    border-radius: 25rem;
    text-align: center; padding: 5px;
}

.ico-gallery{ width: 43px; height: 48px; background: url(../images/gallery.png) no-repeat center center;}
.ico-events{ width: 45px; height: 45px; background: url(../images/events.png) no-repeat center center;}
.ico-committee{ width: 48px; height: 32px; background: url(../images/members.png) no-repeat center center;}
.ico-directory{ width: 45px; height: 45px; background: url(../images/directory.png) no-repeat center center;}
.ico-staff{ width: 48px; height: 46px; background: url(../images/staff.png) no-repeat center center;}

.media-gallery:hover, .upcoming-events:hover, .committee-member:hover, .members-directory:hover, .office-staff:hover{ background: #1C9DFB;}
.imp-links .card:hover .icon{ background:rgba(251, 255, 255, .20);}
.media-gallery:hover .ico-gallery{background: url(../images/gallery-hover.png) no-repeat center center;}
.upcoming-events:hover .ico-events{ background: url(../images/events-hover.png) no-repeat center center;}
.committee-member:hover .ico-committee{background: url(../images/members-hover.png) no-repeat center center;}
.members-directory:hover .ico-directory{ background: url(../images/directory-hover.png) no-repeat center center;}
.office-staff:hover .ico-staff{ background: url(../images/staff-hover.png) no-repeat center center;}
.imp-links .card:hover:before{background:rgba(251, 255, 255, .10)}

.subheading{ font-size: 3rem; font-weight: 700; color:#004A99}
.subheading small, h3 small{font-weight: 500; font-size: .7em;}

.readmore{ color:#1C9DFB; font-weight: 500;}
.readmore .btn-lg{ min-width: 55px;}
.readmore:hover .btn-lg{ background: #33358C;}
.readmore-white{ color:#ffffff!important}
.readmore-white .btn-outline-outside:before{border-color:#ffffff} 
.readmore-white:hover .btn-lg{ background: #24A0FB;}

.all-committee-members{ margin-top: 230px;}
.all-committee-members .card{background: #33358C; border-radius: 28px; text-align: center;}
.all-committee-members .member-img-sm{ margin-top: -185px;}
.member-details small{ font-size: .9rem; font-weight: 400; color:rgba(255, 255, 255, .8)}
.viewmessage{ color:#0A043C; font-size: 14px;}
.viewmessage:hover{ background: #24A0FB; color:#ffffff; border-color: #24A0FB;}
.card-bottom-gap{ margin-bottom: 220px;}
.member-img-sm{ min-height: 271px;}

.border-bg{ position: relative;}
.border-bg::before{ content: ""; width: 60px; height: 204px; background: url(../images/dots.png) no-repeat left top; position: absolute; left: -70px; top: -70px;}
.border-bg::after{ content: ""; width: 60px; height: 204px; background: url(../images/dots.png) no-repeat right top; position: absolute; right: -50px; top: -254px;}

.slider-image img{border-radius: 5px;}
.slick-arrow{border: none; background: none; width: 34px; height: 34px; background-color: #EB8455; color: #ffffff; border-radius: 100%; text-indent: 1000px; overflow: hidden;}
.slick-next{background-image: url(../images/next.png);  background-repeat: no-repeat; background-position: center center; position: absolute; right: -40px; top: 50%;}
.slick-prev{background-image: url(../images/previous.png);  background-repeat: no-repeat; background-position: center center; position: absolute; left: -40px; top: 50%;}

.img-round-20{ border-radius:20px;}
.after-canvas:before {content: ""; background: #ffffff; box-shadow: 0px 0px 4px rgb(0 0 0 / 20%); border-radius: 20px; width: 90%; height: 120%; left: 15%; position: absolute; right: -15%; top: -10%;}
.slide .card-body{background: #FFFFFF; box-shadow: 0px 0px 16px rgba(0, 144, 231, 0.05); border-radius: 8px; padding:15px;}

#about-us{background: #33358C ; padding-top:80px; padding-bottom: 80px; min-height: 400px; font-size: 18px;}
.about-us h3{ line-height: 1.4;}
.about-us h3.subheading{ margin-bottom: 70px;}
.aboutimage{ width: 540px; position: relative;}
.aboutimage img{border-radius: 0px 100px;}
.aboutimage::before{content: "";
    background: url(../images/dotts.svg) no-repeat right bottom;
    position: absolute;
    width: 250px;
    height: 93px;
    right: 61px;
    bottom: -80px;
    z-index: -1;}
.whychooseuslist li{ margin-bottom: 10px; background: url(../images/arrow.svg) no-repeat left top;  }
.whychooseuslist li span{    padding-left: 40px;
    display: block;}
.whychooseuslist li b{ color:#002E60}

.mr-20{ margin-right: 20px;}
.gallery{ padding-top:80px; padding-bottom: 80px;}
#lightgallery li{ margin-bottom: 24px;}
.mt--24{ margin-top: -24px;}
.ourlocation{background: url(../images/location-bg.jpg) no-repeat right bottom;}
.mapframe{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 5px #0000000D;  border-radius: 6px; width: 100%; height: 650px; margin-bottom: 150px; padding: 10px;}



footer.bg-dark{ background: #082F49!important; color:#ffffff}
footer b{ font-weight: 500;}
footer li a{text-decoration: none; color: #ffffff; font-weight: 300; padding-top: 5px; padding-bottom: 5px; display: block;}
footer li a:hover, .color-orange{ color:#EB8455}
footer h6{ margin-bottom: 15px;}
.no-bg{ margin-top: -4px;}

.innerbanner{background: url(../images/inner-banner.jpg) no-repeat left top; background-size: cover;}
.innerbanner .heading{ font-size: 3rem; margin: 0px;}
.innerbanner .heading:after{ display: none;}
.form-box{width: 422px; margin: auto; border: 1px solid #EBEBEB; padding: 30px; border-radius: 8px;}

.divider:after, .divider:before { content: ""; flex: 1; height: 1px; background: #eee;}
.loginsignup-form input.form-control{border: 1px solid #D7D7D7; border-radius: 6px; font-size: 16px; height: 48px; padding-left: 20px; padding-right: 20px;}
.loginsignup-form .btn{height: 48px;}
.loginsignup-form a{ text-decoration: none;}

#form:after{ content: ""; background: url(../images/right-arrow.png) no-repeat left bottom;  width: 147px; height: 294px; position: absolute; bottom: 80px; left: 0px;}
#form:before{content: ""; background: url(../images/left-arrow.png) no-repeat left top;  width: 147px; height: 294px; position: absolute; top: 80px; right: 0px;}

.breadcrumb-area .breadcrumb-item+.breadcrumb-item::before { color:#ffffff}
.green{ color:#009D4F}
.bid-box{border: 1px solid #EBEBEB; padding: 30px; border-radius: 8px;}
.bid-details:after {content: ""; width: 40px; height: 3px; background: #EB8455; position: absolute; left: 0px; bottom: -10px;}
.bid-search .form-control{ height: 48px; border:1px solid #D7D7D7}


/* @media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 1920px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
} */



@media screen and (max-width:992px){
    body{ font-size: 16px;}
    nav{ background-color: #ffffff;}
    .nav-link{ font-size: 16px;}
    .navbar-brand img{ max-height: 50px;}
    .nav-link.px-3{ padding-left:.5rem!important; padding-right:.5rem!important}
    .navbar-nav.mb-2{ margin-bottom: 0px!important;}
    .carousel-item{ height: 450px;}
    .mainslider .carousel-caption h1{ font-size: 2.25rem; line-height: 2.5rem; padding-right: 70px;}
    .mainslider .carousel-caption h1 br{ display: none;}
    .mainslider .carousel-caption{ padding-right: 200px;}
    .heading {font-size: 1.75rem;}
 .bannerimage{    background-size: cover!important; background-position: center top 0px!important;}
    #aboutus {min-height: 300px; background-size: contain;}
    .py-5{padding-top: 2rem!important;
        padding-bottom: 2rem!important;}
        .navbar .container{ display: flex; }
        .nav-item{ margin-right: 5px;}
        .imp-links{ margin-top: 40px;}
        .imp-links .col{ margin-bottom: 24px;}
        .border-bg::after{right: -32px; top: -254px; background-size: cover; width: 50px;}
        .border-bg::before{left: -40px;top: -70px; background-size: cover; width: 50px;}
        .all-committee-members .member-img-sm {margin-top: -137px;}
        .member-img-sm {min-height: 184px; }
        .card-bottom-gap {margin-bottom: 160px;}
        .banner-image{ margin-right: 0px;}
        .banner-image img {
            max-width: 350px;
        }
        .btn-lg{font-size: 1.25rem;
            font-weight: 500;
            height: 50px;}
            .btn-primary{ padding:10px 15px}
            nav{ max-height: 80px;}
            .subheading{ font-size: 2rem;}
            .imp-links .col-md-6.col-lg-3{ margin-bottom: 30px;}
            .aboutimage{ max-width: 350px;}
            .aboutimage img {
                border-radius: 0px 50px;
            }
            .about-us .row.align-items-center { align-items: flex-start!important;}
            .aboutimage::before {
                width: 150px;
                height: 60px;
                bottom: -53px;
            }
            .footerlogo{ max-width: 180px;}
            .social-icons img{ max-width: 24px;}
}

@media screen and (max-width:767px){
    nav{ max-height:max-content; background-color: #ffffff;}
    .border-bg::after, .border-bg::before{ display: none;}
    .navbar-brand img{  max-height: 40px;}
    .navbar .container{ flex-direction: row;}
    .carousel-inner {
        padding-top: 60px;
    }
    .banner-image img {
        max-width: 100%;
    }
    .mainslider .carousel-caption{ padding-right: 0px; padding-left: 15px;  background: rgba(255, 255, 255, .7); width: 100%;}
    .my-5 {
        margin-top: 2rem!important;
        margin-bottom: 2rem!important;
    }
    .imp-links .col-md-6.col-lg-3 {
        margin-bottom: 15px;
    }
    .specialitylist li{ width: 48%;}
    #committee-members .col-md-4.col-lg-6.ps-4{ padding-left: calc(var(--bs-gutter-x) * .5)!important;}
    .aboutimage {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: calc(var(--bs-gutter-x)* .5) !important; margin-bottom: 50px;
    }
    .aboutimage::before{  display: none;}
    .whychooseus .row.align-items-center{flex-direction: column-reverse;}
    .whychooseus.pt-5{ padding-top: 0px!important;}
    
    .subheading{font-size: 1.75rem;}
    .d-none-mobile{ display: none;}
    footer .col-md-2.pt-4{ padding-top: 0px!important; margin-top: -16px;}
    .mapframe{ width: 94%; margin: auto;}
    .gallery, #about-us{ padding-top: 40px; padding-bottom: 40px;}
    .about-us h3.subheading{ margin-bottom: 30px;}
    .about-us h3.text-white {margin-top: 20px;}
    .btn-grey{padding: 15px 60px; margin-bottom: 10px;}
    .all-committee-members{ margin-top: 175px;}
    #committee-members .col-md-6.pe-4{ padding-right: 12px!important; margin-bottom: 25px;}
    #committee-members .col-md-6.ps-4{ padding-left: 12px!important;}

    .nav-link.px-3 {padding-left: 0rem!important; padding-right: 0rem!important;    }
    .navbar-nav.mb-2{ padding-top: 15px; padding-bottom: 10px;}
     .bannerimage{background-position:right -30px center!important; background-size: contain;}
    .mainslider .carousel-caption h1 {font-size: 2rem; line-height: 2.25rem;}
    .mainslider .carousel-caption p {font-size: 1rem; font-weight:500; padding-top: 10px; padding-right: 15px;}
    .heading {font-size: 1.55rem;}
     .btn-lg{ min-width: 150px; font-size: 1rem; height: 44px;}
  
    footer .col-md-4{ margin-bottom: 30px;}
    footer .col-md-3.ps-5{ padding-left: 12px!important; margin-left: 0px!important;}
    .form-box{ width: 100%;}
    .heroimage .heading.mt-4{ margin-top: 0px!important;}
    .innerbanner{ background-position: left -420px top;}
 
}