@charset "UTF-8";

*, a, body, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
    margin: 0;
    padding: 0;
    font-family: "Poppins",sans-serif;
    color: #333333;
    line-height: normal;
    list-style-type: none
}

    body.home {
        background: #400286
    }

.font-600 {
    font-weight: 600
}

.color-blue {
    color: #400286
}

.button {
    background: white;
    padding: 14px 28px;
    font-size: 20px;
    border-radius: 80px;
    font-weight: 600;
    color: #400286;
    text-decoration: none
}

    .button.light-purple {
        background: #DED8FF
    }

    .button:hover {
        color: #400286;
        background: #DED8FF
    }

.cta-trans {
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out
}

a, span, strong, sup {
    color: inherit
}

a {
    cursor: pointer
}

    a:focus {
        color: inherit
    }

.click-for-sound-btn {
    display: none !important
}

.modal {
    z-index: 99999
}

.zoom-anim {
    scale: 1.2
}

    .zoom-anim.zoom-out {
        scale: 1;
        -webkit-transition: scale 1.5s cubic-bezier(0.05,0.1,0.25,1);
        transition: scale 1.5s cubic-bezier(0.05,0.1,0.25,1);
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

.zoom-anim-bg {
    -webkit-transition: background-size 1.9s cubic-bezier(0.05,0.7,0.5,1);
    transition: background-size 1.9s cubic-bezier(0.05,0.7,0.5,1)
}

.blue-circe-icon {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.41,0.005,0.095,1.05);
    transition: -webkit-transform 0.5s cubic-bezier(0.41,0.005,0.095,1.05);
    transition: transform 0.5s cubic-bezier(0.41,0.005,0.095,1.05);
    transition: transform 0.5s cubic-bezier(0.41,0.005,0.095,1.05),-webkit-transform 0.5s cubic-bezier(0.41,0.005,0.095,1.05);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.blu-circ {
    visibility: hidden
}

.blu-circ-anim {
    -webkit-animation: booomani 1.5s cubic-bezier(0.41,0.005,0.095,1.05);
    animation: booomani 1.5s cubic-bezier(0.41,0.005,0.095,1.05)
}

    .blu-circ-anim.blu-circ {
        visibility: visible
    }

@-webkit-keyframes booomani {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes booomani {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width:991px) {
    .cta-trans {
        -webkit-transition: 0.2s all ease-in-out;
        transition: 0.2s all ease-in-out
    }

        .cta-trans:hover {
            color: #400286 !important;
            background: #DED8FF !important
        }
}

#epi-quickNavigator {
    display: none !important
}

header {
    height: 130px;
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    background: white;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25)
}

    header a.logo {
        display: block;
        margin-top: 0px;
        padding-top: 7px
    }

        header a.logo img {
            max-height: 112px
        }

    header .logo-inside {
        display: none
    }

        header .logo-inside img {
            height: 76px
        }

    header .topLinks ul {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 26px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 6px 40px;
        background: #400286;
        border-radius: 0px 0px 50px 50px;
        float: right;
        height: 30px
    }

        header .topLinks ul li {
            margin-left: 15px;
            line-height: 18px
        }

            header .topLinks ul li.btn-mob-menu {
                display: none
            }

            header .topLinks ul li.social-icon {
                margin-left: 0px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                header .topLinks ul li.social-icon a {
                    margin-left: 16px
                }

            header .topLinks ul li a {
                font-size: 13px;
                line-height: 18px;
                color: white;
                font-weight: 500;
                text-decoration: none
            }

                header .topLinks ul li a span {
                    color: white
                }

                header .topLinks ul li a:hover {
                    text-decoration: underline;
                    text-underline-offset: 4px
                }

    header .navbar {
        display: block;
        padding-top: 0
    }

        header .navbar .navbar-collapse {
            width: 100%;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

            header .navbar .navbar-collapse ul.navbar-nav {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                background: rgb(255,255,255);
                height: 65px;
                border-radius: 90px;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                padding: 0 19px;
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
                margin-top: 0px
            }

                header .navbar .navbar-collapse ul.navbar-nav li {
                    margin: 0 24px;
                    position: relative;
                    height: 65px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

                    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(3) .dropdown-menu {
                        left: -11%
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li .dropdown-toggle {
                        position: static
                    }

                        header .navbar .navbar-collapse ul.navbar-nav li .dropdown-toggle:after {
                            display: none
                        }

                        header .navbar .navbar-collapse ul.navbar-nav li .dropdown-toggle > a:after {
                            position: absolute;
                            right: -16px;
                            content: "";
                            background: url(/siteassets/img/img-12x8-arrow-down-blue.svg);
                            height: 8px;
                            width: 12px;
                            background-size: cover;
                            top: 30px
                        }

                    header .navbar .navbar-collapse ul.navbar-nav li a {
                        font-size: 16px;
                        color: #400286;
                        font-weight: 500;
                        text-decoration: none;
                        position: relative;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        height: 65px
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu {
                        display: none;
                        top: 85px;
                        left: -58%;
                        border-radius: 20px
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li ul li {
                        height: auto;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        position: relative;
                        margin: 0 0 9px;
                        padding: 0 20px
                    }

                        header .navbar .navbar-collapse ul.navbar-nav li ul li a {
                            line-height: 16px;
                            text-align: center;
                            margin-bottom: 9px;
                            height: auto
                        }

                            header .navbar .navbar-collapse ul.navbar-nav li ul li a:after {
                                content: "";
                                position: absolute;
                                left: 0;
                                top: 20px;
                                width: 0;
                                height: 3px;
                                background-color: #007BC1;
                                border-radius: 3px;
                                -webkit-transition: width 0.3s;
                                transition: width 0.3s
                            }

                        header .navbar .navbar-collapse ul.navbar-nav li ul li:hover {
                            height: auto
                        }

                            header .navbar .navbar-collapse ul.navbar-nav li ul li:hover a:after {
                                width: 100%
                            }

                        header .navbar .navbar-collapse ul.navbar-nav li ul li:last-child {
                            margin-bottom: 0
                        }

                            header .navbar .navbar-collapse ul.navbar-nav li ul li:last-child:after {
                                display: none
                            }

                            header .navbar .navbar-collapse ul.navbar-nav li ul li:last-child a {
                                margin-bottom: 0
                            }

@media (min-width:992px) {
    .navbar-toggler-wrapper {
        display: none
    }

    header.logo-nav .topLinks {
        display: none
    }

    header nav.navbar .navbar-collapse ul.navbar-nav li:hover {
        height: 95px
    }

    header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item.active-highlight > a {
        font-weight: 700
    }

    header nav.navbar .navbar-collapse ul.navbar-nav li.nav-item.active-highlight .dropdown-toggle > a {
        font-weight: 700
    }

    header nav.navbar .navbar-collapse ul.navbar-nav li:hover .dropdown-menu {
        display: block;
        top: 85px;
        padding: 24px 0
    }

        header nav.navbar .navbar-collapse ul.navbar-nav li:hover .dropdown-menu:before {
            position: absolute;
            background: url("/siteassets/img/img-20x20-menu-arrow.png");
            top: -10px;
            left: 25%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            width: 39px;
            height: 11px;
            content: ""
        }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:first-child {
        display: none
    }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(2) {
        padding: 0 17px 0 0;
        margin: 0 7px 0 0;
        margin-right: 7px
    }

        header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(2):hover:after {
            width: 60.03px
        }

        header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(2).active-highlight:after {
            width: 62px
        }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(3) {
        padding: 0 17px 0 0;
        margin: 0 7px 0 24px;
        margin-right: 7px
    }

        header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(3):hover:after {
            width: 102.06px
        }

        header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(3).active-highlight:after {
            width: 104px
        }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:after {
        content: "";
        position: absolute;
        left: 0;
        top: 45px;
        width: 0;
        height: 3px;
        background-color: #007BC1;
        border-radius: 3px;
        -webkit-transition: width 0.3s;
        transition: width 0.3s
    }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:hover {
        position: relative
    }

        header nav.navbar .navbar-collapse ul.navbar-nav > li:hover:after {
            width: 100%
        }

    header nav.navbar .navbar-collapse ul.navbar-nav > li.active-highlight {
        position: relative
    }

        header nav.navbar .navbar-collapse ul.navbar-nav > li.active-highlight:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 17px;
            width: 100%;
            height: 3px;
            background-color: #007BC1;
            border-radius: 3px
        }

        header nav.navbar .navbar-collapse ul.navbar-nav > li.active-highlight:hover:after {
            bottom: 49px
        }

    header nav.navbar .navbar-collapse ul.navbar-nav > li .dropdown-toggle .dropdown-menu ul li.active-highlight a {
        position: relative
    }

        header nav.navbar .navbar-collapse ul.navbar-nav > li .dropdown-toggle .dropdown-menu ul li.active-highlight a:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -5px;
            width: 100%;
            height: 3px;
            background-color: #007BC1;
            border-radius: 3px
        }

    header nav.navbar .navbar-collapse ul.navbar-nav > li .dropdown-toggle .dropdown-menu ul li:hover a {
        position: relative
    }

        header nav.navbar .navbar-collapse ul.navbar-nav > li .dropdown-toggle .dropdown-menu ul li:hover a:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -5px;
            width: 100%;
            height: 3px;
            background-color: #007BC1;
            border-radius: 3px
        }

    header a.logo img {
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease
    }

        header a.logo img:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease
        }

    header.logo-nav .navbar .navbar-collapse ul.navbar-nav {
        margin-top: 0px
    }

        header.logo-nav .navbar .navbar-collapse ul.navbar-nav > li:hover:after {
            bottom: 62px
        }

        header.logo-nav .navbar .navbar-collapse ul.navbar-nav > li.active-highlight:hover:after {
            bottom: 62px
        }

        header.logo-nav .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu {
            background: white;
            -webkit-box-shadow: 0px 4px 20px 0px rgba(42,109,181,0.46);
            box-shadow: 0px 4px 20px 0px rgba(42,109,181,0.46)
        }

        header.logo-nav .navbar .navbar-collapse ul.navbar-nav li:hover .dropdown-menu:before {
            background: url(/siteassets/img/img-20x20-menu-arrow-white.png)
        }

    header.logo-nav a.logo {
        display: none
    }

    header.logo-nav .logo-inside {
        display: block
    }

        header.logo-nav .logo-inside a.logo {
            display: block
        }

    header.logo-nav nav.navbar {
        padding-top: 36px
    }

        header.logo-nav nav.navbar .menu {
            width: 100%
        }

        header.logo-nav nav.navbar .navbar-collapse {
            background: white;
            -webkit-box-shadow: 0px 4px 20px 0px rgba(42,109,181,0.46);
            box-shadow: 0px 4px 20px 0px rgba(42,109,181,0.46);
            border-radius: 90px;
            height: 124px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 44px 0 70px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%
        }

            header.logo-nav nav.navbar .navbar-collapse .inner-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%
            }

                header.logo-nav nav.navbar .navbar-collapse .inner-wrapper .logo-inside a img {
                    width: 167px;
                    height: 106px;
                    margin-top: -6px
                }

            header.logo-nav nav.navbar .navbar-collapse a.logo {
                margin: 0;
                padding: 0
            }

            header.logo-nav nav.navbar .navbar-collapse ul {
                padding-right: 0
            }

                header.logo-nav nav.navbar .navbar-collapse ul li {
                    margin: 0 30px
                }

                    header.logo-nav nav.navbar .navbar-collapse ul li:hover {
                        height: 110px
                    }

                    header.logo-nav nav.navbar .navbar-collapse ul li:last-child {
                        margin-right: 0
                    }

    header.white-header nav.navbar .navbar-collapse ul.navbar-nav li:hover .dropdown-menu {
        top: 100px
    }

    header .navbar .navbar-collapse ul.navbar-nav li ul li a {
        margin-bottom: 24px
    }

    header .navbar .navbar-collapse ul.navbar-nav li ul li {
        margin: 0
    }
}

@media (min-width:991px) and (max-width:1200px) {
    header.logo-nav nav.navbar .navbar-collapse ul li {
        margin: 0 21px
    }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(2).active-highlight:after {
        width: 54px
    }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(2):hover:after {
        width: 53px
    }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(3):hover:after {
        width: 90px
    }

    header nav.navbar .navbar-collapse ul.navbar-nav > li:nth-child(3).active-highlight:after {
        width: 91px
    }
}

@media (max-width:991px) {
    body.no-scroll {
        height: 100vh;
        overflow: hidden
    }

    header {
        position: fixed;
        top: 8px;
        left: 16px;
        right: 16px;
        height: 84px;
        border-radius: 10px
    }

        header.blue-header {
            background: #400286
        }

            header.blue-header a.logo img {
                height: 94px;
                width: 142px;
                -webkit-transition: all ease 0.05s;
                transition: all ease 0.05s
            }

        header .container {
            max-width: 100%;
            padding: 0
        }

            header .container .row {
                margin: 0
            }

        header a.logo {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin-left: 15px;
            margin-top: 0;
            padding-top: 3px
        }

            header a.logo img {
                height: 76px;
                width: 116px;
            }

        header .navbar .navbar-collapse {
            position: absolute;
            top: 0;
            height: 100vh;
            padding: 140px 0 0;
            overflow: auto;
            background: #400286
        }

            header .navbar .navbar-collapse.collapsing {
                height: 0;
                overflow: hidden;
                -webkit-transition: none;
                transition: none
            }

            header .navbar .navbar-collapse .inner-wrapper {
                height: calc(100vh - 120px);
                overflow: auto;
                padding-bottom: 30px
            }

            header .navbar .navbar-collapse ul.navbar-nav {
                height: auto;
                background: none;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-backdrop-filter: inherit;
                backdrop-filter: inherit;
                width: 100%;
                padding: 0 17px
            }

                header .navbar .navbar-collapse ul.navbar-nav li {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    margin-bottom: 27px;
                    margin-left: 0;
                    margin-right: 0;
                    height: auto;
                    width: 100%
                }

                    header .navbar .navbar-collapse ul.navbar-nav li:after {
                        position: absolute;
                        right: 3px;
                        content: "";
                        background: url(/siteassets/img/img-32x20-arrow-down.png);
                        height: 9px;
                        width: 15px;
                        background-size: cover;
                        top: 13px
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li.active-highlight > a {
                        text-decoration: underline;
                        text-underline-offset: 7px;
                        text-decoration-thickness: 2px
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li.active-highlight .dropdown-toggle > a {
                        text-decoration: underline;
                        text-underline-offset: 7px;
                        text-decoration-thickness: 2px
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li:first-child:after {
                        display: none
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(2):after {
                        left: 106px;
                        right: unset
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(3):after {
                        left: 170px;
                        right: unset
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(4):after {
                        display: none
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(5):after {
                        display: none
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li:last-child {
                        margin-bottom: 40px
                    }

                        header .navbar .navbar-collapse ul.navbar-nav li:last-child:after {
                            display: none
                        }

                    header .navbar .navbar-collapse ul.navbar-nav li .dropdown-toggle {
                        width: 100%
                    }

                        header .navbar .navbar-collapse ul.navbar-nav li .dropdown-toggle > a:after {
                            display: none !important
                        }

                    header .navbar .navbar-collapse ul.navbar-nav li a {
                        font-size: 24px;
                        color: white;
                        line-height: 34px;
                        height: auto;
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                        display: block;
                        font-weight: 700
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu {
                        position: relative;
                        top: auto;
                        background: none;
                        border-radius: 0px;
                        border: none;
                        padding-left: 0px;
                        padding-top: 20px;
                        left: 0px
                    }

                        header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu ul li {
                            -webkit-box-pack: start;
                            -ms-flex-pack: start;
                            justify-content: flex-start;
                            padding: 0px
                        }

                            header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu ul li.active-highlight {
                                background: var(--Light-Purple,#DED8FF)
                            }

                                header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu ul li.active-highlight a {
                                    margin: 0;
                                    padding: 13px 13px 13px 6px;
                                    color: var(--Royal-Purple,#400286);
                                    font-family: Poppins;
                                    font-size: 16px;
                                    font-style: normal;
                                    font-weight: 500;
                                    line-height: 22px
                                }

                            header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu ul li:after {
                                display: none
                            }

                            header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu ul li a {
                                font-size: 16px;
                                line-height: 22px;
                                font-weight: 500
                            }

                        header .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu:before {
                            display: none
                        }

                    header .navbar .navbar-collapse ul.navbar-nav li.active:after {
                        background: url(/siteassets/img/img-32x20-arrow-up.png);
                        background-size: cover
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li.active .dropdown-menu {
                        display: block;
                        padding-bottom: 0
                    }

                    header .navbar .navbar-collapse ul.navbar-nav li.active ul li.active-highlight a {
                        text-decoration: none
                    }

        header .navbar-toggler-wrapper {
            width: 100%;
            position: relative;
            z-index: 1
        }

            header .navbar-toggler-wrapper .doctor-visit-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                background: white;
                padding: 0 20px;
                height: 0px
            }

                header .navbar-toggler-wrapper .doctor-visit-text > span {
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 34px;
                    background: linear-gradient(87deg,#400286 -0.57%,#00A9EB 122.76%);
                    background-clip: text;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent
                }

                    header .navbar-toggler-wrapper .doctor-visit-text > span img {
                        margin-left: 5px
                    }

                header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler[aria-expanded=true] {
                    top: 23px
                }

                header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler {
                    background: #fff;
                    position: absolute;
                    right: 16px;
                    top: 15px;
                    height: 54px;
                    border: none;
                    width: 54px;
                    border-radius: 55px
                }

                    header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler:focus {
                        border: none;
                        outline: none;
                        -webkit-box-shadow: none;
                        box-shadow: none
                    }

                    header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler .navbar-toggler-icon {
                        height: auto;
                        width: auto;
                        margin-left: 0px;
                        display: none;
                        margin-top: 0px
                    }

                        header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler .navbar-toggler-icon.close-icon {
                            display: block
                        }

                    header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler.collapsed .navbar-toggler-icon {
                        display: block;
                        margin-top: 0px
                    }

                        header .navbar-toggler-wrapper .doctor-visit-text button.navbar-toggler.collapsed .navbar-toggler-icon.close-icon {
                            display: none
                        }

            header .navbar-toggler-wrapper a.logo.active-menu-logo {
                display: none
            }

        header .topLinks ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            width: 100%;
            padding: 0px;
            background: inherit;
            height: auto;
            padding-bottom: 300px
        }

            header .topLinks ul li {
                margin-left: 20px;
                margin-bottom: 16px
            }

                header .topLinks ul li a {
                    font-size: 16px;
                    line-height: 22px;
                    font-weight: 700
                }

                header .topLinks ul li.btn-mob-menu {
                    width: calc(100% - 40px);
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    margin-bottom: 40px
                }

                    header .topLinks ul li.btn-mob-menu a {
                        background: white;
                        padding: 10px 28px;
                        font-size: 14px;
                        line-height: 22px;
                        border-radius: 80px;
                        font-weight: 600;
                        color: rgb(64,2,134);
                        text-decoration: none;
                        width: 100%;
                        text-align: center;
                        color: var(--Royal-Purple,#400286);
                        font-family: Poppins;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 22px
                    }

                header .topLinks ul li.social-icon {
                    margin-top: 20px
                }

                    header .topLinks ul li.social-icon a {
                        margin-left: 22px
                    }

                    header .topLinks ul li.social-icon img {
                        margin-right: 8px
                    }

        header.active-menu {
            top: 0 !important;
            z-index: 10000;
            left: 0;
            right: 0
        }

            header.active-menu .navbar-toggler-wrapper {
                width: 100%;
                position: relative;
                z-index: 1
            }

                header.active-menu .navbar-toggler-wrapper a.logo.navbar-brand {
                    display: none
                }

                header.active-menu .navbar-toggler-wrapper a.logo.active-menu-logo {
                    display: block;
                    margin-left: 21px;
                    padding-top: 21px
                }

    .menu {
        padding: 0
    }

    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(6):after {
        display: none
    }

    #epi-quickNavigator {
        display: none !important
    }

    header .navbar .navbar-collapse ul.navbar-nav li:nth-child(3) .dropdown-menu {
        left: 0
    }
}

@media screen and (max-width:1200px) and (min-width:992px) {
    header .navbar .navbar-collapse ul.navbar-nav {
        margin-top: 0
    }

        header .navbar .navbar-collapse ul.navbar-nav li {
            margin: 0 16px
        }

            header .navbar .navbar-collapse ul.navbar-nav li a {
                font-size: 13px
            }

    header a.logo img {
        max-height: 117px
    }

    header .topLinks ul li {
        margin-left: 10px
    }

        header .topLinks ul li a {
            font-size: 10px
        }
}

@media screen and (max-width:1400px) and (min-width:1200px) {
    header .navbar .navbar-collapse ul.navbar-nav li {
        margin: 0 19px
    }
}

.footer {
    font-size: 18px;
    color: white;
    padding: 64px 0 46px;
    background: #400488
}

    .footer h3 {
        margin-bottom: 20px
    }

        .footer h3 a {
            color: #fff
        }

    .footer ul.footer-list, .footer ul.footer-list-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 0
    }

        .footer ul.footer-list li, .footer ul.footer-list-info li {
            margin-right: 24px
        }

            .footer ul.footer-list li a, .footer ul.footer-list-info li a {
                color: white;
                font-size: 18px;
                font-weight: 600;
                text-decoration: underline
            }

                .footer ul.footer-list li a:hover, .footer ul.footer-list-info li a:hover {
                    color: #DED8FF
                }

    .footer ul.footer-list {
        padding: 27px 0 18px 0
    }

    .footer .footer-content p, .footer .footer-content span {
        font-size: 18px;
        color: white
    }

@media (min-width:991px) and (max-width:1200px) {
    .footer ul.footer-list li a, .footer ul.footer-list-info li a {
        font-size: 15px
    }
}

@media (max-width:991px) {
    .footer {
        padding: 44px 6px 42px
    }

        .footer ul.footer-list, .footer ul.footer-list-info {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .footer ul.footer-list li, .footer ul.footer-list-info li {
                margin-bottom: 14px
            }

                .footer ul.footer-list li a, .footer ul.footer-list-info li a {
                    font-weight: 700
                }

                .footer ul.footer-list li:last-child, .footer ul.footer-list-info li:last-child {
                    margin-bottom: 0
                }

        .footer ul.footer-list {
            padding: 42px 0 35px 0
        }

        .footer ul.footer-list-info {
            padding: 38px 0 0px 0
        }
}

.fixed-isi {
    position: fixed;
    left: 0;
    right: 0;
    height: 108px;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    background: white;
    bottom: 0;
    -webkit-filter: drop-shadow(0px -4px 12px rgba(51,51,51,0.25));
    filter: drop-shadow(0px -4px 12px rgba(51,51,51,0.25));
    padding-top: 12px;
    z-index: 999;
    -webkit-transition: height 0.8s ease-in-out;
    transition: height 0.8s ease-in-out
}

    .fixed-isi sup {
        FONT-SIZE: 16.5px;
        top: 0
    }

    .fixed-isi .isi-header-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 100
    }

    .fixed-isi h2 {
        font-size: 16px;
        line-height: 116.5%;
        font-weight: 600;
        color: #400286
    }

    .fixed-isi p {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 116.5%
    }

        .fixed-isi p a {
            font-weight: 700
        }

            .fixed-isi p a:hover {
                color: #333333
            }

        .fixed-isi p.additional-info {
            font-weight: 700
        }

    .fixed-isi ul {
        margin-bottom: 16px;
        padding-left: 30px
    }

        .fixed-isi ul li {
            list-style-type: none;
            line-height: 28px;
            font-size: 16px;
            position: relative
        }

            .fixed-isi ul li:before {
                top: 10px;
                left: -17px;
                display: inline-block;
                content: "";
                border-radius: 0.375rem;
                height: 6px;
                width: 6px;
                position: absolute;
                background-color: #333333
            }

    .fixed-isi .isi-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%
    }

        .fixed-isi .isi-header .mx-auto {
            position: absolute;
            right: 0;
            top: 5px;
            width: 32px;
            height: 32px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease
        }

            .fixed-isi .isi-header .mx-auto:hover {
                -webkit-transform: scale(1.15);
                transform: scale(1.15);
                -webkit-transition: 0.5s ease;
                transition: 0.5s ease
            }

            .fixed-isi .isi-header .mx-auto span.collapse-icon, .fixed-isi .isi-header .mx-auto span.expand {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: inline-block;
                -webkit-transition: opacity 0.3s ease,visibility 1s ease;
                transition: opacity 0.3s ease,visibility 1s ease
            }

                .fixed-isi .isi-header .mx-auto span.collapse-icon.hidden, .fixed-isi .isi-header .mx-auto span.expand.hidden {
                    opacity: 0;
                    visibility: hidden
                }

                .fixed-isi .isi-header .mx-auto span.collapse-icon.visible, .fixed-isi .isi-header .mx-auto span.expand.visible {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transition: all 0.4s linear;
                    transition: all 0.4s linear;
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

            .fixed-isi .isi-header .mx-auto img {
                cursor: pointer;
                max-width: 100%;
                max-height: 100%
            }

    .fixed-isi .collapsed-tray {
        display: none
    }

    .fixed-isi.isi-open {
        height: 278px;
        z-index: 999
    }

        .fixed-isi.isi-open .collapsed-tray {
            display: none
        }

        .fixed-isi.isi-open.isi-open1 .collapsed-tray {
            display: block;
            padding-top: 5px;
            padding-bottom: 15px
        }

    .fixed-isi.isi-open1 .collapsed-tray {
        padding-top: 5px;
        padding-bottom: 15px
    }

        .fixed-isi.isi-open1 .collapsed-tray * {
            color: #400286
        }

    .fixed-isi.isi-open1.isi-open .full-content {
        display: block
    }

    .fixed-isi a {
        color: #400286
    }

    .fixed-isi.hide-isi {
        height: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        padding: 0
    }

#isi {
    padding-top: 40px;
    padding-bottom: 24px;
    font-size: 20px;
    position: relative;
    z-index: 1
}

    #isi sup {
        FONT-SIZE: 16.5px;
        top: 0px
    }

    #isi h2 {
        font-size: 16px;
        color: #400286;
        font-weight: 600
    }

        #isi h2.isi-head {
            font-weight: 600
        }

    #isi ul {
        padding-left: 30px;
        margin-bottom: 16px
    }

        #isi ul li {
            list-style-type: none;
            font-size: 16px;
            position: relative
        }

            #isi ul li:before {
                top: 7px;
                left: -17px;
                display: inline-block;
                content: "";
                border-radius: 0.375rem;
                height: 6px;
                width: 6px;
                position: absolute;
                background-color: #333333
            }

    #isi p {
        margin-bottom: 16px;
        max-width: 1157px;
        font-size: 16px
    }

        #isi p.additional-info {
            font-weight: 700
        }

            #isi p.additional-info a {
                font-weight: 700
            }

        #isi p a {
            font-weight: 600;
            white-space: nowrap
        }

            #isi p a:hover {
                color: #333333
            }

    #isi a {
        color: #400286
    }

@media (min-width:991px) and (max-width:1399px) {
    .fixed-isi {
        height: 108px
    }
}

@media (min-width:991px) and (max-width:1199px) {
    .fixed-isi {
        height: 132px;
        padding-top: 16px;
    }

        .fixed-isi.isi-open {
            height: 360px
        }

        .fixed-isi h2.indication {
            margin-bottom: 10px;
        }

        .fixed-isi p {
            font-size: 16px;
            margin-bottom: 16px;
            line-height: 118.5%
        }

            .fixed-isi p a {
                font-weight: 700
            }

                .fixed-isi p a:hover {
                    color: #333333
                }

            .fixed-isi p.additional-info {
                font-weight: 700
            }
}

@media (max-width:991px) {
    .isi-home #isi {
        z-index: 19
    }

    #isi {
        background: none;
        position: relative;
        background: white;
        margin-top: 0;
        padding-top: 16px;
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 18px
    }

        #isi sup {
            FONT-SIZE: 13.5px;
            top: -2px
        }

        #isi ul {
            padding-top: 10px;
            margin-bottom: 24px;
            padding-left: 22px
        }

            #isi ul li {
                margin-bottom: 5px;
                font-size: 13px;
                line-height: 16px
            }

                #isi ul li:before {
                    width: 4px;
                    height: 4px;
                    left: -14px
                }

        #isi h2 {
            padding-bottom: 10px;
            line-height: 16px
        }

            #isi h2.isi-head {
                margin-top: 16px;
                padding-bottom: 0;
                font-weight: 600
            }

        #isi p {
            font-size: 13px;
            line-height: 16px
        }

        #isi > .container {
            position: relative;
            z-index: 1
        }

    .about-isi #isi {
        background-position: top center;
        padding-top: 85px
    }

        .about-isi #isi:before {
            display: none
        }

    .isi-open {
        height: auto;
        top: 120px;
        z-index: 9999;
        overflow: auto
    }

    .fixed-isi.hide-isi {
        height: 0;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        padding: 0
    }

    .fixed-isi .isi-header .mx-auto {
        width: 24px;
        height: 24px
    }

    .isi-white #isi:before {
        display: none;
        background: unset
    }

    .fixed-isi {
        height: 170px;
        z-index: 999;
        padding-top: 16px
    }

        .fixed-isi .container {
            padding: 0 7px 0 11px
        }

        .fixed-isi sup {
            FONT-SIZE: 13.5px;
            top: -2px
        }

        .fixed-isi .expand img.fixed-isi-arrow {
            width: 24px;
            height: 24px
        }

        .fixed-isi .collapse-icon img.fixed-isi-arrow {
            width: 24px;
            height: 24px
        }

        .fixed-isi ul {
            margin-bottom: 10px;
            padding-left: 22px
        }

            .fixed-isi ul li {
                line-height: 16px;
                font-size: 13px;
                position: relative;
                list-style-type: none;
                margin-bottom: 5px
            }

                .fixed-isi ul li:before {
                    top: 7px;
                    left: -12px;
                    width: 4px;
                    height: 4px
                }

                .fixed-isi ul li:first-child {
                    margin-bottom: 5px
                }

        .fixed-isi h2 {
            font-size: 16px;
            line-height: 16px;
            margin-bottom: 10px
        }

        .fixed-isi p {
            line-height: 16px;
            letter-spacing: -0.25px;
            margin-bottom: 16px;
            font-size: 13px
        }

            .fixed-isi p a {
                white-space: nowrap
            }
}

@media (min-width:768px) and (max-width:991px) {
    .fixed-isi {
        height: 138px
    }

        .fixed-isi.isi-open {
            height: 273px;
            top: unset
        }

        .fixed-isi p {
            padding-right: 40px
        }
}

@media (max-width:767px) {
    .fixed-isi p.indication-top {
        max-width: 321px
    }

    .fixed-isi ul {
        max-width: 357px
    }

    .fixed-isi.isi-open {
        height: 390px;
        top: unset;
        overflow: hidden
    }

    .footer .footer-content p:first-child {
        max-width: 351px
    }
}

@media (max-width:600px) {
    #isi:before {
        top: -100px;
        height: 175px
    }
}

@media (max-width:360px) {
    .fixed-isi ul {
        padding-left: 9px
    }

        .fixed-isi ul li:before {
            left: -8px
        }
}

.noscroll {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed
}

.miebo-home-banner {
    position: relative;
    margin-top: 45px
}

    .miebo-home-banner .w-play-pause-notifier {
        display: none !important
    }

    .miebo-home-banner .w-vulcan-v2-button {
        display: none !important
    }

    .miebo-home-banner .desktop-banner-video {
        pointer-events: none
    }

    .miebo-home-banner .banner-content-home {
        background-size: 100% 60%;
        background-position: top;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 108px;
        z-index: 3
    }

        .miebo-home-banner .banner-content-home .col-wrapper {
            max-width: 672px
        }

            .miebo-home-banner .banner-content-home .col-wrapper .heading {
                position: relative
            }

                .miebo-home-banner .banner-content-home .col-wrapper .heading img {
                    position: absolute;
                    left: 119px;
                    bottom: -9px;
                    width: 166px;
                    height: 14px
                }

        .miebo-home-banner .banner-content-home h1.only {
            color: #FFF;
            font-family: Poppins;
            font-size: 38px;
            font-weight: 700;
            line-height: 56px;
            text-align: center
        }

        .miebo-home-banner .banner-content-home p.logo-img {
            width: 266px;
            margin: auto
        }

        .miebo-home-banner .banner-content-home h1 {
            color: var(--White,#FFF);
            text-align: center;
            text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
            font-family: Poppins;
            font-size: 52px;
            font-style: normal;
            font-weight: 700;
            line-height: 60px
        }

            .miebo-home-banner .banner-content-home h1 em {
                color: var(--White,#FFF);
                font-family: Poppins;
                font-size: 52px;
                font-style: italic;
                font-weight: 700;
                line-height: 60px
            }

        .miebo-home-banner .banner-content-home h2.prescription {
            color: #FFF;
            text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
            font-family: Poppins;
            font-size: 40px;
            font-weight: 400;
            line-height: 48px;
            max-width: 444px;
            padding: 10px 0 10px;
            padding-top: 0px
        }

        .miebo-home-banner .banner-content-home h3.tear-heading {
            color: #FFF;
            text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
            font-family: Poppins;
            font-size: 56px;
            font-weight: 900;
            line-height: 53px;
            text-transform: uppercase
        }

        .miebo-home-banner .banner-content-home p.miebo-protects {
            color: #FFF;
            font-family: Poppins;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            text-align: center;
            padding: 34px 0px 24px 0px;
            text-align: center;
            max-width: 520px;
            margin: auto
        }

            .miebo-home-banner .banner-content-home p.miebo-protects strong {
                color: #FFF;
                font-family: Poppins;
                font-weight: 700
            }

        .miebo-home-banner .banner-content-home a.how-miebo-works-cta {
            color: #400286;
            font-family: Poppins;
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
            height: 44px;
            width: 300px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: #FFF;
            text-decoration: none;
            border-radius: 35px;
            margin: auto;
            letter-spacing: -0.32px;
            margin-top: 24px
        }

            .miebo-home-banner .banner-content-home a.how-miebo-works-cta:hover {
                background: #DED8FF
            }

body.home {
    background: none
}

p.actor {
    position: absolute;
    right: 165px;
    bottom: 26px;
    color: var(--White,var(--White,#FFF));
    text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.home-section-2 {
    background: #400286;
    width: 100%;
    padding-top: 80px;
    position: relative;
    z-index: 3;
    overflow: hidden
}

    .home-section-2 .row {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .home-section-2 .transparent-card.tc-1 .card-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0px
    }

        .home-section-2 .transparent-card.tc-1 .card-content:first-child {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: end
        }

            .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 816px;
                width: 816px;
                background: #00A9EB;
                border-radius: 50%;
                overflow: hidden;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: -218px
            }

                .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div img {
                    max-width: 812px;
                    margin-left: 77px;
                    position: absolute;
                    margin-top: -257px
                }

    .home-section-2 .transparent-card.tc-2 .title-div-two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

        .home-section-2 .transparent-card.tc-2 .title-div-two h2 {
            color: #fff;
            text-align: left;
            font-family: Poppins;
            font-size: 32px;
            font-weight: 700;
            line-height: 40px
        }

    .home-section-2 .transparent-card.tc-2 p {
        color: #fff;
        text-align: left;
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        padding-top: 15px;
        max-width: 446px
    }

        .home-section-2 .transparent-card.tc-2 p strong {
            color: #fff
        }

    .home-section-2 .transparent-card.tc-2 .button {
        margin-top: 25px;
        font-size: 16px;
        width: 200px;
        height: 44px;
        font-weight: 500
    }

.stay-in-touch {
    position: relative;
    background: rgb(6,84,154);
    background: -webkit-gradient(linear,left top,right top,from(rgb(6,84,154)),to(rgb(1,150,220)));
    background: linear-gradient(90deg,rgb(6,84,154) 0%,rgb(1,150,220) 100%);
    z-index: 3;
    margin-bottom: 0
}

    .stay-in-touch .sit-bg {
        position: relative
    }

    .stay-in-touch.sit-content {
        background: url(/siteassets/img/img-2880x1422-home-miebo-prodcut.png);
        background-size: 1440px;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        top: 0;
        z-index: 1;
        padding-top: 135px;
        padding-bottom: 75px
    }

        .stay-in-touch.sit-content .sit-wrap .content-heading {
            font-family: Poppins;
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            text-align: left;
            color: #FFF
        }

        .stay-in-touch.sit-content .sit-wrap .content-heading-two {
            font-family: Poppins;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            text-align: left;
            color: #FFF;
            margin-top: 15px;
            width: 65%
        }

            .stay-in-touch.sit-content .sit-wrap .content-heading-two strong {
                color: #FFF
            }

        .stay-in-touch.sit-content .sit-wrap .btn1 {
            margin-top: 26px;
            text-align: left
        }

        .stay-in-touch.sit-content .sit-wrap .content-para {
            color: #FFF;
            font-family: Poppins;
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            text-align: left;
            padding-top: 26px
        }

            .stay-in-touch.sit-content .sit-wrap .content-para a {
                font-weight: 700
            }

                .stay-in-touch.sit-content .sit-wrap .content-para a:hover {
                    color: #FFF;
                    font-weight: 700
                }

            .stay-in-touch.sit-content .sit-wrap .content-para strong {
                color: #FFF;
                text-decoration: underline;
                font-weight: 700
            }

            .stay-in-touch.sit-content .sit-wrap .content-para.para-mob {
                text-indent: -7px
            }

        .stay-in-touch.sit-content .sit-wrap .sit-cta {
            color: #400286;
            font-family: Poppins;
            font-size: 16px;
            font-weight: 500;
            line-height: normal;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: 0;
            border: none;
            background-color: #FFF;
            border-radius: 80px;
            text-decoration: none;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 200px;
            height: 44px;
            padding: 0px
        }

            .stay-in-touch.sit-content .sit-wrap .sit-cta:hover {
                color: #400286;
                background: #DED8FF
            }

        .stay-in-touch.sit-content .sit-footnote {
            color: #FFF;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            text-indent: -10px;
            position: relative;
            z-index: 3;
            text-align: start
        }

            .stay-in-touch.sit-content .sit-footnote a {
                color: #fff;
                font-family: Poppins;
                font-size: 16px;
                font-weight: 600;
                line-height: 24px;
                text-align: left
            }

                .stay-in-touch.sit-content .sit-footnote a:hover {
                    color: #DED8FF
                }

.stay-in {
    background-image: -webkit-gradient(linear,right top,left top,color-stop(2.33%,#440F81),color-stop(51.94%,#6D38AD),color-stop(95.07%,#440F81)) !important;
    background-image: linear-gradient(270deg,#440F81 2.33%,#6D38AD 51.94%,#440F81 95.07%) !important;
    background-repeat: no-repeat,no-repeat !important;
    background-position: bottom,center;
    background-size: contain,cover !important;
    position: relative;
    padding-bottom: 244px;
    padding-top: 206px
}

    .stay-in .content {
        position: absolute;
        top: 0;
        text-align: center;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .stay-in h2 {
        color: #fff;
        text-align: left;
        font-family: Poppins;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        margin-left: 55px
    }

    .stay-in p {
        color: #fff;
        text-align: left;
        font-family: Poppins;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        padding-top: 15px;
        margin-left: 55px
    }

    .stay-in .sit-cta {
        position: relative;
        z-index: 5;
        color: #400286;
        font-family: Poppins;
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0;
        border: none;
        background-color: #FFF;
        border-radius: 80px;
        text-decoration: none;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 200px;
        height: 44px;
        padding: 0px;
        margin-top: 15px;
        margin-left: 55px
    }

        .stay-in .sit-cta:hover {
            color: #400286;
            background: #DED8FF
        }

.about-to-enter-popup .modal {
    background: rgba(0,0,0,0.6)
}

    .about-to-enter-popup .modal .modal-dialog {
        max-width: 1000px
    }

        .about-to-enter-popup .modal .modal-dialog .modal-content {
            border-radius: 12px;
            background: #400286;
            border: none
        }

            .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body {
                padding: 0
            }

                .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content {
                    padding: 80px 68px 0 0
                }

                    .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content h3 {
                        color: #fff;
                        font-family: Poppins;
                        font-size: 32px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 40px;
                        margin-bottom: 14px
                    }

                    .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content p {
                        color: #FFF;
                        margin-bottom: 24px;
                        font-family: Poppins;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 22px
                    }

                    .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn {
                        gap: 0px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex
                    }

                        .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .cancle-btn {
                            margin-right: 8px
                        }

                        .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn a {
                            border-radius: 35px;
                            width: 200px;
                            border: none;
                            height: 44px;
                            padding: 7px 24px;
                            color: #400286;
                            font-family: Poppins;
                            font-size: 16px;
                            font-weight: 500;
                            text-decoration: none;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center
                        }

                        .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .cancle-btn {
                            background: #DED8FF
                        }

                        .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .continue-btn {
                            background: #fff
                        }

                .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-img img {
                    width: 405px;
                    margin-top: 45px;
                    border-radius: 0 0 0 12px
                }

            .about-to-enter-popup .modal .modal-dialog .modal-content .modal-header {
                border-bottom: none;
                padding: 35px 35px 0 0
            }

                .about-to-enter-popup .modal .modal-dialog .modal-content .modal-header .btn-close {
                    background: url(/siteassets/img/img-18x18-close-icon.png);
                    background-repeat: no-repeat;
                    background-size: cover;
                    opacity: unset
                }

.leaving-popup .modal .modal-dialog {
    max-width: 1000px
}

    .leaving-popup .modal .modal-dialog .modal-content {
        border-radius: 12px;
        background: #400286;
        border: none
    }

        .leaving-popup .modal .modal-dialog .modal-content .modal-body {
            padding: 0
        }

            .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content {
                padding: 80px 68px 0 0
            }

                .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content h3 {
                    color: #fff;
                    font-family: Poppins;
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 40px;
                    margin-bottom: 14px
                }

                .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content p {
                    color: #FFF;
                    margin-bottom: 24px;
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px
                }

                .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn {
                    gap: 8px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                    .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn a {
                        border-radius: 35px;
                        width: 200px;
                        border: none;
                        height: 44px;
                        padding: 7px 24px;
                        color: #400286;
                        font-family: Poppins;
                        font-size: 16px;
                        font-weight: 500;
                        text-decoration: none;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                    .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .cancle-btn {
                        background: #DED8FF
                    }

                    .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .continue-btn {
                        background: #fff
                    }

            .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-img img {
                width: 405px;
                margin-top: 45px;
                border-radius: 0 0 0 12px
            }

        .leaving-popup .modal .modal-dialog .modal-content .modal-header {
            border-bottom: none;
            padding: 35px 35px 0 0
        }

            .leaving-popup .modal .modal-dialog .modal-content .modal-header .btn-close {
                background: url(/siteassets/img/img-18x18-close-icon.png);
                background-repeat: no-repeat;
                background-size: cover;
                opacity: unset
            }

@media (min-width:1200px) {
    .miebo-home-banner .banner-content-home {
        padding-top: 208px
    }

    .miebo-home-banner .desktop-banner-video {
        margin-top: -100px
    }
}

@media (min-width:991px) {
    .banner-content-home {
        display: none
    }

        .banner-content-home .bc-1 {
            display: none
        }
}

@media (max-width:991px) {
    p.actor {
        right: 15px;
        bottom: 9px
    }

    .mibo-popup_form .modal {
        background: rgba(0,0,0,0.6)
    }

    .about-to-enter-popup .modal {
        background: rgba(0,0,0,0.6)
    }

        .about-to-enter-popup .modal .modal-dialog {
            max-width: 359px;
            margin: auto
        }

            .about-to-enter-popup .modal .modal-dialog .modal-content {
                max-width: 360px;
                margin: auto
            }

                .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: reverse;
                    -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse
                }

                    .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content {
                        padding: 16.82px 30px 0 29px
                    }

                        .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content h3 {
                            font-size: 28px;
                            line-height: 36px
                        }

                        .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: reverse;
                            -ms-flex-direction: column-reverse;
                            flex-direction: column-reverse
                        }

                            .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .cancle-btn {
                                margin-top: 15px
                            }

                            .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn a {
                                width: 100%
                            }

                    .about-to-enter-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-img img {
                        width: 360px;
                        margin-top: 35px
                    }

                .about-to-enter-popup .modal .modal-dialog .modal-content .modal-header {
                    padding: 28px 28px 6px 0
                }

    .leaving-popup .modal {
        background: rgba(0,0,0,0.6)
    }

        .leaving-popup .modal .modal-dialog {
            max-width: 359px;
            margin: auto
        }

            .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }

                .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content {
                    padding: 16.82px 30px 0 29px
                }

                    .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content h3 {
                        font-size: 28px;
                        line-height: 36px
                    }

                    .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content p {
                        margin-bottom: 33px
                    }

                    .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn {
                        gap: 0px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: reverse;
                        -ms-flex-direction: column-reverse;
                        flex-direction: column-reverse
                    }

                        .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn .cancle-btn {
                            margin-top: 15px
                        }

                        .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-content .modal-btn a {
                            width: 100%
                        }

                .leaving-popup .modal .modal-dialog .modal-content .modal-body .leaving-popup-content .popup-img img {
                    width: 360px;
                    margin-top: 35px
                }

            .leaving-popup .modal .modal-dialog .modal-content .modal-header {
                padding: 28px 28px 6px 0
            }

    .jarallax {
        aspect-ratio: 920/1635
    }

    .miebo-home-banner {
        padding-top: 0px;
        margin-top: 0px
    }

        .miebo-home-banner .banner-content-home {
            position: relative;
            padding-bottom: 0px;
            background-color: #400284;
            padding-top: 80px
        }

            .miebo-home-banner .banner-content-home .bc-1 {
                position: absolute;
                z-index: 99;
                width: 100%;
                top: 172px
            }

            .miebo-home-banner .banner-content-home .bc-2 {
                position: absolute;
                z-index: 99;
                top: 420px;
                width: 100%;
                display: none
            }

                .miebo-home-banner .banner-content-home .bc-2 .container {
                    padding: 0 11px
                }

            .miebo-home-banner .banner-content-home h1 {
                color: var(--White,#FFF);
                text-align: center;
                font-family: Poppins;
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 40px
            }

                .miebo-home-banner .banner-content-home h1 em {
                    color: var(--White,#FFF);
                    font-family: Poppins;
                    font-size: 32px;
                    font-style: italic;
                    font-weight: 700;
                    line-height: 40px
                }

            .miebo-home-banner .banner-content-home .col-wrapper .heading img {
                left: 201px;
                width: 100px;
                height: 8px;
                bottom: -5px
            }

            .miebo-home-banner .banner-content-home p.miebo-protects {
                color: var(--White,#FFF);
                text-align: center;
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px
            }

                .miebo-home-banner .banner-content-home p.miebo-protects strong {
                    color: var(--White,#FFF);
                    font-family: Poppins;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 26px
                }

            .miebo-home-banner .banner-content-home p.logo-img {
                width: 204px
            }

            .miebo-home-banner .banner-content-home .mobile-banner-video {
                position: relative
            }

                .miebo-home-banner .banner-content-home .mobile-banner-video .wistia_responsive_padding {
                    pointer-events: none
                }

                .miebo-home-banner .banner-content-home .mobile-banner-video .w-bottom-bar, .miebo-home-banner .banner-content-home .mobile-banner-video .w-bottom-bar-lower, .miebo-home-banner .banner-content-home .mobile-banner-video .w-css-reset {
                    display: none
                }

            .miebo-home-banner .banner-content-home h1.only {
                color: #FFF;
                text-shadow: 0px 2.059px 2.059px rgba(0,0,0,0.25);
                font-family: Poppins;
                font-size: 32px;
                font-weight: 700;
                line-height: 40px;
                padding-top: 10px;
                text-align: center;
                margin-bottom: 0px
            }

            .miebo-home-banner .banner-content-home h2.prescription {
                color: #FFF;
                text-align: center;
                text-shadow: 0px 2.059px 2.059px rgba(0,0,0,0.25);
                font-family: Poppins;
                font-size: 26px;
                font-weight: 400;
                line-height: 34px;
                max-width: 327px;
                margin: auto;
                padding: 0
            }

            .miebo-home-banner .banner-content-home h3.tear-heading {
                text-align: center;
                color: #FFF;
                font-family: Poppins;
                font-size: 31px;
                font-weight: 900;
                margin-top: 5px;
                line-height: 39px
            }

            .miebo-home-banner .banner-content-home h4.miebo-protects {
                color: var(--White,#FFF);
                text-align: center;
                font-family: Poppins;
                font-size: 18px;
                padding: 11px 0px 0px 0px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px
            }

                .miebo-home-banner .banner-content-home h4.miebo-protects strong {
                    color: var(--White,#FFF);
                    font-family: Poppins;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 26px
                }

            .miebo-home-banner .banner-content-home a.how-miebo-works-cta {
                margin: auto;
                color: #400286;
                font-family: Poppins;
                font-size: 16px;
                font-weight: 500;
                line-height: normal;
                margin-top: 18px
            }

    .section-2 {
        background: #400286;
        position: relative;
        z-index: 9;
        padding-top: 40px;
        height: auto
    }

        .section-2 .bg-wave-home-2 {
            display: none
        }

    .home-section-2 {
        padding-top: 40px
    }

        .home-section-2 .container .col-lg-6 {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .home-section-2 .transparent-card a {
            text-align: center;
            margin: 0;
            display: block
        }

        .home-section-2 .transparent-card.tc-1 {
            margin-top: 32px
        }

            .home-section-2 .transparent-card.tc-1 .card-content:first-child {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    width: 350px;
                    height: 350px;
                    margin-bottom: -75px;
                    background: transparent;
                    border-radius: 0
                }

                    .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div h2 {
                        color: #400286;
                        text-align: center;
                        font-family: Poppins;
                        font-size: 27px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 36px
                    }

                        .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div h2 span {
                            font-family: Poppins;
                            font-size: 24px;
                            font-style: normal;
                            font-weight: 600;
                            line-height: 27px
                        }

                    .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div img {
                        margin: 0;
                        max-width: 100%;
                        position: unset
                    }

                .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div-two h2 {
                    color: #400286;
                    text-align: center;
                    font-family: Poppins;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 600;
                    line-height: 27px;
                    padding-left: 22px;
                    padding-right: 10px;
                    margin-left: 0px;
                    padding-left: 0;
                    padding-top: 33px
                }

                    .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div-two h2 span {
                        font-family: Poppins;
                        font-size: 24px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 27px
                    }

                .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div-two img {
                    height: 66px;
                    width: auto;
                    margin: 26px 19px 22px 20px
                }

        .home-section-2 .transparent-card .content {
            padding-top: 0px
        }

            .home-section-2 .transparent-card .content .img-div {
                margin: 0
            }

            .home-section-2 .transparent-card .content .text-div {
                padding: 0
            }

                .home-section-2 .transparent-card .content .text-div p {
                    text-align: center;
                    font-family: Poppins;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 28px;
                    padding: 0 4px
                }

            .home-section-2 .transparent-card .content .text-div-two {
                padding: 0px
            }

                .home-section-2 .transparent-card .content .text-div-two p {
                    text-align: left;
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    padding-top: 16px;
                    line-height: 24px
                }

        .home-section-2 .transparent-card.tc-1 {
            position: relative;
            z-index: 2;
            margin: 32px 13px 17px
        }

        .home-section-2 .transparent-card.tc-2 {
            margin: auto;
            position: relative;
            z-index: 3;
            margin-top: 0;
            -webkit-box-pack: unset;
            -ms-flex-pack: unset;
            justify-content: unset
        }

            .home-section-2 .transparent-card.tc-2 .button {
                margin-top: 24px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 200px;
                height: 44px;
                padding: 7px 24px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 8px;
                border-radius: 35px;
                background: var(--White,#FFF);
                color: #400286;
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: normal
            }

    .stay-in-touch.sit-content {
        background: url(/siteassets/img/img-750x1916-home-miebo-product-mob.png) !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        width: 100%;
        top: 0;
        z-index: 1;
        padding-top: 80px;
        padding-bottom: 19px
    }

        .stay-in-touch.sit-content .sit-wrap {
            margin-top: 0px;
            padding-top: 0;
            padding-bottom: 0px;
            position: relative;
            z-index: 3;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 0px
        }

            .stay-in-touch.sit-content .sit-wrap .content-heading {
                font-size: 28px;
                font-weight: 700;
                line-height: 36px
            }

            .stay-in-touch.sit-content .sit-wrap .content-para {
                font-size: 15px;
                font-weight: 400;
                line-height: 20px
            }

                .stay-in-touch.sit-content .sit-wrap .content-para.para-mob {
                    padding-top: 0px
                }

            .stay-in-touch.sit-content .sit-wrap .btn1 {
                margin-top: 16px
            }

            .stay-in-touch.sit-content .sit-wrap .content-heading-two {
                width: 90%;
                font-size: 18px;
                font-weight: 400;
                margin-top: 16px;
                line-height: 26px
            }

            .stay-in-touch.sit-content .sit-wrap .sit-cta {
                font-size: 16px;
                font-weight: 500;
                line-height: normal;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
                border: none;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 200px;
                height: 44px;
                padding: 0px
            }

        .stay-in-touch.sit-content .product-img {
            background-size: 100% 100%;
            background-position: bottom left;
            background-repeat: no-repeat;
            width: 100%;
            text-align: center;
            padding: 50px 0 0;
            margin-left: 0;
            margin-top: 0
        }

            .stay-in-touch.sit-content .product-img .bg-product {
                position: relative
            }

                .stay-in-touch.sit-content .product-img .bg-product img {
                    width: 300px;
                    position: relative;
                    z-index: 2;
                    margin-top: 0px;
                    margin-left: 0px;
                    margin-bottom: 105px
                }

    .stay-in {
        background-image: url(/siteassets/img/img-300x1202-home-woman-mobile.png) !important;
        background-size: cover !important;
        background-position: center bottom;
        padding-bottom: 345px;
        padding-top: 45px;
        overflow: hidden
    }

        .stay-in .sign-inmob {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .stay-in .sign-inmob p {
                text-align: center;
                font-size: 24px;
                font-weight: 300;
                line-height: 32px;
                color: #FFF;
                padding-top: 21px
            }

                .stay-in .sign-inmob p span {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 32px;
                    color: #FFF
                }

        .stay-in .woman-idol {
            position: relative
        }

            .stay-in .woman-idol img {
                position: absolute;
                width: 468px;
                left: 50%;
                -webkit-transform: translate(-58%,-2%);
                transform: translate(-58%,-2%)
            }

        .stay-in .content {
            padding-top: 45px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .stay-in h2 {
            text-align: center;
            font-size: 28px;
            font-weight: 700;
            line-height: 36px;
            margin: 0
        }

        .stay-in p {
            text-align: center;
            font-size: 16px;
            font-weight: 400;
            margin-left: 0;
            padding-top: 16px;
            line-height: normal
        }

            .stay-in p.want {
                padding-top: 21px;
                text-align: center;
                font-size: 24px;
                font-weight: 300;
                line-height: 32px
            }

                .stay-in p.want span {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 32px
                }

        .stay-in .sit-cta {
            margin: auto;
            margin-top: 22px
        }
}

@media screen and (min-width:1441px) {
    .stay-in-touch.sit-content {
        background-size: 1616px
    }

    .section-2 {
        margin-top: 0px
    }

        .section-2 .bg-wave-home-2 {
            background-size: 100%
        }
}

@media screen and (min-width:1600px) {
    .stay-in-touch.sit-content {
        background-size: 1920px
    }

    .miebo-home-banner {
        padding-top: 0px
    }

    .banner-content-home .bc-2 {
        margin-top: 60px
    }
}

@media (min-width:2000px) {
    .banner-content-home .bc-2 {
        margin-top: 154px;
        margin-left: -156px
    }

    .stay-in-touch.sit-content {
        background-size: 2286px
    }
}

@media (min-width:2500px) {
    .stay-in-touch.sit-content {
        background-size: 2886px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .stay-in {
        background-position: bottom,center;
        padding-bottom: 145px;
        padding-top: 150px
    }

    .stay-in-touch.sit-content {
        background-size: 1616px
    }

    .miebo-home-banner .banner-content-home .col-wrapper {
        max-width: 496px
    }

        .miebo-home-banner .banner-content-home .col-wrapper .heading img {
            left: 53px;
            width: 130px;
            height: 12px;
            bottom: -7px
        }

    .miebo-home-banner .banner-content-home .bc-2 {
        margin-top: 0px
    }

    .miebo-home-banner .banner-content-home h1 {
        font-size: 38px;
        line-height: 36px
    }

    .miebo-home-banner .banner-content-home h2.prescription {
        font-size: 26px;
        font-weight: 400;
        line-height: normal;
        max-width: 327px
    }

    .miebo-home-banner .banner-content-home h3.tear-heading {
        font-size: 31px;
        font-weight: 900;
        line-height: 39px
    }

    .miebo-home-banner .banner-content-home h4.miebo-protects {
        padding: 25px 0px 24px 0px
    }

        .miebo-home-banner .banner-content-home h4.miebo-protects strong {
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: 29px
        }

    .stay-in-touch .sit-content:after {
        bottom: 4px
    }

    .stay-in-touch .sit-content:before {
        height: 312px;
        top: -165px
    }

    .stay-in-touch .sit-content .product-img {
        width: 366px
    }

        .stay-in-touch .sit-content .product-img .bg-product img {
            margin-left: 0px
        }
}

@media (min-width:1201px) and (max-width:1400px) {
    .home-section-2 .transparent-card .content .text-div {
        text-align: center;
        padding: 0px;
        width: 482px;
        max-width: 482px
    }

    .stay-in-touch.sit-content {
        background-size: 1530px
    }
}

@media (max-width:767px) {
    .miebo-home-banner .banner-content-home .bc-2 {
        top: 20%
    }

    .miebo-home-banner .banner-content-home .col-wrapper {
        max-width: 353px;
        margin: auto
    }

        .miebo-home-banner .banner-content-home .col-wrapper .heading img {
            left: 42px;
            bottom: -5px
        }
}

@media (max-width:361px) {
    .home-section-2 .transparent-card .card-content .title-div-two img {
        margin: 26px 10px 22px 12px
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .miebo-home-banner .banner-content-home .bc-2 {
        position: absolute;
        z-index: 99;
        bottom: 306px;
        width: 100%
    }

    .home-section-2 .transparent-card.tc-1 .card-content:first-child .title-div {
        width: 510px;
        height: 406px;
        margin-bottom: -50px
    }

    .home-section-2 .transparent-card.tc-1 {
        margin: 0px 13px 17px
    }
}

.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 44px;
    padding: 0px
}

.quiz-badge {
    position: fixed;
    z-index: 19;
    right: 21px;
    bottom: 170px;
    display: none;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

    .quiz-badge:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease
    }

    .quiz-badge a.close {
        position: absolute;
        top: 0;
        right: 0;
        display: none
    }

        .quiz-badge a.close img {
            width: 17.88px;
            height: 17.88px
        }

    .quiz-badge img.outer-image {
        -webkit-animation: rotation 18s infinite linear;
        animation: rotation 18s infinite linear;
        width: 144.11px;
        height: 144.11px
    }

    .quiz-badge img.inner-image {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 106px;
        height: 106px
    }

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.home #Wrapper {
    padding-top: 78px
}

.white-link:hover {
    color: #fff;
    text-decoration: none !important
}

.white-link:active, .white-link:focus {
    color: #fff
}

.stay-in-touch .container .row .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

@media (min-width:1400px) {
    .stay-in-touch .container .row .col-12 .miebo-desk {
        margin-top: -30px
    }
}

@media (min-width:991px) {
    .jarallax {
        position: relative;
        z-index: 0;
        aspect-ratio: 1123/490
    }

    .stay-in {
        padding-bottom: 0px;
        padding-top: 0px;
        height: 590px;
        position: relative;
        z-index: 3;
        overflow: hidden
    }

        .stay-in .container .row {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .stay-in .container .row .desktop-img {
                text-align: right;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 535px;
                width: 535px;
                background: #9B78D5;
                border-radius: 50%;
                overflow: hidden;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 61px;
                margin-left: 98px
            }

                .stay-in .container .row .desktop-img .lady-img {
                    position: absolute
                }

                .stay-in .container .row .desktop-img .flash {
                    z-index: 99;
                    position: absolute
                }

                .stay-in .container .row .desktop-img .lady {
                    max-width: 825px;
                    position: absolute;
                    margin-top: -84px;
                    margin-left: -42px;
                    display: block
                }

            .stay-in .container .row .purple-circle {
                position: relative
            }

            .stay-in .container .row .sign-inmob {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                position: absolute;
                left: 236px;
                top: 130px;
                max-width: 200px
            }

                .stay-in .container .row .sign-inmob p {
                    margin-left: 0;
                    text-align: right;
                    font-size: 33px;
                    font-weight: 300
                }

                    .stay-in .container .row .sign-inmob p span {
                        font-weight: bold;
                        display: block
                    }

                .stay-in .container .row .sign-inmob img.blue-layer {
                    margin-top: -12px;
                    margin-left: -3px;
                    width: 175px
                }

                .stay-in .container .row .sign-inmob img.logo {
                    width: 175px;
                    height: 79px;
                    margin: auto;
                    margin-top: 3px
                }
}

@media (min-width:1200px) and (max-width:1400px) {
    .stay-in .container .row .purple-circle {
        position: relative;
        left: -88px
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .quiz-badge {
        bottom: 195px
    }

    .stay-in {
        height: 435px
    }

        .stay-in .container .row .purple-circle {
            position: relative;
            left: -30px
        }

        .stay-in .container .row .sign-inmob {
            left: 198px;
            top: 95px;
            max-width: 130px
        }

            .stay-in .container .row .sign-inmob img.logo {
                width: 124px;
                height: 56px;
                margin: auto;
                margin-top: 2px
            }

            .stay-in .container .row .sign-inmob img.blue-layer {
                margin-top: -8px;
                margin-left: -3px;
                width: 131px
            }

            .stay-in .container .row .sign-inmob p {
                margin-left: 0;
                text-align: right;
                font-size: 24px;
                font-weight: 300;
                line-height: 22px
            }

        .stay-in .container .row .desktop-img {
            width: 401.25px;
            height: 401.25px;
            margin-top: 42px
        }

            .stay-in .container .row .desktop-img .lady {
                width: 618.75px;
                margin-top: -65px
            }
}

@media (max-width:991px) {
    .home #Wrapper {
        padding-top: 0px
    }

    .quiz-badge {
        right: 16px;
        bottom: 114px;
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        margin-bottom: 20px
    }

        .quiz-badge.after-isi {
            bottom: 20px;
            -webkit-transition: all 0.8s;
            transition: all 0.8s
        }

        .quiz-badge a.close {
            top: -11px;
            right: -10px
        }

        .quiz-badge img {
            width: 93px
        }

            .quiz-badge img.outer-image {
                width: 97px;
                height: 97px
            }

            .quiz-badge img.inner-image {
                width: 68px;
                height: 68px
            }

    .container {
        padding: 0 18px
    }
}

@media (max-width:767px) {
    .quiz-badge {
        bottom: 168px;
        margin-bottom: 20px
    }
}

.result-banner {
    background-color: #400286;
    background-image: url(/siteassets/img/img-540x1440-help-banner.png) !important;
    background-size: 1440px !important;
    background-position: center bottom -1px;
    background-repeat: no-repeat;
    padding-top: 129px
}

    .result-banner .content .main-heading {
        color: #fff;
        text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
        font-family: Poppins;
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: 65px;
        padding: 186px 0 24px;
        max-width: 567px
    }

    .result-banner .content .sub-heading {
        padding: 0px 0 199px 0;
        color: #fff;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        max-width: 567px
    }

.swipe-section {
    position: sticky;
    top: 0;
    height: calc(100vh - 150px);
    width: 100%;
    overflow: visible
}

    .swipe-section .panel {
        position: absolute;
        width: 100%;
        height: 100%
    }

        .swipe-section .panel img {
            max-width: 100%;
            max-height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            display: none
        }

    .swipe-section .content {
        max-width: 500px;
        margin-left: calc(50% - 25px);
        padding-top: 240px;
        position: relative;
        z-index: 1
    }

        .swipe-section .content .sub-heading {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 32px;
            max-width: 300px
        }

        .swipe-section .content .main-heading {
            color: var(--Royal-Purple,#400286);
            padding: 21px 0;
            font-family: Poppins;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 56px
        }

        .swipe-section .content .content-para {
            color: var(--Dark-Gray,#232323);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            max-width: 450px
        }

        .swipe-section .content .content-footnote {
            color: var(--Dark-Gray,#232323);
            padding-top: 21px;
            padding-left: 7px;
            text-indent: -7px;
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            max-width: 440px
        }

.result-you-feel {
    background-image: url("/siteassets/img/img-1440x830-result-feel.png") !important;
    background-size: 1440px !important;
    background-position: center bottom -3px;
    background-color: #007bc1;
    background-repeat: no-repeat;
    height: 644px;
    position: relative;
    overflow: hidden
}

    .result-you-feel .girl-iag {
        position: absolute;
        width: 1440px;
        height: 644px;
        top: 0;
        left: calc(50% - 720px);
        z-index: 0;
        overflow: visible
    }

        .result-you-feel .girl-iag img {
            width: 1440px;
            height: auto
        }

    .result-you-feel .content {
        position: relative;
        z-index: 2
    }

        .result-you-feel .content .main-heading {
            color: #fff;
            text-align: center;
            text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
            font-family: Poppins;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 56px;
            padding-top: 184px;
            padding-left: 140px;
            position: absolute;
            left: 50%
        }

        .result-you-feel .content .sub-heading {
            color: var(--White,#fff);
            font-family: Poppins;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            padding-top: 179px;
            padding-bottom: 16px
        }

        .result-you-feel .content .content-para {
            color: var(--White,#fff);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            max-width: 416px
        }

.result-side-effect {
    padding-bottom: 30px
}

    .result-side-effect .heading {
        padding-bottom: 24px
    }

        .result-side-effect .heading .main-heading {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 40px;
            padding-top: 88px;
            padding-bottom: 32px
        }

        .result-side-effect .heading .content-para {
            color: var(--Dark-Gray,#232323);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            max-width: 1122px
        }

            .result-side-effect .heading .content-para.para-2 {
                padding-top: 26px
            }

        .result-side-effect .heading .sub-para {
            color: var(--Dark-Gray,#232323);
            padding-top: 26px;
            padding-bottom: 24px;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px
        }

    .result-side-effect .card-sec.cs-3 .card-heading {
        max-width: 400px
    }

    .result-side-effect .card-sec.cs-2 .card-para {
        max-width: 335px
    }

    .result-side-effect .card-sec .card-number {
        color: var(--Royal-Purple,#400286);
        font-family: Poppins;
        font-size: 67px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        padding-top: 25px;
        letter-spacing: -10px;
        height: 100px;
        overflow: hidden
    }

        .result-side-effect .card-sec .card-number span {
            font-size: 48px;
            position: relative
        }

            .result-side-effect .card-sec .card-number span.num {
                font-size: 67px;
                font-style: normal;
                font-weight: 900;
                display: inline-block;
                position: relative;
                -webkit-transform: translateY(80px);
                transform: translateY(80px)
            }

                .result-side-effect .card-sec .card-number span.num.slide-up {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-animation: slideUp 0.2s ease-out forwards;
                    animation: slideUp 0.2s ease-out forwards
                }

                .result-side-effect .card-sec .card-number span.num.slide-down {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-animation: slideDown 1s ease-out forwards;
                    animation: slideDown 1s ease-out forwards
                }

            .result-side-effect .card-sec .card-number span.dot {
                padding: 0 3px 0 3px;
                font-size: 67px;
                font-style: normal;
                font-weight: 900;
                display: inline-block;
                position: relative;
                -webkit-transform: translateY(80px);
                transform: translateY(80px)
            }

                .result-side-effect .card-sec .card-number span.dot.slide-up {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-animation: slideUp 0.4s ease-out forwards;
                    animation: slideUp 0.4s ease-out forwards
                }

                .result-side-effect .card-sec .card-number span.dot.slide-down {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-animation: slideDown 1s ease-out forwards;
                    animation: slideDown 1s ease-out forwards
                }

            .result-side-effect .card-sec .card-number span.sec {
                font-size: 67px;
                font-style: normal;
                font-weight: 900;
                display: inline-block;
                position: relative;
                -webkit-transform: translateY(80px);
                transform: translateY(80px)
            }

                .result-side-effect .card-sec .card-number span.sec.slide-up {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-animation: slideUp 0.8s ease-out forwards;
                    animation: slideUp 0.8s ease-out forwards
                }

                .result-side-effect .card-sec .card-number span.sec.slide-down {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    -webkit-animation: slideDown 1s ease-out forwards;
                    animation: slideDown 1s ease-out forwards
                }

        .result-side-effect .card-sec .card-number sup {
            color: #00a9eb;
            font-size: 40px;
            top: -31px;
            right: 3px;
            -webkit-transform: translateY(80px);
            transform: translateY(80px)
        }

            .result-side-effect .card-sec .card-number sup.slide-up {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation: slideUp 1s ease-out forwards;
                animation: slideUp 1s ease-out forwards
            }

            .result-side-effect .card-sec .card-number sup.slide-down {
                -webkit-transform: translateY(0);
                transform: translateY(0);
                -webkit-animation: slideDown 1s ease-out forwards;
                animation: slideDown 1s ease-out forwards
            }

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }
}

.result-side-effect .card-sec .card-number.c1 span.num {
    font-size: 67px;
    font-style: normal;
    font-weight: 900
}

.result-side-effect .card-sec .card-number.c2 span {
    font-size: 48px
}

    .result-side-effect .card-sec .card-number.c2 span.num {
        font-size: 67px;
        font-style: normal;
        font-weight: 900
    }

.result-side-effect .card-sec .card-number.c2 sup {
    color: #00a9eb;
    font-size: 40px;
    top: -73px;
    right: -78px;
    display: block
}

.result-side-effect .card-sec .card-number.c3 span {
    font-size: 43px
}

    .result-side-effect .card-sec .card-number.c3 span.num {
        font-size: 67px;
        font-style: normal;
        font-weight: 900
    }

    .result-side-effect .card-sec .card-number.c3 span.dot {
        padding: 0px 10px 0 3px
    }

.result-side-effect .card-sec .card-number.c3 sup {
    color: #00a9eb;
    font-size: 40px;
    top: -69px;
    right: -77px;
    display: block
}

.result-side-effect .card-sec .card-number.c4 span {
    font-size: 48px
}

    .result-side-effect .card-sec .card-number.c4 span.num {
        font-size: 67px;
        font-style: normal;
        font-weight: 900
    }

    .result-side-effect .card-sec .card-number.c4 span.dot {
        padding: 0 3px 0 9px
    }

.result-side-effect .card-sec .card-number.c4 sup {
    color: #00a9eb;
    font-size: 40px;
    top: -72px;
    right: -62px;
    display: block
}

.result-side-effect .card-sec .card-heading {
    color: var(--Royal-Purple,#400286);
    padding-top: 10px;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    max-width: 400px
}

.result-side-effect .card-sec .card-para {
    color: var(--Dark-Gray,#232323);
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    padding-bottom: 56px;
    max-width: 408px
}

.Nxt-Pgarrow.about-next .Mbo-eyeshore {
    position: relative;
    width: 477px;
    margin: 0px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .Nxt-Pgarrow.about-next .Mbo-eyeshore:before {
        background-image: url("/siteassets/img/img-556x74-why-miebo-eyeshore-desk.png")
    }

    .Nxt-Pgarrow.about-next .Mbo-eyeshore:hover {
        background: #fff
    }

.Nxt-Pgarrow.about-next .content {
    padding-left: 50px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

    .Nxt-Pgarrow.about-next .content p {
        max-width: 560px
    }

.Nxt-Pgarrow.help .Mbo-eyeshore:before {
    background: url(/siteassets/img/img-556x74-Mbo-eyeshore.jpg) no-repeat;
    background-size: cover
}

.Nxt-Pgarrow.stories h2 {
    text-align: left
}

.Nxt-Pgarrow.stories .content p {
    text-align: left
}

@media screen and (min-width:991px) and (max-width:1400px) {
    .result-banner {
        background-size: cover !important
    }
}

@media screen and (min-width:1200px) {
    .result-banner .content .sub-heading {
        padding: 0px 0 199px 0
    }

    .result-banner .content .main-heading {
        padding: 186px 0 24px
    }
}

@media screen and (max-width:991px) {
    .result-banner {
        background-image: unset !important;
        padding-top: 0
    }

        .result-banner .content .main-heading {
            font-size: 38px;
            line-height: 42px;
            text-align: center;
            padding: 163px 0 16px;
            max-width: unset;
            letter-spacing: -0.02px;
            margin: 0 -15px
        }

        .result-banner .content .sub-heading {
            padding: 0 12px 18px;
            font-size: 18px;
            line-height: 26px;
            text-align: center;
            max-width: 100%
        }

        .result-banner .content .content-img {
            max-width: 338px;
            margin: auto
        }

    .significant-symptom {
        background-color: #c3c2ff;
        background-image: unset !important;
        height: auto;
        padding: 0px;
        position: relative;
        padding-bottom: 332px;
        overflow: hidden;
        background-size: 384px !important;
        background-position: center bottom
    }

        .significant-symptom:after {
            content: "";
            height: 380px;
            width: 100%;
            position: absolute;
            bottom: 0;
            background-size: 384px;
            background-position: center bottom;
            background-repeat: no-repeat;
            z-index: 2
        }

        .significant-symptom.two {
            background-image: unset !important
        }

        .significant-symptom .content {
            margin: 0 auto;
            padding: 0;
            position: relative;
            z-index: 1;
            background-color: unset;
            width: calc(100% + 24px);
            margin-left: -12px;
            padding: 0 20px 1px;
            max-width: unset
        }

            .significant-symptom .content:after {
                position: absolute;
                scale: 2.2;
                z-index: -1;
                bottom: 136%;
                content: "";
                display: block;
                background: #fff;
                width: 100%;
                margin-left: -20px;
                border-radius: 50%;
                aspect-ratio: 1/1
            }

            .significant-symptom .content .sub-heading {
                font-size: 24px;
                line-height: 32px;
                padding: 47px 0 8px;
                max-width: 100%
            }

            .significant-symptom .content .main-heading {
                padding: 0;
                font-size: 32px;
                line-height: 40px
            }

            .significant-symptom .content .content-para {
                padding: 8px 0;
                font-size: 18px;
                line-height: 26px;
                max-width: 100%
            }

            .significant-symptom .content .content-footnote {
                font-size: 14px;
                padding: 0 0 57px 7px;
                line-height: 20px;
                max-width: 100%
            }

    .result-you-feel {
        background-image: url("/siteassets/img/img-1440x830-result-feel-mob.png") !important;
        background-size: 530px !important;
        background-position: 55% bottom;
        height: auto;
        padding-bottom: 301px
    }

        .result-you-feel .content .main-heading {
            bottom: 333px;
            left: 0;
            padding: 0;
            width: 100%;
            font-size: 24px;
            line-height: 32px
        }

        .result-you-feel .content .sub-heading {
            font-size: 28px;
            line-height: 36px;
            padding-top: 48px;
            padding-bottom: 8px
        }

        .result-you-feel .content .content-para {
            max-width: 100%;
            font-size: 18px;
            line-height: 26px;
            padding-top: 0;
            padding-bottom: 0
        }

    .result-side-effect {
        padding-bottom: 17px
    }

        .result-side-effect .heading .main-heading {
            padding-top: 48px
        }

        .result-side-effect .heading .sub-para {
            padding-bottom: 16px
        }

        .result-side-effect .card-sec.cs-2 .card-para {
            max-width: 100%
        }

        .result-side-effect .card-sec.cs-3 .card-heading {
            max-width: 100%
        }

        .result-side-effect .card-sec .card-number {
            padding: 25px 0;
            margin-bottom: 25px
        }

        .result-side-effect .card-sec .card-heading {
            padding-top: 0
        }

        .result-side-effect .card-sec .card-para {
            margin-right: -7px;
            font-size: 16px;
            line-height: 22px;
            font-weight: 500;
            max-width: 100%;
            padding-bottom: 32px
        }

    .site-map {
        background-image: url("/siteassets/img/img-348x375-sitemap-hero-mobile.png") !important;
        background-size: 375px !important;
        background-position-y: bottom;
        background-position-x: center;
        padding-bottom: 348px;
        padding-left: 5px
    }

        .site-map .content .main-heading {
            font-family: Poppins;
            font-size: 46px;
            line-height: 50px;
            padding: 117px 0 36px
        }

        .site-map .content .site-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .site-map .content .site-links .left, .site-map .content .site-links .right {
                width: 100%
            }

            .site-map .content .site-links .main-links {
                margin-bottom: 32px
            }

            .site-map .content .site-links .sub-links {
                padding-bottom: 16px
            }

            .site-map .content .site-links .a2, .site-map .content .site-links .a5 {
                margin-bottom: 16px
            }

            .site-map .content .site-links .a4, .site-map .content .site-links .a8 {
                margin-bottom: 32px
            }

            .site-map .content .site-links .a12 {
                width: 165px
            }

            .site-map .content .site-links .a13 {
                width: 252px
            }

            .site-map .content .site-links .a14 {
                width: 185px
            }

    .Nxt-Pgarrow.about-next .Mbo-eyeshore {
        margin: auto
    }

        .Nxt-Pgarrow.about-next .Mbo-eyeshore:before {
            background-image: url("/siteassets/img/img-556x74-why-miebo-eyeshore.png")
        }

    .Nxt-Pgarrow.about-next .content {
        padding-left: unset;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media screen and (max-width:767px) {
    .significant-symptom .content:after {
        scale: 2.2;
        bottom: 91%
    }
}

@media screen and (max-width:576px) {
    .result-banner .content-img img {
        display: block;
        margin-left: 0;
        width: 100%;
        max-width: unset
    }

    .significant-symptom .content:after {
        scale: 1.5;
        bottom: 20%
    }

    .result-side-effect .card-sec.cs-2 .card-para {
        max-width: 301px
    }

    .result-side-effect .card-sec.cs-3 .card-heading {
        max-width: 300px
    }

    .result-side-effect .card-sec .card-para {
        max-width: 345px
    }
}

.banr-Tearevaboration {
    background: #400286;
    background-image: url(/siteassets/img/img-1440x458-Tear-Evaporation.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 299px;
    padding-bottom: 165px;
    position: relative
}

    .banr-Tearevaboration h1 {
        color: #FFF;
        text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
        font-size: 52px;
        font-weight: 700;
        line-height: 65px
    }

    .banr-Tearevaboration p {
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 16px;
        max-width: 477px
    }

        .banr-Tearevaboration p.act-port {
            position: absolute;
            color: #FFF;
            right: 158px;
            bottom: 13px;
            font-size: 15px;
            line-height: 20px;
            margin-top: unset
        }

.wht-tearevaporate {
    padding-top: 88px;
    padding-bottom: 88px
}

    .wht-tearevaporate h2 {
        color: #400286;
        text-align: center;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 24px
    }

    .wht-tearevaporate h3 {
        color: #400286;
        text-align: center;
        font-weight: 700;
        line-height: 42px;
        margin-top: 24px;
        font-size: 28px;
        margin-bottom: 4px
    }

    .wht-tearevaporate p {
        color: #232323;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        max-width: 868px;
        margin: auto
    }

        .wht-tearevaporate p.Eva-De {
            margin-top: 16px
        }

        .wht-tearevaporate p span {
            font-weight: 700
        }

    .wht-tearevaporate .bef-afrSlider {
        position: relative;
        max-width: 1118px;
        margin: auto
    }

        .wht-tearevaporate .bef-afrSlider .diff-images {
            max-width: 1118px;
            height: 580px;
            margin: 50px auto;
            overflow: hidden !important;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-overflow-scrolling: touch;
            border-radius: 1000px;
            border: 4px solid #00A9EB;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .wht-tearevaporate .bef-afrSlider .diff-images .before-img {
                position: absolute;
                height: 100%;
                width: 50%;
                background-size: cover;
                overflow: hidden;
                z-index: 1
            }

                .wht-tearevaporate .bef-afrSlider .diff-images .before-img .before-layer {
                    width: 1110px
                }

                .wht-tearevaporate .bef-afrSlider .diff-images .before-img:after {
                    position: absolute;
                    content: "";
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.2)));
                    background: linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
                    opacity: 0;
                    -webkit-transition: opacity 0.5s ease;
                    transition: opacity 0.5s ease
                }

                .wht-tearevaporate .bef-afrSlider .diff-images .before-img.nonactive:after {
                    opacity: 1
                }

            .wht-tearevaporate .bef-afrSlider .diff-images .after-img {
                position: absolute;
                height: 100%;
                width: 100%;
                background-position: right;
                background-size: cover;
                overflow: hidden;
                right: 0
            }

                .wht-tearevaporate .bef-afrSlider .diff-images .after-img .after-layer {
                    width: 100%
                }

                .wht-tearevaporate .bef-afrSlider .diff-images .after-img:after {
                    position: absolute;
                    content: "";
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.2)),to(rgba(0,0,0,0.2)));
                    background: linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
                    opacity: 0;
                    -webkit-transition: opacity 0.5s ease;
                    transition: opacity 0.5s ease
                }

                .wht-tearevaporate .bef-afrSlider .diff-images .after-img.nonactive:after {
                    opacity: 1
                }

            .wht-tearevaporate .bef-afrSlider .diff-images .slide-val {
                position: absolute;
                opacity: 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                width: 100%
            }

            .wht-tearevaporate .bef-afrSlider .diff-images .slide-line {
                position: absolute;
                height: 100%;
                width: 6px;
                background: #FFF;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                z-index: 2
            }

            .wht-tearevaporate .bef-afrSlider .diff-images img.slideIcon {
                position: absolute;
                left: 50%;
                top: 50%;
                max-width: 146px;
                width: 100%;
                height: 100px;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                -o-object-fit: contain;
                object-fit: contain;
                background: #FFF;
                border-radius: 148.6px;
                padding: 37px 19.29px;
                cursor: pointer;
                z-index: 2;
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out
            }

                .wht-tearevaporate .bef-afrSlider .diff-images img.slideIcon.sliding {
                    background: #FFF
                }

                .wht-tearevaporate .bef-afrSlider .diff-images img.slideIcon:hover {
                    background: #DED8FF
                }

        .wht-tearevaporate .bef-afrSlider a {
            color: #FFF;
            font-size: 16px;
            font-weight: 700;
            line-height: 22px;
            background: #fff;
            border-radius: 200px;
            height: 64px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-decoration: none
        }

            .wht-tearevaporate .bef-afrSlider a:after {
                content: "";
                width: 100%;
                z-index: -1;
                height: 100%;
                border-radius: 50px;
                position: absolute;
                background: linear-gradient(84deg,#482B74 2.42%,#452F77 18.21%,#3E3B83 34.93%,#325097 51.65%,#226DB2 68.38%,#0C92D5 85.1%,#00A9EB 94.39%);
                border: 8px solid white
            }

            .wht-tearevaporate .bef-afrSlider a:before {
                content: "";
                width: 100%;
                z-index: 1;
                height: 100%;
                border-radius: 50px;
                position: absolute;
                border: 4px solid #00A9EB
            }

            .wht-tearevaporate .bef-afrSlider a.Healthy-eye {
                padding: 17px 30.5px;
                position: absolute;
                left: -98px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 2
            }

            .wht-tearevaporate .bef-afrSlider a.Dry-eye {
                padding: 17px 48.5px;
                position: absolute;
                right: -98px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                z-index: 2
            }

            .wht-tearevaporate .bef-afrSlider a.active:before {
                border: 4px solid #400286
            }

            .wht-tearevaporate .bef-afrSlider a:hover:before {
                border: 4px solid #400286
            }

.Te-closerlook {
    background: url(/siteassets/img/img-1440x458-tearEvapcloserlook.png) !important;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 177px;
    padding-bottom: 177px;
    position: relative
}

    .Te-closerlook .overlay {
        position: absolute;
        content: "";
        width: 24%;
        height: 455px;
        background: #FFF;
        left: 0;
        z-index: 0;
        border-radius: 0 50px 50px 0
    }

    .Te-closerlook .tear-evap {
        padding: 62px 89px 62px 0px;
        background: #FFF;
        border-radius: 0 48% 48% 0;
        max-width: 465px;
        position: relative;
        z-index: 1
    }

        .Te-closerlook .tear-evap .eye-tearicon {
            position: relative
        }

            .Te-closerlook .tear-evap .eye-tearicon img {
                position: absolute;
                right: -80px;
                top: -77px;
                width: 108px
            }

        .Te-closerlook .tear-evap h2 {
            color: #400286;
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            margin-bottom: 17px
        }

        .Te-closerlook .tear-evap p {
            color: #232323;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            max-width: 359px
        }

            .Te-closerlook .tear-evap p span {
                font-weight: 700;
                color: #232323;
                font-size: 18px;
                line-height: 26px
            }

            .Te-closerlook .tear-evap p.meibomian {
                margin-top: 20px;
                margin-bottom: 20px
            }

.Mbo-rytForme {
    background-image: url(/siteassets/img/img-1440x554-Find-treatment.png) !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    padding-top: 91px;
    padding-bottom: 128px
}

    .Mbo-rytForme .right-forme p {
        color: #FFF;
        font-size: 32px;
        font-weight: 400;
        line-height: 40px
    }

        .Mbo-rytForme .right-forme p span {
            display: block;
            font-weight: 700
        }

    .Mbo-rytForme .right-forme img {
        width: 170px
    }

    .Mbo-rytForme .isMiebo {
        max-width: 529px
    }

        .Mbo-rytForme .isMiebo h2 {
            color: #400286;
            font-size: 48px;
            font-weight: 700;
            line-height: 56px;
            margin-bottom: 24px
        }

        .Mbo-rytForme .isMiebo p {
            color: #232323;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px
        }

            .Mbo-rytForme .isMiebo p span {
                color: #232323;
                font-size: 18px;
                font-weight: 700;
                line-height: 26px
            }

            .Mbo-rytForme .isMiebo p:nth-child(3) {
                margin-top: 20px;
                margin-bottom: 20px
            }

            .Mbo-rytForme .isMiebo p:nth-child(4) {
                color: #232323;
                font-size: 18px;
                font-weight: 700;
                line-height: 26px
            }

        .Mbo-rytForme .isMiebo .ryt-Forme {
            margin-top: 24px
        }

            .Mbo-rytForme .isMiebo .ryt-Forme a {
                background: #FFF;
                border-radius: 37px;
                color: #400286;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: -0.32px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 10px 26.5px;
                text-decoration: none;
                max-width: 260px
            }

                .Mbo-rytForme .isMiebo .ryt-Forme a:hover {
                    background: #DED8FF
                }

.Results-Mbo {
    background: #574399;
    background-image: url(/siteassets/img/img-1024x578-results-mbo.png) !important;
    background-size: 1440px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 196px;
    padding-bottom: 219px
}

    .Results-Mbo h2 {
        color: #FFF;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }

    .Results-Mbo p {
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 24px;
        margin-bottom: 26px;
        max-width: 395px
    }

    .Results-Mbo .result-btn a {
        background: #FFF;
        border-radius: 37px;
        color: #400286;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        max-width: 224px;
        height: 44px
    }

        .Results-Mbo .result-btn a:hover {
            background: #DED8FF
        }

.fact-evapDE {
    margin-top: 88px;
    margin-bottom: 64px;
    position: relative;
    background: #FFF
}

    .fact-evapDE h2 {
        color: #400286;
        text-align: center;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        max-width: 760px;
        margin: auto;
        margin-bottom: 64px
    }

    .fact-evapDE .mySwiper {
        -webkit-mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(15%,rgb(0,0,0)),color-stop(85%,rgb(0,0,0)),to(rgba(0,0,0,0)));
        -webkit-mask-image: linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 15%,rgb(0,0,0) 85%,rgba(0,0,0,0) 100%);
        mask-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(15%,rgb(0,0,0)),color-stop(85%,rgb(0,0,0)),to(rgba(0,0,0,0)));
        mask-image: linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 15%,rgb(0,0,0) 85%,rgba(0,0,0,0) 100%);
        margin-bottom: 64px
    }

        .fact-evapDE .mySwiper .scroll-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 25px;
            background: rgba(239,235,255,0.4);
            padding: 24px;
            gap: 16px;
            max-width: 636px;
            height: auto
        }

            .fact-evapDE .mySwiper .scroll-item.swiper-slide-active {
                background: #EFEBFF
            }

            .fact-evapDE .mySwiper .scroll-item h3 {
                color: #400286;
                font-size: 24px;
                font-weight: 700;
                line-height: 32px;
                margin-bottom: 16px
            }

            .fact-evapDE .mySwiper .scroll-item p {
                color: #232323;
                font-size: 18px;
                font-weight: 400;
                line-height: 26px
            }

    .fact-evapDE .swiper-pagination {
        position: relative;
        top: unset;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 8px
    }

        .fact-evapDE .swiper-pagination .swiper-pagination-bullet {
            width: 26px;
            height: 8px;
            border-radius: 200px;
            background: #DED8FF;
            margin: unset;
            opacity: 1
        }

            .fact-evapDE .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                background: #400286;
                width: 68px
            }

    .fact-evapDE .nextprev-btns {
        position: relative;
        max-width: 144px;
        margin: auto;
        height: 50px;
        margin-top: 26px
    }

        .fact-evapDE .nextprev-btns .swiper-button-next {
            width: unset
        }

            .fact-evapDE .nextprev-btns .swiper-button-next:after {
                content: "";
                background: url(/siteassets/img/img-20x20-Btn_Nxt.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 48px;
                height: 48px;
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out
            }

            .fact-evapDE .nextprev-btns .swiper-button-next:hover:after {
                content: "";
                background: url(/siteassets/img/img-20x20-Btn_NxtHover.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 48px;
                height: 48px
            }

        .fact-evapDE .nextprev-btns .swiper-button-prev {
            width: unset
        }

            .fact-evapDE .nextprev-btns .swiper-button-prev:after {
                content: "";
                background: url(/siteassets/img/img-20x20-Btn_Prev-hover.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 48px;
                height: 48px;
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out
            }

            .fact-evapDE .nextprev-btns .swiper-button-prev:hover:after {
                content: "";
                background: url(/siteassets/img/img-20x20-Btn_prevHover.png);
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                width: 48px;
                height: 48px
            }

@media (max-width:1400px) and (min-width:1200px) {
    .Mbo-rytForme {
        background-image: url(/siteassets/img/img-1440x554-Find-treatment.png) !important;
        background-repeat: no-repeat;
        background-size: cover !important;
        background-position: -210px center
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .banr-Tearevaboration {
        background-size: cover !important
    }

    .Te-closerlook {
        background-size: 115% !important;
        padding-top: 64px;
        padding-bottom: 64px
    }

    .wht-tearevaporate .bef-afrSlider {
        max-width: 800px
    }

        .wht-tearevaporate .bef-afrSlider .diff-images {
            height: 423px
        }

            .wht-tearevaporate .bef-afrSlider .diff-images .before-img .before-layer {
                width: 792px
            }

            .wht-tearevaporate .bef-afrSlider .diff-images img.slideIcon {
                max-width: 118px;
                width: 100%;
                height: 75px;
                -o-object-fit: contain;
                object-fit: contain;
                padding: 27px 16.29px
            }

        .wht-tearevaporate .bef-afrSlider a.Dry-eye {
            padding: 17px 38.5px;
            right: -88px
        }

        .wht-tearevaporate .bef-afrSlider a.Healthy-eye {
            padding: 17px 20.5px;
            position: absolute;
            left: -88px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .Mbo-rytForme {
        background-position: -385px center
    }

    .Results-Mbo {
        background-position: center;
        background-size: 1200px;
        padding-top: 136px;
        padding-bottom: 159px
    }
}

@media (min-width:1441px) {
    .Results-Mbo {
        background-position: center;
        background-image: url(/siteassets/img/img-1440x578-results-mbo.jpg) !important;
        background-size: 1920px
    }

    .banr-Tearevaboration p.act-port {
        right: 376px
    }

    .Mbo-rytForme .isMiebo {
        margin-left: 60px
    }

    .Te-closerlook {
        background-size: cover !important
    }
}

@media (min-width:1921px) {
    .Results-Mbo {
        background-position: center;
        background-size: 2256px
    }
}

@media (min-width:2257px) {
    .Results-Mbo {
        background-position: center;
        background-size: 3500px
    }
}

@media (max-width:991px) {
    .banr-Tearevaboration {
        background-image: unset !important;
        overflow: hidden;
        padding-top: 149px;
        padding-bottom: 340px
    }

        .banr-Tearevaboration .tearevapmob-banimg {
            position: relative
        }

            .banr-Tearevaboration .tearevapmob-banimg img {
                position: absolute;
                top: 0;
                width: 436px;
                left: 40%;
                bottom: 0;
                -webkit-transform: translateX(-40%);
                transform: translateX(-40%)
            }

        .banr-Tearevaboration container {
            padding: 0 16px
        }

        .banr-Tearevaboration h1 {
            color: #FFF;
            text-align: center;
            font-size: 38px;
            font-weight: 700;
            line-height: 42px;
            margin: auto
        }

        .banr-Tearevaboration p {
            text-align: center;
            margin: auto;
            margin-top: 16px
        }

            .banr-Tearevaboration p.act-port {
                right: 24px;
                z-index: 1
            }

    .wht-tearevaporate {
        padding-top: 48px;
        padding-bottom: 20px
    }

        .wht-tearevaporate .container {
            padding: 0 12px
        }

        .wht-tearevaporate .row > * {
            padding-right: 0;
            padding-left: 0
        }

        .wht-tearevaporate h2 {
            padding: 0px 30px;
            font-size: 28px;
            line-height: 36px;
            padding-left: 12px !important;
            padding-right: 12px !important
        }

        .wht-tearevaporate h3 {
            font-size: 24px;
            line-height: 28px;
            padding-left: 12px !important;
            padding-right: 12px !important;
            margin-bottom: 24px
        }

        .wht-tearevaporate h4 {
            font-size: 24px;
            line-height: 28px;
            padding-left: 12px !important;
            padding-right: 12px !important;
            margin-bottom: 24px
        }

        .wht-tearevaporate p {
            padding-left: 12px !important;
            padding-right: 12px !important
        }

        .wht-tearevaporate .bef-afrSlider .diff-images {
            border-radius: unset;
            border-left: 0;
            border-right: 0;
            height: 400px;
            margin: 54px auto 60px
        }

            .wht-tearevaporate .bef-afrSlider .diff-images img.slideIcon {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 58px;
                height: 58px;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                -o-object-fit: fill;
                object-fit: fill;
                padding: 9px 19.29px
            }

            .wht-tearevaporate .bef-afrSlider .diff-images .slide-val {
                position: absolute;
                opacity: 0;
                -webkit-transform: rotateZ(90deg);
                transform: rotateZ(90deg)
            }

            .wht-tearevaporate .bef-afrSlider .diff-images .slide-line {
                height: 6px;
                width: 100%;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .wht-tearevaporate .bef-afrSlider .diff-images .before-img {
                position: absolute;
                width: 100%;
                height: 50%;
                background-size: 991px;
                background-position: center top
            }

                .wht-tearevaporate .bef-afrSlider .diff-images .before-img .before-layer {
                    height: 400px;
                    width: 720px
                }

                    .wht-tearevaporate .bef-afrSlider .diff-images .before-img .before-layer img {
                        height: 400px
                    }

            .wht-tearevaporate .bef-afrSlider .diff-images .after-img {
                background-size: 991px;
                background-position: center right
            }

                .wht-tearevaporate .bef-afrSlider .diff-images .after-img img {
                    height: 400px
                }

        .wht-tearevaporate .bef-afrSlider a {
            font-size: 15px;
            padding-left: 12px;
            padding-right: 12px
        }

            .wht-tearevaporate .bef-afrSlider a.Healthy-eye {
                padding: 18px 15.25px;
                position: absolute;
                left: 50%;
                top: -30px;
                -webkit-transform: translatex(-50%);
                transform: translatex(-50%)
            }

            .wht-tearevaporate .bef-afrSlider a.Dry-eye {
                padding: 18px 31.25px;
                position: absolute;
                right: unset;
                bottom: -30px;
                top: unset;
                -webkit-transform: translatex(-50%);
                transform: translatex(-50%);
                margin: 0;
                left: 50%
            }

    .Te-closerlook {
        background: unset !important;
        padding-top: 20px;
        padding-bottom: unset;
        height: unset
    }

        .Te-closerlook .container {
            padding: 0 12px
        }

        .Te-closerlook .row > * {
            padding-left: 0;
            padding-right: 0
        }

        .Te-closerlook .tear-evap {
            padding: 0;
            text-align: center;
            background: unset;
            max-width: unset
        }

            .Te-closerlook .tear-evap h4 {
                margin-bottom: 24px;
                font-size: 28px;
                line-height: 36px
            }

            .Te-closerlook .tear-evap h2 {
                font-size: 28px;
                line-height: 36px;
                margin-bottom: 24px
            }

            .Te-closerlook .tear-evap p {
                padding-left: 12px;
                padding-right: 12px;
                max-width: unset
            }

            .Te-closerlook .tear-evap img {
                margin-top: 30px
            }

    .Mbo-rytForme {
        background: url(/siteassets/img/img-375x758-Find_Treat-Mobile.png) !important;
        background-position: center bottom !important;
        background-repeat: no-repeat;
        background-size: cover !important;
        padding-top: 48px;
        padding-bottom: 70%
    }

        .Mbo-rytForme .isMiebo {
            padding: 8px;
            max-width: unset
        }

            .Mbo-rytForme .isMiebo h2 {
                font-size: 28px;
                line-height: 36px
            }

            .Mbo-rytForme .isMiebo .treat-logo {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 48px
            }

                .Mbo-rytForme .isMiebo .treat-logo p {
                    color: var(--Royal-Purple,#400286);
                    text-align: center;
                    font-family: Poppins;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 32px
                }

                    .Mbo-rytForme .isMiebo .treat-logo p span {
                        font-weight: 700;
                        font-size: 24px;
                        color: inherit
                    }

                .Mbo-rytForme .isMiebo .treat-logo img {
                    width: 162px
                }

    .Results-Mbo {
        padding-top: 48px;
        padding-bottom: 425px;
        background: url(/siteassets/img/img-991x875-results-mbo-mobile.png),linear-gradient(91deg,#104B97,#227FBC) !important;
        background-position: bottom,center !important;
        background-repeat: no-repeat;
        background-size: cover,cover !important
    }

        .Results-Mbo h2 {
            font-size: 28px;
            line-height: 36px
        }

        .Results-Mbo p {
            margin-top: 16px;
            margin-bottom: 24px
        }

    .fact-evapDE {
        margin-bottom: 48px;
        margin-top: 48px
    }

        .fact-evapDE h2 {
            color: #400286;
            text-align: center;
            font-size: 28px;
            font-weight: 700;
            line-height: 36px;
            margin-bottom: 40px
        }

        .fact-evapDE .nextprev-btns .swiper-button-prev:after {
            background-image: url(/siteassets/img/img-20x20-Btn_prevHover.png)
        }

        .fact-evapDE .nextprev-btns .swiper-button-next:hover:after {
            background-image: url(/siteassets/img/img-20x20-Btn_Nxt.png)
        }

        .fact-evapDE .mySwiper {
            -webkit-mask-image: unset;
            mask-image: unset;
            margin-bottom: 40px
        }

            .fact-evapDE .mySwiper .scroll-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 8px;
                max-width: 335px
            }

                .fact-evapDE .mySwiper .scroll-item h3 {
                    font-size: 20px;
                    line-height: 32px
                }

                .fact-evapDE .mySwiper .scroll-item p {
                    font-weight: 500;
                    line-height: 22px;
                    font-size: 16px
                }
}

@media (min-width:768px) and (max-width:991px) {
    .wht-tearevaporate .bef-afrSlider .diff-images {
        border-radius: 200px;
        border: 4px solid #00A9EB
    }

        .wht-tearevaporate .bef-afrSlider .diff-images img {
            border-radius: 200px
        }
}

@media (max-width:767px) {
    .wht-tearevaporate .bef-afrSlider .diff-images .before-img .before-layer {
        width: unset;
        position: relative
    }

        .wht-tearevaporate .bef-afrSlider .diff-images .before-img .before-layer img {
            width: 720px;
            position: absolute;
            top: 0;
            left: 50%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transform: translate(-50%,0%);
            transform: translate(-50%,0%)
        }

    .wht-tearevaporate .bef-afrSlider .diff-images .after-img .after-layer {
        width: unset
    }

        .wht-tearevaporate .bef-afrSlider .diff-images .after-img .after-layer img {
            width: 720px;
            -o-object-fit: cover;
            object-fit: cover
        }
}

@media (max-width:390px) {
    .Results-Mbo {
        background-position: -375px center,center !important
    }
}

.banr_DryeyeMbo {
    background-image: url(/siteassets/img/img-1440x460-DE-banrDesktop.png),linear-gradient(91deg,#007EB8 0.37%,#269AD1 99.43%) !important;
    background-repeat: no-repeat,no-repeat !important;
    background-position: center bottom,center;
    padding-top: 320px;
    padding-bottom: 183px;
    background-size: contain !important
}

    .banr_DryeyeMbo h1 {
        color: #FFF;
        text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
        font-size: 52px;
        font-weight: 700;
        line-height: 65px
    }

    .banr_DryeyeMbo p {
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 16px;
        max-width: 544px
    }

.cau-symptom {
    padding-top: 88px;
    padding-bottom: 60px
}

    .cau-symptom h2 {
        color: #400286;
        text-align: center;
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 24px
    }

    .cau-symptom .too-much-not-mak {
        color: #400286;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

    .cau-symptom .some-time-new {
        color: #400286;
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-top: 37px
    }

    .cau-symptom p {
        color: #232323;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        max-width: 392px;
        margin: auto;
        margin-top: 9px
    }

        .cau-symptom p.p-gritty {
            margin: auto;
            max-width: 918px;
            margin-bottom: 32px
        }

            .cau-symptom p.p-gritty span {
                font-weight: 700
            }

        .cau-symptom p span {
            color: #232323;
            font-size: 18px;
            font-weight: 700;
            line-height: 26px
        }

    .cau-symptom .p-twotypes {
        color: #232323;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        max-width: 392px;
        margin: auto;
        margin-top: 9px
    }

        .cau-symptom .p-twotypes span {
            color: #232323;
            font-size: 18px;
            font-weight: 700;
            line-height: 26px
        }

    .cau-symptom .tear-evap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .cau-symptom .tear-evap .card-img {
            max-width: 255px;
            height: 142px
        }

        .cau-symptom .tear-evap.enog-tear .card-img {
            max-width: 224px;
            padding-bottom: 14px;
            position: relative;
            top: 16px;
            height: 140px
        }

.DE_feel-like {
    background: #400286;
    padding-top: 94px;
    padding-bottom: 39px;
    overflow: hidden
}

    .DE_feel-like .next-btn {
        position: relative
    }

        .DE_feel-like .next-btn:after {
            content: "";
            position: absolute;
            background: url(/siteassets/img/img-25x25-next-btn.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            width: 48px;
            height: 48px;
            left: 0;
            -webkit-transition: background 0.5s ease-in-out;
            transition: background 0.5s ease-in-out
        }

        .DE_feel-like .next-btn:hover:after {
            background-image: url(/siteassets/img/img-20x20-Btn_NxtHover.png)
        }

    .DE_feel-like .prev-btn {
        position: relative
    }

        .DE_feel-like .prev-btn:after {
            content: "";
            position: absolute;
            background: url(/siteassets/img/img-25x25-next-btn.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            width: 48px;
            height: 48px;
            left: 0;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -webkit-transition: background 0.5s ease-in-out;
            transition: background 0.5s ease-in-out
        }

        .DE_feel-like .prev-btn:hover:after {
            background-image: url(/siteassets/img/img-20x20-Btn_NxtHover.png)
        }

    .DE_feel-like .Dryeye-headline {
        position: relative
    }

        .DE_feel-like .Dryeye-headline h2 {
            color: #FFF;
            font-size: 48px;
            font-weight: 700;
            line-height: 56px;
            padding-bottom: 63px
        }

        .DE_feel-like .Dryeye-headline p {
            position: absolute;
            top: 116px;
            color: #FFF;
            font-size: 20px;
            font-weight: 400;
            line-height: 27px;
            max-width: 310px
        }

            .DE_feel-like .Dryeye-headline p span {
                font-weight: 700;
                color: #FFF
            }

    .DE_feel-like .row {
        position: relative
    }

    .DE_feel-like .left-curvebox {
        width: 165px;
        height: 165px;
        position: absolute;
        background: url(/siteassets/img/img-56x65-left-curvebox.png) no-repeat;
        background-size: contain;
        left: -163px;
        bottom: 167px;
        z-index: 0
    }

    .DE_feel-like .right-curvebox {
        width: 114px;
        height: 114px;
        position: absolute;
        background: url(/siteassets/img/img-56x65-left-curvebox.png) no-repeat;
        background-size: contain;
        right: -69px;
        bottom: 37px;
        z-index: 0
    }

    .DE_feel-like .center-curvebox {
        width: 114px;
        height: 114px;
        position: absolute;
        background: url(/siteassets/img/img-56x65-mid-curvebox.png) no-repeat;
        background-size: contain;
        right: 177px;
        bottom: 37px;
        z-index: 0
    }

    .DE_feel-like .scroll-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 519px
    }

        .DE_feel-like .scroll-wrapper .indicator-wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0
        }

            .DE_feel-like .scroll-wrapper .indicator-wrapper .indicator {
                height: 8px;
                border-radius: 200px;
                background: rgba(255,255,255,0.3);
                width: 24px;
                margin-right: 9px
            }

                .DE_feel-like .scroll-wrapper .indicator-wrapper .indicator:last-child {
                    margin-right: 0
                }

                .DE_feel-like .scroll-wrapper .indicator-wrapper .indicator.active {
                    background: #fff;
                    width: 68px
                }

        .DE_feel-like .scroll-wrapper.show {
            opacity: 1
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            right: 0
        }

            .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item {
                height: 114px;
                width: 114px;
                position: absolute;
                left: 1140px;
                top: 245px;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                display: none;
                overflow: hidden
            }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item img {
                    max-height: 100%;
                    max-width: 100%;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    -webkit-transition: -webkit-transform 1s ease-in-out;
                    transition: -webkit-transform 1s ease-in-out;
                    transition: transform 1s ease-in-out;
                    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out
                }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active {
                    border-radius: 12px;
                    cursor: pointer
                }

                    .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active img {
                        -webkit-transform: scale(1.1);
                        transform: scale(1.1)
                    }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item p {
                    display: none;
                    margin: 0;
                    text-align: center;
                    position: absolute;
                    bottom: 45px;
                    font-size: 48px;
                    font-weight: 700;
                    color: #FFF;
                    left: 0;
                    right: 0
                }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.prev-1 {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 32px;
                    font-weight: bold;
                    color: #FFF;
                    height: 237px;
                    width: 237px;
                    left: 133px;
                    top: 238px;
                    opacity: 0.3
                }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.next-1 {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 32px;
                    font-weight: bold;
                    color: #FFF;
                    height: 237px;
                    width: 237px;
                    left: 895px;
                    top: 0;
                    opacity: 0.35
                }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.prev-2 {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 32px;
                    font-weight: bold;
                    color: #FFF;
                    height: 114px;
                    width: 114px;
                    left: 0;
                    top: 361px;
                    opacity: 0.2
                }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.next-2 {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 32px;
                    font-weight: bold;
                    color: #FFF;
                    height: 114px;
                    width: 114px;
                    left: 1140px;
                    top: 245px;
                    opacity: 0.31
                }

                .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 32px;
                    font-weight: bold;
                    color: #FFF;
                    height: 475px;
                    width: 475px;
                    left: 395px;
                    top: 0
                }

                    .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active p {
                        display: block;
                        -webkit-animation: hiddtext 1.8s;
                        animation: hiddtext 1.8s;
                        white-space: nowrap
                    }

@-webkit-keyframes hiddtext {
    0% {
        opacity: 0%
    }

    to {
        opacity: 100%
    }
}

@keyframes hiddtext {
    0% {
        opacity: 0%
    }

    to {
        opacity: 100%
    }
}

.DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active + div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.DE_feel-like .btn {
    padding: 0;
    background: none;
    color: #FFF;
    font-weight: 500;
    position: absolute;
    left: 895px;
    top: 292px;
    border: none
}

    .DE_feel-like .btn img {
        width: 48px;
        height: 48px
    }

    .DE_feel-like .btn:hover {
        background: none;
        color: #FFF
    }

.DE_feel-like .next-btn {
    left: 967px
}

.DE_feel-like .btn.inactive {
    pointer-events: none
}

.DE-experience {
    padding-top: 56px;
    padding-bottom: 85px;
    background: #400286
}

    .DE-experience h3 {
        color: #FFF;
        text-align: center;
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
        margin-bottom: 81px
    }

        .DE-experience h3 span {
            font-size: 32px;
            color: #FFF;
            line-height: 40px;
            font-weight: 700
        }

    .DE-experience ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 86px
    }

        .DE-experience ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .DE-experience ul li h4 {
                color: #FFF;
                text-align: center;
                font-size: 24px;
                font-weight: 400;
                line-height: 32px;
                max-width: 320px
            }

.DE-feelWatery {
    background: #574399;
    background-image: url(/siteassets/img/img-1440x564-De-feelWatery.png) !important;
    background-size: 1934px;
    background-repeat: no-repeat !important;
    background-position: center;
    padding-top: 74px;
    padding-bottom: 246px;
    height: 570px
}

    .DE-feelWatery h2 {
        color: #FFF;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        max-width: 398px;
        margin-bottom: 26px
    }

    .DE-feelWatery p {
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        max-width: 413px
    }

    .DE-feelWatery .feel-wat {
        padding-left: 96px
    }

.Nxt-Pgarrow.dry-eye_nextarrow {
    background-color: #421D7F
}

    .Nxt-Pgarrow.dry-eye_nextarrow .Mbo-eyeshore:before {
        background: url(/siteassets/img/img-248x758-man-DryeyeNxt.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .Nxt-Pgarrow.dry-eye_nextarrow .Mbo-eyeshore:hover {
        background: #FFF
    }

        .Nxt-Pgarrow.dry-eye_nextarrow .Mbo-eyeshore:hover p {
            opacity: 1
        }

        .Nxt-Pgarrow.dry-eye_nextarrow .Mbo-eyeshore:hover img {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

@media (min-width:1441px) {
    .DE-feelWatery {
        height: 762px
    }
}

@media (min-width:1921px) {
    .DE-feelWatery {
        background-image: url(/siteassets/img/img-1440x564-De-feelWatery.png) !important;
        background-size: 3000px;
        background-repeat: no-repeat !important;
        background-position: center
    }

        .DE-feelWatery .feel-wat {
            padding-left: 20px
        }
}

@media (min-width:1200px) and (max-width:1399px) {
    .DE_feel-like .scroll-wrapper {
        height: 454px
    }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active {
            height: 410px;
            width: 410px;
            left: 348px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.prev-2 {
            height: 99px;
            width: 99px;
            top: 311px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.next-2 {
            height: 99px;
            width: 99px;
            left: 996px;
            top: 213px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.prev-1 {
            height: 205px;
            width: 205px;
            left: 118px;
            top: 205px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.next-1 {
            height: 205px;
            width: 205px;
            left: 783px
        }

    .DE_feel-like .btn {
        left: 783px;
        top: 252px
    }

    .DE_feel-like .next-btn {
        left: 855px
    }

    .DE_feel-like .left-curvebox {
        width: 114px;
        height: 144px;
        left: -105px;
        bottom: 120px
    }

    .DE_feel-like .center-curvebox {
        width: 89px;
        height: 89px;
        right: 138px;
        bottom: 44px
    }

    .DE_feel-like .right-curvebox {
        width: 89px;
        height: 89px;
        bottom: 44px
    }

    .DE-feelWatery .feel-wat {
        padding-left: 40px
    }

    .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item p {
        font-size: 42px
    }
}

@media (min-width:1500px) and (max-width:1850px) {
    .DE-feelWatery .feel-wat {
        padding-left: 130px
    }

    .DE-feelWatery {
        background-position: center
    }
}

@media (min-width:1441px) and (max-width:1500px) {
    .DE-feelWatery .feel-wat {
        padding-left: 166px
    }

    .DE-feelWatery {
        background-position: center
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    .DE-feelWatery .feel-wat {
        padding-left: 120px
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .DE-feelWatery {
        background-size: 1587px;
        background-repeat: no-repeat !important;
        background-position: -191px center
    }

    .banr_DryeyeMbo {
        background-size: cover !important
    }

    .DE_feel-like .scroll-wrapper {
        height: 389px
    }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.active {
            height: 345px;
            width: 345px;
            left: 299px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.prev-2 {
            height: 83px;
            width: 83px;
            top: 262px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.next-2 {
            height: 83px;
            width: 83px;
            left: 849px;
            top: 180px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.prev-1 {
            height: 172px;
            width: 172px;
            left: 102px;
            top: 173px
        }

        .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item.next-1 {
            height: 172px;
            width: 172px;
            left: 669px
        }

    .DE_feel-like .btn {
        left: 669px;
        top: 212px
    }

    .DE_feel-like .next-btn {
        left: 741px
    }

    .DE_feel-like .left-curvebox {
        width: 95px;
        height: 95px;
        left: -90px;
        bottom: 137px
    }

    .DE_feel-like .center-curvebox {
        width: 78px;
        height: 78px;
        right: 108px;
        bottom: 44px
    }

    .DE_feel-like .right-curvebox {
        width: 78px;
        height: 78px;
        bottom: 44px
    }

    .DE_feel-like .scroll-wrapper .scroll-inner-wrapper .item p {
        font-size: 35px
    }
}

@media (max-width:991px) {
    .banr_DryeyeMbo {
        background-image: linear-gradient(91deg,#007EB8 0.37%,#269AD1 99.43%) !important;
        padding-top: 133px;
        padding-bottom: unset
    }

        .banr_DryeyeMbo h1 {
            font-size: 38px;
            line-height: 42px;
            text-align: center;
            margin: auto;
            max-width: 305px;
            padding-top: 9px
        }

        .banr_DryeyeMbo p {
            font-size: 18px;
            line-height: 26px;
            text-align: center;
            margin: auto;
            margin-top: 16px;
            position: relative;
            z-index: 1
        }

        .banr_DryeyeMbo .mob-banimg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .banr_DryeyeMbo .mob-banimg img {
                max-width: 375px;
                width: 100%
            }

    .cau-symptom {
        padding-top: 48px;
        padding-bottom: 40px
    }

        .cau-symptom h2 {
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 16px
        }

        .cau-symptom h5 {
            margin-top: unset
        }

        .cau-symptom h6 {
            margin-top: 32px
        }

        .cau-symptom p {
            font-size: 18px;
            line-height: 26px
        }

            .cau-symptom p.p-gritty {
                font-size: 18px;
                margin-bottom: 24px
            }

        .cau-symptom .tear-evap.enog-tear {
            margin-top: 48px
        }

            .cau-symptom .tear-evap.enog-tear .card-img {
                max-width: 240px;
                margin-left: -25px;
                padding-bottom: 0px;
                position: relative;
                top: 0px
            }

    .about-miebo-slider-mob {
        overflow: hidden;
        margin-bottom: 0px;
        position: relative;
        background: #400286
    }

        .about-miebo-slider-mob .Dryeye-headline h2 {
            padding-top: 48PX;
            padding-bottom: 10px;
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px
        }

            .about-miebo-slider-mob .Dryeye-headline h2 span {
                display: block
            }

        .about-miebo-slider-mob .Dryeye-headline P {
            color: #FFF;
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            padding-bottom: 23px
        }

            .about-miebo-slider-mob .Dryeye-headline P span {
                color: inherit;
                font-weight: 700
            }

        .about-miebo-slider-mob .mySwiper {
            -webkit-mask-image: unset;
            mask-image: unset;
            margin-bottom: 0px;
            overflow: visible
        }

            .about-miebo-slider-mob .mySwiper .scroll-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: 25px;
                padding: 0;
                background: #400286;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                gap: 8px;
                max-width: 272px
            }

                .about-miebo-slider-mob .mySwiper .scroll-item .card_img {
                    background: #400286
                }

                    .about-miebo-slider-mob .mySwiper .scroll-item .card_img img {
                        max-width: 100%;
                        height: auto;
                        transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
                        -webkit-transform: scale(1.05);
                        transform: scale(1.05)
                    }

                .about-miebo-slider-mob .mySwiper .scroll-item h6 {
                    overflow: hidden;
                    color: #FFF;
                    text-align: center;
                    text-shadow: 0px 4.633px 23.164px rgba(0,0,0,0.25);
                    font-family: Poppins;
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 36px;
                    background: unset;
                    padding-top: 16px;
                    padding-bottom: 54px
                }

                .about-miebo-slider-mob .mySwiper .scroll-item.swiper-slide-active .card_img img {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

        .about-miebo-slider-mob .swiper-pagination {
            position: relative;
            top: -1px !important;
            bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 8px
        }

            .about-miebo-slider-mob .swiper-pagination .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
                border-radius: 200px;
                background: rgba(255,255,255,0.3);
                margin: unset;
                opacity: 1
            }

                .about-miebo-slider-mob .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    background: #fff;
                    width: 32px
                }

        .about-miebo-slider-mob .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: unset
        }

        .about-miebo-slider-mob .nextprev-btns {
            position: relative;
            max-width: 360px;
            margin: auto;
            margin-top: 54px
        }

            .about-miebo-slider-mob .nextprev-btns .swiper-button-prev {
                width: unset;
                position: absolute;
                top: -59px;
                left: 0
            }

                .about-miebo-slider-mob .nextprev-btns .swiper-button-prev:after {
                    content: "";
                    background: url(/siteassets/img/icon-48x48-dry-eye-mob-arrow.svg);
                    background-size: 64px;
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 48px;
                    height: 48px;
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

                .about-miebo-slider-mob .nextprev-btns .swiper-button-prev:hover:after {
                    background-image: url(/siteassets/img/icon-48x48-dry-eye-mob-arrow-hover.svg)
                }

            .about-miebo-slider-mob .nextprev-btns .swiper-button-next {
                width: unset;
                position: absolute;
                top: -59px;
                right: 0
            }

                .about-miebo-slider-mob .nextprev-btns .swiper-button-next:after {
                    content: "";
                    background: url(/siteassets/img/icon-48x48-dry-eye-mob-arrow.svg);
                    background-size: 64px;
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 48px;
                    height: 48px
                }

                .about-miebo-slider-mob .nextprev-btns .swiper-button-next:hover:hover:after {
                    background-image: url(/siteassets/img/icon-48x48-dry-eye-mob-arrow-hover.svg)
                }

    .DE-experience {
        padding-top: 40px;
        padding-bottom: 56px
    }

        .DE-experience h3 {
            color: #FFF;
            text-align: center;
            font-size: 28px;
            font-weight: 400;
            line-height: 36px;
            margin-bottom: 48px
        }

            .DE-experience h3 span {
                font-size: 28px;
                line-height: 36px
            }

        .DE-experience ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 64px
        }

    .DE-feelWatery {
        background-image: url(/siteassets/img/img-375x754-de-feelwateryMob.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center;
        padding-top: 27px;
        padding-bottom: 429px;
        position: relative;
        overflow: hidden;
        height: 700px
    }

        .DE-feelWatery:after {
            content: "";
            position: absolute;
            top: 40px;
            left: 50%;
            width: 100%;
            height: 41%;
            border-radius: 50%;
            -webkit-transform-origin: bottom;
            transform-origin: bottom;
            -webkit-transform: translateX(-50%) scale(3);
            transform: translateX(-50%) scale(3);
            background: #007BC1
        }

        .DE-feelWatery .feel-wat {
            position: relative;
            z-index: 1;
            padding-left: unset
        }

        .DE-feelWatery h3 {
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 16px
        }

        .DE-feelWatery h2 {
            font-size: 28px;
            line-height: 36px
        }

        .DE-feelWatery p {
            font-size: 18px;
            line-height: 26px
        }
}

@media (max-width:390px) {
    .cau-symptom p.enough_p {
        max-width: 310px
    }

    .DE-feelWatery h3 {
        max-width: 290px
    }

    .banr_DryeyeMbo h1 {
        max-width: 250px
    }
}

.banner-exp {
    background: #400286;
    background-image: url(/siteassets/img/img-1440x550-exp-banner.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center bottom;
    padding-top: 326px;
    padding-bottom: 169px
}

    .banner-exp h1 {
        font-size: 52px;
        line-height: 65px;
        font-weight: 700;
        font-family: "Poppins",sans-serif;
        color: #FFFFFF;
        padding-bottom: 24px
    }

    .banner-exp p {
        font-size: 18px;
        line-height: 26px;
        font-family: "Poppins",sans-serif;
        font-weight: 400;
        color: #FFFFFF
    }

#video.video-ad {
    padding-top: 50px
}

.carousel-section {
    overflow: hidden
}

    .carousel-section #carouselExampleIndicators .carousel-inner {
        position: relative
    }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item.active .blue-circe-icn {
            width: 139px;
            height: 139px
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item.active .blue-circe-icn.blu-circ-anim {
                -webkit-animation: booomani 1s cubic-bezier(0.41,0.005,0.095,1.05);
                animation: booomani 1s cubic-bezier(0.41,0.005,0.095,1.05)
            }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .blue-circe-icn {
            position: absolute;
            z-index: 99;
            background-color: #007BC1;
            border-radius: 50%;
            right: 28px;
            top: 236px;
            -webkit-transition: -webkit-transform 0.2s ease-in-out;
            transition: -webkit-transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out;
            transition: transform 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .blue-circe-icn.scaling {
                -webkit-transform: scale(1.2);
                transform: scale(1.2)
            }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .blue-circe-icn img {
                width: 139px;
                height: 139px
            }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item img {
            height: auto;
            width: 100%;
            position: relative
        }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption {
            background: url(/siteassets/img/img-947x947-half-circle.png);
            background-size: contain;
            height: 545px;
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            width: 813px;
            overflow: hidden;
            padding-left: 120px;
            padding-top: 120px;
            padding-bottom: 0;
            top: 0
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-two {
                left: -95px;
                padding-left: 260px
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-two .carousel-indicators {
                    left: 258px;
                    z-index: 0
                }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-three {
                left: -95px;
                padding-left: 260px
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-three .carousel-indicators {
                    left: 258px;
                    z-index: 0
                }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption h2 {
                padding: 0px 0 15px;
                font-size: 48px;
                line-height: 56px;
                font-weight: 700;
                color: #FFFFFF;
                text-align: left
            }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p {
                text-align: left;
                font-size: 18px;
                line-height: 26px;
                font-weight: 400;
                color: #FFFFFF
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p strong {
                    font-weight: 700;
                    color: #FFFFFF
                }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p.footnote {
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 400;
                    padding-top: 148px;
                    text-indent: -5px;
                    padding-left: 8px
                }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .carousel-indicators {
                left: 163px;
                top: 275px;
                right: unset;
                margin: unset;
                z-index: 0
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .carousel-indicators li {
                    width: 26px;
                    height: 8px;
                    background-color: rgba(0,0,0,0.5019607843)
                }

                    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .carousel-indicators li.active {
                        width: 68px;
                        height: 8px;
                        border-radius: 10px;
                        background-color: #fff
                    }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .directions {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding-top: 70px
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .directions a {
                    width: unset;
                    position: unset
                }

                    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .directions a.carousel-control-next {
                        margin-left: 50px;
                        opacity: 1
                    }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-indicators {
            position: absolute;
            right: unset;
            bottom: unset;
            left: 120px;
            z-index: 2;
            top: 274px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0;
            margin: 0;
            list-style: none;
            gap: 9px
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-indicators li {
                height: 8px;
                width: 26px;
                border-radius: 200px;
                background: rgba(0,0,0,0.5);
                border: 0;
                margin: 0
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-indicators li.active {
                    width: 68px;
                    background: var(--White,#FFF)
                }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-next {
            width: 48px;
            right: unset;
            height: 48px;
            left: 192px;
            top: 320px;
            opacity: 1
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-next img {
                visibility: hidden
            }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-next span {
                position: relative
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-next span:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    background-image: url("/siteassets/img/img-48x48-arrow-exp.svg");
                    background-repeat: no-repeat;
                    background-size: 48px;
                    background-position: center;
                    -webkit-transition: background-image 0.5s ease-in-out;
                    transition: background-image 0.5s ease-in-out
                }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-next:hover span:after {
                background-image: url("/siteassets/img/img-48x48-arrow-exp-hover.svg")
            }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-prev {
            width: 48px;
            height: 48px;
            left: 120px;
            top: 320px
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-prev img {
                visibility: hidden
            }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-prev span {
                position: relative
            }

                .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-prev span:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    background-image: url("/siteassets/img/img-48x48-arrow-expprev.png");
                    background-size: 48px;
                    background-repeat: no-repeat;
                    background-position: center;
                    -webkit-transition: background-image 0.5s ease-in-out;
                    transition: background-image 0.5s ease-in-out
                }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-prev:hover span:after {
                background-image: url("/siteassets/img/img-48x48-arrow-expprev.png")
            }

.Nxt-Pgarrow.miebo-diffe .content p {
    max-width: 600px
}

    .Nxt-Pgarrow.miebo-diffe .content p.studies {
        display: none
    }

    .Nxt-Pgarrow.miebo-diffe .content p.terms {
        margin-top: 40px
    }

.Nxt-Pgarrow .terms {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 40px;
    text-indent: -8px;
    max-width: 1100px;
    margin: 80px auto 0
}

    .Nxt-Pgarrow .terms a {
        font-weight: 700
    }

        .Nxt-Pgarrow .terms a:hover {
            color: unset
        }

        .Nxt-Pgarrow .terms a:focus {
            color: unset
        }

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    visibility: hidden
}

.dont-feel-worry {
    background-color: #9A84D7;
    padding: 30px 0 30px
}

    .dont-feel-worry .content .content-heading {
        color: var(--White,#FFF);
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        max-width: 316px
    }

    .dont-feel-worry .content .footnote {
        color: var(--White,#FFF);
        font-family: Poppins;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        padding-top: 31px
    }

    .dont-feel-worry .content .content-para {
        color: var(--White,#FFF);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        padding-top: 24px;
        max-width: 486px
    }

        .dont-feel-worry .content .content-para strong {
            color: var(--White,#FFF);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 26px
        }

    .dont-feel-worry .water-drops {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 115px
    }

        .dont-feel-worry .water-drops .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start;
            margin-right: 15px
        }

            .dont-feel-worry .water-drops .item h4 {
                color: var(--White,#FFF);
                font-family: Poppins;
                font-size: 22px;
                font-style: normal;
                font-weight: 700;
                line-height: 26px
            }

                .dont-feel-worry .water-drops .item h4 span {
                    display: block;
                    color: var(--White,#FFF);
                    font-family: Poppins;
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 26px;
                    padding-top: 6px
                }

            .dont-feel-worry .water-drops .item img {
                width: 29px;
                height: auto;
                position: relative;
                top: -6px;
                margin-right: 16px;
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .dont-feel-worry .water-drops .item:last-child {
                margin-right: 0;
                margin-left: 15px
            }

                .dont-feel-worry .water-drops .item:last-child img {
                    width: 55px;
                    top: -26px;
                    margin-right: 20px
                }

@media (min-width:768px) and (max-width:991px) {
    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item img.d-lg-none {
        margin-top: -29%
    }
}

@media (min-width:992px) and (max-width:1300px) {
    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption {
        width: 613px;
        padding-left: 50px;
        padding-top: 50px;
        background-size: 585px
    }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p.footnote {
            padding-top: 120px;
            padding-right: 220px
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p.footnote br {
                display: none
            }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .blue-circe-icn {
        top: 171px
    }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .blue-circe-icn img {
            width: 115px;
            height: 115px
        }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item.active .blue-circe-icn {
        width: 115px;
        height: 115px
    }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-indicators {
        left: 50px;
        top: 200px
    }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-prev {
        height: 48px;
        left: 50px;
        top: 232px
    }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-control-next {
        right: unset;
        height: 48px;
        left: 122px;
        top: 232px
    }
}

@media (min-width:1200px) {
    .banner-exp p {
        width: 530px
    }
}

@media (max-width:991px) {
    #video.video-ad {
        padding-top: 30px
    }

    .dont-feel-worry {
        padding: 48px 0 90px;
        position: relative
    }

        .dont-feel-worry .row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

        .dont-feel-worry .content .content-heading {
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px;
            max-width: 250px;
            margin: auto
        }

        .dont-feel-worry .content .footnote {
            text-align: center;
            position: absolute;
            bottom: 30px;
            left: 0;
            width: 100%
        }

        .dont-feel-worry .content .content-para {
            margin: auto;
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px
        }

            .dont-feel-worry .content .content-para strong {
                color: var(--White,#FFF);
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 700;
                line-height: 26px;
                padding-top: 24PX
            }

        .dont-feel-worry .water-drops {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-top: 59px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .dont-feel-worry .water-drops .item {
                margin-left: 0;
                margin-right: 0
            }

                .dont-feel-worry .water-drops .item:last-child {
                    margin-top: 62px;
                    margin-left: 0;
                    margin-right: 0
                }

    .sticky-slider-mobile {
        overflow: hidden
    }

        .sticky-slider-mobile .container {
            padding: 0
        }

        .sticky-slider-mobile .scrollable-content {
            width: 100%;
            overflow: auto;
            padding: 0 0 0 0px
        }

            .sticky-slider-mobile .scrollable-content::-webkit-scrollbar {
                display: none
            }

        .sticky-slider-mobile::-webkit-scrollbar {
            display: none
        }

        .sticky-slider-mobile h1 {
            font-size: 28px;
            line-height: 36px;
            font-weight: 700;
            color: #400286;
            margin-bottom: 16px;
            padding-top: 48px;
            margin-right: 18px;
            padding-left: 18px
        }

            .sticky-slider-mobile h1 em {
                color: #400286
            }

        .sticky-slider-mobile p.common-content-para {
            font-size: 16px;
            font-weight: 500;
            color: #232323;
            line-height: 22px;
            margin-bottom: 32px;
            margin-right: 18px;
            padding-left: 18px
        }

            .sticky-slider-mobile p.common-content-para strong {
                color: #400286;
                text-decoration: none
            }

            .sticky-slider-mobile p.common-content-para a {
                text-decoration: none
            }

        .sticky-slider-mobile .mob-sticky-slider {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 1940px;
            margin-left: 18px
        }

            .sticky-slider-mobile .mob-sticky-slider .block {
                width: 290px;
                margin-right: 32px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 555px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .sticky-slider-mobile .mob-sticky-slider .block .top-section {
                    height: 182px
                }

                .sticky-slider-mobile .mob-sticky-slider .block h2 {
                    font-size: 24px;
                    color: #400286;
                    font-weight: 700;
                    line-height: 32px;
                    margin-bottom: 16px
                }

                .sticky-slider-mobile .mob-sticky-slider .block p.text {
                    font-size: 18px;
                    line-height: 26px;
                    color: #232323;
                    margin-bottom: 8px
                }

                    .sticky-slider-mobile .mob-sticky-slider .block p.text.mb-8 {
                        margin-bottom: 8px
                    }

                .sticky-slider-mobile .mob-sticky-slider .block img {
                    width: 100%
                }

    .banner-exp {
        background: #400286;
        background-image: url(/siteassets/img/img-375-650-exp-banner-mob.png) !important;
        background-size: cover;
        height: 645px;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-top: 126px;
        padding-bottom: unset
    }

        .banner-exp h1 {
            font-size: 38px;
            line-height: 42px;
            font-weight: 700;
            text-align: center;
            padding-top: 22px
        }

        .banner-exp p {
            font-size: 18px;
            line-height: 26px;
            font-weight: 400;
            text-align: center;
            padding: 0 20px
        }

        .banner-exp .container {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: start
        }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption {
        background: url(/siteassets/img/img-947x947-half-circle-mob.png) !important;
        background-repeat: no-repeat !important;
        width: 100%;
        padding-left: 0;
        top: -1px;
        padding-top: 0;
        background-size: 100% 60% !important
    }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption .blue-circe-icn {
            display: none
        }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption h2 {
            font-size: 28px;
            line-height: 36px;
            font-weight: 700;
            padding: 27px 0 16px;
            text-align: center
        }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p {
            text-align: center;
            max-width: 345px;
            margin: auto
        }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-two {
            padding: 0 20px;
            width: 600px
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-two .carousel-indicators {
                left: 218px;
                top: 195px
            }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-three {
            padding: 0 20px;
            width: 600px;
            top: -1px
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption.sl-three .carousel-indicators {
                left: 218px;
                top: 195px
            }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item p.footnote {
        color: #FFF;
        background: #400286;
        padding-top: 16px;
        max-width: unset;
        text-align: left;
        padding: 16px 18px 36px 25px;
        text-indent: -7px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px
    }

    .carousel-section #carouselExampleIndicators .carousel-inner .carousel-indicators {
        top: 190px;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .carousel-section #carouselExampleIndicators .carousel-inner .directions {
        position: absolute;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 252px;
        left: 50%;
        width: 135px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .carousel-section #carouselExampleIndicators .carousel-inner .directions .carousel-control-next {
            position: unset;
            opacity: 1
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .directions .carousel-control-next:hover span:after {
                background-image: none
            }

            .carousel-section #carouselExampleIndicators .carousel-inner .directions .carousel-control-next img {
                visibility: unset
            }

        .carousel-section #carouselExampleIndicators .carousel-inner .directions .carousel-control-prev {
            position: unset
        }

            .carousel-section #carouselExampleIndicators .carousel-inner .directions .carousel-control-prev img {
                visibility: unset
            }

    .Nxt-Pgarrow.miebo-diffe {
        padding-top: 36px;
        padding-bottom: 32px
    }

        .Nxt-Pgarrow.miebo-diffe .content p.studies {
            font-size: 15px;
            line-height: 20px;
            font-weight: 400;
            margin-bottom: 72px;
            text-indent: -7px;
            display: block
        }

        .Nxt-Pgarrow.miebo-diffe .content h4 {
            font-size: 24px;
            line-height: 32px;
            font-weight: 700
        }

        .Nxt-Pgarrow.miebo-diffe p {
            font-size: 18px;
            line-height: 26px;
            font-weight: 400
        }

            .Nxt-Pgarrow.miebo-diffe p.terms {
                font-size: 15px;
                line-height: 20px;
                font-weight: 400;
                margin-top: 24px;
                padding-left: 8px
            }

    #videoBlock.video-ad {
        padding-bottom: 48px
    }

        #videoBlock.video-ad .container {
            padding: 0
        }

            #videoBlock.video-ad .container h1 {
                font-size: 24px;
                padding: 0 12px;
                margin-bottom: 32px
            }

            #videoBlock.video-ad .container .accordian-wrapper .acc-wrapper {
                background: none;
                padding-top: 32px
            }

                #videoBlock.video-ad .container .accordian-wrapper .acc-wrapper #transcription-content .card-body {
                    border-radius: 0;
                    padding-left: 18px;
                    padding-right: 12px
                }

                #videoBlock.video-ad .container .accordian-wrapper .acc-wrapper .title-btn-wrapper {
                    margin-bottom: 0
                }

                    #videoBlock.video-ad .container .accordian-wrapper .acc-wrapper .title-btn-wrapper .action-btns {
                        margin-bottom: 32px
                    }

                        #videoBlock.video-ad .container .accordian-wrapper .acc-wrapper .title-btn-wrapper .action-btns .video-btn {
                            display: none
                        }
}

@media (max-width:390px) {
    .sticky-slider-mobile h1 {
        max-width: 250px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .Nxt-Pgarrow.miebo-diffe .content {
        max-width: 430px
    }
}

body > img {
    display: none
}

.go-with-miebo-wrapper .wistia_responsive_wrapper {
    width: 101.3% !important
}

.go-with-miebo-wrapper #goWithMiebo {
    min-height: 100%
}

.go-with-miebo-wrapper .img-wrap {
    position: relative;
    margin-top: 50px
}

    .go-with-miebo-wrapper .img-wrap:before {
        content: "";
        border: 10px solid red;
        border: 10px solid white;
        width: calc(100% + 5px);
        height: calc(100% + 25px);
        display: block;
        background: unset;
        position: absolute;
        bottom: -8px;
        left: 0;
        z-index: 5;
        margin-left: -2px
    }

.go-with-miebo-wrapper .img-sec {
    height: 100%;
    position: relative;
    overflow: hidden
}

    .go-with-miebo-wrapper .img-sec img {
        max-width: 100%;
        max-height: calc(100% - 50px);
        position: absolute;
        bottom: 0;
        right: 0
    }

    .go-with-miebo-wrapper .img-sec .overlay-img {
        top: 0px;
        position: absolute;
        z-index: 1;
        width: calc(100% + 1px)
    }

        .go-with-miebo-wrapper .img-sec .overlay-img img {
            position: relative;
            top: auto;
            bottom: auto;
            max-height: none;
            padding: 0 7px
        }

.go-with-miebo-wrapper .control-wrapper {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .go-with-miebo-wrapper .control-wrapper .directions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-next, .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-prev {
            opacity: 1;
            top: auto;
            bottom: auto;
            left: auto;
            height: 48px;
            width: 48px;
            position: relative
        }

            .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-next:after, .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-prev:after {
                position: absolute;
                top: 0;
                left: 0;
                width: 48px;
                height: 48px;
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out
            }

            .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-next:hover:after, .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-prev:hover:after {
                position: absolute;
                top: 0;
                left: 0;
                width: 48px;
                height: 48px;
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out
            }

            .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-next:after {
                content: "";
                background: url(/siteassets/img/img-24x24-default-next-icon.svg) no-repeat center
            }

            .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-next:hover:after {
                content: "";
                background: url(/siteassets/img/img-24x24-blue-next-icon.svg) no-repeat center
            }

            .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-prev:after {
                content: "";
                background: url(/siteassets/img/img-24x24-default-prev-icon.svg) no-repeat center
            }

            .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-prev:hover:after {
                content: "";
                background: url(/siteassets/img/img-24x24-blue-prev-icon.svg) no-repeat center
            }

        .go-with-miebo-wrapper .control-wrapper .directions .carousel-control-next {
            margin-left: 24px
        }

    .go-with-miebo-wrapper .control-wrapper .carousel-indicators {
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0;
        position: relative;
        margin-bottom: 19px
    }

        .go-with-miebo-wrapper .control-wrapper .carousel-indicators li {
            background: #DED8FF;
            height: 8px;
            border-radius: 200px;
            width: 26px;
            border: none
        }

            .go-with-miebo-wrapper .control-wrapper .carousel-indicators li.active {
                width: 68px;
                background: #400286
            }

.go-with-miebo-wrapper .content {
    padding-top: 100px;
    background: white
}

    .go-with-miebo-wrapper .content h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        color: #400286;
        margin-bottom: 24px
    }

    .go-with-miebo-wrapper .content h3 {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        color: #400286;
        margin-bottom: 16px
    }

    .go-with-miebo-wrapper .content ul {
        padding-left: 30px
    }

        .go-with-miebo-wrapper .content ul li {
            font-size: 18px;
            line-height: 26px;
            color: #232323;
            list-style-type: disc
        }

    .go-with-miebo-wrapper .content p {
        font-size: 18px;
        line-height: 26px;
        color: #232323;
        margin-bottom: 25px
    }

        .go-with-miebo-wrapper .content p a {
            text-decoration: underline;
            font-weight: bold;
            color: #400286;
            cursor: pointer
        }

            .go-with-miebo-wrapper .content p a:hover {
                color: #400286;
                text-decoration: none
            }

#significantWrapper {
    overflow: hidden
}

    #significantWrapper .blu-img-wrap {
        position: absolute;
        top: 122px;
        left: calc(50% + 350px);
        width: 150px;
        z-index: 9
    }

        #significantWrapper .blu-img-wrap img {
            width: 100%
        }

    #significantWrapper .girl-img {
        position: absolute;
        top: 0 !important;
        height: 100%;
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease
    }

        #significantWrapper .girl-img .img-wrap {
            overflow: visible !important;
            width: 50%;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 100%
        }

            #significantWrapper .girl-img .img-wrap img {
                position: absolute;
                bottom: 0;
                width: 100%;
                max-width: 100%
            }

    #significantWrapper .carousel-item.active {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }

    #significantWrapper > .container {
        max-width: none;
        padding: 0;
        background: #9A84D7
    }

        #significantWrapper > .container .container {
            position: absolute;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            top: 30%;
            left: 50%
        }

            #significantWrapper > .container .container.control-wrapper {
                top: auto;
                bottom: 10%;
                z-index: 1
            }

                #significantWrapper > .container .container.control-wrapper .carousel-control-next, #significantWrapper > .container .container.control-wrapper .carousel-control-prev {
                    opacity: 1;
                    height: 48px;
                    width: 48px;
                    position: relative
                }

                    #significantWrapper > .container .container.control-wrapper .carousel-control-next:after, #significantWrapper > .container .container.control-wrapper .carousel-control-prev:after {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 48px;
                        height: 48px;
                        -webkit-transition: background 0.5s ease-in-out;
                        transition: background 0.5s ease-in-out
                    }

                    #significantWrapper > .container .container.control-wrapper .carousel-control-next:hover:after, #significantWrapper > .container .container.control-wrapper .carousel-control-prev:hover:after {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 48px;
                        height: 48px;
                        -webkit-transition: background 0.5s ease-in-out;
                        transition: background 0.5s ease-in-out
                    }

                    #significantWrapper > .container .container.control-wrapper .carousel-control-next:after {
                        content: "";
                        background: url(/siteassets/img/img-24x24-default-next-icon.svg) no-repeat center
                    }

                    #significantWrapper > .container .container.control-wrapper .carousel-control-next:hover:after {
                        content: "";
                        background: url(/siteassets/img/img-24x24-blue-next-icon.svg) no-repeat center
                    }

                    #significantWrapper > .container .container.control-wrapper .carousel-control-prev:after {
                        content: "";
                        background: url(/siteassets/img/img-24x24-default-prev-icon.svg) no-repeat center
                    }

                    #significantWrapper > .container .container.control-wrapper .carousel-control-prev:hover:after {
                        content: "";
                        background: url(/siteassets/img/img-24x24-blue-prev-icon.svg) no-repeat center
                    }

                #significantWrapper > .container .container.control-wrapper .carousel-control-next {
                    margin-left: 24px
                }

                #significantWrapper > .container .container.control-wrapper .carousel-indicators {
                    position: relative;
                    left: auto;
                    right: auto;
                    width: 50%;
                    margin: 0 0 19px
                }

                    #significantWrapper > .container .container.control-wrapper .carousel-indicators li {
                        background: #DED8FF;
                        height: 8px;
                        border-radius: 200px;
                        width: 26px;
                        border: none
                    }

                        #significantWrapper > .container .container.control-wrapper .carousel-indicators li.active {
                            width: 68px;
                            background: #400286
                        }

                #significantWrapper > .container .container.control-wrapper .inner-wrapper {
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
                    padding-right: 19%;
                    -webkit-box-align: end;
                    -ms-flex-align: end;
                    align-items: flex-end;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column
                }

                    #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions {
                        width: 50%;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                        #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions .carousel-control-next, #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions .carousel-control-prev {
                            position: relative;
                            top: auto;
                            left: auto;
                            right: auto
                        }

    #significantWrapper .slide-image {
        width: 100%;
        max-width: 1440px;
        margin: 0 auto
    }

    #significantWrapper .content-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 12%;
        margin-top: -13px
    }

        #significantWrapper .content-wrapper .content {
            width: 50%
        }

        #significantWrapper .content-wrapper h2 {
            font-size: 24px;
            font-weight: 500;
            line-height: 32px;
            color: #400286;
            margin-bottom: 18px
        }

        #significantWrapper .content-wrapper h3 {
            font-size: 48px;
            font-weight: 700;
            line-height: 56px;
            color: #400286;
            margin-bottom: 18px;
            width: 550px
        }

        #significantWrapper .content-wrapper p {
            font-size: 18px;
            line-height: 26px;
            color: #232323;
            margin-bottom: 18px
        }

            #significantWrapper .content-wrapper p.footnote {
                font-size: 15px;
                line-height: 20px;
                text-indent: -7px
            }

.go-with-miebo-wrapper .carousel-inner {
    overflow: visible
}

@media screen and (max-width:991px) {
    .go-with-miebo-wrapper .control-wrapper {
        bottom: 20px;
        width: 100%
    }

    .go-with-miebo-wrapper #goWithMiebo {
        min-height: 100%
    }

    .go-with-miebo-wrapper .carousel-inner {
        padding-bottom: 120px
    }

        .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
            height: 455px
        }

    .go-with-miebo-wrapper .img-sec {
        padding-top: 0px;
        height: 100%;
        position: relative;
        overflow: hidden
    }

        .go-with-miebo-wrapper .img-sec img {
            max-width: 100%;
            max-height: none;
            position: relative;
            bottom: 0;
            right: 0
        }

        .go-with-miebo-wrapper .img-sec .overlay-img {
            top: 0px;
            position: absolute;
            z-index: 1
        }

            .go-with-miebo-wrapper .img-sec .overlay-img img {
                position: relative;
                top: auto;
                bottom: auto;
                max-height: none
            }

    .go-with-miebo-wrapper .content {
        padding-top: 45px
    }

        .go-with-miebo-wrapper .content h1 {
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            color: #400286;
            margin-bottom: 24px
        }

        .go-with-miebo-wrapper .content h2 {
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            color: #400286;
            margin-bottom: 16px
        }

        .go-with-miebo-wrapper .content ul li {
            font-size: 16px;
            line-height: 26px;
            color: #232323;
            font-weight: 500;
            list-style-type: disc
        }

        .go-with-miebo-wrapper .content p {
            font-size: 16px;
            line-height: 26px;
            color: #232323;
            margin-bottom: 16px;
            font-weight: 500
        }

            .go-with-miebo-wrapper .content p a {
                text-decoration: underline;
                font-weight: bold;
                color: #400286;
                cursor: pointer
            }

                .go-with-miebo-wrapper .content p a:hover {
                    color: #400286;
                    text-decoration: none
                }

    #significantWrapper > .container {
        left: 0;
        -webkit-transform: none;
        transform: none
    }

        #significantWrapper > .container .container {
            top: 50px;
            left: auto;
            -webkit-transform: none;
            transform: none
        }

            #significantWrapper > .container .container.control-wrapper {
                top: auto;
                bottom: 52%;
                z-index: 1
            }

                #significantWrapper > .container .container.control-wrapper .carousel-indicators {
                    width: 100%
                }

                #significantWrapper > .container .container.control-wrapper .inner-wrapper {
                    padding-right: 0
                }

                    #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions {
                        width: 100%
                    }

    #significantWrapper .slide-image {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto
    }

    #significantWrapper .content-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: center;
        padding-right: 0%
    }

        #significantWrapper .content-wrapper .content {
            width: 100%
        }

        #significantWrapper .content-wrapper h2 {
            font-size: 18px;
            font-weight: 500;
            line-height: 26px;
            color: #400286;
            margin-bottom: 18px
        }

        #significantWrapper .content-wrapper h3 {
            font-size: 28px;
            font-weight: 700;
            line-height: 36px;
            color: #400286;
            margin-bottom: 18px;
            width: 100%
        }

        #significantWrapper .content-wrapper p {
            font-size: 15px;
            line-height: 20px;
            color: #232323;
            margin-bottom: 18px
        }

            #significantWrapper .content-wrapper p.footnote {
                font-size: 12px;
                line-height: 17px
            }
}

@media screen and (max-width:400px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 48%
    }
}

@media screen and (max-width:374px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 44%
    }
}

@media screen and (min-width:768px) and (max-width:799px) {
    #significantWrapper {
        overflow: hidden
    }

        #significantWrapper > .container {
            max-width: none;
            padding: 0;
            background: #9A84D7
        }

            #significantWrapper > .container .container.control-wrapper {
                bottom: 63%
            }

        #significantWrapper .slide-image {
            margin: -77% auto 0
        }

        #significantWrapper .content-wrapper {
            padding-left: 12%;
            padding-right: 4%
        }

            #significantWrapper .content-wrapper h2 {
                font-size: 24px;
                font-weight: 500;
                line-height: 32px;
                color: #400286;
                margin-bottom: 18px
            }

            #significantWrapper .content-wrapper h3 {
                font-size: 48px;
                font-weight: 700;
                line-height: 56px;
                color: #400286;
                margin-bottom: 18px
            }

            #significantWrapper .content-wrapper p {
                font-size: 18px;
                line-height: 26px;
                color: #232323;
                margin-bottom: 18px
            }

                #significantWrapper .content-wrapper p.footnote {
                    font-size: 15px;
                    line-height: 20px
                }
}

@media screen and (min-width:800px) and (max-width:991px) {
    #significantWrapper {
        overflow: hidden
    }

        #significantWrapper > .container {
            max-width: none;
            padding: 0;
            background: #9A84D7
        }

            #significantWrapper > .container .container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                max-width: 100%
            }

                #significantWrapper > .container .container.control-wrapper {
                    bottom: 66%
                }

        #significantWrapper .slide-image {
            margin: -65% auto 0
        }

        #significantWrapper .content-wrapper {
            padding-left: 0;
            padding-right: 0;
            max-width: 515px
        }

            #significantWrapper .content-wrapper h2 {
                font-size: 24px;
                font-weight: 500;
                line-height: 32px;
                color: #400286;
                margin-bottom: 18px
            }

            #significantWrapper .content-wrapper h3 {
                font-size: 48px;
                font-weight: 700;
                line-height: 56px;
                color: #400286;
                margin-bottom: 18px
            }

            #significantWrapper .content-wrapper p {
                font-size: 18px;
                line-height: 26px;
                color: #232323;
                margin-bottom: 18px
            }

                #significantWrapper .content-wrapper p.footnote {
                    font-size: 15px;
                    line-height: 20px
                }
}

@media screen and (min-width:800px) and (max-width:850px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 62%
    }
}

@media screen and (min-width:992px) and (max-width:1440px) {
    .go-with-miebo-wrapper .content {
        padding-top: 100px
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    #significantWrapper .blu-img-wrap {
        top: 130px;
        left: calc(50% + 345px);
        width: 125px
    }
}

@media screen and (min-width:992px) and (max-width:1366px) {
    .go-with-miebo-wrapper .content {
        padding-top: 100px
    }

    .go-with-miebo-wrapper .control-wrapper {
        bottom: 5%
    }

    #significantWrapper > .container .container {
        top: 25%
    }

        #significantWrapper > .container .container.control-wrapper {
            top: auto;
            bottom: 10%;
            z-index: 1
        }

            #significantWrapper > .container .container.control-wrapper .inner-wrapper {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                padding-right: 19%;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions {
                    width: 50%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions .carousel-control-next, #significantWrapper > .container .container.control-wrapper .inner-wrapper .directions .carousel-control-prev {
                        position: relative;
                        top: auto;
                        left: auto;
                        right: auto
                    }

    #significantWrapper .slide-image {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto
    }

    #significantWrapper .content-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 12%
    }

        #significantWrapper .content-wrapper .content {
            width: 50%
        }

        #significantWrapper .content-wrapper h2 {
            font-size: 20px;
            font-weight: 500;
            line-height: 28px;
            color: #400286;
            margin-bottom: 18px
        }

        #significantWrapper .content-wrapper h3 {
            font-size: 40px;
            font-weight: 700;
            line-height: 48px;
            color: #400286;
            margin-bottom: 18px
        }

        #significantWrapper .content-wrapper p {
            font-size: 16px;
            line-height: 24px;
            color: #232323;
            margin-bottom: 18px
        }

            #significantWrapper .content-wrapper p.footnote {
                font-size: 13px;
                line-height: 18px
            }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #significantWrapper .blu-img-wrap {
        top: 94px;
        left: calc(50% + 252px);
        width: 93px
    }

    #significantWrapper .slide-image {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto
    }

    #significantWrapper > .container .container.control-wrapper {
        bottom: 6%
    }

    #significantWrapper .content-wrapper h2 {
        font-size: 18px;
        line-height: 24px
    }

    #significantWrapper .content-wrapper h3 {
        font-size: 30px;
        line-height: 38px
    }

    #significantWrapper .content-wrapper p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 14px
    }

        #significantWrapper .content-wrapper p.footnote {
            font-size: 11px;
            line-height: 16px
        }
}

@media screen and (min-width:992px) {
    .go-with-miebo-wrapper .control-wrapper {
        bottom: -12%
    }

    .go-with-miebo-wrapper {
        margin-bottom: 50px
    }

    #significantWrapper > .container .container.control-wrapper .carousel-control-next:hover, #significantWrapper > .container .container.control-wrapper .carousel-control-prev:hover {
        opacity: 1
    }

        #significantWrapper > .container .container.control-wrapper .carousel-control-next:hover img.default-img, #significantWrapper > .container .container.control-wrapper .carousel-control-prev:hover img.default-img {
            opacity: 0
        }

        #significantWrapper > .container .container.control-wrapper .carousel-control-next:hover img.hover-img, #significantWrapper > .container .container.control-wrapper .carousel-control-prev:hover img.hover-img {
            opacity: 1
        }
}

@media screen and (min-width:1200px) {
    .go-with-miebo-wrapper .control-wrapper {
        bottom: -6%
    }

    .go-with-miebo-wrapper {
        margin-bottom: 0px
    }
}

@media screen and (min-width:1400px) {
    .go-with-miebo-wrapper .control-wrapper {
        bottom: 8%
    }

    .go-with-miebo-wrapper .img-wrap {
        max-width: 94%
    }
}

@media screen and (max-width:767px) {
    .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
        height: 500px
    }
}

@media screen and (max-width:576px) {
    #significantWrapper > .container .container {
        padding: 0 12px
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 49.5%
    }

    #significantWrapper .slide-image {
        margin-top: -100px
    }
}

@media screen and (min-width:450px) and (max-width:576px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 55%
    }

    #significantWrapper .slide-image {
        margin-top: -280px
    }

    .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
        height: 500px
    }
}

@media screen and (min-width:400px) and (max-width:450px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 51.5%
    }

    #significantWrapper .slide-image {
        margin-top: -100px
    }

    .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
        height: 580px
    }
}

@media screen and (min-width:389px) and (max-width:400px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 49.5%
    }

    #significantWrapper .slide-image {
        margin-top: -100px
    }

    .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
        height: 603px
    }
}

@media screen and (min-width:360px) and (max-width:389px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 48.5%
    }

    #significantWrapper .slide-image {
        margin-top: -90px
    }

    .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
        height: 610px
    }
}

@media screen and (max-width:361px) {
    #significantWrapper > .container .container.control-wrapper {
        bottom: 47%
    }

    #significantWrapper .slide-image {
        margin-top: -46px
    }

    .go-with-miebo-wrapper .carousel-inner .carousel-item .row .col-12:first-child .content {
        height: 655px
    }
}

section {
    -webkit-transition: background-color 1.5s ease;
    transition: background-color 1.5s ease;
    -webkit-transition: background 1.5s ease;
    transition: background 1.5s ease
}

.cau-symptom p {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

.cau-symptom h1, .cau-symptom h2, .cau-symptom h3, .cau-symptom h4, .cau-symptom h5, .cau-symptom h6 {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

.cau-symptom.purple {
    background-color: #400286 !important;
    background: #400286 !important
}

    .cau-symptom.purple p {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .cau-symptom.purple p span {
            color: inherit !important
        }

    .cau-symptom.purple h1, .cau-symptom.purple h2, .cau-symptom.purple h3, .cau-symptom.purple h4, .cau-symptom.purple h5, .cau-symptom.purple h6 {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .cau-symptom.purple h1 span, .cau-symptom.purple h2 span, .cau-symptom.purple h3 span, .cau-symptom.purple h4 span, .cau-symptom.purple h5 span, .cau-symptom.purple h6 span {
            color: inherit
        }

        .cau-symptom.purple h1.p-twotypes span, .cau-symptom.purple h2.p-twotypes span, .cau-symptom.purple h3.p-twotypes span, .cau-symptom.purple h4.p-twotypes span, .cau-symptom.purple h5.p-twotypes span, .cau-symptom.purple h6.p-twotypes span {
            color: #fff !important;
            -webkit-transition: color 1.5s ease;
            transition: color 1.5s ease
        }

.cau-symptom.white {
    background-color: #fff !important;
    background: #fff !important
}

    .cau-symptom.white p {
        color: #232323 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .cau-symptom.white p span {
            color: inherit !important
        }

    .cau-symptom.white h1, .cau-symptom.white h2, .cau-symptom.white h3, .cau-symptom.white h4, .cau-symptom.white h5, .cau-symptom.white h6 {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .cau-symptom.white h1 span, .cau-symptom.white h2 span, .cau-symptom.white h3 span, .cau-symptom.white h4 span, .cau-symptom.white h5 span, .cau-symptom.white h6 span {
            color: inherit
        }

        .cau-symptom.white h1.p-twotypes span, .cau-symptom.white h2.p-twotypes span, .cau-symptom.white h3.p-twotypes span, .cau-symptom.white h4.p-twotypes span, .cau-symptom.white h5.p-twotypes span, .cau-symptom.white h6.p-twotypes span {
            color: #232323 !important;
            -webkit-transition: color 1.5s ease;
            transition: color 1.5s ease
        }

.DE_feel-like p {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .DE_feel-like p span {
        color: inherit
    }

.DE_feel-like .Dryeye-headline p span {
    color: inherit
}

.DE_feel-like h1, .DE_feel-like h2, .DE_feel-like h3, .DE_feel-like h4, .DE_feel-like h5, .DE_feel-like h6 {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .DE_feel-like h1 span, .DE_feel-like h2 span, .DE_feel-like h3 span, .DE_feel-like h4 span, .DE_feel-like h5 span, .DE_feel-like h6 span {
        color: inherit
    }

.DE_feel-like.purple {
    background-color: #400286 !important;
    background: #400286 !important
}

    .DE_feel-like.purple p {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .DE_feel-like.purple h1, .DE_feel-like.purple h2, .DE_feel-like.purple h3, .DE_feel-like.purple h4, .DE_feel-like.purple h5, .DE_feel-like.purple h6 {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .DE_feel-like.purple h1 span, .DE_feel-like.purple h2 span, .DE_feel-like.purple h3 span, .DE_feel-like.purple h4 span, .DE_feel-like.purple h5 span, .DE_feel-like.purple h6 span {
            color: inherit
        }

.DE_feel-like.white {
    background-color: #fff !important;
    background: #fff !important
}

    .DE_feel-like.white p {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .DE_feel-like.white h1, .DE_feel-like.white h2, .DE_feel-like.white h3, .DE_feel-like.white h4, .DE_feel-like.white h5, .DE_feel-like.white h6 {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .DE_feel-like.white h1 span, .DE_feel-like.white h2 span, .DE_feel-like.white h3 span, .DE_feel-like.white h4 span, .DE_feel-like.white h5 span, .DE_feel-like.white h6 span {
            color: inherit
        }

.DE-experience p {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .DE-experience p span {
        color: inherit
    }

.DE-experience .Dryeye-headline p span {
    color: inherit
}

.DE-experience h1, .DE-experience h2, .DE-experience h3, .DE-experience h4, .DE-experience h5, .DE-experience h6 {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .DE-experience h1 span, .DE-experience h2 span, .DE-experience h3 span, .DE-experience h4 span, .DE-experience h5 span, .DE-experience h6 span {
        color: inherit
    }

.DE-experience.purple {
    background-color: #400286 !important;
    background: #400286 !important
}

    .DE-experience.purple p {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .DE-experience.purple h1, .DE-experience.purple h2, .DE-experience.purple h3, .DE-experience.purple h4, .DE-experience.purple h5, .DE-experience.purple h6 {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .DE-experience.purple h1 span, .DE-experience.purple h2 span, .DE-experience.purple h3 span, .DE-experience.purple h4 span, .DE-experience.purple h5 span, .DE-experience.purple h6 span {
            color: inherit
        }

.DE-experience.white {
    background-color: #fff !important;
    background: #fff !important
}

    .DE-experience.white p {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .DE-experience.white h1, .DE-experience.white h2, .DE-experience.white h3, .DE-experience.white h4, .DE-experience.white h5, .DE-experience.white h6 {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .DE-experience.white h1 span, .DE-experience.white h2 span, .DE-experience.white h3 span, .DE-experience.white h4 span, .DE-experience.white h5 span, .DE-experience.white h6 span {
            color: inherit
        }

.about-miebo-slider-mob p {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

.about-miebo-slider-mob h1, .about-miebo-slider-mob h2, .about-miebo-slider-mob h3, .about-miebo-slider-mob h4, .about-miebo-slider-mob h5, .about-miebo-slider-mob h6 {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .about-miebo-slider-mob h1 span, .about-miebo-slider-mob h2 span, .about-miebo-slider-mob h3 span, .about-miebo-slider-mob h4 span, .about-miebo-slider-mob h5 span, .about-miebo-slider-mob h6 span {
        color: inherit
    }

.about-miebo-slider-mob.purple {
    background-color: #400286 !important;
    background: #400286 !important
}

    .about-miebo-slider-mob.purple p {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .about-miebo-slider-mob.purple h1, .about-miebo-slider-mob.purple h2, .about-miebo-slider-mob.purple h3, .about-miebo-slider-mob.purple h4, .about-miebo-slider-mob.purple h5, .about-miebo-slider-mob.purple h6 {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .about-miebo-slider-mob.purple h1 span, .about-miebo-slider-mob.purple h2 span, .about-miebo-slider-mob.purple h3 span, .about-miebo-slider-mob.purple h4 span, .about-miebo-slider-mob.purple h5 span, .about-miebo-slider-mob.purple h6 span {
            color: inherit
        }

.about-miebo-slider-mob.white {
    background-color: #fff !important;
    background: #fff !important
}

    .about-miebo-slider-mob.white p {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .about-miebo-slider-mob.white h1, .about-miebo-slider-mob.white h2, .about-miebo-slider-mob.white h3, .about-miebo-slider-mob.white h4, .about-miebo-slider-mob.white h5, .about-miebo-slider-mob.white h6 {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .about-miebo-slider-mob.white h1 span, .about-miebo-slider-mob.white h2 span, .about-miebo-slider-mob.white h3 span, .about-miebo-slider-mob.white h4 span, .about-miebo-slider-mob.white h5 span, .about-miebo-slider-mob.white h6 span {
            color: inherit
        }

.copay-card p {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .copay-card p span {
        color: inherit
    }

.copay-card h1, .copay-card h2, .copay-card h3, .copay-card h4, .copay-card h5, .copay-card h6 {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .copay-card h1 span, .copay-card h2 span, .copay-card h3 span, .copay-card h4 span, .copay-card h5 span, .copay-card h6 span {
        color: inherit
    }

.copay-card.purple {
    background-color: #400286 !important
}

    .copay-card.purple p {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .copay-card.purple h1, .copay-card.purple h2, .copay-card.purple h3, .copay-card.purple h4, .copay-card.purple h5, .copay-card.purple h6 {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .copay-card.purple h1 span, .copay-card.purple h2 span, .copay-card.purple h3 span, .copay-card.purple h4 span, .copay-card.purple h5 span, .copay-card.purple h6 span {
            color: inherit
        }

.copay-card.white {
    background-color: #fff !important
}

    .copay-card.white .content .save-cta {
        background-color: #DED8FF
    }

        .copay-card.white .content .save-cta:hover {
            background-color: #DED8FF
        }

    .copay-card.white p {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .copay-card.white h1, .copay-card.white h2, .copay-card.white h3, .copay-card.white h4, .copay-card.white h5, .copay-card.white h6 {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .copay-card.white h1 span, .copay-card.white h2 span, .copay-card.white h3 span, .copay-card.white h4 span, .copay-card.white h5 span, .copay-card.white h6 span {
            color: inherit
        }

.with-blink p {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .with-blink p span {
        color: inherit
    }

.with-blink h1, .with-blink h2, .with-blink h3, .with-blink h4, .with-blink h5, .with-blink h6 {
    -webkit-transition: color 1.5s ease;
    transition: color 1.5s ease
}

    .with-blink h1 span, .with-blink h2 span, .with-blink h3 span, .with-blink h4 span, .with-blink h5 span, .with-blink h6 span {
        color: inherit
    }

.with-blink.purple {
    background-color: #400286 !important
}

    .with-blink.purple p {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .with-blink.purple h1, .with-blink.purple h2, .with-blink.purple h3, .with-blink.purple h4, .with-blink.purple h5, .with-blink.purple h6 {
        color: #fff !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .with-blink.purple h1 span, .with-blink.purple h2 span, .with-blink.purple h3 span, .with-blink.purple h4 span, .with-blink.purple h5 span, .with-blink.purple h6 span {
            color: inherit
        }

    .with-blink.purple h4 {
        color: #fff !important
    }

.with-blink.white {
    background-color: #fff !important
}

    .with-blink.white p {
        color: #232323 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

    .with-blink.white h1, .with-blink.white h2, .with-blink.white h3, .with-blink.white h4, .with-blink.white h5, .with-blink.white h6 {
        color: #400286 !important;
        -webkit-transition: color 1.5s ease;
        transition: color 1.5s ease
    }

        .with-blink.white h1 span, .with-blink.white h2 span, .with-blink.white h3 span, .with-blink.white h4 span, .with-blink.white h5 span, .with-blink.white h6 span {
            color: inherit
        }

    .with-blink.white h4 {
        color: #232323 !important
    }

.site-map {
    background-color: #574399;
    background-image: url("/siteassets/img/img-715x920-site-map.png") !important;
    background-size: 2230px !important;
    background-position-y: bottom;
    background-position-x: calc(87% + 240px);
    background-repeat: no-repeat;
    padding-top: 100px
}

    .site-map .content {
        margin-bottom: 49px
    }

        .site-map .content .main-heading {
            color: #FFF;
            text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
            font-family: Poppins;
            font-size: 52px;
            font-style: normal;
            font-weight: 700;
            line-height: 65px;
            padding: 203px 0 54px
        }

        .site-map .content .site-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .site-map .content .site-links .left, .site-map .content .site-links .right {
                width: 400px
            }

            .site-map .content .site-links a:hover {
                text-decoration: underline
            }

            .site-map .content .site-links .main-links {
                color: #FFF;
                font-family: Poppins;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px;
                display: block;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                padding-right: 16px;
                position: relative;
                margin-bottom: 40px;
                text-decoration: none
            }

                .site-map .content .site-links .main-links.a2:after, .site-map .content .site-links .main-links.a5:after {
                    content: unset
                }

                .site-map .content .site-links .main-links:after {
                    content: "";
                    position: absolute;
                    display: block;
                    bottom: 4px;
                    right: -16px;
                    height: 17px;
                    width: 17px;
                    background: url("/siteassets/img/icon-9x15-white-arrow.svg") no-repeat !important;
                    background-size: contain
                }

            .site-map .content .site-links .sub-links {
                color: #FFF;
                text-decoration: none;
                display: block;
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                padding-bottom: 20px;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                position: relative
            }

                .site-map .content .site-links .sub-links:after {
                    content: "";
                    position: absolute;
                    display: block;
                    top: 6px;
                    right: -34px;
                    height: 17px;
                    width: 17px;
                    background: url("/siteassets/img/icon-9x15-white-arrow.svg") no-repeat !important;
                    background-size: contain
                }

            .site-map .content .site-links .a2, .site-map .content .site-links .a5 {
                margin-bottom: 20px
            }

            .site-map .content .site-links .a4 {
                margin-bottom: 20px
            }

            .site-map .content .site-links .a8 {
                margin-top: 20px;
                margin-bottom: 40px
            }

            .site-map .content .site-links .a12 {
                width: 165px
            }

            .site-map .content .site-links .a13 {
                width: 252px
            }

            .site-map .content .site-links .a14 {
                width: 185px
            }

@media screen and (min-width:1441px) {
    .site-map {
        background-position-x: center
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .site-map {
        background-size: 1835px !important
    }

    .right-for-me {
        max-width: 174px
    }

    .right-for-me {
        max-width: 174px
    }

    .eye-care {
        max-width: 183px
    }
}

@media screen and (max-width:991px) {
    .site-map {
        padding-top: 0;
        background-image: url("/siteassets/img/img-348x375-sitemap-hero-mobile.png") !important;
        background-size: 375px !important;
        background-position-y: bottom;
        background-position-x: center;
        padding-bottom: 348px;
        padding-left: 5px
    }

        .site-map .content {
            margin-bottom: -20px
        }

            .site-map .content .main-heading {
                font-family: Poppins;
                font-size: 38px;
                line-height: 42px;
                padding: 149px 0 36px
            }

            .site-map .content .site-links {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .site-map .content .site-links .left, .site-map .content .site-links .right {
                    width: 100%
                }

                .site-map .content .site-links .main-links {
                    margin-bottom: 32px
                }

                .site-map .content .site-links .sub-links {
                    padding-bottom: 16px
                }

                .site-map .content .site-links .a2, .site-map .content .site-links .a5 {
                    margin-bottom: 16px
                }

                .site-map .content .site-links .a4 {
                    margin-bottom: 32px;
                    padding-bottom: unset
                }

                .site-map .content .site-links .a8 {
                    margin-top: 16px;
                    margin-bottom: 32px;
                    padding-bottom: unset
                }

                .site-map .content .site-links .a12 {
                    width: 165px
                }

                .site-map .content .site-links .a13 {
                    width: 252px
                }

                .site-map .content .site-links .a14 {
                    width: 185px
                }
}

.pg-notfound {
    background: #574399;
    background-image: url(/siteassets/img/img-1440x931-page-notFound-man.png) !important;
    background-size: 2256px auto !important;
    background-repeat: no-repeat;
    background-position-Y: bottom;
    background-position-X: calc(50% + 138px);
    padding-top: 237px;
    overflow: hidden;
    max-width: 100%;
    position: relative
}

    .pg-notfound h1 {
        color: #FFF;
        text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
        font-size: 52px;
        font-weight: 700;
        line-height: 65px;
        margin-bottom: 24px
    }

    .pg-notfound p {
        color: #FFF;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

        .pg-notfound p.four-O-four {
            color: #FFF;
            text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
            font-size: 600px;
            font-weight: 700;
            line-height: 600px;
            margin-top: 89px;
            margin-bottom: -93px
        }

@media (min-width:991px) and (max-width:1200px) {
    .pg-notfound p.four-O-four {
        font-size: 460px;
        margin-bottom: -139px
    }
}

@media (max-width:991px) {
    .pg-notfound {
        background: #574399;
        background-image: url(/siteassets/img/img-375x931-page-notFound-mobile.png) !important;
        background-size: 458px auto !important;
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-top: 130px
    }

        .pg-notfound h1 {
            font-size: 38px;
            line-height: 42px;
            margin-bottom: 18px;
            padding-top: 10px
        }

        .pg-notfound p {
            font-size: 18px;
            line-height: 26px;
            max-width: 320px
        }

            .pg-notfound p.four-O-four {
                font-size: 172px;
                line-height: 172px;
                margin-top: 213px;
                text-indent: 0;
                margin-bottom: -28px;
                max-width: unset;
                text-align: center
            }
}

@media (max-width:374px) {
    .pg-notfound p.four-O-four {
        font-size: 164px
    }
}

@media (max-width:390px) {
    .pg-notfound {
        background-position: 75% bottom
    }
}

.bann_MoaMbo {
    background: #400286;
    background-image: url(/siteassets/img/img-422x1440-about-banner.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center bottom;
    padding-top: 272px;
    padding-bottom: 132px
}

    .bann_MoaMbo h1 {
        color: #FFF;
        text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
        font-size: 52px;
        font-weight: 700;
        line-height: 65px;
        max-width: 400px
    }

    .bann_MoaMbo p {
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 24px;
        max-width: 457px
    }

.Mbo_inaction {
    position: relative
}

    .Mbo_inaction .wistia_embed.backgroundVideo {
        pointer-events: none
    }

    .Mbo_inaction .overlay {
        position: absolute;
        content: "";
        width: 22%;
        height: 535px;
        background: #FFF;
        left: 0;
        z-index: 1
    }

    .Mbo_inaction .tear-evap {
        margin-top: 111px;
        margin-bottom: 80px;
        padding: 56px 87px 50px 0px;
        background: #FFF;
        border-radius: 0 48% 48% 0;
        max-width: 465px;
        position: relative;
        z-index: 1
    }

        .Mbo_inaction .tear-evap .eye-tearicon {
            position: relative
        }

            .Mbo_inaction .tear-evap .eye-tearicon img {
                position: absolute;
                right: -82px;
                top: -56px;
                width: 108px;
                height: 108px
            }

        .Mbo_inaction .tear-evap h4 {
            color: #400286;
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            margin-bottom: 17px
        }

        .Mbo_inaction .tear-evap h2 {
            color: #400286;
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            margin-bottom: 17px
        }

        .Mbo_inaction .tear-evap p {
            color: #232323;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            max-width: 359px
        }

            .Mbo_inaction .tear-evap p span {
                font-weight: 700;
                color: #232323;
                font-size: 18px;
                line-height: 26px
            }

            .Mbo_inaction .tear-evap p:nth-child(4) {
                margin-top: 20px;
                margin-bottom: 20px
            }

            .Mbo_inaction .tear-evap p.un_mboknown {
                font-size: 15px;
                line-height: 20px;
                font-weight: 400
            }

        .Mbo_inaction .tear-evap .watchvid-Btn {
            margin-top: 17px;
            margin-bottom: 17px
        }

            .Mbo_inaction .tear-evap .watchvid-Btn a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 200px;
                height: 44px;
                padding: 7px 24px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #FFF;
                font-size: 16px;
                font-weight: 500;
                text-decoration: none;
                border-radius: 35px;
                border: 1.5px solid #D3D6F4;
                background: linear-gradient(93deg,#400286 23.72%,#9489B9 125.52%);
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out;
                cursor: pointer
            }

                .Mbo_inaction .tear-evap .watchvid-Btn a:hover {
                    background: #DED8FF;
                    color: #400286
                }

.reasons-Mbo {
    background-repeat: no-repeat;
    padding-top: 195px;
    padding-bottom: 57px;
    background-size: 1440px 101% !important;
    background-position: center bottom;
    position: relative;
    overflow: hidden;
    max-width: 100%
}

    .reasons-Mbo .reason_headline {
        position: relative;
        z-index: 1
    }

        .reasons-Mbo .reason_headline img {
            width: 257px;
            margin-left: 117px;
            margin-top: 124px
        }

    .reasons-Mbo .kind-of-drop-fg {
        overflow: visible !important
    }

        .reasons-Mbo .kind-of-drop-fg img {
            position: absolute;
            height: auto;
            width: 1324px;
            right: calc(50% - 50px);
            bottom: 0
        }

    .reasons-Mbo .diff-kind {
        visibility: hidden;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

    .reasons-Mbo .reasons ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
        max-width: 319px
    }

        .reasons-Mbo .reasons ul li {
            color: #FFF;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 22px
        }

            .reasons-Mbo .reasons ul li h3 {
                display: block;
                color: #fff;
                font-size: 24px;
                font-weight: 700;
                line-height: 32px
            }

.Nxt-Pgarrow {
    background: #400286;
    padding-top: 80px;
    padding-bottom: 74px
}

    .Nxt-Pgarrow h2 {
        color: #FFF;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px
    }

    .Nxt-Pgarrow p {
        color: #FFF;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 6px
    }

    .Nxt-Pgarrow .Mbo-eyeshore {
        width: 477px;
        height: 192px;
        position: relative;
        border-radius: 200px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 50px;
        text-decoration: none;
        -webkit-transition: background 1s ease-in-out;
        transition: background 1s ease-in-out
    }

        .Nxt-Pgarrow .Mbo-eyeshore:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: url(/siteassets/img/img-556x74-Mbo-eyeshore.png) no-repeat;
            background-size: cover;
            max-width: 477px;
            width: 100%;
            height: 192px;
            border-radius: 200px;
            opacity: 1;
            z-index: 11;
            -webkit-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out
        }

        .Nxt-Pgarrow .Mbo-eyeshore p {
            color: #400286;
            font-size: 40px;
            font-weight: 700;
            line-height: 150%;
            letter-spacing: -0.24px;
            opacity: 0;
            -webkit-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out
        }

        .Nxt-Pgarrow .Mbo-eyeshore:after {
            content: "";
            position: absolute;
            right: -22px;
            top: 72px;
            z-index: 11;
            width: 48px;
            height: 48px;
            background: url(/siteassets/img/img-20x20-nxtarrow-btn.svg) no-repeat;
            background-size: cover;
            -webkit-transition: -webkit-transform 0.5s ease-in-out;
            transition: -webkit-transform 0.5s ease-in-out;
            transition: transform 0.5s ease-in-out;
            transition: transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out
        }

        .Nxt-Pgarrow .Mbo-eyeshore:hover {
            background: #FFF
        }

            .Nxt-Pgarrow .Mbo-eyeshore:hover:before {
                opacity: 0
            }

            .Nxt-Pgarrow .Mbo-eyeshore:hover p {
                opacity: 1
            }

            .Nxt-Pgarrow .Mbo-eyeshore:hover:after {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

    .Nxt-Pgarrow .content {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

@media (max-width:1400px) and (min-width:1201px) {
    .reasons-Mbo .kind-of-drop-fg img {
        width: 1173px;
        right: 50%
    }

    .reasons-Mbo .reason_headline img {
        margin-left: 45px;
        margin-top: 120px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .reasons-Mbo .kind-of-drop-fg img {
        width: 976px;
        right: 44%
    }

    .bann_MoaMbo {
        background-size: cover !important
    }
}

@media (min-width:991px) {
    .reasons-Mbo {
        background-image: url(/siteassets/img/img-1440-971-kind-of-drop-bg.png) !important
    }

    .Mbo_inaction {
        overflow: hidden
    }
}

@media (max-width:991px) {
    .bann_MoaMbo {
        background: #400286;
        background-image: unset !important;
        padding-top: 149px;
        padding-bottom: unset
    }

        .bann_MoaMbo h1 {
            font-size: 38px;
            line-height: 42px;
            text-align: center;
            margin: auto
        }

        .bann_MoaMbo p {
            font-size: 18px;
            line-height: 26px;
            text-align: center;
            margin: auto;
            margin-top: 16px
        }

        .bann_MoaMbo .mob-banimg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .bann_MoaMbo .mob-banimg img {
                width: 339px;
                height: 100%
            }

    .Mbo_inaction {
        background-image: unset !important;
        background-repeat: no-repeat;
        background-size: 100% 100% !important;
        padding-top: 0;
        padding-bottom: 0px;
        overflow: hidden;
        height: unset
    }

        .Mbo_inaction .container {
            padding-left: 0px;
            padding-right: 0
        }

        .Mbo_inaction .wistia_embed.backgroundVideo {
            display: none
        }

        .Mbo_inaction .overlay {
            position: absolute;
            content: "";
            width: 100%;
            height: 39%;
            background: #FFF;
            left: 0;
            z-index: 1
        }

        .Mbo_inaction .tear-evap {
            padding: 56px 15px 19px 18px;
            margin: auto;
            max-width: unset;
            border-radius: unset
        }

            .Mbo_inaction .tear-evap h2 {
                font-size: 28px;
                line-height: 36px;
                margin: auto;
                margin-bottom: 8px
            }

            .Mbo_inaction .tear-evap h4 {
                font-size: 28px;
                line-height: 36px;
                margin: auto;
                margin-bottom: 8px
            }

            .Mbo_inaction .tear-evap p {
                max-width: unset
            }

                .Mbo_inaction .tear-evap p:nth-child(4) {
                    margin-top: 30px;
                    margin-bottom: 30px
                }

            .Mbo_inaction .tear-evap .watchvid-Btn {
                margin-top: 24px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .Mbo_inaction .tear-evap .watchvid-Btn a {
                    width: 342px
                }

    .reasons-Mbo {
        background: -webkit-gradient(linear,left top,left bottom,from(#400286),color-stop(50%,#6931B9),to(#441C75));
        background: linear-gradient(180deg,#400286 0%,#6931B9 50%,#441C75 100%);
        padding-top: 0;
        padding-bottom: unset;
        overflow: hidden
    }

        .reasons-Mbo .reasons {
            border-radius: 0px 0px 300px 300px;
            padding: 37px 18px 150px 18px;
            max-width: 339px;
            margin: auto
        }

            .reasons-Mbo .reasons ul {
                max-width: 305px;
                margin: auto;
                gap: 16px
            }

                .reasons-Mbo .reasons ul li.mbo-logo {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    .reasons-Mbo .reasons ul li.mbo-logo img {
                        width: 220px
                    }

        .reasons-Mbo .reason-mob-bg {
            position: relative;
            width: 351px;
            height: 450px;
            margin: auto;
            margin-top: -150px
        }

            .reasons-Mbo .reason-mob-bg img {
                position: absolute;
                height: 532px;
                bottom: 0;
                left: -80px
            }

    .Nxt-Pgarrow {
        padding-top: 48px;
        padding-bottom: 52px
    }

        .Nxt-Pgarrow .d-flex {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

        .Nxt-Pgarrow h2 {
            font-size: 28px;
            line-height: 36px;
            text-align: center
        }

        .Nxt-Pgarrow .Mbo-eyeshore {
            max-width: 293px;
            height: 118px;
            margin: auto;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            position: relative;
            left: -12px
        }

            .Nxt-Pgarrow .Mbo-eyeshore:before {
                background: url(/siteassets/img/img-556x74-Mbo-eyeshore-mobile.png);
                background-repeat: no-repeat;
                background-size: contain;
                max-width: 293px;
                height: 118px;
                -webkit-transition: unset;
                transition: unset
            }

            .Nxt-Pgarrow .Mbo-eyeshore p {
                margin-top: unset;
                font-size: 24px
            }

            .Nxt-Pgarrow .Mbo-eyeshore:after {
                right: -25px;
                top: 35px
            }

        .Nxt-Pgarrow .content {
            -ms-flex-item-align: start;
            align-self: flex-start;
            margin: auto
        }

            .Nxt-Pgarrow .content h4 {
                font-size: 28px;
                line-height: 36px;
                text-align: center
            }

            .Nxt-Pgarrow .content p {
                font-size: 18px;
                line-height: 26px;
                margin-top: 16px;
                margin-bottom: 24px;
                text-align: center
            }
}

@media (max-width:390px) {
    .bann_MoaMbo .mob-banimg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media (min-width:2000px) {
    .Mbo_inaction .overlay {
        width: 30%
    }

    .Te-closerlook .overlay {
        width: 30%
    }
}

.savings-banner {
    min-height: 662px;
    background-image: url(/siteassets/img/img-1440-550-savings-banner.png) !important;
    background-position: center bottom;
    background-size: 1440px !important;
    background-color: #574399;
    padding-top: 100px
}

    .savings-banner .content .main-heading {
        color: var(--White,#fff);
        font-family: Poppins;
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: 65px;
        padding: 130px 0 0px
    }

    .savings-banner .content .sub-heading {
        color: var(--White,#fff);
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        padding: 10px 0 24px
    }

    .savings-banner .content .content-para {
        color: var(--White,#fff);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        max-width: 470px
    }

.copay-card {
    background: #400286
}

    .copay-card .content {
        padding-top: 84px;
        padding-bottom: 89px
    }

        .copay-card .content .main-heading {
            color: var(--White,#fff);
            font-family: Poppins;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 56px;
            max-width: 315px;
            padding-bottom: 16px
        }

        .copay-card .content .sub-para {
            color: var(--White,#fff);
            max-width: 521px;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px
        }

            .copay-card .content .sub-para.p1, .copay-card .content .sub-para.p3 {
                font-weight: 700
            }

            .copay-card .content .sub-para.p2 {
                padding: 24px 0
            }

        .copay-card .content .save-cta {
            margin-top: 34px;
            display: block;
            width: 134px;
            height: 44px;
            padding: 10px 29px;
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            letter-spacing: -0.32px;
            border-radius: 37px;
            background: #fff;
            text-decoration: none
        }

            .copay-card .content .save-cta:hover {
                background-color: #DED8FF
            }

    .copay-card .img-content {
        padding-top: 74px;
        padding-bottom: 66px
    }

        .copay-card .img-content .img-wraper {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            z-index: 1
        }

            .copay-card .img-content .img-wraper .bg {
                width: 447px;
                z-index: -2
            }

            .copay-card .img-content .img-wraper .img-card {
                -webkit-animation: 8s card_rotate;
                animation: 8s card_rotate;
                position: absolute;
                top: 35px;
                left: 40px;
                width: 543px;
                z-index: -1
            }

            .copay-card .img-content .img-wraper .img-card-icon {
                position: absolute;
                top: 65px;
                right: 55px;
                width: 97px
            }

@-webkit-keyframes card_rotate {
    0%,to {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    50% {
        -webkit-transform: rotateY(30deg);
        transform: rotateY(30deg)
    }
}

@keyframes card_rotate {
    0%,to {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    50% {
        -webkit-transform: rotateY(30deg);
        transform: rotateY(30deg)
    }
}

.with-blink {
    padding-top: 108px;
    padding-bottom: 190px;
    background-image: url("/siteassets/img/img-2220x884-blink-with.png") !important;
    background-position: center bottom;
    background-color: #400286 !important
}

    .with-blink .content .sub-heading {
        color: var(--Dark-Gray,#232323);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
        max-width: 500px
    }

    .with-blink .content .main-heading {
        color: var(--Royal-Purple,#400286);
        padding: 18px 0 24px;
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px
    }

    .with-blink .content .points .heading {
        color: var(--Royal-Purple,#400286);
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        padding-bottom: 6px
    }

    .with-blink .content .points .desc {
        color: var(--Dark-Gray,#232323);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        padding-bottom: 40px;
        max-width: 532px
    }

.blink-question {
    background-color: #400286;
    padding: 88px 0
}

    .blink-question .content {
        text-align: center
    }

        .blink-question .content .main-heading {
            color: var(--White,#fff);
            text-align: center;
            font-family: Poppins;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 56px
        }

        .blink-question .content .sub-heading {
            color: var(--White,#fff);
            text-align: center;
            padding: 24px 0;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px
        }

        .blink-question .content .cta-btns a {
            text-align: start;
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 44px;
            letter-spacing: -0.32px;
            text-decoration: none;
            background-color: #fff;
            border-radius: 37px;
            padding: 0px 20px;
            height: 44px;
            min-width: 134px;
            display: inline-block;
            margin: 0 13px;
            position: relative
        }

            .blink-question .content .cta-btns a:hover {
                background-color: #DED8FF
            }

            .blink-question .content .cta-btns a:after {
                content: "";
                position: absolute;
                display: block;
                height: 16px;
                width: 16px;
                background: url("/siteassets/img/icon-16x17-call.svg") no-repeat;
                top: 13.5px;
                right: 20px;
                background-size: contain
            }

            .blink-question .content .cta-btns a.email:after {
                height: 16px;
                width: 16px;
                background: url("/siteassets/img/icon-15-12-email.svg") no-repeat;
                top: 16px;
                right: 22px;
                background-size: contain
            }

        .blink-question .content .terms {
            color: var(--White,#fff);
            text-align: center;
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            padding: 64px 0 24px;
            max-width: 950px;
            margin: auto
        }

            .blink-question .content .terms a {
                color: var(--White,#fff);
                font-weight: 700;
                line-height: 20px;
                text-decoration-line: underline
            }

                .blink-question .content .terms a:hover {
                    font-weight: 700
                }

        .blink-question .content .footnote {
            color: var(--White,#fff);
            text-align: center;
            font-family: Poppins;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px
        }

.miebo-cost {
    height: 583px;
    background-image: url("/siteassets/img/img-1440x583-miebo-cost.jpg") !important;
    background-size: 1440px;
    background-position: center;
    background-repeat: no-repeat
}

    .miebo-cost .content .main-heading {
        color: var(--White,#fff);
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        padding: 148px 0 24px;
        max-width: 300px
    }

    .miebo-cost .content .desc {
        color: var(--White,#fff);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        max-width: 443px
    }

        .miebo-cost .content .desc a {
            font-weight: 700;
            color: var(--White,#fff);
            text-decoration-line: underline
        }

            .miebo-cost .content .desc a:hover {
                font-weight: 700
            }

.Nxt-Pgarrow.savings-arrow .Mbo-eyeshore {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .Nxt-Pgarrow.savings-arrow .Mbo-eyeshore:before {
        background: url(/siteassets/img/img-556x74-Mbo-savings.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .Nxt-Pgarrow.savings-arrow .Mbo-eyeshore:hover {
        background: #fff
    }

@media (max-width:1400px) and (min-width:1200px) {
    .copay-card .img-content .img-wraper .img-card-icon {
        top: 65px;
        right: 12px
    }

    .copay-card .img-content .img-wraper .img-card {
        top: 45px;
        left: 0px
    }
}

@media screen and (max-width:991px) {
    .savings-banner {
        min-height: 550px;
        background-image: url("/siteassets/img/img-375-350-savings-banner-mob.png") !important;
        background-position: center bottom;
        background-size: 930px !important;
        background-color: #574399;
        padding-bottom: 363px;
        background-repeat: no-repeat
    }

        .savings-banner .content {
            padding: 0 5px
        }

            .savings-banner .content .main-heading {
                font-size: 38px;
                line-height: 42px;
                padding: 44px 0px 18px;
                text-align: center
            }

            .savings-banner .content .sub-heading {
                font-size: 28px;
                line-height: 42px;
                padding: 0px 0px 18px;
                text-align: center
            }

            .savings-banner .content .content-para {
                text-align: center;
                font-size: 18px;
                line-height: 26px;
                max-width: unset
            }

    .copay-card .content {
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 0px;
        padding-bottom: 48px
    }

        .copay-card .content .main-heading {
            font-size: 28px;
            line-height: 36px;
            max-width: 190px;
            padding-bottom: 20px;
            text-align: center;
            margin: auto
        }

        .copay-card .content .sub-para {
            max-width: 100%;
            font-size: 18px;
            line-height: 26px;
            text-align: center
        }

            .copay-card .content .sub-para.p2 {
                padding: 24px 0
            }

        .copay-card .content .save-cta {
            width: 288px;
            height: 44px;
            padding: 0px 20px;
            font-size: 16px;
            line-height: 44px;
            margin: auto;
            text-align: center;
            margin-top: 20px
        }

            .copay-card .content .save-cta:hover {
                background-color: #DED8FF
            }

    .copay-card .img-content {
        padding-top: 48px;
        padding-bottom: 25px;
        text-align: center;
        max-width: 251px;
        margin: auto
    }

        .copay-card .img-content .img-wraper .img-card {
            top: 35px;
            left: 10px;
            width: 231px
        }

    .with-blink {
        padding-top: 48px;
        padding-bottom: 361px;
        background-image: url("/siteassets/img/img-991x340-blink-with-mob.png") !important;
        background-size: 991px !important;
        background-position: center bottom;
        padding-left: 6px;
        padding-right: 6px
    }

        .with-blink .content .sub-heading {
            font-size: 18px;
            line-height: 26px;
            max-width: 500px
        }

        .with-blink .content .main-heading {
            padding: 24px 103px 40px 0;
            font-size: 28px;
            line-height: 36px
        }

        .with-blink .content .points .heading {
            font-size: 16px;
            line-height: normal;
            padding-bottom: 6px
        }

        .with-blink .content .points .desc {
            font-size: 16px;
            font-weight: 400;
            max-width: 100%;
            padding-right: 14px;
            padding-bottom: 24px
        }

        .with-blink .content .points .desc1 {
            padding-right: 75px;
            padding-bottom: 0
        }

    .blink-question {
        padding: 41px 0 40px 0
    }

        .blink-question .content .sub-heading {
            padding: 20px 0
        }

        .blink-question .content .cta-btns {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 0 24.5px
        }

            .blink-question .content .cta-btns a {
                margin: 0px auto;
                max-width: 288px;
                width: 100%
            }

                .blink-question .content .cta-btns a:hover {
                    background-color: #DED8FF
                }

                .blink-question .content .cta-btns a.call {
                    margin-bottom: 20px;
                    padding-left: 98px
                }

                    .blink-question .content .cta-btns a.call:after {
                        right: 98px
                    }

                .blink-question .content .cta-btns a.email {
                    padding-left: 99px
                }

                    .blink-question .content .cta-btns a.email:after {
                        right: 99px
                    }

        .blink-question .content .terms {
            padding: 20px 0 20px;
            font-size: 15px
        }

        .blink-question .content .footnote {
            font-size: 15px;
            padding: 0 14px
        }

            .blink-question .content .footnote sup {
                font-family: Poppins;
                font-size: 8px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px
            }

    .miebo-cost {
        height: auto;
        background-color: #008bc3 !important;
        background-image: url("/siteassets/img/img-1440x583-miebo-cost-mob.png") !important;
        background-position: bottom;
        background-size: contain !important;
        width: 100%;
        padding-bottom: 100%
    }

        .miebo-cost .content {
            padding: 0 8px
        }

            .miebo-cost .content .main-heading {
                font-size: 28px;
                line-height: 36px;
                padding: 45px 0 20px;
                text-align: center;
                margin: auto
            }

            .miebo-cost .content .desc {
                text-align: center;
                font-size: 18px;
                line-height: 26px;
                padding-bottom: 70px;
                margin: 0 -5px
            }

    .Nxt-Pgarrow.savings-arrow .Mbo-eyeshore:before {
        background: url(/siteassets/img/img-556x74-Mbo-savingsMobile.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .Nxt-Pgarrow.savings-arrow .Mbo-eyeshore:after {
        background: url(/siteassets/img/img-20x20-nxtarrow-savings-mob-btn.svg)
    }

    .Nxt-Pgarrow.savings-arrow .content h4 {
        font-size: 32px;
        line-height: 40px
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .miebo-cost {
        background-position: -83px
    }

    .copay-card .img-content {
        padding-top: 100px
    }

        .copay-card .img-content .img-wraper .img-card-icon {
            position: absolute;
            top: 37px;
            right: 9px;
            width: 79px
        }

        .copay-card .img-content .img-wraper .bg {
            width: 383px;
            height: 383px;
            z-index: -2
        }

        .copay-card .img-content .img-wraper .img-card {
            -webkit-animation: 8s card_rotate;
            animation: 8s card_rotate;
            position: absolute;
            top: 35px;
            left: -4px;
            width: 543px;
            z-index: -1
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .miebo-cost .content .desc {
        margin: auto
    }
}

@media screen and (min-width:376px) and (max-width:576px) {
    .miebo-cost .content .desc {
        max-width: 334px;
        margin: auto
    }
}

@media only screen and (min-width:1441px) {
    .miebo-cost {
        background-size: 1920px
    }
}

@media (min-width:1921px) {
    .miebo-cost {
        background-size: 2256px
    }
}

@media (min-width:2257px) {
    .miebo-cost {
        background-size: 3200px
    }
}

@media screen and (max-width:360px) {
    .blink-question .content .cta-btns a.call:after {
        right: 87px
    }

    .blink-question .content .cta-btns a.email:after {
        right: 87px
    }
}

#video {
    width: 100%;
    overflow: hidden;
    padding-top: 88px
}

    #video h2 {
        color: var(--Royal-Purple,#400286);
        text-align: center;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px
    }

    #video h1 {
        color: var(--Royal-Purple,#400286);
        text-align: center;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px
    }

    #video img.video-content-bg {
        width: 100%;
        cursor: pointer
    }

    #video #vid-1 {
        margin: auto;
        margin-top: 38px;
        margin-bottom: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        #video #vid-1 img.video-content-bg {
            border-radius: 12px;
            margin: auto
        }

        #video #vid-1 .play-btn {
            position: absolute;
            top: 6px
        }

        #video #vid-1.hide {
            display: none
        }

    #video .vid-1-wrapper {
        height: 0;
        display: none;
        border-radius: 12px;
        margin: auto;
        margin-top: 38px;
        margin-bottom: 38px;
        max-width: 900px
    }

        #video .vid-1-wrapper .wistia_responsive_wrapper {
            border-radius: 12px;
            overflow: hidden
        }

        #video .vid-1-wrapper.show {
            height: auto;
            display: block
        }

    #video p.no-of-chapters {
        font-size: 16px;
        font-weight: 700;
        color: #400286;
        display: none
    }

        #video p.no-of-chapters.show {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    #video .accordian-wrapper {
        max-width: 1079px;
        margin: auto
    }

        #video .accordian-wrapper .acc-wrapper {
            background: white;
            border-radius: 12px;
            max-width: 1079px;
            max-width: 100%;
            margin-bottom: 88px
        }

            #video .accordian-wrapper .acc-wrapper .mCSB_scrollTools .mCSB_draggerContainer {
                margin-bottom: 16px
            }

            #video .accordian-wrapper .acc-wrapper .action-btns {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                #video .accordian-wrapper .acc-wrapper .action-btns .btn-close-img {
                    display: none
                }

                #video .accordian-wrapper .acc-wrapper .action-btns .btn-open-img.mob {
                    display: none
                }

                #video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-close-img {
                    display: block
                }

                    #video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-close-img.mob {
                        display: none
                    }

                #video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-open-img {
                    display: none
                }

                    #video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-open-img.mob {
                        display: none
                    }

                #video .accordian-wrapper .acc-wrapper .action-btns .video-btn {
                    margin: auto
                }

            #video .accordian-wrapper .acc-wrapper .title-btn-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%
            }

                #video .accordian-wrapper .acc-wrapper .title-btn-wrapper h1 {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 44px;
                    color: #400286
                }

            #video .accordian-wrapper .acc-wrapper #transcription-content {
                background: none;
                padding: 0
            }

                #video .accordian-wrapper .acc-wrapper #transcription-content .card-body {
                    background: #DED8FF;
                    padding: 16px 24px 0px 24px;
                    border-radius: 12px;
                    border: none;
                    max-height: 223px;
                    margin-top: 38px;
                    overflow: auto
                }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body p {
                        color: var(--Dark-Gray,#232323);
                        font-family: Poppins;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 25px
                    }

                        #video .accordian-wrapper .acc-wrapper #transcription-content .card-body p.fw-bold {
                            line-height: 22px
                        }

                        #video .accordian-wrapper .acc-wrapper #transcription-content .card-body p a:hover {
                            color: var(--Dark-Gray,#232323)
                        }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body ul {
                        padding-left: 10px
                    }

                        #video .accordian-wrapper .acc-wrapper #transcription-content .card-body ul li {
                            position: relative;
                            color: var(--Dark-Gray,#232323)
                        }

                            #video .accordian-wrapper .acc-wrapper #transcription-content .card-body ul li:before {
                                top: 11px;
                                left: -8px;
                                display: inline-block;
                                content: "";
                                border-radius: 0.375rem;
                                height: 3px;
                                width: 3px;
                                position: absolute;
                                background-color: #232323
                            }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCustomScrollBox {
                        height: auto !important
                    }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger {
                        height: 44px;
                        opacity: 1
                    }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
                        background-color: transparent;
                        opacity: 1
                    }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                        background: #400286;
                        width: 6px;
                        opacity: 1
                    }

                    #video .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #video .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
                        opacity: 1
                    }

                #video .accordian-wrapper .acc-wrapper #transcription-content p {
                    line-height: 22px;
                    font-size: 16px;
                    color: #232323
                }

            #video .accordian-wrapper .acc-wrapper #video-options .card-body {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                padding: 0;
                border: none;
                margin-bottom: 16px
            }

            #video .accordian-wrapper .acc-wrapper .thumbnail-block {
                background: #DED8FF;
                padding: 12px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border-radius: 16px;
                width: 33.33%;
                cursor: pointer
            }

                #video .accordian-wrapper .acc-wrapper .thumbnail-block:nth-child(2) {
                    margin-left: 10px;
                    margin-right: 10px
                }

                #video .accordian-wrapper .acc-wrapper .thumbnail-block img {
                    margin-right: 12px;
                    height: 64px
                }

                #video .accordian-wrapper .acc-wrapper .thumbnail-block h4 {
                    font-size: 14px;
                    font-weight: 700;
                    color: #400286;
                    line-height: 20px
                }

                #video .accordian-wrapper .acc-wrapper .thumbnail-block .detail {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                    #video .accordian-wrapper .acc-wrapper .thumbnail-block .detail .duration {
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                        background: white;
                        height: 20px;
                        border-radius: 4px;
                        padding: 0 8px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-size: 14px;
                        color: white;
                        font-weight: 700;
                        background: #400286
                    }

                #video .accordian-wrapper .acc-wrapper .thumbnail-block.active {
                    background: #400286
                }

                    #video .accordian-wrapper .acc-wrapper .thumbnail-block.active h4 {
                        color: white
                    }

                    #video .accordian-wrapper .acc-wrapper .thumbnail-block.active .detail .duration {
                        background: white;
                        color: #400286
                    }

                #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover {
                    background: #400286
                }

                    #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover h4 {
                        color: white
                    }

                    #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover .detail .duration {
                        background: white;
                        color: #400286
                    }

.video-ad#videoBlock .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 100%
}

.video-ad#videoBlock .accordian-wrapper .acc-wrapper .action-btns .video-btn {
    pointer-events: none
}

.video-ad .text-underline {
    text-decoration: underline
}

#moa-video {
    width: 100%;
    overflow: hidden;
    padding-top: 88px;
    padding-bottom: 88px
}

    #moa-video .video-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 1107px;
        margin: auto
    }

        #moa-video .video-wrapper #vid-1 {
            margin-left: 0
        }

            #moa-video .video-wrapper #vid-1 img.video-content-bg {
                -o-object-fit: cover;
                object-fit: cover;
                height: 401px;
                width: 713px;
                cursor: pointer
            }

    #moa-video .vid-content-wrapper {
        max-width: 1079px;
        margin: auto
    }

        #moa-video .vid-content-wrapper h2 {
            color: var(--Royal-Purple,#400286);
            text-align: center;
            font-family: Poppins;
            font-size: 32px;
            margin-bottom: 24px;
            text-align: left;
            font-style: normal;
            font-weight: 700;
            line-height: 40px
        }

    #moa-video #vid-1 {
        margin-bottom: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        #moa-video #vid-1 img.video-content-bg {
            border-radius: 12px;
            margin: auto
        }

        #moa-video #vid-1.hide {
            display: none
        }

    #moa-video .vid-1-wrapper {
        height: 0;
        display: none;
        border-radius: 12px;
        width: 100%;
        max-width: 713px;
        margin-bottom: 24px
    }

        #moa-video .vid-1-wrapper .wistia_responsive_wrapper {
            border-radius: 12px;
            overflow: hidden
        }

        #moa-video .vid-1-wrapper.show {
            height: auto;
            display: block
        }

    #moa-video p.no-of-chapters {
        font-size: 16px;
        font-weight: 700;
        color: #400286;
        display: none
    }

        #moa-video p.no-of-chapters.show {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    #moa-video .accordian-wrapper {
        max-width: 1079px;
        margin: auto
    }

        #moa-video .accordian-wrapper .acc-wrapper {
            background: white;
            border-radius: 12px;
            max-width: 1079px;
            max-width: 100%
        }

            #moa-video .accordian-wrapper .acc-wrapper .action-btns {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                #moa-video .accordian-wrapper .acc-wrapper .action-btns .btn-close-img {
                    display: none
                }

                #moa-video .accordian-wrapper .acc-wrapper .action-btns .btn-open-img.mob {
                    display: none
                }

                #moa-video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-close-img {
                    display: block
                }

                    #moa-video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-close-img.mob {
                        display: none
                    }

                #moa-video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-open-img {
                    display: none
                }

                    #moa-video .accordian-wrapper .acc-wrapper .action-btns a[aria-expanded=true] .btn-open-img.mob {
                        display: none
                    }

                #moa-video .accordian-wrapper .acc-wrapper .action-btns .video-btn {
                    margin: auto;
                    margin-right: 0
                }

            #moa-video .accordian-wrapper .acc-wrapper .title-btn-wrapper {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%
            }

                #moa-video .accordian-wrapper .acc-wrapper .title-btn-wrapper h1 {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 44px;
                    color: #400286
                }

            #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                padding: 0;
                border: none;
                margin-bottom: 16px
            }

    #moa-video #myVideoGroup-Desktop {
        margin-left: 24px
    }

        #moa-video #myVideoGroup-Desktop .card {
            background-color: #DED8FF;
            border-radius: 12px;
            padding: 15px 3px 8px 12px;
            width: 369px;
            overflow: auto;
            max-height: 400px
        }

            #moa-video #myVideoGroup-Desktop .card .mCustomScrollBox {
                height: auto !important
            }

            #moa-video #myVideoGroup-Desktop .card .mCSB_inside > .mCSB_container {
                margin-right: 25px
            }

            #moa-video #myVideoGroup-Desktop .card .mCSB_scrollTools .mCSB_draggerContainer {
                margin-bottom: -70px
            }

            #moa-video #myVideoGroup-Desktop .card .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #400286;
                margin-top: 34px;
                width: 6px;
                height: 160px;
                opacity: 1
            }

            #moa-video #myVideoGroup-Desktop .card .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
                background-color: transparent;
                opacity: 1
            }

            #moa-video #myVideoGroup-Desktop .card p {
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 16px;
                margin-bottom: 11px;
                font-style: normal;
                font-weight: 700;
                line-height: 22px
            }

            #moa-video #myVideoGroup-Desktop .card .thumbnail-block {
                background: #fff;
                padding: 12px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border-radius: 16px;
                cursor: pointer;
                margin-bottom: 10px
            }

                #moa-video #myVideoGroup-Desktop .card .thumbnail-block img {
                    margin-right: 12px;
                    height: 80px;
                    max-width: 141px
                }

                #moa-video #myVideoGroup-Desktop .card .thumbnail-block h4 {
                    color: var(--Royal-Purple,#400286);
                    font-family: Poppins;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 20px
                }

                #moa-video #myVideoGroup-Desktop .card .thumbnail-block .detail {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between
                }

                    #moa-video #myVideoGroup-Desktop .card .thumbnail-block .detail .duration {
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                        background: white;
                        height: 20px;
                        border-radius: 4px;
                        padding: 0 8px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-size: 14px;
                        color: white;
                        font-weight: 700;
                        background: #400286
                    }

                #moa-video #myVideoGroup-Desktop .card .thumbnail-block.active {
                    background: #400286
                }

                    #moa-video #myVideoGroup-Desktop .card .thumbnail-block.active h4 {
                        color: white
                    }

                    #moa-video #myVideoGroup-Desktop .card .thumbnail-block.active .detail .duration {
                        background: white;
                        color: #400286
                    }

                #moa-video #myVideoGroup-Desktop .card .thumbnail-block:hover {
                    background: #400286
                }

                    #moa-video #myVideoGroup-Desktop .card .thumbnail-block:hover h4 {
                        color: white
                    }

                    #moa-video #myVideoGroup-Desktop .card .thumbnail-block:hover .detail .duration {
                        background: white;
                        color: #400286
                    }

    #moa-video #transcription-content {
        background: none;
        padding: 0;
        max-width: 1079px;
        margin: auto
    }

        #moa-video #transcription-content .card-body {
            background: #DED8FF;
            padding: 16px 24px 0px 24px;
            border-radius: 12px;
            border: none;
            max-height: 223px;
            margin-top: 38px;
            overflow: auto
        }

            #moa-video #transcription-content .card-body p {
                color: var(--Dark-Gray,#232323);
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 25px
            }

                #moa-video #transcription-content .card-body p.fw-bold {
                    line-height: 22px
                }

                #moa-video #transcription-content .card-body p a:hover {
                    color: var(--Dark-Gray,#232323)
                }

            #moa-video #transcription-content .card-body .mCSB_draggerContainer {
                margin-bottom: 16px
            }

            #moa-video #transcription-content .card-body ul {
                padding-left: 10px
            }

                #moa-video #transcription-content .card-body ul li {
                    position: relative;
                    color: var(--Dark-Gray,#232323)
                }

                    #moa-video #transcription-content .card-body ul li:before {
                        top: 11px;
                        left: -8px;
                        display: inline-block;
                        content: "";
                        border-radius: 0.375rem;
                        height: 3px;
                        width: 3px;
                        position: absolute;
                        background-color: #232323
                    }

            #moa-video #transcription-content .card-body .mCustomScrollBox {
                height: auto !important
            }

            #moa-video #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger {
                height: 44px;
                opacity: 1
            }

            #moa-video #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
                background-color: transparent;
                opacity: 1
            }

            #moa-video #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                background: #400286;
                width: 6px;
                height: 44px;
                opacity: 1
            }

            #moa-video #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #moa-video #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
                opacity: 1
            }

        #moa-video #transcription-content p {
            line-height: 22px;
            font-size: 16px;
            color: #232323
        }

@media screen and (min-width:991px) and (max-width:1200px) {
    #video #vid-1 .play-btn {
        top: -150px
    }

    #moa-video .video-wrapper #vid-1 img.video-content-bg {
        height: 320px;
        width: 569px
    }

    #moa-video #vid-1 {
        width: 569px
    }

        #moa-video #vid-1 img.video-content-bg {
            margin: unset
        }

    #moa-video .vid-1-wrapper {
        max-width: 569px
    }

    #moa-video .accordian-wrapper {
        margin-top: -46px
    }
}

@media screen and (min-width:991px) {
    #moa-video .accordian-wrapper .acc-wrapper .action-btns .video-btn {
        display: none
    }

    #video #vid-1 img.video-content-bg {
        max-width: 900px;
        height: 506px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (max-width:991px) {
    #video {
        padding: 48px 0
    }

        #video #vid-1 {
            margin-top: 32px;
            margin-bottom: 38px
        }

            #video #vid-1 img.video-content-bg {
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 12px;
                margin: auto;
                max-width: 900px
            }

            #video #vid-1 .play-btn {
                top: 10px
            }

            #video #vid-1.hide {
                display: none
            }

        #video h1 {
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 8px
        }

        #video .container .container {
            padding: 0
        }

        #video #vid-1 img.video-content-bg {
            border-radius: 0
        }

        #video .vid-1-wrapper {
            height: 0;
            display: none;
            border-radius: 12px;
            margin: auto;
            margin-top: 32px;
            margin-bottom: 32px;
            max-width: 1079px
        }

            #video .vid-1-wrapper .wistia_responsive_wrapper {
                border-radius: 0
            }

        #video .accordian-wrapper .acc-wrapper {
            position: relative;
            bottom: auto;
            border-radius: 0;
            padding-left: 12px;
            padding-right: 12px
        }

            #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover:not(.active) h4 {
                color: #400286
            }

            #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover:not(.active) .detail .duration {
                color: white;
                background: #400286
            }

            #video .accordian-wrapper .acc-wrapper #transcription-content .card-body {
                padding: 8px 0px 16px 2.5px;
                max-height: 336px
            }

            #video .accordian-wrapper .acc-wrapper .title-btn-wrapper {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                #video .accordian-wrapper .acc-wrapper .title-btn-wrapper .no-of-chapters.show {
                    display: none
                }

            #video .accordian-wrapper .acc-wrapper #video-options .card-body {
                background: none;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                #video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block {
                    width: 100%;
                    margin: 0 0 10px
                }

                    #video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block:not(.active) {
                        background: white
                    }

                    #video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block:last-child {
                        margin-bottom: 12px
                    }

            #video .accordian-wrapper .acc-wrapper .action-btns {
                margin-bottom: 15px
            }

                #video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn img {
                    width: 240px
                }

                #video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn a[aria-expanded=true] .btn-close-img {
                    display: none
                }

                    #video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn a[aria-expanded=true] .btn-close-img.mob {
                        display: block
                    }

                #video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn a[aria-expanded=true] .btn-open-img {
                    display: block
                }

                    #video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn a[aria-expanded=true] .btn-open-img.mob {
                        display: block
                    }

            #video .accordian-wrapper .acc-wrapper .title-btn-wrapper {
                margin-bottom: unset
            }

            #video .accordian-wrapper .acc-wrapper .no-of-chapters {
                margin-bottom: 15px;
                margin-left: 6px
            }

        #video.video-ad .container {
            padding: 0
        }

            #video.video-ad .container h2 {
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px;
                text-align: left;
                padding: 0 12px
            }

            #video.video-ad .container .accordian-wrapper .acc-wrapper {
                padding-top: 0px;
                margin-bottom: 0
            }

                #video.video-ad .container .accordian-wrapper .acc-wrapper .title-btn-wrapper .action-btns {
                    margin-bottom: 0px
                }

                #video.video-ad .container .accordian-wrapper .acc-wrapper #transcription-content .card-body {
                    padding-left: 18px;
                    padding-right: 12px;
                    border-radius: 0px
                }

                    #video.video-ad .container .accordian-wrapper .acc-wrapper #transcription-content .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                        height: 100%
                    }

        #video.video-ad.blink_rx-vid {
            padding-top: 30px
        }

            #video.video-ad.blink_rx-vid .container h1 {
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px;
                padding: 0 12px;
                text-align: center
            }

            #video.video-ad.blink_rx-vid .container .accordian-wrapper .acc-wrapper .title-btn-wrapper {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

    #moa-video {
        padding-top: 48px
    }

        #moa-video .vid-content-wrapper h2 {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 28px;
            font-style: normal;
            margin-bottom: 8px;
            font-weight: 700;
            line-height: 36px
        }

        #moa-video .video-wrapper #vid-1 {
            margin-bottom: 0
        }

            #moa-video .video-wrapper #vid-1 img.video-content-bg {
                border-radius: 0
            }

        #moa-video .vid-1-wrapper {
            border-radius: 0px;
            margin-bottom: 0
        }

            #moa-video .vid-1-wrapper .wistia_responsive_wrapper {
                border-radius: 0px
            }

        #moa-video #myVideoGroup {
            margin-left: 0px
        }

        #moa-video #transcription-content .card-body {
            padding: 8px 0px 16px 2.5px;
            max-height: 336px;
            margin-top: 0
        }

        #moa-video .accordian-wrapper .acc-wrapper {
            background: #DED8FF;
            border-radius: 0;
            padding: 15px 6px 0 16px
        }

            #moa-video .accordian-wrapper .acc-wrapper .action-btns {
                width: 100%;
                margin-bottom: 15px;
                margin-right: 10px
            }

                #moa-video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn {
                    margin-right: 24px
                }

                    #moa-video .accordian-wrapper .acc-wrapper .action-btns a.transcript-btn img {
                        width: 240px
                    }

            #moa-video .accordian-wrapper .acc-wrapper #video-options p.no-of-chapters {
                display: block;
                margin-bottom: 15px
            }

            #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body {
                background: none;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                overflow: auto;
                max-height: 294px
            }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCustomScrollBox {
                    height: auto !important
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger {
                    height: 44px;
                    opacity: 1
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
                    background-color: transparent;
                    opacity: 1
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                    background: #400286;
                    width: 6px;
                    height: 160px;
                    opacity: 1
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCSB_inside > .mCSB_container {
                    margin-right: 23px
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
                    opacity: 1
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .mCSB_draggerContainer {
                    margin-bottom: -15px
                }

                #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block {
                    background: #DED8FF;
                    margin: 0 0 10px;
                    padding: 12px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    border-radius: 16px;
                    width: 100%;
                    cursor: pointer
                }

                    #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block:not(.active) {
                        background: white
                    }

                    #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block img {
                        margin-right: 12px;
                        height: 64px;
                        max-width: 112.5px
                    }

                    #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block .detail {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between
                    }

                        #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block .detail .duration {
                            width: -webkit-fit-content;
                            width: -moz-fit-content;
                            width: fit-content;
                            background: white;
                            height: 20px;
                            border-radius: 4px;
                            padding: 0 8px;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            font-size: 14px;
                            color: white;
                            font-weight: 700;
                            background: #400286
                        }

                    #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block h4 {
                        font-size: 14px;
                        font-weight: 700;
                        color: #400286;
                        line-height: 20px
                    }

                    #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block.active {
                        background: #400286
                    }

                        #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block.active .detail .duration {
                            background: white;
                            color: #400286
                        }

                        #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block.active h4 {
                            color: white
                        }

        #moa-video .video-wrapper #myVideoGroup-Desktop {
            display: none
        }

        #moa-video .video-wrapper #vid-1 img.video-content-bg {
            height: unset;
            max-width: 100%;
            height: auto
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #video #vid-1 .play-btn {
        top: 220px
    }
}

@media screen and (max-width:991px) {
    #video #vid-1 .play-btn {
        top: -220px
    }
}

.quiz-banner {
    padding-top: 309px;
    padding-bottom: 333px;
    background-size: 1440px !important;
    background-position: center;
    background-image: url(/siteassets/img/img-1440x931-banner-is-miebo.png);
    background-repeat: no-repeat;
    background-color: unset !important;
    overflow: hidden;
    opacity: 1 !important;
    z-index: 9 !important
}

    .quiz-banner:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 931px;
        top: 0;
        left: 0;
        z-index: -1;
        background: url("/siteassets/img/img-1440x931-blue-curve-bg-2.png");
        background-size: 1440px !important;
        background-position: center;
        background-repeat: no-repeat
    }

    .quiz-banner.enlarged {
        background-size: auto 100% !important
    }

    .quiz-banner h1 {
        color: #FFF;
        text-shadow: 0px 0px 20px rgba(6,27,45,0.15);
        font-family: Poppins;
        font-size: 52px;
        font-weight: 700;
        line-height: 65px;
        margin-bottom: 69px
    }

    .quiz-banner h2 {
        color: #FFF;
        font-family: Poppins;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 26px
    }

    .quiz-banner a.btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 200px;
        height: 44px;
        padding: 7px 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 37px;
        background: var(--White,#FFF);
        color: var(--Royal-Purple,#400286);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.32px
    }

        .quiz-banner a.btn:hover {
            background: #DED8FF
        }

.quiz-content {
    width: 745px;
    margin-left: auto
}

    .quiz-content h2 {
        border-radius: 6.444px;
        background: var(--Royal-Purple,#400286);
        color: var(--White,var(--White,#FFF));
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 452.722px;
        padding: 8px 18px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: auto
    }

    .quiz-content p {
        color: var(--White,var(--White,#FFF));
        text-align: center;
        font-family: Poppins;
        font-size: 16px;
        padding: 24px 0;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: -0.16px
    }

.quiz-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px
}

    .quiz-options .button-content {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0;
        margin: 7px 7px 0 0
    }

        .quiz-options .button-content input[type=checkbox] {
            visibility: hidden;
            position: absolute
        }

        .quiz-options .button-content label {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            padding: 19px 40px;
            border-radius: 72px;
            background: var(--White,#FFF);
            cursor: pointer
        }

        .quiz-options .button-content input:checked + label {
            background: var(--Light-Purple,#DED8FF)
        }

.quiz-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .quiz-controls .control-next, .quiz-controls .control-prev {
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        background: transparent;
        border: none;
        width: auto;
        padding: 0;
        pointer-events: none
    }

        .quiz-controls .control-next.active, .quiz-controls .control-prev.active {
            pointer-events: auto;
            opacity: 1
        }

        .quiz-controls .control-next span, .quiz-controls .control-prev span {
            color: var(--White,#FFF);
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal
        }

        .quiz-controls .control-next .control-next-icon {
            opacity: 0.5;
            border-radius: 50%;
            padding: 16.97px;
            background-size: 34px;
            background-color: white;
            -webkit-transition: opacity 0.5s ease,background-color 0.5s ease-in-out;
            transition: opacity 0.5s ease,background-color 0.5s ease-in-out
        }

            .quiz-controls .control-next .control-next-icon:hover {
                background-color: #DED8FF
            }

        .quiz-controls .control-next.active .control-next-icon {
            pointer-events: auto;
            opacity: 1
        }

        .quiz-controls .control-prev .control-prev-icon {
            opacity: 0.5;
            border-radius: 50%;
            padding: 16.97px;
            background-color: white;
            background-size: 34px;
            -webkit-transition: opacity 0.5s ease,background-color 0.5s ease-in-out;
            transition: opacity 0.5s ease,background-color 0.5s ease-in-out
        }

            .quiz-controls .control-prev .control-prev-icon:hover {
                background-color: #DED8FF
            }

        .quiz-controls .control-prev.active {
            pointer-events: auto;
            opacity: 1
        }

            .quiz-controls .control-prev.active .control-prev-icon {
                pointer-events: auto;
                opacity: 1
            }

    .quiz-controls .control-prev-icon {
        width: 48px;
        height: 48px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        margin-right: 10px;
        background-image: url(/siteassets/img/back.png)
    }

    .quiz-controls .control-next-icon {
        width: 48px;
        height: 48px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        margin-left: 10px;
        background-image: url(/siteassets/img/next.png)
    }

    .quiz-controls .indicators {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 41px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .quiz-controls .indicators button {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            padding: 0;
            text-indent: -999px;
            cursor: pointer;
            margin-right: 4.5px;
            margin-left: 4.5px;
            background: rgba(0,0,0,0.5);
            border: unset;
            width: 26px;
            border-radius: 200px;
            height: 8px;
            background-clip: padding-box;
            pointer-events: none;
            -webkit-transition: background 0.8s ease-in-out,width 0.8s ease-in-out;
            transition: background 0.8s ease-in-out,width 0.8s ease-in-out
        }

            .quiz-controls .indicators button.active {
                width: 68px;
                height: 8px;
                border-radius: 200px;
                background: var(--White,#FFF)
            }

.question1 {
    height: 800px;
    background-position: center
}

    .question1 .container {
        margin-top: 218px
    }

    .question1 .quiz-content .quiz-options {
        margin-bottom: 45px
    }

        .question1 .quiz-content .quiz-options .button-content label {
            position: relative;
            overflow: hidden
        }

            .question1 .quiz-content .quiz-options .button-content label:after {
                content: "";
                position: absolute;
                height: calc(100% - 5px);
                width: calc(100% - 5px);
                height: 100%;
                width: 100%;
                background: blue;
                background: url("/siteassets/img/img-65x130-q-one-b1.png") no-repeat;
                background-size: cover;
                background-position: center;
                top: 0;
                left: 0;
                border-radius: 72px;
                margin: 0px;
                scale: 0.8;
                display: block;
                -webkit-transition: 0.3s ease scale;
                transition: 0.3s ease scale;
                visibility: hidden
            }

            .question1 .quiz-content .quiz-options .button-content label:hover:after {
                visibility: visible;
                scale: 1.03
            }

        .question1 .quiz-content .quiz-options .button-content:first-child label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b1.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(2) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b2.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(3) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b3.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(4) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b4.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(5) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b5.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(6) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b6.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(7) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b7.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(8) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b8.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(9) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b9.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(10) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b10.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(11) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b11.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(12) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b12.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(13) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b13.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(14) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b14.png")
        }

        .question1 .quiz-content .quiz-options .button-content:nth-child(15) label:after {
            background-image: url("/siteassets/img/img-65x130-q-one-b15.png")
        }

.question2 {
    height: 800px;
    background-position: center
}

    .question2 .container {
        margin-top: 218px
    }

    .question2 h2 {
        text-align: center;
        width: 660px
    }

    .question2 .quiz-content p {
        padding-bottom: 67px
    }

    .question2 .slider-container {
        position: relative;
        margin-bottom: 20px;
        width: 734px;
        padding: 0
    }

        .question2 .slider-container .slider {
            -webkit-appearance: none;
            width: 100%;
            height: 16px;
            background: #ddd;
            border-radius: 200px;
            outline: none;
            cursor: pointer;
            -webkit-transition: background 0.3s;
            transition: background 0.3s
        }

            .question2 .slider-container .slider::-webkit-slider-thumb {
                -webkit-appearance: none;
                width: 57px;
                height: 57px;
                border-radius: 50%;
                background-image: url(/siteassets/img/icon-141x141-slider-thumb.png);
                background-repeat: no-repeat;
                background-size: contain;
                -webkit-box-shadow: 0px 6.759px 13.517px 0px rgba(0,0,0,0.15);
                box-shadow: 0px 6.759px 13.517px 0px rgba(0,0,0,0.15);
                cursor: pointer;
                margin-top: -4px
            }

            .question2 .slider-container .slider::-moz-range-track {
                width: 100%;
                height: 0px;
                background: linear-gradient(to right,rgb(0,169,235) 100%,rgb(221,221,221) 100%);
                border: none;
                border-radius: 4px;
                cursor: pointer
            }

            .question2 .slider-container .slider::-moz-range-thumb {
                width: 57px;
                height: 57px;
                border-radius: 50%;
                background-image: url(/siteassets/img/icon-141x141-slider-thumb.png);
                background-repeat: no-repeat;
                background-size: contain;
                box-shadow: 0px 6.759px 13.517px 0px rgba(0,0,0,0.15);
                cursor: pointer;
                margin-top: -4px;
                border: none;
                cursor: pointer
            }

            .question2 .slider-container .slider::-ms-fill-lower {
                background: #00A9EB;
                border-radius: 5px
            }

            .question2 .slider-container .slider::-ms-fill-upper {
                background: #ddd;
                border-radius: 5px
            }

        .question2 .slider-container .labels {
            position: absolute;
            width: 100%;
            top: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 16px;
            margin-top: 38px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .question2 .slider-container .labels span {
                cursor: pointer;
                border-radius: 5px;
                white-space: nowrap;
                font-size: 18px;
                font-weight: 400;
                color: rgba(255,255,255,0.8);
                line-height: 26px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                text-align: center;
                -webkit-transition: color 0.3s,font-weight 0.3s;
                transition: color 0.3s,font-weight 0.3s
            }

                .question2 .slider-container .labels span:first-child {
                    width: 51px
                }

                .question2 .slider-container .labels span:nth-child(2) {
                    width: 117px
                }

                .question2 .slider-container .labels span:nth-child(3) {
                    width: 45px
                }

                .question2 .slider-container .labels span:nth-child(4) {
                    width: 98px
                }

                .question2 .slider-container .labels span.active {
                    z-index: 1;
                    color: var(--White,#FFF);
                    font-family: Poppins;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 32px
                }

    .question2 .quiz-controls {
        margin-top: 273px
    }

        .question2 .quiz-controls #next_questbtn2 .control-next-icon, .question2 .quiz-controls #next_questbtn2 .control-prev-icon, .question2 .quiz-controls #prev_questbtn2 .control-next-icon, .question2 .quiz-controls #prev_questbtn2 .control-prev-icon {
            pointer-events: auto;
            opacity: 1
        }

.question3 {
    height: 800px;
    background-position: center
}

    .question3 .container {
        margin-top: 218px
    }

    .question3 h2 {
        text-align: center;
        width: 660px
    }

    .question3 .quiz-options {
        margin-bottom: 73px
    }

        .question3 .quiz-options .button-content {
            position: relative;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .question3 .quiz-options .button-content input {
                position: absolute;
                opacity: 0
            }

            .question3 .quiz-options .button-content label {
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                padding: 19px 40px 19px 52px;
                border-radius: 72px;
                background: var(--White,#FFF);
                position: relative;
                display: inline-block;
                cursor: pointer;
                -webkit-transition: background 0.5s ease-in-out;
                transition: background 0.5s ease-in-out
            }

                .question3 .quiz-options .button-content label:before {
                    content: "";
                    z-index: 1;
                    position: absolute;
                    left: 20px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 24px;
                    height: 24px;
                    background-color: var(--Light-purple-gradient,#D1C4E9);
                    border-radius: 50%;
                    -webkit-transition: background-color 0.3s ease;
                    transition: background-color 0.3s ease
                }

            .question3 .quiz-options .button-content input:checked + label:before {
                background-color: #400286
            }

            .question3 .quiz-options .button-content input:checked + label {
                background: var(--Light-Purple,#DED8FF)
            }

            .question3 .quiz-options .button-content:hover label {
                background: var(--Light-Purple,#DED8FF)
            }

                .question3 .quiz-options .button-content:hover label:before {
                    background-color: #400286
                }

.question4 {
    height: 800px;
    background-position: center
}

    .question4 .container {
        margin-top: 218px
    }

    .question4 h2 {
        text-align: center;
        width: 660px
    }

    .question4 .quiz-options {
        margin-bottom: 74px
    }

    .question4 .quiz-content .quiz-options {
        padding: 0 10px
    }

    .question4 .quiz-options .button-content {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .question4 .quiz-options .button-content input {
            position: absolute;
            opacity: 0
        }

        .question4 .quiz-options .button-content label {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            padding: 19px 40px 19px 52px;
            border-radius: 72px;
            background: var(--White,#FFF);
            position: relative;
            display: inline-block;
            cursor: pointer;
            -webkit-transition: background 0.5s ease-in-out;
            transition: background 0.5s ease-in-out
        }

            .question4 .quiz-options .button-content label:before {
                content: "";
                z-index: 1;
                position: absolute;
                left: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 24px;
                height: 24px;
                background-color: var(--Light-purple-gradient,#D1C4E9);
                border-radius: 50%;
                -webkit-transition: background-color 0.3s ease;
                transition: background-color 0.3s ease
            }

        .question4 .quiz-options .button-content input:checked + label:before {
            background-color: #400286
        }

        .question4 .quiz-options .button-content input:checked + label {
            background: var(--Light-Purple,#DED8FF)
        }

        .question4 .quiz-options .button-content:hover label {
            background: var(--Light-Purple,#DED8FF)
        }

            .question4 .quiz-options .button-content:hover label:before {
                background-color: #400286
            }

.question5 {
    height: 800px;
    background-position: center
}

    .question5 .container {
        margin-top: 218px
    }

    .question5 .quiz-controls {
        margin-left: 50px
    }

    .question5 .quiz-options {
        margin-bottom: 121px
    }

        .question5 .quiz-options .button-content {
            position: relative;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .question5 .quiz-options .button-content input {
                position: absolute;
                opacity: 0
            }

            .question5 .quiz-options .button-content label {
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                padding: 19px 40px 19px 52px;
                border-radius: 72px;
                background: var(--White,#FFF);
                position: relative;
                display: inline-block;
                cursor: pointer
            }

                .question5 .quiz-options .button-content label:before {
                    content: "";
                    z-index: 1;
                    position: absolute;
                    left: 20px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 24px;
                    height: 24px;
                    background-color: var(--Light-purple-gradient,#D1C4E9);
                    border-radius: 50%;
                    -webkit-transition: background-color 0.3s ease;
                    transition: background-color 0.3s ease
                }

            .question5 .quiz-options .button-content input:checked + label:before {
                background-color: #400286
            }

            .question5 .quiz-options .button-content input:checked + label {
                background: var(--Light-Purple,#DED8FF)
            }

            .question5 .quiz-options .button-content:hover label {
                background: var(--Light-Purple,#DED8FF)
            }

                .question5 .quiz-options .button-content:hover label:before {
                    background-color: #400286
                }

    .question5 h2 {
        text-align: center;
        width: 704px
    }

    .question5 .quiz-content p {
        padding-bottom: 46px
    }

#question1, #question2, #question3, #question4, #question5, #question6, #quizresultpage {
    display: none;
    overflow: hidden
}

.quiz-wrapper {
    background-color: #574399;
    min-height: 800px;
    position: relative;
    z-index: 0
}

#quizresultpage {
    background: #574399;
    padding-top: 245px
}

    #quizresultpage .hidden-section {
        display: none
    }

    #quizresultpage .Based-on-your-answers .Based-on-h2 h1 {
        color: #FFF;
        text-align: center;
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 37px
    }

    #quizresultpage .Based-on-your-answers .take-you-div {
        margin-bottom: 47px
    }

        #quizresultpage .Based-on-your-answers .take-you-div p {
            color: #FFF;
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            margin-bottom: 22px
        }

    #quizresultpage .Based-on-your-answers .two-anchor {
        gap: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        #quizresultpage .Based-on-your-answers .two-anchor a {
            border-radius: 37px;
            background: #FFF;
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 288px;
            height: 44px;
            padding: 7px 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            #quizresultpage .Based-on-your-answers .two-anchor a img {
                margin-left: 8px
            }

            #quizresultpage .Based-on-your-answers .two-anchor a span {
                color: #400286;
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                letter-spacing: -0.32px
            }

            #quizresultpage .Based-on-your-answers .two-anchor a img {
                width: 15px;
                height: 12px
            }

            #quizresultpage .Based-on-your-answers .two-anchor a:hover {
                background: var(--Light-Purple,#DED8FF)
            }

            #quizresultpage .Based-on-your-answers .two-anchor a.active {
                background: var(--Light-Purple,#DED8FF)
            }

            #quizresultpage .Based-on-your-answers .two-anchor a.email {
                max-width: 194px;
                padding: 10px 17px
            }

            #quizresultpage .Based-on-your-answers .two-anchor a.download {
                max-width: 198px;
                padding: 10px 20.5px
            }

                #quizresultpage .Based-on-your-answers .two-anchor a.download img {
                    width: 16px;
                    height: 16px
                }

            #quizresultpage .Based-on-your-answers .two-anchor a.start-over {
                max-width: 152px;
                padding: 10px 25px
            }

                #quizresultpage .Based-on-your-answers .two-anchor a.start-over img {
                    width: 18px;
                    height: 18px
                }

    #quizresultpage .Based-on-your-answers .quiz-emailsec {
        max-width: 608px;
        margin: auto;
        margin-top: 26px;
        text-align: left;
        display: none
    }

        #quizresultpage .Based-on-your-answers .quiz-emailsec .Form__MainBody {
            position: relative
        }

        #quizresultpage .Based-on-your-answers .quiz-emailsec .Form__Status {
            display: none
        }

            #quizresultpage .Based-on-your-answers .quiz-emailsec .Form__Status .Form__Status__Message {
                background-color: unset
            }

                #quizresultpage .Based-on-your-answers .quiz-emailsec .Form__Status .Form__Status__Message h4 {
                    color: var(--White,var(--White,#FFF));
                    text-align: center;
                    font-family: Poppins;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 32px
                }

        #quizresultpage .Based-on-your-answers .quiz-emailsec label {
            color: var(--White,var(--White,#FFF));
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 22px;
            margin-bottom: 8px
        }

        #quizresultpage .Based-on-your-answers .quiz-emailsec input {
            width: 100%;
            border-radius: 200px;
            border: 2px solid var(--Light-Purple,#DED8FF);
            background: var(--White,#FFF);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 48px;
            padding: 4px 4px 4px 20px;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 8px;
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
            margin-bottom: 8px
        }

        #quizresultpage .Based-on-your-answers .quiz-emailsec .ValidationFail input {
            border: 2px solid var(--Coral,#F8636C)
        }

        #quizresultpage .Based-on-your-answers .quiz-emailsec span.Form__Element__ValidationError {
            color: var(--Coral,#F8636C);
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 22px
        }

        #quizresultpage .Based-on-your-answers .quiz-emailsec .submit-btn {
            position: absolute;
            right: 5px;
            top: 34px
        }

            #quizresultpage .Based-on-your-answers .quiz-emailsec .submit-btn button {
                border-radius: 200px;
                background: var(--Purple-Blue-Gradient,linear-gradient(84deg,#482B74 2.42%,#452F77 18.21%,#3E3B83 34.93%,#325097 51.65%,#226DB2 68.38%,#0C92D5 85.1%,#00A9EB 94.39%));
                color: var(--White,var(--White,#FFF));
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                height: 40px;
                line-height: 22px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 113px;
                padding: 10px 32px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 8px;
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                margin-bottom: 0;
                border: none
            }

                #quizresultpage .Based-on-your-answers .quiz-emailsec .submit-btn button:hover {
                    background: #400286;
                    color: #fff
                }

        #quizresultpage .Based-on-your-answers .quiz-emailsec .EPiServerForms .ValidationRequired .Form__Element__Caption:after {
            content: unset !important
        }

    #quizresultpage .dry {
        text-align: center;
        background-color: #ffffff;
        position: relative;
        max-width: 1136px;
        margin: auto;
        margin-top: 131px;
        padding: 85px 53px 29px 47px
    }

        #quizresultpage .dry .bordering {
            border-bottom: 2px solid #CCCCCC
        }

        #quizresultpage .dry .title {
            line-height: normal;
            border-radius: 6.44px;
            background: #400286;
            position: absolute;
            left: 93px;
            top: -61px;
            width: 652px
        }

            #quizresultpage .dry .title h5 {
                font-size: 24px;
                font-weight: bold;
                padding: 20px
            }

            #quizresultpage .dry .title h2.title-htwo-cnt {
                color: var(--White,var(--White,#FFF));
                text-align: center;
                font-family: Poppins;
                font-size: 32.222px;
                font-style: normal;
                font-weight: 600;
                line-height: 45.111px;
                letter-spacing: -0.322px;
                padding: 13px 52px 14px 50px
            }

        #quizresultpage .dry h3 {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 24px;
            margin-bottom: 21px;
            font-style: normal;
            font-weight: 700;
            line-height: 32px
        }

        #quizresultpage .dry p {
            color: #0c333b;
            text-align: left;
            margin-top: 10px;
            font-size: 18px;
            font-weight: normal;
            line-height: 30px
        }

            #quizresultpage .dry p span {
                font-weight: 700;
                color: var(--pine-green)
            }

        #quizresultpage .dry .final {
            padding: 15px 0px 35px 25px;
            text-align: start
        }

            #quizresultpage .dry .final p {
                color: var(--Dark-Gray,#232323);
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                display: none;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-top: 15.88px
            }

                #quizresultpage .dry .final p img {
                    padding-right: 12.63px;
                    margin-top: 3px
                }

            #quizresultpage .dry .final img.eye-shck {
                margin-left: -7px;
                margin-bottom: -19px
            }

        #quizresultpage .dry .counter {
            padding: 15px 0px 35px 25px;
            text-align: start
        }

            #quizresultpage .dry .counter ul {
                padding-left: 27px
            }

                #quizresultpage .dry .counter ul li {
                    list-style: disc;
                    color: var(--Dark-Gray,#232323);
                    font-family: Poppins;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 26px
                }

            #quizresultpage .dry .counter .icon-img img.e-drps {
                margin-left: -24px;
                margin-bottom: -9px;
                margin-top: -10px
            }

    #quizresultpage .dry-eye {
        padding: 15px 0px 35px 25px;
        text-align: start
    }

        #quizresultpage .dry-eye .list1 ul {
            padding: 0
        }

            #quizresultpage .dry-eye .list1 ul li {
                color: var(--Dark-Gray,#232323);
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 15.8px
            }

                #quizresultpage .dry-eye .list1 ul li img {
                    padding-right: 12.63px
                }

                #quizresultpage .dry-eye .list1 ul li p {
                    margin: 0;
                    line-height: 26px
                }

        #quizresultpage .dry-eye .list1 .doll .excess {
            width: 240px
        }

        #quizresultpage .dry-eye #sliderresult ul li {
            color: var(--Dark-Gray,#232323);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: none;
            margin-bottom: 15.8px
        }

            #quizresultpage .dry-eye #sliderresult ul li img {
                padding-right: 12.63px
            }

            #quizresultpage .dry-eye #sliderresult ul li p {
                margin: 0;
                line-height: 26px
            }

        #quizresultpage .dry-eye #quizresult3 {
            max-width: 389px
        }

            #quizresultpage .dry-eye #quizresult3 ul li {
                color: var(--Dark-Gray,#232323);
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 15.8px
            }

                #quizresultpage .dry-eye #quizresult3 ul li img {
                    padding-right: 12.63px
                }

                #quizresultpage .dry-eye #quizresult3 ul li p {
                    margin: 0;
                    line-height: 26px
                }

        #quizresultpage .dry-eye #question5result p {
            color: var(--Dark-Gray,#232323);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            display: none;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 15.88px
        }

        #quizresultpage .dry-eye #question5result img {
            padding-right: 12.63px
        }

            #quizresultpage .dry-eye #question5result img.eye-shck {
                margin-left: -15px;
                margin-bottom: -12px
            }

        #quizresultpage .dry-eye .rx-treatments {
            padding-top: 0
        }

        #quizresultpage .dry-eye .icon-img img.mtre {
            margin-left: -15px;
            margin-bottom: -18px
        }

        #quizresultpage .dry-eye .icon-img img.eimg {
            margin-left: -14px;
            margin-bottom: -9px
        }

        #quizresultpage .dry-eye .icon-img img.dctr {
            margin-left: -36px;
            margin-top: -9px;
            margin-bottom: -10px
        }

        #quizresultpage .dry-eye .icon-img img.prpr-pd {
            margin-left: -31px;
            margin-bottom: -21px
        }

        #quizresultpage .dry-eye .icon-img img.clndr {
            margin-left: -21px;
            margin-bottom: -9px
        }

    #quizresultpage .list2 {
        position: relative
    }

    #quizresultpage .vertical-line {
        position: relative
    }

    #quizresultpage .vertical-2:before {
        content: "";
        border-left: 2px solid #d3d3d3;
        height: 93%;
        width: 0;
        position: absolute;
        left: 50%;
        top: 0
    }

    #quizresultpage #sectionToConvert {
        background: #574399;
        position: relative
    }

    #quizresultpage .Nxt-Pgarrow.quizz-result {
        margin-top: 89px
    }

        #quizresultpage .Nxt-Pgarrow.quizz-result .Mbo-eyeshore:before {
            background: url(/siteassets/img/img-556x74-MboQuiz-result-man.png);
            background-repeat: no-repeat;
            background-size: cover
        }

        #quizresultpage .Nxt-Pgarrow.quizz-result .Mbo-eyeshore:hover {
            background: #FFF
        }

.eye-doctor {
    background: #C7E5FF;
    padding: 78px 0 51px 0;
    display: none
}

    .eye-doctor h2 {
        color: var(--Royal-Purple,#400286);
        text-align: center;
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: 56px;
        margin-bottom: 22px
    }

    .eye-doctor p {
        color: var(--Dark-Gray,#232323);
        text-align: center;
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #574399;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #400286;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@media (min-width:992px) and (max-width:1200px) {
    #quizresultpage .dry .title {
        left: 70px
    }

    .quiz-content {
        width: 721px
    }

    .question2 .slider-container {
        width: 615px
    }

    .question4 .quiz-content {
        width: 745px;
        margin-left: -20px
    }

        .question4 .quiz-content .quiz-controls {
            margin-left: 20px
        }

    .question1 .quiz-options .button-content {
        margin: 0px 7px 0 0
    }

    .question1 .quiz-options {
        margin-bottom: 30px
    }

    .question1 .container {
        margin-top: 200px
    }
}

@media (min-width:992px) {
    #quizresultpage.pdf #sectionToConvert {
        padding-top: 230px
    }

    #quizresultpage.pdf .circle {
        background: #400286;
        border-radius: 50%;
        width: 435px;
        position: absolute;
        height: 435px;
        left: -130px;
        top: -190px
    }

        #quizresultpage.pdf .circle img {
            width: 215px;
            margin-top: 225px;
            margin-left: 170px
        }

    #quizresultpage.pdf .final h3 {
        max-width: 300px
    }

    #quizresultpage.pdf .Based-on-your-answers .Based-on-h2 {
        max-width: 711px;
        margin: auto
    }

    #quizresultpage.pdf .Based-on-your-answers .take-you-div {
        margin-bottom: 0
    }

        #quizresultpage.pdf .Based-on-your-answers .take-you-div p {
            font-size: 22px
        }

    #quizresultpage.pdf .dry {
        border-radius: 30px;
        margin-top: 90px
    }

        #quizresultpage.pdf .dry .counter ul {
            padding-left: 12px
        }

            #quizresultpage.pdf .dry .counter ul li {
                margin-bottom: 10px
            }

        #quizresultpage.pdf .dry .title {
            border-radius: 14px
        }

    #quizresultpage.pdf .dry-eye {
        padding: 15px 0px 35px 25px;
        min-height: 444px
    }

    #quizresultpage.pdf .pdf-footer {
        max-width: 1136px;
        margin: auto;
        margin-top: 110px;
        margin-bottom: 110px
    }

        #quizresultpage.pdf .pdf-footer .copyright, #quizresultpage.pdf .pdf-footer .footer-logo {
            margin-left: 20px
        }

        #quizresultpage.pdf .pdf-footer img {
            margin-bottom: 25px
        }

        #quizresultpage.pdf .pdf-footer p {
            color: #fff
        }
}

@media (max-width:991px) {
    .quiz-wrapper {
        min-height: 600px
    }

    .quiz-banner {
        padding-top: 141px;
        padding-bottom: 0;
        background-image: unset !important;
        background-color: #574399 !important
    }

        .quiz-banner:before {
            display: none
        }

        .quiz-banner h1 {
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 38px;
            font-style: normal;
            font-weight: 700;
            margin-bottom: 18px;
            line-height: 48px
        }

        .quiz-banner p {
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            margin-bottom: 18px;
            font-weight: 700;
            line-height: 26px
        }

        .quiz-banner h2 {
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            margin-bottom: 18px;
            font-weight: 700;
            line-height: 26px
        }

        .quiz-banner a.btn {
            margin: auto;
            width: 224px;
            font-size: 16px;
            line-height: normal;
            letter-spacing: -0.32px;
            margin-bottom: 21.53px
        }

        .quiz-banner .d-block.d-lg-none {
            margin: 0 -12px
        }

    .quiz-content {
        width: 100%;
        padding: 0px 18px
    }

        .quiz-content h2 {
            color: var(--White,#FFF);
            text-align: center;
            font-family: Poppins;
            font-size: 24px;
            font-style: normal;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-weight: 700;
            margin-bottom: 4px;
            border-radius: 10px;
            padding: 10px;
            line-height: 40px
        }

        .quiz-content h2:last-child {
            margin-bottom: 0px;
        }

        .quiz-content p {
            padding: 24px 0 24px 0
        }

        .quiz-content .quiz-options {
            margin: 0px 6px;
            gap: 10px;
            margin-bottom: 24px !important
        }

            .quiz-content .quiz-options .button-content {
                margin: 0
            }

                .quiz-content .quiz-options .button-content label {
                    font-size: 16px;
                    line-height: normal;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    height: 44px;
                    padding: 7px 20px;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 8px;
                    letter-spacing: -0.32px
                }

    #question1, #question2, #question3, #question4, #question5 {
        height: auto;
        background: #574399 !important
    }

        #question1 img, #question3 img, #question4 img, #question5 img {
            margin-top: -35px
        }

        #question2 img {
            margin-top: -18px
        }

        #question1 .col-lg-3, #question2 .col-lg-3, #question3 .col-lg-3, #question4 .col-lg-3, #question5 .col-lg-3 {
            padding: 0
        }

        #question1 .container, #question2 .container, #question3 .container, #question4 .container, #question5 .container {
            margin-top: 117px;
            padding: 0;
            max-width: 100%
        }

        #question3 img {
            margin-top: -68px
        }

        #question5 img {
            margin-top: -15px
        }

    .quiz-controls {
        margin-top: 24px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 14.12px;
        max-width: 406px;
        margin-left: auto;
        margin-right: auto
    }

        .quiz-controls .indicators {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            margin-bottom: 20px
        }

        .quiz-controls .control-prev {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .quiz-controls .control-prev .control-prev-icon {
                margin-right: 12px;
                margin-left: 18px
            }

        .quiz-controls .control-next {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

            .quiz-controls .control-next .control-next-icon {
                margin-right: 18px;
                margin-left: 12px
            }

    .question1 {
        background: #574399 !important;
        background-image: unset !important
    }

        .question1 .quiz-options {
            gap: 10px
        }

            .question1 .quiz-options .button-content {
                margin: 0
            }

        .question1#question1 .quiz-content .quiz-options .button-content label:after {
            display: none
        }

    .question2 .slider-container {
        margin-bottom: 20px;
        width: 100%;
        padding: 0
    }

        .question2 .slider-container .slider {
            height: 8px
        }

            .question2 .slider-container .slider::-webkit-slider-thumb {
                width: 31px;
                height: 31px;
                background-image: url(/siteassets/img/icon-74x74-slider-thumb-mobile.png);
                border-radius: 24.5px;
                margin-top: -4px
            }

            .question2 .slider-container .slider::-moz-range-track {
                width: 100%
            }

            .question2 .slider-container .slider::-moz-range-thumb {
                width: 31px;
                height: 31px
            }

        .question2 .slider-container .labels {
            margin-top: 22px
        }

            .question2 .slider-container .labels span {
                font-size: 16px;
                font-weight: 500;
                line-height: normal
            }

                .question2 .slider-container .labels span:first-child {
                    width: unset
                }

                .question2 .slider-container .labels span:nth-child(2) {
                    width: unset
                }

                .question2 .slider-container .labels span:nth-child(3) {
                    width: unset
                }

                .question2 .slider-container .labels span:nth-child(4) {
                    width: unset
                }

                .question2 .slider-container .labels span.active {
                    font-size: 16px;
                    line-height: normal
                }

    .question2 .quiz-controls {
        margin-top: 50px
    }

    .question2 .quiz-content p {
        padding: 24px 0 24px 0
    }

    .question3 .quiz-options .button-content {
        width: 100%
    }

        .question3 .quiz-options .button-content label {
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            letter-spacing: -0.32px;
            width: 100%;
            padding: 7px 20px 7px 58px;
            text-align: left;
            height: 60px;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

            .question3 .quiz-options .button-content label:before {
                left: 24px
            }

        .question3 .quiz-options .button-content:first-child label {
            height: 60px
        }

        .question3 .quiz-options .button-content:nth-child(2) label {
            height: 60px
        }

        .question3 .quiz-options .button-content:hover label {
            background: white
        }

            .question3 .quiz-options .button-content:hover label:before {
                background-color: var(--Light-purple-gradient,#D1C4E9)
            }

    .question4 .quiz-content h2 {
        white-space: nowrap
    }

    .question4 .quiz-content .quiz-options {
        padding: 0
    }

        .question4 .quiz-content .quiz-options .button-content {
            width: 100%
        }

            .question4 .quiz-content .quiz-options .button-content label {
                font-size: 16px;
                font-weight: 500;
                line-height: 20px;
                letter-spacing: -0.32px;
                width: 100%;
                padding: 7px 20px 7px 58px;
                text-align: left;
                height: 60px;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .question4 .quiz-content .quiz-options .button-content label:before {
                    left: 24px
                }

            .question4 .quiz-content .quiz-options .button-content:first-child label {
                height: 60px
            }

            .question4 .quiz-content .quiz-options .button-content:hover label {
                background: white
            }

                .question4 .quiz-content .quiz-options .button-content:hover label:before {
                    background-color: var(--Light-purple-gradient,#D1C4E9)
                }

            .question4 .quiz-content .quiz-options .button-content:hover input:checked + label:before {
                background-color: #400286
            }

            .question4 .quiz-content .quiz-options .button-content:hover input:checked + label {
                background: var(--Light-Purple,#DED8FF)
            }

    .question5 .quiz-content .quiz-options {
        padding: 0
    }

        .question5 .quiz-content .quiz-options .button-content {
            width: 100%
        }

            .question5 .quiz-content .quiz-options .button-content label {
                font-size: 16px;
                font-weight: 500;
                line-height: 20px;
                letter-spacing: -0.32px;
                width: 100%;
                padding: 7px 20px 7px 58px;
                text-align: left;
                height: 60px;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .question5 .quiz-content .quiz-options .button-content label:before {
                    left: 24px
                }

            .question5 .quiz-content .quiz-options .button-content:hover label {
                background: white
            }

                .question5 .quiz-content .quiz-options .button-content:hover label:before {
                    background-color: var(--Light-purple-gradient,#D1C4E9)
                }

            .question5 .quiz-content .quiz-options .button-content:hover input:checked + label:before {
                background-color: #400286
            }

            .question5 .quiz-content .quiz-options .button-content:hover input:checked + label {
                background: var(--Light-Purple,#DED8FF)
            }

    .question5 .quiz-content p {
        padding-bottom: 24px
    }

    .question5 .quiz-controls .control-next {
        margin-right: -20px
    }

    .question5 .quiz-controls {
        margin-left: auto
    }

    #quizresultpage {
        padding-top: 151px
    }

        #quizresultpage #sectionToConvert {
            padding-top: 0
        }

        #quizresultpage .Based-on-your-answers .Based-on-h2 h1 {
            color: var(--White,var(--White,#FFF));
            text-align: center;
            font-family: Poppins;
            font-size: 28px;
            padding: 0 10px;
            font-style: normal;
            font-weight: 700;
            margin-bottom: 40px;
            line-height: 36px
        }

        #quizresultpage .Based-on-your-answers .take-you-div {
            margin-bottom: 32px
        }

            #quizresultpage .Based-on-your-answers .take-you-div p {
                color: var(--White,var(--White,#FFF));
                text-align: center;
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px
            }

        #quizresultpage .Based-on-your-answers .two-anchor {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 0px
        }

            #quizresultpage .Based-on-your-answers .two-anchor a {
                max-width: 288px !important;
                margin: auto;
                width: 100%;
                margin-bottom: 20px
            }

        #quizresultpage .Based-on-your-answers .quiz-emailsec {
            margin-top: 0;
            width: 100%
        }

            #quizresultpage .Based-on-your-answers .quiz-emailsec .email-body {
                margin-bottom: 45px
            }

        #quizresultpage .dry {
            padding: 18px;
            margin-top: 63px
        }

            #quizresultpage .dry .bordering {
                border-bottom: none
            }

            #quizresultpage .dry .title {
                left: 0px;
                top: -40px;
                width: 100%;
                position: absolute
            }

                #quizresultpage .dry .title h2.title-htwo-cnt {
                    color: var(--White,var(--White,#FFF));
                    text-align: center;
                    font-family: Poppins;
                    font-size: 28px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 36px;
                    padding: 8px 19px
                }

            #quizresultpage .dry h3 {
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px
            }

            #quizresultpage .dry .final {
                padding: 15px 0px 35px 0px
            }

            #quizresultpage .dry .counter {
                padding: 15px 0px 35px 0px
            }

        #quizresultpage .dry-eye {
            padding: 22px 0px 30px 0px
        }

            #quizresultpage .dry-eye .list1 ul li {
                margin-bottom: 15.39px;
                margin-right: 16.53px;
                color: var(--Royal-Purple,#400286);
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: normal
            }

            #quizresultpage .dry-eye .icon-img img.eimg {
                margin-bottom: 6px;
                margin-top: 4px
            }

            #quizresultpage .dry-eye .icon-img img.clndr {
                margin-left: -21px;
                margin-bottom: 6px
            }

            #quizresultpage .dry-eye .icon-img img.mtre {
                margin-bottom: 0
            }

        #quizresultpage .dry .final img.eye-shck {
            margin-left: -20px;
            margin-bottom: 0
        }

        #quizresultpage .dry .counter .icon-img img.e-drps {
            margin-bottom: 0
        }

        #quizresultpage .horizontal-line {
            border-bottom: 2px solid #CCCCCC
        }

        #quizresultpage .vertical-2:before {
            display: none
        }

        #quizresultpage.pdf #sectionToConvert {
            padding-top: 255px
        }

        #quizresultpage.pdf .circle {
            background: #400286;
            border-radius: 50%;
            width: 435px;
            position: absolute;
            height: 435px;
            left: -130px;
            top: -210px
        }

            #quizresultpage.pdf .circle img {
                width: 215px;
                margin-top: 255px;
                margin-left: 170px
            }

        #quizresultpage.pdf .final h3 {
            max-width: 300px
        }

        #quizresultpage.pdf .Based-on-your-answers .Based-on-h2 {
            max-width: 711px;
            margin: auto
        }

        #quizresultpage.pdf .Based-on-your-answers .take-you-div {
            margin-bottom: 0
        }

            #quizresultpage.pdf .Based-on-your-answers .take-you-div p {
                font-size: 22px
            }

        #quizresultpage.pdf .dry {
            margin-top: 90px
        }

            #quizresultpage.pdf .dry .title h2.title-htwo-cnt {
                padding: 9px 20px
            }

        #quizresultpage.pdf .pdf-footer {
            margin-top: 60px;
            margin-bottom: 60px
        }

            #quizresultpage.pdf .pdf-footer .copyright, #quizresultpage.pdf .pdf-footer .footer-logo {
                margin-left: 20px
            }

            #quizresultpage.pdf .pdf-footer img {
                margin-bottom: 25px
            }

            #quizresultpage.pdf .pdf-footer p {
                color: #fff
            }

        #quizresultpage .Nxt-Pgarrow.quizz-result {
            margin-top: unset
        }

            #quizresultpage .Nxt-Pgarrow.quizz-result .Mbo-eyeshore:hover {
                background: #FFF
            }

            #quizresultpage .Nxt-Pgarrow.quizz-result .content p {
                padding-left: 18px;
                padding-right: 18px
            }

    .eye-doctor {
        padding: 40px 0 32px 0
    }

        .eye-doctor .container {
            padding: 0
        }

        .eye-doctor h2 {
            color: var(--Royal-Purple,#400286);
            font-family: Poppins;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px
        }

        .eye-doctor p {
            color: var(--Dark-Gray,#232323);
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            text-align: left;
            line-height: 26px
        }
}

@media (max-width:767px) {
    #quizresultpage .Based-on-your-answers .quiz-emailsec .submit-btn {
        top: 56px
    }
}

#question1 .quiz-content .quiz-options .button-content label {
    position: relative;
    overflow: hidden
}

    #question1 .quiz-content .quiz-options .button-content label:after {
        content: "";
        position: absolute;
        height: calc(100% - 5px);
        width: calc(100% - 5px);
        height: 100%;
        width: 100%;
        background: blue;
        background: url("/siteassets/img/img-65x130-q-one-b1.png") no-repeat;
        background-size: cover;
        background-position: center;
        top: 0;
        left: 0;
        border-radius: 72px;
        margin: 0px;
        scale: 0.8;
        display: block;
        -webkit-transition: 0.3s ease scale;
        transition: 0.3s ease scale;
        visibility: hidden
    }

    #question1 .quiz-content .quiz-options .button-content label:hover:after {
        visibility: visible;
        scale: 1.03
    }

#question1 .quiz-content .quiz-options .button-content:first-child label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b1.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(2) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b2.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(3) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b3.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(4) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b4.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(5) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b5.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(6) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b6.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(7) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b7.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(8) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b8.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(9) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b9.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(10) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b10.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(11) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b11.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(12) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b12.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(13) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b13.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(14) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b14.png")
}

#question1 .quiz-content .quiz-options .button-content:nth-child(15) label:after {
    background-image: url("/siteassets/img/img-65x130-q-one-b15.png")
}

#question1, #question2, #question3, #question4, #question5, #question6 {
    -webkit-transition: background-size 1.9s cubic-bezier(0.05,0.1,0.25,1);
    transition: background-size 1.9s cubic-bezier(0.05,0.1,0.25,1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.enlarged {
    background-size: auto 120% !important
}

.normal {
    background-size: auto 100% !important
}

.quiz-wrapper .quiz-buttons {
    position: relative;
    display: none
}

    .quiz-wrapper .quiz-buttons .quiz-controls {
        position: absolute;
        top: -99px;
        right: 138px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 1s ease-in-out,visibility 0s ease-in-out;
        transition: opacity 1s ease-in-out,visibility 0s ease-in-out
    }

        .quiz-wrapper .quiz-buttons .quiz-controls.show {
            opacity: 1;
            visibility: visible
        }

        .quiz-wrapper .quiz-buttons .quiz-controls.last-quiz {
            right: 87px
        }

@media (min-width:992px) and (max-width:1200px) {
    .quiz-wrapper .quiz-buttons .quiz-controls {
        top: -73px;
        right: 101px
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .quiz-buttons .quiz-controls {
        top: -331px
    }
}

@media (max-width:991px) {
    .quiz-wrapper .quiz-buttons .quiz-controls {
        position: unset
    }
}

@media (min-width:1441px) {
    .quiz-banner:before {
        content: "";
        position: absolute;
        width: 1460px;
        height: 931px;
        bottom: -2px;
        left: calc(50% - 712px);
        z-index: -1;
        background: url(/siteassets/img/img-1440x931-blue-curve-bg.png);
        background-size: 1460px !important;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media screen and (max-width:360px) {
    .quiz-content h2 {
        font-size: 24px
    }

    .quiz-content .quiz-options .button-content label {
        font-size: 15px
    }
}

.finddoctor {
    opacity: 0
}

.fade-in {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-animation: slideFadeIn 2s forwards;
    animation: slideFadeIn 2s forwards;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@-webkit-keyframes slideFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideFadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hero-img {
    background: #4B2B84;
    background-image: url(/siteassets/img/img-1440x458-find-doc.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: -340px bottom;
    padding-top: 266px;
    padding-bottom: 133px
}

    .hero-img .col-lg-8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-img .col-lg-4 {
        padding-left: 0;
        padding-right: 0
    }

    .hero-img .Banner-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .hero-img .Banner-content h1 {
            font-size: 52px;
            color: #fff;
            margin-bottom: 29px;
            font-weight: 700;
            line-height: 65px;
            font-family: Poppins;
            text-align: left
        }

        .hero-img .Banner-content p {
            font-family: Poppins;
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            color: #fff;
            max-width: 525px;
            text-align: left
        }

            .hero-img .Banner-content p em {
                font-family: Poppins;
                color: #fff
            }

    .hero-img .img-content {
        margin-left: -239px
    }

        .hero-img .img-content img {
            width: 771px;
            height: auto
        }

.ask-your-doctor-sec {
    background-size: 1440px !important;
    width: 100%;
    padding-top: 150px;
    background-position: top;
    height: 614px;
    overflow: hidden;
    position: relative
}

    .ask-your-doctor-sec .ask-doc-icon {
        top: 117px;
        position: absolute;
        left: calc(50% + 410px);
        width: 100px
    }

        .ask-your-doctor-sec .ask-doc-icon img {
            width: 100%;
            height: auto;
            border-radius: 50%
        }

    .ask-your-doctor-sec .girl-with-mobile {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background: url("/siteassets/img/img-1440x614-girl-with-mobile.png") no-repeat;
        background-size: 1440px;
        background-position: top
    }

        .ask-your-doctor-sec .girl-with-mobile img {
            position: absolute;
            width: 100%;
            visibility: hidden
        }

    .ask-your-doctor-sec .col-12:last-child {
        padding-left: 0;
        padding-right: 0;
        display: none
    }

    .ask-your-doctor-sec .ask-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 354px;
        margin-left: 30px
    }

        .ask-your-doctor-sec .ask-content h2 {
            font-family: Poppins;
            font-size: 48px;
            font-style: normal;
            font-weight: 700;
            line-height: 56px;
            color: #400286;
            text-align: left;
            margin-bottom: 16px
        }

        .ask-your-doctor-sec .ask-content p {
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            color: #232323;
            text-align: left
        }

.Nxt-Pgarrow.find-doc-Arrow .Mbo-eyeshore:before {
    background: url(/siteassets/img/img-556x74-Mbo-eyeshore-fad.png);
    background-repeat: no-repeat;
    background-size: cover
}

.Nxt-Pgarrow.find-doc-Arrow .Mbo-eyeshore:hover {
    background: #FFF
}

    .Nxt-Pgarrow.find-doc-Arrow .Mbo-eyeshore:hover p {
        opacity: 1
    }

    .Nxt-Pgarrow.find-doc-Arrow .Mbo-eyeshore:hover img {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.finddoctor directory-widget .ddc-fadtext ddc-div {
    margin-top: 25px
}

.terms_conditions {
    margin-top: 130px;
    margin-bottom: 88px;
    padding-top: 38px
}

    .terms_conditions h1 {
        text-align: center;
        font-size: 32px;
        line-height: 40px;
        color: #400488;
        margin-bottom: 38px;
        font-weight: 700
    }

    .terms_conditions h5 {
        font-size: 18px;
        line-height: 26px;
        color: #232323;
        font-weight: 400
    }

    .terms_conditions p {
        font-size: 18px;
        line-height: 26px;
        color: #232323
    }

        .terms_conditions p.ophthalmic-sol {
            margin-bottom: 16px
        }

.video-ad.blink_rx-vid {
    margin-top: 50px
}

@media (min-width:992px) {
    .ask-your-doctor-sec .girl-with-mobile {
        left: -18px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .hero-img {
        background-position: -630px bottom
    }

    .ask-your-doctor-sec {
        height: 530px;
        background-size: 1250px !important
    }

        .ask-your-doctor-sec .ask-doc-icon {
            top: 102px;
            left: calc(50% + 356px);
            width: 86px
        }

        .ask-your-doctor-sec .girl-with-mobile {
            background-size: 1250px
        }

        .ask-your-doctor-sec .ask-content {
            margin-left: 18px
        }
}

@media (max-width:1400px) and (min-width:1200px) {
    .ask-your-doctor-sec .ask-content {
        margin-left: unset
    }
}

@media only screen and (min-width:1441px) {
    .ask-your-doctor-sec {
        height: 814px;
        background-size: 1920px !important;
        padding-bottom: 320px;
        padding-top: 270px
    }

        .ask-your-doctor-sec .ask-doc-icon {
            top: 154px;
            left: calc(50% + 544px);
            width: 138px
        }

        .ask-your-doctor-sec .girl-with-mobile {
            background-size: 1920px
        }
}

@media only screen and (max-width:991px) {
    .hero-img {
        height: unset;
        padding-top: 141px;
        overflow: hidden;
        background-image: unset !important;
        padding-bottom: 378px
    }

        .hero-img .img-content {
            width: unset;
            height: unset;
            margin-left: 0
        }

        .hero-img .Banner-content {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .hero-img .Banner-content h1 {
                font-size: 38px;
                line-height: 42px;
                text-align: center;
                margin-bottom: 20px
            }

            .hero-img .Banner-content p {
                text-align: center;
                margin-bottom: 0
            }

        .hero-img .Findmob-banimg {
            position: relative
        }

            .hero-img .Findmob-banimg img {
                position: absolute;
                top: 0;
                left: 46%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 625px
            }

    .ask-your-doctor-sec {
        background-image: none !important;
        background: unset;
        height: unset;
        padding-top: 92px;
        padding-bottom: 0
    }

        .ask-your-doctor-sec .container {
            max-width: 100%;
            padding: 0 12px
        }

        .ask-your-doctor-sec img {
            width: 100%
        }

        .ask-your-doctor-sec .col-12:last-child {
            padding-left: 0;
            padding-right: 0;
            display: block
        }

        .ask-your-doctor-sec .ask-content {
            max-width: unset;
            margin-left: 0
        }

            .ask-your-doctor-sec .ask-content h2 {
                text-align: center;
                font-size: 28px;
                line-height: 36px
            }

            .ask-your-doctor-sec .ask-content p {
                margin-bottom: 48px;
                text-align: center
            }

    .terms_conditions h1 {
        font-size: 26px;
        line-height: 30px
    }

    .terms_conditions h5 {
        font-size: 16px;
        line-height: 26px
    }

    .terms_conditions p {
        font-size: 16px;
        line-height: 26px
    }

        .terms_conditions p.ophthalmic-sol {
            margin-bottom: 16px
        }
}

@media (min-width:1921px) {
    .ask-your-doctor-sec {
        height: 961px;
        background-size: 2256px !important;
        padding-bottom: 320px;
        padding-top: 270px
    }

        .ask-your-doctor-sec .ask-doc-icon {
            top: 181px;
            left: calc(50% + 639px);
            width: 161px
        }

        .ask-your-doctor-sec .girl-with-mobile {
            background-size: 2256px
        }
}

@media (min-width:2257px) {
    .ask-your-doctor-sec {
        height: 1215px;
        background-size: 3200px !important;
        padding-bottom: 320px;
        padding-top: 270px
    }

        .ask-your-doctor-sec .ask-doc-icon {
            top: 253px;
            left: calc(50% + 905px);
            width: 228px
        }

        .ask-your-doctor-sec .girl-with-mobile {
            background-size: 3200px
        }
}

@media (min-width:1600px) {
    .hero-img {
        background-size: contain !important;
        background-position: 10px bottom
    }
}

@media (min-width:1921px) {
    .hero-img {
        background-size: contain !important;
        background-position: center bottom
    }
}

.EPiServerForms .Form__Success .Form__Success__Message {
    background-color: unset !important;
    padding: 0 !important;
    margin: 0 !important
}

.mibo-popup_form .modal {
    border-radius: 12px;
    overflow: auto;
    max-height: 1440px
}

    .mibo-popup_form .modal > .mCustomScrollBox {
        background: transparent !important
    }

        .mibo-popup_form .modal > .mCustomScrollBox > .mCSB_scrollTools {
            opacity: 0 !important
        }

    .mibo-popup_form .modal > .mCSB_inside > .mCSB_container {
        margin-right: 0
    }

    .mibo-popup_form .modal > .mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important
    }

    .mibo-popup_form .modal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: rgba(255,255,255,0.3) !important
    }

    .mibo-popup_form .modal .modal-dialog {
        max-width: 1000px;
        border-radius: 10px
    }

        .mibo-popup_form .modal .modal-dialog .modal-content {
            border: 0;
            border-radius: 12px;
            background-size: 350px;
            background-color: unset
        }

        .mibo-popup_form .modal .modal-dialog .modal-body {
            background: #400286 url(/siteassets/img/img-1286x667-popup_bg.png) left bottom no-repeat;
            background-size: 350px;
            padding: 0;
            border-radius: 12px;
            padding-left: 40%;
            position: relative
        }

            .mibo-popup_form .modal .modal-dialog .modal-body:before {
                content: "";
                position: absolute;
                left: 46px;
                width: 217.422px;
                height: 146.989px;
                top: 60px;
                background: url(/siteassets/img/img-217x146-miebo_logo-white.png) center top no-repeat;
                background-size: contain
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .Form__MainBody {
                padding-right: 60px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .EPiServerForms .ValidationRequired .Form__Element__Caption:after {
                content: unset !important
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .FormParagraphText .tooltip-container {
                display: none
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container {
                position: relative;
                display: inline-block;
                cursor: pointer;
                padding-bottom: 17px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container:nth-child(2) {
                    display: none
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container .tooltip-icon {
                    background-color: #e1d7fb;
                    color: #5e4ca3;
                    border-radius: 50%;
                    font-weight: bold;
                    font-size: 16px;
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    width: 22px;
                    height: 22px;
                    margin-left: 2px;
                    margin-top: -7px
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container .tooltip-content {
                    visibility: hidden;
                    width: 300px;
                    background-color: white;
                    color: black;
                    text-align: left;
                    padding: 18px 32px 14px 13px;
                    position: absolute;
                    z-index: 2;
                    left: 134px;
                    top: 38px;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    border-radius: 6px;
                    background: #fff;
                    -webkit-box-shadow: 0px 0px 11.2px 3px rgba(0,0,0,0.15);
                    box-shadow: 0px 0px 11.2px 3px rgba(0,0,0,0.15);
                    font-size: 14px;
                    line-height: 1.5;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    height: 92px
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container .tooltip-content p {
                        color: #000;
                        font-family: Poppins;
                        font-size: 15px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 20px
                    }

                        .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container .tooltip-content p a {
                            color: #000;
                            font-family: Poppins;
                            font-size: 14px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: 20px;
                            text-decoration-line: underline
                        }

                    .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container .tooltip-content img {
                        margin-right: 10px;
                        margin-top: 1px
                    }

                .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container:hover .tooltip-content {
                    visibility: visible
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .popup_close-cta {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .popup_close-cta img {
                    width: 34px;
                    background-color: #fff;
                    position: absolute;
                    right: 26px;
                    cursor: pointer;
                    top: 23px;
                    border-radius: 50%;
                    padding: 8px
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .popup_close-cta img:hover {
                        background-color: #ded8ff
                    }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_left {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_left img {
                    position: absolute;
                    left: 0px;
                    top: 146px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_right {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_right img {
                    position: absolute;
                    top: 439px;
                    right: 182px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-bublethanks_left {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-bublethanks_left img {
                    position: absolute;
                    left: 0px;
                    top: 169px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-bublethanks_right {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-bublethanks_right img {
                    position: absolute;
                    top: 366px;
                    right: 50px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_bottom-thanks {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_bottom-thanks img {
                    position: absolute;
                    bottom: 1px;
                    left: 300px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_bottom {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .desk-buble_bottom img {
                    position: absolute;
                    top: 578px;
                    left: 174px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .thanks_logo {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                padding-bottom: 20px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .thanks_logo img {
                    width: 316px;
                    margin-bottom: 20px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form p {
                color: #fff;
                text-align: left;
                font-family: Poppins;
                font-size: 30px;
                font-style: normal;
                font-weight: 700;
                line-height: 32px;
                padding-top: 96px;
                padding-bottom: 42px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .popclose-cta {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                padding-bottom: 72px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .popclose-cta a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    width: 200px;
                    height: 44px;
                    padding: 10px 32px;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 8px;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    border-radius: 200px;
                    border: 1px solid #d3d6f4;
                    background: #fff;
                    color: var(--Royal-Purple,#400286);
                    margin-left: 32px;
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    text-decoration: none
                }

            .mibo-popup_form .modal .modal-dialog .modal-body h3 {
                color: #fff;
                font-family: Poppins;
                font-size: 32px;
                font-style: normal;
                font-weight: 700;
                line-height: 40px;
                padding-bottom: 8px;
                padding-top: 32px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body p {
                color: #fff;
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                padding-bottom: 14px;
                line-height: 22px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body p.required {
                    color: #fff;
                    font-family: Poppins;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    padding-bottom: 22px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .miname {
                margin: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname label {
                    color: var(--White,#fff);
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    margin-bottom: 8px
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname .mieboForm_input {
                    width: 368px;
                    height: 40px;
                    padding: 4px 4px 4px 20px;
                    position: relative;
                    z-index: 1;
                    border-radius: 200px;
                    border: 1px solid var(--Light-Purple,#ded8ff);
                    background: #fff;
                    margin-bottom: 22px
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .miname .mieboForm_input:focus-visible {
                        outline: none
                    }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname .ValidationFail .mieboForm_input {
                    margin-bottom: 0;
                    border-radius: 200px;
                    border: 1px solid var(--Coral,#f8636c);
                    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,98,98,0.3)),to(rgba(255,98,98,0.3))),#fff;
                    background: linear-gradient(0deg,rgba(255,98,98,0.3) 0%,rgba(255,98,98,0.3) 100%),#fff
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname .ValidationFail span.Form__Element__ValidationError {
                    margin-bottom: 11px;
                    color: #f8636c
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname span {
                    position: relative;
                    z-index: 1
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mibophone {
                margin: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibophone label {
                    color: var(--White,#fff);
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    margin-bottom: 8px
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input {
                    width: 368px;
                    height: 40px;
                    padding: 4px 4px 4px 20px;
                    border-radius: 200px;
                    border: 1px solid var(--Light-Purple,#ded8ff);
                    background: #fff;
                    margin-bottom: 32px;
                    margin-top: -20px
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input::-webkit-input-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input::-moz-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input:-ms-input-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input::-ms-input-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input::placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input:focus-visible {
                        outline: none
                    }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .ValidationFail .mieboForm_input {
                    margin-bottom: 0;
                    border-radius: 200px;
                    border: 1px solid var(--Coral,#f8636c);
                    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,98,98,0.3)),to(rgba(255,98,98,0.3))),#fff;
                    background: linear-gradient(0deg,rgba(255,98,98,0.3) 0%,rgba(255,98,98,0.3) 100%),#fff
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .ValidationFail span.Form__Element__ValidationError {
                    margin-bottom: 9px;
                    color: #f8636c
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibophone span {
                    position: relative;
                    z-index: 1
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mibomail {
                margin: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail label {
                    color: var(--White,#fff);
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    margin-bottom: 8px
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input {
                    width: 368px;
                    height: 40px;
                    padding: 4px 4px 4px 20px;
                    position: relative;
                    z-index: 1;
                    border-radius: 200px;
                    border: 1px solid var(--Light-Purple,#ded8ff);
                    background: #fff;
                    margin-bottom: 22px
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input::-webkit-input-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input::-moz-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input:-ms-input-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input::-ms-input-placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input::placeholder {
                        color: #B2B2B2
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input:focus-visible {
                        outline: none
                    }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .ValidationFail .mieboForm_input {
                    margin-bottom: 0;
                    border-radius: 200px;
                    border: 1px solid var(--Coral,#f8636c);
                    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,98,98,0.3)),to(rgba(255,98,98,0.3))),#fff;
                    background: linear-gradient(0deg,rgba(255,98,98,0.3) 0%,rgba(255,98,98,0.3) 100%),#fff
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .ValidationFail span.Form__Element__ValidationError {
                    margin-bottom: 11px;
                    color: #f8636c
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail span {
                    position: relative;
                    z-index: 1
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label {
                color: transparent
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label input[type=checkbox] {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    width: 16px;
                    height: 16px;
                    border: 1px solid #DED8FF;
                    border-radius: 3px;
                    display: inline-block;
                    position: relative;
                    background: #fff;
                    cursor: pointer;
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label input[type=checkbox]:after {
                        content: "✓";
                        font-size: 14px;
                        color: white;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        -webkit-transform: translate(-50%,-50%);
                        transform: translate(-50%,-50%);
                        display: none
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label input[type=checkbox]:checked {
                        background-color: #00A9EB;
                        border: #fff
                    }

                        .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label input[type=checkbox]:checked:after {
                            display: block
                        }

                .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy {
                    height: 100px;
                    overflow: hidden;
                    margin-top: -77px;
                    margin-left: 26px
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy p strong {
                        font-weight: 700
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy p:last-child {
                        padding-bottom: 0
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy .mCSB_scrollTools .mCSB_draggerRail {
                        width: 7.559px;
                        border-radius: 3px;
                        background-color: #CAAFF4
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy .mCSB_scrollTools .mCSB_dragger_bar {
                        width: 7.559px;
                        border-radius: 3px;
                        background-color: #9B77D4
                    }

                    .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy._mCS_2 {
                        display: none
                    }

            .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy .ValidationFail label input[type=checkbox] {
                border: 1px solid #F8636C;
                background: #FACECD
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy .ValidationFail label input[type=checkbox]:checked {
                    background-color: #00A9EB;
                    border: #fff
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy .ValidationFail .Form__Element__ValidationError {
                display: none !important
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .privacy p {
                color: #fff;
                font-family: Poppins;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                max-width: 531px;
                padding-bottom: 8px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .privacy p strong {
                    line-height: inherit
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .privacy p a {
                    color: #fff;
                    font-family: Poppins;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 20px;
                    text-decoration-line: underline
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .privacy p a:hover {
                        font-weight: 700
                    }

                .mibo-popup_form .modal .modal-dialog .modal-body .privacy p:last-child {
                    padding-bottom: 38px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .submit_Cta {
                margin: auto;
                margin-top: 30px;
                margin-bottom: 36.5px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .submit_Cta .submit_btn {
                    color: var(--White,#fff);
                    font-family: Poppins;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 22px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    width: 152px;
                    height: 40px;
                    padding: 10px 32px;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 8px;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    border-radius: 200px;
                    border: 2px solid #fff;
                    background: #FFF;
                    color: #400286
                }

                    .mibo-popup_form .modal .modal-dialog .modal-body .submit_Cta .submit_btn:hover {
                        color: #400286;
                        background: #D9D3FE;
                        border: 2px solid #D9D3FE;
                        font-weight: 500;
                        text-decoration: underline
                    }

            .mibo-popup_form .modal .modal-dialog .modal-body .FormSubmitButton:focus {
                outline: unset
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .Form__Status__Message {
                padding: 0;
                margin: 0;
                background-color: unset
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .Form__Element {
                margin: 0
            }

.mibo-popup_form.thank .modal .modal-dialog .modal-body:before {
    content: unset !important
}

@media (max-width:1400px) and (min-width:1200px) {
    .mibo-popup_form .modal .modal-dialog {
        max-width: 1000px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .mibo-popup_form .modal .modal-dialog {
        max-width: 956px
    }
}

@media (min-width:992px) {
    .mibo-popup_form .modal .modal-dialog .modal-body {
        background: #400286 url(/siteassets/img/img-1286x667-popup_bg-desktop-new.png) left bottom no-repeat;
        background-size: 350px
    }

    .mibo-popup_form.thank .modal .modal-dialog .modal-body {
        background: #400286 url(/siteassets/img/img-1286x667-popup_bg-thank.png) left bottom no-repeat;
        background-size: 375px
    }
}

@media (max-width:991px) {
    .mibo-popup_form .modal {
        border-radius: 0
    }

        .mibo-popup_form .modal .modal-dialog .modal-content {
            margin-top: 40px;
            margin-bottom: 40px;
            max-width: 100%;
            padding: 0
        }

        .mibo-popup_form .modal .modal-dialog .modal-body {
            position: relative;
            padding: 0 29px 325px 30px;
            background-image: url("/siteassets/img/img-359x368-sign-up-form-mob-bg.png");
            background-size: 100%;
            margin: auto;
            width: 100%;
            max-width: 359px
        }

            .mibo-popup_form .modal .modal-dialog .modal-body .Form__MainBody {
                padding-right: 0px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body:before {
                width: 108.168px;
                height: 73.128px;
                top: 24.82px;
                left: 27.83px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body h3 {
                padding-bottom: 20px;
                padding-top: 120px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body p {
                padding-bottom: 20px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body p.required {
                    padding-bottom: 20px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .tooltip-container .tooltip-content {
                left: -60px;
                top: 27px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .popup_close-cta img {
                width: 33px;
                position: absolute;
                right: -8px;
                top: 19px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-buble-left {
                position: absolute;
                width: 100%;
                bottom: 0
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-buble-left img {
                    position: absolute;
                    top: -290px;
                    left: 0
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-buble-bottm {
                position: absolute;
                width: 100%;
                bottom: 0;
                text-align: center
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-buble-bottm img {
                    position: absolute;
                    top: 0;
                    margin-left: 55px;
                    margin-top: -44px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-thank-bottm {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-thank-bottm img {
                    position: absolute;
                    top: 424px;
                    right: 0
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-thank-left {
                position: relative
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .modal-bubbles .mob-thank-left img {
                    position: absolute;
                    top: 520px;
                    left: 0
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .thanks_logo {
                padding: 0px;
                text-align: center
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .thanks_logo img {
                    width: 250px;
                    margin: auto
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form p {
                font-size: 24px;
                line-height: 32px;
                text-align: center;
                padding: 89px 0px 34px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .popclose-cta {
                padding-top: 12px;
                padding-bottom: 0px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .popclose-cta a {
                    margin: auto
                }

            .mibo-popup_form .modal .modal-dialog .modal-body h3 {
                padding-top: 120px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body h2 {
                font-size: 28px;
                line-height: normal;
                padding-bottom: 17px;
                padding-top: 49px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body p {
                font-size: 20px;
                line-height: 30px;
                padding-left: 0px;
                padding-right: 0px;
                color: var(--White,#fff);
                font-family: Poppins;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 22px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body p .required {
                    margin-bottom: 20px
                }

                .mibo-popup_form .modal .modal-dialog .modal-body p a {
                    font-weight: 400
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input {
                width: 100%;
                min-width: 300px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .miname {
                max-width: 344px;
                height: auto
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname .Form__Element {
                    width: 100%
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .miname .mieboForm_input {
                    width: 100%;
                    margin-bottom: 33px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mibomail {
                max-width: 344px;
                height: auto
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .Form__Element {
                    width: 100%
                }

                .mibo-popup_form .modal .modal-dialog .modal-body .mibomail .mieboForm_input {
                    width: 100%;
                    margin-bottom: 33px
                }

            .mibo-popup_form .modal .modal-dialog .modal-body .mi-poicy label .privacy {
                margin-top: -127px;
                height: 286px
            }

            .mibo-popup_form .modal .modal-dialog .modal-body .submit_Cta {
                margin: auto;
                margin-bottom: 20px;
                margin-top: 31px
            }

                .mibo-popup_form .modal .modal-dialog .modal-body .submit_Cta .submit_btn {
                    margin: auto
                }
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1rem auto
    }
}

@media (max-width:390px) {
    .mibo-popup_form .modal {
        padding: 0
    }
}

@media (max-width:376px) {
    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input {
        min-width: 300px
    }
}

@media (max-width:361px) {
    .mibo-popup_form .modal .modal-dialog .modal-body .mibophone .mieboForm_input {
        min-width: 270px
    }

    .mibo-popup_form .modal .modal-dialog .modal-body {
        padding: 0 29px 304px 30px
    }
}

#video.video-ad.blink_rx-vid.story-video {
    margin-top: 0px;
    padding-bottom: 0;
    padding-top: 0px
}

    #video.video-ad.blink_rx-vid.story-video h2 {
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        padding: 54px 0 14px
    }

    #video.video-ad.blink_rx-vid.story-video #vid-1 {
        margin-bottom: 0
    }

    #video.video-ad.blink_rx-vid.story-video .erin-txt {
        color: #525252;
        text-align: center;
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        padding: 24px 0
    }

    #video.video-ad.blink_rx-vid.story-video .accordian-wrapper .acc-wrapper {
        margin-bottom: 72px
    }

        #video.video-ad.blink_rx-vid.story-video .accordian-wrapper .acc-wrapper .title-btn-wrapper {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

.DE_feel-like.stories {
    padding-top: 0;
    background: #fff
}

    .DE_feel-like.stories .container {
        max-width: 1400px
    }

    .DE_feel-like.stories .Dryeye-headline h2 {
        color: #400286;
        text-align: center;
        font-family: Poppins;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        padding-bottom: 39.25px
    }

    .DE_feel-like.stories .scroll-wrapper:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(/siteassets/img/img-54x535-braket-left.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
        width: 54px;
        height: 100%
    }

    .DE_feel-like.stories .scroll-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(/siteassets/img/img-54x535-braket-right.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right;
        width: 54px;
        height: 100%
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item {
        border-radius: 8px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end
    }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link {
            position: absolute;
            width: 475px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 47px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p {
                color: #FFF;
                text-align: center;
                font-size: 32px;
                font-weight: 700;
                line-height: 40px;
                position: unset
            }

                .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child {
                    height: 100%;
                    width: 48px;
                    height: 48px;
                    margin-left: 16px
                }

                    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child a {
                        color: transparent;
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        width: 48px;
                        height: 48px
                    }

                        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child a:after {
                            content: "";
                            position: absolute;
                            z-index: 11;
                            width: 48px;
                            height: 48px;
                            background: url(/siteassets/img/img-20x20-nxtarrow-btn.svg) no-repeat;
                            background-size: contain;
                            -webkit-transition: -webkit-transform 0.5s ease-in-out;
                            transition: -webkit-transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out
                        }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item:hover .link p:last-child a:after {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-1 {
            left: 970px;
            height: 218px;
            width: 218px;
            border-radius: 8px
        }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-2 {
            left: 1202px;
            height: 143px;
            width: 143px;
            border-radius: 8px;
            top: 223px;
            opacity: 1
        }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-2 img {
                opacity: 0
            }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-2:before {
                position: absolute;
                content: "";
                background-color: #F5F3FC;
                background-size: contain;
                background-repeat: no-repeat;
                width: 143px;
                height: 143px
            }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-1 {
            left: 165px
        }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2 {
            left: 31px
        }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2 img {
                opacity: 0
            }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2:before {
                position: absolute;
                content: "";
                background-color: #908EAF;
                background-size: contain;
                background-repeat: no-repeat;
                width: 114px;
                height: 114px
            }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.active {
            left: 448px
        }

    .DE_feel-like.stories .scroll-wrapper .indicator-wrapper {
        top: 294px;
        right: -778px;
        height: 8px
    }

        .DE_feel-like.stories .scroll-wrapper .indicator-wrapper .indicator {
            background: #D9D3FE
        }

            .DE_feel-like.stories .scroll-wrapper .indicator-wrapper .indicator.active {
                width: 32px;
                background: #400286
            }

    .DE_feel-like.stories .prev-btn {
        left: 970px;
        top: 275px;
        z-index: 2
    }

        .DE_feel-like.stories .prev-btn:after {
            background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
            background-repeat: no-repeat;
            background-size: contain
        }

    .DE_feel-like.stories .next-btn {
        left: 1136px;
        top: 275px;
        z-index: 2
    }

        .DE_feel-like.stories .next-btn:after {
            background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
            background-repeat: no-repeat;
            background-size: contain
        }

    .DE_feel-like.stories .left-curvebox {
        left: -130px
    }

    .DE_feel-like.stories .center-curvebox {
        right: 193px;
        bottom: 30px
    }

    .DE_feel-like.stories .right-curvebox {
        right: -84px;
        bottom: 30px
    }

.faq-banner {
    padding-top: 131px;
}

.main-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-bottom: 110px;
}

.hero-right-img {
    display: flex;
    align-items: end;
}

.main-filters li {
    background-color: #400286;
    color: #fff;
    border-radius: 25px;
    padding: 8px;
    min-width: 238px;
    min-height: 53px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
}

    .main-filters li span {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
    }

.faq-banner .container {
    margin-top: 70px;
}

.faq-banner h1 {
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
    vertical-align: middle;
    color: #400286;
    margin-bottom: 50px;
}

.faq-banner .desc {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #232323;
}

.main-filters li a {
    text-decoration: none;
}

.main-filters li a:hover {
    text-decoration: none;
}

.main-filters li.active,
.main-filters li:hover {
    background-color: #DED8FF;
}


.main-filters li.active span, 
.main-filters li:hover span {
    color: #400286;
}

.result-wrap .result {
    display: none;
}

.sticky-filter li a {
    text-decoration: none;
    text-align: center;
    line-height: 18px;
}

.sticky-filter li a:hover {
    text-decoration: none;
}


.sticky-filter li {
    background-color: #400286;
    height: 44px;
    border-radius: 25px;
    padding: 10px 15px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: 0.5s;
}

    .sticky-filter li.active,
    .sticky-filter li:hover {
        background-color: #fff;
        color: #400286;
    }


    .sticky-filter li a span {
        color: #ffffff;
        font-size: 16px;
        line-height: 19px;
    }

    .sticky-filter li a:hover {
        color: #400286;
    }

    .sticky-filter li.active a span {
        color: #400286;
    }

    .sticky-filter li:hover a span {
        color: #400286;
    }


.sticky-filter {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: fixed;
    top: 130px;
    width: 100%;
    left: 0;
    padding: 20px;
    background-color: #ded8ff;
    z-index: 999;
    /* flex-wrap: wrap; */
    overflow: hidden;
    overflow-x: auto;
    scrollbar-color: #400286 #c3b8ff;
}

.faq-results {
    padding: 15px 0;
}

.result-wrap {
    margin-top: 50px;
}

.title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.plus-minus-wrap {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
    cursor: pointer;
}

.cm-collapse-icon {
    display: none;
    cursor: pointer;
}

.cm-collapse-icon.active {
    display: block;
}

.accord-body a {
    text-decoration: underline;
    color: #400286;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    word-wrap: break-word;
}

    .accord-body a:hover {
        color: #400286;
        text-decoration: none;
    }

#faqFootnote {
    display: none;
}


.title-wrap h2,
.title-wrap h4 {
    font-family: Poppins;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #400286;
}

.accord-group, .Accordion_item {
    border-radius: 12px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 8px;
}


.cont-text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    color: #400286;
}

.accord-title, title_tab {
    font-family: Poppins;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    vertical-align: middle;
    color: #232323;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.accord-title h3 {
    font-family: Poppins;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #400286;
}

.accord-group .accord-body {
    padding-top: 20px;
}

.accord-group .inner-icon-wrap .om-icon {
    display: none;
}

.accord-group.active .inner-icon-wrap .om-icon.minus {
    display: block;
}

.accord-group:not(.active) .inner-icon-wrap .om-icon.plus {
    display: block;
}

.accord-body {
    display: none;
    overflow: hidden;
    height: auto;
    width: 100%;
}

.inner_content {
    width: 100%;
    height: auto;
    display: none;
    overflow: hidden;
}

.accord-body p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.accord-body p:not(:last-child) {
    margin-bottom: 15px;
}

.sticky-filter-wrap {
    position: relative;
}

.faq-results {
    display: none;
}

.dryeye-btm-sec {
    display: none;
    padding: 132px 0 95px;
    overflow: hidden;
}

.float-wrap-img {
    position: absolute;
    right: 11%;
    top: auto;
    bottom: 0;
}

.feature-float img {
    width: 732px;
    max-width: 100%;
}

.cta-content {
    width: 420px;
}

    .cta-content h2, .cta-content h3 {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        color: #400286;
        margin-bottom: 15px;
    }

    .cta-content p {
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: #232323;
    }

.btn-cta {
    background-color: #400286;
    border-radius: 100px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin-top: 15px;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    padding: 15px 28px;
    transition: 0.5s;
}

    .btn-cta:hover, .btn-cta:active {
        background-color: #fff;
        color: #400286;
    }

.accord-wrapper .accord-body ul,
.accord-wrapper .accord-body ul li {
    list-style-type: disc;
    font-size: 18px;
    line-height: 26px;
}

.accord-wrapper .accord-body ul li:not(:last-child) {
    margin-bottom: 15px;
}

.accord-wrapper .accord-body ul {
    margin-left: 13px;
    padding-left: 8PX;
}

.accord-wrapper .accord-body ul ul {
    margin-top: 15px;
}

.inner-icon-wrap {
    padding-left: 15px;
}

.Nxt-Pgarrow.help.faq-cta-sec .Mbo-eyeshore:before {
    background: url(/siteassets/img/img-556x74-Mbo-eyeshore-1.jpg) no-repeat;
    background-size: cover;
}

@media (min-width:1200px) and (max-width:1399px) {
    .DE_feel-like.stories .container {
        max-width: 1199px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item p {
        font-size: 28px;
        line-height: 34px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link {
        width: 410px
    }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child {
            width: 40px;
            height: 40px;
            margin-left: 10px
        }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child a {
                width: 40px;
                height: 40px
            }

                .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child a:after {
                    width: 40px;
                    height: 40px;
                    background-size: contain
                }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-1 {
        left: 823px;
        height: 180px;
        width: 180px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-2 {
        left: 1010px;
        height: 125px;
        width: 125px;
        top: 186px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-1 {
        left: 156px;
        height: 191px;
        width: 191px;
        top: 222px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2 {
        left: 38px
    }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2 img {
            opacity: 0
        }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.active {
        left: 380px
    }

    .DE_feel-like.stories .scroll-wrapper .indicator-wrapper {
        top: 238px;
        right: -644px
    }

        .DE_feel-like.stories .scroll-wrapper .indicator-wrapper .indicator {
            background: #D9D3FE;
            width: 24px
        }

            .DE_feel-like.stories .scroll-wrapper .indicator-wrapper .indicator.active {
                width: 32px;
                background: #400286
            }

    .DE_feel-like.stories .prev-btn {
        left: 816px;
        top: 224px
    }

        .DE_feel-like.stories .prev-btn:after {
            width: 36px;
            height: 36px;
            background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
            background-repeat: no-repeat;
            background-size: contain
        }

    .DE_feel-like.stories .next-btn {
        left: 966px;
        top: 224px
    }

        .DE_feel-like.stories .next-btn:after {
            width: 36px;
            height: 36px;
            background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
            background-repeat: no-repeat;
            background-size: contain
        }

    .DE_feel-like.stories .left-curvebox {
        left: -66px
    }

    .DE_feel-like.stories .center-curvebox {
        right: 183px;
        bottom: 45px
    }

    .DE_feel-like.stories .right-curvebox {
        right: -46px;
        bottom: 45px
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .DE_feel-like.stories .container {
        max-width: 1024px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link {
        width: 345px
    }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p {
            font-size: 23px;
            line-height: 34px
        }

            .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child {
                width: 35px;
                height: 35px;
                margin-left: 10px
            }

                .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child a {
                    width: 35px;
                    height: 35px
                }

                    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item .link p:last-child a:after {
                        width: 35px;
                        height: 35px;
                        background-size: contain
                    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-1 {
        left: 697px;
        height: 152px;
        width: 152px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.next-2 {
        left: 860px;
        height: 110px;
        width: 110px;
        top: 154px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-1 {
        left: 126px;
        height: 169px;
        width: 169px
    }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2 {
        left: 23px;
        top: 256px
    }

        .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.prev-2 img {
            opacity: 0
        }

    .DE_feel-like.stories .scroll-wrapper .scroll-inner-wrapper .item.active {
        left: 325px
    }

    .DE_feel-like.stories .scroll-wrapper .indicator-wrapper {
        top: 204px;
        right: -538px
    }

        .DE_feel-like.stories .scroll-wrapper .indicator-wrapper .indicator {
            width: 18px
        }

            .DE_feel-like.stories .scroll-wrapper .indicator-wrapper .indicator.active {
                width: 24px
            }

    .DE_feel-like.stories .prev-btn {
        left: 688px;
        top: 190px
    }

        .DE_feel-like.stories .prev-btn:after {
            width: 36px;
            height: 36px;
            background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
            background-repeat: no-repeat;
            background-size: contain
        }

    .DE_feel-like.stories .next-btn {
        left: 813px;
        top: 190px
    }

        .DE_feel-like.stories .next-btn:after {
            width: 36px;
            height: 36px;
            background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
            background-repeat: no-repeat;
            background-size: contain
        }

    .DE_feel-like.stories .left-curvebox {
        left: -66px
    }

    .DE_feel-like.stories .center-curvebox {
        right: 160px;
        bottom: 45px
    }

    .DE_feel-like.stories .right-curvebox {
        right: -46px;
        bottom: 45px
    }

    .result-wrap {
        margin-top: 40px;
    }
}

@media screen and (max-width:991px) {
    #video.video-ad.blink_rx-vid.story-video {
        margin-bottom: 62px
    }

        #video.video-ad.blink_rx-vid.story-video h2 {
            color: var(--Royal-Purple,#400286);
            text-align: center;
            font-family: Poppins;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 36px;
            padding: 47px 0 0 0;
            max-width: 417px;
            margin: auto
        }

        #video.video-ad.blink_rx-vid.story-video .erin-txt {
            font-size: 20px;
            font-weight: 700;
            line-height: 32px;
            padding: 32px 0 26px
        }

    .testimonial-banner {
        background: #54009C;
        height: auto;
        padding-top: 50px;
        position: relative;
        overflow: hidden;
        padding-top: 148px
    }

        .testimonial-banner .footnote {
            color: #FFF;
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            background-color: #400286;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 23px 0 25px
        }

        .testimonial-banner .content-wrap .content-heading {
            position: relative;
            padding-bottom: 32px
        }

            .testimonial-banner .content-wrap .content-heading .content-img {
                display: none
            }

            .testimonial-banner .content-wrap .content-heading .main-heading {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                color: #FFF;
                font-family: Poppins;
                font-size: 38px;
                font-style: normal;
                font-weight: 700;
                line-height: 42px;
                max-width: 360px;
                margin: auto
            }

                .testimonial-banner .content-wrap .content-heading .main-heading span {
                    line-height: inherit;
                    display: inline-block
                }

                    .testimonial-banner .content-wrap .content-heading .main-heading span.c4 {
                        position: relative;
                        z-index: 2;
                        margin-top: 5px
                    }

                    .testimonial-banner .content-wrap .content-heading .main-heading span.c3 {
                        padding-left: 62px;
                        position: relative;
                        z-index: 2;
                        margin-top: 5px
                    }

                        .testimonial-banner .content-wrap .content-heading .main-heading span.c3:before {
                            content: "";
                            width: 100vw;
                            height: 42px;
                            position: absolute;
                            display: block;
                            top: 0px;
                            right: -165px;
                            background: #007BC1;
                            z-index: -1;
                            border-radius: 0 100px 100px 0
                        }

        .testimonial-banner .content-wrap .content-para {
            margin-top: 15px;
            position: relative;
            max-width: 313px;
            margin: auto;
            height: 380px;
            padding: 119px 20px 0 40px;
            border-radius: 200px 200px 0 0;
            background: #8163D1
        }

            .testimonial-banner .content-wrap .content-para .quotes {
                color: #FFF;
                font-family: Poppins;
                font-size: 24px;
                font-style: normal;
                font-weight: 400;
                line-height: 34px;
                margin-bottom: 22px;
                position: relative;
                z-index: 3
            }

                .testimonial-banner .content-wrap .content-para .quotes:before {
                    content: "";
                    display: block;
                    width: 46px;
                    height: 34px;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    background-image: url("/siteassets/img/icon-32x24-double-quotes.svg");
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    position: absolute;
                    top: -42px;
                    left: 0
                }

                .testimonial-banner .content-wrap .content-para .quotes:after {
                    content: "";
                    display: block;
                    width: 232.629px;
                    height: 9.122px;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    background-image: url("/siteassets/img/img-233x9-blue-underline-heading.png");
                    background-size: contain;
                    background-position: center;
                    position: absolute;
                    bottom: -2px;
                    left: -15px;
                    z-index: -1
                }

            .testimonial-banner .content-wrap .content-para .user-name {
                color: #E1DBF1;
                font-family: Poppins;
                font-size: 18px;
                font-style: normal;
                font-weight: 400;
                line-height: 26px;
                max-width: 212px;
                margin-left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .testimonial-banner .content-wrap .content-para .user-name span {
                    color: #ffffff;
                    font-weight: 400;
                    font-size: 15px;
                    line-height: 15px
                }

                    .testimonial-banner .content-wrap .content-para .user-name span strong {
                        color: #ffffff;
                        font-weight: 700;
                        font-size: 18px;
                        line-height: 26px
                    }

                        .testimonial-banner .content-wrap .content-para .user-name span strong span {
                            color: #ffffff;
                            font-weight: 400;
                            font-size: 18px;
                            line-height: 26px
                        }

                .testimonial-banner .content-wrap .content-para .user-name .prof-img {
                    width: 54px;
                    height: auto;
                    margin-left: 0px;
                    margin-right: 13px;
                    margin-bottom: 0;
                    display: block
                }

    .about-miebo-slider-mob.stories {
        background: #fff;
        margin-bottom: 60px
    }

        .about-miebo-slider-mob.stories .Dryeye-headline h2 {
            color: #400286;
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            padding-bottom: 34.65px;
            padding-top: 35px
        }

        .about-miebo-slider-mob.stories .card-slider .slick-slide {
            width: 272px !important;
            border: none;
            margin-right: 8px
        }

        .about-miebo-slider-mob.stories .card-wrapper {
            position: relative
        }

        .about-miebo-slider-mob.stories .card.slick-current .card-body .card-text a:after {
            content: ""
        }

        .about-miebo-slider-mob.stories .card .card-body {
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            margin-top: -67px;
            margin-bottom: 31px
        }

            .about-miebo-slider-mob.stories .card .card-body .card-title {
                margin-bottom: 0px
            }

                .about-miebo-slider-mob.stories .card .card-body .card-title h5 {
                    padding: 0;
                    color: #FFF;
                    text-align: center;
                    font-size: 22px;
                    font-weight: 700;
                    line-height: 32px
                }

            .about-miebo-slider-mob.stories .card .card-body .card-text {
                margin-left: 10px;
                width: 36px;
                height: 36px
            }

                .about-miebo-slider-mob.stories .card .card-body .card-text a {
                    color: transparent;
                    width: 36px;
                    height: 36px;
                    display: block;
                    position: absolute;
                    bottom: 0
                }

                    .about-miebo-slider-mob.stories .card .card-body .card-text a:after {
                        position: absolute;
                        right: 0px;
                        bottom: 0px;
                        z-index: 1;
                        width: 36px;
                        height: 36px;
                        background: url(/siteassets/img/img-36x36-nxtarrow-btn-mob.svg) no-repeat;
                        background-size: cover;
                        -webkit-transition: -webkit-transform 0.3s ease-in-out;
                        transition: -webkit-transform 0.3s ease-in-out;
                        transition: transform 0.3s ease-in-out;
                        transition: transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out
                    }

        .about-miebo-slider-mob.stories .slick-dotted.slick-slider {
            margin-bottom: 86px
        }

        .about-miebo-slider-mob.stories .custom-nav {
            width: 100px;
            margin: auto
        }

        .about-miebo-slider-mob.stories .slick-prev {
            width: 48px;
            height: 48px
        }

            .about-miebo-slider-mob.stories .slick-prev:before {
                content: "";
                background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
                background-repeat: no-repeat;
                background-size: contain;
                width: 48px;
                height: 48px;
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                display: block;
                opacity: 1
            }

        .about-miebo-slider-mob.stories .slick-next {
            width: 48px;
            height: 48px;
            right: 86px;
            bottom: -55px
        }

            .about-miebo-slider-mob.stories .slick-next:before {
                content: "";
                background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
                background-repeat: no-repeat;
                background-size: contain;
                width: 48px;
                height: 48px;
                display: block;
                opacity: 1
            }

        .about-miebo-slider-mob.stories ul.slick-dots {
            bottom: -70px
        }

            .about-miebo-slider-mob.stories ul.slick-dots li {
                width: 24px;
                height: 8px;
                margin: 0 4px
            }

                .about-miebo-slider-mob.stories ul.slick-dots li button {
                    background: #D9D3FE;
                    width: 24px;
                    padding: 0;
                    height: 8px;
                    border-radius: 200px
                }

                .about-miebo-slider-mob.stories ul.slick-dots li.slick-active {
                    width: 32px
                }

                    .about-miebo-slider-mob.stories ul.slick-dots li.slick-active button {
                        width: 32px;
                        background: #400286
                    }

        .about-miebo-slider-mob.stories .container {
            padding: 0;
            max-width: 100%
        }

        .about-miebo-slider-mob.stories .swiper-pagination {
            margin-top: 85px
        }

        .about-miebo-slider-mob.stories .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
            background: #D9D3FE;
            width: 24px;
            height: 8px
        }

            .about-miebo-slider-mob.stories .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 32px;
                background: #400286
            }

        .about-miebo-slider-mob.stories .nextprev-btns {
            max-width: 320px;
            margin-top: 78px
        }

            .about-miebo-slider-mob.stories .nextprev-btns .swiper-button-next {
                right: 50px;
                top: -40px
            }

                .about-miebo-slider-mob.stories .nextprev-btns .swiper-button-next:after {
                    background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
                    background-repeat: no-repeat;
                    background-size: contain;
                    display: block
                }

                .about-miebo-slider-mob.stories .nextprev-btns .swiper-button-next:hover:after {
                    background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
                    background-repeat: no-repeat;
                    background-size: contain
                }

            .about-miebo-slider-mob.stories .nextprev-btns .swiper-button-prev {
                left: 50px;
                top: -40px
            }

                .about-miebo-slider-mob.stories .nextprev-btns .swiper-button-prev:hover:after {
                    background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
                    background-repeat: no-repeat;
                    background-size: contain
                }

                .about-miebo-slider-mob.stories .nextprev-btns .swiper-button-prev:after {
                    background: url(/siteassets/img/img-48x48-right-blue-arrow.png);
                    background-repeat: no-repeat;
                    background-size: contain;
                    display: block
                }

        .about-miebo-slider-mob.stories .contentlistwrapperblock:before {
            content: "";
            position: absolute;
            left: 15px;
            top: 14%;
            background-image: url(/siteassets/img/img-54x535-braket-left.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left;
            z-index: 1;
            width: 54px;
            height: 80%
        }

        .about-miebo-slider-mob.stories .contentlistwrapperblock:after {
            content: "";
            position: absolute;
            top: 14%;
            right: 13px;
            background-image: url(/siteassets/img/img-54x535-braket-right.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: right;
            width: 54px;
            height: 80%
        }

    #video.video-ad.blink_rx-vid.story-video .accordian-wrapper .acc-wrapper {
        margin-bottom: 0
    }

    .sticky-filter {
        top: 90px;
        justify-content: start;
    }

        .sticky-filter li {
            height: auto;
            flex: 0 0 auto;
        }


        .main-filters li {
            width: 47%;
            min-width: auto;
            font-family: Poppins;
            font-weight: 500;
            text-align: center;
            vertical-align: middle;
        }

        .main-filters li span {
            font-size: 16px;
        }

    .main-filters {
        padding-bottom: 45px;
    }

    .cont-text {
        display: none;
    }

    .dryeye-btm-sec {
        padding: 30px 0 0;
    }

    .cta-content {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .float-wrap-img {
        position: relative; 
        right: auto;
        top: auto;
        bottom: 0;
    }

    .btn-cta {
        width: 100%;
    }

    .cta-content h2, .cta-content h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .accord-group {
        padding: 20px 40px 20px 20px;
    }

    .faq-banner {
        padding-top: 111px;
    }

    .faq-banner .container {
        margin-top: 20px;
    }

    .faq-banner h1 {
        margin-bottom: 10px;
    }

    .faq-banner .desc {
        margin-bottom: 20px !important;
    }

    .Nxt-Pgarrow.faq-cta-sec h2,
    .Nxt-Pgarrow.faq-cta-sec .content p {
        text-align: left;
    }

    .result-wrap {
        margin-top: 40px;
    }

}

@media screen and (min-width:992px) {
    .testimonial-banner {
        background: #54009C;
        height: 378px;
        padding-top: 50px;
        position: relative;
        overflow: hidden;
        margin-top: 132px
    }

        .testimonial-banner:after {
            content: "";
            display: block;
            position: absolute;
            height: 248px;
            width: 30vw;
            right: 0;
            top: 65px;
            background: #8163D1;
            z-index: 0
        }

        .testimonial-banner .footnote {
            color: #FFF;
            text-align: center;
            font-family: Poppins;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 50px;
            background: #400286;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0
        }

        .testimonial-banner .content-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .testimonial-banner .content-wrap .content-heading {
                width: 50%;
                position: relative;
                right: -70px
            }

                .testimonial-banner .content-wrap .content-heading .content-img {
                    position: absolute;
                    width: 433px;
                    height: auto;
                    z-index: 5;
                    right: 147px;
                    bottom: -59px
                }

                .testimonial-banner .content-wrap .content-heading .main-heading {
                    width: -webkit-fit-content;
                    width: -moz-fit-content;
                    width: fit-content;
                    margin-left: auto;
                    color: #FFF;
                    font-family: Poppins;
                    font-size: 61px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 66px
                }

                    .testimonial-banner .content-wrap .content-heading .main-heading span {
                        display: block;
                        width: -webkit-fit-content;
                        width: -moz-fit-content;
                        width: fit-content;
                        line-height: inherit
                    }

                        .testimonial-banner .content-wrap .content-heading .main-heading span.c1 {
                            padding-left: 0px
                        }

                        .testimonial-banner .content-wrap .content-heading .main-heading span.c2 {
                            padding-left: 37px
                        }

                        .testimonial-banner .content-wrap .content-heading .main-heading span.c3 {
                            padding-left: 87px;
                            position: relative;
                            z-index: 2;
                            margin-top: 5px
                        }

                            .testimonial-banner .content-wrap .content-heading .main-heading span.c3:before {
                                content: "";
                                width: 50vw;
                                height: 58px;
                                position: absolute;
                                display: block;
                                top: 4px;
                                right: -30px;
                                background: #007BC1;
                                z-index: -1;
                                border-radius: 0 100px 100px 0
                            }

                        .testimonial-banner .content-wrap .content-heading .main-heading span.c4 {
                            padding-left: 111px
                        }

            .testimonial-banner .content-wrap .content-para {
                width: 50%;
                height: 248px;
                border-radius: 300px 0px 0px 300px;
                background: #8163D1;
                padding-top: 42px;
                padding-left: 96px;
                margin-top: 15px;
                position: relative;
                left: 60px;
                z-index: 2
            }

                .testimonial-banner .content-wrap .content-para .quotes {
                    color: #FFF;
                    font-family: Poppins;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 34px;
                    max-width: 350px;
                    margin-bottom: 15px;
                    position: relative;
                    z-index: 3
                }

                    .testimonial-banner .content-wrap .content-para .quotes:before {
                        content: "";
                        display: block;
                        width: 32.52px;
                        height: 24.079px;
                        -ms-flex-negative: 0;
                        flex-shrink: 0;
                        background-image: url("/siteassets/img/icon-32x24-double-quotes.svg");
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                        position: absolute;
                        top: 0;
                        left: -45px
                    }

                    .testimonial-banner .content-wrap .content-para .quotes:after {
                        content: "";
                        display: block;
                        width: 232.629px;
                        height: 9.122px;
                        -ms-flex-negative: 0;
                        flex-shrink: 0;
                        background-image: url("/siteassets/img/img-233x9-blue-underline-heading.png");
                        background-size: contain;
                        background-position: center;
                        position: absolute;
                        bottom: -2px;
                        left: -15px;
                        z-index: -1
                    }

                .testimonial-banner .content-wrap .content-para .user-name {
                    font-family: Poppins;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 26px;
                    margin-top: 0px
                }

                    .testimonial-banner .content-wrap .content-para .user-name span {
                        color: #fff;
                        font-family: Poppins;
                        font-weight: 400;
                        font-size: 15px;
                        line-height: 20px
                    }

                        .testimonial-banner .content-wrap .content-para .user-name span strong {
                            color: #fff;
                            font-family: Poppins;
                            font-weight: 700;
                            font-size: 18px;
                            line-height: 16px
                        }

                            .testimonial-banner .content-wrap .content-para .user-name span strong span {
                                color: #E1DBF1;
                                font-weight: 400;
                                font-size: 18px;
                                line-height: 16px
                            }

                    .testimonial-banner .content-wrap .content-para .user-name .prof-img {
                        width: 54px;
                        height: auto;
                        margin-right: 15px;
                        display: none
                    }

    #video.video-ad.blink_rx-vid.story-video {
        margin-top: 0px;
        padding: 0
    }
}

@media screen and (max-width:576px) {
    #video.video-ad.blink_rx-vid.story-video h2 {
        max-width: 290px;
        margin: auto
    }
}