@charset "utf-8";

/*..............embedded fonts..............*/

/*..............custom fonts..............*/
@font-face {
    font-family: 'Arial';
    src: url('../fonts/ArialMT.eot');
    src: url('../fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialMT.woff2') format('woff2'),
        url('../fonts/ArialMT.woff') format('woff'),
        url('../fonts/ArialMT.ttf') format('truetype'),
        url('../fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Regular.eot');
    src: url('../fonts/Avenir-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Regular.woff2') format('woff2'),
        url('../fonts/Avenir-Regular.woff') format('woff'),
        url('../fonts/Avenir-Regular.ttf') format('truetype'),
        url('../fonts/Avenir-Regular.svg#Avenir-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir bold';
    src: url('../fonts/Avenir-Black.eot');
    src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avenir-Black.woff2') format('woff2'),
        url('../fonts/Avenir-Black.woff') format('woff'),
        url('../fonts/Avenir-Black.ttf') format('truetype'),
        url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*..............custom fonts..............*/

:root {
  --primary-font: 'Arial';
  --secondary-font: 'Avenir bold';
  --tertiary-font: 'Helvetica';
  --ff-avenir-regular: 'Avenir';

  --primary-bg: #000;
  --secondary-bg: #a3b8c1;
  --white-bg: #fff;

  --smooth-transition: 0.4s ease-in-out all;
} 

/*..............common styles..............*/
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--primary-font); font-size: clamp(1rem, 0.943rem + 0.152vw, 1.125rem); /*18px -- 16px*/; font-weight: 400; color: var(--primary-bg); background-color: #7b7b7b; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin:0 0 24px; padding:0; color: var(--primary-bg); font-family: var(--secondary-font); line-height: 1.2; }
h1{ font-size: clamp(2.813rem, 3.393rem + -1.548vw, 2rem); /*45px -- 32px*/ } 
h2{ font-size: clamp(2.188rem, 2.5rem + -0.833vw, 1.75rem); /*35px -- 28px*/ } 
h3{ font-size: clamp(1.5rem, 1.442rem + 0.256vw, 1.75rem); /*28px -- 24px*/ }
h4{ font-size: clamp(1.375rem, 1.261rem + 0.303vw, 1.625rem); /*26px -- 22px*/ }
h5{ font-size: clamp(1.25rem, 1.136rem + 0.303vw, 1.5rem); /*24px -- 20px*/ }
h6{ font-size: clamp(1.125rem, 1.068rem + 0.152vw, 1.25rem); /*20px -- 18px*/ }
p{ margin:0 0 20px; line-height: 1.4; }
p:last-child { margin-bottom: 0; } 
p a, li a { font-weight: 400; }
ul{margin-bottom: 0; padding-left: 0;}
li {list-style: none;}

img{ max-width: 100%; user-select: none; -webkit-user-drag: none; }
figure { margin: 0; }
a, img{ border:0; text-decoration: none; outline: none;}
a,a:link, a:visited {color: var(--secondary-bg); outline: none; text-decoration: none; transition: var(--smooth-transition); -webkit-transition: var(--smooth-transition); -moz-transition: var(--smooth-transition); -ms-transition: var(--smooth-transition); -o-transition: var(--smooth-transition);}
a:focus, a:hover { color: var(--primary-bg); }
a:hover{ text-decoration:none;}

.img-box { padding-bottom: 100%; position: relative; overflow: hidden;}
.img-box img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; transition:var(--smooth-transition) ; -webkit-transition:var(--smooth-transition) ; -moz-transition:var(--smooth-transition) ; -ms-transition:var(--smooth-transition) ; -o-transition:var(--smooth-transition) ; }
.img-box:hover img{ transform: scale(1.1) ; -webkit-transform: scale(1.1) ; -moz-transform: scale(1.1) ; -ms-transform: scale(1.1) ; -o-transform: scale(1.1) ; }

.common-heading h1 {font-size: clamp(1.875rem, 1.5144rem + 1.6026vw, 3.4375rem);}
.common-heading h1, .common-heading h2 { color: var(--white-bg); }
.common-heading h1 span, .common-heading h2 span{ color: var(--secondary-bg); }
.heading-large{ font-size: clamp(1.875rem, 1.5144rem + 1.6026vw, 3.4375rem) !important;}
.title-design-black *{ font-family: var(--secondary-font) !important;}
.title-design-black span{ color: #000000 !important;}

.pagination { gap: 10px; justify-content: center; }
.pagination .page-numbers { min-width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; padding: 10px; color: #000; }
.pagination .page-numbers.current, .pagination .page-numbers:hover { background-color: var(--secondary-bg); }

input.form-control, select.form-select, textarea.form-control { height: 55px; background-color: #e3eaec !important; border: 1px solid #e3eaec; border-radius: 0; color: var(--primary-bg) !important;}
select.form-select, select {background-image: url('../images/slct-down.png'); background-repeat: no-repeat; background-size: 14px; background-position: center right 20px;}
textarea.form-control {height: 120px;}
input.form-control:focus, select.form-select:focus, textarea.form-control:focus {box-shadow: none; border: 1px solid #e3eaec; }
input.btn-sbmt[type='submit'] { background-color: #e3eaec; border: 1px solid #e3eaec; padding: 6px 15px; transition: var(--smooth-transition); -webkit-transition: var(--smooth-transition); -moz-transition: var(--smooth-transition); -ms-transition: var(--smooth-transition); -o-transition: var(--smooth-transition); }
input.btn-sbmt[type='submit']:hover { background-color: var(--primary-bg); border: 1px solid #e3eaec; padding: 6px 15px; color: var(--white-bg);}
.form-group { margin-bottom: 20px; }
.form-control::placeholder, 
.form-select::placeholder { color: var(--primary-bg); opacity: 1; }
.form-control::-ms-input-placeholder,
.form-select::-ms-input-placeholder { color: var(--primary-bg); }

.position-relative { z-index: 22; }
/*..............common styles..............*/

/*for header css*/

.main-header .menu-main .logo-main { max-width: 170px; margin: 0 auto 10px; }
header.main-header .closebtn,
header.main-header .hamburger-icon { display: none; }
header.main-header { position: sticky; z-index: 999; top: 0; background-color: var(--primary-bg); width: 100%; margin: 0 auto; padding: 20px; text-align: center; }
.main-header .side-nav ul.menu-wrapper { display: flex; justify-content: center; gap: 20px; }
.main-header .side-nav ul.menu-wrapper li {cursor: pointer; display: block; position: relative; letter-spacing: 1px;}
.main-header .side-nav ul.menu-wrapper li a { padding: 3px 20px; color: var(--white-bg); font-family: var(--ff-avenir-regular); display: inline-block; text-transform: capitalize; font-size: 16px;}
.main-header .side-nav ul.menu-wrapper li.menu-item-has-children>a { padding-right: 5px; }
.main-header .side-nav ul.menu-wrapper li a:hover {color: var(--secondary-bg); }
.main-header .side-nav ul.menu-wrapper li span { width: 20px; height: 20px; display: inline-block; transition: var(--smooth-transition); -webkit-transition: var(--smooth-transition); -moz-transition: var(--smooth-transition); -ms-transition: var(--smooth-transition); -o-transition: var(--smooth-transition); }

.main-header .side-nav ul.menu-wrapper li.current-menu-item>a, .main-header .side-nav ul.menu-wrapper li.current_page_parent>a, .main-header .side-nav ul.menu-wrapper li.current-menu-item.current-menu-parent>a, .main-header .side-nav ul.menu-wrapper li.current-page-ancestor>a{font-weight: 700; font-family: var(--secondary-font); color: var(--secondary-bg);}
.main-header .side-nav ul.menu-wrapper li ul.sub-menu { position: absolute; width: 180px; display: block !important; background-color: var(--primary-bg); border-radius: 0; box-shadow: 0px 0px 40px 0px rgba(100, 60, 220, 0.1); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-align: left; padding: 10px 0; }
.main-header .side-nav ul.menu-wrapper li:hover>ul.sub-menu { opacity: 1; visibility: unset; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.main-header .side-nav ul.menu-wrapper li:hover .menu-arrow { transform: rotate(-179deg) translateY(6px); -webkit-transform: rotate(-179deg) translateY(6px); -moz-transform: rotate(-179deg) translateY(6px); -ms-transform: rotate(-179deg) translateY(6px); -o-transform: rotate(-179deg) translateY(6px); }

/*for header css*/


    /*------Home start-------*/
.connection-text { font-weight: 400; font-family: var(--primary-font); text-align: center; padding: 2px; background-color: var(--secondary-bg); margin-bottom: 0; font-size: clamp(1.875rem, 1.429rem + 1.19vw, 2.5rem); letter-spacing: 6px; }

.banner-sec { height: 65vh; }
.banner-box { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 15px solid var(--secondary-bg); padding: 20px; }
.banner-video-box {position: absolute; overflow: hidden; left: 0; top: 0; width: 100%; height: 100%; }
.banner-video-box video { width: 100%; height: 100%; object-fit: cover;}
.banner-text { max-width: 1200px; position: relative; z-index: 1; background-color: var(--white-bg); padding: 25px; }
.banner-text .right-text {position: relative;}
/* .banner-text .right-text a { display: block; width: 24px; float: right; position: absolute; right: 0; bottom: -30px; } */
.banner-text .right-text p:has(a) {font-family: var(--secondary-font); font-size: clamp(1rem, 0.827rem + 0.462vw, 1.375rem); }
.banner-text .right-text p a { width: 20px; display: inline-block; margin-left: 10px; }
.home-bg-img{ padding-bottom: 50%; }
.home-bg-img img { object-position: top; }
    /*------Home End-------*/ 

    /*----------Footer Start----------*/
footer.footer-main {background-color: var(--primary-bg); overflow: hidden; padding: 30px 0px; position: relative;}
footer.footer-main *{ font-family: var(--ff-avenir-regular);}
footer .footer-top .footer-top-f ul {padding: 0;margin-bottom: 0;list-style: none;display: flex;justify-content: center;margin-bottom: 12px;flex-wrap: wrap;}
footer .footer-top .footer-top-f ul li {position: relative;padding-right: 10px;margin-right: 10px; font-size: 14px; color: var(--white-bg);}
footer .footer-top .footer-top-f ul li a {color: var(--white-bg); font-size: 14px; text-transform: capitalize; letter-spacing: 1.3px; text-transform: capitalize;}
footer .footer-top .footer-top-f ul li a:hover {color: var(--secondary-bg);}
footer .footer-top .footer-top-f ul li::after{content: "";position: absolute;right: 0;background-color: var(--white-bg);height: 80%;width: 1.5px;top: 50%;transform: translateY(-50%)}
footer .footer-top .footer-top-f ul li:last-child::after{display: none;}
footer .footer-top .footer-top-f ul li:last-child{padding-right: 0px;margin-right: 0px;}
footer .footer-top p { text-align: center; font-size: 14px;; color: var(--white-bg); margin-bottom: 12px;}
footer .footer-top-f .footer-menu { max-width: 700px; margin: auto; }
footer .footer-top-f { display: flex ; justify-content: space-between; align-items: center; max-width: 650px; margin: auto; }
footer .footer-social { max-width: 35px; text-align: right; position: absolute; bottom: 30px; right: 30px; }
.footer-logo-bicsi { max-width: 120px; }
/* footer .footer-top ul.footer-bottom li a {font-family: 'Arial'; } */
footer.footer-main .footer-top .sponsor-box { display: flex; justify-content: space-between; gap: 20px; padding: 0 30px 20px; max-width: 1040px; margin: 0 auto; }
footer.footer-main .footer-top .sponsor-box .main-spons {text-align: center;}
footer.footer-main .footer-top .sponsor-box .main-spons ul { display: flex; align-items: center; gap: 20px; }
footer.footer-main .footer-top .sponsor-box .main-spons ul li img { max-width: 130px; }
footer.footer-main .footer-top .sponsor-box .main-spons ul li img { max-width: 135px; max-height: 80px; width: auto; height: auto; }
footer.footer-main .proud-partner p {margin-bottom: 0;}
footer.footer-main .proud-partner { display: flex; align-items: center; gap: 40px; padding: 0 20px 30px; justify-content: center;}
footer.footer-main .proud-partner ul { display: flex; align-items: center; gap: 20px; }
footer.footer-main .proud-partner ul li img { max-width: 130px; }
footer.footer-main .proud-partner ul li:first-child img { max-width: 200px; }
    /*----------Footer End----------*/

    /*----------Conatct Start----------*/
.main-content { padding: 60px; background-color: var(--primary-bg); }
.main-content p {color: var(--white-bg);}
.main-content p, .main-content h1 { margin-bottom: 0; }
.main-contact { position: relative; overflow: hidden; padding: 50px; background-color: var(--primary-bg);}
.main-contact::after { content: ''; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background-color: var(--primary-bg); max-width: 570px; }
.main-contact video.video-modal-box { position: absolute; width: 100%; left: 0; top: 0; height: 100%; object-fit: cover; }
.contact-main-form { position: relative; max-width: 600px; overflow: hidden; margin: 0 0 0 auto; z-index: 1; }
.contact-main-form form { background-color: var(--white-bg); padding: 20px; }
.location-box { max-width: 500px; position: relative; z-index: 1; background-color: var(--white-bg); margin: 50px auto 0; }
.location-box ul { list-style: none; display: flex; justify-content: center; padding: 20px; flex-wrap: wrap; }
.location-box ul li:last-child{padding: 0; margin: 0;}
.location-box ul li { position: relative; padding-right: 10px; margin-right: 10px; color: var(--primary-bg); }
.location-box ul li:not(:last-child)::after { content: ""; position: absolute; right: 0; background-color: var(--primary-bg); height: 80%; width: 1px; top: 50%; transform: translateY(-50%); }
.location-box span.pin-point { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); right: 0; text-align: center; width: 30px; }

.contact-main-form form .col-lg-12.text-center p { position: relative; }
.contact-main-form form .col-lg-12.text-center p span.wpcf7-spinner { position: absolute; }

.wpcf7-not-valid-tip { display: none; }
input.form-control.wpcf7-not-valid { border: 1px solid #dc3232; }
span.wpcf7-spinner { top: 7px; }
.wpcf7-response-output { text-align: center; }
    /*----------Conatct End----------*/

    /*----------Career Start----------*/
.join-team-sec .join-content { position: relative; overflow: hidden; padding: 50px 0 100px;}
.join-bg-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.join-bg-back img{ width: 100%; height: 100%; object-fit: cover; }
.our-team-content { position: relative; padding: 30px; background-color: var(--white-bg); margin-left: 80px; z-index: 11;}
.our-team-content .common-heading h1 { color: var(--primary-bg); }
.our-team-content .team-text { padding-left: 50px; }
.our-team-content .team-text h5 {color: var(--secondary-bg); font-family: var(--secondary-font); font-weight: 500;}
.our-team-content .team-text ul li a { font-family: var(--secondary-font); font-size: clamp(1.125rem, 1.068rem + 0.152vw, 1.25rem);cursor: unset; color: var(--secondary-bg);}
.our-team-content .team-text .team-text-list{padding-left: 60px; max-width: 880px; margin-bottom: 20px; }
.our-team-content .team-text .team-text-list ul li:not(:last-child) { margin-bottom: 10px; }
.our-team-content .team-text .team-text-list ul li { position: relative; padding-left: 15px; }
.our-team-content .team-text .team-text-list ul li::after { content: ''; position: absolute; width: 8px; height: 8px; background-color: var(--secondary-bg); left: 0; top: 10px; border-radius: 20px; }
.careers-section .careers-box-outer { background-color: var(--white-bg); margin-left: 80px; position: relative; z-index: 8; }
.careers-section .careers-box-outer .our-team-content{ margin-left: 0;}
.careers-section .careers-box-outer .team-text-list { padding-left: 30px; }

.future-content { background-color: var(--primary-bg); padding: 100px 80px 30px; z-index: 1; position: relative; margin-top: -50px; }
.future-content h2{ font-size: clamp(1.875rem, 1.5144rem + 1.6026vw, 3.4375rem); color: var(--secondary-bg); margin-bottom: 0;}
.future-content p.feature-sub-text {color: var(--white-bg); font-size: 20px; font-family: var(--secondary-font); font-weight: 700; margin-bottom: 0; max-width: 380px; margin-left: 25px;}
.future-content p.feature-sub-text a {display: inline-block; width: 15px; margin-left: 40px; line-height: 1.8;}
.join-team-sec.careers-section .future-content h2 { font-size: clamp(1.375rem, 0.795rem + 1.548vw, 2.188rem); }

.single-box-img { padding-bottom: 85%; }
.smoot-slider-sec { background-color: var(--primary-bg); padding: 10px 0 0; }
.smoot-slider-sec .slick-arrow { display: none !important; }
.img-slider-wrapper .slick-slide { height: auto; }
.smoot-slider-sec .slick-slide>div {padding: 0 5px; }
    /*----------Career End----------*/

    /*----------News Start----------*/
.new-video {line-height: 0; height: 550px;}
.new-video video.video-modal-box { width: 100%; height: 100%; object-fit: cover; }
.news-sec h6 { margin-top: 20px; color: var(--secondary-bg); margin-bottom: 0;}
.news-sec h6 a img { width: 60px; margin-left: 30px;}
    /*----------News End----------*/

    /*----------News artical start----------*/
.main-artical, .details-box-wrapper { position: relative; overflow: hidden; padding: 50px; }
.main-artical .artical-back-bg, .details-box-wrapper .artical-back-bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main-artical .artical-back-bg img, .details-box-wrapper .artical-back-bg img{ width: 100%; height: 100%; object-fit: cover;}
.all-artical { position: relative; z-index: 1; background-color: var(--white-bg); padding: 30px; }
.single-artical-box .img-box { padding-bottom: 70%; }
.single-artical-box .img-box { padding-bottom: 70%; border: 5px solid var(--secondary-bg); margin-bottom: 20px; }
.single-artical-box .artical-content { text-align: center; }
.single-artical-box .artical-content span { margin-bottom: 5px; display: block; color: var(--primary-bg); transition: var(--smooth-transition); -webkit-transition: var(--smooth-transition); -moz-transition: var(--smooth-transition); -ms-transition: var(--smooth-transition); -o-transition: var(--smooth-transition); }
.single-artical-box:hover .artical-content span {color: var(--secondary-bg);}
.single-artical-box .artical-content h6 {text-transform: uppercase;}

.detail-msin-box { position: relative; padding: 30px; background-color: var(--white-bg); }
.details-text-box a{ text-transform: uppercase;}
.details-text-box a, 
.articale-img-box-wrapper a { padding-left: 40px; color: var(--primary-bg); margin-bottom: 40px; display: inline-block; position: relative; }
.details-text-box a::after, 
.articale-img-box-wrapper a::after { content: ""; position: absolute; top: 50%; left: 0; box-sizing: border-box; height: 10px; width: 10px; border-style: solid; border-color: var(--primary-bg); border-width: 0 0 2px 2px; transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin: 0 auto; transform: rotate(45deg) translateY(-50%); }
.articale-img-box-wrapper a { display: none; }
.articale-img-box-wrapper .artical-img-box { border: 5px solid var(--secondary-bg); }
.single-artical-box .img-box img { object-fit: contain; width: 85%; right: 0; bottom: 0; margin: auto; }
.news-details-sec .articale-img-box-wrapper .artical-img-box { border-color: transparent; }
.news-details-sec .articale-img-box-wrapper .artical-img-box img{ width: 100%;}
.news-details-section .new-details-row .articale-img-box-wrapper{ min-height: 50px; margin-bottom: 25px;}
.news-details-section .new-details-row .news-back-btn { position: absolute; z-index: 1; top: 50px; left: 30px; }
.news-details-section .new-details-row a { padding-left: 12px; }
.news-details-section .new-details-row a::after{ top: 7px; transform: rotate(45deg);}
.news-details-section .new-details-row .news-back-btn::after{ top: 8px;}
.news-details-section .new-details-row a:not(.news-back-btn){ margin-left: 2px;}
    /*----------News artical End----------*/

    /*----------Marker served Start----------*/
.contact-text-sec.marker-sec .main-content { border: 1px solid var(--white-bg); border-right: 0; border-left: 0; }
.contact-text-sec.marker-sec .main-content p { line-height: 1.8; }
.tab-box-sec .slick-track { display: flex ; height: 100%; }
.tab-box-sec .slick-track .slick-slide { height: auto; }
.tab-box-sec .slick-list .slick-slide > div, .tab-box-sec .slick-list .slick-slide > div > div { height: 100%; min-height: 100%; }
.tab-box-sec .slick-list .slick-slide > div > div .slide-content{height: 100%;}
.tab-box-sec  .banner-img-slider, .tab-box-sec .container-fluid, .tab-box-sec .slick-carousel-wrapper, .tab-box-sec .slick-slider, .tab-box-sec .slick-slider .slick-list { height: max-content; }
.tab-main-box .slick-carousel-wrapper { background-color: var(--white-bg); }
.slide-content .banner-img-slider.img-box { height: auto; padding-bottom: 42.5%; }
.slide-content-text { background-color: var(--white-bg); padding: 50px; }
.slide-content .content-heading-box { padding-left: 50px; }
.tab-box-sec .slick-arrow { top: unset; bottom: 13%; }
.tab-box-sec .slick-prev { background-image: url('../images/blue-left-arrow.png'); left: 20px; width: 25px; height: 30px; z-index: 1; background-repeat: no-repeat; background-size: contain; }
.tab-box-sec .slick-next { background-image: url('../images/blue-right-arrow.png'); right: 20px; width: 25px; height: 30px; z-index: 1; background-repeat: no-repeat; background-size: contain;}
.tab-box-sec .slick-prev::before, .tab-box-sec .slick-next:before {display: none;}
.tab-box-sec .slick-arrow.slick-disabled { opacity: 0.5; }

.tab-box-sec .tab-content { min-height: 300px; background-color: #fff; }
.tab-main-box nav {position: relative; z-index: 1;}
.tab-main-box nav .nav.nav-tabs { padding: 30px; justify-content: center; flex-wrap: wrap; gap: 20px; border-bottom: none; background-color: var(--primary-bg); }
.tab-main-box nav .nav.nav-tabs button.nav-link { font-family: var(--secondary-font); padding: 1px 5px; min-width: 50px; border: 1px solid var(--secondary-bg); color: var(--secondary-bg); border-radius: 0; position: relative; }
.tab-main-box nav .nav.nav-tabs button.nav-link.active,
.tab-main-box nav .nav.nav-tabs button.nav-link:hover {background-color: var(--secondary-bg); color: var(--white-bg);}
.tab-main-box nav .nav.nav-tabs button.nav-link.active::after { content: ''; position: absolute; background-image: url('../images/down-bg.png'); width: 50px; height: 50px; left: 50%; bottom: -60px; background-size: 50px; background-repeat: no-repeat; transform: translateX(-50%);}
    /*----------Marker served End----------*/

    /*----------What we do Start----------*/
/* .banner-main-box:has(video){ height: auto !important;} */
/* .banner-main-box-sec .banner-main-box { height: calc(80vh - 156px); overflow: hidden; } */
.banner-main-box-sec video { width: 100%; height: 100%; object-fit: cover; object-position: center; line-height: 0;}
.what-we-do-sec .what-do-text { padding: 50px; background-color: var(--primary-bg); }
.what-we-do-sec .what-do-text p, .what-we-do-sec .what-do-text ul li { color: var(--white-bg); }
.what-we-do-sec .what-do-text ul { max-width: 100%; margin-bottom: 20px; }  
.what-we-do-sec .what-do-text ul li { display: flex; margin: 15px 0 0 0; }
.what-we-do-sec .what-do-text ul li strong { padding-left: 10px; font-family: var(--secondary-font); color: var(--secondary-bg); font-size: clamp(1.1875rem, 1.0865rem + 0.45vw, 1.625rem); position: relative; min-width: max-content !important; margin: -8px 10px 0 0; }
.what-we-do-sec .what-do-text ul li strong::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: var(--secondary-bg); left: -4px; top: 18px; transform: translateY(-50%); }
.what-we-do-sec .what-do-text ul li:not(:last-child) {margin-bottom: 10px;}
.commitment-text-text-box { position: relative; overflow: hidden; padding: 50px 0 100px 50px; }
.commitment-text-text-box .commitment-bg { width: 100%; height: 100%; left: 0; position: absolute; top: 0; }
.commitment-text-text-box .commitment-bg img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.goal-main-text { position: relative; z-index: 1; }
.page-links { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
.page-links li { background-color: #242424; font-family: var(--secondary-font); font-size: clamp(1.25rem, 1.136rem + 0.303vw, 1.5rem); padding: 5px 10px; text-align: center; min-width: 220px;}
.page-links li a:focus, .page-links li a:hover { color: var(--white-bg); }
.goal-main-content { background-color: #424242; padding: 50px; margin-left: 180px; }
.goal-main-content .safety-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.goal-main-content .safety-heading h2 { font-size: clamp(1.875rem, 1.5144rem + 1.6026vw, 3.4375rem);  font-family: var(--secondary-font); margin-bottom: 0; font-weight: 600; } .goal-main-content .safety-heading img { max-width: 250px; }
.goal-main-content .sub-text-box { max-width: 950px; margin: 0 0 0 auto; }
.goal-main-content .sub-text-box p, .goal-main-content .sub-text-box ul li {color: var(--white-bg);}
.goal-main-content .sub-text-box ul li {position: relative; padding-left: 14px;}
.goal-main-content .sub-text-box ul li:not(:last-child) { margin-bottom: 10px; }
.goal-main-content .sub-text-box ul li::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: var(--secondary-bg); left: -4px; top: 13px; transform: translateY(-50%); }

.join-team { padding: 20px; position: relative; z-index: 2; background-color: var(--secondary-bg); }
.join-team::after { content: ''; position: absolute; width: 100%; height: 100%; background-color: var(--secondary-bg); top: 0; left: -100%; }
.join-heading h2 { font-size: clamp(1.875rem, 1.5144rem + 1.6026vw, 3.4375rem); font-family: var(--primary-font); font-weight: 600; margin-bottom: 0; }
.join-tem-text .text-black { font-family: var(--secondary-font); font-size: 20px; max-width: 390px; letter-spacing: 0.02em; }
.join-tem-text .text-black a { width: 18px; display: inline-block; margin-left: 20px; }
.join-team .row { max-width: 1120px; margin: 0 auto; }
    /*----------What we do End----------*/

    /*----------Service details Start----------*/
.banner-main-box { height: 550px; display: flex; align-items: center; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: left center; }
.banner-main-box .back-img-bg-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner-main-box .back-img-bg-box img, .banner-main-box video {width: 100%; height: 100%; object-fit: cover; }

.focus-sec .common-heading {background-color: var(--primary-bg); padding: 30px 0;}
.our-focus-sec h6 {margin: 0;}
.our-focus-sec h6 span {color: var(--secondary-bg);}
#our-focus h6 { font-size: clamp(1.1875rem, 1.0865rem + 0.45vw, 1.625rem); }

.goal-sec { position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; padding: 50px 80px 0; }
.goal-sec .back-img-bg-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.goal-main-sec .back-img-bg-box video { width: 100%; height: 100%; object-fit: cover; transition: var(--smooth-transition);}
.goal-sec .back-img-bg-box img {width: 100%; height: 100%; object-fit: cover; }
.goal-sec .goal-main-text { position: relative; height: 100%; display: flex; align-items: center; padding: 100px 30px 200px; background-color: var(--primary-bg); }
.bicsi-logo { position: absolute; bottom: 40px; left: -100px; }
.goal-sec .goal-main-text::before { content: ''; position: absolute; width: 140px; left: -140px; background-color: var(--primary-bg); top: 0; height: 100%; }
.comon-box-sec .goal-main-text p { color: var(--white-bg); line-height: 2; text-align: right; }
.sngl-img-wrapper {position: relative;}
.right-side-img-box .map-box { padding-bottom: 80%; }
.right-side-img-box .map-box img { width: 100%; height: 100%; object-fit: cover; object-position: center center; position: absolute; }
.map-box {overflow: unset;}
.map-box::before { content: ''; position: absolute; width: 70px; height: 70px; left: -12px; bottom: -12px; background-color: var(--primary-bg);     z-index: -1;} 
.map-box.img-box { padding-bottom: 80%; }


.sngle-text-box { padding: 80px 40px; background-color: var(--secondary-bg); position: relative; margin-top: -80px; }
.sngle-text-box a { position: absolute; top: 40px; left: 0; }
.sngle-text-box::after { content: ''; position: absolute; left: -100%; height: 100%; width: 100%; background-color: var(--secondary-bg); top: 0; }
.sngle-text-box::before { content: ''; position: absolute; right: -100%; height: 100%; width: 100%; background-color: var(--secondary-bg); top: 0; }
.sngle-text-box h4 { margin-bottom: 3px; }
.sngle-text-box p {color: var(--primary-bg);}
.sngle-text-box p span { width: 18px; display: inline-block; margin-left: 10px; }

    /*----------Service details Start----------*/

    /*----------Our Team Page Start----------*/
.team-img-box { padding-bottom: 42.5%; }
.team-text-wrapper { padding: 50px 100px; background-color: var(--primary-bg); }
.team-text-wrapper p{color: var(--white-bg); padding-left: 80px; }

.leadership-box-wrapper { display: flex; flex-wrap: wrap; gap: 30px;justify-content: center; padding: 20px 60px 60px; background-color: var(--white-bg); }
.leadership-box-wrapper .leadership-box { width: calc(25% - 23px); text-align: center; }
.leadership-img-box {margin-bottom: 15px; border: 5px solid var(--secondary-bg);}
.leadership-img-box img { object-position: top center; }
.leadership-main {cursor: pointer;}
.leadership-text-box { background-color: var(--secondary-bg); min-height: 60px; padding: 5px; display: flex; justify-content: center; align-items: center; text-align: center; }
.leadership-text-box p{color: var(--white-bg); }
.leadership-sec ul.nav.nav-tabs { justify-content: center; padding: 60px 30px 20px; background-color: var(--white-bg); border-bottom: 0; flex-wrap: wrap; gap: 20px; }
.leadership-sec ul.nav.nav-tabs li.nav-item button.nav-link { font-family: var(--secondary-font); padding: 4px 8px; min-width: 50px; border: 1px solid var(--secondary-bg); color: var(--secondary-bg); border-radius: 0; position: relative; transition: var(--smooth-transition); -webkit-transition: var(--smooth-transition); -moz-transition: var(--smooth-transition); -ms-transition: var(--smooth-transition); -o-transition: var(--smooth-transition); }
.leadership-sec ul.nav.nav-tabs li.nav-item button.nav-link:hover,
.leadership-sec ul.nav.nav-tabs li.nav-item button.nav-link.active { background-color: var(--secondary-bg); color: var(--white-bg); }

.join-text-main { padding: 30px 200px; background-color: var(--secondary-bg); }
.join-text-main h2 { color: var(--primary-bg); font-size: clamp(1.875rem, 1.5144rem + 1.6026vw, 3.4375rem); margin-bottom: 0;}
.join-text-main h2 span { color: var(--white-bg); }
.join-text-main p { max-width: 380px; }
.join-text-main p a img{ max-width: 20px; margin-left: 10px;}
.join-text-main p:has(a) { font-weight: 600; font-family: var(--secondary-font); font-size: 20px; letter-spacing: 0.02em;}

.team-details-modal .modal-dialog { max-width: 1200px; }
.team-details-modal .modal-dialog .modal-body { padding: 60px; background-color: var(--primary-bg); }
.team-details-modal .modal-content { padding: 20px; background-color: transparent; border: 0; }
.team-details-modal button.btn-close { background-image: unset; position: absolute; z-index: 11; right: 35px; top: 35px; width: 30px; height: 40px; transform: rotate(90deg); opacity: 1; }
.profile-img img {object-position: top center;}
.team-details-modal .persion-details .name-title {margin-bottom: 30px;}
.team-details-modal .persion-details .name-title h3 {margin-bottom: 5px;}
.team-details-modal .persion-details .name-title h3, 
.team-details-modal .persion-details .name-title span { color: var(--secondary-bg); }
.team-details-modal .persion-details .name-title span { font-size: clamp(1.25rem, 1.027rem + 0.595vw, 1.563rem); }
.team-details-modal .persion-details P {color: var(--white-bg);}
    /*----------Our Team Page End----------*/

    /*----------Who We are Page Start----------*/
/* .who-we-are-banner .banner-main-box { height: auto; } */
.focus-text { background-color: var(--white-bg); padding: 50px 60px;}
.focus-text .common-heading h1 { color: var(--primary-bg); }
.single-focus-box ul { margin-bottom: 20px; }
.single-focus-box ul li { display: flex; align-items: center; }
.single-focus-box ul li:not(:last-child) { margin-bottom: 20px; }
.single-focus-box ul li h3 {color: var(--secondary-bg); min-width: 110px; margin-bottom: 0;}
.single-focus-box ul li span { max-width: 100px; min-width: 150px; }

.our-beliefs-sec .list-box-main { padding-left: 180px; }
.our-beliefs-sec .list-box-main h5{ color: var(--secondary-bg); margin-bottom: 10px;}
.our-beliefs-sec .list-box-main ul li { color: var(--white-bg); }
.list-box-main ul li:not(:last-child) { margin-bottom: 10px; }
.list-box-main ul li { padding-left: 10px; color: var(--secondary-bg); position: relative; }
.list-box-main ul li::after {content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: var(--secondary-bg); left: -4px; top: 15px; transform: translateY(-50%);}
.team-text-wrapper h5.text-end { color: var(--secondary-bg); margin-top: 10px;}

.join-content-sec .join-text-main { padding: 50px; }
.join-content-sec .join-text-main .col-lg-6 p:first-child { max-width: max-content; color: var(--white-bg); line-height: 1.8; }

.our-lagacy-sec .lagacy-box-main { position: relative; overflow: hidden; padding: 50px; }
.our-lagacy-sec .lagacy-box-main .lagacy-video-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.our-lagacy-sec .lagacy-box-main .lagacy-video-box img, 
.our-lagacy-sec .lagacy-box-main .lagacy-video-box video{width: 100%; height: 100%; object-fit: cover;}
.company-text-box-wrapper {position: relative;}
.company-text-box-wrapper .lagacy-text h2 { color: var(--white-bg); }
.company-text-box-wrapper .lagacy-text h2  span{ color: var(--primary-bg); }
.lagacy-text p {color: var(--white-bg);}
.company-img { max-width: 250px; margin: 0 auto 20px; }
.company-logo-box { text-align: center; }
.company-group { position: relative; z-index: 1; background-color: var(--white-bg); padding: 40px; margin-top: 50px; }
.lagacy-text { position: relative; height: auto; background-color: var(--secondary-bg); padding: 50px 50px 50px 20px; }
.lagacy-text::after { content: ''; position: absolute; left: -180px; top: 0; height: 100%; width: 180px; background-color: var(--secondary-bg); }

.company-logo-box h5, .company-logo-box h4 { font-family: var(--secondary-font); font-size: clamp(1.75rem, 1.6923rem + 0.2564vw, 2rem); font-weight: 700; }
.company-list-box ul li { position: relative; display: flex; align-items: center; padding: 20px 0 10px;  }
.company-list-box ul li .date-box { padding: 0 50px; background-color: var(--white-bg); font-weight: 700; z-index: 1; position: relative; width: 20%; text-align: center; }
.company-list-box ul li::after { content: ''; position: absolute; width: 5px; height: 100%; background-color: var(--primary-bg); left: 50%; transform: translateX(-50%); top: 0;}
.company-list-box ul li .date-box::after { content: ''; position: absolute; width: 10px; height: 4px; background-color: var(--primary-bg); top: 50%; transform: translateY(-50%); right: 34px; }
.company-list-box ul li .date-box::before { content: ''; position: absolute; width: 10px; height: 4px; background-color: var(--primary-bg); top: 50%; transform: translateY(-50%); left: 34px; }
.company-list-box ul li .company-logo-sm,
.company-details { width: 40%; }
.company-list-box ul li:nth-child(even) {flex-direction: row-reverse;}
.company-list-box ul li:nth-child(even) .company-details { text-align: right; }
.year-bottom { text-align: center; width: 50px; height: 50px; background-color: var(--primary-bg); display: flex; justify-content: center; align-items: center; border-radius: 100%; color: var(--white-bg); margin: 0 auto; }
.year-top { width: 80px; height: 54px; display: flex; justify-content: center; align-items: end; background-color: var(--primary-bg); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); color: var(--white-bg); margin: 0 auto; }
.company-details {font-size: 16px;}
    /*----------Who We are Page End----------*/

    /*----------Career listing----------*/
.common-card-box { background-color: var(--white-bg); padding: 80px 40px; }
.filters-button-group { margin-bottom: 20px; }
.filters-button-group button { display: inline-block; padding: 10px 18px; margin-bottom: 10px; border: none; border-radius: 7px; background: #f3f3f3; color: #222; font-size: 18px; font-weight: 600; cursor: pointer; }
.filters-button-group button:hover, .filters-button-group button:active, .filters-button-group button.is-checked { background-color: var(--secondary-bg); }

.careerFilter-row .grid { height: auto !important; max-height: 900px; overflow-y: auto; }
.careerFilter-row .element-item { width: 100%; position: relative !important; top: 0 !important; }
.element-inner { padding: 30px; margin-bottom: 10px; background-color: var(--white-bg); border-bottom: 2px solid #ccc; transition: all 0.6s ease-in-out 0s; border-radius: 10px; overflow: hidden; }
.element-item h5 { font-weight: 600; font-size: 28px; margin-bottom: 5px; }
.element-item ul { padding: 0; list-style: none; }
.element-item ul li { margin-bottom: 8px; display: flex; flex-flow: row wrap; }

    /*----------Career listing end----------*/

.not-findPage { padding: 100px 0; background-color: var(--white-bg); min-height: 500px; display: flex; justify-content: center; align-items: center; }
.not-findPage .btn { border: 1px solid; }

@media only screen and (min-width: 1601px) {
    .container { max-width: 1400px; }
}

@media only screen and (max-width: 1399px) {
    .lagacy-text {padding: 20px;}

    .goal-sec { padding: 70px 27px 0; }
    .goal-sec .goal-main-text { padding: 30px 20px 30px; }
    span.bicsi-logo { top: 10px; left: 0; }

    .goal-main-sec .goal-sec .goal-main-text { padding: 50px 20px 120px; }
    .goal-main-sec .goal-sec span.bicsi-logo{ top: auto; bottom: 30px; left: -100px;}

    .sngle-text-box { padding: 30px 0; margin-top: 0; }
    .sngle-text-box a { position: unset; }

    .common-card-box { padding: 60px 30px; }
    .filters-button-group button { padding: 5px 10px; }
}
@media only screen and (max-width: 1199px) {
    .company-img { max-width: 180px; }
    .company-group { padding: 20px; }
    .company-list-box ul li .date-box { padding: 0 10px; }
    .company-list-box ul li .date-box::before { left: 15px; }
    .company-list-box ul li .date-box::after { right: 15px; }

    .team-text-wrapper p { padding-left: 0; }
    .leadership-box-wrapper .leadership-box { width: calc(33.33% - 14px); }
    .leadership-box-wrapper { gap: 20px; padding: 20px 30px 50px 30px; }
    .team-details-modal .modal-dialog .modal-body { padding: 40px; }
    .team-details-modal .persion-details .name-title { margin-bottom: 20px; }

    .what-we-do-sec .what-do-text ul { padding-left: 0; }
    .commitment-text-text-box { padding: 50px; }
    .goal-main-content { padding: 30px; margin-left: 0; }
    .goal-main-content .safety-heading img { max-width: 200px; }
    .join-team::after {display: none;}

    .goal-sec .goal-main-text { padding: 70px 20px 20px; }
    .goal-sec::before { height: 28%; }

    .goal-main-sec .goal-sec .goal-main-text { padding: 50px 20px 80px; }

    .slide-content .content-heading-box { padding-left: 0; }
    .tab-main-box nav .nav.nav-tabs { gap: 15px; }
    .main-content { padding: 50px 30px; }

    .main-artical { padding: 50px 30px; }

    .join-team-sec .join-content { padding: 50px 0 80px; }

    /* CAREER DETAILS PAGE START HERE */
    .careers-section .careers-box-outer{ margin-left: 40px;}
    .careers-section .careers-box-outer .our-team-content{ padding: 40px 0 40px 20px;}
    .careers-section .careers-box-outer .team-text { padding-left: 25px; }
    .careers-section .careers-box-outer .team-text-list { padding-left: 20px; }
    
}
@media only screen and (max-width: 991px) {
    .main-header .side-nav ul.menu-wrapper { gap: 5px; }
    .main-header .side-nav ul.menu-wrapper li a { padding: 3px 10px; }
    .main-header .side-nav ul.menu-wrapper li span { width: 14px; height: 14px; }

    footer.footer-main .footer-top .sponsor-box .main-spons ul li img,
    footer.footer-main .proud-partner ul li img { max-width: 100px; }
    footer.footer-main .proud-partner ul li:first-child img { max-width: 150px; }

    .home-bg-img { margin-bottom: 20px; }
    .banner-text { padding: 20px; }

    .focus-text { padding: 50px 30px; }
    .single-focus-box ul li span { max-width: 80px; min-width: 80px; margin-right: 10px; }
    .our-beliefs-sec .list-box-main { padding-left: 0; }
    .team-text-wrapper { padding: 50px; }
    .team-details-modal button.btn-close {
    right: 30px;
    top: 20px;
    width: 20px;
}
    .company-group { margin: 0 0 30px; }
    .lagacy-text {text-align: center !important;}
    .lagacy-text::after {display: none;}
    .banner-main-box-sec .banner-main-box { height: calc(50vh - 156px); overflow: hidden; }

    .goal-main-sec .goal-sec .goal-main-text{ padding-bottom: 90px;}
    .goal-main-sec .goal-sec span.bicsi-logo{ left: 20px;}

    .leadership-box-wrapper { padding: 10px 20px 50px; }
    .leadership-sec ul.nav.nav-tabs {padding: 50px 20px 20px;}
    .leadership-box-wrapper .leadership-box { width: calc(50% - 10px); }
    .join-text-main { padding: 20px; }
    .join-text-main h2 {margin-bottom: 10px;}
    .join-text-main p {max-width: unset;}
    .profile-img { padding-bottom: 70%; margin-bottom: 20px; }
    .commitment-text-text-box { padding: 40px 20px; }
    .page-links li { min-width: auto; }
    .join-tem-text .text-black a { margin-left: 10px; }

    .banner-main-box { height: 34vh; }
    .goal-sec .goal-main-text::before,
    .goal-sec::before {display: none;}
    .sngl-img-wrapper { padding: 0 0  30px; }
    .comon-box-sec .goal-main-text p {text-align: left;}
    .goal-main-content { padding: 20px; }

    .content-heading-box { margin-bottom: 20px; }
    .slide-content .content-heading-box h3 { margin-bottom: 5px; }
    .tab-box-sec .slick-arrow { bottom: 30%; }
    .tab-main-box nav .nav.nav-tabs button.nav-link.active::after {display: none;}

    .news-sec h6 a img { width: 40px; margin-left: 20px; }
    .details-text-box { margin-bottom: 20px; }
    .details-text-box a { margin-bottom: 30px; }

    .our-team-content { margin-left: 0; }
    .join-team-sec .join-content { padding: 50px 30px; }
    .our-team-content .team-text { padding-left: 0; }
    .our-team-content .team-text .team-text-list { padding-left: 0; }
    .future-content { padding: 30px 20px 30px; margin-top: 0; }
    .future-content h2 {margin-bottom: 10px;}
    .future-content p.feature-sub-text{ margin-left: 0;}

    .contact-text-sec .main-content .common-heading h1 { margin-bottom: 10px; }
    .main-contact::after { max-width: 400px; }
    .main-contact { padding: 50px 30px; }

    .common-card-box { padding: 40px 20px; }
    .element-inner { padding: 10px; }
    span.bicsi-logo { left: 10px; }
    .sngle-text-box::before, .sngle-text-box::after {display: none;}
    .sngle-text-box { padding: 20px;  }

    .join-text-main p:has(a), .join-tem-text .text-black, .future-content p.feature-sub-text{ font-size: 18px; position: relative;}
    .news-details-section .new-details-row { padding-top: 50px; }
    .news-details-section .new-details-row a { padding-left: 15px; }
    .news-details-section .new-details-row a::after { top: 6px; }
    .news-details-section .new-details-row .news-back-btn { top: 25px; }
    .news-details-section .new-details-row .news-back-btn::after { top: 7px; }

    /* CAREER DETAILS PAGE START HERE */
    .careers-section .careers-box-outer { margin-left: 0; }
    .careers-section .careers-box-outer .our-team-content{ padding: 30px 15px;}

    .join-text-main p:has(a) a { position: absolute; bottom: 0; }


    .what-we-do-sec .what-do-text ul li { display: flex; margin: 15px 0 0 0; flex-direction: column; }
    .what-we-do-sec .what-do-text ul li strong { margin: 0; min-width: auto !important; }
    .what-we-do-sec .what-do-text ul li strong::after {top: 15px; }

}

@media only screen and (max-width: 767px) {

/*for header css*/
    header.main-header { padding: 0; }
    .main-header .menu-main { text-align: left; display: flex; align-items: center; justify-content: space-between; padding: 10px 0;}
    .main-header .menu-main .logo-main { max-width: 130px; margin: 0; }
    header.main-header .closebtn, header.main-header .hamburger-icon { display: block; }
    .main-header .menu-main .side-nav { height: 100%; width: 0; position: fixed; z-index: 999; top: 0; bottom: 0; right: 0; background-color: #222222; overflow-x: hidden; transition: var(--smooth-transition); padding-top: 60px; opacity: 0; -webkit-transition: var(--smooth-transition); -moz-transition: var(--smooth-transition); -ms-transition: var(--smooth-transition); -o-transition: var(--smooth-transition); }
    .main-header .menu-main .side-nav.show-nav { width: 250px; opacity: 1; }
    .main-header .side-nav ul.menu-wrapper { gap: 10px; flex-direction: column; text-align: left; }
    .main-header .side-nav ul.menu-wrapper li span { width: 15px; height: 15px; }
    .main-header .side-nav ul.menu-wrapper li:hover .menu-arrow { transform:  unset; -webkit-transform:  unset; -moz-transform:  unset; -ms-transform:  unset; -o-transform:  unset; }
    .main-header .side-nav ul.menu-wrapper li.menu-item-has-children.open-menu .menu-arrow { transform: rotate(-179deg) translateY(6px); -webkit-transform: rotate(-179deg) translateY(6px); -moz-transform: rotate(-179deg) translateY(6px); -ms-transform: rotate(-179deg) translateY(6px); -o-transform: rotate(-179deg) translateY(6px); }
    .main-header .side-nav ul.menu-wrapper li.menu-item-has-children ul.sub-menu { position: unset; height: 0; padding: 0; margin-left: 20px; opacity: 0; }
    .main-header .side-nav ul.menu-wrapper li.menu-item-has-children.open-menu ul.sub-menu { height: auto; opacity: 1; visibility: visible; padding: 20px 0;}
    .main-header .side-nav .closebtn { position: absolute; top: 10px; right: 25px; font-size: 25px; color: var(--white-bg); }

/*for header css*/

    footer.footer-main .footer-top .sponsor-box,
    footer.footer-main .proud-partner { flex-direction: column; }
    footer.footer-main .proud-partner {gap: 20px;}
    footer.footer-main .footer-top .sponsor-box .main-spons ul { justify-content: center; }
    footer.footer-main .footer-top .sponsor-box .main-spons ul li img, 
    footer.footer-main .proud-partner ul li img { max-width: 80px; }
    footer .footer-social { position: unset; text-align: center; margin: 0 auto; }

    .connection-text { font-size: 20px; letter-spacing: 3px; }
    .home-bg-img { padding-bottom: 100%; }
    .banner-sec, .banner-box {height: auto;}

    .focus-text,
    .team-text-wrapper,
    .our-lagacy-sec .lagacy-box-main { padding: 40px 20px; }
    .join-content-sec .join-text-main { padding: 40px 20px; }
    .team-details-modal .modal-dialog .modal-body { padding: 40px 20px; }
    .team-details-modal button.btn-close { top: 25px; width: 20px; height: 30px; }

    .join-team { padding: 10px; }
    .goal-main-content .safety-heading { flex-direction: column; align-items: flex-start; }
    .goal-main-content .safety-heading .common-heading { margin-bottom: 20px; }
    .goal-main-content .safety-heading img { max-width: 140px; transform: rotateY(180deg); }
    .what-we-do-sec .what-do-text { padding: 40px 20px; }

    .goal-sec { padding: 40px 20px 0; }
    .banner-main-box { height: 20vh; }

    .focus-sec .common-heading { padding: 20px 0; }

    .main-content { padding: 40px 20px; }
    .slide-content-text { padding: 40px 30px; }
    .tab-box-sec .slick-arrow { width: 15px; }
    .tab-box-sec .slick-next { right: 10px; }
    .tab-box-sec .slick-prev { left: 10px; }

    .news-sec h6 a img { width: 30px; margin-left: 0px; }

    .main-artical, .details-box-wrapper { padding: 40px 20px; }
    .all-artical { padding: 20px; }
    .detail-msin-box { padding: 20px 10px; }
    .details-text-box a { margin-bottom: 20px; }
    .join-team-sec .join-content { padding: 40px 20px; }
    .future-content { padding: 20px; }
    .future-content p.feature-sub-text a { width: 15px; margin-left: 20px; }
    .our-team-content { padding: 20px; }

    .main-contact::after { max-width: 200px; }
    .main-contact { padding: 40px 20px; }
    .location-box { max-width: 360px; }

    /* CAREER DETAILS PAGE START HERE */
    .careers-section .careers-box-outer .team-text { padding-left: 0; }

}

@media only screen and (max-width: 575px) {
    footer.footer-main .proud-partner ul { flex-wrap: wrap; justify-content: center; }

    .focus-text, .team-text-wrapper, .our-lagacy-sec .lagacy-box-main { padding: 40px 14px; }

    .single-focus-box ul li { flex-direction: column; }
    .focus-text { text-align: center; }
    .single-focus-box ul li h3 {margin-bottom: 20px;}
    .single-focus-box ul li span {margin: 0 0 20px;}

    .company-list-box ul li,
    .company-list-box ul li:nth-child(even) {flex-direction: column;}
    .company-list-box ul li { padding: 40px 0 10px; }
    .company-list-box ul li .company-logo-sm, .company-details {width: 100%; background-color: var(--white-bg); position: relative; z-index: 1;}
    .company-list-box ul li .date-box {order: 1; background-color: var(--white-bg); padding: 10px 0;}
    .company-list-box ul li .company-logo-sm {order: 2; padding-bottom: 20px; max-width: 220px;}
    .company-details {order: 3; text-align: center;}
    .company-list-box ul li:nth-child(even) .company-details {text-align: center;}
    .company-list-box ul li .date-box::before,
    .company-list-box ul li .date-box::after {display: none;}

    .leadership-box-wrapper .leadership-box {width: 100%;}

    .location-box ul li { padding-right: 5px; margin-right: 5px; }
    .location-box ul { padding: 10px 6px; }
    .main-contact::after { max-width: 120px; }

    .news-details-section .new-details-row .articale-img-box-wrapper { max-width: 300px; margin: 10px auto 25px; }
    .slide-content .banner-img-slider.img-box { padding-bottom: 70%; }
}

@media only screen and (max-width: 440px) {
    .connection-text { font-size: 18px; }
    .join-tem-text .text-black a,
    .join-text-main p:has(a) a { position: absolute; bottom: 0; }

    .leadership-sec ul.nav.nav-tabs { flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
}