.messages .select-country .filter label, .messages .select-country-items li {
    -webkit-box-flex: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.messages .select-country-items li span, .messages .select-service-items li h3 span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.landing {
    margin: 120px 0 45px
}

.landing .container::after, .landing .container::before {
    content: "";
    position: absolute;
    z-index: -1
}

.landing .container::after {
    top: 72px;
    left: 80px;
    width: 129px;
    height: 112px;
    background: url("./../images/shape-landing-01.svg") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%
}

.landing .container::before {
    width: 152px;
    height: 110px;
    background: url("./../images/shape-landing-02.svg") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    top: 243px;
    right: 137px
}

.landing .shape-1, .landing .shape-2, .landing .shape-3 {
    width: 15px;
    height: 15px;
    background: url("./../images/shape-01.svg") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: -1
}

.landing .shape-1 {
    top: 60px;
    right: 80px
}

.landing .shape-2 {
    background-image: url("./../images/shape-02.svg");
    top: 345px;
    right: -12px
}

.landing .shape-3 {
    background-image: url("./../images/shape-03.svg");
    top: 337px;
    left: 80px
}

.landing .shape-4 {
    width: 82px;
    height: 82px;
    bottom: 100%;
    right: 38%;
    background: url("./../images/shape-04.svg") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%
}

.landing-logo {
    font-size: 16px;
    font-weight: 500;
    color: #0f8eff;
    line-height: 20px
}

.landing-logo i {
    font-size: 30px;
    margin-right: 8px
}

.landing-sup-title {
    margin: 32px 0 16px;
    font-size: 16px;
    font-weight: 400;
    color: #858d94;
    line-height: 20px
}

.landing-title {
    font-size: 42px;
    font-weight: 600;
    line-height: 58px;
    max-width: 454px;
    margin: 0 auto 32px
}

.how-to-work-items li, .landing-btns {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content
}

.landing-btns {
    max-width: fit-content;
    width: 100%;
    margin: 0 auto
}

.landing-btns::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 43px;
    height: 31px;
    background: url("./../images/btns-landing.png") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-transform: translateY(19px);
    -moz-transform: translateY(19px);
    -ms-transform: translateY(19px);
    -o-transform: translateY(19px);
    transform: translateY(19px)
}

.landing-btns .btn {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    height: 42px;
    line-height: 40px
}

.landing-btns .btn-outline-primary {
    max-width: 128px;
    width: 128px;
    margin-right: 8px
}

.landing-btns .btn-primary-2 {
    max-width: 140px;
    width: 140px
}

.landing-btns .btn-primary-2 i {
    font-size: 13px;
    margin-left: 8px
}

.landing-scroll {
    margin-top: 164px;
    color: #8eb5d8;
    font-size: 12px;
    font-weight: 500
}

.landing-scroll i {
    font-size: 24px;
    margin-bottom: 8px
}

.how-to-work {
    position: relative;
    padding: 51px 0 68px;
    margin-bottom: 67px;
    background: url("./../images/pattern-01.png") 0 0/100% 100% no-repeat #0f8eff;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: 2
}

.how-to-work::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("./../images/patter.png") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: -1
}

.how-to-work .section-heading-title {
    color: #fff;
    margin-bottom: 8px
}

.how-to-work .section-heading-sub-title {
    color: #d8edff;
    margin-bottom: 216px
}

.how-to-work-items::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url("./../images/img-01.png") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    width: 705px;
    height: 416px;
    -webkit-filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, .15))
}

.how-to-work-items li {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 58px;
    z-index: 9;
    max-width: fit-content;
    width: 100%
}

.how-to-work-items li b {
    position: relative;
    font-size: 51px;
    font-weight: 900;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.how-to-work-items li b::after, .how-to-work-items li b::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.how-to-work-items li b::after {
    border: 1px dashed rgba(255, 255, 255, .75)
}

.how-to-work-items li b::before {
    width: 11px;
    height: 11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fbb040
}

.how-to-work-items li .sub-title {
    font-size: 16px;
    font-weight: 400;
    color: #d8edff;
    line-height: 20px;
    max-width: 301px;
    width: 100%;
    margin-left: 50px
}

.how-to-work-items li:first-child {
    bottom: 130px;
    left: 22%
}

.how-to-work-items li:first-child b::after {
    top: 100%;
    height: 60px
}

.how-to-work-items li:first-child b::before, .how-to-work-items li:nth-child(4) b::before {
    top: -webkit-calc(100% + 65px);
    top: -moz-calc(100% + 65px);
    top: calc(100% + 65px)
}

.how-to-work-items li:nth-child(2) {
    bottom: 158px;
    left: 36%
}

.how-to-work-items li:nth-child(2) b::after {
    top: 100%;
    height: 48px
}

.how-to-work-items li:nth-child(2) b::before {
    top: -webkit-calc(100% + 53px);
    top: -moz-calc(100% + 53px);
    top: calc(100% + 53px)
}

.how-to-work-items li:nth-child(3) {
    top: 36px;
    left: 18.7%;
    direction: rtl
}

.how-to-work-items li:nth-child(3) b, .how-to-work-items li:nth-child(5) b {
    margin: 0 0 0 10px
}

.how-to-work-items li:nth-child(3) b::after, .how-to-work-items li:nth-child(5) b::after {
    bottom: 100%;
    height: 58px
}

.how-to-work-items li:nth-child(3) b::before, .how-to-work-items li:nth-child(5) b::before {
    bottom: -webkit-calc(100% + 64px);
    bottom: -moz-calc(100% + 64px);
    bottom: calc(100% + 64px)
}

.how-to-work-items li:nth-child(4) {
    bottom: 175px;
    left: 56.5%
}

.how-to-work-items li:nth-child(4) b::after {
    top: 100%;
    height: 59px
}

.how-to-work-items li:nth-child(5) {
    top: 64px;
    left: 29.3%;
    direction: rtl
}

.how-to-work-items li:nth-child(5) .sub-title {
    margin: 0
}

.how-to-work-items li:nth-child(6) {
    bottom: 102px;
    left: 75.8%
}

.how-to-work-items li:nth-child(6) b::after {
    top: 100%;
    height: 58px
}

.how-to-work-items li:nth-child(6) b::before {
    top: -webkit-calc(100% + 64px);
    top: -moz-calc(100% + 64px);
    top: calc(100% + 64px)
}

@media only screen and (max-width: 1399px) {
    .how-to-work-items li:first-child {
        left: 18%
    }

    .how-to-work-items li:nth-child(2) {
        left: 33.6%
    }

    .how-to-work-items li:nth-child(3) {
        left: 13.7%
    }

    .how-to-work-items li:nth-child(4) {
        left: 57.5%
    }

    .how-to-work-items li:nth-child(5) {
        left: 26%
    }

    .how-to-work-items li:nth-child(6) {
        left: 80%
    }
}

@media only screen and (max-width: 1199px) {
    .how-to-work-items::after {
        -webkit-transform: translateX(-50%) scale(.75);
        -moz-transform: translateX(-50%) scale(.75);
        -ms-transform: translateX(-50%) scale(.75);
        -o-transform: translateX(-50%) scale(.75);
        transform: translateX(-50%) scale(.75)
    }

    .how-to-work-items li {
        font-size: 18px
    }

    .how-to-work-items li b {
        font-size: 42px
    }

    .how-to-work-items li:first-child {
        bottom: 79px;
        left: 21%
    }

    .how-to-work-items li:nth-child(2) {
        bottom: 112px;
        left: 35%
    }

    .how-to-work-items li:nth-child(3) {
        top: 68px;
        left: 16%
    }

    .how-to-work-items li:nth-child(4) {
        bottom: 154px;
        left: 56.5%
    }

    .how-to-work-items li:nth-child(5) {
        top: 50px;
        left: 27%
    }

    .how-to-work-items li:nth-child(6) {
        bottom: 147px;
        left: 77%;
        max-width: 222px;
        width: 100%
    }
}

.messages .section-heading-title {
    max-width: 455px;
    width: 100%;
    margin: 0 auto 75px
}

.messages-heading {
    padding: 6px 16px 6px;
    height: 75px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    background-color: #f7fbff;
    margin-bottom: 16px;
}

.messages-heading h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px
}

.messages-heading h3 b {
    font-size: 31px;
    font-weight: 900
}

.messages-heading .form {
    max-width: 365px;
    width: 100%
}

.messages-heading .form .form-control {
    padding-left: 52px
}

.messages-heading .form button {
    font-size: 20px;
    color: #1b94ff;
    top: 0;
    left: 22px;
    line-height: 61px
}

.messages-box {
    background-color: #f7fbff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    padding: 22px 15px 22px 46px;
    margin-bottom: 21px
}

.messages-box ul {
    overflow: hidden auto;
    padding-right: 25px;
    scrollbar-width: thin;
    scrollbar-color: #1b94ff #bedeff
}

.messages-box ul::-webkit-scrollbar {
    width: 6px
}

.messages-box ul::-webkit-scrollbar-track {
    background-color: #bedeff;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.messages-box ul::-webkit-scrollbar-thumb {
    background-color: #1b94ff;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.messages .history-buy .messages-box {
    padding: 13px 15px 22px 46px
}

.messages .history-buy .see-all {
    margin-bottom: 16px
}

.messages .history-buy .see-all a {
    font-size: 12px;
    font-weight: 600;
    color: #1b94ff;
    line-height: 15px
}

.messages .history-buy-items {
    padding-top: 9px;
    gap: 12px 10px;
    max-height: 241px
}

.messages .history-buy-items li {
    max-width: -webkit-calc(33% - 4px);
    max-width: -moz-calc(33% - 4px);
    max-width: calc(24% - -4px);
    width: 100%;
    border: 1.5px solid #9fc3e3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 17px 6px 16px 12px;
}

.messages .history-buy-items li .info {
    margin-bottom: 15px
}

.messages .history-buy-items li .info img {
    width: 24px;
    height: 24px;
    margin-right: 19px
}

.messages .history-buy-items li .info span {
    font-weight: 500;
    color: #1b94ff;
    line-height: 18px
}

.messages .history-buy-items li .info span i {
    margin-left: 5px
}

.messages .history-buy-items li .info .time {
    margin-left: auto;
    font-size: 12px;
    font-weight: 500;
    color: #7d9db9;
    line-height: 15px
}

.messages .history-buy-items li .info .time i {
    font-size: 10px;
    margin-right: 5px;
    margin-top: 3px
}

.messages .history-buy-items li .code-reject img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

.messages .history-buy-items li .code-reject .btn {
    height: 35px;
    line-height: 33px
}

.messages .history-buy-items li .code-reject .btn-outline-primary {
    max-width: -webkit-calc(100% - 132px);
    max-width: -moz-calc(100% - 132px);
    max-width: calc(100% - 132px);
    margin-right: 7px
}

.messages .history-buy-items li .code-reject .btn-outline-danger {
    max-width: 92px
}

.messages .select-country .filter {
    padding: 15px 27px 17px;
    background-color: #f7fbff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 5px;
    margin-bottom: 16px;
    overflow: auto hidden;
    -ms-overflow-style: none;
    scrollbar-width: 0
}

.messages .select-country .filter::-webkit-scrollbar {
    display: none
}

.messages .select-country .filter label {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    padding: 12px 19px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: .3s ease-in-out;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0px;
}

.messages .select-country .filter label:not(:last-child) {
    margin-right: 42px
}

.messages .select-country .filter input:checked + label {
    background-color: #0057b8;
    color: #fff
}

.messages .select-country-items {
    gap: 12px 11px;
    max-height: 350px
}

.messages .select-country-items li {
    max-width: -webkit-calc(25% - 10px);
    max-width: -moz-calc(25% - 10px);
    max-width: calc(28% - 106px);
    width: 100%;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #9fc3e3;
    padding: 10px 10px;
    font-weight: 500;
    color: #000000;
    line-height: 18px;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.messages .select-country-items li a {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.messages .select-country-items li img, .messages .select-service-items li h3 img, .messages .select-service-items li div img {
    width: 32px;
    height: 32px;
    margin-right: 8px
}

.messages .select-country-items li span {
    margin-right: 12px
}

.messages .select-country-items li i {
    margin-left: auto;
    font-size: 15px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 6;
    cursor: pointer
}

.messages .select-country-items li .icon-heart {
    color: #446989
}

.messages .select-country-items li .icon-heart-fill {
    color: #f45b5b
}

.messages .select-country-items li:hover {
    background-color: #2b99fb
}

.active {
    background-color: #74bcfd !important;
    color: #fff !important;
}

.messages .select-country-items li:hover, .messages .select-country-items li:hover i {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .landing {
        margin: 0 0 72px
    }

    .landing .container {
        padding-top: 175px
    }

    .landing .container::after, .landing .container::before, .landing .shape-1, .landing .shape-2, .landing .shape-3 {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    }

    .landing .container::after {
        top: 86px;
        left: 0
    }

    .landing .container::before {
        top: 36px;
        right: 0
    }

    .landing .shape-1 {
        top: 49px;
        right: auto;
        left: 8px
    }

    .landing .shape-2 {
        top: 134px;
        right: 38px
    }

    .landing .shape-3 {
        bottom: 0;
        right: auto;
        left: -12px
    }

    .how-to-work .section-heading-sub-title {
        margin-bottom: 130px
    }

    .how-to-work-items::after {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fff;
        width: 5px;
        height: 100%
    }

    .how-to-work-items li:first-child, .how-to-work-items li:nth-child(2), .how-to-work-items li:nth-child(3), .how-to-work-items li:nth-child(4), .how-to-work-items li:nth-child(5), .how-to-work-items li:nth-child(6) {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .how-to-work-items li:first-child b::before, .how-to-work-items li:nth-child(2) b::before, .how-to-work-items li:nth-child(3) b::before, .how-to-work-items li:nth-child(4) b::before, .how-to-work-items li:nth-child(5) b::before, .how-to-work-items li:nth-child(6) b::before {
        top: auto;
        right: auto;
        bottom: 0;
        left: auto
    }

    .how-to-work-items li b::after {
        content: none
    }

    .how-to-work-items li:first-child {
        bottom: 49px;
        left: 53.1%
    }

    .how-to-work-items li:nth-child(odd) b::before {
        right: -webkit-calc(100% + 10px);
        right: -moz-calc(100% + 10px);
        right: calc(100% + 10px)
    }

    .how-to-work-items li:nth-child(odd) .sub-title {
        margin-left: 40px
    }

    .how-to-work-items li:nth-child(2n) {
        direction: rtl
    }

    .how-to-work-items li:nth-child(2n) b {
        margin: 0 0 0 10px
    }

    .how-to-work-items li:nth-child(2n) b::before {
        left: -webkit-calc(100% + 10px);
        left: -moz-calc(100% + 10px);
        left: calc(100% + 10px)
    }

    .how-to-work-items li:nth-child(2n) .sub-title {
        margin-left: 0
    }

    .how-to-work-items li:nth-child(3), .how-to-work-items li:nth-child(5) {
        direction: ltr
    }

    .how-to-work-items li:nth-child(3) b, .how-to-work-items li:nth-child(5) b {
        margin: 0 10px 0 0
    }

    .how-to-work-items li:nth-child(2) {
        bottom: 3px;
        left: 24.6%;
        margin-bottom: 42px
    }

    .how-to-work-items li:nth-child(3) {
        left: 53.1%;
        margin-bottom: 46px
    }

    .how-to-work-items li:nth-child(4) {
        left: 7.8%;
        margin-bottom: 5px
    }

    .how-to-work-items li:nth-child(5) {
        left: 53.1%;
        margin-bottom: 10px
    }

    .how-to-work-items li:nth-child(6) {
        left: 16.8%
    }

    .messages .history-buy-items li {
        max-width: -webkit-calc(50% - 5px);
        max-width: -moz-calc(50% - 5px);
        max-width: calc(50% - 5px)
    }

    .messages .select-country .filter label {
        font-size: 14px
    }

    .messages .select-country .filter label:not(:last-child) {
        margin-right: 32px
    }

    .messages .select-country-items li {
        max-width: -webkit-calc(33.333333% - 8px);
        max-width: -moz-calc(33.333333% - 8px);
        max-width: calc(33.333333% - 8px)
    }
}

@media only screen and (max-width: 767px) {
    .landing .container {
        padding-top: 130px
    }

    .landing-title {
        font-size: 34px;
        line-height: 40px
    }

    .landing-scroll {
        margin-top: 80px
    }

    .how-to-work, .how-to-work::after {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center
    }

    .how-to-work-items li, .how-to-work-items li:nth-child(6) {
        font-size: 16px;
        line-height: 20px;
        max-width: -webkit-calc(50% - 21px);
        max-width: -moz-calc(50% - 21px);
        max-width: calc(50% - 21px)
    }

    .how-to-work-items li b {
        font-size: 32px
    }

    .how-to-work-items li .sub-title {
        font-size: 12px
    }

    .how-to-work-items li:first-child {
        bottom: 20px;
        margin-bottom: 73px
    }

    .how-to-work-items li:nth-child(odd) {
        left: 54.2%
    }

    .how-to-work-items li:nth-child(odd) .sub-title {
        margin-left: 35px
    }

    .how-to-work-items li:nth-child(2n) {
        left: 2.2%;
        text-align: right
    }

    .how-to-work-items li:nth-child(2) {
        margin-bottom: 25px
    }

    .how-to-work-items li:nth-child(3) {
        margin-bottom: 81px
    }

    .how-to-work-items li:nth-child(4) {
        margin-bottom: 87px
    }

    .how-to-work-items li:nth-child(5) {
        margin-bottom: 27px
    }

    .how-to-work-items li:nth-child(6) {
        top: 5px;
        left: 2.2%
    }

    .messages .section-heading-title {
        margin-bottom: 40px
    }

    .messages-heading .form {
        max-width: 270px
    }

    .messages .history-buy .messages-box, .messages-box {
        padding: 18px 12px
    }

    .messages .history-buy-items {
        max-height: 290px
    }

    .messages .history-buy-items li {
        max-width: 100%
    }

    .messages .select-country .filter {
        padding: 12px
    }

    .messages .select-country .filter label:not(:last-child) {
        margin-right: 24px
    }

    .messages .select-country-items {
        max-height: 425px
    }

    .messages .select-country-items li {
        max-width: -webkit-calc(50% - 6px);
        max-width: -moz-calc(50% - 6px);
        max-width: calc(50% - 6px)
    }
}

.messages .select-service-items {
    gap: 24px 12px;
    max-height: 350px
}

.messages .select-service-items li {
    max-width: -webkit-calc(25% - 9px);
    max-width: -moz-calc(25% - 9px);
    max-width: calc(19% - -2px);
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1.5px solid #9fc3e3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    padding: 12px 12px 12px 16px;
    cursor: pointer;
    font-width: 600;
}

.messages .select-service-items li h3 {
    font-size: 16px;
    font-weight: 600;
    color: #7d9db9;
    margin-bottom: 16px;
    line-height: 20px
}

.messages .select-service-items li .price {
    font-size: 20px;
    font-weight: 600;
    color: #446989;
    line-height: 25px
}

.messages .select-service-items li i {
    margin-left: 8px;
    font-size: 20px;
    color: #446989;
    cursor: pointer
}

.messages .select-service-items li i.icon-heart-fill {
    color: #ff6c6c
}

.messages .select-service-items li .btn {
    margin-left: auto;
    max-width: 65px;
    height: 32px;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width: 991px) {
    .messages .select-service-items li {
        max-width: -webkit-calc(33.333333% - 8px);
        max-width: -moz-calc(33.333333% - 8px);
        max-width: calc(33.333333% - 8px)
    }
}

@media only screen and (max-width: 767px) {
    .messages .select-service-items {
        max-height: 460px
    }

    .messages .select-service-items li {
        max-width: -webkit-calc(50% - 6px);
        max-width: -moz-calc(50% - 6px);
        max-width: calc(50% - 6px)
    }

    .messages .select-service-items li h3 {
        font-size: 14px
    }
}

@media only screen and (max-width: 499px) {
    .messages .select-country-items li, .messages .select-service-items li {
        max-width: 48%
    }
}

.news-letter {
    margin-top: 72px
}

.news-letter-content {
    max-width: -webkit-calc(100% - 300px);
    max-width: -moz-calc(100% - 300px);
    max-width: calc(100% - 300px);
    width: 100%
}

.news-letter-wrapper {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-linear-gradient(356.2deg, #6079e7 -1.72%, #0f8eff 101.61%);
    background: -moz-linear-gradient(356.2deg, #6079e7 -1.72%, #0f8eff 101.61%);
    background: -o-linear-gradient(356.2deg, #6079e7 -1.72%, #0f8eff 101.61%);
    background: linear-gradient(93.8deg, #6079e7 -1.72%, #0f8eff 101.61%);
    padding: 73px 58px 52px 77px;
    z-index: 2
}

.news-letter-wrapper::after, .news-letter-wrapper::before {
    content: "";
    position: absolute
}

.news-letter-wrapper::after {
    top: -12px;
    right: 350px;
    width: 145px;
    height: 93px;
    background: url("./../images/arrow-news-letter.png") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: -1
}

.news-letter-wrapper::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: url("./../images/pattern-02.png") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    z-index: -2
}

.news-letter-wrapper .sup-title {
    font-size: 16px;
    font-weight: 500;
    color: #f5faff;
    line-height: 20px;
    margin-bottom: 8px
}

.news-letter-wrapper .sup-title::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 100%;
    width: 30px;
    height: 32px;
    background: url("./../images/shape-news-letter.png") 0 0/100% 100% no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%
}

.news-letter-wrapper .title {
    font-size: 32px;
    font-weight: 500;
    line-height: 41px;
    color: #fff;
    margin-bottom: 26px
}

.news-letter-wrapper form {
    max-width: 304px;
    width: 100%
}

.news-letter-wrapper form > i {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #badfff;
    left: 13px
}

.news-letter-wrapper form .form-control {
    height: 55px;
    line-height: 53px;
    background-color: rgba(8, 36, 61, .3);
    border: none;
    padding: 0 40px
}

.news-letter-wrapper form .form-control, .news-letter-wrapper form .form-control::-webkit-input-placeholder {
    color: #badfff
}

.news-letter-wrapper form .form-control, .news-letter-wrapper form .form-control:-moz-placeholder {
    color: #badfff
}

.news-letter-wrapper form .form-control, .news-letter-wrapper form .form-control::-moz-placeholder {
    color: #badfff
}

.news-letter-wrapper form .form-control, .news-letter-wrapper form .form-control:-ms-input-placeholder {
    color: #badfff
}

.news-letter-wrapper form .form-control, .news-letter-wrapper form .form-control::-ms-input-placeholder {
    color: #badfff
}

.news-letter-wrapper form .form-control, .news-letter-wrapper form .form-control::placeholder {
    color: #badfff
}

.news-letter-wrapper form .btn {
    max-width: 59px;
    height: 37px;
    line-height: 37px;
    top: 9px;
    right: -64px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.news-letter-wrapper img {
    bottom: 0;
    right: 56px
}

@media only screen and (max-width: 991px) {
    .news-letter-content {
        max-width: 100%
    }

    .news-letter-wrapper::after {
        top: 130px;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url("./../images/arrow-news-letter-sm.png")
    }

    .news-letter-wrapper .sup-title, .news-letter-wrapper .title, .news-letter-wrapper form {
        margin: 0 auto
    }

    .news-letter-wrapper .sup-title, .news-letter-wrapper .title {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    .news-letter-wrapper .title {
        margin: 12px auto 143px
    }
}

@media only screen and (max-width: 767px) {
    .news-letter {
        margin-top: 40px
    }

    .news-letter-wrapper {
        padding: 60px 25px 40px 41px
    }

    .news-letter-wrapper .sup-title {
        font-size: 14px
    }

    .news-letter-wrapper .title {
        font-size: 24px;
        line-height: 30px
    }

    .news-letter-wrapper form {
        max-width: 80%;
        width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .landing .container {
        padding-top: 90px
    }

    .landing .container::after, .landing .container::before {
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        transform: scale(.6)
    }

    .landing-logo {
        font-size: 12px
    }

    .landing-logo i {
        display: block;
        margin: 0 0 8px
    }

    .landing-sup-title, .messages-heading h3 {
        font-size: 14px
    }

    .landing-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 42px
    }

    .landing-btns .btn-outline-primary, .landing-btns .btn-primary-2 {
        max-width: 101px;
        width: 101px;
        font-size: 12px;
        height: 39px;
        line-height: 37px
    }

    .landing-btns .btn-outline-primary {
        margin-right: 15px
    }

    .landing-btns .btn-primary-2 i {
        display: none
    }

    .how-to-work .section-heading-sub-title {
        margin-bottom: 80px
    }

    .how-to-work-items li:nth-child(2n) .sub-title, .how-to-work-items li:nth-child(odd) .sub-title {
        margin: 14px 0 0
    }

    .how-to-work-items li:nth-child(odd) {
        left: 11px;
        max-width: -webkit-calc(50% - 11px);
        max-width: -moz-calc(50% - 11px);
        max-width: calc(50% - 11px);
        margin-left: auto
    }

    .how-to-work-items li:nth-child(2n) {
        left: 11px
    }

    .messages-heading {
        padding: 12px 12px 22px;
        margin: 0 -12px 16px
    }

    .messages-heading .form {
        max-width: 167px
    }

    .messages-heading .form .form-control {
        height: 48px;
        font-size: 10px;
        font-weight: 500
    }

    .messages-heading .form button {
        line-height: 48px
    }

    .messages .select-country .filter label:not(:last-child) {
        margin-right: 12px
    }

    .news-letter-wrapper {
        padding: 60px 20px 40px
    }

    .news-letter-wrapper form {
        max-width: 95%;
        margin: 0
    }
}