@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

:root {
    --dark: rgb(29,35,64);
    --second-text: rgb(74,79,102);
    --blue: rgb(64,93,219)
}

body, html {
    height: 100%
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.pagewrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

body {
    font-family: "Inter",sans-serif;
    font-size: 16px
}

    body * {
        line-height: 150%
    }

@media (min-width:1500px) {
    .container {
        max-width: 1450px
    }
}

input {
    outline: none
}

a {
    text-decoration: none
}

button {
    outline: none;
    border: none;
    background: transparent;
    padding: 0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.bluebtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px;
    width: 100%;
    max-width: 172px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 172px;
    flex: 0 0 172px;
    font-size: 17px;
    color: #fff;
    background: #405DDB;
    font-weight: 500;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    border: 1px solid #405DDB
}

    .bluebtn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0;
        clip-path: circle(0% at 50% 50%);
        background: #fff;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        opacity: 1
    }

    .bluebtn:hover {
        color: #405DDB
    }

        .bluebtn:hover:before {
            clip-path: circle(100% at 50% 50%)
        }

    .bluebtn.white {
        background: #fff;
        border: 1px solid #fff;
        color: var(--dark)
    }

        .bluebtn.white:before {
            background: #405DDB
        }

        .bluebtn.white:hover {
            color: #fff
        }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

main.main {
    padding-top: 91px
}

.inputfield {
    position: relative;
    margin-bottom: 10px
}

    .inputfield input {
        height: 48px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #CCD1D9;
        padding-left: 15px;
        padding-right: 5px;
        font-size: 15px;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

        .inputfield input:focus {
            border-color: #405DDB
        }

        .inputfield input::-webkit-input-placeholder {
            color: #8F9BAD
        }

        .inputfield input::-moz-placeholder {
            color: #8F9BAD
        }

        .inputfield input:-ms-input-placeholder {
            color: #8F9BAD
        }

        .inputfield input::-ms-input-placeholder {
            color: #8F9BAD
        }

        .inputfield input::placeholder {
            color: #8F9BAD
        }

    .inputfield textarea {
        resize: none;
        height: 66px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        border: 1px solid #CCD1D9;
        padding-left: 15px;
        padding-right: 5px;
        font-size: 15px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        padding-top: 10px;
        outline: none
    }

        .inputfield textarea::-webkit-scrollbar {
            width: 6px
        }

        .inputfield textarea::-webkit-scrollbar-thumb {
            background-color: var(--blue);
            border-radius: 10px
        }

        .inputfield textarea:focus {
            border-color: #405DDB
        }

        .inputfield textarea::-webkit-input-placeholder {
            color: #8F9BAD
        }

        .inputfield textarea::-moz-placeholder {
            color: #8F9BAD
        }

        .inputfield textarea:-ms-input-placeholder {
            color: #8F9BAD
        }

        .inputfield textarea::-ms-input-placeholder {
            color: #8F9BAD
        }

        .inputfield textarea::placeholder {
            color: #8F9BAD
        }

    .inputfield .select2-container {
        width: 100% !important
    }

    .inputfield .select2-container--default .select2-selection--single {
        border: 1px solid #CCD1D9;
        height: 48px;
        border-radius: 10px
    }

        .inputfield .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 48px;
            padding-left: 15px;
            padding-right: 30px;
            font-size: 15px
        }

        .inputfield .select2-container--default .select2-selection--single .select2-selection__placeholder {
            color: #8F9BAD
        }

        .inputfield .select2-container--default .select2-selection--single .select2-selection__arrow b {
            display: none
        }

        .inputfield .select2-container--default .select2-selection--single .select2-selection__arrow {
            width: 20px;
            height: 20px;
            background: url("../img/select-arrow.svg") no-repeat center/100%;
            right: 13px;
            top: 14px
        }

h1 {
    font-size: 46px;
    font-weight: 600;
    line-height: 140%;
    color: #fff
}

h3 {
    color: var(--dark);
    font-size: 40px;
    font-weight: 500;
    line-height: 140%
}

@media (max-width:1399.8px) {
    h1 {
        font-size: 42px
    }

    h3 {
        font-size: 30px
    }
}

@media (max-width:1199.8px) {
    h1 {
        font-size: 38px
    }

        h1 br {
            display: none
        }
}

@media (max-width:991.8px) {
    h1 {
        font-size: 42px
    }
}

@media (max-width:767.8px) {
    h1 {
        font-size: 36px
    }
}

@media (max-width:575.8px) {
    h1 {
        font-size: 26px
    }

    h3 {
        font-size: 24px
    }
}

.sellmileswrap {
    padding: 9px 0 0 0
}

.sellmiles {
    position: relative;
    padding: 100px 115px;
    min-height: 700px;
    overflow: hidden;
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .sellmiles .formbox, .sellmiles .infobox {
        position: relative;
        z-index: 4
    }

    .sellmiles .infobox {
        width: 100%;
        max-width: calc(100% - 410px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 410px);
        flex: 0 0 calc(100% - 410px);
        padding-top: 27px
    }

        .sellmiles .infobox h1 {
            margin-bottom: 40px
        }

        .sellmiles .infobox p {
            max-width: 503px;
            color: #fff;
            font-size: 17px;
            margin-bottom: 25px
        }

            .sellmiles .infobox p:last-child {
                margin-bottom: 0
            }

            .sellmiles .infobox p a {
                color: #fff;
                text-decoration: underline;
                text-underline-offset: 3px
            }

                .sellmiles .infobox p a:hover {
                    text-decoration: none
                }

    .sellmiles .formbox {
        width: 100%;
        max-width: 410px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 410px;
        flex: 0 0 410px;
        background: #fff;
        border-radius: 20px;
        padding: 20px 20px 20px 20px
    }

        .sellmiles .formbox form {
            width: 100%
        }

            .sellmiles .formbox form .row {
                margin-left: -5px;
                margin-right: -5px
            }

                .sellmiles .formbox form .row .col-lg-12, .sellmiles .formbox form .row .col-md-6 {
                    padding-left: 5px;
                    padding-right: 5px
                }

            .sellmiles .formbox form .bluesbm {
                border-radius: 10px;
                max-width: 100%;
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                height: 48px;
                margin-top: 15px;
                font-size: 15px
            }

        .sellmiles .formbox .infotext {
            font-size: 15px;
            position: relative;
            color: #8F9BAD;
            margin: 18px 0 0 0;
            text-align: center
        }

            .sellmiles .formbox .infotext img {
                width: 20px;
                vertical-align: middle;
                margin-top: -1px
            }

    .sellmiles:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(68,98,231,0.78);
        z-index: 2
    }

.sellmiles__bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.icstatwrap {
    padding: 50px 0
}

.icstat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.icstat__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative
}

    .icstat__box:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 63px;
        background: rgba(94,123,249,0.4);
        position: absolute;
        right: -80px
    }

    .icstat__box img {
        width: 100%;
        max-width: 64px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px
    }

    .icstat__box p {
        width: 100%;
        max-width: calc(100% - 64px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 64px);
        flex: 0 0 calc(100% - 64px);
        margin: 0;
        color: #1D2340;
        font-size: 16px;
        font-weight: 500;
        padding-left: 17px
    }

        .icstat__box p span {
            display: block;
            font-size: 22px;
            font-weight: 600
        }

    .icstat__box:first-child {
        max-width: 180px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px
    }

    .icstat__box:nth-child(2) {
        max-width: 285px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 285px;
        flex: 0 0 285px
    }

    .icstat__box:nth-child(3) {
        max-width: 210px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 210px;
        flex: 0 0 210px
    }

    .icstat__box:nth-child(4) {
        max-width: 268px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 268px;
        flex: 0 0 268px
    }

        .icstat__box:nth-child(4):after {
            display: none
        }

.stepssect {
    padding: 100px 0 140px
}

    .stepssect h3 {
        margin-bottom: 36px
    }

.stepssect__boxes {
    padding: 98px 85px 0 85px
}

    .stepssect__boxes .row {
        margin-left: -35px;
        margin-right: -35px
    }

        .stepssect__boxes .row .col-xl-4 {
            padding-left: 35px;
            padding-right: 35px
        }

.stepssect__box {
    border: 1px solid #405DDB;
    border-radius: 20px;
    padding: 73px 26px 41px;
    text-align: center;
    position: relative;
    min-height: 211px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer
}

    .stepssect__box:hover {
        background: #405DDB
    }

        .stepssect__box:hover p {
            color: #fff
        }

    .stepssect__box p {
        color: var(--second-text);
        margin: 0
    }

    .stepssect__box .title {
        margin-bottom: 16px;
        font-size: 22px;
        color: var(--dark);
        font-weight: 600
    }

    .stepssect__box .imgwrap {
        background: #fff;
        width: 130px;
        height: 118px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -65px;
        border-radius: 20px;
        overflow: hidden;
        padding: 10px
    }

        .stepssect__box .imgwrap img {
            width: 100%
        }

.stepssect__plane {
    height: 94px;
    position: relative;
    width: calc(100% - 170px);
    margin: 0 auto
}

    .stepssect__plane .greyline {
        width: 100%;
        height: 3px;
        background: var(--dark);
        opacity: 0.1;
        position: absolute;
        top: 54px;
        left: 0
    }

    .stepssect__plane .blueline {
        width: 0;
        height: 3px;
        background: #6982E9;
        position: absolute;
        top: 54px;
        left: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    .stepssect__plane .planeimg {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 10%;
        -webkit-transition: 0.5s;
        transition: 0.5s
    }

    .stepssect__plane.hov1 .blueline {
        width: 13%
    }

    .stepssect__plane.hov2 .planeimg {
        left: 46%
    }

    .stepssect__plane.hov2 .blueline {
        width: 50%
    }

    .stepssect__plane.hov3 .planeimg {
        left: calc(100% - 94px)
    }

    .stepssect__plane.hov3 .blueline {
        width: 100%
    }

.infosect1 {
    padding: 120px 0;
    background: var(--blue)
}

    .infosect1 h3 {
        max-width: 560px;
        color: #fff;
        margin-bottom: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255,255,255,0.4)
    }

    .infosect1 .descrwrap p {
        font-size: 17px;
        color: #fff
    }

        .infosect1 .descrwrap p:last-child {
            margin-bottom: 0
        }

    .infosect1 .imgwrap {
        margin-top: 60px
    }

        .infosect1 .imgwrap img {
            border-radius: 30px;
            width: 100%
        }

.getquickkash {
    padding: 120px 0 50px
}

.getquickkashwrap {
    border-radius: 30px;
    background: #F5F5F7;
    padding: 50px 80px
}

    .getquickkashwrap .imgwrap {
        text-align: right
    }

        .getquickkashwrap .imgwrap img {
            max-width: 100%;
            display: inline-block
        }

.gqkdescr {
    padding-left: 40px;
    border-left: 1px solid rgba(94,123,249,0.4)
}

    .gqkdescr h3 {
        margin-bottom: 40px
    }

    .gqkdescr p {
        font-size: 22px;
        font-weight: 500;
        color: var(--second-text);
        margin-bottom: 45px;
        line-height: 150%
    }

.testimonials {
    padding: 100px 0 130px
}

    .testimonials h3 {
        margin-bottom: 40px
    }

    .testimonials .testimonials__status {
        text-align: center;
        margin-bottom: 60px
    }

        .testimonials .testimonials__status .imgswrap {
            margin-bottom: 20px
        }

            .testimonials .testimonials__status .imgswrap img {
                vertical-align: middle;
                display: inline-block;
                margin: 0 11px
            }

        .testimonials .testimonials__status p {
            color: #6E6E78;
            font-size: 17px
        }

            .testimonials .testimonials__status p b {
                font-weight: 600
            }

            .testimonials .testimonials__status p i {
                color: #B0B0B0;
                font-style: normal;
                margin: 0 4px;
                display: inline-block
            }

.testimbox {
    border: 1px solid var(--blue);
    margin-bottom: 35px;
    border-radius: 20px;
    padding: 26px
}

    .testimbox:last-child {
        margin-bottom: 0
    }

    .testimbox .testimbox__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px
    }

        .testimbox .testimbox__top img {
            width: 100%;
            max-width: 122px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 122px;
            flex: 0 0 122px
        }

        .testimbox .testimbox__top p {
            width: 100%;
            max-width: calc(100% - 122px);
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 122px);
            flex: 0 0 calc(100% - 122px);
            text-align: right;
            margin: 0;
            font-size: 14px;
            color: var(--second-text)
        }

    .testimbox .testimbox_main {
        margin-bottom: 22px
    }

        .testimbox .testimbox_main p {
            color: var(--second-text);
            margin: 0;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 96px
        }

        .testimbox .testimbox_main .title {
            margin-bottom: 12px;
            font-size: 17px;
            color: var(--dark);
            font-weight: 600;
            min-height: initial;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical
        }

    .testimbox .testimbox__bott {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .testimbox .testimbox__bott .ava {
            width: 100%;
            max-width: 60px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 60px;
            flex: 0 0 60px;
            border-radius: 50%;
            overflow: hidden;
            height: 60px
        }

            .testimbox .testimbox__bott .ava img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: 50% 50%;
                object-position: 50% 50%
            }

        .testimbox .testimbox__bott .authordescr {
            width: 100%;
            max-width: calc(100% - 60px);
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 60px);
            flex: 0 0 calc(100% - 60px);
            padding-left: 20px
        }

            .testimbox .testimbox__bott .authordescr p {
                margin: 0;
                font-size: 14px;
                color: var(--second-text)
            }

            .testimbox .testimbox__bott .authordescr .name {
                margin-bottom: 2px;
                font-size: 22px;
                font-weight: 600;
                color: var(--dark)
            }

.testimsl {
    padding-bottom: 80px
}

    .testimsl .swiper-pagination {
        bottom: 15px
    }

        .testimsl .swiper-pagination .swiper-pagination-bullet {
            background: var(--dark)
        }

            .testimsl .swiper-pagination .swiper-pagination-bullet > li:nth-child(n+6) {
                display: none
            }

    .testimsl .swiper-button-next, .testimsl .swiper-button-prev {
        width: 48px;
        height: 48px;
        top: initial;
        bottom: 0
    }

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

    .testimsl .swiper-button-next {
        background: url("../img/next.png") no-repeat center/100%;
        right: 35%
    }

    .testimsl .swiper-button-prev {
        background: url("../img/prev.png") no-repeat center/100%;
        left: 35%
    }

.contactus {
    padding: 120px 0 150px;
    background: #F5F5F7
}

    .contactus .contleft {
        padding-left: 70px;
        max-width: 500px
    }

        .contactus .contleft h3 {
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(94,123,249,0.4);
            margin-bottom: 20px
        }

        .contactus .contleft p {
            font-size: 17px;
            margin-bottom: 40px;
            color: var(--second-text)
        }

            .contactus .contleft p b {
                font-weight: 600
            }

        .contactus .contleft ul li {
            margin-bottom: 22px
        }

            .contactus .contleft ul li:last-child {
                margin-bottom: 0
            }

            .contactus .contleft ul li .contlistdescr {
                position: relative;
                padding-right: 100px
            }

                .contactus .contleft ul li .contlistdescr img {
                    position: absolute;
                    right: 24px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

            .contactus .contleft ul li p {
                margin-bottom: 5px;
                color: var(--second-text);
                font-size: 17px
            }

                .contactus .contleft ul li p:last-child {
                    margin-bottom: 0
                }

                .contactus .contleft ul li p a {
                    color: var(--second-text);
                    text-decoration: none
                }

                    .contactus .contleft ul li p a:hover {
                        text-decoration: underline
                    }

            .contactus .contleft ul li .title {
                margin-bottom: 16px;
                font-size: 22px;
                color: #1D2340;
                font-weight: 600
            }

.contright form {
    padding: 40px;
    background: #fff;
    max-width: 610px;
    border-radius: 20px
}

.contright h3 {
    text-align: center;
    margin-bottom: 20px
}

.contright p {
    text-align: center;
    font-size: 17px;
    color: var(--second-text);
    margin-bottom: 40px
}

.contright textarea {
    height: 84px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #CCD1D9;
    padding-left: 15px;
    padding-right: 5px;
    font-size: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    outline: none;
    padding-top: 15px;
    resize: none
}

    .contright textarea:focus {
        border-color: #405DDB
    }

    .contright textarea::-webkit-input-placeholder {
        color: #8F9BAD
    }

    .contright textarea::-moz-placeholder {
        color: #8F9BAD
    }

    .contright textarea:-ms-input-placeholder {
        color: #8F9BAD
    }

    .contright textarea::-ms-input-placeholder {
        color: #8F9BAD
    }

    .contright textarea::placeholder {
        color: #8F9BAD
    }

.contright .inputfield {
    margin-bottom: 20px
}

.contright .bluebtn {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px
}

.sellmiles .infobox {
    padding-right: 30px
}

.testimbox .testimbox__bott .authordescr p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.fixedelements {
    position: fixed;
    right: calc((100vw - 1450px) / 2);
    bottom: 10px;
    z-index: 5;
    width: 72px;
    text-align: center;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

    .fixedelements .totop {
        margin-bottom: 15px;
        display: inline-block;
        -webkit-filter: drop-shadow(0 2px 4px rgba(117,117,117,0.12));
        filter: drop-shadow(0 2px 4px rgba(117,117,117,0.12))
    }

    .fixedelements.visible {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

@media (max-width:1499.8px) {
    .fixedelements {
        right: calc((100vw - 1320px) / 2)
    }
}

@media (max-width:1399.8px) {
    .fixedelements {
        right: calc((100vw - 1140px) / 2)
    }

    .sellmiles {
        padding: 60px;
        min-height: initial
    }

    .icstat__box:after {
        right: -30px
    }

    .stepssect__box {
        padding: 60px 20px 30px
    }

        .stepssect__box .imgwrap {
            width: 110px;
            height: 110px;
            top: -55px
        }

    .stepssect__boxes .row {
        margin-right: -12px;
        margin-left: -12px
    }

        .stepssect__boxes .row .col-xl-4 {
            padding-left: 12px;
            padding-right: 12px
        }

    .infosect1 h3 {
        max-width: 500px
    }

    .testimonials .testimonials__status .imgswrap img {
        width: 170px;
        vertical-align: middle
    }

        .testimonials .testimonials__status .imgswrap img:nth-child(2) {
            width: 160px
        }

    .testimonials .testimonials__status {
        margin-bottom: 40px
    }

    .testimbox .testimbox__top img {
        max-width: 100px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }

    .testimbox .testimbox__top p {
        max-width: calc(100% - 100px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
        padding-left: 10px
    }

    .testimbox {
        margin-bottom: 25px;
        padding: 20px
    }

        .testimbox .testimbox__top p {
            min-height: 24px
        }

    .contactus .contleft ul li .contlistdescr img {
        width: 50px
    }

    .getquickkash {
        padding: 100px 0 50px
    }

    .contactus, .infosect1, .stepssect, .testimonials {
        padding: 100px 0
    }

    .stepssect__box .title {
        font-size: 20px
    }

    .gqkdescr p {
        font-size: 18px
    }

    .contactus .contleft p, .contactus .contleft ul li p, .infosect1 .descrwrap p, .testimonials .testimonials__status p {
        font-size: 16px
    }
}

@media (max-width:1199.8px) {
    .fixedelements {
        right: calc((100vw - 960px) / 2)
    }

    .sellmiles .formbox {
        max-width: 380px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px
    }

    .sellmiles .infobox {
        max-width: calc(100% - 380px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 380px);
        flex: 0 0 calc(100% - 380px)
    }

        .sellmiles .infobox h1 {
            margin-bottom: 30px
        }

    .icstat__box:after {
        display: none
    }

    .icstat__box {
        max-width: 25% !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        padding-right: 10px
    }

    .stepssect__boxes {
        padding-left: 0;
        padding-right: 0
    }

    .stepssect__plane {
        width: 100%
    }

    .getquickkashwrap {
        padding: 40px
    }

    .contactus .contleft {
        padding-left: 0;
        padding-right: 30px
    }

    .contright p {
        margin-bottom: 20px
    }
}

@media (max-width:991.8px) {
    .fixedelements {
        right: 15px
    }

    .sellmiles .formbox, .sellmiles .infobox {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .sellmiles {
        padding: 40px
    }

        .sellmiles .infobox {
            padding: 0;
            margin-bottom: 30px
        }

            .sellmiles .infobox h1 {
                margin-bottom: 20px
            }

        .sellmiles .formbox form {
            padding: 20px
        }

    .icstat__box {
        max-width: 50% !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        margin-bottom: 20px
    }

    .contactus, .infosect1, .stepssect, .testimonials {
        padding: 70px 0
    }

    .stepssect__box {
        margin-bottom: 80px
    }

    .infosect1 h3 {
        margin-bottom: 30px;
        max-width: 100%
    }

    .stepssect__boxes .row .col-xl-4:last-child .stepssect__box {
        margin-bottom: 0
    }

    .getquickkash {
        padding: 70px 0 50px
    }

    .gqkdescr {
        border-left: none;
        padding-left: 0
    }

    .contactus .contleft {
        padding-right: 0;
        max-width: 100%;
        margin-bottom: 30px
    }

    .contright form {
        max-width: 100%
    }
}

@media (max-width:767.8px) {
    .sellmiles {
        padding: 30px 20px
    }

    .icstatwrap {
        padding-bottom: 20px
    }

    .stepssect h3 {
        margin-bottom: 25px
    }

    .stepssect__boxes {
        padding-top: 60px
    }

    .stepssect__box {
        margin-bottom: 60px
    }

    .gqkdescr p {
        margin-bottom: 20px
    }

    .getquickkash {
        padding-bottom: 10px
    }

    .testimsl .swiper-button-next {
        right: 20%
    }

    .testimsl .swiper-button-prev {
        left: 20%
    }

    .contright form {
        padding: 20px
    }

    .gqkdescr h3 {
        margin-bottom: 30px
    }

    .contright form, .getquickkashwrap, .infosect1 .imgwrap img, .sellmiles, .sellmiles .formbox form, .stepssect__box, .testimbox {
        border-radius: 15px
    }
}

@media (max-width:575.8px) {
    .sellmiles .infobox p {
        margin-bottom: 10px
    }

    .sellmiles .infobox {
        margin-bottom: 15px
    }

        .sellmiles .infobox h1 {
            margin-bottom: 15px
        }

    .inputfield input {
        height: 42px;
        padding-left: 10px
    }

    .sellmiles .formbox form {
        padding: 15px
    }

        .sellmiles .formbox form .infotext {
            font-size: 14px;
            margin-top: 10px
        }

    .icstat__box img {
        max-width: 40px
    }

    .icstat__box p {
        max-width: calc(100% - 40px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
        font-weight: 400;
        font-size: 13px;
        padding-left: 10px;
        line-height: 140%
    }

        .icstat__box p span {
            font-size: 18px
        }

    .icstatwrap {
        padding-top: 30px
    }

    .stepssect {
        padding: 50px 0
    }

        .stepssect h3 {
            margin-bottom: 15px
        }

    .stepssect__box .title {
        font-size: 18px;
        margin-bottom: 10px
    }

    .stepssect__box {
        padding: 60px 15px 20px;
        min-height: 180px
    }

    .stepssect__plane.hov1 .blueline {
        width: 18%
    }

    .getquickkash, .infosect1 {
        padding: 50px 0
    }

        .infosect1 .imgwrap {
            margin-top: 30px
        }

    .getquickkashwrap {
        padding: 20px
    }

    .gqkdescr h3 {
        margin-bottom: 20px
    }

    .gqkdescr p {
        font-weight: 400;
        font-size: 16px
    }

    .contactus, .testimonials {
        padding: 50px 0
    }

    .getquickkash {
        padding-bottom: 20px
    }

    .testimonials h3 {
        margin-bottom: 30px
    }

    .testimonials .testimonials__status .imgswrap img:first-child {
        display: block;
        margin: 0 auto 10px
    }

    .testimonials .testimonials__status .imgswrap img:nth-child(2) {
        width: 120px
    }

    .testimbox .testimbox__bott .authordescr .name {
        font-size: 18px
    }

    .testimsl .swiper-button-next, .testimsl .swiper-button-prev {
        width: 36px;
        height: 36px
    }

    .testimsl .swiper-button-next {
        right: 10%
    }

    .testimsl .swiper-button-prev {
        left: 10%
    }

    .sellmiles .infobox p {
        font-size: 16px
    }

    .contactus .contleft h3 {
        padding-bottom: 10px;
        margin-bottom: 15px
    }

    .contactus .contleft ul li .title {
        font-size: 20px;
        margin-bottom: 10px
    }

    .contright p {
        font-size: 16px
    }

    .contright h3 {
        margin-bottom: 10px
    }

    .contright .inputfield {
        margin-bottom: 10px
    }

    .fixedelements img {
        width: 100%
    }

    .fixedelements {
        width: 50px
    }
}

.sellmileswrap.sellmileswrap_sbpage .sellmiles {
    min-height: initial;
    padding: 60px 100px 80px 100px
}

    .sellmileswrap.sellmileswrap_sbpage .sellmiles:after {
        display: none
    }

.sellmileswrap.sellmileswrap_sbpage h1 {
    color: var(--dark)
}

    .sellmileswrap.sellmileswrap_sbpage h1 span {
        text-decoration: underline;
        color: var(--blue);
        text-underline-offset: 5px
    }

.sellmileswrap.sellmileswrap_sbpage .infobox {
    padding-top: 0
}

    .sellmileswrap.sellmileswrap_sbpage .infobox p {
        color: var(--second-text);
        max-width: 630px
    }

        .sellmileswrap.sellmileswrap_sbpage .infobox p a {
            color: var(--second-text)
        }

.sellmileswrap.sellmileswrap_sbpage .sellmiles .formbox {
    max-width: 480px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 480px;
    flex: 0 0 480px
}

.sellmileswrap.sellmileswrap_sbpage .sellmiles .infobox {
    max-width: calc(100% - 480px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 480px);
    flex: 0 0 calc(100% - 480px)
}

.sellmileswrap.sellmileswrap_sbpage .sellmiles .formbox form {
    padding: 0 !important
}

.breadcrumsblock {
    margin-bottom: 40px
}

    .breadcrumsblock ul li {
        display: inline-block;
        vertical-align: middle;
        color: var(--second-text);
        font-size: 15px;
        font-weight: 500;
        margin-right: 30px;
        position: relative
    }

        .breadcrumsblock ul li:after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            position: absolute;
            right: -27px;
            top: 2px;
            background: url("../img/arrow-breadcrumb.svg") no-repeat center/100%
        }

        .breadcrumsblock ul li:last-child {
            margin-right: 0
        }

            .breadcrumsblock ul li:last-child:after {
                display: none
            }

        .breadcrumsblock ul li a {
            font-weight: 400;
            color: var(--second-text)
        }

.icsect {
    padding: 100px 0
}

    .icsect .imgwrap {
        text-align: center
    }

        .icsect .imgwrap img {
            max-width: 100%
        }

    .icsect .icstat {
        max-width: 630px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .icsect .icstat .icstat__box {
            width: 100%;
            max-width: 50%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            margin: 20px 0
        }

            .icsect .icstat .icstat__box:after {
                display: none
            }

.infosect2 {
    padding: 120px 0;
    background: #F5F5F7
}

    .infosect2 .imgwrap {
        padding-left: 60px
    }

        .infosect2 .imgwrap img {
            width: 100%;
            border-radius: 30px
        }

    .infosect2 h3 {
        padding-bottom: 20px;
        margin-bottom: 40px;
        border-bottom: 1px solid rgba(94,123,249,0.4)
    }

    .infosect2 p {
        font-size: 17px;
        color: var(--second-text)
    }

        .infosect2 p:last-child {
            margin-bottom: 0
        }

    .infosect2 h5 {
        margin-top: 80px;
        margin-bottom: 20px;
        font-size: 22px;
        font-weight: 600;
        color: #1D2340
    }

    .infosect2 ul {
        margin-bottom: 40px;
        list-style: disc;
        padding-left: 25px
    }

        .infosect2 ul li {
            color: var(--second-text);
            font-size: 17px;
            margin-bottom: 10px
        }

.stepssect.stepssect_blue {
    border-radius: 30px 30px 0 0;
    background: var(--blue);
    padding: 120px 0
}

    .stepssect.stepssect_blue h3 {
        color: #fff
    }

    .stepssect.stepssect_blue .stepssect__plane .greyline {
        background: white
    }

    .stepssect.stepssect_blue .stepssect__plane .blueline {
        background: #fff
    }

    .stepssect.stepssect_blue .stepssect__box .imgwrap {
        background: transparent
    }

    .stepssect.stepssect_blue .stepssect__box {
        border-color: #fff
    }

        .stepssect.stepssect_blue .stepssect__box .title, .stepssect.stepssect_blue .stepssect__box p {
            color: #fff
        }

        .stepssect.stepssect_blue .stepssect__box:hover {
            background: #fff
        }

            .stepssect.stepssect_blue .stepssect__box:hover .title {
                color: var(--dark)
            }

            .stepssect.stepssect_blue .stepssect__box:hover p {
                color: var(--second-text)
            }

            .stepssect.stepssect_blue .stepssect__box:hover .imgwrap {
                background: var(--blue)
            }

.recentsales {
    padding: 150px 0 100px
}

    .recentsales h3 {
        margin-bottom: 60px
    }

.recsales__row {
    border-bottom: 1px solid rgb(64,93,219);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    min-height: 110px
}

    .recsales__row .recsales__name {
        width: 100%;
        max-width: calc(100% - 833px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 833px);
        flex: 0 0 calc(100% - 833px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 10px;
        position: relative
    }

        .recsales__row .recsales__name:after {
            content: "";
            width: 1px;
            height: 63px;
            background: rgba(94,123,249,0.4);
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .recsales__row .recsales__name img {
            width: 100%;
            max-width: 70px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 70px;
            flex: 0 0 70px
        }

        .recsales__row .recsales__name p {
            margin: 0;
            width: 100%;
            max-width: calc(100% - 70px);
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 70px);
            flex: 0 0 calc(100% - 70px);
            padding-left: 30px;
            font-size: 17px;
            color: var(--dark)
        }

    .recsales__row .recsales__date {
        width: 100%;
        max-width: 224px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 224px;
        flex: 0 0 224px;
        position: relative
    }

        .recsales__row .recsales__date:after {
            content: "";
            width: 1px;
            height: 63px;
            background: rgba(94,123,249,0.4);
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .recsales__row .recsales__date p {
            margin: 0;
            text-align: center;
            padding: 0 5px;
            font-size: 17px;
            color: var(--second-text)
        }

    .recsales__row .recsales__info {
        width: 100%;
        max-width: 425px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 425px;
        flex: 0 0 425px;
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .recsales__row .recsales__info .grlabel {
            border-radius: 10px;
            background: #F5F5F7;
            padding: 5px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 17px;
            color: var(--dark);
            font-weight: 600;
            -webkit-box-shadow: 0 2px 4px rgba(117,117,117,0.12);
            box-shadow: 0 2px 4px rgba(117,117,117,0.12);
            min-height: 42px
        }

            .recsales__row .recsales__info .grlabel img {
                max-width: 22px;
                margin-right: 10px
            }

            .recsales__row .recsales__info .grlabel:first-child {
                margin-right: 40px;
                min-width: 116px
            }

            .recsales__row .recsales__info .grlabel:nth-child(2) {
                min-width: 131px
            }

    .recsales__row .recsales__logo {
        width: 100%;
        max-width: 184px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 184px;
        flex: 0 0 184px
    }

        .recsales__row .recsales__logo img {
            max-width: 100%
        }

.unlockval {
    padding: 120px 0
}

    .unlockval .unlockvalbox {
        border-radius: 30px;
        background: #F5F5F7
    }

        .unlockval .unlockvalbox .textwrap {
            padding: 64px 64px 0 64px
        }

    .unlockval h3 {
        margin-bottom: 40px;
        text-align: center
    }

    .unlockval p {
        max-width: 721px;
        margin: 0 auto 60px;
        text-align: center
    }

    .unlockval img {
        width: 100%
    }

.testimonials.tmplp {
    padding: 150px 0
}

    .testimonials.tmplp .bluebtn {
        min-width: 203px;
        margin-top: 45px
    }

.callbacksect {
    padding: 120px 0;
    background: #405DDB
}

    .callbacksect h3 {
        margin-bottom: 40px;
        text-align: center
    }

    .callbacksect .imgwrap img {
        border-radius: 30px;
        max-width: 630px
    }

.callbackform {
    margin: 0 auto;
    max-width: 540px;
    background: #fff;
    padding: 40px;
    border-radius: 20px
}

    .callbackform .inputfield {
        margin-bottom: 20px
    }

        .callbackform .inputfield textarea {
            height: 84px
        }

    .callbackform .bluebtn {
        border-radius: 10px;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: 48px;
        margin-top: 5px;
        font-size: 15px
    }

.faqsect {
    padding: 150px 0
}

    .faqsect h3 {
        text-align: center;
        margin-bottom: 60px
    }

.faqrow {
    background: #F5F5F7;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px
}

.faqheader {
    position: relative;
    min-height: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 60px 5px 26px;
    cursor: pointer
}

    .faqheader p {
        margin: 0;
        font-size: 22px;
        font-weight: 500;
        line-height: 140%
    }

    .faqheader img {
        position: absolute;
        right: 26px;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

    .faqheader.active img {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

.faqbody {
    display: none
}

    .faqbody p {
        margin: 0;
        padding: 0 56px 26px 26px;
        color: var(--second-text)
    }

.callbacksect .imgwrap img {
    width: 100%
}

.infosect2.bmt {
    position: relative
}

    .infosect2.bmt .bgsect {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 0 0;
        object-position: 0 0
    }

    .infosect2.bmt .container {
        position: relative;
        z-index: 2
    }

    .infosect2.bmt h3 {
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.4)
    }

    .infosect2.bmt p {
        color: #fff
    }

    .infosect2.bmt .swiper {
        padding-bottom: 40px
    }

    .infosect2.bmt .slwrapper p {
        color: var(--second-text)
    }

    .infosect2.bmt .swiper-pagination {
        top: initial;
        bottom: 0
    }

    .infosect2.bmt .swiper-pagination-bullet-active {
        background: #fff
    }

    .infosect2.bmt .swiper-pagination-bullet {
        background: #fff
    }

    .infosect2.bmt .swiper-pagination-bullet {
        width: 14px;
        height: 14px
    }

.slwrapper {
    max-width: 450px;
    margin: 0 auto
}

    .slwrapper .testimbox {
        background: #fff
    }

.stillhaveq {
    max-width: 540px;
    border-radius: 20px;
    margin: 0 auto;
    background: var(--blue);
    padding: 50px 40px;
    text-align: center
}

    .stillhaveq h3 {
        color: #fff
    }

    .stillhaveq p {
        color: #fff;
        font-size: 22px;
        margin-bottom: 50px
    }

.callbacksect {
    border-radius: 20px 20px 0 0
}

.formresult {
    text-align: center;
  /* display: none*/
}

    .formresult .backbtn {
        position: relative;
        display: inline-block;
        font-size: 16px;
        color: var(--dark);
        padding-left: 25px;
        margin-bottom: 18px
    }

        .formresult .backbtn img {
            position: absolute;
            left: 0;
            top: 2px
        }

    .formresult img {
        max-width: 106px;
        margin-bottom: 20px
    }

    .formresult p {
        text-align: left;
        font-size: 15px;
        color: #686D84;
        margin-bottom: 30px
    }

        .formresult p.title {
            margin-bottom: 25px;
            color: var(--dark);
            font-size: 25px;
            line-height: 140%;
            font-weight: 600;
            text-align: center
        }

    .formresult a.bluebtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        border-radius: 10px;
        margin-bottom: 15px
    }

.backbtn, .bluesbm {
    cursor: pointer
}

.callbacksect.callbacksect_grey {
    background: #F5F5F7
}

.sellmileswrap.sellmileswrap_sbpage .formbox {
    min-height: 573px
}

@media (max-width:1399.8px) {
    .unlockval {
        padding: 100px 0
    }

    .sellmileswrap.sellmileswrap_sbpage .sellmiles {
        padding: 60px
    }

    .infosect2 {
        padding: 100px 0
    }

    .recentsales, .stepssect.stepssect_blue {
        padding: 100px 0
    }

    .recsales__row .recsales__logo {
        max-width: 160px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px
    }

    .recsales__row .recsales__info {
        max-width: 320px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px
    }

        .recsales__row .recsales__info .grlabel {
            font-size: 15px;
            min-height: 34px;
            min-width: 100px !important;
            padding: 4px 10px
        }

            .recsales__row .recsales__info .grlabel:first-child {
                margin-right: 20px
            }

            .recsales__row .recsales__info .grlabel img {
                max-width: 18px;
                max-height: 18px
            }

    .recsales__row .recsales__date p {
        font-size: 15px
    }

    .recsales__row .recsales__name {
        max-width: calc(100% - 680px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 680px);
        flex: 0 0 calc(100% - 680px)
    }

    .recsales__row .recsales__date {
        max-width: 200px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }

    .recsales__row {
        min-height: 90px
    }

        .recsales__row .recsales__name img {
            max-width: 50px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50px;
            flex: 0 0 50px
        }

        .recsales__row .recsales__name p {
            max-width: calc(100% - 50px);
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100% - 50px);
            flex: 0 0 calc(100% - 50px);
            padding-left: 15px
        }

    .callbacksect, .faqsect, .testimonials.tmplp {
        padding: 100px 0
    }

    .callbackform {
        max-width: 500px
    }

    .callbacksect h3 {
        margin-bottom: 20px
    }

    .faqheader p {
        font-size: 18px
    }

    .faqheader {
        min-height: 70px
    }

    .infosect2 h5 {
        margin-top: 40px;
        font-size: 18px
    }

    .infosect2 ul {
        margin-bottom: 20px
    }

    .recsales__row .recsales__info .grlabel {
        font-size: 14px
    }

    .contright p, .infosect2 p, .infosect2 ul li, .sellmiles .infobox p {
        font-size: 16px
    }
}

@media (max-width:1199.8px) {
    .sellmileswrap.sellmileswrap_sbpage .sellmiles .formbox {
        max-width: 380px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px
    }

    .sellmileswrap.sellmileswrap_sbpage .sellmiles .infobox {
        max-width: calc(100% - 380px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 380px);
        flex: 0 0 calc(100% - 380px)
    }

    .icsect .icstat .icstat__box {
        max-width: 50% !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important
    }

    .stillhaveq p {
        font-size: 18px;
        margin-bottom: 30px
    }

    .formresult .summ {
        font-size: 26px
    }

    .formresult .formresult__botttext {
        font-size: 15px
    }
}

@media (max-width:991.8px) {
    .sellmileswrap.sellmileswrap_sbpage .formbox {
        min-height: initial
    }

    .unlockval {
        padding: 70px 0
    }

    .sellmileswrap.sellmileswrap_sbpage .sellmiles .formbox, .sellmileswrap.sellmileswrap_sbpage .sellmiles .infobox {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .sellmileswrap.sellmileswrap_sbpage .sellmiles {
        padding: 40px
    }

    .icsect .imgwrap img {
        max-width: 500px
    }

    .icsect .imgwrap {
        margin-bottom: 30px
    }

    .icsect .icstat .icstat__box {
        margin: 25px 0 0 0
    }

    .infosect2 .imgwrap {
        margin: 20px 0;
        padding-left: 0
    }

        .infosect2 .imgwrap img {
            width: 100%;
            max-width: 100%
        }

    .recsales__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 0
    }

        .recsales__row .recsales__name {
            max-width: 50%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .recsales__row .recsales__date {
            max-width: 50%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }

        .recsales__row .recsales__info {
            max-width: 50%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            padding-left: 0;
            text-align: left
        }

        .recsales__row .recsales__logo {
            max-width: 50%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            text-align: center
        }

        .recsales__row .recsales__date:after, .recsales__row .recsales__name:after {
            display: none
        }

    .callbackform {
        max-width: 100%;
        margin-bottom: 30px
    }

    .callbacksect .imgwrap img {
        max-width: 100%
    }

    .slwrapper {
        margin-top: 30px
    }

    .stillhaveq {
        max-width: 100%;
        margin-bottom: 30px
    }

    .faqheader {
        padding-right: 70px
    }

    .callbacksect, .faqsect, .icsect, .infosect2, .recentsales, .stepssect.stepssect_blue, .testimonials.tmplp {
        padding: 70px 0
    }
}

@media (max-width:767.8px) {
    .sellmileswrap.sellmileswrap_sbpage .sellmiles {
        padding: 30px 20px
    }

    .breadcrumsblock {
        margin-bottom: 30px
    }

    .unlockval .unlockvalbox .textwrap {
        padding: 40px 30px 0 30px
    }

    .faqsect h3 {
        margin-bottom: 40px
    }

    .callbackform, .callbacksect .imgwrap img, .infosect2 .imgwrap img, .unlockval .unlockvalbox {
        border-radius: 15px
    }
}

@media (max-width:575.8px) {
    .unlockval {
        padding: 50px 0
    }

    .sellmileswrap.sellmileswrap_sbpage .sellmiles .formbox form {
        padding: 15px
    }

    .icsect .imgwrap img {
        max-width: 100%
    }

    .infosect2 h3 {
        margin-bottom: 30px
    }

    .infosect2 h5 {
        margin-top: 0
    }

    .recsales__row .recsales__date p {
        font-size: 13px
    }

    .recsales__row .recsales__name {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%
    }

    .recsales__row .recsales__date {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }

    .recsales__row .recsales__info, .recsales__row .recsales__logo {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .recsales__row .recsales__name {
        margin-bottom: 15px
    }

    .recsales__row .recsales__date {
        margin-bottom: 15px
    }

        .recsales__row .recsales__date p, .recsales__row .recsales__logo {
            text-align: left
        }

    .recsales__row .recsales__logo {
        margin-bottom: 0;
        padding-top: 10px
    }

    .recsales__row .recsales__name img {
        max-width: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px
    }

    .recsales__row .recsales__name p {
        max-width: calc(100% - 40px);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 40px);
        flex: 0 0 calc(100% - 40px);
        padding-left: 10px
    }

    .unlockval .unlockvalbox .textwrap {
        padding: 30px 15px 0 15px
    }

    .testimonials.tmplp .bluebtn {
        margin-top: 30px
    }

    .callbackform {
        padding: 20px
    }

    .faqheader {
        padding: 5px 50px 5px 15px
    }

        .faqheader p {
            font-size: 16px
        }

        .faqheader img {
            right: 15px
        }

    .faqbody p {
        font-size: 15px;
        padding: 0 15px 15px 15px
    }

    .stillhaveq {
        padding: 30px 20px
    }

        .stillhaveq p {
            font-size: 16px
        }

    .formresult p {
        font-size: 15px
    }

        .formresult p.title {
            font-size: 22px
        }

    .formresult img {
        max-width: 80px;
        margin-bottom: 10px
    }

    .recentsales h3 {
        margin-bottom: 25px
    }

    .callbacksect, .faqsect, .icsect, .infosect2, .recentsales, .stepssect.stepssect_blue, .testimonials.tmplp {
        padding: 50px 0
    }
}

.faqhero {
    padding: 9px 0 80px
}

.faqhero__wrapper {
    border-radius: 30px;
    overflow: hidden;
    min-height: 460px;
    position: relative;
    padding: 54px 100px
}

    .faqhero__wrapper h1 {
        position: relative;
        z-index: 2;
        margin-top: 57px;
        max-width: 637px
    }

    .faqhero__wrapper > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%
    }

.breadcrumsblock.white ul li, .breadcrumsblock.white ul li a {
    color: #fff
}

    .breadcrumsblock.white ul li:after {
        background: url(../img/arrow-breadcrumb-white.svg) no-repeat center/100%
    }

.questions {
    border-radius: 30px 30px 0 0;
    background: #F5F5F7;
    padding: 120px 0
}

.questions__box {
    border-top: 1px solid rgba(94,123,249,0.4);
    padding: 26px 0;
    margin-bottom: 30px
}

    .questions__box:last-child {
        margin-bottom: 0
    }

    .questions__box .title {
        position: relative;
        padding-left: 50px;
        font-size: 22px;
        font-weight: 600;
        color: var(--dark);
        margin: 0
    }

        .questions__box .title:before {
            content: "";
            display: inline-block;
            width: 30px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../img/faqarr.svg") no-repeat center/100%
        }

    .questions__box .descr p {
        font-size: 17px;
        color: var(--second-text)
    }

        .questions__box .descr p:last-child {
            margin-bottom: 0
        }

.callbacksect.white {
    background: #fff
}

@media (max-width:1399.8px) {
    .questions {
        padding: 100px 0
    }

    .faqhero {
        padding-bottom: 50px
    }

    .questions__box .descr p {
        font-size: 16px
    }

    .questions__box .title {
        font-size: 21px
    }
}

@media (max-width:1199.8px) {
    .faqhero__wrapper {
        min-height: 400px
    }
}

@media (max-width:991.8px) {
    .questions {
        padding: 70px 0
    }

    .faqhero__wrapper {
        padding: 40px
    }

    .questions__box .title {
        margin-bottom: 20px
    }
}

@media (max-width:575.8px) {
    .faqhero__wrapper {
        padding: 30px 20px
    }

    .faqhero__wrapper {
        min-height: 320px
    }

    .questions {
        border-radius: 20px 20px 0 0;
        padding: 50px 12px
    }

    .questions__box .title {
        font-size: 18px;
        padding-left: 40px
    }

    .questions__box {
        margin-bottom: 15px
    }

        .questions__box .title {
            margin-bottom: 10px
        }
}

header.header {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 13;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

    header.header.scroll {
        -webkit-box-shadow: 0 4px 6px rgba(14,14,14,0.2117647059);
        box-shadow: 0 4px 6px rgba(14,14,14,0.2117647059)
    }

.header__logo img {
    max-width: 300px
}

.header__nav > ul {
    text-align: center
}

    .header__nav > ul > li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 46px
    }

        .header__nav > ul > li:last-child {
            margin-right: 0
        }

        .header__nav > ul > li > a {
            font-size: 17px;
            color: #1D2340;
            padding-top: 15px;
            padding-bottom: 15px;
            -webkit-transition: 0.3s;
            transition: 0.3s
        }

            .header__nav > ul > li > a svg {
                -webkit-transition: 0.3s;
                transition: 0.3s
            }

                .header__nav > ul > li > a svg path {
                    -webkit-transition: 0.3s;
                    transition: 0.3s
                }

            .header__nav > ul > li > a:hover {
                color: var(--blue)
            }

                .header__nav > ul > li > a:hover svg {
                    -webkit-transform: rotate(-180deg);
                    transform: rotate(-180deg)
                }

                    .header__nav > ul > li > a:hover svg path {
                        stroke: var(--blue)
                    }

.dropdownlink > a {
    position: relative;
    padding-right: 30px
}

    .dropdownlink > a > svg {
        position: absolute;
        right: 0;
        top: 14px
    }

    .dropdownlink > a:hover + .submenu {
        opacity: 1;
        z-index: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.submenu {
    position: absolute;
    top: 76px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 4px rgba(117,117,117,0.12);
    box-shadow: 0 2px 4px rgba(117,117,117,0.12);
    max-width: 852px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 26px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

    .submenu:hover {
        opacity: 1;
        z-index: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .submenu li {
        width: 100%;
        max-width: 33.333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        margin-bottom: 21px;
        position: relative;
        text-align: left
    }

        .submenu li a {
            color: var(--second-text);
            -webkit-transition: 0.3s;
            transition: 0.3s
        }

            .submenu li a:after {
                content: "";
                display: inline-block;
                width: 8px;
                height: 14px;
                background: url("../img/submenuarr.svg") no-repeat center/100%;
                position: absolute;
                left: 0;
                top: 5px;
                opacity: 0;
                -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
                -webkit-transition: 0.3s;
                transition: 0.3s
            }

            .submenu li a:hover {
                color: var(--blue);
                padding-left: 12px
            }

                .submenu li a:hover:after {
                    opacity: 1;
                    -webkit-transform: translateX(0);
                    transform: translateX(0)
                }

button.menu {
    display: none
}

.closemenu, .mobshadowbox, .mobshow {
    display: none
}

@media (max-width:1399.8px) {
    .submenu li {
        margin-bottom: 18px
    }

    .header__nav > ul > li {
        margin-right: 35px
    }

        .header__nav > ul > li > a {
            font-size: 16px
        }
}

@media (max-width:991.8px) {
    .hidetablet {
        display: none
    }

    button.menu {
        display: inline-block;
        position: absolute;
        right: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        width: 40px;
        height: 40px;
        padding: 0
    }

    header .container {
        position: relative
    }

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

    .mobshadowbox {
        display: block;
        background: rgba(0,0,0,0.3);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

        .mobshadowbox.show {
            opacity: 1;
            z-index: 1;
            visibility: visible
        }

    .closemenu {
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 30px;
        width: 40px;
        height: 40px;
        padding: 0;
        border: none;
        background: transparent
    }

    .navcol {
        z-index: 22;
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        width: 400px;
        background: #fff;
        padding: 120px 40px 30px;
        overflow: auto;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

        .navcol.show {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

    .header__nav > ul {
        text-align: left
    }

        .header__nav > ul > li {
            display: block;
            margin: 0 0 25px 0
        }

            .header__nav > ul > li > a {
                padding: 0;
                font-size: 20px;
                font-weight: 500;
                display: block
            }

    .dropdownlink > a > svg {
        width: 28px;
        height: 24px;
        top: -1px
    }

    .dropdownlink > a + .submenu, .dropdownlink > a:hover + .submenu {
        opacity: 1;
        z-index: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: relative;
        padding: 20px 0 0 0;
        top: 0
    }

    .header__nav > ul > li > a:hover {
        color: #1D2340
    }

        .header__nav > ul > li > a:hover svg {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

            .header__nav > ul > li > a:hover svg path {
                stroke: #1D2340
            }

    .header__nav > ul > li > a.active {
        color: var(--blue)
    }

        .header__nav > ul > li > a.active svg {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }

            .header__nav > ul > li > a.active svg path {
                stroke: var(--blue)
            }

    .submenu {
        display: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .submenu.show {
            display: block
        }

        .submenu li {
            max-width: 100%;
            margin-bottom: 10px
        }
}

@media (max-width:575.8px) {
    .navcol {
        width: 100%
    }

    .closemenu {
        top: 20px;
        right: 20px
    }

        .closemenu img {
            width: 24px
        }

    .navcol {
        padding: 90px 30px 30px
    }
}

footer.footer {
    border-radius: 30px 30px 0 0;
    background: var(--blue);
    padding: 60px 0 40px
}

    footer.footer .bottext {
        text-align: center;
        color: #fff;
        margin: 69px 0 0 0
    }

.footer__title {
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    padding-bottom: 20px;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,0.4)
}

.footerleftbox {
    max-width: 313px
}

    .footerleftbox .footer__title {
        padding-bottom: 11px;
        margin-top: 0
    }

    .footerleftbox p {
        color: #fff;
        margin: 20px 0 0 0
    }

.footerrightbox {
    max-width: 260px
}

    .footerrightbox .linkf {
        display: inline-block;
        margin: 20px 0;
        position: relative;
        padding-left: 25px;
        color: #fff
    }

        .footerrightbox .linkf:after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            top: 2px;
            background: url("../img/footer/footerarr.svg") no-repeat center/100%
        }

.footercenterbox {
    margin: 0 auto;
    max-width: 535px
}

    .footercenterbox ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }

        .footercenterbox ul li {
            width: 100%;
            max-width: 33%;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33%;
            flex: 0 0 33%
        }

            .footercenterbox ul li a {
                color: #fff;
                position: relative;
                padding-left: 25px;
                -webkit-transition: 0.3s;
                transition: 0.3s
            }

                .footercenterbox ul li a:hover {
                    opacity: 0.7
                }

                .footercenterbox ul li a:after {
                    content: "";
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: url("../img/footer/footerarr.svg") no-repeat center/100%
                }

.footer__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .footer__soc li a {
        -webkit-transition: 0.3s;
        transition: 0.3s
    }

        .footer__soc li a:hover {
            opacity: 0.8
        }

        .footer__soc li a img {
            width: 42px
        }

.footerlogo img {
    max-width: 161px
}

@media (max-width:1399.8px) {
    .footer__title {
        font-size: 20px;
        padding-bottom: 15px
    }

    .footerleftbox .footer__title {
        padding-bottom: 6px
    }

    .footerleftbox p {
        font-size: 15px
    }

    footer.footer .bottext {
        margin-top: 50px
    }
}

@media (max-width:1199.8px) {
    .footercenterbox ul {
        display: block
    }

        .footercenterbox ul li {
            max-width: initial;
            display: inline-block;
            width: auto;
            margin-right: 10px
        }
}

@media (max-width:991.8px) {
    .footerleftbox {
        max-width: 100%
    }

        .footerleftbox .footer__title {
            padding-bottom: 10px
        }

    .footercenterbox {
        max-width: 100%
    }

    .footerrightbox {
        max-width: 100%
    }

    .footerrightbox {
        margin-top: 40px
    }
}

@media (max-width:767.8px) {
    footer.footer {
        border-radius: 15px
    }

    .footer__soc {
        max-width: 300px
    }

    .footerleftbox {
        margin-bottom: 30px
    }
}