:root {
  --color-dark-teal: #194E5D;
  --color-warm-white: #EBEAE8;
  --color-light-gray: #F0F0F0;
  --color-deep-navy: #003B4C;
  --color-black:#000002;
  --color-white:#ffffff;
  --color-lightwhite:#EAEAEA;
  --color-creamwhite:#FAFAFA;
}
.fs-14{
    font-size: clamp(12px, 0.9vw, 14px);
}
.fs-16{
    font-size: clamp(14px, 1.1vw, 16px);
}
.fs-18{
    font-size: clamp(14px, 1.1vw, 18px);
}
.fs-20{
    font-size: clamp(18px, 1.3vw, 20px);
}
.fs-22{
    font-size: clamp(18px, 1.5vw, 22px);
}
.fs-24{
    font-size: clamp(18px, 1.7vw, 24px);
}
.fs-26{
    font-size: clamp(22px, 1.9vw, 26px);
}
.fs-28{
    font-size: clamp(22px, 2.1vw, 28px);
}
.fs-30{
    font-size: clamp(22px, 2.3vw, 30px);
}
.fs-32{
    font-size: clamp(22px, 2.5vw, 32px);
}
.fs-34{
    font-size: clamp(28px, 2.7vw, 34px);
}
.fs-36{
    font-size: clamp(28px, 2.9vw, 36px);
}
.fs-38{
    font-size: clamp(30px, 3.1vw, 38px);
}
.fs-40{
    font-size: clamp(30px, 3.3vw, 40px);
}
.fs-42{
    font-size: clamp(32px, 3.5vw, 42px);
}
.fs-44{
    font-size: clamp(32px, 3.7vw, 44px);
}
.fs-46{
    font-size: clamp(32px, 3.9vw, 46px);
}
.fs-48{
    font-size: clamp(32px, 4.1vw, 48px);
}
.fs-50{
    font-size: clamp(34px, 4.3vw, 50px);
}
.fs-56{
    font-size: clamp(44px, 4.5vw, 56px);
}
.fs-80{
    font-size: clamp(48px, 4.9vw, 80px);
}
.g-20{
    gap: 20px;
}
.py-150{
       padding-top:150px;
    padding-bottom:150px; 
}
.py-90{
    padding-top:90px;
    padding-bottom:90px;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
     font-weight: 600;
}
.fw-700{
   font-weight: 700; 
}
.color-dark-teal{
    color:var(--color-dark-teal);
}
.color-warm-white{
     color:var(--color-warm-white);
}
.color-light-gray{
     color:var(--color-light-gray);
}
.color-deep-navy{
     color:var(--color-deep-navy);
}
.color-lightwhite{
    color:var(--color-lightwhite);
}
.bg-color-black{
    background-color:var(--color-black);
}
.bg-colorlight-gray{
     background-color:var(--color-light-gray);
}
.bg-warmwhite{
     background-color:var(--color-warm-white);
}
.bg-colorcreamwhite{
    background-color:var(--color-creamwhite);
}
.bg-colordeep-navy{
    background-color:var(--color-deep-navy);
}
.bg-white{
    background-color:var(--color-white);
}
.heroBanner{
    position:relative;
}
.header_nav{
border-bottom: 1px solid  #D9DEDD;
background:  var(--color-warm-white); 
  padding:28px 0 !important;
  overflow:hidden;
  position: fixed;
 z-index: 11;
 width: 100%;
 top:0;
}
.headernav_list li span{
    font-size:18px;
    font-weight:400;
        color:var(--color-dark-teal);
}
.headernav_list{
    gap:32px;
}
.gap-0{
    gap:0px;
}
.mt-80{
    margin-top:80px;
}
.justify-content-center{
    justify-content: center;
}
.w-100 img{
    width:100%;
}
.btn_transparent .wp-element-button,
.btn_whitetransparent .wp-element-button,
.btn_primarywhite .wp-element-button {
    padding: 12px 20px !important;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.btn_transparent .wp-element-button {
    border: 1px solid var(--color-deep-navy);
    background: transparent;
    color: var(--color-dark-teal);
    -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
  font-weight: 500;
}
.btn_transparent .wp-element-button:hover{
border: 1px solid var(--color-dark-teal);
background: var(--color-deep-navy);
color:var(--color-warm-white);
    
}

.btn_transparent:hover .wp-block-button__link::after{
    filter: brightness(100);
}
.btn_whitetransparent .wp-element-button {
    border: 1px solid var(--color-light-gray);
    background: transparent;
    color: var(--color-light-gray);
    font-weight: 500;
}

.btn_primarywhite .wp-element-button {
    border: 1px solid var(--color-light-gray);
    background: var(--color-warm-white);
    color: var(--color-deep-navy);
    font-weight: 500;
}
.btn_transparent .wp-block-button__link::after,
.btn_primarywhite .wp-block-button__link::after,
input.wpcf7-form-control.wpcf7-submit.has-spinner::after{
    content: '';
    display: inline-flex;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top:-1px;
      -webkit-transition: all .25s ease-in;
  -moz-transition: all .25s ease-in;
  -ms-transition: all .25s ease-in;
  -o-transition: all .25s ease-in;
  transition: all .25s ease-in;
}
.btn_transparent .wp-block-button__link::after,
.btn_primarywhite .wp-block-button__link::after{
     background-image: url("http://gemdax-dev.narrative.asia/wp-content/uploads/2026/06/arrow-icon.svg");
}

.input.wpcf7-form-control.wpcf7-submit.has-spinner:after{
     background-image: url("http://gemdax-dev.narrative.asia/wp-content/uploads/2026/06/arrow-icon-white.svg");
}
.data-numbers {
    padding: 20px 24px;
    border: 1px solid var(--color-light-gray);
}
.data-numbers .number {
    color: var(--color-light-gray);
    font-weight: 500;
}
.data-numbers .text{
    color: var(--color-light-gray);
    font-weight: 500;
}

.industryCard .industrycardImage{
     overflow: hidden;
    transition: width 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    width:0;
}
  .industryCard .wp-block-group.is-layout-flow .wp-block-group.is-layout-flow {
    display: flex;
    align-items: center;
    min-width: 0;
  }
.industryCard{
    border:1px solid #B8C1C6;
    position:relative;
    overflow: hidden;
    transition: background-color 0.45s ease;
    border-bottom:0.5px solid #B8C1C6;
}
 .industryCard:hover {
    background-color: var(--color-deep-navy);
  }
  
  
  .industryCard:hover .industrycardImage {
    width: 302px;
  }

  .industryCard .industrycardImage figure {
    margin: 0;
    padding: 0;
    display: block;
    height: 164px;
     width: 302px;
  }

  /* Image slides in from left */
  .industryCard .industrycardImage img {
    width: 302px;
    height: 164px;
    object-fit: cover;
    object-position: center;
    display: block;
    transform: translateX(-100%);
    transition: transform 0.6s ease;
  }


  .industryCard:hover .industrycardImage img {
    transform: translateX(0);
  }
  
    .industryCard .cardtitle {
        margin-left: 40px;
    transition: color 0.4s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .industryCard:hover .cardtitle {
    color: var(--color-white);
  }
  
  /* Number badge */
  .industryCard .number {
    margin: 0;
    transition: color 0.4s ease, border-color 0.4s ease, opacity 0.4s ease;
    margin-right: 40px;
  }

  /* Number fades out on hover */
  .industryCard:hover .number {
    opacity: 0;
  }

  /* Arrow icon wrapper — hidden by default */
  .industryCard .arrowicon {
    opacity: 0;
    transition: opacity 0.4s ease 0.1s;
    position: absolute;
    right: 3.2%;
  }

  .industryCard .arrowicon figure {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .industryCard .arrowicon img {
    display: block;
  }

  /* Arrow fades in on hover */
  .industryCard:hover .arrowicon {
    opacity: 1;
  }
  .industryCard > .wp-block-group.is-content-justification-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    min-height: 164px;
  }

  /* ── Left group: stretches, holds image+text ── */
  .industryCard > .wp-block-group.is-content-justification-space-between
    > .wp-block-group.is-layout-flow:first-child {
    display: flex;
    align-items: center;
    min-width: 0;
  }
    .flip-card {
      background: transparent;
      width: 100%;
    aspect-ratio: 1.485;
    perspective: 1000px;
      height:100%;
    }

    .flip-cardinner {
      width: 100%;
      height: 100%;
      position: relative;
      transform-style: preserve-3d;
      transition: transform 0.6s;
     
    }

    .flip-card:hover .flip-cardinner {
      transform: rotateY(180deg);
    }

    .flip-card-front,
    .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      place-content:center;
      padding: 60px 40px 84px 40px;
    }

    .flip-card-front {
      background:var(--color-light-gray);

    }

    .flip-card-back {
       background: var(--color-deep-navy);
      color: var(--white);
      margin-top:0;
      transform: rotateY(180deg);
    }
.weworkRow {
    display: flex;
    column-gap: 20px;
}
.weworkImg{
    position:relative;
}
.weworkImg.active  .imgAnimate img{
    width:464px;
    height:372px;
    object-fit: cover;
    object-position: center;
    transition: all .3s ease-in-out;
}
.weworkImg .imgAnimate img{
    height: 372px;
    object-fit: cover;
    object-position: right;
    transition: all 0.5s ease-in-out;
    width: 168px;
    cursor: pointer;
}

.wework-heading p{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 30px 33px 20px;
    margin-top: 0;
    opacity:0;
    transition: all .5s ease-in-out;
        width: max-content;
}

.weworkImg.active .wework-heading p {
   opacity:1;
}
.overflow-hidden{
    overflow:hidden;
}
footer{
    margin-top:0;
}
.videoright {
    position:absolute;
    right:4%;
    top:0;
    margin-top:0;
}
.videoright figure video{
    height:650px;
    width: auto;
    overflow: hidden;
}
.service-accordion{
    display:flex;
    gap:20px;
    width:100%;
    overflow:hidden;
}

.service-card{
    flex:0 0 120px;
    height:700px;
    position:relative;
    cursor:pointer;
    transition:all .5s ease;
    overflow:hidden;
}

.service-card.active{
    flex:1;
}

.service-image{
    width:100%;
    height:100%;
    position:relative;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.service-title{
    position:absolute;
    top:0;
    left:0;
    width:120px;
    height:100%;
    background:#00475d;
    color:#fff;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:42px;
    z-index:3;
}

.service-card.active .service-title{
    display:none;
}

.service-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    transition:.4s;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:40px;
    color:#fff;
    z-index:2;
}

.service-card.active:hover .service-overlay{
    opacity:1;
}

.service-overlay h3{
    margin-bottom:15px;
    font-size:48px;
}

.text-switcher{
    overflow: hidden;
    position: relative;
}

.text-wrapper{
    display: flex;
    flex-direction: column;
    animation: textSlide 9s infinite;
}

.text-wrapper h2{
    margin: 0;
    letter-spacing: 2.24px;
    /*line-height: 1.2;*/
}

/* Match the height of exactly one heading */
.text-switcher{
    height: 67px;
}
#get-your-invite-modal{
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    max-width: 100%;
    margin: 0;
    background-color: rgba(0,0,0,0.8);
    padding-top: 4rem;
    overflow: auto;
}
#get-your-invite-modal .wp-block-group.has-base-background-color.has-background.is-layout-flow.wp-block-group-is-layout-flow {
    width: 100%;
}
#close-wapper-button{
    position: relative;
    cursor: pointer;
     z-index:9;               
}
#flex-block-modal-wapper .get-you-invite-modal-wapper {
    max-width: 900px;
    margin: 0 auto;
    pointer-events:auto;
    position:relative;
}
#flex-block-modal-wapper{
    pointer-events:none;
}
.contact-form-row    span.wpcf7-form-control-wrap input {
    border-radius: 8px;
    border: 1px solid  var(--color-grey);
    background: var(--color-secondary);
    padding: 12px 24px;

}
.contact-form-row textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 8px;
    border: 1px solid var(--color-grey);
    background: var(--color-secondary);
    padding: 12px 20px;
 
}

.contact-form-row span.wpcf7-form-control-wrap input {
    border-radius: 0px;
    border: 1px solid #B8C1C6;
    background: var(--white);
    color: #000000;
    padding: 12px 24px;
}

.contact-form-row textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 0px;
    border: 1px solid #B8C1C6;
    background: var(--white);
    color: #000000;
    padding: 12px 20px;
}


.contact-form-row.options{
    width:27.5vw;
    margin-top:-14px;
}
.contact-form-row.options, 
.contact-form-row span.wpcf7-form-control-wrap input[type="text"], 
.contact-form-row span.wpcf7-form-control-wrap input[type="email"], 
.contact-form-row textarea.wpcf7-form-control.wpcf7-textarea{
    width: -webkit-fill-available;
}
.contact-form-lp .contact-form-row span.wpcf7-form-control-wrap input,
.contact-form-lp .ms-choice,
.contact-form-lp .contact-form-row textarea.wpcf7-form-control.wpcf7-textarea{
    border: 1px solid rgba(175, 174, 174, 0.20);
    background: rgba(223, 226, 227, 0.10);
    /*color:var(--color-secondary);*/
    border-radius:0px !important;
}
.contact-form-lp .contact-form-row span.wpcf7-form-control-wrap input::placeholder{
    color: rgba(246, 246, 246, 0.70);
}
.contact-form-lp label.contact-form-row{
    /*color:var(--color-secondary);*/
    font-weight:410;
    line-height: 41px;
}
.contact-form-lp .wpcf7 form.invalid .wpcf7-response-output, 
.contact-form-lp .wpcf7 form.unaccepted .wpcf7-response-output, 
.contact-form-lp .wpcf7 form.payment-required .wpcf7-response-output{
    color:var(--color-dark-teal);
}
label.contact-form-row {
    color: var(--color-deep-navy);
}
        

@keyframes textSlide{
    0%, 25%{
        transform: translateY(0);
    }

    30%, 55%{
        transform: translateY(-67px);
    }

    60%, 85%{
        transform: translateY(-130px);
    }

    90%, 100%{
        transform: translateY(0);
    }
}
.adviceCard{
    display:flex;
    width:100%;
    height:calc(241px - 20px);
    flex-direction:column;
    justify-content:space-between;
}
   .diamondindustry-img {
      position: relative;
      width: 100%;
      /*margin: 0 auto;*/
      overflow: hidden;
      aspect-ratio: 392 / 460;
    }
    .diamondindustry-img figure {
      position: absolute;
      inset: 0;
      margin: 0;
      opacity: 0;
      animation: slideshow 9s infinite;
    }
.diamondindustry-img figure { 
    animation: slideshow 9s infinite; 
}

.diamondindustry-img figure:nth-child(1) { animation-delay: 0s; }
.diamondindustry-img figure:nth-child(2) { animation-delay: 3s; }
.diamondindustry-img figure:nth-child(3) { animation-delay: 6s; }

 @keyframes slideshow {
      0%     { opacity: 0; }
      5%     { opacity: 1; } 
      30%    { opacity: 1; }   
      35%    { opacity: 0; }  
      100%   { opacity: 0; }  
    }
    .approach-number p{
    font-style: italic;
    padding-top: 60px;
    }
    .approach-textarea{
        padding-top: 113px;
    }
    .our-values{
        position:relative;
        z-index:9;
    }
    .postition-sticky{
        position:sticky;
        top:220px;
        z-index:10;
    }

.expertise-wrapper{
    display:flex;
    gap:20px;
    height:480px;
}

.expertiseItem{
    flex:0.75;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    background:var(--color-deep-navy);
    transition:flex .5s ease;
}

.expertiseItem.active{
    flex:5;
}

.expertiseContent{
    position:relative;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:.4s ease;
}

.expertiseItem.active .expertiseContent{
    opacity:1;
    visibility:visible;
}

.expertiseContent figure img{
    width:100%;
    height:480px;
    object-fit:cover;
      transform: scale(1.06);
      transition: transform 1.1s cubic-bezier(.19, 1, .22, 1);
}
.expertiseItem.active .expertiseContent figure img {
      transform: scale(1);
    }

.expertiseContent::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(1deg, rgba(0, 0, 0, 0.90) 0.1%, rgba(0, 0, 0, 0.00) 98.63%);
    z-index:2;
}
.text-animate{
      opacity: 0;
      transform: translateY(10px);
      transition: opacity .5s ease .35s;
}
 .expertiseItem.active .text-animate {
      opacity: 1;
      transform: translateY(0);
    }
.expertisecontentoverlay{
    position:absolute;
   bottom:0;
    left:0;
    color:var(--color-warm-white);
    z-index:2;
    padding:28px 26px 30px;
}

.expertiseTitle{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(180deg);
    writing-mode:vertical-rl;
    color:var(--color-light-gray);
    font-size:28px;
    white-space:nowrap;
    transition:.3s;
}

.expertiseItem.active .expertiseTitle{
    opacity:0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 0px;
    border: 1px solid var(--color-dark-teal);
    background: var(--color-deep-navy);
    padding: 12px 20px;
    color: var(--color-warm-white);
    font-size: 16px;
    font-weight:400;
}
#close-wapper-button{
    padding: 4px;
    position: absolute;
    cursor: pointer;
    z-index:9;
    right: 0;
    background: var(--color-dark-teal);
    height: 30px;
    top: 16px;
}
footer{
    position:relative;
}
footer:before{
     left: 0;
      bottom: 4%;
}
footer:before,
footer:after{
    content: "";
    background: url(http://gemdax-dev.narrative.asia/wp-content/uploads/2026/06/footer-element-left.svg);
 width: 140px;
    height: 147px;
    position: absolute;
    z-index: 11;
    background-repeat: no-repeat;
    background-size: 100%;
}
footer:after {
    right: 0;
    bottom: 2.5%;
    transform: rotate(180deg);
}
   
     .ourWorkslider {
      display: flex;
      align-items: center;
      height: 100%;
      /*width: fit-content;*/
      will-change: transform;
      gap: 78px;
    }
    
   
    .pin-spacer {
    /*margin: auto 0 !important;*/
    max-width:1216px;
}
.ourapproach-card{
    min-width: 68vw;
}
.mobbanner{
    min-height:770px;
}


.cardBadge-white p {
    border-radius: 16px;
    border: 1px solid rgba(184, 193, 198, 0.40);
    display: inline-block;
    color: var(--color-warm-white);
    padding: 4px 12px;
    font-size: 14px;
    margin-top: 12px;
      opacity: 0;
      transform: translateY(8px);
      transition: opacity .4s ease, transform .4s ease;
}
.cardBadge-white p.more{ 
    display:none; 
}
 .expertiseItem.active .cardBadge-white p {
      opacity: 1;
      transform: translateY(0);
    }

    .expertiseItem.active .cardBadge-white p:nth-child(1) {
      transition-delay: .35s;
    }

    .expertiseItem.active .cardBadge-white p:nth-child(2) {
      transition-delay: .40s;
    }

    .expertiseItem.active .cardBadge-white p:nth-child(3) {
      transition-delay: .45s;
    }

    .expertiseItem.active .cardBadge-white p:nth-child(4) {
      transition-delay: .50s;
    }

    .expertiseItem.active .cardBadge-white p:nth-child(5) {
      transition-delay: .55s;
    }

    .expertiseItem.active .cardBadge-white p:nth-child(6) {
      transition-delay: .60s;
    }
    @media (min-width: 768px)  {
        .border-right{
            border-right:1px solid #b8c1c6;
        }
    }
@media (min-width: 768px) and (max-width: 1023px) {
    .expertise-wrapper{
        flex-direction:column;
        height:auto;
    }

    .expertiseItem{
        height:70px;
        flex:none;
        width:100%;
    }

    .expertiseItem.active{
        height:400px;
    }

    .expertiseTitle{
        writing-mode:horizontal-tb;
        transform:translate(-50%,-50%);
    }
 }
/* Mobile */
@media(max-width:767px){

    .expertise-wrapper{
        flex-direction:column;
        height:auto;
    }

    .expertiseItem{
        height:70px;
        flex:none;
    }

    .expertiseItem.active{
        height:300px;
    }

    .expertiseTitle{
        writing-mode:horizontal-tb;
        transform:translate(-50%,-50%);
    }
    .custom-logo{
        width:110px;
    }
    .btn_transparent .wp-element-button{
        font-size:14px;
        padding:8px !important;
    }
    .header_nav{
        padding:18px 20px !important;
    }
    .heroBanner{
        padding:100px 0 !important;
    }
    .videoright{
        position:relative;
        right:unset;
        top: 74px;
        left: -30px;
    }
    .videoright figure video{
        width:100vw;
        height:unset;
    }
    .py-150{
    padding-top: 70px;
    padding-bottom: 70px;
    }
    .industryCard > .wp-block-group.is-content-justification-space-between {
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding: 16px;
    flex-direction: column-reverse;
  }
  .industryCard .cardtitle{
      margin-left:unset;
      white-space: normal;
  }
  .industrycardImage,
  .industryCard:hover .industrycardImage{
      display:none;
  }
  .industryCard:hover .industrycardImage{
      width:0;
  }
  .bottom-cta {
    position: absolute;
    bottom: 14px;
}
.industryCard:hover .number {
    opacity: 1;
    color: var(--color-lightwhite);
    border: 1px solid var(--color-lightwhite) !important;
  }
.industryCard:hover .btn_transparent .wp-element-button{
    background-color:#F0F0F0;
    color:var(--color-deep-navy);
}
.industryCard{
    margin-top:16px !important;
}
 /*.industryCard.is-open .arrowicon {*/
 /*       transform: rotate(180deg);*/
 /*     }*/

 /*     .industrycardExpand {*/
 /*       display: none;*/
 /*       padding: 0 20px 20px 48px;*/
 /*     }*/

 /*     .industryCard.is-open .industrycardExpand {*/
 /*       display: block;*/
 /*     }*/

 /*     .industrycardImage {*/
 /*       margin: 0 -20px -20px -48px;*/
 /*     }*/

 /*     .industryCard.active .industrycardContent {*/
 /*       max-height: 500px;*/
 /*     }*/
.btn_transparent .wp-block-button__link::after{
    height:14px;
    width:14px;
}

.wework-heading p{
    opacity:1;
}
.weworkImg .imgAnimate img,
.weworkImg.active .imgAnimate img{
    height:auto;
    width:100%;
}
.weworkRow{
    display:grid;
}
  .py-90{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .footerlogo img{
      width:110px;
  }
footer:before, 
footer:after{
    content:unset;
}
.flip-card-front, .flip-card-back{
    padding:24px;
}
.approach-number p{
    padding-top:24px;
}
  .approach-textarea{
      padding-top:0;
  } 
  .ourWorkslider{
      gap:40px;
     align-items: unset;
  }
  .mobbanner{
      min-height:450px;
  }
  .text-wrapper h2 {
    margin: 16px 0;
   font-size: 28px;
  }
  .text-switcher {
    height: 38px;
}
.expertiseTitle,
.expertiseContent h2{
    font-size:20px;
}
.cardBadge-white p:nth-child(n+3):not(.more){ 
    display:none; 
    
}
    .cardBadge-white p.more{
     display:inline-flex;
     align-items:center;
     border: 1px solid rgba(184, 193, 198, 0.40);
     color: var(--color-warm-white);
    }
    nav.headernav_list svg{
        width:30px;
        height:30px;
    }
    .wework-heading p{
        width:fit-content;
    }
}