/* Fonts */
@font-face {
    font-family: 'tt_commons_proextrabold';
    src: url('../fonts/TTCommonsPro-XBd.eot');
    src: url('../fonts/TTCommonsPro-XBd.eot') format('embedded-opentype'), url('../fonts/TTCommonsPro-XBd.woff2') format('woff2'), url('../fonts/TTCommonsPro-XBd.woff') format('woff'), url('../fonts/TTCommonsPro-XBd.ttf') format('truetype'), url('../fonts/TTCommonsPro-XBd.svg#TTCommonsPro-XBd') format('svg');
}

@font-face {
    font-family: 'tt_commons_prodemibold';
    src: url('../fonts/TTCommonsPro-Db.eot');
    src: url('../fonts/TTCommonsPro-Db.eot') format('embedded-opentype'), url('../fonts/TTCommonsPro-Db.woff2') format('woff2'), url('../fonts/TTCommonsPro-Db.woff') format('woff'), url('../fonts/TTCommonsPro-Db.ttf') format('truetype'), url('../fonts/TTCommonsPro-Db.svg#TTCommonsPro-Db') format('svg');
}

@font-face {
    font-family: 'tt_commons_proregular';
    src: url('../fonts/TTCommonsPro-Rg.eot');
    src: url('../fonts/TTCommonsPro-Rg.eot') format('embedded-opentype'), url('../fonts/TTCommonsPro-Rg.woff2') format('woff2'), url('../fonts/TTCommonsPro-Rg.woff') format('woff'), url('../fonts/TTCommonsPro-Rg.ttf') format('truetype'), url('../fonts/TTCommonsPro-Rg.svg#TTCommonsPro-Rg') format('svg');
}

/* Variables */

:root {
    --bs-gutter-x: 1.5rem;
}

/* Basic */

.wow {
    visibility: hidden;
}

body {
    font-family: "tt_commons_proregular";
    /*font-weight: 300;*/
    background-color: #0d1035;
    color: #fff;
    font-feature-settings: 'salt' on;
}

.noscroll {
    overflow-y: hidden;
    height: 100vh;
}

html {
    font-family: "tt_commons_proregular";
}

strong {
    font-weight: 600;
}

.btn {
    border-radius: 0;
}

.v-desktop {
    display: block;
}

.v-mobile {
    display: none;
}

.hide {
    display: none !important;
}

@media (max-width: 767px) {
    .v-desktop {
        display: none;
    }

    .v-mobile {
        display: block;
    }
}

a:link,
a:hover,
a:visited {
    text-decoration: none;
    color: #fff;
}

@media (hover: hover) {
    a:link,
    a:hover,
    a:visited {
        text-decoration: none;
        color: #fff;
    }
}

@media (hover: none) {
    a:link,
    a:hover,
    a:visited {
        text-decoration: none;
        color: #fff;
    }
}

a:link .white,
a:hover .white,
a:visited .white {
    text-decoration: none;
    color: #fff;
}

.color-6 {
    background-image: linear-gradient( to right, #fa5046 0%, #e61996 51%, #8035dc 100% );
    border-radius: 30px;
    border-radius: 24px;
    box-sizing: border-box;
    color: #0d1035;
    display: block;
    font-size: 18px;
    line-height: 2;
    line-height: 1.2;
    padding: 1px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    font-family: "tt_commons_prodemibold";
    margin: 0 auto;
}

.bold {
    font-weight: bold;
}

.color-powerup {
    background: -webkit-linear-gradient(right, #f54457, #e61a94);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-shop {
    background: rgba(13, 16, 53, 0.05);
}

.bg-home {
    background: #fff;
}

.bg-home-blue {
    background: #0D1035;
}

h1,
.hi-size {
    font-family: 'tt_commons_prodemibold';
    font-style: normal;
    font-size: 56px;
    line-height: 70px;
    font-weight: 600;
    letter-spacing: -1px;
    font-feature-settings: 'salt' on;
}

h2,
.h2-size {
    font-family: 'tt_commons_prodemibold';
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -1px;
    font-feature-settings: 'salt' on;
}

h3,
.h3-size {
    font-family: 'tt_commons_prodemibold';
    font-style: normal;
    font-weight: 600;
    font-size: 56px;
    line-height: 70px;
    letter-spacing: -1px;
    font-feature-settings: 'salt' on;
}

h4,
.h4-size {
    font-family: 'tt_commons_prodemibold';
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -1px;
    font-feature-settings: 'salt' on;
}

h5,
.h5-size {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

p.lead-text {
    font-size: 20px;
    line-height: 24px;
}

p {
    font-size: 18px;
    line-height: 1.5;
}

    p.small-text {
        font-size: 16px;
        line-height: 20px;
    }

    p.xsmall-text {
        font-size: 14px;
        line-height: 18px;
    }

a.link-cover {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0 !important;
    top: 0 !important;
}

.owl-carousel .owl-item card > img {
    border-radius: 16px;
}

.owl-carousel .owl-item div img {
    width: auto;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 767px) {
    h1, .h1-size {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
    }

    h2,
    .h2-size {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
    }

    h3,
    .h3-size {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
    }

    h4,
    .h4-size {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
    }

    h5,
    .h5-size {
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
    }

    p.lead-text {
        font-size: 18px;
        line-height: 22px;
    }

    p {
        font-size: 16px;
        line-height: 1.5;
    }

        p.small-text {
            font-size: 14px;
            line-height: 18px;
        }

        p.xsmall-text {
            font-size: 12px;
            line-height: 16px;
        }
}

.gradient-text {
    background-color: red;
    background-image: -webkit-gradient(linear, left top, right top, from(#f54457), color-stop(51%, #ee2e76), to(#e61a94));
    background-image: linear-gradient(to right, #f54457 0%, #ee2e76 51%, #e61a94 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

h3 .gradient-text {
    font-weight: 600;
}

h3 .circled-text {
    font-weight: 800;
    font-size: 0.8em;
    width: 1.25em;
    height: 1.25em;
    text-align: center;
    display: inline-block;
    background: linear-gradient(77.53deg, #fa5046 8.32%, #e61996 90.21%);
    border-radius: 50%;
}

h3 .circled-text-blue {
    font-weight: 700;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    display: inline-block;
    background: #8035dc;
    font-size: 3rem;
    line-height: 3rem;
    border-radius: 50%;
}

.paragraph {
    margin-top: 1rem;
    margin-bottom: 3rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    line-height: 24px;
}

.paragraph-xs {
    margin-top: 1rem;
    margin-bottom: 1.3rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    line-height: 24px;
}

.paragraph-home {
    margin-top: 1rem;
    margin-bottom: 1.3rem;
    color: #000;
    font-size: 20px;
    line-height: 24px;
}

.paragraph-sm {
    margin-top: 1rem;
    margin-bottom: 3rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {

    .paragraph,
    .paragraph-xs {
        font-size: 18px;
    }
}

.min-100 {
    min-height: 100%;
}

.cursive {
    font-family: "tt_commons_proextrabold";
    font-size: 1.5rem;
}

.text-center {
    text-align: center;
}

.button {
    font-size: 18px;
    line-height: 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 7px 0;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 30px;
    display: inline-block;
    letter-spacing: -0.00555556em;
    font-family: "tt_commons_prodemibold";
}

    .button:hover {
        background-position: right center;
        /* change the direction of the change here */
    }

.btn-1 {
    background-image: -webkit-gradient(linear, left top, right top, from(#fa5046), color-stop(#e61996,
    /*#ee2e76 51%,*/
    ));
    background-image: linear-gradient(to right, #fa5046 0%,
    /*#ee2e76 51%,*/
    #e61996 100%);
}

.btn-2,
.btn-3 {
    background: -webkit-gradient(linear, left top, right top, from(#fa5046), color-stop(51%, #e61996), to(#8035dc));
    background: linear-gradient(to right, #fa5046 0%, #e61996 51%, #8035dc 100%);
    margin: 0px;
    position: relative;
}

    .btn-2 span,
    .btn-3 span {
        position: relative;
        z-index: 1;
    }

.btn-3 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    padding: 0.5em 1em;
    margin: 0;
}

    .btn-2::before,
    .btn-3::before {
        content: "";
        background: #0d1035;
        position: absolute;
        border-radius: 30px;
        display: block;
        top: 1px;
        bottom: 1px;
        left: 1px;
        right: 1px;
    }

.btn-2.btn-menu::before {
    background: #fff;
}

.btn-2.btn-menu {
    padding: 15px 0;
}

.bg-primary-light .btn-2::before,
.bg-primary-light .btn-3::before {
    background-color: #171a3e;
}

.bg-white .btn-2::before,
.bg-white .btn-3::before {
    background-color: white;
}


.btn-2:hover {
    background-color: #cc0000;
}


.btn-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: -webkit-gradient(linear, left top, right top, from(#fa5046), color-stop(51%, #e61996), to(#8034db));
    background: linear-gradient(to right, #fa5046 0%, #e61996 51%, #8034db 100%);
    margin: 0px;
    padding: 8px 2px;
    border-radius: 30px;
}

.btn-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: -webkit-gradient(linear, left top, right top, from(#fa5046), color-stop(51%, #e61996), to(#8034db));
    background: linear-gradient(to right, #fa5046 0%, #e61996 51%, #8034db 100%);
    margin: 0px;
    padding: 12px 2px;
    border-radius: 30px;
}

.btn-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    background: -webkit-gradient(linear, left top, right top, from(#8034db), color-stop(51%, #8034db), to(#8034db));
    background: linear-gradient(to right, #8034db 0%, #8034db 51%, #8034db 100%);
    margin: 0px;
    padding: 12px 2px;
    border-radius: 30px;
}

.btn-7 {
    background: #8035dc;
}

.btn-8 {
    background: #8035dc;
    margin: 0px;
    position: relative;
}

    .btn-8 span {
        position: relative;
        z-index: 1;
    }

.btn-9 {
    background: #e61996;
}

.btn-8::before {
    content: "";
    background: #0d1035;
    position: absolute;
    border-radius: 30px;
    display: block;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
}

.btn-12,
.btn-13 {
    background: -webkit-gradient(linear, left top, right top, from(#fa5046), to(#e61996));
    background: linear-gradient(to right, #fa5046 0%, #e61996 100%);
    margin: 0px;
    position: relative;
}

    .btn-12 span,
    .btn-13 span {
        position: relative;
        z-index: 1;
    }

.btn-13 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    padding: 0.75em 1em;
    margin: 0;
}

    .btn-12::before,
    .btn-13::before {
        content: "";
        background: #0d1035;
        position: absolute;
        border-radius: 30px;
        display: block;
        top: 1px;
        bottom: 1px;
        left: 1px;
        right: 1px;
    }

.btn-12.btn-menu::before {
    background: #fff;
}

.btn-16 {
    border: 2px solid #f13769;
    border-radius: 30px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 1.8;
    padding: 6px 5px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    font-family: "tt_commons_prodemibold";
    margin: 0 auto;
}

    .btn-16:hover {
        background-image: linear-gradient(to right, #FA5046 0%, #E61996 51%, #8035DC 100%);
        padding: 9px 7px;
        border: 0;
    }

.bg-primary-light .btn-12::before,
.bg-primary-light .btn-13::before {
    background-color: #171a3e;
}

.bg-white .btn-12::before,
.bg-white .btn-13::before {
    background-color: white;
}

.button-bg {
    border-radius: 30px;
    font-weight: bold;
}

.btn-bg-1 {
    background: #1d1c50;
    padding: 15px 40px;
}

.btn-bg-2 {
    background: #fff;
    padding: 8px 15px;
}

.btn-bg-3 {
    background: #fff;
    padding: 7px 40px;
}

.btn-bg-4 {
    background: #1d1c50;
    padding: 10px 40px;
}

.btn-bg-5 {
    background: #1d1c50;
    padding: 10px 40px;
}

@media (max-width: 767px) {
    .button {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    .btn-1,
    .btn-2,
    .btn-7,
    .btn-8,
    .btn-9 {
        display: block;
    }
}

img {
    width: auto;
}

/* Spacing */

.no-gutter {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

/* Navbar */

.navigation {
    background: #fff;
    height: 72px;
    position: relative;
    z-index: 20;
}

@media (max-width: 767px) {
    .navigation {
        height: 104px;
        position: relative;
    }

        .navigation::after {
            content: "";
            position: absolute;
            display: block;
            height: 1px;
            top: 3.4375rem;
            left: 0;
            right: 0;
            background: rgba(13, 16, 53, 0.05);
        }

        .navigation.none-menu {
            height: 56px;
        }
}

.navigation.container-fluid {
    position: absolute;
}

#header.fixed {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

#header {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.logo {
    position: absolute;
    top: 0;
    left: 0px;
    cursor: pointer;
    padding: 1.5rem 0;
}

    .logo.retail {
        left: 80px;
    }

    .logo img {
        display: block;
    }

@media (max-width: 767px) {
    .logo {
        padding: 1.125rem 0;
    }

        .logo img {
            width: auto;
            height: 1.25rem;
        }

        .logo.shop {
            position: unset;
        }
}

.brand {
    text-align: center;
    width: 100%;
    max-height: 4.5rem;
}

    .brand > a {
        padding: 1.5rem 0 1.25rem;
        margin: 0 26px;
        display: inline-block;
        border-bottom: 0.25rem solid #fff;
        -webkit-transition: border 0.5s;
        transition: border 0.5s;
        position: relative;
    }

        .brand > a:first-child:hover,
        .brand > a:first-child.active,
        .brand-mobile > a:first-child.active {
            border-bottom-color: #8035dc;
        }

        .brand > a:nth-child(2):hover,
        .brand > a:nth-child(2).active,
        .brand-mobile > a:nth-child(2).active {
            border-bottom-color: #e61996;
        }

        .brand > a:nth-child(3)::after {
            content: "";
            position: absolute;
            bottom: -0.25rem;
            left: 0;
            right: 0;
            display: block;
            height: 0.25rem;
            background: linear-gradient(77.53deg, #fa5046 53.45%, #e61996 78.72%);
            opacity: 0;
            -webkit-transition: opacity 0.5s;
            transition: opacity 0.5s;
        }

.brand-mobile > a:nth-child(3).active::after {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    right: 0;
    display: block;
    height: 0.25rem;
    background: linear-gradient(77.53deg, #fa5046 53.45%, #e61996 78.72%);
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.brand-mobile > a:nth-child(3).active {
    position: relative;
}

    .brand > a:nth-child(3).active::after,
    .brand-mobile > a:nth-child(3).active::after {
        opacity: 1;
    }

.brand > a:nth-child(3):hover::after {
    opacity: 1;
}

.brand > a img {
    display: block;
}

.brand.retail > button {
    width: 130px;
    padding: 5px 20px;
    margin: 17px 17px 17px 0;
}

.brand.retail > a {
    width: 130px;
    padding: 5px 20px;
    margin: 17px 37px 17px 0;
}

.navbar {
    width: 100%;
    z-index: 99;
    padding: 0;
}

.navbar-brand {
    padding-left: 0px;
}

    .navbar-brand:link,
    .navbar-brand:hover,
    .navbar-brand:visited {
        text-decoration: none;
        color: white;
    }

.brand-mobile {
    display: none;
    text-align: center;
    margin-top: 3.5rem;
    z-index: 9999 !important;
}

    .brand-mobile a {
        padding: 13px 0.4rem 13px 0.4rem;
        border-bottom: 0.25rem solid #fff;
    }

        .brand-mobile a img {
            height: 1.125rem;
            width: auto;
        }

@media (max-width: 767px) {
    .brand {
        display: none;
    }

    .brand-mobile {
        display: block;
        height: 3rem;
    }

        .brand-mobile a {
            display: inline-block;
        }

            .brand-mobile a img {
                display: block;
            }
}

@media (max-width: 360px) {

    .brand-mobile a {
        padding: 13px 4% 13px 4%;
    }
}

@media (max-width: 320px) {
    .brand-mobile a {
        padding: 13px 2% 13px 2%;
    }
}



.container a {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    overflow: hidden;
    top: 5px;
}

    .container a:after {
        content: "";
        position: absolute;
        background: #000;
        height: 2px;
        width: 0%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        bottom: 0;
        -webkit-transition: 0.35s ease;
        transition: 0.35s ease;
    }

    .container a:hover:after,
    .container a:focus:after,
    .container a:active:after {
        width: 100%;
    }

.button_container {
    position: absolute;
    top: 50%;
    margin-top: -0.4375rem;
    right: 0px;
    height: 27px;
    width: 27px;
    cursor: pointer;
    z-index: 100;
}

.button_container.search{
    right: 35px;
}

    /*    .button_container.active {
        right: 15px;
    }*/

    .button_container .search-menu {
        background-image: url(../img/new-home/icon-search.svg);
        background-position: top 0 right 5px;
        background-repeat: no-repeat;
        height: 27px;
        width: 27px;
        display: inline-block;
    }

    .button_container .humburger-menu {
        background-image: url(https://wizit.money/img/icon-humburger-menu.svg);
        background-position: top 5px right 5px;
        background-repeat: no-repeat;
        height: 27px;
        width: 27px;
        display: inline-block;
    }

    .button_container.active .humburger-menu {
        background-image: url(https://wizit.money/img/icon-x.svg);
        background-position: top 2px right 2px;
    }

@media (max-width: 767px) {
    h1 {
        font-size: 2.5rem;
    }

    .button_container {
        margin-top: 0;
        top: 1.3125rem;
    }

        .button_container.active {
            right: 0;
        }
}

/*.button_container.active .top {
    -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
    transform: translateY(9px) translateX(0) rotate(45deg);
    background: #000;
}

.button_container.active .middle {
    opacity: 0;
    background: #000;
}

.button_container.active .bottom {
    -webkit-transform: translateY(-3px) translateX(0) rotate(-45deg);
    transform: translateY(-3px) translateX(0) rotate(-45deg);
    background: #000;
}

.button_container span {
    background: #000;
    border: none;
    height: 2px;
    width: 100%;
    border-radius: 2px;
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
}

.button_container .black {
    background: #0d1035;
}

.button_container span:nth-of-type(2) {
    top: 6px;
}

.button_container span:nth-of-type(3) {
    top: 12px;
}*/

.overlay {
    position: fixed;
    background-color: rgba(0,0,0,0.6);
    z-index: 98;
    top: 0;
    right: 0;
    width: 100%;
    height: 0;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow-y: scroll !important;
}

    .overlay::-webkit-scrollbar {
        width: 0; /* Remove scrollbar space */
        background: transparent; /* Optional: just make scrollbar invisible */
    }

    /* Optional: show position indicator in red */
    .overlay::-webkit-scrollbar-thumb {
        background: #FF0000;
    }

    .overlay.bg-full {
        top: 0 !important;
    }

    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%;
    }
    /*
        .overlay.open li {
            -webkit-animation: fadeInRight 0.5s ease forwards;
            animation: fadeInRight 0.5s ease forwards;
            -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;
        }

            .overlay.open li:nth-of-type(2) {
                -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
            }

            .overlay.open li:nth-of-type(3) {
                -webkit-animation-delay: 0.45s;
                animation-delay: 0.45s;
            }

            .overlay.open li:nth-of-type(4) {
                -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s;
            }*/

    .overlay .overlay-box {
        /*padding-top: 50px;*/
        padding-right: 100px;
        background: #fff;
        width: 450px;
        display: inline-block;
        text-align: left;
        position: relative;
        height: 150vh;
    }

    .overlay nav {
        position: relative;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 600;
        display: block;
    }

    .overlay .overlay-box .scroll-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 310px;
    }

    .overlay ul {
        list-style: none;
        padding: 0;
        display: block;
        position: relative;
        padding: 0 2rem;
    }

        .overlay ul li {
            display: block;
            height: 25%;
            height: calc(100% / 4);
            min-height: 2.5rem;
            position: relative;
            /*opacity: 0;*/
            color: #000;
            margin-bottom: 0.5rem;
        }

            .overlay ul li a {
                display: block;
                position: relative;
                color: #000;
                text-decoration: none;
                overflow: hidden;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                font-size: 1.1rem;
                line-height: 1.5px;
                border-bottom: 1px solid #f3f3f5;
                padding-top: 10px;
                padding-bottom: 20px;
            }

                .overlay ul li a:hover:after,
                .overlay ul li a:focus:after,
                .overlay ul li a:active:after {
                    width: 100%;
                }

            .overlay ul li:last-child a {
                border-bottom: none;
            }

    .overlay .parent .arrow {
        background-image: url(https://wizit.money/img/icon-down.svg);
        background-position: top 5px right 10px;
        background-repeat: no-repeat;
        /*        position: absolute;
        height: 30px;
        width: 30px;
        top: 0;
        right: 0;*/
    }

        /*.overlay .parent .arrow:hover {
            cursor: pointer;
        }*/

        .overlay .parent .arrow.active {
            background-image: url(https://wizit.money/img/icon-up.svg);
        }

    .overlay .parent ul {
        display: none;
        padding: 0 0 0 1rem;
    }

    .overlay .sideBtnSize {
        width: auto;
        height: 40px;
    }

@media (max-width: 767px) {
    .overlay .overlay-box .scroll-box {
        width: 100%;
    }

    .overlay .parent .arrow {
        background-position: top 5px right 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .overlay .sideBtnSize {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 992px) and (max-width: 1499px) {
    .overlay .sideBtnSize {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 1500px) {
    .overlay .sideBtnSize {
        width: auto;
        height: 40px;
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

@media (max-width: 767px) {
    .overlay .overlay-box {
        padding-right: 0;
        width: 90%;
    }

    .overlay ul {
        padding: 0 27px 0 20px;
    }

    .overlay .parent .arrow {
        background-position: top 5px right;
    }

    .section-shop .scroll-box {
        overflow-y: scroll;
        height: 700px;
        z-index: 9999;
    }

        /* width */
        .section-shop .scroll-box::-webkit-scrollbar {
            width: 10px;
        }

        /* Track */
        .section-shop .scroll-box::-webkit-scrollbar-track {
            background: #fff;
        }

        /* Handle */
        .section-shop .scroll-box::-webkit-scrollbar-thumb {
            background: #888;
        }

            /* Handle on hover */
            .section-shop .scroll-box::-webkit-scrollbar-thumb:hover {
                background: #555;
            }
}

/*.overlay nav .scroll-box {
    overflow-y: scroll;
    height: 600px;
    z-index: 999;
}*/

/* width */
.overlay nav .scroll-box::-webkit-scrollbar {
    width: 0;
}

/* Track */
.overlay nav .scroll-box::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
.overlay nav .scroll-box::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .overlay nav .scroll-box::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* Headers */

.masthead {
    height: 100vh;
    min-height: 500px;
    background-image: url("/img/photo-1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    position: relative;
    width: 100%;
    line-height: 100%;
    color: #fff;
    font-size: 1.5rem;
}

.masthead-2 {
    height: 100vh;
    min-height: 500px;
    background-image: url("/img/photo-9.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    position: relative;
    width: 100%;
    line-height: 100%;
    color: #fff;
    font-size: 1.5rem;
}

.masthead-3 {
    height: 100vh;
    min-height: 500px;
    background-image: url("/img/photo-7.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    position: relative;
    width: 100%;
    line-height: 100%;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
}

.masthead-4 {
    min-height: 500px;
    top: 0;
    position: relative;
    width: 100%;
    line-height: 100%;
}

.split-image-left {
    background-image: url("/img/photo-4.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

.split-image-right {
    background-image: url("/img/photo-3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

/* accordion bootstrap 5 */

.accordion-item {
    background: none;
}

.accordion-button {
    padding: 0 1rem;
    z-index: 1;
    color: #fff;
    background: none;
}

    .accordion-button:not(.collapsed) {
        color: #fff;
        background: none;
    }

.accordion .accordion-item .accordion-button::after {
    background-image: url("/img/icon-arrow-down-white.svg");
    background-position: center;
}

#faqContent .accordion .accordion-item .accordion-button::after {
    background-image: url("/img/icon-down.svg") !important;
}

.accordion-header {
    position: relative;
    border-radius: 0.5rem;
    background: rgba(255, 255, 255, 0.05);
}

/* Section One */

@-webkit-keyframes section-one-bg {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(0.75);
        transform: scaleY(0.75);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes section-one-bg {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    50% {
        -webkit-transform: scaleY(0.75);
        transform: scaleY(0.75);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.section-one {
    position: relative;
    padding-bottom: 4.5rem;
}

    .section-one > .row {
        position: relative;
        z-index: 10;
    }

    .section-one::before {
        content: "";
        background: radial-gradient(38.75% 61.86% at 38.44% 27.61%, rgba(128, 53, 220, 0.2) 0%, rgba(13, 16, 53, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , radial-gradient(32.08% 51.22% at 15.8% 38.47%, rgba(230, 25, 150, 0.15) 0%, rgba(13, 16, 53, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , -webkit-gradient(linear, left top, left bottom, from(rgba(128, 53, 220, 0.25)), to(rgba(13, 16, 53, 0)));
        background: radial-gradient(38.75% 61.86% at 38.44% 27.61%, rgba(128, 53, 220, 0.2) 0%, rgba(13, 16, 53, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , radial-gradient(32.08% 51.22% at 15.8% 38.47%, rgba(230, 25, 150, 0.15) 0%, rgba(13, 16, 53, 0) 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
        , linear-gradient(180deg, rgba(128, 53, 220, 0.25) 0%, rgba(13, 16, 53, 0) 100%);
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-animation-name: section-one-bg;
        animation-name: section-one-bg;
        -webkit-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-transform-origin: top;
        transform-origin: top;
    }

    .section-one .block-one {
        margin-top: 9rem;
        font-size: 1.5rem;
        line-height: 125%;
    }

    .section-one .block-two {
        margin-top: 3rem;
    }

        .section-one .block-two > p {
            margin-top: 1rem;
            margin-bottom: 2rem;
        }

    .section-one .block-three {
        margin-top: 3rem;
        margin-bottom: -1rem;
    }

        .section-one .block-three card {
            display: inline-block;
            padding: 2rem 1rem 2rem;
            border-radius: 1.5rem;
            font-size: 1.125rem;
            line-height: 1.33333333;
            background: rgba(255, 255, 255, 0.05);
            width: 18rem;
            position: relative;
            margin-bottom: 1rem;
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }

            .section-one .block-three card p {
                margin: 0.5em 0 0;
            }

@media (max-width: 767px) {
    .section-one {
        padding-bottom: 2rem;
    }

        .section-one .section-one__image {
            width: auto;
            height: 15rem;
        }

        .section-one .block-one {
            margin-top: 9.5rem;
        }

        .section-one .block-two img {
            height: 2.5rem;
            width: auto;
        }

        .section-one .block-three {
            margin-top: 2rem;
        }

            .section-one .block-three card {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                text-align: left;
                padding: 1rem 1.75rem 1rem;
                margin-left: 0;
                margin-right: 0;
                margin-bottom: 0.5rem;
                border-radius: 1rem;
            }

                .section-one .block-three card p {
                    margin-top: 0;
                    margin-left: 1rem;
                }

                .section-one .block-three card img {
                    width: 1.5rem;
                    height: auto;
                }
}

.section-one .block-two > a.button {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-size: 18px;
    line-height: 1.5rem;
}

.bg-black {
    background-color: #000 !important;
}

.bg-primary-light {
    background-color: #171a3e;
}

.card {
    border: 0;
    border-radius: 0;
}

.card-img,
.card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card-body {
    padding: 0;
}

.card-columns .card {
    margin-bottom: 1.25rem;
}

@media (max-width: 991px) {
    .card-columns {
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 992px) {
    .card-columns {
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        -webkit-column-count: 3;
        column-count: 3;
    }
}

.card-hover img {
    -webkit-transition: -webkit-filter 0.5s ease-in-out;
    transition: -webkit-filter 0.5s ease-in-out;
    transition: filter 0.5s ease-in-out;
    transition: filter 0.5s ease-in-out, -webkit-filter 0.5s ease-in-out;
    -webkit-filter: grayscale(0%);
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%);
    /* FF 35+ */
}

.card-hover:hover img {
    -webkit-filter: grayscale(100%);
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%);
    /* FF 35+ */
}

.reveal p {
    line-height: 125%;
    font-size: 1.5rem;
    text-align: center;
}

.card-hover .reveal {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: black;
    color: white;
}

.card-hover:hover .reveal {
    height: auto;
    visibility: visible;
    opacity: 0.5;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    position: absolute;
    top: 0;
    background-color: black;
    color: white;
}

@media (max-width: 767px) {

    .card-hover .reveal,
    .card-hover:hover .reveal {
        visibility: visible;
        opacity: 1;
        position: relative;
        width: 100%;
        background-color: #ebeae9;
        color: black;
    }

    .reveal p {
        line-height: 125%;
        font-size: 1.2rem;
        text-align: left;
        padding-top: 1rem;
    }
}

/* Section Two */
.section-two {
    margin-top: 1.5rem;
    line-height: 125%;
}

    .section-two.bg-home-blue {
        margin-top: 0;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

.section-two__chat {
    max-width: 25.25rem;
}

.section-two__chat--invisible {
    visibility: hidden;
}

.section-two__chat--visible {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.section-two__text {
    max-width: 30rem;
}

.section-two .block-one .img {
    margin-bottom: 0.5rem;
    margin-left: 4rem;
    max-width: 19.25rem;
    border-radius: 1.5rem;
    overflow: hidden;
    max-height: 0;
    margin-bottom: 0;
    opacity: 0;
    transition: 0.2s;
}

.section-two .block-one.custom-chat .img {
    margin-bottom: 0.5rem;
    margin-left: 4rem;
    max-width: 19.25rem;
    border-radius: 1.5rem;
    overflow: hidden;
    transition: 0.2s;
    max-height: unset;
    opacity: 1;
}

.section-two .block-one .section-two__chat--visible.animated .img {
    max-height: 25rem;
    margin-bottom: 0.5rem;
    opacity: 1;
}

.section-two .block-one .chat .chat__message {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0.9375rem 1.9375rem;
    border-radius: 2rem;
    line-height: 1.5rem;
    background: transparent;
    text-align: left;
    position: relative;
    margin-bottom: 0.5rem;
    margin-left: 4rem;
    background: rgba(255, 255, 255, 0.05);
    font-size: 1.125rem;
    font-weight: 600;
}

.section-two .block-one .section-two__chat--visible .chat .text-end,
.section-two .block-one .section-two__chat--visible .chat .chat__message-container {
    max-height: 0;
    opacity: 0;
    transition: 0.2s;
    overflow: hidden;
    transition-delay: 6s;
}

.section-two .block-one.custom-chat .section-two__chat--visible .chat .text-end,
.section-two .block-one.custom-chat .section-two__chat--visible .chat .chat__message-container {
    max-height: 0;
    opacity: 1;
    transition: 1s;
    overflow: hidden;
    transition-delay: 1s;
}

.section-two .block-one .section-two__chat--visible.animated .chat .text-end,
.section-two .block-one .section-two__chat--visible.animated .chat .chat__message-container {
    opacity: 1;
    max-height: 7rem;
}

.section-two .block-one .section-two__chat--visible .chat .chat__message-container {
    transition-delay: 2s;
}

    .section-two .block-one .section-two__chat--visible .chat .chat__message-container + .chat__message-container {
        transition-delay: 4s;
    }

.section-two .block-one.custom-chat .section-two__chat--visible .chat .chat__message-container {
    transition-delay: 1s;
}

    .section-two .block-one.custom-chat .section-two__chat--visible .chat .chat__message-container + .chat__message-container {
        transition-delay: 1s;
    }

.section-two .block-one .chat .text-end .chat__message {
    padding: 1rem 2rem;
    border: none;
    background: linear-gradient(77.53deg, #fa5046 7.36%, #e61996 89.25%);
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 2rem !important;
    margin-bottom: 0;
}

.section-two .block-one .chat .img + .chat__message-container .chat__message:first-child {
    border-bottom-left-radius: 0.5rem;
}

.section-two .block-one .chat .chat__message-container + .chat__message-container .chat__message:first-child {
    border-top-left-radius: 0.5rem;
}

.section-two .block-one .chat img.avatar {
    position: absolute;
    bottom: 0.5rem;
    left: 0rem;
    border-radius: 50%;
    width: 3rem;
    height: auto;
}

.section-two .block-one .chat > div:first-child span.bg {
    height: 6rem;
    border-top-left-radius: 3rem;
}

.section-two .block-one .chat > div:nth-child(2) span.bg {
    height: 4rem;
    border-bottom-left-radius: 2rem;
}

.section-two .block-one .button {
    padding: 20px 50px;
    margin-left: 5rem;
    border-bottom-right-radius: 0.5rem;
}

.section-two .block-two {
    text-align: left;
    margin-top: 1.25rem;
}

    .section-two .block-two .text {
        padding-left: 4.5rem;
    }

    .section-two .block-two .link {
        text-align: center;
    }

.section-two .circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    margin: 50px auto;
    width: 0px;
    height: 0px;
    background: linear-gradient(0deg, rgba(129, 52, 219, 1) 0, #ee3172 50%, rgba(248, 75, 76, 1) 100%);
}

.section-two .circle-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 50px auto;
    max-height: 0;
}

@media (max-width: 991px) {
    .section-two {
        margin-top: 2rem;
        display: block;
    }

    .section-two__chat {
        max-width: 20rem;
    }

    .section-two__text {
        max-width: none;
    }

        .section-two__text .img img {
            width: 8.375rem;
            height: auto;
        }

    .section-two .block-one .img {
        width: 15.625rem;
        margin-left: 3rem;
    }

        .section-two .block-one .img img {
            width: 100%;
            height: auto;
        }

    .section-two .block-one .chat img.avatar {
        width: 2rem;
        bottom: 1.5rem;
    }

    .section-two .block-one .chat .chat__message {
        margin-left: 3rem;
        font-size: 1rem;
    }

    .section-two .block-one .chat > div:first-child span.bg {
        height: 8rem;
    }

    .section-two .block-one .chat > div:nth-child(2) span.bg {
        height: 6rem;
    }

    .section-two .block-one .button {
        padding: 20px 30px;
        margin-left: unset;
    }

    .section-two .block-two {
        margin-top: 2.5rem;
    }

        .section-two .block-two .text {
            padding-left: unset;
            text-align: center;
        }

        .section-two .block-two .link {
            text-align: center;
            margin-right: unset;
        }

            .section-two .block-two .link img {
                width: 9.5rem;
                height: auto;
            }
}

@media (max-width: 767px) {
    .block-one.custom-chat .section-two__chat--visible {
        position: relative;
    }

    .section-two .block-one .section-two__chat--visible .chat .text-end,
    .section-two .block-one .section-two__chat--visible .chat .chat__message-container {
        max-height: unset;
        opacity: 1;
        transition: unset;
        overflow: unset;
        transition-delay: unset;
    }

    .section-two .block-one .section-two__chat--visible .chat .chat__message-container {
        transition-delay: unset;
    }

        .section-two .block-one .section-two__chat--visible .chat .chat__message-container + .chat__message-container {
            transition-delay: unset;
        }
}

@media (max-width: 374px) {
    .section-two__chat {
        max-width: 100%;
    }

    .section-two .block-one .img {
        width: auto;
    }
}

/* Section Three */
.section-three {
    margin-top: 5rem;
    margin-top: 166px;
    line-height: 125%;
}

    .section-three .block > div {
        background-image: url("/img/bg-lighting-01.svg");
        background-repeat: no-repeat;
    }

    .section-three .cell-one {
        text-align: left;
        vertical-align: middle;
        padding-right: 4rem;
    }

    .section-three .cell-two {
        vertical-align: middle;
        padding-left: 4rem;
    }

        .section-three .cell-two img {
            width: 100%;
            height: 28.75rem;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 1.5rem;
        }

@media (max-width: 767px) {
    .section-three {
        margin-top: 32px;
    }

        .section-three .block > div {
            background: none;
        }

        .section-three .cell-one {
            padding-right: 0.75rem;
            margin-top: 2rem;
            text-align: center;
        }

        .section-three .cell-two {
            padding-left: 0.75rem;
        }

            .section-three .cell-two img {
                height: 25rem;
            }
}

/* Section Four */
.section-four {
    margin-top: 5rem;
    margin-top: 70px;
    line-height: 125%;
}

    .section-four .block-one img {
        width: 21.5625rem;
        max-width: 100%;
        height: auto;
    }

    .section-four .block-two {
        text-align: left;
        padding-left: 8rem;
    }

        .section-four .block-two .text {
            display: table-cell;
            vertical-align: middle;
        }

            .section-four .block-two .text .color-powerup {
                font-weight: 800;
            }

@media (max-width: 767px) {
    .section-four {
        margin-top: 3rem;
        margin-top: 40px;
    }

        .section-four .block-one img {
            width: 15.5rem;
            height: auto;
        }

        .section-four .block-two {
            margin-top: 1rem;
            padding-left: 0.75rem;
            text-align: center;
            margin-top: 2rem;
        }

        .section-four .text {
            text-align: center;
        }
}

.section-four .block-three card {
    display: block;
    padding: 4rem 0 0;
    border-radius: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.33333333;
    background: rgba(255, 255, 255, 0.05);
    position: relative;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/* Section Five */
.section-five {
    margin-top: 5rem;
    margin-top: 130px;
    line-height: 125%;
}

    .section-five .block-one {
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
    }

    .section-five .block-two .circle {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 10px;
        padding: 16px 2px;
        text-align: center;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-size: 200% auto;
        color: white;
        border-radius: 10px;
        display: inline-block;
        background-image: -webkit-gradient(linear, left top, right top, from(#f54457), color-stop(51%, #ee2e76), to(#e61a94));
        background-image: linear-gradient(to right, #f54457 0%, #ee2e76 51%, #e61a94 100%);
        border-radius: 50%;
    }

        .section-five .block-two .circle .circle-bg {
            background: #1d1c50;
            padding: 13px 21px;
            border-radius: 50%;
        }

    .section-five .block-two h3 {
        font-size: 2rem;
    }

    .section-five .cell-two img {
        max-width: 100%;
        height: auto;
    }

@media (max-width: 767px) {
    .section-five {
        margin-top: 46px;
    }

        .section-five .block-two > div {
            display: block;
        }

        .section-five .cell-one,
        .section-five .cell-three {
            margin-top: 2rem;
        }

        .section-five .cell-two img {
            width: 9.5rem;
        }
}

/* Section Sixth */
.section-six {
    margin-top: 5rem;
    margin-top: 146px;
    line-height: 125%;
    margin-bottom: 4.5rem;
}

    .section-six .block-one .paragraph {
        max-width: 36rem;
        margin-left: auto;
        margin-right: auto;
    }

    .section-six .block-two {
        margin-bottom: 9rem;
        margin-bottom: 143px;
    }

        .section-six .block-two > .row {
            margin: -0.25rem;
        }

            .section-six .block-two > .row > div {
                padding: 0.25rem;
            }

        .section-six .block-two card {
            display: block;
            padding: 1.5rem;
            border-radius: 1.5rem;
            background: rgba(255, 255, 255, 0.05);
        }

            .section-six .block-two card > h4 {
                font-size: 3rem;
                background: -webkit-linear-gradient(#f54457, #e61a94);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .section-six .block-two card > div > p {
                margin: 0;
            }

                .section-six .block-two card > div > p + p {
                    margin-top: 1rem;
                    padding-top: 1rem;
                    border-top: 1px solid rgba(255, 255, 255, 0.05);
                }

@media (max-width: 991px) {
    .section-six {
        margin-top: 64px;
        margin-bottom: 3rem;
    }

        .section-six.wizit-pay,
        .section-six.wizit-card {
            margin-top: 2rem;
        }

            .section-six.wizit-pay h4 span.mobile,
            .section-six.wizit-card h4 span.mobile {
                display: block;
            }

        .section-six .block-two {
            margin-bottom: 4rem;
            margin-bottom: 41px;
        }

            .section-six .block-two card {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 1.5rem 2rem;
            }

                .section-six .block-two card h4 {
                    font-size: 1.5rem;
                }

                .section-six .block-two card > div {
                    margin-left: auto;
                    text-align: left;
                }
}

@media (min-width: 1400px) {

    .section-six .block-two .col-lg-4,
    .section-six .block-two .col-lg-6 {
        width: 20%;
    }
}

.section-six .block-three .cell-one {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

    .section-six .block-three .cell-one p {
        margin-top: 1rem;
        margin-bottom: 3rem;
        line-height: 1.5rem;
    }

@media (max-width: 991px) {
    .section-six .block-three .cell-one p {
        margin-bottom: 1rem;
    }
}

.section-six .block-three .cell-two {
    display: table-cell;
    text-align: center;
}

.section-six .block-three card {
    display: block;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1.5rem;
    padding: 1.375rem 2rem;
    position: relative;
    margin-bottom: 0.5rem;
    text-align: left;
}

    .section-six .block-three card > span {
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .section-six .block-three card > span > b {
            font-size: 2em;
            margin-right: 1.5rem;
        }

    .section-six .block-three card > div.bg {
        background: #3b3d5b;
        opacity: 0.6;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 1rem;
        height: 3.1rem;
        width: 100%;
        z-index: -1;
    }

@media (max-width: 767px) {
    .section-six .block-three > div {
        display: unset;
    }

    .section-six .block-three .cell-one {
        display: unset;
    }

    .section-six .block-three .cell-two {
        display: unset;
    }

    .section-six .block-three card {
        display: block;
        width: 100%;
    }

        .section-six .block-three card > span > b {
            font-size: 1.5em;
        }
}

.section-six .example card {
    display: inline-block;
    padding: 1.5rem 0 1rem;
    border-radius: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.33333333;
    background: rgba(255, 255, 255, 0.05);
    width: 18rem;
    position: relative;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

    .section-six .example card p > b {
        font-size: 2rem;
    }

.section-six h4 span.bg-cover {
    background: #8035dc;
    padding: 0.2rem 0.8rem;
    border-radius: 0.8rem;
    font-weight: normal;
    line-height: 3rem;
}

.section-six h4 span.bg-cover-pink {
    background: #e61996;
    padding: 0.2rem 0.8rem;
    border-radius: 0.8rem;
    font-weight: normal;
}

/* Section Seven */
.section-seven {
    padding-top: 3rem;
    padding-bottom: 4.2rem;
    line-height: 125%;
}

    .section-seven.home {
        background: #F3F3F5;
    }

    .section-seven .block-six card {
        display: inline-block;
        border-radius: 10px;
        margin: 0 0.2rem;
        color: #000;
        padding: 1rem;
    }

        .section-seven .block-six card p {
            line-height: 1.5rem;
        }

        .section-seven .block-six card label {
            display: block;
            font-size: 3rem;
            font-weight: 600;
            line-height: normal;
        }

        .section-seven .block-six card a {
            color: #000;
        }

    .section-seven .block-five {
        margin-bottom: 3rem;
    }

    .section-seven .block-four {
        margin-bottom: 3rem;
    }

    .section-seven .block-three {
        margin-bottom: 1rem;
    }

        .section-seven .block-three card {
            display: inline-block;
            padding: 2rem 1rem 2rem;
            border-radius: 1.5rem;
            font-size: 1.125rem;
            line-height: 1.33333333;
            background: rgba(255, 255, 255, 0.05);
            width: 18rem;
            position: relative;
            margin-bottom: 1rem;
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }

            .section-seven .block-three card p {
                margin: 0.5em 0 0;
            }

    .section-seven .block-two {
        margin-bottom: 2rem;
    }

        .section-seven .block-two card {
            display: inline-block;
            width: 60%;
            border: 1px solid #1d1c50;
            padding: 24px;
            border-radius: 1rem;
            line-height: 1rem;
            position: relative;
            margin-bottom: 1rem;
            text-align: left;
            background-image: url(/img/icon-checkbox.svg);
            background-position: right;
            background-repeat: no-repeat;
            background-color: rgba(255, 255, 255, 0.05);
        }

            .section-seven .block-two card > div.bg {
                background: #3b3d5b;
                opacity: 0.6;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 1rem;
                height: 3.1rem;
                width: 100%;
                z-index: -1;
            }

    .section-seven.home #payityourway a.button {
        margin: 0 0.8rem;
        padding: 0.5rem 3.5rem;
    }

@media (max-width: 767px) {
    .section-seven {
        padding-top: 3rem;
        padding-bottom: 3.2rem;
        line-height: 125%;
    }

        .section-seven .block-two card {
            width: 100%;
        }

    .section-one .block-three card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        text-align: left;
        padding: 1rem 1.75rem 1rem;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0.5rem;
        border-radius: 1rem;
    }

        .section-one .block-three card p {
            margin-top: 0;
            margin-left: 1rem;
        }

        .section-one .block-three card img {
            width: 1.5rem;
            height: auto;
        }
}

@media (max-width: 480px) {
    .section-seven .block-six card {
        width: 100%;
    }
}

.section-seven .block-one {
    margin-bottom: 3.2rem;
}

    .section-seven .block-one > div > img {
        max-width: 100%;
    }

    .section-seven .block-one .half {
        height: 285px;
        position: relative
    }

        .section-seven .block-one .half > img {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

.section-seven .block-six {
    position: relative;
}

    .section-seven .block-six .image-cover {
        position: absolute;
        top: 5%;
        right: 0;
        z-index: 99;
    }

@media (max-width: 767px) {
    .section-seven .block-three card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        text-align: left;
        padding: 1rem 1.75rem 1rem;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0.5rem;
        border-radius: 1rem;
    }

        .section-seven .block-three card p {
            margin-top: 0;
            margin-left: 1rem;
        }

        .section-seven .block-three card img {
            width: 1.5rem;
            height: auto;
        }

    .section-seven .block-six .image-cover {
        display: none;
    }
}

.section-credit-card card {
    display: inline-block;
    width: 20rem;
    vertical-align: top;
}

    .section-credit-card card ul {
        list-style: none;
        text-align: left;
        padding-left: 0rem;
        margin-top: 1rem;
    }

        .section-credit-card card ul li {
            line-height: 3rem;
            background-image: url(/img/icon-check.svg);
            background-position: left;
            background-repeat: no-repeat;
            padding-left: 2rem;
        }

.section-credit-card #creditcard .owl-item:last-child ul li {
    background-image: url(/img/icon-remove.svg);
    color: rgba(255, 255, 255, 0.6);
}

.section-credit-card card ul li.button {
    background: none;
    padding-left: 0;
    width: 100%;
}

    .section-credit-card card ul li.button a.button {
        display: block;
    }

/* According */
.accordion-item:first-of-type .accordion-button {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

.accordion-item .accordion-button {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
}

@media (max-width: 768px) {
    .section-credit-card card {
        display: block;
        width: unset;
    }

    .accordion-item:first-of-type .accordion-button {
        font-size: 16px;
    }

    .accordion-item .accordion-button {
        font-size: 16px;
    }
}

/* Carousel */
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active,
.carousel-inner .carousel-item-prev {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
}

.carousel-control-next-icon {
    background-image: url(/img/icon-arrow.svg);
}

.carousel-control-prev-icon {
    background-image: unset;
}

#shopFirstCarousel {
    position: relative;
}

    #shopFirstCarousel card {
        display: inline-block;
        padding: 2rem 0 2rem;
        border-radius: 1.5rem;
        font-size: 1.125rem;
        line-height: 1.33333333;
        background: #fff;
        width: 12rem;
        position: relative;
        margin-bottom: 1rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        color: #000;
        text-align: center;
    }

    #shopFirstCarousel .owl-nav [class*="owl-"],
    #shopSecondCarousel .owl-nav [class*="owl-"] {
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkittransform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 0;
        width: 30px;
    }

    #shopFirstCarousel .owl-nav .owl-prev,
    #shopSecondCarousel .owl-nav .owl-prev {
        left: -15px;
    }

    #shopFirstCarousel .owl-nav .owl-next,
    #shopSecondCarousel .owl-nav .owl-next {
        right: -15px;
    }

    #shopFirstCarousel card img {
        display: unset;
        width: unset;
    }

#shopSecondCarousel card {
    display: inline-block;
    width: 12rem;
    position: relative;
    margin-bottom: 1rem;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    color: #000;
}

    #shopSecondCarousel card > div {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        right: 0;
        background: #fff;
        margin: 0 0.5rem;
        border-radius: 10px;
        padding: 0.5rem 10px;
    }

        #shopSecondCarousel card > div img {
            display: inline-block !important;
            width: unset !important;
            max-width: 100%;
            height: 25px;
        }

        #shopSecondCarousel card > div > p {
            margin: 10px 0 0 0;
        }

@media (max-width: 767px) {

    #shopSecondCarousel card,
    #shopFirstCarousel card {
        width: 100%;
    }
}

/* Shop Page */
@media (min-width: 1400px) {
    .container {
        width: 1440px;
        max-width: 1440px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1440px;
    }
}

/*.section-shop {
  background-image: url(/img/shop/bg-shop.jpg);*/
/* Full height */
/*height: 100%;*/

/* Center and scale the image nicely */
/*background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}*/

.section-shop {
    background-image: url(/img/shop/bg-shop.png);
    /* Center and scale the image nicely */
    background-position: left;
    background-repeat: repeat-y;
}

    .section-shop h2 {
        font-size: 1.5rem;
        margin: 20px 0 15px 0;
        text-transform: unset;
    }

    .section-shop a {
        color: #000;
    }

        .section-shop a::after {
            background: unset;
        }

    .section-shop .paging {
        text-align: center;
    }

        .section-shop .paging a.button::before {
            background-color: #fff;
        }

        .section-shop .paging a.button::after {
            background-color: unset;
        }

    .section-shop .banner {
        position: relative;
    }

        .section-shop .banner img:not(.img-2) {
            position: absolute;
        }

        .section-shop .banner img.img-1 {
            top: 100px;
            left: 80px;
        }

        .section-shop .banner img.img-2 {
            padding-top: 200px;
        }

        .section-shop .banner img.img-3 {
            top: 120px;
            right: 200px;
        }

    .section-shop .banner-mobile {
        margin: 60px 0 50px !important;
        display: none;
    }

@media (max-width: 1024px) {
    .section-shop .banner-mobile {
        display: block;
    }

    .section-shop .banner {
        display: none;
    }
}

.section-shop .search {
    text-align: center;
}

    .section-shop .search .title {
        display: inline-block;
        vertical-align: middle;
        width: 30%;
        margin-bottom: 10px;
        text-align: left;
    }

        .section-shop .search .title h1 {
            font-size: 1.5rem;
            font-weight: bold;
            line-height: 2rem;
        }

    .section-shop .search .travel {
        width: 69%;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
    }

    .section-shop .search .text {
        background: #fff;
        border-radius: 3rem;
        display: inline-block;
        background-image: url(/img/icon-search.svg);
        background-position: left 10px top 10px;
        background-repeat: no-repeat;
        padding: 7px 10px 7px 40px;
        vertical-align: middle;
        margin-bottom: 10px;
    }

        .section-shop .search .text > input {
            border-radius: 3rem;
            border: 0;
            width: 100%;
        }

            .section-shop .search .text > input:focus {
                outline: none;
            }

    .section-shop .search .search-category {
        display: inline-block;
        vertical-align: top;
    }

    .section-shop .search .optional {
        appearance: none;
        background-color: #fff;
        border-radius: 3rem;
        padding: 7px 30px 7px 20px;
        border: 0;
        font-weight: bold;
    }

        .section-shop .search .optional:focus {
            outline: none;
        }

    .section-shop .search .optional {
        background-image: url(/img/icon-down.svg);
        background-position: right 5px top 7px;
        background-repeat: no-repeat;
    }

    .section-shop .search .category {
        display: none;
        background: #fff;
        border-radius: 50%;
        padding: 2px 9px;
        vertical-align: top;
        align-items: center;
    }

        .section-shop .search .category .icon-category {
            top: 2px;
        }

        .section-shop .search .category a:hover {
            background-color: unset;
        }

@media (max-width:1024px) {

    .section-shop .search .title,
    .section-shop .search .travel {
        width: 100%;
    }
}

.section-shop .category ul {
    list-style: none;
}

    .section-shop .category ul li {
        border-bottom: 1px solid #f5f5f5;
    }

        .section-shop .category ul li a {
            font-weight: bold;
            display: inline-block;
            padding: 10px 0;
            line-height: 2rem;
            position: unset;
            font-size: 1rem;
            overflow: unset;
            top: unset;
        }

            .section-shop .category ul li a:hover, .section-shop .category ul li a.active {
                color: #904ee0;
            }

            .section-shop .category ul li a > img {
                width: 2.5rem;
                padding-right: 10px;
            }

.section-shop .category.active {
    position: fixed;
    z-index: 999;
    background: #fff;
    width: 100%;
    top: 55px;
    margin-top: 0 !important;
    height: 100%;
    display: initial;
}

.section-shop .category .title {
    position: relative;
}

    .section-shop .category .title h3 {
        padding-left: 2rem;
        line-height: 6rem;
        display: inline-block;
        font-size: 28px;
    }

.section-shop .category .close-category {
    position: absolute;
    right: 48px;
    top: 25px;
}

.section-shop .box {
    margin: 0 auto;
}

.section-shop .shop-content {
    margin: 0 2rem;
}

@media (max-width: 767px) {

    .section-shop .shop-content {
        margin: 0;
    }

    .section-shop {
        background: none;
    }

        .section-shop .search .text, .section-shop .search .search-category {
            width: 100%;
        }

        .section-shop .search .title h1 {
            padding-left: 2rem;
        }

        .section-shop .search .travel {
            width: 280px;
        }

        .section-shop .search .optional {
            width: 100%;
        }

        .section-shop .search .title {
            width: 100%;
            background-image: url(/img/icon-chevron-left.svg);
            background-position: left 5px top 5px;
            background-repeat: no-repeat;
        }

        .section-shop .search .category {
            display: inline-block;
        }

        .section-shop .search.fixed {
            position: fixed;
            top: 55px;
            left: 0;
            z-index: 888;
            background: #f8f8f8;
            margin: 0 !important;
            padding: 1rem 0;
            width: 100%;
            text-align:center;
        }

            .section-shop .search.fixed .title {
                display: none !important;
            }

        .section-shop .container {
            padding-left: 0;
            padding-right: 0;
        }

        .section-shop .box {
            padding: 0;
            width: 100%;
        }
}

.shopCarousel .owl-nav [class*="owl-"],
.featuredCarousel .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkittransform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0;
    width: 30px;
}

.featuredCarousel .owl-nav .owl-prev,
.shopCarousel .owl-nav .owl-prev {
    left: -15px;
}

.featuredCarousel .owl-nav .owl-next,
.shopCarousel .owl-nav .owl-next {
    right: -15px;
}

.shopCarousel card img {
    display: unset;
    width: unset;
}

.shopCarousel card > img {
    border-radius: 20px;
}

.shopCarousel card {
    display: inline-block;
    position: relative;
    margin: 0;
    color: #000;
}

    .shopCarousel card > div {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        right: 0;
        background: #fff;
        margin: 0 0.5rem;
        border-radius: 10px;
        padding: 0.5rem 10px;
    }

        .shopCarousel card > div > p {
            margin: 10px 0 0 0;
        }

/*.featuredCarousel {
    width: 90%;
}*/

.featuredCarousel card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0;
    color: #000;
}

    .featuredCarousel card > img {
        border-radius: 20px;
    }

    .featuredCarousel card > div {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        right: 0;
        background: #fff;
        margin: 0 0.5rem;
        border-radius: 10px;
        padding: 0.5rem 10px;
    }

        .featuredCarousel card > div img {
            display: inline-block !important;
            width: unset !important;
            max-width: 100%;
        }

        .featuredCarousel card > div > span {
            display: inline-block;
            width: 45%;
            vertical-align: top;
            text-align: left;
        }

            .featuredCarousel card > div > span:last-child {
                text-align: right;
            }

@media (max-width:1024px) {
    .featuredCarousel card > div > span {
        width: 100%;
    }
}

.featuredCarousel._1columns card > div.note {
    right: 10px;
    left: unset;
    bottom: 10px;
    width: 300px;
}

.featuredCarousel._1columns card > div.content {
    text-align: left;
    background-color: unset;
    vertical-align: top;
    top: 10px;
    left: 20px;
    bottom: unset;
    color: #fff;
}

    .featuredCarousel._1columns card > div.content h3 {
        line-height: 3rem;
    }

    .featuredCarousel._1columns card > div.content p {
        margin-bottom: 2rem;
    }

    .featuredCarousel._1columns card > div.content > a {
        color: #fff;
        font-size: 1rem;
    }

        .featuredCarousel._1columns card > div.content > a::after {
            background: unset;
        }

.shop-item card {
    display: inline-block;
    margin: 1rem 0.2rem;
    vertical-align: top;
    position: relative;
    width: 19%;
}

    .shop-item card > img {
        max-width: 100%;
        border-radius: 20px;
    }

    .shop-item card > div {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        right: 0;
        background: #fff;
        margin: 0 0.5rem;
        border-radius: 10px;
        padding: 0.5rem 10px;
    }

        .shop-item card > div > p {
            margin: 10px 0 0 0;
        }

        .shop-item card > div > img {
            max-width: 100%;
            height: 25px;
        }

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 1) {
    .shop-item card {
        width: 30%;
    }

    .section-shop {
        background-size: 130px;
    }

        .section-shop .search .search-category {
            width: 49%;
            vertical-align: top;
        }

        .section-shop .shop-content {
            margin: 0 1rem;
        }
}

@media (max-width: 767px) {
    .shop-item card {
        margin: 1rem 0;
        width: 49%;
    }

    .section-shop {
        background: none;
    }
}

/* Home Page */
.section-home {
    background: #e8e8ec;
    color: #000;
}

    .section-home h4 {
        font-size: 24px;
        line-height: 2rem;
    }

    .section-home .logo-box ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .section-home .logo-box ul li {
            display: inline-block;
            background: #fff;
            padding: 24px 24px;
            border-radius: 16px;
            margin: 0 5px;
        }


    .section-home .phone {
        position: relative;
        margin: 0 auto;
        overflow: hidden;
    }

        .section-home .phone > img {
            max-width: 100%;
        }

        .section-home .phone img.img {
            position: relative;
            z-index: 1;
            -webkit-transition: all .2s ease-in-out;
        }

        .section-home .phone img.bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 0;
        }

        .section-home .phone img.bg-1 {
            top: 480px;
        }

        .section-home .phone img.bg-2 {
            top: 280px;
        }

        .section-home .phone img.bg-3 {
            top: 30px;
        }

.section-home-1 .pic-content img {
    max-width: 100%;
}

.section-home-1 .block-three card {
    display: inline-block;
    padding: 2rem 1rem 2rem;
    border-radius: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.33333333;
    background: rgba(255, 255, 255, 0.05);
    width: 18rem;
    position: relative;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

    .section-home-1 .block-three card div {
        margin: 0.5em 0 0;
    }

.section-home-1 .extra-margin {
    margin-bottom: 273px;
}

.section-home-1.gradient {
    background: rgb(18, 18, 61);
    background: linear-gradient(0deg, rgba(18, 18, 61, 1) 0%, rgba(129, 52, 219, 1) 50%, rgba(248, 75, 76, 1) 100%);
}

    .section-home-1.gradient .button::before {
        background: #422181;
    }

.section-home-1 .light,
.section-home-1 .circle {
    margin: 200px 0;
}

    .section-home-1 .light.py_animated_image {
        position: relative;
        top: -99999px;
    }

.section-home-1 .button {
    padding: 0.7rem 2rem;
}

.section-home-1 .cmt-100 {
    margin-top: 100px;
}

.section-home-1 .cmb-100 {
    margin-bottom: 100px;
}

.section-home-1 .slide-container {
    position: relative;
}

    .section-home-1 .slide-container .slide-mobile {
        position: relative;
        right: -15px;
        top: 0;
    }

.section-home-1 .slide {
    white-space: nowrap;
    position: relative;
    top: 0;
    left: 0;
}

    .section-home-1 .slide > card {
        display: inline-block;
        margin: 0 1rem;
    }

@media (max-width: 767px) {
    .section-home-1 .light, .section-home-1 .circle {
        margin: 100px 0;
    }

    .section-home h4 {
        font-size: 18px;
        font-weight: normal;
    }

    .section-home .logo-box ul li {
        background: none;
        display: block;
    }

    .section-home .stored > a {
        display: block;
        margin-bottom: 1rem;
    }

    .section-home-1 .cmt-100,
    .section-home-1 .cmb-100 {
        margin: 0;
    }

    .section-home-1 .block-three card {
        text-align: left;
        width: 100%;
        padding: 0.5rem 1rem;
        margin:0 auto;
        margin-bottom: 1rem;
    }

        .section-home-1 .block-three card > div {
            display: inline-block;
            margin: 0;
            vertical-align: middle;
        }

            .section-home-1 .block-three card > div:first-child {
                margin-right: 1rem;
            }
}

/* Hide - Show */

.hideInMobile {
    display: block !important;
}

.hideInDesktop {
    display: none !important;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }

    100% {
        background-position: 800px 0
    }
}

.elementToFadeInAndOut {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    position: relative;
}

@media (max-width: 767px) {

    .hideInMobile {
        display: none !important;
    }

    .hideInDesktop {
        display: block !important;
    }
}

/* Border Gradient Color */

.border-gradient {
    border: 1px solid;
    border-image-slice: 1;
    border-width: 1px;
}

.border-gradient-pink-purple {
    border-image-source: linear-gradient(to left, #8035dc, #fa5046);
}

/* Plan */

#plan h4 img {
    height: 43px;
}

@media (max-width: 767px) {
    #plan h4 img {
        height: 32px;
    }
}

/* Text Image Sizing */

#text_howitworks img {
    height: 56px;
}

#text_shopit img {
    height: 60px;
}

@media (max-width: 767px) {
    #text_howitworks img {
        height: 40px;
    }

    #text_shopit img {
        height: 50px;
    }
}

/* Lottie File Size */
.lottieSize {
    width: 400px;
    height: 400px;
    margin: 0 auto;
}

.lottieSizeHeight {
    height: 400px;
}

@media (max-width: 767px) {
    .lottieSize {
        width: 350px;
        height: 350px;
        margin: 0 auto;
    }

    .lottieSizeHeight {
        height: 350px;
    }
}

/* Spacing */

.mb-5 {
    margin-bottom: 3rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.pl30to0 {
    padding-left: 30px !important;
}

.spaceH-100 {
    height: 100px;
    display: block;
    width: 100%;
}

.spaceH-50 {
    height: 50px;
    display: block;
    width: 100%;
}

.paddingY-3 {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .mt-5 {
        margin-top: 1.5rem !important;
    }

    .pl30to0 {
        padding-left: 0px !important;
    }

    .spaceH-100 {
        height: 40px;
        display: block;
        width: 100%;
    }

    .spaceH-50 {
        height: 20px;
        display: block;
        width: 100%;
    }

    .paddingY-3 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* Video */
#background-video {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

    #background-video.home {
        width: 100%;
    }



.padding_top10rem {
    padding-top: 10rem !important;
}

    .padding_top10rem .section-home {
        padding-top: 0;
    }

/* Footer */

.footer {
    color: #0d1035;
    padding-top: 3rem;
    padding-bottom: 5rem;
}

    .footer a:link,
    .footer a:hover,
    .footer a:visited {
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;
        color: #0d1035;
        font-weight: 600;
    }

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

        .footer ul li {
            padding: 1rem 0;
            /* display: flex; */
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .footer p {
        font-size: 14px;
        line-height: 20px;
    }

    .footer .copyright {
        color: #86889a;
    }

    .footer .icon {
        font-size: 1.5rem;
        margin-right: 0.5rem;
    }

        .footer .icon.icon-facebook {
            color: blue;
        }

        .footer .icon.icon-instagram {
            color: red;
        }

    .footer .divider {
        border-right: 1px solid #f3f3f5;
        border-bottom: 0px solid #f3f3f5;
    }

@media (max-width: 767px) {
    .footer {
        text-align: center;
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

        .footer ul li {
            display: block;
        }

        .footer .divider {
            border-right: 0px solid #f3f3f5;
            border-bottom: 1px solid #f3f3f5;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
}

/* Mobile */
@media (max-width: 767px) {
    .paragraph {
        margin-bottom: 1rem;
    }

    h3 {
        font-size: 2rem;
        font-size: 32px;
        line-height: 40px;
    }

    h4 {
        font-size: 1.5rem;
        line-height: 2.5rem;
        font-size: 24px;
        line-height: 30px;
    }

    .bg-home .padding_top10rem {
        padding-top: 1rem !important;
    }

        .bg-home .padding_top10rem.special {
            padding-top: 10rem !important;
        }
}

#section_home_two {
    overflow: hidden;
    background: #e8e8ec;
}

#section_home_four {
    background: #0D1035;
    overflow: hidden;
}

#section_home_six {
    background: #0D1035;
    overflow: hidden;
}

#section_home_seven {
    background: linear-gradient(0deg, rgba(18, 18, 61, 1) 0%, rgba(129, 52, 219, 1) 70%, rgb(210 50 142) 100%)
}