html{
    scroll-behavior: smooth;
}
body {
    margin: 0; padding: 0; font-family: 'Poppins'; font-size: 14px; font-weight: 400; background: #fff; color: #5a5a5a;
}

.topbar{ color: #DABE24; background: #3D64AF; font-size: 14px; }
.topbar a{ color: #DABE24;  }
.topbar i{ color: #DABE24; font-size: 14px; }
.topbar-inner{padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}

.biil-nav{ background: transparent !important; padding: 15px 10px; position: absolute; z-index:999 !important; width: 100%; }
.biil-nav .nav-link{ color: #fff !important; font-size: 14px; margin: 0px 10px; }
.biil-nav .nav-link:hover{ color: #3D64AF !important; background: #DABE24; font-size: 14px; margin: 0px 10px; border-radius: 30px; }
.btn-warning { background: #DABE24; color: #3D64AF !important; border: none !important; padding: 12px 25px !important; border-radius: 50px; }
.btn-warning.nav-link { color: #3D64AF !important; }

.whyicons{ width: 40px; height: 40px; margin: 20px auto !important; text-align: center;}

.biil-nav2{ background: #fff !important; border-bottom: 1px solid #dedede;}
.biil-nav2 .nav-link{ color: #3D64AF !important; font-size: 13px; margin: 0px 10px; text-transform: uppercase; letter-spacing: 1px; }
.nav-link.btn-biil{ color: #fff !important;}
.btn-biil{ background: #3D64AF; padding: 10px 40px !important; color: #fff !important; border-radius: 50px; position: relative;}
.btn-biil::after{ content:" "; width: 30px; height: 30px; background: #DABE24; border-radius: 50%; display: block; z-index: 2; position: absolute; right: 5px; top: 15%;}
.navbar .megamenu{ padding: 1rem; }
.navbar .dropdown-menu{ position: absolute; z-index: 9999999999999999 !important; } 
.biil-nav .dropdown:hover .dropdown-menu, .biil-nav2 .dropdown:hover .dropdown-menu{ display: block !important; }
.biil-nav .dropdown-header{ font-size: 15px; font-weight: bold; color: #3D64AF;}




.biil-hero{ height: 850px; text-align: center; color: #fff; background: #fff; background-size: cover; background-position: center; overflow: hidden; display: block; margin:0;  position: relative; }
.biil-hero h3{ font-size: 38px; }
.biil-hero .carousel-item img{ object-fit: cover !important;}
.biil-hero .carousel-caption{ position: absolute !important; top: 0%; left: 0%; z-index: 15000000000000 !important; text-align: left; width: 100%; height: 100%; display: flex; align-items: center;}
.biil-hero .fl-con{ position: absolute !important; z-index: 15 !important; width: 100%; height: 100%; display: flex; align-items: center; top: 0%; left: 0%; }
.biil-hero mark {background: transparent; color: #DABE24;}
.biil-hero h2 {font-size: 50px; line-height: 50px; letter-spacing: 1.5px;}
.biil-hero .subtext { width: 75%; font-weight: 300; font-size: 16px; }
.biil-hero-overlay{ cursor: pointer; height: 850px; overflow: hidden; transition: all .2s; display: flex; justify-content: center; align-items: center; margin:0;  position: absolute; top: 0; left: 0; width: 100%; z-index: 2 !important; background: rgba(0, 0, 0, 0.65); }
.biil-hero .carousel-indicators{ bottom: 15% !important;}
.biil-hero .carousel-indicators li{ width: 10px; height: 10px;}
.biil-hero .carousel-caption h5{ font-size: 14px; text-transform: uppercase; letter-spacing: 2.5px; display: block; }
.biil-hero .carousel-caption h2{ font-size: 44px; font-weight: 800; display: block; }
.btn-hero { background: #3D64AF; border:none; border-bottom: 3px solid #DABE24; color:#fff; font-weight: bold; border-radius: 0px; padding: 8px 20px;}





.no-block{ display: inline-block;}

mark { color: #DABE24; background: transparent; margin: 0; padding: auto;}

.title { font-size: 30px; color: #3D64AF; margin: 15px 0px; font-weight: 800;}
.title-md { font-size: 20px; color: #3D64AF; margin: 15px 0px; font-weight: 800;}
.title mark { color: #DABE24; background: transparent; margin: 0; padding: auto;}
.title-sm { position: relative; color: #DABE24; font-size: 14px; letter-spacing: 2px; font-weight: 500; }
.title-sm-2 { position: relative; color: #DABE24; font-size: 18px; font-weight: 600; }

.left-bold-border { border-left: 4px solid #3D64AF; padding-left: 30px; font-size: 14px;}

.text-gray { color: #7A7A7A}
.text-blue { color: #3D64AF}
.icon {
    width: 64px; margin-bottom: 20px;
}

.gray-box {
    padding: 5% 20%; font-weight: 300 !important; border-radius: 10px; background: #EDEDED; text-align: center;
}


.gray { 
    background: #F4F8FF;
    padding: 50px 0px;
    margin: 0;
    min-height: 300px;
}

.whitebox {
    background: #fff; border-radius: 10px; border:none; padding: 30px; display: flex; justify-content: center; flex-direction: column;
    box-shadow: 0px 0px 15px rgba(150, 150, 150, 0.3); margin: 20px 0px; min-height: 220px;
}
.whitebox h2 { color: #3D64AF;}
.whitebox h4 { color: #3D64AF; margin: 15px 0px; font-size: 14px;}
.text-sm { font-size: 13px; }

.whitebox2 {
    background: #fff; border-radius: 10px; border:none; padding: 20px; display: block; box-shadow: 0px 0px 15px rgba(150, 150, 150, 0.3); margin: 20px 0px; 
}

.whitebox.whitebox-plain {
    background-color: #fff !important;
    box-shadow: 0px 0px 25px rgba(200, 200, 200, 0.3);
    margin-bottom: 15px;
    border-radius: 0px;
    text-align: left;
    justify-content: flex-start !important;
    font-size: 12px;
    font-weight: 400;
}
.whitebox.whitebox-plain h3 {
    font-weight: 800; letter-spacing: 1px;
    font-size: 20px; margin-bottom: 10px; color: #3D64AF;
}

.whitebox.whitebox-plain a {
    font-weight: 500; font-size: 14px; color: #DABE24;
}

.services-image {
    width: 70px; height: 70px; object-fit: cover; border-radius: 50%; margin-bottom: 30px; text-align: left;
}

.services-box {
    position: relative; height: 230px; overflow: hidden;
}
.services-box-overlay {
    position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; display: flex; justify-content:end; align-items: baseline; flex-direction: column; 
    background: rgba(0, 0, 0, 0.6); padding: 25px; transition: .5s;
}
.services-box-overlay:hover {
    background: rgba(0, 150, 255, 0.3);
}
.sbadge { background: #DABE24; font-size: 10px !important; padding: 2px 10px; border-radius: 20px; color: #fff; font-weight: bold; }
.services-box h5 { font-size: 20px; color: #fff; margin-top: 10px;}

.slick-slide{ margin: 0px 10px;}
.slick-prev:before, .slick-next:before{ color: #DABE24 !important; }

.news {
    background: #fff; border:none; padding: 0; display: block; box-shadow: 0px 0px 15px rgba(150, 150, 150, 0.3); margin: 20px 0px; min-height: 270px;
    position: relative;
}
.news .date{ width: 55px; height: 55px; text-align: center; background: #DABE24; color: #3D64AF; position: absolute; left: 5%; top: 0px; font-size: 16px; font-weight: 700;
             display: flex; justify-content: center; align-items: center; flex-direction: column;}
.news .date p{ margin: 0px; padding: 1px !important; line-height: 15px;}
.news .news-body { padding: 16px; }
.news .news-body h4{ font-size: 16px; font-weight: 800; color: #3D64AF; }
.news .news-footer{ padding: 10px 15px; padding-right: 20px; margin-bottom: 10px;}
.news .author, .news .readmore{ color: #999; }

.testimonies { text-align: left;}
.testimony {
    background: #fff; padding: 17px; font-size: 12px !important; color: #666; position: relative;
    border-radius: 10px; margin: 0px;
}
.testi-name { color: #222; display: block; }
.testimonies em.post{ color: #777; font-size: 12px !important; font-style: normal;  }
.testimony .rating {
    color: #F2C358;
}

.core-values .title { font-size: 18px; font-weight: 800;}
.core-values img { width: 60px !important; height: 60px !important;}

.footer{
    background: #3D64AF;
    padding:0;
    margin: 0;
    min-height: 300px; font-size: 15px;
    color: #fff; font-weight: 400; font-family: Roboto;
}
.footer .copyright {
    background: #3D64AF; display: block; padding: 20px 0px; color:#fff;
}
.footer hr {
    border-color: #ffffff6b !important;
}
.footer i{ color: #fff; font-size: 18px; margin: 10px; }
.footer ul{ list-style: none; margin: 0; padding: 0; display: block; }
.footer ul li{ padding: 6px 0px; display: block; }
.footer ul li a{ color: #fff; display: block; }
.footer a{ color: #fff;  }
.footer h4 { font-weight: 700; font-size: 17px; margin-bottom: 15px; }
.footer strong { font-weight: 600; font-size: 14px; margin-bottom: 10px; }

.recent-posts { display: block;}
.recent-posts .post{ margin-bottom: 20px; display: block; }
.recent-posts span{ color: #DABE24; text-transform: uppercase; margin-top: 5px; }

.breadcrumbs {
    background: #D4D9DF; padding: 15px 0px; display: block; color:#3D64AF;
}
.breadcrumbs a { margin: 0px 10px; color:#3D64AF }
.breadcrumbs a:first-child { margin-left: 0px; }
.breadcrumbs a.active { font-weight: 700; }

.bolder{ font-weight: 700; color:#3D64AF; font-size: 17px;}
.t-sm{ font-size: 23px;}
.s-list{ list-style: none; margin: 0; padding: 0;}

.jobs { display: block; margin-top: 15px; }
.jobs .job{ display: block; border:1px solid #ddd; border-radius: 6px; padding: 20px; margin: 25px 0; }
.jobs .meta, .job-apply .meta{ color: #888; margin: 15px 0px; }
.jobs .open{ background: rgba(25, 253, 128, 0.4); color: rgb(7, 92, 45); padding: 2px 6px; border-radius: 4px; font-size: 12px;}
.jobs .closed{ background: rgba(253, 52, 25, 0.301); color: rgb(80, 0, 0); padding: 2px 6px; border-radius: 4px; font-size: 12px; }

.btn-primary{ background: #3D64AF !important; color: #DABE24 !important; border:none; padding: 12px 25px; border-radius: 50px; }
.biil-hero .btn-primary{ background: #3D64AF !important; color: #DABE24 !important; border:none; padding: 12px 30px !important; border-radius: 50px; }
.core-values h4{ font-size: 18px; color: #3D64AF; font-weight: 600; margin: 10px 0px; margin-bottom: 20px;}
.form-control{ min-height: 45px; padding: 10px 20px; border-radius: 0; position: relative;}
.upload-input { display: block; position: absolute; top: 15%; left: 10px; width: 100%; height: 90%; }
.upload-input::-webkit-file-upload-button, .upload-input::file-selector-button {
    background: #3D64AF; border:none; position: absolute; right: 12px; color: #fff; padding: 3px 10px; 
}

.waiting-list-overlay{
    background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center;
    z-index: 999999999999;
}
.waiting-list-box{ background: #fff; padding: 0; width: 600px; height: 500px;}
.waiting-list-box .image { height: 500px; width: 100%; background: url('../img/1XpQvAKUH1.jpg') no-repeat center; background-size: cover; }
.sm-title{font-size: 18px; margin-top: 0; padding-top: 0;}
.text-red { color: red; }
.box{ 
    border: 1px solid #dedede; padding: 10px 20px; border-radius: 6px; margin: 15px 4px;
}
.box img{ margin: 5px auto !important; text-align: center; }
.box h4, .box p{ text-align: center; }
.box strong { color: #3D64AF; }
.logo { width: 140px; border-radius: 10px; }
.logo2 { width: 300px; border-radius: 10px; }
.tagline {
    color: #fff; display: block; font-size: 12px; margin-top: 10px; letter-spacing: 0.8px;
}

.client {
    border: 1px solid #ddd; border-radius: 4px; padding: 5px; display: flex; justify-content: center; align-items: center; flex-direction: column;
}
.client img { width: 90%; }


/* ----------------------------------------------------------------
   SLICK SLIDER
   ----------------------------------------------------------------*/

.slick-slide {
    margin: 0px 20px;
    overflow: hidden;
    
    max-height: 390px;
    overflow: hidden;
    text-align: center;
}

.slick-slide img {
    width: 100%;
    box-shadow: none !important; margin-bottom: 10px;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #DABE24;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: rgba(0,0,0,0.8);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 99999999;
}
#gdpr-cookie-message h4 {
    color: #A78B4D;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #A78B4D;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #A78B4D;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: #A78B4D;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #A78B4D;
    color: #3D64AF;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #3D64AF;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: #3D64AF;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}


.biil-hero.biil-hero2 {
    height: 650px;
}
.biil-hero2 .biil-hero-overlay{ height: 650px !important;  }
.biil-hero2 .carousel-caption{ height: 650px !important;  }
.biil-hero2 .fl-con{ height: 650px !important; }


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
  
  }	
  /* ============ desktop view .end// ============ */
  
  /* ============ mobile view ============ */
  @media(max-width: 768px){
    .about-hero { height: 500px !important; }
    .about-hero h2 { line-height: 35px !important; }
    .about-hero h2 p{ line-height: 5px !important; }
    .about-hero .biil-hero-overlay { height: 500px !important; }
    .biil-hero{ height: 600px; text-align: center; color: #fff; background: #fff; background-size: cover; background-position: center; overflow: hidden; display: block; margin:0;  position: relative; }
    .biil-hero .carousel-caption h5{ font-size: 12px; margin-top: 20px }
    .biil-hero .carousel-caption h2 mark{ line-height: 30px; padding: 0;  }
    .biil-hero .carousel-caption h2{ font-size: 28px; line-height: 30px; margin-bottom: 15px !important; display: block; }
    .biil-hero .carousel-item img{
        object-fit: cover !important;
    }
    .btn-hero { border-bottom: 2px solid #DABE24; padding: 4px 15px; position: relative; top: -25px;}
    .biil-nav .navbar-toggler {
        background: #fff !important; position: relative; left: -30px;
    }
    .biil-nav .navbar-collapse {
        background: #fff;
        border-radius: 6px;
        margin-left: 20px;
        margin-right: 30px;
        padding-bottom: 20px;
    }

    .biil-nav .navbar-collapse .nav-link{ color: #3D64AF !important; font-size: 14px; margin: 0px 10px; }

    .title { font-size: 25px;}
    .biil-hero .carousel-caption{ position: absolute !important; top: 4% !important; left: 0%; z-index: 15000000000000 !important; bottom: auto; text-align: left;}
    .fl-con{ position: absolute !important; top:0% !important; z-index: 15 !important; width: 100%; height: 600px !important; }
    .fl-con .subtext{ width: 100% !important; font-size: 14px; display: block; margin-top: 10px !important; }
    .biil-hero-overlay{ cursor: pointer; height: 600px; overflow: hidden; transition: all .2s; display: flex; justify-content: center; align-items: center; margin:0;  position: absolute; top: 0; left: 0; width: 100%; z-index: 2 !important; background: rgba(0, 0, 0, 0.6); }
    .biil-orange-box1{ display: none; }
    .biil-orange-box2{ display: none;}
    .py-sm-2{ padding-top: 0px !important;}
    .logo{ width: 100px; margin-left: 20px;}

    .biil-nav .btn-warning {
        display: inline;
    }

    .waiting-list-overlay{ padding-right: 30px; font-size: 11px; }
    .waiting-list-box{ position:relative; background: #fff; padding: 0; width: 90%; margin: 5% auto; height: 70%; left: 0; overflow: hidden;}
    .waiting-list-box .image { height: 500px; width: 100%; background: url('../img/1XpQvAKUH1.jpg') no-repeat center; background-size: cover; }
    .sm-title{font-size: 18px; margin-top: 0; padding-top: 0;}
    .text-red { color: red; }
    .waiting-list-box .btn-biil{ padding: 13px 4px !important; font-size: 11px;}
  }

  @media(max-width: 991px){
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
      overflow-y: auto;
        max-height: 90vh;
        margin-top:10px;
    }

    .topbar { font-size: 9px;}

  }
  /* ============ mobile view .end// ============ */

@media(max-width: 1200px) {
    .biil-nav .nav-link{font-size: 12px; margin: 0px 10px; }
}