.section-common-banner{height: 100dvh;min-height: 630px;position: relative;}
.section-common-banner .heading-style-1 span{font-family: var(--ITCAvantGardeProBk-bold);}
.section-common-banner video{height: 100%;width:100%;object-fit: cover;min-height: 630px;}
.section-common-banner .banner-container{height: 100%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 1;display: flex;flex-direction: column;justify-content: center;}
.section-common-banner .banner-container::before{content: ""; position: absolute; height: 70%; width: 50%; right: -3%;top: 55%; transform: translateY(-50%); background: url(../images/incline-water-mark.png) no-repeat center / cover; background-repeat: no-repeat; background-position: center top; background-size: 50%; display: inline-block; z-index: 1; opacity: 40%;pointer-events: none;}
.section-common-banner .banner-common-content{max-width: 860px;}
.section-common-banner .banner-common-content .heading-style-1{color:var(--off-white);font-family:var(--ITCAvantGardeProBk-reg);}
.section-common-banner .banner-common-content p{color:var(--off-white);font-family:var(--NeuzeitSbook);margin-top: 20px;margin-bottom: 20px;}
.common-btn-group{display: flex;gap: 16px;align-items: center;}

/* =========================== section-leaders-logo ========================= */
.section-leaders-logo{background-color: hsl(188deg 15% 39.22% / 75%);z-index: 1; position:absolute;bottom: 0;left: 0;width: 100%; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 1px solid rgba(255,255,255,0.15);}
.leaders-logo-wrap { display: flex; align-items: center; margin-left:calc(50% - 1190px/2);}
.leaders-logo-title { padding: 35px 40px 35px 12px; border-right: 1px solid rgba(255,255,255,0.15); height: 100%; display: flex; align-items: center; }
.leaders-logo-title h5 { margin: 0; color: #d9e0df; font-style: italic; }
.leaders-logo-slider { padding: 0 30px; overflow: hidden; flex: 1; }
.section-leaders-logo .swiper-slide {max-width: 375px !important; text-align: center;width:auto !important;} 
.leaders-logo-item { max-width: 375px; }
.leaders-logo-item img { width:auto; max-height: 55px; height: auto; object-fit: contain; opacity: 0.95; transition: all 0.3s ease; }
.leaders-logo-item img:hover { opacity: 1;  }
.section-leaders-logo .swiper-free-mode>.swiper-wrapper{transition-timing-function: linear;}

/* =========================== section-workplace ========================= */
.section-workplace{background-size: 70%; background-position: center bottom; background-repeat: no-repeat;}
.workplace-stack-section{padding-inline: 70px;}
.workplace-content{margin-bottom: 140px;}
.section-workplace .heading-style-3{color: var(--gray-02);font-family: var(--ITCAvantGardeProBk-reg);max-width: 540px;}
.section-workplace .heading-style-3 span{font-family: var(--ITCAvantGardeProBk-bold);color: var(--green);}
.section-workplace .p-big{color: var(--gray-02);margin-bottom: 20px;}
/*  */
/* .workplace-cards{max-width: calc(100% - 140px);margin: 0 auto;}
.workplace-card-inner{position: relative;overflow: hidden;border-radius: 12px;transition: all 0.3s ease;height: 396px;}
.workplace-card-inner img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.workplace-card-inner:hover img{transform: scale(1.05);} */
.workplace-marquee-slider { overflow: hidden; }
.workplace-marquee-slider .swiper-wrapper { align-items: center; transition-timing-function: linear !important; }
.workplace-marquee-slider .swiper-slide {width: calc(100% / 4 - 20px) !important; height: 387px;}
.workplace-card-inner { position: relative; border-radius: 20px; overflow: hidden; height: 100%; width: 100%;}
.workplace-card-inner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.workplace-marquee-slider .swiper-slide:nth-child(even){height: 304px !important;}
.workplace-card-content{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;text-align: center;color: #fff;background: #556F73; background: linear-gradient(180deg, rgba(85, 111, 115, 0) 60%, rgb(38 48 54) 100%); height: 100%; display: flex; flex-direction: column; justify-content: end;}
.workplace-card-content .heading-style-4{margin: 0;font-family: var(--ITCAvantGardeProBk-bold);color:var(--white);}



/* =========================== section-under-roof ========================= */
.under-roof-content{max-width: 920px;margin-bottom: 60px;}
.section-under-roof .heading-style-2{font-family: var(--ITCAvantGardeProBk-reg);color: var(--gray-02);margin-bottom: 40px;}
.section-under-roof .heading-style-2 span{font-family: var(--ITCAvantGardeProBk-bold);color: var(--green);}
.section-under-roof .p-big{font-family: var(--NeuzeitSbook);color: var(--gray-02);font-weight: 600;}
.section-under-roof .p-big span{font-weight: 400;}

.under-roof-cards-wrap {margin-bottom:60px; border-top: 1px solid #cfd3d6;counter-reset: section; }
.under-roof-cards-inner { width: 100%; position: relative; padding: 42px 20px; border-bottom: 1px solid #d8d8d8; text-decoration: none; transition: all 0.3s ease; }
.under-roof-cards-inner .container{position: relative;padding-left:42px; display: flex;column-gap: 40px;align-items: center;justify-content: space-between;    transition: 0.3s ease-in-out;}
.under-roof-cards-inner .container:before{font-size: 20px; line-height: 1; font-family: var(--ITCAvantGardeProBk-bold);color: #98a2aa; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: left;counter-increment: section; content: "0" counter(section) " ";}
.under-roof-card-content { flex: 1; display: flex; justify-content: end; }
.under-roof-cards-inner:after {opacity:0;content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(270deg, #3F4F5A 0%, #556F73 62.43628786321271%);transition: 0.3s ease-in-out;z-index: -1; pointer-events: none;}
.under-roof-cards-inner:hover:after {opacity:1;}
.under-roof-cards-inner:hover .container{max-width: 1140px !important;}

.under-roof-cards-inner .heading-style-3{font-family: var(--ITCAvantGardeProMd-med);color: var(--gray-02);}
.under-roof-cards-inner .p-big {max-width: 500px;font-family: var(--NeuzeitSbook);font-weight: 400;}
.under-roof-cards-inner:hover .under-roof-card-number,
.under-roof-cards-inner:hover .heading-style-3,
.under-roof-cards-inner:hover .p-big { color: #ffffff; }

.under-roof-cards-inner:hover .under-roof-card-arrow img { filter: brightness(0) invert(1); }
.under-roof-card-arrow { width: 25px; height: 25px; border-radius: 50%; transition: all 0.3s ease; }
.under-roof-card-arrow img { object-fit: contain; transition: all 0.3s ease; }


/* =========================== section-experience ========================= */



/* ================================================== media query start ================================================ */
@media screen and (max-width:1199px){
    /* =========================== common banner ========================= */
    .section-common-banner .banner-common-content p{margin-top: 16px;margin-bottom: 16px;}
    
    /* =========================== section-leaders-logo ========================= */
    .leaders-logo-wrap {  margin-left:calc(50% - 940px/2);}
    .leaders-logo-title { padding: 30px 35px 30px 0;}
    .leaders-logo-slider { padding: 0 28px; }
    .section-leaders-logo .swiper-slide {max-width: 356px !important;} 
    .leaders-logo-item { max-width: 356px; }
    /* .leaders-logo-item img {max-height: 35px;} */
    
    /* =========================== section-workplace ========================= */
    .workplace-cards{max-width: calc(100% - 40px);}
    .workplace-content{margin-bottom: 100px;}
    .section-workplace .p-big{margin-bottom: 18px;}
    /*  */
    .workplace-cards{max-width: 940px;}
    .workplace-marquee-slider .swiper-slide{height: 280px;}
    .workplace-marquee-slider .swiper-slide:nth-child(even) {height: 220px !important;}
    
    /* =========================== section-experience ========================= */
    
    /* =========================== section-under-roof ========================= */
    .under-roof-content{margin-bottom: 50px;}

    .under-roof-cards-wrap {margin-bottom:50px;}
    .under-roof-cards-inner {padding: 40px 20px;}
    .under-roof-cards-inner .container:before{font-size: 18px;}
    .under-roof-cards-inner:hover .container{max-width: 900px !important;}

}
@media screen and (max-width:991px){
    /* =========================== section-leaders-logo ========================= */
    .leaders-logo-wrap {  margin-left:calc(50% - 740px/2);}
    .leaders-logo-title { padding: 26px 32px 26px 0;}
    .leaders-logo-slider { padding: 0 26px; }
    /* .leaders-logo-item img {max-height: 32px;} */
    
     /* =========================== section-workplace ========================= */
    .workplace-content{margin-bottom: 60px;}
    .section-workplace .p-big{margin-bottom: 16px;}
    /*  */
    .workplace-cards{--bs-gutter-x: 12px;}
    .workplace-stack-section{padding-inline: 30px;}
    .workplace-marquee-slider .swiper-slide{height: 280px;width: calc(100% / 3 - 12px) !important;}
    .workplace-cards .swiper-slide:nth-child(even){height: 180px !important;}
    
   /* =========================== section-experience ========================= */
    
    
    /* =========================== section-under-roof ========================= */
    .under-roof-content{margin-bottom: 46px;}

    .under-roof-cards-wrap {margin-bottom:46px;}
    .under-roof-cards-inner {padding: 34px 20px;}
    .under-roof-cards-inner .p-big { max-width: 360px;}
    .under-roof-cards-inner .container:before{font-size: 16px;}
    .under-roof-cards-inner:hover .container{max-width: 700px !important;}
}
@media screen and (max-width:767px){
    /* =========================== common banner ========================= */
    .section-common-banner{height: auto;}
    
    /* =========================== section-leaders-logo ========================= */
    .leaders-logo-wrap {  margin-left:calc(50% - 100%/2);}
    
    /* =========================== section-workplace ========================= */
    .workplace-content{margin-bottom: 40px;gap: 20px;}
    .section-workplace .p-big{margin-bottom: 14px;}
    /*  */
    .workplace-cards{max-width: 100%;row-gap: 20px;}
    .workplace-marquee-slider .swiper-slide{height: 290px; width: calc(100% / 2 - 10px) !important;}
    .workplace-cards .workplace-card-wrap:nth-child(even){height: auto !important;}
    .workplace-cards .workplace-card-wrap:nth-child(2),
    .workplace-cards .workplace-card-wrap:nth-child(3){height: 280px !important;}      
    
    /* =========================== section-experience ========================= */
   
    
    /* =========================== section-under-roof ========================= */
    .under-roof-content{margin-bottom: 44px;}

    .under-roof-cards-wrap {margin-bottom:40px;}
    .under-roof-cards-inner {padding: 30px 20px;}
    .section-under-roof .heading-style-2{margin-bottom: 20px;}
    .under-roof-cards-inner .p-big { max-width: 218px;}
    .under-roof-cards-inner:hover .container{max-width: 500px !important;}
}
@media screen and (max-width:575px){
    .section-common-banner .banner-common-content { padding-bottom: 30px; }
    /* =========================== section-leaders-logo ========================= */
    .leaders-logo-wrap {  margin-left:calc(50% - 100%/2);flex-direction: column; padding-bottom: 12px;align-items: start;}
    .leaders-logo-title {margin-bottom: 10px;border-right: none; padding:12px 20px;}
    .leaders-logo-slider{width: 100%;}
    
    /* =========================== section-workplace ========================= */
    .workplace-content{margin-bottom: 20px;}
    .workplace-stack-section { padding-inline: 20px; }
    /*  */
    /* .workplace-marquee-slider .swiper-slide{height: 320px;width: 250px !important;}
    .workplace-cards .swiper-slide:nth-child(even){height: 254px !important;} */
    
    /* gsap style for the slider cards === */
    .workplace-marquee-slider { overflow: visible;position: relative; }
    .workplace-marquee-slider .swiper-wrapper{display: block;transform: none !important;}
    .workplace-marquee-slider .swiper-slide ,
    .workplace-marquee-slider .swiper-slide:nth-child(even){ height: auto !important; width: 100% !important; padding-inline: 0 !important;margin-bottom: 20px;}
    .workplace-card-inner{padding-top: 80%;height: auto !important;}
    .workplace-card-inner img{position: absolute; top: 0; left: 0;}
    
    /* =========================== section-experience ========================= */
   
    
    /* =========================== section-under-roof ========================= */
    .under-roof-content{margin-bottom: 36px;}
    
    .under-roof-cards-wrap {margin-bottom:36px;}
    .under-roof-cards-inner {padding: 28px 20px;}
    .under-roof-cards-inner .container{flex-direction: column; gap: 20px; align-items: start;}
    .under-roof-cards-inner .container:before{top:4px;transform: translateY(0);}
    .under-roof-cards-inner .p-big { max-width: 100%;}
    .under-roof-cards-inner:hover .container{max-width: 96% !important;}
    
    .under-roof-cards-inner:hover:after{opacity: 0;}
    .under-roof-cards-inner:hover .under-roof-card-number, .under-roof-cards-inner:hover .heading-style-3, .under-roof-cards-inner:hover .p-big{ color: var(--gray-02);}
    .under-roof-cards-inner:hover .under-roof-card-arrow img{filter: none;}
    .under-roof-cards-inner:hover .container { max-width: 100% !important; }
    
    /* gsap style for under roof cards */
    .under-roof-cards-inner.active-card:after { opacity: 1; }
    .under-roof-cards-inner.active-card .under-roof-card-number,
    .under-roof-cards-inner.active-card .heading-style-3,
    .under-roof-cards-inner.active-card .p-big { color: #ffffff; }
    .under-roof-cards-inner.active-card .under-roof-card-arrow img { filter: brightness(0) invert(1); }
}