@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: #333;
  line-height: normal;
  list-style-type: none
}

  body.home {
    background: #400286
  }

.font-600 {
  font-weight: 600
}

.color-blue {
  color: #400286
}

.button {
  background: #fff;
  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(.05,.1,.25,1);
    transition: scale 1.5s cubic-bezier(.05,.1,.25,1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
  }

.zoom-anim-bg {
  -webkit-transition: background-size 1.9s cubic-bezier(.05,.7,.5,1);
  transition: background-size 1.9s cubic-bezier(.05,.7,.5,1)
}

.blue-circe-icon {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(.41,.005,.095,1.05);
  transition: -webkit-transform 0.5s cubic-bezier(.41,.005,.095,1.05);
  transition: transform 0.5s cubic-bezier(.41,.005,.095,1.05);
  transition: transform 0.5s cubic-bezier(.41,.005,.095,1.05),-webkit-transform 0.5s cubic-bezier(.41,.005,.095,1.05);
  -webkit-transform: scale(1);
  transform: scale(1)
}

.blu-circ {
  visibility: hidden
}

.blu-circ-anim {
  -webkit-animation: booomani 1.5s cubic-bezier(.41,.005,.095,1.05);
  animation: booomani 1.5s cubic-bezier(.41,.005,.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: #fff;
  -webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / .25);
  box-shadow: 0 4px 4px 0 rgb(0 0 0 / .25)
}

  header a.logo {
    display: block;
    margin-top: 0;
    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: 0 0 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: 0;
        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: #fff;
        font-weight: 500;
        text-decoration: none
      }

        header .topLinks ul li a span {
          color: #fff
        }

        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: #fff;
        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: 0
      }

        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: 0
  }

    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: #fff;
      -webkit-box-shadow: 0 4px 20px 0 rgb(42 109 181 / .46);
      box-shadow: 0 4px 20px 0 rgb(42 109 181 / .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: #fff;
      -webkit-box-shadow: 0 4px 20px 0 rgb(42 109 181 / .46);
      box-shadow: 0 4px 20px 0 rgb(42 109 181 / .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: #fff;
            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: 0;
            border: none;
            padding-left: 0;
            padding-top: 20px;
            left: 0
          }

            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: 0
            }

              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: #fff;
        padding: 0 20px;
        height: 0
      }

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

          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: 0;
            display: none;
            margin-top: 0
          }

            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: 0
          }

            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: 0;
      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: #fff;
            padding: 10px 28px;
            font-size: 14px;
            line-height: 22px;
            border-radius: 80px;
            font-weight: 600;
            color: #400286;
            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: #fff;
  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: #fff;
        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: #fff
  }

@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 0 0
    }
}

.fixed-isi {
  position: fixed;
  left: 0;
  right: 0;
  height: 108px;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  background: #fff;
  bottom: 0;
  -webkit-filter: drop-shadow(0 -4px 12px rgb(51 51 51 / .25));
  filter: drop-shadow(0 -4px 12px rgb(51 51 51 / .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: #333
      }

    .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: .375rem;
        height: 6px;
        width: 6px;
        position: absolute;
        background-color: #333
      }

  .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: 0
  }

  #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: .375rem;
        height: 6px;
        width: 6px;
        position: absolute;
        background-color: #333
      }

  #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: #333
      }

  #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: #333
        }

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

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

  #isi {
    background: none;
    position: relative;
    background: #fff;
    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: -.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: 0 0 20px rgb(6 27 45 / .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: 0 4px 4px rgb(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: 0
    }

    .miebo-home-banner .banner-content-home h3.tear-heading {
      color: #FFF;
      text-shadow: 0 4px 4px rgb(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 0 24px 0;
      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: -.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: 0 4px 4px rgb(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: 0
  }

    .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: #06549a;
  background: -webkit-gradient(linear,left top,right top,from(#06549a),to(#0196dc));
  background: linear-gradient(90deg,#06549a 0%,#0196dc 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: 0
    }

      .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: 0;
    margin-top: 15px;
    margin-left: 55px
  }

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


.patient-guide {
  padding-top: 39px;
  padding-bottom: 56px
}

  .patient-guide.purple {
    padding-top: 55px;
    padding-bottom: 39px
  }

  .patient-guide .row .block > div {
    height: 100%
  }

  .patient-guide h2 {
    color: #400286;
    font-family: Poppins;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 14px
  }

  .patient-guide p {
    max-width: 376px;
    color: #232323;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 27px
  }

  .patient-guide a.btn {
    display: inline-flex;
    width: fit-content;
    height: 44px;
    padding: 7px 74px 7px 46px;
    -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: 200px;
    background: #400286;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
    position: relative;
  }

    .patient-guide a.btn::after {
      content: "";
      position: absolute;
      display: block;
      height: 20px;
      width: 20px;
      background: url(/siteassets/img/icon-20x20-download.svg) no-repeat;
      top: 10px;
      right: 42px;
      background-size: contain;
    }

    .patient-guide a.btn:hover::after {
      background: url(/siteassets/img/icon-20x20-download-purple.svg) no-repeat;
    }

    .patient-guide a.btn:hover {
      background: #D9D3FE;
      color: #400286
    }

  .patient-guide .language p {
    color: #232323;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px
  }

  .patient-guide .language ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

    .patient-guide .language ul li {
      margin-right: 27px;
      margin-bottom: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }

      .patient-guide .language ul li img {
        width: 16px;
        height: 16px;
        margin-left: 2px
      }

      .patient-guide .language ul li a {
        color: #400286;
        font-family: Poppins;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 0;
        position: relative;
        text-decoration: none;
      }

        .patient-guide .language ul li a:after {
         
          width: 100%;
          height: 1px;
          background-color: #400286;
          position: absolute;
          left: 0;
          bottom: 0
        }
        .patient-guide .language ul li a:hover::after {
          content: "";
        }

      .patient-guide .language ul li p span {
        color: #F863D3;
        font-family: Poppins;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px
      }

  .patient-guide .patient-temp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

    .patient-guide .patient-temp img {
      max-width: 448px
    }

@media (max-width: 991px) {
  .patient-guide {
    padding-top: 53px;
    padding-bottom: 28px
  }

    .patient-guide .row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
    }

    .patient-guide h2 {
      text-align: center;
      font-size: 28px;
      line-height: 36px;
      margin-bottom: 16px
    }

    .patient-guide p {
      text-align: center;
      font-size: 18px;
      line-height: 26px;
      padding: 0 25px;
      margin: auto;
      margin-bottom: 22px;
      max-width: 400px;
    }

    .patient-guide a {
      margin: auto
    }

    .patient-guide .patient-temp img {
      max-width: 316px;
      margin: auto;
      margin-bottom: 26px
    }

    .patient-guide .language ul {
      max-width: 296px;
      margin: auto;
      -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;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }

      .patient-guide .language ul li {
        margin-bottom: 14px;
        margin-right: 0
      }

        .patient-guide .language ul li p {
          padding: 0;
          margin: 0
        }

        .patient-guide .language ul li:last-child {
          margin-right: 0
        }
}

@media (min-width: 991px) and (max-width:1200px) {
  .patient-guide .col-lg-4 {
    width: 41.66666667%
  }
}

.about-to-enter-popup .modal {
  background: rgb(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: 0;
            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: rgb(0 0 0 / .6)
  }

  .about-to-enter-popup .modal {
    background: rgb(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: rgb(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: 0;
            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: 0;
    margin-top: 0
  }

    .miebo-home-banner .banner-content-home {
      position: relative;
      padding-bottom: 0;
      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: 0 2.059px 2.059px rgb(0 0 0 / .25);
        font-family: Poppins;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        padding-top: 10px;
        text-align: center;
        margin-bottom: 0
      }

      .miebo-home-banner .banner-content-home h2.prescription {
        color: #FFF;
        text-align: center;
        text-shadow: 0 2.059px 2.059px rgb(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 0 0 0;
        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: #fff0;
          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: 0;
          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: 0
    }

      .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: 0
      }

        .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: 0;
      padding-top: 0;
      padding-bottom: 0;
      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: 0
    }

      .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: 0
        }

      .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: 0
      }

    .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: 0;
          margin-left: 0;
          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: 0
  }

    .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: 0
  }

  .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: 0
  }

  .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 0 24px 0
  }

    .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: 0
    }
}

@media (min-width:1201px) and (max-width:1400px) {
  .home-section-2 .transparent-card .content .text-div {
    text-align: center;
    padding: 0;
    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: 0 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: 0
}

.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: 0;
    padding-top: 0;
    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: 700;
            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: 0
  }

  .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: 0 0 20px rgb(6 27 45 / .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: 0 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: 0 0 20px rgb(6 27 45 / .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: 0 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: 0;
  -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: 0 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: -.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: 0;
    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: 0 0 20px rgb(6 27 45 / .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(rgb(0 0 0 / .2)),to(rgb(0 0 0 / .2)));
          background: linear-gradient(0deg,rgb(0 0 0 / .2) 0%,rgb(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(rgb(0 0 0 / .2)),to(rgb(0 0 0 / .2)));
          background: linear-gradient(0deg,rgb(0 0 0 / .2) 0%,rgb(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 #fff
      }

      .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 0;
    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: -.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: -.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(#fff0),color-stop(15%,#000000),color-stop(85%,#000000),to(#fff0));
    -webkit-mask-image: linear-gradient(to right,#fff0 0%,#000000 15%,#000000 85%,#fff0 100%);
    mask-image: -webkit-gradient(linear,left top,right top,from(#fff0),color-stop(15%,#000000),color-stop(85%,#000000),to(#fff0));
    mask-image: linear-gradient(to right,#fff0 0%,#000000 15%,#000000 85%,#fff0 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: rgb(239 235 255 / .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: 0 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 .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: 0 0 20px rgb(6 27 45 / .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: rgb(255 255 255 / .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: 700;
          color: #FFF;
          height: 237px;
          width: 237px;
          left: 133px;
          top: 238px;
          opacity: .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: 700;
          color: #FFF;
          height: 237px;
          width: 237px;
          left: 895px;
          top: 0;
          opacity: .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: 700;
          color: #FFF;
          height: 114px;
          width: 114px;
          left: 0;
          top: 361px;
          opacity: .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: 700;
          color: #FFF;
          height: 114px;
          width: 114px;
          left: 1140px;
          top: 245px;
          opacity: .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: 700;
          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 .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: 0;
        position: relative;
        top: 0
      }

  .about-miebo-slider-mob {
    overflow: hidden;
    margin-bottom: 0;
    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: 0;
      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: 0 4.633px 23.164px rgb(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: rgb(255 255 255 / .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: #FFF;
    padding-bottom: 24px
  }

  .banner-exp p {
    font-size: 18px;
    line-height: 26px;
    font-family: "Poppins",sans-serif;
    font-weight: 400;
    color: #FFF
  }

#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(.41,.005,.095,1.05);
        animation: booomani 1s cubic-bezier(.41,.005,.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: 0 0 15px;
        font-size: 48px;
        line-height: 56px;
        font-weight: 700;
        color: #FFF;
        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: #FFF
      }

        .carousel-section #carouselExampleIndicators .carousel-inner .carousel-item .carousel-caption p strong {
          font-weight: 700;
          color: #FFF
        }

        .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: rgb(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: rgb(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 0
    }

      .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 #fff;
    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: 0;
    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: #fff
}

  .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: 700;
      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: 0;
    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: 0;
      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: 700;
        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: 0
  }
}

@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: 0 0 20px rgb(6 27 45 / .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: 0 0 20px rgb(6 27 45 / .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: 0 0 20px rgb(6 27 45 / .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: 0 0 20px rgb(6 27 45 / .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 0;
    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: -.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: 0;
    overflow: hidden;
    height: unset
  }

    .Mbo_inaction .container {
      padding-left: 0;
      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: 0 0 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 0
  }

  .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: -.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: -.32px;
      text-decoration: none;
      background-color: #fff;
      border-radius: 37px;
      padding: 0 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: 0
  }
}

@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 0 18px;
        text-align: center
      }

      .savings-banner .content .sub-heading {
        font-size: 28px;
        line-height: 42px;
        padding: 0 0 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: 0;
    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: 0 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: 0 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: #fff;
      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 0 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: .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: #fff0;
            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: #fff;
            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: #fff;
            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: #fff
          }

          #video .accordian-wrapper .acc-wrapper .thumbnail-block.active .detail .duration {
            background: #fff;
            color: #400286
          }

        #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover {
          background: #400286
        }

          #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover h4 {
            color: #fff
          }

          #video .accordian-wrapper .acc-wrapper .thumbnail-block:hover .detail .duration {
            background: #fff;
            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: #fff;
      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: #fff0;
        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: #fff;
            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: #fff;
            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: #fff
          }

          #moa-video #myVideoGroup-Desktop .card .thumbnail-block.active .detail .duration {
            background: #fff;
            color: #400286
          }

        #moa-video #myVideoGroup-Desktop .card .thumbnail-block:hover {
          background: #400286
        }

          #moa-video #myVideoGroup-Desktop .card .thumbnail-block:hover h4 {
            color: #fff
          }

          #moa-video #myVideoGroup-Desktop .card .thumbnail-block:hover .detail .duration {
            background: #fff;
            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 0 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: .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: #fff0;
        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: #fff;
        background: #400286
      }

      #video .accordian-wrapper .acc-wrapper #transcription-content .card-body {
        padding: 8px 0 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: #fff
          }

          #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: 0;
        margin-bottom: 0
      }

        #video.video-ad .container .accordian-wrapper .acc-wrapper .title-btn-wrapper .action-btns {
          margin-bottom: 0
        }

        #video.video-ad .container .accordian-wrapper .acc-wrapper #transcription-content .card-body {
          padding-left: 18px;
          padding-right: 12px;
          border-radius: 0
        }

          #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: 0;
      margin-bottom: 0
    }

      #moa-video .vid-1-wrapper .wistia_responsive_wrapper {
        border-radius: 0
      }

    #moa-video #myVideoGroup {
      margin-left: 0
    }

    #moa-video #transcription-content .card-body {
      padding: 8px 0 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: #fff0;
          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: #fff
          }

          #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: #fff;
              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: #fff;
              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: #fff;
              color: #400286
            }

            #moa-video .accordian-wrapper .acc-wrapper #video-options .card-body .thumbnail-block.active h4 {
              color: #fff
            }

    #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: 0 0 20px rgb(6 27 45 / .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: -.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: -.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: #fff0;
    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: .5;
      border-radius: 50%;
      padding: 16.97px;
      background-size: 34px;
      background-color: #fff;
      -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: .5;
      border-radius: 50%;
      padding: 16.97px;
      background-color: #fff;
      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: rgb(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: 0;
        scale: .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: 0 6.759px 13.517px 0 rgb(0 0 0 / .15);
        box-shadow: 0 6.759px 13.517px 0 rgb(0 0 0 / .15);
        cursor: pointer;
        margin-top: -4px
      }

      .question2 .slider-container .slider::-moz-range-track {
        width: 100%;
        height: 0;
        background: linear-gradient(to right,#00a9eb 100%,#dddddd 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: 0 6.759px 13.517px 0 rgb(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: rgb(255 255 255 / .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: -.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: #fff;
    position: relative;
    max-width: 1136px;
    margin: auto;
    margin-top: 131px;
    padding: 85px 53px 29px 47px
  }

    #quizresultpage .dry .bordering {
      border-bottom: 2px solid #CCC
    }

    #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: 700;
        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: -.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: 400;
      line-height: 30px
    }

      #quizresultpage .dry p span {
        font-weight: 700;
        color: var(--pine-green)
      }

    #quizresultpage .dry .final {
      padding: 15px 0 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 0 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 0 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: 0 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 0 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: -.32px;
      margin-bottom: 21.53px
    }

    .quiz-banner .d-block.d-lg-none {
      margin: 0 -12px
    }

  .quiz-content {
    width: 100%;
    padding: 0 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: 0
      }

    .quiz-content p {
      padding: 24px 0 24px 0
    }

    .quiz-content .quiz-options {
      margin: 0 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: -.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: -.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: #fff
    }

      .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: -.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: #fff
      }

        .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: -.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: #fff
      }

        .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: 0
    }

      #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: 0;
        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 0 35px 0
      }

      #quizresultpage .dry .counter {
        padding: 15px 0 35px 0
      }

    #quizresultpage .dry-eye {
      padding: 22px 0 30px 0
    }

      #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 #CCC
    }

    #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: 0;
    scale: .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(.05,.1,.25,1);
  transition: background-size 1.9s cubic-bezier(.05,.1,.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: 168px;
  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;
    position: relative;
    z-index: 1;
  }

    .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;
    padding-top: 80px;
    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: 23px;
    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: rgb(255 255 255 / .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 .Form__Status p {
        padding-bottom: 0
      }

      .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .content {
        width: 100%
      }

      .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .no, .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes {
        display: none;
        background: #9A84D7;
        height: 100px;
        border-bottom-right-radius: 12px;
        margin-left: -63px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
      }

        .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes p {
          padding-right: 35px;
          color: #FFF;
          font-family: Poppins;
          font-size: 20px;
          font-weight: 700;
          line-height: 32px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes ul {
          gap: 13px;
          margin-right: 25px
        }

          .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes ul li.instagram:hover img {
            content: url("/siteassets/img/img-32x32-insta-hover.png");
            -webkit-transition: 0.3s ease;
            transition: 0.3s ease
          }

          .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes ul li.youtube:hover img {
            content: url("/siteassets/img/img-32x32-youtube-hover.png");
            -webkit-transition: 0.3s ease;
            transition: 0.3s ease
          }

          .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes ul li.facebook:hover img {
            content: url("/siteassets/img/img-32x32-fb-hover.png");
            -webkit-transition: 0.3s ease;
            transition: 0.3s ease
          }

          .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .yes ul img {
            -webkit-transition: 0.3s ease;
            transition: 0.3s ease;
            width: 32px
          }

        .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .no p {
          padding-right: 23px;
          color: #FFF;
          font-family: Poppins;
          font-size: 20px;
          font-weight: 700;
          line-height: 32px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .no .btn {
          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;
          border-radius: 35px;
          background: #FFF;
          height: 44px;
          padding: 7px 24px;
          color: #400286;
          font-family: Poppins;
          font-size: 16px;
          font-weight: 500;
          width: 201px;
          height: 44px;
          line-height: normal
        }

      .mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .lady img {
        max-width: 447px;
        margin-top: 34px;
        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: 700;
          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: #fff;
          color: #000;
          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: 0 0 11.2px 3px rgb(0 0 0 / .15);
          box-shadow: 0 0 11.2px 3px rgb(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: 0;
          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: 0;
          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: 32px;
        padding-left: 70px;
      }

        .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form .thanks_logo img {
          width: 300px;
        }

      .mibo-popup_form .modal .modal-dialog .modal-body .thanks_form p {
        color: #fff;
        text-align: left;
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        padding-top: 104px;
        padding-bottom: 35px;
        padding-left: 39px;
      }

      .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: 14px;
        padding-top: 62px;
      }

      .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.sub-content {
          max-width: 490px;
        }

        .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(rgb(255 98 98 / .3)),to(rgb(255 98 98 / .3))),#fff;
          background: linear-gradient(0deg,rgb(255 98 98 / .3) 0%,rgb(255 98 98 / .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: 22px;
          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(rgb(255 98 98 / .3)),to(rgb(255 98 98 / .3))),#fff;
          background: linear-gradient(0deg,rgb(255 98 98 / .3) 0%,rgb(255 98 98 / .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(rgb(255 98 98 / .3)),to(rgb(255 98 98 / .3))),#fff;
          background: linear-gradient(0deg,rgb(255 98 98 / .3) 0%,rgb(255 98 98 / .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: #fff0
      }

        .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: #fff;
            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 .miebo-prescription {
        margin-bottom: 30px
      }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription.active {
          margin-bottom: 22px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .d-flex {
          gap: 8px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .label-div label {
          color: #FFF;
          font-family: Poppins;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 22px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .label-div p {
          color: #FFF;
          font-family: Poppins;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 22px;
          padding-bottom: 8px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .button-div label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 179px;
          height: 40px;
          -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;
          gap: 8px;
          border-radius: 200px;
          background: #FFF;
          cursor: pointer;
          color: #400286;
          font-family: Poppins;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 22px;
          border-radius: 200px;
          padding: 8px 16px;
          -webkit-transition: background 0.3s,color 0.3s;
          transition: background 0.3s,color 0.3s
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .button-div input[type=radio] {
          display: none
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .button-div label:has(input[type=radio]:checked) {
          background-color: #D9D3FE;
          color: #400286
        }

      .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .label-div label {
        color: #FFF;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px
      }

      .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .label-div p {
        color: #FFF;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        padding-bottom: 8px
      }

      .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div {
        margin-bottom: 8px
      }

        .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div:last-of-type {
          margin-bottom: 30px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          max-width: 540px;
          min-height: 84px;
          padding: 20px 42px;
          -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;
          gap: 8px;
          border-radius: 200px;
          background: #FFF;
          cursor: pointer;
          color: #400286;
          font-family: Poppins;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 22px;
          border-radius: 12px;
          -webkit-transition: background 0.3s,color 0.3s;
          transition: background 0.3s,color 0.3s
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div input[type=radio] {
          display: none
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div label:has(input[type=radio]:checked) {
          background-color: #D9D3FE;
          color: #400286
        }

      .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .label-div label {
        color: #FFF;
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px
      }

      .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .label-div p {
        color: #FFF;
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        padding-bottom: 8px
      }

      .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .button-div {
        margin-bottom: 8px
      }

        .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .button-div:last-of-type {
          margin-bottom: 30px
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .button-div label {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          max-width: 540px;
          min-height: 84px;
          padding: 20px 42px;
          -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;
          gap: 8px;
          border-radius: 200px;
          background: #FFF;
          cursor: pointer;
          color: #400286;
          font-family: Poppins;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 22px;
          border-radius: 12px;
          -webkit-transition: background 0.3s,color 0.3s;
          transition: background 0.3s,color 0.3s
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .button-div input[type=radio] {
          display: none
        }

        .mibo-popup_form .modal .modal-dialog .modal-body .no-option .Form__Element .button-div label:has(input[type=radio]:checked) {
          background-color: #D9D3FE;
          color: #400286
        }

      .mibo-popup_form .modal .modal-dialog .modal-body .privacy p {
        color: #fff;
        font-family: Poppins;
        font-size: 15px;
        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
}

.mibo-popup_form.yes .modal .modal-dialog .modal-body .yes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.mibo-popup_form.no .modal .modal-dialog .modal-body .no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@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: 395px;
    background-position: 0px -17px;
  }

  .mibo-popup_form.thank .modal .modal-dialog .modal-body {
    padding-left: 0;
    background: #400286;
    background-size: 375px;
    background-position: 0 103px;
  }
}

@media (max-width:991px) {
  .mibo-popup_form .modal {
    border-radius: 0
  }

    .mibo-popup_form .modal .modal-dialog {
      margin: 0 .5rem;
    }

      .mibo-popup_form .modal .modal-dialog .modal-content {
        margin-top: 23px;
        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.thank .modal .modal-dialog .modal-body {
    padding: 0 29px 440px 30px;
    background-image: url("/siteassets/img/img-359x368-sign-up-form-mob-bg-thank.png");
    background-size: 100%;
  }

  .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: 20px
    }

  .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: 20px
    }

  .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription {
    margin-bottom: 26px
  }

    .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription.active {
      margin-bottom: 22px
    }

    .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .d-flex {
      gap: 10px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
    }

    .mibo-popup_form .modal .modal-dialog .modal-body .miebo-prescription .button-div label {
      width: 100%
    }

  .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div:last-of-type {
    margin-bottom: 26px
  }

  .mibo-popup_form .modal .modal-dialog .modal-body .yes-option .button-div label {
    padding: 20px 28px
  }

  .mibo-popup_form .modal .modal-dialog .modal-body .no-option .button-div:last-of-type {
    margin-bottom: 26px
  }

  .mibo-popup_form .modal .modal-dialog .modal-body .no-option .button-div label {
    padding: 20px 28px
  }

  .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
    }

  .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

    .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex .lady {
      display: none
    }

    .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex .content .yes {
      background-color: transparent;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      left: 148px;
      bottom: 284px;
      position: absolute
    }

      .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex .content .yes p {
        margin-bottom: 11px;
        padding: 0
      }

      .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex .content .yes .d-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0
      }

    .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex .content .no {
      background-color: transparent;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      left: 140px;
      bottom: 275px;
      position: absolute
    }

      .mibo-popup_form.thank .modal .modal-dialog .modal-body .Form__Status .d-flex .content .no p {
        margin-bottom: 11px;
        padding: 0
      }
}

@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: 0;
  padding-bottom: 0;
  padding-top: 0
}

  #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: #fff0;
            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
}

  .faq-banner .col-lg-5 {
    display: flex;
    align-items: end;
  }

.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: #fff;
    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;
  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: 0;
              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: #fff;
          font-weight: 400;
          font-size: 15px;
          line-height: 15px
        }

          .testimonial-banner .content-wrap .content-para .user-name span strong {
            color: #fff;
            font-weight: 700;
            font-size: 18px;
            line-height: 26px
          }

            .testimonial-banner .content-wrap .content-para .user-name span strong span {
              color: #fff;
              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: 0;
          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: 0
      }

        .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: #fff0;
          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: 0;
            bottom: 0;
            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: 0
            }

            .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 0 0 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: 0
        }

          .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: 0;
    padding: 0
  }
}

@media screen and (max-width:576px) {
  #video.video-ad.blink_rx-vid.story-video h2 {
    max-width: 290px;
    margin: auto
  }
}

.ask-your-doctor-sec .ask-content .ctas a {
  display: inline-block;
  width: 184px;
  height: 44px;
  padding: 10px 29px;
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.32px;
  border-radius: 37px;
  background: var(--Royal-Purple, #400286);
  margin-top: 16px;
  text-decoration: none;
  text-align: center;
}


.hero-img .Banner-content h4 {
  font-size: 24px;
  color: #fff;
  margin-top: 28px;
  margin-bottom: 21px;
  font-weight: 700;
  line-height: 32px;
  font-family: Poppins;
  text-align: left;
}

.hero-img .Banner-content .ctas a {
  display: inline-block;
  width: fit-content;
  height: 44px;
  padding: 10px 40px;
  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;
  position: relative
}

  .hero-img .Banner-content .ctas a:hover {
    background-color: #DED8FF;
  }

  .hero-img .Banner-content .ctas a.btn-2 {
    padding-right: 46.5px;
    margin-left: 16px;
    padding-left: 22.5px;
  }

    .hero-img .Banner-content .ctas a.btn-2::after {
      content: "";
      position: absolute;
      display: block;
      height: 16px;
      width: 16px;
      background: url(/siteassets/img/icon-16x17-share-link.svg) no-repeat;
      top: 13.5px;
      right: 20px;
      background-size: contain;
    }



@media screen and (max-width:991px) {
  .hero-img .Banner-content .ctas a {
    display: block;
    width: 252px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

    .hero-img .Banner-content .ctas a.btn-2 {
      margin: 12px auto 0;
      padding-right: 45px;
    }

  .hero-img .Banner-content h4 {
    text-align: center;
    font-size: 20px;
    line-height: 32px; /* 160% */
    margin: 20px 0;
  }

  .ask-your-doctor-sec .ask-content p {
    margin-bottom: 30px;
  }

  .ask-your-doctor-sec .ask-content .ctas a {
    display: block;
    margin: auto;
  }

  .ask-your-doctor-sec .ask-doc-icon {
    display: none;
  }

  .stay-in-touch.sit-content .sit-wrap .img-mbo-pack {
    opacity: 0;
  }

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

    .stay-in-touch.sit-content:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(1.95%,#06549A),color-stop(50%,rgba(52,162,223,0)));
      background: linear-gradient(180deg,#06549A 1.95%,rgba(52,162,223,0) 50%)
    }
}

@media screen and (min-width:576px) {
  .stay-in-touch.sit-content {
    background-position-y: 44% !important;
  }
}



.dryeye-btm-sec .col-lg-5 {
  position: absolute;
  right: 11%;
  top: auto;
  bottom: 0;
}

@media screen and (max-width: 991px) {
  .dryeye-btm-sec .col-lg-5 {
    position: relative;
    right: auto;
    top: auto;
    bottom: 0;
  }
}

@media (max-width: 430px){
  .patient-guide p {
    padding: 0;
    font-size: 17px;
  }
}



.mibo-popup_form .modal .modal-dialog .modal-body .Form__Status .no .btn:hover {
  color: #400286;
  background: #DED8FF;
}

.patient-guide.purple a.btn:hover {
  background: #fff;
  color: #400286;
}

.patient-guide a.btn:focus {
  outline: 0;
  box-shadow: unset;
}