/*
Theme Name: Ser y Conciencia Theme
*/

@charset "utf-8";

@font-face {
    font-family: "quiche-flare", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-family: "quiche-flare", sans-serif;
    font-weight: 400;
    font-style: italic;

    font-family: "quiche-flare", sans-serif;
    font-weight: 700;
    font-style: normal;

    font-family: "quiche-flare", sans-serif;
    font-weight: 700;
    font-style: italic;

    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;

    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;

    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;

    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

* {
  --color-azul_oscuro: #3D348B;
  --color-fucsia: #956FB0;
  --color-fucsia_claro: #D4B2D8;
  --color-dorado: #CF9D2B;
  --color-dorado_claro: #F3BB48;
  --color-blanco: #fff;
  --color-negro: #424242;
  --color-gris_claro: #F8F8F8;

  --font-main: 'Poppins';
  --font-titles: 'quiche-flare';
  --font-light: 300;
  --font-regular: 400;
  --font-semibold: 600;
  --font-bold: 700;

  --size-4: 0.25em;
  --size-8: 0.5em;
  --size-16: 1em;
  --size-24: 1.5em;
  --size-32: 2em;
  --size-40: 2.5em;
  --size-48: 3em;
  --size-56: 3.5em;
  --size-64: 4em;
  --size-72: 4.5em;
  --size-80: 5em;
  --size-88: 5.5em;
  --size-96: 6em;
  --size-128: 8em;
  --size-160: 10em;
}

/* Base */
html {height:100%; scroll-behavior: smooth; width:100%;}
html, body {font:16px/140% 'Poppins', 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; scroll-behavior: smooth; 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 {font-family: var(--font-titles); line-height: 1.1em; margin:0 0 1em;}
h3, h4 {letter-spacing: -1px;}
h1 {font-size: clamp(2.5rem, 10vw, 6rem); line-height: 90%;}
h2 {font-size: clamp(2.25rem, 10vw, 5rem); line-height: 100%;}
h3 {font-size: clamp(1.875rem, 10vw, 4rem); font-weight: var(--font-regular); line-height: 100%;}
h4 {font-size: clamp(1.875rem, 10vw, 3rem); font-family: var(--font-main); font-weight: var(--font-light); line-height: 100%;}
h5 {font-size: clamp(1.875rem, 10vw, 1.5rem); line-height: 100%; margin: 0 0 2rem;}
a {color: var(--color-fucsia); font-weight: var(--font-bold); text-decoration:none;}
a:hover {color: var(--color-dorado); 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-dorado); color: var(--color-negro); font: 1em/1em var(--font-main); height: var(--size-48); padding: 1em; outline: none; transition: border 0.3s; width: 100%;}
input:not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]):focus, textarea:focus, select:focus {border-color: var(--color-fucsia);}
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;}
.item-title {font-size: 1,25rem; font-weight: var(--font-semibold);}
.featured-text {font-size: var(--size-24); line-height: 1.2em; text-wrap: balance;}
.hidden {display: none;}

.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);}

/* Colors */
.bg-azul_oscuro {background-color: var(--color-azul_oscuro);}
.bg-fucsia {background-color: var(--color-fucsia);}
.bg-fucsia_claro {background-color: var(--color-fucsia_claro);}
.bg-dorado {background-color: var(--color-dorado);}
.bg-dorado_claro {background-color: var(--color-dorado_claro);}
.bg-blanco {background-color: var(--color-blanco);}
.bg-negro {background-color: var(--color-negro);}
.bg-gris_claro {background-color: var(--color-gris_claro);}

.color-azul_oscuro {color: var(--color-azul_oscuro);}
.color-fucsia {color: var(--color-fucsia);}
.color-fucsia_claro {color: var(--color-fucsia_claro);}
.color-dorado {color: var(--color-dorado);}
.color-dorado_claro {color: var(--color-dorado_claro);}
.color-blanco {color: var(--color-blanco);}
.color-negro {color: var(--color-negro);}
.color-gris_claro {color: var(--color-gris_claro);}

/* Buttons */
.btn {border: none; border-radius: var(--size-4); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: var(--size-32); font-family: var(--font-main); font-size: var(--size-16); font-weight: var(--font-semibold); height: 3em; min-width: 11.25rem; padding: 0 var(--size-16);}
.btn img {aspect-ratio: 1; width: var(--size-24);}
.btn.btn-full {width: 100%;}
.btn.btn-primary {background-color: var(--color-azul_oscuro); color: var(--color-blanco);}
.btn.btn-secondary {background-color: var(--color-blanco); color: var(--color-azul_oscuro);}
.button-group {display: flex; gap: var(--size-16);}
.link-icon {display: inline-flex; align-items: center; gap: var(--size-16); font-weight: var(--font-bold);}
.link-icon i {font-size: 1.25rem;}


/* 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: var(--size-16) 0; position: fixed; top: 0; width: 100%; z-index: 100;}
#header.fixed {color: var(--color-negro);}
#header:before, #header:after {content: " "; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity 0.3s;}
#header:before {background: #3D348B; background: linear-gradient(0deg,rgba(61, 52, 139, 0) 0%, rgba(61, 52, 139, 0.5) 100%); height: var(--size-128);}
#header.fixed:before {height: var(--size-96); opacity: 0.5;}
#header:after {background: var(--color-blanco); height: 100%; opacity: 0;}
#header.fixed:after {opacity: 1;}
#header .header-wrapper {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 5;}
#header .header__left {display: flex; align-items: center; gap: var(--size-32);}
#header #brand img {width: 10rem;}
#header:not(.fixed) #brand .logo-black {display: none;}
#header.fixed #brand .logo-white {display: none;}
#menu-principal {font-family: var(--font-main); font-weight: var(--font-medium); display: flex; gap: var(--size-16); list-style: none; margin: 0; padding: 0;}
#menu-principal li a {display: inline-flex; align-items: center;}
#menu-principal li.link-services a:after {content: "\e91e"; font-family: var(--font-icons); margin-left: var(--size-10);}


/* Home */
.parallax {background-image: url(assets/images/bg-stars.webp); background-position-y: center; background-size: cover; background-repeat: no-repeat; padding-top: var(--size-64); position: relative;}
.parallax .parallax-item {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.parallax .parallax-bg_01 {background-image: url(assets/images/bg-mountains.webp); z-index: 1;}
.parallax .parallax-bg_02 {background-image: url(assets/images/bg-mountains_close.webp); z-index: 2;}
.parallax .section {position: relative; z-index: 5;}

#intro .title__wrap h1, #intro .title__wrap h3, #intro .title__wrap h4 {margin: 0;}
#intro .title__wrap {margin-bottom: var(--size-64);}
#intro .title__description {color: var(--color-blanco); max-width: 40rem;}
#intro .event-additional {display: flex; justify-content: space-between;}
#intro .event-additional .event-organizer {color: var(--color-blanco); display: flex; align-items: center; gap: var(--size-16);}
#intro .event-additional .event-organizer img {max-width: 12.5rem;}
#intro .event-cta {background: var(--color-blanco); max-width: 25rem;}
#intro .event-cta .item__text {padding: var(--size-16);}

.speaker-slider.swiper {overflow: visible;}
.speaker-slider .item--wrapper {display: flex; align-items: center; justify-content: space-between;}
.speaker-slider .item--wrapper > div {flex: 0 1 45%;}
.speaker-slider .item {color: var(--color-blanco); transition: transform 0.5s ease-in-out, filter 0.6s ease-in-out;}
.speaker-slider .item:not(.swiper-slide-active) {transform: scale(0.75); filter: blur(15px);}
.speaker-slider .item .item__image figure {margin: 0; position: relative;}
.speaker-slider .item .item__image figure:before {background: url(assets/images/img-speaker_ornament.svg); background-size: cover; content: " "; inset: 0; position: absolute;}
.speaker-slider .item .item__image img {aspect-ratio: 1; border-radius: 100%; object-fit: cover; width: 100%;}
.speaker-slider .item .item__social ul {display: flex; gap: var(--size-16); list-style: none; margin: 0; padding: 0;}

#agenda .section__container {display: flex; flex-direction: column; gap: var(--size-128);}
#agenda .column-left .column__title {position: sticky; top: var(--size-96);}
#agenda .column-left .column__title .title h3 {margin: 0;}
#agenda .column-left .column__title .subtitle {color: var(--color-dorado); font-size: var(--size-24); font-weight: var(--font-light);}
#agenda .column-right .item {display: flex; flex-wrap: wrap; gap: var(--size-32);}
#agenda .column-right .item .item__date {color: var(--color-azul_oscuro); font-weight: var(--font-semibold); flex: 0 1 7rem; padding: var(--size-24) 0;}
#agenda .column-right .item .item__content {border-bottom: 1px solid rgb(0 0 0 / 8%); display: flex; flex: 1 0; gap: var(--size-32); padding: var(--size-24) 0;}
#agenda .column-right .item .item__content .item__text {flex: 1 0;}
#agenda .column-right .item .item-speaker {flex: 0 1 20rem;}
#agenda .column-right .item .item-speaker .speaker {display: flex; align-items: center; gap: var(--size-16);}
#agenda .column-right .item .item-speaker .speaker .speaker__photo {flex: 0 1 var(--size-64);}
#agenda .column-right .item .item-speaker .speaker .speaker__photo img {border-radius: 100%;}
#agenda .column-right .item .item-speaker .speaker .speaker__text {flex: 1 0;}
#agenda .column-right .item .item-speaker .speaker .speaker__text .speaker__name {font-family: var(--font-titles); font-weight: var(--font-semibold);}
#agenda .column-right .item .item-speaker .speaker .speaker__text .speaker__profession {font-size: 0.75rem;}

#tickets .item .item--wrap {display: flex; flex-direction: column; justify-content: space-between; gap: var(--size-32); height: 100%; padding: var(--size-32);}
#tickets .item .item-content {display: flex; flex-direction: column; gap: var(--size-32);}
#tickets .item .separator {height: 1px; opacity: 0.08; width: 100%;}
#tickets .item.item-individual .separator {background: var(--color-negro);}
#tickets .item.item-full .separator {background: var(--color-blanco);}
#tickets .item .item__taxonomy-price {display: flex; align-items: flex-end; justify-content: space-between;}
#tickets .item .item__taxonomy-price > div {flex-row: 0;}
#tickets .item .item__taxonomy-price .item__price {font-size: var(--size-32);}

.ml-block-form .ml-form-formContent {row-gap: var(--size-16);}
.ml-block-form .ml-form-checkboxRow label {display: flex; gap: var(--size-8);}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {background-color: var(--color-azul_oscuro); color: var(--color-blanco); border: none; border-radius: var(--size-4); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: var(--size-32); font-family: var(--font-main); font-size: var(--size-16); font-weight: var(--font-semibold); height: 3em; min-width: 11.25rem; padding: 0 var(--size-16);}


/* Content */
.section:not(.section-top):not(.section-bottom) {padding: var(--size-96) 0;}
.section.section-top {padding-top: var(--size-96);}
.section.section-bottom {padding-bottom: var(--size-96);}
.section.section-full_height {height: 100vh;}
.section .section__title {margin-bottom: var(--size-64);}
.section .section__title h2 {margin: 0;}

/* Footer */
#footer {background: var(--color-negro); color: var(--color-blanco); padding: var(--size-32) 0;}
#footer .footer-section {padding: var(--size-64) 0; position: relative;}
#footer .separator {background: var(--color-gris); content: " "; display: block; height: 1px; margin: 0 auto; max-width: 1600px; width: 100%;}
#footer .menu {list-style: none; margin: 0; padding: 0;}
#footer .menu li a {display: block; padding: var(--size-8) 0;}
#footer .menu li a:hover {color: var(--color-amarillo);}
#footer .footer-info .footer-info__left .wp-block-columns {gap: 0;}
#footer .footer-info .footer-info__left .wp-block-columns .wp-block-column {flex: 0 1 auto;}
#footer .footer-info .footer-info__left .wp-block-columns .wp-block-column:first-child {border-right: 1px solid var(--color-gris); padding-right: var(--size-32);}
#footer .footer-info .footer-info__left .wp-block-columns .wp-block-column:last-child {padding-left: var(--size-32);}
#footer .footer-info .social-icons {display: flex; align-items: center; gap: var(--size-16);}
#footer .footer-info .social-icons ul {margin: 0;}
#footer .footer-info .social-icons ul .wp-social-link:not(:hover) {background: transparent;}
#footer .footer-info .footer-info__right .wp-block-columns {gap: var(--size-32);}
#footer .footer-info .footer-info__right .wp-block-columns .wp-block-column {flex: 0 1 auto;}
#footer .footer-info .footer-info__right .wp-block-media-text {display: flex; gap: var(--size-16);}
#footer .footer-info .footer-info__right .wp-block-media-text__media img {width: 1.375rem;}
#footer .footer-info .footer-info__right .wp-block-media-text__content {padding: 0;}
#footer .footer-bottom .menu li {display: inline-flex;}
#footer .footer-bottom .menu li:not(:last-child):after {align-items: center; content: "·"; display: inline-flex; padding: 0 var(--size-8);}

#footer .footer-bottom__right ul {display: flex; gap: var(--size-24); 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) {
    #brand {border-right: 2px dotted var(--color-fucsia_claro); padding-right: var(--size-32);}
    #menu-principal li a {color: var(--color-blanco); height: var(--size-48); padding: var(--size-8);}
    #header.fixed #menu-principal li a {color: var(--color-negro);}
    #menu-principal li.has-child a:after {content: "\ea4d"; font-family: var(--font-icons); font-size: var(--size-16); margin-left: var(--size-8);}
    #menu-principal li.has-child a.active:after {content: "\ea54";}
    #header .menu-toggle {display: none;}
    #header .submenu {left: 0; top: 100%; width: 100%;}
    body.home #header:not(.fixed) .header__wrapper {color: var(--color-blanco);}
    #menu-principal {display: flex;}
    #header .submenu .submenu-close {display: none;}

    #header {color: var(--color-blanco);}
    #header .main-menu__info {display: none;}

    #intro .event-additional {align-items: flex-end;}

    .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);}

    #footer .footer-bottom__right ul {justify-content: flex-end;}
}

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

    .event-info {display: none;}
    .main-menu__wrapper {background: var(--color-blanco); display: flex; flex-direction: column; justify-content: space-between; inset: 0; opacity: 0; padding: var(--size-32); position: fixed; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; z-index: 100;}
    body.main-menu-open .main-menu__wrapper {opacity: 1; visibility: visible;}
    .main-menu__wrapper .main-menu-close {display: flex;}
    .main-menu__wrapper .main-menu-close a {background: var(--color-azul_oscuro); border-radius: var(--size-4); display: inline-flex; height: var(--size-48); margin-left: auto; position: relative; width: var(--size-48);}
    .main-menu__wrapper .main-menu-close a:before, .main-menu__wrapper .main-menu-close a:after {background: var(--color-blanco); content: " "; height: 2px; left: 50%; position: absolute; top: 50%; width: var(--size-24);}
    .main-menu__wrapper .main-menu-close a:before {transform: translate(-50%, -50%) rotate(45deg);}
    .main-menu__wrapper .main-menu-close a:after {transform: translate(-50%, -50%) rotate(-45deg);}
    .main-menu__wrapper .menu-principal-container #menu-principal {flex-direction: column;}
    .main-menu__wrapper .menu-principal-container li a {font-size: var(--size-24); padding: 1rem 0;}
    #header:not(.fixed) .menu-toggle {border-color: var(--color-blanco);}
    #header.fixed .menu-toggle {border-color: var(--color-negro);}
    #header:not(.fixed) .menu-toggle span {background: var(--color-blanco);}
    #header.fixed .menu-toggle span {background: var(--color-negro);}
    .menu-toggle {border-style: solid; border-width: 1px; border-radius: var(--size-4); height: var(--size-48); position: relative; width: var(--size-48);}
    .menu-toggle span {height: 2px; left: 0.625rem; position: absolute; width: var(--size-24);}
    .menu-toggle span.hb-top {top: 14px;}
    .menu-toggle span.hb-middle {top: 22px;}
    .menu-toggle span.hb-bottom {top: 30px;}
    .header__right .btn-whatsapp {min-width: inherit; padding: 0; width: 3rem;}
    .header__right .btn-whatsapp span {display: none;}

    #intro .event-additional {flex-direction: column; gap: var(--size-32);}

    .speaker-slider .item--wrapper {flex-direction: column; gap: var(--size-24);}
    .speaker-slider .item--wrapper figure {max-width: 60%;}

    #agenda .column-left .column__title {margin-bottom: var(--size-32);}
    #agenda .column-right .item .item__content {flex-direction: column;}
    #agenda .column-right .item .item-speaker {flex: 0 1;}

    #tickets .section__container .row {gap: var(--size-32);}

    .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 {padding: var(--size-32);}
}

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

    #banner-home .column-right .banner-featured {bottom: 10vh; position: absolute; width: 100%;}

    .service .header .header__wrap, .product .header .header__wrap {min-height: 80vh; padding: var(--size-80) 0;}
    .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-48) var(--size-48);}

    #about-story .item .item__image img {aspect-ratio: 16/9;}
    #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) {

    @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-60);}

    .testimonies-slider .item {height: 60vh;}
    .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);}
}