@import "/assets/css/constants.css";

/* Ad Design Templates */
.op-survey > .container {
  max-width: 50%;
}
.op-survey .fs-7 {
  line-height: 1.6em;
}
#app[dir="rtl"] .op-survey .fs-7 {
  font-size: 1rem !important;
}
.op-survey-ty p {
  font-family: var(--op-font-body);
}
.op-arrow-icon::after {
  content: "";
  background-image: url(/assets/img/logo-arrow.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  align-self: center;
  margin-left: 15px;
  transition: all ease-in-out 0.1s;
  display: inline-block;
}
.templates-wrapper .client-logo {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.templates-wrapper .client-logo img {
  object-fit: unset;
  height: auto;
}

.template-img {
  max-width: 32vw;
  margin: 0 auto;
  display: block;
}

.template-img-story {
  max-width: 20vw;
}

.template-img img {
  display: block;
  width: 100%;
  height: auto;
}
.template-designs-wrapper .btn-primary {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
}
.template-designs-wrapper .swiper-button-next,
.template-designs-wrapper .swiper-button-prev {
  color: var(--op-link) !important;
}

.template-designs-wrapper .swiper-button-next:after,
.template-designs-wrapper .swiper-button-prev:after,
.template-thumbnails-wrapper .swiper-button-next:after,
.template-thumbnails-wrapper .swiper-button-prev:after {
  font-size: 30px;
  font-weight: 700;
}

.template-designs-wrapper .nav-pills {
  justify-content: center;
}

.template-thumbnails-wrapper .swiper-slide {
  border: 2px solid #fff;
}

.template-thumbnails-wrapper .swiper-slide:hover {
  cursor: pointer;
}

.template-thumbnails-wrapper .swiper-slide-thumb-active {
  border: 3px solid var(--bs-secondary);
}

.template-thumbnails-wrapper img.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 15%) !important;
}

#app[dir="rtl"] .template-designs-wrapper .swiper-pagination-fraction {
  direction: ltr;
}

#app[dir="rtl"] .survey-form .btn-outline-primary {
  direction: rtl;
}

#app[dir="rtl"] .survey-form .btn-outline-primary .far {
  margin-right: 0 !important;
}

.template-thumbnails-wrapper .swiper {
  /*padding: 0 2em;*/
  padding-right: 40px;
  overflow-x: scroll;
}

.template-thumbnails-wrapper .swiper::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.template-thumbnails-wrapper .swiper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

.template-thumbnails-wrapper .swiper::-webkit-scrollbar-thumb {
  background-color: var(--op-link);
}
@media screen and (max-width: 1200px) {
  .op-survey {
    padding: 120px 30px;
  }
  .op-survey > .container {
    max-width: 85vw;
  }
}
@media screen and (max-width: 991px) {
  .op-survey > .container {
    max-width: 78vw;
  }
  .template-img {
    max-width: 100%;
  }
  .template-img-story {
    max-width: 50vw;
  }
  .form-control.d-lg-inline-block {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .op-survey > .container {
    max-width: 100%;
  }
}

/* Nav Tabs */
.nav-tabs {
  border-bottom-color: var(--op-link);
}

.nav-pills .nav-link {
  background: #eee;
  border: 2px solid #eee;
  min-width: 100px;
  margin: 0 5px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
  color: #fff;
  background: var(--op-link);
  border-color: var(--op-link);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover,
.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
  background: rgba(0, 0, 0, 0);
  border-color: var(--op-link);
  color: var(--op-link);
}

/* Popover and Tooltip*/
.popover {
  font-family: var(--op-font-body);
}

.popover.rtl {
  direction: rtl;
  font-family: var(--op-font-body-arabic);
}

/* Sales Page - Evergreen */
.app-overview-video > div {
  position: relative;
  padding-top: 56.5%;
}

.app-overview-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sales-page-hero {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 10vh !important;
  padding-bottom: 10vh !important;
  min-height: 90vh;
  display: flex;
}

.main-wrapper > section.sales-page-hero > .container,
.main-wrapper > section.sales-page-section > .container,
.sales-page-hero .container {
  padding: 20px;
  max-width: 1320px;
}

.secrets-hero .container {
  padding: 0 20px;
}

.sales-page-hero .container::before {
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 60vw;
  opacity: 0.03;
}

.sales-page-hero .row {
  display: flex;
  align-items: center;
  align-self: center;
  height: 100%;
  direction: ltr;
}

.sales-page-section {
  background-repeat: no-repeat;
}

.evergreen-section .row,
.sp-included-section .row,
.sales-page-section .row {
  direction: ltr;
}

.sales-page-hero .hero-content-wrap {
  position: relative;
  z-index: 4;
}

.evergreen-hero *,
.evergreen-sectiontwo *:not(.fas),
.evergreen-sectionthree *,
.evergreen-sectionfour *,
.sp-included-section *:not(.fas):not(.display-5):not(.btn),
.sp-footer *,
.evergreen-section *:not(.fas),
.sales-page-section *:not(.fas):not(.fal),
.sales-page-hero *:not(.fas):not(.fal),
.op-blackfriday *:not(.fas):not(.fal),
.op-preselling *:not(.fas):not(.fal) {
  font-family: var(--op-font-body-arabic);
}

.evergreen-hero h1,
#app[dir="ltr"] .evergreen-hero h1,
.evergreen-hero h2,
.evergreen-hero h3,
.evergreen-hero h4,
.sales-page-hero h1,
.sales-page-hero h2,
.sales-page-hero p,
.op-blackfriday h1,
.op-blackfriday h2,
.op-blackfriday p,
.op-preselling h1,
.op-preselling h2,
.op-preselling p {
  direction: rtl;
  text-align: right !important;
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.sales-page-hero iframe,
.onboarding-hero .app-overview-video,
.sales-page-hero .app-overview-video {
  margin: 0 0 0 auto;
  box-shadow: 0 7px 10px -2px rgb(0 0 0 / 20%);
}

.evergreen-hero h1,
#app[dir="ltr"] .evergreen-hero h1 {
  font-size: 2.75rem !important;
  line-height: 1.2em;
  font-weight: 400 !important;
}

.evergreen-hero h1 u {
  font-weight: 700 !important;
  text-decoration: none;
  display: inline-block;
  margin: 0 15px;
  background-image: url(/assets/img/OPSalesPages/evergreen-highlight.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding-bottom: 15px;
  line-height: 1.5em;
}

.evergreen-hero h2 {
  font-size: 4rem !important;
  line-height: 1.2em;
  margin-top: 1rem;
  display: block;
}

.evergreen-hero h3 {
  font-size: 2.5rem !important;
  line-height: 3rem;
  color: var(--op-link-dark);
  font-weight: 400 !important;
  margin: 20px 0;
  display: block;
}

.evergreen-hero h4 {
  font-weight: 400 !important;
  font-size: 1.75rem;
}

.btn-sp {
  background: var(--op-link) !important;
  display: inline-block;
  box-shadow: none !important;
  transition: all ease-in-out 0.3s;
  position: relative;
  z-index: 3;
  direction: ltr;
}
#app[dir="ltr"] .btn-sp {
  font-family: var(--op-font-arabic) !important;
  font-weight: 600;
}

.value-wrapper .btn-sp,
.btn-sp.sml {
  padding: 18px 21px !important;
  font-size: 21px;
  font-family: var(--op-font-arabic) !important;
  font-weight: 600;
  border-radius: 6px;
}

.value-wrapper .btn-sp::after,
.btn-sp.sml::after {
  content: "";
  background-image: url(/assets/img/logo-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 15px;
}

.value-wrapper .btn-sp.btn-play::after {
  display: none !important;
}

.value-wrapper .survey-form .btn-sp {
  font-size: 18px;
  padding: 15px 40px 15px 20px !important;
  background: var(--op-link) url(/assets/img/logo-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 12px 12px !important;
  background-position: 90% center !important;
}

form .btn-sp,
.webinar-content .btn-sp {
  font-size: 1.25rem;
}

.webinar-content .btn-sp {
  margin-top: 20px !important;
}

.btn-sp:hover {
  transform: translateY(-10px);
}

@keyframes levitate {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes arrow {
  from {
    transform: translateX(0) translateY(0);
  }
  to {
    transform: translateX(3px) translateY(-3px);
  }
  0% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(3px) translateY(-3px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
.btn-sp.btn-play::after {
  animation: arrow 1s infinite;
}
.btn-tycoon {
  animation: levitate 2s infinite;
}
.btn-tycoon.no-animation {
  animation: unset;
}
.btn-tycoon.whatsapp {
  background: #25d366 !important;
}
.evergreen-hero-img .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1;
}

.evergreen-hero-img img {
  width: 80vw;
  transform: scale(1.25);
  position: absolute;
  top: 0;
  left: 0;
}

.evergreen-hero-img::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 2;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 40%,
    rgba(255, 255, 255, 1) 60%
  );
}

.evergreen-sectiontwo-content,
.evergreen-sectionthree-content,
.evergreen-sectionfour-content,
.sales-page-section-content {
  direction: rtl;
}

.evergreen-sectiontwo-video,
.sp-app-section .app-overview-video {
  box-shadow: 0 10px 21px rgb(0 0 0 / 15%);
  border: 9px solid #fff;
  border-radius: 10px;
  background: #fff;
  width: 40vw;
}

.sp-app-section .app-overview-video {
  width: 100%;
}

.evergreen-sectiontwo-video > div {
  width: 100%;
  position: relative;
  padding: 0;
  padding-top: 56.25%;
}

.evergreen-sectiontwo-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.evergreen-sectiontwo-content h2 {
  line-height: 1.4em;
}

.evergreen-sectiontwo-content p,
.evergreen-sectiontwo-content ul {
  font-size: 24px;
}

.evergreen-sectiontwo-content ul {
  list-style: none;
}

.evergreen-sectiontwo-content ul li {
  margin: 10px 0;
  vertical-align: middle;
}

.evergreen-sectiontwo-img.top {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 21px rgb(0 0 0 / 15%);
  width: 35%;
  position: absolute;
  left: 2vw;
  bottom: 0vh;
  height: 30vh;
  border: 7px solid #fff;
  background: #fff;
}

.evergreen-sectiontwo-img.bottom {
  width: 85%;
  margin-right: 0;
  margin-left: auto;
  display: block;
}

.evergreen-sectiontwo-img img {
  display: block;
}

.evergreen-sectiontwo-img.top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 7px;
}

.evergreen-sectiontwo-img.bottom img {
  border: 7px solid var(--op-link-dark);
}

.evergreen-sectionthree {
  background-size: 50% auto !important;
  background-position: left top !important;
  background-repeat: no-repeat;
}

.evergreen-sectionthree-content h1 {
  font-size: 2.75rem !important;
  line-height: 1.2em;
}

.evergreen-sectionthree-content h2 {
  font-size: 3.5rem !important;
}

.evergreen-sectionthree-content p {
  color: var(--op-text-dark);
  font-size: 24px;
  line-height: 1.5em;
}

.evergreen-sectionfour::before {
  right: 0 !important;
  left: auto !important;
}

.evergreen-sectionfour p {
  margin-bottom: 0;
  font-size: 21px;
}

.evergreen-sectionfour-img {
  border-radius: 100%;
  width: 25vw;
  height: 25vw;
  overflow: hidden;
  position: relative;
  border: 7px solid #ffffff;
  box-shadow: 0 10px 21px rgb(0 0 0 / 15%);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  z-index: 1;
}

.evergreen-sectionfour-img iframe {
  position: absolute;
  height: 100%;
  transform: scale(2);
  top: 0;
  left: 0;
  z-index: 0;
}

.sp-included-section .container {
  max-width: 1170px !important;
}
.sp-included-section h1,
.sp-included-section p {
  text-align: right;
}

.sp-included-section.op-icon-bg::before,
.sp-included-section.op-icon-bg-purple::before {
  right: 0;
  left: auto;
}

.sp-included-item p {
  font-size: 32px;
  line-height: 1.4em;
  direction: rtl;
  text-align: right;
}

.sp-footer p,
.sp-footer a {
  direction: rtl;
}

.sp-footer a {
  text-decoration: none;
}

.sp-footer.bg-black p,
.sp-footer.bg-black a {
  color: #fff;
}

.webinar-header-alert p {
  direction: rtl;
}

.webinar-content-section {
  background: rgb(59, 21, 128);
  background: linear-gradient(
    90deg,
    rgba(59, 21, 128, 1) 0%,
    rgba(94, 33, 205, 1) 100%
  );
  min-height: calc(100vh - 151px);
}
.webinar-content-section.bg-gray {
  background: var(--bs-gray-gradient) !important;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.112) 0%,
      rgba(0, 0, 0, 0) 79.44%
    ),
    var(--bs-gray-gradient) !important;
}
.webinar-content-section:only-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.webinar-content-section h1 {
  line-height: 1.4em;
}

.webinar-content-section .container {
  max-width: 1100px;
}
.tycoon-video-wrapper,
.op-video-content .video-wrapper {
  background: #fff;
  box-shadow: -15px 20px 25px 0px rgb(0 0 0 / 20%);
  /*  border: 5px solid #fff;*/
  border-radius: 20px;
  overflow: hidden;
}
.tycoon-video-wrapper.vertical > div {
  width: 100%;
}
.tycoon-video-wrapper > div iframe {
  width: 100%;
  height: 50vh;
}
.op-video-content .video-wrapper > div iframe {
  width: 100%;
  height: 100%;
}
.tycoon-video-wrapper.vertical > div iframe {
  display: block;
  height: 44vh;
}
.tycoon-video-wrapper.horizontal > div iframe {
  height: 59vh;
  display: block;
}
.wistia-playlist-item a {
  border: 3px solid #fff;
  border-radius: 3px;
  display: block;
}
.wistia-playlist-item a.current,
.wistia-playlist-item a:hover {
  box-shadow: -5px 10px 15px 0px rgb(0 0 0 / 20%);
  cursor: pointer;
}
.wistia-playlist-item a.current {
  border-color: var(--op-link);
}

.tycoon-video-wrapper h2,
.op-video-content .video-wrapper h2 {
  background: #222;
  display: block;
  width: 100%;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  margin: 0;
  text-align: center !important;
}
.tycoon-video-wrapper h2 span,
.op-video-content .video-wrapper h2 span {
  opacity: 0.6;
}
.wistia_responsive_padding {
  padding: 56.25% 0 0 0;
  position: relative;
}
.wistia_embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  margin: 0 auto;
}
.webinar-note {
  direction: rtl;
}
.webinar-content p {
  margin-bottom: 0;
}

/* Onboarding */
.onboarding-hero {
  position: relative;
  overflow: hidden;
  background-position: bottom center !important;
  padding-top: 7vh !important;
  padding-bottom: 7vh !important;
  min-height: 95vh;
}

.onboarding-hero-img {
  position: absolute;
  left: 0;
  bottom: -20vh;
  width: 33vw;
  z-index: 2;
}

.onboarding-hero-img img {
  display: block;
  width: 100%;
  height: auto;
}

.onboarding-hero h1 {
  font-size: 4.25rem;
  font-family: var(--op-font-body-arabic) !important;
  font-weight: 400;
}

.onboarding-hero h2 {
  font-size: 3rem;
  margin-bottom: 30px;
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.onboarding-hero p {
  font-size: 28px;
  font-family: var(--op-font-arabic);
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.onboarding-hero p strong,
.onboarding-hero p u {
  margin: 0 10px;
  display: inline-block;
}

.onboarding-hero p strong {
  /*text-decoration: none;*/
  /*border-bottom: 3px solid #ffcc00;*/
  /*padding-bottom: 10px;*/
  font-family: var(--op-font-arabic) !important;
  font-weight: 600;
}

.onboarding-hero .app-overview-video {
  max-width: 600px;
  margin-right: 0;
}

.sales-page-sched {
  padding-top: 13vh !important;
  padding-bottom: 10vh !important;
  background-position: center;
  min-height: 60vh;
}

.sales-page-sched-content ul {
  list-style: none;
}

.sales-page-sched-content li {
  background: #8525e5;
  color: #fff;
  padding: 15px 100px 15px 20px !important;
  border-radius: 3px;
  text-align: right;
  position: relative;
  font-size: 20px !important;
  line-height: 1.6em;
  font-weight: 400;
}

.sales-page-sched-content li + li {
  margin-top: 10px;
}

.sales-page-sched-content li .fal {
  position: absolute;
  right: 0;
  top: 10%;
  width: 80px;
  height: 80%;
  opacity: 0.5;
  border-left: 3px solid rgba(255, 255, 255, 0.3);
  vertical-align: middle;
  line-height: 1.75em;
  text-align: center;
}

.sales-page-sched-content {
  font-weight: 700;
  font-size: 1.75rem;
  color: var(--op-text-dark);
  line-height: 1.6em;
}

.countdown-row {
  direction: rtl;
  width: 100%;
  padding: 0px 2px;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.countdown-section {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin: 0px;
  padding: 0px 10px;
}

.countdown-amount {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 0px 10px;
  margin-bottom: 5px;
  font-size: 36px;
  color: var(--op-link-dark);
  position: relative;
}

.countdown-amount::after {
  content: ":";
  margin-right: 20px;
  position: absolute;
  margin-left: 20px;
  margin-top: -2px;
}

.countdown-section:last-child .countdown-amount::after {
  display: none;
}

.countdown-period {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1em;
  color: var(--op-link-dark);
  font-weight: 400;
}

.onboarding-sectionfive {
  background-size: 40vw auto !important;
  background-repeat: no-repeat !important;
  background-position: bottom left;
  min-height: 80vh;
  text-align: right;
}

.onboarding-sectionfive-content h1 {
  font-size: 4rem;
}

.onboarding-sectionfive-content p {
  font-size: 32px;
  color: var(--op-text-dark);
}

.onboarding-sectionsix {
  min-height: 50vh;
  background-size: contain;
  background-position: -5vw 0;
}

.onboarding-sectionsix-content h1 {
  font-size: 2.25rem;
  line-height: 1.6em;
  text-align: right !important;
}

.onboarding-sectionsix-content ul {
  direction: rtl;
  list-style: none;
  text-align: right !important;
}

.onboarding-sectionsix-content li {
  font-size: 28px;
  position: relative;
  padding-right: 36px;
}

.onboarding-sectionsix-content li .op-arrow-icon {
  position: absolute;
  top: 8px;
  right: 0;
}

.onboarding-sectionsix-content li + li {
  margin-top: 20px;
}

.onboarding-sectionfive-content .border-top,
.onboarding-sectionsix-content .border-top {
  margin-right: 0;
  margin-left: auto;
}

.onboarding-sectionsix-content .fas {
  position: absolute;
  top: 10px;
  right: 0;
}

.onboarding-sectionsix-content p {
  direction: rtl;
  text-align: right !important;
}

.sp-quote-section {
  background-size: cover;
  background-position: center;
}

.sp-quote-section h1 {
  font-size: 3.5rem;
  line-height: 1.6em;
}

.sp-presenters {
  background-size: 50vw auto !important;
  background-position: right bottom !important;
  text-align: right;
}

.sp-presenters p {
  font-size: 24px;
  margin-bottom: 0;
}

.sp-app-section {
  background-position: 15vw 0;
  background-size: contain;
  /*min-height: 70vh;*/
}

.sp-app-content {
  direction: rtl;
}

/* 7 Secrets */
.secrets-hero {
  position: relative;
  overflow: hidden;
  background-position: bottom center !important;
  padding-top: 7vh !important;
  padding-bottom: 7vh !important;
  min-height: 95vh;
}

.secrets-hero-img {
  position: absolute;
  left: -5vw;
  top: 7vh;
  width: 50vw;
  z-index: 2;
}

.secrets-hero-img img {
  display: block;
  width: 100%;
  height: auto;
}

.secrets-hero h1 {
  /*display: inline-block;*/
  text-align: right !important;
  font-size: 6rem;
  line-height: 1.2em !important;
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.secrets-hero span {
  display: block;
  font-size: 3rem;
  font-family: var(--op-font-arabic);
  font-weight: 600;
  line-height: 1em;
}

.secrets-hero h2 {
  font-weight: 400;
  font-size: 2.5rem;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.secrets-hero p {
  font-size: 28px;
  font-family: var(--op-font-arabic);
  font-weight: 600;
  line-height: 1.4em;
  margin-top: 20px;
}

.secrets-hero p strong,
.secrets-hero p u {
  margin: 0 10px;
  display: inline-block;
}

.secrets-hero p u {
  text-decoration: none;
  border-bottom: 3px solid #ffcc00;
  padding-bottom: 10px;
}

.secrets-hero .app-overview-video {
  max-width: 600px;
}

.secrets-hero-content-wrapper {
  position: relative;
  z-index: 4;
}

.salespage-sectionseven .row {
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
}

.salespage-sectionseven-content {
  direction: rtl;
}

.salespage-sectionseven-content p {
  font-size: 30px;
}

/* Value Funnel */
.value-wrapper {
  background: #fff;
  padding-top: 15px;
  text-align: right;
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.value-wrapper > section.mb-0:not(.sp-footer):not(.sp-app-section) {
  margin-bottom: 0 !important;
}

.value-wrapper > section.value-hero {
  text-align: right;
  min-height: fit-content;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #f2f4f1 !important;
  border-radius: var(--op-border-radius);
  position: relative;
}

.value-wrapper .sp-footer {
  border-radius: var(--op-border-radius) var(--op-border-radius) 0 0;
}

.value-hero .container {
  padding: 5px !important;
}

.value-wrapper .ptb-120 {
  padding: 90px 0;
}

.value-hero .container::before {
  display: none;
}

.value-wrapper h1,
.value-wrapper h2 {
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.value-wrapper > section {
  max-width: calc(100% - 60px);
  margin: 0 auto;
}

.value-wrapper > section:not(.value-grid-section) > .container {
  max-width: 85vw; /* 115px * 2 on the side*/
  padding: 5px;
}

.value-grid-section .container {
  max-width: 100%;
  padding: 5px;
}

.value-hero.bg-dark {
  background: var(--bs-primary) !important;
}

.value-hero h1 {
  font-size: 2.75rem !important;
  font-weight: 700 !important;
  line-height: 1.6em !important;
  text-align: right !important;
  color: var(--body-color);
}

.bg-white.value-hero h1 {
  color: var(--body-color);
  font-size: 40px;
}

.value-hero h1 strong {
  color: var(--op-link);
  display: inline-block;
  margin: 0 7px;
}

.value-hero h2 {
  font-size: 1.75rem !important;
  line-height: normal !important;
  font-weight: 600 !important;
  margin: 20px 0;
  color: var(--op-link);
  display: inline-block;
}

.value-hero h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

.value-hero p {
  font-size: 21px !important;
  font-family: var(--op-font-arabic);
  font-weight: 600;
}

.value-hero p strong {
  margin: 0 5px;
}

.value-hero u {
  margin-right: 10px;
  border-bottom: 2px solid;
  text-decoration: none;
  color: #6a11da;
}

.value-hero .app-overview-video {
  max-width: 100%;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 41px 29px 63px 7px rgba(0, 0, 0, 0.15);
}

.value-grid-col {
  padding: 5px;
  position: relative;
  overflow: hidden;
}

.value-grid-col .value-grid-content {
  border-radius: var(--op-border-radius);
}

.value-grid-col:first-child .value-grid-content {
  border-bottom-left-radius: 0;
}

.value-grid-col:nth-child(2) .value-grid-content {
  border-bottom-right-radius: 0;
}

.value-grid-col:nth-child(3) .value-grid-content {
  border-top-left-radius: 0;
}

.value-grid-col:nth-child(4) .value-grid-content {
  border-top-right-radius: 0;
}

.value-grid-content {
  height: 100%;
  padding: 4vw 6vw 4vw 0;
  position: relative;
  overflow: hidden;
}

.value-grid-content.bg-light {
  background: #f2f4f1 !important;
}

.value-grid-content.bg-dark {
  background: #6a11da;
  background: linear-gradient(
      0.23deg,
      rgba(0, 0, 0, 0.2) 0.26%,
      rgba(0, 0, 0, 0) 99.86%
    ),
    #6a11da;
}

.value-grid-content h2 {
  font-size: 40px;
  width: 100%;
  display: block;
  padding-left: 4vw;
  position: relative;
  text-align: right;
}

.op-logo-icon {
  content: "";
  display: block;
  background-image: url(/assets/img/logo-purple-dark.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 40px;
  position: absolute;
  top: -20px;
  right: 0;
}

.value-grid-content h2 strong,
.value-grid-content p strong {
  color: var(--op-link);
}

.value-grid-content p,
.value-learn-list li {
  font-size: 21px;
  font-weight: 500;
  font-family: var(--op-font-arabic);
  line-height: 1.4em;
}

.value-learn-list > li {
  margin-bottom: 15px;
}

.value-learn-list {
  list-style: none;
}
.value-learn-list.no-arrow {
  list-style: disc;
  margin-right: 20px;
}
.value-learn-list li {
  position: relative;
  text-align: right;
  letter-spacing: 0.5px;
}
.value-learn-list.no-arrow li {
  padding-right: 0;
}
.value-learn-list > li {
  padding-right: 25px;
}
.value-learn-list > li::before {
  content: "";
  background-image: url(/assets/img/logo-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 10px;
}
.value-learn-list.no-arrow > li::before {
  display: none;
}
.value-learn-list.dark li::before {
  background-image: url(/assets/img/logo-arrow-dark.svg);
}
.value-learn-list.dark.landing li::before {
  background: var(--op-link) !important;
  border-radius: 100%;
  position: static;
  margin-left: 10px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
}
.value-learn-list li strong {
  font-weight: 700;
}
.value-learn-list li ol {
  padding-left: 0;
  padding-right: 0;
}
.value-learn-list li li {
  padding-bottom: 10px;
}
.value-learn-list li ol li {
  list-style: none;
  position: relative;
  line-height: 1.4em;
  padding-right: 30px;
}
.value-learn-list li ol li::before {
  display: inline-block;
  background: none !important;
  position: absolute;
  top: 0;
  right: 0;
}
.value-learn-list li ol li:first-child::before {
  content: "١.";
}
.value-learn-list li ol li:nth-child(2)::before {
  content: "٢.";
}
.value-learn-list li ol li:nth-child(3)::before {
  content: "٣.";
}
.value-learn-list li ol li:nth-child(4)::before {
  content: "٤.";
}
.value-learn-list li ol li:nth-child(5)::before {
  content: "٥.";
}
.value-learn-list li ol li:nth-child(6)::before {
  content: "٦.";
}
.value-learn-list li ol li:nth-child(7)::before {
  content: "٧.";
}
.value-learn-list li ol li:nth-child(8)::before {
  content: "٨.";
}
.value-learn-list li ol li:nth-child(9)::before {
  content: "٩.";
}
.value-learn-list li ol li:nth-child(10)::before {
  content: "١٠.";
}
.value-learn-list li ol li:nth-child(11)::before {
  content: "١١.";
}
.value-learn-list li ol li:nth-child(12)::before {
  content: "١٢.";
}
.value-learn-list li ol.no-style li::before {
  display: none;
}

.value-content {
  position: relative;
  z-index: 3;
  width: 50%;
  display: inline-block;
  text-align: right;
}
.value-content .btn {
  margin-right: 0;
  margin-left: auto;
}

.value-grid-content .value-img-col {
  min-height: 50vh;
}

.value-grid-content .value-img {
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45%;
  height: 100%;
  z-index: 1;
  display: inline-block;
  /*display: none;*/
}

.value-grid-col:nth-child(2) .value-grid-content .value-img {
  width: 60%;
}

.value-grid-col:nth-child(3) .value-grid-content .value-img {
  width: 50%;
}

.value-grid-content img {
  width: 100%;
}

.value-content-section .order-0 .value-img {
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  background-position: bottom right;
}

.value-content-section.bg-bottom .value-img {
  background-position: bottom left;
}

.value-wrapper > section.sp-app-section.bg-dark {
  background: rgb(77, 27, 168);
  background: linear-gradient(
    90deg,
    rgba(77, 27, 168, 1) 0%,
    rgba(77, 27, 168, 1) 100%
  );
  border-radius: 10px !important;
  margin-top: 0 !important;
}

.value-wrapper .app-overview-video {
  border: none !important;
  border-radius: 10px;
  box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.value-btn .btn-sp {
  margin-left: auto;
  margin-right: 0;
}
.sales-page-hero .btn,
.sales-page-section .btn,
.sp-included-section .btn {
  text-align: center;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.main-wrapper > section.quiz-funnel-section {
  padding-top: 40px !important;
}
.quiz-funnel-section {
  text-align: right;
}
.quiz-funnel-section h1,
.quiz-funnel-section h2,
.quiz-funnel-section h4,
.quiz-funnel-section label,
.quiz-selection p,
.quiz-funnel-section .btn,
.quiz-result {
  font-family: var(--op-font-arabic);
  font-weight: 600;
}
.quiz-funnel-section h1 {
  font-weight: 700;
}
.quiz-funnel-section h1 em {
  font-style: normal;
  color: var(--op-link);
}
.quiz-funnel-section .question {
  margin: 40px 0;
}
.quiz-funnel-section .question.hidden {
  display: none;
}
.quiz-funnel-section .question + .question {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 40px;
}
.quiz-funnel-section .answer label {
  border-radius: 6px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  margin: 10px 0;
  padding: 10px;
}
.quiz-funnel-section .answer label:hover {
  cursor: pointer;
}
.quiz-funnel-section .answer-image {
  display: inline-block;
}
.quiz-funnel-section label {
  padding: 10px 0;
}
.quiz-funnel-section .answer input[type="radio"]:checked + label {
  border-color: var(--bs-primary);
}
.quiz-selection {
  background-image: url(/assets/img/OPSalesPages/quiz-mobile-noshadow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 90vh;
  display: block;
  position: relative;
}
.quiz-selection .design {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  transform: translate(-50%, -50%);
}
.quiz-selection img {
  width: 100%;
  height: auto;
}
.quiz-selection .message {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 40%;
  transform: translate(-50%, 0);
  font-size: 24px;
  text-align: center;
  padding: 0 14px;
}
.quiz-selection .message {
  position: absolute;
  left: 50%;
  top: 30%;
  width: 40%;
  transform: translate(-50%, 0);
  font-size: 24px;
  text-align: center;
  padding: 0 14px;
}
.quiz-selection .audience {
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 15%;
  width: 40%;
  transform: translate(-50%, 0);
  font-size: 24px;
  text-align: center;
  padding: 0 14px;
  color: #fff;
}
.quiz-funnel-section input.btn,
.quiz-funnel-section .btn {
  background-image: url(/assets/img/logo-arrow.svg);
  background-repeat: no-repeat;
  background-position: 88% center;
  font-weight: 600;
  background-size: 14px;
  font-size: 16px;
  line-height: 14px;
  padding: 13px 50px 13px 21px !important;
  margin-left: auto;
  margin-right: 0;
  width: fit-content;
}
.quiz-funnel-section .quiz-result .btn {
  background-image: none;
  padding-right: 21px !important;
}
.quiz-funnel-section .btn-link {
  background: none;
  padding: 13px 0 !important;
  text-align: center;
}
.quiz-funnel-section .btn-link::after {
  display: none;
}
.quiz-funnel-section .btn.hide {
  display: none !important;
}
.quiz-funnel-section .btn.show {
  display: block !important;
}
.quiz-funnel-section .btn:hover {
  background-position: 89% 14px;
}
.quiz-result p {
  font-size: 21px;
}
.quiz-result.passed {
  width: 100%;
  height: 90vh;
  background-image: url(/assets/img/OPSalesPages/quiz-certificate.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-align: center;
  padding: 10vh 0;
}
.quiz-result.passed > * {
  width: 100%;
}

.quiz-result input {
  border: none;
  border-bottom: 1px solid #000;
  padding: 20px;
  font-size: 30px !important;
  width: 40%;
  outline: none !important;
  text-align: center;
}
.quiz-result input::-webkit-input-placeholder {
  color: #959595 !important;
  font-size: 30px !important;
}
.quiz-result input:-ms-input-placeholder {
  color: #959595 !important;
  font-size: 30px !important;
}
.quiz-result input::placeholder {
  color: #959595 !important;
  font-size: 30px !important;
}

/* Black Friday */
.main-wrapper > section.op-blackfriday {
  padding-top: 50px !important;
  direction: rtl;
}
.op-blackfriday .hero-content-wrap h1 .top {
  font-weight: 700;
  color: var(--bs-primary) !important;
}
.op-blackfriday .hero-content-wrap h1 .bottom {
  font-size: 54px;
  line-height: 1.4em;
  padding: 10px 0;
}
.op-preselling .hero-content-wrap h1 .bottom {
  line-height: 1.4em !important;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 40px !important;
  width: fit-content;
  /*background: -webkit-linear-gradient(-45deg, var(--bs-primary), #430c88);
  letter-spacing: 0.5px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  /*  color: #db9b25;*/
}

#blackFridayFormModal .btn-close {
  position: static;
}
.op-blackfriday .hero-content-wrap h1 {
  line-height: 1.4em !important;
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  font-weight: 600;
  color: var(--body-color);
}
.op-blackfriday .hero-content-wrap h1 strong,
#app[dir="rtl"] .op-blackfriday .hero-content-wrap h1 strong {
  font-weight: 700 !important;
}
.op-blackfriday .hero-content-wrap p {
  font-weight: 500 !important;
  line-height: 30px;
  letter-spacing: 0;
  font-family: var(--op-font-body-arabic);
  margin-bottom: 0;
  letter-spacing: 0.5px;
  font-size: 16px !important;
}
.op-blackfriday .hero-content-wrap p strong {
  font-weight: 700;
}
.op-blackfriday .lead {
  font-size: 36px;
  text-align: right;
  font-weight: 500;
  font-family: var(--op-font-body-arabic);
}
.bf-presenter .advantage-content p {
  font-weight: 500 !important;
}
.bf-presenter .advantage-content p strong {
  font-weight: 700;
}
.op-timer {
  direction: ltr;
  text-align: right;
  border: 2px solid var(--bs-primary);
  margin-top: 20px;
  margin-bottom: 20px;
  width: fit-content;
}
.op-timer.no-border {
  border: none;
}
.op-timer.sml {
  width: fit-content;
  margin-top: 20px !important;
  padding: 10px 5px;
  border-color: var(--op-text-dark);
}
.op-timer.sml.white {
  border-color: #fff;
}
.hero-timer .op-timer {
  margin: 20px auto;
  text-align: center;
  position: relative;
  z-index: 2;
}
.op-timer > div {
  padding: 20px;
  text-align: center;
  position: relative;
}
.op-timer.sml > div {
  padding: 0 10px;
}
.op-timer > div:nth-child(3),
.op-timer > div:nth-child(4) {
  min-width: 87px;
}
.op-timer.sml > div:nth-child(3),
.op-timer.sml > div:nth-child(4) {
  min-width: 66px;
}
.op-timer.sml > div:nth-child(4) {
  padding-right: 0;
}
.op-timer > div::after {
  content: ":";
  display: block;
  position: absolute;
  right: -4px;
  top: 15%;
  font-size: 36px;
  font-weight: 700;
  color: var(--bs-primary);
}
.op-timer.sml > div::after {
  font-size: 21px;
  color: #fff;
  top: 0;
}
.op-timer.sml.text-body-dark > div::after {
  color: var(--op-text-dark);
}
.hero-timer .op-timer > div::after {
  top: 30%;
}
.op-timer > div:last-child::after {
  display: none;
}
.op-timer .timer-value {
  font-size: 36px;
  font-weight: 700;
  font-family: var(--op-font-arabic) !important;
  color: var(--bs-primary);
}
.op-timer.sml .timer-value {
  color: #fff;
  font-size: 21px;
}
.op-timer.sml.text-body-dark .timer-value {
  color: var(--op-text-dark);
}
.hero-timer .op-timer .timer-value {
  font-size: 56px;
}
.op-timer .timer-label {
  display: block;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.hero-timer .op-timer .timer-label {
  font-size: 18px;
}
.hero-timer .op-timer > div {
  padding: 40px;
}
.blackfriday-stats {
  background: #f6f6f6 !important;
}
.btn-sp {
  position: relative;
  z-index: 10;
}
.ty-content {
  direction: rtl;
}
.ty-content h2 {
  display: inline-block;
  padding: 15px 20px;
  width: fit-content;
}
.ty-content p {
  font-size: 21px;
}
.ty-content p strong {
  font-weight: 700;
}
.ty-img {
  max-width: 50%;
  margin: 0 auto;
}

/* Tycoon Course */
.bg-funnel-gradient {
  background: linear-gradient(0deg, #dad7fc, #f7cdff2b 79.44%), #ffffff !important;
}
.main-wrapper > section.op-preselling {
  padding-top: 30px !important;
  padding-bottom: 90px !important;
  direction: rtl;
  position: relative;
}
.main-wrapper > section.op-preselling.main {
  padding-bottom: 0 !important;
}
.main-wrapper > .section.op-preselling.eid-adha {
  padding-top: 100px !important;
}
.main-wrapper > section.op-tycoon-landing {
  padding-top: 20px !important;
  padding-bottom: 90px !important;
}
.main-wrapper > section.op-preselling.main > .container {
  margin-bottom: 90px;
}
.main-wrapper > section.op-preselling .row {
  direction: rtl;
  position: relative;
  z-index: 3;
}
.op-preselling .hero-content-wrap h1 {
  line-height: 1.4em !important;
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  font-weight: 600;
  /*  color: #FFF;*/
}
.op-preselling .hero-content-wrap .text-underline {
  border-bottom: 4px solid var(--bs-primary);
  display: inline-block;
  margin: 0 20px;
}
.bts .hero-content-wrap .text-underline {
  border-bottom-color: var(--op-text-dark);
  margin: 0;
}
.op-preselling .hero-subheadline {
  line-height: 1.6em !important;
  margin: 5px 0 !important;
}
.hero-subheadline.highlight {
  border: 3px solid;
  padding: 5px 10px;
}
.hero-text-label {
  /*  border: dashed 1px var(--bs-primary);*/
  border-radius: 60px;
  display: inline-block;
  padding: 5px 20px;
}
.op-preselling .hero-content-wrap p {
  font-weight: 500 !important;
  line-height: 1.4em;
  letter-spacing: var(--op-letter-spacing);
  font-family: var(--op-font-body-arabic);
  margin-bottom: 0;
}
.op-preselling .hero-content-wrap p strong {
  font-weight: 700;
}
.op-preselling p.video-note {
  text-align: center !important;
  color: #ff005c;
}
.op-preselling .lead {
  font-size: 22px;
  text-align: right;
  font-weight: 600;
  font-family: var(--op-font-body-arabic);
  letter-spacing: 0.5px;
}
.op-preselling .btn-sp,
.op-landing-section .btn-sp,
.op-tycoon-landing .btn-sp {
  letter-spacing: 0.5px;
}
.op-preselling .hero-video,
.op-tycoon-landing .hero-video {
  width: 100%;
  padding: 10vh 0;
}
.op-preselling .hero-img > div,
.op-preselling .hero-video > div,
.op-tycoon-landing .hero-video > div {
  border-radius: 5px;
  box-shadow: -15px 20px 45px 0px rgb(0 0 0 / 30%);
  overflow: hidden;
  padding-top: 56.5%;
  position: relative;
  z-index: 1;
}
.op-preselling .hero-timer > .op-timer {
  margin: 20px auto;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 0 !important;
  background: linear-gradient(0deg, #dad7fc73, #f7cdff2b 79.44%), #ffffff !important;
  border: none;
  box-shadow: -15px 20px 45px 0px rgb(0 0 0 / 16%);
}
.op-preselling .hero-video iframe,
.op-tycoon-landing .hero-video iframe,
.preselling-section-testimonial .hero-video.desktop iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
}
.op-preselling .hero-img img {
  transform: translateX(5vw) scale(1.1);
}
.op-preselling .hero-img::before,
.op-preselling .hero-video::before {
  /*  content: "";*/
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(/assets/img/OPSalesPages/preselling-hero-phone-bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 50%;
  height: 100%;
  z-index: 0;
}
.op-preselling .hero-img::before {
  left: 50%;
  transform: translateX(-48%);
  width: 90%;
  background-size: cover;
  background-position: top center;
}
.op-preselling .hero-img picture {
  transform: translateX(-3vw);
  display: block;
}
.op-preselling .banner-texts {
  list-style: none;
  margin-top: 10px;
  display: block;
  position: relative;
  height: 30px;
  width: 100%;
}
.op-preselling .banner-texts li {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  width: 100%;
  padding-left: 0;
  padding-right: 10px;
}
@-webkit-keyframes appear {
  0% {
    opacity: 0;
  }

  7% {
    opacity: 1;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
    transform: translateY(0);
  }

  20% {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }

  7% {
    opacity: 1;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
    transform: translateY(0);
  }

  20% {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 0;
    transform: translateY(0);
  }
}
.op-preselling .banner-texts li.banner-1 {
  -webkit-animation: appear 12s ease 0s infinite;
  animation: appear 12s ease 0s infinite;
}
.op-preselling .banner-texts li.banner-2 {
  -webkit-animation: appear 12s ease 2s infinite;
  animation: appear 12s ease 2s infinite;
}
.op-preselling .banner-texts li.banner-3 {
  -webkit-animation: appear 12s ease 4s infinite;
  animation: appear 12s ease 4s infinite;
}
.op-preselling .banner-texts li.banner-4 {
  -webkit-animation: appear ease 12s 6s infinite;
  animation: appear ease 12s 6s infinite;
}
.op-preselling .banner-texts li.banner-5 {
  -webkit-animation: appear ease 12s 8s infinite;
  animation: appear ease 12s 8s infinite;
}
.op-preselling .banner-texts li.banner-6 {
  -webkit-animation: appear ease 12s 10s infinite;
  animation: appear ease 12s 10s infinite;
}
.op-preselling .banner-texts li p {
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 1.4em;
}
.op-preselling p,
.op-preselling p strong,
.preselling-section-two h2,
.preselling-section-three p,
.preselling-section-three p strong,
.pre-faq-title p,
.preselling-section-testimonial h2,
.preselling-section-testimonial h3,
.preselling-section-four .book-demo-content p,
#app[dir="rtl"] .preselling-section-four strong,
.preselling-section-five h2,
.value-learn-list li strong,
.preselling-section-seven h2,
.op-landing-section h2 {
  letter-spacing: 0.5px !important;
}
.advantage-grid-content.pre-benefits .advantage-img img {
  height: 75%;
  transform: translateX(1vw);
}
#presellingFormModal .btn {
  min-width: fit-content;
}
.btn-sp:hover {
  cursor: pointer;
}
.preselling-section-two h2,
.preselling-section-testimonial h2,
.preselling-section-seven h2 {
  margin-bottom: 25px !important;
}
.advantage-grid-content.pre-benefits,
.advantage-grid-content.preselling-presenter {
  padding-bottom: 180px !important;
}
.pre-benefits > .advantage-content,
.preselling-presenter > .advantage-content {
  width: 60% !important;
}
.pre-benefits > .advantage-img,
.preselling-presenter > .advantage-img {
  width: 40% !important;
}
.advantage-grid-content.preselling-presenter .advantage-img img {
  width: 40%;
}
.preselling-presenter {
  position: relative;
}
.preselling-presenter .advantage-content {
  padding-top: 140px;
}
.preselling-presenter h2 {
  position: absolute;
  width: 80%;
  top: 120px;
  right: 10%;
}
.preselling-section-four .book-demo-img img {
  object-fit: contain;
  object-position: bottom center;
}
.preselling-section-two.bg-gray,
.preselling-section-three.bg-gray,
.preselling-section-testimonial.bg-gray,
.pre-courses.bg-gray,
.preselling-section-six.bg-gray,
.preselling-section-seven.bg-gray,
section.op-tycoon-landing.bg-gray,
section.op-tycoon-video.bg-gray {
  background: var(--bs-gray) !important;
}
.preselling-section-five.bg-gray {
  background: var(--bs-gray) url(/assets/img/OPSalesPages/tycoon-bg-pattern.png) !important;
  background-repeat: repeat-y !important;
  background-size: contain !important;
  background-position: right top;
}
.preselling-section-testimonial {
  padding: 130px 0;
}
.preselling-section-two p,
.preselling-section-two strong,
.preselling-section-testimonial h2,
.preselling-section-four h2,
.preselling-section-four p,
.pre-courses p,
.pre-courses h3,
.preselling-section-seven p {
  letter-spacing: 0.5px !important;
}
.preselling-section-testimonial .swiper {
  padding: 0 10px 20px;
}
.preselling-section-testimonial .swiper-pagination {
  bottom: 0 !important;
}
.preselling-section-testimonial .swiper-pagination-bullet,
.preselling-section-testimonial .swiper-pagination-bullet-active {
  background: #fff !important;
}
.preselling-section-testimonial h2 {
  margin-bottom: 0 !important;
}
.preselling-section-testimonial .hero-video.mobile {
  background: #fff;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 1px 8px rgb(0 0 0 / 25%);
}
.preselling-section-testimonial .hero-video.desktop > div {
  border: none;
  box-shadow: none;
  overflow: hidden;
  padding-top: 56.5%;
  position: relative;
  z-index: 1;
}
.preselling-section-testimonial .hero-video.mobile > div {
  width: 100%;
}
.preselling-section-testimonial .swiper-button-next,
.preselling-section-testimonial .swiper-button-prev {
  background: #6a11da96;
  padding: 10px !important;
  width: auto;
  height: auto;
}
.preselling-section-testimonial .swiper-button-next::after,
.preselling-section-testimonial .swiper-button-prev::after {
  display: block;
  font-size: 30px;
  color: #fff;
}
.preselling-section-testimonial img {
  width: 100%;
  height: auto;
}
.preselling-section-four .book-demo-img {
  width: 60%;
  left: -3% !important;
}
.preselling-section-three p,
.preselling-section-four .book-demo-content p {
  letter-spacing: 0.5px !important;
}
.tycoon-logo {
  background-image: url(/assets/img/OPSalesPages/tycoon-logo-icon-purple.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 10px;
}
.op-tycoon-landing .tycoon-logo {
  width: 40px;
  height: 40px;
}
.op-tycoon-landing .tycoon-logo-full {
  font-size: 30px !important;
}
.op-preselling .bottom {
  vertical-align: middle;
}
.funnel-modal .field-inline > div,
#tycoonCourseFormModal .field-inline > div,
.tycoon-modal .field-inline > div {
  width: calc(50% - 4px);
}
.funnel-modal .field-inline > div:first-child,
#tycoonCourseFormModal .field-inline > div:first-child,
.tycoon-modal .field-inline > div:first-child {
  margin-left: 4px;
}
.funnel-modal .field-inline > div:nth-child(2),
#tycoonCourseFormModal .field-inline > div:nth-child(2),
.tycoon-modal .field-inline > div:nth-child(2) {
  margin-right: 4px;
}
.form-captcha {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  color: #7f7f7f;
}
.preselling-section-six {
  padding: 130px 0;
}
.preselling-section-eight.bg-gray {
  background: #f2f2f2 !important;
}
.preselling-bonuses > div > div {
  background: #fff;
  padding: 30px;
  height: 100%;
  box-shadow: 0 2px 20px -10px rgba(0, 0, 0, 0.2);
  position: relative;
}
.preselling-bonuses > div > div .far {
  position: absolute;
  color: var(--bs-primary);
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateX(-50%);
  z-index: 10;
}
.preselling-bonuses p {
  margin-bottom: 0;
}
.preselling-bonus-img {
  border-radius: 100%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  display: block;
  box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.5);
}
.preselling-bonus-img img {
  display: block;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.preselling-package .price,
.preselling-bonuses .price {
  display: block;
  font-weight: 700;
  color: var(--op-link);
  margin-top: 10px;
}
.preselling-bonuses .price {
  margin-top: 0;
}
.package-bonus-title {
  text-align: center;
  background: var(--bs-primary) !important;
  color: var(--bs-white);
}
.package-bonus .fas {
  line-height: 1em;
}
.preselling-bonuses td {
  padding: 20px;
}
#app[dir="rtl"] .btn.btn-preselling {
  margin-bottom: 5px !important;
}
.selling-price {
  display: block;
  margin-bottom: 20px;
  font-size: 21px;
}
.selling-price .old-price {
  text-decoration: line-through;
  margin-left: 10px;
  font-size: 170%;
  /*  direction: ltr;*/
}
.old-price.bonuses-total {
  max-width: 300px;
  text-align: center;
  margin-left: 0;
  margin-right: auto;
}
.selling-price .new-price {
  font-weight: 700;
  font-size: 24px;
  /*  direction: ltr;*/
}
.seats-available {
  position: relative;
  z-index: 2;
}
.limited-time {
  width: fit-content;
}
.op-tycoon-course .limited-time p {
  font-weight: 700 !important;
}
.preselling-section-eight .limited-time {
  margin-left: auto;
  margin-right: auto;
}
.limited-time p {
  margin: 0;
  font-size: 16px !important;
  color: var(--op-link) !important;
  font-weight: 700 !important;
}
.limited-time p.text-white,
.bg-primary .limited-time p {
  color: #fff !important;
}
.limited-time p.text-primary {
  color: var(--bs-primary) !important;
}
.book-demo-content .seats-available p {
  font-size: 18px !important;
}
.ribbon {
  font-size: 20px;
  position: relative;
  display: inline-block;
  text-align: center;
}
.text {
  display: inline-block;
  padding: 0.5em 1em;
  line-height: 1.2em;
  background: var(--bs-primary);
  position: relative;
  color: #fff;
}
.preselling-section-four .text {
  background: #fff;
  color: var(--body-color) !important;
}
.ribbon:after,
.ribbon:before,
.text:before,
.text:after {
  content: "";
  position: absolute;
  border-style: solid;
}
.ribbon:before {
  bottom: -0.5em;
  left: -1em;
  border-width: 1em 2.5em 1em 0.5em;
  border-color: #5917ab #5917ab #5917ab transparent;
  z-index: -1;
}
.preselling-section-four .ribbon:before {
  border-color: #b5b5b5 #b5b5b5 #b5b5b5 transparent;
}
.text:before {
  top: 100%;
  left: 0;
  border-width: 0.5em 2em 0 0;
  border-color: var(--bs-primary-dark) transparent transparent transparent;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.text:after {
  top: 100%;
  right: 0;
  border-width: 0.5em 2em 0 0;
  border-color: var(--bs-primary-dark) transparent transparent transparent;
}
.preselling-section-four .text:after {
  border-color: #8e8e8e transparent transparent transparent;
}
.ribbon:after {
  bottom: -0.5em;
  right: -1em;
  border-width: 1em 0.5em 1em 2.5em;
  border-color: #5917ab transparent #5917ab #5917ab;
  z-index: -1;
}
.preselling-section-four .ribbon:after {
  border-color: #b5b5b5 transparent #b5b5b5 #b5b5b5;
}
.single-review-slider {
  overflow: hidden;
  box-shadow: 0 1px 8px rgb(0 0 0 / 25%);
}
.tycoon-course-list > li {
  padding-right: 0 !important;
  margin-top: 0 !important;
  position: relative;
}
.tycoon-course-list.faq > li {
  margin-bottom: 0;
}
.tycoon-course-list > li:before {
  display: none;
}
.tycoon-course-list > li > label {
  display: block !important;
  padding: 15px;
  padding-left: 45px;
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 1;
}
.tycoon-course-list > li > label {
  padding-left: 30px;
  font-size: 24px;
}
.tycoon-course-list.faq > li > label {
  background: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.tycoon-course-list > li > .fa-plus {
  position: absolute;
  left: 20px;
  top: 15px;
  color: var(--op-link);
}
.tycoon-course-list.faq > li > .fa-plus {
  left: 0;
}
.tycoon-course-list > li > label:hover {
  cursor: pointer;
}
.tycoon-course-list > li input {
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: pointer;
}
.tycoon-course-list > li > ol {
  height: auto;
  max-height: 0;
  max-width: 100%;
  /* background: yellow; */
  overflow: hidden;
  transform: translateY(20px);
  transition: all 180ms ease-in-out 0ms;
  position: relative;
  padding: 0 !important;
}
.tycoon-course-list.faq > li > ol.no-style,
ol.no-style,
ul.no-style {
  list-style: none;
}
.tycoon-course-list > li input:checked ~ ol {
  max-height: 100%;
  transition: all 250ms ease-in-out 0ms;
  padding-bottom: 20px !important;
}
.tycoon-course-list > li > ol > li {
  position: relative;
  padding-left: 40px;
}
.tycoon-course-list.lessons > li > ol > li {
  padding-right: 0;
}
.tycoon-course-list.faq > li > ol > li {
  padding: 0 20px;
}
.tycoon-course-list > li > ol li span {
  display: block;
  opacity: 0.5;
  font-size: 16px;
}
.tycoon-course-list > li > ol .fas {
  position: absolute;
  left: 20px;
}
.tycoon-course-list.lessons > li > ol .fa-lock,
.tycoon-course-list.faq > li > ol .fa-circle-play {
  left: 0;
}
.tycoon-course-list > li input:checked ~ .fa-plus:before {
  content: "\f068";
}
.preselling-section-seven {
  padding-bottom: 90px;
}
.preselling-section-seven .video-wrapper {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.preselling-section-seven p {
  font-size: 21px;
}
section.op-tycoon-landing {
  position: relative;
}
section.op-tycoon-landing.bg-gray::before,
section.op-tycoon-landing.bg-gray::after {
  content: "";
  display: block;
  background: var(--bs-primary);
  width: 70%;
  height: 140%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-10%);
  opacity: 20%;
}
section.op-tycoon-landing.bg-gray::after,
section.op-lead-funnel::after {
  transform: translateX(-45%) translateY(-10%);
  opacity: 10%;
}
.op-landing-section.download-app-section {
  padding: 130px 0 0 !important;
}
.op-landing-section.download-app-section h2 {
  margin-bottom: 30px !important;
}
.op-tycoon-video {
  padding: 60px 0 !important;
  min-height: calc(100vh - 150px);
  text-align: center;
}
.op-tycoon-video h1 {
  font-weight: 400 !important;
  text-align: center;
}
.op-tycoon-video-btn.show-btn {
  display: block;
}
.preselling-section-eight {
  padding: 90px 0;
  text-align: center;
}
.preselling-section-eight.currencies-section {
  background-image: url("/assets/img/OPSalesPages/world-map.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.preselling-section-eight.preselling-section-testimonial {
  text-align: right;
}
.preselling-section-eight .img-cover {
  margin-left: auto;
  margin-right: auto;
}
.preselling-section-eight .table {
  text-align: right;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.package-currencies h3 {
  font-size: 40px;
  color: var(--bs-primary);
  padding: 10px 20px;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.package-currency-default h2 {
  margin-bottom: 0 !important;
}
.package-currency-default h2 span {
  margin: 0 20px;
}
.package-currency-default .fas {
  font-size: 80%;
}
.package-currency-list {
  max-width: 90%;
  margin: 0 auto;
}
.package-currency-list span {
  font-weight: 700;
  font-size: 24px;
}
.package-currency-list img {
  width: 130px !important;
  height: auto !important;
}
.tycoon-money-back h4 strong {
  letter-spacing: 0 !important;
}
.tycoon-money-back p {
  line-height: 1.4em;
}
.tycoon-money-back p strong {
  letter-spacing: 0 !important;
}
.course-bonus-section .col-md-6:nth-child(even) {
  border-right: 2px solid var(--bs-primary);
}
.course-bonus-section .col-md-6:nth-child(n + 3),
.course-bonus-section .col-md-6:nth-child(n + 4) {
  border-top: 2px solid var(--bs-primary);
  padding-top: 20px;
}
.op-course-bonus {
  text-align: right;
  padding: 0 20px;
}
.op-course-bonus h4 {
  display: block;
}
.op-course-bonus h4 span.number {
  background: #e0e0e0;
  color: var(--bs-primary);
  display: inline-block;
  padding: 5px 10px;
  font-weight: 700 !important;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 120%;
}
.op-course-bonus h3 {
  background: #e0e0e0;
  color: var(--bs-primary);
  display: inline-block;
  padding: 10px 15px;
  font-weight: 700 !important;
  border-radius: 5px;
}
.op-course-bonus h3 .fab,
.op-course-bonus h3 .far {
  font-size: 80%;
  vertical-align: middle;
}
.op-course-bonus h5 strong {
  color: var(--op-link);
}
.op-course-bonus .limited-time {
  text-align: center !important;
  width: 100%;
}
.op-full-package {
  margin: 0 -20px;
  display: block;
}

/* Tycoon Course V2 */
.main-wrapper > .op-tycoon-course.eid-adha {
  background-color: #5410bf !important;
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/eid-bg-hero.png) !important;
  background-position: bottom left !important;
  background-size: 55% auto !important;
  background-repeat: no-repeat !important;
  position: relative;
  padding-top: 100px !important;
}
.op-tycoon-course.eid-adha .container {
  position: relative;
  z-index: 1;
}
.op-tycoon-course.eid-adha::before {
  content: "";
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/eid-bg-pattern-2.png) !important;
  background-size: cover !important;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.op-tycoon-section.eid {
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/eid-bg-pattern.png) !important;
  background-size: cover !important;
  padding-bottom: 0;
}
.op-tycoon-section.eid.op-tycoon-section-five {
  padding-bottom: 90px;
}
.op-tycoon-course-logo {
  padding-bottom: 50px;
}
.op-tycoon-section,
.op-tycoon-section-two {
  padding: 90px 0;
}
.op-tycoon-section-six {
  padding-bottom: 0;
}
.op-tycoon-section h2 {
  font-weight: 600 !important;
  line-height: 1.4em;
  letter-spacing: 0 !important;
  font-size: 50px;
  margin-bottom: 45px !important;
}
.tycoon-img-shadow {
  box-shadow: -15px 20px 25px 0px rgb(0 0 0 / 20%);
}
.tycoonCoursesSwiper .swiper-slide {
  width: 70%;
  flex-direction: row-reverse;
}
.tycoonCoursesSwiper .swiper-slide-active {
  padding-right: 10%;
  padding-left: 10%;
}
.tycoonCoursesSwiper .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(26, 25, 25, 0),
    rgba(255, 255, 255, 0)
  ) !important;
}
.tycoonCoursesSwiper .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(26, 25, 25, 0),
    rgba(255, 255, 255, 0)
  ) !important;
}
.tycoonCoursesSwiper-Controller .swiper-button-next,
.tycoonCoursesSwiper-Controller .swiper-button-prev {
  color: #fff;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  background: rgb(106 17 218 / 55%);
}
.tycoon-quote {
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/tycoon-quote.png);
  background-size: contain;
  width: 112px;
  height: 82px;
  display: block;
}
.op-tycoon-bonuses-img img {
  left: 0;
  position: relative;
  width: calc(100% + 7vw);
}
.op-tycoon-video-frame {
  background: url(/assets/img/OPSalesPages/TycoonCourse/tycoon-phone-frame.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 20px 0;
}
.op-tycoon-video-frame > div {
  width: calc(100% - 4vw);
  margin: 0 auto;
}
.op-tycoon-video-frame iframe {
  width: 100%;
  height: 63vh;
}
.op-star {
  background-image: url(/assets/img/OPSalesPages/star.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
}
.op-star.chipped {
  background-image: url(/assets/img/OPSalesPages/star-chipped.png);
}

/* Zyda */
.flag-kwt,
.flag-ksa {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.flag-kwt::before,
.flag-ksa::before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.flag-kwt::before {
  background-image: url(/assets/img/OPSalesPages/zyda-kuwait-flag.png);
}
.flag-ksa::before {
  background-image: url(/assets/img/OPSalesPages/zyda-saudi-flag.png);
}
.hero-highlight {
  background: #000;
  display: block;
  width: fit-content;
  color: #fff;
  padding: 10px;
  font-size: 24px !important;
  letter-spacing: 1px;
  margin: 20px 0;
}
.advantage-grid-content.bf-presenter {
  position: relative;
}
.advantage-grid-content.bf-presenter .advantage-content {
  padding-top: 140px;
}
.advantage-grid-content.bf-presenter .advantage-content h2 {
  position: absolute;
  width: 75%;
  top: 100px;
}
.advantage-grid-content.bf-presenter .advantage-img img {
  left: 10px !important;
  bottom: 10px;
}
.advantage-grid-content.built-in.bf .advantage-img img {
  height: 85%;
  width: 60%;
  object-fit: contain;
}

/* Saudi National Day */
.main-wrapper > .op-tycoon-course.snd {
  background-color: #012c41 !important;
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/saudi-day-wave.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  position: relative;
}
.text-yellow {
  color: #ffd136 !important;
}

/* Back to School */
.main-wrapper > .op-tycoon-course.bts {
  background-color: #c7e4e4 !important;
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/school-bg-hero.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
  position: relative;
  padding-bottom: 0 !important;
}

/* Lead Funnel */
.main-wrapper > section.op-lead-funnel {
  padding-top: 60px !important;
  padding-bottom: 60px;
  /*  text-align: center;*/
  position: relative;
  /*border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  max-width: 100%;*/
}
section.op-lead-funnel .row {
  position: relative;
  z-index: 4;
}
.op-lead-funnel .lead {
  margin-bottom: 0 !important;
}
.op-lead-funnel .hero-content-img {
  margin: 0 auto;
}
.op-lead-funnel .hero-content-img img {
  width: 60%;
  height: auto;
}
.op-lead-funnel.bg-dark .hero-content-wrap h1 {
  color: var(--bs-white);
}
.hero-app-logos {
  padding-top: 20px;
  width: 80%;
}
.hero-app-logo-item img {
  transition: all ease-in-out 0.3s;
  -webkit-animation: mover-up 2s infinite alternate;
  animation: mover-up 2s infinite alternate;
}
.hero-app-logo-item:nth-child(2) img {
  animation-delay: 500ms;
}
.hero-app-logo-item:nth-child(3) img {
  animation-delay: 750ms;
}
.hero-app-logo-item:nth-child(4) img {
  animation-delay: 1s;
}
.hero-app-logo-item:nth-child(5) img {
  animation-delay: 1.25s;
}
.hero-app-logo-item:nth-child(6) img {
  animation-delay: 1.5s;
}
/*.hero-app-logo-item:nth-child(even) img {
  transition: all ease-in-out 0.3s;
  -webkit-animation: mover-down 2.5s infinite alternate;
  animation: mover-down 2.5s infinite alternate;
  animation-delay: 250ms;
}*/
@-webkit-keyframes mover-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes mover-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes mover-down {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes mover-down {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.op-lead-button {
  position: relative;
  display: inline-block;
  width: fit-content;
}
.op-lead-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
.op-lead-section.bg-funnel-gradient {
  background: linear-gradient(0deg, #dad7fc, #fff 79.44%), #ffffff !important;
}
.op-lead-section h2,
.op-lead-section-four h2 {
  margin-bottom: 10px !important;
}
.op-lead-proof-item {
  background: #fff;
  overflow: hidden;
  box-shadow: -15px 20px 45px 0px rgb(0 0 0 / 10%);
  height: 100%;
}
.op-lead-proof-img {
  overflow: hidden;
  width: 100%;
  height: 250px;
}
.op-lead-proof img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.quiz-modal p,
.quiz-modal ol li,
.quiz-modal .form-check-label {
  font-size: 14px;
}
.quiz-modal p {
  display: inline-block;
}
.quiz-modal ol {
  padding: 0;
}
.quiz-modal ol > li {
  border: 1px solid rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease;
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  list-style-position: inside;
}
.quiz-modal ol > li + li {
  margin-top: 1rem;
}
.quiz-modal ol ul {
  list-style: none;
}
.quiz-modal .form-check {
  padding-left: 0;
}
.op-lead-section-four {
  padding: 98px 0;
}
.op-lead-consultants-row img {
  width: 100%;
  height: auto;
}
.op-lead-section .video-wrapper {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.op-lead-section .video-wrapper iframe {
  width: 100%;
  height: 100%;
}
.op-lead-section-three {
  background: #fafafa;
}
.op-lead-section-seven ul {
  list-style: none;
}
.op-lead-section-seven ul .fas {
  line-height: 1em;
}
.op-lead-section-seven .rounded-circle {
  padding: 5px 8px;
  vertical-align: middle;
}
.op-lead-section .op-clients {
  margin-top: 0 !important;
}
.op-lead-section .op-clients p {
  margin-bottom: 20px !important;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4em;
}
.op-lead-section p,
.op-lead-section-four p {
  line-height: 1.4em;
}
section.op-tycoon-timer {
  background: var(--op-link) !important;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100% !important;
  border-radius: 0 !important;
  z-index: 15;
  margin: 0 !important;
  text-align: center !important;
}
.op-tycoon-timer .op-timer {
  margin: 0 auto !important;
  display: block;
  border: none;
}
.op-tycoon-timer .op-timer .timer-value,
.op-tycoon-timer .op-timer > div::after {
  color: #fff;
  font-size: 26px;
}
.op-tycoon-timer .op-timer > div::after {
  top: 11%;
}
.op-tycoon-timer .op-timer > div {
  padding: 10px;
}
.op-tycoon-timer .op-timer > div:nth-child(3),
.op-tycoon-timer .op-timer > div:nth-child(4) {
  min-width: 57px;
}
.op-whatsapp {
  z-index: 15;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.op-whatsapp-btn {
  background: #25d366;
  border-radius: 100%;
  height: 48px;
  width: 48px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
  transition: transform 167ms cubic-bezier(0.33, 0, 0, 1);
  color: #fff;
}
.op-whatsapp-btn:hover {
  transition: transform 250ms cubic-bezier(0.33, 0, 0, 1);
  transform: scale(1.1);
  color: #FFF;
}
.op-whatsapp-btn .fa-whatsapp {
  font-size: 32px;
}
.op-attention {
  padding: 30px 0;
}
.op-attention h2 {
  font-size: 2rem !important;
  text-align: center;
  font-weight: 400;
}
.op-attention strong {
  font-size: 160%;
  display: inline-block;
  line-height: 1em !important;
}

/* Optimize Academy */
.main-wrapper > .op-academy-header {
  padding: 20px 0;
}
.main-wrapper > .op-academy-header.affix {
  top: 0;
  left: 0;
  /* max-width: 100%; */
  position: fixed;
  z-index: 9999;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}
.main-wrapper > section.op-academy {
  padding-top: 150px !important;
  padding-bottom: 90px !important;
}
.op-marketing-course.bg-gray .hero-content-wrap h1 {
  background: none !important;
  -webkit-text-fill-color: unset !important;
}
.main-wrapper > section.op-academy.op-marketing-course {
  padding-bottom: 40px !important;
}
.op-academy-section {
  padding: 90px 0;
}
ul.card-text li {
  position: relative;
  padding-right: 30px;
}
.card-text .card-icon {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 18px;
}

/* Survey/Quiz Popup */
.op-tycoon-popup-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 999;
  display: none;
}
.op-tycoon-popup-wrapper.show {
  display: block;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.op-tycoon-popup-dialog {
  border-radius: var(--op-border-radius);
  box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
  overflow: hidden;
  position: relative;
  max-width: 60vw;
  opacity: 0;
  transition: all ease-in-out 0.3s;
}
.op-tycoon-popup-wrapper.show .op-tycoon-popup-dialog {
  opacity: 1;
}
.op-tycoon-popup-close {
  background: url(/assets/img/close-white.svg);
  margin: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  width: 1em;
  height: 1em;
  border: 0;
  border-radius: 0.25rem;
  opacity: 1;
  background-size: cover;
}
.op-tycoon-survey .btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.op-tycoon-survey .btn-no-style {
  padding: 10px;
  flex: 1 1 auto;
  border: 1px solid #fff !important;
  color: #fff;
  margin-top: -1px;
}
.op-tycoon-survey input:checked + .btn-no-style,
.op-tycoon-survey .btn-no-style:hover {
  background: #fff !important;
  color: var(--bs-primary) !important;
  cursor: pointer;
}
.op-tycoon-survey .btn-no-style.first {
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.op-tycoon-survey .btn-no-style.last,
.op-tycoon-survey .btn-no-style:last-of-type {
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn-no-style {
  margin-left: -1px;
}
.op-tycoon-popup-img {
  background-image: url(/assets/img/OPSalesPages/TycoonCourse/tycoon-popup.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: background-position 3s ease-in-out;
  animation: 40s linear 0s infinite alternate none running smooth-bg;
}
@keyframes smooth-bg {
  0% {
    opacity: 0;
    background-position: 30% 30%;
  }
  5% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    background-position: 90% 90%;
  }
}

.op-tycoon-popup-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

@media screen and (max-width: 1366px) {
  .sales-page-hero.value-hero .container,
  .value-wrapper > section > .container {
    max-width: 90vw;
    padding: 0;
  }
  .value-content-section .value-img,
  .value-content-section .order-0 .value-img {
    width: calc(70% - 8vw);
  }

  .value-wrapper .ptb-120 {
    padding: 60px 0;
  }
  .main-wrapper > section.quiz-funnel-section {
    min-height: fit-content;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-wrapper > section.quiz-funnel-section > .container {
    max-width: 100%;
  }
  .quiz-selection {
    background-size: 60% auto;
  }
  .quiz-funnel-section .question {
    margin: 20px 0;
  }
  .quiz-funnel-section .question + .question {
    padding-top: 20px;
  }
  .quiz-funnel-section .answer-image img {
    width: 60px;
    height: auto;
  }
  .quiz-funnel-section .answers {
    flex-wrap: wrap;
  }
  .quiz-funnel-section .answers .answer:not(.answer-image) {
    width: 100%;
  }
  .quiz-funnel-section .answer label {
    border-width: 3px;
    margin: 5px 0;
  }
  .quiz-funnel-section .answer:not(.answer-image) label {
    padding: 5px 10px;
  }
  .quiz-funnel-section .answer-image label {
    padding: 5px;
  }
  .quiz-selection .design {
    width: 50%;
  }
  .quiz-selection .content {
    width: 60%;
    transform: translate(35%, 36vh);
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .advantage-grid-content.pre-benefits .advantage-img img,
  #app[dir="rtl"] .advantage-grid-content.pre-benefits .advantage-img img {
    height: auto;
    width: 70%;
    transform: translateX(6vw);
  }
}
@media screen and (max-width: 1024px) {
  .advantage-grid-content.pre-faq-title {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
  }
  .pre-courses > div.advantage-content {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 991px) {
  .op-blackfriday .lead {
    font-size: 21px;
    text-align: center;
  }
  .op-blackfriday .hero-content-wrap p {
    font-size: 18px;
  }
  .op-blackfriday .hero-img {
    margin-top: 0 !important;
  }
  .op-blackfriday .hero-img img {
    width: 80%;
    margin: 0 auto;
  }
  .op-blackfriday .btn-sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .op-timer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
  }
  .op-timer > div {
    padding: 15px;
  }
  .op-timer.sml > div {
    padding: 0 5px;
  }
  .op-timer > div:nth-child(3),
  .op-timer > div:nth-child(4) {
    min-width: 60px;
  }
  .op-timer.sml > div:nth-child(3),
  .op-timer.sml > div:nth-child(4) {
    min-width: 50px;
  }
  .op-timer .timer-value,
  .op-timer > div::after {
    font-size: 24px !important;
  }
  .op-timer.sml .timer-value,
  .op-timer.sml > div::after {
    font-size: 21px !important;
  }
  .ty-img {
    max-width: 100%;
    margin: 0 auto;
  }
  .ty-content p {
    font-size: 18px;
  }
  .evergreen-hero {
    padding: 20px 10px 30vh !important;
    min-height: fit-content;
    background: #fff !important;
  }
  .evergreen-hero .container::before {
    width: 80vw;
  }
  .evergreen-hero .row {
    display: block;
    height: auto;
  }
  .evergreen-hero h1,
  #app[dir="ltr"] .evergreen-hero h1,
  .evergreen-hero h3,
  .evergreen-sectionthree-content h1,
  .value-hero h1,
  .value-hero h2 {
    font-size: 1.5rem !important;
    line-height: 1.6em !important;
  }

  .evergreen-hero .hero-content-wrap {
    padding: 0 !important;
    text-align: center !important;
  }

  .evergreen-hero h1 u {
    margin: 0 10px;
    padding-bottom: 10px;
    line-height: 1em;
  }

  .evergreen-hero h2,
  .evergreen-sectionthree-content h2 {
    font-size: 2rem !important;
  }

  .evergreen-hero h3 {
    margin-bottom: 0 !important;
  }

  .evergreen-hero h4 {
    font-size: 1.25rem !important;
    margin-bottom: 30px !important;
  }

  .btn-sp {
    min-width: 60vw;
    font-size: 18px !important;
    padding: 15px 20px !important;
  }
  .btn-tycoon.btn-sp {
    min-width: fit-content;
    font-size: 16px !important;
  }
  .funnel-modal .btn-sp {
    min-width: fit-content;
  }
  .evergreen-hero-mobile-img {
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 39vh;
  }

  .evergreen-hero-mobile-img picture,
  .evergreen-hero-mobile-img img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
  }

  .evergreen-sectiontwo-video {
    width: 100%;
    border: 5px solid #fff;
  }

  .evergreen-sectiontwo,
  .evergreen-sectionthree,
  .evergreen-sectionfour,
  .sp-included-section {
    padding: 5vh 20px !important;
  }

  .evergreen-sectiontwo-content {
    text-align: center;
  }

  .evergreen-sectiontwo-content p,
  .evergreen-sectiontwo-content ul,
  .evergreen-sectionthree-content p {
    font-size: 21px;
  }

  .evergreen-sectiontwo-img.top {
    left: 5%;
    bottom: -2vh;
    width: 120px;
    height: 120px;
    border: 4px solid #fff;
  }

  .evergreen-sectiontwo-img.bottom {
    width: 75%;
    margin-right: 5%;
  }

  .evergreen-sectiontwo-img.bottom img {
    border-width: 4px;
  }

  .evergreen-sectionthree,
  .sp-app-section,
  .sp-presenters,
  .onboarding-sectionfive {
    background-image: none !important;
  }

  .evergreen-sectionthree-content img {
    width: 250px;
    height: auto;
  }

  .evergreen-sectionfour-img {
    width: 60vw;
    height: 60vw;
    border: 4px solid #ffffff;
    margin: 20px auto;
    display: block;
  }

  .evergreen-sectionfour-img iframe {
    transform: scale(1);
    top: 0;
    left: -24vw;
  }

  .evergreen-sectionfour p {
    font-size: 20px;
  }

  .sp-included-section.op-icon-bg::before,
  .sp-included-section.op-icon-bg-purple::before,
  .evergreen-sectionfour::before {
    width: 100vw;
  }

  .sp-included-item p {
    font-size: 21px !important;
  }

  .sp-included-img {
    overflow: hidden;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    border-radius: 100%;
  }

  .sp-included-item img {
    object-fit: cover;
    display: block;
    height: 100%;
  }
  .onboarding-sectionsix {
    padding: 5vh 20px 31vh !important;
    background-position: bottom center;
    background-size: 100vw auto;
  }

  .sales-page-sched {
    padding: 5vh 10px 25vh !important;
    background-size: 110vw !important;
    background-repeat: no-repeat !important;
    background-position: bottom right;
  }

  .sales-page-hero .container::before {
    background-repeat: repeat;
    background-size: 100% auto;
    width: 80vw;
    z-index: 0;
  }

  .sales-page-hero .row {
    z-index: 1;
    position: relative;
  }

  .onboarding-hero {
    padding-top: 0 !important;
    min-height: fit-content;
    text-align: right;
  }

  .onboarding-hero .container,
  .value-hero .container {
    padding: 0 !important;
  }

  .onboarding-hero-mobile {
    position: relative;
    padding-top: 5vh !important;
    padding-bottom: 5vh !important;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    overflow: hidden;
    width: 120vw;
    margin-left: -10vw;
    margin-bottom: 30px;
  }

  .onboarding-hero-mobile::before {
    display: none;
  }

  .onboarding-hero-mobile-img,
  .onboarding-hero-mobile-title,
  .value-hero-mobile-img,
  .value-hero-mobile-title {
    position: relative;
    z-index: 3;
  }

  .onboarding-hero-mobile-img {
    width: 40vw;
    margin: 5vh auto 0;
    position: absolute;
    top: 1vh;
    margin-top: 0 !important;
    left: 7vw;
  }

  .value-hero-mobile-img {
    width: 50vw !important;
    margin: 0 auto 20px;
  }

  .onboarding-hero-mobile-title > div {
    width: 75vw;
    margin: 0 0 0 auto !important;
  }

  .onboarding-hero-mobile-title h1 {
    padding: 20px 12vw 10px 2vw !important;
    font-size: 2.15rem !important;
    line-height: 1.2em !important;
    color: var(--bs-primary) !important;
    margin: 0;
  }

  .value-hero-mobile-title h1 {
    padding: 0;
    font-size: 1.5rem !important;
  }

  .onboarding-hero-mobile-title h2 {
    padding: 10px 12vw 10px 2vw !important;
    font-size: 1rem !important;
    line-height: 1.2em;
    color: var(--op-text-dark) !important;
    margin: 0;
  }
  .onboarding-sectionfive-content p {
    font-size: 21px;
  }

  .value-hero-mobile-title h2 {
    font-size: 1.25rem !important;
    line-height: 1.2em !important;
  }

  .onboarding-hero-content {
    padding: 0 30px;
  }

  .sales-page-sched-content li {
    padding-right: 80px !important;
    font-size: 18px !important;
    line-height: 1.4em !important;
  }

  .sales-page-sched-content li .fal {
    width: 60px;
    font-size: 24px;
  }

  .sales-page-sched-content p {
    font-size: 24px !important;
  }

  .countdown-amount {
    font-size: 30px;
  }

  .onboarding-sectionfive-content h1,
  .sp-quote-section h1 {
    font-size: calc(1.375rem + 1.5vw);
    margin-bottom: 0 !important;
  }

  .onboarding-sectionfive-content img {
    width: 70%;
    height: auto;
  }

  .onboarding-sectionfive-content .border-top {
    border-color: #816aae !important;
  }

  .onboarding-sectionfive-content .border-top.mw-50 {
    max-width: 50% !important;
  }

  .sp-included-item:first-of-type {
    padding-top: 0 !important;
  }

  .onboarding-sectionsix-content h1 {
    font-size: 1.75rem;
  }

  .onboarding-sectionsix-content li,
  .onboarding-sectionsix-content p,
  .onboarding-hero p {
    font-size: 21px !important;
  }

  .sp-presenters-content .border-top {
    border-color: #6300ff !important;
  }

  .sp-presenters p,
  .sp-app-content p {
    font-size: 18px !important;
  }

  .sp-app-section {
    padding: 5vh 10px !important;
  }

  .sp-app-content img {
    width: 75% !important;
  }

  .secrets-hero span {
    font-size: 1.9rem;
  }

  .secrets-hero h1 {
    font-size: 3.75rem;
  }

  .secrets-hero h2 {
    font-size: 1.5rem;
  }

  .salespage-sectionseven .row {
    background: none !important;
  }

  .value-wrapper {
    padding: 0;
  }

  .value-wrapper > section {
    max-width: 100%;
  }

  .value-wrapper > section.value-hero {
    padding: 60px 40px !important;
    min-height: fit-content;
    border-radius: 0 0 var(--op-border-radius-mobile)
      var(--op-border-radius-mobile);
  }

  .value-wrapper > section.value-hero .row {
    padding: 0 !important;
  }

  .sales-page-hero.value-hero .container,
  .value-wrapper > section > .container {
    max-width: 100%;
  }

  .value-grid-col .value-grid-content {
    padding: 40px 40px 0 !important;
    border-radius: var(--op-border-radius-mobile);
  }

  .value-grid-col:first-child .value-grid-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .value-grid-col:nth-child(2) .value-grid-content,
  .value-grid-col:nth-child(3) .value-grid-content {
    border-radius: 0;
  }

  .value-grid-col:nth-child(4) .value-grid-content {
    border-top-left-radius: 0;
  }

  .value-grid-section .row {
    margin: 0;
  }

  .value-grid-col {
    padding: 3px 0;
  }

  .value-grid-section h1,
  .value-wrapper .sp-app-section h1 {
    font-size: 1.5rem !important;
  }

  .value-hero .hero-content-wrap {
    padding: 0 !important;
  }

  .value-hero h2 {
    margin: 10px 0;
  }

  .value-hero h3 {
    direction: rtl;
    font-size: 1.1rem !important;
    font-weight: 400;
    margin-bottom: 0;
  }
  .value-hero p,
  .value-learn-list li,
  .value-grid-section p,
  .bf-presenter .advantage-content p {
    font-size: 18px !important;
  }
  .op-tycoon-section-four .value-learn-list li {
    font-size: 21px !important;
  }
  .pre-courses .value-learn-list li,
  .preselling-section-five .value-learn-list li,
  .op-landing-section .value-learn-list li,
  .op-landing-section p {
    font-size: 20px !important;
  }
  .value-hero-video {
    margin: 20px 0;
  }

  .value-content {
    width: 100%;
  }

  .value-grid-content h2 {
    padding-left: 0;
  }

  .op-logo-icon {
    position: static;
    display: block;
    width: 30px;
    height: 15px;
    margin-bottom: 10px;
  }

  .value-grid-content .value-img {
    background: none !important;
    width: 100%;
    position: static;
    display: block;
    margin-top: 20px;
  }

  .value-grid-content .value-img img {
    display: block;
  }

  .value-grid-col:nth-child(2) .value-grid-content .value-img {
    width: 100%;
  }

  .value-grid-col:nth-child(3) .value-grid-content .value-img {
    width: 100%;
  }

  .value-grid-col:nth-child(3) .value-grid-content .value-img img {
    margin-left: -20% !important;
    margin-top: -20%;
    margin-right: auto;
    width: 90%;
  }

  .value-grid-section p + p {
    margin-top: 20px;
  }

  .value-grid-section p:only-child {
    margin-bottom: 0;
  }

  .value-wrapper .btn-sp,
  .btn-sp.sml {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 16px !important;
    min-width: fit-content;
    margin-right: 0 !important;
  }

  .value-wrapper .btn-sp::after {
    width: 12px;
    height: 12px;
    margin-left: 10px;
  }

  .value-learn-list > li {
    padding-right: 22px;
    margin-bottom: 20px;
  }

  .value-learn-list > li::before {
    width: 12px;
    height: 12px;
  }

  .sales-page-hero.value-hero .container {
    max-width: 100% !important;
  }

  .sp-app-section .app-overview-video {
    border: 4px solid #fff;
  }

  .value-content-section .value-img-col {
    min-height: fit-content;
  }

  .value-content-section .value-img {
    background: none;
  }

  .value-ebook {
    max-width: 65%;
    margin-left: -10% !important;
    margin-top: -18%;
  }

  .value-content-card {
    background: none;
    box-shadow: none;
    padding: 0 calc(var(--bs-gutter-x) / 2);
  }

  .img-fluid.mw-75 {
    max-width: 75%;
  }

  html[lang="ar"] .cky-consent-container .cky-consent-bar {
    text-align: right;
  }

  .cky-custom-brand-logo-wrapper .cky-custom-brand-logo,
  .cky-notice .cky-title,
  .cky-notice-des,
  .cky-notice-btn-wrapper,
  .cky-category-direct-preview-wrapper {
    padding: 0 15px !important;
  }

  .cky-notice .cky-title {
    font-size: 14px !important;
  }

  .cky-notice-des {
    line-height: 18px !important;
  }

  .cky-notice-des * {
    font-size: 12px !important;
  }

  .cky-btn {
    font-size: 12px !important;
    line-height: 20px !important;
    padding: 5px 27px !important;
  }

  .cky-btn-customize {
    padding: 5px 28px 5px 14px !important;
  }

  .cky-consent-bar .cky-btn-customize::after {
    top: 13px !important;
  }

  .main-wrapper > section.quiz-funnel-section > .container {
    padding: 0 20px;
  }

  .quiz-result.passed {
    background-image: url(/assets/img/OPSalesPages/quiz-certificate-mobile.jpg);
  }
  .quiz-funnel-section h2 {
    font-size: 18px;
  }
  .quiz-result p {
    font-size: 16px;
  }
  .quiz-result input {
    width: 80%;
    font-size: 21px !important;
  }
  .quiz-result input::-webkit-input-placeholder {
    font-size: 21px !important;
  }
  .quiz-result input:-ms-input-placeholder {
    font-size: 21px !important;
  }
  .quiz-result input::placeholder {
    font-size: 21px !important;
  }
  .quiz-selection .design {
    width: 77%;
    top: 18%;
    transform: translate(-50%, 0%);
  }
  .quiz-selection .message {
    top: 20%;
    width: 80%;
    font-size: 18px;
  }
  .quiz-selection .audience {
    bottom: auto;
    top: 50%;
    width: 90%;
    font-size: 16px;
  }
  .quiz-funnel-section h1 {
    font-size: 28px;
    text-align: center;
  }
  .quiz-funnel-section h4 {
    font-size: 16px;
  }
  .quiz-selection {
    background-size: contain;
    background-position: top center;
  }

  .main-wrapper > section.op-preselling {
    padding-top: 20px !important;
    padding-bottom: 70px !important;
    /*    margin-bottom: 0 !important;*/
  }
  .main-wrapper > section.op-preselling.eid-adha {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
  }
  .main-wrapper > section.op-preselling.main > .container {
    margin-bottom: 40px;
  }
  .op-tycoon-course-logo {
    padding-bottom: 30px;
  }
  .op-tycoon-course-logo img {
    height: 35px;
  }
  .op-academy .op-tycoon-course-logo img {
    height: 50px;
  }
  .preselling-section-eight.course-bonus-section,
  .preselling-section-seven {
    background: url(/assets/img/OPSalesPages/tycoon-ramadan-pattern-mobile.jpg) !important;
  }
  .op-preselling .hero-video::before,
  .op-tycoon-landing .hero-video::before {
    z-index: 1 !important;
  }
  .op-preselling .hero-video > div,
  .op-tycoon-landing .hero-video > div {
    z-index: 2 !important;
  }
  .preselling-section-two,
  .preselling-section-six,
  .op-landing-section {
    padding-top: 30px;
  }
  .preselling-section-testimonial {
    padding-top: 30px;
  }
  .preselling-section-two .features-intro-content {
    padding-bottom: 30px;
  }
  .preselling-section-two .features-intro-content p {
    font-size: 20px;
    line-height: 1.4em;
  }
  .pre-benefits.advantage-grid-content {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .preselling-section-four,
  .preselling-section-testimonial,
  .preselling-section-six,
  .op-landing-learn {
    padding-bottom: 30px;
  }
  .preselling-section-four .book-demo-img {
    position: static;
    height: fit-content;
    width: 75%;
    margin: 0 auto;
  }
  .preselling-section-four .book-demo-img img {
    object-position: bottom center;
  }
  .preselling-section-four .book-demo-content {
    padding-left: 0 !important;
  }
  .preselling-section-four .book-demo-content p {
    font-size: 18px;
    line-height: 1.4em;
  }
  .preselling-section-five,
  .preselling-section-seven {
    padding: 30px 0;
  }
  .advantage-grid-content.preselling-presenter {
    padding-top: 60px;
    padding-bottom: 232px;
  }
  .op-preselling .lead {
    font-size: 15px;
    /*    text-align: center;*/
  }
  .op-preselling .hero-video {
    position: relative;
    padding: 0;
  }
  .op-tycoon-landing .hero-video {
    position: relative;
    padding: 20px 0;
  }
  .op-preselling .hero-img::before {
    background-image: url(/assets/img/OPSalesPages/preselling-hero-phone-bg-mobile.png);
  }
  .op-preselling .hero-video::before {
    background-image: url(/assets/img/OPSalesPages/preselling-hero-phone-bg-mobile.png);
    width: 100%;
    height: 100vw;
    background-position: top center !important;
    top: -1vh;
  }
  .op-preselling p {
    text-align: center !important;
  }
  .pre-courses {
    padding-top: 30px;
    border-bottom-left-radius: var(--op-border-radius) !important;
    border-bottom-right-radius: var(--op-border-radius) !important;
  }
  .pre-courses p,
  .pre-faq-title p {
    font-size: 24px;
    line-height: 1.4em;
  }
  .seats-available p,
  .preselling-section-six .seats-available p {
    font-size: 18px !important;
    line-height: 1.4em;
  }
  .hero-highlight {
    font-size: 18px !important;
  }
  .advantage-grid-content.bf-presenter .advantage-img img {
    transform: translateX(-50%);
    width: 75%;
    left: 50% !important;
    bottom: 30px;
  }
  .advantage-grid-content.bf-presenter .advantage-content h2 {
    position: static;
    width: 100%;
    font-size: 30px;
  }
  .advantage-grid-content.bf-presenter .advantage-content {
    padding-top: 0;
  }
  .advantage-grid-content.learn.bf-presenter {
    padding-bottom: 40px;
    border-radius: var(--op-border-radius) !important;
  }
  .advantage-grid-content.learn.bf-presenter h2 {
    letter-spacing: 1px;
  }
  .advantage-grid-content.learn.bf-presenter p,
  .advantage-grid-content.learn.bf-presenter p strong {
    letter-spacing: 0.5px !important;
  }
  .advantage-grid-content.bf .advantage-content p,
  .op-landing-section p {
    font-size: 21px;
    line-height: 1.4em;
    letter-spacing: 0.5px;
  }
  .advantage-grid-content.bf .value-learn-list li,
  .op-landing-section .value-learn-list li,
  .op-landing-section h2,
  .op-landing-section p,
  .op-tycoon-landing h2,
  .op-tycoon-landing h3,
  .op-tycoon-landing p {
    letter-spacing: 0.5px !important;
  }
  .preselling-section-testimonial .swiper-wrapper {
    padding: 20px 0;
  }
  .preselling-section-testimonial .hero-video.mobile iframe {
    width: 100%;
    height: 63vh;
  }
  .preselling-bonuses > div > div {
    height: fit-content;
  }
  .preselling-bonuses > div > div .far {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 70%);
    font-size: 45px;
  }
  .preselling-bonus-img {
    width: 100px;
    height: 100px;
  }
  .preselling-section-six p,
  .preselling-bonuses p {
    font-size: 18px !important;
    line-height: 1.4em;
  }
  .funnel-modal .field-inline > div,
  #tycoonCourseFormModal .field-inline > div,
  .tycoon-modal .field-inline > div {
    width: 100%;
  }
  .preselling-section-testimonial h2 {
    font-size: 32px;
    line-height: 1.6em !important;
  }
  .preselling-section-five.bg-gray {
    background: #fff !important;
  }
  .main-wrapper > section.op-tycoon-landing {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
    text-align: center;
  }
  .op-landing-section.download-app-section {
    padding-top: 60px !important;
  }
  .op-landing-section h2,
  .op-landing-section.download-app-section h2 {
    font-size: 35px !important;
    margin-bottom: 10px !important;
  }
  section.op-tycoon-landing.bg-gray::before,
  section.op-tycoon-landing.bg-gray::after {
    height: 40%;
    width: 140%;
    transform: translateX(-14%) translateY(20%);
    top: auto;
    bottom: 0;
  }
  section.op-tycoon-landing.bg-gray::after,
  section.op-lead-funnel::after {
    transform: translateX(-14%) translateY(15%);
  }
  .op-tycoon-landing .tycoon-logo {
    width: 35px;
    height: 35px;
  }
  .op-tycoon-landing .tycoon-logo-full {
    font-size: 28px !important;
  }
  .op-landing-section.book-demo-section {
    padding-bottom: 40px;
  }
  .op-landing-section .book-demo-content {
    padding-left: 0 !important;
  }
  .op-landing-eid {
    overflow: hidden;
    position: relative;
    border-radius: 100%;
    width: 250px;
    height: 250px;
    margin: 30px auto 40px;
    box-shadow: -15px 20px 25px 0px rgb(0 0 0 / 20%);
  }
  .op-landing-eid img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
  }
  .op-landing-section .features-intro-content {
    padding-bottom: 40px;
  }
  .value-learn-list.dark.landing li {
    padding-right: 0;
    vertical-align: middle;
    text-align: center;
  }
  .main-wrapper > section.op-tycoon-video > .container {
    padding: 0 20px !important;
  }
  .tycoon-video-wrapper h2 {
    font-size: 14px;
  }
  .tycoon-video-wrapper.horizontal > div iframe {
    height: 100%;
  }
  .old-price.bonuses-total {
    max-width: 100%;
    text-align: left;
  }
  .wistia-playlist-item {
    width: 33.33% !important;
    padding: 5px !important;
    display: inline-block;
  }
  .preselling-section-testimonial .swiper-button-next::after,
  .preselling-section-testimonial .swiper-button-prev::after {
    font-size: 14px;
  }
  .op-tycoon-video {
    padding: 40px 0 !important;
  }
  .preselling-section-four,
  .preselling-section-eight {
    padding: 30px 0;
  }
  .preselling-section-eight h2,
  .pre-courses h2,
  .preselling-section-two h2,
  .preselling-section-four h2,
  .preselling-section-five h2,
  .preselling-section-seven h2 {
    font-size: 32px;
  }
  .preselling-section-eight .img-cover {
    max-width: 100% !important;
  }
  .preselling-section-eight .table {
    max-width: 100%;
  }
  .package-currencies h3 {
    font-size: 32px;
  }
  .package-currency-list {
    max-width: 100%;
  }
  .package-currency-list span {
    font-size: 21px;
  }
  .package-currency-list img {
    width: 80px !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .tycoon-money-back p {
    font-size: 18px;
  }
  .tycoon-money-back p strong {
    font-size: 21px;
  }
  .preselling-bonuses td {
    padding: 10px 20px;
  }
  .preselling-bonuses td.package-name p,
  .preselling-bonuses td.package-bonus p {
    font-size: 16px !important;
  }
  .selling-price {
    margin-bottom: 0;
  }
  .course-bonus-section .col-md-4 + .col-md-4 {
    border-top: 1px solid var(--bs-primary);
    border-right: none;
  }
  .op-course-bonus {
    padding: 20px 0;
  }
  .course-bonus-section .col-md-4:first-child .op-course-bonus {
    padding-top: 0;
  }
  .op-course-bonus h4 {
    font-size: 18px;
    padding: 10px;
  }
  .op-course-bonus h5 {
    font-size: 16px;
  }
  .op-preselling .hero-content-wrap .text-underline {
    border-bottom-width: 2px;
    margin: 0 10px;
  }
  .bts .hero-content-wrap .text-underline {
    margin: 0;
  }
  .tycoon-logo {
    vertical-align: middle;
    width: 24px;
    height: 24px;
  }
  .op-course-bonus h4 span.number {
    font-size: 23px;
  }
  .course-bonus-section .col-md-6:nth-child(even) {
    border-right: none;
  }
  .course-bonus-section .col-md-6 {
    border-top: 2px solid var(--bs-primary);
    padding: 0 !important;
  }
  .course-bonus-section .col-md-6:first-child,
  .course-bonus-section .col-md-6:first-child .op-course-bonus {
    border-top: none;
    padding-top: 0 !important;
  }
  .main-wrapper > section.hero-section.op-lead-funnel {
    padding-top: 40px !important;
    padding-bottom: 20px;
    position: relative;
    /*    background: linear-gradient(0deg, #dad7fc, #fbe8ff2b 79.44%), #ffffff !important;*/
    background: rgba(0, 0, 0, 0.112) !important;
  }
  #app[dir="rtl"] .op-lead-funnel .hero-content-wrap h1,
  .op-lead-funnel .hero-content-wrap h1 {
    font-size: 34px !important;
    line-height: 1.4em !important;
  }
  .op-lead-funnel .lead {
    font-size: 1.5rem;
  }
  .op-lead-funnel .lead .pt-3 {
    padding-top: 0.5rem !important;
  }
  .op-lead-funnel .hero-content-img {
    width: 90%;
    margin: 20px auto 0;
  }
  .op-lead-funnel .btn,
  .op-lead-section .btn,
  .op-lead-section-three .btn,
  .op-lead-section-four .btn {
    min-width: fit-content;
  }
  .op-lead-section .op-clients {
    margin-top: 10px;
  }
  .op-lead-section .op-clients p {
    margin-bottom: 10px !important;
    font-weight: bold;
  }
  .op-lead-section .op-clients p,
  .op-lead-section h2,
  .op-lead-section-three h2,
  .op-lead-section-four h2,
  .op-lead-section-seven h2 {
    font-size: 28px;
  }
  .op-lead-button::before {
    width: 40px;
    height: 35px;
    transform: translateX(-120%) translateY(0%);
  }
  .op-lead-section.bg-funnel-gradient,
  .op-lead-section,
  .op-lead-section-three {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .op-lead-section-three.bg-primary {
    background: var(--bs-gray) !important;
    color: var(--op-text-dark) !important;
  }
  .op-lead-proof-img {
    height: 20vh;
  }
  .op-lead-section-four,
  .op-lead-section-seven {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .op-lead-section-three .book-demo-img {
    position: static;
    width: 100%;
    height: fit-content;
    margin-top: 30px;
  }
  .op-lead-section-four .features-intro-content {
    padding-bottom: 20px;
  }
  .op-lead-section-four .features-intro-img img,
  #app[dir="rtl"] .op-lead-section-four .features-intro-img img {
    width: 80%;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .op-lead-consultants-row > .col-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .op-lead-consultants h3 {
    font-size: 16px;
  }
  .op-lead-consultants p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }
  .op-lead-section-seven ul {
    font-size: 16px;
    line-height: 24px;
  }
  #app[dir="rtl"] .op-lead-section-seven .features-reporting-img img,
  .op-lead-section-seven .features-reporting-img img {
    margin-right: 0 !important;
    width: 100% !important;
  }
  .op-preselling .banner-texts li p {
    font-size: 18px;
    font-weight: 700 !important;
    line-height: 1.4em;
  }
  .op-attention h2 {
    font-size: 1.75rem !important;
  }
  .op-attention strong {
    font-size: 130%;
  }
  .op-course-bonus .limited-time {
    text-align: right !important;
  }
  .main-wrapper > .op-tycoon-course.eid-adha {
    /*    background-image: url(/assets/img/OPSalesPages/TycoonCourse/eid-bg-hero-mobile.jpg) !important;*/
    background-position: bottom left !important;
    background-size: 65% auto !important;
    background-repeat: no-repeat !important;
    padding-bottom: 100px !important;
  }
  .op-tycoon-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .op-tycoon-section.eid {
    padding-top: 30px;
  }
  .op-tycoon-section-six {
    padding-bottom: 0;
  }
  .op-tycoon-section-two {
    padding-bottom: 30px;
  }
  .op-tycoon-section-two img {
    margin-top: -10vh;
    position: relative;
    z-index: 0;
    width: 45vw;
    margin-left: -6vw;
    margin-right: auto;
  }
  .mw-55vw {
    max-width: 55vw;
  }
  .op-tycoon-section h2,
  .op-academy-section h2 {
    margin-bottom: 10px !important;
    font-size: 30px;
  }
  .op-tycoon-section.op-tycoon-section-two h2 {
    font-size: 34px;
    font-weight: 700 !important;
  }
  .op-tycoon-section.op-tycoon-section-three h2,
  .op-tycoon-section.op-tycoon-section-four h2 {
    font-size: 34px;
  }
  #app[dir="rtl"] .op-tycoon-section.op-tycoon-section-four h2 strong {
    letter-spacing: 0.9px !important;
  }
  .op-tycoon-section p {
    font-size: 20px;
  }
  .tycoonCoursesSwiper .swiper-slide {
    width: 100%;
  }
  .tycoonCoursesSwiper .swiper-slide-active {
    padding-right: 0;
    padding-left: 0;
  }
  .tycoonCoursesSwiper .swiper-slide-prev {
    opacity: 1;
  }
  .tycoonCoursesSwiper .tycoon-img-shadow {
    box-shadow: -5px 6px 9px 0px rgb(0 0 0 / 20%);
  }
  .op-tycoon-course .tycoon-logo {
    background-size: contain;
  }
  .tycoonCoursesSwiper-Controller .swiper-button-next,
  .tycoonCoursesSwiper-Controller .swiper-button-prev {
    top: 20%;
    /*    bottom: 0;*/
    width: 40px;
    height: 40px;
  }
  .tycoonCoursesSwiper-Controller .swiper-button-next::after,
  .tycoonCoursesSwiper-Controller .swiper-button-prev::after {
    font-size: 24px;
  }
  .tycoon-img-shadow img {
    width: 100% !important;
  }
  .tycoon-quote {
    width: 53px;
    height: 39px;
  }
  .op-tycoon-section-six img {
    margin-top: -3vh;
    position: relative;
    z-index: 0;
    width: 50vw !important;
    margin-right: auto;
    left: -3vw;
  }
  .op-tycoon-bonuses-img img {
    margin-left: -5vw;
    margin-right: -5vw;
    width: 110vw;
    height: auto;
  }
  .op-tycoon-video-frame iframe {
    height: 33vh;
  }
  .op-tycoon-video-frame.large {
    padding: 50px 0;
  }
  .op-tycoon-video-frame.large iframe {
    height: 50vh;
  }
  .tycoon-course-list > li > label {
    font-size: 18px;
  }
  .op-tycoon-section-eid .width-fit {
    margin-right: auto;
    margin-left: 0;
  }
  .op-tycoon-section-eid img {
    width: 60vw;
    margin-top: -4vh;
    margin-left: -7vw;
  }
  #app[dir="rtl"] .main-wrapper > section.op-academy h1 {
    font-size: 34px !important;
  }
  .op-academy-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .op-academy-section .mw-80 {
    max-width: 100% !important;
  }
  .op-academy-section-two img {
    position: relative;
    z-index: 0;
    width: 45vw;
    margin-right: auto;
  }
  .op-academy-section-three img {
    max-width: 30vw;
  }
  .op-video-content .video-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .op-star {
    height: 20px;
    width: 20px;
  }
  .op-tycoon-popup-dialog {
    max-width: 90vw;
  }
  .op-tycoon-popup-img {
    height: 10vh;
    background-size: 150% auto;
    animation: 20s linear 0s infinite alternate none running smooth-bg;
  }
  @keyframes smooth-bg {
    0% {
      opacity: 0.7;
      background-position: 20% 10%;
    }
    5% {
      opacity: 1;
    }
    90% {
      opacity: 1;
    }
    100% {
      opacity: 0.9;
      background-position: 90% 10%;
    }
  }
  .op-tycoon-survey .btn-no-style {
    padding: 7px;
  }
}

@media screen and (max-width: 768px) {
  .main-wrapper > section.quiz-funnel-section > .container {
    padding: 0;
  }
  .quiz-selection {
    height: 50vh;
    margin-top: 20px;
  }
  .quiz-selection .design {
    top: 23%;
    width: 40%;
  }
  .quiz-selection .message {
    top: 26%;
    width: 40%;
    font-size: 14px;
  }
  .quiz-selection .audience {
    top: auto;
    bottom: 15%;
    width: 40%;
    font-size: 14px;
  }
  .quiz-funnel-section .answers {
    flex-wrap: nowrap;
  }
  .quiz-funnel-section .answers .answer {
    border-radius: 6px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
  }
  .quiz-funnel-section .answer label {
    border: none;
    margin: 0;
  }
  .quiz-funnel-section .answer:not(.answer-image) label {
    font-size: 14px;
    width: 100%;
  }
  .quiz-funnel-section .btn-link,
  .quiz-funnel-section input.btn,
  .quiz-funnel-section .btn {
    font-size: 14px;
  }
  .quiz-funnel-section .btn-link {
    padding-bottom: 0 !important;
    height: auto;
  }
  .quiz-funnel-section .question {
    margin-bottom: 0;
  }
  .quiz-funnel-section input.btn {
    margin-top: 10px;
    background-position: 94% center;
    background-size: auto 30%;
    height: auto;
    padding: 13px 40px 13px 21px !important;
  }
  .main-wrapper > .op-tycoon-course.snd {
    background: #012c41 !important;
    position: relative;
    padding-bottom: 12vh !important;
    overflow: visible;
  }
  .main-wrapper > .op-tycoon-course.snd::after {
    content: "";
    display: block;
    background-image: url(/assets/img/OPSalesPages/TycoonCourse/saudi-day-wave-mobile.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 22vh;
    position: absolute;
    bottom: -10vh;
    left: 0;
    z-index: 99;
  }
  .op-tycoon-course.snd + .op-tycoon-section-two {
    padding-top: 10vh !important;
  }
  .main-wrapper > .op-tycoon-course.bts {
    background-size: 70% auto;
    padding-bottom: 0 !important;
    background-position: left bottom;
  }
}

@media screen and (max-width: 390px) {
  #app[dir="rtl"] .main-wrapper > section.op-academy h1 {
    font-size: 31px !important;
  }
  .advantage-grid-content.op-video-content h2 {
    font-size: 30px;
  }
  .op-tycoon-section h2,
  .op-academy-section h2 {
    font-size: 28px;
  }
  .op-tycoon-section-six img {
    margin-top: -4vh;
  }
  /*.quiz-selection .design {
    width: 50%;
  }
  .quiz-selection .message {
    width: 50%;
  }
  .quiz-selection .audience {
    width: 50%;
  }*/
}