@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Option 2: Import via CSS */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.img-responsive{max-width:100%;}
a{text-decoration: none;}
body{font-family: var(--Mulish);}

:root {
    --poppins: "Poppins", sans-serif;
    --Mulish: "Mulish", sans-serif;

    --primary-darkblue: #063948;
    --primary-defaultblue: #00668D;
    --primary-yellow: #FFD500;
    --secondary-orange: #DD5412;
    --secondary-blue: #5EA6C2;
    --secondary-lightgray: #F1F1F2;
    --secondary-sturdygray: #626A75;
    --secondary-disabledgray: #C0C3C8;
    --support-activeorange: #F8DDD0;
    --support-activeorangedarkbg: #fcf1ec5d;
    --support-yellow: #FFF2B3;
    --support-red: #CE0A0A;
    --support-green: #62B660;
    --support-hoverorange: #BB3F03;
    --support-hoveryellow: #FFE251;
    --white:#ffffff;
    --shadow: 4px 4px 15px 0 rgba(0,0,0,0.1);
    --back_drop:#00000050;
}
/* ------------------------
    Common css start
    ------------------------  */
p,ul,ol{font-family: var(--Mulish);line-height: 32px; font-size: 16px; color: var(--secondary-sturdygray);}


.bg-1{background-color: var(--primary-defaultblue);}
.bg-2{background-color: var(--secondary-orange);}

.org-btn{background-color: var(--secondary-orange);border-radius: 100px;padding: 10px 24px;color: #fff;font-weight: 700;font-size: 14px;font-family: "Poppins", sans-serif;min-width:160px;}
.org-btn:hover{background-color: var(--support-hoverorange); color:white;}
.org-btn i{margin-left: 1rem;font-size: 1.5rem;vertical-align: sub;}

.blue-btn{background-color: var(--primary-darkblue);border-radius: 100px;padding: 10px 24px;color: #fff;font-weight: 700;font-size: 14px;font-family: "Poppins", sans-serif;}
.blue-btn:hover{background-color: var(--primary-defaultblue);color:white;}
.blue-btn i{margin-left: 1rem;font-size: 1.5rem;vertical-align: sub;}

    
.rd-mr-btn{color: var(--secondary-orange);font-weight: 700;font-size: 14px;font-family: var(--poppins); display: flex;align-items: center;gap:20px;}
.rd-mr-btn:hover{color: var(--support-hoverorange);}
.rd-mr-btn i{ font-size: 20px;font-weight: 900;}

.main-heading{padding-bottom:3rem; margin-bottom: 3rem; position: relative;    font-size: 46px;line-height: 50px;font-weight: 700;color: var(--primary-darkblue);font-family: var(--poppins);}
.main-heading::before{ content:"";position:absolute;bottom:0;left:0;width:100px; height:5px; background-color:var(--primary-yellow);}

.sub-heading{padding-bottom:3rem; margin-bottom: 3rem; position: relative;font-size: 29px;line-height: 33px;font-weight: 700;color: var(--primary-darkblue);font-family: var(--poppins);}
.sub-heading::before{ content:"";position:absolute;bottom:0;left:0;width:100px; height:5px; background-color:var(--primary-yellow);}

.sub-subHeading{padding-bottom:3rem; margin-bottom: 3rem; position: relative;font-size: 21px;line-height: 32px;font-weight: 700;color: var(--primary-darkblue);font-family: var(--poppins);}
.sub-subHeading::before{ content:"";position:absolute;bottom:0;left:0;width:50px; height:5px; background-color:var(--primary-yellow);}
/* ------------------------
    Common css end
    ------------------------  */

/* ------------------------
    banner section start
    ------------------------  */

.banner-section{position:relative;}
.banner-section::before{content:"";position:absolute;bottom:0;left:0;width:100%; height:100%; background-color:var(--back_drop);}
.banner-section video{width:100%;object-fit:cover;aspect-ratio: 16/8;}
.banner-section .banner-content{position:absolute;left:10%;top: 25%;}
.banner-section .banner-content .text h2{ font-weight: 700; font-size: 80px;line-height: 80px;text-transform: uppercase;color:var(--white);font-family:var(--poppins);position: relative;padding-bottom:3rem;}
.banner-section .banner-content .text h2::before{ content:"";position:absolute;bottom:0;left:0;width:20%; height:5px; background-color:var(--primary-yellow);}
.banner-section .banner-content .text h2 img{/* background-image: url(Image/yellow-action.png); */position:absolute;top: -20%;left: -5%;width: 70px;height: 70px;object-fit: contain;}
.banner-section .banner-content .text p{margin-top: 2rem; font-weight: 700;font-size: 21px; line-height: 32px;color: var(--white);}
.banner-section .banner-content .text p span{color: var(--primary-yellow);}

/* ------------------------
    banner section end
    ------------------------  */

/* ------------------------
    about section start
    ------------------------  */
    .abt-hm{position:relative;padding: 10% 0;}
    .abt-hm img{position:absolute;right: -20%;top:0;width:600px;object-fit:cover;}
/* ------------------------
    about section end
    ------------------------  */

    /* ------------------------
    cmn-contact section start
    ------------------------  */
    /* .cmn-contact{background: linear-gradient(90deg, var(--primary-darkblue) 70%, var(--secondary-orange) 30%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 100px 150px 75px 150px;} */
   .cmn-contact .bg-1, .cmn-contact .bg-2{padding:60px  60px; height: 100%;}
   .cmn-contact h2{font-size: 46px;line-height: 50px;font-family: var(--poppins);color: var(--white);font-weight: 700;margin-bottom: 2rem;}
   .cmn-contact p{color: var(--white);}
   /* ------------------------
    cmn-contact section end
    ------------------------  */

/* ------------------------
    service section end
    ------------------------  */
    .hm-ser{padding: 60px 0;}
    .ser-crd {height: 100%;border: 1px solid var(--primary-defaultblue);border-top-width: 15px;padding: 20px;border-radius: 12px;display: flex;flex-direction: column;justify-content: space-between;}
    .ser-crd .sub-subHeading{margin-bottom: 2rem;padding-bottom: 2rem;}
    .main-table .ser-crd .sub-subHeading{margin-bottom:0 !important;}
    .main-table .ser-crd .sub-subHeading:before{display:none;}
     .main-table .ser-crd .number{position:relative;    font-size: 46px;font-weight: 700;    color: var(--primary-defaultblue);font-family: Poppins;}
    .main-table .ser-crd .number:after{content:"";position:absolute;bottom: 40%;left: 25%;width:50px;height:5px;background-color:var(--primary-yellow);}
/* ------------------------
    service section end
    ------------------------  */

    /* ------------------------
    industry section end
    ------------------------  */
    .main-table .hm-ind{background-color:#fff;} 
    .hm-ind{padding: 60px 0;background-color: #F1F1F2;}
    .hm-ind .ind-crd {display: flex;gap: 20px;margin-bottom:30px;}
    .hm-ind .ind-crd .ind-icn {background: var(--primary-darkblue);width: 60px;height: 60px;place-items: center;display: grid;border-radius:50%;}
    .hm-ind .ind-crd .ind-icn  i {color:var(--white);font-size:25px;}
    /* ------------------------
    industry section end
    ------------------------  */

        /* ------------------------
    Team section end
    ------------------------  */
    .hm-tm{padding: 60px 0; background-color: var(--primary-darkblue);}
    .meet-bx{position:relative;margin-bottom: 60px;text-align: center;}
    .meet-bx img{ border-radius: 16px;}
    .name-bx{width:90%;left:5%;position: absolute;background: var(--white);bottom:-30px;z-index:99;padding:10px;text-align:center;min-height: 75px;border-radius: 16px;}
    .name-bx h4{font-size: 19px;color:var(--primary-darkblue);text-align:center;font-weight: 700;font-family: var(--Mulish);}
    .name-bx h4 span{display:block;font-size: 16px;color:var(--secondary-sturdygray);font-weight: 600;}
    .name-bx i{background: var(--primary-defaultblue); padding:10px; line-height:10px; width:30px; height:30px; border-radius:100%;}
    .name-bx .fa{ color:var(--white); font-size:17px; font-weight: 300;}
    #team-bx .carousel-control-prev{left: 40%;z-index: 99999;top: 90%;}
    #team-bx .carousel-control-prev span{background:#000;padding: 5px 9px;border-radius: 50%;}
    #team-bx .carousel-control-next{left: 45%;z-index: 99999;top: 90%;}
    #team-bx .carousel-control-next span{background:#000;padding: 5px 9px;border-radius: 50%;}
    /* ------------------------
    Team section end
    ------------------------  */

    /* ------------------------
    wide Geographical section start
    ------------------------  */
    .hm-w-geo{padding: 60px 0;}
    .hm-img{border-radius: 10px;}

    /* ------------------------
    wide Geographical section end
    ------------------------  */

    /* ------------------------
    wide Geographical section start
    ------------------------  */
    .hm-vsn{padding: 60px 0; background: #F1F1F2;}
    /* ------------------------
    wide Geographical section end
    ------------------------  */


    footer{background-color: var(--primary-darkblue);color:var(--white);padding: 140px 0px 140px 0px;}
    footer .scl-media{display: flex; gap: 25px;}
    footer .scl-media i{font-size: 25px; color: var(--white);}
    footer .scl-media img {width: 22px;filter: invert(1);}
    footer .rht-hd p{font-size: 55px;text-transform: uppercase;color: var(--white);line-height: 55px;font-weight: 700;font-family: var(--poppins);/* padding: 140px 0px 140px 0px; */}
    footer .rht-hd p span{color: var(--secondary-orange);}
    footer hr.ft-bdr {border: 4px solid var(--white);opacity: 1;margin-bottom: 4rem;}
    footer .ft-hd{font-size: 21px;line-height: 32px;color: var(--white);font-weight: 700;font-family:var(--poppins);}
    footer .ft-lk {padding: 0;list-style: none;font-size: 16px;line-height: 32px;font-weight: 400;}
    footer .ft-lk li a{color: var(--white); transition: color 0.3s;}
    footer .ft-lk li a:hover{color: var(--secondary-orange);}

    .innr-pg-bnnr{background-image: url(image/tm-pg-bg.jpg);aspect-ratio: 16 / 6;background-size: cover;background-position: center;position:relative;margin-bottom: 5%;}
    .innr-pg-bnnr:before{content:"";position:absolute;left:0%;top:0;width:100%;height:100%;z-index: 0;background-color: transparent;    background-image: linear-gradient(120deg, #063948 50%, #06394800 100%); opacity: 0.9;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
    /* .innr-pg-bnnr .head{display:flex;flex-direction:column;align-items:start;justify-content:;} */
    .innr-pg-bnnr .head{position: relative;/* top:35%; */text-align:start;left:0;color:#000;/* padding: 10% 0; */display: flex;/* align-items: center; */height: 100%;flex-direction: column;justify-content: center;}
    .innr-pg-bnnr .head img{position:absolute;top: -25%;left: -4%;width: 60px;height: 60px;object-fit: contain;}
    .innr-pg-bnnr .head p{font-weight: 300;line-height: 27px;font-size: 18px;color: var(--white);}
    .innr-pg-bnnr .inr-link{margin-bottom:0;}
    .innr-pg-bnnr .inr-link a{color:#000;text-transform:uppercase;font-weight:600;}
    .innr-pg-bnnr .inr-hd{position:relative;/* font-size: 45px; */font-weight: 700;font-family:var(--poppins);padding-bottom: 20px;font-size: 46px;text-transform: uppercase;line-height: 1.2em;color: #FFFFFF;margin-bottom: 25px;}
    .innr-pg-bnnr .inr-hd:before{content:"";position:absolute;left:0%;bottom:0;width: 150;height: 4px;background-color:var(--primary-yellow);}

@media (max-width:992px){
.innr-pg-bnnr { aspect-ratio: 0; padding: 20px 0;}
    header img{width:100%;}
    .main-heading{font-size:30px;line-height:30px;}
    .banner-section .banner-content{width: 100%;left: 10%;top: 15%;}
    .banner-section .banner-content .text h2{font-size:18px;line-height:30px;padding-bottom:20px;margin-bottom:20px;}
    .banner-section .banner-content .text p{font-size:16px;margin-top:20px;}
    .banner-section .banner-content .text h2 img{left:-30px;width:30px;top:-30px;}
    .banner-section video{aspect-ratio:1/1;}
    .cmn-contact h2{font-size:30px;}
    .cmn-contact .bg-1, .cmn-contact .bg-2{padding:50px 10px;}
    .abt-hm img{display:none;}
}


.form-control{border-radius:2px;padding:10px 15px;}
.form-control:focus{box-shadow:none;border-color:#1f4d5a;}
.org-btn{border:none;}

#widgetsControl,#widgetsControl_C{height:auto !important;}

img.img-fluid.abt-img,.abt-img {
    aspect-ratio: 1/1;
    height: 100%;
    object-fit:cover;
    border-radius:5px;
}


.main-table .mb-4{margin-bottom:10% !important;}

.main-table li, .hm-vsn li{position:relative;list-style:none;}
.main-table li:before, .hm-vsn li:before {
    content: "\f101";
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
    font-family: 'FontAwesome';
    color: var(--secondary-orange);
}

.table-responsive{overflow:hidden;padding:0;}

.dropend .dropdown-menu[data-bs-popper] {top: 0;left: auto;right: 100%;}

 #WidgetControl6{display: none;}