
html,
    body{
    width:100%;
    overflow-x:hidden;
    }



html:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(16, 8, 3, 0);
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    z-index: 2
}

@media (min-width:768px) {
    html:before {
        display: block
    }
}

@media (min-width:1024px) {
    html:before {
        display: none
    }
}

html.Overflow {
    overflow: hidden
}

html.Overflow:before {
    width: 100%;
    height: 100vh;
    background-color: rgba(16, 8, 3, .08)
}

@media (min-width:1024px) {
    html.Overflow {
        overflow: visible
    }
}

html {
    scroll-behavior: smooth;
}

.Header {
    position: sticky;
    top: 0;
    z-index: 999999;
    padding: 0 24px;
    background-color: #2d2d2c;
    -webkit-transition: background-color .4s;
    transition: background-color .4s
}

.Header,
.Header.Header--scrolled {
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08)
}

.Header.Header--scrolled {
    background-color: #fff
}

@media (min-width:1024px) {
    .Header.Header--scrolled .container {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.Header.Header--scrolled .Header__menu {
    top: 74px;
    height: calc(100vh - 74px)
}

@media (min-width:1024px) {
    .Header.Header--scrolled .Header__menu {
        top: auto;
        height: auto
    }
}

.Header.Header--scrolled .Header__menu-list>li a {
    color: #100803
}

.Header.Header--scrolled .Header__menu-list>li a.active {
    color: rgba(16, 8, 3, .4) !important
}

.Header.Header--scrolled .Header__logo {
    display: inline-block
}

.Header.Header--scrolled .Header__burger span {
    background-color: #100803
}

.Header.Header--scrolled .Header__logo--white-text {
    display: none
}

.Header.Header--scrolled .Header__user-box .btn--manage-order {
    border: 1px solid #dedede
}

@media (min-width:1024px) {
    .Header.Header--scrolled .Header__user-box .btn--manage-order {
        color: #100803;
        border: none
    }
}

.Header.Header--scrolled .UserBlockWhois:after {
    -webkit-filter: none;
    filter: none
}

.Header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 15px;
}

@media (min-width:1024px) {
    .Header .container {
        -webkit-box-shadow: 0 -1px 0 0 #535353 inset;
        box-shadow: inset 0 -1px 0 0 #535353;
        -webkit-transition: -webkit-box-shadow .3s ease;
        transition: -webkit-box-shadow .3s ease;
        transition: box-shadow .3s ease;
        transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
    }
}

.Header__logo,
.Header__logo--white-text {
    position: relative;
    max-width: 203px;
    z-index: 2;
}

@media (min-width:1024px) {

    .Header__logo,
    .Header__logo--white-text {
        max-width: 234px
    }
}

.Header__logo--white-text-link,
.Header__logo--white-text-link svg,
.Header__logo-link,
.Header__logo-link svg {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto
}

.Header__logo--white-text {
    display: inline-block
}

.Header__burger {
    position: relative;
    width: 24px;
    height: 19px;
    background: none;
    border: 0;
    cursor: pointer;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    z-index: 2
}

@media (min-width:1024px) {
    .Header__burger {
        display: none
    }
}

.Header__burger span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: background-color .5s ease, -webkit-transform .5s ease;
    transition: background-color .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, background-color .5s ease;
    transition: transform .5s ease, background-color .5s ease, -webkit-transform .5s ease;
    will-change: transform
}

.Header__burger span:first-child {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.Header__burger span:nth-of-type(2) {
    -webkit-transition: opacity .5s ease, background-color .5s ease;
    transition: opacity .5s ease, background-color .5s ease
}

.Header__burger span:last-child {
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.Header__burger--active span {
    background-color: #ffb806 
}

.Header__burger--active span:first-child {
    -webkit-transform: rotate(45deg) translateY(4px);
    transform: rotate(45deg) translateY(4px)
}

.Header__burger--active span:nth-of-type(2) {
    opacity: 0
}

.Header__burger--active span:last-child {
    -webkit-transform: rotate(-45deg) translateY(-4px);
    transform: rotate(-45deg) translateY(-4px)
}

.Header__menu {
    visibility: hidden;
    position: fixed;
    top: 78px;
    right: -100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
    height: calc(100vh - 78px);
    padding: 8px 24px 30px;
    background-color: #fff;
    overflow-y: auto;
    -webkit-box-shadow: inset 0 20px 40px -15px rgba(16, 8, 3, .08);
    box-shadow: inset 0 20px 40px -15px rgba(16, 8, 3, .08);
    -webkit-transition: opacity .5s, visibility .5s ease, -webkit-transform .5s;
    transition: opacity .5s, visibility .5s ease, -webkit-transform .5s;
    transition: opacity .5s, visibility .5s ease, transform .5s;
    transition: opacity .5s, visibility .5s ease, transform .5s, -webkit-transform .5s;
    will-change: transform
}

@media (min-width:768px) {
    .Header__menu {
        width: 370px;
        right: -370px;
        padding: 8px 24px 30px;
        margin-left: auto
    }
}

@media (min-width:1024px) {
    .Header__menu {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        width: auto;
        height: auto;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        overflow: visible;
        -webkit-transition: margin .3s ease;
        transition: margin .3s ease
    }
}

.Header__menu-list {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

@media (min-width:1024px) {
    .Header__menu-list {
        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
    }
}

@media (min-width:1024px) {
    .Header__menu-list li a {
        color: #fff;
        -webkit-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
        text-transform: uppercase;
    }
}

.Header__menu-list li a.active {
    color: hsla(0, 0%, 100%, .4) !important
}

.Header__menu-list>li {
    position: relative;
    margin-bottom: 0
}

.Header__menu-list>li+li {
    border-top: 1px solid #acacac
}

@media (min-width:1024px) {
    .Header__menu-list>li+li {
        margin-left: 15px;
        border-top: 0
    }
}

@media (min-width:1200px) {
    .Header__menu-list>li+li {
        margin-left: 16px;
    }
}

.Header__menu-list>li.Header__menu-list-item-order {
    border-top: 0;
    padding-top: 16px
}

@media (min-width:1024px) {
    .Header__menu-list>li.Header__menu-list-item-order {
        display: none
    }
}

.Header__menu-list>li.Header__menu-list-item-order .btn--order-now {
    display: inline-block;
    padding: 12px 28px;
    width: auto;
    text-transform: uppercase;
}

.Header__menu-list a {
    display: block;
    font-size: .9rem;
    font-weight: 600;
    color: #100803;
    padding: 16px 0;
    border-bottom: .125em solid transparent;
    -webkit-box-shadow: 0 .071em 0 transparent;
    box-shadow: 0 .071em 0 transparent;
    text-decoration: none
}

.Header__menu-list a:focus,
.Header__menu-list a:hover {
    text-decoration: none;
    opacity: .4
}

@media (min-width:1024px) {
    .Header__menu-list a {
        display: inline;
        padding: 0
    }
}

.Header__user-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (min-width:1024px) {
    .Header__user-box {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: 7px;
        padding-left: 8px
    }
}

@media (min-width:1200px) {
    .Header__user-box {
        margin-left: 14px;
        padding-left: 14px
    }
}

.Header__user-box .btn--manage-order {
    white-space: nowrap;
    padding: 0 0 0 36px;
    margin-right: 20px;
    width: 38px;
    height: 38px;
    -webkit-box-shadow: 0 0 1px 1px #585655;
    box-shadow: 0 0 1px 1px #585655;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (min-width:1024px) {
    .Header__user-box .btn--manage-order {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin-right: 28px;
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        overflow: visible;
        border-bottom: .125em solid transparent;
        -webkit-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
        color: #fff
    }

    .Header__user-box .btn--manage-order:focus,
    .Header__user-box .btn--manage-order:hover {
        color: hsla(0, 0%, 100%, .4)
    }
}

.Header__user-box .btn--manage-order:before {
    content: "";
    width: 17px;
    height: 17px;
    margin-right: 10px;
    background: url(../images/ico_manage-orders.html) 50% no-repeat;
    background-size: contain
}

@media (max-width:1024px) {
    .Header__user-box .btn--manage-order:before {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }
}

.Header__user-box .btn--manage-order:active,
.Header__user-box .btn--manage-order:focus,
.Header__user-box .btn--manage-order:hover {
    text-decoration: none
}

.Header__user-box .btn--order-now {
    display: none;
    padding: 12px 28px;
    text-transform: uppercase;
}

@media (min-width:1024px) {
    .Header__user-box .btn--order-now {
        display: block
    }
}

.Header__user-box a.UserBlockWhois--orders {
    display: none
}

.Header__user-box .UserBlockWhois__avatar-container {
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #acacac;
    background: none
}

.Header__user-box .UserBlockWhois__avatar-container:before {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    margin: 8px 9px 9px;
    background: url(../images/ico_manage-orders.html) 50% no-repeat;
    background-size: contain
}

.Header__user-box .UserBlockWhois {
    width: 56px;
    height: 42px;
    margin-right: 20px
}

@media (min-width:1024px) {
    .Header__user-box .UserBlockWhois {
        margin-right: 1vw
    }
}

@media (min-width:1980px) {
    .Header__user-box .UserBlockWhois {
        margin-right: 20px
    }
}

.Header__user-box .UserBlockWhois:after {
    border: 0;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxTDUgNSAxIDEiIHN0cm9rZT0iIzEwMDgwMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") 50% no-repeat;
    background-size: contain;
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

.Header__user-box .UserBlock__menu {
    font-size: 14px
}

.Header-nav--open {
    z-index: 21
}

.Header-nav--open .Header__menu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible
}

@media (min-width:768px) {
    .Header-nav--open .Header__menu {
        -webkit-transform: translateX(-370px);
        transform: translateX(-370px)
    }
}

@media (min-width:1024px) {
    .Header-nav--open .Header__menu {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.Footer {
    padding: 60px 24px;
    background-color: #100803;
    color: #fff;
    position: relative
}

@media (min-width:1024px) {
    .Footer {
        padding: 120px 24px
    }
}

.Footer__heading,
.Footer__menu__heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 16px
}

@media (min-width:1024px) {

    .Footer__heading,
    .Footer__menu__heading {
        font-size: 30px;
        font-weight: 500;
        line-height: 140%;
        margin-bottom: 20px
    }
}

.Footer__menu {
    width: 50%
}

@media (min-width:768px) {
    .Footer__menu {
        width: 25%
    }
}

.Footer__menu__terms {
    width: 100%;
    margin-top: 36px
}

@media (min-width:768px) {
    .Footer__menu__terms {
        width: 50%;
        margin-top: 0
    }
}

@media (min-width:768px) {
    .Footer__menu__terms .Footer__menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:768px) {
    .Footer__menu__terms .Footer__menu__list-item {
        width: 50%
    }
}

.Footer__menu__list-item {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px
}

.Footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #302e2e
}

@media (min-width:1024px) {
    .Footer__top {
        margin-bottom: 42px;
        padding-bottom: 42px
    }
}

.Footer__top a {
    color: #fff;
    border-bottom: .125em solid transparent;
    -webkit-box-shadow: 0 .071em 0 #3e3c3c;
    box-shadow: 0 .071em 0 #3e3c3c;
    -webkit-transition: color .2s ease, -webkit-box-shadow .2s ease;
    transition: color .2s ease, -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease, color .2s ease;
    transition: box-shadow .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
    text-decoration: none
}

.Footer__top a:focus,
.Footer__top a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 .071em 0 #ffb806 ;
    box-shadow: 0 .071em 0 #ffb806 ;
    color: #ffb806 
}

@media (min-width:768px) {
    .Footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    .Footer__accept-and-language {
        width: 25%
    }
}

.Footer__language {
    margin-top: 24px
}

@media (min-width:768px) {
    .Footer__language {
        margin-top: 70px
    }
}

.Footer__language ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Footer__language ul li+li {
    margin-left: 12px
}

@media (min-width:768px) {
    .Footer__info {
        width: 75%;
        padding-right: 24px
    }
}

.Footer__text {
    font-size: 14px;
    line-height: 170%;
    color: #f3f3f3;
    max-width: 800px
}

.Footer__disclaimer {
    margin-top: 36px;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .Footer__disclaimer {
        margin-top: 0;
        margin-bottom: 42px
    }
}

.Footer__contacts__company {
    font-weight: 600;
    font-size: 17px;
    line-height: 155%;
    margin-bottom: 12px
}

@media (min-width:1024px) {
    .Footer__contacts__company {
        font-size: 18px
    }
}

.Footer__contacts__address,
.Footer__contacts__copyright {
    font-size: 14px;
    line-height: 170%;
    color: #f3f3f3;
    margin: 0
}

.Footer .scroll-to-top {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    background: url(../images/ico_arrow-up-black.svg) 50%/10px 6px no-repeat, #ffb806 ;
    border-radius: 4px;
    border-width: 0;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

@media (min-width:1024px) {
    .Footer .scroll-to-top {
        width: 56px;
        height: 56px;
        right: 40px;
        top: 32px
    }
}

.Footer .scroll-to-top:focus,
.Footer .scroll-to-top:hover {
    background-color: #fff
}

a {
    color: #100803;
    text-decoration: none
}

a:focus,
a:hover {
    color: #100803;
    text-decoration: underline
}

a:active {
    color: #100803
}

.Accordion__item__body a,
.link {
    border-bottom: 1px solid #dedede;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    text-decoration: none;
    font-weight: 500
}

.Accordion__item__body a:focus,
.Accordion__item__body a:hover,
.link:focus,
.link:hover {
    text-decoration: none;
    border-bottom-color: #ffb806 
}

.link-animated {
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: #100803;
    padding: 10px 0 10px 66px;
    white-space: nowrap
}

.link-animated:before {
    width: 30px;
    height: 30px;
    top: 0;
    left: 16px;
    border: 1px solid #ffb806 ;
    border-radius: 2px;
    -webkit-box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.link-animated:after,
.link-animated:before {
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto
}

.link-animated:after {
    width: 36px;
    height: 9px;
    top: 1px;
    right: calc(100% - 34px);
    background: 100% no-repeat;
    background-size: 36px 9px;
    -webkit-transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease, -webkit-filter .3s ease
}

.link-animated:after {
    background-image: url(../images/ico_arrow-orange.svg)
}

.link-animated:focus,
.link-animated:hover {
    text-decoration: none;
    color: #100803
}

.link-animated:focus:before,
.link-animated:hover:before {
    background-color: #ffb806 
}

.link-animated:focus:after,
.link-animated:hover:after {
    right: calc(100% - 40px);
    width: 18px;
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

.Accordion {
    width: 100%;
    list-style: none
}

.Accordion__item {
    border-bottom: 1px solid #dedede;
    margin-bottom: 0;
    -webkit-transition: border-bottom-color .2s ease-in-out;
    transition: border-bottom-color .2s ease-in-out
}

.Accordion__item:hover {
    border-bottom: 1px solid #100803
}

.Accordion__item:hover.open {
    border-bottom: 1px solid #dedede
}

.Accordion__item:first-child .Accordion__item__heading {
    padding-top: 0
}

.Accordion__item:first-child .Accordion__item__heading:after,
.Accordion__item:first-child .Accordion__item__heading:before {
    top: 8px
}

.Accordion__item.open .Accordion__item__heading:after {
    opacity: 0
}

.Accordion__item .Accordion__item__heading {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .Accordion__item .Accordion__item__heading {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

.Accordion__item__heading {
    position: relative;
    padding: 16px 30px 16px 0;
    cursor: pointer
}

@media (min-width:1024px) {
    .Accordion__item__heading {
        padding: 34px 105px 34px 35px
    }
}

.Accordion__item__heading:focus:after,
.Accordion__item__heading:focus:before,
.Accordion__item__heading:hover:after,
.Accordion__item__heading:hover:before {
    background-color: #100803
}

.Accordion__item__heading:after,
.Accordion__item__heading:before {
    content: "";
    width: 13px;
    height: 3px;
    position: absolute;
    top: calc(50% - 3px);
    right: 0;
    background-color: #ffb806 ;
    -webkit-transition: background-color .3s ease, opacity .3s ease;
    transition: background-color .3s ease, opacity .3s ease;
    margin: auto
}

@media (min-width:1024px) {

    .Accordion__item__heading:after,
    .Accordion__item__heading:before {
        right: 54px
    }
}

.Accordion__item__heading:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Accordion__item__body {
    overflow: hidden;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.Accordion__item__content {
    padding: 0 30px 16px 0;
    font-size: 14px;
    line-height: 170%
}

@media (min-width:1024px) {
    .Accordion__item__content {
        padding: 0 105px 34px 45px
    }
}

@media (min-width:1024px) {
    .Accordion.list {
        list-style: none;
        counter-reset: number-counter
    }

    .Accordion.list .Accordion__item {
        position: relative;
        counter-increment: number-counter
    }

    .Accordion.list .Accordion__item:before {
        content: counter(number-counter) ".";
        position: absolute;
        top: 34px;
        left: 0;
        color: #ffbe21;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px
    }

    .Accordion.list .Accordion__item:first-child:before {
        top: 0
    }
}

.splide__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
    height: 330px;
}

.splide__slide img {
    vertical-align: bottom
}

.slider-testimonial .slick-track {
    height: 400px;
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow.focus-visible,
.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide.is-focus-in .splide__pagination__page:focus,
.splide__pagination__page.focus-visible,
.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {

    .splide__slide.focus-visible,
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {

    .splide__slide.focus-visible,
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide.is-focus-in .splide__toggle:focus,
.splide__toggle.focus-visible,
.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.splide__pagination {
    bottom: -2rem
}

.splide__pagination__page {
    background-color: #acacac;
    height: 8px;
    width: 8px;
    margin: 3px 6px
}

.splide__pagination__page.is-active {
    background-color: #100803;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.Tabs__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: -1px
}

@media (max-width:1023px) {
    .Tabs__nav {
        background-color: #fff
    }
}

.Tabs__nav__item {
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    width: 100%;
    max-width: 25%;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    padding: 12px;
    color: #acacac;
    background-color: #f1f1f1;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

@media (min-width:1024px) {
    .Tabs__nav__item {
        padding: 22px;
        font-size: 22px;
        line-height: 26px
    }
}

.Tabs__nav__item:first-of-type {
    border-top-left-radius: 4px
}

.Tabs__nav__item:last-of-type {
    border-top-right-radius: 4px
}

@media (min-width:1024px) {
    .Tabs__nav__item:last-of-type {
        margin-left: -1px
    }
}

.Tabs__nav__item:focus,
.Tabs__nav__item:hover {
    color: #100803
}

.Tabs__nav__item.is-active {
    color: #100803;
    background-color: #fff
}

.Tabs__content {
    padding: 1rem 0 0
}

.Tabs__content__item {

    width: 100%
}

.Tabs__content__item.is-active {
    display: inline-block;
    vertical-align: top
}

.testimonial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    border-radius: 4px;
    margin-bottom: 40px
}

@media (min-width:1024px) {
    .testimonial {
        margin: 0;
        min-height: 263px
    }
}

.testimonial__item {
    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;
    background: #fff;
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    border-radius: 4px;
    margin: 0 0 12px
}

@media (min-width:768px) {
    .testimonial__item {
        margin-bottom: 40px
    }
}

.testimonial__top {
    padding: 1rem 1rem 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 17px
}

@media (min-width:1024px) {
    .testimonial__top {
        padding: 36px 36px 8px
    }
}

.testimonial__top:before {
    content: "";
    top: 0;
    left: 1.5rem;
    background-color: #f3f3f3;
    background-image: url(../images/ico_quotes-orange.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 22px 14px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-right: 14px
}

.testimonial__id {
    color: rgba(16, 8, 3, .6);
    margin-bottom: 2px
}

.testimonial__date {
    color: rgba(16, 8, 3, .3);
    font-weight: 500
}

.testimonial__body {
    padding: 0 24px 44px 56px;
    font-size: 16px;
    line-height: 1.6;
    position: relative;
    padding: 0 1rem 38px;
    font-size: 18px;
    font-weight: 600;
    line-height: 160%
}

@media (min-width:1024px) {
    .testimonial__body {
        padding: 0 36px 38px;
        font-size: 16px
    }
}

.testimonial__topic {
    border-top: 1px solid #dedede;
    font-size: 14px;
    line-height: 1.7;
    margin-top: auto;
    color: #100803;
    padding: 10px 0px;
}

@media (min-width:768px) {
    .testimonial__topic {
        font-size: 12px
    }
}

@media (min-width:1024px) {
    .testimonial__topic {
        font-size: 14px;
        padding: 10px 0px;
    }
}

[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    -webkit-transition: opacity 0s linear;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    color: #100803;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    word-wrap: break-word;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

img {
    height: auto;
    vertical-align: top
}

iframe,
img {
    max-width: 100%
}

.h1,
h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 400
}

@media (min-width:1024px) {

    .h1,
    h1 {
        font-size: 74px
    }
}

.ExitPopup__heading,
.h2,
h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.4;
    font-weight: 400
}

@media (min-width:1024px) {

    .ExitPopup__heading,
    .h2,
    h2 {
        font-size: 62px
    }
}

.h3,
h3 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500
}

@media (min-width:1024px) {

    .h3,
    h3 {
        font-size: 28px;
        line-height: 40px
    }
}

.h4,
h4 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600
}

@media (min-width:1024px) {

    .h4,
    h4 {
        font-size: 18px
    }
}

[data-notify-widget] {
    display: block !important
}

.ExitPopup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    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;
    color: #100803;
    z-index: 9999
}

.ExitPopup__heading {
    color: #100803;
    font-family: 'Poppins', sans-serif;
    line-height: 1.16;
    font-size: 60px !important
}

.ExitPopup [data-banner-btn] {
    margin-top: 32px
}

.ExitPopup [data-banner-btn]:hover {
    background-color: #100803;
    color: #fff
}

.ExitPopup__body {
    position: relative
}

.ExitPopup__content {
    position: relative;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    will-change: transform;
    max-width: 954px;
    width: 90%;
    margin: 0 auto;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 34px 24px;
    border-radius: 8px
}

@media (min-width:1024px) {
    .ExitPopup__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 48px 424px 48px 48px;
        height: 316px;
        width: 100%
    }
}

.ExitPopup__content--stem {
    background: url(../images/img_stem-bg.svg) no-repeat, url(../images/img_gear-small.svg) no-repeat, url(../images/img_gear-large.svg) no-repeat;
    background-position: 127% -10%, 556px -13px, 931px 191px;
    background-size: 582px 354px, 33px 33px, 43px 43px;
    background-color: #2d2d2c
}

.ExitPopup__content--stem .ExitPopup__heading {
    color: #fff
}

.ExitPopup__content--stem .ExitPopup__close:after,
.ExitPopup__content--stem .ExitPopup__close:before {
    background-color: #fff
}

.ExitPopup__content--stem .ExitPopup__img:after {
    content: "";
    background: url(../images/img_girl.webp) no-repeat;
    background-size: contain;
    background-position: 50%;
    display: block;
    margin: 0 auto;
    position: absolute;
    right: -9px;
    bottom: 0;
    top: 0;
    width: 400px;
    height: 410px;
    min-height: auto
}

.ExitPopup__content--academic {
    background: url(../images/img-circle-2.svg) 913px 250px/53px 53px no-repeat, url(../images/img_circle-yellow.svg) 467px 63px/435px 435px no-repeat;
    background-color: #fff7c7
}

.ExitPopup__img {
    display: inline-block;
    width: 435px;
    right: 35px;
    overflow: hidden
}

.ExitPopup__img,
.ExitPopup__img:after {
    position: absolute;
    height: 410px;
    bottom: 0
}

.ExitPopup__img:after {
    content: "";
    background: url(../images/img_girl.webp) no-repeat, url(../images/img-circle.svg) no-repeat;
    background-size: contain, 23px 23px;
    background-position: 50%, 13px 190px;
    display: block;
    margin: 0 auto;
    right: -9px;
    top: 0;
    width: 400px;
    min-height: auto
}

.ExitPopup--hidden {
    visibility: hidden;
    opacity: 0
}

.ExitPopup--visible {
    opacity: 1;
    visibility: visible
}

.ExitPopup--visible .ExitPopup__content {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ExitPopup__overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 8, 3, .5);
    top: 0;
    left: 0;
    z-index: -1
}

.ExitPopup__close {
    position: absolute;
    display: inline-block;
    width: 19px;
    height: 19px;
    cursor: pointer;
    right: 15px;
    top: 15px;
    opacity: .4;
    z-index: 30
}

@media (min-width:1024px) {
    .ExitPopup__close {
        right: 21px;
        top: 21px
    }
}

.ExitPopup__close:hover {
    opacity: 1
}

.ExitPopup__close:after,
.ExitPopup__close:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #100803;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 2px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.ExitPopup__close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ExitPopup__close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
    color: #100803;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 400;
    word-wrap: break-word;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

@media (min-width:1024px) {
    body {
        line-height: 1.7
    }
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

img {
    height: auto;
    vertical-align: top
}

iframe,
img {
    max-width: 100%
}

.page-wrapper {
    position: relative
}


.section--yellow {
    background-color: #ffb806 
}

@media (min-width:1024px) {
    .section--yellow-desktop {
        background-color: #ffb806 
    }
}

.section--grey {
    background-color: #f8f8f8
}

.section__subtitle {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5
}

@media (min-width:1024px) {
    .section__subtitle {
        font-size: 16px
    }
}

.section--grey {
    background-color: #f3f3f3
}

.container {
    width: 100%
}

@media (min-width:1024px) {
    .container {
        max-width: 1270px;
        margin-left: auto;
        margin-right: auto
    }
}

.breadcrumbs .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 18px;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    color: #acacac
}

@media (min-width:480px) {
    .breadcrumbs .wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 24px
    }
}

.breadcrumbs .wrap li {
    margin-bottom: .5rem
}

@media (min-width:1024px) {
    .breadcrumbs .wrap li {
        margin-bottom: 1rem
    }
}

.breadcrumbs .wrap li+li {
    position: relative;
    margin-left: 56px
}

.breadcrumbs .wrap li+li:before {
    content: "";
    width: 1rem;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -36px;
    background-color: #ffb806 ;
    margin: auto
}

.breadcrumbs .wrap li>span {
    white-space: nowrap
}

.breadcrumbs a {
    color: #fff;
    border-bottom: .125em solid transparent;
    -webkit-box-shadow: 0 .071em 0 #585655;
    box-shadow: 0 .071em 0 #585655;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
    text-decoration: none;
    white-space: nowrap
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0 .071em 0 #ffb806 ;
    box-shadow: 0 .071em 0 #ffb806 
}

.h1,
h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width:1024px) {

    .h1,
    h1 {
        font-size: 74px
    }
}

.h2,
h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 36px;
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media (min-width:1024px) {

    .h2,
    h2 {
        font-size: 45px;
        /* font-weight: 500!important; */
    }
}

.h3,
h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:1024px) {

    .h3,
    h3 {
        font-size: 28px;
        line-height: 40px
    }
}

.h4,
h4 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600
}

@media (min-width:1024px) {

    .h4,
    h4 {
        font-size: 18px
    }
}

.h5,
h5 {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 8px
}

@media (min-width:1024px) {

    .h5,
    h5 {
        font-weight: 500;
        font-size: 24px
    }
}

.btn {
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 14px 48px;
    border: 0;
    border-radius: 4px;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.btn,
.btn:active,
.btn:focus,
.btn:hover {
    text-decoration: none
}

.btn[disabled],
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover {
    background-color: #acacac;
    color: #fff
}

.btn--orange {
    background-color: #ffb806 ;
    color: #fff;
}

.btn--orange:active,
.btn--orange:focus,
.btn--orange:hover {
    background-color: #100803;
    color: #fff
}

.btn--white-orange {
    background-color: #fff;
    color: #100803;
    border: 1px solid #acacac
}

.btn--white-orange:active,
.btn--white-orange:focus,
.btn--white-orange:hover {
    background-color: #ffb806 ;
    color: #fff;
    border: 1px solid #ffb806 
}

.btn--black-white {
    background-color: #100803;
    color: #fff
}

.btn--black-white:active,
.btn--black-white:focus,
.btn--black-white:hover {
    background-color: #fff;
    color: #100803
}

.btn--black-orange {
    background-color: #ffb806 ;
    color: #fff
}

.btn--black-orange:active,
.btn--black-orange:focus,
.btn--black-orange:hover {
    background-color: #000;
    color: #fff
}

.select,
select {
    font-family: 'Poppins', sans-serif;
    color: #100803;
    border: 1px solid #dedede;
    background-color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    width: 100%;
    -webkit-transition: border .25s;
    transition: border .25s
}

.select:focus,
.select:hover,
select:focus,
select:hover {
    border: 1px solid #100803
}

.select:active,
select:active {
    border: 1px solid #ffb806 
}

.select::-ms-expand,
select::-ms-expand {
    display: none
}

.Select {
    margin-bottom: 20px
}

.Select__container {
    position: relative
}

.Select__container:before {
    width: 40px;
    height: 100%;
    right: 0;
    border-radius: 5px;
    background: -webkit-gradient(linear, right top, left top, color-stop(43%, #fff), color-stop(58%, hsla(0, 0%, 100%, 0)));
    background: linear-gradient(-90deg, #fff 43%, hsla(0, 0%, 100%, 0) 58%)
}

.Select__container:after,
.Select__container:before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0
}

.Select__container:after {
    width: 11px;
    height: 8px;
    background: url(../images/ico_select-arrow.svg) 50%/contain no-repeat;
    margin: auto;
    right: 15px
}

.Select__label {
    font-size: 16px;
    line-height: 20px;
    opacity: .6;
    margin-bottom: 6px;
    display: block
}

.Select select {
    white-space: nowrap;
    width: 100%;
    background: none;
    font-weight: 500;
    font-size: 16px;
    padding: 18px 28px 16px 18px;
    -webkit-box-shadow: 0 0 0 1px #e2e2eb;
    box-shadow: 0 0 0 1px #e2e2eb;
    border-radius: 4px;
    border: 1px solid #e2e2eb;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.Select select:active,
.Select select:focus,
.Select select:hover {
    -webkit-box-shadow: 0 0 0 1px #ffb806 ;
    box-shadow: 0 0 0 1px #ffb806 ;
    border-color: #ffb806 
}

.styled-select {
    position: relative
}

.styled-select:after {
    content: "";
    width: 11px;
    height: 8px;
    position: absolute;
    display: inline-block;
    background: url(../images/ico_select-arrow.svg) 50%/contain no-repeat;
    right: 1rem;
    top: calc(50% - 4px)
}

.input,
input:not([type=submit]) {
    font-family: 'Poppins', sans-serif;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.Loader {
    background-color: transparent;
    width: 100%;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 99
}

.Loader--center-mode {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Loader--top-mode {
    display: block;
    padding-top: 20px
}

.Loader__inner,
.Loader span {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .6) rgba(0, 0, 0, .6);
    border-style: solid;
    border-width: 2px;
    margin: 0 auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinner-animation .35s linear infinite;
    animation: spinner-animation .35s linear infinite;
    position: relative
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .Loader__inner,
    .Loader span {
        margin: 0
    }
}

@-webkit-keyframes spinner-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

a {
    color: #100803;
    text-decoration: none
}

a:focus,
a:hover {
    color: #100803;
    text-decoration: underline
}

a:active {
    color: #100803
}

.link,
.services-links__list li a {
    border-bottom: 1px solid #dedede;
    -webkit-transition: border .2s ease;
    transition: border .2s ease;
    text-decoration: none;
    font-weight: 500
}

.link:focus,
.link:hover,
.services-links__list li a:focus,
.services-links__list li a:hover {
    text-decoration: none;
    border-bottom-color: #ffb806 
}

.link-animated {
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: #100803;
    padding: 10px 0 10px 66px;
    white-space: nowrap
}

.link-animated:before {
    width: 30px;
    height: 30px;
    top: 0;
    left: 16px;
    border: 1px solid #ffb806 ;
    border-radius: 2px;
    -webkit-box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.link-animated:after,
.link-animated:before {
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto
}

.link-animated:after {
    width: 36px;
    height: 9px;
    top: 1px;
    right: calc(100% - 34px);
    background: 100% no-repeat;
    background-size: 36px 9px;
    -webkit-transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease, -webkit-filter .3s ease
}

.link-animated:after {
    background-image: url(../images/ico_arrow-orange.svg)
}

.link-animated:focus,
.link-animated:hover {
    text-decoration: none;
    color: #100803
}

.link-animated:focus:before,
.link-animated:hover:before {
    background-color: #ffb806 
}

.link-animated:focus:after,
.link-animated:hover:after {
    right: calc(100% - 40px);
    width: 18px;
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

ol li,
ul li {
    margin-bottom: 1rem
}

.list--order {
    list-style: none;
    counter-reset: number-counter
}

.list--order li {
    position: relative;
    counter-increment: number-counter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.list--order li:before {
    content: counter(number-counter) ".";
    margin-right: 4px
}

.list--black-check-in-circle li,
.list--orange-check-in-circle li {
    position: relative;
    padding-left: 30px
}

@media (min-width:1024px) {

    .list--black-check-in-circle li,
    .list--orange-check-in-circle li {
        padding-left: 36px
    }
}

.list--black-check-in-circle li:before,
.list--orange-check-in-circle li:before {
    content: "";
    filter: invert(1);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico_tick.svg) 50%/contain no-repeat
}

@media (min-width:1024px) {

    .list--black-check-in-circle li:before,
    .list--orange-check-in-circle li:before {
        width: 22px;
        height: 22px
    }
}

.list--black-check-in-circle li strong,
.list--orange-check-in-circle li strong {
    display: block;
    font-weight: 600;
    margin-bottom: 8px
}

@media (min-width:1024px) {

    .list--black-check-in-circle li strong,
    .list--orange-check-in-circle li strong {
        margin-bottom: 4px;
        font-size: 16px;
        line-height: 20px
    }
}

.list--black-check-in-circle li {
    padding-left: 38px;
    line-height: 1.5
}

.list--black-check-in-circle li:before {
    width: 24px;
    height: 24px;
    background: url(../images/ico_tick-2.svg) 50%/contain no-repeat
}

@media (min-width:1024px) {
    .list--black-check-in-circle li:before {
        top: 3px
    }
}

.list--orange-check li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    line-height: 24px
}

@media (min-width:768px) {
    .list--orange-check li {
        margin-bottom: 14px
    }
}

.list--orange-check li:before {
    content: "";
    width: 16px;
    height: 11px;
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
    background: url(../images/ico_check.svg) 50% no-repeat;
    background-size: contain
}

.list--orange-circle li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 12px;
    line-height: 24px
}

@media (min-width:768px) {
    .list--orange-circle li {
        margin-bottom: 14px
    }
}

.list--orange-circle li:before {
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    background-color: #ffb806 ;
    border-radius: 50%
}

.list--orange-number,
.list--white-number {
    counter-reset: numbers
}

.list--orange-number li,
.list--white-number li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 36px;
    counter-increment: numbers;
    font-weight: 500
}

.list--orange-number li:before,
.list--white-number li:before {
    content: "0" counter(numbers) ". ";
    font-family: 'Poppins', sans-serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 48px;
    color: #fff;
    margin-right: 16px
}

@media (min-width:768px) {

    .list--orange-number li:before,
    .list--white-number li:before {
        font-size: 54px;
        font-weight: 500;
        line-height: 48px
    }
}

.list--orange-number li br,
.list--white-number li br {
    display: none
}

@media (min-width:768px) {

    .list--orange-number li br,
    .list--white-number li br {
        display: inline
    }
}

@media (min-width:1024px) {
    .list--orange-number li {
        font-size: 16px
    }
}

.list--orange-number li:before {
    color: #ffb806 
}

.list--orange-number li h3,
.list--orange-number li h4,
.list--orange-number li strong {
    display: block;
    margin-bottom: 12px
}

@media (min-width:1024px) {

    .list--orange-number li h3,
    .list--orange-number li h4,
    .list--orange-number li strong {
        margin-bottom: 16px
    }
}

.list--orange-number li div,
.list--orange-number li p {
    font-weight: 400
}

.list--orange-number-with-header li:before {
    color: #ffb806 
}

.list--orange-number-with-header li h3,
.list--orange-number-with-header li strong:not(.inline) {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px
}

.list--with-headers li {
    margin-bottom: 36px
}

@media (min-width:768px) {
    .list--with-headers li {
        margin-bottom: 48px
    }
}

.list--with-headers strong {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 48px;
    color: #ffb806 ;
    letter-spacing: .5px
}

@media (min-width:768px) {
    .list--with-headers strong {
        font-size: 54px;
        font-weight: 500
    }
}

.list--with-headers strong span {
    font-size: 20px;
    color: #100803;
    margin-left: 5px
}

@media (min-width:768px) {
    .list--with-headers strong span {
        font-size: 24px
    }
}

.list--with-headers strong span.fz-32 {
    font-size: 30px
}

@media (min-width:768px) {
    .list--with-headers strong span.fz-32 {
        font-size: 32px
    }
}

.list--columns {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    gap: 24px
}

@media (min-width:1024px) {
    .list--columns {
        grid-gap: 54px;
        gap: 54px
    }
}

@media (min-width:1024px) {
    .list--columns-2 {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1024px) {
    .list--columns-3 {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:1024px) {
    .list--columns-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

p {
    margin-bottom: 1em
}

.hidden-info:after {
    content: attr(data-title)
}

.section-top-home {
    background-color: #f8f8f8;
    background-image: url(../images/img_circle-additional-dark_thin.svg), url(../images/img_circle-additional-dark-004_wide.svg), repeating-linear-gradient(#2d2d2c, #2d2d2c 707px, #2d2d2c 0, #f8f8f8 0, #f8f8f8);
    background-size: 55px, 195px, cover;
    background-repeat: no-repeat;
    background-position: right -8px top 275px, right -86px top 132px, top 0 left 0;
    padding-top: 1rem
}

@media (min-width:1024px) {
    .section-top-home {
        overflow: hidden;
        background-image: url(../images/img_circles-white_wide.svg), url(../images/img_circles-yellow.svg), url(../images/img_circle-theme-color.svg), url(../images/img_circle-additional-dark-004_wide.svg), url(../images/img_circle-theme-color.svg), url(../images/img_circle-theme-color.svg), url(../images/img_circle-additional-dark_thin.svg), url(../images/img_circle-additional-dark-016_wide.svg), repeating-linear-gradient(#2d2d2c, #2d2d2c 707px, #2d2d2c 0, #f8f8f8 0, #f8f8f8);
        background-position: left -173px top 922px, left 4px top 612px, left -6px top 193px, left -126px top, right 35% top 17rem, right 84px top 80px, right 16px top 90px, right -3.5rem top 23px, 0 0;
        background-size: 433px, 66px 145px, 32px, 214px, 48px, 34px, 106px, 700px, cover;
        padding-top: 3.5rem;
        position: relative
    }
}

.section-top-home__inner {
    position: relative;
    z-index: 9999;
}

.section-top-home__title {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.30;
}

@media (min-width:1024px) {
    .section-top-home__title {
        margin-bottom: 1rem;
    }
}

.section-top-home__rating {
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 0 2rem;
}

.section-top-home__inner .bullets {
    margin: 1.2rem 0;
}

.section-top-home__rating__stars {
    background-color: #434343;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    padding: 10px 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 150px
}

.section-top-home__rating__stars span {
    color: #fff;
    font-size: 14px;
    line-height: 17px
}

@media (min-width:1024px) {
    .section-top-home__rating__stars span {
        font-size: 16px;
        line-height: 20px
    }
}

.section-top-home__rating__description {
    max-width: 144px;
    color: #dedede;
    font-size: 12px;
    line-height: 16px
}

@media (min-width:1024px) {
    .section-top-home__rating__description {
        max-width: 195px;
        font-size: 14px;
        line-height: 18px;
        margin-left: 20px;
    }
}

.section-top-home__img {
    display: none
}

@media (min-width:1023px) {
    .section-top-home__img {
        display: block;
        position: absolute;
        right: -16.5rem;
        top: 4rem;
        opacity: 0.7;
    }
}

.section-top-home__services-forms-wrapper {
    position: relative;
    margin-bottom: 2.5rem;
    z-index: 1
}

@media (min-width:1024px) {
    .section-top-home__services-forms-wrapper {
        margin-bottom: 110px
    }
}

.section-top-home__services-forms-wrapper:after {
    content: "";
    position: absolute;
    height: 55px;
    width: 34px;
    right: 0;
    bottom: -2.4rem;
    z-index: -1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: url(../images/img_circles-yellow.svg) 50%/contain no-repeat
}

@media (min-width:1024px) {
    .section-top-home__services-forms-wrapper:after {
        bottom: -6.8rem;
        height: 185px;
        width: 97px
    }
}

.section-4-steps h2 {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-4-steps h2 {
        margin-bottom: 35px;
        font-size: 45px;
        font-weight: 600;
        letter-spacing: 0;
    }
}

@media (min-width:768px) {
    .section-4-steps__inner {
        max-width: 600px;
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .section-4-steps__inner {
        position: relative;
        padding: 2.5rem 20px;
        min-height: 565px;
        max-width: 100%;
        margin: 0;
        border-radius: 4px;
        z-index: 1
    }
}

@media (min-width:1200px) {
    .section-4-steps__inner {
        padding: 70px 80px 60px
    }
}

@media (max-width:1023px) {
    .section-4-steps .section-4-steps__tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-bottom: 2rem
    }
}

@media (min-width:1024px) {
    .section-4-steps .section-4-steps__tabs {
        width: calc(100% - 36px);
        position: absolute;
        bottom: 2.5rem;
        left: 20px;
        right: 20px
    }
}

@media (min-width:1200px) {
    .section-4-steps .section-4-steps__tabs {
        width: calc(100% - 10rem);
        bottom: 60px;
        left: 5rem;
        right: 5rem
    }
}

.section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize
}

@media (max-width:1023px) {
    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item {
        max-width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff;
        border-radius: 4px;
        padding: 8px 16px;
        color: #100803;
        border: 1px solid transparent;
        line-height: 1.8
    }

    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item.is-active {
        border: 1px solid #dedede
    }

    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item.is-active:after {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../images/ico_tick-black.svg) 50%/contain no-repeat
    }
}

@media (min-width:1024px) {
    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item {
        padding: 18px;
        font-size: 16px;
        line-height: 1.5;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-color: hsla(0, 0%, 97.3%, .7);
        -webkit-transition: background-color .3s linear;
        transition: background-color .3s linear;
        color: #100803;
        text-align: left
    }

    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item:first-of-type {
        border-bottom-left-radius: 4px
    }

    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item:last-of-type {
        border-bottom-right-radius: 4px;
        margin-left: 0
    }

    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item.is-active {
        background-color: #fff
    }
}

@media (min-width:1200px) {
    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item {
        padding: 18px 24px
    }
}

@media (min-width:1024px) {
    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item__mob {
        display: none
    }
}

.mobile-none {
    display: none;
}

.section-4-steps__tabs__item__mob {
    display: none
}

@media (min-width:1024px) {
    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item__desk {
        display: block;
    }

    .mobile-none {
        display: block;
    }
}

@media (min-width:1024px) {
    .section-4-steps .section-4-steps__tabs__progress {
        position: absolute;
        top: 0;
        left: 24px;
        right: 24px;
        height: 2px;
        width: 20.5%;
        background-color: #ffb806 ;
        z-index: 2;
        -webkit-transition: width .3s linear;
        transition: width .3s linear
    }
}

.section-4-steps__img-container {
    min-width: 312px;
    min-height: 145px;
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 1rem
}

@media (min-width:480px) {
    .section-4-steps__img-container {
        min-height: 200px
    }
}

@media (min-width:768px) {
    .section-4-steps__img-container {
        min-height: 290px
    }
}

@media (min-width:1024px) {
    .section-4-steps__img-container {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        min-height: 100%;
        min-width: 100%;
        margin-bottom: 0
    }
}

.section-4-steps__img-container {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(../images/img_step_1.webp);
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

@media (min-width:1024px) {
    .section-4-steps__img-container {
        background-position: 50%
    }
}

.section-4-steps__img-container .step-1 {
    background-image: url(../images/img_step_1.webp)
}

.section-4-steps__img-container .step-2 {
    background-image: url(../images/img_step_2.webp)
}

.section-4-steps__img-container .step-3 {
    background-image: url(../images/img_step_3.webp)
}

.section-4-steps__img-container .step-4 {
    background-image: url(../images/img_step_4.webp)
}

.section-4-steps .step__name {
    display: none
}

@media (min-width:1024px) {
    .section-4-steps .step__name {
        display: block;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 30px;
        line-height: 22px;
        color: #ffb806 ;
        margin-bottom: 1rem
    }
}

.section-4-steps .step__title {
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .section-4-steps .step__title {
        color: #fff;
        max-width: 26.2rem
    }
}

.section-4-steps .step__text {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .section-4-steps .step__text {
        color: #fff;
        max-width: 26.2rem;
        font-size: 1rem;
        font-weight: 500
    }
}

.section-4-steps .step .btn {
    margin-top: 1.5rem
}

@media (min-width:1024px) {
    .section-4-steps .step .btn {
        margin-top: 2rem
    }
}

.section-4-steps--with-subtitle h2 {
    margin-bottom: 8px;
    line-height: 1
}

.section-4-steps--with-subtitle .container>p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

@media (min-width:1024px) {
    .section-4-steps--with-subtitle .container>p {
        margin-bottom: 36px
    }
}

@media (min-width:1024px) {
    .section-any-type__inner {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 50px;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

.section-any-type__heading p {
    margin-bottom: 24px
}

@media (min-width:1024px) {
    .section-any-type__heading p {
        margin-bottom: 36px
    }
}

.section-any-type__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 400px;
    padding: 11px 13px;
    border-radius: 4px;
    border: 1px solid #dedede;
    margin: 0 auto 2rem
}

@media (min-width:1024px) {
    .section-any-type__banner {
        border: none;
        max-width: 17.9rem;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.section-any-type__banner img {
    margin-right: 14px
}

.section-any-type__banner p {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5
}

@media (min-width:1024px) {
    .section-any-type__banner p {
        font-weight: 600
    }
}

.section-any-type__blocks {
    display: grid;
    grid-row-gap: 2rem;
    row-gap: 2rem
}

@media (min-width:1024px) {
    .section-any-type__blocks {
        grid-column: 1/3;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 0;
        row-gap: 0;
        grid-column-gap: 1.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
}

.section-any-type__block {
    padding: 24px;
    border-radius: 4px;
    background-repeat: no-repeat;
    min-height: 410px
}

@media (min-width:1024px) {
    .section-any-type__block {
        padding: 50px;
        min-height: 536px
    }
}

.section-any-type__block h3,
.section-any-type__block p {
    max-width: 420px
}

.section-any-type__block p {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-any-type__block p {
        margin-bottom: 1.5rem
    }
}

.section-any-type__block--search-paper {
    background-color: #f3f3f3;
    background-image: url(../images/img_books.webp);
    background-size: 83%;
    background-position: bottom 0 center
}

@media (min-width:570px) {
    .section-any-type__block--search-paper {
        background-size: 50%
    }
}

@media (min-width:1024px) {
    .section-any-type__block--search-paper {
        background-size: 84%
    }
}

.section-any-type__block--stem-tasks {
    background-image: url(../images/img_stem.webp);
    background-size: cover;
    background-position: 50%
}

.section-any-type__block .section-any-type__block__link:after {
    background-image: url(../images/ico_arrow-orange.svg)
}

.section-any-type__block__link {
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: #100803;
    padding: 0 0 0 62px;
    margin: 10px
}

.section-any-type__block__link:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    border: 1px solid #ffb806 ;
    border-radius: 2px;
    -webkit-box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.section-any-type__block__link:after {
    content: "";
    width: 36px;
    height: 9px;
    position: absolute;
    top: 1px;
    right: calc(100% - 30px);
    bottom: 0;
    background: 100% no-repeat;
    background-size: 36px 9px;
    margin: auto;
    -webkit-transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease, -webkit-filter .3s ease
}

.section-any-type__block__link:focus,
.section-any-type__block__link:hover {
    text-decoration: none
}

.section-any-type__block__link:focus:before,
.section-any-type__block__link:hover:before {
    background-color: #ffb806 
}

.section-any-type__block__link:focus:after,
.section-any-type__block__link:hover:after {
    right: calc(100% - 38px);
    width: 18px;
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

.section-freebies {
    background-image: url(../images/img_dollar.svg);
    background-repeat: no-repeat;
    background-position: top 58px right 24px
}

@media (min-width:1024px) {
    .section-freebies {
        background-image: url(../images/img_circle-dark_thin.svg), url(../images/img_circles-gray-02_small_wide.svg), url(../images/img_circle-dark_thin.svg), url(../images/img_circles-gray-02_wide.svg), url(../images/img_dollar.svg);
        background-position: top 86px right 12px, top -73px right -36px, top 53px left 18px, bottom -200px left -119px, bottom 66px left 40%;
        background-size: 49px, 184px, 99px, 488px, 75px;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width:1024px) {
    .section-freebies__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.section-freebies h2 {
    margin-bottom: 1rem;
    max-width: 268px;
    color: #fff;
}

@media (min-width:1024px) {
    .section-freebies h2 {
        margin-bottom: 0;
        max-width: 30.7rem;
        font-weight: 500;
        font-size: 60px;
    }
}

@media (min-width:1200px) {
    .section-freebies .list {
        margin-right: 118px
    }
}

.section-freebies .list li {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
}

@media (min-width:1024px) {
    .section-freebies .list li {
        font-size: 20px
    }
}

@media (min-width:1024px) {
    .section-freebies--grey {
        background-image: url(../images/img_circle-dark_thin.svg), url(../images/img_circles-dark-gray-06_wide.svg), url(../images/img_circle-dark_thin.svg), url(../images/img_circles-dark-gray-02_wide.svg), url(../images/img_dollar.svg);
        background-position: top 86px right 12px, top -28px right 0, top 53px left 18px, bottom -66px left -5px, bottom 66px left 40%;
        background-size: 49px, 184px, 99px, 488px, 75px;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.section-cta {
    padding-top: 100px;
}

.section-cta__inner {
    width: 100%;
    padding: 24px;
    border-radius: 4px;
    position: relative
}

@media (min-width:1024px) {
    .section-cta__inner {
        padding: 2rem 2rem 2rem 310px
    }
}

.section-cta__inner h5 {
    max-width: 522px
}

.section-cta__inner p {
    margin-bottom: 1.5rem;
    max-width: 522px
}

@media (max-width:767px) {
    .section-cta__inner .btn {
        display: block;
        margin: 0 auto
    }

    .floatbutton,
    .reviews-buton {
        display: none;
    }

    .reasons-box {
        display: block;
        text-align: center;
    }

    .reasons-inners>h4 {
        text-align: center;
    }

    .reasons-box i {
        margin-bottom: 15px;
    }
}

@media (max-width:1023px) {
    .section-cta__inner .btn {
        width: 100%;
        text-align: center
    }
}

.section-cta__inner img {
    height: auto;
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .section-cta__inner img {
        width: 171px;
        height: auto;
        position: absolute;
        top: 45px;
        left: 5rem;
        margin-bottom: 0
    }
}

.section-cta--type-gray .section-cta__inner {
    background-color: #f3f3f3
}

.section-cta--type-orange .section-cta__inner {
    background-color: #ffb806 
}

.section-cta.decor-1 .section-cta__inner {
    background-image: url(../images/img_circle-dark_thin_big.svg), url(../images/img_circles-white.svg);
    background-size: 246px, 44px;
    background-position: top -184px right -111px, top 33px right 38px;
    background-repeat: no-repeat
}

@media (min-width:1024px) {
    .section-cta.decor-1 .section-cta__inner {
        background-image: url(../images/img_circle-dark_thin.svg), url(../images/img_circle-dark_thin_big.svg), url(../images/img_circles-white.svg), url(../images/img_circles-dark.svg), url(../images/img_circles-white.svg);
        background-size: 49px, 246px, 67px, 88px, 246px;
        background-position: top 42px right -20px, top -95px left -7px, top 94px left 43px, bottom 26px right 124px, bottom -77px right -76px;
        background-repeat: no-repeat
    }
}

.section-cta.decor-2 .section-cta__inner {
    background-image: url(../images/img_circles-dark.svg);
    background-size: 65px;
    background-position: top 4px right 4px;
    background-repeat: no-repeat
}

@media (min-width:1024px) {
    .section-cta.decor-2 .section-cta__inner {
        background-image: url(../images/img_circle-dark_thin_big.svg), url(../images/img_circle-dark_thin_big.svg), url(../images/img_circles-gray-02_wide.svg), url(../images/img_circles-dark.svg), url(../images/img_circles-gray-02_wide.svg);
        background-size: 80px, 47px, 246px, 88px, 297px;
        background-position: top -8px right -20px, bottom 42px left -17px, bottom 46px left -45px, bottom 26px right 177px, top 12px right -76px;
        background-repeat: no-repeat
    }
}

.section-cta.decor-2 p {
    max-width: 100%
}

@media (min-width:1024px) {
    .section-cta.decor-2 img {
        width: 131px;
        top: 28px;
        left: 5rem;
        filter: hue-rotate(90deg);
    }

    .section-top-experts,
    .section-testimonials {
        padding: 100px 0;
    }
}

@media (min-width:1024px) {
    .section-top-experts__inner {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 50px;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

.section-top-experts__heading {
    max-width: 778px
}

.section-top-experts__heading p {
    margin-bottom: 24px
}

@media (min-width:1024px) {
    .section-top-experts__heading p {
        margin-bottom: 36px
    }
}

.section-top-experts__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 400px;
    padding: 11px 13px;
    border-radius: 4px;
    border: 1px solid #dedede;
    margin: 0 auto 2rem
}

@media (min-width:1024px) {
    .section-top-experts__banner {
        border: none;
        max-width: 304px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.section-top-experts__banner img {
    margin-right: 14px;
    width: 34px;
    height: 44px
}

.section-top-experts__banner p {
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.5;
    font-size: 15px
}

@media (min-width:1024px) {
    .section-top-experts__banner p {
        font-size: 1rem
    }
}

.section-top-experts__slide {
    margin: 0 auto 24px
}

@media (min-width:1024px) {
    .section-top-experts__slide {
        grid-column: 1/3;
        margin: 0 auto
    }
}

.section-top-experts .writers {
    max-width: 370px
}

@media (min-width:768px) {
    .section-top-experts .writers {
        max-width: 100%
    }
}

@media (min-width:1024px) {
    .section-top-experts .writers {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 24px;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        height: 450px;
    }
}

@media (max-width:1024px) {
    .section-top-experts .writers__item {
        padding: 0 12px
    }
}

.section-top-experts .writers__item__img {
    border-radius: 4px;
    width: 100%;
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-top-experts .writers__item__img {
        margin-bottom: 1.5rem
    }
}

.section-top-experts .writers__item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .section-top-experts .writers__item__top {
        margin-bottom: 6px
    }
}

.section-top-experts .writers__item__name {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.6;
    margin-right: 18px
}

.section-top-experts .writers__item__points {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.25;
    margin-left: 6px
}

.section-top-experts .writers__item__text {
    margin-bottom: 0
}

.section-top-experts .writers__item .btn {
    width: 100%;
    text-align: center
}

.section-top-experts .writers__item .btn--orange {
    margin-bottom: 14px
}

.section-top-experts .writers__item .btn--white-orange {
    padding-left: 8px;
    padding-right: 8px
}

.section-samples {
    position: relative;
    padding-bottom: 112px;
    background-color: #f8f8f8;
    -webkit-box-shadow: inset 0 350px 0 #ffb806 ;
    box-shadow: inset 0 350px 0 #ffb806 
}

@media (min-width:1024px) {
    .section-samples {
        -webkit-box-shadow: inset 0 426px 0 #ffb806 ;
        box-shadow: inset 0 426px 0 #ffb806 
    }
}

.section-samples .Tabs__nav {
    max-width: 480px;
    margin: 0 auto -1px
}

@media (min-width:1024px) {
    .section-samples .Tabs__nav {
        max-width: 48.9rem;
        margin: 0
    }
}

.section-samples .Tabs__content {
    padding-top: 1rem;
    background: #fff
}

@media (min-width:1024px) {
    .section-samples .Tabs__content {
        padding: 0 80px 60px
    }
}

@media (min-width:1200px) {
    .section-samples .Tabs__content {
        padding: 0 104px 60px
    }
}

.samples {
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08)
}

@media (min-width:1024px) {
    .samples {
        width: 100%
    }
}

.samples__header {
    margin-bottom: 24px
}

@media (min-width:1024px) {
    .samples__header {
        margin-bottom: 48px
    }
}

@media (min-width:1024px) {
    .samples__header-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }
}

.samples__subtitle {
    font-size: 16px;
    font-weight: 500
}

@media (min-width:768px) {
    .samples__subtitle {
        width: 27.5rem
    }
}

.samples__button {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 2.5rem;
    margin: auto;
    width: calc(100% - 48px);
    max-width: 380px;
    text-align: center
}

@media (min-width:1024px) {
    .samples__button {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        position: static;
        margin: 0;
        width: 263px
    }
}

.samples__button .btn {
    width: 100%
}

@media (min-width:1024px) {
    .samples__list {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #fff;
        -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
        box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
        border-radius: 4px;
        padding: 0 col_width(.5) 60px;
        z-index: 1
    }
}

@media (min-width:1200px) {
    .samples__list {
        padding: 0 col_width(1) 100px
    }
}

.samples__list-item {
    height: auto
}

@media (min-width:1024px) {
    .samples__list-item:hover .sample__link {
        text-decoration: none;
        color: #100803
    }

    .samples__list-item:hover .sample__link:before {
        background-color: #ffb806 
    }

    .samples__list-item:hover .sample__link:after {
        right: calc(100% - 24px);
        width: 18px;
        -webkit-filter: brightness(1) saturate(0) invert(1);
        filter: brightness(1) saturate(0) invert(1)
    }
}

@media (min-width:1024px) {

    .samples__list-item:hover+.samples__list-item .sample,
    .samples__list-item:hover .sample {
        border-top: 1px solid #100803
    }
}

@media (min-width:1024px) {
    .samples__list-item:last-of-type .sample {
        border-bottom: 1px solid #dedede
    }

    .samples__list-item:last-of-type:hover .sample {
        border-bottom: 1px solid #100803
    }
}

.samples__list-item .sample {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    padding: 22px 14px;
    max-width: 480px;
    min-height: 366px;
    margin: 0 16px 50px;
    height: calc(100% - 48px);
    background-color: #f3f3f3
}

@media (min-width:500px) {
    .samples__list-item .sample {
        margin: 0 auto 40px
    }
}

@media (min-width:1024px) {
    .samples__list-item .sample {
        min-height: auto;
        background-color: #fff;
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1.5fr;
        -webkit-box-orient: inherit;
        -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
        flex-direction: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        white-space: normal;
        padding: 28px 0;
        border-top: 1px solid #dedede;
        border-radius: 0;
        max-width: none;
        height: auto;
        margin: 0;
        -webkit-transition: border .3s ease;
        transition: border .3s ease
    }
}

.samples__list-header {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (min-width:1024px) {
    .samples__list-header {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-top-left-radius: 0;
        border-top-right-radius: 4px;
        display: block;
        padding: 60px 0 0
    }
}

@media (min-width:1200px) {
    .samples__list-header {
        padding: 60px 0 0
    }
}

.samples__list-header .samples__list-item {
    margin: 0
}

.samples__list-header .samples__list-item .sample {
    padding: 0 0 14px;
    border: 0
}

.samples__list-header .samples__list-item:last-of-type .sample {
    border: 0
}

@media (min-width:1024px) {
    .samples__list-header .sample__col {
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        line-height: 150%
    }
}

.samples__list-header .sample__col-first:before {
    display: none
}

.samples .splide__pagination {
    bottom: 1rem
}

@media (min-width:1024px) {
    .samples .splide__pagination {
        display: none
    }
}

@media (max-width:1023px) {
    .samples .splide:not(.is-overflow) .splide__pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.sample__col {
    position: relative;
    padding: 0 8px 0 86px;
    font-size: 14px;
    line-height: 170%;
    margin-bottom: 12px
}

@media (min-width:1024px) {
    .sample__col {
        padding: 0 15px;
        margin-bottom: 0
    }
}

.sample__col:last-of-type {
    margin-top: 13px
}

@media (min-width:1024px) {
    .sample__col:last-of-type {
        margin-top: 0
    }
}

.sample__col:after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-title);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 170%;
    color: #585655
}

@media (min-width:1024px) {
    .sample__col:after {
        display: none
    }
}

@media (min-width:1024px) {
    .sample__col-first {
        position: relative;
        padding-left: 44px
    }
}

.sample__col-first:before {
    content: "";
    width: 24px;
    height: 31px;
    display: none
}

@media (min-width:1024px) {
    .sample__col-first:before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: 50% no-repeat;
        background-size: 24px 31px
    }
}

.sample__col-first:before {
    background-image: url(../images/ico_sample-item.svg)
}

.sample__col-last {
    text-align: center;
    padding: 0 8px;
    margin-top: auto
}

@media (min-width:1024px) {
    .sample__col-last {
        text-align: right;
        margin-top: 0
    }
}

.sample__link {
    display: inline-block;
    position: relative;
    font-weight: 600;
    color: #100803;
    padding: 10px 0 10px 50px;
    white-space: nowrap
}

.sample__link:before {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    border: 1px solid #ffb806 ;
    border-radius: 2px;
    -webkit-box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    box-shadow: 0 15px 40px rgba(255, 184, 6, .08);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.sample__link:after,
.sample__link:before {
    content: "";
    position: absolute;
    bottom: 0;
    margin: auto
}

.sample__link:after {
    width: 36px;
    height: 9px;
    top: 1px;
    right: calc(100% - 18px);
    background: 100% no-repeat;
    background-size: 36px 9px;
    -webkit-transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: width .3s ease, right .2s ease, -webkit-filter .3s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease;
    transition: filter .3s ease, width .3s ease, right .2s ease, -webkit-filter .3s ease
}

.sample__link:after {
    background-image: url(../images/ico_arrow-orange.svg)
}

.sample__link:focus,
.sample__link:hover {
    text-decoration: none;
    color: #100803
}

.sample__link:focus:before,
.sample__link:hover:before {
    background-color: #ffb806 
}

.sample__link:focus:after,
.sample__link:hover:after {
    right: calc(100% - 24px);
    width: 18px;
    -webkit-filter: brightness(1) saturate(0) invert(1);
    filter: brightness(1) saturate(0) invert(1)
}

@media (min-width:1024px) {
    .section-unique-paper {
        padding-bottom: 0
    }
}

.section-unique-paper__inner {
    padding: 1.5rem 1.5rem 0;
    background-image: linear-gradient(312deg, #ffb806  20%, #ffb806  99%);
    border-radius: 4px
}

@media (min-width:1024px) {
    .section-unique-paper__inner {
        background-image: url(../images/img_circles-gray-02_small_wide.svg), url(../images/img_circle-dark_thin.svg), url(../images/img_circles-gray-02_wide.svg), linear-gradient(312deg, #ffb806  20%, #ffb806  99%);
        background-repeat: no-repeat;
        background-size: 274px, 33px, 218px, cover;
        background-position: top 17px left -67px, bottom 45px right -17px, top -75px right -43px, 0 0;
        padding: 2rem 5rem;
        position: relative
    }
}

@media (min-width:1024px) {
    .section-unique-paper__heading {
        max-width: 30.9rem
    }
}

.section-unique-paper__heading p {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-unique-paper__heading p {
        margin-bottom: 0
    }
}

.section-unique-paper img {
    margin: 0 auto
}

@media (min-width:1024px) {
    .section-unique-paper img {
        position: absolute;
        bottom: 0;
        right: 5rem;
        width: 340px;
        height: auto
    }
}

@media (min-width:1200px) {
    .section-unique-paper img {
        right: 7rem;
        width: 400px
    }
}

@media (min-width:1024px) {
    .section-testimonials__inner {
        display: grid;
        grid-template-columns: 1fr 258px;
        grid-column-gap: 2.5rem;
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
}

.section-testimonials__heading p {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-testimonials__heading p {
        margin-bottom: 36px
    }
}

.section-testimonials .btn {
    width: 100%;
    margin: 0 auto;
    display: block
}

.section-testimonials h2 {
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: 0;
}

@media (min-width:1024px) {
    .section-testimonials .btn {
        grid-column: 2;
        grid-row: 1;
        align-self: flex-start
    }
}

@media (min-width:1024px) {
    .section-testimonials .testimonials {
        grid-column: 1/3
    }
}

.section-testimonials .splide__track {
    padding-bottom: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-left: -1rem;
    margin-right: -1rem
}

.section-testimonials .splide__pagination {
    bottom: 1.2rem
}

@media (min-width:1024px) {
    .section-testimonials .splide__pagination {
        bottom: 0
    }
}

@media (min-width:1024px) {
    .section-testimonials .splide__pagination__page {
        width: 12px;
        height: 12px
    }
}

.section-testimonials .splide__pagination__page.is-active {
    opacity: 1
}

@media (min-width:1024px) {
    .section-faq__inner {
        display: grid;
        grid-template-columns: minmax(auto, 415px) 1fr;
        grid-template-rows: auto 1fr;
        grid-column-gap: 100px;
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px
    }
}

.section-faq__title {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-faq__title {
        margin-bottom: 36px
    }
}

.section-faq__preview {
    margin-top: 2rem
}

@media (min-width:1024px) {
    .section-faq__preview {
        grid-row: 2;
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .section-faq__container {
        grid-column: 2;
        grid-row: 1/3
    }
}

.section-faq__subtitle {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .section-faq__subtitle {
        margin-bottom: 1.5rem
    }
}

.section-faq__chat-working-hours {
    display: block;
    color: rgba(16, 8, 3, .5);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

@media (min-width:1024px) {
    .section-faq__chat-working-hours {
        margin-top: 1rem
    }
}

.section-seotext-horizontal__table table,
.table,
table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    position: relative;
    margin: 0 !important
}

.section-seotext-horizontal__table table td,
.section-seotext-horizontal__table table th,
.table td,
.table th,
table td,
table th {
    border: 0;
    padding: 8px
}

@media (min-width:1024px) {

    .section-seotext-horizontal__table table td,
    .section-seotext-horizontal__table table th,
    .table td,
    .table th,
    table td,
    table th {
        padding: 12px 24px
    }
}

.section-seotext-horizontal__table table th,
.table th,
table th {
    font-size: 16px;
    font-weight: 500
}

.section-seotext-horizontal__table table th+th,
.table th+th,
table th+th {
    border-left: 1px solid #dedede
}

.section-seotext-horizontal__table table td,
.table td,
table td {
    font-size: 14px;
    line-height: 170%
}

.section-seotext-horizontal__table table td+td,
.table td+td,
table td+td {
    border-left: 1px solid #dedede
}

.section-seotext-horizontal__table table tbody tr:nth-of-type(odd),
.table tbody tr:nth-of-type(odd),
table tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8
}

.common-pages__table-wrapper {
    position: relative
}

.common-pages__table-wrapper::-webkit-scrollbar {
    width: 1em;
    height: 1em;
    -webkit-appearance: none
}

.common-pages__table-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
    border-radius: 4px;
    border: 1px solid #fff
}

.section-seotext-horizontal {
    background-color: #f8f8f8;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .section-seotext-horizontal {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.section-seotext-horizontal .container {
    overflow: hidden
}

.section-seotext-horizontal__inner {
    overflow-x: auto;
    scrollbar-color: #ffb806  hsla(0, 0%, 67.5%, .3)
}

.section-seotext-horizontal__inner .simplebar-track {
    background-color: hsla(0, 0%, 67.5%, .3)
}

.section-seotext-horizontal__inner .simplebar-track.simplebar-horizontal {
    height: 4px;
    border-radius: 0
}

.section-seotext-horizontal__inner .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 0;
    height: 4px
}

.section-seotext-horizontal__inner .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    background-color: #ffb806 ;
    border-radius: 0;
    left: 0;
    right: 0
}

.section-seotext-horizontal__inner::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: hsla(0, 0%, 67.5%, .3);
    height: 4px;
    width: 4px
}

.section-seotext-horizontal__inner::-webkit-scrollbar-thumb {
    background-color: #ffb806 ;
    border: 1px solid hsla(0, 0%, 67.5%, .3)
}

.section-seotext-horizontal__inner::-webkit-scrollbar-button {
    display: none
}

.section-seotext-horizontal__inner-content {
    display: grid;
    grid-row-gap: 8px;
    row-gap: 8px;
    grid-template-columns: repeat(14, 100%);
    grid-template-rows: auto 1fr;
    width: 100%;
    padding-bottom: 24px;
    grid-column-gap: 32px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
}

@media (min-width:768px) {
    .section-seotext-horizontal__inner-content {
        grid-template-columns: repeat(10, calc(50% - 25px));
        grid-template-rows: minmax(81px, auto) 1fr;
        grid-row-gap: 16px;
        row-gap: 16px;
        grid-column-gap: 50px;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media (min-width:1024px) {
    .section-seotext-horizontal__inner-content {
        grid-template-rows: minmax(112px, auto) 1fr
    }
}

@media (min-width:1200px) {
    .section-seotext-horizontal__inner-content {
        grid-template-rows: minmax(80px, auto) 1fr
    }
}

.section-seotext-horizontal__inner-columns {
    -webkit-column-width: 100vw;
    -moz-column-width: 100vw;
    column-width: 100vw;
    max-height: calc(100vh - 180px);
    padding-bottom: 24px
}

@media (min-width:768px) {
    .section-seotext-horizontal__inner-columns {
        max-height: 500px;
        -webkit-column-width: 30vw;
        -moz-column-width: 30vw;
        column-width: 30vw;
        grid-column-gap: 5vw;
        -webkit-column-gap: 5vw;
        -moz-column-gap: 5vw;
        column-gap: 5vw
    }
}

@media (min-width:1024px) {
    .section-seotext-horizontal__inner-columns {
        -webkit-column-width: 540px;
        -moz-column-width: 540px;
        column-width: 540px;
        max-height: 630px;
        grid-column-gap: 50px;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

.section-seotext-horizontal__inner-columns ol,
.section-seotext-horizontal__inner-columns ul {
    margin-bottom: 14px
}

.section-seotext-horizontal li,
.section-seotext-horizontal p {
    color: #100803
}

.section-seotext-horizontal .weight-500 {
    font-weight: 500
}

.section-seotext-horizontal h3 {
    color: #100803;
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .section-seotext-horizontal h3 {
        margin-bottom: 1rem
    }
}

.section-seotext-horizontal .h2,
.section-seotext-horizontal h2 {
    text-transform: none
}

.section-seotext-horizontal__table {
    max-width: 800px;
    margin-bottom: 1.5rem;
    display: inline-table
}

.section-seotext-horizontal__table h4 {
    margin-bottom: 16px
}

.section-seotext-horizontal__table table {
    display: inline-table
}

.section-seotext-horizontal__table table tbody tr:nth-child(2n) {
    background-color: rgba(255, 190, 33, .1)
}

.section-seotext-horizontal__table table tbody tr:nth-child(odd) {
    background-color: transparent
}

@media (min-width:1024px) {
    .section-seotext-horizontal__table table tbody td {
        padding: 10px 14px
    }
}

.section-services-links {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f3f3f3
}

@media (min-width:1024px) {
    .section-services-links {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.services-links__header {
    margin-bottom: 16px
}

@media (min-width:1024px) {
    .services-links__header {
        margin-bottom: 24px
    }
}

@media (min-width:480px) {
    .services-links__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.services-links__list li {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px
}

@media (min-width:480px) {
    .services-links__list li {
        width: 50%;
        padding-right: 12px
    }
}

@media (min-width:768px) {
    .services-links__list li {
        width: 33.33%
    }
}

@media (min-width:1200px) {
    .services-links__list li {
        width: 25%
    }
}

.services-links__list li:last-of-type {
    margin-right: auto
}

.types-of-services {
    max-width: 33rem;
    margin: 0 auto
}

@media (min-width:1024px) {
    .types-of-services {
        max-width: 100%
    }
}

.types-of-services .select-wrapper {
    position: relative;
    margin: 6px 0 12px
}

.types-of-services .select-wrapper:last-of-type {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .types-of-services .select-wrapper:last-of-type {
        margin-bottom: 1.5rem
    }
}

.types-of-services .select-wrapper:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    pointer-events: none;
    border-color: #100803 transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0;
    border-radius: 2px;
    margin: auto
}

.types-of-services label {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.types-of-services__tabs {
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08)
}

@media (min-width:1024px) {
    .types-of-services__tabs {
        max-width: 48.8rem
    }
}

@media (min-width:1024px) {
    .types-of-services__wrapper {
        background-color: #fff;
        border-radius: 0 4px 4px 4px;
        display: grid;
        grid-template-columns: minmax(auto, 33rem) minmax(auto, 32rem);
        grid-gap: 2.5rem;
        padding: 60px 70px;
        -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
        box-shadow: 0 15px 40px rgba(16, 8, 3, .08)
    }
}

.types-of-services__wrapper h5 {
    margin-bottom: 1rem;
    color: #fff;
}

@media (min-width:1024px) {
    .types-of-services__wrapper h5 {
        margin-bottom: 1.5rem
    }
}

.types-of-services .types-of-services__form-container {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 1rem;
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08)
}

@media (min-width:1024px) {
    .types-of-services .types-of-services__form-container {
        background-image: linear-gradient(312deg, #ffb806  20%, #ffb806  99%);
        border-radius: 4px;
        padding: 44px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.types-of-services .service-form__btn {
    padding: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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) {
    .types-of-services .service-form__btn {
        background-color: #100803;
        color: #fff
    }

    .types-of-services .service-form__btn:active,
    .types-of-services .service-form__btn:focus,
    .types-of-services .service-form__btn:hover {
        background-color: #fff;
        color: #100803
    }
}

.types-of-services__description-container {
    position: relative;
    padding: 16px 16px 26px;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    border-radius: 4px;
    margin-top: 1.5rem;
    background-color: #fff
}

@media (min-width:1024px) {
    .types-of-services__description-container {
        margin-top: 0;
        border-radius: 4px;
        padding: 44px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (min-width:1024px) {
    .types-of-services__steps {
        max-width: 20.9rem
    }
}

.types-of-services__steps li {
    font-size: 14px;
    line-height: 1.6;
    color: #585655;
    margin-bottom: 2px
}

@media (min-width:1024px) {
    .types-of-services__steps li {
        font-weight: 500;
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 8px
    }
}

.types-of-services__steps li:last-of-type {
    margin-bottom: 0
}

.types-of-services__description-img {
    position: absolute;
    right: 0;
    bottom: 0
}

@media (min-width:1024px) {
    .types-of-services__description-img {
        width: 130px;
        height: auto;
        right: -23px;
        bottom: -23px
    }
}

@media (max-width:1024px) {

    [data-type-of-services-2] .types-of-services__form-container,
    [data-type-of-services-2] .types-of-services__tabs {
        -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
        box-shadow: 0 15px 40px rgba(16, 8, 3, .08)
    }

    [data-type-of-services-2] .types-of-services__form-container {
        background-color: #fff
    }
}

.our-guarantee {
    padding: 70px 0 100px;
}

@media (min-width:1024px) {
    .our-guarantees__inner {
        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
    }
}

.our-guarantees__header {
    margin-bottom: 1rem;
}

@media (min-width:1024px) {
    .our-guarantees__header {
        margin-bottom: 30px;
        font-weight: 500;
    }
}

.our-guarantees__list {
    display: grid;
    grid-gap: 1.5rem;
    width: 100%;
    max-width: 48rem;
    margin: 0 auto 1.5rem
}

@media (min-width:1024px) {
    .our-guarantees__list {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        grid-row-gap: 2.5rem;
        row-gap: 2.5rem;
        margin: 0 20px 0 0;
        width: 60%
    }
}

@media (min-width:1200px) {
    .our-guarantees__list {
        width: 100%;
        grid-column-gap: 4rem;
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        grid-row-gap: 4.5rem;
        row-gap: 4.5rem;
        margin: 0 60px 0 0
    }
}

.our-guarantees__list__item {
    margin-bottom: 0
}

.our-guarantees__list__item--moneyback h4:before {
    background-image: url(../images/ico_money.svg)
}

.our-guarantees__list__item--auth h4:before {
    background-image: url(../images/ico_authenticity.svg)
}

.our-guarantees__list__item--confident h4:before {
    background-image: url(../images/ico_confidentiality.svg)
}

.our-guarantees__list__item--revision h4:before {
    background-image: url(../images/ico_revisions.svg)
}

.our-guarantees__list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

@media (min-width:1024px) {
    .our-guarantees__list__title {
        margin-bottom: 18px
    }
}

.our-guarantees__list__title:before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 1.5rem
}

@media (min-width:1024px) {
    .our-guarantees__list__title:before {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 1rem
    }
}

.our-guarantees__list__text {
    margin-bottom: 0
}



@media (min-width:1024px) {
    .our-guarantees__statistics {
        width: 386px;
        height: 386px;
        padding: 61px;
        border-radius: 50%;
        background-image: linear-gradient(312deg, #ffb806  20%, #ffb806  99%);
        margin: 0;
        position: relative
    }
}

@media (min-width:1024px) {
    .our-guarantees__statistics:after {
        width: 100%;
        height: 100%;
        top: 6px;
        left: 8px
    }
}

@media (min-width:1024px) {

    .our-guarantees__statistics:after,
    .our-guarantees__statistics:before {
        content: "";
        position: absolute;
        border: 1px solid #100803;
        border-radius: 50%
    }

    .our-guarantees__statistics:before {
        width: 64px;
        height: 64px;
        bottom: 6px;
        right: 8px
    }
}

.our-guarantees__statistics__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .our-guarantees__statistics__row {
        display: block;
        text-align: center
    }
}

.our-guarantees__statistics__row:first-of-type {
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .our-guarantees__statistics__row:first-of-type {
        margin-bottom: 1.5rem
    }
}

.our-guarantees__statistics__numbers {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 46px;
    line-height: 55px;
    min-width: 120px;
    color: #ffb806 
}

@media (min-width:1024px) {
    .our-guarantees__statistics__numbers {
        font-size: 60px;
        line-height: 72px;
        color: #fff
    }
}

.our-guarantees__statistics__description {
    max-width: 152px;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px
}

@media (min-width:1024px) {
    .our-guarantees__statistics__description {
        max-width: 200px;
        font-size: 16px;
        line-height: 24px;
        margin: 0 auto
    }
}

.our-guarantees__cta {
    margin-top: 1.5rem
}

@media (min-width:1024px) {
    .our-guarantees__cta {
        margin-top: 4.5rem
    }
}

.our-guarantees .guarantees-cta {
    background: #fff;
    -webkit-box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    box-shadow: 0 15px 40px rgba(16, 8, 3, .08);
    border-radius: 4px;
    padding: 1.5rem 1.5rem 0;
    -webkit-transition: height .3s linear;
    transition: height .3s linear;
    position: relative
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta {
        height: 259px;
        padding: 2rem;
        background-image: url(../images/img_circle-additional-dark-06.svg);
        background-repeat: no-repeat;
        background-position: 110% -100px
    }
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta.is-active {
        height: 647px
    }
}

.our-guarantees .guarantees-cta.is-active .guarantees-cta__more:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.our-guarantees .guarantees-cta__content {
    max-width: 33rem;
    width: 100%;
    margin: 0 auto 1rem
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta__content {
        max-width: 45rem;
        padding-left: 8rem;
        margin: 0 auto
    }
}

.our-guarantees .guarantees-cta h5 {
    margin-bottom: 8px
}

.our-guarantees .guarantees-cta__subtitle {
    margin-bottom: 1.5rem
}

.our-guarantees .guarantees-cta__list {
    display: none;
    margin-bottom: 1.5rem
}

.our-guarantees .guarantees-cta__list.is-active {
    display: block
}

.our-guarantees .guarantees-cta__list li {
    margin-bottom: 1rem
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta__list li {
        margin-bottom: 18px
    }
}

.our-guarantees .guarantees-cta__list li:last-of-type {
    margin-bottom: 0
}

.our-guarantees .guarantees-cta__btn-wrapper {
    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
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta__btn-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:1023px) {
    .our-guarantees .guarantees-cta .btn {
        width: 100%;
        text-align: center
    }
}

.our-guarantees .guarantees-cta__more {
    margin-top: 1rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta__more {
        margin: 0 0 0 2.5rem
    }
}

.our-guarantees .guarantees-cta__more:after {
    content: url(../images/ico_arrow-down.svg);
    margin-left: 8px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta__more:after {
        margin-left: 12px
    }
}

.our-guarantees .guarantees-cta__more:focus:after,
.our-guarantees .guarantees-cta__more:hover:after {
    content: url(../images/ico_arrow-down-orange.svg)
}

.our-guarantees .guarantees-cta__percentage {
    color: #ffbe21;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2
}

.our-guarantees .guarantees-cta__img {
    position: relative;
    left: -24px;
    bottom: 0
}

@media (min-width:1024px) {
    .our-guarantees .guarantees-cta__img {
        position: absolute;
        left: 0;
        width: 321px;
        height: auto
    }
}


.banner-container {
    position: relative;
    padding: 0 75px;
    border-radius: 0;
}

.banner-separate-col {
    padding: 32px 0 42px;
}

.form-col::before {
    position: absolute;
    content: '';
    background: #fff !important;
    width: 100%;
    height: 100%;
    left: -11px;
    top: 0;
    z-index: 0;
    transform: skew(352deg, 0deg);
}

.calculate_order {
    position: relative;
    z-index: 100;
    margin: 0 auto;
    margin-left: -58px;
    padding: 0 20px;
}

.discount-ribbon {
    position: absolute;
    top: -32px;
    background: #ff0;
    padding: 8px 8px 6px;
    border-radius: 4px;
    left: -65px;
    font-weight: 800;
    width: 67px;
    font-size: 24px;
    line-height: 17px;
    border-radius: 5px 0 0 5px;
}

.discount-ribbon span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 19px;
    margin-top: 5px;
    display: inline-block;
}

.calculate_order h3 {
    font-size: 33px;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    margin-bottom: 20px;
    color: #ffb806 ;
    margin-top: 0;
}

.form-inner {
    padding: 0 45px;
    margin-left: -23px;
}

.form-control.form-input-css {
    background-color: #fff;
    border: 1px solid #06f;
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%;
    padding: 21px 12px;
    margin-bottom: 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 21px 11px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control {
    padding: 1.375rem -.25rem;
    border-radius: unset;
}

.form-col::after {
    position: absolute;
    content: '';
    background: #fff !important;
    width: 93px;
    height: 100%;
    top: 0;
    left: -56px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 7px;
}

.banner-form-btn-wrapper {
    max-width: 315px;
    margin-left: 31px;
    position: relative;
    margin-bottom: 10px;
}

.btn-submit {
    width: 100%;
    background-color: #ffb806 ;
    text-align: center;
    border: none;
    padding: 12px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    transition: all 500ms ease;
    outline: none !important;
    border-radius: 0;
    margin: 0 8px;
    border-radius: 5px;
}

.banner-col::before {
    position: absolute;
    content: '';
    background: #fff !important;
    width: 88px;
    height: 100%;
    top: 0;
    right: -52px;
    z-index: 3;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.main-banner-heading {
    z-index: 100;
    position: relative;
    margin-left: 72px;
    margin-top: 7px;
}

.banner-col::after {
    position: absolute;
    content: '';
    background: #fff !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(352deg, 0deg);
}

.main-banner-heading h4 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-left: 50px;
    position: relative;
    font-weight: 600;
}

.main-banner-heading h4::before {
    content: '';
    position: absolute;
    width: 50px;
    left: -56px;
    height: 2px;
    background-color: #000;
    border-radius: 15px;
    top: 48%;
}

.main-banner-heading h1 {
    color: #ffb806 ;
    font-size: 45px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 16px;
    text-transform: capitalize;
    margin-top: 9px;
}

.main-banner-heading span {
    display: flex;
    align-items: center;
    font-size: 27px;
    color: #000;
}

.banners-list li {
    color: #000;
    margin-bottom: 2px;
    display: flex;
    font-weight: 600;
    letter-spacing: 0;
}

.banners-list i {
    color: #ffb806 ;
    margin-right: 11px;
}

.main-banner-btn {
    display: flex;
    margin: 37px 0 0;
}

.main-banner-btn a {
    height: 47px;
}

.icon-btn {
    padding: 7px 20px 10px;
    font-weight: 600;
}

.style-btn {
    padding: 8px 20px;
}

.whatsapp-theme {
    background-color: #ffb806 ;
    color: #fff;
    font-size: 16px;
}

.whatsapp-theme i {
    margin-right: 5px;
    font-size: 20px;
    line-height: 0;
}

.whatsapp-theme:hover {
    background-color: #fff !important;
    color: #ffb806  !important;
}

.banner-btn {
    min-width: 265px;
}

.icon-btn i {
    font-size: 23px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.main-banner-btn a {
    height: 47px;
}

.ban-review-btn {
    display: inline-block;
    margin-left: 30px;
    text-decoration: none;
}

.ban-review-btn span {
    font-size: 14px;
    font-weight: 700;
    color: #484848;
}

.main-banner-heading span {
    display: flex;
    align-items: center;
    font-size: 27px;
    color: #000;
}

.main-banner-btn p {
    color: #3a3a3aed;
    font-weight: 700;
    font-size: 18px;
}

.main-banner-heading p {
    color: #fff;
    font-size: 1rem;
}

.ban-review-btn span {
    font-size: 14px;
    font-weight: 700;
    color: #484848;
}

.main-banner-heading span {
    display: flex;
    align-items: center;
    font-size: 27px;
    color: #000;
}

.ban-review-btn li {
    display: inline-block;
    margin: 0 1px;
}

.ban-review-btn i {
    font-size: 15px;
    color: #ffc107;
}

.innerform_sec2 {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #ffb806 ;
}

.hs7 {
    background-color: #ffb806 ;
    margin-top: 30px;
}

.hs7rw {
    align-items: center;
}

.innerform_sec2 .inner_page_form {
    margin-top: -40px;
    margin-bottom: -40px;
}

.inner_page_form {
    background-color: #000;
    padding: 40px;
    border-radius: 20px;
}

.inner_page_form h2 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    font-weight: 500;
}

.inner_page_form h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}


.inner_page_form input {
    width: 100%;
    margin-bottom: 20px;
    border: 2px solid #fff;
    height: 55px;
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    background: #EAE9F7;
    border-radius: 5px;
}

.inner_page_form input:first-child {
    margin-top: 20px;
}

.hs7c1 h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    line-height: 50px;
    font-family: 'Poppins';
}

.hs7c1 p {
    color: #fff;
    font-size: 16px;
    line-height: 27px;
}

.innerform_sec2 .hs7c1 span {
    color: #fff;
}

.innerform_sec2 {
    margin: 50px 0;
}

.sai button {
    width: 100%;
    margin-top: 20px;
    background: #ffb806 ;
    color: #fff;
    height: 55px;
    font-size: 22px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: 2px solid #ffb806 ;
    font-weight: 600;
    transition: 0.2s ease-in-out;
}

.sai button:hover {
    background: #fff;
    color: var(--tpink);
}

.navbar-services {
    position: absolute;
    top: 50px;
    background: #f8f9fa;
    left: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 20%);
    display: none;
    height: auto;
}

.navbar-services .style-dropdown-list {
    display: block !important;
    width: 100%;
    width: 100%;
    border-bottom: 0.2px solid #e4e4e4cc;
    color: #000;
    margin: 0 !important;
    padding: 0 !important;
}

.navbar-services .style-dropdown-item {
    display: block;
    padding: 10px 10px 10px !important;
    color: #000;
}

.order-now {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
}

.order-now i {
    margin-right: 5px;
    font-size: 20px;
    line-height: 0;
}

.order-now:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.order-now2 {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.order-now2 i {
    margin-right: 5px;
    font-size: 20px;
    line-height: 0;
}

.order-now2:hover {
    background: transparent;
    color: #000;
    border-color: #000;
}

.whatsapp-theme2 {
    background-color: #ffb806 ;
    color: #fff;
    font-size: 16px;
    margin-left: 1rem;
}

.whatsapp-theme2 i {
    margin-right: 5px;
    font-size: 20px;
    line-height: 0;
}

.whatsapp-theme2:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

.whatsapp-theme3 {
    background-color: #fff;
    color: #ffb806 ;
    font-size: 16px;
    margin-left: 1rem;
    border: 1px solid #fff;
}

.whatsapp-theme3 i {
    margin-right: 5px;
    font-size: 20px;
    line-height: 0;
}

.whatsapp-theme3:hover {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}


.bullets li {
    display: inline-block;
    padding-right: 40px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 10px;
}

.bullets li i {
    color: #ffb806 ;
    font-size: 18px;
    margin-right: 5px;
}

.banner-btns {
    position: relative;
    z-index: 9999;
}

.banner-btns ul,
.banner-btns li {
    display: inline-block;
}

.banner-form {
    background: #ffb806 ;
    padding: 26px;
    border-radius: 10px;
    margin-top: 2rem;
}

.banner-form h3 {
    font-size: 27px;
    margin-bottom: 18px;
    color: #fff;
    font-weight: 600;
}

.banner-form h3 span {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Poppins';
    background: white;
    border-radius: 7px;
    line-height: 0;
    padding: 0 5px;
}

.banner-form input {
    height: 46px;
    margin-bottom: 0;
    border-radius: 5px;
}

.banner-form button {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    height: 46px;
    padding: 0;
    border-radius: 5px;
    font-size: 18px;
}

.style-btn {
    transition: .2s ease-in;
    text-align: center;
}

.stripe {
    padding: 100px 0 110px;
    background-color: #f8f8f8;
}

.stripe .banner-btns ul {
    margin-top: 15px;
}


.about-img {
    position: relative;
}

.about-content {
    margin-right: 30px;
}

.p-bgc {
    background-color: #ffb806 ;
    display: inline-block;
    font-weight: 400;
    padding: 4px 30px;
    border-radius: 8px;
    color: #fff;
    line-height: normal;
    font-size: 20px;
}

.about-content h2 {
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 20px;
}

.about-content h2 span {
    color: #ffb806 ;
}

.about-content p {
    font-size: 16px;
}

.section-4-steps {
    padding: 0 0 100px;
}



.tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.single-promo-hover {
    transition: all 0.2s ease-out;
    will-change: transform;
}

.single-promo {
    overflow: hidden;
}

.single-promo-1 {
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12);
    border-radius: 1.5rem !important;
    height: 300px;
}

.single-promo .hover {
    position: absolute;
    opacity: 0;
    width: 100%;
    font-size: 14px;
    height: 100%;
    background: #ffb806 ;
    left: 0;
    top: 0;
    line-height: 19px;
    color: #fff;
    padding: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    text-decoration: none;
    transition: all 500ms ease;
}

.single-promo .hover:hover {
    opacity: 1;
}

.single-promo h5 {
    margin-top: 20px;
}

.circle-icon {
    margin-top: 60px;
}

.text-primary {
    color: #ffb806  !important;
}

.single-promo-1 span {
    font-size: 35px;
    background-image: url(../images/services-icon-bg.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0px -41px;
    width: 180px;
    height: 78px;
    display: inline-block;
    margin: 0;
    padding-top: 9px;
}

#footer {
    padding-top: 50px;
}

.bg-dark1 {
    background: #000;
}

.medium-heading {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.footer-tab ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-tab li {
    line-height: 1.4;
    margin: 15px 0;
    color: #fff;
    /* font-weight: 600; */
}

.list a {
    text-decoration: none;
    transition: .3s;
    font-size: 15px;
    /* font-weight: 500; */
}

.footer-section {
    padding: 30px 0 60px;
}

.footer-tab {
    padding: 0 8px;
}

.footer-tab a {
    font-size: 15px !important;
    /* font-weight: 500; */
    color: #fff;
}

.logo {
    display: inline-block;
    vertical-align: top;
    margin-right: 10%;
    /* margin-top: 3px; */
}

.footer-tab p {
    color: #fff;
    /* font-weight: 500; */
    font-size: 15px;
}

.payment-list li {
    display: inline-block;
    margin: 0 2px;
}

.payment-list i {
    font-size: 38px;
    color: #fff;
}

.social-list i {
    width: 30px;
    height: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-right: 2px;
    position: relative;
    top: -2px;
}

.social-list {
    display: flex;
    flex-direction: row;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: 15px 0;
}

.footer-bottom {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    padding: 20px 0 20px;
    font-weight: 500;
    background: #2d2d2c;
}

.promo-section {
    padding: 100px 0;
}

.promo-section .section-heading h2 strong {
    text-transform: none !important; 
}

.side-nav a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

.mobile-logo {
    width: auto;
    height: 75px;
}

.mobile-nav {
    top: 0;
    position: fixed;
    width: 100%;
    display: none;
    z-index: 999999;
}

.mobile-nav i {
    font-size: 30px;
    color: #000000;
    margin-right: 3px
}

.side-nav {
    width: 70%;
    height: 100%;
    position: fixed;
    top: 88px !important;
    background: #000000;
    z-index: 999999;
    transition: 1s;
    overflow: hidden;
    -webkit-transition: .6s ease-in-out;
    overflow-y: scroll;
    border: none;
}

.side-nav-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 80%);
    top: 0;
    left: 0;
    z-index: 99;
    display: none
}

.side-nav ul {
    margin: 30px 0;
}

.side-nav li {
    line-height: 1.8;
    padding: 0;
    /* border-bottom: 0.2px solid; */
}

.side-nav-open {
    right: 0 !important
}

.side-nav-close {
    right: -70% !important
}

.side-nav ul {
    margin: 30px 0
}

.side-nav li {
    line-height: 1.8;
    padding: 0;
    /* border-bottom:.2px solid; */
}

.spacing-x {
    padding: 0 0 100px;
}

.headingstyle-1 h6 {
    position: relative;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -.5px;
    color: #111111;
    display: inline-block;
}

.headingstyle-1 {
    text-align: center;
    position: relative;
}

.headingstyle-1 h6::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 1px;
    left: -30px;
    background-color: #ffb806 ;
}

.headingstyle-1 h6::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 1px;
    right: -28px;
    background-color: #ffb806 ;
}

.headingstyle-1 h3 {
    margin: 15px 0 10px 0;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.12;
}

.headingstyle-1 p {
    margin: 0;
    font-size: 16px;
}

.bg-gradient-1 {
    background: #ffb806 ;
    padding: 30px 25px;
    border-radius: 15px;
}

.happyGirl {
    position: absolute;
    top: 10px;
    left: 0;
    margin: -9rem 0 0 -7rem;
}

.sub-list {
    position: relative;
}

.sub-list ul li {
    display: block;
    margin-bottom: 9px;
    font-size: 16px;
    color: #FFFFFF;
}

.sub-list ul li i {
    margin-right: 5px;
    color: #FFFFFF;
    font-size: 14px;
}

.color-primary {
    color: #ffb806 ;
}

.ti-stars {
    margin-bottom: 6px;
    margin-top: 15px;
    text-align: left;
}

.ti-star.f {
    background-image: url(https://www.assignmentfied.com/assets/images/avatar/f.svg);
}

.ti-star.e {
    background-image: url(https://www.assignmentfied.com/assets/images/avatar/e.svg);
}

.ti-star {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0 !important;
    margin-right: 1px !important;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 768px) and (min-width: 1210px) {
    .mar10-t-large {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .mar0-tb-tablet {
        margin-top: 0;
        margin-bottom: 0;
    }

    .flex-nowrap-tablet>* {
        min-width: 0;
    }

    .w-auto-tablet {
        width: auto;
    }
}

.mar-auto-r {
    margin-right: auto;
}

.flex>* {
    min-width: 0;
}

.rating {
    display: inline-flex;
    flex-shrink: 0;
}

.white_bg {
    background: #fff;
}

.rounded30 {
    border-radius: 30px;
}

.w100 {
    width: 100%;
}

.pad10-rl {
    padding-right: 15px;
    padding-left: 10px;
}

.flex-shrink0 {
    flex-shrink: 0;
}

.flex-ai-center,
.flex-vcenter {
    align-items: center;
}

.flex>* {
    min-width: 0;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.rating .int_star {
    background-size: 14px auto;
    width: 14px;
    height: 14px;
}

.rating .int_star {
    display: block;
    background: url(../images/rating_star.svg) bottom left no-repeat;
    background-size: 20px auto;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
    margin-left: 5px;
}

.blank_star {
    background: url(../images/rating_star.svg) top left no-repeat !important;
}

.rating_count {
    line-height: 20px;
    margin-top: 1px;
    margin-bottom: 1px;
    position: relative;
}

.t20px {
    font-size: 20px;
}

.text-gold {
    color: #ffb806 ;
}

.text-semibold {
    font-weight: 600;
}

.mar30-l {
    margin-left: 30px;
}

.rating_count:before {
    display: inline-block;
    content: '';
    margin-right: 10px;
    border-radius: 50%;
    background: #ffb806 ;
    width: 20px;
    height: 20px;
}

.rating_count:after {
    display: block;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 5px;
    top: 5px;
    background: url(../images/rating_star_white.svg) bottom;
    background-size: 100% auto;
}

@media only screen and (max-width: 769px) {
    header {
        display: none;
    }

    .mobile-nav {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        height: 90px;
        padding: 0 8px;
        border-bottom: 1px solid #0000003b;
        box-shadow: 2px 2px 4px rgb(0 0 0 / 17%);
        position: fixed;
        width: 100%;
        left: 0;
        background: #fff;
    }

    .side-nav a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        padding: 12px 12px 12px 20px;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .side-nav li ul {
        background: rgba(25, 26, 48, 0.7);
    }

    .section-top-home {
        background-color: #2d2d2c;
        background-image: none;
        padding: 8rem 0 1rem;
        height: 100%;
    }

    .banner-btns li,
    .order-now {
        width: 100%;
        text-align: center;
    }

    .order-now2,
    .whatsapp-theme2 {
        width: 100%;
        text-align: center;
    }

    .whatsapp-theme2 {
        margin-left: 0;
    }

    .stripe,
    .our-guarantee,
    .section-top-experts,
    .promo-section {
        padding: 35px 0;
    }

    .our-guarantees__statistics {
        width: 100%;
        height: 235px;
        padding: 61px;
        border-radius: 0;
        background-image: linear-gradient(312deg, #ffb806  20%, #ffb806  99%);
        margin: 0;
        position: relative
    }

    .our-guarantees__statistics__numbers,
    .our-guarantees__statistics__description {
        color: #fff;
    }

    .section-4-steps .step li:nth-child(2) .btn {
        margin-top: 0;
    }

    .section-4-steps {
        padding: 20px 0 35px;
    }

    .section-freebies {
        padding: 40px 0;
    }

    .spacing-x {
        padding: 0 0 35px;
    }

    .section-cta {
        padding-top: 50px;
    }

    .innerform_sec2 .inner_page_form {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .inner_page_form input {
        height: 45px;
    }

    .innerform_sec2 {
        padding: 40px 0 30px;
    }

    .hs7c1 {
        padding-top: 20px;
    }

    .section-testimonials {
        padding: 30px 0;
    }

    .section-testimonials .btn--black-orange {
        display: none;
    }

    .slider-testimonial .slick-track {
        height: auto;
    }

    .section-testimonials .splide__slide {
        height: auto;
    }

    #footer .footer-section .justify-content-center {
        justify-content: start !important;
    }

    .section-top-home__title {
        font-size: 36px;
    }

    .splide__slide {
        height: auto;
    }

    .bg-gradient-1 {
        padding: 30px 25px 20px;
    }

    .happyGirl {
        margin: -4rem auto 2rem;
        position: unset;
        display: table;
    }

    .sub-list {
        margin-bottom: 9px;
    }

    .sub-list ul li {
        font-size: 15px;
        display: inline-block;
    }

    .section-top-home__rating {
        display: block;
    }

    .section-top-home__rating__stars {
        margin-bottom: 10px;
    }

    .section-top-home__rating .order-now {
        margin-top: 10px;
    }

    .banner-form {
        padding: 30px;
    }
    .banner-form button
    {
        margin-left: 15px;
    }

    .chooseform 
    {
        border: 1px solid var(--white);
    border-radius: 10px;
    width: 100% !important;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);

    }

    .bullets {
        display: none;
    }

    .section-top-home__inner .col-md-8 {
        padding: 0;
    }

    .about-content h2 {
        font-size: 26px;
    }

    .about-content {
        margin-right: 0;
    }

    .section-4-steps .section-4-steps__tabs .section-4-steps__tabs__item {
        margin-bottom: 0;
    }

    .circle-icon {
        margin-top: 0;
    }

    .single-promo-1 {
        height: auto;
    }

    .innerform_sec2 {
        margin: 0;
    }

    .whatsapp-theme3 {
        width: 100%;
        margin-left: 0;
    }

    .footer-bottom {
        text-align: center;
        font-size: 13px;
        line-height: 18px;
        color: #fff;
        padding: 15px 0 15px;
        font-weight: 500;
        background: #2d2d2c;
    }

    .inner_page_form h3 {
        font-size: 30px;
    }

    .inner_page_form {
        padding: 25px;
    }

    .headingstyle-1 h3 {
        font-size: 28px;
        line-height: 1.4;
    }

    .section-top-home__rating__description {
        font-size: 15px;
    }


    .section-top-home__rating__description {
        max-width: 144px;
        color: #dedede;
        font-size: 12px;
        line-height: 16px;
        text-align: center !important;
    }


}

@media only screen and (max-width: 430px) {

    .our-guarantees__statistics {
        width: 100%;
        height: 154px;
        padding: 15px;
        border-radius: 0;
        background-image: linear-gradient(312deg, #ffb806 20%, #ffb806 99%);
        margin: 0;
        position: relative;
    }
    .happyGirl img
    {
        width: 50%;
      
    }

    .happyGirl 
    {
        text-align: center;
      
    }
}


.reviews-buton {
    position: relative;
    top: 350px;
}

.revw-btn {
    position: absolute;
}

.btn-fixed {
    position: fixed;
    border-radius: 0 10% 10% 0;
    z-index: 9999;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%);
}

.reasons-sec {
    padding: 4rem 0;
}

.reasons-inners>h4 {
    font-size: 36px;
    font-weight: 700;
    color: #ffb806 ;
}

.reasons-box {
    display: flex;
    align-items: flex-start;
    padding: 20px 0 0 0;
    flex-wrap: wrap;
}

.reasons-box i {
    color: #ffb806 ;
    font-size: 60px;
}

.reason-box-cont {
    padding: 0 0 0 20px;
    flex: 0 1 80%;
}

.reason-box-cont>h3 {
    color: #000;
    font-size: 22px;
    margin: 0 0 7px 0;
    font-weight: 600;
}

.reason-box-cont>p {
    line-height: normal;
    color: #000;
    font-size: 1rem;
}

.chooseform {
    border: 1px solid var(--white);
    border-radius: 10px;
    width: 400px;
    box-shadow: 0 0 30px rgb(0 0 0 / 15%);
}

.form-hdgs {
    padding: 1.25rem 1rem 1.25rem;
}

.chooseform h3 {
    font-size: 1.3rem;
    text-transform: capitalize;
    margin: 0;
    font-weight: 700;
    text-align: center;
    line-height: 33px;
}

.chooseform .paragrh {
    background: #ffb806 ;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.chooseform .formStyle {
    margin-top: 1.5rem;
    padding: 0 1rem 1.25rem;
}

.formStyle label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    display: inline-block;
}

.formStyle .form-control {
    height: 3.125rem;
    border-color: #e6e6e6;
    border-radius: 5px;
}

.button-box {
    margin-top: 15px;
}


button[type="submit"]:disabled {
    opacity: .4;
    color: transparent !important;
}

.banner-form .btn-form {
    position: relative;
}

.banner-form .btn-form::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 45%;
    text-align: center;
    top: 9px;
    display: none;
}

.banner-form .btn-form:disabled:before {
    display: block;
}

.chooseform .order-now2 {
    position: relative;
}

.chooseform .order-now2::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 45%;
    text-align: center;
    top: 10px;
    display: none;
}

.chooseform .order-now2:disabled:before {
    display: block;
}

.contact-form .order-now2 {
    position: relative;
}

.contact-form .order-now2::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 45%;
    text-align: center;
    top: 10px;
    display: none;
}

.contact-form .order-now2:disabled:before {
    display: block;
}



@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.bg-theme {
    background-color: #2d2d2c;
    color: #ffffff;
}

.contact-section {
    padding: 100px 0 100px;
}

.contact-section h2 {
    font-size: 55px;
}

.lead {
    font-size: 1.25rem;
    font-weight: 400;
}

.icon-box.icon-box-style-1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}

.icon-box.icon-box-style-1 .icon-box-icon {
    padding-right: 16px;
    padding-right: 1rem;
}

.icon-box.icon-box-style-1 .icon-box-icon i {
    font-size: 36.8px;
    font-size: 2.3rem;
    top: -2px;
    position: relative;
}

.icon-box.icon-box-style-1 .icon-box-info p {
    font-size: 14.4px;
    font-size: 0.9rem;
    color: #000;
}

.icon-box-info .img-fluid {
    max-width: auto;
    width: auto;
    margin-top: 7px;
}

.icon-box.icon-box-style-1 .icon-box-info p a {
    color: #000;
    text-decoration: none;
}

label.error {
    display: none !important;
}

.error {
    font-size: 12px;
    color: red;
}

.error {
    background: #f6d8d8 !important;
    border: 1px solid #f65050 !important;
}

.floatbutton {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    right: -370px;
    top: 17%;
    font-size: 0;
    width: 420px;
    z-index: 999;
}

.btns_wrap {
    position: fixed;
    right: -6px;
}

.btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: -210px;
    width: 280px;
    background: -moz-linear-gradient(-45deg, #466cf7 0%, #2a3db6 100%);
    background: -webkit-linear-gradient(135deg, #fcc12d 0%, #b3830c 100%);
    background: linear-gradient(135deg, #fcc12d 0%, #b3830c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E40017', endColorstr='#ab0314', GradientType=1);
    top: 150px;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px 0px 0px 3px;
    z-index: 9999;
    background: #ffb806 ;
}

.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo {
    color: #fff;
    /* background: #E40017; */
    /* background: #E40017; */
    background: -moz-linear-gradient(-45deg, #466cf7 0%, #2a3db6 100%);
    /* background: -webkit-linear-gradient(-45deg, #466cf7 0%,#2a3db6 100%); */
    /* background: linear-gradient(135deg, #E40017 0%,#ab0314 100%); */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E40017', endColorstr='#ab0314', GradientType=1);
    font-size: 18px;
    padding: 10px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
    background: #ffb806 ;
}

.btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    /* background: #000; */
    padding: 15px 30px 15px 15px;
}

.btns_wrap .call_wrap {
    width: 280px;
    position: absolute;
    right: -210px;
    background: -moz-linear-gradient(-45deg, #466cf7 0%, #2a3db6 100%);
    background: -webkit-linear-gradient(135deg, #fcc12d 0%, #b3830c 100%);
    background: linear-gradient(135deg, #fcc12d 0%, #b3830c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E40017', endColorstr='#ab0314', GradientType=1);
    top: 225px;
    border-radius: 3px 0px 0px 3px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    background: #ffb806 ;
}

.btns_wrap .chat_wrap span.icoo i,
.btns_wrap .call_wrap span.icoo i {
    font-size: 25px;
}

.btns_wrap a:hover {
    text-decoration: none !important;
    right: 0px;
}

.address-img {
    width: auto;
    height: 100%;
    margin-top: 4px;
}

.chat-phone {
    vertical-align: middle;
    width: auto;
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .reasons-box {
        display: block;
        text-align: center;
    }

    .reason-box-cont {
        padding: 0;
    }

    .chooseform .paragrh {
        font-size: 17px;
    }

    .contact-section {
        padding: 150px 0 50px;
    }
}

.discount_chip {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 1.2rem;
    /* letter-spacing: 1px; */
}

.discount_chip:after {
    content: '';
    right: 0;
    transition: .3s all;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ffb806 ;
    border-radius: 50%;
    position: relative;
    top: -13px;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out;
}

@keyframes heartBeat {
    0% {
        transform: scale(1);
    }

    14% {
        transform: scale(1.08);
    }

    28% {
        transform: scale(1);
    }

    42% {
        transform: scale(1.3);
    }

    70% {
        transform: scale(1);
    }
}

#qlwapp.qlwapp-bottom-left,
#qlwapp.qlwapp-bottom-right {
    top: auto;
    bottom: 0;
}

#qlwapp.qlwapp-middle-left,
#qlwapp.qlwapp-bottom-left {
    right: auto;
    left: 30px;
}

#qlwapp.qlwapp-middle-left,
#qlwapp.qlwapp-bottom-left,
#qlwapp.qlwapp-middle-right,
#qlwapp.qlwapp-bottom-right {
    position: fixed;
    z-index: 9999999;
}

#qlwapp.qlwapp-js-ready {
    display: block;
}

@media (min-width: 430px) {
    #qlwapp {
        width: 430px;
    }
}

#qlwapp {
    pointer-events: none;
    box-sizing: border-box;
    font-size: 18px;
}

#qlwapp .qlwapp-toggle,
#qlwapp .qlwapp-box .qlwapp-header,
#qlwapp .qlwapp-box .qlwapp-user,
#qlwapp .qlwapp-box .qlwapp-user:before {
    background-color: #ffb806 ;
}

#qlwapp .qlwapp-previous,
#qlwapp .qlwapp-close,
#qlwapp .qlwapp-toggle,
#qlwapp .qlwapp-box .qlwapp-header,
#qlwapp .qlwapp-box .qlwapp-contact,
#qlwapp .qlwapp-box .qlwapp-user {
    color: #ffffff;
}

#qlwapp .qlwapp-toggle {
    pointer-events: all;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16);
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
    text-decoration: none;
}

#qlwapp.qlwapp-button .qlwapp-toggle {
    height: 40px;
    white-space: nowrap;
    padding: 12px 24px;
}

#qlwapp .qlwapp-developer,
#qlwapp .qlwapp-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle {
    border-radius: 50px;
}

#qlwapp.qlwapp-button .qlwapp-toggle i {
    margin: 0 12px 0 0;
}

#qlwapp.qlwapp-button .qlwapp-toggle i {
    font-size: 25px;
}
@media (max-width: 376px) {
    .banner-form {
        padding: 30px !important;
    }
}

@media (max-width: 767px) {
    #qlwapp.qlwapp-js-ready{
        display: none;
    }
    .fixed-button-bottom {
        display: block;
    }
}

.bg-light {
    background-color: #f8f9fa !important;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 10px 12px;
    background-color: #f8f9fa !important;
}

.fixed-button-bottom {
    display: none;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.fixed-button-bottom .whatsapp-theme2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
}

.fixed-button-bottom .order-now2 {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.font-weight-light {
    font-weight: 500 !important;
}


