.__hero {
    padding-top: 56px;
}

.__hero-inner {
    max-width: 1440px;
    width: 95%;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
}

.__hero-desc {
    height: 101%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.__hero-thumbnail {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 8px;
    bottom: 0;
}

.__hero-thumbnail img {
    width: 100%;
}

.__hero-heading {
    font-family: var(--ff-satoshi);
    font-size: var(--fs);
    font-weight: 500;
    line-height: 1.1;
}

.__hero-intra {
    padding-top: 56px;
}

.__hero-intra-details {
    max-width: 1440px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.__hero-intra-inc {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    padding: 24px;
}

.__hero-intra-heading {
    font-family: var(--ff-satoshi);
    font-size: var(--fs);
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.__hero-intra-text {
    max-width: 767px;
    font-size: clamp(18px, 2.5vw, 20px);
    text-align: center;
    margin: 24px auto clamp(24px, 3.5vw, 32px);
}


.__prompt {
    position: relative;
    padding-top: clamp(64px, 8vw, 124px);
}

.__prompt::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../assets/images/vector-left.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.__prompt-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 64px;
    grid-row-gap: var(--space-md);
    position: relative;
    z-index: 2;
}

.__prompt-desc h2 {
    font-family: var(--ff-satoshi);
    font-size: clamp(22px, 4vw, 48px);
    font-weight: 500;
    line-height: 1.2;
}

.__prompt-desc h3 {
    color: var(--v3-accent);
    font-family: var(--ff-satoshi);
    font-weight: 500;
    text-transform: uppercase;
    font-size: clamp(16px, 2.5vw, 24px);
    line-height: 1;
    margin-top: var(--space-xs);
}

.__prompt-desc-list {
    display: flex;
    flex-direction: column;
    grid-row-gap: 22px;
    padding: 28px 0 0 40px;
}

.__prompt-desc-list li {
    display: flex;
    grid-column-gap: 10px;
}

.__prompt-desc-list li span {
    width: 100%;
    background: var(--v3-accent-1);
    border-radius: 12px;
    padding: 8px;
}

.__block {
    padding-top: var(--space);
}

.__block-inner {
    display: grid;
    grid-template-columns: 463px 1fr;
    grid-column-gap: 80px;
    grid-row-gap: var(--space-md);
    align-items: center;
}

.__block-desc {
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--space-xs);
}

.__block-heading {
    color: var(--v3-accent);
    font-family: var(--ff-satoshi);
    font-weight: 500;
    font-size: var(--fs-lg);
    line-height: 1.2;
}


.__impact {
    padding-top: var(--space);
}

.__impact-desc {
    max-width: 800px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.__impact-inner {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-column-gap: 32px;
    grid-row-gap: var(--space-md);
    margin-top: var(--space-md);
}

.__impact-title {
    color: var(--v3-accent);
    font-family: var(--ff-satoshi);
    font-weight: 500;
    font-size: var(--fs-lg);
    line-height: 1;
    margin-bottom: var(--space-xs);
}


.__contact {
    padding-top: var(--space);
}

.__contact-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 80px;
    grid-row-gap: clamp(32px, 4vw, 40px);
    position: relative;
    background-color: var(--v3-accent-1);
    padding: clamp(40px, 4vw, 80px) 5%;
}

.__contact-inner::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    aspect-ratio: 3 / 1;
    background-image: url(../../assets/images/getintouch-vector.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.__contact-desc {
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--space-xs);
    position: relative;
    z-index: 2;
}

.__contact-heading {
    color: var(--v3-dark);
    font-family: var(--ff-satoshi);
    font-weight: 500;
    font-size: var(--fs);
    line-height: 1.2;
}

.__contact-desc a {
    color: var(--v3-dark);
    font-family: var(--ff-satoshi);
    font-weight: 500;
    margin: 0 4px;
    transition: color 300ms ease;
}

.__contact-desc a:hover {
    color: var(--v3-accent);
}

.__contact-form {
    background: var(--v3-white-1);
    box-shadow: var(--shadow);
    border-radius: 16px;
    padding: clamp(24px, 4vw, 32px);
    position: relative;
    z-index: 2;
}

.__contact-send {
    display: flex;
    justify-content: center;
    margin: 32px auto 0;
}

.__contact-send .__btn {
    padding: 14px 48px;
}

@media only screen and (min-width: 1200px) {
    .__prompt::after {
        width: 402px;
        height: 614px;
    }
}

@media only screen and (min-width: 566px) {
    .__prompt-inner .__thumbnail img {
        width: 415px;
        height: 401px;
    }
}

@media only screen and (max-width: 1199px) {
    .__prompt::after {
        width: 100%;
        height: auto;
        aspect-ratio: 2 / 1;
    }

    .__prompt-inner {
        grid-template-columns: 1fr;
    }

    .__prompt-desc-list {
        padding: clamp(24px, 3vw, 28px) 0 0 0;
    }

    .__contact-inner {
        grid-template-columns: 1fr;
    }

    .__block-inner {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 565px) {
    .__impact-inner {
        grid-template-columns: 1fr;
    }

    .__hero-thumbnail img {
        width: 100%;
        object-fit: cover;
    }
}