/* Home Banner */
.banner-text {position:absolute; bottom:0; left:0; width:100%; height:100%; display:flex; align-items:flex-end;}
.banner-text .panel {width:fit-content; translate:0 50%; position:relative; z-index:2; padding-right:40px;}
.banner-text .panel .level1-title {margin-bottom:0.75rem; max-width:200px;}
.banner-text .panel::before {content:''; position:absolute; top:50%; translate:0 -50%; right:-1rem; width:70px; height:130px; background:url(/images/arrow-secondary-700.svg) no-repeat 100% 50%; background-size:contain;}
.banner-text .panel.corner-frame {overflow:visible;}


/* Chevron Background */
.chevron-background {position:relative;}
.chevron-background .container {position:relative; z-index:1;}
.chevron-background::before,.chevron-background::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%;}
.chevron-background::before {background:url(/images/chevrons.svg) no-repeat center right; background-size:auto 100%;}
.chevron-background::after {background:var(--neutral-100); background:linear-gradient(90deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);}


/* Carousel & Grid Services */
.carousel-services svg {height:100%; width:auto; max-height:120px; max-width:none; margin-bottom:1rem; display:block; margin-left:0; margin-right:auto; margin-bottom:1rem;}
.btn-discover {position: relative; margin-bottom:2rem; align-items: center;padding:0 10px; width: fit-content; margin-top:auto; background-color:var(--primary-700); color:var(--neutral-100); border-radius:7px; height:40px; display:inline-flex; transition:var(--transition-default);}
.btn-discover::after {content:''; rotate:180deg; width:20px; height:40px; position:relative; background-image:url(/images/arrow-secondary-700.svg); background-repeat:no-repeat; background-size:auto 20px; background-position:50% 50%;}
.btn-discover span {display:flex; padding:0; width:0; overflow:hidden; transition:var(--transition-default)}

a.link-discover {display:flex; flex-direction:column; color:var(--neutral-100); text-decoration:none; height:100%;}
a.link-discover:hover .btn-discover span {width:100px;}
a.link-discover svg {transition:var(--transition-default);}
a.link-discover:hover svg {translate:0 -20px;}

.carousel-slider-bar {flex:1 1 100%; background:var(--primary-700); height:8px; border-radius:4px;}
.carousel-progress-bar {background:var(--neutral-100); height:8px; transition:width 400ms ease; width:0; border-radius:4px;}

.carousel-services .splide__slide {padding-top:20px;}
.carousel-services .splide__slide:not(.is-visible) {opacity:1;}


/* Logos Scroller Clients*/
.logos-container {overflow:hidden; width:100%;}
.scroller {display:flex; align-items:center; width:100%; overflow:hidden; position:relative;}
.scroller__inner {display:flex; flex-wrap:nowrap; min-width:max-content; animation:scroll-left 40s linear infinite;}
.tag-list {display:flex; gap:4rem; list-style:none; padding:1rem 0; margin:0; align-items:center;}
.tag-list li img {max-height:58px; max-width:140px; height:auto; width:auto;}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


/* Quotes Carousel centered */
.carousel-quotes-center {text-align:center;}
.carousel-quotes-center {width:100%; overflow:visible;}
.carousel-quotes-center .splide__slide {width:60% !important;}
.carousel-quotes-center .quote::before, .carousel-quotes-center .quote::after {left:50%; translate:-50% 0;}
.carousel-quotes-center .quote-logo-container {justify-content:center; margin:0 auto;}


/* Footer Certification Logos */
.logo-list {display:flex; flex-wrap:wrap; column-gap:2rem; row-gap:2rem; align-items:center; justify-content:center; max-width:400px; margin:0 auto;}
.logo-list>li {flex:1 1 calc(50% - 4rem);}
.logo-list>li img {max-width:220px; max-height:60px; height:auto; width:auto; object-fit:contain; margin:0 auto;}
.logo-list>li img.vertical-size {max-height:110px;}



@media (min-width: 769px) {
  .carousel-services .splide__list {display:grid !important; grid-template-columns:repeat(2, 1fr); gap:2rem;}
  .carousel-services .splide__slide {width:auto !important;}
  .carousel-slider-bar {display:none;}
  .carousel-services {visibility:visible;}
}

@media (min-width: 992px) {
  .carousel-services .splide__list {grid-template-columns:repeat(3, 1fr);}
}

@media(min-width:380px) {
    .banner-text .panel {padding-right:100px;}
}
@media(min-width:440px) {
    .banner-text .panel .level1-title {max-width:unset;}
    /* Footer Certification Logos */
    .logo-list>li {flex:0 0 auto;}
}
@media(min-width:680px) {
    /* Footer Certification Logos */
    .logo-list {max-width:660px; margin:0 auto;}
}
@media(min-width:1020px) {
    /* Footer Certification Logos */
    .logo-list {max-width:unset;}
}
@media(min-width:1200px) {
    /* Footer Certification Logos */
    .logo-list {justify-content:space-between;}
}