/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@400;600;700&display=swap');
*{ margin: 0; padding: 0; box-sizing: border-box;}
a{ text-decoration: none; color: var(--blue-color); }
a:hover{ text-decoration: underline;}
.bg-dark-grey a{ color: var(--white-color);}
ul, ol { margin: 0;  padding: 0; list-style:square; list-style-position: inside;}
html { scroll-behavior: smooth !important; } 
:root{
    --dark-grey-light-color: #343942;
    --dark-grey-color: #2a2e37;   
    --blue-color: #003088;
    --white-color: #ffffff;
    --light-grey-color: #f5f5f5;
    --bold-font: 700;
    --regular-font:400;
    --primary-font: "Montserrat", sans-serif;
	--section-padding: 50px;
    --gap-20-30-60: 15px;
}
@media(min-width: 768px){ :root{ --gap-20-30-60: 50px;} }
@media(min-width: 1200px){ :root{ --gap-20-30-60: 40px; --section-padding: 60px;}  }
@media(min-width: 1600px){ :root{ --gap-20-30-60: 75px; --section-padding: 100px;} }
html,body{
    font: var(--regular-font) 16px var(--primary-font);
    line-height: 1.5; background-color: var(--white-color);
    color: var(--dark-grey-light-color);
}
h1,h2,h3,h4,h5,h6 { 
    font-weight: var(--bold-font) !important;
    font-family: var(--primary-font);
}
b, strong{ font-weight: var(--bold-font);}
.main-heading{ margin-bottom: 0 !important; text-transform: capitalize;}
.main-heading + p{ margin-bottom: 0;}
@media(max-width:575px){ .main-heading + p.fs-4{ font-size: 1rem !important;} }
/* BOOTSTRAP BUTTON  */
.btn{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 0;
    font-size: 18px;
    font-weight: var(--bold-font);
    font-family: var(--primary-font);
    transition: all .4s ease-in-out;
}
.btn-theme{
    --bs-btn-color: var(--white-color);
    --bs-btn-bg: var(--blue-color);
    --bs-btn-border-color: var(--blue-color);
    --bs-btn-hover-color: var(--blue-color);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--blue-color);
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: var(--white-color);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--white-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white-color);
    --bs-btn-disabled-bg: var(--blue-color);
    --bs-btn-disabled-border-color: var(--white-color);
}
.btn-theme-white{
    --bs-btn-color: var(--blue-color);
    --bs-btn-bg: var(--white-color);
    --bs-btn-border-color: var(--white-color);
    --bs-btn-hover-color: var(--dark-grey-color)
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--white-color);
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: var(--blue-color);
    --bs-btn-active-bg: var(--white-color);
    --bs-btn-active-border-color: var(--white-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white-color);
    --bs-btn-disabled-bg: var(--white-color);
    --bs-btn-disabled-border-color: var(--white-color);
}

.btn.reset{
    border: 1px solid var(--blue-color);
    color: var(--blue-color);
    background-color: transparent;
}
.btn.reset:hover{
    background-color: var(--blue-color);
    color: var(--white-color);
}
.border-blue.btn-theme:active{
    border-color: var(--blue-color);
    color: var(--blue-color);
}
/* Custom Class  */
/*.text-red{color: red !important;}*/
.section-padding, .dark-section-padding{ padding-top: 50px; padding-bottom: 50px;}
.text-white{ color: var(--white-color);}
.bg-white{background-color: var(--white-color) !important; color: var(--dark-grey-light-color);}
.bg-dark-grey-light{ background-color: var(--dark-grey-light-color) !important; color: var(--white-color);}
.bg-blue{ background-color: var(--blue-color); color: var(--white-color);}
.bg-light-grey-color{background-color: var(--light-grey-color); color: var(--dark-grey-light-color);}
.bg-dark-grey{background-color: var(--dark-grey-color); color: var(--white-color);}
.image-scale{ overflow: hidden;}
.image-scale img{ overflow: hidden; transition: all .4s ease-in-out; }
.image-scale:hover img{ transform: scale(1.03); }
@media(min-width:768px){ 
    .section-padding{ padding-top: 100px; padding-bottom: 100px;} 
    .dark-section-padding{ padding-top: 70px; padding-bottom: 70px;}
}
@media(min-width:1600px){ .main-container{ max-width: 1760px; margin: 0 auto;} }

/*----- HEADER SECTION START ----------  */
header{
    width: 100%;
    position: static;
    background-color: var(--white-color);
    z-index: 999;
    border-top: 5px solid var(--blue-color);
}
header a:hover, footer a:hover{ text-decoration: none;}
header ul{ list-style: none !important;}
header .btn{ padding: 10px 20px;}
.navbar{ padding: 0px 15px; }
.navbar-brand img{ width: 75px;}
.slogan{font-size: 18px; font-weight: var(--bold-font); color: var(--blue-color);}
.nav-item{ border-top: 1px solid var(--blue-color);}
.nav-link, .dropdown-link .nav-link{ padding: 18px !important; font-weight: var(--bold-font); color: var(--dark-grey-color); line-height: 1; transition: all 0.2s ease-in-out; }
.dropdown-link .nav-link{line-height: 1.5;}
.nav-link:hover{ color: var(--blue-color) !important;}
.dropdown-link .nav-link{ 
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 15px 15px !important;
}
.dropdown-link .nav-link:hover{ color: var(--white-color) !important;}
.top-header .btn-theme{ margin-left: 9px;}

/*================ Mobile Device Css Start =================*/
.offcanvas.offcanvas-end{ width: 100%; max-width: 325px; }
.offcanvas-header{ border-bottom: 1px solid var(--blue-color); padding: 32px 18px; border-top: 5px solid var(--blue-color);}
@media(max-width:991px){
    .dropdown-link .nav-item{border-top: 1px solid var(--white-color);}
    .offcanvas-body{ padding: 0; }
    .dropdown-link h3{ padding-left: 15px;}
    .border-bottom-lg { border-bottom: 1px solid var(--blue-color); }
}
/*================ Mobile Device Css END =================*/
.dropdown-menu{
    padding: 25px 0 10px;
    border-radius: 0px;
    line-height: 1;
    border: unset !important;
    background-color: var(--blue-color);
    color: rgba(255, 255, 255, 0.7);;
    margin: 0 !important;
}
.dropdown-menu p{ line-height: 1.7;}
.dropdown-menu h3{ color: var(--white-color);}
.dropdown .mega-menu .container-fluid{ max-width: 100%;}
.dropdown-toggle::after{
    display: inline-block; 
    transition: all .2s ease-in-out;
    margin-left: 0.255em;
    vertical-align: -.24em;
    content: "\F282";
    font-size: 18px;
    font-family: bootstrap-icons !important;
    border: none;
}
.slideIn { animation-name: slideIn; animation-duration: 500ms; }
.dropdown-toggle.show::after{ transform: rotate(180deg); }
@keyframes slideIn {
    0% { clip-path: inset(0 0 100% 0); }
    100% { clip-path: inset(0 0 0 0); }
    0% { clip-path: inset(0 0 100% 0); }
}
.dropdown-image{ position: relative; width: 100%; height: 100%; }
.dropdown-image img{ width: 100%; height: 100%; object-fit: cover;}
.nav-heading{line-height: 1 !important; color: var(--dark-grey-color);}
.nav-heading:hover{ color: var(--blue-color);}
@media(min-width:992px){
    .offcanvas.offcanvas-end{ max-width: 100%;}
    .offcanvas-body{ display: flex; align-items: center; }
    .navbar{ padding: 5px 0; }
    .navbar-brand img{ width: 80px;}
    /* .navbar-brand{ margin-left: 15px;} */
    .dropdown-menu{ width: 100%; padding: 70px 30px; }
    .dropdown-link .nav-link{ padding: 0 !important; font-size: 18px !important; }
    /* .horizontal-padding{ padding-left: 15px !important; padding-right: 15px !important; } */
    .horizontal-padding{ padding: 0 15px !important; }
    .nav-item{padding: 12px 0; border-top: unset}
    .nav-link{ padding: 0 15px !important; font-size: 16px;}
    .offcanvas-body h5{ font-size: 20px;}
    .top-header .btn-theme-white{font-size: 14px; padding: 10px 10px;}
    .top-header .btn-theme{border: 1px solid var(--blue-color);}
    .slogan{ font-size: 14px; max-width: 325px;}
    .top-header .btn-theme{ padding: 10px 15px;}
    .nav-heading{ font-size: 16px;}

}
@media(min-width:1024px){
    .nav-link{ padding: 0 12px !important;}
}
@media(min-width:1200px){
    .slogan{ font-size: 16px; max-width: 400px;}
    .dropdown-menu{ padding: 70px 45px; }
    .horizontal-padding{ padding-left: 40px !important; padding-right: 40px !important; }
    .nav-link{ padding: 0 15px !important; font-size: 16px !important;}
    .nav-heading{ font-size: 16px;}
    .offcanvas-body h5{ font-size: 22.5px; }
/*    .navbar-brand{ margin-left: 23px;}*/
    .top-header .btn-theme-white{font-size: 16px; padding: 10px 15px;}
    .offcanvas-body.horizontal-padding{ padding-left: 15px !important;}
    .logo-1{ margin-left: 20px;}
}
@media(min-width:1400px){
    .navbar-brand img{ width: 100px;}
    .slogan{ font-size: 18px; max-width: 450px;}
    .dropdown-menu{ padding: 70px 80px; }
    .horizontal-padding{ padding-left: 80px !important; padding-right: 80px !important; }
    .nav-link{ padding: 0 30px !important; font-size: 18px !important;}
    .top-header .btn-theme{ padding: 10px 20px;}
    .top-header .btn-theme-white{font-size: 18px; padding: 10px 15px;}
    .nav-heading{ font-size: 18px;}
    .logo-1{ margin-left: 0;}
    .offcanvas-body.horizontal-padding{ padding-left: 30px !important;}

}
/* HEADER SECTION END  */

/* BANNER SECTION START  */
.banner{ width: 100%; height: calc(94vh - 101.25px); }
.banner .swiper { width: 100%; height: 100%; }
.banner-swiper .swiper-slide { position: relative; }
.banner-swiper .swiper-slide::before{
    position: absolute; content: '';
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(90deg, rgba(42,46,55,0.9) 0%, rgba(42,46,55,0) 100%);
    z-index: 10;
}
.banner-swiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.banner-swiper .swiper-pagination-bullet{
    width: 45px; height: 3px; background-color: var(--white-color);
    border-radius: 0; margin: 0 50px; opacity: 1;
}
.banner-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}
.banner-swiper .swiper-pagination-bullet-active{ background-color: var(--blue-color); }
.banner-swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 30px;
}
.banner-bg{ width: 100%; height: 100%; position: relative; }
.banner-bg img{ position: absolute; object-fit: cover; }
.banner-content{
    max-width: 600px; position: relative; z-index: 15; 
    color: var(--white-color); overflow: hidden;
    transition: all .4s 600ms ease-in-out;
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
}
.banner-content .btn-theme:hover{text-decoration: none; border-color: var(--white-color); background-color: transparent;}
.banner-content h2{ font-size: 35px; margin-bottom: 15px; }
.banner-content p.fs-4{ font-size: 1rem;}
.banner-swiper .swiper-slide.swiper-slide-active .banner-content{
    transform: translate3d(0, 0, 0); opacity: 1;
}
.banner-content p{ margin-bottom: clamp(25px, 2.083333333333333vw, 40px); }
.banner-swiper .btn-theme:hover{ color: var(--white-color); }
@media(max-width:576px){
    .banner-content p.fs-4{ font-size: 18px !important;}
}
@media(min-width:768px){ .banner-content h2{ font-size: 40px;} }
@media(min-width:992px){
    /* .banner-content h2{ font-size: 55px;} */
    .banner-content h2{ font-size: clamp(45px, 2.864583333333333vw, 55px);}
    .banner{ height: calc(100vh - 147px); }
}
@media(min-width: 1400px){
    .banner-content p.fs-4{ font-size: 1.25rem;}
    .banner{ height: calc(100vh - 168.31px); }
}
@media(min-width:1600px){ 
    .banner-swiper .container{ max-width: 1500px; padding: 0 15px; margin: 0 auto; }
    .banner-swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 50px;
    }
}
/* BANNER SECTION END  */

/* SERVICES SECTION START  */
    .service-inner{ width: 100%; background-color: var(--dark-grey-color); }
    .service-image{ position: relative; overflow: hidden; transition: all .4s ease-in-out; }
    .service-image::before{
        position: absolute; content: '';
        width: 100%; height: 100%;
        background: linear-gradient(0deg, rgba(42,46,55,0.9) 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0) 100%) !important;
        z-index: 20; top: 0; left: 0; 
    }
    .service-heading .btn-theme:hover{ border: 1px solid var(--white-color); color: var(--white-color); }
    .service-image img{ width: 100%; height: 100%; object-fit: cover;  transition: all .4s ease-in-out;}
    .service-heading{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0 15px 20px;  color: var(--white-color); z-index: 22;}
    .service-content{
        width: 100%; height: 100%;
        background-color: var(--blue-color);    
        color: var(--white-color);
        display: flex; flex-direction: column;
        justify-content: center; overflow: hidden;
        padding: 50px 25px; position: relative;
    }
    .service-content p{ margin: 0; font-size: 18px;}
    @media(min-width:576px){ 
        /* .service-image::before{transform: translateY(200px); opacity: 0; visibility: hidden; } */
        /* .service-image:hover::before{ transform: translateY(0); opacity: 1; visibility: visible;} */
        .service-heading h3{ transform: translateY(49px); transition: all .4s ease-in-out;}
        .service-heading .btn-theme{ transform: translateY(55px); opacity: 0; visibility: hidden;}  
        .service-image:hover .service-heading h3, .service-image:hover .service-heading .btn-theme{ transform: translateY(0); opacity: 1; visibility: visible;}
        .service-content{ padding: 15px 10px;} 
        .service-heading h3{ font-size: 20px;}
        .service-content p{ font-size: 16px;}

    }
    @media(min-width:768px){
        .service-content{ padding: 30px 20px;}
        .service-heading h3{ font-size: 24px;}
        .service-content p{ font-size: 22px;}
    }
    @media(min-width:992px){
        .service-content{ padding: 25px 15px; }
        .service-content p{ font-size: 18px; }
        .service-heading{ padding: 0 15px 25px; }
    }
    @media(min-width:1200px){
        .service-content p{ font-size: 16px;}
        .service-content{ padding: 20px 20px; }
        .service-heading h3{ font-size: 22px;}
    }
    @media(min-width:1400px){
        .service-heading{ padding: 0 29px 40px; }
        .service-content{  padding: 35px 25px; }
        .service-heading h3{ font-size: 24px;}
        .service-content p{ font-size: 20px; }    
    }
    @media(min-width:1600px){
        .service-heading{ padding: 0 40px 40px; }
        .service-content{  padding: 40px 35px; }
        .service-content p{ font-size: 22px; }
    }
/* SERVICES SECTION END  */

/* Card Section Start  */
    .card-img{position: relative; width: 100%; height: 420px; overflow: hidden;}
    .card-img img{width: 100%; height: 100%; object-fit: cover;}
    .card2-img{ position: absolute; width: 50%; height: 100%; top: 0; left: 0;}
    .card-container{ display: block; overflow: hidden; }
    .card-item{ position: relative; width: 100%; height: 420px;}
    .card-item img{ width: 100%; height: 100%; object-fit: cover;}
    .card-img2{ position: absolute; top: 90px; left: 30px; }
    @media(min-width:768px){ .card-container{display: grid; grid-template-columns: 1fr 1fr;} }
    @media (min-width:992px){
        .card-img, .card-item{min-height: 360px;}
        .card-img img{ width: 100%; height: 100%; object-fit: cover;}
    }
/* Card Section End  */

/* ABOUT SECTION START   */
    .about{
        min-height: 725px;
        background-image: url(../images/about-bg.jpg);
        @supports (background-image: url('../images/about-bg.webp')) {
            background-image: url('../images/about-bg.webp');
        }
        background-size: cover; background-position: center;
        color: var(--white-color);
    }
    .about a:hover{ text-decoration: none;}
    .about .btn-theme, .news .btn-theme{ 
        background-color: var(--white-color);
        color: var(--blue-color);
        border: 1px solid var(--white-color);
    }
    .about .btn-theme:hover, .news .btn-theme:hover{ background-color: transparent; color: var(--white-color); }
    .about-inner{max-width:1200px; margin: 30px auto; display: block; text-align: center; }
    .about-inner .number-content{ margin-bottom: 40px;}
    .about-inner .number-content:last-child{margin-bottom: 0;}
    .number-content h2{ font-size: 26px; font-weight: var(--regular-font) !important;}
    .number-content h3{ font-size: 48px; }
    @media(min-width:576px){
        .about-inner{  display: flex;  justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; text-align: start;}
        .about-inner .number-content{ margin: 40px;}
    }
    @media(min-width:992px){
        .about-inner{ justify-content: space-between; margin: 50px auto; }
        .about-inner .number-content{ margin: 0 0;}
    }
/* ABOUT SECTION END  */

/* CERTIFICATE SECTION START  */
    .company-certificate{ width: 100%; background-color: var(--light-grey-color); padding: 15px 0;  }
    .certificate{ max-width: 1200px; margin: 0 auto; padding: 40px 0; background-color: var(--white-color);}
    @media(min-width:1200px){
        .company-certificate{ background-color: var(--light-grey-color); padding: 0; }
        .certificate2{transform: translateY(-50%);}
    }
/* CERTIFICATE SECTION END  */

/* NEWS SECTION START   */
    .news-content{
        width: 100%;
        background-color: var(--blue-color);
        color: var(--white-color);
        padding: 50px 15px;
    }
    .news-content-inner a{ color: var(--white-color);}
    .news-content-inner a:hover{ text-decoration: none;}
    .news-content a{ color: var(--white-color); word-wrap: break-word;}
    .news-content a:hover{ text-decoration: underline;}
    .news-content h2{ margin-bottom: 30px; }
    .news-content h3{ font-size: 20px; }
    .news-part{ margin-bottom: 30px; }
    .news-content-inner{
        height: 100%; position: relative;
        background-color: var(--white-color);
        display: flex; align-items: center;
    }
    .news-image{ 
        width: 100%; 
        min-height: 535px;
        position: relative; z-index: 2; overflow: hidden;
    }
    .news-image::before{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        pointer-events: none;
        /* background: linear-gradient(180deg, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%); */
        background: linear-gradient(180deg, rgba(0,0,0,0) 10%, rgba(0,0,0,0.6194852941176471) 90%);
        z-index: 1;
    }
    .news-image img{
        position: absolute; 
        width: 100%; height: 100%;
        object-fit: cover;
    }
    .news-heading{
        position: absolute;
        max-width: 100%;
        bottom: 0; left: 0;
        padding: 0 15px 40px;
        color: var(--white-color);
        z-index: 2;
    }
    .news-heading .btn-theme, .news-part .btn-theme{ text-decoration: none !important;}
    @media(min-width:576px){
        .news-part{ margin-bottom: 40px; }
        .news-heading .news-heading-inner{ transform: translateY(49px); transition: all .4s ease-in-out;}
        .news-heading .btn-theme{ transform: translateY(55px); opacity: 0; visibility: hidden; transition: all .4s ease-in-out;}  
        .news-image:hover .news-heading .news-heading-inner, .news-image:hover .news-heading .btn-theme{ transform: translateY(0); opacity: 1; visibility: visible;}
    }
    @media(min-width:992px){
        .news-content{ width: 100%; min-height: 725px; padding: 100px 100px;  } 
        .news-content{ padding: 70px 40px;  }
        .news-image{
            min-height: 535px;
        }
        .news-image img{
            position: absolute; 
            width: 100%; height: 100%;
            object-fit: cover;
        }
        .news-content-inner::after{
            content: ''; position: absolute;
            width: 50px; height: 100%;
            background-color: var(--blue-color);
            top: 0; left: 0; z-index: 1;
        }
    }    
    @media(min-width:1200px){
        .news-heading{ padding: 0 100px 40px;}
        .news-content{ padding: 70px; }
        .news-content-inner::after{ width: 120px; }
    }
    @media(min-width:1400px){
        .news-content{ padding: 100px; }
        .news-content-inner::after{ width: 150px;}
    }

/* NEWS SECTION END   */

/* CAREER SECTION START  */
    .career{ position: relative; z-index: 10; }
    .career h2{ color: var(--blue-color); }
    .career-content{ width: 100%; background-color: var(--white-color);  padding: 50px 15px; }
    .career-content a:hover{text-decoration: none;}
    .career .btn-theme:hover{border: 1px solid var(--blue-color);}
    .career .btn-theme:active{ color: var(--blue-color);}
    @media(min-width:768px){ .career-content{ padding:50px 15px;} }
    @media(min-width:992px){ 
        .career-content{ transform: translateY(-96px); }
        .career-content{ padding: 50px; }
    }
/* CAREER SECTION END  */

/* CONTACT SECTION START   */
    .contact h2{ color: var(--white-color); }
    .contact p{ margin: 0; font-size: 20px; }
    .contact a{ color: var(--white-color); }
    .contact a:hover{ color: var(--blue-color); text-decoration: none;}
    .contact .btn-theme{ border: 1px solid var(--blue-color); background-color: var(--blue-color); color: var(--white-color);}
    .contact  .btn-theme:hover{ background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color);}
    @media(max-width:992px){
        .contact a, .contact p{ font-size: 20px; word-wrap: break-word; }
    }
    @media(min-width:992px){ 
        .contact a, .contact p{ font-size: 22px;}
    }


/* CONTACT SECTION END   */

/* FOOTER SECTION START  */
    footer{
        color: rgba(255, 255, 255, 0.5);
        background-image: url(../images/footer-bg.jpg);
        @supports (background-image: url('../images/footer-bg.webp')) {
            background-image: url('../images/footer-bg.webp');
        }
        background-size: cover;
        background-position: center center;
        position: relative;
    }
    footer ul{ list-style: none;}
    footer li{margin-bottom: 10px;}
    footer li:last-child{margin-bottom: 0}
    footer a, .footer-end a, .footer-end p {color: rgba(255, 255, 255, 0.5);}
    footer a:hover, .footer-end a:hover{ color: var(--white-color); opacity: 1; text-decoration: none;}
    .social-icon li{ display: inline-block; margin-right: 10px; }
    footer img{ opacity: 0.8;}
    footer img:hover{ color: var(--white-color); opacity: 1;}
    .footer-end{ width: 100%; background-color: var(--dark-grey-color); color: var(--white-color); }
    .footer-end .py-3{ padding: 1.2rem 0 !important; }
    .footer-end p{ margin-bottom: 0;}

/*---------------------- FOOTER ACCORDION CODE START  */
    #accordionFooter .accordion-button::after{ content: unset; }
    #accordionFooter .accordion-button i{ transition: all .4s ease-in-out; position: relative; }
    #accordionFooter .accordion-button i:before {
        font-size: 18px; font-weight: var(--regular-font); 
        color: var(--white-color); background-color: var(--blue-color);
        padding: 6px; border-radius: 50%;
    }
    #accordionFooter .accordion-button i::after{
        position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue-color); opacity: .5; border-radius: 50%; transform: scale(0);
    }
    #accordionFooter .accordion-button{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    @media(max-width:767px){
        #accordionFooter .accordion-item {
            background-color: transparent;
            margin-bottom: 10px;
            border: unset;
            color: var(--white-color);
            border-radius: unset;
        }
        #accordionFooter .accordion-button{
            font-weight: var(--bold-font);
            line-height: 1;
            color: var(--white-color);
            background-color: var(--dark-grey-light-color);
            padding: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: unset;
            position: relative;
        }
        #accordionFooter .accordion-button i::after{
            position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue-color); opacity: .5; border-radius: 50%; transform: scale(0);
        }
        #accordionFooter .accordion-button:not(.collapsed) i::after { transform: scale(1.5); }
        #accordionFooter .accordion-body:not(.collapsed){ padding: 20px 20px 10px;}
        #accordionFooter .accordion-button:not(.collapsed) i{ transform: rotate(-180deg);}
        #accordionFooter .accordion-header h3{ font-size: 22px; margin-bottom: 0 !important;}
    }
    @media(min-width:768px){
        #accordionFooter .accordion-header h3{ margin-bottom: 20px !important; }
        #accordionFooter .collapse:not(.show) { display: block; }
        #accordionFooter .accordion-button{ pointer-events: none; }
    }
/* ------------------------ FOOTER ACCORDION CODE END -----------------------------------  */

    @media(min-width:992px){ .footer-end p, .footer-end a{ margin: 0;} }
    
/* FOOTER SECTION END  */

/* ================================================= ABOUT PAGE START ================================================================= */
.flex-item{ display: flex; flex-direction: column; justify-content: center;}
.company-profile h4{ color: var(--white-color);}
.company-profile{ color: rgba(255, 255, 255, 0.5);}
.inner-banner, .inner-map{ width: 100%; height: calc(100% - 88px); position: relative; z-index: 1; }
.inner-banner img{  object-fit: cover;}
.card-content{ padding: 30px; }
@media(max-width:576px){ .card-content{ padding: 30px 20px;} }
@media(max-width:767px){ .inner-banner, .inner-map{ width: 100%; height: 400px; position: relative; z-index: 1; } }
@media(min-width:768px){
    .inner-banner, .inner-map{ height: calc(100vh - 88px); }
    .inner-banner img{ position: absolute; object-fit: cover; width: 100%; height: 100%;}
}
@media(min-width:992px){
    .inner-banner, .inner-map{height: calc(100vh - 156px);}
    .company-content p{ font-size: 24px;}
}
/* ================================================= ABOUT PAGE END ================================================================= */

/* ================================================= CONTACT PAGE START ================================================================= */
.contact-form .form-group input[type='text'],
.contact-form .form-group input[type='number'],
.contact-form .form-group input[type='email'],
.contact-form .form-group input[type='date'],
.contact-form .form-group input[type='file'],
.contact-form .form-group textarea,
.contact-form .form-group select{
    position: relative;
    width: 100%; padding: 10px; border-radius: 0;
    border: 1px solid #ced4da; color: var(--dark-grey-color);
    font-size: 16px; transition: all .4s ease;
}
.contact-form .form-group{ position: relative;  margin-bottom: 25px;}
.contact-form .form-group:last-child{margin-bottom: 0;}
.contact-form .form-group label{font-size: 16px; margin-bottom: 5px; color: var(--dark-grey-light-color); font-weight: var(--medium-font);}
@media(min-width:992px){
    .contact-form .form-group label{font-size: 18px;}
}
/* ================================================= CONTACT PAGE END ================================================================= */

/* ================================================= Services PAGE Gallery START ================================================================= */
.gallery-swiper.swiper { width: 100%; }
.swiper-service-bg{ width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper-service-bg img{ width: 100%; }
.swiper-service-content{ width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 15px; margin-top: 20px;}
.swiper-service-content p{ font-size: 14px; margin-bottom: 0;}
.swiper-button-next, .swiper-button-prev{
    width: 30px; height: 30px;
    background-color: var(--blue-color);
    color: var(--white-color);
    transition: transform .4s ease-in-out;
    position: absolute;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 16px; font-weight: var(--bold-font); 
}
.swiper-button-next:hover{ transform: translateX(-5px); }
.swiper-button-prev:hover{ transform: translateX(5px);}
@media(min-width:768px){ 
    .swiper-service-content p{font-size: 16px;} 
    .swiper-button-next, .swiper-button-prev{ width: 40px; height: 40px; }   
}
@media(min-width:992px){
    .swiper-button-next:after, .swiper-button-prev:after{ font-size: 22px; }
}

/* ================================================= Services PAGE Gallery END ================================================================= */

/* ================================================= DOWNLOAD PAGE START ================================================================= */
.download-card{ height: 100%; text-align: center; padding: 30px 15px; display: flex; justify-content: space-between; align-items: center;}
.download a:hover{ text-decoration: none;}
.download-card .btn-theme:hover{border: 1px solid var(--blue-color);}
.download-card img{ margin-bottom: 20px;}
.download-card.bg-blue .btn-theme{ background-color: var(--white-color); color: var(--blue-color); transition: all .4s ease-in-out;}
.download-card.bg-blue .btn-theme:hover{ border: 1px solid var(--white-color) !important; color: var(--white-color); background-color: transparent;}
/* ================================================= DOWNLOAD PAGE END ================================================================= */

/* ================================================= CAREERS PAGE START ================================================================= */

.accordion-layout-1 .accordion-item {
    background-color: transparent;
    margin-bottom: 20px; border: unset;
    color: var(--white-color); border-radius: unset;
}
.accordion-layout-1 .accordion-button img{ margin-right: 20px;}
.accordion-layout-1 .accordion-body{ padding: 20px 25px;}
.accordion-layout-1 .accordion-item p:last-child{margin-bottom: 0;}
.accordion-layout-1 .accordion-item:last-child{margin-bottom: 0;}
.accordion-layout-1 .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.accordion-layout-1 .accordion-button{
    font-size: 18px; font-weight: var(--bold-font);
    line-height: 1; color: var(--white-color);
    background-color: var(--dark-grey-light-color);
    padding: 20px 10px; display: flex; 
    justify-content: space-between; align-items: center;
    box-shadow: unset; border-bottom: unset; position: relative;
}
.accordion-layout-1 .accordion-button::after{ content: unset; }
.accordion-layout-1 .accordion-button i{ transition: all .4s ease-in-out; position: relative; }
.accordion-layout-1 .accordion-button i:before {
    font-size: 18px; font-weight: var(--regular-font); 
    color: var(--white-color); background-color: var(--blue-color);
    padding: 6px; border-radius: 50%;
}
.accordion-layout-1 .accordion-button i::after{
    position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--blue-color); opacity: .5; border-radius: 50%; transform: scale(0);
}
.accordion-layout-1 .accordion-button:not(.collapsed) i::after { transform: scale(1.5); }
.accordion-layout-1 .accordion-body:not(.collapsed) { padding-top: 40px; }
/* .accordion-layout-1 .accordion-button:not(.collapsed) span{ color: var(--blue-color);} */
.accordion-layout-1 .accordion-button:not(.collapsed) i{ transform: rotate(-180deg);}
.accordion-layout-1 .accordion-body hr {
    margin: 1rem 0; color: inherit;
    border-top: 1px solid var(--white-color) !important; opacity: 1;
}
.accordion-layout-1 .accordion-body a{ word-wrap: break-word;}
.accordion-layout-1 .accordion-body a:hover{ text-decoration: underline;}
@media(min-width:576px){
    .accordion-layout-1 .accordion-button{ padding: 20px; font-size: 22px; }
}
@media(min-width:992px){
    .accordion-layout-1 .accordion-body h6{ margin-bottom: 0 !important;}
}
/* ================================================= CAREERS PAGE END  ================================================================= */

/* ================================================= OVERVIEW SECTION START  ================================================================= */
.bg-image {position: relative; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.bg-image.png-image-absolute{ position: relative; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat;}

/* .video-overlay{position: relative; width: 100%; height: 100%;} */
.video-overlay{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); opacity: .5; transition: opacity .4s; z-index: 10;}
.partner-png{ position: absolute; right: 30px; top: 50%; transform: translateY(-50%) ; }
.video-play-image{position: absolute; color: var(--white-color); left: 50%; top: 50%; transform: translate(-50%, -50%);  transition: all .4s ease-in-out; font-size: 70px; z-index: 20; }
.bg-image:hover .video-play-image{ color: var(--blue-color); cursor: pointer;}
.bg-image:hover .video-overlay{opacity: 1; cursor: pointer;}
.bg-image h3{ color: var(--white-color); position: absolute; bottom: 25px; right: 30px; }
/* .bg-image.size-1,  */
.bg-image.size-1.lg {padding-bottom: 65%;}
.size-2 {padding-bottom: 50%}
.overview-content ul, .about-content ul{ list-style-type: square; list-style-position: outside; padding-left: 20px;}
.about-content ul{ margin-bottom: 20px;}
.overview-content p a{ color: var(--white-color); opacity: .9; transition: all .2s ease-in-out;}
.overview-content p a:hover{color: var(--white-color); opacity: 1; text-decoration: none;}
.padding-gap {padding: var(--section-padding) var(--gap-20-30-60);}

@media(max-width:576px){
    .bg-image h3{ right: 0; left: 15px; bottom: 15px; font-size: 20px !important;}

}
@media(min-width:500px){
    .bg-image{height: 100%;}
    .partner-png{ right: 50px;}
}
@media(min-width: 1200px){
    .bg-image.size-1.lg {padding-bottom: 0!important}
    /* .bg-image iframe{ width: 100%; height: 100%;} */
    .bg-image.png-image-absolute{height: 100%;}
 }
@media(min-width: 1200px){ .left-fixed {position: absolute; top: 0; left: 0; height: 100%; padding:  0;} }
/* ================================================= OVERVIEW SECTION END  ================================================================= */
/* Model Css Start  */
.modal-content {
    width: 100%;
    background-color: var(--dark-grey-color);
}