/* header */
.smtx-general-page-header {
  padding: 0px 0px !important;
}

#navbar-general {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  z-index: 1000;
  background-color: #fff;
}

@media (min-width: 1200px) {
  .facebook-landing-page1 .container {
    max-width: 1164px;
  }

  .fb-account-container .container {
    max-width: 1340px;
  }

  .join-section {
    max-width: 1340px !important;
  }

  .stripe-page-header .navbar-collapse a.nav-link {
    padding: 0 23px !important;
  }

  .header .home-page-redesign-header .navbar-collapse a.nav-link {
    padding: 0 18px !important;
  }
}


.shopify-style-general .benefit-box {
  height: 100%;
  margin: 0;
}

.top-class-feature .row>div {
  margin: 40px 0 0;
}

.dark-outline-btn {
  text-transform: uppercase !important;
  margin-left: 0px;
}

.smtx-header-btn-section {
  justify-content: flex-end;
  align-items: center;
}

.close-btn {
  position: absolute;
  right: 15px;
  cursor: pointer;
}

.header-smtx-new {
  text-transform: uppercase !important;
}

.header-sec {
  justify-content: space-around !important;
  gap: 229px !important;

  @media (max-width: 1044px) {
    gap: 0px !important;
  }
}

.close-btn-copy {
  display: none;
}

.shopify-general-navbar {
  flex-wrap: nowrap;
  padding: 11px !important;
}

/* General Feature Page CSS */
.shopify-style-general .smtx-general-page-header {
  padding: 0px 0px !important;
}

.shopify-style-general .section-smtx-logo {
  width: 240px;
}

.shopify-style-general .discount-block {
  background: linear-gradient(270deg,
      rgba(250, 240, 216, 0.2) 0%,
      rgba(250, 204, 1, 0.2) 44.5%,
      rgba(68, 132, 179, 0.2) 100%) !important;
  padding: 34px 156px 34px 73px !important;
  border: 1px solid #bc9639;
  border-radius: 30px;
  position: relative;
}

.shopify-style-general .final-cta-section {
  background: linear-gradient(270deg,
      rgba(250, 240, 216, 0.2) 0%,
      rgba(250, 204, 1, 0.2) 44.5%,
      rgba(68, 132, 179, 0.2) 100%) !important;
  padding: 45px 40px;
  border: 1px solid rgba(0, 208, 117, 0.2);
  border-radius: 30px;
}

.shopify-style-general .boost-section {
  display: flex;
}

.shopify-style-general .close-btn {
  margin-left: 13px;
}

.shopify-style-general .dark-outline-btn {
  text-transform: uppercase !important;
  margin-left: 0px;
}

.shopify-style-general .square-offer-title {
  gap: 5px !important;
  flex-wrap: wrap !important;
}

.shopify-style-general .feature-section .col-md-4 {
  padding: 0 15px;
}

.shopify-style-general .benefit-box-new {
  flex-direction: column !important;
  text-align: center !important;
  border: 1px solid;
  border-radius: 30px;
}

.shopify-style-general .smtx-one {
  background: #00d0750a;
  border: 1px solid #00d0751a;
}

.shopify-style-general .smtx-two {
  background: #4484b30a;
  border: 1px solid #4484b30a;
}

.shopify-style-general .smtx-three {
  background: #1b1b200a;
  border: 1px solid #1b1b200a;
}

.shopify-style-general .img-fluid-new {
  max-width: none !important;
  position: absolute;
  bottom: 40px;
}

.shopify-style-general .icon-div-new {
  margin-top: 0px !important;
  background-color: unset !important;
  position: relative;
}

.shopify-style-general .icon-div {
  margin: -12px auto !important;
}

.shopify-style-general .section-title-one {
  display: flex;
}

.shopify-style-general .mt-5 {
  margin-top: 5rem !important;
}

.shopify-style-general .swiper-wrapper-new {
  margin-top: 0px !important;
}

.shopify-style-general .organizations-logo-new {
  background: linear-gradient(270deg,
      rgba(250, 240, 216, 0.1) 0%,
      rgba(0, 208, 117, 0.1) 50.5%,
      rgba(250, 240, 216, 0.1) 100%);
  border-radius: 30px;
  border: 1px solid #bc963926;
}

.shopify-style-general .devider-span-new,
.devider-span-new,
.ads-campagins-page .devider-span-new {
  color: #4484b3;
}

.shopify-style-general .subtitle-text-new {
  font-weight: 500;
  font-size: 20px;
  font-weight: 400;
  color: #1b1b20;
  height: 60px;
  max-width: 1093px;
  margin: 0 auto;
}

.shopify-style-general .row-new {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}

.shopify-style-general .calendar-edit {
  width: 42px;
  height: 42px;
  position: absolute;
  right: -14px;
  top: -21px;
}

.shopify-style-general .calender-div {
  position: relative;
}

.shopify-style-general .new-btn-create {
  position: relative;
  height: 82px;
  border-radius: 177px !important;
}

.shopify-style-general .smtx-new-btn {
  position: relative;
  left: 20px;
  text-transform: uppercase !important;
  font-size: 30px;
  width: 499px;
}

.shopify-style-general .header-smtx-new {
  text-transform: uppercase !important;
}

.shopify-style-general .icon-div {
  height: 88px;
}

.shopify-style-general .organizations-logo h2 {
  font-size: 40px;
  font-weight: 700;
  margin: 37px 0px 15px 0px;
}

.price-container .text-center h2 {
  font-size: 40px;
  font-weight: 700;
}

.shopify-style-general .section-final-cta {
  padding: 36px 0px 36px 0px !important;
  justify-content: center;
  display: flex;
}

.shopify-style-general .section-title-top {
  font-weight: 700;
  line-height: 60px;
  margin: 36px 0;
}

.shopify-style-general .publish-btn {
  border: 1px solid #4484b333;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  height: 46px;
  cursor: unset;
}

.shopify-style-general .subtitle-text-new {
  font-size: 20px;
  font-weight: 400;
  color: #1b1b20;
}

.shopify-style-general .title-new {
  background-image: linear-gradient(32deg, #02a45d 14%, #31709e 0%);
  color: transparent;
  background-clip: text;
  font-weight: 600;
}

.shopify-style-general .description-text {
  font-size: 18px;
  font-weight: 500;
  color: #1b1b20;
}

.shopify-style-general .square-amount {
  color: #00d075;
}

.shopify-style-general .btn-create-event {
  position: relative;
}

.shopify-style-general .price-box-new {
  border-radius: 15px !important;
}

.shopify-style-general .btn-Farm-Agritourism {
  border-radius: 0 0 15px 15px !important;
}

.shopify-style-general .bottom-main-section {
  display: flex;
}

.shopify-style-general .bottom-section {
  font-weight: 600;
  font-size: 25px;
}

.shopify-style-general .smtx-new-common-btn {
  position: relative;
  left: 16px;
  top: 3px;
  font-size: 15px;
  font-weight: 500;
  height: 23px;
  text-transform: uppercase;
}

.shopify-style-general .calendar-edit-new {
  width: 63px;
  height: 63px;
  position: absolute;
  left: 6px;
}

.shopify-style-general .benefit-box .icon-div-new {
  height: 91px;
}

#navbar-general {
  position: fixed;
  width: 100%;
}

.price-container .subtitle-text-new {
  max-width: 900px;
}

/* Netfix page */
.faq-title {
  background-color: #b3f1d6;
  border-radius: 0px 30px 30px 0px;
  padding-left: 1.5rem;
}

.smtx-one2 {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 97.33%) padding-box,
    linear-gradient(90.73deg,
      rgba(0, 208, 117, 0.3) 0%,
      rgba(68, 132, 179, 0.3) 100.46%) border-box;
  border-radius: 20px;
  border: 1px solid;
  border-image-source: linear-gradient(90.73deg,
      rgba(0, 208, 117, 0.3) 0%,
      rgba(68, 132, 179, 0.3) 100.46%);
}

.faq-font {
  font-size: 22px;
  font-weight: 600;
  color: #1b1b20;
  margin: 0px;
  padding-right: 10px;
}

.square-discount-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  text-align: start;
  color: #1B1B20;
}

.top-page-container {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box,
    linear-gradient(101.79deg,
      rgba(0, 208, 117, 0.4) -2.85%,
      rgba(68, 132, 179, 0.4) 100.32%) border-box;
  border: 1px solid transparent;
  border-radius: 30px;
  box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.05);
  padding: 40px;
  text-align: center;
  position: relative;
}

.custom-input {
  border-radius: 150px;
  height: 65px;
  width: 60%;
  border: 1px solid #ced4da;
  background-color: #f5f5f5;
  background-image: url(../images/sms.svg) !important;
  background-position: 16px 20px;
  background-repeat: no-repeat;
  padding: 10px 55px;
  font-size: 16px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
  -webkit-text-fill-color: inherit !important;
  transition: background-color 5000s ease-in-out 0s;
  background-clip: content-box !important;
}

.custom-input:-internal-autofill-selected {
  appearance: none;
  background-image: inherit !important;
  background-color: transparent !important;
}

#surveyHeaderResponse {
  color: #f75a5e !important;
  text-align: start !important;
}

.custom-input:focus-visible {
  border: 1px solid #00ca72;
  background-position: 16px 20px;
  box-shadow: 0 0 0;
  outline: none;
}

.btn-custom {
  background: #00d075;
  color: white;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  padding: 15px 60px;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  display: flex;
}

.cta-section .btn-custom,
.signup-version-one .btn-custom {
  margin: 0 auto !important;
}

.block_cls {
  display: flex;
  flex-direction: column;
}

.common_box {
  flex-grow: 1;
}

.btn-custom:hover {
  background-color: #fff;
  border: 2px solid #00d075;
  color: #00d075;

  .right-bg-arrow {
    background: none;
    color: #00d075;
  }
}

.cta-bg .btn-custom {
  padding: 15px 20px;
  min-width: 275px;
}

.limited-offer {
  color: white;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 179px) !important;
  background: linear-gradient(270deg, #01d076 0%, #5998c7 100%);
  border: 1px solid rgba(0, 208, 117, 0.2);
  border-radius: 150px;
  padding: 14px;
}

.limited-offer>div {
  background-image: url(../images/Group.png);
  background-position-x: 670px;
  background-position-y: -11px;
  background-repeat: no-repeat;
  background-size: 230px;
}

.limited-offer img {
  width: 80px;
  height: 80px;
}

.spacer {
  margin-top: 80px;
}

.box-border {
  border: 1px solid;
  border-radius: 30px 110px;
  position: relative;
}

.boost-btn {
  border: 1px solid #4484b333;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 8px 25px;
  display: inline-block;
}

.box-border .number {
  position: absolute;
  font-weight: 400;
  font-size: 96px;
  text-align: center;
  color: #1b1b20;
  opacity: 0.05;
  top: 110px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}

.box-border-one {
  background-color: rgba(68, 132, 179, 0.05);
  border: 1px solid rgba(68, 132, 179, 0.2);
  position: relative;
}

.box-border-two {
  background-color: rgba(2, 208, 118, 0.05);
  border: 1px solid rgba(2, 208, 118, 0.2);
}

.box-border-three {
  background-color: rgba(27, 27, 32, 0.05);
  border: 1px solid rgba(27, 27, 32, 0.15);
}

.image-w {
  background: linear-gradient(131.71deg,
      rgba(68, 132, 179, 0.2) 5.11%,
      rgba(0, 208, 117, 0.2) 92.48%);
  object-fit: none;
  border-radius: 45px;
  width: 110px;
  height: 110px;
}

.smtx-one3 {
  background: linear-gradient(270deg,
      rgba(68, 132, 179, 0.05) 0%,
      rgba(0, 208, 117, 0.05) 55.5%,
      rgba(254, 250, 230, 0.05) 100%);
  border: 1px solid #4484b31a;
  border-radius: 30px;
}

/* Hubspot page */
.tm-organizations-logo {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 97.33%) padding-box,
    linear-gradient(90deg,
      rgba(188, 150, 57, 0.25) 0%,
      rgba(188, 150, 57, 0.25) 100%) border-box;
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 50px;
}

.badges .badge-g2 {
  width: 101px;
  height: 132px;
}

.form-label {
  font-size: 16px;
  font-weight: 500;
  color: #1b1b20;
}

.form-container {
  background: #ffffff;
  border-radius: 16px;
  padding: 0px 40px;
  text-align: center;
  position: relative;
  box-shadow: 0px 4px 15px 0px #00000012;
}

.custom-form-control .form-control {
  border-color: #e2e2e2;
  border-radius: 5px;
  background: #fafafa;
}

.custom-form-control label {
  margin-bottom: 4px !important;
  opacity: 1 !important;
}

/* Initially hide the green icon */
.calendar-icon.green-icon {
  display: none;
}

/* Show the green icon on hover */
#btnSubmit:hover .calendar-icon.white-icon {
  display: none;
}

#btnSubmit:hover .calendar-icon.green-icon {
  display: inline;
  width: 32px;
  height: 32px;
}

.account-create-btn {
  background: #00d075;
  color: white;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 20px;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.account-create-btn:hover {
  background-color: #fff;
  border: 2px solid #00d075;
  color: #00d075;
}

.hubspot-faq-title {
  font-family: Poppins;
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.hubspot-faq-description {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.home-caption-title {
  font-family: Poppins;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  color: #1b1b20;
  margin: 0px;
}

.home-sub-caption {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin: 0px;
  color: #1b1b20;
}

.bg-class-netflix {
  background-image: url("../images/Netflix-page-bg.png");
}

.width-adjust {
  width: max-content;
}

.input-group-append {
  position: relative;
  top: 43px;
  right: 282px;
}

.arrow-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}

.text-design {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #1b1b20;
}

.step-title {
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #8B8B8B;

}

.colour-class {
  color: #0E2F60 !important;
}

.colour-sub-class {
  color: #000000;
  opacity: 0.7 !important;
}

.btn-custom .la-long-arrow-alt-right {
  font-size: 24px;
}

.btn-primary-custom .la-long-arrow-alt-right,
.btn-outline-custom .la-long-arrow-alt-right {
  font-size: 24px;
}

.facebook-main-section {
  padding: 35px !important;
}

.main-section {
  padding: 30px !important;
}

.facebook-landing-page {
  padding: 23px 30px 0px 30px !important;
}

.hero-badges-wrap {
  margin-top: 0px;
}

.six-blocks-faq {
  padding-top: 0px !important;
}

.footer .copyright {
  margin-top: 0px;
}

.smtx-one3 .hubspot-faq-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  color: #060713;
}

.smtx-one3 .hubspot-faq-description,
.review-box-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #6b6b6b;
}

.custom-form-control .ui-field-contain {
  margin-top: 7px;
}

.custom-form-control .ui-field-contain .form-control {
  border-color: #e2e2e2;
  border-radius: 5px;
}

.custom-form-control .ui-field-contain select {
  background-color: #fafafa !important;
}

.custom-form-control .businessName-class {
  border-radius: 5px 0px 0px 5px;
}

.custom-form-control .input-group-text {
  border-radius: 0px 5px 5px 0px !important;
}

.form-toggle-password {
  position: absolute;
  font-size: 22px;
  right: 8.5%;
  margin-top: 13px;
}

.section-title-bold {
  font-weight: 700;
  font-size: 54px;
}

.section-margin {
  padding: 20px;
}

.section-margin .section-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #1b1b20;
  opacity: 60%;
  padding: 0px 65px;
}

.learn-more-btn {
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.learn-more-btn:hover {
  color: #00d075;
}

.square-discount-text .price-text {
  color: #1b1b20;
  font-weight: 600;
}

.faq-section-boxes {
  padding: 12px;
}

.faq-section-boxes .faq-subtitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #1b1b20;
  opacity: 80%;
  margin: 0px;
}

.easy-steps-subtitle {
  color: #1b1b20;
  opacity: 0.7;
  font-size: 18px;
  font-weight: 400;
  margin: 0px;
  padding: 10px;
}

.easy-steps-icons {
  width: 120px;
  height: 120px;
}

.main-section .section-title-h2 {
  font-size: 40px;
  font-weight: 700;
  margin-top: 0px !important;
}

.organizations-logo-bg {
  background: linear-gradient(90deg, #ffffff 0%, #f7f7f7 54%, #ffffff 100%);
  padding: 50px 35px;
}

.main-section .feature-title {
  font-size: 24px;
  font-weight: 600;
  color: #1b1b20;
}

.submit-btn-section {
  margin: 0px 0px 20px 0px;
}

.erro-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.form-container .field-group {
  margin-top: 1.5rem;
}

.form-container label.error {
  position: absolute;
  font-size: 12px;
  line-height: 10px;
}

.organizations-logo-section .logo-list {
  padding-bottom: 20px;
}

/* EventBrite Font common class */
.common-typo-title {
  font-family: Poppins;
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  color: #1B1B20;
}

.common-typo-descprition {
  font-family: Poppins;
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #060713;

}

.colour-description {
  color: #6B6B6B;

}

/* top first section */
.top-eventbrite-section {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box,
    linear-gradient(101.79deg,
      rgba(0, 208, 117, 0.4) -2.85%,
      rgba(68, 132, 179, 0.4) 100.32%) border-box;
  border: 1px solid transparent;
  border-radius: 30px;
  box-shadow: 0px 20px 40px 0px #0000000A;
  padding: 80px 50px;
  text-align: center;
}

.eventbrite-btn,
.radius-signup {
  text-transform: uppercase;
  border: 1px solid #00d075 !important;
}

.eventbrite-btn:hover {
  border: 1px solid #00d075 !important;
}

/* Comaparison table CSS */
.comparison-box {
  flex: 1;
  border-radius: 10px;
  padding: 3rem 1.8rem 1.8rem 1.8rem;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.box-sizing {
  border-radius: 10px;
  padding: 54px 54px 35px 53px;
  position: relative;
  height: 100%;
}

.comparison-box h4,
.box-sizing h4 {
  border-radius: 50px;
  border-width: 3px;
  padding: 11px 30px;
  gap: 10px;
  color: #fff;
  position: absolute;
  top: -24px;
  font-size: 20px;
  font-weight: 500;
  border: 3px solid #FFFFFF;
}

.simpletixe {
  border: 1px solid #00D075;
  background-color: #FFFFFF;

}

.eventbrite {
  border: 1px solid #ECECEC;
  background-color: #F9F9F9;

}

.simpletixe h4,
.bg-social-img h4 {
  background: linear-gradient(90deg, #5899C5 0%, #02D077 100%);
}

.eventbrite h4 {
  background: linear-gradient(90deg, #969696 0%, #595959 100%);
}

.list-unstyled li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  margin-bottom: 12px;
  color: #1B1B20;
  font-family: Poppins;
  font-size: 18px;
}

.comparison-box .list-unstyled {
  margin-bottom: 0;
}

.comparison-box .list-unstyled li:last-child {
  margin-bottom: 0;
}

.price-container .spacer-section {
  border-radius: 10px !important;
  margin-top: 25px !important;
}

/* Testimonials Section CSS */
.testimonial-container {
  gap: 15px;
}

.testimonial-card {
  padding: 30px;
  text-align: center;
  width: 50%;
  position: relative;
  border-radius: 30px;
}

.testimonial-card h5 {
  margin-top: 35px;
}

.testimonial-container .testimonial-bg-one {
  background: #00D0750A;
}

.testimonial-bg-one::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  border: 1px solid transparent;
  background: linear-gradient(90deg, rgba(0, 208, 117, 0.15) 0%, rgba(0, 208, 117, 0.15) 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.bg-social-img::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(179.23deg, rgba(88, 153, 197, 0.3) -1.19%, rgba(3, 207, 119, 0.3) 99.31%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.testimonial-container .testimonial-bg-two {
  background: #4484B30A;
}

.testimonial-bg-two::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  border: 1px solid transparent;
  background: linear-gradient(90deg, rgba(68, 132, 179, 0.1) 0%, rgba(68, 132, 179, 0.1) 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.icon-circle {
  width: 70px;
  height: 70px;
  background: #00D075;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 24px;
}

.square-icon {
  background: #4484B3;
}

.stars {
  color: #ffc107;
  margin: 10px 0;
}

.facebook-main-section .stars {
  margin: 0 !important;
}

.stars img {
  width: 20px;
  height: 20px;
}

.testimonial-footer {
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  padding: 10px 24px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
  color: #1B1B20;
}

.green-text {
  color: #00D075;
}

.blue-text {
  color: #4484B3;
}

/* Feature Section CSS */
.features-section {
  text-align: center;
  padding: 50px 20px;
}

.feature-card {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0px 0px 10px 0px #0000001A;
  text-align: center;
  height: 100%;
}

.shadow-feature {
  box-shadow: 0px 0px 10px 0px #0000001A !important;
}

.feature-icon {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 33.33px;
  margin: 0 auto 24px;
  background: #4484B30D;
}

/* cta SECTION  */
.cta-section {
  background: #E8F6FF;
  padding: 40px 50px;
  border-radius: 30px;
  text-align: center;
}

/* Social landing page CSS */
.btn-outline-dark {
  border-color: #000;
}

.review-card {
  border-radius: 15px;
  padding: 24px;
  box-shadow: 0px 0px 15px 0px #0000000D;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.review-bg-one {
  border: 1px solid #D4F1DE;
  background: #EFFDF4;
}

.review-bg-two {
  background: #EFF6FF;
  border: 1px solid #D2E1F4;
}

.review-bg-three {
  background: #FFF7ED;
  border: 1px solid #F0DEC7;
}

.review-bg-four {
  background: #F9F5FE;
  border: 1px solid #EDDDFF;
}

.review-quote {
  font-size: 24px;
}

.feature-card {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px #0000001A;
  text-align: center;
  transition: transform 0.3s ease-in-out;
}

.feature-description {
  border-radius: 150px !important;
  opacity: 70%;
}

.integration-width {
  width: unset !important;
}

.integration-item {
  background: #fff;
  border-radius: 20px;
  padding: 10px;
  width: auto;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: #EFEFEF solid 1px;
  flex: auto;
}

.integration-item img {
  max-width: 100%;
  height: auto;
}

.highlight {
  color: #2D74B3;
}

.cis-r,
.signup-badge {
  border: 1px solid #D8D8D880;
  border-radius: 50px;
  padding: 10px 24px;
  color: #1B1B20;
  background: #FFFFFF;
}

.bg-social-img {
  background: linear-gradient(270deg, rgba(254, 250, 230, 0.05) 0%, rgba(0, 208, 117, 0.05) 44.5%, rgba(68, 132, 179, 0.05) 100%);
}

.payment-block {
  width: 165px;
  height: 105px;
  border-radius: 20px;
  border-width: 1px;
  gap: 10px;
  padding: 10px;
}

.custom-primary-bg {
  background: #4484B3 !important;
  border: 1px solid transparent !important;
}

.custom-white-bg {
  background: #fff;
  border: 1px solid #1B1B20;
  color: #1B1B20 !important;
}

.custom-primary-bg:hover {
  background-color: #fff !important;
  border: 1px solid #4484B3 !important;
  color: #4484B3 !important;
}

.custom-white-bg:hover {
  background-color: #fff !important;
  border: 1px solid #4484B3 !important;
  color: #4484B3 !important;
}

.center-adjust {
  padding-left: 0;
  list-style: none;
}

.center-adjust li {
  color: #4484B3;
  margin: 10px 0px;
}

.center-adjust li img {
  width: 16px;
}

.feature-bg-sec,
.feature-sec-bg {
  background: linear-gradient(246.41deg, rgba(2, 207, 119, 0.06) -3.9%, rgba(87, 154, 197, 0.06) 104.89%);
  margin-top: 60px;
}

.cta-bg {
  background: linear-gradient(270deg, rgba(254, 250, 230, 0.05) 0%, rgba(0, 208, 117, 0.05) 44.5%, rgba(68, 132, 179, 0.05) 100%);
  border: 1px solid;
  border-image-source: linear-gradient(90deg, rgba(188, 150, 57, 0.1) 0%, rgba(188, 150, 57, 0.1) 100%);
}

.cta-bg h2 {
  font-weight: 400 !important;

  span {
    font-weight: 700 !important;
  }
}

.organizations-bg {
  background: linear-gradient(90deg, #FFFFFF 0%, #EBFDFF 50%, #FFFFFF 100%);
}

.separator {
  width: 50px;
  rotate: 90deg;
  opacity: 0.3;
  border: 1px solid #000000;
}

.signup-badge {
  background: #FFFFFF;
}

.square-logo {
  width: 240px;
  height: 51px;
}

.footer {
  padding: 0 !important;
}

.right-bg-arrow {
  background: #FFFFFF;
  color: #1B1B20;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.right-bg-arrow:hover {
  color: #00ca72;
}

.signup-badge img {
  margin-right: 8px;
}

.weight-class {
  font-weight: 600;
}

.signup-container {
  border: 1px solid #4484B34D;
  background-color: #FFFFFF;
  box-shadow: 0px 20px 40px 0px #0000000A;
  border-radius: 30px;
  padding: 75px 60px;
}

.custom-form-control .form-control,
.custom-form-control .ui-field-contain select {
  border-radius: 5px !important;
}

.integration-width-adjust {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 20px;
  border-width: 1px;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 0px 4px 0px #0000001A;
}

.stripe-logo-style {
  border-radius: 64px;
  padding: 10px;
  width: 124px;
  height: 117px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 0px 4px 0px #0000001A;
}

.stripe-logo-style img {
  padding: 10px 20px;
  width: 122px;
  height: 70px;
}

.stripe-page-header {
  .navbar-collapse {
    margin-right: 0 !important;
  }

  .header-btn-one,
  .header-btn-two {
    font-weight: 500 !important;
  }
}

.stripe-landing-page .review-card {
  gap: 18px !important;
}

.stripe-hero-sec .top-eventbrite-section .stripe-hero-image {
  max-height: 65.88px;
}

.stripe-main-heading {
  font-family: Poppins;
  font-weight: 600;
  font-size: 32px;
  line-height: 75px;
  letter-spacing: 0px;
  background: linear-gradient(90deg, #4484B3 0%, #00D075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.stripe-integration .integration-width-adjust {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(103.43deg, rgba(27, 27, 32, 0.5) 0%, rgba(255, 255, 255, 0) 44.72%, rgba(0, 208, 117, 0.5) 99.38%) border-box;
  border: 1px solid transparent;
  min-height: 155px;
}

.stripe-smtx {
  background: linear-gradient(90deg, #5899C5 0%, #02D077 100%);
  border-radius: 50px;
  padding: 12px 36px;
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  display: inline-block;
}

.processing-fee {
  border: 1px solid #E7E7E7;
  padding: 10px 16px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
  max-width: 223px;
  background: white;
}

.stripe-price-sec .top-eventbrite-section {
  background: #FBFBFB !important;
  border: 1px solid #00D075;
  padding: 32px !important;
}

.stripe-cta-sec {
  padding: 45px;
}

.stripe-price-sec .stripe-text {
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  opacity: 0.7;
}

.stripe-smtx-fee {
  font-family: Poppins;
  font-weight: 700;
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.2;
  letter-spacing: 0px;
  text-align: center;
  color: #1B1B20;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.stripe-smtx-span {
  font-family: Poppins;
  font-weight: 400;
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: 1.2;
  letter-spacing: 0px;
  text-align: center;
  color: #1B1B20;
  display: inline-block;
}

.feature-icon-wrapper {
  background: #4484B30D;
  border-radius: 40px;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-img {
  width: 59px;
  height: 59px;
  object-fit: contain;
}

.feature-title {
  font-size: 24px;
  font-weight: 600;
  color: #1B1B20;
}

.stripe-hero-sec .publish-btn-wrapper {
  margin: 2rem 0;
}

.stripe-hero-sec .publish-btn {
  height: unset !important;
  padding: 8px 32px !important;
  background: rgba(68, 132, 179, 0.05);
  display: inline-flex;
  align-items: center;
  max-width: fit-content;
  line-height: 1.4;
  border: 1px solid rgba(68, 132, 179, 0.2);
  color: #1B1B20 !important;
  background: #FFFFFF33;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  cursor: unset;
  transition: all 0.3s ease;
}

.toggle-password-sign-up {
  right: 3% !important;
}

.custom-form-control .input-group .form-control {
  border-radius: 5px 0px 0px 5px !important;
}

.top-sec-spacer {
  margin-top: 3rem !important;
}

.faq-home-parent {
  margin-bottom: 30px;
}

.faq-home-parent .faq-heading {
  padding-left: 3rem;
  color: #4484B3 !important;
}

.faq-home-parent .faq-subtitle-home {
  padding-left: 6rem;
}

.faq-icon {
  margin-right: 1rem;
}

.faq-subtitle-home .faq-subtitle {
  font-weight: 500 !important;
}

.faq-home {
  background-color: #1B1B20;
  color: #FFFFFF;
  width: 44px;
  height: 63px;
  border-radius: 0px 35px 30px 30px;
  position: relative;
  left: 30px;
  display: flex;
  align-items: center;
  justify-content: end;
  font-size: 22px;
  padding-right: 13px;
  min-width: 44px;
}

.faq-bg-home {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 97.33%) padding-box,
    linear-gradient(90.73deg, rgba(68, 132, 179, 0.2) 0%, rgba(27, 27, 32, 0.2) 100.46%)border-box;
  border-radius: 20px;
  border: 1px solid;
  border-image-source: linear-gradient(90.73deg, rgba(68, 132, 179, 0.2) 0%, rgba(27, 27, 32, 0.2) 100.46%);
}

.footer-home {
  margin-top: 4.5rem;
}

.footer-home .footer {
  margin-top: 0 !important;
}

.terms-condition-div {
  width: unset !important;
}

.header-btn-one {
  border-radius: 50px;
  padding-top: 14px;
  padding-right: 30px;
  padding-bottom: 14px;
  padding-left: 30px;
  background-color: #00D075;
  border: 1px solid #00d075;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}

.header-btn-two {
  border-radius: 50px;
  padding-top: 14px;
  padding-right: 30px;
  padding-bottom: 14px;
  padding-left: 30px;
  background-color: #FFFFFF;
  border: 1px solid #1B1B20;
  color: #1B1B20;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}

.header-btn-one:hover {
  color: #00D075;
  background-color: #FFFFFF;
}

.header-btn-two:hover {
  color: #FFFFFF;
  background-color: #1B1B20;
}

.new-home-bg {
  background-image: url("../images/simpletix-home-page-resdesign.png");
}

.stripe-landing-page {
  background-image: url("../images/stripe-landing-page.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.image-home {
  position: absolute;
  width: 96.69px;
  height: 86.45px;
  right: 26rem;
  top: 23rem;
}

.arrow-account {
  top: 28rem;
}

.second-homepage-version .banner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF33;
  border: 1px solid #D8E5EE;
  border-radius: 50px;
  max-width: 862px;
  margin: 0 auto;
  padding: 0px 0px 0px 21px;
}

.second-homepage-version .banner-action {
  background: #D8E5EE33;
  border-radius: 999px;
  padding: 12px 32px;
  display: flex;
  align-items: center;
}

.header .home-page-redesign-header {
  border-bottom: 1px solid #00000014;
}

.header .home-page-redesign-header .navbar-collapse {
  margin-right: 5px !important;
}

.second-homepage-version.home-page-redesign-bg {
  background-image: url("../images/smtx-home-page-bg.webp") !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.second-homepage-version .custom-input::placeholder {
  color: #1B1B20;
  opacity: 40%;
}

.second-homepage-version .review-badge-bottom {
  margin-top: 35px;
}

.second-homepage-version .section-title {
  margin-top: 0;
}

.second-homepage-version .stars {
  margin-bottom: 10px;
  margin-top: 0;
}

.second-homepage-version .box-sizing h4 {
  font-weight: 400;
}

.second-homepage-version .price-container .btn-gradient {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.second-homepage-version .banner-text {
  font-weight: 600;
  font-size: 18px;
  color: #333;
}

.second-homepage-version .banner-container a {
  color: #1B1B20;
}

.second-homepage-version .banner-link {
  font-family: Poppins;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  text-decoration: underline;
  color: #1B1B20;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
}

.second-homepage-version .section-here-home {
  padding: 30px 0px 40px 0px;
}

.second-homepage-version .homepage-headline {
  font-size: 20px;
  font-weight: 600;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.second-homepage-version .badges .badge-item {
  width: 101px;
  height: 132px;
  margin: 0px 12px;
}

.second-homepage-version.new-home-bg .testimonial-footer {
  color: #1B1B20;
  opacity: 70%;
}

.second-homepage-version .home-page-hero-v2 {
  padding-top: 60px !important;
}

.second-homepage-version .feature-bg-sec {
  margin-top: 40px;
  background: linear-gradient(246.41deg, rgba(2, 207, 119, 0.1) -3.9%, rgba(87, 154, 197, 0.1) 104.89%);
}

.second-homepage-version .feature-bg-sec .faq-home-parent {
  margin-bottom: 20px;
}

.second-homepage-version .feature-bg-sec .section-title-h2 {
  margin-top: 20px !important;
}

.second-homepage-version .feature-bg-sec .btn-custom:hover {
  background-color: transparent !important;
}

.second-homepage-version .badges-list {
  padding-bottom: 0 !important;
}

.new-home-bg .testimonial-footer {
  font-size: 14px !important;
}

/* CORP-158 and CORP-159 */
.sec-title-facbook {
  font-family: Poppins;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-align: center;
  color: #0E2F60;
}

.facebook-campaign {
  padding: 10px;
}

.facebook-campaign .custom-input,
.facebook-campaign .btn-custom {
  border-radius: 8px !important;
  font-size: 16px !important;
}

.facebook-campaign .btn-custom {
  font-weight: 500 !important;
}

.facebook-campaign .custom-form-control {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 712px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.facebook-campaign .custom-form-control .custom-input {
  width: 90% !important;
  height: 50px;
  background-position: 16px 11px;
  background-size: auto;

}

.facebook-campaign .btn-custom {
  height: 50px;
  padding: 10px 24px;
}

.facebook-campaign .custom-form-control .invalid-feedback {
  text-align: left;
  margin-top: 0;
  width: 90%;
}

.right-divider {
  width: 139px;
  height: 1px;
  background: rgba(139, 139, 139, 0.2);
}

.stepper {
  margin-bottom: 20px;
}

.step span {
  font-weight: 500px !important;
}

.step {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #8B8B8B33;
  font-weight: 500;
  font-size: 16px;
  transition: background 0.3s, color 0.3s;
}

.account-container .steps-creation .step-count {
  display: flex;
  align-items: center;
  gap: 20px;
}

.active-step {
  background: #00D075;
  color: white;
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
}

.active-font {
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5%;
  text-align: center;
  color: #0E2F60;
}

.workflow-container {
  position: relative;
  z-index: 1;
}

.account-container {
  position: relative;
}

.workflow-icon {
  background: linear-gradient(131.71deg, rgba(68, 132, 179, 0.2) 5.11%, rgba(0, 208, 117, 0.2) 92.48%);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 12px;
  box-shadow: 0 4px 8px rgba(0, 208, 117, 0.15);
}

.workflow-item {
  position: relative;
}

.workflow-item::after {
  content: '';
  position: absolute;
  left: 23px;
  top: 56px;
  width: 2px;
  height: 60px;
  background: linear-gradient(180deg, #00D075 0%, #FFFFFF 100%);
}

.workflow-item:last-child::after {
  display: none;
}

.workflow-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0E2F60;
  margin-bottom: 17px;
}

.workflow-description {
  font-family: Poppins;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #000000;
}

.workflow-preview {
  padding: 1rem;
}

.workflow-devices {
  position: relative;
  z-index: 2;
}

.workflow-mobile {
  position: absolute;
  width: 30%;
  right: 9px;
  bottom: 69px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.pricing-item {
  background: linear-gradient(180deg, #FFFFFF 0%, #EDF9FF 100%);
  border-radius: 12px;
  padding: 24px;
  height: 98%;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 2px 0px #0000002E;
}

.pricing-item:hover {
  background: rgba(0, 208, 117, 0.1);
}

.pricing-item p {
  font-family: Poppins;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: var(--02, #202224);
}

.pricing-item p span {
  color: #00d075;
  font-family: Poppins;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.join-section {
  background: #F7FAFF;
  border-radius: 16px;
  padding: 3rem 1rem;
}

.join-title {
  font-family: Poppins;
  font-weight: 700;
  font-size: 60px;
  line-height: 70px;
  text-align: center;
  background: linear-gradient(103.8deg, #2586B7 0%, #00D075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.btn-primary-custom {
  background: #2586B7;
  color: white;
  padding: 15px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid #2586B7;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
  height: 50px;
}

.btn-primary-custom:hover {
  background: white;
  color: #2586B7;
}

.btn-outline-custom {
  border: 2px solid #00CA72;
  color: #00CA72;
  padding: 15px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
  height: 50px;
}

.btn-outline-custom:hover {
  background: #00CA72;
  color: white;
}

.stats-container {
  max-width: 1200px;
  margin: 0 auto;
}

.stat-item {
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 2px 20px 35px 0px #0E2F6014;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0px 15px;
  padding: 10px;
}

.stat-number {
  font-family: Poppins;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: #0E2F60;
  margin: 0px;
}

.stat-label {
  font-family: Poppins;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #000000B2;
  margin: 0px;
}

.payment-integration {
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid #EFEFEF;
  box-shadow: 0px 0px 4px 0px #0000001A;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  width: 100%;
  flex: 1;
}

.account-container {
  padding: 2rem 3rem !important;
  border-radius: 22px !important;
  background: #FFFFFF;
  border: 8px solid rgba(37, 134, 183, 0.15) !important;
  box-shadow: 2px 20px 20px rgba(14, 47, 96, 0.03) !important;
}

.account-container .steps-creation {
  gap: 20px;
}

.account-container .facebook-steps-creation {
  gap: 9px !important;
}

.account-container .facebook-steps-creation .step-count {
  gap: 10px !important;
}

.facebook-landing-page .cis-r {
  color: #0E2F60 !important;
  font-weight: 600 !important;
  font-size: 16px;
}

.facebook-landing-page .facbook-landing-title {
  color: #0E2F60;
  font-family: Poppins;
  font-weight: 700;
  font-size: 60px;
  line-height: 76.8px;
  letter-spacing: -0.75px;
  text-align: center;
  margin: 0px;
}

.existing-account-message {
  max-width: -webkit-fill-available;
  padding: 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.existing-account-message h3 {
  color: #333;
  font-weight: 600;
}

.existing-account-message p {
  color: #666;
  line-height: 1.6;
}

.existing-account-message strong {
  color: #2196F3;
  word-wrap: break-word;
}

.existing-account-message .btn-custom,
.facebook-btn .btn-custom {
  border-radius: 8px !important;
  padding: 15px 24px !important;
  height: 50px !important;
  font-weight: 500 !important;
}

.facebook-btn .outline-secondary-btn:hover {
  border-color: #4484B3 !important;
}

.message-icon {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

.facebook-feature-bg .feature-title {
  font-size: 22px !important;
  line-height: 33.6px !important;
}

.facebook-feature-bg .testimonial-footer {
  font-size: 16px !important;
  font-weight: 400;
  font-style: normal !important;
}

.facebook-feature-bg .feature-card,
.stripe-landing-page .feature-card {
  border-radius: 20px !important;
}

/* Bg sec */
.facebook-landing-page1 {
  background-image: url("../images/background-hero-pic.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.payment-bg {
  background-image: url("../images/payment-bg.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

.choice-card {
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.choice-card:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.icon-wrapper {
  color: #2563eb;
}

.outline-secondary-btn {
  background: transparent;
  border: 2px solid #4484B3;
  color: #4484B3;
}

.outline-secondary-btn:hover {
  background: #4484B3;
  color: white;
}

.la-calendar-check:before {
  font-size: 67px;
  color: #00D075;
}

.la-phone-volume:before {
  font-size: 70px;
  color: #4484B3;
}

.stripe-hero-sec .common-typo-title {
  text-align: left;
  font-size: 54px;
}

.stripe-hero-sec .content-wrap {
  max-width: 710px;
}

.stripe-hero-sec .separator {
  position: relative;
  width: 1px;
  border: 0;
  height: 83px;
  background: rgba(0, 0, 0, 0.3);
  rotate: none;
}

.stripe-hero-sec .separator:before,
.stripe-hero-sec .separator:after {
  content: "";
  width: 5px;
  height: 5px;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  border-radius: 100%;
  left: -2px;
}

.stripe-hero-sec .btn-custom,
.stripe-cta-sec .btn-custom {
  padding: 13px 32px !important;
  font-weight: 500 !important;
}

.stripe-hero-sec .btn-custom:hover,
.stripe-cta-sec .btn-custom:hover {
  background-color: transparent !important;
}

.stripe-hero-sec .stripe-buttons button,
.stripe-cta-sec .btn-custom {
  border: 1px solid #00d075 !important;
}

.stripe-hero-sec .stripe-buttons button:hover,
.stripe-cta-sec .btn-custom:hover {
  border: 1px solid #00d075 !important;
}

.stripe-hero-sec .separator:after {
  bottom: 0;
}

.stripe-hero-sec .top-eventbrite-section {
  padding: 49px 70px;
}

.stripe-landing-page .review-box-description {
  font-size: 17px !important;
}

.stripe-price-sec .boost-btn,
.stripe-landing-page .common-typo-title {
  margin-bottom: 40px;
}

.stripe-hero-sec .custom-primary-bg {
  background-color: transparent !important;
  border: 1px solid #4484B3 !important;
  color: #4484B3 !important;
}

.stripe-hero-sec .custom-primary-bg:hover {
  background: #4484B3 !important;
  border: 1px solid transparent !important;
  color: #fff !important;
}

.overlap-country .custom-form-control .ui-field-contain {
  margin-top: -23px !important;
}

.square-landing-page .devider-span-thin-italic {
  font-weight: 400;
  font-style: italic;
}

.square-landing-page .custom-input {
  background-color: #ffffff;
}

.square-landing-page .processing-fee {
  max-width: 271px;
}

.square-landing-page .square-fee-note {
  color: #4484B3;
  padding: 20px 20px 5px 20px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 20px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
}

.square-landing-page .stripe-logo-style {
  width: 244px;
  height: 130px;
  border-radius: 500px;
  gap: 16px;
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 28px;
  padding-left: 10px;
  border-width: 1px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.square-landing-page .square-image-description {
  color: #1B1B20;
  font-family: Poppins;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
  margin: -14px;
}

.square-landing-page .stripe-logo-style img {
  padding: 0;
  max-width: 130px;
  max-height: 50px;
  margin-bottom: 10px;
}

.square-landing-page .apple-pay-image img {
  max-width: 76px !important;
}

/* Payment Options Section Styles */
.square-landing-page .payment-options-section .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 767px) {
  .square-landing-page .payment-options-section .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .square-landing-page .payment-options-section .stripe-logo-style {
    flex: 0 0 47%;
    max-width: 47%;
    margin: 0 0 15px 0;
  }

  .square-landing-page .payment-options-section .row>div:nth-child(5) {
    flex: 0 0 47%;
    max-width: 47%;
  }
}

.square-landing-page .stripe-cta-sec {
  padding: 80px;
}

.square-landing-page .shopify-general-navbar {
  padding: 11px 11px 11px 0px !important;
}

.square-landing-page .square-feature-title {
  max-width: 100px;
  text-align: justify;
}

.square-landing-page .feature-img {
  min-width: 100px;
}

.square-landing-page .square-page-btn {
  position: relative;
}

.square-landing-page .image-home {
  top: -12px;
  right: 26rem;
}

/* Box-Office CSS */
.box-office-landing-page .section-space {
  padding: 40px 0 40px 0;
}

.box-office-landing-page .section-title-space {
  margin-bottom: 40px;
}

.box-office-landing-page .easy-steps-subtitle {
  margin-bottom: 30px;
}

.box-office-landing-page .workflow-description {
  opacity: 0.7;
  color: #1b1b20;
}

.box-office-landing-page .app-download-buttons {
  margin: 32px 0 32px 0;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

.box-office-landing-page .gradient-underline {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.box-office-landing-page .feature-boxoffice-section .gradient-underline::after {
  z-index: -1;
}

.box-office-landing-page .gradient-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 4px;
  background-image: url("../images/line-texture.svg");
  background-position: left center;
  background-repeat: no-repeat;
  z-index: 0;
  background-size: contain;
}

.box-office-landing-page .boxoffice-app-btn {
  background: #ffffff;
  border: 1.12px solid #012650;
  border-radius: 55.88px;
  border-width: 1.12px;
}

.box-office-landing-page .title-container {
  text-align: center;
  width: 100%;
}

.box-office-landing-page .btn-custom {
  padding: 18px 32px;
}

.box-office-landing-bg {
  background-image: url("../images/simpletix-organizer-app.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
}

/* Hero Section Styles */

.box-office-landing-page .device-mockup {
  max-width: 100%;
  height: auto;
}

.box-office-landing-page .boxoffice-headling {
  max-width: 670px;
  padding: 24px;
  border-radius: 20px;
  background: transparent;
  position: relative;
  margin-top: 32px;
  z-index: 0;
}

.box-office-landing-page .boxoffice-headling::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  border-radius: 20px;
  background: linear-gradient(90deg,
      rgba(68, 132, 179, 0.4) 0%,
      rgba(0, 208, 117, 0.4) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

.box-office-landing-page .feature-icon {
  width: 85px;
  height: 85px;
  border-radius: 35px;
}

.box-office-landing-page .feature-card {
  border: 1px solid #ebebeb;
  box-shadow: 0px 5px 25px 0px #00000008;
  padding: 24px 36px;
  border-radius: 16px;
}

.box-office-landing-page .feature-boxoffice-section .feature-card {
  position: relative;
  overflow: hidden;
}

.box-office-landing-page .feature-boxoffice-section .feature-card::before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 0;
  height: 4px;
  background: #4484b3;
  border-radius: 0 0 2px 2px;
}

.box-office-landing-page .feature-title {
  color: #4484b3;
  font-family: Poppins;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px;
}

.box-office-landing-page .box-feature-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: 0px;
  text-align: center;
  color: #1b1b20;
}

.box-office-landing-page .device-mockup img {
  max-width: 100%;
  height: auto;
  transform: scale(1.2);
  transition: transform 0.3s ease;
}

.box-office-landing-page .btn-app {
  transition: transform 0.2s ease;
}

.box-office-landing-page .btn-success {
  background-color: #00d084;
  border-color: #00d084;
}

.box-office-landing-page .btn-success:hover {
  background-color: #00b873;
  border-color: #00b873;
}

/* Role-Based Access Control Styles */
.box-office-landing-page .role-based-section {
  background: #f8fafc;
}

.box-office-landing-page .role-based-section .container>.row>div {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.email-heropart .custom-input {
  width: auto;
  flex: 1;
  background-color: #ffffff;
}

.email-heropart .btn-custom {
  line-height: 1;
  white-space: nowrap;
}

.box-office-landing-page .role-based-section .box-feature-title {
  text-align: start;
  word-break: break-word;
}

.box-office-landing-page .role-based-section .col-lg-6:nth-child(1),
.box-office-landing-page .role-based-section .col-lg-6:nth-child(3) {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.box-office-landing-page .email-heropart .custom-input {
  padding: 10px 66px;
  background-position: 30px 18px;
}

.box-office-landing-page .role-based-section .role-card {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0px 5px 25px 0px #00000008;
  height: 100%;
  position: relative;
  gap: 24px;
  overflow: hidden;
}

.box-office-landing-page .role-based-section .role-card .center-adjust li {
  display: inline-block;
  margin: 0px 0px 8px 0px;
}

.box-office-landing-page .role-based-section .role-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #00d075;
  border-radius: 2px 0 0 2px;
}

.box-office-landing-page .role-icon {
  width: 85px;
  height: 85px;
  border-radius: 35.42px;
  object-fit: none;
}

.box-office-landing-page .role-subtitle {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}

.box-office-landing-page .step-title {
  font-weight: 400;
  text-align: start;
  margin: 0;
}

.box-office-landing-page .role-features .step-title {
  font-weight: 400;
  color: #4484b3;
}

/* Tutorial Section Styles */
.box-office-landing-page .tutorial-section {
  background: #e8f6ff;
  border-radius: 12px;
}

.box-office-landing-page .tutorial-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
}

.box-office-landing-page .video-container {
  margin-top: 30px;
  border-radius: 16px;
  overflow: hidden;
  padding: 8px;
}

.box-office-landing-page .video-wrapper {
  position: relative;
  width: 100%;
}

.box-office-landing-page .video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.video-poster-overlay {
  display: flex;
  justify-content: center;
}

.box-office-landing-page .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.box-office-landing-page .video-poster-overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.box-office-landing-page .video-poster-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 600px) {
  .box-office-landing-page .video-poster-overlay img {
    object-fit: contain;
  }

  .box-office-landing-page .play-button {
    width: 48px;
    height: 48px;
  }
}

.box-office-landing-page .play-label {
  position: absolute;
  bottom: 33%;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  text-align: center;
  z-index: 2;
  pointer-events: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  font-family: Poppins;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
}

@media (max-width: 600px) {
  .box-office-landing-page .play-label {
    font-size: 11px;
    bottom: 30%;
  }
}

.box-office-landing-page .footer .copyright a {
  color: #ffff !important;
  text-decoration: none;
}

.box-office-landing-page .step-content h4 {
  margin-bottom: 0;
}

.box-office-landing-page .play-button img {
  width: 24px;
  height: 24px;
}

/* Scan Only Mode Section Styles */
.box-office-landing-page .feature-box {
  padding: 14px 24px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  box-shadow: 0px 5px 25px 0px #00000008;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  gap: 16px;
}

.box-office-landing-page .feature-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #00d075;
  border-radius: 2px 0 0 2px;
}

.box-office-landing-page .feature-box-title {
  font-size: 20px;
  font-weight: 600;
  color: #1b1b20;
  margin: 16px 0 8px;
}

.box-office-landing-page .email-signup .feature-box-text {
  opacity: 1;
}

.box-office-landing-page .feature-box-text {
  font-family: Poppins;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0px;
  color: #1b1b20;
  opacity: 0.7;
}

.box-office-landing-page .scan-key-note {
  padding: 8px 16px 8px 16px;
  margin-top: 50px;
  border-radius: 8px;
  font-size: 14px;
  color: #1B1B20;
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 97.33%) padding-box,
    linear-gradient(90deg,
      rgba(68, 132, 179, 0.4) 0%,
      rgba(0, 208, 117, 0.4) 100%) border-box;
  border-radius: 28px;
  border: 1px solid;
  border-image-source: linear-gradient(90deg,
      rgba(68, 132, 179, 0.4) 0%,
      rgba(0, 208, 117, 0.4) 100%);
}

.box-office-landing-page .scan-mode-section {
  padding: 80px 0 40px 0;
}

.box-office-landing-page .scan-mode-section .text-design {
  opacity: 0.7;
  text-align: start;
}

.box-office-landing-page .scan-mode-section .box-feature-title {
  text-align: start;
}

.box-office-landing-page .scan-mode-section .feature-icon {
  width: 64px;
  height: 64px;
  border-radius: 35px;
  object-fit: none;
}

.scan-mode-section .container>.row {
  --bs-gutter-x: 4.5rem;
}

/* Quick Setup Process Styles */
.box-office-landing-page .setup-process-box {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0px 5px 25px 0px #0000000d;
}

.box-office-landing-page .right-box {
  max-width: 480px;
  width: 100%;
}

.box-office-landing-page .setup-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 0px;
  color: #1b1b20;
  margin-bottom: 38px;
}

.box-office-landing-page .setup-steps {
  display: flex;
  flex-direction: column;
  gap: 41px;
  position: relative;
}

.box-office-landing-page .setup-step {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  margin-bottom: 0px;
}

.box-office-landing-page .step-number {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: #4484b3;
  color: white;
  border-radius: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-family: Poppins;
  font-size: 19.53px;
  line-height: 100px;
  letter-spacing: 0px;
  position: relative;
}

.box-office-landing-page .setup-step::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 50px;
  width: 2.5px;
  height: calc(100% - -1px);
  background-color: #4484b3;
}

.box-office-landing-page .setup-step:last-child::before {
  display: none;
}

.box-office-landing-page .step-content h4,
.box-office-landing-page .hero-sec-btn {
  font-family: Poppins;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #1b1b20;
}

.box-office-landing-page .footer-middle {
  display: flex;
  gap: 40px;
}

/* End of the Box-office CSS */
/* *All Media Queries */
@media (min-width: 1400px) and (max-width: 1440px),
(min-width: 1199px) and (max-width: 1240px),
(min-width: 993px) and (max-width: 1060px) {
  .close-btn {
    position: unset;
    margin-left: 20px;
  }
}

@media (min-width: 1700px) {
  .shopify-style-general .benefit-box-new {
    height: 223px;
  }
}

@media (min-width: 1636px) {
  .shopify-style-general .final-cta-section {
    display: flex;
  }

  .shopify-style-general .feature-section {
    margin: 0px 165px;
  }
}

@media (min-width: 769px) {
  .shopify-style-general .top-class-feature {
    padding: 80px 0 0px 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .shopify-style-general .final-cta-section {
    padding: 36px 44px !important;
  }

  .shopify-style-general .discount-block {
    padding: 36px 44px !important;
  }

  .shopify-style-general .feature-section {
    margin: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .shopify-style-general .container-lg {
    max-width: 960px;
  }

  .stripe-hero-sec {
    .top-eventbrite-section {
      padding: 49px 34px;
    }

    .separator {
      rotate: 91deg;
      height: 51px;
    }

    .top-eventbrite-section .stripe-hero-image {
      max-height: 50.88px;
      width: 177px;
    }
  }

  .new-home-bg .main-section .feature-title,
  .second-homepage-version .main-section .feature-title {
    font-size: 21px;
  }

  .box-office-landing-page .feature-box {
    min-height: 153px;
  }
}

@media (min-width: 686px) and (max-width: 768px) {
  .shopify-style-general .new-btn-create {
    margin-top: 0rem !important;
  }
}

@media (min-width: 630px) and (max-width: 767px) {
  .shopify-style-general .event-buttons {
    width: 50%;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .shopify-style-general .subtitle-text-new {
    font-size: 14px !important;
    margin: 0px !important;
  }

  .shopify-style-general .btn-model {
    margin-top: 0px !important;
  }

  .shopify-style-general .section-title-new {
    font-size: 32px !important;
  }

  .stripe-hero-sec {
    .top-eventbrite-section {
      padding: 49px 34px;
    }

    .separator {
      rotate: 91deg;
      height: 51px;
    }

    .top-eventbrite-section .stripe-hero-image {
      max-height: 50.88px;
      width: 177px;
    }
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .shopify-style-general .calendar-edit {
    width: 36px !important;
    height: 35px !important;
    top: -18px !important;
    left: -10px !important;
  }

  .shopify-style-general .container-md {
    max-width: 720px;
  }
}

@media (min-width: 320px) and (max-width: 576px) {
  .shopify-style-general .calendar-edit {
    width: 36px !important;
    height: 36px !important;
    position: absolute !important;
    right: -25px !important;
    top: -18px !important;
  }
}

@media (min-width: 320px) and (max-width: 408px) {
  .shopify-style-general .subtitle-text-new {
    font-size: 13px !important;
  }
}

@media (min-width: 320px) and (max-width: 360px) {
  .shopify-style-general .btn-model {
    margin-top: 30px !important;
  }
}

@media (min-width: 320px) and (max-width: 342px) {
  .shopify-general-navbar .header-smtx-new {
    font-size: 10px !important;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .stripe-hero-sec .common-typo-title {
    font-size: 48px;
  }

  .stripe-hero-sec .content-wrap {
    padding-right: 49px !important;
  }

  .stripe-hero-sec .publish-btn {
    font-size: 16px;
  }

  .stripe-hero-sec .top-eventbrite-section .stripe-hero-image {
    width: 205px;
  }

  .stripe-hero-sec .btn-custom {
    font-size: 16px;
  }

  .stripe-main-heading {
    line-height: 57px;
  }
}

@media (min-width: 991px) and (max-width: 1399px) {
  .stripe-feature .feature-card {
    min-height: 357px !important;
  }

  .square-feature-sec .feature-card {
    min-height: 296px !important;
  }

  .image-home {
    right: 20rem;
  }
}

@media (max-width: 1400px) {
  .close-btn {
    right: 5px;
  }

  .box-office-landing-page .role-based-section .role-card {
    max-height: 300px;
    padding: 16px;
  }

  .box-office-landing-page .scan-mode-section {
    padding: 35px 0 20px 0;
  }
}

@media (max-width: 1399px) {
  .form-toggle-password {
    right: 10.5% !important;
  }
}

@media (max-width: 1200px) {
  .home-caption-title {
    font-size: 50px !important;
  }

  .text-design {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .limited-offer {
    width: calc(100% - 52px) !important;
  }

  .badges .badge-g2 {
    width: 76px !important;
    height: 84px !important;
  }

  .arrow-img {
    position: relative;
    top: 50px;
    right: 100px;
  }

  .btn-signup-eventbrite {
    font-size: 18px !important;
  }

  .box-office-landing-page .right-box {
    max-width: 100%;
    margin: 20px 0 0 0;
  }

  .section-title-bold {
    font-size: 47px;
  }

}

@media (max-width: 1199px) {
  .top-class-feature .row>div {
    margin: 50px 0 0;
  }

  .eventbrite-btn {
    padding: 7px 35px !important;
  }

  .section-margin .btn-custom {
    padding: 1rem !important;
  }

  .stat-number {
    font-size: 34px;
  }
}

@media (max-width: 992px) {
  .smtx-header-btn-section {
    justify-content: center;
  }

  .shopify-style-general .section-final-cta {
    padding: 35px 0 36px 0px !important;
  }

  .container-nav {
    flex-direction: column !important;
  }

  .close-btn {
    display: none;
  }

  .close-btn-copy {
    display: block;
    position: absolute;
    right: 15px;
    top: 1.6rem;
  }

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

  .shopify-general-navbar {
    flex-wrap: wrap;
    justify-content: center;
  }

  .smtx-header-btn-section {
    margin-top: 0px !important;
  }

  .header-sec {
    flex-flow: column !important;
  }

  .home-page-redesign-header .container-nav {
    flex-direction: row !important;
  }
}

@media (max-width: 991px) {
  .boost-btn,
  .btn-custom,
  .home-sub-caption {
    font-size: 17px !important;
  }

  .home-caption-title {
    font-size: 40px !important;
    line-height: 50px !important;
  }

  .square-discount-text {
    font-size: 17px !important;
  }

  .padding-adjust {
    margin-bottom: 22px;
  }

  .form-toggle-password {
    right: 6.5% !important;
  }

  .left-section {
    padding-right: 0px !important;
    padding-bottom: 20px;
  }

  .space-adjust {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-bg .btn-custom {
    min-width: 220px;
  }

  .feature-description {
    border-radius: 20px !important;
  }

  .box-sizing h4 {
    font-size: 12px !important;
  }

  .custom-input {
    width: 100% !important;
  }

  .facebook-campaign .custom-input {
    width: 90% !important;
  }

  .join-title,
  .facebook-landing-page .facbook-landing-title {
    font-size: 3rem;
    line-height: 64.8px;
  }

  .stat-item {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px 15px;
    padding: 15px;
    gap: 5px;
  }

  .integration-width-adjust {
    flex: 30.2%;
    max-width: 30.2%;
  }

  .stripe-hero-sec {
    .col-lg-8 {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 35px;
    }

    .common-typo-title {
      font-size: 47px;
    }

    .common-typo-title,
    .stripe-main-heading {
      text-align: center;
    }

    .stripe-buttons {
      justify-content: center;
    }

    .top-eventbrite-section {
      max-width: 710px;
    }

    .stipe-page-headline {
      display: flex;
      justify-content: center;
    }
  }

  .stripe-landing-page .integration-width-adjust {
    flex: 15.2%;
    max-width: 23.2%;
  }

  .ads-campagins-page .container,
  .ads-campagins-page-header .container,
  .ads-bg-footer-blue .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 22px;
    padding-right: 22px;
  }

  .ads-campagins-page .content-title {
    font-size: 28px !important;
  }

  .ads-campagins-page .container {
    gap: 18px !important;
  }

  .ads-campagins-page .hero-section .left-section,
  .ads-campagins-page .manage-order-section .left-section {
    align-items: center;
    text-align: center;
  }

  .ads-campagins-page .manage-order-section .left-section .section-description {
    padding: 0 !important;
    text-align: center !important;
  }

  .ads-campagins-page .trusted-logos-container .logo-item .organization-logo {
    height: 80px !important;
  }

  .ads-campagins-page .trusted-logos-container .logo-item .organization-logo.roebling-rink {
    padding-right: 10px;
  }

  .ads-campagins-page .hero-section .hero-action-btn {
    justify-content: center;
    width: 100%;
  }

  .ads-campagins-page .hero-section .hero-action-btn input {
    width: 50% !important;
  }

  .ads-campagins-page .trusted-logos-container .customer-count .count {
    font-size: 24px !important;
  }

  .ads-campagins-page .trusted-logos-container .customer-count .count-label {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .ads-campagins-page .section-title-main {
    font-size: 50px !important;
  }

  .ads-campagins-page .manage-order-section .left-section .content-title,
  .ads-campagins-page .manage-order-section .left-section .section-description,
  .ads-campagins-page .hero-section .section-description {
    max-width: 100% !important;
  }

  .second-homepage-version .banner-link {
    font-size: 15px;
  }

  .second-homepage-version .homepage-headline {
    font-size: 18px;
  }

  .second-homepage-version .banner-link img {
    width: 15px;
    height: 15px;
  }

  .second-homepage-version .banner-container {
    padding: 12px 0px 9px 0px;
  }

  .home-page-redesign-header .container-nav {
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    justify-content: space-between !important;
  }

  .square-landing-page .square-feature-title {
    max-width: 100%;
  }

  .box-office-landing-page .setup-process-box {
    margin-top: 40px;
  }

  .box-office-landing-page .hero-section {
    padding: 40px 0;
  }

  .box-office-landing-page .device-mockup img {
    transform: scale(1);
  }

  .box-office-landing-page .tutorial-container {
    padding: 30px 0;
  }

  .box-office-landing-page .role-card {
    padding: 20px;
  }

  .box-office-landing-page .role-based-section .role-card {
    max-height: 300px;
    padding: 16px;
  }

  .scan-mode-section .container>.row {
    --bs-gutter-x: 0rem !important;
  }

  .box-office-landing-page .play-label {
    bottom: 32%;
    font-size: 15px;
  }
}

@media (min-width: 991px) {
  .custom-btn-wrap {
    flex-direction: row !important;
  }

  .btn-signup-eventbrite {
    margin-top: 0 !important;
  }

  .box-office-landing-page .easy-steps-subtitle {
    max-width: 43%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 939px) {
  .shopify-style-general .img-fluid-new {
    bottom: 30px !important;
  }
}

@media (max-width: 768px) {
  .shopify-style-general .final-cta-section {
    padding: 27px !important;
  }

  .shopify-style-general .discount-block {
    padding: 27px !important;
  }

  .shopify-style-general .description-text {
    font-size: 13px !important;
  }

  .shopify-style-general .font-md {
    font-size: 17px !important;
  }

  .shopify-style-general .row-new {
    flex-wrap: wrap !important;
  }

  .shopify-style-general .benefit-box-new {
    margin-top: 43px !important;
  }

  .shopify-style-general .bottom-section {
    font-size: 15px !important;
  }

  .shopify-style-general .calendar-edit-new {
    width: 38px !important;
    height: 38px !important;
  }

  .shopify-style-general .calender-div {
    position: relative !important;
  }

  .shopify-style-general .smtx-new-btn {
    left: 13px !important;
    font-size: 14px !important;
    width: 288px !important;
  }

  .shopify-style-general .new-btn-create {
    height: 49px !important;
  }

  .shopify-style-general .bottom-create-btn {
    width: -webkit-fill-available !important;
    position: relative !important;
    font-size: 13px !important;
  }

  .shopify-style-general .section-title-top {
    font-size: 32px !important;
  }

  .shopify-style-general .feature-section {
    padding: 18px 0 0px 0px !important;
  }

  .shopify-style-general .smtx-new-common-btn {
    font-size: 13px !important;
  }

  .container-nav {
    justify-content: center !important;
  }

  .limited-offer {
    width: calc(100% - 51px) !important;
    border-radius: 30px !important;
    bottom: -80px;
  }

  .comparison-box,
  .testimonial-card {
    width: 100% !important;
  }

  .icon-spacer {
    rotate: 90deg;
  }

  .common-typo-title {
    font-size: 32px !important;
    line-height: 47px !important;
  }

  .testimonial-container {
    gap: 60px !important;
  }

  .common-typo-descprition {
    font-size: 20px !important;
  }

  .eventbrite-btn {
    padding: 15px 60px !important;
  }

  .bg-social-img h4,
  .simpletixe h4,
  .eventbrite h4 {
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
  }

  .new-home-bg .top-page-container {
    padding: 2rem !important;
  }

  .right-divider {
    width: 23px;
    height: 3px;
    rotate: 90deg;
  }

  .btn-custom .la-long-arrow-alt-right {
    font-size: 22px;
  }

  .stripe-hero-sec {
    .publish-btn {
      min-height: 91px !important;
      font-size: 17px;
    }
  }

  .box-office-landing-page .play-label {
    bottom: 31%;
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .custom-input {
    width: 100% !important;
  }

  .top-page-container {
    padding: 20px 20px 10rem 20px;
  }

  .bg-class-netflix .top-page-container {
    padding: 20px !important;
  }

  .second-homepage-version .home-page-hero-v2 .top-page-container {
    padding: 20px;
  }

  .home-page-redesign-header .container-nav .header-btn-one,
  .home-page-redesign-header .container-nav .header-btn-two {
    padding: 12px 17px !important;
    font-size: 14px;
  }

  .limited-offer img {
    max-height: 70px;
    margin-bottom: 1rem;
  }

  .limited-offer .square-discount-text {
    text-align: center;
    padding: 1.2rem 0 !important;
  }

  .square-discount-text {
    font-size: 16px;
  }

  .boost-btn,
  .btn-custom,
  .home-sub-caption {
    font-size: 16px !important;
  }

  .form-toggle-password {
    right: 8.5% !important;
  }

  .home-caption-title {
    font-size: 30px !important;
    line-height: 40px !important;
  }

  .arrow-icon {
    width: 84.91px !important;
    height: 17.62px !important;
    left: 213.84px !important;
    top: 300px !important;
    transform: rotate(102deg) !important;
    transform: translateX(-50%) rotate(102deg) !important;
    left: 50% !important;
    right: 0 !important;
  }

  .section-margin .section-description {
    padding: 0px !important;
  }

  .section-title {
    font-size: 40px !important;
  }

  .pb-max-767 {
    padding-bottom: 3rem;
  }

  .shopify-style-general .section-title-top {
    font-size: 23px !important;
    line-height: 29px !important;
  }

  .shopify-style-general .benefit-box .icon-div-new {
    height: 83px !important;
  }

  .header-btn-one,
  .header-btn-two {
    padding: 18px !important;
    font-size: 16px;
    border-radius: 11px;
  }

  .payment-integration {
    width: -webkit-fill-available;
    padding: 0rem;
    height: 103px;
  }

  .join-section {
    padding: 2rem 1rem;
  }

  .join-title,
  .facebook-landing-page .facbook-landing-title {
    line-height: 66.8px;
    font-size: 44px;
  }

  .payment-integration img {
    max-width: 100%;
    max-height: 30px;
  }

  .row-cols-md-5 {
    row-gap: 1rem !important;
  }

  .stat-number {
    font-size: 1.5rem;
  }

  .stat-label {
    font-size: 1rem;
  }

  .pricing-item {
    padding: 10px;
  }

  .pricing-item p {
    font-size: 14px;
  }

  .pricing-check {
    width: 20px;
    height: 20px;
  }

  .workflow-item::after {
    left: 24px;
    top: 48px;
    height: 50px;
  }

  .workflow-icon {
    width: 48px;
    height: 48px;
    padding: 10px;
  }

  .account-container {
    padding: 1rem 1.5rem !important;
  }

  .account-container .steps-creation .step-count {
    flex-direction: column;
  }

  .account-container .steps-creation {
    padding-bottom: 0 !important;
    gap: 15px;
  }

  #step-content .text-design {
    margin-top: 0 !important;
  }

  .right-divider {
    display: none;
  }

  .account-container .steps-creation .active-font {
    font-size: 14px;
    line-height: 20px;
  }

  .stats-container>.col:last-child {
    width: 100%;
  }

  .stripe-page-header .header-btn-one,
  .stripe-page-header .header-btn-two {
    padding: 12px !important;
    font-size: 16px;
    border-radius: 11px;
  }

  .stripe-main-heading {
    line-height: 49px;
  }

  .stripe-landing-page .integration-width-adjust {
    flex: 41.2%;
    max-width: 48.2%;
  }

  .ads-campagins-page .section-title-main {
    font-size: 38px !important;
  }

  .ads-campagins-page .hero-section .left-section,
  .ads-campagins-page .manage-order-section .left-section {
    text-align: center;
  }

  .ads-campagins-page .manage-order-section .left-section .section-description,
  .ads-campagins-page .hero-section .section-description {
    padding-right: 0 !important;
    font-size: 16px !important;
  }

  .ads-campagins-page .hero-section {
    padding: 30px 0px !important;
  }

  .ads-campagins-page .hero-section .left-section {
    gap: 10px !important;
  }

  .ads-campagins-page .content-title {
    line-height: 35px !important;
  }

  .ads-campagins-page .trusted-logos-container {
    flex-wrap: wrap;
    row-gap: 15px;
  }

  .ads-campagins-page .trusted-logos-container .logo-item {
    flex: inherit;
    width: 33.333%;
  }

  .ads-campagins-page .trusted-logos-container .logo-item .organization-logo {
    max-width: 100%;
  }

  .ads-campagins-page .trusted-logos-container .customer-count {
    width: 33.333%;
  }

  .ads-custom-btn,
  .ads-campagins-page-header .ads-custom-btn {
    font-size: 14px !important;
  }

  .ads-campagins-page .content-description {
    font-size: 18px !important;
  }

  .header .home-page-redesign-header .header-btn-one,
  .header .home-page-redesign-header .header-btn-two {
    border-radius: 50px;
  }

  .second-homepage-version .main-section.home-page-hero-v2 {
    padding-top: 30px !important;
  }

  .square-landing-page .facebook-main-section-spacing .review-card .d-flex.flex-column {
    flex-direction: row !important;
  }

  .box-office-landing-page .feature-box {
    padding: 20px;
  }

  .box-office-landing-page .benefit-card {
    margin-bottom: 20px;
  }

  .box-office-landing-page .video-container {
    margin-top: 20px;
  }

  .box-office-landing-page .play-button {
    width: 48px;
    height: 48px;
  }

  .box-office-landing-page .play-button img {
    width: 20px;
    height: 20px;
  }

  .box-office-landing-page .section-space {
    padding: 20px 0 20px 0;
  }

  .box-office-landing-page .role-based-section .role-card {
    max-height: 100%;
    padding: 16px;
  }

  .box-office-landing-page .common-typo-title {
    font-size: 35px !important;
    line-height: 45px !important;
  }

  .box-office-landing-page .general-landing-page-footer .copyright .flex-space {
    flex-direction: column;
    gap: 6px;
  }

  .limited-offer {
    position: static;
    transform: none;
    width: 100% !important;
    border-radius: 20px;
    padding: 1.25rem 1rem;
    margin: 1rem auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .limited-offer>div {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center;
    padding: 0;
  }

  .limited-offer .btn {
    width: 100%;
    max-width: 220px;
    margin-top: 1rem;
  }

  .spacer {
    margin-top: 5px;
  }
}

@media (max-width: 630px) {
  .shopify-style-general .event-buttons {
    width: 100%;
  }

  .shopify-style-general .event-buttons:first-child {
    margin-bottom: 10px;
  }

  .shopify-style-general .buttons-bottom {
    flex-direction: column;
  }

  /* Show and hide step */
  .steps-creation .step-count {
    display: none !important;
  }

  .steps-creation .step-count:has(.active-step) {
    display: flex !important;
  }

  .home-page-redesign-header .container-nav {
    justify-content: center !important;
  }
}

@media (max-width: 576px) {
  .smtx-one3 {
    flex-direction: column !important;
    padding: 5px 15px;
  }

  .smtx-one3 .hubspot-faq-title,
  .smtx-one3 .hubspot-faq-description {
    text-align: center;
  }

  .dark-outline-btn {
    margin-left: 0px !important;
  }

  .smtx-header-logo-sec {
    width: 181px !important;
    height: 45px !important;
  }

  .smtx-header-btn-section {
    gap: 10px;
    margin-top: 0px !important;
  }

  .shopify-style-general .font-md {
    font-size: 14px !important;
  }

  .shopify-style-general .benefit-box {
    padding: 0px 15px !important;
  }

  .general-landing-page .publish-btn {
    font-size: 15px !important;
    height: 37px !important;
  }

  .shopify-style-general .subtitle-text-new {
    font-size: 15px !important;
  }

  .shopify-style-general .bottom-section {
    font-size: 15px !important;
  }

  .shopify-style-general .btn-model {
    margin-top: 14px !important;
  }

  .shopify-style-general .bottom-create-btn {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .shopify-style-general .bottom-section {
    margin-right: 0px !important;
  }

  .shopify-general-navbar .header-smtx-new {
    font-size: 12px !important;
  }

  .shopify-general-navbar .dark-outline-btn {
    font-size: 12px !important;
  }

  .shopify-style-general .section-title-new {
    font-size: 27px !important;
  }

  .navbar-logo img {
    width: 225px !important;
    height: 55px !important;
  }

  .close-btn-copy {
    top: 1.5rem;
  }

  .cta-bg .btn-custom {
    min-width: 204px;
  }

  .testimonial-footer {
    font-size: 14px;
  }

  .feature-description {
    border-radius: 20px !important;
  }
}

@media (max-width: 575px) {
  .limited-offer {
    width: calc(100% - 21px) !important;
  }

  .square-discount-text {
    font-size: 12px;
    line-height: 20px;
  }

  .boost-btn,
  .btn-custom,
  .home-sub-caption {
    font-size: 15px !important;
  }

  .badges .badge-g2 {
    width: 76px !important;
    height: 84px !important;
  }

  .text-design {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .home-caption-title {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .width-responsive {
    width: -webkit-fill-available !important;
  }

  .form-toggle-password {
    right: 11.5% !important;
  }

  .signup-badge,
  .btn-custom {
    width: -webkit-fill-available !important;
  }

  .integration-width-adjust img {
    max-width: 100%;
    max-height: 65px;
  }

  .toggle-password-sign-up {
    right: 7.5% !important;
  }

  .custom-wrap {
    flex-wrap: wrap !important;
  }

  .signup-container {
    padding: 2rem;
  }

  .top-eventbrite-section {
    padding: 1rem;
  }

  .main-section-spacing {
    padding: 1rem !important;
  }

  .facebook-main-section-spacing {
    padding: 2rem !important;
  }

  .section-margin .custom-input {
    margin-bottom: 0px !important;
  }

  .faq-home-parent .faq-subtitle-home {
    padding-left: 3rem;
  }

  .faq-subtitle-home .faq-subtitle {
    font-size: 16px !important;
  }

  .faq-heading {
    font-size: 18px;
  }

  .new-home-bg .custom-input {
    margin-bottom: 10px !important;
  }

  .join-title,
  .facebook-landing-page .facbook-landing-title {
    font-size: 1.75rem;
    line-height: 46.8px;
  }

  .sec-title-facbook {
    font-size: 1.75rem;
  }

  .btn-primary-custom,
  .btn-outline-custom {
    width: 100%;
    text-align: center;
  }

  .workflow-item::after {
    display: none;
  }

  .fb-account-container .account-container {
    padding: 1rem !important;
  }

  .facebook-landing-page {
    padding: 0.4rem 1rem !important;
  }

  .hero-section .home-sub-caption {
    line-height: 20px;
  }

  .facebook-landing-page .cis-r {
    font-size: 14px;
    padding: 6px 10px;
  }

  .workflow-title {
    margin-top: 0px !important;
  }

  .facebook-campaign .custom-form-control,
  .facebook-campaign .custom-form-control .custom-input {
    width: 100% !important;
  }

  .stripe-landing-page {
    .facebook-main-section-spacing {
      padding: 1rem !important;
    }

    .hubspot-faq-description {
      font-size: 15px;
    }

    .boost-btn {
      font-size: 17px !important;
    }

    .stripe-smtx {
      padding: 8px 32px;
    }

    .stripe-smtx-span,
    .stripe-smtx-fee {
      font-size: clamp(13px, 1.5vw, 24px);
    }

    .stripe-cta-sec {
      padding: 25px;
    }

    .stripe-hero-sec .separator {
      height: 45px;
    }
  }

  .stripe-hero-sec {
    .publish-btn {
      min-height: 76px !important;
      font-size: 15px;
    }

    .stripe-main-heading {
      font-size: 28px;
      line-height: 43px;
    }

    .common-typo-title {
      font-size: 21px !important;
      line-height: 33px !important;
    }
  }

  .stripe-cta-sec .btn-custom {
    width: unset !important;
    padding: 13px 21px !important;
  }

  .stripe-hero-sec .top-eventbrite-section .stripe-hero-image {
    max-height: 55.88px;
    width: 206px;
  }

  .stripe-hero-sec .top-eventbrite-section {
    padding: 1rem;
  }

  .stripe-landing-page .integration-width-adjust {
    flex: 47.2%;
    max-width: 49.2%;
  }

  .ads-campagins-page .hero-section .hero-action-btn {
    flex-direction: column;
  }

  .ads-campagins-page .hero-section .hero-action-btn input {
    width: 100% !important;
    margin-bottom: 0px !important
  }

  .ads-campagins-page .hero-section .hero-action-btn .ads-custom-btn {
    width: 45%;
    align-self: center;
  }

  .second-homepage-version .banner-link {
    font-size: 13px;
    gap: 4px;
  }

  .second-homepage-version .banner-container {
    border-radius: 16px;
  }

  .second-homepage-version .homepage-headline {
    font-size: 15px;
    padding-bottom: 8px;
  }

  .second-homepage-version .banner-container {
    padding: 12px 10px 9px 10px;
  }

  .new-home-bg .custom-input {
    padding: 10px 7px 10px 44px;
  }

  .square-landing-page .stripe-logo-style img {
    padding: 0;
    max-width: 102px;
    max-height: 40px;
    margin-bottom: 10px;
  }

  .square-landing-page .square-fee-note {
    font-size: 15px;
    padding: 15px 7px 0px 7px;
  }

  .email-heropart {
    flex-direction: column;
  }

  .box-office-landing-page .email-heropart .custom-input {
    padding: 16px 49px;
    background-position: 17px;
  }

  .box-office-landing-page .setup-process-box {
    padding: 24px;
  }

  .box-office-landing-page .box-feature-title {
    font-size: 20px;
  }

  .box-office-landing-page .feature-box-title {
    font-size: 18px;
  }

  .box-office-landing-page .hero-section {
    padding: 30px 0;
  }

  .box-office-landing-page .app-download-buttons {
    justify-content: center;
  }

  .box-office-landing-page .tutorial-container {
    padding: 20px 0;
  }

  .box-office-landing-page .role-card {
    padding: 16px;
  }

  .box-office-landing-page .section-space,
  .scan-mode-section {
    margin: 0px 20px 0 20px;
  }

  .box-office-landing-page .section-title {
    font-size: 26px !important;
  }

  .box-office-landing-page .common-typo-title {
    font-size: 29px !important;
    line-height: 38px !important;
  }

  .box-office-landing-page .scan-key-note {
    font-size: 13px;
  }

  .box-office-landing-page .scan-mode-section {
    padding: 20px 0 20px 0;
  }

  .box-office-landing-page .box-feature-title {
    font-size: 20px;
  }

  .box-office-landing-page .role-based-section .role-card {
    padding: 20px;
  }

  .box-office-landing-page .role-based-section .role-card {
    gap: 14px;
  }
  .ticketsplice-general-page .banner-card-signup{
    padding: 0 !important;
    padding-bottom: 20px !important;
  }
  .ticketsplice-general-page .step-title{
        font-size: 13px;
  }
  .ticketsplice-general-page .step{
        width: 30px;
    min-width: 30px;
    height: 30px;
  }
  .ticketsplice-general-page .right-divider-signup{
    display: none;
  }
}

@media (max-width: 567px) {
  .footer-sec .copyright-text {
    margin-top: 10px;
  }

  .shopify-style-general .final-cta-section {
    padding: 20px 5px !important;
  }

  .header-home {
    width: auto !important;
  }

  .ads-campagins-page-header .container img.head-logo {
    margin: 0 !important;
  }
}

@media (max-width: 511px) {
  .shopify-style-general .calendar-edit {
    right: -18px !important;
    top: -19px !important;
  }
}

@media (max-width: 420px) {
  .arrow-icon {
    top: 390px !important;
  }

  .ads-campagins-page .trusted-logos-container .customer-count .count {
    font-size: 18px !important;
  }

  .ads-campagins-page .trusted-logos-container .customer-count .count-label {
    line-height: 12px !important;
  }
}

@media (max-width: 496px) {
  .account-create-btn {
    font-size: 14px;
    padding: 12px 12px;
  }

  .account-create-btn .calendar-icon {
    width: 22px;
    height: 22px;
  }

  #btnSubmit:hover .calendar-icon.green-icon {
    width: 22px;
    height: 22px;
  }

  .form-container {
    padding: 0px 20px;
  }

  .faq-subtitle-section {
    padding: 5px 5px 5px 5px !important;
  }

  .faq-subtitle-section .faq-subtitle {
    font-size: 16px;
  }

  .btn-custom {
    padding: 15px 12px !important;
    font-size: 14px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .learn-more-btn {
    padding: 13px 20px !important;
    font-size: 15px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .boost-btn {
    font-size: 12px !important;
    padding: 10px;
  }

  .custom-input {
    height: 55px;
    background-position: 16px 14px;
    margin-bottom: 10px !important;
  }

  .custom-input:focus-visible {
    background-position: 16px 14px;
  }

  .arrow-icon {
    top: 315px !important;
  }

  .second-homepage-version .badges-list {
    padding: 15px 0 0 0 !important;
  }

  .second-homepage-version .badges .badge-item {
    margin: 0 5px;
    width: 85px;
    height: 110px;
  }
}

@media (max-width: 410px) {
  .account-create-btn {
    font-size: 12px;
    gap: 1px;
    padding: 12px 2px;
  }

  .form-container {
    padding: 0px 20px;
  }

  .arrow-icon {
    top: 380px !important;
  }

  .badges {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1px !important;
  }

  .integration-width-adjust {
    flex: 46%;
    max-width: 46%;
  }

  .feature-icon-wrapper {
    width: 88px;
    height: 87px;
    border-radius: 40px;

    .feature-img {
      width: 52px;
      height: 48px;
    }
  }

  .feature-title {
    font-size: 16px;
  }
}

@media (max-width: 378px) {
  .shopify-style-general .btn-create-event {
    width: -webkit-fill-available !important;
    word-wrap: break-word !important;
  }

  .eventbrite-btn {
    padding: 6px 12px !important;
  }

  .sign-up-page .brand-name .name {
    font-size: 13px;
  }

  .sign-up-page .brand-name .btn {
    font-size: 11px;
  }

  .stripe-page-header .header-btn-one,
  .stripe-page-header .header-btn-two {
    font-size: 12px;
  }

  .home-page-redesign-header .navbar-toggler {
    margin-right: 8px;
  }

  .home-page-redesign-header .container-nav .header-btn-one,
  .home-page-redesign-header .container-nav .header-btn-two {
    padding: 10px 14px !important;
    font-size: 13px;
  }
}

@media (min-width: 345px) and (max-width: 575px) {
  .stripe-hero-sec .btn-custom {
    width: fit-content !important;
    font-size: 11px !important;
    padding: 8px 8px !important;
  }

  .stripe-hero-sec .btn-custom .la-long-arrow-alt-right {
    font-size: 18px;
  }

  .content-wrap .gap-3 {
    gap: 5px !important;
  }
}

@media (max-width: 345px) {
  .stripe-hero-sec .stripe-buttons {
    flex-direction: column;
    gap: 10px !important;
  }

  .stripe-hero-sec .btn-custom {
    width: -webkit-fill-available !important;
  }

  .home-page-redesign-header .container-nav .header-btn-one,
  .home-page-redesign-header .container-nav .header-btn-two {
    padding: 10px 13px !important;
    font-size: 11px;
  }
}

/* Utility styles */
.ads-custom-btn,
.ads-campagins-page-header .ads-custom-btn {
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 8px;
  font-size: 16px;
  background-color: #00D075;
  border: 1px solid transparent;
  color: white;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ads-custom-btn .la-long-arrow-alt-right,
.ads-campagins-page-header .ads-custom-btn .la-long-arrow-alt-right {
  font-size: 24px;
}

.ads-custom-btn:hover,
.ads-campagins-page-header .ads-custom-btn:hover {
  background-color: transparent;
  border-color: #00D075;
  color: #00D075;
}

/* Page sections */
.ads-campagins-page .section-title-main {
  font-size: 55px;
  font-weight: 700;
  color: #1b1b20;
  margin: 0;
}

.ads-campagins-page .section-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #6b6b6b;
  margin: 0;
  max-width: 600px;
}

.ads-campagins-page .hero-section .section-description {
  font-size: 18px;
}

.ads-campagins-page .hero-section .hero-action-btn {
  display: flex;
  gap: 10px;
  z-index: 9;
}

.ads-campagins-page .hero-section .hero-action-btn input {
  height: auto;
  padding: 10px 10px 10px 45px;
  border-radius: 8px;
  background-position: 10px;
}

.ads-campagins-page .sub-description {
  font-weight: 500;
  color: black;
}

.ads-bg-footer-blue {
  background-color: #0e2f60;
}

.ads-campagins-page .simplify-event-bg {
  position: relative;
  background-color: #f2f8fb;
}

.ads-campagins-page .content-title {
  font-weight: 700;
  font-size: 38px;
  line-height: 50px;
  color: #1b1b20;
  margin: 0;
}

.ads-campagins-page .content-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  color: #0e2f60;
  margin: 0;
}

.ads-campagins-page .container {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.ads-campagins-page .successful-event-card {
  border-radius: 16px;
  border: 1px solid #e3e6e8;
  background: #fbfbfb;
  padding: 54px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  height: 100%;
}

.ads-campagins-page .successful-event-card.help-desk {
  padding: 24px;
}

.ads-campagins-page .successful-event-card .step-icon {
  width: 74px;
  height: 74px;
  border-radius: 100%;
  padding: 24px;
  background: #00d075;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ads-campagins-page .successful-event-card .step-icon span {
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
}

.ads-campagins-page .successful-event-card .successful-event-card-icon {
  width: 120px;
  height: 120px;
  border-radius: 50px;
  background-color: rgba(68, 132, 179, 0.05);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ads-campagins-page .successful-event-card .feature-title {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  color: #000000;
}

.ads-campagins-page .manage-order-section {
  position: relative;
  background-color: #F8F9FA;
  background-image: url(../images/manage-order.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ads-campagins-page .manage-order-section .left-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ads-campagins-page .manage-order-section .left-section .content-title {
  max-width: 500px;
}

.ads-campagins-page .manage-order-section .left-section .section-description {
  font-size: 18px;
  max-width: 580px;
}

.ads-campagins-page .trusted-logos-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ads-campagins-page .trusted-logos-container .logo-item {
  flex: 0 0 auto;
}

.ads-campagins-page .trusted-logos-container .logo-item .organization-logo {
  height: 90px;
  width: auto;
  object-fit: contain;
}

.ads-campagins-page .trusted-logos-container .customer-count {
  border-radius: 6px;
  padding: 14px;
  background-color: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  text-align: justify;
}

.ads-campagins-page .trusted-logos-container .customer-count .count {
  color: #00d075;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 33px;
}

.ads-campagins-page .trusted-logos-container .customer-count .count-label {
  color: #000000;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
}

.ads-campagins-page .hero-section {
  background-color: #EFFFF8;
  background-image: url(../images/hero-section-bg.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 80px 0px;
}

.ads-campagins-page .hero-section .left-section {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.ads-campagins-page-header {
  padding: 0 !important;
}

.ads-campagins-page-header .navbar-brand {
  margin: 0;
}

.ads-campagins-page-header .action-section {
  display: flex;
  gap: 10px;
}


.sign-in-btn {
  border: 1px solid #00d075;
  border-radius: 8px;
  padding: 10px 20px;
  color: #00d075;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sign-in-btn:hover {
  background-color: #00d075;
  color: #ffffff;
}

.ads-campagins-page .success-bg-one {
  background-image: url(../images/success-bg-one.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.ads-campagins-page .success-bg-two {
  background-image: url(../images/success-bg-two.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ads-campagins-page .botom-management-bg {
  background-image: url(../images/botom-management-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ads-campagins-page .botom-management-bg .container {
  align-items: center;
}

.ads-campagins-page .video-container {
  width: 100%;
  height: 350px;
  /* or any fixed height you want */
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

.ads-campagins-page .video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.ads-campagins-page .custom-play-button {
  position: absolute;
  top: 46.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  transition: all 0.3s ease;
  border: 2px solid #00D075;
  backdrop-filter: blur(10px);
  background-color: transparent;
}

.ads-campagins-page .custom-play-button:hover {
  background: rgba(0, 0, 0, 0.7);
}

/*--- Animation ---*/
.ads-campagins-page .image-container {
  position: absolute;
  width: 160px;
  height: 380px;
  overflow: hidden;
  top: -120px;
  left: 60px;
}

.ads-campagins-page .image {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  object-fit: cover;
  opacity: 0;
  transform: scale(0.98);
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition: opacity 0.9s ease-in;
}

.ads-campagins-page .image-top {
  z-index: 2;
  animation: toggleTop 3.5s infinite;
}

.ads-campagins-page .image-bottom {
  z-index: 1;
  animation: toggleBottom 3.5s infinite;
}

@keyframes toggleTop {
  0% {
    opacity: 0;
    transform: scale(0.98);
  }

  5% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  55% {
    opacity: 0.2;
    transform: scale(0.98);
  }

  60% {
    opacity: 0;
    transform: scale(0.98);
  }

  100% {
    opacity: 0;
    transform: scale(0.98);
  }
}

@keyframes toggleBottom {
  0% {
    opacity: 0;
    transform: scale(0.98);
  }

  55% {
    opacity: 0;
    transform: scale(0.98);
  }

  60% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.manage-order-section .image-container {
  left: inherit;
  right: 120px;
  top: -135px;
  transform: rotate(-90deg);
  z-index: 1;
}

.ads-campagins-page .manage-order-section .right-section {
  z-index: 11;
}

@media (max-width: 991px) {
  .manage-order-section .image-container {
    top: inherit;
    bottom: -110px;
  }
}

@media (max-width: 767px) {
  .ads-campagins-page .simplify-event-bg .image-container {
    display: none;
  }
}

/* Mobile First Layout Styles Start*/
@media screen and (max-width: 767px) {

  .mobile-first-layout-header .container-nav,
  .mobile-first-layout-header .navbar-logo,
  .mobile-first-layout-header .navbar-logo .head-logo {
    margin: 0 !important;
    padding: 0 !important;
  }

  .mobile-first-layout-header .container-nav {
    justify-content: space-between !important;
    align-items: center;
  }

  .mobile-first-layout-header .navbar-logo .head-logo {
    width: 168px !important;
    height: 38.85px !important;
  }

  .mobile-first-layout-header .container-nav .header-home {
    padding: 0 !important;
  }

  .mobile-first-layout-header .container-nav .header-home .navbar-toggler {
    width: 35px;
    height: 35px;
    padding: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .mobile-first-layout-header .container-nav .header-home .navbar-toggler i {
    font-size: 24px;
  }

  .mobile-first-layout-header .container-nav .header-home .header-action-buttons {
    align-items: center;
    gap: 4px !important;
  }

  .mobile-first-layout-header .container-nav .header-home .header-action-buttons .header-btn-one {
    padding: 8px !important;
    font-weight: 500 !important;
  }

  .mobile-first-layout-header .container-nav .header-home .header-action-buttons .header-btn-two {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    justify-content: center;

    &:hover {
      background-color: transparent;
    }
  }

  .mobile-first-layout-header .container-nav .header-home .header-action-buttons .header-btn-two img {
    width: 24px;
    height: 24px;
  }

  .mobile-first-layout-header .container-nav .header-home .header-action-buttons .header-btn-two span {
    display: none;
  }

  .mobile-first-layout-header .container-nav .close-btn-header {
    padding: 0;
  }

  .mobile-first-layout .box-sizing.bg-social-img {
    padding: 2.5rem 1rem 1.5rem 1rem;
  }

  .mobile-first-layout .box-sizing.bg-social-img .logo-brand {
    gap: 12px !important;
  }

  .mobile-first-layout .box-sizing.bg-social-img .logo-brand .integration-item {
    width: 47%;
    max-width: 48%;
  }

  .mobile-first-layout .box-sizing.bg-social-img .logo-brand .integration-item img {
    max-height: 70px;
  }

  .mobile-first-layout .home-page-hero-v2 .badges-list a {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .mobile-first-layout .home-page-hero-v2 .badges-list a .badge-item {
    margin: 0;
    width: 80px;
    height: 105px;
  }

  .mobile-first-layout .badges-list {
    padding-top: 1.2rem !important;
  }

  @media (max-width: 480px) {
    .mobile-first-layout .home-page-hero-v2 .badges-list a {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px 20px !important;
      justify-items: center;
      justify-content: center;
      width: fit-content;
      margin: 0 auto;
    }

    .mobile-first-layout .home-page-hero-v2 .badges-list a .badge-item {
      width: 75px;
      height: 95px;
      margin: 0 auto;
    }

    .mobile-first-layout .badges-list {
      display: flex;
      justify-content: center;
    }
  }

  .mobile-first-layout {
    padding: 0 !important;
  }

  .mobile-first-layout .main-section,
  .mobile-first-layout .home-page-hero-v2 .top-page-container {
    padding: 24px 16px !important;
    border-radius: 12px;
  }

  .mobile-first-layout .main-section.home-page-hero-v2 {
    padding-top: 24px !important;
  }

  .mobile-first-layout .main-section>div {
    padding: 0 !important;
  }

  .mobile-first-layout .section-title,
  .mobile-first-layout .common-typo-title {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  .mobile-first-layout .section-here-home {
    padding: 14px 0 !important;
    margin-bottom: 10px;
  }

  .mobile-first-layout .section-here-home .banner-container {
    border-radius: 16px;
    padding: 1rem;
  }

  .mobile-first-layout .top-page-container .custom-input {
    height: 55px;
    font-size: 14px;
    background-position: 20px center;
    background-size: 21px !important;
  }

  .mobile-first-layout .price-container .price-box {
    margin: 0 !important;
  }

  .mobile-first-layout .bg-social-img h4,
  .simpletixe h4,
  .eventbrite h4 {
    left: 10px;
    top: -18px;
    right: unset;
    font-size: 14px;
    padding: 10px 20px;
  }

  .mobile-first-layout .comparison-box {
    padding: 32px 16px 24px 16px;
  }

  .mobile-first-layout .comparison-box .list-unstyled li {
    font-size: 16px;
    line-height: 24px;
  }

  .mobile-first-layout .feature-section-mobile {
    padding: 12px !important;
  }

  .mobile-first-layout .feature-section-mobile .feature-card {
    padding: 16px !important;
  }

  .mobile-first-layout .feature-section-mobile .feature-card .feature-description {
    margin-bottom: 0 !important;
  }

  .mobile-first-layout .feature-section-mobile .feature-card .feature-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto;
  }

  .mobile-first-layout .feature-section-mobile .feature-card .feature-icon img {
    width: 50px;
    height: 50px;
  }

  .mobile-first-layout .feature-section-mobile .feature-card .feature-title {
    font-size: 20px;
  }

  .mobile-first-layout .feature-section-mobile .feature-card .hubspot-faq-description {
    font-size: 16px;
    margin: 5px 0px;
  }

  .mobile-first-layout .feature-bg-sec {
    margin-top: 10px;
  }

  .mobile-first-layout .comparison-table {
    margin-top: 0px !important;
  }

  .mobile-first-layout .signup-badge,
  .mobile-first-layout .btn-custom {
    justify-content: center;
  }

  .mobile-first-layout .review-card {
    padding: 24px 16px;
    gap: 12px;
  }

  .mobile-first-layout .review-card>.mx-0.ms-sm-5 {
    margin-left: 3rem !important;
  }

  .mobile-first-layout .review-card>div:first-child>div {
    gap: 12px !important;
  }

  .mobile-first-layout .review-card .review-quote {
    font-size: unset;
  }

  .mobile-first-layout .review-card .review-quote img {
    width: 30px;
    height: 25px;
  }

  .mobile-first-layout .review-card .review-box-description {
    margin: 12px 0 0 0 !important;
  }

  .mobile-first-layout .review-card .stars {
    margin-bottom: 0px;
  }

  .mobile-first-layout .review-card .faq-font {
    font-size: 20px;
    line-height: 28px;
    padding-right: 0;
  }

  .mobile-first-layout .hubspot-faq-description,
  .mobile-first-layout .review-box-description {
    font-size: 16px;
    line-height: 22px;
  }

  .mobile-first-layout .price-container .price-box .box-space {
    padding: 1rem !important;
  }

  .mobile-first-layout .price-container .price-box .box-space>form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .ticket-price {
    margin-bottom: 0 !important;
    gap: 1rem;
    flex-wrap: nowrap !important;
    grid-column: 1 / -1;
    flex-direction: row !important;
    position: relative;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .ticket-price .diff {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 32px;
    height: 32px;
    border: #fff solid 2px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    font-size: 12px;
    font-weight: 700;
    top: 18%;
    margin: 0;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .range-wrapper {
    margin-bottom: 0 !important;
    gap: 12px;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .range-wrapper .ui-slider {
    flex-direction: column-reverse;
    gap: 1rem;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .range-wrapper .ui-slider .ui-slider-track {
    height: 6px;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .range-wrapper .price-sign {
    left: 34%;
    top: auto;
    bottom: 7px;
    font-size: 16px;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .range-wrapper .ui-slider .range-slider {
    width: 100%;
    margin: 0;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .common_box .img-fluid {
    max-width: 105px;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .common_box>.mb-3 {
    min-height: auto;
    margin: 0 0 12px 0 !important;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .common_box .service-fee {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .common_box {
    padding: 12px 1rem;
    border-radius: 12px;
    margin: 0 0 12px 0 !important;
    flex-grow: unset;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .block_cls {
    margin: 0 !important;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .block_cls .per-value {
    border-radius: 12px;
    font-size: 11px;
    padding: 12px 6px;
    line-height: 1.1;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .block_cls>div.d-flex.align-items-center {
    --bs-gutter-x: 8px;
    flex-wrap: nowrap;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .block_cls>div.d-flex.align-items-center>div.col-sm-6 {
    flex: 1;
    margin: 0 !important;
  }

  .mobile-first-layout .price-container .price-box a.btn.btn-gradient {
    padding: 12px;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .range-wrapper>label {
    min-width: auto;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .block_cls .per-value .slash-sign {
    display: none;
  }

  .mobile-first-layout .price-container .price-box .box-space>form .block_cls .per-value .per-ticket-text {
    display: block;
    width: 100%;
  }

  .mobile-first-layout .feature-bg-sec .section-title-h2 {
    margin: 0 !important;
  }

  .mobile-first-layout .feature-bg-sec .faq-section-boxes {
    padding: 8px 12px !important;
  }

  .mobile-first-layout .feature-bg-sec .faq-section-boxes .faq-home {
    border-radius: 30px 0 30px 30px;
    left: 0px;
    width: 36px;
    height: 42px;
    min-width: 36px;
    font-size: 14px;
  }

  .mobile-first-layout .feature-bg-sec .faq-section-boxes .faq-home-parent .faq-heading {
    padding-left: 0.5rem;
  }

  .mobile-first-layout .feature-bg-sec .faq-section-boxes .faq-home-parent .faq-subtitle-home {
    gap: 15px;
    padding-left: 16px !important;
  }

  .mobile-first-layout .feature-bg-sec .faq-section-boxes .faq-home-parent .faq-subtitle-home .faq-subtitle {
    font-size: 14px !important;
    padding-right: 10px;
    color: #1b1b20;
    opacity: unset !important;
  }

  .mobile-first-layout .feature-bg-sec .faq-section-boxes .faq-home-parent .faq-subtitle-home .faq-icon {
    margin-right: 0 !important;
    padding-top: 10px;
  }
}

@media screen and (max-width: 524px) {
  .mobile-first-layout .price-container .price-box .box-space>form .ticket-price .diff {
    top: 21%;
  }
}

@media screen and (max-width: 360px) {
  .mobile-first-layout .price-container .price-box .box-space>form .common_box .img-fluid {
    max-width: 80px;
  }
}

@media (min-width: 768px) {
  .mobile-first-layout-header .header-btn-two span {
    display: inline;
  }

  .mobile-first-layout-header .header-btn-two img {
    display: none;
  }
}

@media (max-width: 375px) {
  .mobile-first-layout-header .container-nav {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mobile-first-layout-header .navbar-logo .head-logo {
    width: 142px !important;
    height: 34px !important;
  }

  .mobile-first-layout-header .container-nav .header-home {
    gap: 0;
  }

  .mobile-first-layout-header .container-nav .header-home .header-action-buttons {
    gap: 2px !important;
  }

  .mobile-first-layout-header .containenav .header-home .header-action-buttons .header-btn-two img {
    width: 20px;
    height: 20px;
  }

  .mobile-first-layout-header .container-nav .header-home .navbar-toggler {

    padding: 4px 6px;
  }

  .mobile-first-layout-header .container-nav .header-home .navbar-toggler i {
    font-size: 20px;
  }
}

/* Mobile First Layout Styles End*/

/* Paypal Page CSS */

.active-paypal .simpletix-image img {
  max-width: 172.3076934814453px;
  height: 36.26443862915039px;
}

.active-paypal .btn-simpletix-paypal {
  border: 0.72px solid transparent;
  box-shadow: 0px 21.54px 35.9px 0px #0000000A;
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box, linear-gradient(101.79deg, rgba(0, 208, 117, 0.4) -2.85%, rgba(68, 132, 179, 0.4) 100.32%) border-box;
  max-width: 370.20513916015625px;
  opacity: 1;
  gap: 21.54px;
  border-radius: 17.23px;
  border-width: 0.72px;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (max-width < 990) {
  .active-paypal .btn-simpletix-paypal {
    padding-right: 0px;
    padding-left: 8px;
  }
}

@media (max-width > 990) {
  .active-paypal .btn-simpletix-paypal {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.text-div-paypal .paypal-card {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box,
    linear-gradient(254.55deg, #00D075 0.03%, rgba(251, 253, 255, 0) 50.03%, #4484B3 100.03%) border-box;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0px 0px 15px 0px #0000000D;
  display: flex;
  flex-direction: column;
  gap: 10px;
}


@media (min-width: 991px) {
  .text-div-paypal .paypal-card-margin {
    margin-left: 30px;
    margin-right: 60px;
  }
}

.text-div-paypal .paypal-card-take-charge {
  max-width: 706px;
  position: relative;
  box-sizing: border-box;
  padding: 50px 40px;
  isolation: isolate;
  background: linear-gradient(254.89deg, rgba(254, 254, 254, 0) 0.03%, #E8F6FF 99.54%);
  border-radius: 20px;
  border: 0;
  box-shadow: none;
}

.text-div-paypal .paypal-card-take-charge::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(254.55deg, #00D075 0.03%, rgba(251, 253, 255, 0) 50.03%, rgba(68, 132, 179, 0.3) 100.03%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

@media (min-width < 575px) {
  .text-div-paypal .paypal-card {
    padding: 20px;
    margin-bottom: 15px;
  }
}

@media (min-width: 575px) {
  .text-div-paypal .paypal-card {
    padding: 20px;
    margin-bottom: 15px;
  }
}

@media (min-width: 767px) {
  .text-div-paypal .paypal-card {
    padding: 20px;
    margin-bottom: 15px;
  }
}

@media (min-width: 991px) {
  .text-div-paypal .paypal-card {
    padding: 20px;
    margin-bottom: 15px;
  }
}

@media (min-width: 1400px) {
  .text-div-paypal .paypal-card {
    max-width: 706px;
  }
}

.paypal-divider-span {
  background-image: url(../assets/images/logo/devider-line.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  color: #4484B3;
}

.paypal-divider-span-long {
  background-image: url(../assets/images/svg/Line\ 4.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  color: #4484B3;
}

.paypal-gradient-text {
  border: 1px solid #4484b333;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  max-width: 470px;
  margin-bottom: 30px;
}


.inner-paypal-gradient-text {
  border: 0;
  margin-right: 15px;
  box-shadow: none;
  border-radius: 50px;
  font-size: 27px;
  font-weight: 700;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  isolation: isolate;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
}

.inner-paypal-gradient-text::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid #4484B30D;
  background: #4484B30D;
}


@media (width < 575px) {
  .paypal-sections {
    padding-top: 20px;
    flex-direction: column-reverse;
  }
}

@media (min-width: 991px) {
  .paypal-sections {
    padding-top: 60px;
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .paypal-sections {
    padding-top: 30px;
    flex-direction: column-reverse;
  }
}

@media (min-width: 1400px) {
  .paypal-sections {
    padding-top: 90px;
  }
}

.paypal-gradient-text-second {
  border: 1px solid #4484b333;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 30px;
  display: inline-block;
  max-width: 622px;
  line-height: 24px;
}

.inner-paypal-gradient-text-second {
  border: 0;
  margin-right: 15px;
  box-shadow: none;
  border-radius: 50px;
  font-size: 27px;
  font-weight: 700;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 12px 13px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  isolation: isolate;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  max-width: 79px;
  gap: 4.67px;
}

.inner-paypal-gradient-text-second::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid #4484B30D;
  background: #4484B30D;
}

.inner-paypal-gradient-text-superscript{
   background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-div-paypal .paypal-card-third {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box, linear-gradient(254.55deg, #00D075 0.03%, rgba(251, 253, 255, 0) 50.03%, #4484B3 100.03%) border-box;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0px 0px 15px 0px #0000000D;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 341px;
}


@media (min-width: 1400px) {
  .text-div-paypal .paypal-card-third {
    margin-left: 50px;
  }
}


#gradient-third {
  border: 1px solid #4484b333;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin-bottom: 30px;
  max-width: 420px;
  padding-left: 24px;
}

#gradient-fifth {
  border: 1px solid #4484b333;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  font-family: poppins;
  background: white;
  display: inline-block;
  margin-bottom: 30px;
  max-width: 630px;
}

.paypal-text-info {
  background: linear-gradient(90deg, #4484B3 0%, #00D075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-div-paypal .paypal-card-apple-google-pay {
  max-width: 706px;
  position: relative;
  box-sizing: border-box;
  padding: 50px 40px;
  isolation: isolate;
  background: linear-gradient(254.89deg, #E8F6FF 0.03%, #FFFFFF 99.54%);
  border-radius: 20px;
  border: 0;
  box-shadow: none;
}


.text-div-paypal .paypal-card-apple-google-pay::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(254.55deg, rgba(68, 132, 179, 0.3) 0.03%, rgba(255, 255, 255, 0) 50.03%, #00D075 100.03%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.section-global-local .paypal-global-local {
  background: linear-gradient(-180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box, linear-gradient(101.79deg, rgba(0, 208, 117, 0.4) -2.85%, rgba(68, 132, 179, 0.4) 100.32%) border-box;
  border: 1px solid transparent;
  border-radius: 20px;
  box-shadow: 0px 0px 15px 0px #0000000D;
  gap: 10px;
  margin-top: 60px;
  overflow: hidden;
}

@media (min-width < 575px) {
  .section-global-local .paypal-global-local .global-local-paragraph {
    font-size: 14px;
  }
}

@media (min-width: 575px) {
  .section-global-local .paypal-global-local .global-local-paragraph {
    font-size: 14px;
  }
}

@media (min-width: 767px) {
  .section-global-local .paypal-global-local .global-local-paragraph {
    font-size: 15px;
  }
}

@media (min-width: 991px) {
  .section-global-local .paypal-global-local {
    max-height: 423px;
    font-size: 18px;
  }
}

@media (min-width: 1400px) {
  .section-global-local .paypal-global-local .global-local-paragraph {
    font-size: 20px;
  }
}

@media (min-width: 1400px) {
  .section-global-local .paypal-global-local {
    height: 423px;
    font-size: 30px;
    align-items: center;
  }
}

.paypal-global-local-image {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}

.section-details-paypal .paypal-details {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box, linear-gradient(101.79deg, rgba(0, 208, 117, 0.4) -2.85%, rgba(68, 132, 179, 0.4) 100.32%) border-box;
  border: 1px solid transparent;
  border-radius: 24px;
  box-shadow: 0px 0px 15px 0px #0000000D;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 60px;
  font-size: 16px;
  line-height: 40px;
  font-weight: 400;
}

@media (min-width: 575px) {
  .section-details-paypal .paypal-details {
    max-width: 516px;
  }
}

@media (min-width: 767px) {
  .section-details-paypal .paypal-details {
    max-width: 700px;
  }
}

@media (min-width: 991px) {
  .section-details-paypal .paypal-details {
    max-width: 1200px;
  }
}

@media (min-width: 1400px) {
  .section-details-paypal .paypal-details {
    max-width: 1320px;
    padding-top: 70px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 70px;
  }
}

.section-more-reasons .more-reasons-paypal {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box, linear-gradient(254.55deg, #00D075 0.03%, rgba(251, 253, 255, 0) 50.03%, #4484B3 100.03%) border-box;
  border: 1px solid transparent;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0px 0px 15px 0px #0000000D;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 144px;
  line-height: 14px;
  text-align: center;
}

.section-more-reasons .more-reasons-paypal .paypal-gradient-more-reasons {
  font-size: 24px;
  font-weight: 600;
  font-family: poppins;
  background: linear-gradient(90deg, #4484b3 0%, #00d075 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.section-more-reasons {
  background: linear-gradient(263.39deg, rgba(2, 207, 119, 0.06) 0.89%, rgba(87, 154, 197, 0.06) 99.11%);
  margin-top: 60px;
}

.paypal-global-img {
  position: relative;
}

.paypal-global-img img {
  margin: 0 auto;
}

.paypal-global-img:after {
  content: "";
  width: 554px;
  height: 554px;
  border-radius: 100%;
  background: linear-gradient(90deg, rgba(68, 132, 179, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 575px) {
  .section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-steps-inner {
    gap: 14px;
  }
}

@media (min-width: 575px) {
  .section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-steps-inner {
    padding: 20px;
  }
}

@media (min-width: 767px) {
  .section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-steps-inner {
    min-height: 100%;
    padding: 16px;
  }
}

@media (min-width: 991px) {
  .section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-steps-inner {
    min-height: 100%;
    padding: 16px;
  }
}

@media (min-width: 1400px) {
  .section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-steps-inner {
    min-height: 100%;
    padding: 16px;
  }
}

.section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-steps-inner {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 16px;
  box-shadow: 0px 5px 25px 0px #00000008;
  position: relative;
  gap: 24px;
  overflow: hidden;
}

@media (min-width: 575px) {
  .section-simpletix-setup-paypal .paypal-steps-inner {
    padding: 16px;
  }
}

@media (min-width: 991px) {
  .section-simpletix-setup-paypal .paypal-steps-inner {
    padding: 20px;
  }
}

.section-simpletix-setup-paypal .paypal-steps-inner .box-feature-title {
  text-align: start;
  word-break: break-word;
}

@media (min-width: 575px) {
  .section-simpletix-setup-paypal .box-feature-title {
    font-size: 20px;
  }
}

.section-simpletix-setup-paypal .box-feature-title {
  font-family: Poppins;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: 0px;
  text-align: center;
  color: #1b1b20;
}

.section-simpletix-setup-paypal .paypal-simpletix-setup .paypal-setup-steps .paypal-steps-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #4484B3;
  border-radius: 2px 0 0 2px;
}

.section-simpletix-setup-paypal .step-title {
  font-weight: 400;
  text-align: start;
}

.step-title {
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #8B8B8B;
}

.section-simpletix-setup-paypal .role-icon {
  max-width: 85px;
  height: 85px;
  border-radius: 35.42px;
  object-fit: none;
}

.paypal-simpletix-setup {
  position: relative;
  box-sizing: border-box;
  padding: 50px 40px;
  isolation: isolate;
  background: linear-gradient(254.89deg, #E8F6FF 0.03%, #FFFFFF 99.54%);
  border-radius: 20px;
  border: 0;
  margin-top: 40px;
  box-shadow: none;
}

.paypal-simpletix-setup::before {
  content: "";
  position: absolute;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(254.55deg, rgba(68, 132, 179, 0.3) 0.03%, rgba(255, 255, 255, 0) 50.03%, #00D075 100.03%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

@media (width < 575px) {
  .paypal-simpletix-setup {
    padding: 45px 15px;
  }
}

@media (min-width: 575px) {
  .paypal-simpletix-setup {
    padding: 45px 15px;
  }
}

@media (min-width: 991px) {
  .paypal-simpletix-setup {
    padding: 70px 50px;
  }
}

@media (min-width: 1400px) {
  .paypal-simpletix-setup {
    padding: 70px 50px;
  }
}

.title-font-color {
  color: #1B1B20;
}

.paypal-main-paragraph-font {
  font-weight: 500;
  font-size: 20px;
}

.hr-styling {
  text-decoration: dashed;
  gap: 70px;
  margin-top: 60px;
  margin-bottom: 0px;
  background: linear-gradient(90deg, #4484B3 0%, #22AA94 50%, #00D075 100%);
  height: 0px;
  opacity: 1;
  border-width: 1px;
  border-style: dashed;
}

.paypal-paragraph-font {
  font-weight: 400;
  font-size: 18px;
}

.inner-font-color {
  color: #6B6B6B;
}

.paypal-section-background {
  background: #F8FAFC;
}

.font-size-business-paypal {
  font-size: 16px;
}

.inner-font-size {
  font-size: 40px;
}

.paypal-make-repeat-paragraph {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 35px;
  padding-top: 20px;
}

.font-design {
  font-style: italic;
}

.line-height-paypal {
  line-height: 20px;
}

.percent-size {
  font-weight: 400;
  font-size: 18px;
}

.simpletixe-paypal h4,
.bg-social-img h4 {
  background: linear-gradient(90deg, #5899C5 0%, #02D077 100%);
}

.simpletixe-paypal {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 111.2%) padding-box, linear-gradient(101.79deg, rgba(0, 208, 117, 0.4) -2.85%, rgba(68, 132, 179, 0.4) 100.32%) border-box;
  border: 1px solid transparent;
  border-radius: 20px;
}

.bg-social-img h4,
.simpletixe-paypal h4,
.eventbrite h4 {
  left: 0;
  right: 0;
  margin: auto;
  width: max-content;
}

.mobile-first-layout .bg-social-img h4,
.simpletixe-paypal h4,
.eventbrite h4 {
  left: 10px;
  top: -18px;
  right: unset;
  font-size: 14px;
  padding: 10px 20px;
}

.btn-custom-simple-setup {
  background: #00d075;
  color: white;
  border-radius: 50px;
  font-size: 20px;
  font-weight: 600;
  padding: 15px 30px;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  display: flex;
}

.btn-custom-simple-setup:hover {
  background-color: #fff;
  border: 2px solid #00d075;
  color: #00d075;

  .right-bg-arrow {
    background: none;
    color: #00d075;
  }
}

.paypal-details ol {
  list-style-type: none;
  /* Remove default numbering */
  counter-reset: item;
  /* Initialize a counter named 'item' */
}

.paypal-details ol li {
  display: flex;
  line-height: normal;
  margin-bottom: 1rem;
  margin-right: 15px;
}

.paypal-details ol li::before {
  content: counter(item) "  ";
  /* Display the counter value followed by a space */
  counter-increment: item;
  /* Increment the counter for each list item */
  margin-right: 12px;
}

.paypal-paragraph-details {
  line-height: normal;
  margin-bottom: 0.5rem;
  margin-right: 15px;
}

.top-line {
  position: relative;
  padding-top: 3rem;
  margin-top: 4rem;
}

.top-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: url(/assets/images/svg/gradient-line.svg) 0 0 no-repeat;
}

@media (width < 767px) {
  .section-space-paypal>.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (width < 767px) {
  .paypal-main-section.paypal-landing-page>.container {
    padding-left: 0;
    padding-right: 0;
  }

  .paypal-main-section.paypal-landing-page .btn-simpletix-paypal>div img {
    max-width: 100%;
    object-fit: contain;
  }

  .paypal-main-section.paypal-landing-page .btn-simpletix-paypal {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.paypal-setup-steps .video-wrapper {
  position: relative;
  width: 100%;
}

.paypal-setup-steps .video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.paypal-setup-steps .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.paypal-setup-steps .video-poster-overlay {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.paypal-setup-steps .video-poster-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 600px) {
  .paypal-setup-steps .video-poster-overlay img {
    object-fit: contain;
  }

  .paypal-setup-steps .play-button {
    width: 48px;
    height: 48px;
  }
}

.box-office-landing-page .tutorial-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 0;
}

@media (max-width: 575) {
  .paypal-setup-steps .tutorial-container {
    padding: 20px 0;
  }
}

@media (max-width: 991) {
  .paypal-setup-steps .tutorial-container {
    padding: 30px 0;
  }
}

@media (width < 567px) {
  .paypal-main-paragraph-font {
    font-size: 16px;
  }

  .inner-font-size {
    font-size: 25px;
  }

  .paypal-main-paragraph-font {
    font-size: 16px;
  }

  .paypal-paragraph-font {
    font-size: 16px;
  }

  .paypal-gradient-text {
    font-size: 12px;
  }

  .paypal-gradient-text-second {
    font-size: 12px;
  }

  #gradient-third {
    font-size: 12px;
  }

  #gradient-fifth {
    font-size: 12px;
  }

  .text-div-paypal .paypal-card-take-charge {
    padding: 12px 12px
  }

  .text-div-paypal .paypal-card {
    padding: 12px;
  }

  .text-div-paypal .paypal-card-apple-google-pay {
    padding: 12px;
  }

  .box-office-landing-page .step-title {
    font-size: 12px;
  }

  .simpletixe-paypal {
    font-size: 12px;
  }

  .section-details-paypal .paypal-details {
    padding-top: 20px;
    font-size: 14px;
  }
  .btn-custom-simple-setup{
    font-size: 17px;
    padding: 11px 27px;
  }
 
}

@media screen and (max-width: 375px) {
  .inner-paypal-gradient-text {
    font-size: 17px;
  }

  .inner-paypal-gradient-text-second {
    font-size: 17px;
    margin: 7px;
    padding: 7px 10px;
  }
}

/* Paypal Page CSS End*/


/* TicketSplice-Style CSS */
.ticketsplice-general-page .main-section .top-container-sign-up {
  text-align: left;
  position: relative;
  max-width: 1622px;
  padding-top: 0px;
}

.ticketsplice-general-page .text-design-sign-up {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: left;
  color: #1b1b20;
}

.ticketsplice-general-page .signup-main-container-section {
  display: flex;
  align-items: center;
  min-height: 100vh;
  width: 100%;
}

.ticketsplice-general-page .main-section .image-arrow-signup {
  position: absolute;
  right: -1rem;
  top: 23rem;
  width: 200px;
  height: 180px;
}

.ticketsplice-general-page .right-divider-signup {
  width: 139px;
  height: 1px;
  background: #8B8B8B33;
}

.ticketsplice-general-page .home-caption .create-account-color {
    border-start-start-radius: 20px;
    border-start-end-radius: 20px;
    padding: 32px 24px;
    background: #FAFAFA;
}

.ticketsplice-general-page .main-section-signup {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.ticketsplice-general-page .cis-r,
.ticketsplice-general-page .signup-badges {
  color: #0E2F60;
  font-weight: 600;
  font-size: 16px;
}

.ticketsplice-general-page .signup-mainsection-badges {
  padding: 20px !important;
}

@media (max-width: 1000px) {
  .ticketsplice-general-page .signup-main-container-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    width: 100%;
  }
}


@media (width < 1000px) {
  .ticketsplice-general-page .main-section .top-container-sign-up {
    padding: 0px;
    text-align: center;
    position: relative;
    /* max-width: 1721px; */
    padding-top: 0px;
    margin-bottom: 30px;
  }

  .ticketsplice-general-page .main-section {
    padding: 0px !important;
  }

  .ticketsplice-general-page .main-section-signup p {
    text-align: center;
  }
}

@media (width < 560px) {
  .ticketsplice-general-page .signup-main-container-section {
    padding: 30px !important;
  }

  .ticketsplice-general-page .main-section-signup h1 {
    font-size: 35px !important;
  }

  .ticketsplice-general-page .main-section-signup p {
    font-size: 15px !important;
  }

  .ticketsplice-general-page .signup-mainsection-bag {
    text-align: center;
  }

   .ticketsplice-general-page .right-divider-signup {
    width: 1px;
    height: 37px;
    rotate: 90deg;
   }
}

@media (min-width: 991px) and (max-width: 1399px) {
  .ticketsplice-general-page .main-section .image-arrow-signup {
    right: -16px;
    width: 120px;
    top: 24rem;
  }
}

@media (max-width: 767px) {
  .ticketsplice-general-page.right-divider-signup {
    width: 1px;
    height: 67px;
    rotate: 90deg;
  }
  .ticketsplice-general-page .ticketsplice-account-model{
    padding: 0 20px !important;
  }

  .ticketsplice-general-page .step-two-signup{
    display: flex !important;
  }
}

.ticketsplice-general-page .custom-form-control .dropdown-list{
   margin-top: 0px !important;
}

.ticketsplice-general-page .signupstep{
  display: none;
}
.ticketsplice-general-page .main-section{
  padding-left: 0 !important;
  flex: 1;
}
.ticketsplice-general-page .signup-form-wrap {
  flex: 1;
  max-width: 590px;
  @media screen and (max-width: 991px) {
    max-width: 100%;
    
  }
}
.ticketsplice-general-page .banner-card-signup {
  box-shadow: 0px 4px 15px 0px #00000012;
  background: #FFFFFF;
  padding-bottom: 30px;
  border-radius: 20px;
  border: 1px solid transparent;
  background-color: #FFFFFF;
  max-width: 100%;
}
.ticketsplice-general-page .active-font {
  color: #0E2F60;
}

/* TicketSplice-Style CSS End*/