:root {
  --primary-color: #190041;
  --animate-delay: 5s;
}

/* header */
header#beehead {
  background: #11002b;
  padding: 24px 0;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
body.menu-toggled header#beehead {
  top: 0 !important;
}
header#beehead .ct-menu-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header#beehead .ct-menu-section .translate p {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  cursor: pointer;
  width: max-content;
}
header#beehead .ct-menu-section .social-media {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 35%;
}
header#beehead .ct-menu-section .menu-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
header#beehead .ct-menu-section .CTA-wrapper {
  display: flex;
  gap: 20px;
  /* width: 35%; */
  width: auto;
  justify-content: flex-end;
  align-items: center;
  z-index: 1;
}
header#beehead .ct-menu-section .social-media i {
  color: #ffffff;
  opacity: 0.8;
  cursor: pointer;
}
header#beehead .ct-menu-section .social-media i:hover {
  opacity: 1;
}
header#beehead .ct-menu-section .main-navigation {
  width: auto;
}
header#beehead .ct-menu-section .main-navigation li {
  width: auto;
  z-index: 1;
}
header#beehead .ct-menu-section .main-navigation ul.menu > li > a {
  padding: 0 16px;
}
header#beehead .ct-menu-section .main-navigation a {
  font-size: 14px;
  color: #fff;
}
header#beehead .ct-menu-section .main-navigation ul li:hover > ul,
header#beehead .ct-menu-section .main-navigation ul li.focus > ul {
  left: -999em;
}
header#beehead .ct-menu-section .main-navigation ul.sub-menu.open {
  left: auto;
}
header#beehead .ct-menu-section .main-navigation ul.sub-menu {
  border-radius: 12px;
  background-color: #3d295f;
  min-width: 165px;
  box-sizing: border-box;
  box-shadow: 0 20px 100px 0 #000000;
  padding: 28px;
  margin-top: 10px;
  gap: 20px 16px;
  display: flex;
  flex-direction: column;
}
header#beehead .ct-menu-section .main-navigation .solutions ul.sub-menu {
  min-height: 218px;
  min-width: 720px;
  max-width: 720px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 16px;
}
header#beehead .ct-menu-section .main-navigation ul.sub-menu li {
  width: 100%;
}
header#beehead .ct-menu-section .main-navigation ul.sub-menu a {
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
  font-size: 15px;
  letter-spacing: 0;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
header#beehead .ct-menu-section .main-navigation li.menu-item-has-children > a {
  position: relative;
  padding-right: 30px !important;
}
header#beehead
  .ct-menu-section
  .main-navigation
  li.menu-item-has-children
  > a.active {
  color: #ffb600 !important;
}

header#beehead
  .ct-menu-section
  .main-navigation
  li.menu-item-has-children
  > a:after {
  content: "\f107";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 15px;
  top: 54%;
  transform: translateY(-50%);
}
header#beehead .ct-menu-section .main-navigation .menu-item-description {
  color: #cecbd4;
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}
header#beehead .ct-menu-section .main-navigation .solutions ul.sub-menu a {
  padding-left: 46px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: left center;
}
header#beehead
  .ct-menu-section
  .main-navigation
  ul.sub-menu
  li.salon-software
  a {
  background-image: url("../../uploads/2024/07/Salon-Software.svg");
}
header#beehead
  .ct-menu-section
  .main-navigation
  ul.sub-menu
  li.medical-spa-software
  a {
  background-image: url("../../uploads/2024/07/Mediacal-Spa.svg");
  background-size: 34px;
}
header#beehead .ct-menu-section .main-navigation ul.sub-menu li.spa-software a {
  background-image: url("../../uploads/2024/07/Spa.svg");
}
header#beehead
  .ct-menu-section
  .main-navigation
  ul.sub-menu
  li.barbershop-software
  a {
  background-image: url("../../uploads/2024/07/Barbarshop.svg");
}
header#beehead
  .ct-menu-section
  .main-navigation
  ul.sub-menu
  li.hairsalon-software
  a {
  background-image: url("images/Hair.svg");
}
header#beehead
  .ct-menu-section
  .main-navigation
  ul.sub-menu
  li.nailsalon-software
  a {
  background-image: url("images/Nail.svg");
}
header#beehead .ct-menu-section .main-navigation .menu-toggle {
  background: transparent;
  border: 0;
  opacity: 1;
  padding: 0;
  line-height: 0;
}
header#beehead.fixed {
  background: rgb(17 0 43);
  box-shadow: 0px 4px 20px 8px rgb(17 0 43 / 0.75);
}
h1 {
  font-size: 63px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1;
  font-family: "Gilroy-Black";
}
h2 {
  font-size: 59px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  font-family: "Gilroy-Bold";
}
h3 {
  font-size: 54px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.1;
  font-family: "Gilroy-Black";
}
h4 {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 43px;
  font-family: "Gilroy-Bold";
}
h5 {
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1;
}
p {
  font-size: 18px;
  line-height: 30px;
  font-family: var(--f-book);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-color);
  font-family: var(--f-bold);
}
body {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--f-book);
}

/* body, */
/* body #page,
html {
  overflow-x: hidden;
} */

body.single #page {
  overflow-x: initial;
}

#page.site section {
  overflow: hidden;
}

body.page-template-page-faq-overview #page.site section {
  overflow: inherit;
}

a {
  cursor: pointer;
}
.post,
.page {
  margin: 0;
}

section {
  padding: 70px 0;
}
section#shadow-host-companion {
  display: none;
}
img {
  width: 100%;
}
a.bee-primary-btn {
  background: #632dba;
  color: #ffffff;
  text-decoration: none;
  border-radius: 12px;
  padding: 7px 20px;
  font-family: "Gilroy-SemiBold";
  border: 1px solid #632dba;
}
a.bee-primary-btn:hover {
  background-color: #5a29a9;
}
a.bee-secondary-btn {
  background: transparent;
  color: #ffb600;
  text-decoration: none;
  border-radius: 12px;
  padding: 7px 20px;
  border: 1px solid #ffb600;
  font-family: "Gilroy-SemiBold";
}
a.bee-secondary-btn:hover {
  background: #ffb600;
  color: #ffffff;
}

.bee-secondary-btn.active {
  background: #ffb600 !important;
  color: #3A2900  !important;
  border-color: #ffb600 !important;
}

.bee-outline-btn {
  background: transparent;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 12px;
  padding: 7px 20px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  font-family: "Gilroy-SemiBold";
}

/* Header */
header#beehead .ct-menu-section .CTA-wrapper a.bee-secondary-btn {
  font-size: 16px;
}
header#beehead .ct-menu-section .CTA-wrapper a.bee-primary-btn {
  	font-size: 16px;
	background: #FFCD00;
	border-color: #FFCD00;
	color: #212529;
}

/* home page style */
section.first-fold {
  background: url(images/Head-bg.svg), #11002b;
  position: relative;
  padding-bottom: 125px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
}
section.first-fold img.audiowave {
  position: absolute;
  left: 20px;
  bottom: 55px;
  width: auto;
}
section.first-fold h1 {
	line-height: 1.15;
	max-width: 920px;
}
section.first-fold h1,
section.first-fold p {
  color: #ffffff;
}
section.first-fold .content-wrapper {
  text-align: center;
  max-width: max-content;
  margin: auto;
  padding: 100px 0;
}
section.first-fold .content-wrapper img {
  margin-bottom: 25px;
  max-width: 80%;
}
section.first-fold .content-wrapper p {
  max-width: 900px;
  margin: auto;
  opacity: 0.82;
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
}
section.first-fold .left-img-wrapper img {
  margin-left: -60px;
}
section.first-fold .right-img-wrapper img {
  position: absolute;
  right: 0;
  width: 380px;
  object-fit: cover;
  bottom: 0;
}
section.first-fold .chat-box {
  padding: 15px;
  margin-bottom: 60px;
}
section.first-fold .chat-box.left {
  border-radius: 100px 100px 100px 6px;
  background: #bf46e6;
  color: #ffffff;
  padding: 15px 30px 15px 15px;
}
section.first-fold .chat-box.right {
  border-radius: 100px 100px 6px 100px;
  background: #70c6ff;
  color: #190041;
  padding: 15px 15px 15px 30px;
}
section.first-fold .chat-box .user-icon-box {
  width: 60px;
}
section.first-fold .chat-box .user-icon-box img {
  width: 46px;
}
section.first-fold .right-img-wrapper .message-box {
  text-align: right;
}
section.first-fold .chat-box.right .message-box {
  text-align: right;
}
section.first-fold .chat-box .message-box {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
section.first-fold .chat-box:nth-child(1) {
  max-width: 350px;
  transform: translateX(40px);
}
section.first-fold .chat-box:nth-child(2) {
  max-width: 282px;
  transform: translateX(150px);
}
section.first-fold .chat-box:nth-child(3) {
  max-width: 370px;
}
section.first-fold .chat-box:nth-child(4) {
  max-width: 370px;
  transform: translateX(70px);
}
section.first-fold .flex-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
section.first-fold .chat-wrapper {
  position: relative;
}
section.first-fold .chat-wrapper:before {
  content: url(images/audio-purple.svg);
  position: absolute;
  left: -50px;
  top: 105px;
  width: auto;
}
section.first-fold .chat-wrapper:after {
  content: url(images/audio-blue.svg);
  position: absolute;
  right: -80px;
  bottom: 140px;
  width: auto;
}
section.first-fold .image-wrapper {
  padding: 60px 0 0;
}
.hero-button-actions-wrapper a {
    padding: 12px 30px;
    border-radius: 100px;
    max-height: 54px;
    font-size: 16px;
}

.hero-button-actions-wrapper {
    display: inline-flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    flex-wrap: wrap;
}

/* voice bot */
section.voice-bot {
  /* min-height: 100vh; */
  display: flex;
  align-items: center;
  justify-content: center;
}
section.voice-bot h2 {
  letter-spacing: 0;
  line-height: 1.25;
  text-align: center;
}
section.booking-bee h2 {
  color: var(--primary-color);
  font-size: 56px;
  font-weight: bold;
  letter-spacing: 0;
}
section.voice-bot h2 span.pink {
  color: #ff3c69;
}
section.voice-bot h2 span.blue {
  color: #632dba;
}
section.voice-bot h2 img {
  width: auto;
}

/* ourAI */
section.ourAI {
  background-color: #3d295f;
  position: relative;
}
section.ourAI .container-wrapper {
  background-color: #11002b;
  border-radius: 50px;
  padding: 45px;
  position: relative;
}
section.ourAI .container-wrapper .icon-box {
  padding: 50px 60px;
  background: hsl(262deg 40% 27% / 70%);
  border-radius: 50px;
  max-width: 90%;
  margin: 0 auto 20px;
  transition: all 0.3s ease;
}
section.ourAI .container-wrapper .icon-box.active {
  max-width: 100%;
  background: #632dba;
}
section.ourAI .container-wrapper .icon-box.active p {
  opacity: 1;
}
section.ourAI .container-wrapper .icon-box h5 {
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 26px;
  font-family: "Gilroy-SemiBold";
}
section.ourAI .container-wrapper .icon-box p {
  color: #ffffff;
  opacity: 0.7;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 26px;
  margin: 0;
}
section.ourAI .container-wrapper .icon-box.slide-active {
  background-color: #632dba;
  max-width: 100%;
}
section.ourAI .container-wrapper .icon-box.slide-active p {
  opacity: 1;
}
section.ourAI .container-wrapper .icon-box .icon {
  display: flex;
  gap: 30px;
  align-items: center;
}
section.ourAI .container-wrapper .icon-box .icon .content-wrapper {
  width: 100%;
  max-width: 300px;
}
section.ourAI
  .container-wrapper
  .icon-box.slider-item.active.slide-active
  .icon-wrapper {
  display: block;
}
section.ourAI .container-wrapper .icon-box .icon .icon-wrapper {
  width: 48px;
}
section.ourAI .ai-rightbox .title {
  color: #ffffff;
  margin-left: 60px;
  font-size: 80px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 88px;
  margin-top: 60px;
  text-align: center;
  font-family: "Gilroy-Bold";
}
section.ourAI img.girlthubms {
  position: absolute;
  bottom: -44px;
  left: -98px;
  max-width: 560px;
  transform: scaleX(-1);
}
section.ourAI .shapeobj {
  position: absolute;
  z-index: 1;
  right: 0;
  transform: scaleY(-1);
}
section.ourAI .left-column {
  position: sticky;
  top: 180px;
  height: 500px;
  overflow: visible;
  bottom: 0;
}

/*     .iconbox-slider .slider-item {
		  display: none;
		  opacity: 0;
		  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
		  transform: translateY(-50px);
	  }
  
	  .iconbox-slider .slider-item.active {
		  display: block;
		  opacity: 1;
		  transform: translateY(0);
	  }
  
	  @keyframes slideIn {
		  0% {
			  transform: translateY(-100%);
			  opacity: 0;
		  }
		  100% {
			  transform: translateY(0);
			  opacity: 1;
		  }
	  } */

/* Booking Bee */
/* section.booking-bee { padding: 100px 0; } */
section.booking-bee .highlight-wrapper {
  margin: 0 auto 40px;
  border-radius: 50px;
  max-height: 360px;
  display: flex;
  min-height: 360px;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  background: #632dba;
  width: calc(100% - 15px);
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.25s, transform 0.25s, color 0.25s;
}
section.booking-bee .highlight-wrapper:hover {
  transform: translateY(-0.75rem);
  box-shadow: 0px 16px 20px rgb(17 0 43 / 0.5);
}
section.booking-bee .highlight-wrapper h5 {
  text-align: center;
  opacity: 0.6;
  color: #ffffff;
  font-size: 60px;
  letter-spacing: 0;
  line-height: 100px;
  font-family: "Gilroy-Black";
}
section.booking-bee .bg-wrapper {
  /*background-image: url(images/shape1.svg);*/
  margin: 0 30px;
  background-size: 100%;
  background-repeat: no-repeat;
}
section.booking-bee .highlight-wrapper.orange {
  background: #ff8049;
  position: relative;
}
section.booking-bee .highlight-wrapper.green {
  background: #3bb581;
  position: relative;
}
section.booking-bee .highlight-wrapper.pink h5 {
  padding: 0 30px;
  text-align: left;
}
section.booking-bee .highlight-wrapper img {
  max-width: 300px;
  height: 300px;
  object-fit: cover;
}
section.booking-bee .bg-wrapper .row .col-md-6 {
  width: calc(50% - 20px);
}
section.booking-bee .bg-wrapper .row {
  gap: 40px;
}
section.booking-bee .highlight-wrapper.pink {
  background: #ff3c69;
  position: relative;
  padding: 0 20px;
  max-height: 360px;
  display: flex;
  align-items: center;
}
/* section.booking-bee .highlight-wrapper.pink .img-box { position: absolute; top: -120px; left: 110px; transform: translateX(-60px); } */
section.booking-bee .title {
  padding-bottom: 60px;
  margin-right: 40px;
}
section.booking-bee .highlight-wrapper .img-box {
  text-align: center;
  position: absolute;
  bottom: 0;
}
section.booking-bee .highlight-wrapper.pink .img-box {
  left: 0;
}
section.booking-bee img.shape {
  position: absolute;
  bottom: -51px;
  width: 147px;
  right: -73px;
  transform: rotate(2deg);
  display: none;
}
section.booking-bee .col-md-4 {
  position: relative;
}

section.empowering {
  position: relative;
}
section.empowering h3 {
  color: #190041;
  font-size: 52px;
  text-align: center;
  font-weight: 700;
}
section.empowering .left-img-wrapper img {
  position: absolute;
  left: 0;
  max-height: 600px;
  height: auto;
  width: auto;
  bottom: 0;
}
section.empowering .right-img-wrapper img {
  position: absolute;
  right: 0;
  max-height: 450px;
  height: auto;
  width: auto;
  bottom: 0;
}
section.empowering {
  background-repeat: no-repeat;
  background-position: bottom;
}

section.integrations .logo-wrapper {
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 7px 14px 0 rgba(25, 0, 65, 0.1);
  padding: 40px;
  width: 195px;
  height: 195px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.integrations .col-md-4.col-6 {
  padding: 0 10px;
}
section.integrations .logo-wrapper img {
  object-fit: cover;
}
section.integrations .row {
  align-items: center;
}
section.integrations h2 {
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.34;
  margin-bottom: 20px;
  font-family: "Gilroy-SemiBold";
}
section.integrations p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 26px;
  color: var(--primary-color);
}
section.integrations .btn-wrapper {
  margin: 8px 0;
  display: inline-block;
}
section.integrations .container-wrapper {
  padding: 40px 90px;
  border-radius: 50px;
  background: linear-gradient(
    297.24deg,
    rgb(142 197 252 / 20%) 0%,
    rgb(224 195 252 / 20%) 100%
  );
}
section.integrations .logos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* trusted by */
.trusted-by-salons h3 span {
  color: #ff3c69;
}

section.logo-slider-section.trusted-by-salons .text-center {
    background: #3D295F;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(153, 153, 153, 0) 50.96%);
    border-radius: 50px;
    padding: 50px 24px;
}

section.logo-slider-section.trusted-by-salons .text-center h3,
section.logo-slider-section.trusted-by-salons .text-center p {
	color: #fff;
}

section.logo-slider-section.trusted-by-salons h3 span {
	color: #FFB945;
}

.logo-slider {
   width: 100%;
  overflow: hidden;
  padding-top: 16px;
}

.logo-slider__track {
    display: flex;
	gap: 120px;
    width: max-content;
    animation: scroll 20s linear infinite;
	opacity: 0.75;
}

.logo-slider__track:hover {
    animation-play-state: paused;
	opacity: 1;
}

.logo-slider__list {
  display: flex;
  gap: 100px;
}

.logo-slider__list  img {
	max-height: 65px;
}

/* Animation for marquee */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/*.logo-slider__track:nth-child(even) {
  animation-direction: reverse;
}*/

.client-logos {
  background: linear-gradient(
    284.69deg,
    rgba(142, 197, 252, 0.2) 0%,
    rgba(224, 195, 252, 0.2) 100%
  );
  height: 390px;
  border-radius: 20px;
  padding: 20px;
  display: grid;
  grid-template-columns: 35% 28% 1fr;
  /* grid-auto-rows: 94px; */
  gap: 10px;
}

.client-logos .image-card {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.client-logos .image-card:hover {
  box-shadow: 0px 16px 20px 0px #11002b80;
  transform: scale(1.01);
  transition: 0.2s all linear;
  cursor: pointer;
}

.image-card img {
  max-width: 300px;
}

.image-card.flawless-salon {
  grid-row: span 3;
}

.image-card.damisa img {
  max-width: 131px;
}

.image-card.salon-sha img {
  max-width: 180px;
}

.image-card.aisha-salon img {
  max-width: 140px;
}

.image-card.gloss img {
  max-width: 250px;
}

.image-card.salon-project img {
  max-width: 190px;
}

.image-card.c3-wellness-spa img {
  max-width: 98px;
}

.grid-1 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  grid-template-rows: 94px;
  /* height: calc(100% - 20px); */
}

.grid-1-subgrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.grid-1 .image-card.neverland {
  grid-column: span 2;
}

.grid-2 {
  display: grid;
  gap: 10px;
  grid-template-rows: 94px;
  /* height: calc(100% - 20px); */
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  grid-template-rows: 100px;
  /* height: calc(100% - 20px); */
}

.grid-3-subgrid {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 10px;
  grid-row: span 2;
}

.image-card.salon-project {
  grid-row: span 2;
}

/* Customer reviews */
section.customer-reviews {
  overflow-x: hidden;
}
section.customer-reviews .review-wrapper {
  border-radius: 50px;
  background-color: #3d295f;
  text-align: center;
  position: relative;
  overflow: hidden;
}

section.customer-reviews .review-wrapper .testimonial-wrapper {
  padding: 20px 60px 20px;
}

.bg-image-wrapper {
  max-height: 240px;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.bg-image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.2);
}

.company-section {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-align: left;
  color: white;
  margin-bottom: 16px;
}

.company-section h6 {
  font-weight: 700;
  font-size: 20px;
  line-height: 33.28px;
  color: #fff;
  margin-bottom: 0;
}

.company-section span {
  font-size: 15px;
  line-height: 24px;
  color: #cecbd4;
}

.company-section .logo {
  width: 86px;
  height: 86px;
  min-height: 86px;
  min-width: 86px;
  border-radius: 50%;
  border: 5px solid #ffc300;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  overflow: hidden;
}

.bg-image-wrapper img {
  object-fit: cover;
  height: 240px;
  object-position: center -92px;
}

.bottom-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
}

.bottom-sec .review-author {
  text-align: left;
}

.bottom-sec a.read-story {
  color: #f59e0b;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 25.6px;
}

body.single-post #page .review-wrapper {
  border-radius: 50px;
  background-color: #3d295f;
  padding: 60px 60px 100px;
  text-align: center;
  position: relative;
}
section.customer-reviews h4 {
  color: #ffffff;
  margin-bottom: 40px;
}
section.customer-reviews .review-content p {
  color: #f6f2fb;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}
section.customer-reviews .review-author p.name {
  /* color: #f2a62e; */
  color: #ffffff;
  /* font-size: 18px; */
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 4px;
  font-family: "Gilroy-SemiBold";
}
.review-author p.details {
  opacity: 0.7;
  /* color: #ffffff; */
  color: #cecbd4;
  /* font-size: 16px; */
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  font-family: "Gotham-BookItalic";
}
section.customer-reviews .tns-nav button {
  padding: 4px;
  border-radius: 50px;
  color: #ffffff;
  margin: 0 4px 40px 4px;
  opacity: 0.41;
}
section.customer-reviews .tns-nav button.tns-nav-active {
  opacity: 1;
}
section.customer-reviews .tns-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.customer-reviews .logo-wrapper {
  max-width: 180px;
  margin: 0 auto 30px;
}
section.customer-reviews .bg-wrapper {
  background-image: url(https://bookingbee.ai/wp-content/themes/bee/images/video.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 50px;
}
section.customer-reviews .bg-wrapper .box-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  min-height: 350px;
}
section.customer-reviews .bg-wrapper .video-wrapper {
  max-width: 70px;
}
section.customer-reviews .bg-wrapper h5 {
  color: #ffffff;
}
section.customer-reviews .bg-wrapper h3 {
  color: #ffffff;
  margin-bottom: 25px;
}
section.customer-reviews .bg-wrapper .video-wrapper img {
  cursor: pointer;
  transition: 0.6s;
}
section.customer-reviews .bg-wrapper .video-wrapper img:hover {
  transform: scale(1.1);
}
section.customer-reviews .review-content p img {
  width: 24px;
  position: absolute;
}
section.customer-reviews .review-content p img.left {
  left: 0px;
  top: -20px;
}
section.customer-reviews .review-content p img.right {
  right: 0;
  bottom: -15px;
}
/* AI */
section.bookingbee-ai h3 {
  color: #ffffff;
  text-align: center;
  margin-bottom: 30px;
}
section.bookingbee-ai {
  background: #11002b;
}
section.bookingbee-ai .icon-wrapper img {
  max-width: 38px;
}
section.bookingbee-ai .box-wrapper p.title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 29px;
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
}
/* section.bookingbee-ai .box-wrapper p { opacity: 0.7; color: #FFFFFF; font-size: 16px; font-weight: 300; letter-spacing: 0; line-height: 26px; text-align: center; } */
section.bookingbee-ai .box-wrapper p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
}
/* section.bookingbee-ai .box-wrapper { opacity: 0.8; border-radius: 50px; background-color: #3D295F; padding: 40px 60px; margin: auto;} */
section.bookingbee-ai .box-wrapper {
  border-radius: 50px;
  background-color: #3d295f;
  padding: 40px 60px;
  margin: auto;
}
section.bookingbee-ai .icon-wrapper {
  text-align: center;
  margin-bottom: 20px;
}
section.bookingbee-ai button {
  background: none;
  border: none;
  padding: 0 5px;
}
section.bookingbee-ai button img {
  max-width: 30px;
}
section.bookingbee-ai .active-slide .box-wrapper {
  opacity: 1;
  transform: translateY(-20px);
}
section.bookingbee-ai .service-slider-wrapper {
  padding: 40px 0;
}
section.bookingbee-ai .active-slide .box-wrapper p {
  opacity: 1;
}
section.integrations .btn-wrapper a.bee-primary-btn {
  border-radius: 24px;
  border: 1px solid #632DBA;
  background: #EFEAF8;
  display: flex;
  padding: 3px 18px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #632DBA;
  font-family: 'Gilroy-Bold', sans-serif;
  font-size: 15px;
  min-height: 38px;
}

section.CTA .book-appointment-wrapper {
  text-align: center;
}
section.CTA .book-appointment-wrapper h3 {
  font-size: 60px;
  line-height: 71px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1;
  color: #ffffff;
  margin-bottom: 30px;
  font-family: "Gilroy-SemiBold";
}
section.CTA .book-appointment-wrapper p {
  opacity: 0.8 !important;
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 30px;
}
section.CTA .book-appointment-wrapper img {
    max-width: 620px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 60px auto 0;
}
section.CTA .book-appointment-wrapper a.bee-primary-btn {
  border-radius: 30px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-Bold";
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  padding: 18px 38px;
  text-transform: uppercase;
  display: inline-block;
}

.bee-primary-btn.yellow-btn {
  background-color: #FFC107 !important;
  color: #190041 !important;
  border-color: #FFC107 !important;
}
section.CTA .book-appointment-wrapper p.no-credit {
  opacity: 0.8 !important;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 30px;
  margin: 10px 0;
  font-family: "Gotham-BookItalic";
}
section.CTA {
  background: #11002b;
  /* padding-bottom: 0; */
}

/* section.ourAI .left-column { flex: 1; overflow-y: auto; } 
  section.ourAI .right-column { flex: 1; position: sticky; top: 0; } */

/* Out Story */
body.page-template.page-template-OurStory {
  background: #11002b;
}
section.our-story-top {
  padding-top: 150px;
}
section.our-story-top .content-wrapper {
  /* max-width: 1186px; */
  text-align: center;
  margin-bottom: 100px;
}
section.our-story-top .content-wrapper h1 {
  color: #ffffff;
  line-height: 46px;
  position: relative;
  margin-bottom: 0;
  font-size: 59px;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Gilroy-Bold";
}
section.our-story-top .content-wrapper p {
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 0;
  margin-top: -30px;
}
section.our-story-top .content-wrapper h1 img {
  /* position: absolute;
	bottom: -8px;
	left: 50%;
	width: 75%;
	transform: translateX(-50%); */
  margin: -10px auto 0 -110px;
  max-width: 60%;
}
section.our-story-top .chat-wrapper {
  /* display: flex; */
  padding-top: 60px;
  position: relative;
}
section.our-story-top .chat-wrapper .bee-img img {
  max-width: 350px;
}
section.our-story-top .chat-wrapper .chat-icon {
  position: relative;
  width: 93px;
  top: 12px;
}
section.our-story-top .chat-wrapper .chat-icon img {
  max-width: 94px;
  position: absolute;
  top: 120px;
}
section.our-story-top .chat-wrapper .chat-box .user-icon-box {
  width: 48px;
  min-width: 48px;
}
section.our-story-top .chat-wrapper .flex-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
section.our-story-top .chat-wrapper .chat-box.left {
  max-width: 620px;
  transform: translate(-7px, -95px);
  color: #ffffff;
  padding: 20px 40px 20px 20px;
  border-radius: 50px 100px 100px 10px;
  background-color: #632dba;
}
section.our-story-top .chat-wrapper .audio-icon {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
section.our-story-top .chat-wrapper .chat-box p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 0;
}

section.our-story-top .chat-wrapper .bee-img {
  position: relative;
}

section.our-story-top .chat-wrapper .bee-img::before {
  background-image: url(images/beeshadow.svg);
  position: absolute;
  content: "";
  background-size: 100%;
  width: 300px;
  height: 250px;
  z-index: -1;
  bottom: -90px;
  left: 50%;
  transform: translateX(-50%);
}

.grid-image-with-content.content-white h4,
.start-a-trail.content-white h2,
.start-a-trail.content-white p,
.start-a-trail.content-white span {
  color: #fff !important;
}

.grid-image-with-content.content-white p {
  color: #cecbd4 !important;
  margin-bottom: 24px;
}

.grid-image-with-content.content-white p strong {
  font-weight: 700 !important;
}

section.grid-image-with-content .heading.large-size h2 {
  font-size: 90px;
  color: #fff;
  line-height: 88px;
  margin-bottom: 0;
  /* padding: 0 0 50px 0;
  text-align: center; */
}

section.grid-image-with-content .heading h2 {
  color: #11002b;
  font-family: "Gilroy-Bold";
  font-size: 60px;
  line-height: 75px;
  /* text-align: center;
  max-width: 85%;
  margin: 0 auto -20px; */
}

.grid-image-with-content .heading img {
  max-width: 80%;
  margin-bottom: 25px;
}

/* body.parent-pageid-579 section.grid-image-with-content .heading.small-size h2 {
    font-size: 50px;
    line-height: 65px;
} */

.grid-image-with-content .feature-item .grid-img-layer,
.grid-image-with-content .feature-item .grid-text-layer,
.bg-footer-layer {
  position: relative;
}

.grid-image-with-content .feature-item .grid-img-layer::before {
  content: "";
  background-image: url(images/Grid-Img-BG.svg);
  background-size: 100%;
  width: 638px;
  height: 638px;
  z-index: -1;
  position: absolute;
  top: 15%;
  transform: translateY(-50%);
  right: 20%;
}

.grid-image-with-content
  .feature-item.flex-row-reverse
  .grid-img-layer::before {
  left: 70px;
  right: inherit;
  top: 30%;
}

.grid-image-with-content .feature-item .grid-text-layer::before {
  content: "";
  background-image: url(images/Grid-Text-BG.svg);
  background-size: 100%;
  width: 611px;
  height: 611px;
  z-index: -1;
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  left: 0;
}

.grid-image-with-content
  .feature-item.flex-row-reverse
  .grid-text-layer::before {
  right: 0;
  left: inherit;
}

.bg-footer-layer::before {
  content: "";
  background-image: url(images/Footer-shadow-1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 620px;
  height: 552px;
  /* z-index: -1; */
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.bg-footer-layer::after {
  content: "";
  background-image: url(images/Footer-shadow-2.svg);
  background-size: 100% 120%;
  background-repeat: no-repeat;
  width: 340px;
  height: 460px;
  /* z-index: -1; */
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
}

section.who_we_are {
  padding-top: 30px;
}
section.who_we_are .container {
  border-bottom: 1px solid hsl(0deg 0% 100% / 30%);
}
section.who_we_are span.section-heading {
  color: #11002b;
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 12px;
  background-color: #ffeed0;
  line-height: 1.2;
  padding: 8px 23px;
}
section.who_we_are .accordian-wrapper .accordion-header img {
  max-width: 40px;
}
section.who_we_are
  .accordian-wrapper
  .accordion-header
  img.accordion-icon.minus {
  transform: rotate(180deg);
}
section.who_we_are .accordian-wrapper {
  padding: 100px 0;
}
section.who_we_are .accordian-wrapper .accordion {
  margin-bottom: 80px;
}
section.who_we_are .accordian-wrapper .accordion-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: 0;
  color: #ffffff;
  line-height: 1.2;
}
section.who_we_are .accordian-wrapper .accordion-header:hover {
  color: #ffb600;
}
section.who_we_are .accordian-wrapper .accordion-content {
  display: none;
  padding-top: 50px;
}
section.who_we_are .accordian-wrapper .accordion-content p {
  font-size: 16px;
  color: #cecbd4;
  line-height: 2;
}
section.who_we_are .accordian-wrapper .accordion-content strong {
  color: #ff3c69;
}
section.who_we_are .accordian-wrapper .accordion-icon {
  transition: transform 0.3s ease;
}
section.who_we_are .accordian-wrapper .accordion.active .accordion-icon.plus {
  display: none;
}
section.who_we_are .accordian-wrapper .accordion.active .accordion-header span {
  color: #ffb600;
}
section.who_we_are
  .accordian-wrapper
  .accordion:not(.active)
  .accordion-icon.minus {
  display: none;
}
section.who_we_are .accordian-wrapper .accordion-icon.rotate {
  transform: rotate(180deg);
}
section.who_we_are .accordian-wrapper .accordion-header span {
  max-width: 943px;
}

section.team span.section-tag {
  color: #11002b;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 8px 20px;
  border-radius: 12px;
  background-color: #fceccf;
  line-height: 1.2;
}
section.team h3 {
  font-size: 70px;
  letter-spacing: 0;
  color: #ffffff;
  line-height: 77px;
  margin: 26px 0 34px;
  font-family: "Gilroy-SemiBold";
}
section.team a.team {
  color: #ffb600;
  font-size: 20px;
  font-family: "Gilroy-SemiBold";
  letter-spacing: 0;
  line-height: 22px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
section.team a.team img {
  width: 16px;
  transform: rotate(270deg);
  margin: 0 6px;
  margin-bottom: -3px;
}

section.team .content-wrapper {
  padding-left: 50px;
  padding-top: 85px;
}

.team.col-auto:nth-child(2) {
  padding-top: 40px;
}

section.team .team-wrapper {
  /* display: flex;
	justify-content: flex-end; */
  column-gap: 30px;
  row-gap: 30px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}
section.team .team-wrapper .img-wrapper {
  display: flex;
  max-width: 360px;
  flex-wrap: wrap;
  justify-content: center;
}
section.team .team-wrapper .img-wrapper p.name {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  width: 100%;
  margin: 23px 0 18px;
}
section.team .team-wrapper .img-wrapper p.dest {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}
section.team .team-wrapper .img-wrapper .social-media img {
  width: 14px;
}
section.team .team-wrapper .img-wrapper .social-media {
  display: flex;
  gap: 10px;
}

section.team .team-wrapper .img-wrapper .social-media a {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.opportunity {
  border-radius: 60px;
  background-color: #3d295f;
  position: relative;
}
section.opportunity .opportunity-wrapper {
  /* background-color: #632dba; */
  /* border-radius: 60px; */
  background-image: url(images/bg-opportunity.svg);
  background-repeat: no-repeat;
  min-height: clamp(10vw, 52vw, 716px);
  background-size: 100% clamp(10vw, 55vw, 716px);
  position: relative;
}
section.opportunity .opportunity-wrapper::before {
  content: "";
  background-repeat: no-repeat;
  background-size: clamp(10vw, 30vw, 420px);
  background-image: url(images/Oppertunity-illustartion.png);
  position: absolute;
  top: 48px;
  z-index: 0;
  width: clamp(10vw, 30vw, 420px);
  bottom: 0;
  left: 70px;
  overflow: hidden;
}

section.opportunity .content-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 70px;
}

section.opportunity .opportunity-wrapper .col-md-5 {
  height: 100%;
  min-height: clamp(10vw, 52vw, 716px);
  display: flex;
  align-items: flex-end;
}

section.opportunity .opportunity-wrapper .our-cluture > img {
  width: 100%;
  padding-right: 32px;
  cursor: pointer;
  border-radius: 52px;
  max-height: 315px;
}

section.opportunity .our-cluture:not(:has(.culture-video)) {
  pointer-events: none;
}

section.opportunity .opportunity-wrapper .our-cluture .culture-video {
  width: 100%;
  padding-right: 32px;
  display: none;
}

section.opportunity .opportunity-wrapper-mobile .our-cluture .culture-video {
  display: none;
}

section.opportunity .content-wrapper h3 {
  font-size: 70px;
  font-family: "Gilroy-SemiBold";
  letter-spacing: 0;
  line-height: 77px;
  color: #ffffff;
  margin-bottom: 22px;
  max-width: 630px;
}

section.opportunity .content-wrapper .heading,
section.opportunity .content-wrapper,
section.opportunity .opportunity-wrapper .col-md-7 {
  position: relative;
}

section.opportunity .content-wrapper::before {
  content: "";
  background-image: url(images/Op-triangle.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
  position: absolute;
  width: 20px;
  height: 21px;
  left: 35%;
  top: 50px;
}

section.opportunity .content-wrapper::after {
  content: "";
  background-image: url(images/op-star.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
  position: absolute;
  width: 23px;
  height: 23px;
  right: 105px;
  bottom: 38px;
}

section.opportunity .opportunity-wrapper .col-md-7::after {
  content: "";
  background-image: url(images/op-circle.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
  position: absolute;
  width: 23px;
  height: 23px;
  left: 100px;
  bottom: 61px;
}

section.opportunity .content-wrapper .heading::before {
  content: "";
  background-image: url(images/op-header.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
  position: absolute;
  width: 57px;
  height: 72px;
  left: -45px;
  top: -40px;
}

section.opportunity .content-wrapper .heading::after {
  content: "";
  background-image: url(images/op-heading-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
  position: absolute;
  width: 85px;
  height: 65px;
  right: 0px;
  top: 12px;
}

section.opportunity .content-wrapper p {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 10px;
}

section.opportunity a.btn.btn-view-all {
  border-radius: 20px 20px 60px 20px;
  background-color: #ff3c69;
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
  padding: 18px 54px 18px 24px;
  border-color: #ff3c69;
  margin-top: 20px;
}

section.opportunity a.btn.btn-view-all img {
  max-width: 20px;
  position: relative;
  right: -20px;
}

section.opportunity .our-cluture .button-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

section.opportunity .our-cluture {
  position: relative;
}

section.opportunity .our-cluture h5 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 33px;
  color: #fff;
  font-family: "Gilroy-SemiBold";
}

section.opportunity .button-wrapper img {
  max-width: 85px;
}

.our-story .start-a-trail p {
  max-width: 720px;
}

section.start-a-trail {
  padding: 100px 0 70px 0;
}

h1.entry-title {
  display: none;
}

/* footer */
footer#footerBee {
  background: #11002b;
  padding: 90px 0;
}
footer#footerBee .footer-bottom .address-info p.name {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Gilroy-Bold";
}
footer#footerBee .footer-bottom p.address {
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 24px;
  max-width: 220px;
  margin-bottom: 5px;
}
footer#footerBee .footer-bottom p.address span,
footer#footerBee .footer-bottom p.address a {
  opacity: 0.7;
}
footer#footerBee .footer-bottom .social-media {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
footer#footerBee .footer-bottom .social-media a.social-link {
  opacity: 0.77;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}
footer#footerBee .footer-bottom .social-media a.social-link:hover,
footer#footerBee .footer-bottom .terms-links a.term-link:hover {
  opacity: 1;
}
footer#footerBee .footer-bottom .copy-rights {
  text-align: right;
  padding: 30px 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  font-family: "Gilroy-SemiBold";
}
footer#footerBee .footer-bottom .terms-links {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}
footer#footerBee .footer-bottom .terms-links a.term-link {
  opacity: 0.77;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}
footer#footerBee .footer-bottom ul#menu-name {
  list-style: none;
  padding: 0;
}
footer#footerBee .footer-bottom ul#menu-name a {
  opacity: 0.77;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 34px;
  text-decoration: none;
  font-family: "Gotham-Book";
}
footer#footerBee .footer-bottom ul#menu-name a:hover {
  opacity: 1;
}
footer#footerBee .footer-bottom p.address a:hover {
  opacity: 1;
}
footer#footerBee .footer-bottom p.address a {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
footer#footerBee .book-appointment-wrapper {
  padding-bottom: 60px;
}

/* Animation */
section.first-fold .circle-wrapper {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  right: 50px;
  position: absolute;
}
section.first-fold .circle-wrapper:before,
section.first-fold .circle-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #61587f;
  border-radius: 50%;
}
section.first-fold .circle-wrapper:before {
  animation: ripple 2s linear infinite;
}
section.first-fold .circle-wrapper:after {
  animation: ripple 2s linear 1s infinite;
}
@keyframes ripple {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
    border-color: #3d3160;
  }
}

/* Blog page */
.filters h1 {
  color: #190041;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 63px;
  margin-bottom: 30px;
  font-family: "Gilroy-Bold";
}
.ajax-posts-wrapper .post-image-wrapper {
  position: relative;
  height: 320px;
}
.ajax-posts-wrapper .post-image-wrapper img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  border-radius: 40px;
}
.ajax-posts-wrapper .post-image-wrapper h2 {
  padding: 30px 36px;
  position: absolute;
  width: 95%;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 30px;
  color: #190041;
  border-radius: 40px;
  box-shadow: 0 -15px 20px 1px rgba(0, 0, 0, 0.1),
    0 -11px 20px 1px rgb(0, 0, 0, 0.1);
}
.ajax-posts-wrapper .post-wrapper {
  margin-bottom: 30px;
}
section.home-blogs {
  padding: 80px 0;
}
section.home-blogs .filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
section.home-blogs .filters ul li {
  margin: 0;
}
section.home-blogs .filters ul li p {
  color: #85749f;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0;
  cursor: pointer;
}
section.home-blogs .filters ul li p.active {
  text-decoration: underline;
}
.ajax-posts-wrapper .post-image-wrapper img.icon {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -20px;
  right: 20px;
  opacity: 0;
  transition: 0.8s;
}
.ajax-posts-wrapper .post-image-wrapper a:hover img.icon {
  opacity: 1;
}

/* Pagination */
.pagination {
  margin-top: 20px;
  text-align: center;
}
.pagination .page-numbers {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 2px;
  background-color: #f2f2f2;
  border-radius: 3px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.pagination .page-numbers:hover {
  background-color: #632dba;
  color: #ffffff;
}
.pagination .current {
  background-color: #632dba;
  color: #fff;
}

section#innerpage_banner {
  padding-bottom: 0;
}
section#innerpage_content {
  padding-top: 40px;
}

/* Contact Us */

.bg-layer {
  position: relative;
}

.contact-us {
  min-height: calc(100vh - 200px);
  background-color: #11002b;
  padding-top: 125px;
}

.contact-us::before,
.bg-layer::before {
  content: "";
  position: absolute;
  background-image: url("images/contact-left-layer.svg");
  background-size: contain;
  background-position: center;
  width: 500px;
  height: 500px;
  background-repeat: no-repeat;
  left: -128px;
  top: 50px;
  z-index: 0;
}

.contact-us::after {
  content: "";
  position: absolute;
  background-image: url("images/contact-bottom-layer.svg");
  background-size: contain;
  background-position: center;
  width: 620px;
  height: 535px;
  background-repeat: no-repeat;
  bottom: -88px;
  left: 50%;
  transform: translateX(-50%);
}

.contact-us h1 {
  color: #ffffff;
  font-family: "Gilroy-Black";
  /* font-size: 60px;
  font-weight: 900;
  line-height: 75px; */
  margin-bottom: 16px;
}

.contact-us p {
  color: #cecbd4;
  font-size: 16px;
  line-height: 32px;
}

.contact-details {
  margin-top: 34px;
  max-width: 320px;
  z-index: 1;
  position: relative;
}

.contact-details h4 {
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 30px;
}

.contact-details ul {
  color: rgb(255 255 255 / 70%);
  list-style: none;
  padding-left: 0rem;
  margin-left: 1.5rem;
  font-size: 13px;
  font-weight: 300;
  line-height: 24px;
}

.contact-details ul li {
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.contact-details ul li a {
  text-decoration: none;
  color: rgb(255 255 255 / 70%);
}

.contact-details ul li a:hover {
  color: #fff;
}

.contact-details ul li strong {
  font-size: 16px;
  line-height: 19px;
  display: block;
  color: #fff;
  font-family: "Gilroy-SemiBold";
  margin-bottom: 10px;
}

.contact-card {
  border-radius: 50px;
  background-color: #3d295f;
  padding: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.contact-card p {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 40px;
}

.contact-card iframe {
  border: 0;
  width: 100%;
  min-height: 450px;
}

/* Schedule a Demo */

section.schedule-a-demo {
  min-height: calc(100vh - 335px - 98px);
  background-color: #11002b;
  position: relative;
  padding: 50px 0;
}

.schedule-a-demo::before {
  content: "";
  position: absolute;
  background-image: url("images/contact-left-layer.svg");
  background-size: contain;
  background-position: center;
  width: 500px;
  height: 500px;
  background-repeat: no-repeat;
  left: -128px;
  top: 125px;
}

/* .schedule-a-demo::after {
	content: "";
	position: absolute;
	background-image: url("images/contact-left-layer.svg");
	background-size: contain;
	background-position: center;
	width: 500px;
	height: 500px;
	background-repeat: no-repeat;
	right: -128px;
	top: 125px;
  } */

.calendly-spinner > div {
  background-color: #fff !important;
}

/*****
	  Solutions Pages
  *****/

.solutions-page {
  background: linear-gradient(
    297.24deg,
    rgba(17, 0, 43, 0.05) 0%,
    rgba(255, 182, 0, 0.1) 40%,
    rgba(99, 45, 186, 0.1) 70%,
    rgba(255, 255, 255, 0.8) 100%
  );
}

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

.banner-content h1 {
  color: #11002b;
  /* font-family: "Gilroy-Black"; */
  /* font-size: 60px;
  line-height: 75px; */
  text-align: center;
  /* max-width: 78%;
  margin: 0 auto -20px; */
}

.banner-content img {
  margin-bottom: 25px;
  max-width: 80%;
}

/* .banner-content h1 img,
.banner-content h1 svg */
/* section.grid-image-with-content .heading.small-size h2 img {
  margin: -60px auto 0 55px;
  max-width: 83%;
} */

/* section.grid-image-with-content .heading.small-size h2 img {
  max-width: 80%;
} */

.banner-content p {
  color: #11002b;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}

.solutions-page .banner-content .button-wrapper .btn-primary-trial,
.banner-content .button-wrapper .btn-primary-trial {
  border-radius: 12px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  padding: 19px 32px;
  text-transform: uppercase;
}

.solutions-page .banner-content .button-wrapper span {
  color: #ff644d;
  font-size: 13px;
  font-style: italic;
  font-weight: 500;
  line-height: 16px;
  margin-top: 16px;
}

.grid-image-with-content a.btn.btn-primary-learn-more {
  border-radius: 30px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-Bold";
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  padding: 16px 36px;
  margin-top: 24px;
}

.grid-image-with-content h3 {
  color: #11002b;
  font-family: "Gilroy-Bold";
  font-size: 40px;
  line-height: 49px;
  margin-bottom: 30px;
}

.grid-image-with-content p {
  color: #11002b;
  font-size: 16px;
  line-height: 32px;
}

strong,
.grid-image-with-content strong {
  font-weight: 700 !important;
}

.grid-image-with-content img {
  max-width: 554px;
  border-radius: 66px;
  max-height: 530px;
}

.grid-image-with-content {
  padding: 50px 0 70px;
}

.grid-image-with-content .feature-item {
  padding: 50px 0;
}

.start-a-trail h2 {
  color: #11002b;
  font-family: "Gilroy-SemiBold";
  font-size: 60px;
  line-height: 71px;
  text-align: center;
  margin-bottom: 19px;
}
.start-a-trail p {
  opacity: 0.8 !important;
  color: #11002b;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
  margin-bottom: 30px;
  max-width: calc(100% - 50px);
  margin-inline: auto;
}

.start-a-trail .dynamic :not(:is(span, p)) {
  color: #ff644d;
  font-family: "Gilroy-SemiBold";
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  margin-bottom: 20px;
}

/* .start-a-trail h2 + p {
	margin-bottom: 24px;
  } */

.start-a-trail .button-wrapper .btn-primary-trial {
  border-radius: 30px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-Bold";
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  padding: 18px 38px;
  text-transform: uppercase;
}

.start-a-trail .button-wrapper span {
  color: #11002b;
  opacity: 0.8 !important;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
}

/* 1. Salon Softtware */

/* Page-Not-Found */

.error-page {
  background: linear-gradient(
    325.57deg,
    rgba(17, 0, 43, 0.05) 0%,
    rgba(255, 182, 0, 0.1) 40%,
    rgba(99, 45, 186, 0.1) 70%,
    rgba(255, 255, 255, 0.8) 100%
  );
}

.error-404 h1 {
  font-family: "Gilroy-Bold";
}

.error-404 p {
  margin-bottom: 16px;
}

.error-404 form.search-form {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.error-404 input.search-field,
.error-404 #archives-dropdown--1 {
  border: 1px solid #85749f;
  padding: 8px 20px;
  border-radius: 4px;
}

.error-404 input.search-field:focus,
.error-404 #archives-dropdown--1:focus {
  outline: 0;
}

.error-404 input.search-submit {
  background: #ff3c69;
  border: 1px solid #ff3c69;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  padding: 14px 20px;
  font-family: "Gilroy-SemiBold";
  min-width: 120px;
}

.error-404 select#archives-dropdown--1 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='m0,6l12,12l12,-12l-24,0z'/><path fill='none' d='m0,0l24,0l0,24l-24,0l0,-24z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 20px);
  background-position-y: 17px;
  padding: 8px 40px 8px 16px !important;
  cursor: pointer;
  background-size: 12px;
}

.image-404 img {
  max-width: 600px;
}

/* Pricing Page */

.pricing .offersection .offer-card {
  background: #632dba;
  border-radius: 50px;
  padding: 16px 54px;
  column-gap: 54px;
}

.pricing .offersection .content-section {
  padding: 16px 0;
}

.pricing .offersection .w-75 {
  max-width: 1140px;
  width: 100% !important;
}

.pricing .offersection .content-section :is(h2, h4) {
  font-family: "Gilroy-Bold";
  font-size: 48px;
  line-height: 58px;
  margin-bottom: 0;
}

.pricing .offersection .content-section :is(p, div) {
  margin: 10px 0;
}

.pricing .offersection .content-section :is(h3, h5, h6) {
  font-size: 20px;
  line-height: 24px;
  font-family: "Gilroy-Bold";
  margin: 15px 0;
}

.pricing .offersection .content-section .btn-full-access {
  border-radius: 18px;
  background-color: #ff3c69;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  padding: 7px 20px;
  text-decoration: none;
  min-height: 36px;
  display: inline-block;
}

.pricing .offersection .content-section :is(h2, p, div) {
  color: #fff;
}

.pricing .offersection .content-section :is(h3, h4, h5, h6) {
  color: #ffb600;
}

section.offersection {
  padding-bottom: 0;
}

.pricing .banner-content {
  padding: 70px 0 60px;
}

.pricing .banner-content .text-area span {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1rem;
  display: block;
}

.pricing .banner-content .text-area h1 {
  /* color: #190041;
  font-family: "Gilroy-Black";
  font-size: 60px;
  line-height: 75px; */
  text-align: center;
  max-width: 940px;
  margin: 0 auto 20px;
}

.pricing .banner-content .text-area p {
  color: #190041;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  /* max-width: 640px; */
  margin: 0 auto;
}

.pricing .banner-content .price-card {
  /* border-radius: 30px; */
  border-radius: 60px;
  background-color: #ffffff;
  /* box-shadow: 0 7px 24px 0 rgba(25, 0, 65, 0.1); */
  box-shadow: 0px 20px 100px 0px rgba(25, 0, 65, 0.1);
  padding: 16px 20px 40px;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  padding: 40px 60px;
}

.pricing .price-card .icon-wrapper {
  max-height: 120px;
}

.pricing .price-card .icon-wrapper img {
  max-width: 100%;
  width: auto;
}

.pricing .price-card .text-wrapper h3 {
  /* color: #3e206d; */
  color: #190041;
  font-size: 40px;
  line-height: 48px;
  /* font-size: 24px; */
  letter-spacing: 0;
  /* line-height: 26px; */
  /* text-align: center; */
  font-family: "Gilroy-SemiBold";
  margin-bottom: 5px;
}

.pricing .price-card .text-wrapper p {
  color: #190041;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0;
}

.pricing .price-card .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* align-items: center; */
  /* text-align: center; */
}

.pricing .price-card .price-section .large {
  color: #632dba;
  font-family: "Gilroy-Bold";
  font-size: 120px;
  /* font-size: 40px; */
  letter-spacing: 0;
  line-height: 120px;
  /* line-height: 49px; */
  margin-bottom: 0;
}

.pricing .price-card .price-card-body {
  display: flex;
  flex-direction: column;
  /* gap: 40px; */
  gap: 24px;
  align-items: flex-start;
  margin-top: 20px;
}

.pricing .price-card .price-section .large svg {
  width: 20px;
  height: 40px;
}

.pricing .price-card .price-section span {
  /* color: #85749f; */
  color: #190041;
  /* font-size: 14px; */
  font-size: 16px;
  letter-spacing: 0;
  /* line-height: 16px; */
  list-style: 19px;
}

/* .pricing .price-card .price-section sup {
	top: -10px;
  } */

.pricing .price-card ul {
  padding: 0;
  /* margin: 0 auto; */
  margin: 0;
  list-style: none;
}

.pricing .price-card ul li {
  color: #190041;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
  /* display: flex;
	align-items: flex-start;
	gap: 8px; */
  padding-left: 24px;
  position: relative;
}

.pricing .price-card ul li::before {
  content: "";
  background-image: url("images/check-circle.svg");
  position: absolute;
  left: 0;
  z-index: 1;
  width: 16px;
  display: inline-block;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  height: 16px;
}

/* .pricing .price-card ul li svg {
	min-width: 16px;
  } */

.pricing .price-card ul li:not(:last-child) {
  margin-bottom: 20px;
}

.pricing .price-card .start-btn {
  border-radius: 12px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
  font-size: 16px;
  line-height: 20px;
  padding: 15px 26px;
  /* align-self: center; */
  text-decoration: none;
}

.price-tab {
  padding: 40px 0;
}

.price-tab ul.nav-pills {
  width: auto;
  display: inline-flex;
  margin: 0;
  background: #eeecf2;
  border-radius: 23px;
  min-width: 208px;
  min-height: 40px;
  padding: 4px;
  margin-bottom: 60px;
}

.price-tab ul li.nav-item {
  display: flex;
  align-items: center;
}

.price-tab ul li.nav-item .nav-link {
  color: #190041;
  font-family: "Gilroy-SemiBold";
  font-size: 15px;
  letter-spacing: 0;
  line-height: 17px;
  padding: 11px 30px;
  border-radius: 19px;
  background: transparent;
  display: flex;
  align-items: center;
}

.price-tab ul li.nav-item .nav-link.active {
  border-radius: 19px;
  background-color: #fefdfe;
  box-shadow: 0 4px 18px 0 rgba(18, 22, 57, 0.1);
  color: #632dba;
}

.price-tab .grid {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  /* grid-template-columns: repeat(12, 1fr); */
  gap: 20px;
  max-width: 860px;
  margin: 0 auto;
}

.price-tab.price-on-off .grid {
  grid-template-columns: repeat(12, 1fr);
  max-width: 1132px;
  padding: 0 16px;
}

.price-tab .g-col-lg-4 {
  grid-column: auto / span 4;
}

.price-tab.price-on-off .price-card {
  box-shadow: 0px 20px 50px -12px #00000014;
  border: 2.5px solid #F0EEFF;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 30px 26px 40px;
  height: 100%;
}

.price-tab.price-on-off .price-card.medium {
    border-color: #10B981;
}

.price-tab.price-on-off .price-card .icon-wrapper {
  text-align: center;
}

.price-tab.price-on-off .price-card .text-wrapper h3 {
  font-size: 24px;
  line-height: 28.8px;
}

.price-tab.price-on-off .price-card .text-wrapper p,
.price-tab.price-on-off .price-card .price-section span {
  font-size: 13px;
  line-height: 24px;
  color: #3E2960B2;
  text-align: left;
}

.price-tab.price-on-off  .price-card .price-section .large {
  font-size: 48px;
  line-height: 48px;
}

.price-tab.price-on-off  .price-card .price-section .large sup {
    font-size: 20px;
    top: -22px;
}

.price-tab.price-on-off .price-card .price-section .large svg {
    width: 11px;
    height: 22px;
}

.price-tab.price-on-off .price-card .price-card-body {
  gap: 12px;
}

.price-tab.price-on-off .price-card .feature-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #F0EEFF;
    border-radius: 8px;
    padding: 4px 20px;
    gap: 10px;
    width: 100%;
    max-width: 240px;
}

.price-tab.price-on-off .price-card .feature-list p {
    margin: 0;
    color: #160439;
    font-size: 13px;
    line-height: 20px;
}

.price-tab.price-on-off .price-card .start-btn {
    margin-top: 12px;
    width: 100%;
    max-width: 240px;
    padding: 14px 26px;
    text-align: center;
}

.choose-us {
  margin-top: 1rem;
}

.choose-us h6 {
  font-size: 16px;
  font-weight: 700;
  line-height: 19.36px;
  margin-bottom: 1.25rem;
}

.choose-us .radio-input {
  display: flex;
  /* flex-direction: column; */
  gap: 20px;
}

.choose-us .radio-input * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.choose-us .radio-input label {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0px 20px;
  width: 364px;
  height: 130px;
  cursor: pointer;
  position: relative;
}

.choose-us .radio-input label::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 364px;
  height: 130px;
  z-index: -1;
  border-radius: 20px;
  /* transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	border-radius: 10px;
	border: 2px solid transparent; */
  border: 1px solid;
  border-image-source: linear-gradient(94.61deg, #f3f3ff 0%, #e0e0ec 100%);
  background: linear-gradient(94.61deg, #f2f2ff 0%, #e0e0ec 100%);
}
.choose-us .radio-input label:hover::before {
  transition: all 0.2s ease;
  background-color: #2a2e3c;
}

.choose-us .radio-input .label:has(input:checked)::before {
  border: 1px solid;
  border-image-source: linear-gradient(94.61deg, #457fff 0%, #a7bcea 100%);
  background: linear-gradient(94.61deg, #f0f5ff 0%, #d9e5ff 100%);
}
.choose-us .radio-input .label .text {
  color: #190041;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.choose-us .radio-input .label .text p {
  font-size: 15px;
  line-height: 22px;
  color: #190041;
}

.choose-us .radio-input .label .text span {
  color: #632dba;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
}

.choose-us .radio-input .label .text span span {
  color: #5c4978;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.36px;
}

.choose-us .radio-input .label input[type="radio"] {
  background-color: #c5bbd4;
  appearance: none;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.choose-us .radio-input .label input[type="radio"]:checked {
  background-color: #457fff;
  -webkit-animation: puls 0.7s forwards;
  animation: pulse 0.7s forwards;
}

.choose-us .radio-input .label input[type="radio"]:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(73, 73, 112, 1);
  transform: scale(0);
}

.choose-us .radio-input .label input[type="radio"]:checked::before {
  transform: scale(1);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.compare-plan h4 {
  font-size: 40px;
  line-height: 50px;
  color: #190041;
  font-family: 'Gilroy-Black';
  margin-bottom: 16px;
}

.compare-plan p {
  font-size: 16px;
  line-height: 20px;
  color: #190041;
}

.compare-plan p a {
  font-size: 16px;
  line-height: 20px;
  color: #632DBA;
}

.compare-table h5 {
  font-size: 24px;
  line-height: 29px;
  color: #3E206D;
  font-family: "Gilroy-SemiBold";
  margin-bottom: 8px;
}

.compare-table p {
  font-size: 13px;
  line-height: 24px;
  color: #3E2960B2;
  margin-bottom: 8px;
      font-weight: 400;
}

.compare-table .price svg {
    width: 11px;
    height: 22px;
    color: #8653FF;
}

.compare-table span {
    font-size: 13px;
    line-height: 24px;
    color: #3E2960B2;
      font-weight: 400;
}

.compare-table  span.price-value {
    font-family: 'Gilroy-SemiBold';
    font-size: 48px;
    line-height: 59px;
    color: #8653FF;
}

.compare-table {
    border: 1px solid rgba(25, 0, 65, 0.4);
    border-radius: 24px;
    /*border-collapse: collapse;
    padding-bottom: 16px;*/
    min-width: 700px;
    margin-bottom: 0;
	border-collapse: separate;
    border-spacing: 0;
}

.compare-table, td,th {
    border: 1px solid rgba(25, 0, 65, 0.4);
}

.compare-table th:first-child, .compare-table td:first-child {
    text-align: left;
	position: sticky;
    left: 0;
	background: #fff;
    z-index: 5;
}

.compare-table thead th:first-child {
    border-top-left-radius: 24px;
}

.compare-table thead th:last-child {
    border-top-right-radius: 24px;
}
.compare-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 24px;
}
.compare-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 24px;
}

.compare-table th, .compare-table td {
    text-align: center;
    padding: 12px 24px;
    vertical-align: middle;
}

.compare-table th:not(:first-child) {
    padding: 30px 24px;
}

.compare-plan .react-out {
  font-size: 13px;
  line-height: 24px;
  color: #3E2960B2;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 0;
}

.compare-plan .react-out a {
  font-size: 13px;
  line-height: 24px;
  color: #5B21B6;
  text-decoration: underline;
}

.signature {
  background: #3bb581;
  box-shadow: 0px 20px 100px 0px rgba(25, 0, 65, 0.1);
  border-radius: 60px;
  max-width: 860px;
  margin: 30px auto;
  /* padding: 20px 0; */
  display: grid;
  grid-template-columns: 315px 1fr;
  overflow: hidden;
}

.signature h5 {
  font-family: "Gilroy-SemiBold";
  font-size: 29px;
  line-height: 34.13px;
  color: #ffffff;
  padding: 30px 40px 16px 40px;
  text-transform: uppercase;
  margin: 0;
}

.price-container {
  background: #632dba;
  border-radius: 60px;
  padding: 30px 30px 30px 50px;
  /* height: calc(100% - 20px); */
}

.price-container span {
  font-family: "Gilroy-Bold";
  font-size: 90px;
  line-height: 110.9px;
  color: #fff;
}

.price-container span span {
  font-size: 20px;
  line-height: 24.2px;
  color: #fff;
  font-family: "Gotham-Book";
  font-weight: 400;
}

.price-container p {
  font-family: "Gilroy-SemiBold";
  font-size: 24px;
  line-height: 28.63px;
  color: #fff;
  padding: 16px 0;
}

.price-container a {
  border-radius: 12px;
  background-color: #ff3c69;
  font-family: "Gilroy-SemiBold";
  font-size: 16px;
  line-height: 19.09px;
  text-decoration: none;
  padding: 15px 26px;
  color: #fff;
  display: inline-block;
}

.trail-bg-primary {
  background: #11002b;
  z-index: 1;
}

span.save {
  background: #ff644d;
  color: #ff644d;
  font-family: "Gilroy-SemiBold";
  font-size: 12px;
  line-height: 13px;
  border-radius: 5px;
  background-color: rgb(255 100 77 / 10%);
  padding: 4px 8px 4px 11px;
  position: relative;
  left: 5px;
}

span.save:before {
  content: "";
  background-image: url(images/arrow.svg);
  background-size: 100%;
  position: absolute;
  left: -18px;
  width: 28px;
  height: 20px;
  bottom: -25px;
  background-repeat: no-repeat;
}

.grid-wrapper .feature-grid {
  border: 1px solid #c2bacf;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 50px 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-wrapper .feature-grid .icon-wrapper {
  max-width: 30px;
  margin: 0 auto 20px;
}

.grid-wrapper .feature-grid .list {
  position: relative;
  padding: 0 45px 0 32px;
}

.grid-wrapper .feature-grid .list:not(:last-child):after {
  content: "";
  border: 1px solid #c2bacf;
  height: 120px;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.grid-wrapper .feature-grid .list h6 {
  color: #190041;
  font-family: "Gilroy-SemiBold";
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 20px;
  max-width: 98%;
  margin-inline: auto;
}

.grid-wrapper .feature-grid .list span,
.grid-wrapper .feature-grid .list p {
  color: #190041;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
}

.multi-channel-ai .nav {
  gap: 24px;
}

.multi-channel-ai .nav .nav-link {
  text-align: left;
  padding: 12px 20px;
}

.multi-channel-ai .nav .nav-link.active {
  border-radius: 12px;
  background-color: #632dba;
}

.multi-channel-ai .nav .nav-link.active h5,
.multi-channel-ai .nav .nav-link.active p {
  color: #fff;
}

.multi-channel-ai .nav .nav-link h5 {
  color: #190041;
  font-family: "Gilroy-SemiBold";
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 6px;
}
.multi-channel-ai .nav .nav-link p {
  color: #190041;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  max-width: 370px;
}
section.ai-wrapper {
  padding: 20px 0 40px;
}

/* Disable mouse selection */
/* body {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}*/

/* Blog Justify */
body.single-post
  #page
  .innerpage_content
  p:not(.has-text-align-right, .has-text-align-center) {
  text-align: justify;
}

body.single-post #page .innerpage_banner h1 {
  font-size: 50px;
  margin-bottom: 0;
}

.latest-blog p.card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.latest-blog .category {
  color: #632dba;
  font-family: "Gilroy-Bold";
}

.latest-blog span {
  font-size: 16px;
}

.latest-blog h5.card-title {
  font-size: 28px;
  line-height: normal;
  font-family: "Gilroy-Bold";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.latest-blog img {
  /* aspect-ratio: 16 / 11; */
  min-height: 293px;
  object-fit: contain;
}

a.btn-read-more {
  border-radius: 30px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-Bold";
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding: 14px 30px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}

/* Blog Changes */

.sticky-container {
  position: sticky;
  top: 60px;
}

div#page.site:has(.webinar) .sticky-container {
  top: 105px;
}

.sticky-container h5 {
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 0;
  font-family: "Gilroy-Bold";
}

.related-posts img.img-thumbnail {
  border: 0;
  padding: 0;
}

.related-posts {
  background: rgb(99 45 186 / 15%);
  padding: 16px;
  border-radius: 12px;
}

.related-posts h6 {
  font-size: 15px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}

.related-posts img.icon {
  max-width: 32px;
  position: absolute;
  right: -7px;
  top: -6px;
  opacity: 0;
  transition: 0.8s;
}

.blog-card:hover img.icon {
  opacity: 1;
  transition: 0.8s;
}

.blog-card {
  background: #fff;
  padding: 8px 4px;
  border-radius: 12px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  outline: none !important;
  position: relative;
}

.blog-card:not(:last-child) {
  margin-bottom: 16px !important;
}

.related-posts h6 a:focus {
  outline: none;
}

.related-posts p {
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}

.cta-section h5 {
  font-size: 28px;
  line-height: 35px;
  font-family: "Gilroy-Bold";
}

a.btn-cta {
  border-radius: 30px;
  background-color: #632dba;
  color: #ffffff;
  font-family: "Gilroy-Bold";
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  padding: 16px 34px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}

a.btn-cta:focus {
  outline: none;
}

.accordion-card-body p {
  padding: 8px 16px;
}

button.accordion-button {
  font-size: 18px;
}

button.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background: rgb(99 45 186 / 15%);
  color: #212529;
}

/* Footer Menu */

.quick-links h6 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Gilroy-Bold";
  margin-bottom: 1rem;
}

.quick-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.quick-links ul li {
  line-height: 24px;
  margin-bottom: 5px;
}

.quick-links ul li a {
  opacity: 0.77;
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: none;
}

.quick-links ul li a:hover {
  opacity: 1;
}

/* Landing */

.landing-page .hero-section {
  background-color: #11002b;
}

.landing-page .hero-section h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: 66px;
  font-family: inherit;
  color: #fff;
}

.meevo-page .hero-section,
.meevo-page .hero-section p {
  text-align: center;
}

.meevo-page .hero-section img.integration {
    max-width: 80%;
    margin-bottom: 16px;
    max-height: 60px;
    width: auto;
}

.meevo-page .hero-section a.bee-primary-btn {
    text-transform: uppercase;
    border-radius: 12px;
    background-color: #632dba;
    color: #ffffff;
    font-family: "Gilroy-SemiBold";
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 19px 32px;
    text-transform: uppercase;
    margin-top: 16px;
    display: inline-block;
}

.meevo-page .hero-section h1 {
  line-height: 69px;
  position: relative;
  margin-bottom: 0;
  font-size: 59px;  
  font-family: "Gilroy-Bold";
  color: #fff;
}

.meevo-page .hero-section p {
    max-width: 810px;
}
.meevo-page .hero-section h1 span,
.first-fold h1 span {
    color: #FFCD00;
}

.meevo-page .hero-section h1 .spans-container,
.first-fold h1 .spans-container {
	width: 330px;
    align-items: center;
    justify-content: center;
}

.first-fold h1 .spans-container {
	width: 345px;
}
.meevo-page .hero-section h1 .spans-container .text,
.first-fold h1 .spans-container .text {
  position: absolute;
  inset: 0;
}

.meevo-page .hero-section h1 .spans-container .text:nth-child(2),
.first-fold h1 .spans-container .text:nth-child(2) {
  position: relative; 
}
/* Salon */
.spans-container .text:nth-child(1) {
  animation: slidenew1 8s infinite;
}
@keyframes slidenew1 {
  0% { transform: translateY(100%); }
  5%, 20% { transform: translateY(0); }
  25%, 100% { transform: translateY(-100%); }
}

/* Spa */
.spans-container .text:nth-child(2) {
  animation: slidenew2 8s infinite;
}
@keyframes slidenew2 {
  0%, 25% { transform: translateY(100%); }
  30%, 45% { transform: translateY(0); }
  50%, 100% { transform: translateY(-100%); }
}

/* Medspa */
.spans-container .text:nth-child(3) {
  animation: slidenew3 8s infinite;
}
@keyframes slidenew3 {
  0%, 50% { transform: translateY(100%); }
  55%, 70% { transform: translateY(0); }
  75%, 100% { transform: translateY(-100%); }
}

/* Barbershop */
.spans-container .text:nth-child(4) {
  animation: slidenew4 8s infinite;
}
@keyframes slidenew4 {
  0%, 75% { transform: translateY(100%); }
  80%, 95% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

.landing-page .hero-section h2 span {
  color: #ffb600;
  font-family: "Gilroy-Bold", sans-serif;
}

.landing-page .hero-section h2 strong {
  font-weight: 700;
  font-family: "Gilroy-Bold", sans-serif;
}

.landing-page .hero-section p {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
}

.chat-bee-wrapper img.bee-chat {
  max-height: 300px;
  max-width: 251px;
}

.landing-page .hero-section .chat-wrapper {
  background-image: url(images/Chat-bg.png);
  background-repeat: no-repeat;
  padding: 20px 20px 0 50px;
  background-size: 100% 100%;
  position: relative;
  top: -55px;
  left: 25px;
}

.landing-page .hero-section .chat-wrapper p {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  font-style: italic;
  max-width: 300px;
}

.landing-page .hero-section .red-line {
  position: relative;
  margin: 4px 0 20px;
  display: block;
  max-width: 80%;
}

.meevo-page .hero-section .red-line {
  margin: 24px auto 20px auto;
  max-width: 100%;
}

.meevo-page .gradient-area {
  background: linear-gradient(334.79deg, rgba(17, 0, 43, 0.05) 0%, rgba(255, 182, 0, 0.1) 40%, rgba(99, 45, 186, 0.1) 70%, rgba(255, 255, 255, 0.8) 100%);
}

.meevo-page section.ai-wrapper {
    padding: 70px 0;
}

.meevo-page section.ai-wrapper h4  {
    margin-bottom: 20px;
}

.meevo-page section.ai-wrapper p {
    font-size: 16px;
    line-height: 26px;
}

section.hero-section .video-bg {
  /* background-color: #3D295F; */
  background-color: #cedbe1;
  background-image: url(images/VideoThumbnail.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 632px;
}

section.hero-section .video-bg img {
  max-width: 70px;
  cursor: pointer;
  transition: 0.6s;
}
section.hero-section .video-bg img:hover {
  transform: scale(1.1);
}

section.hero-section .video-bg video {
  opacity: 0;
  width: 100%;
  transition: 1s;
  position: absolute;
  z-index: -1;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /* object-fit: cover; */
  background: #3d295f;
}

section.hero-section .video-bg .soundButton {
  background: #632dba;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 36px;
  /* z-index: 1; */
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  z-index: -1;
}

section.hero-section a.btn-talk {
  padding-block: 14px;
  padding-inline: 42px;
}

section.ourAI.call-management,
section.trust {
  padding: 40px 0;
}

section.ourAI.call-management h2.title {
  font-size: 50px;
  font-weight: 700;
  line-height: 66px;
  text-align: left;
  margin-bottom: 1.5rem;
  margin-left: 0;
}
section.ourAI.call-management h2.title span {
  color: #ffb600;
}

section.ourAI.call-management .left-column p {
  color: #ffffff;
  line-height: 28px;
  font-size: 16px;
  max-width: 342px;
}

section.ourAI.call-management .shapeobj-2 {
  position: absolute;
  z-index: 1;
  right: calc(100% - 1400px + 650px - 50%);
  max-width: 460px;
  bottom: 0;
}

section.ourAI.call-management .container-wrapper .icon-box:hover {
  max-width: 100%;
  background: #632dba;
}

section.ourAI.call-management .container-wrapper .icon-box p {
  max-width: 280px;
}

section.booking-bee.ai-virtual-salon h2,
section.booking-bee.proven-result h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 66px;
  margin-bottom: 1.5rem;
  color: #12012c;
}

section.booking-bee.ai-virtual-salon h2 span {
  color: #6732c2;
}

section.booking-bee.ai-virtual-salon .d-grid,
section.booking-bee.proven-result .d-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

section.booking-bee.ai-virtual-salon .highlight-wrapper h5 {
  font-family: "Gilroy-SemiBold";
  font-size: 26px;
  line-height: 31.02px;
  color: #190041;
  opacity: 1;
}

section.booking-bee.ai-virtual-salon .highlight-wrapper p {
  font-size: 15px;
  line-height: 24px;
  color: #12012c;
  max-width: 240px;
}

section.booking-bee.ai-virtual-salon .highlight-wrapper p span {
  font-size: 24px;
  line-height: 32px;
  font-family: "Gilroy-Bold";
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.call
  p {
  max-width: 215px;
}

section.booking-bee.ai-virtual-salon .d-grid .grid-item:nth-child(2),
section.booking-bee.proven-result .d-grid .grid-item:nth-child(2) {
  grid-row: span 3 / span 3;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item:nth-child(2)
  .highlight-wrapper,
section.booking-bee.proven-result
  .d-grid
  .grid-item:nth-child(2)
  .highlight-wrapper {
  height: 100%;
  max-height: calc(100% - 40px);
}

section.booking-bee.ai-virtual-salon .d-grid .grid-item .highlight-wrapper,
section.booking-bee.proven-result .d-grid .grid-item .highlight-wrapper {
  max-height: 290px;
  min-height: 290px;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.call {
  background: #e9e9f6;
  justify-content: flex-start;
  padding: 30px 32px;
  align-items: flex-start;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.call
  .img-box {
  right: 0;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.call
  .img-box
  img {
  max-width: 263px;
  max-height: max-content;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.appointment {
  background: #fbeef3;
  justify-content: flex-start;
  padding: 30px 32px;
  align-items: center;
  text-align: center;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.appointment
  .img-box
  img {
  max-width: 311px;
  max-height: max-content;
  height: auto;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.calender {
  background: #fcf3ed;
  padding: 20px 32px;
  text-align: center;
  gap: 20px;
  /* justify-content: flex-end; */
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.calender
  .img-box {
  /* top: 20px; */
  top: 8px;
  position: inherit;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.calender
  .img-box
  img {
  max-width: 216px;
  max-height: max-content;
}

section.booking-bee.ai-virtual-salon
  .d-grid
  .grid-item
  .highlight-wrapper.calender
  p {
  margin-bottom: 0;
}

section.trust {
  background: url(images/landing/Landing-bg-3.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

section.trust h2 {
  font-family: "Gilroy-Bold";
  font-size: 50px;
  line-height: 60.45px;
  color: #12012c;
}

section.trust h2 span {
  color: #ff3c69;
}

section.trust .bg-card-wrapper {
  /* background: linear-gradient(286.13deg, #8EC5FC 0%, #E0C3FC 100%); */
  background: linear-gradient(
    286.13deg,
    rgba(142, 197, 252, 0.2) 0%,
    rgba(224, 195, 252, 0.2) 100%
  );
  border-radius: 60px;
  padding: 42px;
}

section.trust .feature-card {
  box-shadow: 0px 4px 6px 0px #1900410f;
  background: #fff;
  border-radius: 30px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  height: 100%;
}

section.trust .feature-card img {
  max-height: 80px;
  max-width: 80px;
}

section.trust .feature-card h6 {
  font-family: "Gilroy-SemiBold";
  font-size: 20px;
  line-height: 23.86px;
  color: #190041;
  margin-bottom: 0;
  margin-top: 10px;
}

section.trust .feature-card p {
  font-size: 15px;
  line-height: 24px;
  color: #12012c;
  margin-bottom: 8px;
  max-width: 285px;
}

section.booking-bee.proven-result .highlight-wrapper h5 {
  font-family: "Gilroy-Bold";
  font-size: 20px;
  line-height: 30px;
  color: #190041;
  opacity: 1;
  max-width: 250px;
  text-align: left;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.call-handled,
section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.trusted-by {
  background: #fbeef3;
  justify-content: flex-start;
  padding: 32px 8px;
  align-items: flex-end;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.trusted-by {
  background: #fcf3ed;
  padding: 24px 24px;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.call-handled
  .img-box,
section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.trusted-by
  .img-box {
  left: -20px;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.call-handled
  .img-box
  img {
  /* max-width: 329px; */
  max-width: 270px;
  max-height: max-content;
}

section.booking-bee.proven-result .d-grid .grid-item .highlight-wrapper.hours {
  background: #e9e9f6;
  justify-content: flex-start;
  padding: 48px;
  align-items: flex-start;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.hours
  h5 {
  max-width: 100%;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.hours
  .img-box
  img.icon {
  max-width: 83px;
  max-height: 103px;
  position: relative;
  left: -75px;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.hours
  .img-box {
  left: 0;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.hours
  .img-box
  img {
  max-width: 400px;
  max-height: max-content;
  height: auto;
}

section.booking-bee.proven-result
  .d-grid
  .grid-item
  .highlight-wrapper.trusted-by
  .img-box
  img {
  /* max-width: 300px; */
  max-width: 270px;
  max-height: max-content;
}

section.booking-bee.proven-result .title h2 {
  padding-top: 42px;
}

section.booking-bee.proven-result .title {
  padding-bottom: 0;
  margin-right: 0;
}

section.booking-bee.proven-result img.result-img {
  position: relative;
  right: -90px;
  bottom: 80px;
  max-width: 371px;
}

section.booking-bee.proven-result {
  padding-bottom: 0;
}

section.customer-reviews.landing-review {
  padding-top: 24px;
  background: url(images/landing/Landing-bg-2.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
section.customer-reviews .logo-wrapper img {
  max-height: 80px;
  object-fit: contain;
}

section.customer-reviews.landing-review .review-wrapper {
    padding: 60px 60px 80px;
}

.meevo-page section.customer-reviews.landing-review {
    background: none;
    padding: 0;
}

/* 
section.CTA.landing-cta {
	padding-bottom: 100px;
} */

section.CTA.landing-cta h3 {
  font-weight: 700;
}

section.CTA.landing-cta p.content {
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  max-width: 765px;
  margin-inline: auto;
}

.faq-section .faq-container {
  margin-bottom: 0;
}

/* FAQ */

.faq-container {
  background: #fff;
  margin-bottom: 70px;
  border: 1px solid #c2bacf;
  border-radius: 20px;
  background-color: #ffffff;
  padding: 50px 32px;
}
.content-top p {
  max-width: 520px;
  text-align: center;
  margin: 20px auto 20px;
}

button.filter-btn {
  border: 0;
  background: #632dba;
  color: #fff;
  padding: 8px 24px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 24px;
}

/* .faq-items .grid-item {
  display: none;
} */

.faq-items .card {
  border-radius: 16px;
  height: 100%;
}

.faq-items .card .card-body {
  padding: 8px;
}

.faq-items .card .category {
  padding: 6px 16px;
  font-weight: 500;
  font-size: 14px;
  color: white;
  background-color: #11002b;
  border-radius: 24px;
  margin-bottom: 16px;
  display: inline-block;
}

.faq-items .card h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: #190041;
  padding-bottom: 8px;
  margin-bottom: 4px;
}

.faq-items .card .content,
.faq-items .card .content p {
  font-size: 16px;
  line-height: 26px;
  margin-block: 8px 24px;
}

.faq-items .card .content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.faq-items #read-more {
  background-color: #ff3c69;
  color: #ffffff;
  font-family: "Gilroy-SemiBold";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  padding: 16px 24px;
  border-color: #ff3c69;
  margin-top: 16px;
  border-radius: 12px;
  display: none;
}

.faq-items .card a {
  text-decoration: none;
  color: inherit;
}
.faq-items .card .content a {
  text-decoration: underline;
}

.faq-items .card .content a,
.faq-items .card a.read-link {
  font-size: 16px;
  line-height: 21px;
  color: #4169e1;
}

.faq-detail h1 {
  font-size: 50px;
  padding-bottom: 40px;
  margin-bottom: 0;
}

.faq-detail .back {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #4169e1 !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.related-section {
  margin-top: 46px;
}

.related-section h4 {
  margin-bottom: 32px;
}

.related-section .other-faq-item a {
  color: #632dba;
  text-decoration: none;
  margin-bottom: 16px;
  display: inline-block;
}

button.dropdown-toggle {
  border-color: #eeecf2 !important;
  background: #eeecf2 !important;
  color: #190041 !important;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 8px;
}

button.dropdown-toggle:is(:hover, :focus, :active) {
  color: #190041;
  border-color: #eeecf2;
  background: #eeecf2;
}

ul.dropdown-menu {
  border: 1px solid #eeecf2 !important;
  border-radius: 8px;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 12px;
  vertical-align: 1px;
  content: "";
  border-top: 7.5px solid;
  border-right: 7.5px solid transparent;
  border-bottom: 0;
  border-left: 7.5px solid transparent;
}

ul.dropdown-menu a.dropdown-item.filter-option {
  padding: 4px 24px;
  font-size: 16px;
  line-height: 28px;
  background-color: transparent !important;
  color: #212529 !important;
}

ul.dropdown-menu a.dropdown-item.filter-option:is(:hover, :focus, :active) {
  background-color: #632dba !important;
  color: #fff !important;
}

ul.dropdown-menu a.dropdown-item.filter-option.active {
  background-color: #632dba !important;
  padding: 6px 24px;
  color: #fff !important;
}

/* Webinar */

.webinar {
  background: linear-gradient(90deg, #ffcd00 0%, #ffc51b 100%);
  padding: 8px 0;
  min-height: 60px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 99;
}

body.menu-toggled .webinar {
  display: none;
}

.webinar .widget {
  margin: 0;
}

.webinar svg {
  width: 24px;
  min-width: 24px;
  height: auto;
}

.webinar svg.icon {
  width: 32px;
  min-width: 32px;
}

.webinar p {
  margin-bottom: 0;
  font-size: 14px;
}

.webinar a {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  color: #11002b;
  padding: 5px 16px;
  border-radius: 10px;
  margin-left: 8px;
  border: 1px solid #11002b;
  white-space: nowrap;
  display: inline-block;
}

/*.webinar a:after {
  font-family: dashicons;
  content: "\f345";
  top: 2px;
  position: relative;
}*/

.register svg {
  width: 6px;
  min-width: 6px;
  height: auto;
  margin-top: 2px;
}

.hide-info {
  flex: 1;
  text-align: end;
}

.hide-info btn {
  cursor: pointer;
}

.hide-info svg {
  width: 20px;
  min-width: 20px;
}

body.menu-toggled #whg53hjov91o1747979030096.widget-visible {
  z-index: 1 !important;
}

.webinar .widget ~ .widget {
  display: none;
}

.innerpage_content .wp-block-button__link {
  border-radius: 30px;
  background-color: #632dba;
  color: #ffffff !important;
  font-family: "Gilroy-Bold";
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  padding: 16px 34px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}

.wp-block-table .has-fixed-layout {
  font-size: 16px;
}

/* Blog CTA */

.blog-cta {
  border: 3px solid #632dba26;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 32px 0 24px;
  background-image: url(images/cta-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 40px 0;
}

.blog-cta img {
  max-width: clamp(140px, 12vw, 220px);
}

.content-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 16px 0;
}

.content-cta h4 {
  margin-bottom: 0;
}

.content-cta h4 p {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Gilroy-Bold";
  text-align: inherit !important;
}

.content-cta h4 p strong {
  color: #ef4023;
}

.content-cta a {
  padding: 20px 40px;
  font-size: 16px;
  line-height: 22px;
}

/* Contact Form */

.contact-card form .form-control {
  padding: 14px 20px !important;
  width: 100%;
  border: 1px solid rgba(223, 223, 235, 0.5) !important;
  border-radius: 6px !important;
  background-color: rgba(255, 255, 255, 0.21) !important;
  outline: 0;
  font-size: 14px;
  line-height: 16px;
  min-height: 48px;
  color: #fff !important;
  font-family: "Gotham-Book";
}

.contact-card form .form-control:focus {
  border: 2px solid #fff !important;
  box-shadow: none;
}

.contact-card form .form-control.custom-error {
  border: 1px solid #ff0000 !important;
}

.contact-card form .form-group {
  margin-bottom: 20px;
}

.contact-card form button[type="submit"] {
  border-radius: 20px;
  background-color: #fcbc58;
  color: #311054;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  padding: 11px 20px;
  box-sizing: border-box;
  margin-top: 16px !important;
  border-color: #fcbc58;
  min-width: 130px;
  text-transform: uppercase;
  min-height: 52px;
}

.contact-card #submit-to-google-sheet {
  text-align: right;
}

.contact-card form .invalid-feedback {
  font-size: 12px;
  color: #ff0000;
  margin: 0;
  text-align: left;
}

/* Placeholder color white for all browsers */
.contact-card form input::placeholder,
textarea::placeholder {
  color: #fff !important;
  opacity: 1;
}
/* Chrome, Safari, Opera */
.contact-card form input::-webkit-input-placeholder,
.contact-card form textarea::-webkit-input-placeholder {
  color: #fff !important;
}
/* Firefox 19+ */
.contact-card form input::-moz-placeholder,
.contact-card form textarea::-moz-placeholder {
  color: #fff !important;
}
.contact-card form textarea::-moz-placeholder {
  color: #fff !important;
}
/* Firefox 18- */
.contact-card form input:-moz-placeholder,
.contact-card form textarea:-moz-placeholder {
  color: #fff !important;
}
/* IE 10+ */
.contact-card form input:-ms-input-placeholder,
.contact-card form textarea:-ms-input-placeholder {
  color: #fff !important;
}


.form-field-wrapper {
  display: flex;
}

.custom-dropdown {
  position: absolute;
  min-width: 84px;
  max-width: 84px;
}

.form-field {
  flex: 1;
}

.form-field input#contact_number {
  padding-left: 100px !important;
}

.dropdown-toggle {
  width: 100%;
  padding: 15px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  color: #fff;
  border-right: 1px solid rgba(223, 223, 235, 0.5);
  box-shadow: none;
}

.custom-dropdown .dropdown-toggle::after {
    margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding:  0;
  margin: 0;
  font-size: 14px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  max-height: 300px;
  overflow-y: auto;
  min-width: 240px;
  width: 100%;
  overflow-x: hidden;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 16px;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  color: #000 !important;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-search {
  padding: 0.5rem;
  border-bottom: 1px solid #dee2e6;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}

.dropdown-search input {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-search input:focus {
  outline: 0;
  box-shadow: none;
}

.dropdown-item:hover {
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.selected {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.hidden {
  display: none;
}

.no-results {
  padding: 8px 24px;
  color: #6c757d;
  font-style: italic;
  font-size: 13px;
  text-align: center;
}

/* Loading state styles */
  .btn-block:disabled {
    cursor: not-allowed;
    opacity: 0.65;
  }

  .btn-loader {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn-loader.d-none {
    display: none !important;
  }

  .btn-text.d-none {
    display: none !important;
  }

div#success-message {
    font-size: 14px;
    color: #0a3622;
}

body.single-post .innerpage_content h6 {
  font-size: 21px;
  line-height: 28px;
}

section.faq-section.pricing-faq {
    padding-top: 16px;
}

section.faq-section.home-faq{
    padding-top: 24px;
}

.pricing-faq .faq-container {
    max-width: 91.66666667%;
    margin: 0 auto;
    padding: 0 !important;
    border: 0;
}

.home-faq .faq-container {
    padding: 0;
    border: 0;
}

section.customer-reviews.pricing-page .review-wrapper .testimonial-wrapper {
	padding: 0;
}

section.customer-reviews.pricing-page .review-wrapper {
	padding: 60px 60px 80px;
}

section.customer-reviews.pricing-page .bottom-sec {
    justify-content: center;
    align-items: center;
}

section.customer-reviews.pricing-page .bottom-sec .review-author {
    text-align: center;
}


/* Responsive Styles */

.container {
  max-width: 1400px;
}

@media only screen and (min-width: 1960px) {
  .contact-us {
    min-height: calc(100vh - 200px - 264px);
  }
}

@media only screen and (min-width: 1399px) {
}
@media only screen and (min-width: 1299px) {
  /* 	.container{max-width:1300px;} */
}
@media only screen and (min-width: 1199px) {
  /* 	.container{max-width:1200px;} */
}
@media screen and (min-width: 992px) {
  header#beehead .ct-menu-section .main-navigation .menu-toggle {
    display: none;
  }
}

@media screen and (max-width: 1399.98px) {
  section.our-story-top .content-wrapper h1 {
    font-size: clamp(12px, 4vw, 59px);
  }
}

@media screen and (max-width: 1245.98px) {
  .calendly-inline-widget {
    min-height: 1250px !important;
    height: 100%;
  }
}

@media (max-width: 1200px) {
  section.integrations .content-wrapper {
    margin-bottom: 40px;
  }

  section.our-story-top .content-wrapper h1 {
    font-size: clamp(12px, 4vw, 59px);
  }

  section.team h3 {
    font-size: 48px;
    line-height: 56px;
  }

  section.opportunity .content-wrapper {
    padding: 15px 40px;
  }

  section.opportunity .content-wrapper h3 {
    font-size: 42px;
    line-height: 49px;
    max-width: 370px;
  }

  section.opportunity .content-wrapper p {
    font-size: 14px;
    line-height: 28px;
  }

  section.opportunity .opportunity-wrapper::before {
    background-size: clamp(10vw, 30vw, 420px);
    width: clamp(10vw, 30vw, 420px);
  }

  section.opportunity .content-wrapper .heading::after {
    right: -50px;
    top: -6px;
  }

  .landing-page .hero-section .chat-wrapper {
    left: 10px;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.call-handled {
    padding: 32px 24px;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.trusted-by
    .img-box
    img,
  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.call-handled
    .img-box
    img {
    max-width: 230px;
  }

  .choose-us .radio-input label,
  .choose-us .radio-input label::before {
    width: 100%;
  }

  .pricing .price-card .price-section .large {
    font-size: 80px;
    line-height: 80px;
  }

  .client-logos {
    height: auto;
    grid-template-columns: 56% 1fr;
  }

  .grid-3 {
    grid-column: span 2;
  }

  .meevo-page .hero-section .red-line {
      margin: 24px auto 20px auto;
      max-width: 80%;
  }
}
@media (max-width: 1024px) {
  section.ourAI .ai-rightbox .title {
    font-size: 60px;
  }
  section.booking-bee h2 {
    font-size: 42px;
  }
  h1 {
    font-size: 52px;
  }
  h2 {
    font-size: 48px;
  }
  section.first-fold .right-img-wrapper img {
    width: 240px;
  }
  section.empowering .left-img-wrapper img {
    max-height: 70%;
  }
  section.empowering .right-img-wrapper img {
    max-height: 60%;
  }
  section.first-fold .content-wrapper {
    padding: 40px 0;
  }
  section.voice-bot {
    min-height: unset;
    padding: 100px 0;
  }
  section.integrations .logos {
    justify-content: unset;
  }
  section.ourAI .left-column {
    top: 50px;
  }
  section.ourAI .container-wrapper .icon-box {
    max-width: 100%;
  }
  section.ourAI .container-wrapper .icon-box p {
    opacity: 1;
  }
  .ajax-posts-wrapper .post-image-wrapper h2 {
    font-size: 16px;
    line-height: 1.5;
  }
  .banner-content h1,
  .start-a-trail h2,
  section.CTA .book-appointment-wrapper h3,
  section.grid-image-with-content .heading.small-size h2 {
    font-size: 40px;
    line-height: 55px;
    max-width: 100%;
  }

  section.our-story-top .content-wrapper h1 {
    line-height: normal;
  }

  .site-branding img.custom-logo {
    max-width: 130px;
    width: 100%;
  }

  header#beehead .ct-menu-section .menu-wrapper {
    gap: 12px;
  }

  header#beehead .ct-menu-section .main-navigation ul.menu > li > a {
    padding: 0 14px;
  }

  .grid-image-with-content h3,
  .grid-wrapper h4,
  .multi-channel-ai h4 {
    font-size: 36px;
    line-height: 44px;
  }

  .start-a-trail p,
  section.CTA .book-appointment-wrapper p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 24px;
  }

  .start-a-trail .button-wrapper .btn-primary-trial,
  section.CTA .book-appointment-wrapper a.bee-primary-btn,
  .solutions-page .banner-content .button-wrapper .btn-primary-trial,
.banner-content .button-wrapper .btn-primary-trial {
    font-size: 18px;
    line-height: 22px;
    padding: 16px 34px;
    z-index: 1;
  }

  .start-a-trail .button-wrapper span,
  .solutions-page .banner-content .button-wrapper span {
    font-size: 13px;
    line-height: 15px;
  }

  section.grid-image-with-content .heading.large-size h2 {
    font-size: 50px;
    line-height: 48px;
  }

  .start-a-trail .dynamic :not(:is(span, p)) {
    font-size: 26px;
    line-height: 32px;
  }

  .multi-channel-ai .nav {
    gap: 20px;
  }

  .multi-channel-ai .nav .nav-link h5 {
    font-size: 18px;
    line-height: 22px;
  }

  .multi-channel-ai .nav .nav-link p {
    font-size: 13px;
    line-height: 21px;
  }
  section.multi-channel-ai {
    padding-top: 0;
    padding-bottom: 40px;
  }
  section.ai-wrapper {
    padding-top: 0;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1140px) {
  header#beehead .ct-menu-section .menu-wrapper {
    gap: 10px;
  }
  header#beehead .ct-menu-section .CTA-wrapper {
    gap: 12px;
  }
  header#beehead .ct-menu-section .main-navigation ul.menu > li > a {
    /* padding: 0 8px; */
    padding: 0 18px;
  }
}

@media (max-width: 991px) {
  section.ourAI .ai-rightbox .title {
    font-size: 42px;
    margin: 0;
  }
  h1,
  body.single-post #page .innerpage_banner h1 {
    font-size: 46px;
  }
  h3,
  section.empowering h3,
  footer#footerBee .book-appointment-wrapper h3 {
    font-size: 32px;
  }
  section.booking-bee h2 {
    text-align: center;
    margin-bottom: 40px;
  }
  section.ourAI .ai-rightbox img {
    max-width: 340px;
  }
  section.integrations .content-wrapper {
    margin-bottom: 40px;
  }
  section.booking-bee .title {
    padding-bottom: 40px;
    margin-right: 0;
  }
  header#beehead .ct-menu-section .social-media,
  header#beehead .ct-menu-section .CTA-wrapper {
    width: auto;
  }
  section.customer-reviews .bg-wrapper {
    margin-top: 40px;
  }
  section.booking-bee .highlight-wrapper.pink .img-box {
    left: unset;
  }
  section.booking-bee .highlight-wrapper.pink {
    margin-bottom: 40px;
  }
  section.customer-reviews .bg-wrapper .box-wrapper {
    min-height: 425px;
  }
  section.ourAI img.girlthubms {
    max-width: 300px;
    left: -15px;
  }
  section.ourAI .left-column {
    height: 480px;
  }
  header#beehead .ct-menu-section .social-media,
  header#beehead .ct-menu-section .CTA-wrapper {
    width: auto;
  }
  h3,
  section.empowering h3,
  footer#footerBee .book-appointment-wrapper h3 {
    font-size: 32px;
  }
  .filters h1 {
    font-size: 38px;
    line-height: 1.5;
  }
  header#beehead .ct-menu-section .main-navigation .menu-toggle {
    display: block;
  }

  header#beehead .ct-menu-section .main-navigation.toggled ul.menu {
    display: block;
  }

  header#beehead .ct-menu-section .main-navigation.toggled .CTA-wrapper {
    display: inline-flex;
    padding: 8px 8px;
  }

  header#beehead .ct-menu-section .CTA-wrapper,
  header#beehead .ct-menu-section .main-navigation ul {
    display: none;
  }

  /* html:has(body.menu-toggled),
  body.menu-toggled {
    overflow: hidden;
  } */

  #page {
    position: relative;
  }

  header#beehead
    .ct-menu-section
    .main-navigation.toggled
    .menu-main-menu-container {
    position: fixed;
    right: 0;
    left: 0;
    top: 80px;
    background: #3d295f;
    z-index: 1;
    padding: 16px 8px;
    bottom: 0;
    overflow-y: auto;
  }

  body.menu-toggled [data-id="zsalesiq"],
  body.menu-toggled #d479r92dre71721455067031.widget-visible {
    z-index: 0 !important;
  }

  header#beehead .ct-menu-section .main-navigation ul.sub-menu.open {
    position: inherit;
    float: none;
    min-width: 100%;
    min-height: auto;
    background-color: transparent;
    box-shadow: none;
    padding: 8px 16px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin: 10px 0;
  }

  header#beehead .ct-menu-section .main-navigation ul.menu > li {
    margin-bottom: 8px;
  }

  header#beehead .ct-menu-section .main-navigation ul.menu > li > a {
    padding: 0 8px;
  }

  .grid-image-with-content {
    padding: 10px 0 10px;
  }

  .grid-image-with-content .feature-item {
    padding: 30px 0;
  }

  .feature-item [class^="col-"] {
    order: 3;
  }

  .feature-item [class^="col-"]:nth-child(2) {
    order: 2;
  }

  .feature-item [class^="col-"]:last-child {
    order: 1;
  }

  section.our-story-top {
    padding-top: 60px;
  }

  section.our-story-top .chat-wrapper {
    padding-top: 0;
  }

  section.our-story-top .chat-wrapper .row {
    flex-direction: column-reverse;
  }

  section.our-story-top .chat-wrapper .chat-box.left {
    max-width: 100%;
    transform: translate(0, -46px);
    border-radius: 50px 50px 50px 50px;
  }

  section.team {
    padding: 0 0 60px 0;
  }
  section.team .container > .row {
    /* flex-direction: column-reverse; */
    gap: 50px;
  }

  section.team .content-wrapper {
    padding-left: 0;
    padding-top: 0;
  }

  section.team h3 {
    font-size: 42px !important;
    line-height: 52px;
  }

  section.team .team-wrapper {
    grid-template-columns: minmax(100px, 360px) minmax(100px, 360px);
  }

  section.opportunity .opportunity-wrapper .col-md-5 {
    min-height: clamp(10vw, 50vw, 716px);
  }
  section.opportunity .opportunity-wrapper {
    min-height: clamp(10vw, 50vw, 716px);
    background-size: 100% clamp(10vw, 50vw, 716px);
  }

  .opportunity-wrapper-mobile {
    background-color: #632dba;
    border-radius: 65px;
  }

  .opportunity-wrapper-mobile .our-cluture .culture-video iframe {
    width: 100% !important;
  }

  section.opportunity .content-wrapper::before {
    top: 30px;
  }

  section.opportunity .content-wrapper {
    padding: 70px 80px;
  }

  section.our-story-top .chat-wrapper .bee-img img {
    max-width: 230px;
  }

  section.our-story-top .chat-wrapper .bee-img::before {
    width: 200px;
    height: 150px;
    bottom: -35px;
    left: 110px;
  }

  .price-tab .g-col-md-6 {
    grid-column: auto / span 6;
  }

  .grid-wrapper .feature-grid {
    padding: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-wrapper .feature-grid .list {
    padding: 20px 24px;
  }

  .grid-wrapper .feature-grid .list:nth-child(2):after {
    display: none;
  }

  section.hero-section .video-bg {
    min-height: 500px;
  }

  section.ourAI.call-management .left-column {
    padding: 12px 0 24px;
  }

  section.ourAI .container-wrapper .icon-box {
    padding: 40px 40px;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.call
    .img-box
    img {
    max-width: 203px;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.calender
    .img-box
    img {
    max-width: 185px;
  }

  section.booking-bee.proven-result .title {
    text-align: center;
  }

  section.booking-bee.proven-result img.result-img {
    position: relative;
    right: inherit;
    bottom: inherit;
    max-width: 360px;
    margin: 0 auto 50px;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.call-handled,
  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.trusted-by,
  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.hours {
    padding: 32px 24px;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.call-handled
    .img-box
    img {
    max-width: 250px;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.trusted-by
    .img-box
    img {
    max-width: 220px;
  }

  section.ourAI.call-management .shapeobj-2 {
    display: none;
  }

  section.booking-bee.ai-virtual-salon p {
    text-align: center;
  }

  section.booking-bee.proven-result .title h2 {
    padding-top: 0;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.call-handled
    .img-box,
  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.trusted-by
    .img-box,
  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.hours
    .img-box {
    position: inherit;
    margin-right: auto;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.hours
    .img-box {
    padding-top: 24px;
    margin-top: auto;
    margin-bottom: -32px;
  }

  section.booking-bee.proven-result
    .d-grid
    .grid-item
    .highlight-wrapper.trusted-by
    .img-box {
    margin-bottom: -8px;
  }

  .signature .img-container img {
    max-width: 350px;
  }

  .signature {
    grid-template-columns: 1fr;
  }

  .contact-us {
    min-height: 100%;
    padding-top: 60px;
  }

  .contact-us::after {
    display: none;
  }

  section.booking-bee .highlight-wrapper h5 {
    font-size: 48px;
  }

  .wp-block-table .has-fixed-layout {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .meevo-page .hero-section h1 {
    font-size: 46px;
    line-height: normal;
  }

  .landing-page .hero-section p {
      font-size: 16px;
      line-height: 26px;
  }
  .meevo-page .hero-section .red-line {
      margin: 24px auto 20px auto;
      max-width: 80%;
  }
}
@media (max-width: 980px) {
  .container {
    max-width: 880px;
  }
}

@media (max-width: 860px) {
  .container {
    max-width: 760px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 680px;
  }
  .pagination {
    margin-top: 10px;
  }
  .pagination .page-numbers {
    padding: 3px 6px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  section.first-fold .chat-wrapper:after {
    right: -100px;
  }
  section.first-fold .left-img-wrapper img {
    margin-left: 0;
    max-width: 235px;
  }
  footer#footerBee .footer-bottom ul#menu-name {
    margin: 0;
  }
  footer#footerBee .footer-bottom .social-media,
  footer#footerBee .footer-bottom .terms-links {
    justify-content: flex-start;
  }
  footer#footerBee .footer-bottom .copy-rights {
    text-align: left;
  }
  footer#footerBee .quick-links,
  footer#footerBee .address-info {
    margin-bottom: 40px;
  }
  section.first-fold .chat-wrapper {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  section {
    padding: 40px 0;
  }
  section.first-fold .circle-wrapper {
    right: 0;
  }
  section.ourAI .container-wrapper .icon-box {
    max-width: 100%;
  }
  section.ourAI img.girlthubms {
    display: none;
  }
  section.ourAI .container-wrapper .icon-box p {
    opacity: 1;
  }
  section.ourAI .left-column {
    top: 0;
    position: relative;
    height: auto;
  }
  section.home-blogs .filters {
    margin-bottom: 30px;
  }
  section.home-blogs {
    padding: 40px 0 !important;
  }
  footer#footerBee .footer-bottom ul#menu-name {
    margin: 0;
  }
  footer#footerBee .footer-bottom .social-media,
  footer#footerBee .footer-bottom .terms-links {
    justify-content: flex-start;
  }
  footer#footerBee .footer-bottom .copy-rights {
    text-align: left;
  }
  footer#footerBee .quick-links {
    margin-bottom: 40px;
  }
  .error-404 input.search-field,
  .error-404 #archives-dropdown--1 {
    width: 100%;
  }
  .error-404 ul {
    margin-left: 1rem;
  }

  section.opportunity .content-wrapper .heading::after {
    display: none;
  }

  .grid-image-with-content
    .feature-item.flex-row-reverse
    .grid-img-layer::before,
  .grid-image-with-content .feature-item .grid-text-layer::before,
  .bg-footer-layer::before {
    max-width: 100%;
    left: 0;
    right: 0;
  }

  .pricing .offersection .offer-card {
    padding: 16px 30px;
  }

  .price-tab {
    padding-bottom: 20px;
  }
  .pricing .banner-content {
    padding-bottom: 40px;
  }

  .price-tab .g-col-12 {
    grid-column: auto / span 12;
  }

  .grid-wrapper .feature-grid {
    padding: 20px;
    grid-template-columns: 1fr;
  }

  .grid-wrapper .feature-grid .list {
    padding: 32px 16px;
  }
  .grid-wrapper .feature-grid .list:not(:last-child):after {
    height: 1px;
    width: 120px;
    position: absolute;
    top: inherit;
    right: inherit;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }

  .choose-us .radio-input {
    flex-wrap: wrap;
  }
  .choose-us .radio-input label,
  .choose-us .radio-input label::before {
    width: 100%;
    height: 120px;
  }

  /* .webinar {
		display: none;
	} */

  .webinar svg.icon {
    width: 26px;
    min-width: 26px;
  }

  .webinar p {
    font-size: 13px;
  }

  .webinar a {
    font-size: 13px;
    padding: 5px 12px;
  }

  .hide-info .btn {
    padding-inline: 0;
  }

  .webinar .widget {
    display: none;
  }

  .webinar .widget ~ .widget {
    display: block;
  }

  .client-logos {
    height: auto;
    grid-template-columns: 1fr 1fr;
  }

  .client-logos .grid-1 {
    grid-template-columns: 1fr 1fr;
  }

  .bg-image-wrapper {
    max-height: 200px;
  }

  .bg-image-wrapper img {
    height: 200px;
    object-position: inherit;
  }

  .company-section {
    margin-bottom: 32px;
  }

  section.customer-reviews .review-wrapper .testimonial-wrapper {
    padding: 20px 32px 20px;
  }

  .wp-block-table .has-fixed-layout {
    min-width: 600px;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 0;
  }

  .grid-wrapper .feature-grid .list:nth-child(2):after {
    display: block;
  }

  section.customer-reviews.landing-review .review-wrapper,
  section.customer-reviews.pricing-page .review-wrapper {
      padding: 42px 32px 80px;
  }

  section.customer-reviews h4 {
      margin-bottom: 24px;
  }

  .faq-section .faq-container {
      padding: 40px 32px;
  }

  footer#footerBee {
      padding: 60px 0;
  }

  .price-tab.price-on-off .price-card {
      max-width: 420px;
      margin: 0 auto;
  }

  .price-tab.price-on-off .price-card .price-card-body {
    align-items: center;
  }

  .compare-table th, .compare-table td {
      font-size: 14px;
      line-height: 20px;
  }

  .compare-table th:not(:first-child) {
      padding: 24px 16px;
  }

  .compare-plan .react-out {
      margin-top: 32px;
  }
}

@media (max-width: 668px) {
  h1,
  body.single-post #page .innerpage_banner h1 {
    font-size: 32px;
  }
  .container {
    max-width: 580px;
  }
  section.first-fold .left-img-wrapper img {
    display: none;
  }
  section.first-fold .chat-box:nth-child(1) {
    transform: translateX(0px);
  }
  section.first-fold .chat-box:nth-child(2) {
    max-width: 282px;
    transform: translateX(30px);
  }
  section.first-fold .chat-box:nth-child(4) {
    max-width: 370px;
    transform: translateX(0);
  }
  section.first-fold {
    overflow: hidden;
  }
  section.first-fold .right-img-wrapper img {
    width: 140px;
  }
  section.first-fold .content-wrapper {
    text-align: center;
    margin-bottom: 0px;
  }
  section.voice-bot {
    padding: 70px 0;
  }
  section.voice-bot h2 img {
    width: 26px;
  }
  section.ourAI .container-wrapper {
    padding: 30px 15px;
  }
  section.ourAI .shapeobj {
    display: none;
  }
  section.ourAI .ai-rightbox .title {
    position: relative;
    top: 0;
  }
  h5,
  .cta-section h5 {
    font-size: 24px;
  }
  section.ourAI .ai-rightbox img {
    display: none;
  }
  section.ourAI .ai-rightbox .title {
    font-size: 32px;
    margin: 0;
    text-align: center;
  }
  /* 	section.booking-bee { padding: 60px 0; } */
  section.booking-bee .highlight-wrapper h5 {
    font-size: 22px;
    padding: 20px 0 0;
  }
  section.booking-bee .highlight-wrapper {
    min-height: 270px;
  }
  section.booking-bee .bg-wrapper .row .col-md-6 {
    width: 100%;
  }
  h3,
  section.empowering h3,
  footer#footerBee .book-appointment-wrapper h3 {
    font-size: 22px;
  }
  section.integrations .container-wrapper {
    padding: 30px;
  }
  /* header#beehead .ct-menu-section {
	  flex-direction: column;
	  flex-wrap: wrap;
	  gap: 30px;
	} */
  section.booking-bee .highlight-wrapper img {
    height: 195px;
  }
  .h4,
  h4 {
    font-size: calc(1.275rem + 0.3vw) !important;
  }
  .h3,
  h3 {
    font-size: calc(1.3rem + 0.6vw) !important;
  }
  .h2,
  h2 {
    font-size: calc(1.325rem + 0.9vw) !important;
  }
  h2,
  section.booking-bee h2 {
    font-size: 26px !important;
  }
  /* header#beehead .ct-menu-section {
	  flex-direction: column;
	  flex-wrap: wrap;
	  gap: 30px;
	} */
  h3,
  section.empowering h3,
  footer#footerBee .book-appointment-wrapper h3 {
    font-size: 22px;
  }
  .filters h1 {
    font-size: 28px;
  }

  /* .banner-content h1 img,
  .banner-content h1 svg */
  /* section.grid-image-with-content .heading.small-size h2 img {
    margin: -26px auto 0 55px;
  } */

  .banner-content h1,
  .start-a-trail h2,
  section.CTA .book-appointment-wrapper h3 {
    font-size: 26px;
    line-height: 40px;
  }

  section.grid-image-with-content .heading h2 {
    font-size: 26px;
    line-height: 40px !important;
  }

  section.our-story-top .content-wrapper h1 img {
    margin: 0;
    max-width: 70%;
  }

  .banner-content p,
  .grid-image-with-content p {
    font-size: 14px;
    line-height: 30px;
  }

  .grid-image-with-content h3,
  .grid-wrapper h4,
  .multi-channel-ai h4 {
    margin-bottom: 16px;
    line-height: 32px;
  }

  .start-a-trail p,
  section.CTA .book-appointment-wrapper p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
  }

  .start-a-trail .button-wrapper .btn-primary-trial,
  section.CTA .book-appointment-wrapper a.bee-primary-btn,
  .solutions-page .banner-content .button-wrapper .btn-primary-trial,
  .banner-content .button-wrapper .btn-primary-trial {
    font-size: 16px;
    line-height: 20px;
    padding: 14px 30px;
    z-index: 1;
  }

  .start-a-trail .button-wrapper span,
  .solutions-page .banner-content .button-wrapper span {
    font-size: 12px;
    line-height: 14px;
  }

  section.opportunity .content-wrapper h3 {
    line-height: normal;
  }

  section.opportunity a.btn.btn-view-all {
    font-size: 18px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
  }

  section.opportunity .our-cluture {
    margin-bottom: 24px;
  }
  /* section.grid-image-with-content .heading h2 {
    padding-bottom: 16px;
  } */

  section.opportunity .content-wrapper {
    padding: 24px 24px 50px;
  }

  section.opportunity .content-wrapper .heading::before,
  section.opportunity .content-wrapper::before,
  section.opportunity .content-wrapper::after,
  section.our-story-top.bg-layer::before {
    display: none;
  }

  section.our-story-top {
    padding-top: 40px;
  }

  .grid-image-with-content .feature-item {
    padding: 16px 0;
  }

  /* .pricing .banner-content .text-area h1, */
  .pricing .offersection .content-section :is(h2, h4) {
    line-height: 36px !important;
  }

  .pricing .price-card .price-section sup {
    /* top: -4px;	 */
    top: -0.4em;
  }

  .start-a-trail .dynamic :not(:is(span, p)) {
    font-size: 20px;
    line-height: 26px;
  }

  .multi-channel-ai .nav {
    gap: 12px;
  }

  .multi-channel-ai .nav .nav-link h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .multi-channel-ai .nav .nav-link p {
    font-size: 13px;
    line-height: 21px;
  }

  .landing-page .hero-section h2 {
    line-height: 46px;
  }

  .landing-page .hero-section .chat-bee-wrapper {
    flex-direction: column;
    row-gap: 30px !important;
  }

  .landing-page .hero-section .chat-wrapper {
    top: inherit;
    left: inherit;
  }
  section.hero-section .video-bg {
    min-height: 360px;
  }

  section.ourAI.call-management h2.title,
  section.booking-bee.ai-virtual-salon h2,
  section.booking-bee.proven-result h2,
  section.trust h2 {
    line-height: 36px;
    text-align: center;
  }

  section.booking-bee.ai-virtual-salon p,
  section.ourAI.call-management .left-column,
  section.booking-bee.proven-result .title {
    text-align: center;
  }

  section.ourAI.call-management .left-column {
    padding: 12px 16px;
  }

  section.ourAI.call-management .left-column p {
    max-width: 100%;
  }

  section.booking-bee.ai-virtual-salon .d-grid,
  section.booking-bee.proven-result .d-grid {
    grid-template-columns: 1fr;
  }

  section.booking-bee.ai-virtual-salon .d-grid .grid-item:nth-child(2),
  section.booking-bee.proven-result .d-grid .grid-item:nth-child(2) {
    min-height: 480px;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.appointment
    .img-box
    img {
    max-width: 211px;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.calender {
    margin-bottom: 0;
    justify-content: flex-start;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.calender {
    max-height: inherit;
  }

  section.booking-bee.proven-result img.result-img {
    position: relative;
    right: inherit;
    bottom: inherit;
    max-width: 280px;
    margin: 0 auto 50px;
  }

  section.ourAI.call-management .shapeobj-2 {
    display: none;
  }

  section.booking-bee.ai-virtual-salon .bg-wrapper {
    margin: 0 auto;
    max-width: 350px;
  }

  section.booking-bee.ai-virtual-salon .highlight-wrapper h5 {
    padding: 0;
  }

  section.booking-bee.ai-virtual-salon .highlight-wrapper .img-box {
    position: inherit;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.call
    .img-box {
    text-align: end;
    margin-right: -32px;
    margin-left: auto;
  }

  section.booking-bee.ai-virtual-salon
    .d-grid
    .grid-item
    .highlight-wrapper.appointment
    .img-box {
    margin-bottom: -30px;
  }

  section.booking-bee.proven-result .highlight-wrapper h5 {
    padding-top: 0;
  }

  .pricing .banner-content .price-card {
    padding: 40px 40px;
  }

  .pricing .price-card .price-section .large {
    font-size: 59px !important;
    line-height: normal !important;
  }

  .pricing .price-card .text-wrapper h3 {
    font-size: 24px;
    line-height: 32px;
  }

  .pricing .price-card .price-section span,
  .pricing .price-card ul li {
    font-size: 14px;
    line-height: 17px;
  }

  .pricing .price-card .price-card-body {
    gap: 16px;
    margin-top: 12px;
  }

  .choose-us .radio-input {
    flex-wrap: wrap;
  }

  .choose-us .radio-input label,
  .choose-us .radio-input label::before {
    width: 100%;
    height: 120px;
  }

  .pricing .price-card .start-btn {
    margin-top: 8px;
  }

  .signature {
    grid-template-columns: 1fr;
  }

  .signature .img-container,
  .signature h5 {
    text-align: center;
  }

  .signature img {
    max-width: 200px;
  }

  .price-container span {
    font-size: 10vw;
    line-height: 16vw;
    white-space: nowrap;
  }

  .price-container p {
    font-size: 20px;
    line-height: 24px;
  }

  section.integrations .btn-wrapper a.bee-primary-btn {
    font-size: 16px;
    line-height: 20px;
  }

  .webinar p {
    line-height: 24px;
  }

  .meevo-page .hero-section h1 {
    font-size: 32px;
    line-height: normal;
  }
}

@media (max-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (max-width: 480px) {
  .container {
    max-width: 450px;
  }
  section.integrations .container-wrapper .col-md-4.col-6 {
    width: 100%;
  }
  section.integrations .logo-wrapper {
    width: 140px;
    height: 140px;
  }
  section.ourAI .container-wrapper .icon-box {
    padding: 25px 30px;
  }
  /* section.customer-reviews .review-wrapper {
    padding: 40px 40px 80px;
  } */
  section.bookingbee-ai .box-wrapper p.title {
    font-size: 20px;
  }
}

@media (max-width: 420px) {
  .container {
    max-width: 390px;
  }
}
@media (max-width: 380px) {
  section.integrations .logo-wrapper {
    width: 180px;
    height: 180px;
  }
  section.integrations .logos {
    justify-content: center;
  }

  section.opportunity .button-wrapper img {
    max-width: 48px;
  }

  section.opportunity .our-cluture h5 {
    font-size: 24px;
    line-height: 27px;
  }
  section.opportunity a.btn.btn-view-all {
    font-size: 16px;
    line-height: 18px;
  }

  .choose-us .radio-input .label .text p {
    font-size: 13px;
    line-height: 20px;
  }

  .choose-us .radio-input .label input[type="radio"] {
    min-height: 20px;
    min-width: 20px;
    width: 20px;
    height: 20px;
  }

  .choose-us .radio-input .label input[type="radio"]:before {
    width: 8px;
    height: 8px;
  }

  .pricing .banner-content .price-card {
    padding: 20px 20px;
    border-radius: 30px;
  }

  .signature {
    border-radius: 30px;
  }

  .price-container {
    padding: 20px;
    border-radius: 30px;
  }

  .price-container span {
    font-size: 8vw;
    line-height: 13vw;
    white-space: nowrap;
  }

  .price-container p {
    font-size: 18px;
    line-height: 22px;
  }

  span.save {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: inherit;
  }

  span.save:before {
    left: -30px;
    width: 28px;
    height: 20px;
    bottom: -2px;
  }
}

@media (max-width: 360px) {
  .container {
    max-width: 300px;
  }
}

@media (max-width: 340px) {
  .container {
    max-width: 280px;
  }
}

section.call-landing img.logo {
    max-width: 200px;
}

section.call-landing {
    text-align: center;
    padding-block: 40px;
    padding-inline: 16px;
    background: url('images/landing/Head-bg.png') no-repeat top,  #11002b;
    background-size: cover;
    background-position: center center;
}

section.call-landing h1 {
  font-weight: 600;
    font-family: "Gilroy-Bold";
    margin: 16px auto 24px;
        max-width: 1100px;
    font-size: 69px;
}


section.call-landing h1 span {
  color: #FF3C69;
}

section.call-landing h4 {
    color: #CECBD4;
    font-family: "Gilroy-SemiBold";
    margin: 16px 0 24px;
        font-size: 32px;
}

section.call-landing h4 span {
    color: #FFCD00;
}

section.call-landing button#primary-demo-call-btn {
    font-size: 30px;
    line-height: 36px;
    margin: 12px 0 !important;
}

section.call-landing p {
  font-family: 'Gotham-book', sans-serif;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 16px 0;
}

section.call-landing .features {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 920px;
    margin: 0 auto;
        flex-wrap: wrap;
}

section.call-landing .feature {
    background: #3D295F;
    border-radius: 50%;
    padding: 16px;
    width: 100%;
    max-width: 190px;
    height: 190px;
    align-content: center;
    margin-top: 32px;
}

section.call-landing .feature img {
  max-height: 80px;
}

section.call-landing h6 {
    color: #fff;
    margin: 8px 0;
    font-family: "Gilroy-SemiBold";
}
.spans-container {
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.word {
  position: absolute;
  inset: 0;
}


.word:nth-child(2) {
  position: relative; 
}

/* Haircut */
.word:nth-child(1) {
  animation: slide1 6s infinite;
}
@keyframes slide1 {
  0% { transform: translateY(100%); }
  6.25%, 18.75% { transform: translateY(0); }
  25%, 100% { transform: translateY(-100%); }
}

/* Massage */
.word:nth-child(2) {
  animation: slide2 6s infinite;
}
@keyframes slide2 {
  0%, 25% { transform: translateY(100%); }
  31.25%, 43.75% { transform: translateY(0); }
  50%, 100% { transform: translateY(-100%); }
}

/* Nail Art */
.word:nth-child(3) {
  animation: slide3 6s infinite;
}
@keyframes slide3 {
  0%, 50% { transform: translateY(100%); }
  56.25%, 68.75% { transform: translateY(0); }
  75%, 100% { transform: translateY(-100%); }
}

/* EyeBrow */
.word:nth-child(4) {
  animation: slide4 6s infinite;
}

@keyframes slide4 {
  0%, 75% { transform: translateY(100%); }
  81.25%, 93.75% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

.ai-bookings {
    background: #311054;
    padding: 60px;
    border-radius: 24px;
    border: 1px solid #5A29A9;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1130px;
    margin: 0 auto;
}

.ai-bookings h3 {
  font-size: 34px;
  line-height: 43px;
  color: #FFCD00;
}

.integration-with-meevo {
    border-radius: 48px;
    padding: 80px 32px;
    background: var(--color-violet-45, #632DBA);
    max-width: 95%;
    margin: 0 auto;
}

.integration-with-meevo h2 {
  font-size: 58px;
  color: #FFFFFF;
}

.integration-with-meevo p {
font-size: 18px;
line-height: 30px;
color: #FFFFFFB2;
font-weight: 400;
  max-width: 816px;
  margin: 16px auto !important;
}

.pricing-card-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.pricing-card-wrapper .price-card {
    flex: 0 0 400px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 400px;
    box-shadow: 0px 20px 100px 0px #1900411A;
    background: #fff;
    padding: 32px;
    border-radius: 15px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.pricing-card-wrapper .price-card h4 {
  margin-bottom: 0;
}
.pricing-card-wrapper .price-card p.price {
    font-size: 32px;
    font-family: "Gilroy-Bold";
    color: #632DBA;
  margin-bottom: 0;
}

.pricing-card-wrapper .price-card p.price {
    font-size: 32px;
    font-family: "Gilroy-Bold";
    color: #632DBA;
        margin: 8px 0 12px;
}

.pricing-card-wrapper .price-card p.price span {
    font-size: 32px !important;
    font-family: "Gilroy-Bold";
    color: #632DBA;
}

.pricing-card-wrapper .price-card p.price .old {
  color: #C2BACF;
  text-decoration: line-through;
  margin-right: 10px;
}

.pricing-card-wrapper .price-card span {
    color: #190041;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    display: inline-block;
}
.pricing-card-wrapper .price-card  ul {
  margin-bottom: 12px;
}

.meevo-pricing .bottom-text {
  margin-top: 16px;
}

.meevo-pricing .bottom-text p{
 color: #6B7280;
 font-size: 12px;
 line-height: 23px;
 margin-bottom: 1rem;
}

.meevo-pricing .bottom-text p a {
  color: #632DBA;
}

.meevo-pricing .bottom-text h6{
 color: #3E2960B2;
 font-size: 14px;
 line-height: 23px;
 margin-bottom: 1rem;
 font-weight: 700;
 font-family: 'Gotham-book', sans-serif;
 margin-bottom: 0;
}

.ai-bookings .tab-content {
    border: 1px solid #632DBA;
    border-radius: 16px;
    padding: 33px 33px 57px;
    background: #11002B;
}

.chat-row {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.message {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: flex-start;
    justify-content: flex-start;
}

.message.reverse {
    flex-direction: row-reverse;
}

.message img.chat-icon {
    background: #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    object-fit: cover;
    padding: 3px;
}

.message span {
  border-radius: 18px;
  border: 1px solid #FFFFFF33;
  background: #FFFFFF1A;
  padding: 17px 25px;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  max-width: 680px;
  text-align: left;
}

.message.reverse span {
  background:#FFCD00;
  border-color: #FFCD00;
}

.tabs-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.tabs-wrapper .nav-link {
    border: 1px solid #5A29A9;
    background: #E0C3FC33;
    border-radius: 12px;
    color: #FFFFFF;
    padding: 14px 25px;
    font-weight: 600;
}

.tabs-wrapper .nav-link.active {
    background: #632DBA;
    border-color: #632DBA;
}

/* Feedback form */

section.feedback-section {
  background-color: #11002B;
  text-align: center;
  position: relative;
}
section.feedback-section .container {
      z-index: 1;
    position: relative;
}

section.feedback-section .background-image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

section.feedback-section .background-image img {
    width: 100%;
    height: 100%;
}

section.feedback-section h1 {
  color: #FFFFFF;
  font-family: 'Gilroy-SemiBold', sans-serif;
  margin-bottom: 24px;
}

section.feedback-section h1 .highlight-yellow {
  color: #FFCD00;
  font-family: 'Gilroy-Bold', sans-serif;
}

section.feedback-section p {
  color: #CECBD4;
  font-size: 20px;
  margin-bottom: 1rem;
  line-height: 30px;
}

.feedback-section .form-section {
  /* max-width: 970px; */
      max-width: 756px;
  margin: 0 auto;
  text-align: left;
  background-color: #ffffff;
  border-radius: 24px;
  /* padding: 48px 24px; */
  padding: 48px 80px;
    /* position: relative;
    margin-top: 190px; */
}

.feedback-section .ai-wrapper {
    /* position: absolute;
    top: -206px;
    left: 50%;
    transform: translateX(-50%); */
        margin-bottom: -24px;
}

.feedback-section .ai-wrapper.success-image {
    margin-bottom: -96px;
}

.feedback-section .ai-wrapper img {
      max-width: 210px;
}

.feedback-section .ai-wrapper.success-image img {
    max-width: 330px;
}

.feedback-section .form-section .custom-dropdown .dropdown-toggle {
    height: 100%;
    padding: 18px 16px;
    color: #11002B;
}

.feedback-section .form-section .quick-picks-group h6 {
    font-family: 'Gilroy-SemiBold';
    font-size: 18px;
    line-height: 20px;
    color: #11002B;
    margin-bottom: 24px;
}

.feedback-section .form-section .form-group.quick-picks-group label {
    font-family: 'Gotham-book', sans-serif;
    margin-bottom: 16px;
}

.feedback-section .form-section h5 {
font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: 'Gilroy-Bold';
    color: #632DBA;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.quick-picks {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 12px 16px;
}

span.quick-pick-chip {
    display: inline-flex;
    padding: 7px 14px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 999px;
    border: 1px solid #EEECF2;
    background: #FFF;
    font-size: 15px;
    line-height: 21px;
    font-family: 'Gilroy-SemiBold';
        color: rgba(25, 0, 65, 0.48);
        cursor: pointer;
}

span.quick-pick-chip.selected {
    color: #632DBA;
    border-color: #632DBA;
    background: rgb(99 45 186 / 10%);
}

.feedback-section .form-section form {
  max-width: 820px;
  margin: 0 auto;
}

.feedback-section .form-section .form-wrapper {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 16px;
}

.feedback-section .form-section .form-wrapper .form-group:first-child,
.feedback-section .form-section .form-wrapper .form-group:nth-child(3),
.feedback-section .form-section .form-wrapper .form-group:nth-child(4) {
  grid-column: 1 / 3;
}

.feedback-section .form-section .form-wrapper .line-divider {
    background: #E5E7EB;
    height: 1px;
    width: 100%;
    grid-column: 1 / 3;
}

.feedback-section .form-section .form-group label {
font-family: 'Gilroy-SemiBold';
font-size: 16px;
line-height: 18px;
color: #11002B;
margin-bottom: 2px;
}

.feedback-section .form-section .form-group label span {
  color: #E74C3C;
}

.feedback-section .form-section .form-group .form-control {
  padding: 16px;
  /* font-family: 'Gilroy-SemiBold'; */
  border: 2px solid #C2BACF;
  border-radius: 10px;
  background-color: #FFFFFFE5;
  font-size: 14px;
  line-height: 16px;
    box-shadow: none;
    color: #3D295F;
}

.feedback-section .form-section .form-group .total-text-count {
    color: #6B7280;
    font-size: 11px;
    line-height: 25px;
    position: relative;
    top: 5px;
    width: 100%;
    text-align: end;
    margin-bottom: -8px;
}

.feedback-section .form-section .form-group .form-control::placeholder {
  color: rgba(25, 0, 65, 0.35) !important;
}

.feedback-section .form-section .form-group .invalid-feedback {
    font-size: 14px;
    line-height: 18px;
}

.feedback-section .form-section .btn-wrapper {
  text-align: center;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.feedback-section .form-section .btn-wrapper button {
      padding: 15px 20px;
  background: #632DBA;
  border: 1px solid #5A29A9;
  border-radius: 12px;
  color: #FFFFFF;
  text-align: center;
  min-width: 500px;
  width: 100%;
}
.feedback-section .form-section .btn-wrapper button span {
  color: #FFFFFF;
  font-size: 21px;
  line-height: 25px;
  font-family: 'Gilroy-SemiBold';
  font-style: normal;

}

.feedback-section .form-section .btn-wrapper span {
  /* font-family: 'Gotham-book', sans-serif; */
  font-size: 13px;
  line-height: 100%;
  /* color: #3E2960B2; */
  color: rgba(25, 0, 65, 0.35);
  text-align: center;
  font-style: italic;
  /* line-height: normal; */
}

/* Range slider styles */
.range-wrapper {
  margin-top: 16px;
}
.range-label {
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
}
.range-value {
  color: #e83e8c;
  margin-left: 8px;
}
.range-slider {
  -webkit-appearance: none !important;
  appearance: none;
     width: calc(100% + 10px);
    height: 10px;
  border-radius: 9999px !important;
  background: #e9ecef;
  outline: none;
  transition: background 150ms ease-in-out;
      border: 0 !important;
          padding: 0 !important;
    margin: -9px;
}
.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #6C2BD9;
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.25); */
box-shadow: 0 2px 12px 0 rgba(99, 45, 186, 0.40);
  cursor: pointer;
  /* margin-left: -5px; */
}
.range-slider::-moz-range-thumb {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #3b2761;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
box-shadow: 0 2px 12px 0 rgba(99, 45, 186, 0.40);
  cursor: pointer;
}
.range-ticks {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
  margin: 8px 2px 0 2px;
  color: #111827;
}
.range-ticks li {
  font-size: 14px;
  text-align: center;
  font-family: 'Gotham-book', sans-serif;
  /* font-weight: 600; */
color: rgba(25, 0, 65, 0.48);
}

.success-message {
  max-width: 520px;
  margin: 0 auto;
}


.success-message .newsletter-signup {
    background: radial-gradient(99.05% 99.05% at 50% 0.95%, #351D5D 0%, #180040 100%);
    padding: 40px 30px;
    border-radius: 15px;
    margin-top: 1.25rem;
    text-align: center;
}

.success-message .newsletter-signup p {
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.success-message .newsletter-signup label {
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    font-family: 'Gilroy-SemiBold';
    padding-bottom: 2px;
    text-align: left;
    width: 100%;
}

.success-message .newsletter-signup input.form-control {
    border: 2px solid #C2BACF;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 16px 12px;
    max-height: 52px;
    color: #3D295F;
    box-shadow: none !important;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}

.success-message .newsletter-signup .form-check {
    margin: 0 auto;
    width: 260px;
}

.success-message .newsletter-signup .form-check input {
       background-color: #CECBD4;
    border: 1px solid #632DBA;
    margin-top: 8px;
}
.success-message .newsletter-signup .form-check input:checked {
    background-color: #632DBA;
}

.success-message .newsletter-signup .form-check input + label {
    cursor: pointer;
    color: #AEA4BD;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Gotham-Book', sans-serif;
}

.success-message .newsletter-signup button.btn {
    border: 2px solid #632DBA;
    background: #632DBA;
    border-radius: 12px;
    padding: 12px 32px;
    color: #ffffff;
    font-family: 'Gilroy-SemiBold';
    text-align: center;
    margin-top: 16px;
}
.success-message .newsletter-signup div#newsletterCheckError {
    position: relative;
    white-space: nowrap;
    font-size: 14px;
    margin-left: -106px;
    margin-top: -3px;
}

@media screen and (max-width: 767.98px) {
  section.call-landing h1 {
    font-size: 46px !important;
    margin-bottom: 16px;
  }

  section.call-landing h4 {
      font-size: 24px !important;
      margin-bottom: 0px;
  }

  .integration-with-meevo h2 {
        font-size: 32px;
    line-height: 53px;
  }

 .integration-with-meevo p {
  margin-top: 0 !important;
 }

  .ai-bookings,
  .integration-with-meevo {
    margin-top: -260px;
    position: relative;
    z-index: 1;
    padding: 20px;
    gap: 20px;
  }

  .ai-bookings h3 {
    display: none;
  }

.tabs-wrapper {
    gap: 16px;
    flex-wrap: wrap;
}

  .tabs-wrapper .nav-link {
    padding: 8px 16px;
    font-size: 14px;
    white-space: nowrap;
  }

  .ai-bookings .tab-content {
    padding: 20px;
}

  .message span {
    border-radius: 12px;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 19px;
  }

  .call-landing svg {
    width: 100%;
  }

  .call-landing .start-a-trail {
      padding: 40px 0;
  }
  .feedback-section .form-section .form-wrapper {
            gap: 16px;
        display: flex;
        flex-direction: column;
  }
  /* .feedback-section .form-section .form-wrapper .form-group:first-child, */
   .feedback-section .form-section .form-wrapper .form-group:nth-child(2){
        grid-column: 1;
  }
  .feedback-section .form-section .btn-wrapper {
    margin-top: 32px;
}
  .feedback-section .form-section .btn-wrapper button {
    min-width: 100%;
    padding: 10px 20px;
  }
  .feedback-section .form-section .form-group label,
  .feedback-section .form-section .btn-wrapper button span {
      font-size: 16px;
      line-height: 18px;
  }
  .feedback-section .form-section .form-group .form-control  {
      font-size: 14px;
      line-height: 16px;
  }

  section.feedback-section p {
      font-size: 16px;
      line-height: 26px;
  }

  .feedback-section .ai-wrapper img {
      max-width: 160px;
  }

  .feedback-section .ai-wrapper.success-image {
    margin-bottom: -75px;
}

  .feedback-section .ai-wrapper.success-image img {
      max-width: 260px;
  }

  .feedback-section .form-section {
      padding: 48px 24px;
  }

  .range-slider {
      height: 6px;
  }

  .range-slider::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
  }
  .range-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
  }
}


.case-study .hero-section {
  background-color: #11002B;
  text-align: center;
  padding-bottom: 160px;
}

.case-study .hero-section h1 {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.case-study .hero-section p {
  color: #C2BACF;
}

.values-so-far {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    margin-top: 24px;
	flex-wrap: wrap;
}

.value-box {
    background: #632DBA26;
    border: 1px solid #632DBA;
    border-radius: 16px;
    padding: 16px 24px;
    min-width: 135px;
}

.value-box h5 {
    font-size: 24px;
    line-height: 24px;
    color: #FFB600;
    margin-bottom: 0;
}

.value-box span {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 14px;
}

.value-box span span {
    font-size: 12px;
    line-height: 18px;
}

.salon-company-section {
    margin-top: -190px;
}

.case-study .salon-company-section .content-wrapper {
    display: flex;
    border: 1px solid #F3F4F6;
    box-shadow: 0px 10px 15px 0px #0000001A;
    box-shadow: 0px 4px 6px 0px #0000001A;
    background: #FFFFFF;
    padding: 60px;
    gap: 32px;
    border-radius: 24px;
    align-items: center;
    justify-content: center;
}

.case-study .salon-company-section .content-wrapper img.img-fluid {
    max-width: 360px;
    max-height: 192px;
    border-radius: 16px;
	object-fit: cover;
}
.case-study .salon-company-section .content-wrapper img.salon-logo {
    max-width: 280px;
    max-height: 100px;
	  object-fit: contain;
    object-position: left;
}
.case-study .salon-company-section .company-details {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 310px;
}

.case-study .salon-company-section .company-details .flex-box {
    display: flex;
    gap: 32px;
    justify-content: flex-start;
    white-space: nowrap;
}

.case-study .salon-company-section .box h6 {
    color: #11002B;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 0;
}

.case-study .salon-company-section .box p {
    font-size: 16px;
    line-height: 32px;
    color: #3D295F;
    font-weight: 400;
    margin-bottom: 0;
}

.case-study .grid-image-with-content .item-grid:not(:last-child) {
    padding-bottom: 50px;
}
/* 
.case-study .grid-image-with-content .item-grid {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.case-study .grid-image-with-content .item-grid .text-box {
    text-align: left;
} */

.case-study .grid-image-with-content .item-grid img {
    margin: 0 auto;
    display: flex;
    border-radius: 0;
}

.case-study .grid-image-with-content .item-grid.challenge img {
    max-height: 472px;
    width: auto;
}
.case-study .grid-image-with-content .item-grid.solution img {
    max-height: 483px;
    max-width: 100%;
    width: auto;
}

.grid-image-with-content ul {
    margin: 0;
    color: #11002b;
    font-size: 16px;
    line-height: 32px;
}

.key-takeaway h2 ,
.bottom-line h2 {
    margin-bottom: 32px;
}

.key-takeaway .text-center {
    margin-bottom: 40px;
}

.key-takeaway .text-center p {
    font-size: 20px;
    font-family: 'Gilroy-Bold';
    margin-bottom: 12px;
}

.key-takeaway .text-center ul {
       display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding-inline: 0;
    font-size: 16px;
    line-height: 32px;
}

.key-takeaway strong {
    font-family: 'Gilroy-Bold';
}

.result-card {
    background: linear-gradient(284.69deg, rgba(142, 197, 252, 0.2) 0%, rgba(224, 195, 252, 0.2) 100%);
    box-shadow: 0px 8px 10px -6px #0000001A;
    box-shadow: 0px 20px 25px -5px #0000001A;
    border-radius: 16px;
    padding: 48px;
        display: flex;
    flex-direction: column;
    gap: 32px;
}

.result-card h3 {
    color: #11002b;
    font-family: "Gilroy-Bold";
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 0;
}

.result-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.result-grid .result-box:nth-child(4) {
    grid-column: 1 / 4;
}

.result-box.aos-init.aos-animate {
    background: #632DBA1A;
    padding: 24px;
    border-radius: 16px;
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.result-box span {
    color: #11002B;
    font-size: 16px;
    line-height: 32px;
}

.result-box svg {
  margin: 0 auto;
}

.result-box h5 {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 0;
}

.bottom-line p {
    color: #212529;
    font-size: 16px;
    line-height: 32px;
}

.case-study section.customer-reviews .review-wrapper {
  padding: 60px 60px;
}

.case-study section.customer-reviews .review-wrapper p.name {
  color: #F2A62E;
}

section.key-takeaway {
    padding: 40px 0 0 0;
}

section.bottom-line {
    padding-top: 40px;
}

/* .linear-bg {
    background: linear-gradient(297.24deg, rgba(17, 0, 43, 0.05) 0%, rgba(255, 182, 0, 0.1) 40%, rgba(99, 45, 186, 0.1) 70%, rgba(255, 255, 255, 0.8) 100%);
} */

/*  New Pricing Page  */

section.pricing-wrapper {
    overflow: visible !important;
}

.price-card-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 375px));
    place-content: center;
    gap: 40px;
}

.price-card-wrapper .price-card {
    border: 2px solid #3BB581;
    border-radius: 20px;
    padding: 32px 32px 48px;
    box-shadow: 0px 20px 100px 0px #1900411A;
    background: white;
    position: relative;
}

.price-card-wrapper .price-card:nth-child(1) {
    border: 2px solid #581C87;
    background: linear-gradient(90deg, #312E81 0%, #4C1D95 50%, #581C87 100%);
    color: #fff;
}

.price-card-wrapper .price-card:nth-child(1) svg {
  display: block !important;
}

.price-card-wrapper .price-card:nth-child(1) h3,
.price-card-wrapper .price-card:nth-child(1) ul li {
    color: #fff;
}

.price-card-wrapper .price-card:nth-child(2) {
    border: 4px solid #3BB581;
}

.price-card-wrapper .price-card:nth-child(1) a {
  background-color: #fff;
  color: #5A29A9;
}

.price-card-wrapper .price-card h3 {
    font-size: 40px;
    line-height: 48px;
    font-family: 'Gilroy-Bold';    
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-card-wrapper .price-card p {
    color: #C2BACF;
}

.price-card-wrapper .price-card a {
    background: #3BB581;
    padding: 15px 26px;
    border-radius: 12px;
    float: left;
    text-decoration: none;
    color: #fff;
    font-family:  'Gilroy-SemiBold';
    margin-top: 4px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 280px;
    text-align: center;
}

.price-card-wrapper .price-card ul {
    width: 100%;
    float: left;
}

.price-card-wrapper .price-card span,
.price-tab.price-on-off .price-card span.most-popular {
    display: none;
    position: absolute;
    background: #3BB581;
    border-radius: 50px;
    /* border: 1px solid #E5E7EB; */
    padding: 9px 14px;
    font-size: 14px;
    line-height: 100%;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    color: #fff;
}

.price-card-wrapper .price-card:nth-child(1) span {
    background: #8653FF;
}

.price-card-wrapper .price-card:nth-child(1) span,
.price-tab.price-on-off .price-card.medium span.most-popular {
  display: block;
}

.price-tab.price-on-off .price-card.medium span.most-popular {
    background: #10B981;
    border: 1px solid #E5E7EB
}

.roi-card {
    box-shadow: 0px 10px 15px 0px #0000001A;
    box-shadow: 0px 4px 6px 0px #0000001A;
    border: 1px solid #E5E7EB;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 30px 32px 54px;
    text-align: center;
}

.roi-card h3 {
    font-size: 40px;
    line-height: 48px;
    font-family: 'Gilroy-Bold';
}

.roi-card p {
  color: #4B5563;
}

.roi-card .form-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 325px));
    place-content: center;
    gap: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
}

.roi-card .form-wrapper label.form-label {
    text-align: left;
    float: left;
    color: #61587F;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
}

.roi-card .form-wrapper input {
    border: 1px solid #11002B59;
    background: #fff;
    border-radius: 8px;
    padding: 12px 20px;
}

.roi-card .form-wrapper .error {
  display: none;
    font-size: 12px;
    color: #ff0000;
    float: left;
}

button.btn.btn-roi {
    background: #8653FF !important;
    border-color: #8653FF !important;
    width: 100%;
    max-width: 516px;
    color: #fff !important;
    padding: 14px 24px;
    font-family: 'Gilroy-SemiBold';
    border-radius: 12px;
}

.revenue-box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 24px;
    border: 1px solid #632DBA26;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0px 0px 3px 0px #0000004D;
    margin-bottom: 24px;
}

.revenue-box .price-value-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.revenue-box .price-value-box span {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
}

.revenue-box .price-value-box span.value {
    font-size: 60px;
    line-height: 66px;
    color: #3BB581;
    font-family: 'Gilroy-SemiBold';
}

.revenue-box .price-value-box span.saved {
  color: #FF7D6B;
}

.revenue-box .price-value-box span.roi-value {
  color: #632DBA;
}

.result-view {
    padding: 32px 0 0;
    display: flex;
    flex-direction: column;
    max-width: 890px;
    margin: 0 auto;
    width: 100%;
}

.summary {
    text-align: left;
}

/* Case Study Overview */

.case-studies-overview {
    background: linear-gradient(334.79deg, rgba(17, 0, 43, 0.05) 0%, rgba(255, 182, 0, 0.1) 40%, rgba(99, 45, 186, 0.1) 70%, rgba(255, 255, 255, 0.8) 100%);
}

.shadow-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.shadow-card {
    background: linear-gradient(135deg, rgba(255, 60, 105, 0.2) 0%, rgba(42, 29, 66, 0.1) 100%);
    backdrop-filter: blur(48px);
    border-radius: 16px;
    background: #FFFFFFC4;
    border-top: 0.8px solid #FFFFFFC4;
    box-shadow: 0px 4px 6px -4px #0000001A;
    box-shadow: 0px 10px 15px -3px #0000001A;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    text-align: left;
}

.shadow-card span {
    color: #11002B;
    font-size: 14px;
    line-height: 23px;
}

.shadow-card .c-logo {
    max-width: 40px;
    min-width: 40px;
    max-height: 40px;
    min-height: 40px;
    border-radius: 50px;
    border: 2px solid #ffc300;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    overflow: hidden;
}

.shadow-card .c-logo img {
    margin-bottom: 0;
        max-width: 100%;
}

.shadow-card .c-logo .placeholder-logo {
    font-weight: 700;
    font-size: 14px;
}

.shadow-card h6 {
    font-size: 14px;
    line-height: 20px;
    color: #11002B;
    font-family: 'Gilroy-SemiBold';
    margin-bottom: 0;
}

.shadow-card p {
    color: #3E2960B2;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
}


.case-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.case-study-grid-item .card {
	border: 12px solid #BFBFBF;
	border-radius: 25px;
	padding: 0;
	height: 100%;
}

/* .case-study-grid-item:nth-child(4n+1) .card {
    border-color: #BFBFBF;
}

.case-study-grid-item:nth-child(4n+2) .card {
    border-color: #B48C2E;
}

.case-study-grid-item:nth-child(4n+3) .card {
    border-color: #79151F;
}

.case-study-grid-item:nth-child(4n+4) .card {
    border-color: #BA4A26;
} */

.case-study-grid-item .card-header {
    padding: 0;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    max-height: 240px;
    overflow: hidden;
    position: relative;
	  min-height: 240px;
    max-height: 240px;
    overflow: hidden;
	  position: relative;
}

.case-study-grid-item .card-header:before {
    content: '';
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    inset: 0;
    max-height: 240px;
}

.case-study-grid-item .card-header img.card-img-top {
    max-height: 240px;
    width: 100%;
    object-fit: cover;
	height: 100%;
}

.case-study-grid-item .case-details {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 10px 36px;
    gap: 24px;
}

.case-study-grid-item .case-logo {
    min-width: 100px;
    min-height: 100px;
    width: 100px;
    max-height: 100px;
    border-radius: 50px;
    /* border: 2px solid #ffc300; */
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    overflow: hidden;
}

.case-study-grid-item .case-details h4 {
    font-size: 24px;
    line-height: 27px;
    color: #fff;
}

.case-study-grid-item .case-details h4 a {
    color: #fff !important;
    text-decoration: none;
}

.case-study-grid-item .card-body .content {
	line-height: 22.75px;
    max-height: calc(1.5em * 3);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    color: #666666;
    font-size: 18px;
}

.case-study-grid-item .card-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.case-study-grid-item .read-link {
    text-decoration: none;
    color: #2A1D42;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Gilroy-SemiBold';
}

.case-grid .hidden-case-study {
    display: none;
}

.show-more-stories-btn {
    box-shadow: 0px 4px 6px -4px #0000001A;
    box-shadow: 0px 10px 15px -3px #0000001A;
    border: 1.6px solid #11002B !important;
    background-color: #FFFFFF !important;
    color: #11002B;
    padding: 13px 36px;
    font-size: 16px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    line-height: 24px;
    font-family: 'Gilroy-SemiBold';
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.show-more-stories-btn:hover {
    transform: translateY(-2px);
}

/* Home page new grid */



.r-card {
    background: #D2FFFF;
    border-radius: 50px;
    position: relative;
    min-height: 290px;
    overflow: hidden;
}

.r-card:nth-child(2) {
    background: #F8CBFF;
}

.r-card:not(:last-child) {
    margin-bottom: 40px;
}

.r-card.small h4 {
    padding: 24px 10px 32px 135px;
}

.r-card.small img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 300px;
    max-width: 270px;
}

.r-card h4 {
    font-size: 28px;
    line-height: 38px;
}

.r-card.large {
    background: #EEECF2;
    padding: 48px;
    height: 100%;
    /* min-height: 660px; */
}

.r-card.large img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.max-60 {
      width: 61%;
}
.max-40 {
      width: 39%;
}

.right-r-card {
    position: relative;
    height: 100%;
}

.right-r-card h3 {
    line-height: 66px;
    font-size: 50px;
    font-family: 'Gilroy-Bold';
    padding: 10px 24px 10px 42px;
}

.right-r-card .img-container {
    max-height: 420px;
    max-width: 380px;
    position: absolute;
    bottom: 32px;
    right: 0;
}

.right-r-card .img-container img.shadow-img {
    width: 160px;
    position: absolute;
    right: 160px;
    bottom: -15px;
}

.custom-row-spacing {
    margin-right: -20px;
    margin-left: -20px;
}

.custom-row-spacing .custom-col {
    padding-right: 20px;
    padding-left: 20px;
}

section.differences {
    background: #3D295F;
}

.before-after-card {
  background: #11002B;
  padding: 40px;
  border-radius: 48px;
  position: relative;
}

.before-after-card h3, .before-after-card p {
  color: #FFFFFF;
}

.before-after-container {
    max-width: 1080px;
    margin: 0 auto;
}

.before-after-labels {
  /* position: absolute; */
  /* top: 20px;
  left: 50%; */
  /* transform: translateX(-50%); */
  display: flex;
  justify-content: space-between;
  gap: 10px;
  z-index: 30;
  pointer-events: none;
}

.before-after-label {
  /* display: inline-flex;
  align-items: center;
  justify-content: center; */
  font-size: 26px;
  line-height: 28.8px;
  /* letter-spacing: 0.5px; */
  /* font-weight: 600; */
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
  /* border: 1px solid rgba(255, 255, 255, 0.35); */
  /* border-radius: 999px; */
  /* padding: 7px 13px; */
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.before-after-label.active {
  opacity: 1;
  /* border-color: #fff;
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(0); */
}

.before-after-wrapper {
  position: relative;
  margin: 0 auto;
  /* max-width: 900px; */
  margin-top: 24px;
  border-radius: 20px;
  /* overflow: hidden; */
  background: transparent;
  height: 600px;
  min-height: 600px;
}

.before-after-wrapper .before-after-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.before-after-wrapper .before-after-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  max-width: 100%;
  padding: 0 20px;
}

.before-after-wrapper .after-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  clip-path: inset(0 50% 0 0);
}

.before-after-wrapper .after-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  padding: 0 20px;
}

.before-after-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95px;
  height: 100%;
  z-index: 20;
  cursor: ew-resize;
  transform: translate(-50%, -50%);
  background-image: url("images/home/slider-handler.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  border-radius: 50%;
  pointer-events: all;
  box-shadow: 0 0 0 0 transparent;
}

/* .before-after-handle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: calc(100vw - 50% - 48px);
  height: 14px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(255,255,255,0.1), rgba(255,255,255,0));
  border-radius: 999px;
  pointer-events: none;
} */

.before-after-wrapper .before-after-image {
  width: 100%;
}

.site-branding.no-menu a.custom-logo-link {
  pointer-events: none;
}

@media screen and (max-width: 576px) {
  .before-after-wrapper {
    margin-top: 16px;
    border-radius: 12px;
  }
}

@media screen and (max-width: 1200px) {
  .r-card {
      min-height: 240px;
  }
  .r-card.small img {
    max-height: 200px;
    max-width: 200px;
}
  .r-card h4 {
      font-size: 24px;
      line-height: 34px;
  }
    .r-card.small h4 {
        padding: 24px 10px 32px 106px;
    }
    .custom-row-spacing {
        margin-right: -12px;
        margin-left: -12px;
    }
    .custom-row-spacing .custom-col {
        padding-right: 12px;
        padding-left: 12px;
    }
    .r-card.large {
      padding: 40px;
      min-height: 100%;
  }
  .right-r-card h3 {
      line-height: 45px;
      font-size: 38px;
  }
  .right-r-card .img-container {
      max-height: 330px;
      max-width: 300px;
  }
  .r-card:not(:last-child) {
      margin-bottom: 20px;
  }

  .r-card.large img {
      width: 80%;
      margin: auto;
      max-width: 350px;
  }
}

@media screen and (max-width: 991px) {
	.case-study .salon-company-section .content-wrapper img.img-fluid {
		max-width: 280px;
	}
	
	.case-study .salon-company-section .content-wrapper {
		padding: 30px;
	}

  .roi-card .form-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100%, 325px));
  }

  .shadow-card-grid {
      grid-template-columns: 1fr 1fr;
  }

  .case-grid {
      grid-template-columns: 1fr;
      gap: 32px;
  }

  .case-study .salon-company-section .company-details {
    min-width: inherit;
	}

  .max-60,
  .max-40 {
      width: 100%;
  }

  .max-60 {
    margin-top: 24px;
  }

  .r-card h4 {
      font-size: 24px;
      line-height: 34px;
  }

  .right-r-card h3 {
    line-height: 48px;
    font-size: 36px;
  }

  .right-r-card {
    min-height: 300px;
    margin-bottom: 50px;
    text-align: center;
  }

  .right-r-card .img-container {
    right: inherit;
    left: 0;
  }
  .right-r-card .img-container img.shadow-img {
    width: 140px;
    right: 80px;
    bottom: -47px;
}

  .right-r-card .img-container {
    max-height: 240px;
    max-width: 240px;
  }

  .r-card.large {
      min-height: 100%;
  }
  .before-after-wrapper {
    max-width: 100%;
    height: calc(100vw - 320px);
    min-height: auto;
  }

  .before-after-label {
    font-size: 20px;
    line-height: 21.8px;
  }

  /* section#integration {
    padding: 0;
} */
}

@media screen and (max-width: 767px) {
	p {
		font-size: 16px;
		line-height: 26px;
	}

	.values-so-far {
		gap: 24px;
	}
	
	.case-study .salon-company-section .content-wrapper {
		flex-direction: column;
		padding: 32px;
	}
	
	.case-study .salon-company-section .content-wrapper img.img-fluid {
		max-width: 100%;
	}
	
	.case-study .salon-company-section .company-details {
		width: 100%;
    min-width: inherit;
	}
	
	.case-study .salon-company-section .company-details img {
		max-width: 168px !important;
	}
	
	.case-study .grid-image-with-content .item-grid.challenge img {
		width: 100%;
	}
	
	.case-study .salon-company-section .company-details .flex-box {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	.key-takeaway .text-center ul {
		text-align: left;
	}
	
	.result-card {
		gap: 20px;
	}
	
	.result-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.result-grid .result-box:nth-child(4) {
		grid-column: 1;
	}
	
	.salon-company-section {
		margin-top: -175px;
	}

  .roi-card .form-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(100%, 325px));
  }

  .roi .container {
    max-width: 100%;
  }

  .shadow-card-grid {
      grid-template-columns: 1fr;
  }

  .logo-slider__list {
      gap: 32px;
  }

  .logo-slider__list img {
      max-height: 30px;
  }
	
	.logo-slider {
		padding-top: 8px;
	}

  .logo-slider__track {
      gap: 48px;
  }

  .case-grid {
      grid-template-columns: 1fr;
      gap: 32px;
  }

  .case-study-grid-item .case-details {
      padding: 10px 20px;
      gap: 16px;
  }

  .case-study-grid-item .case-logo {
      min-width: 60px;
      min-height: 60px;
      width: 60px;
  }

  .case-study-grid-item .card-body .content {
      line-height: 20.75px;
      font-size: 16px;
  }

  .case-study-grid-item .read-link {
      font-size: 18px;
      line-height: 22px;
  }

  .case-study-grid-item .card-header {
      max-height: 200px;
      min-height: 200px;
      max-height: 200px;
  }

  .case-study-grid-item .card-header:before {
      max-height: 200px;
  }

  .case-study-grid-item .card-header img.card-img-top {
      max-height: 200px;
  }

  section.start-a-trail {
      padding: 60px 0 30px 0;
  }

  .r-card.large {
    margin-top: 40px;
    text-align: center;
    min-height: 460px;
  }

  .r-card.large img {
    width: 60%;
    margin: auto;
    max-width: 350px;
  }

  .before-after-handle {
    width: 70px;
    height: 100%;
  }

  .before-after-label {
    font-size: 16px;
    line-height: 17px;
  }

  .before-after-wrapper {
    max-width: 100%;
    height: calc(100vw - 290px);
    min-height: auto;
  }
}

/* New trusted by section */
/* .trusted-by-salon-new {
  padding: 72px 0 64px;
} */

.trusted-by-salon-new .container {
  max-width: 1280px;
}

.trusted-by-salon-new__card {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 40px;
  position: relative;
  overflow: hidden;
}

/* .trusted-by-salon-new__card::before {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -85px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(255, 185, 69, 0.24) 0%, rgba(255, 185, 69, 0) 72%);
  pointer-events: none;
} */

.trusted-by-salon-new__content {
  max-width: 650px;
  position: relative;
  z-index: 1;
    display: flex;
  flex-direction: column;
  gap: 24px;
      align-items: flex-start;
}

.trusted-by-salon-new__eyebrow {
  border-radius: 100px;
  border: 0.8px solid rgba(17, 0, 43, 0.08);
  background: #F6F2FB;
  box-shadow: 0 1px 2px 0 rgba(17, 0, 43, 0.04), 0 6px 18px 0 rgba(17, 0, 43, 0.05);
  display: inline-flex;
  padding: 9px 16px 9px 10px;
  align-items: center;
  gap: 10px;
}

.trusted-by-salon-new__eyebrow span {
  color: #281D5B;
  font-family: "Gilroy-SemiBold";
  font-size: 13.5px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.trusted-by-salon-new__content h3 {
  color: #190041;
  font-family: 'Gilroy-Bold';
  font-size: 48px;
  font-style: normal;
  line-height: 59.4px;
  margin-bottom: 0;
}

.trusted-by-salon-new__content h3 span.red {
  color: #FF3C69;
}

.trusted-by-salon-new__content h3 span.purple {
  color: #6F42C1;
}

.trusted-by-salon-new__content a.btn.btn-demo {
    border-radius: 11px;
    background: #11002B;
    box-shadow: 0 1px 2px 0 rgba(17, 0, 43, 0.06);
    display: flex;
    height: 46.4px;
    padding: 15px 24px;
    align-items: center;
    gap: 8px;
    font-family: 'Gilroy-SemiBold';
    color: #fff;
    font-size: 14.5px;
}

.trusted-by-salon-new__content p {
  color: #3D2860;
  font-size: 18px;
  font-style: normal;
  line-height: 30px;
  margin-bottom: 0;
}

.trusted-by-salon-new__stats {
  display: flex;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
      border-radius: 24px;
    background: linear-gradient(285deg, rgba(142, 197, 252, 0.20) 0%, rgba(224, 195, 252, 0.20) 100%);
}

.trusted-by-salon-new__stats div.first {
  border-radius: 100px;
  border: 0.8px solid rgba(17, 0, 43, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(250, 248, 255, 0.90) 100%);
  box-shadow: 0 1px 2px 0 rgba(17, 0, 43, 0.04), 0 6px 18px 0 rgba(17, 0, 43, 0.05);
  display: flex;
  padding: 9px 16px 9px 10px;
  align-items: center;
  gap: 10px;
}
.trusted-by-salon-new__stats div.first span {
  color: #281D5B;
  font-size: 13.5px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.trusted-by-salon-new__stats .new__stats {
display: flex;
padding: 16px 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
  border-radius: 24px;
  border: 0.8px solid rgba(99, 45, 186, 0.14);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 4px 24px 0 rgba(99, 45, 186, 0.08), 0 1px 4px 0 rgba(99, 45, 186, 0.06);
  flex: 1;
}

.trusted-by-salon-new__stats .new__stats span {
  color: #0F0820;
font-size: 12px;
font-style: normal;
line-height: 21px;
}

p.slider-above-text {
    color: #3D2960;
    font-family: 'Gotham-Book';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.trusted-by-salon-new__stats strong {
  color: #632DBA;
  font-family: "Gilroy-Bold";
  font-size: 24px;
  line-height: 39.442px; /* 164.34% */
  letter-spacing: -0.717px;
}

.trusted-by-salon-new__media {
  position: relative;
  z-index: 1;
}

.trusted-by-salon-new__media-card {
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  /* padding: 12px; */
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
}

.trusted-by-salon-new__media-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}

.trusted-by-salon-new .logo-slider {
  padding-top: 24px;
}

.trusted-by-salon-new .logo-slider__track {
  gap: 100px;
  opacity: 1;
}

.trusted-by-salon-new .logo-slider__list {
  gap: 100px;
  align-items: center;
}

.trusted-by-salon-new .logo-slider__list img {
  max-height: 58px;
  filter: brightness(1.06);
  max-width: 250px;
}

.how-it-works-section {
    background: #11002b;
    position: relative;
    overflow: hidden;
}

.how-it-works-heading h2 {
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 48px;
    /* line-height: 64px; */
    color: #ffffff;
    text-align: center;
    margin: 0 auto 48px;
}

.how-it-works-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 42px;
}

.step-card {
    display: flex;
    flex-direction: column;
    min-height: 460px;
    padding: 32px 28px;
    border-radius: 28px;
    /* border: 1px solid rgba(255, 255, 255, 0.08); */
    border: 1px solid;
    border-image-source: radial-gradient(100% 116.45% at 0% 0%, #190041 0%, rgba(25, 0, 65, 0.25) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    background: #3D295F;
    /* box-shadow: 0 26px 80px rgba(0, 0, 0, 0.18); */
    backdrop-filter: blur(4px);
    box-shadow: 5px 5px 30px 0px #00000040; 
}

/* .step-card:nth-child(2) {
    background: rgba(64, 32, 121, 0.95);
}

.step-card:nth-child(3) {
    background: rgba(56, 31, 100, 0.95);
} */

.step-card:hover {
    background: #632DBA;
    backdrop-filter: none;
}

.step-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #ffffff;
    color: #190041;
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 18px;
    width: max-content;
}

.step-card h3 {
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 28px;
    line-height: 36px;
    color: #ffffff;
    margin: 0 0 12px;
}

.step-card p {
    font-family: "Gotham-Book", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #cecbd4;
    margin: 0 0 28px;
    max-width: 100%;
}

.step-card-visual {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
}

.step-card-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
    max-width: 100%;
    max-height: 264px;
    object-fit: contain;
}

.step-ui-shell {
    width: 100%;
    max-width: 372px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 36px;
    padding: 24px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.step-ui-header {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.step-ui-header span {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.75);
}

.step-ui-content {
    display: grid;
    gap: 14px;
}

.step-ui-line {
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.step-ui-line.short {
    width: 45%;
}

.step-ui-button {
    width: fit-content;
    padding: 14px 20px;
    border-radius: 22px;
    background: #ffffff;
    color: #190041;
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 12px;
}

.wrap {
    margin: 24px auto 0 12%;
    position: relative;
}

.wrap svg {
    position: absolute;
    top: -33px;
    right: -60px;
}

.integration-ring {
    width: min(320px, 100%);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: radial-gradient(
        circle at 45% 35%,
        rgba(255, 255, 255, 0.16),
        rgba(255, 255, 255, 0.02) 50%
    );
    position: relative;
    display: grid;
    place-items: center;
    padding: 28px;
}

.integration-ring::before {
    content: "";
    position: absolute;
    inset: 18%;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.18);
}

.integration-node {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    font-family: "Gotham-Book", sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #190041;
    background: #ffffff;
    min-width: 92px;
    text-align: center;
}

.integration-node.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 110px;
    font-weight: 700;
}

.integration-node.top {
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
}

.integration-node.left {
    left: 8%;
    top: 45%;
    transform: translateY(-50%);
}

.integration-node.right {
    right: 8%;
    top: 45%;
    transform: translateY(-50%);
}

.integration-node.bottom {
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
}

.step-visual-toggles {
    width: 100%;
    max-width: 360px;
    display: grid;
    gap: 14px;
    margin: 0 auto;
}

.toggle-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 18px 22px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
}

.toggle-item span {
    display: block;
    font-family: "Gotham-Book", sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #ffffff;
}

.toggle-switch {
    width: 44px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    position: relative;
    flex-shrink: 0;
}

.toggle-switch::after {
    content: "";
    position: absolute;
    inset: 2px auto 2px 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    transition: transform 160ms ease;
}

.toggle-item.active .toggle-switch {
    background: var(--bb-success);
}

.toggle-item.active .toggle-switch::after {
    transform: translateX(20px);
}

.landing-cta-panel {
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) minmax(280px, 1fr);
    gap: 24px;
    padding: 24px 40px;
    border-radius: 30px;
    overflow: hidden;
    background: #632dba;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 40px 120px rgba(0, 0, 0, 0.2);
}

.landing-cta-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

.landing-cta-eyebrow {
    font-family: "Gilroy-Bold", sans-serif;
    font-size: 56px;
    line-height: 60px;
    margin: 0;
    color: #ffffff;
}

.landing-cta-eyebrow span {
    color: #ffcd00;
}

.landing-cta-copy h3 {
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 36px;
    margin: 0;
    color: #ffffff;
    max-width: 520px;
}

.landing-cta-btn {
    width: fit-content;
    border-radius: 12px;
    border: 1px solid #ffcd00;
    background: #ffcd00;
    min-height: 46px;
    padding: 7px 20px;
    color: #212529 !important;
    font-family: "Gilroy-SemiBold", sans-serif;
    box-shadow:
        0 4px 6px 0 rgba(0, 0, 0, 0.1),
        0 10px 15px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
        display: block;
}

.landing-cta-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
}

.landing-cta-visual img {
    max-width: 400px;
}

/* .trusted-by-salon-new {
  padding: 72px 0 64px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f4ff 100%);
} */

.trusted-by-salon-new .container {
  max-width: 1340px;
}

.trusted-by-salon-new__figma-shell {
  position: relative;
}

.trusted-by-salon-new__figma-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: nowrap;
  min-height: 480px;
}

.trusted-by-salon-new__figma-card,
.trusted-by-salon-new__figma-quote-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 28px 80px rgba(17, 0, 43, 0.16);
}

.trusted-by-salon-new__figma-card {
  width: 420px;
  min-width: 320px;
      flex: 0 0 420px;
  height: 480px;
  border: 1px solid #fbbc04;
  background: linear-gradient(135deg, rgba(17, 0, 43, 0.9) 0%, rgba(55, 28, 100, 0.86) 100%);
}

.trusted-by-salon-new__figma-card-bg,
.trusted-by-salon-new__figma-card-bg img,
.trusted-by-salon-new__figma-quote-bg,
.trusted-by-salon-new__figma-quote-bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.trusted-by-salon-new__figma-card-bg img,
.trusted-by-salon-new__figma-quote-bg img {
  object-fit: cover;
}

.trusted-by-salon-new__figma-card-overlay,
.trusted-by-salon-new__figma-quote-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(42, 29, 66, 0.2) 0%, rgba(17, 0, 43, 0.52) 100%);
}

.trusted-by-salon-new__figma-card-glow {
  position: absolute;
  top: 250px;
  left: 50%;
  width: 1600px;
  height: 560px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(17, 0, 43, 0.72) 0%, rgba(17, 0, 43, 0) 72%);
  filter: blur(55px);
  pointer-events: none;
}

.trusted-by-salon-new__stats strong .bee-stat-prefix,
.trusted-by-salon-new__stats strong .bee-stat-num,
.trusted-by-salon-new__stats strong .bee-stat-suffix {
  font: inherit;
  color: inherit;
}

.trusted-by-salon-new__figma-card-icon {
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
  width: 64px;
  height: 64px;
  z-index: 2;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.trusted-by-salon-new__figma-card-icon img {
  width: 100%;
  height: 100%;
  display: block;
}

.trusted-by-salon-new__figma-card-body {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  padding: 16px;
  color: #ffffff;
}

.trusted-by-salon-new__figma-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-direction: column;
  align-items: flex-start;
}

/* .trusted-by-salon-new__figma-avatar {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.20);
} */

/* .trusted-by-salon-new__figma-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.trusted-by-salon-new__figma-profile-copy .name,
.trusted-by-salon-new__figma-footer-copy .name {
  margin: 0;
  font-family: 'Gilroy-SemiBold', sans-serif;
  font-size: 15px;
  line-height: 1.2;
}

.trusted-by-salon-new__figma-profile-copy .role,
.trusted-by-salon-new__figma-footer-copy .role {
  margin: 4px 0 0;
  font-family: 'Gotham-Book', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #cecbd4;
}

.trusted-by-salon-new__figma-quote {
  font-family: 'Gotham-Book', sans-serif;
  font-size: 16px;
  line-height: 1.45;
  color: #f5f0ff;
  margin: 0;
  max-width: 100%;
}

.trusted-by-salon-new__figma-divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
}

.trusted-by-salon-new__figma-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.trusted-by-salon-new__figma-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 3px;
}

.trusted-by-salon-new__figma-metric strong {
  font-family: 'Gilroy-Black', sans-serif;
  font-size: 16px;
  color: #ffcd00;
  line-height: normal;
}

.trusted-by-salon-new__figma-metric span {
  font-family: 'Gotham-Book', sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #cecbd4;
  max-width: 180px;
}

.trusted-by-salon-new__figma-rail {
  display: flex;
  gap: 16px;
  align-items: center;
}

.trusted-by-salon-new__figma-rail-card {
  position: relative;
  width: 88px;
  height: 480px;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(17, 0, 43, 0.28) 0%, rgba(17, 0, 43, 0.86) 100%), var(--rail-image) center/cover no-repeat;
  box-shadow: 0 16px 40px rgba(17, 0, 43, 0.14);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 4px;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.trusted-by-salon-new__figma-rail-card:hover,
.trusted-by-salon-new__figma-rail-card:focus {
  color: #ffffff;
  text-decoration: none;
}

.trusted-by-salon-new__figma-rail-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(17, 0, 43, 0.3) 100%);
  pointer-events: none;
}

.trusted-by-salon-new__figma-rail-image {
  position: absolute;
  inset: 0;
  background: var(--rail-image) center/cover no-repeat;
  transform: scale(1.02);
}

.trusted-by-salon-new__figma-rail-image.first {
  background-position: 70%;
}

.trusted-by-salon-new__figma-rail-image.second {
  background-position: 45%;
}

.trusted-by-salon-new__figma-rail-image.third {
  background-position: 42%;
}

.trusted-by-salon-new__figma-rail-image.fourth {
  background-position: 31%;
}

.trusted-by-salon-new__figma-rail-name,
.trusted-by-salon-new__figma-rail-card strong {
  position: relative;
  z-index: 1;
  text-align: center;
}

.trusted-by-salon-new__figma-rail-name {
  font-family: 'Gotham-Book', sans-serif;
  font-size: 9px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.trusted-by-salon-new__figma-rail-card strong {
  font-family: 'Gilroy-Black', sans-serif;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 6px;
}

p.trusted-by-salon-new__figma-quote-text {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
}

.trusted-by-salon-new__figma-quote {
  /* width: 500px; */
  min-width: 280px;
  flex: 0 1 500px;
}

.trusted-by-salon-new__figma-quote-card {
  width: 100%;
  height: 480px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(17, 0, 43, 0.2) 0%, rgba(17, 0, 43, 0.16) 100%);
}

.trusted-by-salon-new__figma-quote-bg {
  position: absolute;
  inset: 0;
}

.trusted-by-salon-new__figma-quote-bg img {
  object-fit: cover;
}

.trusted-by-salon-new__figma-quote-overlay {
  background: linear-gradient(180deg, rgba(42, 29, 66, 0.22) 0%, rgba(17, 0, 43, 0.34) 100%);
}

.trusted-by-salon-new__figma-quote-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  z-index: 2;
  text-align: center;
  padding: 32px;
}

.trusted-by-salon-new__figma-quote-content .eyebrow {
  margin: 0;
  color: #ffffff;
  font-family: 'Gotham-Book', sans-serif;
  font-size: 27px;
  line-height: 1.1;
}

.trusted-by-salon-new__figma-quote-content h3 {
  margin: 0;
  color: #ffffff;
  font-family: 'Gilroy-Black', sans-serif;
  font-size: 54px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.trusted-by-salon-new__figma-play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  margin-top: 8px;
}

.trusted-by-salon-new__figma-play img {
  width: 100%;
  height: 100%;
  display: block;
}

.faq-section {
    background: #fff;
}

.faq-title {
    margin: 0 auto 36px;
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(360px, 1fr);
}

.faq-title h2 {
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 48px;
    color: #1f1637;
    margin: 0;
}

.faq-section-grid {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(360px, 1fr);
    gap: 28px;
    align-items: start;
}

.faq-left-card {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 32px 20px;
    border-radius: 40px;
    background:
        radial-gradient(
            circle at top left,
            rgba(132, 70, 239, 0.24),
            transparent 28%
        ),
        linear-gradient(180deg, #4a1f86 0%, #1c0e43 100%);
    box-shadow: 0 35px 90px rgba(40, 10, 102, 0.18);
    color: #ffffff;
    min-height: 100%;
    max-width: 380px;
}

.faq-left-copy {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.faq-left-copy h3 {
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0;
    color: #fff;
}

.faq-left-copy p {
    font-family: "Gotham-Book", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #efeff3;
    margin: 0;
    max-width: 420px;
}

.faq-cta-btn {
    width: fit-content;
    min-width: 190px;
    background: #632dba;
    border-radius: 40px;
    width: 100%;
    margin-top: 8px;
    padding: 8px 14px;
    min-height: 50px;
    color: #ffffff !important;
        text-decoration: none;
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 18px;
    outline: 0;
}

.faq-illustration {
    width: 100%;
    border-radius: 34px;
    overflow: hidden;
    padding: 18px;
}

.faq-illustration img {
    width: 100%;
    height: auto;
    display: block;
}

.faq-right-panel {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.faq-accordion {
    display: grid;
    gap: 16px;
}

.faq-item {
    overflow: hidden;
    border-radius: 10px;
    background: rgba(99, 45, 186, 0.06);
}

.faq-item.open {
    border: 0.8px solid rgba(51, 51, 51, 0.33);
    background: var(--color-violet-4510, rgba(99, 45, 186, 0.1));
}

.faq-question {
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding: 18px 60px 18px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-family: "Gilroy-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #1f1637;
    cursor: pointer;
    position: relative;
}

.faq-question:focus {
    outline: 2px solid rgba(124, 76, 226, 0.35);
    outline-offset: 4px;
}

.faq-question .icon-btn {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #6e43d8;
    font-size: 18px;
    flex-shrink: 0;
    transition: transform 180ms ease;
    position: absolute;
    right: 16px;
    padding: 3px 8px 0;
}

.faq-item.open .faq-question .icon-btn {
    background-color: #632dba;
    color: #ffffff;
    transform: rotate(180deg);
}

.faq-item.open .faq-question .icon-btn svg path {
    fill: #ffffff;
}

.faq-answer {
    display: none;
    padding: 0 30px 28px;
    font-family: "Gotham-Book", sans-serif;
    font-size: 17px;
    line-height: 28px;
    /* color: #5a29a9; */
    background: transparent;
}

.faq-answer p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.faq-item.open .faq-answer {
    display: block;
}

.faq-link {
    color: #5a29a9;
    text-decoration: none;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
  .trusted-by-salon-new__figma-layout {
    flex-wrap: wrap;
    justify-content: center;
  }

  .trusted-by-salon-new__figma-card {
    /* width: min(100%, 420px); */
    flex: 1;
  }

  .trusted-by-salon-new__figma-rail {
    /* width: 100%; */
    justify-content: center;
    flex-wrap: wrap;
  }

  .trusted-by-salon-new__figma-quote {
    /* width: min(100%, 500px); */
    flex: 1;
  }
}

@media (max-width: 991.98px) {
  /* .trusted-by-salon-new {
    padding: 56px 0 50px;
  } */

  .trusted-by-salon-new__figma-layout {
    gap: 20px;
  }

  .trusted-by-salon-new__figma-card,
  .trusted-by-salon-new__figma-quote-card {
    height: 440px;
  }

  .trusted-by-salon-new__figma-rail-card {
    height: 440px;
  }
}

@media (max-width: 767.98px) {
  .trusted-by-salon-new__figma-layout {
    flex-direction: column;
  }

  .trusted-by-salon-new__figma-card,
  .trusted-by-salon-new__figma-quote-card,
  .trusted-by-salon-new__figma-rail-card {
    width: 100%;
    min-width: 0;
    height: auto;
  }

  .trusted-by-salon-new__figma-card {
    min-height: 420px;
  }

  .trusted-by-salon-new__figma-card-body {
    min-height: 420px;
  }

  .trusted-by-salon-new__figma-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .trusted-by-salon-new__figma-rail-card {
    height: 260px;
    min-height: 260px;
  }

  .trusted-by-salon-new__figma-quote {
    width: 100%;
  }

  .trusted-by-salon-new__figma-quote-card {
    min-height: 360px;
  }

  .trusted-by-salon-new__figma-quote-content .eyebrow {
    font-size: 22px;
  }

  .trusted-by-salon-new__figma-quote-content h3 {
    font-size: 40px;
  }

  .trusted-by-salon-new .logo-slider {
    padding-top: 18px;
  }

  .trusted-by-salon-new .logo-slider__track {
    gap: 40px;
  }

  .trusted-by-salon-new .logo-slider__list {
    gap: 40px;
  }

  .trusted-by-salon-new .logo-slider__list img {
    max-height: 36px;
  }
}




@media (max-width: 1199.98px) {
  .trusted-by-salon-new__content h3 {
    font-size: 36px;
    line-height: normal;
  }
}

@media (max-width: 991.98px) {
  /* .trusted-by-salon-new {
    padding: 56px 0 50px;
  } */

  .trusted-by-salon-new__card {
    grid-template-columns: 1fr;
    gap: 28px;
    /* padding: 32px 24px; */
  }

  .trusted-by-salon-new__content {
    max-width: 100%;
  }

  .trusted-by-salon-new__media {
    max-width: 620px;
    margin: 0 auto;
  }

  .trusted-by-salon-new .logo-slider__track {
    gap: 72px;
  }

  .trusted-by-salon-new .logo-slider__list {
    gap: 72px;
  }

  .how-it-works-grid {
        grid-template-columns: repeat(2, minmax(280px, 1fr));
    }

    .step-card:nth-child(3) {
        grid-column: span 2;
    }

    .landing-cta-eyebrow {
        font-size: 40px;
        line-height: 42px;
    }

    .faq-section-grid,
    .faq-title {
        grid-template-columns: 1fr;
    }

    .faq-left-card {
        padding: 32px;
        max-width: 100%;
    }

    .faq-illustration {
        padding: 0 16px;
    }

    .faq-illustration img {
        max-width: 300px;
    }

    .faq-left-card h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .faq-heading h3 {
        font-size: 34px;
        line-height: 44px;
    }

    .faq-left-copy h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .faq-left-copy p {
        font-size: 15px;
        line-height: 24px;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
  .trusted-by-salon-new__card {
    /* padding: 24px 18px; */
    gap: 22px;
  }

  /* .trusted-by-salon-new__eyebrow {
    margin-bottom: 12px;
  } */

  .trusted-by-salon-new__content h3 {
    font-size: 28px;
    /* margin-bottom: 12px; */
  }

  .trusted-by-salon-new__content p {
    font-size: 16px;
    line-height: 1.6;
    /* margin-bottom: 18px; */
  }

  .trusted-by-salon-new__stats {
    gap: 16px;
    width: 100%;
  }

  .trusted-by-salon-new__content {
    gap: 20px;
    align-items: center;
  }

  /* .trusted-by-salon-new__stats > div {
    min-width: 100%;
  } */

  .trusted-by-salon-new__media {
    width: 100%;
    max-width: 100%;
  }

  p.slider-above-text {
    font-size: 16px;
    line-height: 24px;
  }

  .pricing-subtitle span {
      color: #FF644D;
  }

  .trusted-by-salon-new .logo-slider {
    padding-top: 18px;
  }

  .trusted-by-salon-new .logo-slider__track {
    gap: 40px;
  }

  .trusted-by-salon-new .logo-slider__list {
    gap: 40px;
  }

  .trusted-by-salon-new .logo-slider__list img {
    max-height: 36px;
  }

  .how-it-works-grid {
        grid-template-columns: 1fr;
        margin-bottom: 24px;
    }

    .step-card:nth-child(3) {
        grid-column: 1;
    }

    .landing-cta-eyebrow {
        font-size: 32px;
        line-height: 32px;
    }

    .faq-title {
        grid-template-columns: 1fr;
    }

    .landing-cta-panel {
        padding: 24px 24px;
        grid-template-columns: 1fr;
    }

    .landing-cta-copy {
        align-items: center;
        gap: 12px;
    }

    .wrap {
        margin: 0 auto;
    }

    .wrap svg {
        display: none;
    }

    .landing-cta-visual {
        align-items: center;
        justify-content: center;
    }

    .landing-cta-visual img {
        max-width: 400px;
        max-height: 145px;
        margin: 0px auto 0 8%;
        object-fit: contain;
    }
}

/* Demo Booking Popup - Figma 767:3302 / 771:12635 */
body.demo-booking-open {
    overflow: hidden;
}

.demo-booking-overlay {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.demo-booking-overlay.is-open {
    display: flex;
}

.demo-booking-overlay-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 0, 43, 0.55);
}

.demo-booking-shell {
    position: relative;
    width: 625px;
    max-width: calc(100vw - 48px);
    z-index: 1;
}

.demo-booking-dialog {
    position: relative;
    width: 625px;
    max-width: 100%;
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 32px;
    border: 1px solid var(--color-grey-95, #EDE7FF);
    background: #FFF;
    box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.10);
    padding: 0;
    box-sizing: border-box;
}

.demo-booking-panel {
    width: 560px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.demo-booking-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border: 1px solid #ede7ff;
    border-radius: 50%;
    background: #f3f4f6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    z-index: 2;
}

.demo-booking-close svg {
    display: block;
    width: 15px;
    height: 15px;
}

.demo-booking-header {
    padding: 28px 28px 0;
}

.demo-booking-header h2 {
    font-family: 'Gilroy-ExtraBold', 'Gilroy-Bold', sans-serif;
    font-size: 22px;
    line-height: 33px;
    font-weight: 800;
    color: #190041;
    margin: 0;
}

.demo-booking-header p {
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    line-height: 19.5px;
    color: #3d2860;
    margin: 4px 0 0;
    padding-bottom: 20px;
}

.demo-booking-field--phone .demo-booking-phone-wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.demo-booking-field--phone .custom-dropdown {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    min-width: 65px;
    max-width: 65px;
    height: 46px;
}

.demo-booking-field--phone .dropdown-toggle {
    width: 100%;
    height: 46px;
    min-height: 46px;
    padding: 0 10px;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #3e2960;
    background: transparent;
    border: 0;
    border-right: 1.263px solid #ede7ff;
    border-radius: 14px 0 0 14px;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.demo-booking-field--phone .dropdown-toggle.custom-error {
    border-right-color: #ff0000;
}

.demo-booking-field--phone .dropdown-toggle::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #3e2960;
    margin-left: 2px;
}

.demo-booking-field--phone .dropdown-menu {
    min-width: 240px;
    width: 260px;
    border: 1px solid #ede7ff;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(17, 0, 43, 0.08);
    overflow-x: hidden;
}

.demo-booking-field--phone .dropdown-item {
    color: #3d2860 !important;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    padding: 8px 12px;
}

.demo-booking-field--phone .form-field {
    flex: 1;
    width: 100%;
}

.demo-booking-field--phone .form-field input#demoPhone {
    padding-left: 75px !important;
}

.demo-booking-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 28px 28px;
    width: 100%;
    box-sizing: border-box;
}

.demo-booking-success {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 28px 56px;
    min-height: 420px;
}

.demo-booking-success.is-visible,
.demo-booking-success:not(.d-none) {
    display: flex;
}

.demo-booking-success.d-none {
    display: none !important;
}

.demo-booking-success-ticket {
    width: 100%;
    max-width: 280px;
    margin-bottom: 24px;
}

.demo-booking-success-ticket img {
    width: 100%;
    height: auto;
    display: block;
}

.demo-booking-success-title {
    font-family: 'Gilroy-Bold', sans-serif;
    font-size: 28px;
    line-height: 34px;
    color: #190041;
    margin: 0 0 12px;
}

.demo-booking-success-text {
    font-family: 'Gotham-Book', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #3d2860;
    margin: 0;
    max-width: 320px;
}

.demo-booking-dialog.is-success .demo-booking-close {
    top: 16px;
}

.demo-booking-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 12px;
}

.demo-booking-row--single {
    grid-template-columns: minmax(0, 1fr);
}

.demo-booking-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0;
}

.demo-booking-label {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 11px;
    line-height: 16.5px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #3d2860;
    margin: 0 0 6px;
}

.demo-booking-size-group > .demo-booking-label {
    margin-bottom: 8px;
}

.demo-booking-label-optional {
    font-family: 'Gotham-Book', sans-serif;
    text-transform: none;
    letter-spacing: 0;
    font-size: 11px;
    color: #3d2860;
}

.demo-booking-form .demo-booking-input.form-control,
.demo-booking-form .demo-booking-textarea.form-control,
.demo-booking-select-toggle {
    width: 100%;
    box-sizing: border-box;
    border: 1.263px solid #ede7ff !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #3e2960;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 16px !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0;
}

.demo-booking-form .demo-booking-input.form-control {
    height: 46px !important;
    min-height: 46px !important;
}

.demo-booking-form .demo-booking-input.form-control:focus,
.demo-booking-form .demo-booking-textarea.form-control:focus,
.demo-booking-select-toggle:focus {
    border-color: #ede7ff !important;
    box-shadow: none !important;
}

.demo-booking-form .demo-booking-input.form-control::placeholder,
.demo-booking-form .demo-booking-textarea.form-control::placeholder,
.demo-booking-select-label.is-placeholder {
    color: rgba(62, 41, 96, 0.7) !important;
    opacity: 1;
}

.demo-booking-select-label {
    color: #3e2960;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demo-booking-form .demo-booking-textarea.form-control {
    height: 66px !important;
    min-height: 66px !important;
    resize: none;
}

.demo-booking-select {
    position: relative;
    z-index: 1;
}

.demo-booking-select.is-open {
    z-index: 20;
}

.demo-booking-select-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    text-align: left;
    cursor: pointer;
    height: 46px;
    min-height: 46px;
}

.demo-booking-select-toggle svg {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
}

.demo-booking-select-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 5;
    background: #ffffff;
    border: 1px solid #ede7ff;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(17, 0, 43, 0.08);
    max-height: 200px;
    overflow-y: auto;
    padding: 6px;
}

.demo-booking-select.is-open .demo-booking-select-menu {
    display: block;
    z-index: 21;
}

.demo-booking-field--timezone {
    position: relative;
    z-index: 1;
}

.demo-booking-field--timezone .demo-booking-select-toggle {
    pointer-events: auto;
}

.demo-booking-select-option {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 6px 12px;
    border-radius: 8px;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #3d2860;
    cursor: pointer;
}

.demo-booking-select-option:hover {
    background: #f3f4f6;
}

.demo-booking-timezone-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: min(360px, calc(100vw - 32px));
    min-width: 220px;
    max-height: none;
    overflow: hidden;
    padding: 0;
    z-index: 10080;
    pointer-events: auto;
    background: #ffffff;
    border: 1px solid #ede7ff;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(17, 0, 43, 0.08);
}

.demo-booking-timezone-menu.is-open {
    display: block;
}

.demo-booking-field--timezone .demo-booking-select-menu {
    right: auto;
    left: auto;
}

.demo-booking-timezone-search {
    padding: 8px 8px 6px;
    border-bottom: 1px solid #ede7ff;
}

.demo-booking-timezone-search input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ede7ff;
    border-radius: 10px;
    padding: 8px 12px;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #3e2960;
    outline: none;
}

.demo-booking-timezone-search input::placeholder {
    color: rgba(62, 41, 96, 0.55);
}

.demo-booking-timezone-items {
    max-height: 240px;
    overflow-y: auto;
    padding: 6px;
}

.demo-booking-timezone-group {
    padding: 10px 12px 4px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(61, 40, 96, 0.55);
}

.demo-booking-timezone-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.demo-booking-timezone-option.is-selected {
    background: rgba(255, 205, 0, 0.15);
}

.demo-booking-timezone-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demo-booking-timezone-local-time {
    flex-shrink: 0;
    font-size: 12px;
    line-height: 16px;
    color: rgba(61, 40, 96, 0.65);
}

.demo-booking-timezone-empty {
    padding: 12px;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    color: rgba(61, 40, 96, 0.7);
}

.demo-booking-size-pills {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.demo-booking-size-pill {
    border: 1.263px solid #ede7ff;
    border-radius: 10px;
    background: #ffffff;
    color: #3d2860;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 10px 4px;
    min-height: 40px;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.demo-booking-size-pill.is-selected {
    background: rgba(255, 205, 0, 0.15);
    border-color: #ffb800;
    font-family: 'Gilroy-Bold', sans-serif;
    color: #190041;
}

.demo-booking-submit {
    width: 100%;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(171.5deg, #ffcd00 0%, #ffb800 100%);
    color: #190041;
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 16px;
    line-height: 30px;
    padding: 0 20px;
    margin-top: 4px;
    cursor: pointer;
    height: 56px;
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.demo-booking-submit:disabled {
    opacity: 0.85;
    cursor: not-allowed;
}

.demo-booking-submit .btn-text,
.demo-booking-submit .btn-loader {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #190041;
}

.demo-booking-submit .btn-loader {
    display: inline-flex;
    align-items: center;
}

.demo-booking-form .invalid-feedback {
    display: none;
    font-size: 12px;
    line-height: 16px;
    color: #ff0000;
    margin-top: 4px;
}

.demo-booking-form .invalid-feedback.d-block {
    display: block;
}

.demo-booking-form .form-control.custom-error,
.demo-booking-form .demo-booking-select-toggle.custom-error,
.demo-booking-size-group.custom-error .demo-booking-size-pill {
    border-color: #ff0000 !important;
}

/* Date / Time picker - Figma 771:12635 */
.demo-dtp-panel {
    display: none;
    position: fixed;
    z-index: 10070;
    width: 332px;
    max-width: calc(100vw - 32px);
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    box-shadow: 0 12px 12px rgba(17, 0, 43, 0.06);
    padding: 14px;
    gap: 10px;
    flex-direction: column;
}

.demo-dtp-panel.is-open {
    display: flex;
}

.demo-dtp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
}

.demo-dtp-month {
    font-family: 'Gilroy-Bold', sans-serif;
    font-size: 16px;
    line-height: normal;
    color: #190041;
    margin: 0;
    text-align: center;
}

.demo-dtp-nav {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 100px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px;
}

.demo-dtp-nav svg {
    width: 16px;
    height: 16px;
    display: block;
}

.demo-dtp-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
}

.demo-dtp-weekdays span {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 11px;
    line-height: normal;
    color: rgba(62, 41, 96, 0.7);
    text-align: center;
    width: 36px;
    height: 20px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.demo-dtp-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 6px;
    width: 304px;
    max-width: 100%;
    min-height: 210px;
    margin: 0 auto;
}

.demo-dtp-day {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border: 0;
    border-radius: 100px;
    background: transparent;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    line-height: normal;
    color: #190041;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.demo-dtp-day--empty {
    pointer-events: none;
    visibility: hidden;
}

.demo-dtp-day--disabled {
    color: rgba(25, 0, 65, 0.35);
    cursor: not-allowed;
}

.demo-dtp-day.is-selected {
    background: #190041;
    color: #ffffff;
    font-family: 'Gilroy-Bold', sans-serif;
}

.demo-dtp-divider {
    height: 1px;
    width: 100%;
    background: #e5e7eb;
    margin: 12px 0;
}

.demo-dtp-time-header {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.demo-dtp-time-header svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.demo-dtp-time-header span {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #3d2860;
}

.demo-dtp-times {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 304px;
    max-width: 100%;
    height: 102px;
    overflow-y: auto;
    margin: 10px auto 6px;
}

.demo-dtp-time {
    width: 100%;
    height: 30px;
    flex-shrink: 0;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #f3f4f6;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 11px;
    line-height: normal;
    color: #3d2860;
    cursor: pointer;
    padding: 0 10px;
}

.demo-dtp-time.is-selected {
    background: rgba(255, 205, 0, 0.15);
    border-color: #ffb800;
    color: #190041;
    font-family: 'Gilroy-Bold', sans-serif;
}

.demo-dtp-time-empty {
    padding: 8px 4px;
    font-family: 'Gotham-Book', sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: rgba(61, 40, 96, 0.7);
}

.demo-dtp-confirm {
    width: 100%;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(171deg, #ffcd00 0%, #ffb800 100%);
    color: #190041;
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 16px;
    line-height: 30px;
    height: 48px;
    min-height: 48px;
    margin-top: 4px;
    padding: 0 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.demo-dtp-confirm:disabled,
.demo-dtp-confirm[aria-disabled="true"] {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

/* @media (max-width: 991.98px) {
    .demo-booking-close {
        top: 16px;
        right: 16px;
    }
} */

@media (max-width: 575.98px) {
    .demo-booking-shell,
    .demo-booking-dialog,
    .demo-booking-panel {
        width: 100%;
    }

    .demo-booking-dialog {
        border-radius: 24px;
    }

    .demo-booking-header,
    .demo-booking-form,
    .demo-booking-success {
        padding-left: 20px;
        padding-right: 20px;
    }

    .demo-booking-form {
        padding-bottom: 24px;
    }

    .demo-booking-row,
    .demo-booking-row--single {
        grid-template-columns: 1fr;
    }

    .demo-booking-timezone-menu {
        left: 16px;
        right: 16px;
        width: auto;
    }

    .demo-booking-size-pills {
        grid-template-columns: repeat(2, 1fr);
    }

    .demo-dtp-panel {
        width: min(332px, calc(100vw - 32px));
    }

    .demo-dtp-days,
    .demo-dtp-times {
        width: 100%;
    }
}

.home-reviews-stage {
  display: flex;
  align-items: stretch;
  gap: 24px;
  width: 100%;
  max-width: 100%;
}

.home-reviews-stage .meevo-26-gallery {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
}

.home-reviews-stage .meevo-26-review {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.home-reviews-stage .meevo-26-review.is-active {
  flex: 2.5 1 0;
  width: auto;
  min-width: 0;
}

.home-reviews-intro {
  flex: 0 0 360px;
  width: 360px;
  min-width: 260px;
  align-self: stretch;
}

.home-reviews-intro .trusted-by-salon-new__figma-quote-card {
  width: 100%;
  height: 100%;
  min-height: 480px;
}

@media screen and (max-width: 1199.98px) {
  .home-reviews-intro {
    flex: 0 0 280px;
    width: 280px;
  }

  .home-reviews-intro .trusted-by-salon-new__figma-quote-card {
    min-height: 440px;
  }

  .home-reviews-intro .trusted-by-salon-new__figma-quote-content .eyebrow {
    font-size: 22px;
  }

  .home-reviews-intro .trusted-by-salon-new__figma-quote-content h3 {
    font-size: 36px;
  }
}

@media screen and (max-width: 991.98px) {
  .home-reviews-intro .trusted-by-salon-new__figma-quote-card {
    min-height: 400px;
  }
  .home-reviews-stage {
    flex-direction: column;
}
.home-reviews-stage .meevo-26-gallery {
  width: 100%;
}

  .home-reviews-intro {
    max-width: 100%;
            width: 100%;
  }
}

@media screen and (max-width: 767.98px) {
  .home-reviews-stage {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .home-reviews-stage .meevo-26-reviews-slider {
    width: 100%;
  }

  .home-reviews-intro .trusted-by-salon-new__figma-quote-card {
    min-height: 360px;
    height: 370px;
  }
}