.it-partner {
    background-color: #242424;
    border-radius: 24px;
    padding: 191px 99px 59px 63px;
}

.it-partner__title {
    background: var(--gradient-light);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-align: center;
    margin-bottom: 78px;
}

.it-partner__subtitle {
    color: var(--neutral-200);
    margin-bottom: 54px;
    max-width: 419px;
    width: 100%;
    margin-left: auto;
    margin-right: -26px;
}

.it-partner__card-image {
    border-radius: 44px;
    max-width: 100%;
}

.it-partner__left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.it-partner__list {
    display: flex;
    justify-content: space-between;
}

.it-partner__right {
    max-width: 635px;
    width: 100%;
    position: relative;
}

.it-partner__right::after {
    content: '';
    position: absolute;
    bottom: -35px;
    right: -77px;
    width: 170px;
    height: 170px;
    background-image: url('../images/background/spinner.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: spinner-rotate 10s linear infinite;
    z-index: 15;
}

@keyframes spinner-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.it-partner__left {
    max-width: 566px;
    width: 100%;
}

/* Founder */
.founder {
    background-color: var(--neutral-500);
    padding: 48px 24px;
    border-radius: 32px;
    max-width: 1373px;
    width: 100%;
    margin: 0 auto;
}

.founder > .container {
    display: flex;
    gap: 71px;
}

.founder__name {
    background: var(--gradient-dark);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.founder__description {
    color: var(--neutral-800);
}

.founder__position {
    color: var(--neutral-800);
}

.founder__badge {
    padding: 12px 16px;
    border-radius: 100px;
    background-color: var(--neutral-800);
}

.founder__description-block {
    padding: 24px 20px;
    background-color: var(--neutral-50);
    border-radius: 24px;
    margin-top: 20px;
}

.founder__text-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 58px;
}

.founder__badge-text {
    font-family: 'Days One', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 110%;
    background: var(--gradient-light);
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    display: flex;
    justify-content: center;
}

.founder__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.founder__right {
    max-width: 540px;
    width: 100%;
    max-height: 609px;
    height: 100%;
}

.founder__left {
    max-width: 706px;
    width: 100%;
}

.founder__photo {
    max-width: 540px;
    width: 100%;
    max-height: 609px;
    height: 100%;
    border-radius: 24px;
    object-position: top;
}

@media (max-width: 1360px) {
    .founder__badge-text {
        font-size: 16px;
    }

    .founder__description {
        font-size: 20px;
    }

    .founder__position {
        font-size: 20px;
    }

    .founder__name {
        font-size: 48px;
    }
}

@media (max-width: 900px) {
    .founder__badges {
        gap: 5px;
    }

    .founder__text-block {
        margin-top: 20px;
    }

    .founder__description {
        padding: 18px 20px;
    }

    .founder__description-block {
        margin-top: 0;
    }

    .founder > .container {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .founder__left {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    .founder__right {
        max-width: 100%;
        display: flex;
        justify-content: center;
    }

    .founder {
        padding: 24px 24px;
    }

    .founder__text-block {
        text-align: center;
    }

    .founder__badges {
        align-items: center;
        justify-content: center;
    }
}

/*Development*/

.development {
    margin-block: 100px;
}

.development__text-block {
    text-align: center;
}

.development__title {
    background: var(--gradient-light);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.development__subtitle {
    color: #8994A8;
    margin-top: 32px;
    max-width: 784px;
    margin-inline: auto;
}

.development__slider {
    margin-top: 48px;
}

.development__slider-progression {
    display: flex;
    gap: 115px;
    align-items: center;
    position: relative;
    margin-bottom: 38px;
    max-width: 1075px;
    margin-inline: auto;
    justify-content: center;
}

@media (max-width: 1220px) {
    .progression__year {

    }

    .progression__item.active .progression__year {

    }

    .progression__item:after {
        width: 30px !important;
    }

    .development__slider-progression {
        display: grid;
        grid-template-columns: 1fr 1fr;
        max-width: 600px;
        gap: 20px;
        justify-content: center;
    }

    .progression__year {
        position: relative !important;
        top: 0 !important;
    }

    .progression__item:hover,
    .progression__item.active {
    }

    .progression__item.active::before {
        width: 15px !important;
        height: 15px !important;
    }

    .progression__item {
        border: none !important;
        width: 100% !important;
    }

    .progression__item::before {
        display: none !important;
    }

    .progression__item:after {
        display: none;
    }

    .development__slider-slide {
        padding: 20px 25px !important;
    }

    .slide__image {
        position: relative !important;
        transform: none !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}

@media (max-width: 768px) {
    .slide__title {
        font-size: 24px !important;
    }

    .slide__text {
        font-size: 16px !important;
    }

    .slide__image-block {
        height: 200px !important;
    }

    .partnership {
        padding: 20px 25px !important;
    }

    .values {
        padding: 20px 25px !important;
    }

    .values__card-title {
        font-size: 24px;
    }

    .founder__photo {
        max-height: 509px;
    }

    .development {
        margin-block: 20px;
    }

    .values__title {
        margin-bottom: 10px !important;
    }
}

.progression__item:after {
    content: '';
    position: absolute;
    background-image: url("../images/development/line.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 97px;
    height: 4px;
    right: -110px;
}


.progression__item:nth-last-child(1):after {
    content: '';
    background: none;
}

.progression__item {
    position: relative;
    background: transparent;
    border: 2.5px solid var(--neutral-400);
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
    background: var(--neutral-800);
}

.progression__item.active::before {
    background: var(--neutral-50);
    width: 23px;
    height: 23px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progression__item::before {
    content: '';
    position: absolute;
    width: 11.5px;
    height: 11.5px;
    background: var(--neutral-400);
    border-radius: 50%;
    transition: all 0.3s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progression__item:hover,
.progression__item.active {
    border-color: var(--neutral-50);
    width: 46px;
    height: 46px;
    border: 5px solid var(--neutral-50);
    font-size: 44px;
}

.progression__item:is(:hover) .progression__item::before {
    background: var(--neutral-50);
    width: 23px;
    height: 23px;
}

.progression__item.active > .progression__year {
    top: -50px;
}

.progression__item:hover > .progression__year {
    top: -50px;
}

.progression__year {
    position: absolute;
    font-family: 'Days One', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: var(--neutral-400);
    line-height: 110%;
    transition: color 0.3s ease;
    z-index: 1;
    top: -40px;
}

.progression__item:hover .progression__year,
.progression__item.active .progression__year {
    background: var(--gradient-light);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 44px;
}

.development__slides-container {
    position: relative;
    min-height: 400px;
}

.development__slider-slide {
    display: none;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    gap: 65px;
    align-items: center;
    background-color: #1D1D1D;
    border-radius: 32px;
    padding: 32px 64px;
}

.development__slider-slide.active {
    opacity: 1;
    display: flex;
    justify-content: space-between;
}

.slide__text-block {
    max-width: 648px;
}

.slide__title {
    font-family: 'Days One', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    background: var(--gradient-light);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;;
}

.slide__text {
    font-family: 'PT Sans', sans-serif;
    line-height: 120%;
    font-weight: 400;
    font-size: 24px;
    color: var(--neutral-300);
    margin-top: 24px;
}

.slide__image-block {
    position: relative;
    background-color: var(--primary-500);
    border-radius: 44px;
    max-width: 535px;
    width: 100%;
    height: 500px;
}

.slide__image {
    position: absolute;
    width: 492px;
    height: 500px;
    object-fit: cover;
    transform: rotate(-3.08deg);
    border-radius: 44px;
    top: -8px;
    left: -20px;
}

@media (max-width: 1400px) {
    .development__slider-slide.active {
        flex-direction: column;
    }

    .slide__text-block {
        max-width: 100%;
    }
}

/*Partnership*/

.partnership {
    border-radius: 32px;
    background-color: #1D1D1D;
    padding: 92px 219px;
    margin-inline: 18px;
}

.partnership__content {
    text-align: center;
}

.partnership__text {
    background: var(--gradient-light);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    max-width: 992px;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .partnership {
        padding: 40px 100px;
    }
}

@media (max-width: 1000px) {
    .partnership__text {
        font-size: 24px;
    }
}

/*Values*/
.values {
    padding: 100px 66px;
    background-color: var(--neutral-500);
    border-radius: 32px;
    overflow: hidden;
}

.values__header {
    text-align: center;
    margin-bottom: 86px;
    max-width: 862px;
    margin-inline: auto;
}

.values__title {
    background: var(--gradient-dark);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 32px;
}

.values__subtitle {
    color: var(--neutral-600);
}

.values__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 1272px;
    margin: 0 auto;
}

.values__card {
    perspective: 1000px;
    min-height: 280px;
    max-width: 305px;
    width: 100%;

}

.values__card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.values__card:hover .values__card-inner {
    transform: rotateY(180deg);
}

.values__card-front,
.values__card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 32px;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.values__card-front {
    background: #EDEDED;
}

.values__card-icons {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
    transition: transform 0.3s ease;
}

.values__card-back > .values__card-icons {
    justify-content: end;
}

.values__card-icons
.values__card-image {
    width: 92px;
    height: 92px;
    object-fit: contain;
}

.values__card-title {
    color: var(--neutral-800);
    text-overflow: ellipsis;
    overflow: hidden;
}

.values__card-back {
    background: #1B5AFF;
    transform: rotateY(180deg);
}

.values__card-content {
    height: 100%;
    display: flex;
}

.values__card-back .values__card-title {

    position: relative;
}

.values__card-description {
    color: var(--neutral-50);
    height: 100%;
    max-width: 223px;
    text-wrap: balance;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 1439px) {
    .values__grid {
        justify-content: center;
    }

    .it-partner {
        padding: 171px 25px 25px 25px;
    }

    .it-partner__right::after {
        bottom: -25px;
        right: -15px;
    }

    .it-partner__list {
        gap: 10px;
    }

    .it-partner__subtitle {
        margin-right: 0;
    }
}

/*Pursuit*/

.pursuit {
    margin-block: 100px;
    padding-inline: 84px;
}

.pursuit > .container {
    max-width: 1271px;
}

.pursuit__title {
    background: var(--gradient-light);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 64px;
    text-align: center;
}

.pursuit__text-block {
    padding: 40px 22px;
    border: 4px solid transparent;
    border-radius: 32px;
    max-width: 524px;
    max-height: 100%;
    background: linear-gradient(var(--neutral-800), var(--neutral-800)) padding-box, var(--gradient-light) border-box;
}

.pursuit__wrapper {
    display: flex;
    gap: 16px;
    max-height: 273px;
    height: 100%;
    position: relative;

}

.pursuit__wrapper::after {
    content: url("../images/background/star-decoration.png");
    position: absolute;
    top: -150px;
    left: -163px;
    z-index: 2;
    width: 249px;
    height: 249px;

}

.pursuit__wrapper > .pursuit__image {
    max-width: 409px;
    width: 100%;
    max-height: 100%;
}

.pursuit__left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pursuit__image {
    border-radius: 32px;
    object-fit: cover;
}

.pursuit__image--main {
    max-width: 949px;
    max-height: 503px;
}

.pursuit__content {
    display: flex;
    justify-content: space-between;
    max-height: 792px;
}

.pursuit__right {
    max-width: 306px;
    position: relative;
    border-radius: 32px;
}

.pursuit__right > .video-background {
    border-radius: 32px;
}

@media (max-width: 1430px) {
    .pursuit__wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-wrap: unset;
        max-height: 600px;
        justify-content: center;
        align-items: center;
    }

    .pursuit__text-block {
        max-width: 100%;
    }

    .pursuit__wrapper > .pursuit__image {
        max-width: 100%;
    }

    .pursuit__content {
        max-height: 100%;
    }

    .pursuit__left {
        max-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .pursuit__right {
        display: none;
    }

    .pursuit__image {
        max-height: 400px !important;
        max-width: 600px !important;
        object-position: center;
    }
}

@media (max-width: 1200px) {
    .pursuit {
        padding-inline: 32px;
    }

    .pursuit__content {
        gap: 32px;
    }
}

@media (max-width: 980px) {
    .pursuit {
        padding-inline: 16px;
        margin-block: 60px;
    }

    .pursuit__title {
        font-size: 32px;
        margin-bottom: 32px;
    }
}

@media (max-width: 768px) {

    .pursuit__title {
        font-size: 22px;
    }

    .pursuit__wrapper::after {
        display: none;
    }

    .pursuit__left {
        gap: 30px;
    }

    .pursuit__text {
        font-size: 16px;
    }

    .pursuit__image {
        max-height: 400px !important;
        max-width: 300px !important;
        object-position: center;
    }

    .it-partner__list {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .it-partner__subtitle {
        margin-inline: auto;
        text-align: center;
    }

    .it-partner__title {
        margin-bottom: 20px;
    }

    .it-partner__left > .it-partner__card {
        display: none;
    }

    .it-partner__right::after {
        width: 100px;
        height: 100px;
    }

    .values__card {
        min-height: 150px;
    }

    .values__card-image {
        width: 50px !important;
        height: 50px !important;
    }

    .values__card-description {
        font-size: 16px;
    }

    .values__header {
        margin-bottom: 20px;
    }
}