/*
Theme Name: Impoex Theme
*/

@charset "utf-8";

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Regular.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Bold.woff2') format('woff2'),
        url('assets/fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Impoex icons';
  src:  url('assets/fonts/Impoex-icons.eot?neb50n');
  src:  url('assets/fonts/Impoex-icons.eot?neb50n#iefix') format('embedded-opentype'),
    url('assets/fonts/Impoex-icons.ttf?neb50n') format('truetype'),
    url('assets/fonts/Impoex-icons.woff?neb50n') format('woff'),
    url('assets/fonts/Impoex-icons.svg?neb50n#Impoex-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

* {
  --color-negro: #222;
  --color-blanco: #fff;
  --color-verde: #99DE4E;
  --color-aqua: #30D6C2;
  --color-azul: #2B51D4;
  --color-gris_claro: #E2E4EA;

  --font-main: 'Poppins';
  --font-titles: 'Gilroy';
  --font-icons: 'Impoex icons';
  --font-light: 300;
  --font-regular: normal;
  --font-bold: bold;

  --size-10: 0.625em;
  --size-20: 1.25em;
  --size-30: 1.875em;
  --size-40: 2.5em;
  --size-50: 3.125em;
  --size-60: 3.75em;
  --size-80: 5em;
  --size-100: 6.25em;
}

/* Base */
html {height:100%; width:100%;}
html, body {font:16px/1.2em 'Gilroy', sans-serif;}
body {background: var(--color-blanco); color: var(--color-negro); margin:0; padding:0; overflow-x:hidden; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px; text-shadow:rgba(0,0,0,.01) 0 0 1px; width:100%;}
body.minicart-open, body.search-open {height: 100%; overflow: hidden;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1, h2, h3, h4, h5 {font-family: var(--font-main); font-weight: var(--font-bold); line-height: 1.1em; margin:0 0 1em;}
h1, h2, h3 {font-weight: var(--font-bold);}
h1, h2 {letter-spacing: -2px;}
h3 {letter-spacing: -1px;}
h4, h5 {font-weight: var(--font-regular);}
h1 {font-size: clamp(2.5rem, 10vw, 5rem); line-height: 1em;}
h2 {font-size: clamp(2.25rem, 10vw, 3.75rem);}
h3 {font-size: clamp(1.875rem, 10vw, 2.5rem);}
h4 {font-size: clamp(1.875rem, 10vw, 2.5rem);}
h5 {font-size: clamp(1.25rem, 10vw, 1.5rem);}
a {color: var(--color-blue); text-decoration:none;}
a:hover {color: var(--color-orange); text-decoration:none;}
img {display: block; height:auto; max-width:100%;}
input:not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]), textarea, select {background: var(--color-blanco); border: 1px solid var(--color-negro); border-radius: var(--size-20); color: var(--color-negro); font: 1em/1em var(--font-main); height: var(--size-50); padding: 1em; outline:none;}
select {-webkit-appearance: none; appearance: none; background-image:url(assets/images/icon-select_arrow.svg); background-position: right 0.8em center; background-size: var(--size-20); background-repeat: no-repeat; padding:1em 2em 1em 1em;}
.text-center {text-align: center;}

.floating-label {position: relative;}
.floating-label > input, .floating-label > select {height: calc(3.5rem + 2px); line-height: 1.25;}
.floating-label > label {pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 1em; padding: 1rem 2rem !important; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;}
.floating-label > input {padding: 1rem 1.25rem !important;}
.floating-label > input::-moz-placeholder {color: transparent;}
.floating-label > input::placeholder {color: transparent;}
.floating-label > input:not(:-moz-placeholder-shown) {padding-top: 1.5714rem !important; padding-bottom: 0.7142rem !important;}
.floating-label > input:focus, .floating-label > input:not(:placeholder-shown) {padding-top: 1.5714rem !important; padding-bottom: 0.7142rem !important;}
.floating-label > input:-webkit-autofill {padding-top: 1.5714rem !important; padding-bottom: 0.7142rem !important;}
.floating-label > select {padding-top: 1.5714rem !important; padding-bottom: 0.7142rem !important;}
.floating-label > input:focus ~ label, .floating-label > textarea:focus ~ label, .floating-label > select ~ label, .floating-label.filled label {opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}
.floating-label > input:-webkit-autofill ~ label {opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Impoex icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icons */
.icon-caret-left:before {content: "\e924";}
.icon-caret-right:before {content: "\e925";}
.icon-arrow-left:before {content: "\e900";}
.icon-arrow-right:before {content: "\e901";}
.icon-bank:before {content: "\e902";}
.icon-binoculars:before {content: "\e903";}
.icon-boat:before {content: "\e904";}
.icon-books:before {content: "\e905";}
.icon-briefcase:before {content: "\e906";}
.icon-buildings:before {content: "\e907";}
.icon-calculator:before {content: "\e908";}
.icon-calendar-star:before {content: "\e909";}
.icon-certificate:before {content: "\e90a";}
.icon-chart-line-up:before {content: "\e90b";}
.icon-chat:before {content: "\e90c";}
.icon-container:before {content: "\e90d";}
.icon-envelope-open:before {content: "\e90e";}
.icon-facebook:before {content: "\e90f";}
.icon-globe-hemisphere-east:before {content: "\e910";}
.icon-globe-simple:before {content: "\e911";}
.icon-graduation-cap:before {content: "\e912";}
.icon-hand-heart:before {content: "\e913";}
.icon-handshake:before {content: "\e914";}
.icon-hard-hat:before {content: "\e915";}
.icon-lightbulb-filament:before {content: "\e916";}
.icon-linkedin:before {content: "\e917";}
.icon-list-checks:before {content: "\e918";}
.icon-list-magnifying-glass:before {content: "\e919";}
.icon-map-pin-simple:before {content: "\e91a";}
.icon-money-wavy:before {content: "\e91b";}
.icon-package:before {content: "\e91c";}
.icon-phone-call:before {content: "\e91d";}
.icon-plus:before {content: "\e91e";}
.icon-presentation-chart:before {content: "\e91f";}
.icon-seal-check:before {content: "\e920";}
.icon-users-three:before {content: "\e921";}
.icon-video-conference:before {content: "\e922";}
.icon-whatsapp:before {content: "\e923";}

/* Colors */
.bg-color-negro {background-color: var(--color-negro);}
.bg-color-blanco {background-color: var(--color-blanco);}
.bg-color-verde {background-color: var(--color-verde);}
.bg-color-aqua {background-color: var(--color-aqua);}
.bg-color-azul {background-color: var(--color-azul);}
.bg-color-gris_claro {background-color: var(--color-gris_claro);}

.color-negro {color: var(--color-negro);}
.color-blanco {color: var(--color-blanco);}
.color-verde {color: var(--color-verde);}
.color-aqua {color: var(--color-aqua);}
.color-azul {color: var(--color-azul);}
.color-gris_claro {color: var(--color-gris_claro);}

/* Buttons */
.btn {border-radius: var(--size-30); display: inline-flex; align-items: center; gap: var(--size-20); font-family: var(--font-main); font-weight: bold; height: 3.125em; padding: 0 var(--size-20);}
.btn i {font-size: var(--size-20);}
.btn.btn-main {background-color: var(--color-verde); color: var(--color-negro);}
.btn.btn-secondary {background-color: transparent; border-style: solid; border-width: 1px;}
.btn.btn-secondary.btn-white {border-color: var(--color-blanco); color: var(--color-blanco);}
.btn.btn-secondary.btn-blue {border-color: var(--color-azul);}
.button-group {display: flex; gap: var(--size-20);}
.link-icon {display: inline-flex; align-items: center; gap: var(--size-20); font-weight: var(--font-bold);}
.link-icon i {font-size: var(--size-20);}


/* Transitions */
a, button, :before, :after {-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


/* Header */
#header {left: 0; padding: 1em 0; position: fixed; top: 0; width: 100%; z-index: 100;}
#header:before {background: var(--color-blanco); content: " "; height: 100%; position: absolute; top: 0; transition: transform 0.4s cubic-bezier(.6,0,.8,1); transform: translateY(-100%); width: 100%; z-index: -1;}
#header.fixed:before {transform: translateY(0);}
#header .header__wrapper {display: flex; align-items: center; justify-content: space-between;}
body.home #header:not(.fixed) #brand img {filter: brightness(10);}
#brand img {transition: width 0.3s; width: 7.5rem;}
#header.fixed #brand img {width: 6.25em;}
#menu-principal {font-family: var(--font-main); font-weight: var(--font-bold); list-style: none; margin: 0; padding: 0;}
#menu-principal li a {padding: var(--size-20);}
#menu-principal li.link-services a:after {content: "\e91e"; font-family: var(--font-icons); margin-left: var(--size-10);}
#header .submenu {background: var(--color-blanco); border-radius: var(--size-30); box-shadow: 0 20px 50px rgb(0 0 0 / 20%); opacity: 0; position: absolute; transition: all 0.2s cubic-bezier(.6,0,.8,1); visibility: hidden; z-index: 101;}
body.submenu-open #header .submenu {opacity: 1; visibility: visible;}
#header .submenu ul {display: flex; list-style: none; margin: 0; padding: 0;}
#header .submenu .item {display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; gap: var(--size-30);}
#header .submenu .item h4 {font-size: var(--size-20); font-weight: var(--font-bold);}
#header .submenu .item .item__image {margin-bottom: var(--size-20);}
#header .submenu .item .item__image img {border-radius: var(--size-20); display: block; object-fit: cover;}

/* Content */
.section .title-center {text-align: center;}
.section .section-footer {display: flex; align-items: center; justify-content: center; gap: var(--size-20); margin-top: var(--size-60);}
.page .page-header, .single-header {padding: calc(var(--size-80)*2) 0 var(--size-80);}
.page-header h3 {color: var(--color-azul); font-size: 1.5rem;}
.page-header p {font-size: var(--size-20); line-height: 1.2em; margin: 0;}
.panel-featured {border-radius: var(--size-40); display: flex; align-items: center;}
.panel-featured .item__image img {object-fit: cover;}
.panel-featured .item__content .item__text {margin-bottom: var(--size-30);}
.panel-featured .item__content .item__text p {margin: 0;}

/* Home */
#banner-home {padding-top: var(--size-100); position: relative;}
#banner-home .wrap {position: relative; z-index: 2;}
#banner-home .column-left {color: var(--color-blanco);}
#banner-home .column-left h1 {font-size: clamp(2.25rem, 5vw, 3.75rem);}
#banner-home .column-left .banner-description {margin-bottom: var(--size-40); max-width: 30rem;}
#banner-home .column-right {position: relative;}
#banner-home .column-right .banner-featured {position: absolute;}
#banner-home .banner-featured .item__wrap {background: rgb(255 255 255 / 20%); backdrop-filter: blur(30px); border-radius: var(--size-30); height: 100%; padding: var(--size-30);} 
#banner-home .banner-featured .item__wrap .item__icon {margin-bottom: var(--size-20);}
#banner-home .banner-featured .item__wrap .item__icon i {font-size: var(--size-40);}
#banner-home .banner-featured .item__wrap .item__description {color: var(--color-blanco);}
#banner-home .banner-featured .item__wrap .item__description p {margin: 0;}
#banner-home .bg__image {bottom: 0; position: absolute; right: -10vw; width: 70vw; z-index: 1;}
#banner-home .bg__image #mapamundi path, #banner-home .bg__image #splash path {fill: var(--color-blanco); fill-opacity: 0.4;}
#banner-home .bg__image .st0 {stroke: #fff;}
#banner-home .bg__image .lines line {fill: none; stroke-opacity: 0.4; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 3px;}
#banner-home .bg__image #animated line {stroke: #fff; stroke-opacity: 0;}
.st1 {stroke: url(#linear-gradient);}
.st2 {stroke: url(#linear-gradient2);}
.st3 {stroke: url(#linear-gradient1);}
.st4 {stroke: url(#linear-gradient4);}
.st5 {stroke: url(#linear-gradient5);}
.st6 {stroke: url(#linear-gradient3);}
.st7 {stroke: url(#linear-gradient7);}
.st8 {stroke: url(#linear-gradient8);}
.st9 {stroke: url(#linear-gradient6);}
.st10 {stroke: url(#linear-gradient9);}
.st12 {stroke: url(#linear-gradient11);}
.st13 {stroke: url(#linear-gradient13);}
.st14 {stroke: url(#linear-gradient18);}
.st15 {stroke: url(#linear-gradient12);}
.st16 {stroke: url(#linear-gradient17);}
.st17 {stroke: url(#linear-gradient14);}
.st18 {stroke: url(#linear-gradient10);}
.st19 {stroke: url(#linear-gradient15);}
.st20 {stroke: url(#linear-gradient19);}
.st21 {stroke: url(#linear-gradient16);}
.st22 {stroke: url(#linear-gradient26);}
.st23 {stroke: url(#linear-gradient22);}
.st24 {stroke: url(#linear-gradient23);}
.st25 {stroke: url(#linear-gradient28);}
.st26 {stroke: url(#linear-gradient25);}
.st27 {stroke: url(#linear-gradient27);}
.st28 {stroke: url(#linear-gradient20);}
.st29 {stroke: url(#linear-gradient24);}
.st30 {stroke: url(#linear-gradient21);}
.st31 {stroke: url(#linear-gradient29);}
.st32 {stroke: url(#linear-gradient30);}
.st33 {stroke: url(#linear-gradient31);}
.st34 {stroke: url(#linear-gradient32);}
.st35 {stroke: url(#linear-gradient33);}
.st36 {stroke: url(#linear-gradient35);}
.st37 {stroke: url(#linear-gradient34);}


@-webkit-keyframes animate-stroke {
  20% {
    stroke-dashoffset: 200px;
    stroke-dasharray: 200px;
    stroke-opacity: 0;
  }
  40% {
    stroke-dashoffset: 0px;
    stroke-dasharray: 200px;
    stroke-opacity: 1;
  }
  70% {
    stroke-dashoffset: 0px;
    stroke-dasharray: 200px;
    stroke-opacity: 0;
  }
}
@keyframes animate-stroke {
  20% {
    stroke-dashoffset: 200px;
    stroke-dasharray: 200px;
    stroke-opacity: 0;
  }
  40% {
    stroke-dashoffset: 0px;
    stroke-dasharray: 200px;
    stroke-opacity: 1;
  }
  70% {
    stroke-dashoffset: 0px;
    stroke-dasharray: 200px;
    stroke-opacity: 0;
  }
}

.anim-01 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 1s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 1s infinite
}
.anim-02 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 3s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 3s infinite
}
.anim-03 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 2s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 2s infinite
}
.anim-04 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 1.5s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 1.5s infinite
}
.anim-05 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 2.5s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 2.5s infinite
}
.anim-06 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 0.5s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 0.5s infinite
}
.anim-07 {
  -webkit-animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 3.5s infinite;
          animation: animate-stroke 4s cubic-bezier(0.3, 0, 0.3, 0.3) 4.5s infinite
}

#home-intro h4 {color: var(--color-azul); font-size: 1.5rem; font-weight: var(--font-bold); margin-bottom: var(--size-20);}

#home-funnel {background-attachment: fixed; background-position: center; background-size: cover; position: relative;}
#home-funnel:before {background: rgb(34 34 34 / 60%); content: " "; inset: 0; position: absolute; z-index: 0;}
#home-funnel .wrap {position: relative; z-index: 1;}
#home-funnel .section__title {color: var(--color-blanco); max-width: 46.26rem; margin: 0 auto; text-align: center}

#home-services .service-item {background: var(--color-negro); border-radius: var(--size-40); color: var(--color-blanco); display: flex; align-items: center; height: 80vh;}
#home-services .service-item:not(:last-child) {margin-bottom: var(--size-60);}
#home-services .service-item .column-left {background-position: center right; background-size: cover;}
#home-services .service-item h2 {text-wrap: balance;}
#home-services .service-item .item__text {margin-bottom: var(--size-30);}

#home-data .item .item__number {color: var(--color-azul); font-family: var(--font-main); font-size: var(--size-80); font-weight: var(--font-bold); line-height: 1em; margin-bottom: 1.875rem;}
#home-data .item .item__description {font-size: var(--size-20); line-height: 1.2em;} 

.testimonies-slider {margin: 0 auto; overflow: visible !important;}
.testimonies-slider .item {background: var(--color-azul); border-radius: var(--size-40); color: var(--color-blanco); display: flex; justify-content: center;}
.testimonies-slider .item .item__content:before {content: url(assets/images/img-quote.svg); width: var(--size-80);}
.testimonies-slider .item .item__text {line-height: 1.1em;}
.testimonies-slider .item .item__text:before, .testimonies-slider .item .item__text:after {content: '"';}
.testimonies-slider .item .item__info .item--person {color: var(--color-verde); font-size: var(--size-20); font-weight: var(--font-bold);}
.testimonies-slider .item .item__video {position: relative;}
.testimonies-slider .item .video--play {aspect-ratio: 1; background: rgb(255 255 255 / 30%); backdrop-filter: blur(20px); border-radius: 50%; box-shadow: 0 15px 40px rgb(0 0 0 / 60%); display: flex; align-items: center; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: var(--size-80);}
.testimonies-slider .item .video--play:before {content: " "; height: var(--size-30); clip-path: polygon(0 0,100% 50%,0 100%); background-color: var(--color-blanco); width: var(--size-20);}
#home-testimonies {position: relative;}
#home-testimonies [class^="slider-control-"] {background: var(--color-negro); border-radius: var(--size-30); box-shadow: 0 10px 30px rgb(0 0 0 / 30%); color: var(--color-blanco); cursor: pointer; height: var(--size-80); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); width: var(--size-60); z-index: 10;}
#home-testimonies [class^="slider-control-"] i {font-size: var(--size-20);}

#home-blog .section__title {margin-bottom: var(--size-60);}
#home-blog .section__title h2 {margin: 0;}
.article-list .item .item__wrap, #home-blog .item .item__wrap {border-radius: var(--size-20); display: flex; flex-direction: column; justify-content: space-between; height: 30rem; overflow: hidden;}
#home-blog .article-featured .item__wrap {background-size: cover; color: var(--color-blanco);}
#home-blog .item .item__date, .article-list .item .item__date {font-size: var(--size-20); font-weight: var(--font-bold); padding: var(--size-30);}
#home-blog .article-featured .item .item__date {color: var(--color-verde);}
.article-list .item .item__date {color: var(--color-azul);}
.article-list .item .item__text, #home-blog .item .item__text {padding: var(--size-30);}
#home-blog .article-featured .item .item__text {background: linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0) 100%); padding: var(--size-60) var(--size-30) var(--size-30);}
.article-list .item .item__text h4, #home-blog .item .item__text h4 {font-size: var(--size-30); font-weight: var(--font-bold);}
.article-list .item .item__text, #home-blog .item .item__text p {margin: 0;}
.article-list .item .item__text .item__cta, #home-blog .item .item__text .item__cta {margin-top: var(--size-30); text-align: right;}

/* Services */
.service .header {background-position: right center; background-size: cover; background-repeat: no-repeat; margin-top: 6.25em; position: relative;}
.service .header:before {background: var(--color-negro); content: " "; inset: 0; opacity: 0.4; position: absolute; z-index: 0;}
.service .header .header__wrap {display: flex; align-items: center; line-height: 1.5em; position: relative; z-index: 1;}
.service .header h1 {color: var(--color-blanco); text-wrap: balance;}
.service .section-content {position: relative;}

#service-info .column-left h5 {font-weight: var(--font-bold);}
#service-info .column-left p {font-size: var(--size-30); line-height: 1.2em;}
#service-info .service__tip {background: var(--color-negro); border-radius: var(--size-20); color: var(--color-blanco); font-size: var(--size-20); line-height: var(--size-20); padding: var(--size-40);}
#service-info .service__tip .tip__icon {color: var(--color-verde); margin-bottom: var(--size-40);}
#service-info .service__tip .tip__icon i {font-size: var(--size-30);}
#service-info .service__tip .tip__title {font-family: var(--font-main); font-size: var(--size-60); line-height: 1; font-weight: var(--font-bold);}

.panel-featured .item__wrap {background-size: cover; border-radius: var(--size-20); display: flex; align-items: end; overflow: hidden;}
.panel-featured .item__wrap .item__text {background: rgb(34,34,34); background: linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0) 100%); color: var(--color-blanco); display: flex; flex-direction: column; gap: var(--size-20); padding: var(--size-80) var(--size-40) var(--size-40);}
.panel-featured .item__wrap .item__text h3 {margin-bottom: 0; text-wrap: balance;}
.panel-featured .item__wrap .item__text p {margin: 0;}

.panel-slider .swiper-wrapper {cursor: grab; margin-bottom: var(--size-60);}
.section-content .slider-controls [class^="slider-control-"] {background: var(--color-negro); border-radius: var(--size-20); color: var(--color-blanco); cursor: pointer; display: flex; align-items: center; justify-content: center; height: var(--size-60); position: absolute; top: 50%; transform: translateY(-50%); width: var(--size-40); z-index: 10;}
.section-content .slider-controls [class^="slider-control-"] i {font-size: var(--size-20);}
.panel-slider .item {display: flex; flex-direction: column;}
.panel-slider_icon {margin-bottom: var(--size-60);}
.panel-slider_icon.swiper {overflow: visible;}
.panel-slider_icon .item {aspect-ratio: 16/18; background: var(--color-blanco); border-radius: var(--size-20); justify-content: space-between; padding: var(--size-40);}
.panel-slider_icon .item .item__icon {background: var(--color-azul); border-radius: var(--size-40); color: var(--color-blanco); display: flex; align-items: center; justify-content: center; height: var(--size-80); width: var(--size-80);}
.panel-slider_icon .item .item__icon i {font-size: var(--size-30);}
.panel-slider_image {overflow: visible !important;}
.panel-slider_image .item {aspect-ratio: 12/14; background-size: cover; background-position: center; border-radius: var(--size-20); justify-content: flex-end; overflow: hidden;}
.panel-slider_image .item .item__text {background: rgb(34,34,34); background: linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0) 100%); color: var(--color-blanco); padding: var(--size-80) var(--size-40) var(--size-40);}
.panel-slider_image .item .item__text h4 {font-weight: var(--font-bold);}
.panel-slider_image .item .item__description {max-height: 0; overflow: hidden; transition: max-height 0.4s;}
.panel-slider_image .item .item__description p {margin: 0;}
.panel-slider_image .item:hover .item__description {max-height: 20vh;}

.panel-grid_6 .column-left, .panel-grid_6 .column-right {display: flex; flex-direction: column; gap: var(--size-30);}
.panel-grid_6 .item__featured .item__wrap {background-size: cover; background-position: center; border-radius: var(--size-20); display: flex; align-items: flex-end; overflow: hidden;}
.panel-grid_6 .item__featured .item__text, .panel-grid_8 .item__featured .item__text {background: rgb(34,34,34); background: linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0) 100%); color: var(--color-blanco); padding: var(--size-80) var(--size-40) var(--size-40);}
.panel-grid_6 .item__featured .item__text h3 {font-size: var(--size-30);}
.panel-grid_6 .item-list .item__wrap {border-radius: var(--size-20); height: 16.25rem; display: flex; flex-direction: column; justify-content: space-between; padding: var(--size-40);}
.panel-grid_6 .item-list .item .item__icon i {font-size: var(--size-30);}
.panel-grid_6 .item-list .item .item__text h4 {font-weight: var(--font-bold); margin: 0;}
.panel-grid_6 .item-list .item:not(.only-child) .item__text h4 {font-size: var(--size-20);}
.panel-grid_6 .item-list .item.only-child .item__text h4 {font-size: var(--size-30);}
.panel-grid_6 .column-right .item .item__text h4 {color: var(--color-blanco);}

.panel-grid_8 p {margin: 0;}
.panel-grid_8 .item__wrap {border-radius: var(--size-20);}
.panel-grid_8 .item .item__icon i {font-size: var(--size-30);}
.panel-grid_8 .item__featured:not(:last-child), .panel-grid_8 .items-wrap:not(:last-child) {margin-bottom: var(--size-30);}
.panel-grid_8 .item__featured .item__wrap {background-position: center; background-size: cover; display: flex; align-items: end; overflow: hidden; width: 100%;}
.panel-grid_8 .item-list .item:not(:last-child) {margin-bottom: var(--size-30);}
.panel-grid_8 .item-list .item__wrap {display: flex; flex-direction: column; justify-content: space-between; padding: var(--size-40); width: 100%;}
.panel-grid_8 .item-list .item__wrap h5 {font-weight: var(--font-bold); margin: 0;}
.panel-grid_8 .item-full_height .item {height: 100%;}
.panel-grid_8 .item-full_height .item__wrap {color: var(--color-blanco); display: flex; flex-direction: column; justify-content: space-between; padding: var(--size-40);}
.panel-grid_8 .item-full_height h4 {font-size: clamp(1.25rem, 10vw, 1.875rem); font-weight: var(--font-bold);}

#service-related .item__wrap {background-position: right center; background-size: cover; border-radius: var(--size-20); color: var(--color-blanco); display: flex; align-items: flex-end; overflow: hidden; width: 100%;}
#service-related .item__text {background: linear-gradient(0deg, rgba(34,34,34,0.8) 0%, rgba(34,34,34,0) 100%); transition: padding 0.2s cubic-bezier(.6,0,.8,1); width: 100%;}
#service-related .item:hover .item__text {padding-bottom: var(--size-60);}
#service-related .item__text {display: flex; align-items: end; gap: var(--size-20);}
#service-related .item__text p {margin: 0;}
#service-related .item__text .button-arrow {background: var(--color-verde); border-radius: var(--size-30); color: var(--color-negro); display: flex; align-items: center; justify-content: center; height: var(--size-50); width: var(--size-50);}
#service-related .item__text .button-arrow i {font-size: var(--size-20);}

/* Page: About */
.page-header {background: var(--color-gris_claro); position: relative;}
.page-header:before {background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); content: " "; inset: 0; position: absolute; z-index: 2;}
.page-header .wrap {position: relative; z-index: 3;}
.page-header .header__bg {bottom: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 60vw; z-index: 1;}
#about-story .item {border-radius: var(--size-50); display: flex; align-items: center;}
#about-story .item .item__image img {object-fit: cover; width: 100%;}
#about-story .item .item__content h3 {color: var(--color-verde); font-size: 1.5rem;}
#about-pillars .item__wrap {border-radius: var(--size-20); display: inline-flex; flex-direction: column; justify-content: space-between; padding: var(--size-40);}
#about-pillars .item .item__icon i {font-size: var(--size-30);}
#about-staff .section-content {position: relative;}
#about-staff .item-list {overflow: visible !important;}
#about-staff .item-list .swiper-wrapper {cursor: grab;}
#about-staff .item-list .swiper-wrapper:active {cursor: grabbing;}
#about-staff .item {text-align: center; width: 23.75rem;}
#about-staff .item .item__image {aspect-ratio: 1; border-radius: 50%; margin-bottom: var(--size-30); overflow: hidden;}
#about-staff .item .item__text h4 {font-size: var(--size-30); font-weight: var(--font-bold); margin: 0;}
#about-staff .item .item__text p {font-size: var(--size-20); line-height: 1.2em; margin: 0;}
#about-staff .slider-controls [class^="slider-control-"] {background: var(--color-negro); border-radius: var(--size-30); box-shadow: 0 10px 30px rgb(0 0 0 / 30%); color: var(--color-blanco); cursor: pointer; height: var(--size-80); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.2s; width: var(--size-60); z-index: 10;}
#about-staff .slider-controls [class^="slider-control-"] i {font-size: var(--size-20);}
#about-numbers {display: flex;}
#about-numbers .section__img {background-position: center; background-size: cover;}
#about-numbers .item-list {gap: var(--size-60) 0;}
#about-numbers .item-list .item__number {color: var(--color-azul); font-family: var(--font-main); font-weight: var(--font-bold); line-height: 1em; margin-bottom: 1.25rem;}
#about-numbers .item-list .item__description {font-size: var(--size-20);}

/* Page: Blog */
#blog-featured {position: relative;}
#blog-featured:before {background: var(--color-gris_claro); bottom: 0; content: " "; height: 50%; position: absolute; width: 100%; z-index: -1;}
#blog-featured .panel-featured .item__content--date {font-size: 1.25rem; font-weight: var(--font-bold); margin-bottom: var(--size-30);}

.single {background: var(--color-gris_claro);}
.single .single-wrapper {background: var(--color-blanco); border-radius: var(--size-40);}
.single .single-wrapper .single-featured_image img {border-radius: var(--size-40) var(--size-40) 0 0; object-fit: cover;}
.single .single-content--wrap {display: flex;}
.single .single-content {flex-grow: 1;}
.single .single-share {flex-grow: 0;}
.single .single-share .social-share-wrap {list-style: none; margin: 0; padding: 0; top: var(--size-100); position: sticky;}

/* Page: About */
#contact-info .info-items {gap: var(--size-40) 0;}
#contact-info .info-items .item__icon {background: var(--color-azul); border-radius: 50%; display: flex; align-items: center; justify-content: center; height: var(--size-50); margin-bottom: var(--size-20); width: var(--size-50);}
#contact-info .info-items .item__icon i {font-size: var(--size-20);}
#contact-info .info-items .item__title {margin-bottom: var(--size-20);}
#contact-info .info-items .item__title, #contact-info .info-items .item__info {font-family: var(--font-main); font-weight: var(--font-bold); font-size: var(--size-20);}

/* Page: Funnel */
.gf_page_steps {display: flex; align-items: center; justify-content: center; margin-bottom: var(--size-60);}
.gf_page_steps .gf_step {display: flex; align-items: center; font-family: var(--font-main); transition: max-width 0.3s;}
.gf_page_steps .gf_step:not(:first-child):before {content:" "; background: #ccc; height: 1px; width: var(--size-50);}
.gf_page_steps .gf_step .gf_step_number {background: transparent; border: 1px solid #ccc; color: #999; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: var(--font-bold); height: var(--size-50); width: var(--size-50);}
.gf_page_steps .gf_step.gf_step_active .gf_step_number, .gf_page_steps .gf_step.gf_step_completed .gf_step_number {background: var(--color-verde); border-color: var(--color-verde); color: var(--color-negro);}
.gf_page_steps .gf_step.gf_step_active:before {background: var(--color-verde);}
.gf_page_steps .gf_step.gf_step_completed .gf_step_number {text-indent: -1000em;}
.gf_page_steps .gf_step.gf_step_completed .gf_step_number:before {content:" "; border-color: var(--color-negro); border-style: solid; border-width: 0 2px 2px 0; height: 12px; rotate: 45deg; width: 6px;}
.gf_page_steps .gf_step .gf_step_label {display: none;}
.gform_page {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 75rem;}
.gform_page .gform_page_fields {display: flex; justify-content: center; flex: 1 0 100%; margin-bottom: var(--size-60);}
.gform_page .gform_page_fields .gform_fields {min-width: 38rem;}
.gform_page .gform_page_fields .gform_fields > fieldset {border: 0; border-collapse: collapse; padding: 0;}
.gform_page .gform_page_fields .gform_fields > fieldset > legend {font-size: var(--size-20); font-family: var(--font-main); font-weight: var(--font-bold); line-height: 1.2; margin-bottom: var(--size-30);}
.gform_page .gform_page_fields .gform_fields > fieldset > legend + div.ginput_container {margin-bottom: var(--size-30);}
.gform_page .gform_page_fields .gform_fields .gfield {width: 100%;}
.gform_page input[type="button"], .gform_page input[type="submit"] {border-radius: var(--size-30); border: none; color: var(--color-negro); cursor: pointer; display: inline-flex; align-items: center; font-family: var(--font-main); font-size: 1em; font-weight: var(--font-bold); height: 3.125em; margin: 0 5px; padding: 0 var(--size-20); text-align: center;}
.gform_page input[type="button"].gform_next_button {background: var(--color-azul); color: var(--color-blanco); order: 4;}
.gform_page input[type="button"].gform_previous_button {background: #ccc;}
.gform_page input[type="submit"] {background: var(--color-verde); color: var(--color-negro); order: 5;}
.gform_page .gfield_checkbox {}



.gform-body {padding-bottom: var(--size-100);}
.gform_fields {display: flex; flex-wrap: wrap; gap: var(--size-20) 0;}
.gform_fields .gfield {padding-left: var(--size-10); padding-right: var(--size-10);}
.gform_fields .gfield.hidden_label label {display: none;}
.gform_fields .gfield input:not([type="checkbox"]):not([type="radio"]), .gform_fields .gfield select, .gform_fields .gfield textarea {width: 100%;}
.gform_fields .gfield textarea {min-height: 12.5rem; resize: none;}
.gform_footer .gform_button {background: url(assets/images/icon-arrow-right.svg) var(--color-verde) right var(--size-20) center no-repeat; background-size: var(--size-20); border: none; border-radius: var(--size-30); color: var(--color-negro); cursor: pointer; display: inline-flex; align-items: center; font-family: var(--font-main); font-weight: var(--font-bold); font-size: 1em; height: var(--size-50); min-width: 11.25rem; padding: 0 var(--size-20); text-align: left;}

/* Footer */
#footer {background: var(--color-negro); color: var(--color-blanco);}
#footer .footer-top {border-bottom: 1px solid rgb(226 228 234 / 10%); padding: var(--size-80) 0;}
#footer .footer-top .footer__brand img {margin-bottom: var(--size-40); max-width: 9em;}
#footer .footer-top .wp-block-social-links {margin: 0; padding: 0;}
#footer .footer-top .wp-block-social-links .wp-social-link:not(:hover) {background: transparent;}
#footer .footer-top .footer-info ul {display: flex; flex-direction: column; gap: var(--size-20); list-style: none; margin: 0; padding: 0;}
#footer .footer-bottom {padding: var(--size-60) 0;}
#footer .footer-bottom .footer__rights p {margin: 0;}
#footer .footer-bottom .footer__legal ul {display: inline-flex; gap: var(--size-40); list-style: none; margin: 0; padding: 0;}

@media screen and (min-width: 1601px) {
    .wrap {max-width: 1600px;}
}

@media screen and (max-width: 1600px) {
  
}

@media screen and (min-width: 769px) and (max-width: 1080px) {
  #banner-home .column-left {padding-bottom: 11.25rem;}
  #banner-home .column-right {position: static;}
  #banner-home .column-right .banner-featured {bottom: -1.875rem; left: 0.75rem; right: 0.75rem; width: calc(100% - 24px);}
}

@media screen and (min-width: 821px) {
  #header .menu-toggle {display: none;}
  #header .submenu {left: 50%; top: 60%; transform: translateX(-50%); width: min(1600px, 100%);}
  body.submenu-open #header .submenu {top: 80%;}
  body.home #header:not(.fixed) .header__wrapper {color: var(--color-blanco);}
  #menu-principal {display: flex;}
  #header .submenu .submenu-close {display: none;}
  #header .submenu ul {gap: var(--size-30);}
  #header .submenu .item { width: calc(25% - 1.40625rem);}
  #header .submenu .item .item__image img {aspect-ratio: 16/9;}

  #home-services .service-item > aside {width: 50%;}
  #home-services .service-item .column-left {border-radius: var(--size-40) 0 0 var(--size-40); height: 100%;}
  #home-services .service-item .column-right {padding: var(--size-60);}


  .panel-featured > div {width: 50%;}
  .panel-featured .item__image img {aspect-ratio: 14 / 11; border-radius: var(--size-40) 0 0 var(--size-40);}
  .panel-featured .item__content {padding: var(--size-80);}
  .section-content .slider-controls .slider-control-prev {left: var(--size-60);}
  .section-content .slider-controls .slider-control-next {right: var(--size-60);}

  #about-story .item > div {width: 50%;}
  #about-story .item .item__image img {aspect-ratio: 14/11; border-radius: var(--size-40) 0 0 var(--size-40);}
  #about-numbers .section__img {width: 40%;}
  #about-numbers .section-content {width: 60%;}
  #about-staff .slider-controls [class^="slider-control-"] {opacity: 0; visibility: hidden;}
  #about-staff .slider-controls .slider-control-prev {left: var(--size-60);}
  #about-staff .slider-controls .slider-control-next {right: var(--size-60);}
  #about-staff .section-content:hover .slider-controls [class^="slider-control-"] {opacity: 1; visibility: visible;}

  .testimonies-slider {max-width: 1000px;}
  .testimonies-slider .item aside {width: 60%;}
  .testimonies-slider .item .item__content {padding: var(--size-60); gap: var(--size-40);}
  .testimonies-slider .item .item__video img {aspect-ratio: 1; border-radius: 0 var(--size-40) var(--size-40) 0; object-fit: cover; width: 100%;}
  #home-testimonies .slider-control-prev {left: var(--size-60);}
  #home-testimonies .slider-control-next {right: var(--size-60);}

  .single .single-content--wrap > aside {padding: var(--size-60);}

  .section {padding-bottom: var(--size-100); padding-top: var(--size-100);}
  .section-top {padding-bottom: var(--size-100);}
}

@media screen and (max-width: 820px) {
  #header .header__wrapper {gap: var(--size-20);}
  #header .main-menu__wrapper {margin-left: auto;}
  #header .menu-toggle {background: var(--color-blanco); border-radius: var(--size-20); height: var(--size-50); position: relative; width: var(--size-50);}
  #header .menu-toggle span {background: var(--color-negro); height: 1px; left: var(--size-10); position: absolute; transition: all 0.2s cubic-bezier(.6,0,.8,1); width: var(--size-30);}
  #header .menu-toggle span.hb-top {top: 18px;}
  #header .menu-toggle span.hb-middle {top: 25px;}
  #header .menu-toggle span.hb-bottom {top: 32px;}
  body.main-menu-open #header .menu-toggle span.hb-top {top: 25px; transform: rotate(45deg);}
  body.main-menu-open #header .menu-toggle span.hb-bottom {top: 25px; transform: rotate(-45deg);}
  body.main-menu-open #header .menu-toggle span.hb-middle {opacity: 0;}
  #header .menu-principal-container, #header .submenu {left: 10vw; width: calc(100% - 1.5rem);}
  #header .menu-principal-container {background: var(--color-blanco); border-radius: var(--size-30); box-shadow: 0 20px 50px rgb(0 0 0 / 20%); padding: var(--size-40); opacity: 0; position: absolute; top: var(--size-100); transition: all 0.2s cubic-bezier(.6,0,.8,1); visibility: hidden;}
  body.main-menu-open #header .menu-principal-container {left: 0.75rem; opacity: 1; visibility: visible;}
  body.submenu-open #header .submenu {left: 0.75rem;}
  body.main-menu-open.submenu-open #header .menu-principal-container {left: -10vw;}
  #menu-principal li {display: block; font-size: var(--size-30); text-align: center;}
  #menu-principal li a {display: block;}
  #header .submenu {top: var(--size-100);}
  #header .submenu ul {gap: var(--size-30);}
  #header .submenu .submenu-close {margin-bottom: var(--size-30);}

  #home-services .service-item {flex-direction: column;}
  #home-services .service-item > aside {width: 100%;}
  #home-services .service-item .column-left {border-radius: var(--size-40) var(--size-40) 0 0; height: 40vh;}

  .testimonies-slider .item .item__content {display: flex; flex-direction: column; padding: var(--size-30); gap: var(--size-30);}
  .testimonies-slider .item .item__text {font-size: var(--size--30);}
  .testimonies-slider .item .item__video img {aspect-ratio: 10/8; border-radius: 0 0 var(--size-40) var(--size-40); object-fit: cover; width: 100%;}
  #home-testimonies [class^="slider-control-"] {top: 57%;}
  .testimonies-slider .item {gap: var(--size-40);}
  #home-testimonies .slider-control-prev {left: var(--size-20);}
  #home-testimonies .slider-control-next {right: var(--size-20);}

  #home-blog .section__title .column-right {text-align: right;}
  #home-blog .article-featured {margin-bottom: var(--size-20);}

  #service-info .column-left {margin-bottom: var(--size-40);}
  #service-related .item-list {gap: var(--size-20) 0;}

  .panel-featured {flex-direction: column; gap: var(--size-20) 0;}
  .panel-featured .item__image img {aspect-ratio: 16 / 9; border-radius: var(--size-40) var(--size-40) 0 0;}
  .panel-featured .item__content {padding: var(--size-40);}
  .panel-grid_6, .panel-grid_8 {gap: var(--size-30) 0;}
  .section-content.slider-controls .slider-control-prev {left: var(--size-10);}
  .section-content .slider-controls .slider-control-next {right: var(--size-10);}

  #about-story .item {flex-direction: column;}
  #about-story .item .item__image img {aspect-ratio: 16/12; border-radius: var(--size-40) var(--size-40) 0 0;}
  #about-pillars .row {gap: var(--size-20) 0;}
  #about-numbers {flex-direction: column;}
  #about-numbers .section__img {height: 40vh;}
  #about-staff .slider-controls .slider-control-prev {left: var(--size-10);}
  #about-staff .slider-controls .slider-control-next {right: var(--size-10);}

  .single .single-content--wrap > aside {padding: var(--size-30);}

  .section {padding-bottom: var(--size-60); padding-top: var(--size-60);}
  .section {padding-bottom: var(--size-60);}

  #footer .footer__brand {display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--size-30);}
}

@media screen and (min-width: 431px) and (max-width: 820px) {
    #header .submenu ul {flex-wrap: wrap; gap: var(--size-30);}
    #header .submenu .item {width: calc(50% - 0.9375rem);}

    #about-story .item .item__image img {aspect-ratio: 16/9;}
}

@media screen and (min-width: 431px) {
    #header .submenu {padding: var(--size-30);}
    #header .submenu .item {display: flex; gap: var(--size-20);}
    #footer .footer-bottom .footer__legal {text-align: right;}

    #banner-home .column-right .banner-featured {bottom: 10vh; position: absolute; width: 100%;}
    .testimonies-slider .item .item__content {display: flex; flex-direction: column; justify-content: space-between;}
    .testimonies-slider .item .item__text {font-size: var(--size-20);}

    .service .header .header__wrap {min-height: 41.25rem; padding: var(--size-80);}
    .panel-featured .item__wrap {aspect-ratio: 16/12;}
    .panel-slider .item {width: 26.25rem;}
    .panel-grid_6 .item__featured .item__wrap {aspect-ratio: 16/12;}
    .panel-grid_8 .item__featured .item__wrap {height: 20rem;}
    .panel-grid_8 .item-list .item__wrap {aspect-ratio: 16/10;}
    .panel-grid_8 .item-full_height .item__wrap {height: 100%;}

    #service-related .item__wrap {aspect-ratio: 14/9;}
    #service-related .item__text {padding: var(--size-80) var(--size-40) var(--size-40);}

    #about-story .item .item__content {padding: var(--size-80);}
    #about-pillars .item__wrap {aspect-ratio: 1;}
    #about-numbers .section-content {padding: var(--size-100) var(--size-80);}
    #about-numbers .item-list .item__number {font-size: var(--size-80);}

    .single .single-wrapper .single-featured_image img {aspect-ratio: 16/9;}
}

@media screen and (max-width: 430px) {
    #header .submenu {padding: var(--size-20);}
    #header .submenu ul {flex-direction: column; gap: var(--size-10);}
    #header .submenu .item {border: 1px solid var(--color-gris_claro); border-radius: var(--size-20); padding: var(--size-20);}
    #header .submenu .item h4 {margin: 0;}
    #header .submenu .item .item__text {display: flex; gap: var(--size-20);}
    #header .submenu .item .item__descripcion {display: none;}
    #header .submenu .item .item__image {display: none;}

    #banner-home .column-right .banner-image img {max-height: 50vh;}
    #banner-home .column-right .banner-featured {bottom: var(--size-40); left: 6vw; right: 6vw;}
    #banner-home .banner-featured .row {width: 300%;}
    #banner-home .banner-featured .item {animation: slides 15s cubic-bezier(.6,0,.8,1) infinite; margin: 0;}

    @keyframes slides {
        0% {transform: translateX(0);}
        30% {transform: translateX(0);}
        35% {transform: translateX(-100%);}
        65% {transform: translateX(-100%);}
        70% {transform: translateX(-200%);}
        95% {transform: translateX(-200%);}
    }

    #home-services .service-item h2 {font-size: clamp(2.25rem, 5vw, 3.75rem);}
    #home-services .service-item .column-left {height: 20rem;}
    #home-services .service-item .column-right {padding: var(--size-30);}
    #home-services .service-item .column-right .button-group {flex-direction: column;}
    #home-services .service-item .column-right .button-group a {justify-content: center;}

    #home-data .row {gap: var(--size-40) 0;}
    #home-data .item .item__number {font-size: var(--size-40);}

    .testimonies-slider .item {flex-direction: column;}
    .testimonies-slider .item .item__text {font-size: var(--size-20);}

    #home-blog .section__title .column-left {margin-bottom: var(--size-20);}
    #home-blog .section__title .column-right {text-align: left;}
    #home-blog .article-list .item:not(:last-child) {margin-bottom: var(--size-20);}

    .service .header {background-position-x: 80%;}
    .service .header .header__wrap {align-items: end; min-height: 36.25rem; padding: var(--size-60) var(--size-20);}
    .panel-featured .item__image img {aspect-ratio: 10 / 8;}
    .panel-featured .item__wrap {aspect-ratio: 10/11;}
    .panel-slider .item {width: 22.5rem;}
    .panel-grid_6 .item__featured .item__wrap, .panel-grid_8 .item__featured .item__wrap {aspect-ratio: 8/10;}
    .panel-grid_6 .column-right .item-list, .panel-grid_8 .items-wrap {gap: var(--size-30) 0;}
    .panel-grid_6 .column-right .item-list .item__wrap {height: 12.5rem;}
    .panel-grid_8 .item-list .item__wrap {aspect-ratio: 16/9;}
    .panel-grid_8 .item-full_height .item__wrap {aspect-ratio: 1;}

    .section .section-footer {flex-direction: column; padding-left: 0.75rem; padding-right: 0.75rem;}
    .section .section-footer .foorer__text {text-align: center;}
    #service-related .item__wrap {aspect-ratio: 1;}
    #service-related .item__text {flex-direction: column; padding: var(--size-60) var(--size-30) var(--size-30);}
    #service-related .item__text h3 {text-wrap: balance;}

    #about-story .item .item__image img {aspect-ratio: 16/12;}
    #about-story .item .item__content {padding: var(--size-40);}
    #about-pillars .item__wrap .item__icon {margin-bottom: var(--size-40);}
    #about-numbers .section-content {padding: var(--size-60) var(--size-30);}
    #about-numbers .item-list .item__number {font-size: var(--size-60);}

    #blog-list .row {gap: var(--size-20) 0;}
    .single .single-content--wrap {flex-direction: column;}
    .single .single-wrapper .single-featured_image img {aspect-ratio: 14/10;}

    #contact-info .column-left {margin-bottom: var(--size-60);}

    #footer .item-info {margin-bottom: var(--size-50);}
    #footer .footer-bottom {text-align: center;}
    #footer .footer-bottom .footer__rights {margin-bottom: var(--size-20);}
}