/* 
  © 2025 Trexon Solutions Pvt Ltd. All rights reserved. 
  Unauthorized copying or distribution is prohibited.
*/
/* FLOATING TITLES */

.floating-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-inline: var(--page-padding);
    transform: translateY(calc(0px - (var(--section-padding))));
    will-change: transform;
    transition: transform 0.1s ease-out;
}

.floating-title>* {
    margin: 0;
    width: 100%;
}

.floating-title.right>* {
    text-align: right;
}

.floating-title.left>* {
    text-align: left;
}

/* ARROWS */

section .has-arrow svg {
    cursor: pointer;
}

section .has-arrow svg:hover {
    transform: rotate(90deg);
    stroke: var(--white);
}

/* HEADER */

header#siteHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
}

header#siteHeader.sticky {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
 }

li.menu-items--single:not(.button-link)::before,
li.button-link a.menu-items--link {
    background-color: var(--black);
}

/* HERO SECTION */

section.hero {
    height: max(100dvh, 1140px);
    padding-top: calc(var(--section-padding) * 1.32);
}

section.hero .container {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 40%;
    margin-top: calc(var(--section-padding) / 2.5);
}

section.hero .has-arrow {
    position: relative;
    padding-left: calc(var(--arrow-size) + var(--column-gap));
    padding-right: 55%;
    line-height: 134%;
    margin-top: var(--column-gap);
}

section.hero .has-arrow svg {
    position: absolute;
    left: 0;
    top: 0;
    stroke: var(--glow-color);
    margin-top: 4px;
    cursor: pointer;
}

section.hero .has-arrow svg:hover {
    transform: rotate(90deg);
    stroke: var(--white);
}

section#intro {
    background-color: var(--black);
}

section.hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 55%;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(215deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

/* SERVICES SECTION */

section.servcies .col-2.columns.no-gap>div {
    padding-inline: calc(var(--column-gap) * 2);
}

section.servcies .parallax {
    position: absolute;
    top: calc(var(--section-padding) - 60px - (var(--section-padding) * 2));
    left: 0;
    width: 100%;
    padding-inline: var(--page-padding);
}

section.servcies .logo-pattern {
    position: relative;
}

section.servcies .the-logo-pattern {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 20%);
    height: 42%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

section.servcies .the-logo-pattern svg {
    width: 100%;
    opacity: 75%;
}

section.servcies .the-logo-pattern svg path {
    fill: var(--grey-dark);
}

/* HOW IT WORKS */

.how-it-works .inline-cont a button {
    margin-top: 0;
}

.how-it-works .has-arrow {
    position: relative;
    padding-left: calc(var(--arrow-size) + var(--column-gap));
}

.how-it-works .has-arrow svg {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 10px;
}

/* .how-it-works .has-arrow svg path {
    transform: rotate(90deg);
    transform-origin: center;
} */

.how-it-works li.splide__slide h3 {
    padding-right: 5%;
}

.how-it-works li.splide__slide p {
    margin-bottom: var(--column-gap);
}

/* Single Slides adjustments */

.how-it-works li.splide__slide.slide-03 .slide-title,
.how-it-works li.splide__slide.slide-03 .slide-content {
    padding-right: 15%;
}

/* WHAT WE OFFER */

section.highlights {
    min-height: 100dvh;
}

section.highlights img {
    object-position: top;
}

section.highlights h2.h1 {
    margin-bottom: 0;
}

section.highlights .has-arrow {
    position: relative;
    padding-left: calc(var(--arrow-size) + var(--column-gap));
    margin-top: calc(var(--h3-size) / 1.88);
}

section.highlights .has-arrow svg {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 10px;
    stroke: var(--white);
}

section.highlights .listing {
    padding-bottom: var(--column-gap);
    border-bottom: 1px solid var(--primary-medium);
}

/* PARTNERS */

section.partners .container {
    justify-content: space-between;
}

section.partners figure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--column-gap) / 1.5);
    align-items: flex-start;
    position: relative;
    padding-bottom: var(--column-gap);
}

section.partners figure .glow-border--h {
    bottom: 0;
}

section.partners figure img {
    min-height: 46px;
    max-height: unset;
    min-width: unset;
    max-width: unset;
    height: auto;
    width: 120px;
    opacity: 50%;
    transition: var(--smooth);
}

section.partners figure:hover img {
    opacity: 80%;
}

section.partners h2.h1 {
    margin-bottom: calc(var(--h1-size) / 5);
}

section.partners p.has-arrow {
    padding-left: calc(var(--arrow-size) + var(--column-gap));
    position: relative;
    padding-right: 30%;
}

section.partners p.has-arrow svg {
    position: absolute;
    top: 3px;
    left: 0;
}

/* CALL TO ACTION */

section.cta .container {
    position: unset;
}

section.cta a.has-arrow {
    padding-right: calc((var(--arrow-size) * 1.5) + (var(--column-gap) * 2));
    display: flex;
    justify-content: space-between;
    width: fit-content;
    margin-bottom: 0;
    position: relative;
    font-size: 16.88rem;
    letter-spacing: -0.75rem;
    font-weight: 620;
    color: var(--primary-regular);
    text-shadow: 0 0 0.8em hsl(0deg 0% 100% / 40%), 0 0 0.65em var(--glow-color);
    /* -webkit-box-reflect: below -10px linear-gradient(to bottom, rgba(255, 255, 255, 0.15), transparent); */
    animation: glow-animation 6s ease infinite;
    transition: var(--smooth);
}

section.cta a.has-arrow:hover {
    color: var(--white);
    text-shadow: 0 0 0.9em hsl(0deg 0% 100% / 90%), 0 0 0.8em var(--glow-color);
    animation: glow-animation--hover 6s ease infinite;
}

@keyframes glow-animation {
    0% {
        text-shadow: 0 0 0.8em hsl(0 0% 80% / 0.4), 0 0 0.65em var(--glow-color);
    }
    50% {
        text-shadow: 0 0 0.8em hsl(0 0% 80% / 0.85), 0 0 0.65em var(--glow-color);
    }
    100% {
        text-shadow: 0 0 0.8em hsl(0 0% 80% / 0.4), 0 0 0.65em var(--glow-color);
    }
}

@keyframes glow-animation--hover {
    0% {
        text-shadow: 0 0 0.9em hsl(0deg 0% 100% / 90%), 0 0 0.8em var(--glow-color);
    }
    50% {
        text-shadow: 0 0 0.9em hsl(0deg 0% 100% / 40%), 0 0 0.8em var(--glow-color);
    }
    100% {
        text-shadow: 0 0 0.9em hsl(0deg 0% 100% / 90%), 0 0 0.8em var(--glow-color);
    }
}

section.cta a.has-arrow svg {
    min-width: calc(var(--arrow-size) * 1.5);
    min-height: calc(var(--arrow-size) * 1.5);
    position: absolute;
    top: calc(50% - ((var(--arrow-size) * 1.5) / 2));
    transition: var(--smooth);
    right: 0;
}

section.cta a.has-arrow:hover svg {
    transform: rotate(45deg);
    stroke: var(--white);
}

section.cta a.has-arrow:hover svg path {
    fill: white;
}

section.cta a.has-arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

section.cta p.h2 {
    padding-left: 18px;
    margin: 0;
    margin-top: 12px;
}

/* NEWS */

section.news-hp {
    min-height: 100dvh;
}

section.news-hp .parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-inline: var(--section-padding);
}

section.news-hp .columns p.h4.col-1.right {
    padding-left: 40%;
}

/* RESPONSIVE STARTS HERE */

@media screen and (min-width:2201px) and (orientation: landscape) {
    /* Services */
    section.servcies .col-2.columns.no-gap {
        margin-top: calc((var(--section-padding) / 3) * 2.5);
    }
    section.servcies .col-2.columns.no-gap>div {
        padding-bottom: calc(var(--section-padding) * 2.25);
    }
    /* Highlights */
    section.highlights {
        min-height: 92vh;
    }
    /* Call to action */
    section.cta a.has-arrow {
        font-size: 25.24rem;
    }
    /*News */
    section.news-hp {
        min-height: auto;
    }
}

@media screen and (min-width:2200px) and (max-width:2500px) and (orientation: landscape) {
    .how-it-works li.splide__slide.slide-02 .slide-title {
        letter-spacing: -0.5px;
        padding-right: 0;
    }
}

@media screen and (min-width:1921px) and (max-width:2200px) and (orientation: landscape) {
    /* Hero */
    section.hero .has-arrow {
        padding-right: 60%;
    }
    /* How it works */
    .how-it-works li.splide__slide h3 {
        padding-right: 14%;
    }
    /* Highlights */
    section.highlights {
        min-height: 88vh;
    }
    /* Call to action */
    section.cta a.has-arrow {
        font-size: 21.4rem;
    }
    /*News */
    section.news-hp {
        min-height: auto;
    }
}

@media screen and (max-width: 1920px) and (max-height: 990px) and (orientation: landscape) {
    section.hero {
        height: max(100dvh, 1040px);
    }
}

@media screen and (max-width:1920px) and (min-width:1820px) {
    .how-it-works li.splide__slide.slide-04 .slide-title {
        padding-right: 10%;
    }
}

@media screen and (max-width: 1680px) and (max-height: 1050px) and (orientation: landscape) {
    /* Hero */
    section.hero .has-arrow {
        padding-right: 48%;
    }
    /* Services */
    .how-it-works li.splide__slide h3 {
        padding-right: 10%;
    }
    /* How it works */
    .how-it-works li.splide__slide.slide-02 .slide-title {
        letter-spacing: -0.5px;
        padding-right: 0;
    }
}

@media screen and (max-width: 1680px) and (min-width:1441px) and (max-height:768px) and (orientation:landscape) {
    /* Hero */
    section.hero {
        height: max(100dvh, 820px);
    }
    /* Services */
    section.servcies .logo-pattern p {
        margin-bottom: 260px;
    }
    section.servcies .col-2.columns.no-gap>div {
        padding-inline: calc(var(--column-gap) * 1.25);
    }
}

@media screen and (max-width: 1440px) and (max-height: 900px) and (orientation: landscape) {
    /* Hero Banner */
    section.hero {
        height: max(100dvh, 940px);
    }
    section.hero .has-arrow {
        margin-top: calc(var(--column-gap) / 2);
    }
    section.hero .has-arrow {
        padding-right: 54%;
    }
    /* Services */
    section.servcies .logo-pattern {
        padding-right: 6% !important;
    }
    section.servcies .col-2.columns.no-gap>div {
        padding-inline: calc(var(--column-gap) * 1.25);
    }
    /* Call to action */
    section.cta a.has-arrow {
        font-size: 13.218rem;
    }
    section.news-hp .columns p.h4.col-1.right {
        padding-left: 45%;
    }
}

@media screen and (max-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
    /* Hero Banner */
    section.hero {
        height: max(100dvh, 800px);
    }
    /* Highlights */
    section.highlights {
        min-height: calc(100dvh + 100px);
    }
    /* How it works */
    .how-it-works li.splide__slide.slide-02 .slide-title {
        letter-spacing: -0.5px;
        padding-right: 0;
    }
    /* Call to action */
    section.cta a.has-arrow {
        font-size: 12.348rem;
    }
}

@media screen and (max-width: 1440px) and (min-width:1280px) and (max-height:680px) and (orientation:landscape) {
    section.hero {
        height: max(100dvh, 720px);
    }
}

@media screen and (max-width: 1280px) and (max-height: 768px) and (orientation: landscape) {
    /* Hero */
    section.hero .has-arrow {
        padding-right: 50%;
    }
    /* Services */
    section.servcies .col-2.columns.no-gap>div {
        padding-inline: var(--column-gap);
    }
    /* How it works */
    /* Single Slides adjustments */
    .how-it-works li.splide__slide.slide-02 .slide-title {
        padding-right: 15% !important;
    }
    .how-it-works li.splide__slide.slide-03 .slide-title {
        padding-right: 20%;
    }
    .how-it-works li.splide__slide.slide-04 .slide-title {
        padding-right: 18%;
    }
    .how-it-works li.splide__slide.slide-05 .slide-title {
        padding-right: 15%;
    }
    /* News */
    section.news-hp .columns p.h4.col-1.right {
        padding-left: 40%;
    }
}

@media screen and (max-width: 1240px) {
    .how-it-works li.splide__slide.slide-04 .slide-content {
        padding-right: 5%;
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) and (max-height:620px) and (orientation:landscape) {
    /* Hero */
    section.hero {
        height: max(105vh, 620px);
    }
    /* Services */
    section.servcies .logo-pattern {
        padding-right: 10% !important;
    }
    /* Highlights */
    section.highlights {
        min-height: calc(100dvh + 60px);
    }
    section.highlights .listing {
        padding-bottom: calc(var(--column-gap) / 2);
    }
    section.highlights .has-arrow svg {
        margin-top: 6px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1100px) and (max-height: 800px) and (orientation: landscape) {
    /* Hero */
    section.hero .container {
        margin-top: calc(var(--section-padding) / 2);
    }
    section.hero .has-arrow {
        padding-right: 50%;
    }
    /* Highlights */
    section.highlights {
        min-height: 100dvh;
    }
    section.highlights>.columns.container>div:first-of-type {
        max-width: 40%;
    }
    section.highlights .columns.container>div:last-of-type {
        min-width: 60%;
    }
    .how-it-works .has-arrow svg {
        margin-top: 4px;
    }
    .how-it-works li.splide__slide h3 {
        padding-right: 28%;
    }
    /* call to action */
    section.cta a.has-arrow {
        font-size: 9.88rem;
    }
}

/* MOBILE */

@media screen and (max-width: 1024px) and (orientation: portrait) {
    /* Hero */
    section.hero {
        height: 100dvh;
    }
    section.hero .container {
        padding-inline: var(--page-padding);
        margin-top: 0;
        padding-bottom: calc(var(--section-padding) * 2);
        justify-content: flex-end;
    }
    section.hero .has-arrow {
        padding-right: 45%;
        margin-bottom: 0;
    }
    /* Services */
    section.servcies .container h3 {
        padding-right: 30%;
    }
    section.servcies .container.columns {
        padding-bottom: calc(var(--section-padding) * 5.8);
    }
    section.servcies .container.columns>* {
        width: 100%;
    }
    section.servcies .col-2.columns.no-gap>div {
        padding-bottom: 0;
    }
    section.servcies .logo-pattern {
        position: initial;
        padding-right: 0 !important;
    }
    section.servcies .logo-pattern>h2 {
        padding-right: 40%;
    }
    section.servcies .the-logo-pattern {
        bottom: 0;
        top: unset;
        right: 0;
        left: 0;
        margin: 0 auto;
        height: calc((var(--section-padding) * 5.8) - 120px);
        width: calc(100% - (var(--page-padding) * 2));
    }
    /* How it works */
    .how-it-works .has-arrow {
        width: 100%;
    }
    section.how-it-works .splide__track {
        padding-bottom: calc(var(--section-padding) * 1.5);
    }
    /* Highlights */
    section.highlights>.columns {
        flex-direction: column;
        gap: calc(var(--column-gap) * 2);
    }
    section.highlights>.columns>* {
        min-width: 100%;
    }
    section.highlights>.columns>*:first-of-type {
        padding-right: 30% !important;
    }
    section.highlights .has-arrow svg {
        transform: rotate(90deg);
    }
    section.highlights>.columns>.columns>* {
        width: calc(33.33% - ((var(--column-gap) * 2) /3));
    }
    /* Call to action */
    section.cta a.has-arrow {
        font-size: 9.88rem;
        width: 100%;
    }
    section.cta a.has-arrow svg {
        top: 0;
        transform: rotate(90deg);
        min-width: calc(var(--arrow-size) * 1.8);
        min-height: calc(var(--arrow-size) * 1.8);
    }
    /* News */
    section.news-hp {
        min-height: unset;
    }
    section.news-hp .columns {
        flex-wrap: wrap;
    }
    section.news-hp .columns article {
        width: calc(50% - (var(--column-gap) / 2));
    }
    section.news-hp .columns p.h4.col-1.right {
        padding-left: 0;
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    /* Highlights */
    section.highlights .has-arrow {
        position: initial;
        padding: 0;
    }
    section.highlights>.columns>*:first-of-type {
        padding-right: 40% !important;
        position: relative;
    }
    section.highlights .has-arrow svg {
        left: unset;
        right: 0;
        transform: rotate(180deg);
        margin: 0;
        min-width: 300px;
        min-height: 300px;
        stroke: var(--primary-dark);
    }
}

@media screen and (max-width:990px) and (orientation:portrait) {
    /* Hero */
    section.hero .has-arrow {
        padding-right: 25%;
    }
    /* Services */
    section.servcies .col-2.columns.no-gap>div {
        width: 100%;
        padding-inline: 0;
        padding-block: 0 calc(var(--column-gap) * 2);
    }
    section.servcies .glow-border--v {
        width: 100%;
        height: 1px;
    }
    section.servcies .container.columns>*>.glow-border--v {
        display: none;
    }
    section.servcies .col-2.columns.no-gap>div .glow-border--v {
        top: unset;
        right: 0;
        bottom: calc((var(--column-gap) * 2) + (54px / 2));
        width: calc(100% - 200px - var(--column-gap));
    }
    section.servcies .the-logo-pattern {
        height: calc((var(--section-padding) * 6.8) - 120px);
    }
    /* How it works */
    .how-it-works .has-arrow {
        padding-left: 0;
        padding-right: 33.33%;
    }
    .how-it-works .has-arrow svg {
        left: unset;
        right: 0;
        bottom: 2px;
        top: unset;
        transform: rotate(90deg);
    }
    section.how-it-works .splide__track {
        padding-bottom: calc(var(--section-padding) * 2);
    }
    /* Highlights */
    section.highlights {
        padding-bottom: 20vh;
    }
    section.highlights .hero-img {
        top: unset;
        bottom: 0;
        height: calc(100% - 20vh);
        min-height: calc(100% - 20vh);
        max-height: calc(100% - 20vh);
    }
    section.highlights .has-arrow svg {
        min-width: 240px;
        min-height: 240px;
    }
    section.highlights>.columns>* {
        row-gap: calc(var(--column-gap) * 1.5);
    }
    section.highlights>.columns>.columns>* {
        width: calc(50% - (var(--column-gap) / 2));
    }
    /* Partners */
    section.partners .container {
        flex-direction: column;
    }
    section.partners .container>* {
        width: 100%;
    }
    section.partners p.has-arrow {
        padding-right: 0;
        margin-bottom: calc(var(--section-padding) / 1.5);
    }
    /* Call to action */
    section.cta .container {
        display: flex;
        flex-direction: column-reverse;
        gap: calc(var(--column-gap) * 2);
        padding-block: calc(var(--section-padding) / 2);
    }
    section.cta p.h2 {
        padding: 0;
        text-align: left;
        font-size: var(--h1-size);
    }
    section.cta a.has-arrow {
        font-size: var(--h1-size);
        text-shadow: unset;
        animation: unset;
        -webkit-box-reflect: unset;
        letter-spacing: -2px;
        position: relative;
        width: 100%;
        background-color: var(--primary-regular);
        padding: calc(var(--column-gap) * 2);
        border-radius: 100px;
        color: var(--white);
    }
    section.cta a.has-arrow svg {
        top: 34%;
        right: calc(var(--column-gap) * 2);
        transform: rotate(45deg);
        min-width: calc(var(--arrow-size) / 2);
        min-height: calc(var(--arrow-size) / 2);
        width: calc(var(--arrow-size) / 2);
        height: calc(var(--arrow-size) / 2);
        stroke: var(--white);
    }
}

@media screen and (max-width:520px) and (orientation:portrait) {
    /* Hero */
    section.hero .container p.h2 {
        font-size: var(--h3-size);
    }
    section.hero .has-arrow {
        padding-right: 12%;
    }
    section.hero img {
        object-position: 70%;
    }
    section.hero .container {
        padding-bottom: calc(var(--section-padding) / 2);
    }
    section.hero .has-arrow {
        padding-right: 5%;
    }
    section.hero .has-arrow svg {
        transform: rotate(90deg);
    }
    /* Services */
    section.servcies .container.columns {
        padding-bottom: calc(var(--section-padding) * 3.8);
    }
    section.servcies .glowing-btn {
        width: 54px;
        min-width: 54px;
    }
    section.servcies .glowing-btn span.glowing-txt {
        display: none;
    }
    section.servcies .col-2.columns.no-gap>div {
        padding-block: 0 calc(var(--column-gap) * 2.5);
    }
    section.servcies .glowing-btn {
        margin-top: var(--column-gap);
    }
    section.servcies .glowing-btn::before {
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        border-top: 2px solid var(--primary-regular);
        border-right: 2px solid var(--primary-regular);
        top: calc(50% - (12px / 2));
        bottom: unset;
        left: 0;
        right: 0;
        margin: 0 auto;
        opacity: 100%;
        filter: unset;
        transform: rotate(45deg);
        background: transparent;
        border-radius: 0;
    }
    section.servcies .col-2.columns.no-gap>div .glow-border--v {
        width: calc(100% - 126px - var(--column-gap));
        background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(114, 219, 204, 1) 50%, rgba(255, 255, 255, 0) 100%);
        animation: gradient-animation-horz 6s ease infinite;
    }
    section.servcies .the-logo-pattern {
        height: calc((var(--section-padding) * 6.8) - 180px);
    }
    /* How it works */
    .splide__arrows.splide__arrows--ltr::after {
        content: unset;
    }
    section.how-it-works .splide__track {
        padding-bottom: calc(var(--section-padding) * 1.75);
    }
    section.how-it-works .splide__track a {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
    }
    /* Single Slides adjustments */
    .how-it-works li.splide__slide.slide-01 .slide-content,
    .how-it-works li.splide__slide.slide-04 .slide-content,
    .how-it-works li.splide__slide.slide-05 .slide-content {
        letter-spacing: -0.8px;
    }
    .how-it-works li.splide__slide.slide-03 .slide-content,
    .how-it-works li.splide__slide.slide-04 .slide-content {
        padding-right: 0;
    }
    /* Highlights */
    section.highlights>.columns>*:first-of-type {
        padding-right: 0% !important;
        margin-bottom: calc(var(--section-padding) / 2);
        position: relative;
    }
    section.highlights h2.h1 {
        font-size: var(--h0-size);
    }
    section.highlights .has-arrow svg {
        min-width: unset;
        min-height: unset;
        stroke: var(--white);
        transform: rotate(90deg);
        left: 0;
        right: unset;
    }
    section.highlights .has-arrow {
        position: relative;
        padding-left: calc(var(--arrow-size) + var(--column-gap));
        margin-top: calc(var(--h3-size) / 1.88);
    }
    section.highlights>.columns>.columns>*>p {
        font-size: var(--small-size);
    }
    section.highlights>.columns>* {
        gap: calc(var(--column-gap) * 1.25);
    }
    section.highlights>.columns>.columns>* {
        width: calc(50% - ((var(--column-gap) * 1.25) / 2));
    }
    section.highlights .listing h4 {
        font-size: var(--body-size);
        padding-right: 3%;
    }
    .how-it-works li.splide__slide .slide-content {
        min-height: 68px;
    }
    /* Partners */
    section.partners .container .columns {
        flex-direction: column;
        gap: calc(var(--column-gap) * 1.5);
        padding-top: calc(var(--section-padding) / 2.5);
    }
    section.partners .container .columns>* {
        width: 100%;
        padding-bottom: calc(var(--section-padding) / 2.5);
        border-bottom: 1px solid var(--grey-medium);
    }
    section.partners .has-arrow svg {
        transform: rotate(90deg);
    }
    /* Call to action */
    section.cta a.has-arrow svg path {
        fill: var(--white);
    }
    /* News */
    section.news-hp .parallax {
        padding-inline: var(--page-padding);
        text-align: left;
    }
    section.news-hp .columns article {
        margin-bottom: 1.18rem;
    }
    section.news-hp .columns article:nth-child(1),
    section.news-hp .columns article:nth-child(4) {
        width: 100%;
    }
    section.news-hp .columns article:nth-child(1) img {
        height: 280px;
        object-position: top;
    }
    section.news-hp .columns article:nth-child(2) img,
    section.news-hp .columns article:nth-child(3) img {
        height: 168px;
    }
    article.news figure {
        gap: var(--column-gap);
    }
    section.news-hp .columns article:nth-child(4) figure {
        flex-direction: row;
    }
    section.news-hp .columns article:nth-child(4) img {
        height: 106px;
        width: calc(33.33% - (var(--column-gap) / 2));
        min-width: calc(33.33% - (var(--column-gap) / 2));
    }
    section.news-hp .columns article:nth-child(4) figcaption {
        width: calc(66.66% - (var(--column-gap) / 2));
        justify-content: center;
    }
}

@media screen and (max-width:440px) and (min-width:413px) and (orientation:portrait) {
    /* How it works */
    .how-it-works li.splide__slide.slide-01 .slide-title {
        padding-right: 15%;
    }
    .how-it-works li.splide__slide.slide-03 .slide-title {
        padding-right: 18%;
    }
    .how-it-works li.splide__slide.slide-04 .slide-title {
        padding-right: 20%;
    }
    .how-it-works li.splide__slide.slide-05 .slide-title {
        padding-right: 15%;
    }
}

@media screen and (max-width:412px) and (min-width:391px) and (orientation:portrait) {
    /* How it works */
    .how-it-works li.splide__slide.slide-01 .slide-title {
        padding-right: 15%;
    }
    .how-it-works li.splide__slide.slide-03 .slide-title {
        padding-right: 22%;
    }
    .how-it-works li.splide__slide.slide-04 .slide-title {
        padding-right: 20%;
    }
    .how-it-works li.splide__slide.slide-05 .slide-title {
        padding-right: 15%;
    }
    /* Highlights */
    section.highlights>.columns>.columns .listing:nth-child(2) p {
        letter-spacing: -0.5px;
    }
}

@media screen and (max-width:390px) and (orientation:portrait) {
    /* How it works */
    .how-it-works li.splide__slide.slide-01 .slide-title,
    .how-it-works li.splide__slide.slide-05 .slide-title {
        padding-right: 20%;
    }
    /* Highlights */
    section.highlights>.columns>* {
        gap: var(--column-gap);
    }
    section.highlights>.columns>.columns>* {
        width: calc(50% - (var(--column-gap) / 2));
    }
    section.highlights .listing h4 {
        padding-right: 2%;
    }
    section.highlights .listing:last-of-type h4 {
        letter-spacing: -0.3px;
    }
    section.highlights>.columns>.columns>*>h4 {
        padding-right: 10px;
    }
    section.highlights>.columns>.columns .listing:nth-child(2) p,
    section.highlights>.columns>.columns .listing:nth-child(2) h4 {
        letter-spacing: -0.5px;
    }
    /* How it works */
    .how-it-works li.splide__slide.slide-01 .slide-title {
        padding-right: 15%;
    }
    .how-it-works li.splide__slide.slide-03 .slide-title {
        padding-right: 18%;
    }
    .how-it-works li.splide__slide.slide-04 .slide-title {
        padding-right: 20%;
    }
    .how-it-works li.splide__slide.slide-05 .slide-title {
        padding-right: 15%;
    }
    .how-it-works li.splide__slide.slide-02 .slide-content,
    .how-it-works li.splide__slide.slide-03 .slide-content,
    .how-it-works li.splide__slide.slide-04 .slide-content,
    .how-it-works li.splide__slide.slide-05 .slide-content {
        letter-spacing: -0.4px;
    }
    .how-it-works li.splide__slide.slide-01 .slide-content {
        letter-spacing: -1px;
    }
}

@media screen and (max-width:389px) and (orientation:portrait) {
    /* Highlights */
    section.highlights .hero-img {
        height: calc(100% - 25vh);
        min-height: calc(100% - 25vh);
        max-height: calc(100% - 25vh);
    }
    section.highlights>.columns>.columns>*>h4 {
        padding-right: 0;
    }
    section.highlights>.columns>.columns .listing:nth-child(6) h4 {
        padding-right: 10%;
    }
    .how-it-works li.splide__slide .slide-content {
        min-height: 88px;
    }
}

/* NEWS SECTION */

.post-card {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.post-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--grey-dark);
    opacity: 45%;
}

.post-card>a {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    flex-direction: row-reverse;
}

.post-card.col-4>a {
    gap: var(--column-gap);
    flex-direction: column;
}

.post-card picture.card-img {
    overflow: hidden;
}

.post-card.col-2 picture.card-img {
    height: 420px;
    width: 50%;
    position: relative;
}

.post-card.col-4 picture.card-img {
    height: 180px;
    position: relative;
}

.post-card picture.card-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 55%;
}

@media screen and (min-width:1100px) {
    .post-card.col-2 picture.card-img .overlay,
    .post-card.col-2 picture.card-img img {
        transition: var(--smooth);
    }
    .post-card.col-2:hover picture.card-img .overlay {
        opacity: 75%;
    }
    .post-card.col-2:hover picture.card-img img {
        scale: 1.1;
    }
}

.post-card.col-2 .card-content {
    padding: calc(var(--column-gap) * 2) var(--column-gap);
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.post-card.col-4 .card-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-inline: var(--column-gap);
    padding-bottom: calc(var(--column-gap) * 1.25);
}

.post-card.col-4 .card-content>p.small {
    margin-bottom: calc(52px + (var(--column-gap) / 2));
}

.post-card.col-2 .post-info {
    margin-bottom: var(--column-gap);
}

.post-card.col-4 .post-info {
    position: absolute;
    top: calc(180px - var(--small-size) - var(--column-gap));
    left: 0;
    width: 100%;
    padding-inline: var(--column-gap);
}

.post-info p {
    font-weight: 600;
}

.post-info p span {
    font-weight: 200;
}

.post-card .has-arrow {
    width: 52px;
    height: 52px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-regular);
    position: absolute;
    right: var(--column-gap);
    bottom: calc(var(--column-gap) * 1.25);
}

.post-card.col-2 .has-arrow {
    bottom: calc(var(--column-gap) * 2);
    right: unset;
    left: var(--column-gap);
}

.post-card .has-arrow svg {
    width: 28px;
    height: 28px;
    transition: var(--smooth);
}

.post-card a:hover .has-arrow svg {
    transform: rotate(45deg);
}

.post-card .has-arrow svg path {
    fill: var(--white);
}

@media screen and (max-width:1650px) and (orientation:landscape) {
    .post-card .has-arrow {
        width: 42px;
        height: 42px;
    }
    .post-card .has-arrow svg {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width:1440px) {
    .post-card.col-4 picture.card-img {
        height: 140px;
    }
    .post-card.col-4 .post-info {
        top: calc(140px - var(--small-size) - var(--column-gap));
    }
    .post-card .has-arrow {
        width: 40px;
        height: 40px;
    }
    .post-card.col-4 .card-content>p.small {
        margin-bottom: calc(40px + (var(--column-gap) / 2));
    }
    .post-card .has-arrow svg {
        width: 18px;
        height: 18px;
    }
    .post-card.col-4 .post-info,
    .post-card.col-4 .card-content {
        padding-inline: calc(var(--column-gap) / 1.5)
    }
    .post-card.col-2 picture.card-img {
        height: 340px;
    }
    .post-card.col-2 .post-info {
        margin-bottom: calc(var(--column-gap) / 1.5);
    }
    .post-card.col-2 .card-content {
        padding: calc(var(--column-gap) * 1.5) var(--column-gap);
    }
}

@media screen and (max-width:1280px) {
    .post-card.col-2 picture.card-img {
        height: 300px;
    }
    .post-card.col-2 .has-arrow {
        bottom: calc(var(--column-gap) * 1.5);
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .post-card:not(.card-events) {
        width: calc(50% - (var(--column-gap) / 2));
    }
    .post-card:not(.card-events) a {
        flex-direction: column;
        gap: calc(var(--column-gap) * 1.25);
        height: auto;
    }
    .post-card:not(.card-events) picture.card-img {
        height: 220px;
        width: 100%;
    }
    .post-card:not(.card-events) .card-content {
        position: initial;
        width: 100%;
        padding-inline: calc(var(--column-gap) * 1.25) !important;
        padding-top: 0;
        padding-bottom: calc(var(--column-gap) * 1.5);
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .post-card:not(.card-events) .card-content .post-info {
        position: absolute;
        left: 0;
        width: 100%;
        top: calc(220px - var(--column-gap) - var(--small-size));
        padding-inline: calc(var(--column-gap) * 1.25);
    }
    .post-card:not(.card-events) .card-content h2 {
        min-width: 100%;
    }
    .post-card:not(.card-events) .card-content>p.small {
        display: block;
        /* width: calc(100% - 44px - var(--column-gap)); */
        width: 100%;
        min-height: 74px;
    }
    .post-card:not(.card-events) .card-content .has-arrow {
        position: initial;
        width: 44px;
        height: 44px;
        margin-top: var(--column-gap);
    }
}

@media screen and (max-width:520px) {
    .post-card:not(.card-events) {
        width: 100%;
    }
    .post-card {
        margin-bottom: 10px;
    }
    .post-card::before {
        opacity: 65%;
    }
    .post-card:not(.card-events) picture.card-img {
        height: 160px;
    }
    .post-card:not(.card-events) .card-content .post-info {
        top: calc(160px - var(--column-gap) - var(--small-size));
    }
    .post-card:not(.card-events) .card-content>p.small {
        font-size: var(--body-size);
        min-height: auto;
        margin-bottom: var(--column-gap);
    }
}