/* Responsive styles */

@media (max-width: 1200px) {
    /* Styles for tablets and small desktops */
}

@media (max-width: 992px) {
    /* Styles for landscape tablets */
}

@media (max-width: 768px) {
    .header__nav {
        display: none;
    }

    .header__btn {
        display: none;
    }

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

    header {
        height: 60px;
    }

    .header-menu {
        top: 60px;
    }

    .header-menu__inner {
        padding-bottom: 60px;
        display: flex;
        align-items: center;
        align-content: center;
    }
    .header-menu--open {
        height: calc(100svh - 60px);
    }
    main {
        padding-top: 60px;
        background-image: url(img/hero/clouds-mobile.png);
        background-position-y: -90px;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .page-main {
        padding-top: 60px;
        background-image: none;
        overflow: visible;
    }
    .referral-hero {
        padding-top: 20px;
        padding-bottom: 150px;
    }
    .referral-hero__card {
        padding: 32px 32px 40px 24px;
        border-radius: 32px 32px 32px 0;
    }
    .referral-hero__meta {
        margin-bottom: 24px;
    }
    .referral-hero__title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .referral-hero__text {
        font-size: 16px;
        margin-bottom: 32px;
    }
    .referral-hero__mobile-extra {
        display: block;
        margin-bottom: 24px;
    }
    .referral-hero__mobile-logo {
        height: 20px;
        width: auto;
        object-fit: contain;
        margin-bottom: 20px;
        display: block;
    }
    .referral-hero__mobile-benefits {
        list-style: none;
        margin: 0 0 20px;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .referral-hero__mobile-benefits li {
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: Delight, sans-serif;
        font-weight: 500;
        font-size: 15px;
        color: rgba(32, 38, 45, 1);
    }
    .referral-hero__mobile-benefits .how-works__benefits-icon {
        height: 16px;
        width: auto;
    }
    .referral-hero__mobile-tagline {
        font-family: Delight, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.4;
        color: rgba(32, 38, 45, 0.85);
        margin: 0;
    }
    .how-works {
        padding: 48px 0 64px;
    }
    .how-works__header {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .how-works__title {
        font-size: 28px;
    }
    .how-works__subtitle {
        font-size: 16px;
    }
    .how-works__steps {
        flex-direction: column;
        gap: 36px;
    }
    .how-works__connector {
        display: none;
    }
    .how-works__connector {
        width: 2px;
        height: 24px;
        flex: 0 0 24px;
        align-self: center;
    }
    .how-works__step {
        max-width: none;
    }
    .how-works__cta {
        margin-top: 32px;
    }
    .hero__title {
        font-family: Delight;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 40px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        padding: 0;
    }
    .hero__title-accent {
        font-family: Delight;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 32px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        text-transform: lowercase;
        
    }
    .hero__inner {
        margin-top: 50px;
    }
    .hero__description {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 19px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        margin-top: 20px;        
        margin-bottom: 32px;
    }
    .hero__bar, .hero__bar-blur {
        display: none;
    }
    .hero__tag {
        position: static;
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 35px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
            color: #fff;
    }
    .hero__stage {
        min-height: auto;
        display: flex;
        width: fit-content;
        gap: 30px;
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto;
        padding: 16px 30px 16px 24px;
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(0, 130, 250, 0.4), rgba(0, 130, 250, 0.1));
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, 0.25);
        box-shadow: 0 8px 32px 0 rgba(0, 130, 250, 0.15);
        align-content: center;
    }
    .hero__tag {
        color: #fff;
        -webkit-text-fill-color: #fff;
        background-image: none;
    }
    .hero__tag--left,
    .hero__tag--right {
        background-image: none;
    }
    .hero__tag-full {
        display: none;
    }
    .hero__tag-short {
        display: inline;
    }
    .hero__mobile-arrow {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .hero__mobile-arrow svg {
        animation: bounce-arrow-mobile 2s infinite ease-in-out;
    }
    @keyframes bounce-arrow-mobile {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(12px);
        }
    }
    .hero__btn {
        position: static;
        margin-top: 22px;
        width: -webkit-fill-available;
    }
    .about__inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
        flex-direction: column;
    }
    .about__action {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        align-items: center;
    }
    .about__content {
        display: flex;
        flex-direction: column;
        gap: 0px;
        align-items: flex-start;
        
    }
    .about__content img {
        display: none;
        order: 3;
    }
    .about__content h2 {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        margin: 0;
        order: 1;
    }
    .about__content p {
        order: 2;
        margin-top: 18px;
        margin-bottom: 26px;
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        
    }
    .about {
        padding-bottom: 24px;
    }
    .about__cards-inner {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 4px;
        flex-direction: column;
    }
    .about__card {
        gap: 20px;
        padding: 24px 30px;
    }
    .about__card-bottom-title {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .about {
        padding-top: 130px;
    }
    .container--wide, .container {
        padding: 0 20px;
    }
    .about__cards {
        padding-bottom: 50px;
    }
    .services {
        padding: 50px 0px;
        margin: 0;
        border-radius: 0;
    }
    .services__header {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        align-items: flex-start;
        margin-bottom: 28px;
        flex-direction: column;
    }
    .services__header--left {
        display: none;
    }
    .services__header--left-mobile {
        display: flex;
        gap: 9px;
        align-items: center;
        margin-top: 16px;
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        align-items: center;
        margin-bottom: 18px;
    }
    .services__header--right h2 {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 62px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        margin-bottom: 18px;
    }
    .services__header--right p {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        margin-bottom: 0;;
    }

    .services__item-body {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .services__item.active  {
        grid-template-columns: auto 1fr auto;
        align-items: start
    }
    .service__item-btn {
        gap: 10px
    }
    .services__item-number {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        width: 35px;
        margin-right: 0;
    }
    .services__item {
        gap: 20px;
        align-items: center;
    }
    .services__item.active .services__item-img {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-width: 0;
    }
    .services__item .services__item-img img:nth-child(1) {
        right: -30px;
        margin-left: -30px;
        transform-origin: right center;
    }
    .services__item-img img {
        width: 60px;
        height: 60px;
    }
    .services__item .services__item-img img:nth-child(3) {
        right: 30px;
    }
    .services__item::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 45px;
        height: 1px;
        background: rgb(20 35 58);
        transition: width 0.35s ease;
    }
    .services__item-title {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .services__item-body {
        gap: 20px;
    }
    .services__item.active .services__item-content .services__item-description {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .services__item.active .services__item-title {
        margin-bottom: 12px;
    }
    .services__item-skills-title {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        text-transform: capitalize;

    }
    .services__item-skills-list {
        gap: 6px;
    }

    /* Mobile tuning: make "chips" a bit smaller so they wrap nicely */
    .services__item-skills-list span {
        padding: 7px 10px;
        font-size: 10px;
        line-height: 100%;
    }
    .services__item.active {
        padding-bottom: 65px;
    }
    .service__item-btn {
        width: 36px;
        height: 36px;
    }
    .service__item-btn span {

        width: 12px;width: 13px
    }
    .why-us__inner {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        position: relative;
        z-index: 3;
        max-width: 1210px;
        margin: 0 auto;
        flex-direction: column;
    } 

    .why-us__pin {
        position: static;
        top: auto;
        z-index: 1;
        min-height: auto;
        box-sizing: border-box;
        padding: 40px 20px 0;
    }

    .why-us__pin::before,
    .why-us__pin::after {
        display: none;
    }
    .why-us__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .why-us__content h2 {
        order: 1;
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        margin-top: 0;
        margin-bottom: 18px;
    }
    .why-us__content p {
        order: 2;
        margin-bottom: 26px;
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .why-us__content img {
        order: 3;
        display: none;
    }

    .why-us__slider-wrap {
        margin-top: 110px;
    }

    .why-us__stack {
        flex-direction: row;
        gap: 10px;
        margin-top: 0;
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
        scroll-padding-left: 20px;
        scroll-padding-right: 20px;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .why-us__stack::-webkit-scrollbar {
        display: none;
    }
    .why-us__card {
        position: static;
        flex-shrink: 0;
        width: 350px;
        max-width: calc(100vw - 60px);
        min-height: 125px;
        max-height: 150px;
        padding: 20px;
        border-radius: 12px;
        background: rgba(0, 146, 255, 0.2);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border: 1px solid rgba(255, 255, 255, 0.25);
        scroll-snap-align: start;
        transform: none !important;
        will-change: auto;
    }
    .why-us__card h3 {
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .why-us__card li{
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        
    }
    .why-us__pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-top: 24px;
        padding: 0 20px;
    }

    .why-us__dot {
        padding: 0;
        border: none;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(90, 162, 228, 1);
        cursor: pointer;
        transition: background 0.2s ease, width 0.2s ease, border-radius 0.2s ease;
    }

    .why-us__dot.is-active {
        width: 60px;
        border-radius: 999px;
        background: rgba(50, 88, 143, 1)
    }
    .projects__title-extra {
        display: none;
    }
    .why-us__stat-value {
        font-family: Delight;
        font-weight: 400;
        font-style: Regular;
        font-size: 40.56px;
        leading-trim: CAP_HEIGHT;
        line-height: 120%;
        letter-spacing: 0%;
        vertical-align: bottom;
        text-transform: uppercase;

    }
    .why-us__stat-title {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 80%;
        letter-spacing: 0px;
        vertical-align: bottom;

    }
    .why-us__stat-title span {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: bottom;
    }
    .why-us__stat-header {
        gap: 15px;
    }
    .why-us__card--stat .why-us__stat-header {
        margin-bottom: 10px;
    }
    .why-us__stat-bar {
        height: 35px;
    }
    .why-us__stat-bar-stripes {
        width: 100%;
        height: 100%;
        background-image: repeating-linear-gradient(-45deg, rgba(232, 246, 255, 1) 0, rgba(232, 246, 255, 1) 15px, transparent 15px, transparent 20px);
    }
    .why-us {
        padding-bottom: 50px;
        background-image: url(img/cta/clouds-mobile-bg.png);
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat;
    }
    .why-us__pin {
        padding-top: 50px;
    }
    .projects {
        margin-top: 120px;
    }
    .projects__inner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }
    .projects__all-btn-wrap {
        display: block;
        margin-top: 24px;
    }
    .projects__all-btn {
        display: block;
        width: -webkit-fill-available;
        text-align: center;
        border-radius: 100px;
        padding: 16.5px 24px;

        font-family: Delight;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;


        color: rgba(241, 245, 248, 1);
        background: rgba(0, 130, 250, 1);
    }
    .projects__title {
        margin-bottom: 36px;
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 62px;
        leading-trim: CAP_HEIGHT;
        line-height: 60px;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .projects__header {
        padding: 15px 24px;
        border-radius: 14px;
    }
    .projects__header img {
        width: 13px;
    }
    .projects__header div {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        vertical-align: middle;
    }
    .projects__header span {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        position: relative;
        top: 2px;
    }
    .projects__header {
        margin-bottom: 4px;
    }
    .projects {
        margin-bottom: 100px;
    }
    .partners_header {
        display: flex;
        gap: 16px;
        margin-bottom: 36px;
        flex-direction: column;
    }
    .partners_opinions__title {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;

    }
    .partners_header--left {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .partners_opinions__inner {
        display: flex;
        gap: 8px;
        align-items: stretch;
        flex-direction: column;
    }
    .partners_opinions__item {
        width: 100%;
    }
    .partners_opinions__rate-text {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }    
    .partners_opinions__card {
        gap: 67px;
        height: auto;
    }
    .partners_opinions__rate_footer-img {
        height: 20px;
    }
    .partners_opinions__rate_footer-stars {
        margin-bottom: 4px;
    }
    .partners_review_header {
        justify-content: flex-start;
        flex-wrap: nowrap;
        position: relative;
    }
    .partners_review_header-stars {
        display: block;
        margin-left: auto;
        width: auto;
        height: 14px;
        align-self: center;
    }
    .partners_review_text > img[src*="stars"] {
        display: none;
    }
    .partners_review_header-stars {
        right: 30px;
        top: 30px;
        position: absolute
    }
    .partners_review_text span {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        vertical-align: middle;
        padding-right: 60px;
    }
    .cta {
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .cta__inner h2 {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;

    }
    .cta__inner p {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;

    }
    .cta__bg {
        display: none;
    }
    .cta::before {
        display: none;
    }
    .cta::after {
        display: none;
    }
    .cta {
        background-image: url(img/cta/clouds-mobile-bg-2.png);
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }
    .partners_opinions {
        margin-bottom: 50px;
    }
    .form__inner {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 4px;
        flex-direction: column-reverse;
    }
    .form_right, .form_left {
        width: 100%;
        flex: 1;
        max-width: 100%;
    }
    .form_left .digitall-setter-founder-quote,
    .form_left .digitall-setter-founder-quote-text {
        display: none !important;
    }
    .form_left .digitall-setter-founder-contact-title {
        display: none !important;
    }
    .form_left {
        gap: 38px;
    }
    .form_right-inner {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }
    .form_right {
        padding: 20px;
    }
    .ds-form-panels {
        min-height: 440px;
    }
    .form_right h2 {
        font-family: Delight;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 24px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        margin-bottom: 30px;
    }
    .ds-form-success-text {
        font-size: 28px;
        max-width: 100%;
    }
    .ds-form-success-caption {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .ds-form-success-btn {
        max-width: 100%;
    }
    .form_right-inner-btn {
        font-family: Delight;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        padding: 18.5px;
    }
    .page-main .form {
        padding-top: 0;
    }
    .form_right-inner-item-checkbox input {
        min-width: 24px;
        min-height: 24px;
    }
    .form_right-inner-item-checkbox {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 11px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        gap: 12px;
        align-items: center;
    }
    .form_left {
        padding: 40px 20px;
    }
    footer {
        padding-top: 236px;
    }
    .footer_top-content-item {
        width: inherit;
    }
    .footer_word {
        display: none;
    }
    .footer_top-content {
        display: flex;
        gap: 0px;
        justify-content: space-between;
        width: -webkit-fill-available;
    }
    .footer-center {
        display: block;
    }
    .footer-center img {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .footer_top-content-item-title {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        text-transform: capitalize;

    }
    .form_right-inner-item-checkbox label {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 1.3;
        letter-spacing: 0px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        min-height: 24px;
        padding-left: 36px;
        word-break: normal;
        overflow-wrap: anywhere;
    }
    .form_right-inner-item-checkbox label a {
        display: inline;
        margin: 0 2px;
    }
    .footer_top-content-item a {
        font-family: Delight;
        font-weight: 400;
        font-style: Regular;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        display: flex;
    }
    .footer-social-text-link {
        display: inline-flex;
        align-items: center;
        gap: 15px;
    }
    .footer_top-content-item a.footer-social-text-link::after {
        content: '';
        position: static;
        left: auto;
        bottom: auto;
        display: inline-block;
        width: 10px;
        height: 11px;
        flex: 0 0 10px;
        transition: none;
        background-repeat: no-repeat;
        background-size: contain;
        background: inherit;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='11' viewBox='0 0 10 11' fill='none'%3E%3Cg clip-path='url(%23clip0_329_2452)'%3E%3Cpath d='M1.498 0.795V1.445C1.498 1.523 1.53 1.598 1.585 1.654C1.64 1.709 1.715 1.74 1.794 1.74H7.883L0.086 9.537C0.031 9.592 0 9.667 0 9.745C0 9.824 0.031 9.899 0.087 9.954L0.546 10.414C0.661 10.529 0.848 10.529 0.964 10.414L8.76 2.617V8.707C8.76 8.785 8.791 8.86 8.846 8.915C8.902 8.971 8.977 9.002 9.055 9.002H9.705C9.783 9.002 9.858 8.971 9.913 8.915C9.969 8.86 10 8.785 10 8.707V0.795C10 0.717 9.969 0.642 9.913 0.587C9.858 0.531 9.783 0.5 9.705 0.5H1.793C1.715 0.5 1.64 0.531 1.585 0.587C1.529 0.642 1.498 0.717 1.498 0.795Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_329_2452'%3E%3Crect width='10' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
    .footer_top-content-item a.footer-social-text-link:hover::after {
        width: 10px;
    }
    .footer_bottom {
        margin-top: 0;
    }
    .footer__inner {
        display: flex;
        flex-direction: column;
        gap: 105px
    }
    footer {
        padding-bottom: 40px;
        background: url(../assets/img/footer/bg-mobile.png) no-repeat center center;
        background-size: cover;
    }

    .legal-main {
        padding-top: 60px;
    }

    .legal-hero {
        padding-top: 50px;
        padding-bottom: 18px;
    }

    .legal-hero__title {
        font-size: 32px;
    }

    .legal-content {
        padding-bottom: 50px;
    }

    .legal-content__inner {
        padding: 28px 20px 36px;
    }

    .legal-content__block {
        font-size: 14px;
    }
    .legal-content__inner {
        padding: 0;
    }
    .footer_bottom-content-item a {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;

    }
    .footer_bottom-content {
        gap: 16px;
        width: 100%;
    }
    .footer_bottom-content-item {
        display: flex;
        gap: 8px;
        align-items: center;
        color: rgba(255, 255, 255, 1);
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: left;
        vertical-align: middle;
        justify-content: flex-end;
    }
    .footer_bottom {
        margin-top: 0;
        display: flex;
        flex-direction: column;
    }
    .footer_bottom-setter {
        display: none;
    }
    .footer_bottom-content-item-year {
        margin-right: auto;
    }
    p.legal-section-title {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 21px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        text-transform: uppercase;
        margin-bottom: 30px!important;
    }
    .legal-content__block p.legal-subheading {
        font-size: 15px;
        margin-bottom: 13px!important;
    }
    .legal-subheading + p, .legal-content__block p.legal-subheading--mb40 {
        margin-bottom: 30px!important;
    }
    .partners_opinion_stats_text {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;

    }
    .partners_opinion_stats_text span {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        text-transform: capitalize;

    }
    .projects {
        margin-top: 110px;
    }
    .projects__title_text-title {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 62px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;

    }
    .projects__title_text {
        display: flex;
        flex-direction: column;
        gap: 18px;
        margin-bottom: 35px;
        justify-content: space-between;
    }
    .projects__title_text-subtitle-year {
        display: none;
    }
    .why-us__action {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        align-items: center;
    }
    .projects .why-us__action {
        margin-bottom: 16px;
    }
    .project__inner {
        padding-top: 50px;
    }
    .project__back-to-projects {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        padding-bottom: 0;
    }
    .project__title {
        margin: 18px 0px;
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 62px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        width: 100%;
    }
    .project__introduction {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 120px;
        flex-direction: column;
        gap: 18px;
        margin-bottom: 36px;
    }
    .project__introduction span {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .project__introduction div {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .project__info-item-title {
        padding: 16px 0px;;
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 14px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: right;
        vertical-align: middle;
        
    }
    .project__info-item-title-text {
        text-align: left;
    }
    .project__images .project__images-item:last-child {
        display: none;
    }
    .project__images-item {
        height: 277px;
    }
    .project__info {
        margin-bottom: 36px;
    }
    .project__images {
        margin-bottom: 50px;
    }
    .project__problem {
        display: flex;
        justify-content: space-between;
        gap: 24px;
        flex-direction: column;
    }
    .project__problem-item span {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        vertical-align: middle;
        margin-bottom: 24px;
    }
    .project__problem-item p {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 13px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .project__images-2 {
        margin: 0;
        margin-top: 50px;
        margin-bottom: 50px;
        border-radius: 0;;
    }
    .referral-hero__card::after {
        display: none;
    }
    .referral-hero__card {
        border-radius: 16px;
        padding: 20px;
    }
    .referral-hero .container {
        padding: 0;
    }
    .referral-hero__meta-title {
        font-family: Delight;
        font-weight: 300;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;

    }
    .referral-hero__meta-year {
        font-family: Delight;
        font-weight: 300;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 20px;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;

    }
    .referral-hero__title {
        margin-top: 70px;
        font-family: Delight;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 38px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        margin-bottom: 70px;
    }
    .referral-hero__text {
        padding-right: 60px;
        font-family: Delight;
        font-weight: 400;
        font-style: Regular;
        font-size: 18px;
        leading-trim: NONE;
        line-height: 26px;
        letter-spacing: 0%;
        vertical-align: middle;

    }
    .referral-hero__btn {
        margin: 0 20px;
        margin-top: 30px;
        width: -webkit-fill-available;
        text-align: center;
        display: flex;
        align-items: center;
        padding: 16.5px;
        justify-content: center;
    }
    .strategy__title {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        margin-top: 16px;
        margin-bottom: 36px;
    }
    .strategy__item-content {
        display: none;
    }
    .strategy__item-head {
        flex: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 20px;
        min-width: 0;
    }
    .strategy__item-icon {
        margin-left: 20px;
    }
    .strategy__item-icon::before {
        left: -20px;
    }
    .strategy__list {
        margin-bottom: 150px;;
    }
    .true-value__title {
        font-family: Delight;
        font-weight: 700;
        font-style: Bold;
        font-size: 32px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        text-align: left;
        margin-bottom: 36px;
    }
    .true-value__list {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 100px;
        flex-direction: column;
    }
    .true-value__item-content {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0px;
        vertical-align: middle;

    }
    .true-value__item-head, .true-value__item-content {
        border-radius: 0;
    }
    .true-value__item-head {
        border-radius: 18px 18px 0px 0px;
    }
    .true-value__item-content {
        border-radius: 0px 0px 18px 18px;
    }
    .true-value__item-head {
        padding-bottom: 0;;
    }
    .how-works__header {
        flex-direction: column;
        margin-bottom: 40px;
        display: flex;
        align-items: flex-start;
        gap: 36px;
    }
    .how-works__subtitle {
        margin-top: 16px;
        margin-bottom: 0;
    }
    .how-works__step {
        max-width: none;
        flex: 1;
    }
    .how-works__step-num {
        font-family: Delight;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0px;
        vertical-align: middle;
        color: rgba(224, 241, 255, 1);
        margin-bottom: -18px;
        display: flex;
    }
    .how-works__step-title {
        padding: 0px 45px;
        padding-bottom: 6px;
    }
    .services--referral .services__header--left-mobile {
        display: none;
    }
    .services--referral .services__action {
        display: block;
        padding-top: 24px;
        text-align: center;
    }
    .services--referral-push-up {
        display: none;
    }
    .services__list {
        padding-bottom: 28px;
    }
    .services__action-btn {
        padding: 16.5px;
        width: -webkit-fill-available;
    }
    .ds-form-panel h2 {
        font-weight: 400;
        font-style: Medium;
        font-size: 56px;
        leading-trim: CAP_HEIGHT;
        line-height: 100%;
        letter-spacing: -3px;
        vertical-align: middle;
        margin-bottom: 30px;
    }
    .ds-form-success-footer .form_right-inner-btn {
        padding: 16.5px;
        width: -webkit-fill-available;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .project_title_img_cont {
        display: none;
    }
    .project__title_col {
        gap: 0;
    }
}   

@media(max-width: 500px) {
    .why-us {
        padding-bottom: 50px;
        background-image: url(img/cta/clouds-mobile-bg.png);
        background-size: cover;
        background-position: top center;
    }
}