@font-face {
    font-family: "Inter";
    src: url("../fonts/inter.woff2");
    font-display: swap;
}

.mob-marquee ul:nth-child(1) {
    margin-bottom: 36px;
}

.why-us__container {
    display: flex;
    gap: 42px;
}

.why-us__video-wrapper {
    padding: 10px;
    border: 0.63px solid #ffffff47;
    backdrop-filter: blur(70.4766616821289px);
    background-color: #ffffff4d;
    transition: transform 0.3s ease;
    border-radius: 16px;
    flex-shrink: 0;
    max-width: 565px;
    width: 100%;
}

.why-us__video-wrapper:hover {
    transform: translateY(-4px);
}

.why-us__video-wrapper h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 8px;
}

.why-us__panel {
    width: 100%;
    max-width: 809px;
}

.why-us__panel h3 {
    font-size: 48px;
    font-weight: 800;
    line-height: 56px;
}

.why-us__panel h3 span {
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.why-us__panel__desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 38px;
    margin-top: 24px;
}

.why-us__panel ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 55px;
    column-gap: 76px;
}

.why-us__panel ul li {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.why-us__panel ul li h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.why-us__panel ul li p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.certificates-why-us-wrapper {
    padding-top: 44px;
    padding-bottom: 120px;
    border-radius: 72px 72px 0 0;
    background-color: #ffffff4d;
    border: 0.9px solid #ffffff47;
    backdrop-filter: blur(100.55989837646484px);
}

.second-video-player {
    max-width: 544px;
}

.features {
    padding: 64px 0 80px;
    overflow: hidden;
    background-color: #f8fafc;
}

.features__container {
    max-width: 100rem;
}

.features__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 53px;
}

.features__title {
    max-width: 827px;
    margin: 0;
    font-weight: 800;
    font-size: clamp(26px, 8.1vw, 48px);
    line-height: 110%;
}

.features__nav {
    display: flex;
}

.features__nav-btn {
    width: 72px;
    height: 72px;
    border: 1px solid rgba(12, 18, 32, 0.06);
    background: #ffffff;
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
    user-select: none;
}

.features__nav-btn:nth-child(1) {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.features__nav-btn:nth-child(2) {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.features__nav-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(16, 24, 40, 0.1);
}

.features__nav-btn:active {
    transform: translateY(0px) scale(0.98);
}

.features__nav-btn.swiper-button-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.06);
    background: var(--Slate-100, #f1f5f9);
}

.features__nav-icon {
    width: 18px;
    height: 18px;
    display: block;
}

.features__slider {
    width: 100%;
}

.features__swiper {
    overflow: visible;
}

.features__slide {
    height: auto;
}

.feature-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(12, 18, 32, 0.06);
    border-radius: 28px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 340px;
    backdrop-filter: blur(100.55989837646484px);
    min-height: 404px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 24px 48px 0px #00256d1a;
}

.feature-card__media {
    height: 100px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    background-image: url("../assets/images/swiper-media-bg.avif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.feature-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(180px 140px at 70% 60%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) 65%);
    pointer-events: none;
}

.feature-card__icon {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}

.feature-card__icon-img {
    width: 44px;
    height: 44px;
    opacity: 0.9;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12));
}

.feature-card__body {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feature-card__title {
    margin: 0;
    font-size: clamp(15px, 4.9vw, 24px);
    line-height: 150%;
    font-weight: 600;
}

.feature-card__desc {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

.customers {
    padding: 120px 0;
}

.customers__container {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
}

.customers__title {
    font-size: clamp(32px, 3.1vw, 48px);
    line-height: 110%;
    font-weight: 800;
    margin-bottom: 24px;
    text-wrap: balance;
}

.customers__desc {
    font-size: 16px;
    line-height: 24px;
}

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

.customers__list li {
    padding: 22px;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 35.87%);
    border: 0.9px solid #ffffff47;
    backdrop-filter: blur(100.55989837646484px);
    box-shadow: 0px 16px 39.5px 0px #00256d12;
    border-radius: 24px;
    display: flex;
    align-items: start;
    gap: 24px;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 833px;
}

.customers__list li:hover {
    transform: translateY(-4px);
    box-shadow: 0px 24px 48px 0px #00256d1a;
}

.customers__list li h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 8px;
}

.customers__list li p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-wrap: balance;
    max-width: 386px;
}

.customers__list li img {
    min-width: 300px;
    max-width: clamp(300px, 4vw, 402px);
    width: 100%;
    object-fit: cover;
    border-radius: 14px;
    overflow: hidden;
    height: 100%;
}

.monthly-prices {
    padding: 110px 0;
}

.monthly-prices__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.monthly-prices__img {
    width: 100%;
    max-width: 950px;
    height: auto;
    border-radius: 40px;
    overflow: hidden;
}

.prices {
    padding: 120px 0;
    background-image: url("../assets/images/prices-background.avif");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.prices__background-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
}

.prices__title {
    text-align: center;
    font-weight: 800;
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 48px;
}

.prices__list {
    justify-content: center;
    display: flex;
    gap: 32px;
}

.prices__list__item {
    padding: 32px;
    background-color: white;
    backdrop-filter: blur(100.55989837646484px);
    border: 8px solid #ffffff1a;
    border-radius: 24px;
    min-height: 509px;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 509px;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    backdrop-filter: blur(100.55989837646484px);
    box-shadow: 0px 16px 39.5px 0px #00256d12;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.prices__list__item:hover {
    transform: translateY(-4px);
    box-shadow: 0px 24px 48px 0px #00256d1a;
}

.prices__list__item__header-wrapper h3 {
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 8px;
}

.prices__list__item__header-wrapper span {
    font-size: clamp(22px, 7vw, 28px);
    line-height: 36px;
    font-weight: 600;
}

.prices__list__item__header-wrapper {
    margin-bottom: 41px;
}

.prices__list__item__inner-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
}

.prices__list__item__inner-list li {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}

.prices__list__item__inner-list li svg {
    flex-shrink: 0;
}

.prices__list__item__button {
    display: inline-block;
    width: 100%;
    padding: 16px 21px;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: clamp(13px, 4vw, 16px);
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    border-radius: 40px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.prices__list__item__button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.prices__list>.prices__list__item:nth-child(2) {
    color: white;
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    backdrop-filter: blur(100.55989837646484px);
    box-shadow: 0px 16px 39.5px 0px #00256d12;
}

.prices__list>.prices__list__item:nth-child(2) .prices__list__item__button {
    background: linear-gradient(0deg, #ffffff, #ffffff);
    color: #002772;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.prices__list>.prices__list__item:nth-child(2) .prices__list__item__button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.prices__list__item:nth-child(2) h3 {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
}

.partners {
    padding: 120px 0;
}

.partners__title {
    text-align: center;
    font-weight: 800;
    font-size: clamp(32px, 3.1vw, 48px);
    line-height: 110%;
    margin-bottom: 56px;
}

.partners__title>span:nth-child(1) {
    background: linear-gradient(54.2deg, #00fbff 1%, #e547fd 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.partners__marquee {
    width: 100%;
    overflow: hidden;
}

.partners__marquee-track {
    display: flex;
    width: fit-content;
    animation: scroll 20s linear infinite;
    gap: 40px;
    justify-content: center;
    animation-play-state: running;
    transition: none;
}

.partners__marquee-track img {
    object-fit: contain;
    max-height: 60px;
}

.mob-marquee {
    display: none;
}

.partners__marquee-track ul {
    display: flex;
    gap: 40px;
}

.partners__marquee-track:hover {
    animation-play-state: paused;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.footer {
    padding-top: 50px;
    padding-bottom: 32px;
    background-color: #211f97;
    color: white;
    position: relative;
    overflow: hidden;
    background-image: url("../assets/images/footerbg.avif");
    background-position: left;
    background-size: cover;
}

.footer__top-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 220px;
    z-index: 2;
}

.footer__top-wrapper__logo {
    margin-bottom: 24px;
}

.footer__top-wrapper__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.footer__contacts-wrapper {
    display: flex;
    gap: 87px;
    font-weight: 400;
    z-index: 2;
}

.footer__contacts-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__contacts-wrapper_title {
    font-weight: 600;
}

.footer__contacts-wrapper__connect li {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer__contacts-wrapper__connect li a {
    font-weight: 700;
    transition: opacity 0.3s ease;
}

.footer__contacts-wrapper__connect li a:hover {
    opacity: 0.8;
}

.footer__contacts-wrapper__socials li a {
    display: flex;
    align-items: center;
    gap: 4px;
    transition: opacity 0.3s ease;
}

.footer__contacts-wrapper__socials li a:hover {
    opacity: 0.8;
}

.footer__bottom-wrapper {
    display: flex;
    justify-content: space-between;
}

.footer__bottom-wrapper__rights {
    display: flex;
    gap: 12px;
}

.footer__bottom-wrapper__privacy {
    display: flex;
    gap: 24px;
    z-index: 1;
}

.footer__background-arrow {
    position: absolute;
    width: 100%;
    max-width: 670px;
}

.work {
    background: linear-gradient(111.06deg, #fdeeff -21.18%, #e8ffff 108.89%);
    padding: 100px 0;
}

.work__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.work__text-panel__title {
    font-weight: 800;
    font-size: 48px;
    line-height: 58px;
    margin-bottom: 24px;
}

.work__text-panel__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 36px;
}

.work__text-panel__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 36px;
}

.work__text-panel__list div {
    padding: 24px;
    border-radius: 24px;
    backdrop-filter: blur(100.55989837646484px);
    box-shadow: 0px 16px 39.5px 0px #00256d12;
    background-color: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.work__text-panel__list div:hover {
    transform: translateY(-4px);
    box-shadow: 0px 24px 48px 0px #00256d1a;
}

.work__text-panel__list div h3 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 8px;
}

.work__text-panel__list div p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.work__text-panel__button {
    padding: 16px;
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
    color: white;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.work__text-panel__button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.stats__stat {
    display: flex;
    justify-content: space-between;
    gap: 27px;
    padding: 60px 0;
}

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

.stats__text-panel__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px;
}

.stats__text-panel__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 48px;
}

.stats__stat-panel__list {
    display: flex;
    flex-direction: column;
    margin-bottom: 48px;
}

.stats__stat-panel__list div {
    padding: 32px 0;
    border-bottom: 1px solid #e2e8f0;
    transition: background-color 0.3s ease;
}

.stats__stat-panel__list div:hover {
    background-color: #f8fafc;
}

.stats__stat-panel__list div h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.stats__stat-panel__list div p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.stats__stat>img {
    object-fit: contain;
    width: 100%;
    max-width: 712px;
    aspect-ratio: 597 / 571;
    width: 100%;
    height: auto;
}

.stats__stat__text-panel__button {
    padding: 16px 16px;
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    font-size: 16px;
    text-align: center;
    border-radius: 40px;
    color: white;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 396px;
    width: 100%;
}

.stats__stat__text-panel__button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.team {
    position: relative;
    background-color: #002772;
    background-image: url("../assets/images/teambg.avif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.team__img {
    border-top-left-radius: 64px;
    object-fit: cover;
    width: clamp(320px, 50vw, 1072px);
}

.team__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    gap: 64px;
    width: 100%;
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
    padding-left: 1rem;
}

.team__panel {
    padding: 24px;
    border: 0.63px solid #ffffff47;
    backdrop-filter: blur(70.4766616821289px);
    border-radius: 16px;
    margin: 73px 0;
    width: 100%;
    max-width: 540px;
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.35), rgba(14, 165, 233, 0.25));
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    color: white;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team__panel:hover {
    transform: translateY(-4px);
    box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.15);
}

.stats__stat:nth-child(2n) {
    flex-direction: row-reverse;
}

.team__panel__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
}

.team__panel__desc {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

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

.team__panel__list div {
    padding: 16px 0;
    border-bottom: 1px solid white;
}

.team__panel__list div h3 {
    display: flex;
    gap: 8px;
    font-size: 20px;
    line-height: 28px;
    align-items: center;
    margin-bottom: 16px;
}

.team__panel__list div h3 svg {
    flex-shrink: 0;
}

.team__panel__list div p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.team__panel__button {
    margin-top: 24px;
    padding: 16px;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: linear-gradient(54.2deg, #e547fd 13.4%, #00fbff 89.63%);
    border-radius: 40px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.team__panel__button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1280px) {
    .team__img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 100%;
        max-width: 376px;
        height: 316px;
        border-radius: 0;
    }

    .team__container {
        display: flex;
        justify-content: center;
    }

    .team__panel {
        z-index: 1;
        margin-top: 250px;
    }

    .team__img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 100%;
        max-width: 376px;
    }

    .team__container {
        display: flex;
        justify-content: center;
    }

    .team__panel {
        z-index: 1;
        margin-top: 250px;
    }

    .certificates-why-us-wrapper {
        padding: 40px 0;
    }
}

@media (max-width: 1178px) {
    .why-us__container {
        flex-direction: column-reverse;
        align-items: center;
    }
}

@media (max-width: 1024px) {
    .team__container {
        padding-right: 1rem;
    }

    .certificates__container {
        flex-direction: column;
        gap: 28px;
        padding-left: 0;
        padding-right: 0;
    }

    .features__title {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .features__head {
        padding: 0;
    }

    .features__nav {
        display: none;
    }

    .prices__list {
        flex-direction: column;
        align-items: center;
    }

    .footer__top-wrapper {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 50px;
    }

    .footer__contacts-wrapper {
        flex-direction: column;
        gap: 0;
    }

    .footer__contacts-wrapper ul {
        padding-top: 32px;
        padding-bottom: 32px;
        border-bottom: 1px solid gray;
    }

    .footer__bottom-wrapper {
        flex-direction: column;
        gap: 48px;
    }

    .footer__bottom-wrapper__rights {
        flex-direction: column;
    }

    .footer__bottom-wrapper__privacy {
        flex-wrap: wrap;
    }

    .footer__background-arrow {
        display: none;
    }

    .footer {
        background-image: url("../assets/images/footer-mob-bg.avif");
    }

    .stats__stat {
        flex-direction: column;
        gap: 48px;
        padding: 48px 0;
    }

    .stats__stat:nth-child(even) {
        flex-direction: column;
    }

    .work__container {
        flex-direction: column-reverse;
    }

    .customers__container {
        flex-direction: column;
        gap: 40px;
    }

    .customers__title {
        text-align: center;
    }

    .customers__desc {
        text-align: center;
    }

    .customers__list {
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 449px;
    }

    .customers__list li {
        flex-direction: column;
    }

    .customers__list li img {
        max-width: none;
        min-width: auto;
    }

    .certificates-desktop-list {
        display: none;
    }

    .certificates-swiper-container {
        display: block;
    }

    .certificates__container {
        margin-bottom: 46px;
    }

    .work__img {
        max-height: 347px;
        object-fit: contain;
        margin-bottom: 24px;
    }

    .stats__stat img {
        max-height: 326px;
        object-fit: contain;
    }

    .customers__container {
        align-items: center;
    }

    .stats__container {
        max-width: 600px;
    }

    .stats__stat__text-panel__button {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .monthly-prices__img {
        border-radius: 11px;
    }

    .work__text-panel__button {
        max-width: none;
        width: 100%;
    }

    .customers__desc {
        max-width: 343px;
        margin-left: auto;
        margin-right: auto;
    }

    .features,
    .customers,
    .monthly-prices,
    .work,
    .prices,
    .partners {
        padding: 48px 0;
    }

    .customers__title,
    .features__title {
        font-size: clamp(24px, 8vw, 36px);
    }

    .partners__title {
        font-size: clamp(28px, 8.7vw, 36px);
    }

    .customers__list li p br {
        display: none;
    }

    .certificates-why-us-wrapper {
        padding-top: 116px;
    }

    .mob-marquee {
        display: block;
    }

    .desktop-marquee {
        display: none;
    }
}

a,
button,
select,
.video-player-container {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}