.btn {
    line-height: 1.25 !important;
}


.section--bg-blue {
    background-color: #f2f6f9
}

.section--bg-black-blue {
    background-color: #0d2436
}

@media (min-width: 768px) {
    .section--bg-blue-mobile {
        background-color:#f2f6f9
    }
}

.section--bg-oxford-blue {
    background-color: #394a58
}

.section--bg-white {
    background-color: #fff
}

@media (min-width: 1024px) {
    .flip-card {
        -webkit-perspective:1000px;
        perspective: 1000px
    }
}

.flip-card__common {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

@media (min-width: 1024px) {
    .flip-card__common {
        -webkit-backface-visibility:hidden;
        backface-visibility: hidden
    }
}

.flip-card__inner {
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .flip-card__inner {
        -webkit-transition:-webkit-transform 1s,-webkit-box-shadow .2s ease-in-out;
        transition: -webkit-transform 1s,-webkit-box-shadow .2s ease-in-out;
        transition: transform 1s,box-shadow .2s ease-in-out;
        transition: transform 1s,box-shadow .2s ease-in-out,-webkit-transform 1s,-webkit-box-shadow .2s ease-in-out;
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@media (max-width: 1023px) {
    .flip-card__inner.is-flipped:before {
        content:"";
        position: fixed;
        background: rgba(13,36,54,.86);
        height: 100vh;
        width: 100vw;
        display: block;
        top: 0;
        left: 0;
        z-index: 10
    }
}

.flip-card__inner.is-flipped .flip-card__back {
    display: grid
}

@media (min-width: 1024px) {
    .flip-card__inner.is-flipped {
        -webkit-transform:rotateY(180deg) translateZ(1px);
        transform: rotateY(180deg) translateZ(1px)
    }
}

@media (max-width: 1023px) {
    .flip-card__front {
        position:relative;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.flip-card__back {
    display: grid
}

@media (max-width: 1023px) {
    .flip-card__back {
        position:fixed;
        display: none;
        grid-template-rows: auto 1fr;
        top: 50%;
        left: 50%;
        width: calc(100% - 48px);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 10
    }
}

@media (min-width: 1024px) {
    .flip-card__back {
        -webkit-transform:rotateY(180deg) translateZ(1px);
        transform: rotateY(180deg) translateZ(1px)
    }
}

.flip-card__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.flip-card__btn:active .flip-card__btn__circle,.flip-card__btn:focus .flip-card__btn__circle,.flip-card__btn:hover .flip-card__btn__circle {
    background-color: #0d2436
}

.flip-card__btn:active .flip-card__btn__circle:before,.flip-card__btn:focus .flip-card__btn__circle:before,.flip-card__btn:hover .flip-card__btn__circle:before {
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

.flip-card__btn__circle {
    border: 2px solid #0d2436;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    background-color: transparent;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 1024px) {
    .flip-card__btn__circle {
        -webkit-transition:background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out
    }
}

.flip-card__btn__circle:before {
    margin-top: 2px
}

.flip-card__btn__circle--more:before {
    content: url(../images/home/ico_open-cross.svg)
}

.flip-card__btn__circle--close:before {
    content: url(../images/home/ico_close-cross.svg)
}

.flip-card__btn span {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.flip-card__btn--more span {
    margin-left: 1rem
}

.flip-card__btn--close {
    justify-self: flex-end
}

@media (min-width: 1024px) {
    .flip-card__btn--close {
        justify-self:flex-start
    }
}

.flip-card__btn--close span {
    margin-right: 1rem
}

@media (min-width: 1024px) {
    .flip-card__btn--close span {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 1rem
    }
}

.section-top-dark {
    background-color: #0d2436;
    padding-top: 115px;
    padding-bottom: 0;
    overflow: hidden;
    -webkit-box-shadow: inset 0 -137px 0 #162f41;
    box-shadow: inset 0 -137px 0 #162f41
}

@media (min-width: 1024px) {
    .section-top-dark {
        padding-top:5rem;
        -webkit-box-shadow: inset 0 -114px 0 #162f41;
        box-shadow: inset 0 -114px 0 #162f41
    }
}

.section-top-dark .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .section-top-dark .container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.section-top-dark__content {
    position: relative;
    color: #fff;
    z-index: 7
}

@media (min-width: 1024px) {
    .section-top-dark__content {
        max-width:410px
    }
}

@media (min-width: 1280px) {
    .section-top-dark__content {
        max-width:682px
    }
}

.section-top-dark__content__title {
    position: relative;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -.2px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

@media (max-width: 480px) {
    .section-top-dark__content__title {
        max-width:312px
    }
}

@media (min-width: 1024px) {
    .section-top-dark__content__title {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 2.5rem;
        font-size: 52px
    }
}

@media (min-width: 1280px) {
    .section-top-dark__content__title {
        letter-spacing:.2px
    }
}

.section-top-dark__content__description {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 14px
}

@media (min-width: 1024px) {
    .section-top-dark__content__description {
        margin-bottom:24px;
        font-size: 22px;
        max-width: 598px
    }
}

.section-top-dark__content__pros {
    display: grid;
    grid-row-gap: 6px;
    margin-bottom: 14px
}

@media (min-width: 1280px) {
    .section-top-dark__content__pros {
        width:100%;
        max-width: 646px;
        grid-template-columns: repeat(3,auto);
        grid-column-gap: 12px;
        margin-bottom: 48px
    }
}

.section-top-dark__content__pros li {
    color: #fff;
    font-size: 14px;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding-left: 0
}

@media (min-width: 1024px) {
    .section-top-dark__content__pros li {
        font-size:16px;
        padding: 10px 14px;
        background-color: #142b3c;
        border-radius: 8px
    }
}

.section-top-dark__content__pros li:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background: url(../images/home/icon_check--in-circle.svg) 50%/contain no-repeat
}

@media (min-width: 1024px) {
    .section-top-dark__content__pros li:before {
        width:22px;
        height: 22px
    }
}

.section-top-dark__content .btn {
    z-index: 1
}

.section-top-dark__sub-text {
    margin-bottom: 24px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.125rem;
    opacity: .6;
    color: #f2f6f9
}

@media (min-width: 1024px) {
    .section-top-dark__sub-text {
        margin-bottom:69px
    }
}

.section-top-dark .photo-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #061f33;
    top: -120px;
    left: -20px
}

@media (min-width: 1024px) {
    .section-top-dark .photo-1 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100px;
        min-width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #0d2436;
        left: -15px;
        border: none;
        top: auto;
        -webkit-box-shadow: 4px 4px 30px rgba(0,0,0,.3);
        box-shadow: 4px 4px 30px rgba(0,0,0,.3)
    }
}

.section-top-dark .photo-1 img {
    width: 40px;
    height: 40px
}

@media (min-width: 1024px) {
    .section-top-dark .photo-1 img {
        width:86px;
        height: 86px
    }
}

.section-top-dark .photo-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 65px;
    min-width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute;
    top: -80px;
    left: 46px;
    background: linear-gradient(107.51deg,#10a8a6 9.42%,#b9e6e6 91.45%)
}

@media (min-width: 1024px) {
    .section-top-dark .photo-2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 124px;
        min-width: 124px;
        height: 124px;
        border-radius: 50%;
        top: auto;
        bottom: 0;
        left: 40px
    }
}

.section-top-dark .photo-2 img {
    width: 57px;
    height: 57px
}

@media (min-width: 1024px) {
    .section-top-dark .photo-2 img {
        width:113px;
        height: 113px
    }
}

.section-top-dark .photo-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 198px;
    min-width: 198px;
    height: 198px;
    border-radius: 50%;
    position: absolute;
    -webkit-box-shadow: 4px 4px 40px #071621;
    box-shadow: 4px 4px 40px #071621;
    background-color: #0d2436;
    bottom: -3.5rem;
    right: 2rem
}

.section-top-dark .photo-3 img {
    width: 98px;
    height: 98px
}

.section-top-dark .photo-3__border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 158px;
    min-width: 158px;
    height: 158px;
    border-radius: 50%;
    border: 2px solid rgba(6,27,45,.2)
}

.section-top-dark .photo-4 {
    position: absolute;
    right: 0;
    top: -136px
}

@media (min-width: 1024px) {
    .section-top-dark .photo-4 {
        position:static
    }
}

.section-top-dark .photo-4 img {
    width: 89px;
    height: 89px
}

@media (min-width: 1024px) {
    .section-top-dark .photo-4 img {
        width:187px;
        height: 187px
    }
}

.section-top-dark .photo-4__circle-1 {
    width: 160px;
    min-width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid rgba(6,31,51,.5)
}

.section-top-dark .photo-4__circle-1,.section-top-dark .photo-4__circle-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-top-dark .photo-4__circle-2 {
    width: 120px;
    min-width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px solid #061f33
}

.section-top-dark .circles {
    display: none
}

@media (min-width: 1024px) {
    .section-top-dark .circles {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 650px;
        min-width: 650px;
        height: 650px;
        border-radius: 50%;
        position: absolute;
        -webkit-box-shadow: 0 0 0 6px rgba(13,33,48,.7);
        box-shadow: 0 0 0 6px rgba(13,33,48,.7);
        right: -80px;
        top: -260px
    }
}

@media (min-width: 1280px) {
    .section-top-dark .circles {
        top:-118px;
        right: -174px
    }
}

.section-top-dark .circles .circle-1 {
    width: 590px;
    min-width: 590px;
    height: 590px;
    -webkit-box-shadow: 0 0 0 2px #05ada3;
    box-shadow: 0 0 0 2px #05ada3
}

.section-top-dark .circles .circle-1,.section-top-dark .circles .circle-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.section-top-dark .circles .circle-2 {
    width: 484px;
    min-width: 484px;
    height: 484px;
    -webkit-box-shadow: 0 0 0 2px #0d2030;
    box-shadow: 0 0 0 2px #0d2030
}

.section-top-dark .circles .circle-3 {
    width: 379px;
    min-width: 379px;
    height: 379px;
    -webkit-box-shadow: 0 0 0 2px #05ada3;
    box-shadow: 0 0 0 2px #05ada3
}

.section-top-dark .circles .circle-3,.section-top-dark .circles .circle-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.section-top-dark .circles .circle-4 {
    width: 290px;
    min-width: 290px;
    height: 290px;
    -webkit-box-shadow: 4px 4px 30px rgba(0,0,0,.3);
    box-shadow: 4px 4px 30px rgba(0,0,0,.3)
}

.section-top-dark .circles .circle-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 205px;
    min-width: 205px;
    height: 205px;
    border-radius: 50%;
    background: linear-gradient(107.51deg,#10a8a6 9.42%,#b9e6e6 91.45%)
}

@media (min-width: 1024px) {
    .section-top-dark .photo-mobile {
        display:none
    }
}

.section-top-dark .rating {
    display: grid;
    grid-template-columns: repeat(3,auto);
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: unset
}

@media (min-width: 1024px) {
    .section-top-dark .rating {
        grid-column-gap:2rem;
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        max-width: 614px
    }
}

.section-top-dark .rating__item {
    display: grid;
    grid-column-gap: 12px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    background-color: unset;
    border-radius: unset;
    padding: 0;
    justify-items: center
}

@media (min-width: 1024px) {
    .section-top-dark .rating__item {
        width:auto;
        grid-template-columns: 48px auto;
        justify-items: start
    }
}

.section-top-dark .rating__item__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #fff;
    grid-row: 1/2;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .section-top-dark .rating__item__logo {
        width:50px;
        height: 50px;
        grid-row: 1/3;
        grid-column: 1/2;
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .section-top-dark .rating__item__logo img {
        width:20px;
        height: 20px
    }
}

.section-top-dark .rating__item__value {
    grid-row: 2/3;
    font-size: 14px;
    position: relative;
    margin-bottom: 0;
    font-weight: 500;
    color: #fff
}

@media (min-width: 1024px) {
    .section-top-dark .rating__item__value {
        grid-column:2/3;
        grid-row: 1/2;
        font-size: 18px;
        margin-bottom: 0
    }
}

.section-top-dark .rating__item__value:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/section-top-alternative/ico_star-white.svg) 50%/contain no-repeat;
    margin-left: 4px
}

.section-top-dark .rating__item__site {
    grid-row: 3/4;
    font-size: 14px;
    color: rgba(183,198,205,.8);
    line-height: 1.3;
    text-align: center
}

@media (min-width: 1024px) {
    .section-top-dark .rating__item__site {
        grid-column:2/3;
        grid-row: 2/3;
        font-size: 1rem;
        text-align: left
    }
}

@media (min-width: 1024px) {
    .section-top-dark .rating__item__site br {
        display:none
    }
}

.section-top-dark .bubbles-1:after {
    content: "";
    width: 51px;
    height: 42px;
    position: absolute;
    display: inline-block;
    background: url(../images/section-top-alternative/img_bubbles-1.svg) 50%/contain no-repeat;
    left: 203px;
    top: 106px
}

.section-top-dark .bubbles-2:after {
    content: "";
    width: 47px;
    height: 47px;
    position: absolute;
    display: inline-block;
    background: url(../images/section-top-alternative/img_bubbles-2.svg) 50%/contain no-repeat;
    top: -56px;
    left: 8px
}

@media (min-width: 1024px) {
    .section-top-dark .bubbles-2:after {
        right:13px;
        left: auto;
        top: 480px;
        width: 51px;
        height: 42px
    }
}

.section-top-dark .bubbles-3:after {
    content: "";
    width: 51px;
    height: 42px;
    position: absolute;
    display: inline-block;
    background: url(../images/section-top-alternative/img_bubbles-3.svg) 50%/contain no-repeat;
    bottom: 182px;
    right: 8px;
    -webkit-transform: rotate(83deg);
    transform: rotate(83deg)
}

@media (min-width: 1024px) {
    .section-top-dark .bubbles-3:after {
        right:auto;
        bottom: 192px;
        left: -130px;
        -webkit-transform: none;
        transform: none
    }
}

.section-you-order-steps {
    position: unset
}

.section-you-order-steps.section--medium-bottom-padding {
    padding: 2.5rem 0
}

@media (min-width: 1024px) {
    .section-you-order-steps.section--medium-bottom-padding {
        padding:7.5rem 0 3.25rem
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps__content {
        max-width:941px
    }
}

.section-you-order-steps__content__title {
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .section-you-order-steps__content__title {
        margin-bottom:1.5rem
    }
}

.section-you-order-steps__content__title--bigger-margin {
    margin-bottom: 2rem
}

@media (min-width: 1024px) {
    .section-you-order-steps__content__title--bigger-margin {
        margin-bottom:4rem
    }
}

.section-you-order-steps__content__subtitle {
    margin-bottom: 1.5rem;
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 1024px) {
    .section-you-order-steps__content__subtitle {
        margin-bottom:49px;
        font-size: 20px;
        line-height: 30px
    }
}

.section-you-order-steps .you-order-steps {
    display: grid;
    grid-row-gap: 1rem
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps {
        grid-column-gap:1.5rem;
        grid-template-columns: repeat(3,1fr)
    }
}

.section-you-order-steps .you-order-steps__card {
    height: 186px;
    width: 100%
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card {
        height:486px
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card--you-place.load-bg .you-order-steps__top {
        background-position:top -2px center;
        background-image: url(../images/home/img_you-order_girl.webp)
    }
}

@media (min-width: 1280px) {
    .section-you-order-steps .you-order-steps__card--you-place.load-bg .you-order-steps__top {
        background-size:102%
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card--we-watch.load-bg .you-order-steps__top {
        background:#0d2436 url(../images/home/img_you-order_we-watch.webp) top 120px center/contain no-repeat
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card--you-get.load-bg .you-order-steps__top {
        background:#05ada3 url(../images/home/img_you-order_you-get.webp) 100% 100%/contain no-repeat
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card__inner {
        border:none
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card__inner:hover {
        -webkit-box-shadow:0 15px 40px rgba(21,37,72,.08);
        box-shadow: 0 15px 40px rgba(21,37,72,.08)
    }
}

.section-you-order-steps .you-order-steps__card__front {
    padding: 1rem;
    background-color: #f2f6f9;
    border: 1px solid #e7ebef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card__front {
        padding:0
    }
}

.section-you-order-steps .you-order-steps__card__back {
    background-color: #fff;
    padding: 1rem;
    border-radius: 8px;
    height: 100%
}

@media (max-width: 1024px) {
    .section-you-order-steps .you-order-steps__card__back {
        height:auto;
        min-height: 378px
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card__back {
        padding:2.5rem 30px;
        background-color: #f2f6f9
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__card__back__content {
        grid-row:1
    }
}

.section-you-order-steps .you-order-steps__card__back__content a {
    color: #394a58;
    text-decoration: underline
}

.section-you-order-steps .you-order-steps__card__back__content a:hover {
    color: #02c3ac
}

.section-you-order-steps .you-order-steps__card__back p {
    margin-bottom: 2rem;
    font-size: 16px;
    line-height: 24px;
    color: #394a58
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__top {
        border-radius:8px;
        height: 247px;
        width: 100%;
        margin-bottom: 32px;
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat
    }
}

.section-you-order-steps .you-order-steps__step {
    margin: 0 auto 1.5rem 0;
    color: #fff;
    border-radius: 100px;
    background-color: #05ada3;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    padding: 1px 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__step {
        color:#0d2436;
        margin: 2rem auto 0 30px;
        background-color: #fff
    }
}

.section-you-order-steps .you-order-steps__title {
    color: #0d2436;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: auto
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps__title {
        font-size:24px;
        line-height: 34px;
        margin: 0 30px auto
    }
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps .flip-card__btn--more {
        margin:0 30px 2.5rem
    }
}

.section-you-order-steps .you-order-steps .flip-card__btn--close {
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .section-you-order-steps .you-order-steps .flip-card__btn--close {
        margin-bottom:0;
        margin-top: auto;
        grid-row: 2
    }
}

.section-you-order-steps__cta {
    background: #f2f6f9;
    border: 1px solid #e7ebef;
    border-radius: 8px;
    padding: 82px 16px 16px;
    margin-top: 40px;
    position: relative
}

@media (min-width: 1024px) {
    .section-you-order-steps__cta {
        padding:34px 0 34px 40px;
        margin-top: 72px
    }
}

.section-you-order-steps__cta.load-bg:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 16px;
    width: 108px;
    height: 50px;
    background: url(../images/home/img_diamond-and-glasses-emoji.webp) 50%/contain no-repeat
}

@media (min-width: 1024px) {
    .section-you-order-steps__cta.load-bg:before {
        left:80%;
        top: 23px;
        width: 204px;
        height: 94px
    }
}

.section-you-order-steps__cta p {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.625rem;
    color: #0d2436;
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .section-you-order-steps__cta p {
        font-size:24px;
        line-height: 2.125rem;
        max-width: 45rem
    }
}

.section-you-order-steps__cta a {
    text-decoration: underline
}

.section-you-order-steps__cta a:hover {
    color: #02c3ac
}

.section-calculator__top-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-calculator .container {
    position: relative
}

.section-calculator .container .section-calculator__flexible-pricing-tag {
    position: relative;
    bottom: 0;
    left: 0;
    display: none;
    max-width: 357px;
    padding: 14px;
    border: 1px solid #dee4f2;
    border-radius: 8px
}

@media (min-width: 1024px) {
    .section-calculator .container .section-calculator__flexible-pricing-tag {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        top: 0;
        left: auto;
        right: 0;
        margin-bottom: auto;
        margin-left: 1rem
    }
}

.section-calculator .container .section-calculator__flexible-pricing-tag:before {
    content: url(../images/ico_check-mark.svg);
    display: inline-block;
    margin-right: 14px
}

@media (min-width: 1024px) {
    .section-calculator .container .section-calculator__flexible-pricing-tag:before {
        margin-right:14px
    }
}

.section-calculator .container .section-calculator__flexible-pricing-tag--mb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem
}

@media (min-width: 768px) {
    .section-calculator .container .section-calculator__flexible-pricing-tag--mb {
        margin-top:-1.2rem
    }
}

@media (min-width: 1024px) {
    .section-calculator .container .section-calculator__flexible-pricing-tag--mb {
        display:none
    }
}

.section-calculator .container .section-calculator__flexible-pricing-tag p {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    color: #394a58
}

@media (min-width: 768px) {
    .section-calculator .section__description {
        max-width:677px
    }
}

.section-calculator .section__description span {
    color: rgba(13,36,54,.4)
}

@media (min-width: 768px) {
    .section-calculator .Tabs {
        max-width:560px;
        margin: 0 auto
    }
}

@media (min-width: 1024px) {
    .section-calculator .Tabs {
        margin:0 0 0 1rem;
        max-width: 270px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width: 1280px) {
    .section-calculator .Tabs {
        margin-left:1.5rem;
        margin-top: 2.5rem
    }
}

@media (min-width: 1280px) {
    .section-calculator .Tabs__nav__item {
        padding-bottom:.5rem
    }
}

.section-calculator .Tabs__content__item {
    padding: .5rem 0 0 1rem
}

.section-calculator .calculator-wrapper {
    min-height: 870px
}

@media (min-width: 1024px) {
    .section-calculator .calculator-wrapper {
        min-height:auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 3.125rem 0 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.section-calculator--with-format-tab-only .calculator-wrapper {
    min-height: 702px
}

@media (min-width: 1024px) {
    .section-calculator--with-format-tab-only .calculator-wrapper {
        min-height:auto
    }
}

@media (min-width: 1280px) {
    .section-calculator.section-calculator--cta .Tabs {
        margin-top:-1.5rem
    }
}

.section-calculator.section-calculator--cta .cta-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem
}

@media (min-width: 480px) {
    .section-calculator.section-calculator--cta .cta-block {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 500px
    }
}

@media (min-width: 1024px) {
    .section-calculator.section-calculator--cta .cta-block {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%
    }
}

.section-calculator.section-calculator--cta .cta-block .btn {
    margin-top: .5rem
}

@media (min-width: 480px) {
    .section-calculator.section-calculator--cta .cta-block .btn {
        margin-top:0
    }
}

@media (min-width: 1024px) {
    .section-calculator.section-calculator--cta .cta-block .btn {
        margin-top:.5rem
    }
}

@media (min-width: 1280px) {
    .section-calculator.section-calculator--cta .cta-block {
        margin-left:1.5rem
    }
}

.section-calculator-dark .section__description,.section-calculator-dark .section__heading {
    color: #fff
}

@media (min-width: 1024px) {
    .section-calculator-dark .section__heading {
        margin-bottom:24px;
        max-width: 100%
    }
}

.section-calculator-dark .section__description {
    margin-top: 0
}

@media (min-width: 1024px) {
    .section-calculator-dark .section__description {
        max-width:702px
    }
}

.section-calculator-dark .section__description span {
    color: rgba(242,246,249,.4)
}

.section-calculator-dark .Tabs {
    color: #b7c6cd
}

.section-calculator-dark .Tabs strong {
    color: #fff
}

.section-calculator-dark .Tabs__nav__item {
    color: hsla(0,0%,100%,.4)
}

.section-calculator-dark .Tabs__nav__item.is-active,.section-calculator-dark .Tabs__nav__item:hover {
    color: #fff
}

.section-calculator-dark .calculator-cards {
    margin-top: 2rem;
    display: grid;
    grid-row-gap: 1rem
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards {
        grid-template-columns:repeat(3,1fr);
        margin-top: 3rem;
        grid-column-gap: 1.5rem
    }
}

.section-calculator-dark .calculator-cards__item {
    width: 100%;
    height: 186px
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__item {
        height:250px
    }
}

.section-calculator-dark .calculator-cards__item.load-bg .calculator-cards__title:before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 8px
}

.section-calculator-dark .calculator-cards__item--no-plagiarism.load-bg .calculator-cards__title:before {
    background-image: url(../images/home/ico_paper.svg)
}

.section-calculator-dark .calculator-cards__item--money.load-bg .calculator-cards__title:before {
    background-image: url(../images/home/ico_shield.svg)
}

.section-calculator-dark .calculator-cards__item--privacy.load-bg .calculator-cards__title:before {
    background-image: url(../images/home/ico_password.svg)
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__item__inner:hover {
        -webkit-box-shadow:4px 4px 40px #071621;
        box-shadow: 4px 4px 40px #071621
    }
}

.section-calculator-dark .calculator-cards__item__front {
    background-color: #162f41;
    border: 1px solid #213d52;
    padding: 1rem;
    border-radius: 6px;
    display: grid
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__item__front {
        padding:2.5rem 2rem;
        height: 250px
    }
}

.section-calculator-dark .calculator-cards__item__back {
    background-color: #fff;
    padding: 1rem;
    border-radius: 6px
}

@media (max-width: 1024px) {
    .section-calculator-dark .calculator-cards__item__back {
        min-height:304px;
        height: auto
    }
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__item__back {
        padding:2.5rem 2rem
    }
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__item__back__content {
        grid-row:1
    }
}

.section-calculator-dark .calculator-cards__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__title {
        line-height:28px
    }
}

.section-calculator-dark .calculator-cards__subtitle {
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards__subtitle {
        line-height:26px
    }
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards .flip-card__btn {
        margin-top:auto
    }
}

.section-calculator-dark .calculator-cards .flip-card__btn:active .flip-card__btn__circle--more,.section-calculator-dark .calculator-cards .flip-card__btn:focus .flip-card__btn__circle--more,.section-calculator-dark .calculator-cards .flip-card__btn:hover .flip-card__btn__circle--more {
    border-color: #0d2436
}

.section-calculator-dark .calculator-cards .flip-card__btn--more {
    -webkit-transition: background-color .2s ease-in-out,border-color .2s ease-in-out;
    transition: background-color .2s ease-in-out,border-color .2s ease-in-out
}

.section-calculator-dark .calculator-cards .flip-card__btn--more span {
    color: #fff
}

@media (max-width: 1024px) {
    .section-calculator-dark .calculator-cards .flip-card__btn--close {
        margin-bottom:1.5rem
    }
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards .flip-card__btn--close {
        grid-row:2
    }
}

.section-calculator-dark .calculator-cards .flip-card__btn--close span {
    color: #0d2436
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards .flip-card__btn--close span {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 1rem
    }
}

.section-calculator-dark .calculator-cards .flip-card__btn__circle--more {
    border: 2px solid #fff
}

.section-calculator-dark .calculator-cards .flip-card__btn__circle--more:before {
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

@media (min-width: 1024px) {
    .section-calculator-dark .calculator-cards .flip-card__btn__circle--close {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1
    }
}

.section-in-good-hands {
    padding-top: 128px
}

@media (min-width: 1024px) {
    .section-in-good-hands {
        padding-top:162px
    }
}

@media (min-width: 1024px) {
    .section-in-good-hands__subtitle,.section-in-good-hands__title {
        max-width:841px
    }
}

.section-in-good-hands__title {
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .section-in-good-hands__title {
        margin-bottom:1.5rem
    }
}

.section-in-good-hands__subtitle {
    margin-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .section-in-good-hands__subtitle {
        margin-bottom:3rem;
        font-size: 20px
    }
}

.section-in-good-hands__list {
    display: grid;
    grid-row-gap: 1.5rem;
    margin-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .section-in-good-hands__list {
        grid-column-gap:55px;
        grid-template-columns: repeat(3,1fr);
        margin-bottom: 3rem
    }
}

.section-in-good-hands__list__title {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .section-in-good-hands__list__title {
        margin-bottom:1rem;
        line-height: 1.5
    }
}

.section-in-good-hands__list__title:before {
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 1rem
}

@media (min-width: 1024px) {
    .section-in-good-hands__list__title:before {
        width:30px;
        height: 30px
    }
}

.section-in-good-hands__list__title--wow.load-bg:before {
    background-image: url(../images/home/ico_activity.svg)
}

.section-in-good-hands__list__title--writers.load-bg:before {
    background-image: url(../images/home/ico_edit.svg)
}

.section-in-good-hands__list__title--team.load-bg:before {
    background-image: url(../images/home/ico_star.svg)
}

.section-in-good-hands__list__text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #394a58
}

@media (min-width: 1024px) {
    .section-in-good-hands__list__text {
        line-height:1.6
    }
}

.section-in-good-hands__footer {
    margin-bottom: 0;
    padding: 1rem .5rem 1rem 46px;
    background-color: #f2f6f9;
    border: 1px solid #e7ebef;
    border-radius: 8px;
    color: #0d2436;
    font-size: 16px;
    line-height: 1.5;
    position: relative
}

@media (min-width: 1024px) {
    .section-in-good-hands__footer {
        padding:24px 40px 24px 88px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.section-in-good-hands__footer:before {
    content: "";
    position: absolute;
    background: url(../images/home/img_gem.svg) 50%/contain no-repeat;
    width: 26px;
    height: 30px;
    margin-right: 12px;
    top: 1rem;
    left: .5rem
}

@media (min-width: 1024px) {
    .section-in-good-hands__footer:before {
        top:16px;
        left: 40px;
        width: 32px;
        height: 37px
    }
}

.section-writerz__head {
    display: grid;
    margin-bottom: 24px
}

@media (min-width: 1024px) {
    .section-writerz__head {
        grid-template-columns:1fr auto;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        margin-bottom: 40px
    }
}

.section-writerz__heading {
    color: #fff;
    width: 100%;
    text-align: center;
    max-width: 664px;
    margin: 0 auto 40px
}

.section-writerz .writer {
    padding: 24px 16px;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .section-writerz .writer {
        padding:24px
    }
}

.section-writerz .writer__head {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-gap: 16px;
    gap: 16px
}

.section-writerz .writer__photo {
    border-radius: 50%
}

.section-writerz .writer__info__papers-count,.section-writerz .writer__info__papers-count strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #394a58
}

.section-writerz .writer__info__rating {
    margin-bottom: 10px;
    color: #757575;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.section-writerz .writer__info__rating img {
    margin-right: 4px
}

.section-writerz .writer__info__rating small {
    display: inline-block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 400
}

.section-writerz .writer__info__name {
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 3px;
    line-height: 1.3;
    color: #0d2436
}

.section-writerz .writer__disciplines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0
}

.section-writerz .writer__disciplines__item {
    padding: 6px 14px;
    color: #394a58;
    font-weight: 500;
    font-size: 14px;
    background-color: #f2f6f9;
    border-radius: 30px;
    margin: 0 8px 8px 0
}

.section-writerz .writer__footer {
    margin-top: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    gap: 8px
}

.section-writerz .writer__profile-button {
    border: none;
    outline: none;
    padding: 0;
    box-shadow: unset;
    background-color: unset;
    font-weight: 700;
    cursor: pointer;
    color: #0d2436;
    border-radius: 30px;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

.section-writerz .writer__profile-button:active,.section-writerz .writer__profile-button:focus,.section-writerz .writer__profile-button:hover {
    color: #fff;
    background-color: #05ada3;
    -webkit-box-shadow: 0 15px 40px rgba(21,37,72,.08);
    box-shadow: 0 15px 40px rgba(21,37,72,.08)
}

.section-writerz .writer__hire-button {
    text-align: center;
    padding: 10px 20px
}

.section-writerz .statistics {
    display: grid;
    border-radius: 8px;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 970px;
    margin: 24px auto 0;
    background-color: #fff
}

@media (min-width: 1024px) {
    .section-writerz .statistics {
        grid-gap:24px;
        gap: 24px;
        background-color: unset;
        grid-template-columns: repeat(4,1fr)
    }
}

.section-writerz .statistics__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    position: relative;
    background-color: #fff
}

@media (min-width: 1024px) {
    .section-writerz .statistics__item {
        background-color:#162f41;
        padding: 40px;
        text-align: center;
        border: 1px solid #213d52;
        border-radius: 8px
    }
}

.section-writerz .statistics__item__value {
    color: #0d2436;
    display: block;
    margin-bottom: 4px;
    font-size: 24px
}

@media (min-width: 1024px) {
    .section-writerz .statistics__item__value {
        margin-bottom:8px;
        color: #fff;
        font-size: 32px
    }
}

.section-writerz .statistics__item__text {
    margin-bottom: 0;
    color: #0d2436;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.2
}

@media (min-width: 1024px) {
    .section-writerz .statistics__item__text {
        font-size:16px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff
    }
}

.section-writerz .statistics__item__text--indicator {
    color: #05ada3
}

.section-writerz .statistics__item .Loader {
    background-color: #162f41
}

.section-writerz .online-indicator {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #05ada3;
    border-radius: 50%;
    position: relative;
    margin-left: 4px
}

@media (min-width: 1024px) {
    .section-writerz .online-indicator {
        margin-left:5px;
        width: 10px;
        height: 10px
    }
}

.section-writerz .blink {
    display: block;
    width: 5px;
    height: 5px;
    background-color: #05ada3;
    opacity: .7;
    border-radius: 50%;
    -webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite
}

@media (min-width: 1024px) {
    .section-writerz .blink {
        width:10px;
        height: 10px
    }
}

.section-writerz .splide__track,.section-writerz .writers {
    max-width: 980px;
    margin: 0 auto
}

.section-writerz .splide__arrow {
    background: url(../images/ico_slider-arrow-light.svg) no-repeat;
    background-size: cover
}

@media (min-width: 1024px) {
    .section-writerz .splide__arrow--prev {
        left:-50px
    }
}

@media (min-width: 1024px) {
    .section-writerz .splide__arrow--next {
        right:-50px
    }
}

@-webkit-keyframes blink {
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes blink {
    to {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.section-true-story {
    padding-top: 0
}

@media (min-width: 1024px) {
    .section-true-story {
        padding-bottom:108px
    }
}

.section-true-story__inner {
    background-color: #0d2436;
    display: grid;
    padding: 1.5rem 1rem;
    border-radius: 8px
}

@media (min-width: 1024px) {
    .section-true-story__inner {
        grid-template-columns:1fr auto;
        grid-column-gap: 67px;
        padding: 2rem
    }
}

.section-true-story__emojis {
    margin-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .section-true-story__emojis {
        width:204px;
        height: 94px;
        grid-column: 2;
        grid-row: 1/5
    }
}

.section-true-story__title {
    margin-bottom: .5rem;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3
}

@media (min-width: 1024px) {
    .section-true-story__title {
        margin-bottom:1.5rem;
        font-size: 24px;
        line-height: 1.4
    }
}

.section-true-story__text {
    margin-bottom: .5rem;
    color: #b7c6cd;
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .section-true-story__text {
        margin-bottom:1.5rem;
        font-size: 20px;
        line-height: 1.7
    }
}

.section-true-story__details {
    margin-bottom: 1.5rem;
    color: rgba(183,198,205,.5);
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .section-true-story__details {
        margin-bottom:2rem;
        line-height: 1.7
    }
}

.section-true-story__cta {
    padding: 1rem 10px 12px;
    background: #172f41;
    border: 1px solid #213d52;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .section-true-story__cta {
        padding:1rem 2rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.section-true-story__cta p {
    margin-bottom: 1rem;
    color: #fff;
    position: relative;
    padding-left: 30px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .section-true-story__cta p {
        margin-bottom:0;
        padding-left: 2.5rem;
        font-size: 18px
    }
}

.section-true-story__cta p:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    background: url(../images/ico_star-yellow.svg) 50%/contain no-repeat;
    top: 2px;
    left: 0
}

@media (min-width: 1024px) {
    .section-true-story__cta p:before {
        width:28px;
        height: 28px
    }
}

.section-true-story__cta .btn {
    min-width: 212px;
    text-align: center
}

@media (min-width: 1024px) {
    .section-true-story__cta .btn {
        margin-left:1rem
    }
}

.section-media__heading {
    max-width: 80%
}

@media (min-width: 768px) {
    .section-media__heading {
        max-width:100%
    }
}

.section-media__logos {
    opacity: .6;
    margin-top: 26px;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.section-media__logos img {
    max-width: 142px
}

.section-media__logos .herald-logo {
    max-width: 122px
}

.section-media__logos .smashing-logo {
    max-width: 130px
}

.section-media__logos .laweeky-logo {
    max-width: 117px
}

.section-media__logos .khaleej-logo,.section-media__logos .leader-logo {
    opacity: .7
}

@media (min-width: 768px) {
    .section-media__logos {
        margin-top:52px;
        grid-gap: 40px;
        grid-template-columns: repeat(5,1fr)
    }

    .section-media__logos .herald-logo,.section-media__logos .laweeky-logo,.section-media__logos .smashing-logo,.section-media__logos img {
        max-width: 100%
    }
}


@media (min-width: 1024px) {
    .section-special-features__inner {
        display:grid;
        grid-template-columns: 1fr 287px;
        grid-column-gap: 132px
    }
}

@media (min-width: 1024px) {
    .section-special-features__content {
        max-width:50rem
    }
}

.section-special-features__content__list {
    display: grid;
    grid-row-gap: 1.5rem;
    margin-bottom: 2rem
}

@media (min-width: 1024px) {
    .section-special-features__content__list {
        grid-template-columns:1fr 1fr;
        grid-row-gap: 2rem;
        grid-column-gap: 3.5rem;
        margin-bottom: 4.5rem
    }
}

.section-special-features__content__list li {
    color: rgba(242,246,249,.8);
    position: relative;
    padding: 0;
    margin: 0;
    background: none
}

.section-special-features__content__list li:before {
    content: "";
    background: url(../images/home/icon_check--in-circle.svg) 50%/contain no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width: 1024px) {
    .section-special-features__content__list li:before {
        width:24px;
        height: 24px
    }
}

.section-special-features__content__list li strong {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 8px;
    padding-left: 28px;
    color: #fff
}

@media (min-width: 1024px) {
    .section-special-features__content__list li strong {
        padding-left:2.5rem
    }
}

.section-special-features__content__list li p {
    margin-bottom: 0;
    color: rgba(242,246,249,.8)
}

@media (min-width: 1024px) {
    .section-special-features__content__list li p {
        padding-left:2.5rem
    }
}

.section-special-features__content__list li a {
    color: #fff;
    text-decoration: underline
}

.section-special-features__content__trust {
    color: #ffd166;
    font-size: 18px;
    line-height: 1.6;
    margin-left: 2rem;
    position: relative
}

@media (min-width: 1024px) {
    .section-special-features__content__trust {
        margin-left:2.5rem
    }
}

.section-special-features__content__trust:before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/ico_star-3.svg) 50%/contain no-repeat
}

@media (min-width: 1024px) {
    .section-special-features__content__trust:before {
        left:-2.5rem
    }
}

.section-special-features__content__trust strong {
    font-weight: 700
}

.section-special-features .section__heading {
    color: #fff;
    margin-bottom: 1.5rem
}

@media (min-width: 1024px) {
    .section-special-features .section__heading {
        margin-bottom:3rem
    }
}

.section-special-features__circles p {
    width: 250px;
    height: 250px;
    border: 2px solid #05ada3;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    text-align: center
}

@media (min-width: 1024px) {
    .section-special-features__circles p {
        padding:41px;
        width: 287px;
        height: 287px
    }
}

.section-special-features__circles__first {
    z-index: 0
}

.section-special-features__circles__second {
    z-index: 2;
    margin-top: -5rem
}

@media (min-width: 1024px) {
    .section-special-features__circles__second {
        margin-top:-6rem
    }
}

.section-special-features__circles__first,.section-special-features__circles__second {
    position: relative
}

.section-special-features__circles__first:after,.section-special-features__circles__second:after {
    content: url(../images/home/ico_arrow-yellow.svg);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 12px
}

@media (min-width: 1024px) {
    .section-special-features__circles__first:after,.section-special-features__circles__second:after {
        bottom:20px
    }
}

.section-special-features__circles__third {
    background-color: #0c3241;
    z-index: 1;
    margin-top: -5rem
}

@media (min-width: 1024px) {
    .section-special-features__circles__third {
        margin-top:-6rem
    }
}

.section-special-features__cta {
    position: relative;
    margin-top: 2rem;
    padding: 1.5rem;
    background: #05ada3;
    -webkit-box-shadow: 4px 4px 40px #071621;
    box-shadow: 4px 4px 40px #071621;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .section-special-features__cta {
        margin-top:120px;
        padding: 2.5rem
    }
}

.section-special-features__cta p {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    margin-top: 104px;
    margin-bottom: .5rem
}

@media (min-width: 1024px) {
    .section-special-features__cta p {
        margin-top:0;
        margin-bottom: 1rem;
        font-size: 26px;
        line-height: 38px
    }
}

.section-special-features__cta img {
    position: absolute;
    top: 6px;
    left: -6px;
    width: 254px;
    height: auto
}

@media (min-width: 1024px) {
    .section-special-features__cta img {
        top:auto;
        left: auto;
        bottom: 0;
        right: 0;
        width: 300px;
        height: auto;
        margin-bottom: 0
    }
}

.section-special-features-cta {
    position: relative;
    padding: 1.5rem;
    background: #05ada3;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .section-special-features-cta {
        margin-top:120px;
        padding: 2.5rem;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.section-special-features-cta--no-top-margin {
    margin-top: 0
}

.section-special-features-cta p {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    margin-top: 104px;
    margin-bottom: .5rem
}

@media (min-width: 1024px) {
    .section-special-features-cta p {
        margin-top:0;
        margin-bottom: 1rem;
        font-size: 26px;
        line-height: 38px;
        max-width: 665px
    }
}

.section-special-features-cta img {
    position: absolute;
    top: 6px;
    left: -6px;
    width: 254px;
    height: auto
}

@media (min-width: 1024px) {
    .section-special-features-cta img {
        top:17%;
        left: auto;
        bottom: auto;
        right: 0;
        width: 300px;
        height: auto;
        margin-bottom: 0
    }
}

.section-solution {
    overflow: unset;
    padding-bottom: 152px
}

@media (min-width: 1024px) {
    .section-solution {
        padding-bottom:171px
    }
}

.section-solution__desc {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.section-solution__info strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-solution__info strong img {
    margin-right: 14px
}

.section-testimonials-home {
    padding-top: 128px
}

@media (min-width: 1024px) {
    .section-testimonials-home {
        padding-top:171px
    }
}


.cta-with-emoji {
    padding: 24px 34px 64px 24px
}

@media (min-width: 1024px) {
    .cta-with-emoji {
        padding:37px 104px 37px 15rem
    }
}

.cta-with-emoji--with-girl {
    padding-bottom: 24px
}

@media (min-width: 1024px) {
    .cta-with-emoji {
        padding-bottom:37px
    }
}

.cta-with-emoji p {
    margin-bottom: 0
}



.Modal {
    width: 94%;
    background-color: #f2f6f9;
    border-radius: 16px;
    z-index: 31;
    position: relative;
    padding: 16px;
    -webkit-animation: hideModal;
    animation: hideModal;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

@media (min-width: 1024px) {
    .Modal {
        padding:40px;
        width: 100%;
        max-width: 700px
    }
}

.Modal.show {
    -webkit-animation: showModal;
    animation: showModal;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.Modal__close {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: transparent;
    z-index: 32;
    top: 14px;
    right: 14px;
    cursor: pointer;
    outline: none;
    border: none
}

@media (min-width: 1024px) {
    .Modal__close {
        top:24px;
        right: 24px
    }
}

.Modal__close:after,.Modal__close:before {
    content: "";
    width: 12px;
    height: 2px;
    display: inline-block;
    background-color: #424242;
    position: absolute;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    top: calc(50% - 1px);
    left: calc(50% - 6px)
}

.Modal__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Modal__close:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.Modal__close:hover:after,.Modal__close:hover:before {
    background-color: rgba(66,66,66,.75)
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(66,66,66,.86);
    z-index: 30;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@-webkit-keyframes showModal {
    0% {
        -webkit-transform: translateY(2000vh);
        transform: translateY(2000vh)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes showModal {
    0% {
        -webkit-transform: translateY(2000vh);
        transform: translateY(2000vh)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes hideModal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(2000vh);
        transform: translateY(2000vh)
    }
}

@keyframes hideModal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(2000vh);
        transform: translateY(2000vh)
    }
}

.profile__head {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-gap: 16px;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .profile__head {
        grid-template-columns:100px 1fr auto
    }
}

.profile__head .btn {
    display: none
}

@media (min-width: 1024px) {
    .profile__head .btn {
        display:block
    }
}

.profile__photo {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

@media (min-width: 1024px) {
    .profile__photo {
        width:100px;
        height: 100px
    }
}

.profile__name {
    display: block;
    margin-bottom: 6px;
    color: #0d2436;
    font-size: 24px;
    line-height: 1
}

@media (min-width: 1024px) {
    .profile__name {
        margin-bottom:12px;
        font-size: 32px
    }
}

.profile__position {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #394a58;
    width: 100%;
    max-width: 300px
}

@media (min-width: 1024px) {
    .profile__position {
        font-size:16px
    }
}

.profile__position:before {
    content: url(../images/redesign/icons/ico_certificate.svg);
    display: inline-block;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    margin-top: 4px
}

.profile__stat {
    display: inline-grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: auto 12px auto 12px auto
}

@media (min-width: 1024px) {
    .profile__stat {
        grid-gap:32px;
        gap: 32px
    }
}

.profile__stat__divider {
    display: inline-block;
    height: 28px;
    width: 1px;
    background-color: #c2c2c2;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    margin-left: 7px
}

.profile__stat__item {
    font-size: 13px;
    color: rgba(13,36,54,.6)
}

.profile__stat__item strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #0d2436;
    margin-bottom: 4px;
    line-height: 1
}

.profile__disciplines {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.profile__disciplines li {
    background: #fff;
    padding: 6px 12px;
    margin: 0 8px 8px 0;
    border-radius: 30px;
    font-size: 14px;
    color: #394a58;
    line-height: 1;
    font-weight: 500
}

@media (min-width: 1024px) {
    .profile__disciplines li {
        padding:6px 16px
    }
}

.profile__reviews__title {
    font-size: 16px;
    font-weight: 700
}

@media (min-width: 1024px) {
    .profile__reviews__title {
        font-size:20px;
        max-width: 50%
    }
}

.profile__reviews__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

@media (min-width: 1024px) {
    .profile__reviews__head {
        margin-bottom:18px
    }
}

.profile .row {
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .profile .row {
        margin-bottom:32px
    }
}

.profile .star {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/redesign/icons/ico_star-dark.svg) 50%/contain no-repeat
}

@media (min-width: 1024px) {
    .profile .splide__track {
        margin-right:-40px
    }
}

.profile .splide__pagination {
    margin-top: 16px;
    margin-bottom: 20px
}

.profile .splide__arrow {
    display: none;
    width: 48px;
    height: 48px;
    background-color: #0d2436;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: static;
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.profile .splide__arrow:hover {
    cursor: pointer
}

@media (min-width: 1024px) {
    .profile .splide__arrow {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.profile .splide__arrow--prev img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.profile .btn--full-width {
    width: 100%;
    text-align: center
}

@media (min-width: 1024px) {
    .profile .btn--full-width {
        display:none
    }
}

.profile .testimonials {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.profile .testimonials--with-sitejabber {
    padding: 0
}

@media (min-width: 1024px) {
    .profile .testimonials--with-sitejabber {
        margin:0;
        padding: 0;
        overflow: hidden
    }
}

@media (min-width: 1024px) {
    .profile .testimonials--with-sitejabber .splide__track:after {
        content:"";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100px;
        display: inline-block;
        background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#f9f9f9));
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#f9f9f9)
    }
}

.profile .testimonials-slider {
    max-width: 100%
}

.profile .testimonials .Loader {
    left: 0
}

.profile .testimonials__item {
    width: 100%;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border-radius: 16px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .profile .testimonials__item {
        padding:32px 24px
    }
}

.profile .testimonials__item__top {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    border-bottom: 1px solid #ededed;
    display: none
}

@media (min-width: 1024px) {
    .profile .testimonials__item__top {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.profile .testimonials__item__id {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 8px
}

@media (min-width: 1024px) {
    .profile .testimonials__item__id {
        margin-bottom:0;
        min-width: 280px
    }
}

.profile .testimonials__item__rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile .testimonials__item__rate span {
    font-size: 16px;
    font-weight: 500;
    color: #394a58;
    margin-right: 8px
}

.profile .testimonials__item__body {
    font-size: 14px;
    line-height: 1.3;
    color: #394a58;
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .profile .testimonials__item__body {
        font-size:16px
    }
}

.profile .testimonials__item .read-more .more {
    color: #05ada3;
    cursor: pointer
}

.profile .testimonials__item .read-more .more:focus,.profile .testimonials__item .read-more .more:hover {
    color: #02c4ac
}

.profile .testimonials__item__discipline {
    max-width: 60%
}

.profile .testimonials__item__footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    line-height: 1.3;
    padding-top: 0;
    margin-top: auto;
    color: #394a58
}

.profile .testimonials__item__footer:before {
    display: none
}
