video {
    max-width: 100%
}

.ctr-lazy-image {
    -webkit-transition: opacity 50ms ease-in-out;
    -moz-transition: opacity 50ms ease-in-out;
    -o-transition: opacity 50ms ease-in-out;
    transition: opacity 50ms ease-in-out;
    max-width: 100%;
    opacity: 0
}

.ctr-lazy-image.b-loaded {
    opacity: 1
}

h1 {
    font-size: 2em
}

ul {
    padding: 0;
    padding-inline-start: 0;
    list-style-position: inside
}


img {
    max-width: 100%;
    height: auto
}

button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: none
}


@media (max-width:767px) {
    .i8bf6e_global #swipe-group {
        top: 350px !important
    }
}

.i8bf6e_global #swipe-group {
    z-index: 2 !important
}

.hidden {
    display: none !important
}

.pulse-1 {
    animation: pulse-1 1s infinite alternate;
    animation-timing-function: ease-in-out;
    will-change: transform
}

@keyframes pulse-1 {
    0% {
        transform: scale(.85)
    }

    100% {
        transform: scale(1)
    }
}

    #swipe-group {
        z-index: 999 !important
    }

    /* #immjwt[highlight] {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #FFE864 60%, #fff9e1 90%, #FFE864 100%) !important
    } */

    .img-vertical {
        vertical-align: middle !important
    }

    @media (max-width:768px) {

        .txt1,
        .txt2 {
            background-image: unset !important
        }

        .text-001 {
            background-image: -webkit-linear-gradient(45deg, #fff9e1 0, #ffe28f 100%) !important
        }
    }

    .txt1,
    .txt2,
    .txt3,
    .txt4 {
        background-image: -webkit-linear-gradient(45deg, #fff9e1 0, #ffe28f 100%)
    }

    @keyframes dotFlashing {
        0% {
            background-color: #9880ff
        }

        50%,
        to {
            background-color: #ebe6ff
        }
    }

    .text-uppercase {
        text-transform: uppercase
    }

    .col-2 {
        display: block !important
    }

    .video-wrapper.img-view {
        padding-bottom: 100% !important
    }

    .js-slider {
        display: flex;
        flex-direction: column
    }

    .js-slider .main-slider {
        order: 2
    }

    .js-slider .slick-dots {
        order: 1;
        display: flex;
        justify-content: space-between;
        padding: 10px 0
    }

    .js-slider .slick-dots li {
        width: 31%
    }

    .js-slider .slick-dots li button {
        width: 100%;
        border-radius: 5px;
        margin: 0;
        background-color: #E7E7E7;
        height: 6px
    }

    .js-slider .slick-dots li.slick-active button {
        background-color: #BBBBBB
    }

    .scroll-box {
        overflow-x: auto
    }

    .scroll-box::-webkit-scrollbar-track {
        background-color: #fff;
        border: 1px solid #D8D8D8;
        border-radius: 3.5px
    }

    .scroll-box::-webkit-scrollbar {
        height: 7px;
        background-color: #fff
    }

    .scroll-box::-webkit-scrollbar-thumb {
        border-radius: 3.5px;
        background-color: #D8D8D8;
        width: 150px
    }

    .scroll-box::-webkit-scrollbar {
        display: none
    }

    @media (min-width:580px) and (max-width:767px) {
        .table {
            width: 747px !important
        }
    }

@font-face {
        font-family: Avenir Next Demi Bold;
        font-stretch: normal;
        font-style: normal;
        unicode-range: U+0-10FFFF;
        src: url(../fonts/avenirnext-demibold.ttf);
        font-weight: normal;
        font-display: swap
    }

@font-face {
        font-family: Avenir Bold;
        font-stretch: normal;
        font-style: normal;
        unicode-range: U+0-10FFFF;
        src: url(../fonts/avenirnext-bold.otf);
        font-weight: normal;
        font-display: swap
    }

@font-face {
        font-family: Avenir Next Medium;
        font-stretch: normal;
        font-style: normal;
        unicode-range: U+0-10FFFF;
        src: url(../fonts/avenirnext-medium.otf);
        font-weight: normal;
        font-display: swap
    }

@font-face {
        font-family: Helvetica Regular;
        font-stretch: normal;
        font-style: normal;
        unicode-range: U+0-10FFFF;
        src: url(../fonts/helvetica.ttf);
        font-display: swap;
        font-weight: normal
    }

@font-face {
        font-family: helvetica-bold;
        font-stretch: normal;
        font-style: normal;
        unicode-range: U+0-10FFFF;
        src: url(../fonts/helvetica-bold.otf);
        font-display: swap;
        font-weight: normal
    }

@font-face {
        font-family: helvetica-bold;
        font-stretch: normal;
        font-style: normal;
        unicode-range: U+0-10FFFF;
        src: url(../fonts/helvetica-bold.otf);
        font-weight: normal;
        font-display: swap
    }

.bar {
        background-color: #44b1f0;
        width: 100%;
        height: 9px;
        -webkit-transition: width .8s ease-in-out;
        background-image: -webkit-linear-gradient(135deg, #1D8ECE 25%, transparent 25%, transparent 50%, #1D8ECE 50%, #1D8ECE 75%, transparent 75%, transparent);
        background-size: 35px 35px;
        -webkit-animation: cssProgressActive 2s linear infinite
    }

    @-webkit-keyframes cssProgressActive {
        0% {
            background-position: 0 0
        }

        100% {
            background-position: 35px 35px
        }
    }




    .btn[data-v-f3fb3dc8] {
        cursor: pointer;
        box-sizing: border-box
    }


    .shake[data-v-f3fb3dc8] {
        animation: shake-f3fb3dc8 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        transform: translate3d(0, 0, 0)
    }

    @keyframes shake-f3fb3dc8 {

        10%,
        90% {
            transform: translate3d(-1px, 0, 0)
        }

        20%,
        80% {
            transform: translate3d(2px, 0, 0)
        }

        30%,
        50%,
        70% {
            transform: translate3d(-4px, 0, 0)
        }

        40%,
        60% {
            transform: translate3d(4px, 0, 0)
        }
    }

    .pulse[data-v-f3fb3dc8] {
        animation: pulse-f3fb3dc8 2s ease infinite
    }

    @keyframes pulse-f3fb3dc8 {
        0% {
            opacity: 0.7
        }

        50% {
            opacity: 0.4
        }

        100% {
            opacity: 0.7
        }
    }

    .flash-once[data-v-f3fb3dc8] {
        animation: flash-once 3.5s ease 1
    }

    @keyframes fade-up-f3fb3dc8 {
        0% {
            transform: translate3d(0, 10px, 0);
            opacity: 0
        }

        100% {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .fade-in[data-v-f3fb3dc8] {
        animation: fade-in-f3fb3dc8 0.3s ease-in-out
    }

    @keyframes fade-in-f3fb3dc8 {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .spin[data-v-f3fb3dc8] {
        animation-name: spin-f3fb3dc8;
        animation-duration: 2000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

    @keyframes spin-f3fb3dc8 {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(360deg)
        }
    }

    .bounceIn[data-v-f3fb3dc8] {
        animation-name: bounceIn-f3fb3dc8;
        transform-origin: center bottom;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-iteration-count: 1
    }

    @keyframes bounceIn-f3fb3dc8 {

        0%,
        20%,
        40%,
        60%,
        80%,
        100% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 1;
            -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        100% {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes dots-f3fb3dc8 {

        0%,
        20% {
            color: rgba(0, 0, 0, 0);
            text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0)
        }

        40% {
            color: #8492a6;
            text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0)
        }

        60% {
            text-shadow: 0.25em 0 0 #8492a6, 0.5em 0 0 rgba(0, 0, 0, 0)
        }

        80%,
        100% {
            text-shadow: 0.25em 0 0 #8492a6, 0.5em 0 0 #8492a6
        }
    }

    @keyframes recording-f3fb3dc8 {
        0% {
            box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, 0.3)
        }

        65% {
            box-shadow: 0px 0px 5px 5px rgba(173, 0, 0, 0.3)
        }

        90% {
            box-shadow: 0px 0px 5px 5px rgba(173, 0, 0, 0)
        }
    }