.aspForm {
    position: absolute;
}

.zIndexInitial {
    z-index: initial !important;
}

.contact-form-wrap {
    padding-right: 10px;
    margin-right: -10px;
}

.backgroundInitial {
    background: initial !important;
}

.presentation-section {
    .btn {
        font-size: 16px;
        transition: all .3s ease-in-out;
        cursor: pointer
    }

    .btn.btn-disable {
        cursor: auto;
        background: #a7a1a1;
        color: #fff
    }

    .btn-rounded {
        border-radius: 12px
    }

    .btn-rounded-plus {
        border-radius: 14px
    }

    .btn.btn-blue {
        background-color: #02a1d3;
        color: #fff
    }

    .btn.btn-blue:disabled,
    .btn.btn-blue:disabled:hover {
        background: #9b9b9b1c;
        cursor: auto;
        pointer-events: none
    }

    .btn.btn-outline-blue {
        border: 2px solid #02a1d3;
        color: #fff
    }

    .btn.btn-blue:hover {
        background: #03c3ff
    }

    .btn.btn-size-xl {
        width: 100%;
        max-width: 415px;
        height: 72px;
        font-size: 22px
    }

    .btn-title {
        font-weight: 600;
        font-size: clamp(16px, 1.5vw, 25px);
        line-height: 20px
    }

    .btn.btn-size-xl:hover {
        font-size: clamp(18px, 1.29vw, 27px)
    }

    .btn-title:hover {
        font-size: clamp(18px, 1.6vw, 27px) !important
    }

    .btn.btn-next,
    .btn.btn-outline-blue,
    .btn.btn-request {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 415px;
        padding: 26px 20px;
        font-weight: 600;
        font-size: clamp(16px, 1.2vw, 22px);
        line-height: 20px;
        height: 72px
    }

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

        .btn.btn-next,
        .btn.btn-outline-blue,
        .btn.btn-request {
            height: 36px;
            max-width: 170px !important;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1599px) {

        .btn.btn-next,
        .btn.btn-outline-blue,
        .btn.btn-request {
            height: 55px;
            max-width: 230px !important;
        }
    }

    @media only screen and (min-width: 1600px) and (max-width: 1919px) {

        .btn.btn-next,
        .btn.btn-outline-blue,
        .btn.btn-request {
            max-width: 340px !important;
        }
    }

    .section-calculation .btn.btn-next,
    .section-calculation .btn.btn-outline-blue,
    .section-calculation .btn.btn-request {
        margin-left: auto
    }

    .packages-request .btn {
        &:first-child {
            margin-left: 5px
        }
    }

    .btn.btn-next img,
    .btn.btn-request img {
        width: 15px;
        height: 17px;
        margin-left: 10px
    }

    .btn.btn-next:hover,
    .btn.btn-outline-blue:hover,
    .btn.btn-request:hover {
        font-size: clamp(18px, 1.29vw, 27px)
    }

    .section-modules,
    .section-subscription {

        .btn.btn-next:hover,
        .btn.btn-outline-blue:hover,
        .btn.btn-request:hover,
        .btn.btn-size-xl:hover {
            font-size: clamp(18px, 1.29vw, 27px)
        }
    }

    .btn-slider-segments {
        width: 100%;
        max-width: 415px
    }

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

        .btn.btn-next,
        .btn.btn-outline-blue,
        .btn.btn-request {
            font-weight: 500;
            height: 46px;
            padding: 0
        }

        .btn.btn-size-xl {
            font-size: 16px
        }

        .btn.btn-next:hover,
        .btn.btn-outline-blue:hover,
        .btn.btn-request:hover,
        .btn.btn-size-xl:hover {
            font-size: unset !important;
            background: #02a1d3 !important
        }

        .btn-slider-segments {
            position: absolute;
            bottom: 24px;
            width: 100%;
            padding: 0 20px;
            max-width: 445px
        }

        .btn.btn-blue.btn-single {
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            bottom: 0;
            height: 46px
        }

        .btn.btn-blue.btn-single-request {
            position: fixed;
            left: 50%;
            transform: translate(-50%, -50%);
            bottom: 55px;
            height: 46px;
            margin: 0 15px
        }

        .btn.btn-next,
        .btn.btn-outline-blue,
        .btn.btn-request {
            margin-left: 0;
            margin-right: 0
        }
    }

    @media screen and (max-width: 1295px) {
        .btn-title {
            font-size: 1.115rem;
            line-height: .892rem
        }
    }

    @media screen and (min-width: 1496px) {
        .btn-slider-segments {
            margin-left: auto
        }
    }

    background: #1d1f28
}

.presentation-section .section {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.presentation-section .section.section-start {
    height: 100%
}

.presentation-section .accordion-panel-scroll-gradient {
    overflow: hidden
}

.presentation-section .section.section-select-target {
    height: 100%;
    background: #212736
}

.presentation-section .section-scroll-bg-top {
    position: relative;

    &:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 2;
        opacity: 0;
        transition: opacity .2s ease-in-out
    }
}

.presentation-section .section-scroll-bg-top.scrolled-top:after {
    opacity: 1
}

.presentation-section .section-scroll-bg-bottom {
    position: relative;

    &:before {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        width: 100%;
        opacity: 0;
        z-index: 2;
        transition: opacity .2s ease-in-out
    }
}

.presentation-section .scroll-gradient.swiper-container.scrolled-top {
    -webkit-mask-image: linear-gradient(180deg, #0000 0, #000 30px);
    mask-image: linear-gradient(180deg, #0000 0, #000 30px);

    &:after {
        content: none
    }
}

.presentation-section .scroll-gradient.swiper-container.scrolled-bottom {
    -webkit-mask-image: linear-gradient(0deg, #0000 0, #000 30px);
    mask-image: linear-gradient(0deg, #0000 0, #000 30px);

    &:before {
        content: none
    }
}

.presentation-section .scroll-gradient.swiper-container.scrolled-bottom.scrolled-top {
    -webkit-mask-image: linear-gradient(0deg, #0000 0, #000 30px), linear-gradient(180deg, #0000 0, #000 30px);
    mask-image: linear-gradient(0deg, #0000 0, #000 30px), linear-gradient(180deg, #0000 0, #000 30px);
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;

    &:after,
    &:before {
        content: none
    }
}

.presentation-section .section.section-modules .presentation-menu-scroll.section-scroll-bg-top.scrolled-top {
    &:after {
        z-index: 10;
        height: 260px;
        background: linear-gradient(.5turn, #1d1f28 79%, #1d1f2833 93%, #1d1f281a 98%, #1d1f280d)
    }

    ;
}

.presentation-section .section.section-modules .presentation-menu-scroll.section-scroll-bg-bottom.scrolled-bottom {
    &:before {
        background: linear-gradient(1turn, #1d1f28cc 43%, #1d1f2833 80%, #1d1f281a 0, #1d1f280d);
        height: 50px;
        z-index: 333;
        opacity: 1
    }
}

.presentation-section .section.section-modules .presentation-menu-scroll.section-scroll-bg-bottom.scrolled-bottom.scrolled-bottom-remove {
    &:before {
        content: none !important
    }
}

.presentation-section .section.section-modules .presentation-menu-scroll-box.section-scroll-bg-top.scrolled-top {
    &:after {
        z-index: 10;
        height: 260px;
        background: linear-gradient(.5turn, #1d1f28fa 79%, #1d1f2833 93%, #1d1f281a 98%, #1d1f280d)
    }
}

.presentation-section .section.section-modules .presentation-menu-scroll-box.section-scroll-bg-bottom.scrolled-bottom {
    &:before {
        background: linear-gradient(1turn, #1d1f28cc 43%, #1d1f2833 80%, #1d1f281a 0, #1d1f280d);
        height: 50px;
        z-index: 333;
        opacity: 1
    }
}

@keyframes maskAnimationToBottomUpOne {
    0.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010180);
        mask-image: linear-gradient(180deg, #010101 95%, #01010180)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010166);
        mask-image: linear-gradient(180deg, #010101 95%, #01010166)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101014d);
        mask-image: linear-gradient(180deg, #010101 95%, #0101014d)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010133);
        mask-image: linear-gradient(180deg, #010101 95%, #01010133)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101011a);
        mask-image: linear-gradient(180deg, #010101 95%, #0101011a)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010100);
        mask-image: linear-gradient(180deg, #010101 95%, #01010100)
    }
}

@keyframes maskAnimationToBottomUp {
    0.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010180), linear-gradient(0deg, #010101 95%, #01010180);
        mask-image: linear-gradient(180deg, #010101 95%, #01010180), linear-gradient(0deg, #010101 95%, #01010180)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010166), linear-gradient(0deg, #010101 95%, #01010180);
        mask-image: linear-gradient(180deg, #010101 95%, #01010166), linear-gradient(0deg, #010101 95%, #01010180)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101014d), linear-gradient(0deg, #010101 95%, #010101b3);
        mask-image: linear-gradient(180deg, #010101 95%, #0101014d), linear-gradient(0deg, #010101 95%, #010101b3)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010133), linear-gradient(0deg, #010101 95%, #010101cc);
        mask-image: linear-gradient(180deg, #010101 95%, #01010133), linear-gradient(0deg, #010101 95%, #010101cc)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101011a), linear-gradient(0deg, #010101 95%, #010101e6);
        mask-image: linear-gradient(180deg, #010101 95%, #0101011a), linear-gradient(0deg, #010101 95%, #010101e6)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010100), linear-gradient(0deg, #010101 95%, #010101);
        mask-image: linear-gradient(180deg, #010101 95%, #01010100), linear-gradient(0deg, #010101 95%, #010101)
    }
}

@keyframes maskAnimationToBottomDown {
    0.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010180);
        mask-image: linear-gradient(180deg, #010101 95%, #01010180)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95.5%, #01010199);
        mask-image: linear-gradient(180deg, #010101 95.5%, #01010199)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 96%, #010101b3);
        mask-image: linear-gradient(180deg, #010101 96%, #010101b3)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 96.5%, #010101cc);
        mask-image: linear-gradient(180deg, #010101 96.5%, #010101cc)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 97%, #010101e6);
        mask-image: linear-gradient(180deg, #010101 97%, #010101e6)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 97.5%, #010101);
        mask-image: linear-gradient(180deg, #010101 97.5%, #010101)
    }
}

@keyframes maskAnimationToTopUp {
    0.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #010101), linear-gradient(180deg, #010101 95%, #01010100);
        mask-image: linear-gradient(0deg, #010101 95%, #010101), linear-gradient(180deg, #010101 95%, #01010100)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #010101e6), linear-gradient(180deg, #010101 95%, #01010133);
        mask-image: linear-gradient(0deg, #010101 95%, #010101e6), linear-gradient(180deg, #010101 95%, #01010133)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #010101cc), linear-gradient(180deg, #010101 95%, #01010166);
        mask-image: linear-gradient(0deg, #010101 95%, #010101cc), linear-gradient(180deg, #010101 95%, #01010166)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #010101b3), linear-gradient(180deg, #010101 95%, #01010199);
        mask-image: linear-gradient(0deg, #010101 95%, #010101b3), linear-gradient(180deg, #010101 95%, #01010199)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #01010199), linear-gradient(180deg, #010101 95%, #010101cc);
        mask-image: linear-gradient(0deg, #010101 95%, #01010199), linear-gradient(180deg, #010101 95%, #010101cc)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #01010180), linear-gradient(180deg, #010101 95%, #010101);
        mask-image: linear-gradient(0deg, #010101 95%, #01010180), linear-gradient(180deg, #010101 95%, #010101)
    }
}

@keyframes maskAnimationToTopBottom {
    0.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #01010100);
        mask-image: linear-gradient(0deg, #010101 95%, #01010100)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #0101011a);
        mask-image: linear-gradient(0deg, #010101 95%, #0101011a)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #01010133);
        mask-image: linear-gradient(0deg, #010101 95%, #01010133)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #0101014d);
        mask-image: linear-gradient(0deg, #010101 95%, #0101014d)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #01010166);
        mask-image: linear-gradient(0deg, #010101 95%, #01010166)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(0deg, #010101 95%, #01010180);
        mask-image: linear-gradient(0deg, #010101 95%, #01010180)
    }
}

@keyframes maskAnimationToBottomUpCommon {
    0.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101), linear-gradient(0deg, #010101 95%, #010101);
        mask-image: linear-gradient(180deg, #010101 95%, #010101), linear-gradient(0deg, #010101 95%, #010101)
    }

    10.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101e6), linear-gradient(0deg, #010101 95%, #010101);
        mask-image: linear-gradient(180deg, #010101 95%, #010101e6), linear-gradient(0deg, #010101 95%, #010101)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101cc), linear-gradient(0deg, #010101 95%, #010101e6);
        mask-image: linear-gradient(180deg, #010101 95%, #010101cc), linear-gradient(0deg, #010101 95%, #010101e6)
    }

    30.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101b3), linear-gradient(0deg, #010101 95%, #010101e6);
        mask-image: linear-gradient(180deg, #010101 95%, #010101b3), linear-gradient(0deg, #010101 95%, #010101e6)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010199), linear-gradient(0deg, #010101 95%, #010101cc);
        mask-image: linear-gradient(180deg, #010101 95%, #01010199), linear-gradient(0deg, #010101 95%, #010101cc)
    }

    50.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010180), linear-gradient(0deg, #010101 95%, #010101cc);
        mask-image: linear-gradient(180deg, #010101 95%, #01010180), linear-gradient(0deg, #010101 95%, #010101cc)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010166), linear-gradient(0deg, #010101 95%, #010101b3);
        mask-image: linear-gradient(180deg, #010101 95%, #01010166), linear-gradient(0deg, #010101 95%, #010101b3)
    }

    70.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101014d), linear-gradient(0deg, #010101 95%, #010101b3);
        mask-image: linear-gradient(180deg, #010101 95%, #0101014d), linear-gradient(0deg, #010101 95%, #010101b3)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010133), linear-gradient(0deg, #010101 95%, #01010199);
        mask-image: linear-gradient(180deg, #010101 95%, #01010133), linear-gradient(0deg, #010101 95%, #01010199)
    }

    90.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101011a), linear-gradient(0deg, #010101 95%, #01010199);
        mask-image: linear-gradient(180deg, #010101 95%, #0101011a), linear-gradient(0deg, #010101 95%, #01010199)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010100), linear-gradient(0deg, #010101 95%, #01010180);
        mask-image: linear-gradient(180deg, #010101 95%, #01010100), linear-gradient(0deg, #010101 95%, #01010180)
    }
}

@keyframes maskAnimationToBottomDownCommon {
    0.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010100), linear-gradient(0deg, #010101 95%, #01010100);
        mask-image: linear-gradient(180deg, #010101 95%, #01010100), linear-gradient(0deg, #010101 95%, #01010100)
    }

    10.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101011a), linear-gradient(0deg, #010101 95%, #01010100);
        mask-image: linear-gradient(180deg, #010101 95%, #0101011a), linear-gradient(0deg, #010101 95%, #01010100)
    }

    20.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010133), linear-gradient(0deg, #010101 95%, #0101011a);
        mask-image: linear-gradient(180deg, #010101 95%, #01010133), linear-gradient(0deg, #010101 95%, #0101011a)
    }

    30.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #0101014d), linear-gradient(0deg, #010101 95%, #0101011a);
        mask-image: linear-gradient(180deg, #010101 95%, #0101014d), linear-gradient(0deg, #010101 95%, #0101011a)
    }

    40.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010166), linear-gradient(0deg, #010101 95%, #01010133);
        mask-image: linear-gradient(180deg, #010101 95%, #01010166), linear-gradient(0deg, #010101 95%, #01010133)
    }

    50.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010180), linear-gradient(0deg, #010101 95%, #01010133);
        mask-image: linear-gradient(180deg, #010101 95%, #01010180), linear-gradient(0deg, #010101 95%, #01010133)
    }

    60.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #01010199), linear-gradient(0deg, #010101 95%, #0101014d);
        mask-image: linear-gradient(180deg, #010101 95%, #01010199), linear-gradient(0deg, #010101 95%, #0101014d)
    }

    70.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101b3), linear-gradient(0deg, #010101 95%, #0101014d);
        mask-image: linear-gradient(180deg, #010101 95%, #010101b3), linear-gradient(0deg, #010101 95%, #0101014d)
    }

    80.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101cc), linear-gradient(0deg, #010101 95%, #01010166);
        mask-image: linear-gradient(180deg, #010101 95%, #010101cc), linear-gradient(0deg, #010101 95%, #01010166)
    }

    90.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101e6), linear-gradient(0deg, #010101 95%, #01010166);
        mask-image: linear-gradient(180deg, #010101 95%, #010101e6), linear-gradient(0deg, #010101 95%, #01010166)
    }

    100.00% {
        -webkit-mask-image: linear-gradient(180deg, #010101 95%, #010101), linear-gradient(0deg, #010101 95%, #01010180);
        mask-image: linear-gradient(180deg, #010101 95%, #010101), linear-gradient(0deg, #010101 95%, #01010180)
    }
}

.presentation-section .section.section-modules .accordion-panel-scroll-gradient.section-scroll-bg-top,
.presentation-section .section.section-subscription .accordion-panel-scroll-gradient.section-scroll-bg-top {
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;

    &:after {
        content: none
    }
}

.presentation-section .section.section-modules .accordion-panel-scroll-gradient.section-scroll-bg-top.scrolled-top,
.presentation-section .section.section-subscription .accordion-panel-scroll-gradient.section-scroll-bg-top.scrolled-top {
    animation: maskAnimationToTopUp .5s ease forwards;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;

    &:after {
        content: none
    }
}

.presentation-section .section.section-modules .accordion-panel-scroll-gradient.section-scroll-bg-bottom,
.presentation-section .section.section-subscription .accordion-panel-scroll-gradient.section-scroll-bg-bottom {
    animation: maskAnimationToBottomDown .5s ease forwards;

    &:before {
        content: none
    }
}

.presentation-section .section.section-modules .accordion-panel-scroll-gradient.section-scroll-bg-bottom.scrolled-bottom,
.presentation-section .section.section-subscription .accordion-panel-scroll-gradient.section-scroll-bg-bottom.scrolled-bottom {
    animation: maskAnimationToBottomUpOne .5s ease forwards;

    &:before {
        content: none
    }
}

.presentation-section .section.section-modules .accordion-panel-scroll-gradient.section-scroll-bg-bottom.scrolled-bottom.scrolled,
.presentation-section .section.section-subscription .accordion-panel-scroll-gradient.section-scroll-bg-bottom.scrolled-bottom.scrolled {
    animation: maskAnimationToBottomUp .5s ease forwards;

    &:before {
        content: none
    }
}

.presentation-section .section.section-modules .accordion-panel-scroll-gradient.scrolled-bottom.scrolled-top.scrolled,
.presentation-section .section.section-subscription .accordion-panel-scroll-gradient.scrolled-bottom.scrolled-top.scrolled {
    animation: maskAnimationToBottomUpCommon .5s ease forwards;

    &:after,
    &:before {
        content: none
    }
}

.presentation-section .main {
    width: inherit;
    height: inherit
}

.presentation-section .section.section-start .main {
    padding-top: 60px
}

.presentation-section .swiper-slide-calculation-item-left {
    flex-basis: 27%
}

.presentation-section .gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.presentation-section .laptop-images-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10dvh
}

.presentation-section .laptop {
    max-width: 815px;
    width: 100%;
    height: 100%;
    max-height: 465px;
    transform: translate(0);
    z-index: 3;
    animation: MoveUpDown 5s linear infinite
}

@keyframes MoveUpDown {

    0%,
    to {
        transform: translateY(-20px)
    }

    50% {
        transform: translate(0)
    }
}

.presentation-section .laptop-shadow {
    width: 100%;
    height: 70px;
    z-index: 2;
    animation: WidthUpDown 5s linear infinite
}

@keyframes WidthUpDown {

    0%,
    to {
        max-width: 600px
    }

    50% {
        max-width: 100%
    }
}

.presentation-section .gradient,
.presentation-section .laptop {
    pointer-events: none
}

.presentation-section .title {
    font-weight: 600;
    font-size: clamp(25px, 5vw, 89px);
    color: #fff;
    line-height: 5vw
}

.presentation-section .subtitle {
    font-weight: 400;
    font-size: clamp(14px, 1.3vw, 24px);
    line-height: 1.3;
    color: #d1d1d1b3
}

.presentation-section .main .title {
    margin-bottom: 18px
}

.presentation-section .main .subtitle {
    margin-bottom: 75px
}

.presentation-section .section-back,
.presentation-section .section-close {
    position: absolute;
    top: 11dvh;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff3;
    border-radius: 50%;
    color: #fff;
    fill: currentColor;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.presentation-section .section-back:hover,
.presentation-section .section-close:hover {
    border-color: #fff
}

.presentation-section .section-back {
    left: 60px
}

.presentation-section .section-close {
    right: 60px
}

.presentation-section .section-back svg,
.presentation-section .section-close svg {
    width: 32px;
    height: auto;
}

.presentation-section .section-back svg {
    transform: rotate(90deg);
    width: 32px;
    height: auto;
}

.presentation-section .section.section-start .title {
    margin-top: -6dvh;
    margin-bottom: 3dvh
}

.presentation-section .section.section-select-target .main {
    padding: 11dvh 60px 6dvh
}

.presentation-section .section.section-modules .title,
.presentation-section .section.section-select-target .title,
.presentation-section .section.section-subscription .title {
    font-weight: 400;
    font-size: clamp(16px, 3vw, 52px);
    line-height: 1;
    text-align: center;
    z-index: 55
}

.presentation-section .section.section-modules .title,
.presentation-section .section.section-subscription .title {
    margin-bottom: 5dvh
}

.presentation-section .section.section-subscription .title {
    text-align: center;
    margin-bottom: 3dvh
}

.presentation-section .presentation-menu {
    padding: 190px 30px 0 3vw;
    background-color: #1d1f28
}

.presentation-section .presentation-menu-box {
    height: calc(100% - 21px);
    overflow-x: auto;
    margin-top: 21px
}

.presentation-section .presentation-menu h3,
.presentation-section .presentation-menu h4,
.presentation-section .presentation-menu h5 {
    position: sticky;
    top: -125px;
    z-index: 5;
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 400;
    line-height: 43px;
    color: #fff;
    background-color: #1d1f28
}

.presentation-section .presentation-modules {
    width: 100%;
    margin-bottom: 60px;
    padding-right: 18px
}

.presentation-section .presentation-modules-item {
    min-height: 52px;
    margin-bottom: 12px;
    padding: 0 1vw;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    background-color: #ffffff0d;
    color: #fff;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.presentation-section .presentation-modules:last-child {
    margin-bottom: 0
}

.presentation-section .presentation-modules-item.presentation-modules-item-active,
.presentation-section .presentation-modules-item:active,
.presentation-section .presentation-modules-item:focus,
.presentation-section .presentation-modules-item:hover {
    background-color: #ffffff30
}

.presentation-section .presentation-modules-item img {
    width: 20px;
    height: 20px;
    margin-right: 15px
}

.presentation-section .section.section-modules {
    background: #1d1f28
}

.presentation-section .calculation-container,
.presentation-section .section.section-modules .main {
    flex-basis: 73%;
    padding: 11vh 3vw 6vh;
    background: url(/img/presentation/gradient.svg);
    background-size: 140%;
    -webkit-background-size: 140%;
    background-position: 100%;
    background-repeat: no-repeat
}

.presentation-section .section.section-modules.section-calculation .main {
    padding: 0;
    background: #0000;
    flex-basis: 67%
}

.presentation-section .section.section-modules .title {
    text-align: left
}

.presentation-section .calculation-container {
    gap: 1vw
}

.presentation-section .package {
    gap: 2vw
}

.presentation-section .package-info {
    flex-shrink: 0;
    max-width: 340px;
    width: 100%
}

.presentation-section .package-info-wrapper {
    height: 100%
}

.presentation-section .package-info-inner-wrapper {
    display: flex;
    height: 100%;
    gap: 10px
}

.presentation-section .package-info--img {
    width: 100%;
    height: 344px;
    position: relative
}

.presentation-section .package-info--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 19px
}

.presentation-section .package-info--video-btn {
    position: absolute;
    bottom: 15px;
    left: 15px;
    border: 2px solid #ffffff3d;
    border-radius: 25px;
    max-width: 105px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 15px;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.presentation-section .package-info--video-btn:hover {
    border: 2px solid #fff;
    background: #00000029
}

.presentation-section .package-info--video-btn img {
    width: 20px;
    border-radius: 0
}

.presentation-section .package-info--video-btn span {
    font-size: 18px;
    line-height: 20px;
    color: #fff
}

.presentation-section .package-info h3 {
    font-size: clamp(18px, 1.7vw, 32px);
    font-weight: 500;
    line-height: 1;
    padding: 3dvh 0 2dvh;
    color: #fff
}

.presentation-section .package-info p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #ffffffb3
}

.presentation-section .package-container-width .package-list {
    position: relative
}

.presentation-section .module-info {
    width: 100%
}

.presentation-section .accordion__item {
    margin-bottom: 12px;
    border-radius: 12px;
    overflow: hidden
}

.presentation-section .accordion__item:last-child {
    margin-bottom: 0
}

.presentation-section .accordion__item .accordion__title {
    display: flex;
    position: relative;
    margin: initial;
    padding: 16px 24px;
    background-color: #ffffff0d;
    border: none;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: all .3s ease-in-out
}

.presentation-section .accordion__item .accordion__title .accordion__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #fff;
    transition: all .2s ease-out
}

.presentation-section .accordion__item.accordion-active .accordion__title .accordion__arrow {
    transform: translateY(-50%) rotate(180deg)
}

.presentation-section .accordion__item .accordion__title .accordion__arrow svg {
    width: 32px;
    height: 32px
}

.presentation-section .accordion__item .accordion__rotate {
    transform: rotate(225deg)
}

.presentation-section .accordion__item .accordion__content {
    display: none;
    background-color: #ffffff0d;
    transition: all .3s ease-out
}

.presentation-section .accordion__item .accordion__content ul {
    padding: 6px 15px 30px 45px;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    list-style-type: disc;
    color: #fffc
}

.presentation-section .accordion__item .accordion__content ul li:not(:last-child) {
    margin-bottom: 15px
}

.presentation-section .accordion__item.accordion-active .accordion__content,
.presentation-section .accordion__item.accordion-active .accordion__title {
    background-color: #ffffff30
}

@media screen and (min-width: 1200px) and (max-height: 900px) {
    .presentation-section .laptop-images-box {
        height: 45dvh
    }

    .presentation-section .laptop {
        width: auto
    }
}

@media screen and (max-width: 1495px) {
    .presentation-section .section.section-modules .main {
        background-position-x: right;
        background-size: cover
    }

    .presentation-section .swiper-dots-wrapper {
        flex-direction: column
    }

    .presentation-section .swiper-dots {
        margin-left: 0 !important;
        transform: none !important;
        margin-bottom: 25px !important
    }

    .presentation-section .mr-auto-lg {
        margin-right: auto
    }
}

@media screen and (max-width: 1395px) {
    .presentation-section .package {
        flex-wrap: wrap;
        height: 100%
    }

    .presentation-section .package-info {
        max-width: 200px
    }

    .presentation-section .presentation-menu {
        padding: 190px 1vw 0
    }
}

.bg-opacity-inner {
    background: #00000096 !important;
    transition: all .25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -2;
    overflow-y: auto;
    opacity: 0
}

.bg-opacity-inner.bg-opacity-inner-open {
    z-index: 1;
    transition: all .25s ease-in-out;
    opacity: 1
}

@media screen and (min-width: 1025px) {
    .presentation-section .laptop-images-box {
        margin-bottom: 4dvh
    }

    .presentation-section .presentation-modules-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .presentation-section .presentation-modules-item .presentation-modules-item-text {
        min-width: 160px;
        max-width: 160px;
        display: inline-block
    }

    .presentation-section .presentation-menu-box {
        min-width: 390px
    }

    .presentation-section .presentation-menu-box .custom-checkbox-label,
    .presentation-section .presentation-menu-box .module-info {
        min-height: 52px
    }

    .presentation-section .module-info span {
        display: inline-block;
        min-width: 160px;
        max-width: 160px
    }

    .presentation-section .selects-box-container-bottom {
        bottom: 6dvh;
        right: 3dvw;
        width: 50%
    }

    .presentation-section .section-calculation .selects-box-container-bottom {
        width: 416px
    }
}

@media screen and (min-width: 1300px) {
    .presentation-section .section.section-subscription .title {
        text-align: left
    }

    .presentation-section .package-info-inner-wrapper {
        gap: 25px
    }

    .presentation-section .calculation-container {
        gap: 3vw
    }
}

@media screen and (min-width: 1600px) {
    .presentation-section .selects-box-container-bottom {
        width: 50%
    }

    .presentation-section .section-calculation .selects-box-container-bottom {
        width: 416px
    }
}

@media screen and (min-width: 1024px) and (max-height: 1030px) {
    .presentation-section .section-modules .accordion-panel {
        max-height: 58vh !important
    }
}

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

    .presentation-section .calculation-container,
    .section.section-modules .main {
        padding: 11vh 4vw 5vh
    }

    .presentation-section .laptop {
        max-width: 550px
    }

    .presentation-section .section.section-start .main {
        padding-top: 4vh
    }

    .presentation-section .section-modules .accordion-panel {
        max-height: 50vh !important
    }

    .presentation-section .subscription-accordion-box .accordion-panel {
        max-height: 45vh !important
    }
}

@media screen and (min-width: 1024px) and (max-height: 900px) {
    .presentation-section .section.section-start .main {
        padding-top: 6vh
    }

    .presentation-section .accordion-panel {
        max-height: 60vh !important
    }

    .presentation-section .counter-title {
        margin-bottom: 1dvh
    }
}

@media screen and (max-width: 1024px) {
    .headerWrap.open-segment-menu {
        &:after {
            content: "";
            background: #00000096;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 45
        }
    }

    .presentation-section .section.section-select-target .main {
        padding: 75px 0 0
    }

    .presentation-section .section.section-select-target .gradient {
        display: none
    }

    .presentation-section .section.section-select-target .swiper-comprehensive {
        padding-left: 20px;
        padding-right: 20px
    }

    .presentation-section .section-calculation.section {
        height: 100%
    }

    .presentation-section .calculation-container,
    .presentation-section .section.section-modules .main {
        background: #0000
    }

    .presentation-section .calculation-container {
        gap: 0;
        padding: 0
    }

    .presentation-section .subscription-details-columns-wrapper {
        height: calc(100% - 180px)
    }

    .presentation-section .section-slide-box {
        padding-top: 67px
    }

    .presentation-section .section-calculation .selects-box-container {
        flex-basis: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px !important
    }

    .presentation-section .calculation-btn {
        display: none !important
    }

    .presentation-section .presentation-menu-box {
        margin-top: 0
    }

    .presentation-section .swiper-slide-calculation-item-left {
        flex-basis: auto
    }

    .presentation-section .section.section-modules .presentation-menu-scroll-box.section-scroll-bg-top.scrolled-top {
        &:after {
            background: linear-gradient(.5turn, #1d1f28c9 60%, #1d1f2833 92%, #1d1f281a 0, #1d1f280d);
            height: 105px
        }
    }

    .presentation-section .section.section-modules .presentation-menu-scroll-box.section-scroll-bg-bottom.scrolled-bottom {
        &:before {
            height: 45px
        }
    }

    .presentation-section .section.section-modules .presentation-menu-scroll.section-scroll-bg-top.scrolled-top {
        &:after {
            background: linear-gradient(.5turn, #1d1f28 60%, #1d1f2833 92%, #1d1f281a 0, #1d1f280d);
            height: 140px
        }
    }

    .presentation-section .section.section-modules .presentation-menu-scroll.section-scroll-bg-bottom.scrolled-bottom {
        &:before {
            height: 75px;
            background: linear-gradient(0deg, #1d1f28, #1d1f29 50%, #1d1f2800)
        }
    }

    .presentation-section .section.section-modules.section-calculation .presentation-menu-scroll-box {
        height: 100%;
        overflow: hidden
    }

    .presentation-section .section.section-modules.section-calculation .presentation-menu-box {
        height: 100%
    }

    .presentation-section .section.section-modules.section-calculation .section-scroll-bg-top.scrolled-top.scrolled-top {
        &:after {
            height: 35px;
            background: linear-gradient(.5turn, #191b2657 56%, #1d1f280d 86%, #1d1f2800 0, #1d1f2800);
            pointer-events: none;
        }
    }

    .presentation-section .section.section-calculation .presentation-menu-scroll.section-scroll-bg-bottom.scrolled-bottom {
        &:before {
            height: 135px;
            background: linear-gradient(0deg, #1d1f28, #1d1f28d6 50%, rgba(29, 31, 40, .005));
            pointer-events: none;
        }
    }

    .presentation-section .section.section-subscription .accordion-panel-scroll-gradient.section-scroll-bg-bottom.scrolled-bottom {
        &:before {
            height: 150px;
            background: linear-gradient(0deg, #20222c 70%, #2426320f 92%);
            bottom: 0;
            opacity: 1
        }
    }

    .presentation-section .accordion-panel-scroll-gradient {
        height: 100%
    }

    .presentation-section .section.section-modules .accordion-panel-scroll-gradient.accordion-panel-scroll-gradient-box.section-scroll-bg-top {
        &:after {
            content: none
        }
    }

    .presentation-section .section.section-modules .accordion-panel-scroll-gradient.accordion-panel-scroll-gradient-box.section-scroll-bg-bottom {
        &:before {
            content: none
        }
    }

    .presentation-section .section.section-modules .package-info-inner-wrapper.scrolled-top {
        animation: maskAnimationToTopUp .5s ease forwards;
        -webkit-mask-composite: source-in, xor;
        mask-composite: intersect;

        &:after {
            content: none
        }
    }

    .presentation-section .section.section-modules .package-info-inner-wrapper {
        animation: maskAnimationToBottomDown .5s ease forwards;
        -webkit-mask-composite: source-in, xor;
        mask-composite: intersect;

        &:after {
            content: none
        }
    }

    .presentation-section .section.section-modules .package-info-inner-wrapper.scrolled-bottom {
        animation: maskAnimationToBottomUpOne .5s ease forwards;
        -webkit-mask-composite: source-in, xor;
        mask-composite: intersect;

        &:before {
            content: none
        }
    }

    .presentation-section .section.section-modules .package-info-inner-wrapper.scrolled-bottom.scrolled {
        animation: maskAnimationToBottomUp .5s ease forwards;
        -webkit-mask-composite: source-in, xor;
        mask-composite: intersect;

        &:after,
        &:before {
            content: none
        }
    }

    .presentation-section .section.section-modules .package-info-inner-wrapper.scrolled-bottom.scrolled-top.scrolled {
        animation: maskAnimationToBottomUpCommon .5s ease forwards;
        -webkit-mask-composite: source-in, xor;
        mask-composite: intersect;

        &:after,
        &:before {
            content: none
        }
    }

    .presentation-section .section.section-subscription .subscription-details-columns-wrapper.section-scroll-bg-bottom.scrolled-bottom {
        &:before {
            background: linear-gradient(0deg, #1d1f28, #1d1f28d6 50%, rgba(29, 31, 40, .005));
            height: 60px;
            bottom: -10px;
            opacity: 1
        }
    }

    .presentation-section .section.section-subscription .subscription-details-columns-wrapper.section-scroll-bg-top.scrolled-top {
        &:after {
            height: 60px;
            background: linear-gradient(180deg, #20222c, #24263600 77%);
            top: -10px
        }
    }

    .presentation-section .section.section-select-target .title {
        margin: 0
    }

    .presentation-section .section-back,
    .presentation-section .section-close {
        top: 65px;
        width: 36px;
        height: 36px
    }

    .presentation-section .section-back {
        left: 10px
    }

    .presentation-section .section-close {
        right: 10px
    }

    .presentation-section .section-back svg,
    .presentation-section .section-close svg {
        width: 20px
    }

    .presentation-section .main .title {
        margin-bottom: 30px
    }

    .presentation-section .main .subtitle {
        margin-bottom: 80px
    }

    .presentation-section .laptop {
        max-width: 360px;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none
    }

    .presentation-section .laptop-shadow {
        height: 30px
    }

    .presentation-section .flex-md {
        display: flex
    }

    .presentation-section .flex-col-md {
        flex-direction: column
    }

    .presentation-section .content-end-md {
        justify-content: end
    }

    .presentation-section .flex-col-reverse-md {
        flex-direction: column-reverse
    }

    .presentation-section .package-modal-close {
        border: 1.46px solid #fff3;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        position: absolute;
        right: 20px;
        top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 33
    }

    .presentation-section .package-modal-close svg {
        color: #fff;
        width: 20px
    }

    .presentation-section .package-list {
        padding-bottom: 10px
    }

    .presentation-section .section-calculation .package-container-width .package-list,
    .presentation-section .section-calculation .package-info {
        flex-basis: auto
    }

    .presentation-section .title-mobile {
        position: absolute;
        padding-top: 72px;
        width: 100%;
        text-align: center !important;
        font-size: 22px !important
    }

    .presentation-section .section-slide-box .title-mobile {
        padding-top: 5px
    }

    .presentation-section .package-container-wrap {
        background: #00000096 !important;
        padding: 0 !important;
        transition: all .25s ease-in-out;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -2;
        overflow-y: auto;
        opacity: 0;
        animation: none;
        height: 100%
    }

    .presentation-section .package-container-wrap.package-container-wrap-open {
        display: flex !important;
        z-index: 10000;
        transition: all .25s ease-in-out;
        opacity: 1;
        overflow: hidden !important
    }

    .presentation-section .package {
        background: #1d1f28 !important;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        margin-top: 110px;
        padding: 0 18px 18px;
        min-height: 100%;
        transform: translateY(100%);
        overflow: hidden;
        transition: all .25s ease-in-out;
        position: relative
    }

    .presentation-section .package-container-wrap.package-container-wrap-open .package {
        transform: translateY(0);
        transition: all .25s ease-in-out;
        height: 100%
    }

    .presentation-section .presentation-menu.presentation-menu-big-space {
        padding: 97px 0 20px 20px;
        flex-basis: 100%;
        height: calc(100% - 95px)
    }

    .presentation-section .presentation-menu.presentation-menu-little-space {
        padding: 110px 0 20px 20px;
        flex-basis: 100%;
        height: calc(100% - 115px)
    }

    .presentation-section .swiper-slide-calculation .presentation-menu.presentation-menu-little-space {
        padding: 0 0 20px 20px;
        overflow: hidden;
        height: calc(100% - 60px)
    }

    .presentation-section .presentation-modules {
        padding-right: 20px;
        margin-bottom: 32px
    }

    .presentation-section .presentation-menu {
        min-width: 100%
    }

    .presentation-section .presentation-modules-item {
        min-height: 40px;
        padding: 5px 10px
    }

    .presentation-section .presentation-modules:last-child {
        margin-bottom: 20px
    }

    .presentation-section .presentation-menu h5 {
        text-align: left;
        margin-bottom: 20px;
        font-size: 16px
    }

    .presentation-section .swiper-slide-calculation .presentation-menu h5 {
        line-height: 1
    }

    .presentation-section .package-info-mobile-title {
        padding: 14px 34px 20px 0;
        width: 100%;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        text-align: center;
        z-index: 4;
        color: #fff
    }

    .presentation-section .package-info-inner-wrapper {
        flex-direction: column;
        overflow: auto
    }

    .presentation-section .package-info--img {
        margin: 0 auto 24px;
        height: 250px;
        max-width: 393px
    }

    .presentation-section .package-info {
        max-width: 100%
    }

    .presentation-section .package-info p {
        font-size: 14px
    }

    .presentation-section .packages-request {
        position: fixed;
        bottom: 0;
        width: 100%
    }

    .presentation-section .packages-request-mobile {
        position: absolute;
        bottom: 24px;
        left: 0;
        right: 0;
        z-index: 555;
        padding: 0 15px;
        background: #1d1f28
    }

    .presentation-section .packages-request-mobile span {
        margin-right: 5px
    }

    .presentation-section .packages-request-mobile img {
        height: 13px !important
    }

    .presentation-section .packages-request-mobile button {
        margin: 0
    }

    .presentation-section .swiper-slide-3 .packages-request-mobile button:first-child {
        margin-bottom: 10px
    }

    .presentation-section .presentation-modules-item.presentation-modules-item-active {
        background: #ffffff30
    }

    .presentation-section .custom-checkbox-label .checkmark {
        width: 24px !important;
        height: 24px !important
    }
}

.presentation-section .swiper {
    height: 100%
}

.presentation-section .swiper-slide {
    overflow: hidden
}

.presentation-section .counter-block .counter-title {
    font-size: clamp(3.76dvw, 9dvw, 5dvh);
    margin-bottom: clamp(3dvh, 7.6dvh, 17dvw)
}

.presentation-section .counter-block .counter-item .number {
    font-size: clamp(5dvw, 10dvw, 5dvh)
}

.presentation-section .counter-block .counter-item .text {
    font-size: clamp(1.5dvw, 3.6dvw, 2dvh)
}

.presentation-section .counter-block .counter-grid {
    row-gap: clamp(3dvh, 8.7dvh, 19dvw)
}

.presentation-section .accordion-panel,
.presentation-section .accordion-panel-container,
.presentation-section .licences-select-box .choices__list.choices__list--dropdown,
.presentation-section .package-info-wrapper,
.presentation-section .package-select-info-text-container,
.presentation-section .presentation-menu,
.presentation-section .subscription-details-columns,
.presentation-section .subscription-details-columns-wrapper,
.presentation-section .terms-of-use-modal-inner {
    ::-webkit-scrollbar {
        width: 3px
    }

    ::-webkit-scrollbar-track {
        background: #0000
    }

    ::-webkit-scrollbar-thumb,
    ::-webkit-scrollbar-thumb:hover {
        background: #ffffff1a
    }

    scrollbar-width: thin;
    scrollbar-color: #ffffff1a #0000
}

.presentation-section input[type=number]::-webkit-inner-spin-button,
.presentation-section input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.presentation-section .custom-checkbox-label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer
}

.presentation-section .custom-checkbox-label .checkmark {
    width: 32px;
    height: 32px;
    background-color: #ffffff1c;
    border-radius: 50%;
    position: relative;
    display: block;
    transition: .3s ease-in-out
}

.presentation-section .custom-checkbox-label .checkmark:after {
    content: "";
    width: 13px;
    height: 18px;
    background: url(/img/icons/checkbox-arrow.svg) no-repeat 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 11%;
    transition: .3s ease-in-out
}

.presentation-section .checkbox-label-toggle .checkmark {
    background-color: var(--color-blue);
    opacity: 1
}

.presentation-section .checkbox-label-toggle .checkmark:after {
    opacity: 1
}

.presentation-section .module-info span,
.presentation-section .presentation-modules-item span {
    font-size: clamp(14px, 1vw, 16px)
}

.presentation-section .module-content {
    flex-grow: 1;
    cursor: pointer
}

.presentation-section .module-price {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 12px
}

@media screen and (max-width: 1024px) {
    @keyframes fadeInLeftTransform {
        0% {
            transform: translate3d(-100%, 0, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInOpacity {
        0% {
            opacity: .5
        }

        to {
            opacity: 1
        }
    }

    @keyframes opacityNon {
        0% {
            opacity: 1
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeInRightTransform {
        0% {
            transform: translate3d(100%, 0, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    .animate__fadeInLeftOwnMobile {
        animation: fadeInLeftTransform .4s, fadeInOpacity 2s
    }

    .animate__fadeInRightOwnMobile {
        animation: fadeInRightTransform .4s, fadeInOpacity 2s
    }

    .custom-checkbox-label.animate__animated.animate__fadeInShowOwn.animate__fadeOutDisappear {
        animation: opacityNon 2s
    }
}

@media screen and (min-width: 1025px) {
    @keyframes fadeInOpacity {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeInLeftTransform {
        0% {
            transform: translate3d(-100%, 0, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInLeftSmallTransform {
        to {
            transform: translate3d(5%, 0, 0)
        }
    }

    @keyframes fadeInRightTransform {
        0% {
            transform: translate3d(100%, 0, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInRightSmallTransform {
        0% {
            transform: translate3d(5%, 0, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInGoUp {
        0% {
            transform: translate3d(0, 100%, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInGoBottom {
        0% {
            transform: translate3d(0, -100%, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInBackFromBottom {
        0% {
            transform: translateZ(0)
        }

        to {
            transform: translate3d(0, -100%, 0);
            display: none
        }
    }

    @keyframes fadeInUpBottomLeft {
        0% {
            transform: translate3d(-30%, 40%, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInFromTopLeft {
        0% {
            transform: translate3d(-30%, -20%, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInWithWidthChange {
        0% {
            width: 50%
        }

        to {
            width: 100%
        }
    }

    @keyframes fadeInWithWidthMin {
        0% {
            width: 200%
        }

        to {
            width: 100%
        }
    }

    @keyframes fadeOutDisappear {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes fadeInUpSmall {
        0% {
            transform: translate3d(0, 100%, 0)
        }

        to {
            transform: translateZ(0)
        }
    }

    @keyframes fadeInDownSmall {
        0% {
            opacity: 1;
            transform: translate3d(0, -100%, 0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    .animate__downSmall {
        animation: fadeInDownSmall .4s ease forwards
    }

    .animate__UpSmall {
        animation: fadeInUpSmall .4s ease forwards
    }

    .animate__widthOwn {
        animation: fadeInWithWidthChange 1s ease forwards
    }

    .animate__width-minOwn {
        animation: fadeInWithWidthMin 1s ease forwards !important
    }

    .animate__fadeInLeftOwn {
        animation: fadeInLeftTransform, fadeInOpacity;
        animation-duration: .6s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeInRightOwn {
        animation: fadeInRightTransform, fadeInOpacity;
        animation-duration: .6s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeInLeftSmallOwn {
        animation: fadeInLeftSmallTransform forwards, fadeInOpacity;
        animation-duration: .5s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeInRightSmallOwn {
        animation: fadeInRightSmallTransform forwards, fadeInOpacity;
        animation-duration: .5s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeOutDisappear {
        animation: fadeOutDisappear 1s
    }

    .animate__fadeInShowOwn {
        animation: fadeInOpacity 1s
    }

    .animate__fadeInUpOwn {
        animation: fadeInGoUp .4s, fadeInOpacity 2s
    }

    .animate__fadeInBottomOwn {
        animation: fadeInGoBottom .4s, fadeInOpacity 2s
    }

    .animate__fadeInBackFromBottom {
        animation: fadeInBackFromBottom forwards, fadeInOpacity;
        animation-duration: .5s, 2s
    }

    .animate__fadeInLeftSlowerOwn {
        animation: fadeInLeftTransform, fadeInOpacity;
        animation-duration: .5s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeInRightSlowerOwn {
        animation: fadeInRightTransform, fadeInOpacity;
        animation-duration: .5s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeInBottomLeftOwn {
        animation: fadeInUpBottomLeft, fadeInOpacity;
        animation-duration: .6s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }

    .animate__fadeInTopLeftOwn {
        animation: fadeInFromTopLeft, fadeInOpacity;
        animation-duration: .6s, 2s;
        animation-timing-function: cubic-bezier(.25, .46, .45, .94)
    }
}

@keyframes fadeInWithWidthMin {
    0% {
        width: 190%
    }

    to {
        width: 100%
    }
}

.presentation-section {
    .selects-box-container {
        flex-basis: 33%;
        display: flex;
        flex-direction: column
    }

    .section-calculation .selects-box-container {
        padding-top: 105px
    }

    .selects-box {
        flex: 1
    }

    .select-box {
        margin-bottom: 4dvh
    }

    .select-title-box {
        margin-bottom: 2dvh
    }

    .select-title-box span {
        font-size: clamp(14px, 1.2vw, 22px)
    }

    .licences-select-wrap,
    .package-select-wrap,
    .regions-select-wrap {
        position: relative;
        width: 100%
    }

    .regions-select-wrap .regions-item-label.disabled {
        opacity: .5;
        pointer-events: none
    }

    .regions-select-wrap .regions-item-label.choose {
        font-weight: 600
    }

    .regions-select-wrap .select-choices-inner {
        border: 2px solid #75879b;
        width: 100%;
        height: 5.5dvh;
        max-height: 59px;
        padding: 6px 16px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        font-size: clamp(14px, 1.2vw, 18px);
        font-weight: 500;
        position: relative;
        transition: .3s ease-in-out;
        cursor: pointer;
        color: var(--color-white);
        background: #ffffff0d
    }


    .regions-select-wrap .select-choices-inner.open,
    .regions-select-wrap .select-choices-inner:hover {
        border: 2px solid #02a1d3
    }

    .regions-select-wrap .regions-item-box {
        background: #47485b;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        transition: opacity .35s ease, transform .35s, visibility 0s ease 0s;
        z-index: 3;
        box-shadow: 0 3px 20px 0 #00000026;
        padding: 6px;
        border-radius: 8px;
        top: 107%;
        left: 0;
        color: #fff;
        will-change: opacity, transform, visibility;
    }

    .regions-select-wrap .regions-item-box.open {
        visibility: visible;
        opacity: 1;
        transition: opacity .35s ease, transform .35s, visibility 0s ease 0s
    }

    .regions-select-wrap .regions-item-label {
        display: block;
        position: relative;
        padding-left: 35px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .regions-select-wrap .regions-item-label input,
    .subscription-box-accepted input,
    .toggle-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

    .regions-select-wrap .regions-item-label .checkmark,
    .subscription-box-accepted .checkmark,
    .toggle-container .checkmark {
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1.5px solid #cfcfcf;
        border-radius: 3px;
        background-color: initial
    }

    .subscription-box-accepted .checkmark {
        height: 14px;
        width: 14px;
        left: 15px;
        border: 1.5px solid #5e6377
    }

    .regions-select-wrap .regions-item-label .checkmark {
        height: 16px;
        width: 16px
    }

    .toggle-container .checkmark {
        height: 14px;
        width: 14px
    }

    .regions-select-wrap .regions-item-label .checkmark {
        left: 13px
    }

    .toggle-container .checkmark {
        right: 0
    }

    .regions-item-label input:checked~.checkmark,
    .subscription-box-accepted input:checked~.checkmark,
    .toggle-container .checked-custom-value~.checkmark {
        border: 1.5px solid #27ae60
    }

    .subscription-box-accepted input:checked~.checkmark {
        background: #27ae60
    }

    .regions-select-wrap .checkmark:after,
    .subscription-box-accepted .checkmark:after,
    .toggle-container .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }

    .regions-select-wrap .regions-item-label input:checked~.checkmark:after,
    .subscription-box-accepted input:checked~.checkmark:after,
    .toggle-container .checked-custom-value~.checkmark:after {
        display: block
    }

    .regions-select-wrap .regions-item-label .checkmark:after,
    .subscription-box-accepted .checkmark:after,
    .toggle-container .checkmark:after {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 9px;
        height: 7px;
        background: url(/img/presentation/request-invoice/check-green.svg) no-repeat 50%;
        background-size: contain
    }

    .subscription-box-accepted .checkmark:after {
        background: url(/img/presentation/request-invoice/check-white.svg) no-repeat 50%;
        background-size: contain;
        width: 9px;
        height: 7px
    }

    .regions-select-wrap .regions-item-label .checkmark:after {
        width: 9px;
        height: 7px
    }

    .toggle-container .checkmark:after {
        width: 6px;
        height: 6px
    }

    .licences-select-box .choices,
    .package-select-box .choices {
        border: 2px solid #75879b;
        width: 100%;
        height: 5.5dvh;
        max-height: 59px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        color: var(--color-white);
        position: relative;
        font-weight: 500;
        transition: .3s ease-in-out;
        font-size: 18px;
        background: #ffffff0d
    }

    .licences-select-box .choices:after,
    .package-select-box .choices:after {
        margin-top: 0
    }

    .licences-select-box .choices:hover,
    .package-select-box .choices:hover {
        border: 2px solid #02a1d3
    }

    .package-select-box .choices__list--dropdown .choices__item--disabled {
        display: none
    }

    .licences-select-box .choices.is-open,
    .package-select-box .choices.is-open {
        border: 2px solid #02a1d3
    }

    .licences-select-box .choices__inner,
    .package-select-box .choices__inner {
        border: none;
        background: #0000;
        padding: 6px;
        color: var(--color-white);
        opacity: 1;
        font-size: clamp(14px, 1.2vw, 18px)
    }

    .package-select-box .choices__placeholder,
    .package-select-box.choices__item.choices__item--selectable {
        color: var(--color-white);
        opacity: 1;
        font-size: 18px
    }

    .licences-select-box .choices__list.choices__list--dropdown,
    .package-select-box .choices__list.choices__list--dropdown {
        width: 100%;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        transition: opacity .35s ease, transform .35s, visibility 0s ease 0s;
        background: #47485b;
        z-index: 3;
        box-shadow: 0 3px 20px 0 #00000026;
        padding: 6px;
        border-radius: 8px;
        top: 107%;
        left: 0;
        border: none;
        margin-top: 0;
        color: #fff;
        will-change: opacity, transform, visibility;
    }

    .licences-select-box .choices__list.choices__list--dropdown.is-active,
    .package-select-box .choices__list.choices__list--dropdown.is-active {
        visibility: visible !important;
        opacity: 1 !important;
        transition: opacity .35s ease, transform .35s, visibility 0s ease 0s;
        max-height: 130px
    }

    .licences-select-box .choices__item,
    .package-select-box .choices__item {
        border-radius: 8px;
        padding: 6px !important;
        transition: .1s ease-in-out
    }

    .licences-select-box .choices__item.is-highlighted,
    .package-select-box .choices__item.is-highlighted {
        background: #e7e7e7 !important;
        color: #2a2d30 !important
    }

    .custom-licences-select-box {
        position: relative;
        width: 50px;
        height: 100px
    }

    .custom-licences-select-box canvas {
        width: 100%;
        position: absolute
    }

    .total-counter {
        font-size: clamp(16px, 1.7vw, 32px);
        font-weight: 600;
        line-height: 48px;
        color: var(--color-white);
        text-align: right
    }

    .section-calculation .total-counter {
        margin-bottom: 4dvh
    }

    .section-subscription .total-counter {
        margin-bottom: 2dvh
    }

    .additional-text-options {
        padding-top: 1.5dvh;
        display: none;
        color: var(--color-white);
        opacity: .7
    }

    .additional-text-options.show-additional-text {
        display: block
    }

    .package-select-info-img {
        width: 23px
    }

    .package-select-info-img img {
        width: 100%;
        height: auto
    }

    @media screen and (min-width: 1024px) and (max-height: 900px) {
        .select-box {
            margin-bottom: 2dvh
        }

        .section-calculation .selects-box-container {
            padding-top: 9dvh
        }
    }

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

        .licences-select-box .choices,
        .package-select-box .choices,
        .swiper-slide-calculation .regions-select-wrap .select-choices-inner {
            font-size: 16px;
            height: 40px
        }

        .licences-select-box .choices__inner,
        .licences-select-box .choices__list.choices__list--single:after,
        .package-select-box .choices__inner {
            font-size: 16px
        }

        .swiper-slide-calculation .title-mobile {
            margin-bottom: 0 !important
        }

        .swiper-slide-calculation .select-box {
            margin-bottom: 15px !important
        }

        .select-title-box img {
            width: 24px
        }
    }
}

.modal-wrap {
    display: none;
    position: fixed;
    z-index: 50000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1d1f28cc;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.modal-demo-content {
    position: relative;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(4px);
    background: #31333acc;
    padding: 40px 20px 24px;
    border-radius: 24px;
    height: 90%;
    width: 90%
}

.modal-demo-content-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 30;
    cursor: pointer
}

.modal-demo-content-close svg {
    color: #fff
}

.modal-demo-content-sub-title,
.modal-demo-content-title {
    font-family: Poppins, sans-serif;
    color: var(--color-white);
    text-align: left
}

.modal-demo-content-title {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 18px
}

.modal-demo-content-sub-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
    opacity: .7;
    padding-right: 40px
}

.contact-form-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    height: calc(100% - 130px);
    width: 100%;
}

.contact-form-wrap-presentation {
    max-width: 640px;
    width: 100%;
    margin-bottom: 24px;
    height: calc(100% - 75px);
    overflow-x: auto
}

.modal-demo-content input::-moz-placeholder,
.modal-demo-content textarea::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-white);
    opacity: .5
}

.modal-demo-content input,
.modal-demo-content input::placeholder,
.modal-demo-content textarea,
.modal-demo-content textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--color-white);
    opacity: .5
}

.modal-demo-content input,
.modal-demo-content textarea {
    width: 100%;
    background: #44444a;
    border-radius: 8px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.modal-demo-content input:hover,
.modal-demo-content textarea:hover {
    background: #64646b
}

.modal-demo-content input:focus,
.modal-demo-content textarea:focus {
    outline: none
}

.modal-demo-content .contact-form-wrap-presentation>div:not(:last-child) {
    margin-bottom: 16px;
}

.modal-demo-content input {
    width: 100%;
    height: 100%;
    max-height: 46px;
    padding: 1.3dvh .75rem
}

.modal-demo-content textarea {
    padding: 6px 12px;
    min-height: 135px;
    resize: none
}

.contact-form-send-btn {
    background-color: var(--color-blue);
    max-width: 415px;
    width: 100%;
    height: 46px;
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: var(--color-white);
    bottom: 0
}

.captcha-protected-btn--disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.modal-demo-content-close.section-close {
    position: absolute;
    top: 5px;
    right: 0;
    border: none
}

.modal-video {
    align-items: center
}

.modal-video .modal-demo-content {
    padding: 44px
}

.modal-video .modal-demo-content-close {
    position: absolute;
    right: 40px;
    top: 30px;
    color: #fff;
    fill: currentColor;
    cursor: pointer
}

.modal-video .modal-demo-content-close svg {
    width: 32px;
    height: 32px
}

.modal-video .modal-demo-content-title {
    font-size: clamp(18px, 1.7vw, 22px);
    font-weight: 600;
    margin-bottom: 33px;
    text-align: left;
    text-transform: uppercase
}

.modal-video .modal-demo-box {
    width: 100%;
    height: 100%;
    transition: all 2s ease-in-out
}

.modal-video iframe {
    width: 100%;
    height: calc(100% - 50px)
}

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

    .modal-demo,
    .modal-video {
        align-items: center
    }

    .contact-form-wrap-presentation {
        margin-bottom: 10dvh;
        overflow: hidden;
        height: auto
    }

    .contact-form-box {
        position: static;
        justify-content: center;
        height: auto
    }

    .modal-demo-content {
        width: 80%;
        padding: 48px 30px;
        border-radius: 17px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .modal-demo-content-sub-title,
    .modal-demo-content-title {
        text-align: center
    }

    .modal-demo-content-title {
        font-size: 6dvh;
        line-height: 1;
        margin-bottom: 0
    }

    .modal-demo-content-sub-title {
        font-size: 1.8dvh;
        line-height: 1;
        margin-top: 2dvh;
        margin-bottom: 5dvh;
        padding-right: 0
    }

    .modal-demo-content input {
        max-height: 52px;
        padding-top: 1.5dvh;
        padding-bottom: 1.5dvh
    }

    .modal-demo-content textarea {
        height: 16dvh
    }

    .contact-form-send-btn {
        height: 72px;
        border-radius: 14px;
        font-size: 22px;
        position: static
    }

    .modal-demo-content-close.section-close {
        top: 25px;
        right: 50px
    }
}

@media screen and (min-width: 1024px) and (max-height: 800px) {
    .modal-demo-content {
        padding-bottom: 10dvh;
        padding-top: 10dvh
    }

    .contact-form-wrap-presentation {
        margin-bottom: 4dvh
    }
}

.presentation-section {
    .modal-successful {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #1d1f28;
        align-items: center;
        justify-content: center;
        background-image: url(/img/presentation/gradient-second.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        padding: 24px
    }

    .modal-successful-content {
        background: #1e1e1e61;
        color: var(--color-white);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        width: 90%;
        max-width: 790px;
        min-height: 486px;
        border-radius: 20px;
        box-shadow: 13px 11px 60px 0 #0000000d;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 20px 30px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -75%) scale(0);
        transition: opacity .3s, transform .4s ease;
        transform-origin: center;
        transition-delay: .4s
    }

    .modal-successful-content.modal-successful-content-show {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1);
        transition: opacity .5s, transform .4s ease;
        transition-delay: .4s
    }

    .modal-successful-content h3 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        margin-bottom: 24px
    }

    .modal-successful-content span {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        text-align: center
    }

    .modal-successful-content br {
        display: none
    }

    .modal-successful-content-img-box {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 2px solid #3aac4c;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .modal-successful-content-img-box img {
        width: 52px;
        height: 52px
    }

    .modal-successful-close.section-close {
        width: 48px;
        height: 48px;
        right: 20px;
        top: 20px;
        border: none
    }

    .modal-successful-close.section-close svg {
        width: 22px;
        height: 22px;
        color: #74879b
    }

    @media screen and (min-width: 1024px) {
        .modal-successful-content {
            background: #444d6436;
            padding: 40px 20px 24px;
            height: 634px
        }

        .modal-successful-content h3 {
            font-size: 40px;
            line-height: 81px
        }

        .modal-successful-content span {
            font-size: 22px;
            line-height: 33px
        }

        .modal-successful-content br {
            display: block
        }

        .modal-successful-close.section-close {
            border: 2px solid #fff3
        }

        .modal-successful-close.section-close svg {
            color: #fff
        }
    }

    .modal-select-info-text {
        align-items: center
    }

    .modal-select-info-content {
        background: #484a51;
        color: var(--color-white);
        box-shadow: 13px 11px 60px 0 #0000000d;
        border-radius: 20px;
        padding: 66px 0 31px 31px;
        height: 88%;
        position: relative;
        max-width: 345px;
        width: 100%
    }

    .package-select-info-text-container {
        height: 100%;
        overflow-y: scroll;
        padding-right: 31px
    }

    .package-select-info-text-container h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
    }

    .package-select-info-text-inner:not(:last-child) {
        margin-bottom: 20px
    }

    .modal-select-info-close {
        position: absolute;
        top: 20px;
        right: 25px
    }

    .counter-container {
        color: #fff
    }

    .counter-box p {
        font-size: clamp(12px, 1vw, 14px);
        opacity: .7;
        color: #fff
    }

    .counter-title {
        font-size: clamp(3dvh, 3vw, 41px);
        margin-bottom: 3dvh;
        text-align: center
    }

    .counter,
    .counter-box span {
        color: #02c2ff;
        font-size: clamp(25px, 2.5vw, 48px)
    }

    .counter-append-plus,
    .counter-box-wrap {
        display: flex
    }
}

#comprehensive-slider-presentation .comprehensive-slide-item .content-modules-list {
    overflow: hidden;
    transform: translateX(-100%);
    transition: max-height .5s cubic-bezier(0, 1, 0, 1), opacity .3s ease-in-out;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content-modules-list {
    max-height: 500px;
    opacity: 1;
    transition: max-height .8s ease-in-out, opacity .3s ease-in-out
}

#comprehensive-slider-presentation .comprehensive-slide-item .slide-checked,
#comprehensive-slider-presentation .comprehensive-slide-item svg {
    left: 50%;
    transform: translateX(-50%)
}

#comprehensive-slider-presentation .comprehensive-slide-item .slide-checked {
    height: 0;
    transition: height .25s ease-in-out, opacity .3s ease-in-out;
    bottom: 17px;
    position: fixed
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .slide-checked {
    height: 48px;
    opacity: 1
}

#comprehensive-slider-presentation .comprehensive-slide-item svg {
    bottom: -20px;
    width: 19px;
    z-index: 4;
    left: calc(50% - 2px);
    transition: all .3s ease-in-out
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked svg {
    bottom: 13px;
    height: 14px;
}

#comprehensive-slider-presentation .comprehensive-slide-item svg path {
    stroke: #fff
}

.section-select-target .section-scroll-bg-bottom,
.section-select-target .section-scroll-bg-top {

    &:after,
    &:before {
        display: none
    }
}

.swiper-dots {
    margin-left: auto;
    transform: translateX(45%)
}

.swiper-button-next,
.swiper-button-prev {
    position: static;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    margin: 0;
    border-radius: 50%;
    background-color: #ffffff1a;
    color: #fff
}

.swiper-button-next svg,
.swiper-button-prev svg {
    /* width: 48px;
    height: 48px; */
    width: 32px;
    height: auto;
}

.swiper-button-prev {
    margin-right: 70px;
    transform: rotate(90deg)
}

.swiper-button-next {
    margin-left: 70px;
    transform: rotate(-90deg)
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none
}

.comprehensive-coverage-pagination-presentation.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    width: 12px;
    height: 12px;
    background: #9b9b9b70
}

.comprehensive-coverage-pagination-presentation.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #02c2ff
}

#comprehensive-slider-presentation {
    height: calc(100% - 184px)
}

#comprehensive-slider-presentation .swiper-wrapper {
    align-items: center
}

#comprehensive-slider-presentation .comprehensive-slide-item {
    width: 360px;
    height: 405px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transform: translateZ(0);
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    transition: all .2s ease-in-out
}

#comprehensive-slider-presentation .swiper-slide-inner-title {
    font-size: 27.77px;
    font-weight: 500;
    line-height: 32.97px
}

#comprehensive-slider-presentation .comprehensive-slide-item .swiper-slide-inner {
    width: 328px;
    height: 370px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border: 5px solid #0000;
    padding: 32px 32px 0
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked {
    transform: scale(1.04)
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .swiper-slide-inner {
    border: 5px solid #02a1d3
}

#comprehensive-slider-presentation .comprehensive-slide-item .swiper-slide-inner:after,
#comprehensive-slider-presentation .comprehensive-slide-item .swiper-slide-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .7s ease-in-out
}

#comprehensive-slider-presentation .comprehensive-slide-item .swiper-slide-inner:after {
    opacity: 1;
    /* background: linear-gradient(180deg, #1c1c1c00 71.07%, #212121); */
    background: linear-gradient(180deg, rgba(28, 28, 28, 0) 70%, #212121 100%);
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .swiper-slide-inner:after {
    /* background: linear-gradient(180deg, #21212173 -32.37%, #212121); */
    background: linear-gradient(180deg, rgba(33, 33, 33, 0.45) 0%, #212121 100%);
}

.comprehensive-slider-presentation .afterActive {
    transform-origin: left center
}

#comprehensive-slider-presentation .comprehensive-slide-item .content {
    width: 100%;
    max-width: 300px;
    left: 50%;
    top: calc(100% - 50px);
    transform: translateX(-50%);
    font-size: 1.736rem;
    font-weight: 500;
    line-height: 2.061rem;
    text-align: center
}

#comprehensive-slider-presentation .comprehensive-slide-item .content.comprehensive-slide-item-top-title-space {
    top: calc(100% - 128px)
}

#comprehensive-slider-presentation .comprehensive-slide-item .content.hidden-content {
    top: 100%;
    color: #fff;
    text-align: left
}

#comprehensive-slider-presentation .comprehensive-slide-item .content.hidden-content h5 {
    margin-bottom: 20px;
    font-weight: 500
}

#comprehensive-slider-presentation .comprehensive-slide-item-top-title {
    font-size: 27.77px;
    line-height: 32.97px;
    transition: .2s ease-in-out
}

#comprehensive-slider-presentation .comprehensive-slide-item-sub-title {
    font-size: 32px;
    line-height: 38px
}

#comprehensive-slider-presentation .comprehensive-slide-item .content.hidden-content ol {
    padding-left: 20px;
    font-weight: 400;
    line-height: 32px;
    opacity: .7;
    list-style-type: disc;
    margin-left: 30px;
    font-size: 16px;
    text-align: left
}

#comprehensive-slider-presentation .comprehensive-slide-item .slide-checked {
    opacity: 0;
    pointer-events: none;
    z-index: 3
}

#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content,
#comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content.comprehensive-slide-item-top-title-space {
    top: 8px;
    pointer-events: none
}

@media (hover: hover) and (pointer: fine) {
    #comprehensive-slider-presentation .comprehensive-slide-item:hover .swiper-slide-inner:after {
        /* background: linear-gradient(180deg, #21212173 -32.37%, #212121); */
        background: linear-gradient(180deg, rgba(33, 33, 33, 0.45) 0%, #212121 100%);
    }

    #comprehensive-slider-presentation .comprehensive-slide-item:hover .swiper-slide-inner {
        border: 5px solid #02a1d3
    }

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

        #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content,
        #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content.comprehensive-slide-item-top-title-space,
        #comprehensive-slider-presentation .comprehensive-slide-item:hover .content,
        #comprehensive-slider-presentation .comprehensive-slide-item:hover .content.comprehensive-slide-item-top-title-space {
            top: 15px;
            pointer-events: none
        }
    }

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

        #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content,
        #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .content.comprehensive-slide-item-top-title-space,
        #comprehensive-slider-presentation .comprehensive-slide-item:hover .content {
            top: 0;
            pointer-events: none
        }

        #comprehensive-slider-presentation .comprehensive-slide-item:hover .content.comprehensive-slide-item-top-title-space {
            top: 15px;
            pointer-events: none
        }
    }
}

@media screen and (min-width: 1025px) {
    #comprehensive-slider-presentation .comprehensive-slide-item:hover {
        transform: scale(1.04)
    }

    #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .comprehensive-slide-item-top-title,
    #comprehensive-slider-presentation .comprehensive-slide-item:hover .comprehensive-slide-item-top-title {
        font-size: 31px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .content {
        line-height: 1;
        top: calc(100% - 71px);
        transition: all .5s ease-in-out
    }

    .comprehensive-slide-item-top-title-box {
        padding-bottom: 25px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .content.hidden-content {
        opacity: 0
    }

    #comprehensive-slider-presentation .comprehensive-slide-item:hover .content-modules-list {
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        transition: all .8s ease-in-out
    }

    .swiper-fade .swiper-slide.swiper-slide-3,
    .swiper-fade .swiper-slide.swiper-slide-calculation {
        transition-property: auto !important
    }
}

@media screen and (max-width: 1024px) {
    .swiper-comprehensive .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        overflow-x: auto;
        gap: 14px;
        height: calc(100% - 90px);
        margin-top: 20px;
        padding-top: 8px;
    }

    .section-select-target .section-scroll-bg-bottom,
    .section-select-target .section-scroll-bg-top {

        &:after,
        &:before {
            display: block
        }
    }

    #comprehensive-slider-presentation .comprehensive-slide-item-top-title {
        font-size: 14.3px;
        line-height: 1;
        display: inline-block
    }

    #comprehensive-slider-presentation .comprehensive-slide-item-sub-title {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px !important
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .swiper-slide-inner {
        width: 165px;
        height: 191px;
        padding-top: 10px;
        border: 3px solid #0000
    }

    #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .swiper-slide-inner {
        border: 3px solid #02a1d3
    }

    #comprehensive-slider-presentation .comprehensive-slide-item {
        width: 165px !important;
        height: 191px !important;
        border-radius: 10px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item:last-of-type {
        margin-bottom: 15px
    }

    #comprehensive-slider-presentation .swiper-slide-inner-title {
        font-size: 14.3px;
        line-height: 16.98px
    }

    @keyframes zoom-in {
        0% {
            transform: scale(1)
        }

        to {
            transform: scale(1.3)
        }
    }

    @keyframes zoom-out {
        0% {
            transform: scale(1.3)
        }

        80% {
            transform: scale(.96)
        }

        to {
            transform: scale(1)
        }
    }

    @keyframes bounceInUpTitle {
        0% {
            transform: translateY(125px)
        }

        60% {
            transform: translateY(-5px)
        }

        90% {
            transform: translateY(5px)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes bounceInUp {
        0% {
            opacity: 0;
            transform: translateY(125px)
        }

        60% {
            opacity: 1;
            transform: translateY(-5px)
        }

        90% {
            transform: translateY(5px)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes bounceInDownTitle {
        0% {
            transform: translateY(-125px)
        }

        60% {
            transform: translateY(5px)
        }

        90% {
            transform: translateY(-1px)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes bounceInDown {
        0% {
            opacity: 1;
            transform: translateY(-125px)
        }

        to {
            opacity: 0;
            transform: translateY(2000px)
        }
    }

    .comprehensive-slide-item-content-box {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .comprehensive-slide-item-top-title-box {
        padding-bottom: 10px
    }

    .comprehensive-slide-item-top-title-box.comprehensive-slide-item-top-title-space {
        padding-bottom: 30px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .content,
    #comprehensive-slider-presentation .comprehensive-slide-item .content.comprehensive-slide-item-top-title-box {
        animation-duration: .5s;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        transform: none;
        left: auto;
        transition-timing-function: cubic-bezier(0, .56, 0, .53)
    }

    .animate__bounceInUpTitleOwn {
        animation-duration: .5s;
        animation-name: bounceInUpTitle
    }

    .animate__bounceInUpOwn {
        animation-duration: .5s;
        animation-name: bounceInUp
    }

    .animate__bounceInDownTitleOwn {
        animation-duration: .5s;
        animation-name: bounceInDownTitle
    }

    .animate__bounceInDownOwn {
        animation-duration: .5s;
        animation-name: bounceInDown
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .animated-image {
        animation-duration: .4s;
        animation-fill-mode: forwards;
        animation-delay: 0s;
        transition-timing-function: ease;
        border-radius: 20px;
        z-index: -1;
        animation-name: zoom-out;
    }

    /* *** speciffic bug on few IOS devices, when presentation images has disappear when selected */
    @supports (-webkit-touch-callout: none) {
        @media (hover: none) {
            #comprehensive-slider-presentation .comprehensive-slide-item .animated-image {
                will-change: transform;
            }
        }
    }

    #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .animated-image {
        animation-name: zoom-in
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .slide-checked {
        bottom: 0
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .content.comprehensive-slide-item-top-title-space {
        top: calc(100% - 65px)
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .content.hidden-content {
        padding: 0 5px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item .content.hidden-content ol {
        font-size: 10px;
        line-height: 1.3;
        margin-left: 0
    }

    #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .swiper-slide-inner .content.comprehensive-slide-item-top-title-space {
        top: 15px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked .slide-checked {
        height: 25px
    }

    #comprehensive-slider-presentation .comprehensive-slide-item.swiper-slide-checked svg {
        bottom: 3px;
        width: 10px
    }
}

@media screen and (max-width: 390px) {
    #comprehensive-slider-presentation .comprehensive-slide-item {
        width: 150px !important;
        height: 191px !important
    }
}

@media screen and (max-width: 1025px) and (min-height: 768px) {
    .swiper-dots {
        display: none !important
    }
}

.presentation-section {
    .modal-terms-of-use-box {
        align-items: center
    }

    .terms-of-use-modal-toggle {
        position: fixed;
        z-index: 55;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1
    }

    .terms-of-use-modal-inner {
        position: relative;
        background: #31333a;
        padding: 75px 0 24px;
        border-radius: 20px;
        height: 90%;
        width: 90%;
        color: #fff
    }

    .terms-of-use-modal-box {
        overflow-y: auto;
        height: calc(100% - 65px);
        padding: 10px 20px 0;
        font-size: 14px
    }

    .terms-of-use-modal-item {
        margin-bottom: 20px
    }

    .terms-of-use-modal-box h4 {
        font-weight: 600
    }

    .terms-of-use-modal-title {
        color: #fff;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        padding: 12px 0;
        width: 100%
    }

    .terms-of-use-modal-close {
        position: absolute;
        right: 15px;
        top: 30px
    }

    .terms-of-use-modal-text-space {
        margin-bottom: 20px
    }

    .terms-of-use-modal-item-inner {
        list-style: auto;
        padding-left: 35px;
        padding-top: 20px
    }

    .terms-of-use-modal-item-inner-text {
        margin-bottom: 20px
    }

    .terms-of-use-modal-item-inner-text ul {
        list-style: disc;
        padding-left: 30px
    }

    @media screen and (min-width: 1024px) {
        .terms-of-use-modal-inner {
            width: 80%;
            padding: 70px 0 60px;
            border-radius: 17px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .terms-of-use-modal-box {
            padding: 10px 50px 0
        }
    }

    @media screen and (min-width: 1024px) and (max-height: 800px) {
        .terms-of-use-modal-inner {
            padding-bottom: 10dvh;
            padding-top: 10dvh
        }
    }

    .subscription-step {
        width: 100%;
        color: var(--color-white);
        display: flex;
        background-color: #1d1f28
    }

    .subscription-step-wrap {
        background: url(/img/presentation/gradient.svg);
        background-size: cover;
        background-position: 0;
        background-repeat: no-repeat;
        padding: 9dvh 3vw 9dvh 11vw;
        flex-basis: 57%;
        display: flex;
        flex-direction: column
    }

    .subscription-step-box {
        display: flex;
        flex-direction: column;
        flex-basis: 43%;
        padding: 21dvh 3vw 6dvh 3.5vw;
        background: url(/img/presentation/gradient.svg);
        background-size: cover;
        background-position: 100%;
        background-repeat: no-repeat
    }

    .subscription-step-box .subscription-modules-title {
        margin-bottom: 2dvh;
        font-size: clamp(20px, 1.5vw, 28px);
        font-weight: 600;
        line-height: 42px;
        text-align: left
    }

    .subscription-details-title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 2dvh
    }

    .subscription-box-details {
        margin-bottom: 3dvh
    }

    .subscription-box-details label:not(:last-child) {
        margin-bottom: 2dvh
    }

    .subscription-box-details label input {
        border-radius: 16px;
        background: #ffffff0d;
        height: 5dvh;
        font-size: 16px;
        width: 100%;
        padding: 1dvh 20px;
        transition: .3s ease-in-out;
        cursor: pointer;
        border: 1px solid #0000
    }

    .subscription-box-details label input:focus,
    .subscription-box-details label input:hover {
        border: 1px solid #02a1d3;
        outline: none;
        background: #ffffff0d
    }

    .subscription-details-columns {
        display: flex;
        gap: 2vw
    }

    .subscription-details-column {
        width: 50%
    }

    .subscription-box-details-second {
        padding-top: 45px
    }

    .subscription-box-details-space {
        margin-bottom: 0
    }

    .subscription-payment-box-details-box {
        position: relative;
        margin-bottom: 1dvh
    }

    .subscription-payment-box-details-box .error-message {
        bottom: -20px
    }

    .radio-item input[type=radio] {
        display: none
    }

    .subscription-payment-box-details-box .radio-item label {
        font-weight: 500;
        cursor: pointer;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        border: 1px solid #fff3;
        border-radius: 35px;
        padding: 1dvh 22px;
        font-size: clamp(16px, 1.2vw, 18px);
        transition: .3s ease-in-out;
        margin-bottom: 1.2dvh
    }

    .radio-btn-item {
        position: relative
    }

    .subscription-payment-box-details-box .radio-item .radio-btn-item:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 0px;
        margin: 0 8px 0 0;
        width: 20px;
        height: 20px;
        border-radius: 11px;
        border: 2px solid #5e6377;
        background-color: initial
    }

    .subscription-payment-box-details-box .radio-item input[type=radio]:checked+label {
        border: 1px solid #27ae60
    }

    .subscription-payment-box-details-box .radio-item input[type=radio]:checked+.radio-btn-item:before {
        border: 2px solid #27ae60
    }

    .subscription-payment-box-details-box .radio-item .radio-btn-item:after {
        content: " ";
        border-radius: 11px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 4px;
        left: 4px;
        display: block;
        background: #5e6377
    }

    .subscription-payment-box-details-box .radio-item input[type=radio]:checked+label .radio-btn-item:after {
        content: " ";
        border-radius: 11px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 4px;
        left: 4px;
        display: block;
        background: #27ae60;
        border: 2px solid #27ae60
    }

    .subscription-box-accepted {
        position: relative
    }

    .subscription-box-accepted-container {
        display: flex;
        align-items: center;
        position: relative
    }

    .subscription-box-accepted-terms,
    .subscription-box-accepted-text {
        font-size: 18px;
        opacity: .7;
        cursor: pointer
    }

    .subscription-box-accepted-terms {
        text-decoration: underline;
        margin-left: 6px
    }

    .subscription-step-bottom-box {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-top: 20px
    }

    .subscription-step .error-message {
        color: #d34e4e;
        font-size: 10px;
        font-weight: 400;
        line-height: 15px;
        position: absolute;
        bottom: -15px;
        left: 6px
    }

    .subscription-step .subscription-select-box .error-message {
        bottom: -5px
    }

    .subscription-step .subscription-box-details .error-border {
        position: relative
    }

    .subscription-step .subscription-box-details .error-border input {
        border: 1px solid #d34e4e
    }

    .subscription-total-mobile-info {
        background: #ffffff0d;
        border-radius: 16px;
        position: relative;
        padding: 20px;
        align-items: flex-end;
        line-height: 1
    }

    .subscription-total-mobile-info.subscription-modal-open {
        background: #ffffff30
    }

    .subscription-total-mobile-sum {
        font-size: 18px
    }

    .subscription-total-mobile-sum-space {
        padding-left: 5px
    }

    .subscription-total-mobile-img {
        width: 25px;
        top: 4px;
        right: 4px
    }

    .subscription-total-mobile-img img {
        width: 100%
    }

    .subscription-total-mobile-title {
        font-size: 18px;
        font-weight: 500;
        margin-right: 10px
    }

    .subscription-accordion-box .accordion-panel {
        max-height: 52vh
    }

    .subscription-accordion-box {
        flex: 1
    }

    .subscription-accordion-box .checkmark {
        display: none
    }

    @media screen and (min-width: 1600px) {
        .subscription-step-wrap {
            padding: 11dvh 3vw 9dvh 9vw
        }
    }

    @media screen and (min-width: 1024px) and (max-height: 1000px) {
        .subscription-box-details label input {
            height: 4dvh
        }

        .section.section-subscription .title {
            margin-bottom: 1dvh
        }

        .subscription-box-details {
            margin-bottom: 1.5dvh
        }

        .subscription-step-box {
            padding: 15dvh 3.5vw 6dvh
        }
    }

    @media screen and (max-width: 1024px) {
        .subscription-step-wrap {
            background: #0000;
            flex-basis: 100%;
            padding: 0 0 0 20px
        }

        .subscription-box-details-second {
            padding-top: 0
        }

        .subscription-step-wrap .title {
            padding-top: 70px;
            font-size: 24px !important
        }

        .subscription-step-box {
            position: fixed;
            background: #00000096 !important;
            padding: 0 !important;
            transition: all .25s ease-in-out;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            z-index: -2;
            overflow-y: auto;
            opacity: 0;
            animation: none;
            height: 100%
        }

        .subscription-step-box.subscription-step-box-open {
            display: flex !important;
            z-index: 10000;
            transition: all .25s ease-in-out;
            opacity: 1;
            overflow: hidden !important
        }

        .subscription-accordion {
            background: #1d1f28 !important;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            margin-top: 100px;
            padding: 0 18px 18px;
            min-height: 100%;
            transform: translateY(100%);
            overflow: hidden;
            transition: all .25s ease-in-out;
            position: relative
        }

        .subscription-step-box .subscription-modules-title {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 600;
            padding-top: 10px
        }

        .subscription-step-box.subscription-step-box-open .subscription-accordion {
            transform: translateY(0);
            transition: all .25s ease-in-out;
            height: 100%
        }

        .subscription-details-columns {
            flex-direction: column;
            overflow-y: auto;
            height: 100%;
            padding-right: 20px;
            gap: 20px
        }

        .subscription-details-column {
            width: 100%;
            padding-bottom: 20px
        }

        .subscription-box-details label input {
            height: 52px;
            border-radius: 8px;
            padding: 13px 20px
        }

        .subscription-accordion-box .accordion-panel {
            height: calc(100% - 148px);
            max-height: 100%
        }
    }

    .accordion-panel {
        max-height: 65vh;
        height: 100%;
        overflow-y: auto;
        color: var(--color-white);
        padding-right: 5px
    }

    .dropdown-toggle {
        text-align: left;
        line-height: 1
    }

    .dropdown-box {
        border-radius: 12px;
        background-color: #ffffff0d;
        transition: all .3s ease-in-out
    }

    .dropdown-box.drop-down-item-open {
        background: #ffffff30
    }

    .dropdown-box.drop-down-item-open .dropdown-toggle-arrow {
        transform: rotate(180deg);
        transform-origin: center center
    }

    .dropdown-box:not(:last-child) {
        margin-bottom: 12px
    }

    .toggle-container {
        padding: 16px 24px;
        display: flex;
        justify-content: space-between;
        border: none;
        font-size: clamp(18px, 1.5vw, 24px);
        font-weight: 500;
        line-height: 20px;
        cursor: pointer;
        text-decoration: none;
        transition: all .3s ease-in-out
    }

    .toggle-container button {
        cursor: inherit
    }

    .dropdown-toggle-arrow {
        transform-origin: center center;
        transition: .2s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .dropdown-toggle-arrow svg {
        min-width: 17px;
        height: 10px
    }

    .dropdown-menu {
        list-style: disc;
        padding-left: 50px;
        padding-right: 15px;
        font-size: 14px;
        line-height: 14px;
        max-height: 0;
        height: 100%;
        overflow-y: hidden;
        transition-property: max-height;
        transition-duration: .2s;
        transition-timing-function: linear
    }

    .dropdown-menu-container .dropdown-menu {
        max-height: 100%
    }

    .dropdown-item {
        font-size: 18px;
        font-weight: 400;
        line-height: 18px;
        opacity: .8;
        margin-bottom: 16px
    }

    .dropdown-menu .dropdown-menu-list {
        list-style: none;
        font-size: 18px;
        margin-left: -10px
    }

    .dropdown-menu .dropdown-menu-list ul li {
        list-style: disc;
        padding-left: 10px;
        margin-bottom: 16px
    }

    .dropdown-menu .dropdown-menu-list ul {
        margin-top: 16px;
        padding-left: 20px
    }

    .subscription-step-box .dropdown-toggle {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .subscription-step-box .dropdown-toggle .checkmark {
        transform: none;
        margin-right: 10px
    }

    .subscription-step-box .module-info img {
        margin-right: 16px
    }

    @media screen and (max-width: 1024px) {
        .toggle-container {
            font-size: 20px;
            line-height: 20px;
            padding: 18px 16px
        }

        .dropdown-toggle-arrow svg {
            min-width: 16px;
            height: 24px
        }

        .dropdown-item {
            font-size: 16px
        }

        .package-list {
            height: calc(100% + 320px)
        }

        .accordion-panel {
            padding-right: 0;
            max-height: 100%;
            height: calc(100% - 31px)
        }

        .section-modules .accordion-panel {
            overflow: hidden;
            height: 100%
        }
    }
}

/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,
::backdrop,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 24px !important;
    padding-left: 24px !important
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 24px
}

@media (min-width: 1328px) {
    .\!container {
        max-width: 1328px !important
    }

    .container {
        max-width: 1328px
    }
}

@media (min-width: 1642px) {
    .\!container {
        max-width: 1642px !important
    }

    .container {
        max-width: 1642px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-1 {
    inset: -.25rem
}

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: .5rem
}

.bottom-\[2dvh\] {
    bottom: 2dvh
}

.end-1 {
    inset-inline-end: .25rem
}

.left-0 {
    left: 0
}

.left-2 {
    left: .5rem
}

.left-6 {
    left: 1.5rem
}

.left-\[-15\%\] {
    left: -15%
}

.right-0 {
    right: 0
}

.right-6 {
    right: 1.5rem
}

.right-\[5px\] {
    right: 5px
}

.right-\[80px\] {
    right: 80px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-\[56px\] {
    top: 56px
}

.top-\[5px\] {
    top: 5px
}

.isolate {
    isolation: isolate
}

.isolation-auto {
    isolation: auto
}

.-z-10 {
    z-index: -10
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-\[100\] {
    z-index: 100
}

.z-\[1\] {
    z-index: 1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.float-start {
    float: inline-start
}

.float-end {
    float: inline-end
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.clear-start {
    clear: inline-start
}

.clear-end {
    clear: inline-end
}

.clear-left {
    clear: left
}

.clear-right {
    clear: right
}

.clear-both {
    clear: both
}

.clear-none {
    clear: none
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-\[1\.2dvh\] {
    margin-bottom: 1.2dvh
}

.mb-\[1\.5dvh\] {
    margin-bottom: 1.5dvh
}

.mb-\[2\.7dvh\] {
    margin-bottom: 2.7dvh
}

.mb-\[7\.6dvh\] {
    margin-bottom: 7.6dvh
}

.ml-3 {
    margin-left: .75rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-\[-24px\] {
    margin-left: -24px
}

.ml-\[10px\] {
    margin-left: 10px
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-\[1dvh\] {
    margin-top: 1dvh
}

.mt-\[2dvh\] {
    margin-top: 2dvh
}

.mt-\[3dvh\] {
    margin-top: 3dvh
}

.mt-\[4dvh\] {
    margin-top: 4dvh
}

.mt-\[5dvh\] {
    margin-top: 5dvh
}

.mt-\[6dvh\] {
    margin-top: 6dvh
}

.mt-\[min\(7\.5dvh\2c _60px\)\] {
    margin-top: min(7.5dvh, 60px)
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: initial
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-3,
.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-5 {
    -webkit-line-clamp: 5
}

.line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!inline {
    display: inline !important
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.inline-table {
    display: inline-table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-column {
    display: table-column
}

.table-column-group {
    display: table-column-group
}

.table-footer-group {
    display: table-footer-group
}

.table-header-group {
    display: table-header-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.h-6 {
    height: 1.5rem
}

.h-\[14dvh\] {
    height: 14dvh
}

.h-\[216px\] {
    height: 216px
}

.h-\[56px\] {
    height: 56px
}

.h-\[65\%\] {
    height: 65%
}

.h-auto {
    height: auto
}

.h-dvh {
    height: 100dvh
}

.h-full {
    height: 100%
}

.max-h-\[20dvh\] {
    max-height: 20dvh
}

.max-h-\[48px\] {
    max-height: 48px
}

.max-h-\[49dvh\] {
    max-height: 49dvh
}

.max-h-\[50dvh\] {
    max-height: 50dvh
}

.max-h-full {
    max-height: 100%
}

.min-h-\[25dvh\] {
    min-height: 25dvh
}

.w-6 {
    width: 1.5rem
}

.w-\[10px\] {
    width: 10px
}

.w-\[135\%\] {
    width: 135%
}

.w-\[45\%\] {
    width: 45%
}

.w-\[49\%\] {
    width: 49%
}

.w-\[53\.5dvw\] {
    width: 53.5dvw
}

.w-\[56px\] {
    width: 56px
}

.w-\[64px\] {
    width: 64px
}

.w-\[this-is\\\\\] {
    width: this-is\\
}

.w-\[this-is\] {
    width: this-is
}

.w-\[weird-and-invalid\] {
    width: weird-and-invalid
}

.w-full {
    width: 100%
}

.min-w-\[calc\(100\%_\+_48px\)\] {
    min-width: calc(100% + 48px)
}

.max-w-\[27px\] {
    max-width: 27px
}

.max-w-\[70\%\] {
    max-width: 70%
}

.max-w-\[970px\] {
    max-width: 970px
}

.max-w-none {
    max-width: none
}

.flex-shrink,
.shrink {
    flex-shrink: 1
}

.flex-grow,
.grow {
    flex-grow: 1
}

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.caption-top {
    caption-side: top
}

.caption-bottom {
    caption-side: bottom
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: initial
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.-translate-y-\[100\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[100\%\] {
    --tw-translate-y: -100%
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-y-\[-40\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-40\%\] {
    --tw-translate-y: -40%
}

.rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.rotate-\[180deg\],
.rotate-\[20deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[20deg\] {
    --tw-rotate: 20deg
}

.scale-\[4\.5\] {
    --tw-scale-x: 4.5;
    --tw-scale-y: 4.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.transform,
.transform-cpu {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-none {
    transform: none
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.touch-auto {
    touch-action: auto
}

.touch-none {
    touch-action: none
}

.touch-pan-x {
    --tw-pan-x: pan-x
}

.touch-pan-left,
.touch-pan-x {
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.touch-pan-left {
    --tw-pan-x: pan-left
}

.touch-pan-right {
    --tw-pan-x: pan-right
}

.touch-pan-right,
.touch-pan-y {
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.touch-pan-y {
    --tw-pan-y: pan-y
}

.touch-pan-up {
    --tw-pan-y: pan-up
}

.touch-pan-down,
.touch-pan-up {
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.touch-pan-down {
    --tw-pan-y: pan-down
}

.touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.touch-manipulation {
    touch-action: manipulation
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.select-auto {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

.resize-none {
    resize: none
}

.resize-y {
    resize: vertical
}

.resize-x {
    resize: horizontal
}

.resize {
    resize: both
}

.snap-none {
    scroll-snap-type: none
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness)
}

.snap-both {
    scroll-snap-type: both var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-proximity {
    --tw-scroll-snap-strictness: proximity
}

.snap-start {
    scroll-snap-align: start
}

.snap-end {
    scroll-snap-align: end
}

.snap-center {
    scroll-snap-align: center
}

.snap-align-none {
    scroll-snap-align: none
}

.snap-normal {
    scroll-snap-stop: normal
}

.snap-always {
    scroll-snap-stop: always
}

.list-inside {
    list-style-position: inside
}

.list-outside {
    list-style-position: outside
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.appearance-auto {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.break-before-auto {
    -moz-column-break-before: auto;
    break-before: auto
}

.break-before-avoid {
    -moz-column-break-before: avoid;
    break-before: avoid
}

.break-before-all {
    -moz-column-break-before: all;
    break-before: all
}

.break-before-avoid-page {
    -moz-column-break-before: avoid;
    break-before: avoid-page
}

.break-before-page {
    -moz-column-break-before: page;
    break-before: page
}

.break-before-left {
    -moz-column-break-before: left;
    break-before: left
}

.break-before-right {
    -moz-column-break-before: right;
    break-before: right
}

.break-before-column {
    -moz-column-break-before: column;
    break-before: column
}

.break-inside-auto {
    -moz-column-break-inside: auto;
    break-inside: auto
}

.break-inside-avoid {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.break-inside-avoid-page {
    break-inside: avoid-page
}

.break-inside-avoid-column {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.break-after-auto {
    -moz-column-break-after: auto;
    break-after: auto
}

.break-after-avoid {
    -moz-column-break-after: avoid;
    break-after: avoid
}

.break-after-all {
    -moz-column-break-after: all;
    break-after: all
}

.break-after-avoid-page {
    -moz-column-break-after: avoid;
    break-after: avoid-page
}

.break-after-page {
    -moz-column-break-after: page;
    break-after: page
}

.break-after-left {
    -moz-column-break-after: left;
    break-after: left
}

.break-after-right {
    -moz-column-break-after: right;
    break-after: right
}

.break-after-column {
    -moz-column-break-after: column;
    break-after: column
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-flow-dense {
    grid-auto-flow: dense
}

.grid-flow-row-dense {
    grid-auto-flow: row dense
}

.grid-flow-col-dense {
    grid-auto-flow: column dense
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-\[repeat\(2\2c calc\(50\%_-_10px\)\)\] {
    grid-template-columns: repeat(2, calc(50% - 10px))
}

.grid-cols-\[repeat\(6\2c 148px\)\] {
    grid-template-columns: repeat(6, 148px)
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

.place-content-start {
    place-content: start
}

.place-content-end {
    place-content: end
}

.place-content-between {
    place-content: space-between
}

.place-content-around {
    place-content: space-around
}

.place-content-evenly {
    place-content: space-evenly
}

.place-content-baseline {
    place-content: baseline
}

.place-content-stretch {
    place-content: stretch
}

.place-items-start {
    place-items: start
}

.place-items-end {
    place-items: end
}

.place-items-center {
    place-items: center
}

.place-items-baseline {
    place-items: baseline
}

.place-items-stretch {
    place-items: stretch
}

.content-normal {
    align-content: normal
}

.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-evenly {
    align-content: space-evenly
}

.content-baseline {
    align-content: baseline
}

.content-stretch {
    align-content: stretch
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-stretch {
    justify-content: stretch
}

.justify-items-start {
    justify-items: start
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.justify-items-stretch {
    justify-items: stretch
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[1\.6dvh\] {
    gap: 1.6dvh
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[2dvh\] {
    gap: 2dvh
}

.gap-\[64px\] {
    gap: 64px
}

.gap-\[8px\] {
    gap: 8px
}

.gap-x-\[14px\] {
    -moz-column-gap: 14px;
    column-gap: 14px
}

.gap-y-\[8\.7dvh\] {
    row-gap: 8.7dvh
}

.space-x-2> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)))
}

.space-y-reverse> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 1
}

.space-x-reverse> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 1
}

.divide-x> :not([hidden])~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)))
}

.divide-y> :not([hidden])~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-y-reverse> :not([hidden])~ :not([hidden]) {
    --tw-divide-y-reverse: 1
}

.divide-x-reverse> :not([hidden])~ :not([hidden]) {
    --tw-divide-x-reverse: 1
}

.divide-solid> :not([hidden])~ :not([hidden]) {
    border-style: solid
}

.divide-dashed> :not([hidden])~ :not([hidden]) {
    border-style: dashed
}

.divide-dotted> :not([hidden])~ :not([hidden]) {
    border-style: dotted
}

.divide-double> :not([hidden])~ :not([hidden]) {
    border-style: double
}

.divide-none> :not([hidden])~ :not([hidden]) {
    border-style: none
}

.place-self-auto {
    place-self: auto
}

.place-self-start {
    place-self: start
}

.place-self-end {
    place-self: end
}

.place-self-center {
    place-self: center
}

.place-self-stretch {
    place-self: stretch
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.overflow-auto {
    overflow: auto
}

.\!overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.overflow-y-clip {
    overflow-y: clip
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-auto {
    overscroll-behavior: auto
}

.overscroll-contain {
    overscroll-behavior: contain
}

.overscroll-none {
    overscroll-behavior: none
}

.overscroll-y-auto {
    overscroll-behavior-y: auto
}

.overscroll-y-contain {
    overscroll-behavior-y: contain
}

.overscroll-y-none {
    overscroll-behavior-y: none
}

.overscroll-x-auto {
    overscroll-behavior-x: auto
}

.overscroll-x-contain {
    overscroll-behavior-x: contain
}

.overscroll-x-none {
    overscroll-behavior-x: none
}

.scroll-auto {
    scroll-behavior: auto
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.text-clip {
    text-overflow: clip
}

.hyphens-none {
    -webkit-hyphens: none;
    hyphens: none
}

.hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual
}

.hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.text-balance {
    text-wrap: balance
}

.text-pretty {
    text-wrap: pretty
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.break-keep {
    word-break: keep-all
}

.rounded {
    border-radius: .25rem
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[53px\] {
    border-radius: 53px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-e {
    border-start-end-radius: .25rem;
    border-end-end-radius: .25rem
}

.rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.rounded-br {
    border-bottom-right-radius: .25rem
}

.rounded-ee {
    border-end-end-radius: .25rem
}

.rounded-es {
    border-end-start-radius: .25rem
}

.rounded-se {
    border-start-end-radius: .25rem
}

.rounded-ss {
    border-start-start-radius: .25rem
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-y {
    border-top-width: 1px
}

.border-b,
.border-y {
    border-bottom-width: 1px
}

.border-e {
    border-inline-end-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-s {
    border-inline-start-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-double {
    border-style: double
}

.border-hidden {
    border-style: hidden
}

.border-none {
    border-style: none
}

.border-\[\#02A1D3\] {
    --tw-border-opacity: 1;
    border-color: rgb(2 161 211/var(--tw-border-opacity))
}

.border-transparent {
    border-color: #0000
}

.bg-\[\#02A1D3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 161 211/var(--tw-bg-opacity))
}

.bg-\[\#02C2FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 194 255/var(--tw-bg-opacity))
}

.bg-\[\#12131C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 19 28/var(--tw-bg-opacity))
}

.bg-\[\#161822\] {
    --tw-bg-opacity: 1;
    background-color: rgb(22 24 34/var(--tw-bg-opacity))
}

.bg-\[\#252F41\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 47 65/var(--tw-bg-opacity))
}

.bg-\[\#313238\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 50 56/var(--tw-bg-opacity))
}

.bg-\[\#44444a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(68 68 74/var(--tw-bg-opacity))
}

.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity))
}

.bg-\[\#EFEFEF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239/var(--tw-bg-opacity))
}

.bg-\[\#F4F4F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244/var(--tw-bg-opacity))
}

.bg-\[rgb\(255\2c 0\2c 0\)\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 0 0/var(--tw-bg-opacity))
}

.bg-dark-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(21 23 33/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice
}

.decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.box-decoration-slice {
    -webkit-box-decoration-break: slice;
    box-decoration-break: slice
}

.box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.bg-fixed {
    background-attachment: fixed
}

.bg-local {
    background-attachment: local
}

.bg-scroll {
    background-attachment: scroll
}

.bg-clip-border {
    background-clip: initial
}

.bg-clip-padding {
    background-clip: padding-box
}

.bg-clip-content {
    background-clip: content-box
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-repeat-round {
    background-repeat: round
}

.bg-repeat-space {
    background-repeat: space
}

.bg-origin-border {
    background-origin: border-box
}

.bg-origin-padding {
    background-origin: initial
}

.bg-origin-content {
    background-origin: content-box
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.object-none {
    -o-object-fit: none;
    object-fit: none
}

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-\[26px\] {
    padding: 26px
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-\[3dvh\] {
    padding-left: 3dvh;
    padding-right: 3dvh
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-\[1\.3dvh\] {
    padding-top: 1.3dvh;
    padding-bottom: 1.3dvh
}

.py-\[1\.5dvh\] {
    padding-top: 1.5dvh;
    padding-bottom: 1.5dvh
}

.py-\[2dvh\] {
    padding-top: 2dvh;
    padding-bottom: 2dvh
}

.py-\[2vh\] {
    padding-top: 2vh;
    padding-bottom: 2vh
}

.py-\[5dvh\] {
    padding-top: 5dvh;
    padding-bottom: 5dvh
}

.pb-0 {
    padding-bottom: 0
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-\[10\.6dvh\] {
    padding-bottom: 10.6dvh
}

.pb-\[10dvh\] {
    padding-bottom: 10dvh
}

.pb-\[2\.5dvh\] {
    padding-bottom: 2.5dvh
}

.pb-\[26px\] {
    padding-bottom: 26px
}

.pb-\[5\.5dvh\] {
    padding-bottom: 5.5dvh
}

.pb-\[6dvh\] {
    padding-bottom: 6dvh
}

.pr-\[2dvw\] {
    padding-right: 2dvw
}

.pt-\[10dvh\] {
    padding-top: 10dvh
}

.pt-\[15dvh\] {
    padding-top: 15dvh
}

.pt-\[6\.8dvh\] {
    padding-top: 6.8dvh
}

.pt-\[6dvh\] {
    padding-top: 6dvh
}

.pt-\[72px\] {
    padding-top: 72px
}

.pt-\[9\.5dvh\] {
    padding-top: 9.5dvh
}

.pt-\[max\(12dvh\2c _72px\)\] {
    padding-top: max(12dvh, 72px)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-baseline {
    vertical-align: initial
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-text-top {
    vertical-align: text-top
}

.align-text-bottom {
    vertical-align: text-bottom
}

.align-sub {
    vertical-align: sub
}

.align-super {
    vertical-align: super
}

.font-primary {
    font-family: Poppins, sans-serif
}

.font-secondary {
    font-family: Bebas Neue, sans-serif
}

.text-\[1\.4dvh\] {
    font-size: 1.4dvh
}

.text-\[1\.5dvh\] {
    font-size: 1.5dvh
}

.text-\[1\.7dvh\] {
    font-size: 1.7dvh
}

.text-\[1\.8dvh\] {
    font-size: 1.8dvh
}

.text-\[1\.9dvh\] {
    font-size: 1.9dvh
}

.text-\[10vw\] {
    font-size: 10vw
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[1dvh\] {
    font-size: 1dvh
}

.text-\[2\.3dvh\] {
    font-size: 2.3dvh
}

.text-\[2\.8dvh\] {
    font-size: 2.8dvh
}

.text-\[2dvh\] {
    font-size: 2dvh
}

.text-\[2vh\] {
    font-size: 2vh
}

.text-\[3\.5dvh\] {
    font-size: 3.5dvh
}

.text-\[3dvw\] {
    font-size: 3dvw
}

.text-\[4\.04vw\] {
    font-size: 4.04vw
}

.text-\[4\.2dvh\] {
    font-size: 4.2dvh
}

.text-\[4dvh\] {
    font-size: 4dvh
}

.text-\[6\.6vw\] {
    font-size: 6.6vw
}

.text-\[8\.4dvw\] {
    font-size: 8.4dvw
}

.text-\[9\.2vw\] {
    font-size: 9.2vw
}

.text-\[9vw\] {
    font-size: 9vw
}

.text-\[max\(1\.85dvh\2c _15px\)\] {
    font-size: max(1.85dvh, 15px)
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.normal-nums {
    font-variant-numeric: normal
}

.ordinal {
    --tw-ordinal: ordinal
}

.ordinal,
.slashed-zero {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.slashed-zero {
    --tw-slashed-zero: slashed-zero
}

.lining-nums {
    --tw-numeric-figure: lining-nums
}

.lining-nums,
.oldstyle-nums {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.oldstyle-nums {
    --tw-numeric-figure: oldstyle-nums
}

.proportional-nums {
    --tw-numeric-spacing: proportional-nums
}

.proportional-nums,
.tabular-nums {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums
}

.diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions
}

.diagonal-fractions,
.stacked-fractions {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.stacked-fractions {
    --tw-numeric-fraction: stacked-fractions
}

.leading-\[1\.04\] {
    line-height: 1.04
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.34\] {
    line-height: 1.34
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[1\.45\] {
    line-height: 1.45
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.66\] {
    line-height: 1.66
}

.leading-\[1\.7\] {
    line-height: 1.7
}

.leading-\[1\] {
    line-height: 1
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-normal {
    line-height: 1.5
}

.text-\[\#336699\]\/\[\.35\] {
    color: #33669959
}

.text-\[\#3F97EB\] {
    --tw-text-opacity: 1;
    color: rgb(63 151 235/var(--tw-text-opacity))
}

.text-\[\#5B5B5B\] {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity))
}

.text-\[\#8A8A8A\] {
    --tw-text-opacity: 1;
    color: rgb(138 138 138/var(--tw-text-opacity))
}

.text-\[\#93C246\] {
    --tw-text-opacity: 1;
    color: rgb(147 194 70/var(--tw-text-opacity))
}

.text-\[\#c2c2c4\] {
    --tw-text-opacity: 1;
    color: rgb(194 194 196/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(2 161 211/var(--tw-text-opacity))
}

.text-text-black {
    --tw-text-opacity: 1;
    color: rgb(21 21 21/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.decoration-solid {
    text-decoration-style: solid
}

.decoration-double {
    text-decoration-style: double
}

.decoration-dotted {
    text-decoration-style: dotted
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-wavy {
    text-decoration-style: wavy
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.opacity-0 {
    opacity: 0
}

.opacity-65 {
    opacity: .65
}

.opacity-70 {
    opacity: .7
}

.bg-blend-normal {
    background-blend-mode: normal
}

.bg-blend-multiply {
    background-blend-mode: multiply
}

.bg-blend-screen {
    background-blend-mode: screen
}

.bg-blend-overlay {
    background-blend-mode: overlay
}

.bg-blend-darken {
    background-blend-mode: darken
}

.bg-blend-lighten {
    background-blend-mode: lighten
}

.bg-blend-color-dodge {
    background-blend-mode: color-dodge
}

.bg-blend-color-burn {
    background-blend-mode: color-burn
}

.bg-blend-hard-light {
    background-blend-mode: hard-light
}

.bg-blend-soft-light {
    background-blend-mode: soft-light
}

.bg-blend-difference {
    background-blend-mode: difference
}

.bg-blend-exclusion {
    background-blend-mode: exclusion
}

.bg-blend-hue {
    background-blend-mode: hue
}

.bg-blend-saturation {
    background-blend-mode: saturation
}

.bg-blend-color {
    background-blend-mode: color
}

.bg-blend-luminosity {
    background-blend-mode: luminosity
}

.mix-blend-normal {
    mix-blend-mode: normal
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

.mix-blend-screen {
    mix-blend-mode: screen
}

.mix-blend-overlay {
    mix-blend-mode: overlay
}

.mix-blend-darken {
    mix-blend-mode: darken
}

.mix-blend-lighten {
    mix-blend-mode: lighten
}

.mix-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.mix-blend-color-burn {
    mix-blend-mode: color-burn
}

.mix-blend-hard-light {
    mix-blend-mode: hard-light
}

.mix-blend-soft-light {
    mix-blend-mode: soft-light
}

.mix-blend-difference {
    mix-blend-mode: difference
}

.mix-blend-exclusion {
    mix-blend-mode: exclusion
}

.mix-blend-hue {
    mix-blend-mode: hue
}

.mix-blend-saturation {
    mix-blend-mode: saturation
}

.mix-blend-color {
    mix-blend-mode: color
}

.mix-blend-luminosity {
    mix-blend-mode: luminosity
}

.mix-blend-plus-darker {
    mix-blend-mode: plus-darker
}

.mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter
}

.\!shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-\[5px_7px_16px_\#0000000f\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[5px_7px_16px_\#0000000f\] {
    --tw-shadow: 5px 7px 16px #0000000f;
    --tw-shadow-colored: 5px 7px 16px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-dashed {
    outline-style: dashed
}

.outline-dotted {
    outline-style: dotted
}

.outline-double {
    outline-style: double
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-offset-blue {
    --tw-ring-offset-color: #02a1d3
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.invert {
    --tw-invert: invert(100%)
}

.invert,
.sepia {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter-none {
    filter: none
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-sm {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
}

.backdrop-grayscale {
    --tw-backdrop-grayscale: grayscale(100%)
}

.backdrop-grayscale,
.backdrop-invert {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-invert {
    --tw-backdrop-invert: invert(100%)
}

.backdrop-sepia {
    --tw-backdrop-sepia: sepia(100%)
}

.backdrop-filter,
.backdrop-sepia {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-filter-none {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.delay-100 {
    transition-delay: .1s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.contain-none {
    contain: none
}

.contain-content {
    contain: content
}

.contain-strict {
    contain: strict
}

.contain-size {
    --tw-contain-size: size
}

.contain-inline-size,
.contain-size {
    contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}

.contain-inline-size {
    --tw-contain-size: inline-size
}

.contain-layout {
    --tw-contain-layout: layout
}

.contain-layout,
.contain-paint {
    contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}

.contain-paint {
    --tw-contain-paint: paint
}

.contain-style {
    --tw-contain-style: style;
    contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)
}

.content-\[\'this-is-also-valid\]-weirdly-enough\'\] {
    --tw-content: "this-is-also-valid]-weirdly-enough";
    content: var(--tw-content)
}

.forced-color-adjust-auto {
    forced-color-adjust: auto
}

.forced-color-adjust-none {
    forced-color-adjust: none
}

:root {
    --swiper-pagination-bullet-inactive-color: #34384e1a;
    --swiper-pagination-color: #02c2ff;
    --swiper-pagination-bullet-inactive-opacity: 1
}

.swiper-slide {
    overflow: hidden
}

.hero-section h1 {
    font-size: clamp(6.3dvw, 14.3dvw, 7dvh)
}

.hero-section h2 {
    font-size: clamp(2dvw, 4.1dvw, 2dvh)
}

.counter-block .counter-title {
    font-size: clamp(3.76dvw, 9dvw, 5dvh);
    margin-bottom: clamp(3dvh, 7.6dvh, 17dvw)
}

.counter-block .counter-item .number {
    font-size: clamp(5dvw, 10dvw, 5dvh)
}

.counter-block .counter-item .text {
    font-size: clamp(1.5dvw, 3.6dvw, 2dvh)
}

.counter-block .counter-grid {
    row-gap: clamp(3dvh, 8.7dvh, 19dvw)
}

@media screen and (max-height: 600px) {

    .counter-block,
    .hero-section {
        padding-top: 56px
    }
}

@media screen and (min-width: 1024px) {
    .hero-section h1 {
        font-size: clamp(4.3dvw, 8.4dvw, 14dvh)
    }

    .hero-section h2 {
        font-size: clamp(.9dvw, 1.25dvw, 2dvh)
    }

    .counter-block .counter-title {
        font-size: clamp(1.76dvw, 2.5dvw, 5dvh);
        margin-bottom: clamp(3dvh, 3.6dvh, 11dvw)
    }

    .counter-block .counter-item .number {
        font-size: clamp(1dvw, 3.1dvw, 5dvh)
    }

    .counter-block .counter-item .text {
        font-size: clamp(.5dvw, .97dvw, 2dvh)
    }

    .counter-block .counter-grid {
        grid-template-columns: repeat(6, clamp(5dvw, 10.3dvw, 17dvh))
    }
}

@media screen and (max-width: 1440px) and (max-height: 600px) {
    .hero-section h1 {
        font-size: clamp(4.3dvw, 8.4dvw, 12dvh)
    }
}

@media screen and (min-width: 1642px) {
    .hero-section h1 {
        font-size: clamp(4.3dvw, 150px, 13dvh)
    }

    .hero-section h2 {
        font-size: clamp(.9dvw, 26px, 3dvh)
    }

    .counter-block .counter-title {
        font-size: clamp(1.76dvw, 55px, 5dvh)
    }

    .counter-block .counter-item .number {
        font-size: 52px
    }

    .counter-block .counter-item .text {
        font-size: clamp(.3dvw, .7dvw, 2dvh)
    }

    .counter-block .counter-grid {
        grid-template-columns: repeat(6, 165px)
    }
}

@media screen and (min-width: 2500px) {
    .counter-block .counter-grid {
        grid-template-columns: repeat(6, 1fr)
    }
}

.comprehensive-coverage {
    padding-top: clamp(60px, 9dvh, 21dvw);
    padding-bottom: clamp(30px, 4.5dvh, 10dvw)
}

.comprehensive-coverage h2 {
    font-size: clamp(5.3dvw, 9.2dvw, 4dvh)
}

.comprehensive-coverage .subtitle {
    font-size: clamp(2dvw, 4.04dvw, 3dvh)
}

.comprehensive-coverage .subtitle br {
    display: none
}

.comprehensive-coverage-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.newsSection .swiper-pagination-bullets .swiper-pagination-bullet,
.reviewsSection .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
    width: 12px;
    height: 12px
}

.comprehensive-coverage .swiper-wrapper {
    align-items: center
}

#comprehensive-slider {
    padding-top: clamp(15px, 6.8dvh, 9dvw);
    padding-bottom: clamp(15px, 5.6dvh, 10dvw)
}

#comprehensive-slider .swiper-slide {
    height: 100%;
    transition: transform .5s, right .3s, transform-origin .7s;
    width: 310px;
    display: flex;
    justify-content: center;
    align-items: center
}

#comprehensive-slider .swiper-slide .swiper-slide-inner {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    width: 100%
}

#comprehensive-slider .swiper-slide .swiper-slide-inner:after,
#comprehensive-slider .swiper-slide .swiper-slide-inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .7s
}

#comprehensive-slider .swiper-slide .swiper-slide-inner:after {
    opacity: 1;
    background: linear-gradient(180deg, #1c1c1c00 71.07%, #212121)
}

#comprehensive-slider .swiper-slide .swiper-slide-inner:before {
    opacity: 0;
    /* background: linear-gradient(180deg, #21212173 -32.37%, #212121); */
    background: linear-gradient(180deg, rgba(33, 33, 33, 0.45) 0%, #212121 100%);
}

#comprehensive-slider .swiper-slide-active .swiper-slide-inner:after {
    opacity: 0
}

#comprehensive-slider .swiper-slide-active .swiper-slide-inner:before {
    opacity: 1
}

.comprehensive-coverage .swiper-slide {
    transform: scale(.82);
    transform-origin: right center
}

.comprehensive-coverage .swiper-slide.swiper-slide-active {
    transform: scale(1);
    transform-origin: center center
}

.comprehensive-coverage .afterActive {
    transform-origin: left center
}

.step-form-wrap {
    padding: 60px 0 22px
}

.step-form-wrap-container {
    transition: .3s ease-in-out
}

.step-form-wrap.step-form-wrap-open-package {
    padding: 0
}

.step-form-wrap.step-form-wrap-open-package .step-form-step-two {
    position: relative;
    overflow: visible;
    padding-top: 60px;
    padding-bottom: clamp(30px, 4.5dvh, 10dvw)
}

.step-form-wrap.step-form-wrap-open-package .step-form-step-two .close-btn {
    top: 75px
}

.step-form-wrap.step-form-wrap-open-package .step-form-step-two .selected-options-container .close-btn {
    top: 20px
}

.step-form-wrap.step-form-wrap-open-package .step-form-step-two:after {
    content: "";
    background: #00000096;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.step-form-box {
    position: relative;
    width: 100%
}

.step-form-step-one,
.step-form-step-two {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .7s, transform .6s ease-in-out;
    padding-left: 24px;
    padding-right: 21px;
    height: auto
}

.step-form-step-one {
    transform: translateX(-50px)
}

.step-form-step-two {
    display: flex;
    flex-direction: column;
    transform: translateX(50px)
}

.step-form-step-one.active,
.step-form-step-two.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: opacity .7s, transform .6s ease-in-out
}

.step-form-step-one.active,
.step-form-step-three.active {
    display: flex
}

.step-form-step-three.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity .5s, transform .4s ease;
    transition-delay: .4s
}

.step-form-step-one {
    height: 100%;
    overflow: hidden
}

.step-form-step-one .select-box {
    margin-bottom: 13px
}

.step-form-step-one .select-title-box img {
    width: 20px;
    height: 20px
}

.step-form-step-one .step-form-box-right {
    height: 100%;
    padding-bottom: 60px;
    position: relative
}

.step-form-box-right.shadow-bottom,
.step-form-box-right.shadow-top {
    position: relative
}

.step-form-box-right.shadow-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #fff0, #fff 46.12%);
    height: 110px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.step-form-box-right.shadow-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #fff0, #fff 46.12%);
    height: 35px
}

.step-form-step-one .step-title {
    margin-bottom: 23px
}

.step-form-step-one .step-title.step-title-desktop {
    display: none
}

.step-form-step-one .step-title.step-title-mobile {
    display: block;
    font-size: 28px;
    margin-bottom: 5px
}

.step-form-step-one .step-title br {
    display: none
}

.step-form-step-one .select-title-box {
    margin-bottom: 17px
}

.step-form-step {
    border-radius: 20px
}

.contact-form-wrap,
.licences-select-box .choices__list.choices__list--dropdown,
.package-select-box .choices__list.choices__list--dropdown,
.package-select-info-text-container,
.step-form-box-right .optional-content,
.terms-of-use-modal-box {
    ::-webkit-scrollbar {
        width: 3px
    }

    ::-webkit-scrollbar-track {
        background: #0000
    }

    ::-webkit-scrollbar-thumb,
    ::-webkit-scrollbar-thumb:hover {
        background: #d9d9d9
    }

    scrollbar-width: thin;
    scrollbar-color: #d9d9d9 #0000
}

.step-form-box-right .optional-content {
    max-height: 100%;
    height: 100%;
    overflow-y: auto
}

.step-form-box-right.disabled-step-form-box-right {
    opacity: .6;
    filter: grayscale(100%)
}

.step-form-box-right.disabled-step-form-box-right .continue-btn {
    background: #a7a1a1;
    pointer-events: none
}

.step-form-box-right.disabled-step-form-box-right .bottom-container {
    padding: 0
}

.step-form-box-right .title-arrow-box {
    width: 100%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.title-arrow-box span {
    flex: 1;
    margin-right: 10px
}

.step-form-box-right .title-arrow-box img {
    width: 10px;
    height: 10px;
    margin-left: auto;
    transform-origin: center center;
    transition: .2s ease-in-out
}

.step-form-box-right .title-arrow-box .image-research {
    margin-right: 15px;
}

.step-form-box-right .drop-down-item-open .title-arrow-box img {
    transform: rotate(180deg);
    transform-origin: center center
}

.step-form-wrap .continue-btn {
    width: 100%;
    padding: 20px;
    background: #02a1d3;
    transition: all .2s ease-in-out;
    height: 56px
}

.step-form-wrap .continue-btn-inner-text {
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.step-form-wrap .continue-btn-inner-text img {
    margin-left: 20px
}

.step-form-wrap .continue-btn:hover .continue-btn-inner-text {
    transform: scale(1.05)
}

.step-form-wrap .continue-btn-inner-text-desktop {
    display: none
}

.step-form-wrap .continue-btn.disabled-btn {
    pointer-events: none;
    background: #9ca3af;
    opacity: .5
}

.step-form-wrap .continue-btn:hover {
    background: #03c3ff
}

.step-form-wrap .step-title {
    font-size: 28px;
    line-height: 48px
}

.step-form-box-left .package-select-info-img {
    width: 18px
}

.step-form-box-left .package-select-info-img img {
    width: 100%;
    height: auto
}

.step-form-blur {
    filter: blur(3px)
}

.package-select-info-text-wrap,
.successful-modal,
.terms-of-use-modal {
    position: absolute;
    background: #13151799;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.successful-modal {
    visibility: hidden
}

.successful-modal-inner {
    position: relative;
    width: 90%;
    max-width: 788px;
    max-height: 635px;
    height: 80%;
    border-radius: 20px;
    box-shadow: 13px 11px 60px 0 #0000000d;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 30px;
    background: #fff;
    color: #151515
}

.successful-modal.successful-modal-toggle {
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin: unset;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.package-select-info-text {
    max-width: 345px;
    width: 100%
}

.package-select-info-text-inner:not(:last-child) {
    margin-bottom: 20px
}

.package-select-info-text-wrap.package-select-info-text-toggle {
    z-index: 1000;
    opacity: 1;
    margin: unset;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.package-select-info-text h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
}

.package-select-info-text span {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left
}

.package-select-info-text img {
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.additional-text-options {
    display: none
}

.step-form-wrap {
    .terms-of-use-modal-toggle {
        position: fixed;
        z-index: 55;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1
    }

    .terms-of-use-modal-inner {
        width: 90%;
        padding: 66px 0 30px;
        overflow: hidden
    }

    .terms-of-use-modal-box {
        overflow-y: auto;
        height: calc(100% - 65px);
        padding: 30px 30px 0;
        font-size: 14px
    }

    .terms-of-use-modal-item {
        margin-bottom: 20px
    }

    .terms-of-use-modal-box h4 {
        font-weight: 600
    }

    .terms-of-use-modal-title {
        color: #4c4c4c;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        background: #ececec;
        padding: 12px 0
    }

    .terms-of-use-modal-close {
        right: 20px;
        top: 20px
    }

    .terms-of-use-modal-text-space {
        margin-bottom: 20px
    }

    .terms-of-use-modal-item-inner {
        list-style: auto;
        padding-left: 35px;
        padding-top: 20px
    }

    .terms-of-use-modal-item-inner-text {
        margin-bottom: 20px
    }

    .terms-of-use-modal-item-inner-text ul {
        list-style: disc;
        padding-left: 30px
    }
}

.step-form-box-right .dropdown-toggle,
.step-form-box-right .menu-title {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    padding-top: 13px;
    padding-bottom: 16px
}

.step-form-box-right .dropdown-toggle .dropdown-toggle-img-box,
.step-form-box-right .menu-title .menu-img-box {
    max-width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 16px
}

.step-form-box-right .dropdown-toggle .dropdown-toggle-img-box img {
    width: 100%
}

.step-form-box-right .dropdown-toggle.dropdown-custom:after {
    display: none
}

.step-form-box-right .default-price .dropdown-toggle:after,
.step-form-box-right .dropdown-toggle:after,
.step-form-box-right .menu-title:after {
    content: "";
    position: absolute;
    background: url(/img/step-form/check.svg) no-repeat 50%;
    width: 13px;
    height: 13px;
    right: 0;
    top: 45%;
    transform: translate(-50%, -50%);
    background-size: contain;
    display: block
}

.step-form-box-right .dropdown-custom .default-price-string {
    display: block;
    margin-left: auto;
    padding-right: 30px
}

.step-form-box-right .dropdown-box,
.step-form-box-right .menu-box {
    background: #fafafa;
    padding: 0 16px;
    border-radius: 8px
}

.step-form-box-right .dropdown-box:not(:last-child),
.step-form-box-right .menu-box:not(:last-child) {
    margin-bottom: 10px
}

.step-form-box-right .dropdown-menu {
    padding-left: 50px;
    font-size: 14px;
    line-height: 14px;
    max-height: 0;
    height: 100%;
    overflow-y: hidden;
    transition-property: max-height;
    transition-duration: .2s;
    transition-timing-function: linear
}

.step-form-box-right .list-menu {
    padding-left: 50px;
    font-size: 14px;
    line-height: 14px;
    opacity: .8
}

.step-form-box-right .dropdown-item,
.step-form-box-right .list-item {
    margin-bottom: 12px
}

.step-form-box-right .check-box-label {
    position: relative
}

#selectedOptions .check-box-label {
    pointer-events: none
}

.step-form-step-one .step-form-box-right .check-box-label {
    cursor: pointer
}

.step-form-box-right .price-string {
    padding-right: 30px
}

.step-form-box-right .toggle-container span {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.step-form-box-right .default-price span {
    font-weight: 500;
    line-height: 16px
}

.default-price-string:first-child span,
.step-form-box-right .default-price:first-child span {
    font-weight: 600
}

.step-form-box-right .total-counter {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 10px;
    text-align: end
}

.step-form-box-right .bottom-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.step-form-step-two .bottom-container {
    padding: 0 24px
}

.step-form-step-one .bottom-container .total-counter {
    display: none
}

.licences-select-wrap,
.package-select-wrap,
.regions-select-wrap {
    position: relative;
    width: 100%
}

.regions-select-wrap .regions-item-label.disabled {
    opacity: .5;
    pointer-events: none
}

.regions-select-wrap .regions-item-label.choose {
    font-weight: 600
}

.regions-select-wrap .select-choices-inner {
    border: 1px solid #cfcfcf;
    width: 100%;
    height: 40px;
    padding: 6px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition: .3s ease-in-out;
    cursor: pointer
}

.regions-select-wrap .select-choices-inner.open,
.regions-select-wrap .select-choices-inner:hover {
    border: 1px solid #02a1d3
}

.regions-select-wrap .regions-item-box {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .35s ease, transform .35s, visibility 0s ease 0s;
    background: #fff;
    z-index: 3;
    box-shadow: 0 0 9px #0000001a;
    padding: 6px;
    border-radius: 8px;
    top: 107%;
    left: 0
}

.regions-select-wrap .regions-item-box.open {
    visibility: visible;
    opacity: 1;
    transition: opacity .35s ease, transform .35s, visibility 0s ease 0s
}

.regions-select-wrap .regions-item-label {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.regions-select-wrap .regions-item-label input,
.step-form-box-right .toggle-container input,
.step-form-step-two .subscription-box-accepted input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.regions-select-wrap .regions-item-label .checkmark,
.step-form-box-right .toggle-container .checkmark,
.step-form-step-two .subscription-box-accepted .checkmark {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #c4bebe;
    border-radius: 3px;
    background-color: #fff
}

.step-form-step-two .subscription-box-accepted .checkmark {
    height: 14px;
    width: 14px;
    left: 15px;
    border: 1.5px solid #5e6377
}

.regions-select-wrap .regions-item-label .checkmark {
    height: 16px;
    width: 16px
}

.step-form-box-right .toggle-container .checkmark {
    height: 14px;
    width: 14px
}

.regions-select-wrap .regions-item-label .checkmark {
    left: 13px
}

.step-form-box-right .toggle-container .checkmark {
    right: 0
}

.regions-select-wrap .regions-item-label input:checked~.checkmark,
.step-form-box-right .toggle-container .checked-custom-value~.checkmark,
.step-form-step-two .subscription-box-accepted input:checked~.checkmark {
    border: 1.5px solid #27ae60
}

.step-form-step-two .subscription-box-accepted input:checked~.checkmark {
    background: #27ae60
}

.regions-select-wrap .checkmark:after,
.step-form-box-right .toggle-container .checkmark:after,
.step-form-step-two .subscription-box-accepted .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.regions-select-wrap .regions-item-label input:checked~.checkmark:after,
.step-form-box-right .toggle-container .checked-custom-value~.checkmark:after,
.step-form-step-two .subscription-box-accepted input:checked~.checkmark:after {
    display: block
}

.regions-select-wrap .regions-item-label .checkmark:after,
.step-form-box-right .toggle-container .checkmark:after,
.step-form-step-two .subscription-box-accepted .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 7px;
    background: url(/img/step-form/check-green.svg) no-repeat 50%;
    background-size: contain
}

.step-form-step-two .subscription-box-accepted .checkmark:after {
    background: url(/img/step-form/check-white.svg) no-repeat 50%;
    background-size: contain;
    width: 9px;
    height: 7px
}

.regions-select-wrap .regions-item-label .checkmark:after {
    width: 9px;
    height: 7px
}

.step-form-box-right .toggle-container .checkmark:after {
    width: 6px;
    height: 6px
}

.licences-select-box .choices,
.package-select-box .choices {
    border: 1px solid #cfcfcf;
    width: 100%;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    color: #151515 !important;
    position: relative;
    background: #0000;
    font-weight: 500;
    transition: .3s ease-in-out
}

.licences-select-box .choices:after,
.package-select-box .choices:after {
    margin-top: 0
}

.licences-select-box .choices:hover,
.package-select-box .choices:hover {
    border: 1px solid #02a1d3
}

.package-select-box .choices__list--dropdown .choices__item--disabled {
    display: none
}

.licences-select-box .choices.is-open,
.package-select-box .choices.is-open {
    border: 1px solid #02a1d3
}


.licences-select-box .choices__inner,
.package-select-box .choices__inner {
    border: none;
    background: #0000;
    font-size: 16px;
    padding: 6px
}


.licences-select-box .choices__list.choices__list--dropdown,
.package-select-box .choices__list.choices__list--dropdown {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity .35s ease, transform .35s, visibility 0s ease 0s;
    background: #fff;
    z-index: 3;
    box-shadow: 0 3px 20px 0 #00000026;
    padding: 6px;
    border-radius: 8px;
    top: 107%;
    left: 0;
    border: none;
    margin-top: 0;
    will-change: opacity, transform, visibility;
}

.licences-select-box .choices__list.choices__list--dropdown.is-active,
.package-select-box .choices__list.choices__list--dropdown.is-active {
    visibility: visible !important;
    opacity: 1 !important;
    transition: opacity .35s ease, transform .35s, visibility 0s ease 0s;
    max-height: 130px
}

.licences-select-box .choices__item,
.package-select-box .choices__item {
    border-radius: 8px;
    padding: 6px !important;
    transition: .1s ease-in-out
}

.licences-select-box .choices__item.is-highlighted,
.package-select-box .choices__item.is-highlighted {
    background: #e7e7e7 !important
}

.step-form-step-one .custom-licences-select-box {
    position: relative;
    width: 50px;
    height: 100px
}

.step-form-step-one .custom-licences-select-box canvas {
    width: 100%;
    position: absolute
}

.step-form-step-two {
    height: 100%
}

.step-form-step-two .step-form-step-two-left-column {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%
}

.step-form-step-two .step-form-step-two-details {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    margin-bottom: 70px;
    padding-right: 10px
}

.step-form-step-two .name-of-choose-package {
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    margin-bottom: 15px
}

.step-form-step-two .subscription-box-details {
    margin-bottom: 49px
}

.step-form-step-two .subscription-box-details.subscription-box-details-mobile {
    margin-bottom: 13px
}

.step-form-step-two .subscription-box-details h4,
.step-form-step-two .subscription-payment-box-details h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 18px
}

.step-form-step-two .subscription-box-details label {
    position: relative
}

.step-form-step-two .subscription-box-details label:not(:last-child) {
    margin-bottom: 13px
}

.step-form-step-two .subscription-box-details input {
    border: 1px solid #cfcfcf;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 6px 16px;
    border-radius: 8px;
    height: 40px;
    transition: .3s ease-in-out;
    cursor: pointer
}

.step-form-step-two .subscription-box-details input:focus-visible,
.step-form-step-two .subscription-box-details input:hover {
    border: 1px solid #02a1d3;
    outline: none
}

.step-form-step-two .subscription-box-details .error-border input {
    border: 1px solid #d34e4e
}

.step-form-step-two input::-moz-placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    color: #151515;
    opacity: .6
}

.step-form-step-two input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    color: #151515;
    opacity: .6
}

.step-form-step-two .choices,
.step-form-step-two .step-title {
    margin-bottom: 10px
}

.step-form-step-two .choices__inner {
    background: #0000;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #151515;
    height: 40px;
    padding: 6px 16px
}

.step-form-step-two .choices__placeholder {
    opacity: .6
}

.step-form-step-two .choices__inner .choices__list--single {
    padding: 0
}

.step-form-step-two .subscription-payment-box-details {
    padding-top: 10px;
    margin-bottom: 30px
}

.step-form-step-two .modal-package-info {
    background: #fafafa;
    padding: 15px 12px;
    border-radius: 12px;
    margin-bottom: 13px;
    position: relative
}

.step-form-step-two .modal-package-info-name {
    font-size: 15px;
    line-height: 27px
}

.step-form-step-two .modal-package-info-total {
    font-size: 14px;
    line-height: 21px;
    padding-right: 10px
}

.step-form-step-two .modal-package-info-sum {
    font-size: 18px;
    line-height: 33px
}

.step-form-step-two .package-select-info-subscribe-img {
    width: 17px;
    height: 17px
}

.step-form-step-two .package-select-info-subscribe-img img {
    width: 100%
}

.step-form-step-two .selected-options-container {
    transition: all .25s ease-in-out;
    position: fixed;
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -2;
    overflow-y: auto;
    opacity: 0
}

.step-form-step-two .selected-options-container.selected-options-container-show .optional-content {
    height: calc(100% - 240px);
    padding-right: 28px
}

.step-form-step-two .selected-options-container .dropdown-box {
    background: #f1f2f5;
    transition: background-color .4s ease-in-out
}

.step-form-step-two .selected-options-container .dropdown-box.drop-down-item-open {
    background: #fff
}

.step-form-step-two .selected-options-container.selected-options-container-show {
    z-index: 10;
    transition: all .25s ease-in-out;
    opacity: 1;
    overflow: hidden !important
}

.step-form-step-two .selected-options-container.selected-options-container-show .name-of-choose-package {
    padding-top: 14px;
    padding-bottom: 12px;
    margin: 0 -9px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600
}

.step-form-step-two .selected-options-container-show .dropdown-box:last-child,
.step-form-step-two .selected-options-container-show .menu-box:last-child {
    margin-bottom: 0
}

.step-form-step-two .selected-options-container-show .dropdown-menu {
    list-style: none;
    padding-left: 15px
}

.step-form-step-two .selected-options-container .selected-options-container-inner {
    background: #e7e8ec;
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    margin-top: 180px;
    padding: 38px 18px 18px;
    min-height: 100%;
    transform: translateY(100%);
    overflow: hidden;
    transition: all .25s ease-in-out
}

.step-form-step-two .selected-options-container.selected-options-container-show .selected-options-container-inner {
    transform: translateY(0);
    transition: all .25s ease-in-out;
    padding: 0 0 20px 28px;
    height: 100%
}

.step-form-step-two .selected-options-container.selected-options-container-show .dropdown-box {
    padding-right: 35px
}

.step-form-step-two .selected-options-container.selected-options-container-show .title-arrow-box {
    margin-right: 0
}

.step-form-step-two .selected-options-container.selected-options-container-show .title-arrow-box img {
    display: none
}

.step-form-step-two .selected-options-container.selected-options-container-show .title-arrow-box span {
    font-size: 18px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 600;
    line-height: 1.1
}

.step-form-step-two .selected-options-container.selected-options-container-show .default-price span {
    font-weight: 600
}

.step-form-step-two .selected-options-container.selected-options-container-show li {
    font-size: 16px
}

.step-form-step-two .selected-options-container.selected-options-container-show li:first-child {
    padding-top: 20px
}

.step-form-step-two .selected-options-container.selected-options-container-show li:not(:last-child) {
    margin-bottom: 30px
}

.step-form-step-two .selected-options-container.selected-options-container-show li:last-child {
    margin-bottom: 17px
}

.step-form-step-two .selected-options-container.selected-options-container-show .toggle-container {
    position: relative
}

.step-form-step-two .selected-options-container.selected-options-container-show .toggle-container:after {
    content: "";
    position: absolute;
    background: url(/img/step-form/arrow-dd.svg) no-repeat 50%;
    width: 11px;
    height: 11px;
    right: -25px;
    background-size: contain;
    top: 50%;
    transform: translate(-50%, -50%) rotate(270deg);
    transform-origin: center center;
    transition: all .3s ease-in-out
}

.step-form-step-two .selected-options-container.selected-options-container-show .dropdown-box.drop-down-item-open .toggle-container:after {
    transform: translate(-50%, -50%) rotate(1turn)
}

.step-form-step-two .selected-options-container .close-btn {
    top: 20px;
    right: 20px
}

.step-form-step-two .subscription-payment-box-details-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    position: relative
}

.step-form-step-two .subscription-payment-box-details-box .error-message {
    bottom: -20px
}

.step-form-step-two .subscription-payment-box-details-box .radio-item {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
    width: 100%
}

.step-form-step-two .radio-item input[type=radio] {
    display: none
}

.step-form-step-two .subscription-payment-box-details-box .radio-item label {
    color: #15163d;
    font-weight: 500;
    cursor: pointer;
    font-size: 18px
}

.step-form-step-two .subscription-payment-box-details-box .radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 11px;
    border: 2px solid #5e6377;
    background-color: initial
}

.step-form-step-two .subscription-payment-box-details-box .radio-item input[type=radio]:checked+label:before {
    border: 2px solid #27ae60
}

.step-form-step-two .subscription-payment-box-details-box .radio-item label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: #5e6377
}

.step-form-step-two .subscription-payment-box-details-box .radio-item input[type=radio]:checked+label:after {
    border-radius: 11px;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 10px;
    content: " ";
    display: block;
    background: #27ae60;
    border: 2px solid #27ae60
}

.subscription-box-accepted-container {
    display: flex;
    align-items: center;
    position: relative
}

.step-form-step-two .subscription-box-accepted {
    position: relative
}

.step-form-step-two .subscription-box-accepted-text,
.subscription-box-accepted-terms {
    font-size: 18px;
    opacity: .7;
    cursor: pointer
}

.subscription-box-accepted-terms {
    text-decoration: underline;
    margin-left: 6px
}

.step-form-step-two .subscription-select-box {
    position: relative;
    margin-bottom: 10px
}

.step-form-step-two .error-message {
    color: #d34e4e;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    position: absolute;
    bottom: -15px;
    left: 6px
}

.step-form-step-two .subscription-select-box .error-message {
    bottom: -5px
}

.step-form-step-three {
    width: 90%;
    max-width: 790px;
    height: 485px;
    border-radius: 20px;
    box-shadow: 13px 11px 60px 0 #0000000d;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%) scale(0);
    transition: opacity .3s, transform .4s ease;
    transform-origin: center;
    transition-delay: .4s
}

.step-form-step-three .step-form-step-three-img-box,
.successful-modal-img-box {
    border: 2px solid #3aac4c;
    width: 100px;
    height: 100px;
    padding: 24px;
    margin-bottom: 24px
}

.step-form-step-three h3,
.successful-modal h3 {
    text-align: center;
    margin-bottom: 24px;
    font-size: clamp(32px, 3vw, 40px)
}

.step-form-step-three span,
.successful-modal span {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center
}

.step-form-step-three br {
    display: none
}

.step-form-step-three .close-btn,
.step-form-step-two .close-btn,
.successful-modal .close-btn {
    position: absolute;
    width: 24px;
    height: 24px
}

.step-form-step-three .close-btn,
.successful-modal .close-btn {
    top: 30px;
    right: 30px
}

.step-form-step-two .close-btn {
    top: 15px;
    right: 15px
}

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

    .step-form-step-one,
    .step-form-step-two {
        padding: 44px 60px 40px 90px
    }
}

@media screen and (min-width: 1024px) {
    .comprehensive-coverage h2 {
        font-size: clamp(3.3dvw, 4.46dvw, 7.2dvh)
    }

    .comprehensive-coverage .subtitle {
        font-size: clamp(1dvw, 1.25dvw, 3dvh)
    }

    .comprehensive-coverage .subtitle br {
        display: block
    }

    .swiper-slide.comprehensive-coverage {
        padding-top: clamp(60px, 13dvh, 9dvw);
        padding-bottom: clamp(30px, 6dvh, 4dvw)
    }

    #comprehensive-slider {
        padding-top: clamp(15px, 8.7dvh, 9dvw);
        padding-bottom: clamp(15px, 7dvh, 4dvw);
        max-height: calc(408px + clamp(15px, 8.7dvh, 9dvw) + clamp(15px, 7dvh, 4dvw))
    }

    .comprehensive-coverage-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
    .newsSection .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
        width: 15px;
        height: 15px
    }

    .comprehensive-coverage .swiper-slide {
        min-height: 408px
    }
}

.mainButton,
.mainButton2,
.mainButton3 {
    transition: .3s ease all;
    background: #00A1D3;
}

.mainButton:hover,
.mainButton2:hover,
.mainButton3:hover {
    transition: .3s ease all;
    background: #03C3FF;
}

.mainButton:active,
.mainButton2:active,
.mainButton3:active {
    background: #00A1D3 !important;
}

.mainButton:active span,
.mainButton:active div {
    transform: scale(1) !important;
}

.mainButton2:active {
    background: #00A1D3;
    font-size: clamp(16px, 1.2vw, 22px) !important;
}

.mainButton3:active {
    font-size: 20px;
}

@media screen and (min-width: 450px) {
    .step-form-box-right .title-arrow-box {
        width: auto
    }
}

@media screen and (max-width: 392px) {
    .step-form-step-two .selected-options-container.selected-options-container-show .title-arrow-box span {
        font-size: 16px
    }
}

@media screen and (min-width: 1024px) {
    .step-form-wrap-container {
        max-width: 1595px;
        margin: 0 auto;
        width: 100%;
        padding: 0 10px
    }

    .step-form-box-right.shadow-bottom:after,
    .step-form-box-right.shadow-top:before {
        display: none
    }

    .step-form-wrap {
        padding: 140px 0 85px
    }

    .step-form-box-right .optional-content {
        max-height: 590px
    }

    .step-form-wrap .step-title {
        font-size: 60px;
        line-height: 81px
    }

    .step-form-step-one .step-title.step-title-desktop {
        display: block
    }

    .step-form-step-one .step-title.step-title-mobile {
        display: none
    }

    .step-form-step-two {
        display: grid
    }

    .step-form-step-one,
    .step-form-step-two {
        height: 100%;
        padding-left: 14px;
        padding-right: 32px
    }

    .step-form-step-one .step-title {
        margin-bottom: 50px
    }

    .step-form-step-one .step-title br {
        display: block
    }

    .regions-select-wrap .select-choices-inner {
        height: 48px
    }

    .step-form-step-two .step-title {
        margin-bottom: 18px
    }

    .step-form-step-one .step-form-box-left {
        padding-right: 20px
    }

    .step-form-step-one .step-form-box-right {
        height: auto;
        overflow-x: visible;
        padding-bottom: 0
    }

    .step-form-step-two .step-form-box-left {
        max-width: 400px;
        width: 100%
    }

    .step-form-step-two .close-btn {
        top: 25px;
        right: 25px
    }

    .step-form-step-one .continue-btn {
        max-width: 270px;
        height: 60px
    }

    .step-form-step-one .select-title-box img {
        width: 32px;
        height: 32px
    }

    .step-form-step-one .select-box:not(:last-child) {
        margin-bottom: 60px
    }

    .step-form-step-one .select-title-box {
        margin-bottom: 17px
    }

    .step-form-step-one .continue-btn-inner-text-desktop {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .step-form-step-one .continue-btn-inner-text-mobile {
        display: none
    }

    .step-form-step-one .step-form-box-right .dropdown-box {
        padding: 0 14px 0 17px
    }

    .step-form-box-right .dropdown-box,
    .step-form-box-right .menu-box {
        margin-right: 18px
    }

    .step-form-box-right .dropdown-box:last-child,
    .step-form-box-right .menu-box:last-child {
        margin-bottom: 0
    }

    .step-form-step-one .step-form-box-right .optional-content {
        margin-bottom: 40px
    }

    .step-form-step-one .step-form-box-right .bottom-container {
        padding: 0 20px 0 0;
        position: static
    }

    .step-form-step-one .bottom-container .total-counter {
        display: block
    }

    .step-form-box-right:after {
        display: none
    }

    .step-form-box-left .additional-text-options {
        display: block;
        max-width: 608px
    }

    .licences-select-wrap,
    .package-select-wrap,
    .regions-select-wrap {
        max-width: 408px;
        height: 60px
    }

    .regions-select-wrap .select-choices-inner {
        font-size: 18px;
        height: 60px
    }

    .licences-select-box .choices,
    .package-select-box .choices {
        height: 60px
    }

    .licences-select-box .choices__inner,
    .licences-select-box .choices__list.choices__list--single:after,
    .package-select-box .choices__inner {
        font-size: 18px
    }

    .step-form-step-one .step-form-box-right .total-counter {
        margin-bottom: 20px;
        margin-right: 20px
    }

    .step-form-box-right .dropdown-toggle,
    .step-form-box-right .menu-title {
        font-size: 18px
    }

    .step-form-step-one {
        padding: 47px 40px 50px 80px;
        overflow: visible
    }

    .step-form-step-two {
        padding: 47px 40px 50px;
        height: 100%;
        grid-template-columns: 2fr minmax(auto, 400px);
        gap: 20px
    }

    .step-form-step-two .selected-options-container {
        position: static;
        opacity: 1;
        height: 100%;
        z-index: 2
    }

    .step-form-step-two .selected-options-container .selected-options-container-inner {
        transform: none;
        margin-top: 0;
        padding-top: 0;
        background: #fff
    }

    .step-form-step-two.active {
        display: grid
    }

    .step-form-step-two .continue-btn {
        max-width: 299px;
        height: 60px
    }

    .step-form-step-two .selected-options-container .dropdown-box,
    .step-form-step-two .selected-options-container .dropdown-box.drop-down-item-open {
        background: #fafafa
    }

    .step-form-step-two .step-form-step-two-details {
        overflow-y: hidden;
        display: grid;
        grid-template-columns: minmax(auto, 400px) minmax(auto, 440px);
        gap: 35px;
        margin-bottom: 0
    }

    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 495px;
        margin-bottom: 18px
    }

    .step-form-step-two .step-form-box-right .total-counter {
        margin-bottom: 15px;
        margin-right: 18px
    }

    .step-form-step-two .step-form-box-right .bottom-container {
        padding: 0 13px 0 0;
        position: static
    }

    .step-form-step-two .subscription-box-details label:not(:last-child) {
        margin-bottom: 16px
    }

    .step-form-step-two .name-of-choose-package {
        margin-bottom: 32px
    }

    .step-form-step-two .subscription-box-details {
        margin-bottom: 30px
    }

    .step-form-step-two .step-form-box-center {
        padding-right: 0
    }

    .step-form-step-two .subscription-payment-box-details {
        padding-top: 32px;
        margin-bottom: 0
    }

    .step-form-step-two .subscription-payment-box-details-box .radio-item {
        width: 50%
    }

    .step-form-step-three {
        height: 635px
    }

    .step-form-step-three br {
        display: block
    }

    .step-form-step-two .step-form-box-center {
        padding-top: 35px
    }

    .step-form-step-three .step-form-step-three-img-box {
        margin-bottom: 15px
    }

    .step-form-step-three span {
        font-size: 22px;
        line-height: 33px
    }
}

@media screen and (min-width: 1024px) and (max-height: 1059px) {
    .step-form-step-two .name-of-choose-package {
        margin-bottom: 10px
    }

    .step-form-step-two .step-title {
        line-height: 70px
    }

    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 510px
    }
}

@media screen and (min-width: 1024px) and (max-height: 1024px) {
    .step-form-step-two .step-title {
        line-height: 45px
    }
}

@media screen and (min-width: 1024px) and (max-height: 1000px) {
    .step-form-wrap {
        padding: 100px 0 46px
    }

    .step-form-step-two {
        grid-template-columns: 2fr minmax(auto, 400px)
    }

    .step-form-step-two .step-title {
        line-height: 70px
    }
}

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

    .step-form-step-one,
    .step-form-step-two {
        padding: 40px 40px 45px 64px
    }

    .step-form-step-two .subscription-box-details {
        margin-bottom: 20px
    }

    .step-form-step-two .subscription-box-details h4,
    .step-form-step-two .subscription-payment-box-details h4 {
        margin-bottom: 10px
    }

    .step-form-step-two .subscription-payment-box-details {
        padding-top: 0
    }

    .step-form-step-two .subscription-payment-box-details-box {
        margin-bottom: 15px
    }

    .step-form-step-two .step-form-step-two-left-column {
        padding-right: 0;
        height: auto
    }

    .step-form-step-two .step-form-step-two-details {
        gap: 15px;
        overflow-y: visible;
        margin-bottom: 0;
        padding-right: 0
    }

    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 495px
    }

    .step-form-step-two .subscription-box-details:first-child {
        margin-bottom: 10px
    }

    .step-form-wrap .step-title {
        line-height: 55px;
        font-size: 35px
    }

    .step-form-step-one .step-title {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1024px) and (max-height: 892px) {
    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 460px
    }

    .step-form-step-two .step-title {
        line-height: 0
    }
}

@media screen and (min-width: 1024px) and (max-height: 860px) {
    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 430px
    }

    .step-form-step-one .select-box:not(:last-child) {
        margin-bottom: 40px
    }

    .step-form-step-two .subscription-box-details input {
        height: 35px
    }
}


@media screen and (min-width: 1024px) and (max-height: 825px) {
    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 395px
    }

    .step-form-step-two .subscription-box-details input {
        height: 32px
    }
}

@media screen and (min-width: 1024px) and (max-height: 800px) {
    .step-form-wrap .subscription-box-details:not(:last-child) {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1024px) and (max-height: 790px) {
    .step-form-step-one .step-title.step-title-desktop br {
        display: none
    }

    .step-form-step-two .subscription-box-details input {
        height: 30px
    }

    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 375px
    }
}

@media screen and (min-width: 1024px) and (max-height: 780px) {
    .step-form-step-two .step-title {
        line-height: 0
    }

    .step-form-step-two .step-form-box-right .optional-content {
        max-height: 345px
    }

    .step-form-step-one .select-box:not(:last-child) {
        margin-bottom: 35px
    }
}

@media screen and (min-width: 1024px) and (max-height: 755px) {
    .step-form-step-one .select-box:not(:last-child) {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1400px) {
    .step-form-step-two {
        padding: 47px 40px 50px 80px;
        grid-template-columns: 2fr minmax(auto, 545px)
    }
}

@media screen and (min-width: 1600px) and (max-height: 940px) {
    .step-form-step-two {
        grid-template-columns: 2fr minmax(auto, 530px)
    }
}

@media screen and (min-width: 1024px) and (min-height: 1500px) {
    .step-form-step-two {
        align-content: center
    }

    .step-form-step-two .step-form-step-two-left-column {
        align-items: center
    }
}

@media screen and (min-width: 1024px) and (max-height: 800px) {
    .comprehensive-coverage h2 {
        font-size: clamp(1.3dvw, 2.46dvw, 4.2dvh)
    }

    .comprehensive-coverage .subtitle {
        font-size: clamp(1dvw, 1.25dvw, 1dvh)
    }

    .comprehensive-coverage .swiper-slide {
        min-height: 335px
    }
}

@media screen and (min-width: 1440px) {
    #comprehensive-slider .swiper-slide {
        width: 360px
    }
}

@media screen and (min-width: 1440px) and (max-height: 800px) {
    .comprehensive-coverage .content {
        padding-left: 20px
    }
}

@media screen and (min-width: 1642px) {
    #comprehensive-slider .swiper-slide {
        width: 400px
    }

    .comprehensive-coverage h2 {
        font-size: clamp(2dvw, 3.5dvw, 6.3dvh)
    }

    .swiper-slide.comprehensive-coverage {
        padding-top: clamp(3dvh, 15.4dvh, 15.5dvh);
        padding-bottom: clamp(15px, 7.3dvh, 8dvw)
    }

    .comprehensive-coverage .subtitle {
        font-size: clamp(.5dvw, .9dvw, 2dvh)
    }

    #comprehensive-slider {
        padding-top: clamp(15px, 10.7dvh, 9dvw);
        padding-bottom: clamp(15px, 9.1dvh, 6dvw)
    }

    .comprehensive-coverage .swiper-slide {
        min-height: 450px
    }
}

@media screen and (min-width: 2300px) and (min-height: 1000px) {
    #comprehensive-slider {
        max-height: calc(608px + clamp(15px, 8.7dvh, 9dvw) + clamp(15px, 7dvh, 4dvw))
    }

    div.comprehensive-coverage .content p {
        font-size: 50px
    }

    div.comprehensive-coverage .content ul {
        font-size: 26px
    }

    #comprehensive-slider .swiper-slide .swiper-slide-inner {
        border-radius: 32px
    }
}

@media screen and (min-width: 2300px) and (min-height: 1200px) {
    .comprehensive-coverage .swiper-slide {
        min-height: 750px
    }
}

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

    .hero-section h1,
    .hero-section h2 {
        max-width: 65%
    }

    .hero-section .image-block img {
        max-width: 1000px
    }

    .hero-section .image-block {
        top: 20%;
        right: 12%
    }
}

.comprehensive-coverage .content p {
    font-size: 26px
}

.comprehensive-coverage .content ul {
    font-size: 14px
}

@media screen and (max-width: 1440px) {
    .comprehensive-coverage .content ul {
        font-size: 15px
    }
}

@media screen and (max-width: 1440px) and (max-height: 740px) {
    .comprehensive-coverage .content ul {
        font-size: 14px
    }

    .comprehensive-coverage .content p {
        font-size: 20px
    }
}

@media screen and (max-width: 1440px) and (max-height: 1025px) {
    .comprehensive-coverage .content ul {
        font-size: 14px
    }
}

@media screen and (max-width: 1440px) and (max-height: 770px) {
    .comprehensive-coverage .content ul {
        font-size: 13px
    }
}

@media screen and (max-width: 1440px) and (min-height: 1025px) {
    .comprehensive-coverage .content ul {
        font-size: 14px
    }
}

@media screen and (max-width: 1025px) and (max-height: 769px) {
    .comprehensive-coverage .content ul {
        font-size: 14px
    }
}

@media screen and (max-width: 768px) and (max-height: 740px) {
    .comprehensive-coverage .content ul {
        font-size: 12px
    }
}

@media screen and (min-width: 1642px) {
    .comprehensive-coverage .content p {
        font-size: 32px
    }

    .comprehensive-coverage .content ul {
        font-size: 16px
    }
}

@media screen and (min-width: 2300px) and (max-height: 999px) {
    .comprehensive-coverage .content ul {
        font-size: 16px
    }

    .comprehensive-coverage .content p {
        font-size: clamp(16px, 25px, 3dvh)
    }
}

@media screen and (min-width: 2200px) {
    .hero-section>.container {
        position: relative
    }

    .hero-section .image-block {
        top: 0;
        right: -15%
    }

    .hero-section .light-block {
        top: 0;
        width: 90%;
        right: -25%
    }

    .hero-section-content {
        max-width: 60%
    }

    .swiper-slide.comprehensive-coverage {
        padding-top: clamp(3dvh, 10.4dvh, 15.5dvh);
        padding-bottom: clamp(15px, 4.3dvh, 8dvw)
    }
}

@media (min-width: 640px) {
    .sm\:container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 24px;
        padding-left: 24px
    }

    @media (min-width: 1328px) {
        .sm\:container {
            max-width: 1328px
        }
    }

    @media (min-width: 1642px) {
        .sm\:container {
            max-width: 1642px
        }
    }
}

.before\:content-\[\"\2022\"\]:before {
    --tw-content: "•";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-\[-30px\]:after {
    content: var(--tw-content);
    bottom: -30px
}

.after\:left-\[10\%\]:after {
    content: var(--tw-content);
    left: 10%
}

.after\:right-\[10\%\]:after {
    content: var(--tw-content);
    right: 10%
}

.after\:clear-both:after {
    content: var(--tw-content);
    clear: both
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-\[20px\]:after {
    content: var(--tw-content);
    height: 20px
}

.after\:rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%
}

.after\:bg-\[\#0F1016\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(15 16 22/var(--tw-bg-opacity))
}

.after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0
}

.after\:blur-\[8px\]:after {
    content: var(--tw-content);
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.after\:duration-500:after {
    content: var(--tw-content);
    transition-duration: .5s
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.hover\:border-\[\#02A1D3\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(2 161 211/var(--tw-border-opacity))
}

.hover\:bg-\[\#58595d\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(88 89 93/var(--tw-bg-opacity))
}

.hover\:font-bold:hover {
    font-weight: 700
}

.hover\:font-semibold:hover {
    font-weight: 600
}

.before\:hover\:text-center:hover:before,
.hover\:before\:text-center:hover:before {
    content: var(--tw-content);
    text-align: center
}

.focus\:bg-\[\#58595d\]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(88 89 93/var(--tw-bg-opacity))
}

.focus\:hover\:text-center:hover:focus,
.hover\:focus\:text-center:focus:hover {
    text-align: center
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.group\/button:hover .group-hover\/button\:rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.group\/button:hover .group-hover\/button\:rotate-\[180deg\],
.group\/button:hover .group-hover\/button\:scale-\[1\.05\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/button:hover .group-hover\/button\:scale-\[1\.05\] {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.group\/button:hover .group-hover\/button\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:disabled .group-disabled\:opacity-50,
.group\/button:disabled .group-disabled\/button\:opacity-50 {
    opacity: .5
}

.group\/wrapper.isPhone .group-\[\.isPhone\]\/wrapper\:left-\[calc\(50\%_-_32px\)\] {
    left: calc(50% - 32px)
}

.group\/wrapper.isTablet .group-\[\.isTablet\]\/wrapper\:left-\[calc\(100\%_-_64px_-_8px\)\] {
    left: calc(100% - 72px)
}

.group\/news.in-scrollings .group-\[\.in-scrollings\]\/news\:overflow-visible {
    overflow: visible
}

.group\/app.has-blur .group-\[\.has-blur\]\/app\:opacity-100 {
    opacity: 1
}

.group\/wrapper.isLaptop .group-\[\.isLaptop\]\/wrapper\:opacity-70 {
    opacity: .7
}

.group\/button.active .group-\[\.active\]\/button\:contrast-200 {
    --tw-contrast: contrast(2)
}

.group\/button.active .group-\[\.active\]\/button\:contrast-200,
.group\/button.active .group-\[\.active\]\/button\:invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group\/button.active .group-\[\.active\]\/button\:invert {
    --tw-invert: invert(100%)
}

.group\/image.active .group-\[\.active\]\/image\:after\:opacity-80:after {
    content: var(--tw-content);
    opacity: .8
}

@media (min-width: 640px) {
    .sm\:underline {
        text-decoration-line: underline
    }
}

@media (min-width: 1024px) {
    .lg\:fixed {
        position: fixed
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:left-auto {
        left: auto
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-\[-10\%\] {
        right: -10%
    }

    .lg\:right-\[16px\] {
        right: 16px
    }

    .lg\:top-\[11dvh\] {
        top: 11dvh
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:order-3 {
        order: 3
    }

    .lg\:float-none {
        float: none
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-\[2\.3dvw\] {
        margin-bottom: 2.3dvw
    }

    .lg\:mb-\[2dvh\] {
        margin-bottom: 2dvh
    }

    .lg\:mb-\[4dvh\] {
        margin-bottom: 4dvh
    }

    .lg\:mb-\[5px\] {
        margin-bottom: 5px
    }

    .lg\:ml-\[107px\] {
        margin-left: 107px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-12 {
        margin-top: 3rem
    }

    .lg\:mt-2 {
        margin-top: .5rem
    }

    .lg\:mt-\[6dvh\] {
        margin-top: 6dvh
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-\[8dvh\] {
        height: 8dvh
    }

    .lg\:h-\[90\%\] {
        height: 90%
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:max-h-\[56px\] {
        max-height: 56px
    }

    .lg\:max-h-\[90vh\] {
        max-height: 90vh
    }

    .lg\:w-2\/4 {
        width: 50%
    }

    .lg\:w-\[70\%\] {
        width: 70%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-\[370px\] {
        max-width: 370px
    }

    .lg\:max-w-\[41dvw\] {
        max-width: 41dvw
    }

    .lg\:max-w-\[50dvw\] {
        max-width: 50dvw
    }

    .lg\:max-w-\[787px\] {
        max-width: 787px
    }

    .lg\:scale-\[1\.4\] {
        --tw-scale-x: 1.4;
        --tw-scale-y: 1.4;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:gap-\[13px\] {
        gap: 13px
    }

    .lg\:gap-\[20px\] {
        gap: 20px
    }

    .lg\:gap-\[3\.3dvh\] {
        gap: 3.3dvh
    }

    .lg\:overflow-visible {
        overflow: visible
    }

    .lg\:bg-gray {
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248/var(--tw-bg-opacity))
    }

    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .lg\:py-\[1\.5dvh\] {
        padding-top: 1.5dvh;
        padding-bottom: 1.5dvh
    }

    .lg\:pb-\[28px\] {
        padding-bottom: 28px
    }

    .lg\:pb-\[6dvh\] {
        padding-bottom: 6dvh
    }

    .lg\:pb-\[7dvh\] {
        padding-bottom: 7dvh
    }

    .lg\:pb-\[9dvh\] {
        padding-bottom: 9dvh
    }

    .lg\:pl-\[29px\] {
        padding-left: 29px
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pt-\[13dvh\] {
        padding-top: 13dvh
    }

    .lg\:pt-\[14dvh\] {
        padding-top: 14dvh
    }

    .lg\:pt-\[16px\] {
        padding-top: 16px
    }

    .lg\:pt-\[8\.7dvh\] {
        padding-top: 8.7dvh
    }

    .lg\:text-\[1\.25dvw\] {
        font-size: 1.25dvw
    }

    .lg\:text-\[1\.25vw\] {
        font-size: 1.25vw
    }

    .lg\:text-\[12px\] {
        font-size: 12px
    }

    .lg\:text-\[18px\] {
        font-size: 18px
    }

    .lg\:text-\[1dvw\] {
        font-size: 1dvw
    }

    .lg\:text-\[2\.5dvw\] {
        font-size: 2.5dvw
    }

    .lg\:text-\[22px\] {
        font-size: 22px
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[2dvw\] {
        font-size: 2dvw
    }

    .lg\:text-\[3\.1dvw\] {
        font-size: 3.1dvw
    }

    .lg\:text-\[3\.1vw\] {
        font-size: 3.1vw
    }

    .lg\:text-\[4\.46vw\] {
        font-size: 4.46vw
    }

    .lg\:text-\[7dvh\] {
        font-size: 7dvh
    }

    .lg\:text-\[8\.4dvw\] {
        font-size: 8.4dvw
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:font-\[600\] {
        font-weight: 600
    }

    .lg\:leading-\[0\.92\] {
        line-height: .92
    }

    .lg\:leading-\[1\.8\] {
        line-height: 1.8
    }

    .lg\:leading-\[2\.1\] {
        line-height: 2.1
    }

    .lg\:leading-\[81px\] {
        line-height: 81px
    }

    .lg\:after\:hidden:after {
        content: var(--tw-content);
        display: none
    }
}

@media (min-width: 1150px) {
    .\32lg\:static {
        position: static
    }

    .\32lg\:sticky {
        position: sticky
    }

    .\32lg\:top-\[-32px\] {
        top: -32px
    }

    .\32lg\:mb-5 {
        margin-bottom: 1.25rem
    }

    .\32lg\:mb-\[112px\] {
        margin-bottom: 112px
    }

    .\32lg\:mt-0 {
        margin-top: 0
    }

    .\32lg\:mt-10 {
        margin-top: 2.5rem
    }

    .\32lg\:mt-4 {
        margin-top: 1rem
    }

    .\32lg\:mt-6 {
        margin-top: 1.5rem
    }

    .\32lg\:mt-8 {
        margin-top: 2rem
    }

    .\32lg\:mt-\[18px\] {
        margin-top: 18px
    }

    .\32lg\:mt-\[4\.5dvh\] {
        margin-top: 4.5dvh
    }

    .\32lg\:mt-\[5dvh\] {
        margin-top: 5dvh
    }

    .\32lg\:line-clamp-none {
        overflow: visible;
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-line-clamp: none
    }

    .\32lg\:block {
        display: block
    }

    .\32lg\:flex {
        display: flex
    }

    .\32lg\:grid {
        display: grid
    }

    .\32lg\:hidden {
        display: none
    }

    .\32lg\:h-screen {
        height: 100vh
    }

    .\32lg\:max-h-\[304px\] {
        max-height: 304px
    }

    .\32lg\:min-h-\[413px\] {
        min-height: 413px
    }

    .\32lg\:w-\[130vw\] {
        width: 130vw
    }

    .\32lg\:w-\[44\%\] {
        width: 44%
    }

    .\32lg\:w-\[47\%\] {
        width: 47%
    }

    .\32lg\:w-auto {
        width: auto
    }

    .\32lg\:max-w-\[1580px\] {
        max-width: 1580px
    }

    .\32lg\:max-w-\[270px\] {
        max-width: 270px
    }

    .\32lg\:max-w-\[50\%\] {
        max-width: 50%
    }

    .\32lg\:max-w-full {
        max-width: 100%
    }

    .\32lg\:flex-row {
        flex-direction: row
    }

    .\32lg\:gap-6 {
        gap: 1.5rem
    }

    .\32lg\:overflow-y-hidden {
        overflow-y: hidden
    }

    .\32lg\:p-6 {
        padding: 1.5rem
    }

    .\32lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .\32lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .\32lg\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .\32lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .\32lg\:py-\[68px\] {
        padding-top: 68px;
        padding-bottom: 68px
    }

    .\32lg\:py-\[72px\] {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .\32lg\:pb-0 {
        padding-bottom: 0
    }

    .\32lg\:pb-\[6dvh\] {
        padding-bottom: 6dvh
    }

    .\32lg\:pl-\[46px\] {
        padding-left: 46px
    }

    .\32lg\:pr-\[34px\] {
        padding-right: 34px
    }

    .\32lg\:pr-\[80px\] {
        padding-right: 80px
    }

    .\32lg\:pt-0 {
        padding-top: 0
    }

    .\32lg\:pt-16 {
        padding-top: 4rem
    }

    .\32lg\:pt-\[64px\] {
        padding-top: 64px
    }

    .\32lg\:text-left {
        text-align: left
    }

    .\32lg\:text-\[13px\] {
        font-size: 13px
    }

    .\32lg\:text-\[18px\] {
        font-size: 18px
    }

    .\32lg\:text-\[24px\] {
        font-size: 24px
    }

    .\32lg\:text-\[31px\] {
        font-size: 31px
    }

    .\32lg\:text-\[42px\] {
        font-size: 42px
    }

    .\32lg\:text-\[64px\] {
        font-size: 64px
    }

    .\32lg\:text-\[min\(1\.6dvh\2c _18px\)\] {
        font-size: min(1.6dvh, 18px)
    }

    .\32lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .\32lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .\32lg\:leading-\[1\] {
        line-height: 1
    }

    .\32lg\:leading-\[22px\] {
        line-height: 22px
    }

    .\32lg\:leading-\[2\] {
        line-height: 2
    }

    .\32lg\:leading-\[84px\] {
        line-height: 84px
    }

    .\32lg\:text-\[\#5B5B5B\] {
        --tw-text-opacity: 1;
        color: rgb(91 91 91/var(--tw-text-opacity))
    }

    .\32lg\:no-scrollbar::-webkit-scrollbar {
        display: none
    }

    .\32lg\:no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .\32lg\:after\:bottom-\[-80px\]:after {
        content: var(--tw-content);
        bottom: -80px
    }

    .\32lg\:after\:h-\[40px\]:after {
        content: var(--tw-content);
        height: 40px
    }

    .\32lg\:after\:blur-lg:after {
        content: var(--tw-content);
        --tw-blur: blur(16px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .group\/body.signIn-modal-active .\32lg\:group-\[\.signIn-modal-active\]\/body\:opacity-100 {
        opacity: 1
    }

    .\32lg\:whitespace-normal {
        white-space: normal;
    }
}

@media (min-width: 1328px) {
    .\32xl\:mt-12 {
        margin-top: 3rem
    }

    .\32xl\:text-\[64px\] {
        font-size: 64px
    }

    .\32xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .\32xl\:leading-\[32px\] {
        line-height: 32px
    }

    .\32xl\:leading-\[87px\] {
        line-height: 87px
    }
}

@media (min-width: 1642px) {
    .\33xl\:right-10 {
        right: 2.5rem
    }

    .\33xl\:top-0 {
        top: 0
    }

    .\33xl\:top-\[12\.4dvh\] {
        top: 12.4dvh
    }

    .\33xl\:top-\[26px\] {
        top: 26px
    }

    .\33xl\:mb-\[128px\] {
        margin-bottom: 128px
    }

    .\33xl\:mb-\[2\.1dvw\] {
        margin-bottom: 2.1dvw
    }

    .\33xl\:max-h-\[62dvh\] {
        max-height: 62dvh
    }

    .\33xl\:max-h-full {
        max-height: 100%
    }

    .\33xl\:w-\[44\%\] {
        width: 44%
    }

    .\33xl\:w-\[48\.5dvw\] {
        width: 48.5dvw
    }

    .\33xl\:max-w-\[36\%\] {
        max-width: 36%
    }

    .\33xl\:max-w-\[44dvw\] {
        max-width: 44dvw
    }

    .\33xl\:translate-y-\[72px\] {
        --tw-translate-y: 72px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\33xl\:gap-\[29px\] {
        gap: 29px
    }

    .\33xl\:gap-\[3\.7dvh\] {
        gap: 3.7dvh
    }

    .\33xl\:gap-\[7px\] {
        gap: 7px
    }

    .\33xl\:px-\[270px\] {
        padding-left: 270px;
        padding-right: 270px
    }

    .\33xl\:px-\[90px\] {
        padding-left: 90px;
        padding-right: 90px
    }

    .\33xl\:pb-\[2dvh\] {
        padding-bottom: 2dvh
    }

    .\33xl\:pb-\[33px\] {
        padding-bottom: 33px
    }

    .\33xl\:pb-\[9\.5dvh\] {
        padding-bottom: 9.5dvh
    }

    .\33xl\:pl-\[256px\] {
        padding-left: 256px
    }

    .\33xl\:pr-0 {
        padding-right: 0
    }

    .\33xl\:pr-\[270px\] {
        padding-right: 270px
    }

    .\33xl\:pt-\[11dvh\] {
        padding-top: 11dvh
    }

    .\33xl\:pt-\[15dvh\] {
        padding-top: 15dvh
    }

    .\33xl\:text-\[0\.8dvw\] {
        font-size: .8dvw
    }

    .\33xl\:text-\[0\.9dvw\] {
        font-size: .9dvw
    }

    .\33xl\:text-\[1\.3dvw\] {
        font-size: 1.3dvw
    }

    .\33xl\:text-\[1\.6dvw\] {
        font-size: 1.6dvw
    }

    .\33xl\:text-\[2\.5vw\] {
        font-size: 2.5vw
    }

    .\33xl\:text-\[2\.76dvw\] {
        font-size: 2.76dvw
    }

    .\33xl\:text-\[28px\] {
        font-size: 28px
    }

    .\33xl\:text-\[3\.5dvw\] {
        font-size: 3.5dvw
    }

    .\33xl\:text-\[7\.3dvw\] {
        font-size: 7.3dvw
    }

    .\33xl\:text-\[70px\] {
        font-size: 70px
    }

    .\33xl\:text-\[72px\] {
        font-size: 72px
    }

    .\33xl\:text-\[min\(7dvh\2c _70px\)\] {
        font-size: min(7dvh, 70px)
    }

    .\33xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .\33xl\:leading-\[0\.95\] {
        line-height: .95
    }

    .\33xl\:leading-\[1\.69\] {
        line-height: 1.69
    }

    .\33xl\:leading-\[1\.6\] {
        line-height: 1.6
    }

    .\33xl\:leading-\[1\.7\] {
        line-height: 1.7
    }

    .\33xl\:leading-\[27px\] {
        line-height: 27px
    }
}

@media (min-width: 2200px) {
    .\34xl\:flex {
        display: flex
    }

    .\34xl\:max-w-\[60\%\] {
        max-width: 60%
    }

    .\34xl\:max-w-full {
        max-width: 100%
    }
}

@media (prefers-color-scheme: dark) {
    @media (min-width: 1024px) {
        .dark\:lg\:hover\:\[paint-order\:markers\]:hover {
            paint-order: markers
        }
    }
}

#reviewsSectionSlider .swiper-slide {
    width: var(--testimonials-card-width);
    max-width: 100%;
    max-height: 44dvh;
}

#reviewsSectionSlider .swiper-slide.swiper-slide-wide {
    width: calc(var(--testimonials-card-width) * 2);
}

#reviewsSectionSlider .review {
    max-height: calc(100% - (1.9dvh + 2.8dvh) - 38px);
    overflow: hidden;
}

#reviewsSectionSlider .review:hover {
    overflow-y: auto;
}

@media (min-width: 768px) {
    :root {
        --testimonials-card-width: 467px;
    }
}