:root {
    /*--primary: #0047FF;
    --primary-dark: #0036C2;*/
    --text-light-gray: #7C7C7C;
    --text-dark-gray: #373737;
    --text-blue: #0032FF;
    --text-dark-blue: #031855;
    --bg: #F6F6F6;
    --bg-blue: #0032FF;
    --bg-dark-blue: #001466;
    --bg-light: #FCFCFC;
    --white: #FFFFFF;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

section {
    scroll-margin-top: 100px;
}

svg {
    width: 100%;
    height: auto;
}
.desktop {
    display: none;
}
.mobile {
    display: block;
}

@media (min-width: 993px) {
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
}

body {
    font-family: 'Noto Sans', sans-serif;
    color: var(--text-dark);
    line-height: 1.5;
    background-color: var(--bg);
    -webkit-font-smoothing: antialiased;
}

p {
    margin-bottom: 20px;
}

p:last-of-type {
    margin-bottom: 0;
}

h1 {
    color: var(--text-dark-blue);
    font-size: 29px;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
}

@media (min-width: 993px) { 
    h1 {
        font-size: 48px;
        text-align: left;
    }
}

h2 {
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 120%;
}

@media (min-width: 993px) { 
    h2 {
        font-size: 40px;
    }
}

.container,
.container__header {
    width: 100%;
    padding: 0 20px;
}

@media (min-width: 993px) {
    .container{
        padding: 0 80px;
    }

    .container__header {
        padding: 0 40px;
    }
}

header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 20px 0;
}
@media (min-width: 993px) {
    header {
        padding: 40px 0;
    }
}

.logo svg {
    width: 79px;
    height: 16px;
}

@media (min-width: 993px) {
    .logo svg{
        width: 157px;
        height: 32px;
    }
}

nav {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    align-items: center;
    background: var(--white);
    border-radius: 16px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 993px) { 
    nav {
        padding: 24px 32px;
    }
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 35px;
    align-items: center;
}

.nav-links a {
    text-decoration: none;
    color: var(--text-blue);
    font-size: 16px;
    font-weight: 500;
}
nav .btn-outline {
    border: 1.5px solid #1142D4;
    padding: 10px 24px;
    border-radius: 56px;
    color: #1142D4 !important;
    transition: all 0.2s;
}

nav .btn-outline:hover {
    background: var(--primary);
    color: white !important;
}

.nav-links .btn {
    color: #FFF;
}

.btn {
    display: inline-block;
    text-decoration: none;
    border-radius: 56px;
    font-size: 16px;
    font-weight: 500;
    transition: background 0.2s;
    border-width: 2px;
    border-style: solid;
    padding: 14px 24px;
}

.btn-primary {
    background: var(--bg-blue);
    border-color: var(--bg-blue);
    color: white;
}

.btn-primary:hover {
    background: var(--bg-dark-blue);
    border-color: var(--bg-dark-blue);
    color: white;
}

.btn-secondary {
    background: var(--bg-dark-blue);
    border-color: var(--bg-dark-blue);
    color: white;
}

.btn-secondary:hover {
    background: var(--bg-blue);
    border-color: var(--bg-blue);
    color: white;
}

.btn-outline {
    border: 2px solid #031A5F;
    padding: 14px 24px;
    color: #031A5F;
}

.btn-outline:hover {
    background: white;
    border: 2px solid var(--bg-blue);
    color: var(--text-blue);
}

.btn-red {
    background: #E62415;
    border-color: #E62415;
    color: white;
}

.btn-blue {
    background: #045EE5;
    border-color: #045EE5;
    color: white;
}

.hero {
    padding-bottom: 40px;
}

.hero__grid {
    
}
@media (min-width: 993px) { 
    .hero {
        padding-bottom: 65px;
    }

    .hero__grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        align-items: end;
        gap: 4rem;
        justify-content: space-between;
    }
}

.hero__map {
    position: relative;
    max-width: 520px;
}

.hero__map svg {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

@media (min-width: 993px) {
    .hero__map {
        max-width: 415px;
        margin: 95px 0 0 90px;
    }
}

.mobile img {
    width: 100%;
    height: auto;
}

.hero__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.hero__content p {
    color: var(--text-light-gray);
    text-align: center;
}


.hero__content .rating {
    display: grid;
    grid-template-columns: 157px 155px;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 40px;
}

.hero__content .rating img {
    width: 100%;
    height: auto;
}

@media (min-width: 993px) {
    .hero__content .rating {
        padding: 0 0 20px;
    }
}

@media (min-width: 993px) { 
    .hero__content {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 0 80px 80px 0;
    }
    .hero__content .rating {
        grid-template-columns: 177px 175px;
        gap: 40px;
        justify-content: start;
    }
    .hero__content .rating img {
        width: auto;
    }
    .hero__content p {
        text-align: left;
    }

}

.latam-map {
    width: 100%;
    height: auto;
    display: block;
}

.person-card {
    position: absolute;
    background: #fff;
    border-radius: 14px;
    padding: 0.75rem 1rem;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    font-size: 0.85rem;
    animation: float 4s ease-in-out infinite;
}

.person-card img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.person-card strong {
    display: block;
    font-size: 0.85rem;
}

.person-card span {
    font-size: 0.75rem;
    color: var(--gray);
}

.flag { 
    width:16px;
    height: 12px;
    display: block;
}

.flag__bra { background: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2802_527)"><rect width="16" height="12" rx="2" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V12H16V0H0Z" fill="%23009933"/><mask id="mask0_2802_527" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V12H16V0H0Z" fill="white"/></mask><g mask="url(%23mask0_2802_527)"><g filter="url(%23filter0_d_2802_527)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.96339 1.85202L14.0643 6.10375L7.8804 10.0856L1.90446 6.02134L7.96339 1.85202Z" fill="%23FFD221"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.96339 1.85202L14.0643 6.10375L7.8804 10.0856L1.90446 6.02134L7.96339 1.85202Z" fill="url(%23paint0_linear_2802_527)"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.60001C9.38071 8.60001 10.5 7.48072 10.5 6.10001C10.5 4.71929 9.38071 3.60001 8 3.60001C6.61929 3.60001 5.5 4.71929 5.5 6.10001C5.5 7.48072 6.61929 8.60001 8 8.60001Z" fill="%232E42A5"/><mask id="mask1_2802_527" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="3" width="6" height="6"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 8.60001C9.38071 8.60001 10.5 7.48072 10.5 6.10001C10.5 4.71929 9.38071 3.60001 8 3.60001C6.61929 3.60001 5.5 4.71929 5.5 6.10001C5.5 7.48072 6.61929 8.60001 8 8.60001Z" fill="white"/></mask><g mask="url(%23mask1_2802_527)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.19 7.285L7.07832 7.34371L7.09965 7.21936L7.0093 7.13129L7.13416 7.11314L7.19 7L7.24584 7.11314L7.3707 7.13129L7.28035 7.21936L7.30168 7.34371L7.19 7.285Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.19 7.285L8.07832 7.34371L8.09965 7.21936L8.0093 7.13129L8.13416 7.11314L8.19 7L8.24584 7.11314L8.3707 7.13129L8.28035 7.21936L8.30168 7.34371L8.19 7.285Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.19 7.88501L8.07832 7.94372L8.09965 7.81936L8.0093 7.73129L8.13416 7.71315L8.19 7.60001L8.24584 7.71315L8.3707 7.73129L8.28035 7.81936L8.30168 7.94372L8.19 7.88501Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.69 5.785L7.57832 5.84371L7.59965 5.71936L7.5093 5.63129L7.63416 5.61314L7.69 5.5L7.74584 5.61314L7.8707 5.63129L7.78035 5.71936L7.80168 5.84371L7.69 5.785Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.69 6.785L7.57832 6.84371L7.59965 6.71936L7.5093 6.63129L7.63416 6.61314L7.69 6.5L7.74584 6.61314L7.8707 6.63129L7.78035 6.71936L7.80168 6.84371L7.69 6.785Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.9898 6.285L6.87813 6.34371L6.89945 6.21936L6.8091 6.13129L6.93397 6.11314L6.9898 6L7.04564 6.11314L7.17051 6.13129L7.08016 6.21936L7.10148 6.34371L6.9898 6.285Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.28961 6.68499L6.17793 6.74371L6.19926 6.61935L6.10891 6.53128L6.23377 6.51314L6.28961 6.39999L6.34545 6.51314L6.47031 6.53128L6.37996 6.61935L6.40129 6.74371L6.28961 6.68499Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.59039 4.98498L8.47871 5.04369L8.50004 4.91934L8.40969 4.83127L8.53455 4.81313L8.59039 4.69998L8.64623 4.81313L8.77109 4.83127L8.68074 4.91934L8.70207 5.04369L8.59039 4.98498Z" fill="%23F7FCFF"/><path d="M4.96289 5.49857L5.03808 4.5014C7.43705 4.6823 9.3305 5.47108 10.6946 6.87419L9.97759 7.57126C8.7953 6.35515 7.13168 5.66211 4.96289 5.49857Z" fill="%23F7FCFF"/></g></g></g><defs><filter id="filter0_d_2802_527" x="1.9043" y="1.85202" width="12.1602" height="8.23361" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feColorMatrix type="matrix" values="0 0 0 0 0.0313726 0 0 0 0 0.368627 0 0 0 0 0 0 0 0 0.28 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2802_527"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2802_527" result="shape"/></filter><linearGradient id="paint0_linear_2802_527" x1="16" y1="12" x2="16" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="%23FFC600"/><stop offset="1" stop-color="%23FFDE42"/></linearGradient><clipPath id="clip0_2802_527"><rect width="16" height="12" rx="2" fill="white"/></clipPath></defs></svg>');  }
.flag__uru { background: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2802_518)"><rect width="16" height="12" rx="2" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V12H16V0H0Z" fill="%23F7FCFF"/><mask id="mask0_2802_518" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="12"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0V12H16V0H0Z" fill="white"/></mask><g mask="url(%23mask0_2802_518)"><rect y="2" width="16" height="1" fill="%232E42A5"/><rect y="4" width="16" height="1" fill="%232E42A5"/><rect y="6" width="16" height="1" fill="%232E42A5"/><rect y="8" width="16" height="1" fill="%232E42A5"/><rect y="10" width="16" height="1" fill="%232E42A5"/><rect width="8" height="7" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.61377 5.51857C4.61377 5.51857 4.10283 6.57793 3.65375 6.79512C3.84759 6.30924 3.91894 5.31787 3.91894 5.31787C3.91894 5.31787 2.75298 5.78014 2.34374 5.69589C2.83583 5.35202 3.51888 4.71511 3.51888 4.71511C3.51888 4.71511 2.00976 4.22175 2.04679 4.01177C2.72802 4.13397 3.66488 4.00076 3.66488 4.00076C3.66488 4.00076 2.60618 2.73114 2.71355 2.63673C2.87492 2.79358 4.1437 3.45634 4.1437 3.45634C4.1437 3.45634 4.23575 2.32674 4.5088 1.94589C4.54156 2.21473 4.92481 3.43191 4.92481 3.43191C4.92481 3.43191 5.69525 2.66103 6.12287 2.66103C5.93504 2.89391 5.49029 3.91688 5.49029 3.91688C5.49029 3.91688 6.59869 3.89944 7.02006 4.10689C6.50961 4.17949 5.61533 4.62845 5.61533 4.62845C5.61533 4.62845 6.78006 5.51196 6.67387 5.69589C6.04852 5.38998 5.32555 5.28753 5.32555 5.28753C5.32555 5.28753 5.52539 6.51706 5.36385 6.79512C5.20631 6.38582 4.61377 5.51857 4.61377 5.51857Z" fill="%23FFD018" stroke="%23F19900" stroke-opacity="0.98" stroke-width="0.25"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.54688 4.94589C4.82302 4.94589 5.04688 4.72203 5.04688 4.44589C5.04688 4.16975 4.82302 3.94589 4.54688 3.94589C4.27073 3.94589 4.04688 4.16975 4.04688 4.44589C4.04688 4.72203 4.27073 4.94589 4.54688 4.94589Z" fill="%23FFD018" stroke="%23F19900" stroke-opacity="0.98" stroke-width="0.25"/></g></g><defs><clipPath id="clip0_2802_518"><rect width="16" height="12" rx="2" fill="white"/></clipPath></defs></svg>'); }
.flag__chi { background: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2802_536)"><rect width="16" height="12" rx="2" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H7V7H0V0Z" fill="%233D58DB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 -1H16V7H7V-1Z" fill="%23F7FCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 7H16V12H0V7Z" fill="%23E31D1C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.50714 4.89166L1.6053 6.0274L2.54389 4.09497L0.881836 2.83987L2.80058 2.81933L3.52442 1.10571L3.99049 2.81933L5.8066 2.82789L4.42529 4.05547L5.14258 6.0274L3.50714 4.89166Z" fill="%23F7FCFF"/></g><defs><clipPath id="clip0_2802_536"><rect width="16" height="12" rx="2" fill="white"/></clipPath></defs></svg>'); }

.card-1 { top: 64%; right: -26%; }
.card-2 { top: 61%; left: 2%; }
.card-3 { bottom: 11%; right: 5%; }

.cta {
    display: block
}
.cta .btn {
    display: block;
    text-align: center;
    margin-bottom: 16px;
}
@media (min-width: 993px) { 
    .cta {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }
    .cta .btn {
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
    }
}

@keyframes float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

section.rating {
    padding: 40px 0;
}

@media (min-width: 993px) {
    section.rating {
        padding: 80px 0;
    }
}


.rating__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.rating__grid .item {
    border: 1px solid #DEDEDE;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    display: flex;
    transition: all 0.5s;
}

.rating__grid .item:hover {
    border-color: #0032FF;
}

.rating__grid .item a {
    margin-top: auto;
    color: var(--text-dark-gray);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.rating__grid:not(.item__end) p {
    max-width: 70%;
}

.rating__grid .item__end{
    display: grid;
}

.item__flex {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 20px;
}

@media (min-width: 993px) {
    .rating__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 1fr;
        gap: 40px;
        justify-content: space-between;
    }
    .rating__grid .item {
        border: 0;
        border-bottom: 1px solid #DEDEDE;
        padding: 40px 0 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        flex: 1 0 0;
        display: flex;
        transition: all 0.5s;
    }
    .rating__grid .item__end{
        display: grid;
        padding-top: 72px;
    }
}

.value-proposition {
    padding: 40px 0;
    background: #0032FF;
}

.value-proposition h2{
    margin-bottom: 64px;
}


/* --- CONFIGURAÇÃO DESKTOP --- */
.vp__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.vp__card {
    background: #001F9E;
    border-radius: 4px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    transition: background 0.5s ease;
    box-sizing: border-box; /* Essencial para o cálculo de largura */
}

.vp__card svg {
    width: fit-content;
}

.vp__card:hover {
    background: #001670;
}

.vp__card h3 {
    font-size: 24px;
    font-weight: 400;
    color: #ECECEC;
    line-height: 130%;
    letter-spacing: -0.24px;
    min-height: 70px;
    padding-right: 25px;
}

.vp__card p {
    line-height: 1.6;
    color: #DADADA;
    font-size: 16px;
}

/* --- CONFIGURAÇÃO MOBILE (Abaixo de 992px) --- */
@media (max-width: 992px) {
    .value-proposition .container {
        padding-right: 0;
    }
    .vp__carousel-wrapper {
        width: 100%;
        overflow: hidden; /* Garante que nada vaze da seção principal */
    }

    .vp__grid {
        display: flex; /* Transforma grid em carrossel horizontal */
        grid-template-columns: none;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        
        /* Padding para alinhar o primeiro card com a margem de 20px do seu container */
        padding: 0 20px 20px 20px; 
        
        scroll-behavior: smooth;
        scrollbar-width: none; /* Esconde barra no Firefox */
        -webkit-overflow-scrolling: touch;
    }

    .vp__grid::-webkit-scrollbar {
        display: none; /* Esconde barra no Chrome/Safari */
    }

    .vp__card {
        /* CÁLCULO: 100vw (Tela) - 40px (Margens Container) - 32px (Espiada) - 16px (Gap) = 88px */
        min-width: calc(100vw - 88px); 
        max-width: calc(100vw - 88px);
        
        scroll-snap-align: start; /* Faz o card "imantar" na margem de 20px */
        flex-shrink: 0;
    }

    /* CONTROLES (Setas e Barra Estática) */
    .vp__controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        margin-top: 32px;
    }

    .vp__arrow {
        background: none;
        border: none;
        width: 32px;
        height: 32px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.3s ease;
    }

    /* Desenho da seta via CSS (Bordas rotacionadas) */
    .vp__arrow::after {
        content: '';
        width: 8px;
        height: 8px;
        border-top: 2px solid white;
        border-right: 2px solid white;
        display: inline-block;
    }

    .vp__arrow.prev::after { transform: rotate(-135deg); }
    .vp__arrow.next::after { transform: rotate(45deg); }

    /* Estado Desativado (Opacidade conforme imagem) */
    .vp__arrow.disabled {
        opacity: 0.2;
        pointer-events: none;
    }

    .vp__static-bar {
        width: 40px;
        height: 1.5px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 2px;
    }
}

@media (min-width: 993px) { 
    .value-proposition {
        padding: 120px 0;
        background: url('images/bg__value.png') no-repeat right top #0032FF;
    }
    .vp__controls {
        display: none;
    }
}

.talent {
    padding: 40px 0;
    background: #FFF;
}

.talent h2 {
    color: var(--text-dark-blue);
    margin-bottom: 16px;
}

.talent .description {
    text-align: center;
    color: var(--text-light-gray);
    max-width: 450px;
    margin: 0 auto 80px;
}

.talent__grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: start;
    align-self: stretch;
}

.talent__card {
    border: 1px solid #DEDEDE;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.talent__card-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.talent__card-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.talent__card-content {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.talent__card-content h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: #0a2cff;
}

.talent__card-content p {
    font-size: 16px;
    line-height: 145%;
    color: #7c7c7c;
}

@media (min-width: 993px) {
    .talent {
        padding: 80px 0;
        background: #FFF;
    }
    .talent__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        align-items: start;
        align-self: stretch;
    }
}

.tech {
    padding: 40px 0;
    background: linear-gradient(180deg, #FFF 1.09%, #FCFCFC 35.44%);
}

.tech h2 {
    color: var(--text-dark-blue);
    margin-bottom: 80px;
}

.tech__grid {
    display: flex;
    padding: 0;
    margin: 0 0 80px 0;
    list-style-type: none;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

.tech__grid li {
    border-radius: 80px;
    border: 1px solid #E4E4E4;
    color: var(--text-dark-gray);
    font-weight: 700;
    font-size: 14px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tech__grid span:not(.svg) {
    color: var(--text-dark-gray);
    font-weight: 700;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    white-space: nowrap;
}

.tech__grid .svg{
    display: inline-flex;
}

.tech .tech__btn {
    display: flex;
    justify-content: center;
    margin-top: 90px;
}

@media (min-width: 993px) {
    .tech {
        padding: 80px 0;
    }
    .tech .tech__btn {
        margin-top: 90px;
    }
}

.results {
    padding: 40px 0;
}

.results__left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.results__left h2 {
    color: var(--text-dark-blue);
    line-height: 1.2;
}

.results__highlight {
    margin-top: auto;
}

.results__highlight h3{
    color: var(--text-dark-blue);
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 120%;
    text-align: center;
    margin-bottom: 24px;
}

.results__highlight p {
    color: var(--text-dark-blue);
    font-weight: 500;
    line-height: 150%;
    text-align: center;
}

.results__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    margin-top: 24px;
}

.metric {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.metric h3 {
    font-size: 32px;
    color: var(--text-blue);
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0;
}

.metric strong {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-blue);
}

.metric p {
    font-size: 14px;
    color: var(--text-light-gray);
    max-width: 220px;
    line-height: 150%;
    margin: 0 auto;
}

@media (min-width: 993px) { 
    .results {
        padding: 112px 0;
    }
    .results__columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        grid-auto-rows: 1fr;
    }
    .results__left {
        gap: 0;
    }
    .results__left h2 {
        text-align: left;
        max-width: 75%;
    }
    .results__highlight h3{
        font-size: 64px;
        text-align: left;
        margin-bottom: 0;
    }
    .results__highlight p {
        max-width: 55%;
        line-height: 150%;
        text-align: left;
    }
    .results__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 56px;
        text-align: left;
        margin-top: 0;
    }
    .metric h3 {
        font-size: 48px;
    }
    .metric p {
        font-size: 14px;
        margin: 0;
    }
}

.team {
    background: linear-gradient(180deg, #0032FF 0%, #011F9A 100%);
    padding: 40px 0 0;
    position: relative;
}

.team h2 {
    margin-bottom: 50px;
}

.team__cards {
    position: relative;
}

.team__cards img {
    width: 100%;
    height: auto;
}

.team .btn{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

@media (min-width: 993px) {
    .team {
        background: url('images/bg__team.png') no-repeat bottom left;
        background-size: cover;
        padding: 160px 0 0;
    }
    .team h2 {
        margin-bottom: 80px;
    }
    .team .btn{
        bottom: 80px;
    }
}

.journey {
    background: url('images/bg__journey.png') no-repeat left top;
    background-size: cover;
    position: relative;
    padding: 40px 0;
}

.journey__pin {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.journey__grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    gap: 40px;
}

.journey__grid > *:first-child {
    flex: 1.4;
}

.journey__grid > *:last-child {
    flex: 1.7;
}
.step_dot-01 {
    position: relative;
}

.step_dot-01::before {
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
}

.title_side h2 { 
    text-align: center; 
}

.journey__timeline {
    position: relative;
}

.journey__step {
    margin-bottom: 32px;
    position: relative;
    z-index: 2;
}

.journey__step :last-child { 
    margin-bottom: 0; 
}

.step_dot {
    position: relative;
    width: 40px;
    height: 40px;
    background: var(--bg-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all 0.4s ease;
    color: #FFF;
    font-size: 19px;
    margin: 0 auto 16px;
    box-shadow: 0 0 20px #2563eb;
}

.journey__step.active { 
    opacity: 1; 
}

.journey__step.active .step_dot {
    background: var(--bg-blue);
    box-shadow: 0 0 20px #2563eb;
}

.journey__step  h3 { 
    color: #FFF;
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 20px;
    text-align: center;
}

.journey__step  p { 
    color: #FFFF;
    line-height: 150%;
    text-align: center;
}

@media (min-width: 993px) {
    .journey {
        padding: 150px 0 80px;
    }
    .title_side h2 {
        text-align: left;
        max-width: 80%;
    }
    .journey__grid { 
        flex-direction: row; 
        align-items: flex-start; 
        justify-content: space-between;
        align-self: stretch;
        gap: 200px;
    }
    .journey__timeline { 
        width: 55%; 
        padding-left: 60px;
    }
    .journey__step {
        margin-bottom: 20px;
        opacity: 0.4;
        position: relative;
        transition: opacity 0.4s ease;
    }
    .line_bg {
        position: absolute;
        left: 20px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: #061863;
    }
    .line_progress {
        position: absolute;
        left: 20px;
        top: 0;
        width: 2px;
        height: 0%;
        background: #024DF1;
        box-shadow: 0 0 10px #3b82f6;
        z-index: 1;
    }
    .step_dot {
        position: absolute;
        left: -66px;
        top: 0;
        width: 54px;
        height: 54px;
        font-size: 25px;
        margin: 0;
        box-shadow: none;
    }
    .journey__step h3 {
        font-size: 24px;
        text-align: left;
    }
    .journey__step p {
        max-width: 65%;
        text-align: left;
    }
    .step_text {
        margin-left: 32px;
    }
}

.reviews {
    padding: 40px 0;
}

.reviews h2 {
    color: var(--text-dark-blue);
    margin: 0 auto;
    margin-bottom: 40px;
}

.reviews__grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.review-card {
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    box-shadow: 31px 123px 36px 0 rgba(156, 156, 156, 0.00), 20px 79px 33px 0 rgba(156, 156, 156, 0.01), 11px 44px 27px 0 rgba(156, 156, 156, 0.05), 5px 20px 20px 0 rgba(156, 156, 156, 0.09), 1px 5px 11px 0 rgba(156, 156, 156, 0.10);
}

.review-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
    padding-bottom: 32px;
    border-bottom: 1px solid #f5f5f5;
}

.review-card__carousel-container {
    position: relative;
    flex-grow: 1;
}

.review-card__slide {
    display: none;
    animation: fadeIn 0.4s ease-in-out;
}

.review-card__slide.active {
    display: block;
}

.review-card__content {
    display: flex;
    padding: 16px 0 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.review-card__title {
    color: var(--text-dark-gray);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.24px;
    font-size: 20px;
    margin: 0;
}

.review-card__label {
    display: block;
    font-weight: 500;
    color: var(--text-dark-blue);
    margin-bottom: 8px;
    text-transform: capitalize;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.review-card__text {
    color: var(--text-light-gray);
    line-height: 145%;
    font-size: 18px;
}

.review-card__footer {
    margin-top: auto;
    padding-top: 32px;
    border-top: 1px solid #d7d7d7;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.review-card__btn {
    padding: 14px 28px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    transition: opacity 0.2s;
}

.review-card__btn--red { 
    background-color: #E62415;
}

.review-card__btn--blue { 
    background-color: #2e5fd9; 
}

.review-card__nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-card__arrow {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: cover;
    border: 0;
}

.review-card__arrow.prev {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.41 16.58L10.83 12L15.41 7.41L14 6L8 12L14 18L15.41 16.58Z" fill="%234E4E4E"/></svg>');
}
.review-card__arrow.prev:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g opacity="0.4"><path d="M15.41 16.58L10.83 12L15.41 7.41L14 6L8 12L14 18L15.41 16.58Z" fill="%234E4E4E"/></g></svg>');
}
.review-card__arrow.next {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8.58984 16.58L13.1698 12L8.58984 7.41L9.99984 6L15.9998 12L9.99984 18L8.58984 16.58Z" fill="%234E4E4E"/></svg>');
}
.review-card__arrow.next:hover {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g opacity="0.4"><path d="M8.58984 16.58L13.1698 12L8.58984 7.41L9.99984 6L15.9998 12L9.99984 18L8.58984 16.58Z" fill="%234E4E4E"/></g></svg>');
}

.review-card__arrow:disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}

.review-card__indicator {
    width: 24px;
    height: 2px;
    background-color: #ddd;
}

.review-card__stars-row {
    display: flex;
    align-items: center;
}

.review-card__stars-row span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.7416 17.4259C11.9005 17.33 12.0995 17.33 12.2584 17.4259L17.1655 20.3877C17.5442 20.6162 18.0113 20.2767 17.9108 19.846L16.6086 14.2639C16.5664 14.0832 16.6278 13.8939 16.7681 13.7724L21.106 10.0145C21.4401 9.72506 21.2619 9.17635 20.8216 9.13838L15.1097 8.64585C14.9253 8.62994 14.7648 8.51345 14.6924 8.34306L12.4603 3.0843C12.2878 2.67812 11.7122 2.67812 11.5397 3.0843L9.30755 8.34306C9.23523 8.51345 9.07468 8.62994 8.89026 8.64585L3.17692 9.13851C2.7368 9.17646 2.55852 9.72473 2.89214 10.0143L7.22266 13.7727C7.36252 13.8941 7.42384 14.0828 7.38201 14.2632L6.08715 19.8478C5.98732 20.2784 6.45421 20.6172 6.83259 20.3888L11.7416 17.4259Z" fill="%23E62415"/></svg>');
}

#card-gartner .review-card__stars-row span:not(.rate) {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M11.7416 17.4259C11.9005 17.33 12.0995 17.33 12.2584 17.4259L17.1655 20.3877C17.5442 20.6162 18.0113 20.2767 17.9108 19.846L16.6086 14.2639C16.5664 14.0832 16.6278 13.8939 16.7681 13.7724L21.106 10.0145C21.4401 9.72506 21.2619 9.17635 20.8216 9.13838L15.1097 8.64585C14.9253 8.62994 14.7648 8.51345 14.6924 8.34306L12.4603 3.0843C12.2878 2.67812 11.7122 2.67812 11.5397 3.0843L9.30755 8.34306C9.23523 8.51345 9.07468 8.62994 8.89026 8.64585L3.17692 9.13851C2.7368 9.17646 2.55852 9.72473 2.89214 10.0143L7.22266 13.7727C7.36252 13.8941 7.42384 14.0828 7.38201 14.2632L6.08715 19.8478C5.98732 20.2784 6.45421 20.6172 6.83259 20.3888L11.7416 17.4259Z" fill="%23045EE5"/></svg>');
}

.review-card__stars-row span.rate {
    margin-left: 16px;
    width: auto;
    height: auto;
    background: none;
    color: #5C5C5C;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
}

.review-card__footer .btn{
    border-radius: 4px;
    padding: 14px 14px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: translateX(0); }
}

@media (min-width: 993px) {
    .reviews {
        padding: 80px 0;
    }
    .reviews h2 {
        max-width: 40%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .reviews__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;;
    }
    .review-card__header {
        margin-bottom: 32px;
    }
    .review-card__title {
        font-size: 24px;
        margin: 0;
    }
    .review-card__indicator {
        width: 40px;
    }
    .review-card__nav {
        gap: 15px;
    }
    .review-card__footer .btn{
        padding: 14px 24px;
    }
}

.banner {
    padding: 40px 0;
}

.banner__container {
    border-radius: 16px;
    background: #0032FF;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    padding-bottom: 40px;
}

.banner__content {
    flex: 0.9;
    padding: 24px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 24px;
    order: 1;
}

.banner__content p {
    color: #FFF;
    text-align: center;
}

.banner__btn {
    text-align: center;
}

.banner__visual {
    flex: 1.4;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    order: 2;
}

.map_image {
    width: 100%;
}

@media (min-width: 993px) {
    .banner {
        padding: 80px 0;
    }
    .banner__container {
        display: flex;
        align-items: center;
        overflow: hidden;
        gap: 50px;
        height: 485px;
        justify-content: space-around;
        padding-bottom: 0;
    }
    .banner__visual {
        margin-right: 120px;
        order: 2;
    }
    .map_image {
        position: absolute;
        height: 100%;
        width: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        object-fit: contain;
        pointer-events: none;
    }
    .banner__content {
        padding: 80px 0 80px 80px;
        order: 1;
    }
    .banner__content h2 {
        text-align: left;
    }
    .banner__content p {
        text-align: left;
    }
    .banner__btn {
        padding-top: 16px;
        text-align: left;
    }
}

.form {
    padding: 40px 0;
}

.form__grid {
    display: flex;
    flex-direction: column;
}

.form__title {
    margin-bottom: 40px;
}

.form__title h2 {
    text-align: left;
    color: var(--text-dark-blue);
}

.form__container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form_row {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

input, textarea {
    flex: 1;
    padding: 16px 22px;
    border: 1px solid #C8C8C8;
    border-radius: 8px;
    font-size: 1rem;
    outline: none;
    font-family: 'Inter';
    color: var(--text-light-gray);
}

textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px;
    resize: none;
}

.form-disclaimer {
    color: var(--text-light-gray);
    font-size: 14px;
    line-height: 150%;
}

.btn-submit {
    cursor: pointer;
    margin-top: 16px;
    width: 100%;
}

/*input:invalid:focus, textarea:invalid:focus {
    border: 2px solid #ff4d4d;
}*/

/*input:valid:not(:placeholder-shown), 
textarea:valid:not(:placeholder-shown) {
    border: 1px solid #2ecc71;
}*/

input.invalid, textarea.invalid {
    border: 2px solid #ff4d4d !important;
    background-color: #fffafa;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}
.invalid {
    animation: shake 0.2s ease-in-out 0s 2;
}

.error-message {
    color: #ff4d4d;
    font-size: 0.8rem;
    margin-top: -10px;
    margin-bottom: 10px;
    display: none;
}

@media (min-width: 993px) {
    .form {
        padding: 80px 0;
    }
    .form__grid {
        display: grid;
        grid-template-columns: 1.1fr 1.9fr;
        gap: 20%;
    }
    .form__title {
        flex: 1;
        margin-bottom: 0;
    }
    .form_row {
        display: flex;
        flex-direction: row;
        gap: 16px;
        margin-bottom: 16px;
    }
    .btn-submit {
        width: auto;
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    backdrop-filter: blur(5px);
}

.modal-content {
    background-color: white;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    animation: modalIn 0.3s ease-out;
}

.modal-icon {
    width: 60px;
    height: 60px;
    background-color: #2ecc71;
    color: white;
    font-size: 30px;
    line-height: 60px;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.modal-content h2 {
    color: var(--text-dark-gray);
    margin-bottom: 10px;
}

.modal-content p {
    color: #666;
    margin-bottom: 30px;
}

@keyframes modalIn {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

footer { 
    border-top: 1px solid #eee; 
    padding: 40px 0 20px; 
    margin: 0 auto; 
}

.footer__top { 
    display: flex;
    flex-direction: column; 
    margin-bottom: 24px;
    align-items: center;
}

.footer__top p{
    color: var(--text-light-gray);
    font-size: 14px;
    text-align: center;
}

.footer__logo { 
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="24" viewBox="0 0 118 24" fill="none"><g clip-path="url(%23clip0_2788_1011)"><path d="M62.4641 20.1264C61.5114 20.1264 60.7635 20.0931 60.2189 20.025C59.6743 19.9583 59.2604 19.7771 58.9743 19.4815C58.6882 19.1858 58.5052 18.7438 58.4239 18.1525C58.3426 17.5627 58.3019 16.7438 58.3019 15.696V9.3786H62.1388C63.0639 9.3786 63.5271 8.90903 63.5271 7.96845V5.59309H58.3034V1.48584C58.3034 0.546714 57.8546 0.0771484 56.9571 0.0771484H53.8145V15.696C53.8145 17.0656 53.903 18.267 54.0802 19.3003C54.2559 20.3337 54.603 21.1931 55.12 21.8771C55.637 22.5612 56.3719 23.0728 57.3246 23.4076C58.2758 23.7438 59.5421 23.9105 61.1193 23.9105H63.8539V21.5351C63.8539 20.596 63.3906 20.1264 62.467 20.1264H62.4641Z" fill="%230032FF"/><path d="M51.828 11.0796C51.3982 9.75646 50.7519 8.62893 49.8922 7.69849C49.031 6.76806 47.9505 6.04487 46.6493 5.52893C45.3466 5.01298 43.813 4.74487 42.0456 4.72168C40.3247 4.72168 38.8129 4.97965 37.5117 5.49559C36.209 6.01153 35.1228 6.71298 34.2514 7.59849C33.3801 8.48545 32.728 9.50574 32.2981 10.6594C31.8683 11.8144 31.6533 13.0304 31.6533 14.3101C31.6533 15.7231 31.8973 17.0246 32.3853 18.2115C32.8732 19.3999 33.5761 20.4217 34.4954 21.2739C35.4132 22.126 36.5358 22.7941 37.8603 23.2753C39.1862 23.7565 40.6849 23.9985 42.3593 23.9985C44.0338 23.9985 45.5732 23.7521 46.7713 23.2594C47.9679 22.7666 48.9511 22.1941 49.7179 21.5434C50.4847 20.8927 51.0598 20.2318 51.4446 19.5579C51.828 18.8854 52.0546 18.3579 52.1243 17.9768H48.7565C48.1074 17.997 47.9055 18.0739 47.7182 18.1695C47.4887 18.2854 47.3304 18.4159 47.1547 18.5883C46.8802 18.855 46.6391 19.0652 46.4242 19.2333C46.1802 19.4492 45.9014 19.6521 45.5862 19.8434C44.7149 20.371 43.5923 20.6347 42.2214 20.6347C40.8955 20.5912 39.8324 20.3492 39.0308 19.9115C38.2291 19.4739 37.6177 18.9811 37.1995 18.4304C36.7812 17.8811 36.4966 17.3318 36.3456 16.7825C36.1945 16.2333 36.0958 15.813 36.0493 15.5217H50.8478C50.8797 15.5173 50.916 15.513 50.9668 15.5115C51.6639 15.4811 52.1664 15.3028 52.3203 14.4043C52.3639 14.1507 52.3639 13.8144 52.345 13.4724C52.239 12.6275 52.0735 11.826 51.8309 11.0811L51.828 11.0796ZM36.1873 12.2912C36.3964 11.4173 36.7101 10.7101 37.1298 10.1724C37.548 9.63327 38.0185 9.20864 38.5428 8.89414C39.0656 8.5811 39.6233 8.36806 40.2173 8.25501C40.8098 8.14342 41.3863 8.0869 41.944 8.0869C43.5008 8.0869 44.7977 8.40719 45.8331 9.04632C46.8671 9.68545 47.5468 10.7681 47.8735 12.2927H36.1902L36.1873 12.2912Z" fill="%230032FF"/><path d="M21.8724 3.33913L15.1644 17.871H15.1005L8.39258 3.33913C7.23803 0.543478 5.42272 0.0681159 4.01839 0H0V23.9101H4.91007V6.35362L11.6064 20.5971L12.6695 22.9391C13.1124 23.9101 14.2539 23.9101 14.2539 23.9101H16.0111C16.0111 23.9101 17.1511 23.9101 17.5955 22.9391L18.6586 20.5971L25.3564 6.35362V23.9101H30.265V0H26.2466C24.8437 0.0681159 23.0269 0.543478 21.8738 3.33913H21.8724Z" fill="%230032FF"/><path d="M87.7391 12.7927C87.6549 12.8739 87.5663 12.958 87.4748 13.042C86.7661 13.7058 85.8643 14.4826 84.7388 15.3449C84.0025 15.9087 83.1704 16.5087 82.2351 17.1377C82.2293 17.142 82.2235 17.1464 82.2177 17.1493C82.0405 17.2681 81.859 17.3884 81.6745 17.5087C81.6629 17.5159 81.6513 17.5246 81.6397 17.5319C81.2461 17.7898 80.8337 18.0507 80.4053 18.3174V18.3449H80.3878C79.9754 18.5855 79.5092 18.8377 78.9864 19.1014C78.452 19.3695 77.8653 19.6232 77.2248 19.858C76.5858 20.0942 75.8989 20.2898 75.167 20.4464C74.435 20.6029 73.661 20.6811 72.8477 20.6811C71.7774 20.6811 70.9816 20.458 70.4588 20.0087C69.936 19.5594 69.6847 18.9435 69.7094 18.158C69.7326 17.3739 70.0638 16.7449 70.7028 16.2739C71.3417 15.8029 72.3365 15.4101 73.6842 15.0971C74.7066 14.8507 75.7711 14.6478 76.8748 14.4913C77.9785 14.3348 79.1592 14.2333 80.4154 14.1884V17.5203C82.1349 16.4768 83.5755 15.1913 84.7402 13.9333V11.3623C84.7402 10.7348 84.6821 10.0333 84.566 9.2594C84.4498 8.48694 84.1012 7.75795 83.5203 7.0739C82.9394 6.38984 82.026 5.81158 80.7828 5.34056C79.5397 4.86955 77.7897 4.63477 75.5344 4.63477C74.65 4.63477 73.7089 4.70288 72.7098 4.83621C71.7092 4.971 70.7565 5.24636 69.8503 5.66085C68.9441 6.07679 68.141 6.6594 67.4439 7.41013C66.7468 8.1623 66.269 9.15506 66.0134 10.3869H70.5125C70.5822 10.1406 70.6984 9.87679 70.861 9.59708C71.0237 9.31737 71.2851 9.05795 71.6453 8.82317C72.0054 8.58694 72.4992 8.39129 73.128 8.23477C73.7554 8.07824 74.5686 7.99998 75.5693 7.99998C77.3599 7.99998 78.6146 8.21882 79.3364 8.6565C80.0567 9.09419 80.4183 9.66085 80.4183 10.3551V11.1623C79.4177 11.229 78.3372 11.3087 77.1754 11.3985C76.0122 11.4884 74.862 11.6406 73.7234 11.8536C72.5834 12.0666 71.4855 12.3362 70.4283 12.6609C69.3696 12.9869 68.4401 13.413 67.6385 13.9391C66.8368 14.4666 66.1906 15.1 65.7026 15.8406C65.2147 16.5797 64.9707 17.4551 64.9707 18.4652C64.9707 19.5869 65.2321 20.5 65.7549 21.2072C66.2777 21.913 66.9167 22.4681 67.6733 22.8724C68.4285 23.2768 69.2185 23.5507 70.0449 23.6971C70.8698 23.8435 71.6031 23.9406 72.2305 23.9739C73.1237 24.0188 73.2674 24.0174 74.512 23.9174C77.1028 23.6681 78.8455 23.0319 80.4111 22.2246C80.4503 22.5493 80.5519 22.7985 80.6783 22.9913C80.9513 23.5478 81.6135 23.8638 82.3048 23.9145H84.7388V19.9681H84.7446C84.7446 19.9681 84.7446 19.9594 84.7431 19.9551C84.7388 19.958 84.7359 19.9609 84.7315 19.9638V19.3609C84.7315 19.3609 84.733 19.3609 84.7344 19.3594C85.5942 18.6768 86.5744 17.8464 87.4705 16.9695C87.5503 16.8913 87.6302 16.8116 87.7101 16.7319C87.7246 16.7174 87.7377 16.7043 87.7522 16.6898C87.8292 16.6116 87.9062 16.5319 87.9831 16.4536C87.9933 16.4435 88.0035 16.4319 88.0136 16.4217C88.0833 16.3493 88.1516 16.2753 88.2198 16.2029C88.2315 16.1898 88.2431 16.1782 88.2547 16.1652C88.3259 16.0869 88.397 16.0087 88.4667 15.9319C88.4812 15.9145 88.4958 15.8985 88.5117 15.8811C88.5814 15.8029 88.6497 15.7232 88.7165 15.6449C88.7165 15.6435 88.7194 15.642 88.7209 15.6406C88.7877 15.5623 88.8516 15.4826 88.9155 15.4043C88.93 15.3869 88.9445 15.3681 88.959 15.3507C89.02 15.2739 89.081 15.1971 89.1391 15.1188C89.1493 15.1058 89.1594 15.0913 89.1696 15.0782C89.2219 15.0087 89.2742 14.9377 89.3236 14.8681C89.3337 14.8551 89.3439 14.8406 89.3526 14.8275C89.4063 14.7507 89.4586 14.6739 89.5094 14.5985C89.5211 14.5811 89.5312 14.5652 89.5428 14.5478C89.5937 14.4695 89.6431 14.3913 89.6895 14.3145V10.642C89.6329 10.7377 89.0665 11.5333 87.7479 12.8L87.7391 12.7927Z" fill="%230032FF"/><path d="M98.823 5.48828H96.8857V23.9999H98.823V5.48828Z" fill="%230032FF"/><path d="M101.388 5.48828V7.25785H108.726V23.9999H110.662V7.25785H118V5.48828H101.388Z" fill="%230032FF"/></g><defs><clipPath id="clip0_2788_1011"><rect width="118" height="24" fill="white"/></clipPath></defs></svg>');
    margin: 0 auto 24px; 
    width: 118px;
    height: 24px;
}

.footer__bottom { 
    border-top: 1px solid #eee; 
    padding-top: 20px; 
}

.footer__bottom p{
    color: #000;
    font-size: 14px;
    text-align: center;
}

.footer__socials {
    display: flex;
    gap: 15px;
    margin-top: 24px;
}

.social_icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.2s ease;
}

.social_icon:hover {
    transform: scale(1.1);
}

.icon_instagram {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_2788_1020)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.496 3H16.505C18.987 3 21 5.012 21 7.496V16.505C21 18.987 18.988 21 16.504 21H7.496C5.013 21 3 18.988 3 16.504V7.496C3 5.013 5.012 3 7.496 3Z" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.9493 6.71289C16.7633 6.71389 16.6123 6.86489 16.6123 7.05089C16.6123 7.23689 16.7643 7.38789 16.9503 7.38789C17.1363 7.38789 17.2873 7.23689 17.2873 7.05089C17.2883 6.86389 17.1363 6.71289 16.9493 6.71289Z" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.546 9.45481C15.9519 10.8607 15.9519 13.1401 14.546 14.546C13.1401 15.9519 10.8607 15.9519 9.45481 14.546C8.04892 13.1401 8.04892 10.8607 9.45481 9.45481C10.8607 8.04892 13.1401 8.04892 14.546 9.45481Z" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2788_1020"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.icon_linkedin {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_2788_1025)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 3H16.504C18.987 3 21 5.013 21 7.496V16.505C21 18.987 18.987 21 16.504 21H7.496C5.013 21 3 18.987 3 16.504V7.5C3 5.015 5.015 3 7.5 3Z" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.12012 11.0996V16.4996" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.7188 16.4996V13.3496C11.7188 12.1066 12.7257 11.0996 13.9688 11.0996C15.2118 11.0996 16.2188 12.1066 16.2188 13.3496V16.4996" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.11756 7.83789C7.99356 7.83789 7.89256 7.93889 7.89356 8.06289C7.89356 8.18689 7.99456 8.28789 8.11856 8.28789C8.24256 8.28789 8.34356 8.18689 8.34356 8.06289C8.34356 7.93789 8.24256 7.83789 8.11756 7.83789Z" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2788_1025"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.icon_facebook {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_2788_1032)"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 3H16.504C18.987 3 21 5.013 21 7.496V16.505C21 18.987 18.987 21 16.504 21H7.496C5.013 21 3 18.987 3 16.504V7.5C3 5.015 5.015 3 7.5 3Z" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.0996 12.9004H16.4996" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5004 8.40039H15.5554C14.0894 8.40039 12.9004 9.58939 12.9004 11.0554V12.0004V21.0004" stroke="%230032FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2788_1032"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

@media (min-width: 993px) {
    footer {
        padding: 60px 0 20px;
    }
    .footer__top {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        margin-bottom: 24px;
        gap: 17%;
    }
    .footer__logo {
        margin: 0 0 24px;
    }
    .footer__top p {
        text-align: left;
    }
    .footer__socials {
        display: flex;
        gap: 15px;
        margin-top: 0;
    }
    .footer__bottom p {
        text-align: left;
    }
}

.menu-toggle {
    display: none;
}

@media (max-width: 992px) {
    .menu-toggle {
        display: flex;
        flex-direction: column;
        gap: 6px;
        cursor: pointer;
        z-index: 1001;
    }

    .menu-toggle .bar {
        width: 28px;
        height: 3px;
        background-color: #1142D4;
        border-radius: 2px;
        transition: 0.3s;
    }

    .nav-links {
        position: fixed;
        right: -100%;
        top: 0;
        width: 70%;
        height: 100vh;
        background: white;
        flex-direction: column;
        justify-content: center;
        gap: 30px !important;
        transition: 0.4s ease-in-out;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        z-index: 1000;
    }

    .nav-links.active {
        right: 0;
    }

    .nav-links li, .nav-links a {
        width: 80%;
        text-align: center;
    }

    .menu-toggle.is-active .bar:nth-child(2) { opacity: 0; }
    .menu-toggle.is-active .bar:nth-child(1) { transform: translateY(9px) rotate(45deg); }
    .menu-toggle.is-active .bar:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
}