/*== GO LIVE CSS 21-11-2025 ==*/
#jobApp .ajax-loader,#searchapp .ajax-loader{position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;}
/* #jobApp .standard-accordion__link.active{position:relative;}
#jobApp .standard-accordion__link.active::after {
  content: "\e904";
  font-family: icomoon;
  display: inline-flex;
  align-items: center;
  transform: translateY(3px);
  position: absolute;
  right: var(--sm-2);
} */
#careerJobBanner .careers-heroBanner__search .action-button:focus-visible, #jobSearchBanner .job-searchbanner__wrapper .action-button:focus-visible, #jobApp .jobs-heroBanner__search  .action-button:focus-visible {
  outline: none !important;
  outline-offset: -2px;
  transition: none;
}
#jobSearchBanner .job-searchbanner__wrapper .form-field__search{width:92%;}
#jobApp .clearall:hover {
  background-color: transparent;
  color: var(--black);
  border-bottom: 1px solid var(--black);
}
#jobApp .job-search-filter .standard-accordion__title.open .action-button {
  background: transparent !important; color:var(--black)
}

#jobApp .job-search-landing__filter .standard-accordion__title-content-wrapepr .action-button.open{color:var(--black)}
#jobApp .clearall{border-bottom: 1px solid transparent;}
.gradient-hero-banner .config-text__cta-wrapper .video__overlay:before, .full-width-banner .full-width-banner__cta-wrapper .video__overlay:before,.landing-hero-banner .landing-hero-banner__cta-wrapper .video__overlay:before{background:none;}
.iframeswrapper  .tab {
    display: none;
  }
 .iframeswrapper .tab.active {
    display: block;
  }
  .iframeswrapper .iframetabs .tab-btn {
  padding: var(--xs-1);
  background: var(--theme-brown);border: none;
}
 .iframeswrapper .iframetabs{margin-bottom:3rem;}
#searchapp .search__filter--querytype ul li label {
        /* Add your label styles here */
        margin-right: 8px; /* Adjust spacing between label and radio button */
        position: relative; 
        min-width: 50px;
    }

    /* Hide the default radio button */
   #searchapp .search__filter--querytype input[type="radio"] {
        display: none;
    }

    /* Style for the custom radio button */
  #searchapp .search__filter--querytype label:before {
        content: '';
        display: inline-block;
        width: 16px; /* Adjust size as needed */
        height: 16px; /* Adjust size as needed */
        border: 1px solid #999; /* Border color */
        border-radius: 50%; /* Rounded shape */
        margin-right: 8px; /* Space between radio button and label */
        vertical-align: middle;
        background-color: #fff;
        margin-top: -4px;/* Background color when not checked */
    }

    /* Style for checked state */
   #searchapp .search__filter--querytype  input[type="radio"]:checked + label::before {
  background-color: transparent;
  border: 2px solid black;
}
#searchapp .search__filter--querytype input[type="radio"]:checked + label:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 50%;
    position: relative;
    top: -2px;
    z-index: 9;
    right: calc(100% - 12px);
}
input{text-indent:1rem;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none;}
.form-wrapper.focused .form-field__search{color:var(--black)}

#jobApp.theme-purple{background:var(--gradient-right-purple);}
#jobApp .clearall{display:flex;align-items:center;}
#jobApp .job-search-filter .standard-accordion__dropdown-inner-content-content ul li{border:none;}
#jobApp .job-search-card .job__title-location p{flex: 0 0 40%;justify-content: end;margin-top: 5px;gap: 10px;}
#jobApp .job-search-card .job__title-location p span{display: flex;gap: 10px;align-items: baseline;}
#jobApp .job-search-filter .standard-accordion__dropdown-inner-content-content ul{max-height: 294px;  overflow: auto;}
#jobApp .job-search-filter .standard-accordion__title.open .action-button, #jobApp .job-search-filter .standard-accordion__title .action-button{padding:0;height: 2rem;
  width: 2rem;color: var(--black);}
#jobApp .standard-accordion__link.active {
	position: relative;
}
#jobApp .standard-accordion__link.active:before {
    position: absolute;
    content: "\e904";
    right: 5px;
    width: 20px;
    height: 20px;
    display: block;
    font-family: icomoon !important;
}
#jobApp.theme-blue{background:var(--gradient-right);}
#jobSearchBanner .form-field__list-height, #careerJobBanner .form-field__list-height{max-height:0;}
#jobSearchBanner .form-field__list-height--auto,#careerJobBanner .form-field__list-height--auto{max-height:22rem;}
#jobApp .job__title-location .icon {
  margin-top: 2px;
  top: 2px;
  position: relative;
}
#jobApp .action-button,.job-searchbanner .action-button{padding:0; margin-left:7px}
#jobApp .job-card__bottom-left .icon{font-size:1.2rem;}
#jobApp .job-search-landing__filter .clearall{text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    letter-spacing: 2.6px;}
#jobApp .standard-accordion__link{font-size:1.8rem;font-weight: 400;line-height: 26px;text-transform: capitalize}
#jobApp .jobs-search-cat .cat-tags span{padding:var(--sm-3) 1.4rem; background-color:var(--theme-brown);margin-right:1.5rem;display: flex;font-family: var(--font-urw-regular);cursor: pointer;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1rem;
  align-items: center;
  justify-content: center;text-transform: capitalize}
#jobApp .jobs-search-cat h3{font-family:var(--font-urw-regular);}
#jobApp .standard-accordion__link.active{background-color:var(--theme-brown);}
#jobApp .standard-accordion__title-content-wrapepr .h6 {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 2.4rem;
  letter-spacing: 2.6px;
  text-transform: uppercase;
}
#jobApp .filter-btn-mob,#jobApp .apply-btn-mob{display:none;}
@media all and (max-width:767.98px){
.careers-heroBanner .action-button{padding:0;height:3.6rem;width:3.6rem;}
.careers-heroBanner .action-button,#jobApp .action-button, .job-searchbanner .action-button{font-size:1.2rem;}
.careers-heroBanner .form-field__input-wrapper .form-field__search,#jobApp .form-field__input-wrapper .form-field__search, .job-searchbanner .form-field__input-wrapper .form-field__search{width:90%;}
#jobApp .cat-tags{flex-wrap: wrap;}
#jobApp .filter-btn-mob,#jobApp .apply-btn-mob a{border: 2px solid #000;    font-size: 1.8rem;    font-weight: 600;    display: flex;    justify-content: center;    padding: var(--xs-1);    margin-bottom: 1rem;}
#jobApp .apply-btn-mob{display:none;}
#jobApp .filter-btn-mob a:hover #jobApp .apply-btn-mob a:hover{background:none;color:var(--black)}
#jobApp .filter-cat-list{display:none;}
#jobApp .job-search-filter .standard-accordion__dropdown-inner-content-content ul{max-height:none;}
#jobApp .apply-btn-mob.active{display: block;
    z-index: 29;
    position: fixed;
    width: 100%;
    padding: 0 15px;
    left: 0;
    background: var(--white);
    bottom: 0;
    }
#jobApp  .filter-cat-list.active{
position:fixed;display:block;top:5.7rem;left:0;z-index:1;padding-top:2rem;background:var(--white);height:75vh;overflow-y: auto;min-height: 100%;
    }
}
.seach__autocomplete--data-item  a:hover {
    color: var(--black);
  }
@media all and (max-width:991.98px){
 
#jobApp .job-search-card .job__title-location{flex-direction:column;}
#jobApp .job-search-card .job__title-location h5, #jobApp .job-search-card .job__title-location p{width:100%;justify-content:start;}
}

.step__quote-author span span:last-child{font-family: var(--font-urw-regular);}
.vertical-timeline .theme-blue {
  
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: 70%;
  height: 100%;
  
}
.vertical-timeline .col-2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  
}

.vertical-timeline .col-md-5:first-child {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}
 .vertical-timeline .row:first-child .step__number::after {
    top: 25%;
  }

.vertical-timeline .background-video__inner{transform:none !important;}
.vertical-timeline .row {
  position: relative;
  min-height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  overflow-y:hidden;
}
.vertical-timeline .row:last-child .step__number::after {
 bottom: 75%;
  top: auto;
}
.vertical-timeline .step__quote-wrapper img {
  width: 9rem;
  height: 11rem;
  object-fit:cover;
}
.vertical-timeline .vertical-steps {
  background: rgba(255,255,255,.75);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px)
}

.vertical-timeline .icon-quote::before {
  font-size: 5.6rem
}

.vertical-timeline .step__image {
  margin-top: var(--lg-1);
  padding-top:var(--sm-1);
}
.vertical-timeline .step__image img{
height: auto;
  width: 100%;
}
.vertical-timeline .step__quote-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.vertical-timeline .step__quote-wrapper .mb-sm-1 {
  margin-bottom: var(--sm-1)
}
.vertical-timeline .step__number {
  background-color: var(--black);
  color: var(--white);
  height: 5rem;
  width: 5rem;
  border-radius: 100%;
  position:relative;
}
.vertical-timeline .step__number span {
  z-index: 1
}
.vertical-timeline .step__number::after {
  content: "";
  background: #000;
  height: 500vh;
  width: 2px;
  position: absolute;
  top: -100vh;
  z-index: 0
}
.vertical-timeline .step__text {
  background: rgba(255,255,255,.75);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px)
}
@media (min-width:768px) {
  .vertical-timeline .col-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 0
  }
  .vertical-timeline .col-md-5:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
  .vertical-timeline .col-md-5:last-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
  .vertical-timeline .row {
    padding: var(--md-1) 0;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit
  }
 .vertical-timeline .row:last-child .step__number::after {
 bottom: 50%;
  top: auto;
}
  .vertical-timeline .row:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .vertical-timeline .icon-quote::before {
    font-size: 5.6rem
  }
  .vertical-timeline .step__image {
    margin-top: 0;padding-top:0;
  }
  .vertical-timeline .step__image img {
    max-height: 34rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
  }
  .vertical-timeline .row:first-child .step__number::after {
    top: 47%
  }
  .vertical-timeline .step__quote-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
  }
  .vertical-timeline .step__quote-wrapper .mb-sm-1 {
    margin-bottom: 0
  }
  .vertical-timeline .step__number {
    background-color: var(--black);
    color: var(--white);
    height: 7rem;
    width: 7rem;
    border-radius: 100%
  }
  .vertical-timeline .step__number::after {
    content: "";
    background: #000;
    height: 150vh;
    width: 2px;
    position: absolute;
    top: -50vh;
    z-index: 0
  }
}


/*=== UPDATE STYLING ACCORDING TO UI/UX CHANGES 03/09/2025 ===*/

/*=== Module - Press Release Carousel ===*/
.press-release-carousel .card{overflow: clip;}
.press-release-carousel .card__image-wrapper{ overflow: hidden; }
.press-release-carousel .card .card__image{ transition: all .5s ease-in-out; }
.press-release-carousel .card:hover .card__image{ scale: 1.2 }
.press-release-carousel .card .card--clickable::before {content: "";position: absolute;top: -23.4rem;left: 0;height: 100%;width: 100%;block-size: 100vh;}

/*=== Module - BOD ===*/
.bod-landing__wrapper .bod-card__image-wrapper{ overflow: hidden; }
.bod-landing__wrapper .bod-card__image{ transition: all .5s ease-in-out; }
.bod-landing__wrapper .bod-card:hover .bod-card__image{ scale: 1.2 }
.bod-landing__wrapper .bod-card:hover .bod-card__name{ text-decoration: underline; }

/*=== Module - Four Signpost Card === */
.four-signpost-carousel:not(#test-test) .four-signpost-slider .swiper-slide .four-signpost-carousel__slider-content::after{content: none;}
/*.four-signpost-carousel:not(#test-test) .four-signpost-slider .swiper-slide.horizontal-slide .four-signpost-carousel__slider-content > div{ padding: 3rem var(--sm-3); }*/
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content > div{position: absolute !important; background: rgba(0,0,0,0.5); width: 100%;bottom: 0;top: auto;left: 0;padding: 4rem var(--sm-3); transition: all .5s ease-in-out;}
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content:hover > div{ padding: 2rem var(--sm-3) !important; }
.four-signpost-carousel:not(#test-test) .four-signpost-slider .swiper-slide.horizontal-slide .four-signpost-carousel__slider-content:hover > div{ 2rem var(--sm-3) !important; }
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content .cta,.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content .four-signpost-caraousel__card-content{top: 50%;transform: none;position: static !important;width: auto;left: var(--sm-3);padding: 0;bottom: 0;height: fit-content;}
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content{ overflow: hidden; }
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content:hover > img{ scale: 1.2; }
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content > img{ transition: all .5s ease-in-out; }
.four-signpost-carousel:not(#test-test) .four-signpost-slider .four-signpost-carousel__slider-content:hover .cta__label{ text-decoration: underline; transition-delay: .3s; }
.four-signpost-carousel:not(#test-test) .four-signpost-slider .cta::after{content: "";top: -600%;left: 0;height: 100vw;width: 100vw;position: absolute;transform: inherit;left: calc(-1 * var(--sm-3));}
.four-signpost-carousel:not(#test-test) .four-signpost-slider .cta--text-link:hover .cta__icon{right: 0;}
.four-signpost-carousel:not(#test-test) .cta__label{ max-width: 29rem; }

/*=== Module - Vertical Accordion === */
.vertical-accordion .accor-text:has(.accor-text-secondary-title){display: flex; flex-direction: column; gap: .5rem; align-items: start; }
.vertical-accordion .pipe-icon{display: none;}
.vertical-accordion .accor-text-secondary-title{display: inline-block;margin-left: var(--xs-1); text-transform: none; letter-spacing: normal; max-height: 18rem; max-width: 25rem;}
.vertical-accordion .vertical-accordion__item-title:has(.accor-text-secondary-title){min-height: 6.8rem;}
.vertical-accordion .vertical-accordion__item-title .accor-text > span:nth-child(2){ display: flex; align-items: center; } 

@media all and (max-width: 992px){
  .vertical-accordion .vertical-accordion__item-wrapper .action-button{height: 4.8rem;width: 4.8rem;aspect-ratio: 1;display: flex;bottom: 1.4rem;}
  .vertical-accordion .vertical-accordion__item-wrapper.open .action-button{background-color: var(--black);color: var(--white);}
  .vertical-accordion .accor-text:has(.accor-text-secondary-title){top: .85rem;}
}
    
@media all and (min-width: 992px){
 .vertical-accordion .accor-text:has(.accor-text-secondary-title){flex-direction: row;align-items: center; gap: 0;}
 .vertical-accordion .pipe-icon{display: inline-block;margin: 2rem 0;height: .7rem;}
 .vertical-accordion .accor-text:has(.accor-text-secondary-title) .icon-briefcase{ display: inline-block;rotate: 90deg; }
 .vertical-accordion .accor-text-secondary-title{margin-top: var(--xs-1);}
}