/*!

Author: Nababur Rahaman
Dev Wp URI: https://profiles.wordpress.org/nababurbd/
Dev Git URI: https://github.com/nababur
Author URI: https://nababur.dev/

*/

@media (min-width: 1024px) {
  .max-w-33 {
    max-width: 33.33333%;
  }
}

.checklist-item {
  display: inline-flex;
  padding: 14px 20px;
  align-items: center;
  gap: 1px !important;
  border-radius: 50px;
  background: #fff;
  /* Shadow big */
  box-shadow: 0px 25px 60px 0px rgba(40, 39, 71, 0.12);
  margin: 10px 5px !important;
  font-family: sans-serif;
}

.checklist-img {
  width: 30px;
  height: 30px;
}

.checklist-txt {
  color: #262626;
  font-size: 20px;
  font-style: normal;
  line-height: 28px;
  font-family: "Mulish";
  padding-left: 5px;
  font-weight: 600;
}

.save-time-title {
  color: #262626;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: normal !important;
}

.save-time-text {
  color: #262626;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  /* 145.455% */
}

.endless-title {
  font-size: 54px !important;
}

.hover-footer:hover {
  color: white !important;
  transition: 0.3s !important;
}

.endless-text {
  font-size: 22px !important;
}

.endless-text-icon {
  font-size: 20px !important;
}

.create-shareable-title {
  font-size: 28px !important;
  line-height: normal !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

.create-shareable-text {
  color: #262626;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 32px !important;
}

.iframe-correction-size {
  width: 751px !important;
  height: 643px !important;
  flex-shrink: 0 !important;
}

.pay-less-text {
  font-size: 54px !important;
  line-height: 70px !important;
}

.btn-start-7 {
  display: flex !important;
  max-width: 410px;
  justify-content: space-evenly;
  align-items: center;
}

.arrow-icon {
  width: 20px;
  height: 16px;
  margin-left: 16px;
}

.purple-background {
  background-color: #8354ff !important;
  height: 30px;
}

.p-mobile-only {
  color: #262626 !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  /* 150% */
  line-height: 1.75rem /* 28px */;
}

header {
  background-color: white;
  position: fixed !important;
  top: 0;
  width: 100%;
  padding-top: 0;
  margin-top: 0 !important;
}

/* header .flex {
  align-items: center;
  align-content: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 90px;
} */

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../asset/loader/preloader.gif") center no-repeat #fff;
}

.hero-sub-info {
  position: relative;
}

.hero-sub-info::before {
  display: none;
  content: url(../asset/svg/arrow-left.svg);
  position: absolute;
  left: -120px;
  bottom: 50px;
}

.hero-sub-info::after {
  display: none;
  content: url(../asset/svg/arrow-right.svg);
  position: absolute;
  right: -120px;
  bottom: 50px;
}

@media (min-width: 1024px) {
  .hero-sub-info::before {
    display: block;
  }

  .hero-sub-info::after {
    display: block;
  }
}

/* for carosel */

.active-image {
  transform: scale(1.5) translateY(200px);
  margin-top: 300px;
}

/* generated using: https://google-webfonts-helper.herokuapp.com/fonts/mulish?subsets=latin */
/* mulish-200 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 200;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-200.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-200.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-200.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-200.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-200.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-200.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-300 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-300.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-300.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-300.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-300.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-300.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-regular - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-regular.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-500 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-500.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-500.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-500.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-500.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-500.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-600 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-600.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-600.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-600.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-600.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-600.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-700 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-700.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-700.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-700.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-700.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-800 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-800.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-800.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-800.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-800.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-800.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-800.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* mulish-900 - latin */
@font-face {
  font-family: "Mulish";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url("../asset/fonts/mulish-v5/mulish-v5-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""),
    url("../asset/fonts/mulish-v5/mulish-v5-latin-900.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../asset/fonts/mulish-v5/mulish-v5-latin-900.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-900.woff") format("woff"),
    /* Modern Browsers */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-900.ttf") format("truetype"),
    /* Safari, Android, iOS */
      url("../asset/fonts/mulish-v5/mulish-v5-latin-900.svg#Mulish")
      format("svg");
  /* Legacy iOS */
}

/* video grid */
#section-grid {
  max-width: 100vw;
  overflow: hidden;
}

.video-grid {
  display: grid;
  gap: 2rem /* 32px */;
  margin-left: 3rem /* 48px */;
  margin-right: 3rem /* 48px */;
  overflow: hidden;
  grid-template-columns: 0.8fr 0.9fr 1.2fr 1.8fr 1.2fr 0.9fr 0.8fr;
}

@media screen and (max-width: 768px) {
  .video-grid-1 {
    position: relative;
    left: 40%;
    width: 150%;
    transform: translateX(-50%);
    grid-template-columns: 1.2fr 1.8fr 1.2fr;
  }

  .video-grid-2 {
    grid-template-columns: 1.2fr 1.6fr;
  }

  .video-grid-1 .video-card-wrapper:nth-of-type(1),
  .video-grid-1 .video-card-wrapper:nth-of-type(2),
  .video-grid-1 .video-card-wrapper:nth-of-type(6),
  .video-grid-1 .video-card-wrapper:nth-of-type(7) {
    display: none;
  }

  .video-grid-app {

    margin-left: 0rem /* 48px */;
    margin-right: 0rem /* 48px */;

}

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .video-grid-1 {
    grid-template-columns: 0.9fr 1.2fr 1.8fr 1.2fr 0.9fr;
  }
  .video-lg-grid-2 {
    grid-template-columns: 1.2fr 1.6fr;
  }
  .video-grid-1 .video-card-wrapper:nth-of-type(1),
  .video-grid-1 .video-card-wrapper:nth-of-type(7) {
    display: none;
  }
}

/* video grid END */

/* fade out animation */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/* fade out animation END */

.max-h-230px {
  max-height: 230px;
  height: 230px;
}

/* font-size */
.fs-54px {
  font-size: 54px;
}

/* font weight */
.f-weight-bold {
  font-weight: bold;
}

/* button */
.btn {
  border-radius: 6px;
  padding: 6px;
  font-size: 18px;
  font-family: "Mulish";
  white-space: nowrap;
  text-align: center;
}

.btn-outline-hover:hover {
  border: 1px solid rgb(214, 211, 211);
}

.btn-primary {
  background: #8354ff;
  color: #fff;
}

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

.brd-radius-16px {
  border-radius: 16px !important;
}

/* flex */
.d-none {
  display: none !important;
}

/* alerts */
#warn {
  width: 100%;
  background: #cfcf0f;
  font-size: 24px;
  font-weight: bold;
  color: #ffff;
  border-radius: 6px;
  text-shadow: 1px 0px 4px black;
}

/* paddings */
.pb-40 {
  padding-bottom: 40%;
}

/* loading */
.loading {
  width: 64px;
  height: 64px;
}

.blog_nav {
  font-weight: bold !important;
  font-size: 16px !important;
  font-family: "Mulish";
}

.navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 40px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .navbar {
    display: none;
  }
}

.footer {
  margin-top: 20vh;
}

@media screen and (min-width: 767px) and (max-width: 1440px) {
  #categories {
    padding: 15px !important;
  }

  #recent-post {
    padding: 15px !important;
  }
}

#infinite-scroll-loading-container {
  flex-direction: revert;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: none;
}

/* lubin custom css */

@media (max-width: 360px) {
  .small-btn-responsive {
    max-width: 280px !important;
    font-size: 14px !important;
    width: 100% !important;
  }
}

@media (max-width: 512px) {
  .endless-title {
    font-size: 38px !important;
    margin: 10px !important;
  }

  .free-trial-size {
    font-size: 38px !important;
  }

  .hover-footer {
    display: -webkit-box !important;
  }

  .element-style {
    border-bottom: 1px solid #ffffff61;
    margin-bottom: 10px;
    display: -webkit-box;
  }

  .menu-responsive-p {
    font-size: 20px !important;
    margin-left: 20px;
    margin-right: 20px;
  }

  .h1-margin-responsive {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  .center-numbers {
    display: flex;
    justify-content: center;
  }

  .seven-section-title {
    font-size: 38px !important;
    line-height: 46px !important;
    margin: 14px;
  }

  .started-responsive {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  /* testimonials */
  #extrahandsvas,
  #visitvallejo,
  #mecsubmit {
    flex-direction: column;
  }

  .responsive-testimonials {
    margin: 15px !important;
  }

  .flex-direction-testimonials {
    display: flex;
    flex-direction: column-reverse;
  }

  /* End */

  .pay-responsive {
    font-size: 38px !important;
    line-height: 46px !important;
    margin-bottom: 2rem;
  }

  .footer-responsive {
    display: flex !important;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff61;
    margin-bottom: 10px;
    margin-top: 25px;
  }

  .footer-btn-responsive {
    display: flex !important;
    flex-direction: column !important;
  }

  .scroll-videos {
    display: flex;
    flex-wrap: initial !important;
    justify-content: initial !important;
    gap: 25px;
    overflow-x: auto !important;
  }
}

header .flex.gap-1 {
  gap: 50px;
}

.gradient-border-mask {
  position: relative;
  padding: 15px 20px;
  transition: all 0.3s;
}

.hover-header:hover {
  color: #8354ff;
  transition: all 0.3s !important;
}

.gradient-border-mask::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(to right, #ef35ff, #2ba6ff) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.gradient-border-mask:hover {
  background-color: #8354ff;
  border-radius: 50px;
  color: white;
}

.gradient-border-mask:hover::before {
  background: none;
}

.space-container {
  gap: 15px;
  height: 158px;
}

.flex-icon {
  flex: 0.1 1 0%;
}

.vidlo-title {
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: normal !important;
}

.vidlo-text {
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 32px !important;
}

.watch-videos-text {
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  margin: 1.5rem 0rem;
}

.space-container span {
  max-width: 276px;
  border-color: rgba(196, 199, 253, var(--tw-border-opacity));
}

.custom-card {
  border-color: #cbcde3;
  text-align: center;
  padding: 18px;
  max-width: 315px;
  min-height: 666px;
}

.custom-card h4 {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 12px;
  line-height: 30px;
  text-align: center;
  color: #000000;
}

.custom-card h2 {
  position: relative;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 600;
  margin-left: 40px;
  font-size: 42px;
  line-height: 53px;
  text-align: center;
  color: #000000;
}

.custom-card .from {
  position: absolute;
  top: 0px;
  font-size: 16px;
  line-height: 20px;
  text-align: center;

  color: #000000;
  left: -42px;
}

.custom-card .month {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height */

  text-align: center;
  align-self: flex-end;
  padding-bottom: 10px;
  color: #9768ff;
}

.custom-card .custom-button {
  width: 234px;
  height: 54px;
}

.p-3-card {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #a7a3de;
}

.full-3-card {
  font-family: "Mulish";
  max-width: 220px;
  margin: 20px auto;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  /* or 140% */

  text-align: center;

  color: #262626;
}

.separation-table {
  gap: 9.7em;
  justify-content: center;
  align-items: center;
}

#toggle-lessmore {
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
  height: 300px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

#toggle-lessmore.active {
  height: auto;
}

#toggle-lessmore::before {
  content: "";
  position: absolute;
  margin: auto;
  bottom: 6px;
  left: 0px;
  right: 0px;
  width: 100%;
  max-width: 1160px;
  height: 150px;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  background: linear-gradient(transparent, #f4eefea9);
}

#toggle-lessmore.active::before {
  display: none;
}

.button-primary-more {
  background: linear-gradient(to right, #ef35ff, #2ba6ff);
  margin-top: 1.25rem;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  top: -80px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 192px;
  height: 47px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 56px;
}

.button-primary-more::before {
  content: "";
}

.styled-secondary {
  position: relative;
  color: #000000;
  background: transparent;
  top: 0;
  margin-bottom: 20px;
}

.styled-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  border: 1px solid transparent;
  background: linear-gradient(to right, #ef35ff, #2ba6ff) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.line-title {
  border-color: #c4c7fd;
  padding: 8px 20px;
  max-width: 1160px;
  margin: auto;
  width: 100%;
}

.line1 {
  border-color: transparent;
  padding: 8px 20px;
  max-width: 1160px;
  margin: auto;
  width: 100%;
}

.line2 {
  border-color: #e9e3ff;
  background-color: #e9e3ff;
  padding: 8px 20px;
  width: 100%;
  max-width: 1160px;
  margin: auto;
}

.enterprise {
  margin-right: 50px;
}

.enterprise-2 {
  margin-right: 75px;
}

.title-features {
  gap: 8em;
  align-items: center;
}

.float-container {
  max-width: 1140px;
  background: #ffffff;
  margin: auto 30px;
  margin-top: 120px;
  padding-top: 40px;
  box-shadow: 0px 25px 60px rgba(40, 39, 71, 0.12);
  border-radius: 28px;
  padding-bottom: 60px;
  margin-bottom: 50px;
}

.float-container.float2 {
  padding: 80px 98px;
  gap: 60px;
  margin-bottom: 200px;
  flex-wrap: wrap;
}

.container-faqs {
  padding: 5px 20px;
  gap: 10px;
}

.container-faq1,
.container-faq2 {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.question-container {
  border: 1px solid #989cc7;
  border-radius: 22px;
  padding: 0px 20px;
  transition: all 0.2s;
}

.question-container:hover {
  border-color: #eeedff;
  background-color: #eeedff;
}

.question-container.active {
  border-color: #eeedff;
  background-color: #eeedff;
}

.question-container .desactive {
  height: 0;
  overflow: hidden;
  color: #484761;
}

.question-container .desactive.active {
  height: auto;
  overflow: hidden;
  padding-bottom: 15px;
}

#click-question {
  cursor: pointer;
  padding: 10px 0;
}

#click-question svg {
  margin-left: 10px;
  width: 12px;
}

#click-question.active-icon svg {
  transform: rotate(180deg);
}

@media screen and (max-width: 772px) {
  #toggle-lessmore::before {
    bottom: 0;
  }

  .enterprise {
    margin-right: 10px;
  }

  .enterprise-2 {
    margin-right: 35px;
  }

  .title-features {
    gap: 1.9em;
  }

  .separation-table {
    gap: 3.6em;
  }

  .line1 p,
  .line2 p {
    font-size: 12px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .space-container span {
    width: 100%;
    max-width: 390px;
    height: 160px;
  }

  .space-container {
    gap: 15px;
    height: auto;
    align-items: center;
  }

  .custom-position {
    align-items: center;
  }
}

.column2 {
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

@media screen and (max-width: 930px) {
  .container-faqs {
    flex-direction: column;
  }

  .column2 {
    gap: 10px;
    margin-bottom: 40px;
    flex-wrap: wrap;
  }

  .float-container.float2 {
    padding: 40px 28px;
    gap: 60px;
    margin-top: 90px;
    margin-bottom: 100px;
    flex-wrap: wrap;
  }

  .container-faq1,
  .container-faq2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

@media screen and (max-width: 753px) {
  .space-container span {
    max-width: 390px;
    height: 158px;
  }

  .space-container {
    gap: 15px;
    height: auto;
  }
}

#subscribe {
  border-radius: 500px;
  width: 45px;
  height: 45px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 5px;
}

@media screen and (max-width: 593px) {
  .button-center {
    width: 100%;
    text-align: center;
  }

  .container-faq1 *,
  .container-faq2 * {
    font-size: 12px;
  }

  .float-container {
    margin: 20px 5px;
  }

  .question-container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 473px) {
  .title-features p {
    font-size: 13px;
  }

  .line-title {
    border-radius: 0 !important;
  }

  .features {
    font-size: 14px;
  }

  .enterprise {
    margin-right: 0px;
  }

  #toggle-lessmore {
    padding: 0;
  }

  .line1,
  .line2 {
    border-radius: 0 !important;
  }

  .enterprise-2 {
    margin-right: 10px;
  }
}

/* Menu custom css */
.menu-main-menu-container ul li,
.menu-register-menu-container ul li,
ul.footer-bottom-menu li {
  display: inline-block;
}

/* Widet menu css */
.footer-menu ul {
}
.footer-menu ul li {
  display: block;
}
.footer-menu ul li a {
  color: #bea1ec;
  font-size: 14px;
  line-height: 1.75rem;
}
.footer-menu ul li a:hover {
  color: white !important;
  transition: 0.3s !important;
}

/* Price page css */

/* .dropbtn {
      background-color: #3498DB;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
    }

    .dropbtn:hover,
    .dropbtn:focus {
      background-color: #2980B9;
    } */
.dropbtn {
  display: flex;
  gap: 6px;
  align-items: center;
}

.dropbtn1 {
  display: flex;
  gap: 6px;
  align-items: center;
}

#myDropdown {
  border-radius: 10px;
  right: 0px;
}

#myDropdown1 {
  border-radius: 10px;
  right: 0px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content button {
  color: #756fd0;
  text-align: center;
  width: 100%;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

/* Make YouTube videos inserted via WordPress oEmbed full-width */

.wp-block-embed-youtube {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ql-video {
  height: 50vh;
  width: 100%;
}
/* 
Carousel video css */
.carousel-video {
    position: relative
}

.carousel-video .slick-arrow {
    position: absolute;
    top: 50%;
    left: -48px;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
    transition: all 0.3s linear
}

.carousel-video .slick-arrow i {
    width: 45px;
    height: 45px;
/*     background: #ddd; */
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    display: block;
    line-height: 48px;
    font-size: 14px;
    border-radius: 50%;
    z-index: 9;
    transition: all 0.3s linear
}

@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .carousel-video .slick-arrow i {
        width:40px;
        height: 40px;
        line-height: 43px;
        font-size: 16px
    }
}

.carousel-video .slick-arrow i:hover {
/*     background: #f31717; */
    color: #fff
}

.carousel-video .slick-arrow.next {
    left: auto;
    right: -48px
}

.carousel-video .single-video {position:relative}
.carousel-video .single-video .single-video-cap {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    padding: 0 25px;
    color:#262626;
    align-items: stretch;
    flex-direction: row;
}
.carousel-video .single-video .single-video-cap .icon{padding-top:5px}
.carousel-video .single-video .single-video-cap .caption-info {
    color: #262626;
    text-align: left;
    padding-left: 8px;
    font-size: 12px;
    line-height: 20px;
}
.carousel-video .single-video .single-video-cap .caption-info h4{color:#262626;    font-weight: 700;
    font-size: 14px;
    margin-bottom: 5px;}
.carousel-video .single-video .single-video-cap .caption-info p{color:#262626; margin-bottom:5px;line-height: 18px;}
.carousel-video .single-video .single-video-cap .caption-info span{color:#262626}

.carousel-video .slick-dots {
    z-index: 9;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%)
}

.carousel-video .slick-dots li {
    display: inline-block;
    margin: 0 5px
}

.carousel-video .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 50px;
    font-size: 0;
    border: 0;
    transition: all 0.3s linear
}

.carousel-video .slick-dots li.slick-active button {
    background-color: rgb(106 66 192);
    border-color: #f31717
}
.single-video iframe {
	width: 230px !important;
	max-width: 230px !important;
	margin: 0px auto;
}
@media (max-width: 767px) {
  .watch-video-section h2 {
    line-height: 60px !important;
  }
}
@media screen and (max-width: 767px) {
.carousel-video .slick-arrow.next {

	right: 0;
}
.carousel-video .slick-arrow {
	
	left: 0;
}
.single-video iframe {
	width: 100% !important;
	max-width: 100%  !important;
	margin: 0px auto;
}
	
	
.carousel-video .single-video .single-video-cap {
padding: 0 80px;
	width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.carousel-video .single-video .single-video-cap {
	padding: 0 70px;
}
	
.our-tem-hero .flex-col {
    flex-direction: row;
}

}

@media (min-width: 1024px) {
  .carousel-video .single-video .single-video-cap {
  }
}

@media screen and (min-width: 1024px) {
  .trybtnviddey {
      display: none !important;
  }
}


.hover-underline {
  text-decoration: none; /* Remove default underline */
  transition: color 0.3s, text-decoration 0.3s; /* Add smooth transition for color and text-decoration */
}

.hover-underline:hover {
  text-decoration: underline; /* Underline text on hover */
  color: #8354ff !important; /* Change text color on hover */
}


/* Custom css for home responsive again  */
@media screen and (max-width: 767px) {
.bg-hero-mobile .menu-responsive-p{
	margin-bottom:35px !important
}

.bg-hero-mobile a.btn-start-7 {
	margin-bottom: 65px !important;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 1rem;
	padding-right: 1rem;
}
	
.bg-hero-mobile .mt-24 {
	margin-top: 5rem;
}
.bg-hero-mobile h3.hero-sub-info{
		font-size: 1.3rem;
	}
.bg-hero-mobile .our-tem-hero {
	padding-top: 10px;
}
	
.bg-hero-mobile .our-tem-hero h3 {
	font-size: 25px;

}	
	
.bg-hero-mobile .our-tem-hero div.flex, .bg-hero-mobile .our-tem-hero div.flex .flex {
	display: unset;
}
.bg-hero-mobile .our-tem-hero div.flex .flex .inline-block {
margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}
	



	
	
	
}

.pay-less-todo h2{
	margin-bottom: 70px
}


@media screen and (max-width: 767px) {
  .carousel-video .single-video .single-video-cap {
    padding: 0 30px;
    width: 100%;
  }
	
.watch-video-section h2 {
	line-height: 50px !important;
}
.seven-section-title {

    margin-left:0px !important;margin-right:0px !important
 
  }
.endless-wrapper .gap-6 {
    gap: 0.5rem;
}
	
.endless-wrapper {
    margin-bottom: 1rem!important;
}
.my-20 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}
	
.save-time-wrapper {
		padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
	}
	
.px-12 {
	padding-left: 2rem!important;
	padding-right: 2rem!important;
}
	
.py-6 {
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important;
}
	
 .my-20 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
  }
	
.pay-less-todo h2{
	margin-bottom: 20px
}

	.drop-shadow-viddey{margin-bottom:0px !important}
	
  .watch-video-section h2 {
    line-height: 45px !important;
    font-size: 32px !important;
  }
	
	
	
	
	
}