:root {
    /* Font Sizes */
    --text-xs: 14px;
    --text-sm: 16px;
    --text-md: 18px;
    --text-lg: 20px;
    --text-xl: 22px;
    --text-xxl: 24px;
    --text-2xl: 38px;
    --text-3xl: 48px;
    --text-3xl1: 56px;
    --text-4xl: 64px;
    --text-display: 112px;
    --text-display1: 144px;
    /* Line Heights */
    --line-height-xxs: 14px;
    --line-height-xs: 16px;
    --line-height-sm: 19px;
    --line-height-sm1: 22px;
    --line-height-md: 24px;
    --line-height-md1: 26px;
    --line-height-md2: 28px;
    --line-height-lg: 30px;
    --line-height-lg1: 32px;
    --line-height-xl: 44px;
    --line-height-xxl: 46px;
    --line-height-xxl1: 50px;
    --line-height-2xl: 60px;
    --line-height-2xl1: 68px;
    --line-height-3xl: 78px;
    --line-height-display: 112px;
    --line-height-display1: 144px;
    /* Font Families */
    --font-neue-haas: "neue-haas-grotesk-text", sans-serif;
    --font-gestura-headline-regular: 'GesturaHeadline-Regular';
    /* Font Weights */
    --font-weight-regular: 400;
    --font-weight-normal: normal;
    /* Font Styles */
    --font-style-normal: normal;
    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-sm1: 10px;
    --space-md: 16px;
    --space-md1: 20px;
    --space-lg: 24px;
    --space-lg1: 26px;
    --space-xl: 30px;
    /* Border Radius */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-pill: 100px;
    --radius-custom: 12px 12px 0 0;
    --radius-custom2: 8px 8px 0 0;
    /* Transitions */
    --transition-slow: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Colors */
    --color-black: #1E1E1E;
    --color-black1: #1C1C1C;
    --color-white: #FFFFFF;
    --color-light-gray: #F5F5F5;
    --color-light-gray1: #FAF7F7;
    --color-medium-gray: #D1D1D1;
    --color-medium-gray1: #FFFFFF14;

    --color-dark-gray: #595959;
    --color-blue: #4653C9;
    --color-blue1: #4452C9;

    --color-light-blue: #BFC3FD;
    --color-lighter-blue: #A8AEFF;
    --color-purple: #BFC3FE;
    --color-purple1: #979dfc;
    --color-dark-blue: #102291;
    --color-orange: #FDAE59;
    --color-orange1: #FCAE59;
    --color-gold: #C39A6E;
    --color-dark-green: #282E07;
    --color-dark: #252527;

    /* Theme Colors */
    --color-bg-body: var(--color-black1);
    --color-heading: var(--color-light-gray);
    --color-text: var(--color-black);
    --color-description: var(--color-light-gray);
    --color-text-secondary: var(--color-white);
    --color-bg-btn: var(--color-light-gray);
    --color-bg-btn-hover: #e9eaf2;
    --color-bg-contact-button: var(--color-purple);
    --color-bg-contact-button-hover: var(--color-purple1);
    --color-bg-transform-ideas: #ededed;
    --color-bg-what-we-serving: #FFFFFF14;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    color: var(--color-black);
    background-color: var(--color-bg-body);
    font-size: 0.06944444444444445vw;
    font-family: var(--font-neue-haas);
    font-weight: var(--font-weight-regular);
    font-style: var(--font-style-normal);
    -webkit-font-smoothing: antialiased;
    overflow: visible;
}


/* Background Colors */

.bc_white {
    background-color: var(--color-white);
}

.bc_black {
    background-color: var(--color-black);
}

.bc_blueberry {
    background-color: var(--color-light-blue);
}

.bc_blueberry_footer {
    background-color: var(--color-light-blue);
}

.bc_orange {
    background-color: var(--color-orange);
}

.bc_blue {
    background-color: var(--color-blue);
}

.bc_rentail_blue {
    background-color: var(--color-dark-blue);
}

.bc_hadart_green {
    background-color: var(--color-dark-green);
}

.bc_ajhi_gold {
    background-color: var(--color-gold);
}

.bc_pro-envi {
    background-color: var(--color-dark);
}

@media screen and (min-width: 1024px) {

    .bc_white,
    .bc_black,
    .bc_blue,
    .bc_blueberry,
    .bc_blueberry_footer,
    .bc_rentail_blue,
    .bc_hadart_green,
    .bc_ajhi_gold,
    .bc_pro-envi,
    .bc_orange {
        border-radius: var(--radius-lg);
    }
}

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

    .bc_white,
    .bc_black,
    .bc_blue,
    .bc_blueberry,
    .bc_blueberry_footer,
    .bc_rentail_blue,
    .bc_hadart_green,
    .bc_ajhi_gold,
    .bc_pro-envi,
    .bc_orange {
        border-radius: var(--radius-md);
    }

    .bc_blueberry_footer {
        border-radius: var(--radius-custom);
    }
}

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

    .bc_white,
    .bc_black,
    .bc_blue,
    .bc_blueberry,
    .bc_blueberry_footer,
    .bc_rentail_blue,
    .bc_hadart_green,
    .bc_ajhi_gold,
    .bc_pro-envi {
        border-radius: var(--radius-sm);
    }

    .bc_blueberry_footer {
        border-radius: var(--radius-custom2);
    }
}

.c1-3 {
    grid-column: 1/3;
}

.c1-4 {
    grid-column: 1/4;
}

.c1-5 {
    grid-column: 1/5;
}

.c1-6 {
    grid-column: 1/6;
}

.c1-7 {
    grid-column: 1/7;
}

.c1-8 {
    grid-column: 1/8;
}

.c1-9 {
    grid-column: 1/9;
}

.c1-10 {
    grid-column: 1/10;
}

.c1-13 {
    grid-column: 1/13;
}

.c1-1mob {
    grid-column: 1/1;
}

.c2-6 {
    grid-column: 2/6;
}

.c2-10 {
    grid-column: 2/10;
}

.c2-12 {
    grid-column: 2/12;
}

.c2-13 {
    grid-column: 2/13;
}

.c3-11 {
    grid-column: 3/11;
}

.c3-13 {
    grid-column: 3/13;
}

.c4-6 {
    grid-column: 4/6;
}

.c4-7 {
    grid-column: 4/7;
}

.c4-8 {
    grid-column: 4/8;
}

.c4-9 {
    grid-column: 4/9;
}

.c4-10 {
    grid-column: 4/10;
}

.c4-11 {
    grid-column: 4/11;
}

.c4-13 {
    grid-column: 4/13;
}

.c4-4mob {
    grid-column: 4/4;
}

.c5-9 {
    grid-column: 5/9;
}

.c5-13 {
    grid-column: 5/13;
}

.c6-9 {
    grid-column: 6/9;
}

.c6-12 {
    grid-column: 6/12;
}

.c6-13 {
    grid-column: 6/13;
}

.c7-8 {
    grid-column: 7/8;
}

.c7-9 {
    grid-column: 7/9;
}

.c7-13 {
    grid-column: 7/13;
}

.c8-13 {
    grid-column: 8/13;
}

.c9-13 {
    grid-column: 9/13;
}

.c10-13 {
    grid-column: 10/13;
}

.c11-13 {
    grid-column: 11/13;
}

.c12-13 {
    grid-column: 12/13;
}

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

    .c1-3,
    .c1-4,
    .c1-5,
    .c1-6,
    .c1-7,
    .c1-8,
    .c1-9,
    .c1-10,
    .c1-13,
    .c2-6,
    .c2-10,
    .c2-12,
    .c2-13,
    .c3-11,
    .c3-13,
    .c4-6,
    .c4-7,
    .c4-8,
    .c4-9,
    .c4-10,
    .c4-11,
    .c4-13,
    .c5-9,
    .c5-13,
    .c6-9,
    .c6-12,
    .c6-13,
    .c7-8,
    .c7-9,
    .c7-13,
    .c8-13,
    .c9-13,
    .c10-13,
    .c11-13,
    .c12-13 {
        grid-column: 1/5;
    }
}

.mt100 {
    margin-top: 100rem;
}

.mb96 {
    margin-bottom: 96rem;
}

.mb112 {
    margin-bottom: 112rem;
}

@media screen and (max-width: 1024px) {
    .mb112 {
        margin-bottom: 48rem;
    }
}

@media screen and (max-width: 480px) {
    .mb112 {
        margin-bottom: 40rem;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 0.13020833333333331vw;
    }

    .Space {
        display: none;
    }
}

@media screen and (max-width: 480px) and (min-width: 320px) {
    html {
        font-size: 0.26666666666666666vw;
    }

    .space120 {
        height: 60rem;
    }
}

@font-face {
    font-family: var(--font-gestura-headline-regular);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    src: url("/fonts/GesturaHeadline-Regular.woff") format("woff");
    src: url("/fonts/GesturaHeadline-Regular.woff2") format("woff2");
}

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

a:hover,
a:visited,
a:link {
    text-decoration: none;
    color: ;
    font-style: ;
}

.link {
    transition: none;
}

.link:hover {
    opacity: 0.1;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
    column-gap: 16rem;
    margin: 0 124rem;
    border-radius: var(--radius-md);
}

@media screen and (max-width: 1024px) {
    .grid {
        grid-template-columns: repeat(4, 1fr);
        margin: 0 24rem;
        border-radius: var(--radius-sm);
    }
}

@media screen and (max-width: 480px) {
    .grid {
        grid-template-columns: repeat(4, 1fr);
        margin: 0 16rem;
        border-radius: var(--radius-sm);
    }
}

a {
    font-size: var(--text-sm);
    line-height: var(--line-height-xs);
    color: var(--color-black);
}

p {
    font-size: var(--text-3xl);
    line-height: var(--line-height-2xl);
    color: var(--color-black1);
}

li {
    font-size: var(--text-md);
    line-height: var(--line-height-md);
    list-style-type: none;
}

ol {
    margin-inline-start: 32rem;
    margin-block-start: 48rem;
}

h1 {
    font-family: var(--font-neue-haas);
    font-weight: var(--font-weight-regular);
    font-style: var(--font-style-normal);
    font-size: var(--text-4xl);
    line-height: var(--line-height-3xl);
    color: var(--color-heading);
}

h2 {
    font-family: var(--font-neue-haas);
    font-weight: var(--font-weight-regular);
    font-style: var(--font-style-normal);
    font-size: var(--text-3xl);
    line-height: var(--line-height-2xl);
    color: var(--color-heading);
}

h2.clipTop.glance {
    color: var(--color-black1);
}

h3 {
    font-family: var(--font-neue-haas);
    font-weight: var(--font-weight-regular);
    font-style: var(--font-style-normal);
    font-size: var(--text-2xl);
    line-height: var(--line-height-xxl);
    color: var(--color-heading);
}

@media screen and (max-width: 1024px) {
    a {
        font-size: var(--text-sm);
        line-height: var(--line-height-xs);
        color: var(--color-black1);
    }

    p {
        font-size: 36rem;
        line-height: var(--line-height-xl);
    }

    h1 {
        font-size: var(--text-3xl);
        line-height: var(--line-height-2xl);
    }

    .work_hero h1 {
        font-size: var(--text-3xl1);
        line-height: var(--line-height-2xl1);
    }

    h2 {
        font-size: var(--text-3xl);
        line-height: var(--line-height-2xl);
    }

    h3 {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }
}

@media screen and (max-width: 480px) {
    p {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    h2 {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }
}


/* Buttony */

.btn_more {
    padding: 16rem 24rem 16rem 24rem;
    border-radius: var(--radius-pill);
    border: solid 1px var(--color-black);
    display: block;
    background-color: var(--color-bg-btn);
}

.btn_more:hover {
    border: solid 1px var(--color-blue);
    color: var(--color-blue);
    background-color: var(--color-bg-btn-hover);
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .btn_more {
        width: 100%;
    }
}


/* Header */

header {
    width: 100%;
    height: auto;
    padding: 16rem 16rem 16rem 16rem;
}

.navbar {
    width: 100%;
    height: auto;
    padding: 0 4rem;
}

.navbar_mobil {
    display: none;
}

.menu_open {
    display: none;
}

.logo {
    mix-blend-mode: difference;
    position: fixed;
    z-index: 1000;
}

.logo img {
    width: auto;
    height: 44rem;
}

.links_bar {
    background-color: var(--color-bg-btn);
    border-radius: var(--radius-pill);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    right: 23.6%;
    position: fixed;
    z-index: 1000;
}

.links_bar ul {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.menu_list {
    padding: 4rem 4rem;
}

.menu_list li {
    height: max-content;
}

ul.menu_list a {
    display: block;
    font-size: var(--text-sm);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xs);
    color: var(--color-black);
    padding: 9rem 10rem;
    border-radius: var(--radius-pill);
    border: solid 1px rgba(70, 83, 201, 0);
}

ul.menu_list a:hover {
    border: solid 1px var(--color-blue);
    color: var(--color-blue);
    background-color: rgba(70, 83, 201, 0.07);
}

li.btn_active a {
    display: block;
    font-size: var(--text-sm);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xs);
    color: var(--color-blue);
    padding: 9rem 10rem;
    border: solid 1px var(--color-blue);
    border-radius: var(--radius-pill);
    background-color: rgba(70, 83, 201, 0.07);
}

.btn_contact {
    position: fixed;
    z-index: 1000;
    right: 20rem;
    padding-top: 4rem;
}

.btn_contact a {
    display: block;
    font-size: var(--text-sm);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xs);
    color: var(--color-black);
    padding: 9rem 10rem;
    border-radius: var(--radius-pill);
    background-color: var(--color-bg-contact-button);
    transition: 0.25s;
}

.btn_contact a:hover {
    background-color: var(--color-bg-contact-button-hover);
}

.btn_contact_active {
    position: fixed;
    z-index: 1000;
    right: 20rem;
    padding-top: 4rem;
}

.btn_contact_active a {
    display: block;
    font-size: var(--text-sm);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xs);
    color: var(--color-blue);
    padding: 9rem 10rem;
    border: solid 1px var(--color-blue);
    border-radius: var(--radius-pill);
    background-color: rgba(245, 245, 245, 0.5);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

.btn_lang {
    position: fixed;
    z-index: 1000;
    right: 9.4%;
    padding-top: 4rem;
}

.btn_lang a {
    display: block;
    font-size: var(--text-xs);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xs);
    color: var(--color-black);
    padding: 9rem 10rem;
    background-color: var(--color-bg-btn);
    border-radius: var(--radius-pill);
    border: solid 1px rgba(70, 83, 201, 0);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

.btn_lang a:hover {
    border: solid 1px var(--color-blue);
    color: var(--color-blue);
    background-color: var(--color-bg-btn-hover);
}


/* Header mobil */


/*-------------------- 1024 */

@media screen and (max-width: 1024px) {
    header {
        width: 100%;
        height: auto;
        padding: 8rem;
        position: fixed;
        z-index: 1000;
    }

    .navbar {
        display: none;
    }

    .navbar_mobil {
        width: 100%;
        height: auto;
        padding: 4rem 4rem 4rem 12rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background-color: rgba(245, 245, 245, 0.5);
        border-radius: var(--radius-pill);
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        align-items: center;
    }

    .logo {
        position: relative;
        mix-blend-mode: normal;
        padding-top: 4rem;
    }

    .logo img {
        height: 24rem;
        width: auto;
    }

    .ham {
        width: 44rem;
        height: 44rem;
        background-color: var(--color-blue);
        border-radius: var(--radius-pill);
    }

    .ham:before {
        content: "";
        display: block;
        position: absolute;
        height: 10rem;
        width: 18rem;
        background-size: 18rem 10rem;
        background-image: url(/img/Line_ham.svg);
        background-repeat: no-repeat;
        margin-top: 0;
        transform: translate(73%, 158%);
    }

    .menu_open {
        width: 100%;
        height: 100%;
        background-color: rgb(245 245 245 / 50%);
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        position: fixed;
        z-index: 1001;
        top: 0;
        left: 0;
    }

    #menu_mobil {
        display: none;
    }

    #menu_mobil.active {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mo_header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 12rem 12rem 12rem 20rem;
    }

    .mo_ham {
        width: 44rem;
        height: 44rem;
        border: solid 1px var(--color-blue);
        color: var(--color-blue);
        background-color: rgba(70, 83, 201, 0.07);
        border-radius: var(--radius-pill);
    }

    .mo_ham:before {
        content: "";
        display: block;
        position: absolute;
        height: 14rem;
        width: 14rem;
        background-size: 14rem 14rem;
        background-image: url(/img/Line_om_ham.svg);
        background-repeat: no-repeat;
        margin-top: 0;
        transform: translate(100%, 100%);
    }

    .mo_links {
        padding: 16rem 24rem;
        row-gap: 8rem;
    }

    .mo_links ul {
        display: flex;
        flex-direction: column;
        row-gap: 8rem;
    }

    ul.mo_list a {
        display: block;
        font-size: var(--text-2xl);
        font-style: var(--font-style-normal);
        font-weight: var(--font-weight-regular);
        line-height: 38rem;
        color: var(--color-black);
        padding: 16rem 24rem 16rem 0;
        border-radius: var(--radius-pill);
        border: solid 1px rgba(70, 83, 201, 0);
    }

    li.btn_active_m a {
        display: block;
        font-size: var(--text-2xl);
        font-style: var(--font-style-normal);
        font-weight: var(--font-weight-regular);
        line-height: 38rem;
        color: var(--color-blue);
        padding: 16rem 24rem 16rem 24rem;
        border-radius: var(--radius-pill);
        border: solid 1px var(--color-blue);
        background-color: rgba(70, 83, 201, 0.07);
        width: fit-content;
    }

    .mo_footer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 24rem 16rem 24rem 24rem;
        align-items: center;
    }

    .btn_contact {
        position: relative;
        z-index: 1000;
        right: 0;
    }

    .btn_contact a {
        display: block;
        font-size: var(--text-xl);
        line-height: var(--line-height-sm1);
        padding: 16rem 24rem 16rem 24rem;
    }

    .btn_lang {
        position: relative;
        right: 0;
        padding-top: 0;
        padding-left: 32rem
    }

    .btn_lang a {
        font-size: var(--text-xs);
        font-style: var(--font-style-normal);
        font-weight: var(--font-weight-regular);
        line-height: var(--line-height-xxs);
        color: var(--color-black);
        padding: 16rem 16rem 16rem 16rem;
        background-color: rgba(245, 245, 245, 0.5);
    }
}


/*-------------------- 480 */

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


/* Section */

section {
    width: 100%;
    height: auto;
    padding: 8rem 16rem;
}

.s_Title {
    padding-bottom: 48rem;
}


/*--mobil------------- 1024 */

@media screen and (max-width: 1024px) {
    section {
        padding: 8rem 0;
    }

    .s_Title {
        padding-bottom: 32rem;
    }
}

.sans_serif {
    font-family: var(--font-neue-haas);
    font-weight: var(--font-weight-regular);
    font-style: var(--font-style-normal);
}

.serif_GH {
    font-family: var(--font-gestura-headline-regular);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
}

.serif:before {
    content: "Pineapples&Dogs: ";
    font-family: var(--font-gestura-headline-regular);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: 66rem;
}


/* Hero */

.clame {
    padding-top: 100rem;
    padding-bottom: 48rem;
}

.c1-13 .clame {
    padding-bottom: 80rem;
    padding-top: 100rem;
}


/* Hero */

.Hero {
    width: 100%;
    height: auto;
    padding-top: 100rem;
    display: flex;
    flex-direction: column;
}

.Hero .clame {
    padding-bottom: 48rem;
    padding-top: 0;
}

.Hero .mo_clame {
    display: none;
}

.c1-13.mo_clame {
    display: none;
}

#background_video {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
}

.hero_discript {
    padding-top: 100rem;
    padding-bottom: 96rem;
    transform: translateY(-16rem);
}

.hero_discript p {
    font-size: var(--text-3xl);
    line-height: var(--line-height-2xl);
    color: var(--color-description);
    padding-top: 8rem;
}

.work_hero .hero_discript p {
    font-size: var(--text-2xl);
    line-height: var(--line-height-xxl);
    padding-top: 8rem;
}

.work_hero .hero_discript {
    transform: none;
}

.hero_discript span img {
    width: auto;
    height: 72rem;
    padding-right: 4rem;
    transform: translateY(4rem);
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    .Hero {
        padding: 160rem 24rem 0 24rem;
    }

    .Hero #background_video {
        border-radius: var(--radius-sm);
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .Hero {
        padding: 168rem 16rem 0 16rem;
    }

    .Hero .clame {
        display: none;
    }

    .Hero .mo_clame {
        display: flex;
        flex-direction: column;
        padding-bottom: 32rem;
    }

    .c1-13.mo_clame {
        display: flex;
        flex-direction: column;
        padding-top: 168rem;
        padding-bottom: 32rem;
    }

    .Hero #background_video {
        border-radius: var(--radius-sm);
    }
}


/*-------------------- 480 */

@media screen and (max-width: 480px) {
    .clame {
        padding-top: 168rem;
        padding-bottom: 12rem;
    }

    .hero_discript {
        padding-top: 12rem;
        padding-bottom: 32rem;
    }

    .hero_discript p {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }
}


/* Aproche */

.col_discrip {
    padding: 96rem 0 96rem 0;
    display: flex;
    flex-direction: row;
    gap: 16rem;
}

.col_discrip p {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
}

.col_left {
    width: 100%;
    padding-right: 16rem;
}

.col_right {
    width: 100%;
    padding-right: 16rem;
}

.Aproche_photo {
    padding-bottom: 112rem;
}

.Aproche_photo img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
}


/*.A_img {
  transform: scale(1.0);
  height: 768rem;
  width: 100%;
  border-radius: var(--radius-sm);
  transition: 0.25s linear;
  background-image: url("img/PaD.jpg");
  background-size: 768rem 592rem;
  background-position: top;
  background-repeat: no-repeat;
}*/


/*-------------------- 480 */

@media screen and (max-width: 480px) {
    .col_discrip {
        padding: 48rem 0 48rem 0;
        flex-direction: column;
        gap: 16rem;
    }

    .col_discrip p {
        font-size: var(--text-lg);
        line-height: var(--line-height-md1);
    }

    .col_left {
        width: 100%;
        padding-right: 16rem;
    }

    .col_right {
        width: 100%;
        padding-right: 16rem;
    }

    .Aproche_photo {
        padding-bottom: 68rem;
    }

    /*.A_img {
  transform: scale(1.0);
  height: 344rem;
  width: 460rem;
  border-radius: var(--radius-sm);
  transition: 0.25s linear;
  background-image: url("img/PaD_photo.jpg");
  background-size: 344rem 460rem;
  background-position: top;
  background-repeat: no-repeat;
}*/
}


/* Philosophy */

.Philosophy_discrip {
    display: flex;
    flex-direction: column;
    padding-top: 96rem;
    padding-bottom: 96rem;
    row-gap: 16rem;
}

.Philosophy_discrip a {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
}


/*-------------------- 480 */

@media screen and (max-width: 480px) {
    .Philosophy_discrip {
        flex-direction: column;
        padding-top: 48rem;
        padding-bottom: 48rem;
        row-gap: 16rem;
    }

    .Philosophy_discrip p {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }

    .Philosophy_discrip a {
        font-size: var(--text-sm);
        line-height: var(--line-height-xs);
    }
}


/* CTA */

.CTA_content {
    display: flex;
    flex-direction: column;
    margin-top: 169rem;
    margin-bottom: 168rem;
    background-color: var(--color-bg-what-we-serving);
    border-radius: var(--radius-md);
}

.CTA_clame {
    display: flex;
    flex-direction: column;
    row-gap: 24rem;
    text-align: center;
    justify-content: center;
    padding: 96rem;
}

.CTA_clame span img {
    width: 188rem;
    height: auto;
}

.kf_slideScale .CTA_clame {
    justify-content: flex-start;
    text-align: left;
    padding-top: 96rem;
    padding-bottom: 96rem;
    padding-left: 0;
    padding-right: 0;
    gap: 0;
}

.kf_slideScale .CTA_clame span img {
    width: 144rem;
    height: auto;
    padding-bottom: 12rem;
}

.kf_slideScale .CTA_clame .Btn_sfc {
    padding-top: 24rem;
}

.Tel_data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 24rem;
    gap: 24rem;
}

.Td_info {
    display: flex;
    flex-direction: column;
    font-size: var(--text-sm);
    line-height: 20rem;
    color: var(--color-white);
    max-width: 180rem;
}

.CTA_clame h1 {
    color: var(--color-white);
}

.CTA_clame a {
    color: var(--color-white);
    line-height: var(--line-height-sm1);
}

.CTA_links {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    padding: 0 72rem 96rem 72rem;
}

.CTA_mp {
    display: flex;
    flex-direction: column;
    row-gap: 12rem;
}

.CTA_mp a {
    font-size: 32rem;
    line-height: var(--line-height-lg1);
    color: var(--color-white);
}

.CTA_mp a:hover {
    color: rgba(168, 174, 255, 1.0);
}

.CTA_discrip {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: var(--text-sm);
    line-height: var(--line-height-xs);
    color: var(--color-white);
}

.CTA_discrip a {
    font-size: var(--text-sm);
    line-height: var(--line-height-xs);
    color: var(--color-white);
}

.CTA_discrip button {
    text-decoration: none;
    font-size: var(--text-sm);
    line-height: var(--line-height-xs);
    color: var(--color-white);
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.CTA_discrip button:hover {
    color: rgba(168, 174, 255, 1.0);
}

.CTA_discrip button:active {
    color: var(--color-white);
}

.CTA_discrip button:before {
    content: "";
    display: block;
    position: absolute;
    height: 16rem;
    width: 16rem;
    background-size: 16rem 16rem;
    background-image: url(img/copy_icon.svg);
    background-repeat: no-repeat;
    transform: translateX(-20rem);
}

.Btn_sfc {
    display: flex;
}

.Btn_sfc a {
    color: var(--color-text);
    border: solid 1px var(--color-white);
}

.Btn_sfc a:hover {
    color: var(--color-bg-contact-button-hover);
    border: solid 1px var(--color-bg-contact-button-hover);
    background-color: var(--color-bg-btn-hover);
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    .CTA_content {
        margin-top: 96rem;
        margin-bottom: 96rem;
        border-radius: var(--radius-sm);
    }

    .CTA_clame {
        row-gap: 16rem;
        padding: 64rem 48rem;
    }

    .CTA_links {
        padding: 0 64rem 96rem 64rem;
    }

    .CTA_mp a {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .kf_slideScale .CTA_clame {
        row-gap: 16rem;
        padding: 64rem 16rem;
    }

    .Tel_data {
        padding: 0 16rem 24rem 16rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .kf_slideScale .CTA_clame {
        padding: 48rem 0;
    }

    .kf_slideScale .CTA_clame span {
        padding-bottom: 12rem;
    }

    .CTA_content {
        margin-top: 64rem;
        margin-bottom: 64rem;
        border-radius: var(--radius-sm);
    }

    .CTA_clame {
        row-gap: 16rem;
        padding: 48rem 16rem;
    }

    .CTA_clame span {
        font-size: var(--text-3xl);
        line-height: var(--line-height-2xl);
        padding-bottom: 0;
    }

    .CTA_clame h1 {
        color: var(--color-white);
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }

    .CTA_clame a {
        font-size: var(--text-xs);
        line-height: 18rem;
        padding-left: 48rem;
        padding-right: 48rem;
    }

    .CTA_links {
        display: flex;
        flex-direction: column;
        row-gap: 48rem;
        justify-content: space-between;
        align-items: center;
        padding: 0 24rem 48rem 24rem;
        text-align: center;
    }

    .CTA_mp {
        display: flex;
        flex-direction: column;
        row-gap: 8rem;
    }

    .CTA_mp a {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .Btn_sfc {
        width: 100%;
    }

    .Btn_sfc a {
        width: 100%;
    }

    .Tel_data {
        flex-direction: column;
        justify-content: space-between;
        padding: 0 0 24rem 0;
        gap: 24rem;
    }

    .Td_info {
        padding-bottom: 24rem;
        max-width: 180rem;
    }
}


/* Services */

.navi_scroll_bar {
    position: sticky;
    z-index: 500;
    top: 96rem;
    width: 100%;
    padding-left: 124rem;
}

.navi_scroll_bar ul {
    display: flex;
    flex-direction: row;
    column-gap: 8rem;
    padding-bottom: 24rem;
}

.navi_scroll_bar:after {
    position: absolute;
    width: 100%;
    height: 8rem;
    background-color: blue;
    transform: translateY(-10px);
}

ul.nsb_links a {
    display: block;
    font-size: var(--text-xs);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xxs);
    color: var(--color-black);
    padding: 9rem 10rem;
    border-radius: var(--radius-pill);
    border: solid 1px var(--color-medium-gray);
    background-color: var(--color-bg-btn);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

li.nsb_active a {
    display: block;
    font-size: var(--text-xs);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-xxs);
    color: var(--color-black);
    padding: 9rem 10rem;
    border-radius: var(--radius-pill);
    border: solid 1px #B2B2B2;
    background-color: rgba(245, 245, 245, 0.5);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

ul.nsb_links a:hover {
    border: solid 1px #B2B2B2;
}

.nsb_scroll_position {
    position: absolute;
    width: 8rem;
    height: 8rem;
    border-radius: var(--radius-pill);
    transform: translateY(-168rem);
}

.divider {
    height: 24rem;
    border: solid 1px rgba(245, 245, 245, 0.3);
    border-bottom: none;
    border-radius: var(--radius-custom);
}

.nsb_scroll_position+.divider {
    border: solid 1px var(--color-medium-gray);
    border-bottom: none;
}

.Book_call {
    display: flex;
    flex-direction: column;
    padding: 48rem 24rem 48rem 24rem;
    gap: 24rem;
    align-items: flex-start;
}

.Book_call h2 {
    color: var(--color-white);
}

.Book_call span img {
    height: 48rem;
    width: auto;
}

.Book_call p {
    font-size: var(--text-xl);
    line-height: var(--line-height-lg);
    color: var(--color-white);
}

.Bc_person {
    display: flex;
    flex-direction: column;
    gap: 24rem;
    padding: 48rem 24rem 168rem 24rem;
}

.Bc_person a {
    font-size: var(--text-sm);
    line-height: 20rem;
    color: var(--color-white);
}

.Bc_person img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    .divider {
        margin: 0 16rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .divider {
        margin: 0;
    }

    .Book_call {
        padding: 48rem 12rem 48rem 12rem;
        gap: 24rem;
        align-items: flex-start;
    }

    .Book_call h2 {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .Book_call span img {
        position: absolute;
        transform: translate(-8rem, -20rem);
    }

    .Book_call p {
        font-size: var(--text-md);
        line-height: var(--line-height-md1);
    }

    .Bc_person {
        gap: 16rem;
        padding: 0 12rem 96rem 12rem;
    }

    .Bc_person a {
        font-size: var(--text-xs);
        line-height: 18rem;
    }
}


/* Footer */

footer {
    width: 100%;
    height: auto;
    padding: 8rem 16rem;
}

.footer_content {
    padding-top: 168rem;
    padding-bottom: 48rem;
    margin-bottom: 8rem;
}

.footer_content p {
    font-size: var(--text-2xl);
    line-height: var(--line-height-xxl);
}

.footer_content span {
    font-family: var(--font-gestura-headline-regular);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: 40rem;
}

.f_services {
    display: flex;
    flex-direction: column;
    padding-top: 12rem;
    row-gap: 16rem;
}

.f_services li {
    font-size: var(--text-xl);
    line-height: var(--line-height-sm1);
    padding-bottom: 16rem;
}

.end_f {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 168rem;
}

.f_socials {
    display: flex;
    flex-direction: row;
    column-gap: 16rem;
    align-items: center;
}

.f_socials img:hover {
    filter: invert(29%) sepia(45%) saturate(3230%) hue-rotate(224deg) brightness(84%) contrast(85%);
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    footer {
        width: 100%;
        height: auto;
        padding: 8rem 0 0 0;
    }

    .footer_content {
        padding: 96rem 48rem 32rem 48rem;
        margin-bottom: 0;
    }

    .footer_content p {
        font-size: 36rem;
        line-height: 44rem;
    }

    .footer_content span {
        font-size: var(--text-2xl);
    }

    .f_services {
        padding-top: 64rem;
        row-gap: 16rem;
    }

    .end_f {
        padding-top: 96rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    footer {
        width: 100%;
        height: auto;
        padding: 8rem 0 0 0;
    }

    .footer_content {
        padding: 64rem 24rem 32rem 24rem;
        margin-bottom: 0;
    }

    .footer_content p {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .footer_content span {
        font-size: 26rem;
    }

    .f_services {
        display: flex;
        flex-direction: column;
        padding-top: 48rem;
        row-gap: 16rem;
    }

    .f_services li {
        font-size: var(--text-lg);
        line-height: 20rem;
        padding-bottom: 16rem;
    }

    .end_f {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 64rem;
        row-gap: 12rem;
    }

    .f_socials {
        display: flex;
        flex-direction: row;
        column-gap: 16rem;
        align-items: center;
    }
}

.hidden_xs {
    display: block;
}

.visible_xs {
    display: none;
}

@media screen and (max-width: 480px) {
    .hidden_xs {
        display: none;
    }

    .visible_xs {
        display: block;
    }
}

#c_About {
    background-color: var(--color-light-blue);
    margin-top: 0;
    margin-bottom: 152rem;
}

.cs_About {
    display: flex;
    flex-direction: column;
    gap: 16rem;
    padding: 96rem 0;
}


/* About */

#c_About.glance {
    background-color: var(--color-orange1);
    margin-top: 152rem;
    margin-bottom: 152rem;
}

.glance .cs_About {
    display: flex;
    flex-direction: column;
    gap: 16rem;
    text-align: center;
    padding-top: 120rem;
    padding-bottom: 168rem;
}

.cs_About a {
    font-size: var(--text-xl);
    line-height: var(--line-height-sm1);
}

.cs_About span {
    font-family: var(--font-gestura-headline-regular);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: 50rem;
}

.cs_About span img {
    width: auto;
    height: 72rem;
    padding-right: 4rem;
    transform: translateY(4rem);
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    #c_About.glance {
        margin-top: 0;
        margin-bottom: 52rem;
    }

    .glance .cs_About {
        padding: 72rem 48rem 96rem 48rem;
    }

    .cs_About span {
        font-size: var(--text-2xl);
    }

    .cs_About span img {
        height: 64rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .glance .cs_About {
        padding: 48rem 24rem 64rem 24rem;
    }

    .cs_About a {
        font-size: var(--text-sm);
        line-height: var(--line-height-xs);
    }

    .cs_About span {
        font-size: 26rem;
    }

    .cs_About span img {
        height: 48rem;
    }
}


/* Works */

.sw_content {
    display: flex;
    flex-direction: column;
    gap: 24rem;
}

.sw_content a:hover {
    color: var(--color-blue);
}

.title_discript {
    padding-bottom: 16rem;
}

.title_discript a {
    font-size: var(--text-sm);
    line-height: var(--line-height-xs);
}

.title_section {
    text-align: center;
    padding-bottom: 48rem;
}

.hero_img {
    padding-bottom: 48rem;
}

.imgC_video {
    width: 100%;
    height: auto;
    border-radius: var(--radius-md);
}

.sw_video {
    width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
    transition: var(--transition-slow);
}

.sw_video:hover {
    transform: scale(0.98);
    border-radius: var(--radius-xs);
}

.sw_content_txt {
    display: flex;
    flex-direction: row;
    gap: 8rem;
}

.sw_company_25 {
    width: 100%;
    max-width: 25%;
    font-size: var(--text-sm);
    line-height: 20rem;
    padding-left: 20rem;
}

.sw_company_35 {
    width: 100%;
    max-width: 35%;
    font-size: var(--text-sm);
    line-height: 20rem;
    padding-left: 20rem;
}

.sw_company_50 {
    width: 100%;
    max-width: 50%;
    font-size: var(--text-sm);
    line-height: 20rem;
    padding-left: 20rem;
}

.sw_company {
    width: 100%;
    max-width: 172rem;
    font-size: var(--text-sm);
    color: var(--color-purple);
    line-height: 20rem;
    padding-left: 20rem;
}

.sw_company:before {
    content: "";
    display: block;
    position: absolute;
    height: 12rem;
    width: 12rem;
    background-size: 12rem 12rem;
    background-image: url(/img/Dot_link.svg);
    background-repeat: no-repeat;
    margin-top: 4rem;
    transform: translateX(-19rem);
}

.sw_company_25:before,
.sw_company_35:before,
.sw_company_50:before {
    content: "";
    display: block;
    position: absolute;
    height: 12rem;
    width: 12rem;
    background-size: 12rem 12rem;
    background-image: url(/img/Dot_link.svg);
    background-repeat: no-repeat;
    margin-top: 4rem;
    transform: translateX(-19rem);
}

.sw_descript {
    color: var(--color-description);
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
}

.end_more {
    text-align: center;
    display: grid;
    justify-content: center;
    margin-bottom: 168rem;
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    .end_more {
        text-align: center;
        display: grid;
        justify-content: center;
        margin-bottom: 64rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .sw_content {
        gap: 12rem;
    }

    .sw_content_txt {
        display: flex;
        flex-direction: column;
        gap: 8rem;
    }

    .sw_company {
        max-width: 100%;
    }

    .sw_descript {
        color: var(--color-black);
        font-size: var(--text-lg);
        line-height: var(--line-height-md1);
        padding-top: 4rem;
    }

    .end_more {
        margin-top: 24rem;
        margin-bottom: 64rem;
        display: block;
    }

    .title_discript {
        padding-bottom: 12rem;
    }

    .title_discript a {
        font-size: var(--text-xs);
        line-height: var(--line-height-xxs);
    }

    .title_section {
        text-align: left;
        padding-bottom: 32rem;
    }

    .hero_img {
        padding-bottom: 32rem;
    }

    .imgC_video {
        border-radius: var(--radius-sm);
    }
}


/* Works_with_services */

.logo_content {
    margin-top: 96rem;
    margin-bottom: 168rem;
}

.Title_22 {
    display: grid;
    font-size: var(--text-xl);
    line-height: var(--line-height-sm1);
    justify-content: center;
    padding-bottom: 64rem;
}

.Logos_list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 64rem;
    row-gap: 80rem;
    justify-content: space-between;
    margin-bottom: 168rem;
}

.logo_box {
    display: flex;
    flex-basis: calc(100% / 5);
    height: 80rem;
    max-width: 180rem;
    justify-content: center;
    align-items: center;
}

.logo_box img {
    max-width: 180rem;
    max-height: 100%;
}

.What_serving {
    display: flex;
    flex-direction: column;
    padding: 96rem;
    border-radius: var(--radius-md);
    background-color: var(--color-bg-transform-ideas);
}

.Ws_content_txt {
    display: flex;
    flex-direction: column;
    row-gap: 72rem;
    max-width: 82%;
}

.Ws_content_txt p {
    font-size: var(--text-2xl);
    line-height: var(--line-height-xxl);
}

.Ws_content_txt span img {
    height: 56rem;
    width: auto;
}

.end_more_right {
    width: 100%;
    display: flex;
    justify-content: right;
    padding-top: 96rem;
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    .logo_content {
        margin-top: 64rem;
        margin-bottom: 96rem;
    }

    .Logos_list {
        column-gap: 40rem;
        row-gap: 50rem;
        margin-bottom: 96rem;
    }

    .logo_box {
        display: flex;
        flex-basis: calc(100% / 5);
        height: 50rem;
        max-width: 112rem;
    }

    .What_serving {
        padding: 64rem 48rem;
        border-radius: var(--radius-sm);
    }

    .Ws_content_txt {
        row-gap: 64rem;
        max-width: 100%;
    }

    .Ws_content_txt p {
        font-size: 36rem;
        line-height: var(--line-height-xl);
    }

    .end_more_right {
        padding-top: 48rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .logo_content {
        margin-top: 48rem;
        margin-bottom: 64rem;
    }

    .Title_22 {
        font-size: var(--text-sm);
        line-height: var(--line-height-xs);
        padding-bottom: 48rem;
    }

    .Logos_list {
        column-gap: 24rem;
        row-gap: 40rem;
        margin-bottom: 64rem;
    }

    .logo_box {
        display: flex;
        flex-basis: calc(100% / 3);
        height: 40rem;
        max-width: 96rem;
    }

    .What_serving {
        padding: 48rem 24rem;
        border-radius: var(--radius-sm);
    }

    .Ws_content_txt {
        row-gap: 48rem;
        max-width: 100%;
    }

    .Ws_content_txt p {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .end_more_right {
        padding-top: 48rem;
        display: block;
        text-align: center;
    }
}


/* 404 */

.full {
    width: 100%;
    height: 100%;
    padding: 16rem;
}

.error_content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

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

.flex_row {
    display: flex;
    flex-direction: row;
}

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

.big {
    font-size: var(--text-display1);
    line-height: var(--line-height-display1);
}

.error_descript {
    padding-top: 12rem;
}

.error_descript img {
    width: 188rem;
    height: auto;
    padding-bottom: 24rem;
}

.error_btn {
    text-align: center;
    width: fit-content;
    padding-top: 24rem;
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    .error_descript {
        padding-top: 48rem;
    }
}


/*--mobil----------- 480 */

@media screen and (max-width: 480px) {
    .big {
        font-size: var(--text-display);
        line-height: var(--line-height-display);
    }

    .error_descript {
        padding-top: 48rem;
        text-align: center;
    }

    .error_btn {
        width: 100%;
        padding-top: 24rem;
    }
}

.ss_title {
    display: flex;
    flex-direction: row;
    gap: 12rem;
    padding: 0 24rem 24rem 24rem;
}

.ss_title span img {
    height: 48rem;
    width: auto;
}

.overflow_text {
    width: fit-content;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: visible;
}

.ss_descript {
    display: flex;
    flex-direction: column;
    padding-right: 24rem;
}

.ssd_entry {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
    color: var(--color-description);
    padding-bottom: 32rem;
    margin-left: 98rem;
    border-bottom: solid 1px var(--color-medium-gray);
}

.ssd_list {
    display: flex;
    flex-direction: column;
    padding: 32rem 0 96rem 0;
    row-gap: 32rem;
}

.point {
    display: flex;
    flex-direction: row;
    column-gap: 77rem;
}

.point img {
    padding-top: 8rem;
}

.point a {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
    color: var(--color-description);
}


/*--mobil----------- 1024 */

@media screen and (max-width: 1024px) {
    div.navi_scroll_bar {
        overflow: auto;
        white-space: nowrap;
        padding-left: 12rem;
        top: 72rem;
    }

    .divider {
        border-radius: var(--radius-custom2);
    }

    .ss_title {
        padding: 0 16rem 24rem 16rem;
    }

    .overflow_text {
        width: 320rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .ss_descript {
        padding-right: 16rem;
    }

    .ssd_entry {
        font-size: var(--text-lg);
        line-height: var(--line-height-md1);
        padding-bottom: 32rem;
        margin-left: 12rem;
    }

    .ssd_list {
        padding: 32rem 0 64rem 12rem;
        row-gap: 32rem;
    }

    .point {
        display: flex;
        flex-direction: row;
        column-gap: 24rem;
    }

    .point img {
        padding-top: 8rem;
    }

    .point a {
        font-size: var(--text-lg);
        line-height: var(--line-height-md1);
        color: var(--color-dark-gray);
    }
}


/* Case_descript */

.Cs_descript {
    display: flex;
    flex-direction: column;
    margin-bottom: 32rem;
}

.Cs_descript p {
    font-size: var(--text-2xl);
    line-height: var(--line-height-xxl);
}

.Cs_descript span {
    display: block;
    padding-top: 24rem;
}

.Cs_descript span a {
    font-size: var(--text-xl);
    line-height: var(--line-height-sm1);
    color: var(--color-blue);
}

.Cs_descript span a:hover {
    color: var(--color-light-blue);
}

.m_btn_Cs_open {
    display: none;
}

.Cs_list_challeng {
    display: flex;
    flex-direction: column;
    row-gap: 64rem;
}

.Cs_list {
    display: flex;
    flex-direction: row;
    gap: 24rem;
}

.Cs_list ul {
    width: 100%;
}

.Cs_list li {
    font-size: var(--text-xl);
    line-height: var(--line-height-sm1);
    padding-bottom: 8rem;
}

.Cs_challeng {
    display: flex;
    flex-direction: column;
    padding-bottom: 24rem;
}

.Cs_challeng p {
    font-size: var(--text-xl);
    line-height: var(--line-height-md1);
}

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

.Cs_WeDid span:before {
    content: "";
    display: block;
    height: 18rem;
    width: 17rem;
    background-size: 17rem 18rem;
    background-image: url(img/Arrow.svg);
    background-repeat: no-repeat;
    margin-bottom: 24rem;
}

.Cs_WeDid_box {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 16rem;
    padding: 24rem;
    background-color: var(--color-light-blue);
    border-radius: var(--radius-md);
    align-items: center;
    margin-bottom: 12rem;
}

.Cs_WeDid_box img {
    width: auto;
    height: 100%;
    max-height: 48rem;
}

.Cs_WeDid_box a {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
}


/*-------------------- 480 */

@media screen and (max-width: 1024px) {
    .Cs_descript p {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .Cs_descript span a {
        font-size: var(--text-lg);
        line-height: 20rem;
        color: var(--color-blue);
    }

    .m_btn_Cs_open {
        display: flex;
        font-size: var(--text-lg);
        line-height: 20rem;
        border: solid 1px var(--color-medium-gray);
        border-radius: var(--radius-sm);
        padding: 12rem 12rem 12rem 12rem;
        justify-content: space-between;
        margin-bottom: 24rem;
    }

    .m_btn_Cs_open:after {
        content: '+';
        margin-left: 5px;
    }

    .m_btn_Cs_active {
        border-radius: var(--radius-custom2);
        border-bottom: none;
        padding: 12rem 12rem 4rem 12rem;
    }

    .m_btn_Cs_active:after {
        content: "–";
    }

    .Cs_list_challeng {
        row-gap: 32rem;
        padding: 0 12rem;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.25s ease-out;
    }

    .Cs_list {
        flex-direction: column;
        gap: 32rem;
    }

    .Cs_list li {
        font-size: var(--text-lg);
        line-height: 20rem;
        padding-bottom: 8rem;
    }

    .Cs_challeng {
        display: flex;
        flex-direction: column;
        padding-bottom: 24rem;
    }

    .Cs_challeng p {
        font-size: var(--text-lg);
        line-height: var(--line-height-md1);
    }

    .Cs_WeDid span {
        display: flex;
        justify-content: center;
    }

    .Cs_WeDid_box {
        column-gap: 12rem;
        padding: 16rem;
        border-radius: var(--radius-sm);
        margin-bottom: 8rem;
    }

    .Cs_WeDid_box img {
        width: auto;
        height: 100%;
        max-height: 48rem;
    }

    .Cs_WeDid_box a {
        font-size: var(--text-lg);
        line-height: var(--line-height-md1);
    }
}


/* imgs_Case */

.imgC_Container {
    display: flex;
    flex-direction: column;
    margin: 168rem 0;
    row-gap: 80rem;
}

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

.imgC_100 {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}

.imgC_100 img {
    border-radius: var(--radius-md);
}

.imgC_100_lj {
    display: flex;
    justify-content: left;
    width: 100%;
    height: auto;
}

.imgC_100_rj {
    display: flex;
    justify-content: right;
    width: 100%;
    height: auto;
}

.imgC_100_2c_Aend {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
    height: auto;
    gap: 80rem;
}

.imgC_100_2c_Aend span {
    content: "";
    display: block;
    position: absolute;
    height: 598rem;
    width: 768rem;
    background-size: 768rem 598rem;
    background-image: url(img/assets/span_5@6.jpg);
    background-repeat: no-repeat;
    transform: translate(-16%, 120%);
    z-index: -1;
}

.imgC_100_fc {
    display: flex;
    flex-direction: column;
    gap: 80rem;
    align-items: center;
}

.imgC_82 {
    display: flex;
    flex-direction: row;
    gap: 115rem;
    justify-content: flex-start;
    height: auto;
    width: 82%;
}

.imgC_82 img {
    border-radius: var(--radius-md);
}

.imgC_82x2 {
    gap: 80rem;
}

.imgC_82x2 img {
    border-radius: var(--radius-md);
}

.imgC_70 {
    width: 68.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 16rem;
    height: auto;
}

.imgC_50x50 {
    display: flex;
    flex-direction: row;
    gap: 16rem;
    height: auto;
}

.imgC_50x50 img {
    border-radius: var(--radius-md);
}

.imgC_50x50 video {
    border-radius: var(--radius-md);
}

.imgC_60x35 {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
}

.imgC_60x35 img {
    border-radius: var(--radius-md);
}

.imgC_55x35 {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
    align-items: flex-end;
}

.imgC_55x35 img {
    border-radius: var(--radius-md);
}

.imgC_46x46 {
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
}

.imgC_46x46 img {
    border-radius: var(--radius-md);
}

.img82 {
    width: 82%;
    height: auto;
}

.img82_rj {
    display: flex;
    justify-content: right;
    width: 82%;
    height: auto;
}

.img82_2switch {
    width: 82%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 80rem;
}

.img70 {
    width: 68.5%;
    height: auto;
}

.img70 video {
    border-radius: var(--radius-md);
}

.img70 img {
    border-radius: var(--radius-md);
}

.img60 {
    width: 62.5%;
    height: auto;
}

.img55 {
    width: 55%;
    height: auto;
}

.img46 {
    width: 46%;
    height: auto;
}

.img46_pt {
    width: 46%;
    height: auto;
    padding-top: 234rem;
}

.img35 {
    width: 35%;
    height: auto;
}

.img30 {
    width: 30%;
    height: auto;
}

.pt_168 {
    padding-top: 168rem;
}

.ptb_168 {
    padding-top: 168rem;
    padding-bottom: 168rem;
}

.pt_pic {
    padding-top: 168rem;
}

.f_phone {
    border: solid 8rem var(--color-black);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.b_rediuce_4 img {
    border-radius: var(--radius-md);
}

.b_rediuce_2 img {
    border-radius: var(--radius-custom);
}

.b_rediuce_2 video {
    border-radius: var(--radius-custom);
}

.b_rediuce_s img {
    border-radius: 12rem 0 0 12rem;
}

.b_rediuce_x img {
    border-radius: 0;
}


/*-------------------- 1024 */

@media screen and (max-width: 1024px) {
    .imgC_Container {
        flex-direction: column;
        margin: 64rem 24rem;
        row-gap: 48rem;
    }

    .imgC_100 img,
    .imgC_82 img,
    .imgC_50x50 img,
    .imgC_50x50 video,
    .imgC_60x35 img,
    .imgC_55x35 img,
    .imgC_46x46 img {
        border-radius: var(--radius-md);
    }

    .imgC_100_2c_Aend span {
        display: none;
    }

    .imgC_82 {
        gap: 64rem;
    }

    .img46_pt {
        padding-top: 120rem;
    }

    .imgC_70,
    .img70 {
        width: 100%;
    }

    .ptb_168 {
        padding: 96rem 24rem;
    }

    .pt_168 {
        padding: 96rem 24rem 0 24rem;
    }

    .pt_pic {
        padding-top: 40rem;
    }

    .b_rediuce_4 img {
        border-radius: var(--radius-sm);
    }

    .b_rediuce_2 img {
        border-radius: var(--radius-custom2);
    }

    .b_rediuce_2 video {
        border-radius: var(--radius-custom2);
    }

    .b_rediuce_s img {
        border-radius: 8rem 0 0 8rem;
        transform: translateX(24rem);
    }

    .b_rediuce_x img {
        border-radius: 0;
    }
}


/*-------------------- 480 */

@media screen and (max-width: 480px) {
    .imgC_Container {
        flex-direction: column;
        margin: 64rem 16rem;
        row-gap: 40rem;
    }

    .imgC_100 img,
    .imgC_82 img,
    .img70 video,
    .imgC_50x50 img,
    .imgC_50x50 video,
    .imgC_55x35 img,
    .imgC_46x46 img {
        border-radius: var(--radius-sm);
    }

    .imgC_100_fc,
    .imgC_82,
    .imgC_70,
    .imgC_50x50,
    .imgC_60x35,
    .imgC_55x35,
    .imgC_46x46 {
        flex-direction: column;
        gap: 40rem;
    }

    .img82,
    .img82_rj,
    .img70,
    .img60,
    .img55,
    .img46,
    .img46_pt,
    .img35,
    .img30 {
        width: 100%;
        padding: 0;
    }

    .ptb_168 {
        padding: 64rem 24rem;
    }

    .pt_168 {
        padding: 64rem 24rem 0 24rem;
    }

    .pt_pic {
        padding-top: 40rem;
    }

    .b_rediuce_4 img {
        border-radius: var(--radius-sm);
    }

    .b_rediuce_2 img {
        border-radius: var(--radius-custom2);
    }

    .b_rediuce_2 video {
        border-radius: var(--radius-custom2);
    }

    .b_rediuce_s img {
        border-radius: 8rem 0 0 8rem;
        transform: translateX(24rem);
    }

    .b_rediuce_x img {
        border-radius: 0;
    }
}

/* Out of staff */
.action {
    padding: 16px 30px;
    border-radius: var(--radius-pill);
    font-size: var(--text-xl);
    line-height: var(--line-height-md);
    cursor: pointer;
    transition: all var(--transition-slow);
    width: max-content;
    height: max-content;
}

.action:hover {
    color: var(--color-black1);
    background-color: var(--color-bg-btn-hover);
}

.action.action--lighter-blue {
    background-color: transparent;
    border: 1px solid var(--color-lighter-blue);
    color: var(--color-lighter-blue);
}

.action.action--lighter-blue:hover {
    color: var(--color-black1);
    background-color: var(--color-bg-btn-hover);
}

.action.action--blue {
    background-color: var(--color-blue);
    border: 1px solid var(--color-blue);
    color: var(--color-text-secondary);
}

.action.action--blue:hover {
    color: var(--color-blue);
    background-color: var(--color-bg-btn-hover);
}

.action.action--transparent {
    background-color: transparent;
    border: 1px solid var(--color-white);
    color: var(--color-text-secondary);
}

.action.action--transparent:hover {
    color: var(--color-black1);
    background-color: var(--color-bg-btn-hover);
}

.section__title {
    font-size: var(--text-3xl);
    line-height: var(--line-height-xxl);
    font-weight: var(--font-weight-regular);
    text-align: left;
}

.section-space {
    padding: 0 var(--space-lg);
    margin-top: 48px;
    margin-bottom: 170px;
}

.team-builder {
    background-color: var(--color-bg-body);
    color: var(--color-heading);
    font-family: var(--font-neue-haas);
}

.team-builder__wrapper {
    display: flex;
    flex-direction: column;
    max-width: 1160px;
    margin: 0 auto;
}

.team-builder__back {
    position: relative;
    padding-left: 32px;

    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    text-decoration: none;
    margin-bottom: var(--space-sm);
    margin-bottom: 38px;
}

.team-builder__back:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    height: 15px;
    width: 24px;
    background-image: url(../img/white-arrow.svg);
    background-repeat: no-repeat;
    transition: all var(--transition-slow);
}

.team-builder__back:hover:before {
    color: var(--color-text);
    transform: translateX(-10px);
}

.team-builder__icon {
    width: 65px;
    height: 65px;
    background-color: var(--color-medium-gray1);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 18px;
}

.team-builder__title {
    font-size: var(--text-4xl);
    line-height: var(--line-height-3xl);
    font-weight: var(--font-weight-regular);
    margin: 0;
    margin-bottom: 40px;
}

.team-builder__promo {
    background-color: var(--color-purple);
    color: var(--color-text);
    border-radius: var(--radius-sm);
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    gap: var(--space-md1);
    margin-top: 80px;
    padding: 86px 100px;
    padding-bottom: 100px;
}

.team-builder__promo-text {
    font-size: var(--text-2xl);
    line-height: 36px;
    margin: 0;
}

.team-builder__trusted {
    display: flex;
    flex-wrap: wrap;
}

.team-builder__trusted .label {
    font-size: var(--text-xxl);
    margin-right: 16px;
}

.team-builder__logos {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;

    img {
        width: max-content;
        height: auto;
        object-fit: contain;
    }
}

/* Next Block */
.top-developers {
    color: var(--color-black);
    margin-bottom: 70px;
}

.top-developers__wrapper {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    max-width: 1410px;
    margin: 0 auto;
    border-radius: 16px;
    padding: 100px 126px;
}

.top-developers__title {
    color: var(--color-black);
    margin-bottom: var(--space-xs);
}

.top-developers__subtitle {
    font-size: var(--text-2xl);
    line-height: var(--line-height-xl);
    color: var(--color-dark-gray);
}

.top-developers__cards {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm1);
    margin: 0 auto;
    width: 100%;
    margin-top: 88px;
}

.developer-card {
    background-color: var(--color-white);
    border-radius: var(--radius-sm);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px 22px;
    display: flex;
    flex-direction: row;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.developer-card__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 222px;
}

.developer-card__position {
    font-size: 19px;
    line-height: 18px;
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
}

.developer-card__name {
    font-size: 11px;
    color: var(--color-dark-gray);
    margin-top: var(--space-xs);
}

.details-row {
    display: flex;
    flex-direction: column;
    padding-right: 20px;
}

.developer-card__info {
    display: grid;
    grid-template-columns: 123px 203px 250px auto;
    row-gap: 40px;
}

.detail-label {
    font-size: 13px;
    line-height: 11px;
    font-weight: var(--font-weight-bold);
    color: var(--color-dark-gray);
    flex-shrink: 0;
}

.detail-value {
    flex: 1;
    font-size: 13px;
    color: var(--color-black);
}

.developer-card__actions {
    display: flex;
    flex-direction: column;
    gap: var(--space-md1);
    padding-left: 35px;
}

.developer-card__actions .btn {
    position: relative;
    border: none;
    cursor: pointer;
    font-weight: var(--font-weight-bold);
    font-size: var(--text-sm);
    padding-left: 26px;
    background: transparent;
    text-align: left;
    color: var(--color-blue);
}

.developer-card__actions .btn:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: -2px;
    left: 0;
    width: 17px;
    height: 21px;
    background-repeat: no-repeat;
}

.btn-view:hover,
.btn-book:hover,
.btn-english:hover {
    text-decoration: underline;
}

.btn-book:before {
    background-image: url(../img/book_a_meeting.svg);
}

.btn-view:before {
    background-image: url(../img/view_cv.svg);
}

.btn-english:before {
    background-image: url(../img/english_check.svg);
}

.top-developers__button-wrap .action {
    display: flex;
    margin: 0 auto;
    margin-top: 100px;
}

.call-advisor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-bottom: 70px;
}

.call-advisor__wrapper {
    display: flex;
    padding: 88px 0;
    max-width: 800px;
    margin: 0 auto;
}

.call-advisor__text {
    width: 55%;
}

.call-advisor__text h2 {
    margin-bottom: var(--space-sm);
    margin-bottom: 26px;
}

.call-advisor__text p {
    font-size: var(--text-xl);
    line-height: var(--line-height-lg);
    color: var(--color-white);
    margin-bottom: var(--space-sm);
}

.call-advisor .action {
    margin-top: 28px;
}

.advisor-photo {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 45%;
}

.advisor-photo img {
    border-radius: 9999px;
    width: 175px;
    height: 175px;
    object-fit: cover;
}

.advisor-caption {
    position: absolute;
    bottom: 32px;
    left: 56px;
    font-size: var(--text-sm);
    color: var(--color-white);
    text-align: center;
}

.features {
    margin-top: var(--space-lg);
    margin-bottom: 148px;
}

.features__wrapper {
    max-width: 1160px;
    margin: 0 auto;
}

.features__cards {
    margin-top: 100px;
}

.feature-card {
    background-color: rgba(237, 237, 237, 0.2);
    border-radius: var(--radius-sm);
    padding: var(--space-md);
    margin-bottom: 38px;
    padding: 72px;
    border-radius: 16px;

}

.feature-card__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    max-width: 576px;
    margin: 0 auto;
    padding-left: 100px;
}

.feature-card__wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 80px;
    height: 100px;

    background-repeat: no-repeat;
    background-size: cover;
}

.feature-card:first-child .feature-card__wrapper:before {
    background-image: url(../img/verified_cvs.svg);
}

.feature-card:nth-child(2) .feature-card__wrapper:before {
    background-image: url(../img/english_proficiency.svg);
}

.feature-card:last-child .feature-card__wrapper:before {
    background-image: url(../img/dedicated_support.svg);
}

.feature-card h3 {
    font-size: var(--text-2xl);
    margin: 0 0 var(--space-sm1);
}

.feature-card p {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
    color: var(--color-white);
}

.features .action {
    display: flex;
    margin: 0 auto;
    margin-top: 100px;
}

.success {
    text-align: center;
    margin-top: var(--space-lg);
}

.section-space.success {
    padding-right: 0;
    margin-bottom: 160px;
}

.success .success__cards {
    display: flex;
    gap: 38px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 100px;

    position: relative;
    width: 100vw;
    margin-left: auto;
    margin-right: 0;
    padding-left: calc((100vw - 1220px) / 2);
    box-sizing: border-box;
    overflow: visible;
    padding-right: 38px;
}

.success .glider {
    display: flex;
}

.success .glider-dots {
    position: absolute;
    bottom: -110px;
    left: 50%;
    transform: translateX(-50%);
}

.success .dots-scroll.glider-dots {
    height: 7px;
    width: 376px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.success .dots-scroll .glider-dot {
    flex-grow: 1;
    transition: all 0.3s ease;
    width: 10px;
    height: 1px;
    background: var(--color-light-gray1);
    margin: 0;
}

.success .dots-scroll .glider-dot.active {
    background-color: var(--color-blue1);
    width: auto;
    height: 8px;
}

.success .success-cards__card {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 10px;
    min-width: 300px;
    flex-shrink: 0;
}

.success__wrapper {
    padding-top: 18px;
    overflow: hidden;
}



.success__wrapper h2 {
    color: var(--color-white);
    max-width: 1200px;
    margin: 0 auto;
}

.success__wrapper .success-cards__card {
    display: flex;
    flex-direction: column;
    background: transparent;
    border: 1px solid var(--color-purple1);
    border-radius: var(--radius-sm);
    padding: 48px 38px;
    max-width: 376px;
    margin-right: 36px;
}

.success .action {
    margin-top: 210px;
}

.success-cards__card img {
    margin-bottom: 28px;
}

.success-cards__card p {
    font-size: var(--text-xl);
    color: var(--color-white);
    line-height: var(--line-height-md2);
    letter-spacing: 0.42px;
    text-align: left;
}

.collaboration {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-md);
    padding-top: 0;
}

.collab-block {
    padding-left: 194px;
    position: relative;
}

.collab-block:before {
    content: "";
    position: absolute;
    left: 120px;
    top: 7px;
    width: 36px;
    height: 36px;
    background-image: url(../img/shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.collaboration__title {
    color: var(--color-white);
}

.collab-block h4 {
    font-size: var(--text-2xl);
    color: var(--color-white);
    font-weight: 400;
}

.collab-block .collab-text p {
    font-size: var(--text-xl);
    line-height: var(--line-height-md2);
    color: var(--color-white);
}

.collab-block .collab-text {
    margin-top: 32px;
}

.collaboration__wrapper {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
}

.collaboration__items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 86px;
    margin: 0 auto;
    max-width: 747px;
    margin-top: 88px;
}


.cta-box {
    background: var(--bg-light);
    color: var(--color-black);
    padding: var(--space-lg);
    padding-top: 10px;
    padding-bottom: 32px;
    border-radius: var(--radius-lg);
}

.cta-box__wrapper {
    max-width: 1410px;
    margin: 0 auto;
    background: white;
    border-radius: var(--radius-lg);
    padding: 156px 0;
}

.cta-content {
    background: #1a1a1a;
    padding: 78px;
    border-radius: var(--radius-lg);
    text-align: center;
    max-width: 964px;
    margin: 0 auto;
}

.cta-content h3 {
    font-size: var(--text-4xl);
    margin-bottom: var(--space-lg);
    line-height: 78px;
    margin-top: 20px;
}

.cta-content .cta-info {
    display: flex;
    flex-direction: column;
    gap: 54px;
    text-align: left;
    width: fit-content;
}

.cta-content .cta-info a {
    font-size: 30px;
    line-height: 26px;
    color: var(--color-white);
}

.cta-content .cta-info a:hover {
    color: var(--color-lighter-blue);
}

.cta-content .cta-info a:last-child {
    font-size: 32px;
    line-height: 30px;
}

.cta-content .cta-text {
    max-width: 570px;
    margin: 0 auto;
}

.cta-content .cta-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 100px;
    padding: 0 18px;
}

.cta-content .cta-text p {
    color: var(--color-white);
    font-size: var(--text-sm);
    line-height: var(--line-height-sm1);
    margin-bottom: var(--space-sm);
}

.cta-content .action {
    margin-top: auto;
}

@media (max-width: 1024px) {
    .section__title {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }

    .action {
        padding: 12px 20px;
        font-size: var(--text-md);
    }

    .section-space {
        margin-bottom: 100px;
    }

    .team-builder {
        margin-top: 0;
        padding-top: 130px;
    }

    .team-builder__title {
        font-size: 48px;
        line-height: 50px;
    }

    .team-builder__promo {
        padding: 40px;
        margin-top: 40px;
    }

    .top-developers .top-developers__wrapper {
        padding: 40px;
    }

    .top-developers .top-developers__subtitle {
        font-size: var(--text-xxl);
        line-height: 30px;
    }

    .top-developers .top-developers__cards .developer-card {
        display: grid;
        grid-template-columns: auto 1fr;
    }

    .top-developers .top-developers__cards .developer-card__info {
        display: grid;
        row-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .top-developers .top-developers__cards .developer-card__actions {
        flex-direction: row;
        grid-column: 2 span;
        width: max-content;
        margin-left: auto;
        margin-top: 16px;
        gap: 32px;
    }

    .top-developers .top-developers__button-wrap .action {
        margin-top: 40px;
    }

    .call-advisor .call-advisor__wrapper {
        padding: 0;
    }

    .call-advisor .call-advisor__text h2 {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xxl);
    }

    .call-advisor .call-advisor__text p {
        font-size: var(--text-md);
        line-height: var(--line-height-sm1);
    }

    .call-advisor .advisor-caption {
        font-size: var(--text-xs);
    }

    .features .features__cards {
        margin-top: 40px;
    }

    .features .features__cards .feature-card {
        padding: 32px;
    }

    .features .features__cards .feature-card__title {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .features .features__cards .feature-card__description {
        font-size: var(--text-md);
        line-height: var(--line-height-sm1);
    }

    .features .features__cards .feature-card__wrapper:before {
        top: 0;
        width: 64px;
        height: 80px;
    }

    .features .action {
        margin-top: 40px;
    }

    .section-space.success {
        margin-bottom: 100px;
    }

    .success .success__wrapper {
        padding-top: 0;
    }

    .success .success__cards {
        margin-top: 40px;
        padding-right: 60px;
    }

    .success__wrapper .success-cards__card {
        padding: 30px;
        max-width: 300px;
        margin-right: 20px;
    }

    .success .dots-scroll.glider-dots {
        width: 240px;
    }

    .success .success-cards__card p {
        font-size: var(--text-md);
        line-height: var(--line-height-md);
    }

    .success .success__wrapper .action {
        margin-top: 100px;
    }

    .success .success__wrapper .glider-dots {
        bottom: -60px;
    }

    .collaboration .collaboration__items {
        margin-top: 40px;
    }

    .collaboration .collab-block h4 {
        font-size: var(--text-xxl);
        line-height: var(--line-height-lg);
    }

    .collaboration .collab-block .collab-text {
        margin-top: 10px;
    }

    .collab-block {
        padding-left: 100px;
    }

    .collaboration .collab-block p {
        font-size: var(--text-md);
        line-height: var(--line-height-sm1);
    }

    .collaboration .collab-block:before {
        left: 46px;
        top: -2px;
        width: 32px;
        height: 32px;
    }

    .cta-box {
        padding-top: 0;
    }

    .cta-box .cta-box__wrapper {
        padding: 100px 0;
    }

    .cta-box .cta-box__wrapper .cta-content {
        padding: 46px;
        max-width: none;
        margin: 0 24px;
    }

    .cta-box .cta-box__wrapper .cta-content h3 {
        font-size: var(--text-3xl);
        line-height: var(--line-height-xxl1);
    }

    .cta-box .cta-box__wrapper .cta-content .cta-info {
        gap: 18px;
    }

    .cta-box .cta-box__wrapper .cta-content .cta-info a {
        font-size: 24px;
        line-height: 26px;
        color: var(--color-white);
    }
}

@media (max-width: 640px) {
    .top-developers .top-developers__cards .developer-card {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .top-developers .top-developers__cards {
        margin-top: 32px;
    }

    .top-developers .top-developers__cards .developer-card .developer-card__header {
        width: 100%;
    }

    .top-developers .top-developers__cards .developer-card__actions {
        padding-left: 0;
        flex-direction: column;
        gap: 16px;
    }

    .collaboration .collaboration__items {
        gap: 54px;
    }

    .cta-box .cta-box__wrapper .cta-content {
        padding: 40px 32px;
    }

    .cta-box .cta-box__wrapper .cta-content h3 {
        font-size: var(--text-2xl);
        line-height: var(--line-height-xl);
    }

    .cta-box .cta-box__wrapper .cta-content .cta-footer {
        display: flex;
        flex-direction: column;
        gap: 26px;
        padding: 0;
        margin-top: 48px;
    }

    .cta-box .cta-box__wrapper .cta-content .cta-footer .action {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .top-developers .top-developers__cards .developer-card__info {
        grid-template-columns: 1fr 1fr;
    }

    .call-advisor .call-advisor__wrapper {
        flex-direction: column;
    }

    .call-advisor .call-advisor__wrapper .call-advisor__text.section__title,
    .call-advisor .call-advisor__wrapper .advisor-photo {
        width: 100%;
    }

    .call-advisor .call-advisor__wrapper .advisor-photo .advisor-caption {
        width: auto;
        bottom: 50%;
        left: 0;
        transform: translateY(50%);
    }

    .cta-box .cta-box__wrapper .cta-content {
        padding: 40px 16px;
    }
}