:root {
  --bg-gradient-orange: 255, 107, 32;
  --bg-gradient-pink: 135, 33, 198;
  --bg-gradient-red: 228, 56, 21;
}

@font-face {
  font-family: 'Gotham Light';
  src: url('./Fonts/GothamLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham Bold';
  src: url('./Fonts/GothamBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham Book';
  src: url('./Fonts/GothamBook.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham Black Regular';
  src: url('./Fonts/Gotham\ Black\ Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Buttermint';
  src: url('./Fonts/Buttermint.ttf') format('truetype');
}

@font-face {
  font-family: 'COMIC';
  src: url('./Fonts/COMIC.TTF') format('truetype');
}

@font-face {
  font-family: 'Comic Sans';
  src: url('./Fonts/ComicSansMS3.ttf') format('truetype');
}

@font-face {
  font-family: 'Gilroy Bold';
  src: url('./Fonts/Gilroy-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Manrope';
  src: url('./Fonts/Manrope-VariableFont_wght.ttf') format('truetype');
}

@font-face {
  font-family: 'Santoshi Bold';
  src: url('./Fonts/Satoshi-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Gotham Medium';
  src: url('./Fonts/GothamMedium.ttf') format('truetype');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  background: #111111;
  width: 100vw;
  overflow-x: hidden;
}

.header {
  background: url('./assets/Group\ 48095733.png');
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 1782px;
  padding: 1rem 0 0 0;
}
@media screen and (max-width: 425px) {
  .header {
    height: 1500px;
  }
}
.header__navbar {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Gotham Light';
}

.header__navbar__links {
  width: 502px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 21px;
}
@media screen and (max-width: 425px) {
  .header__navbar__links {
    display: none;
  }
}
.header__navbar__links a {
  text-decoration: none;
  color: white;
  font-family: 'Manrope';
}
.header__navbar__buttons {
  height: 39px;
  width: 219px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 425px) {
  .header__navbar__buttons {
    display: none;
  }
}
.header__navbar__button {
  height: 100%;
  width: 83px;
  border-radius: 6px;
  border: none;
  color: white;
  font-family: 'Manrope';
  font-size: 15px;
}
.header__navbar__button--1 {
  border: 1px solid rgba(255, 255, 255, 0.58);
  background: rgba(255, 255, 255, 0.1);
}
.header__navbar__button--2 {
  border: 1px solid transparent;
  background: linear-gradient(
    45deg,
    rgb(var(--bg-gradient-orange)),
    rgb(var(--bg-gradient-pink))
  );
  position: relative;
}
.header__navbar__button--2::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -3px;
  border-radius: 6px;
  background: linear-gradient(
    225deg,
    rgb(var(--bg-gradient-orange)),
    rgb(var(--bg-gradient-pink))
  );
  filter: blur(30px);
}
.header__navbar__button--2::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: -1.5px;
  border-radius: 6px;
  background: linear-gradient(
    225deg,
    rgb(var(--bg-gradient-orange)),
    rgb(var(--bg-gradient-pink))
  );
}
.header__navbar__image_container {
  width: 132px;
  height: 71px;
}
@media screen and (min-width: 426px) {
  .hamburger {
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .header__navbar__image_container {
    width: 100px;
    height: 53px;
  }
  .hamburger {
    display: inline-block;
    width: 28.65px;
    height: 25.63px;
  }
  .hamburger_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.header__navbar__image_container__img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.header__hero {
  width: 100%;
  height: 100%;
}

.header__hero__masthead {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
  gap: 1rem;
}
.header__hero__masthead__p {
  font-size: 27px;
  color: white;
  font-family: 'Gotham Light';
}

@media screen and (max-width: 425px) {
  .header__hero__masthead__p {
    font-size: 13px;
  }
}
.header__hero__masthead__h1 {
  font-size: 73px;
  color: white;
  letter-spacing: -4px;
  line-height: 119.6%;
  text-align: center;
  font-family: 'Gotham Bold';
  position: relative;
}
@media screen and (max-width: 425px) {
  .header__hero__masthead__h1 {
    font-size: 29px;
    letter-spacing: -1px;
  }
}
.h1_line {
  position: absolute;
  bottom: -1rem;
  right: 2rem;
}
@media screen and (max-width: 425px) {
  .h1_line {
    width: 121.5px;
    height: 15.9px;
  }
}
.heading__1 {
  background: linear-gradient(to right, #8721c6, #ff6b20);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading__2 {
  background: linear-gradient(to right, #8721c6, #ff6b20);
  background-position: 60%;
  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.header__hero__masthead__image__container {
  width: 964.59px;
  height: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 425px) {
  .header__hero__masthead__image__container {
    width: 346px;
    height: 227px;
  }
  .header__hero__masthead__image__container__bg {
    width: 250px !important;
    height: 150px !important;
    border-radius: 15px !important;
  }
  .header__hero__masthead__image__container__img {
    width: 80% !important;
    height: 80% !important;
    border-radius: 10px;
    overflow: hidden;
  }
  .header__hero__masthead__image__container__card {
    width: 20% !important;
    height: 40% !important;
    left: 1rem !important;
  }
  .header__hero__masthead__image__container__tools {
    width: 20% !important;
    height: 40% !important;
  }
  .header__hero__masthead__image__container__cash {
    width: 20% !important;
    height: 40% !important;
    top: -10px !important;
    right: 1rem !important;
  }
  .myzer-logo {
    width: 80px !important;
    height: 80px !important;
    padding: 1rem;
    bottom: -1 !important;
  }
  .header__hero__masthead__image__container__tools {
    width: 10% !important;
    height: 30% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 1rem !important;
    gap: 0.5rem;
  }
  .tools {
    width: 1rem;
    gap: 0.1rem !important;
    margin-bottom: 0rem !important;
  }
  .tools p {
    font-size: 5px !important;
  }
  .play-button {
    width: 40px;
    height: 40px;
  }
  .arrow-line {
    width: 20px;
    height: 20px;
    top: 25px !important;
  }
  .watchThis {
    font-size: 10px;
    top: 35px !important;
    right: 20px !important;
  }
  .header__hero__masthead__image__container__img::before {
    border-radius: 10px;
  }
  .header__hero__about {
    width: 334px !important;
    height: 51px !important;
    margin: 10px auto 0 !important;
  }
  .header__hero__about__p {
    font-size: 12px !important;
  }
}
.header__hero__masthead__image__container__cash {
  position: absolute;
  top: -2rem;
  right: 0;
}
.header__hero__masthead__image__container__bg {
  width: 749.97px;
  height: 432.02px;
  background: url('./assets/Mask\ group.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 40px;
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.header__hero__masthead__image__container__tools {
  position: absolute;
  left: 1rem;
  top: 2.5rem;
}

.tools {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-family: 'Poppins';
  font-size: 15px;
  color: #fff;
}
.header__hero__masthead__image__container__card {
  width: 229px;
  height: 277px;
  backdrop-filter: blur(10px);
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  z-index: 2;
  border-radius: 11px;
}
.header__hero__masthead__image__container__card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__hero__masthead__image__container__img {
  position: relative;
  width: 579.32px;
  height: 322.44px;
  border-radius: 17px;
}
.header__hero__masthead__image__container__img::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 17px;
  background: rgba(0, 0, 0, 0.64);
}

.play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3D(-50%, -50%, 0);
}

.arrow-line {
  position: absolute;
  right: 35%;
  top: 25%;
}
.watchThis {
  font-family: 'Comic Sans';
  color: white;
  position: absolute;
  font-size: 14;
  right: 20%;
  top: 35%;
}
.myzer-logo {
  position: absolute;
  right: -15%;
  bottom: 6%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.34);
  backdrop-filter: blur(18px);
  border-radius: 100%;
  width: 230px;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header__hero__about {
  width: 1070px;
  height: 110px;
  margin: 56px auto 0;
}

.header__hero__about__p {
  color: white;
  text-align: center;
  font-family: 'Gotham Medium';
  font-size: 24px;
}

.header__hero__prebook {
  width: 1194px;
  height: 426px;
  border-radius: 19px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.69);
  margin: 0 auto;
  display: flex;
}
@media screen and (max-width: 425px) {
  .header__hero__prebook {
    width: 340px;
    height: 426px;
    flex-direction: column;
    align-items: center;
    margin-top: 33px;
    gap: 1rem;
  }
  .header__hero__prebook__bitmoji {
    width: 221px !important;
    height: 217px !important;
  }
  .header__hero__prebook__bitmoji img {
    object-fit: contain !important;
  }
  .header__hero__prebook__details {
    width: 100% !important;
    align-items: center;
    gap: 0.3rem;
  }
  .header__hero__prebook__details img {
    width: 15.8px;
    height: 15.8px;
  }
  .specialOffer {
    height: 27.8px !important;
    width: 110.5px !important;
    font-size: 8px !important;
  }
  .oneTimeOffer {
    font-size: 15px !important;
    width: 200px;
  }
  .noFees {
    font-size: 18px !important;
    letter-spacing: -1px !important;
  }
  .prebook {
    height: 42px !important;
    width: 223px !important;
    font-size: 11px !important;
  }
  .header__hero__rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 308px !important;
    height: 108px !important;
    gap: 2rem !important;
  }
  .stars {
    width: 231px !important;
    height: 36.4px !important;
  }
  .ratingText {
    width: 308px !important;
    height: 48px !important;
  }
}
.header__hero__prebook__bitmoji {
  width: 417px;
  height: 100%;
}
.header__hero__prebook__bitmoji img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header__hero__prebook__details {
  display: flex;
  flex-direction: column;
  width: calc(100% - 417px);
  height: 100%;
  align-items: center;
  justify-content: space-evenly;
}
.specialOffer {
  font-family: 'Gotham Medium';
  color: white;
  font-size: 16px;
  background: #da0f0f;
  border: none;
  border-radius: 50px;
  width: 233.73px;
  height: 55.52px;
  box-shadow: 5px 5px 0 #9d0c0c;
}
.oneTimeOffer {
  background-image: linear-gradient(
    to right,
    rgb(var(--bg-gradient-pink)),
    rgb(var(--bg-gradient-orange))
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Gotham Bold';
  font-size: 21px;
  letter-spacing: -1px;
}
.noFees {
  font-family: 'Gotham Bold';
  font-size: 40px;
  color: white;
  letter-spacing: -2px;
}
.prebook {
  width: 481px;
  height: 91px;
  border-radius: 26px;
  background: linear-gradient(
    45deg,
    rgb(var(--bg-gradient-orange)),
    rgb(var(--bg-gradient-pink))
  );
  border: none;
  font-size: 23px;
  font-family: 'Gotham Bold';
  color: white;
  letter-spacing: -1px;
  position: relative;
}

.prebook::before {
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  z-index: -1;
  border-radius: 26px;
  margin: -4px;
  filter: blur(100px);
}

.header__hero__rating {
  width: 561px;
  height: 48px;
  display: flex;
  gap: 1rem;
  margin: 78px auto 0;
}

.ratingText {
  font-family: 'Gotham Bold';
  font-size: 20px;
  color: white;
  text-align: center;
}

.prebook_section {
  background: url('./assets/image\ 2.png');
  background-position: center;
  background-size: contain;
  background-repeat: none;
  position: relative;
}
@media screen and (max-width: 425px) {
  .prebook_section_img_container {
    height: 661px !important;
  }
}
.prebook_section_img_container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  margin-top: 50px;
}

.prebook_section_img_container__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.creativity {
  position: absolute;
  bottom: 0;
  width: 80%;
  height: 736px;
  border-radius: 28px;
  background: linear-gradient(
    to bottom,
    rgb(var(--bg-gradient-red)),
    transparent
  );
  left: 50%;
  top: 55%;
  transform: translateX(-50%);
  padding: 29px 21px;
  display: grid;
  grid-template-columns: 708px 1fr;
  grid-template-rows: 165px 251px 1fr;
}
@media screen and (max-width: 425px) {
  .creativity {
    width: 336px;
    height: 563px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .creativity__h2 {
    font-size: 20px !important;
    text-align: center;
  }
  .creativity__p {
    font-size: 10px !important;
    text-align: center;
  }
  .creativity__btn {
    width: 135px !important;
    height: 40px !important;
    font-size: 12px !important;
  }
  .prebook_section__demo {
    display: none;
  }
  .prebook_section__demo__mobile {
    display: block !important;
    margin: 15rem auto 0;
    height: 564px;
    width: 300px;
  }
}
.prebook_section__demo__mobile {
  display: none;
}
.creativity__h2 {
  color: white;
  font-family: 'Gotham Bold';
  font-size: 42px;
}
.creativity__p {
  color: white;
  font-family: 'Gotham Medium';
  font-size: 24px;
}
.creativity__btn {
  color: black;
  font-family: 'Gotham Bold';
  font-size: 21px;
  background: #fff;
  border-radius: 50px;
  border: none;
  width: 230px;
  height: 68.27px;
}
.creativity__img__container {
  grid-row-start: 1;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  height: 100%;
}
.creativity__img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}
.prebook_section_h1 {
  font-family: 'Gotham Book';
  font-size: 45px;
  color: white;
  width: 1094px;
  text-align: center;
  margin: 0 auto;
  line-height: 119.7%;
}
@media screen and (max-width: 425px) {
  .prebook_section_h1 {
    font-size: 29px;
    width: 294px;
  }
}
.gradient-text {
  background: linear-gradient(
    to right,
    rgb(var(--bg-gradient-orange)),
    rgb(var(--bg-gradient-pink))
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Gotham Medium';
}
.prebook_section_img_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prebook_section__demo {
  width: 80%;
  height: 936px;
  margin: 116px auto 0;
  position: relative;
}
.prebook_section__demo__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prebook_section__demo__shoe {
  position: absolute;
  width: 600.77px;
  height: 703.63px;
  bottom: -8rem;
  left: -7rem;
}
.prebook_section__demo__shoe__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.prebook_section__gradient_img {
  background: url('./assets/Group\ 48095610.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 661px;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 425px) {
  .prebook_section__gradient_img {
    top: -8rem !important;
  }
}
/* feature section start */
.feature_section {
  background: url('./assets/image\ 2.png');
  background-position: center;
  background-size: cover;
  background-repeat: none;
  padding-top: 110px;
  position: relative;
}
@media screen and (max-width: 425px) {
  .feature_section {
    padding: 0;
  }
}
.feature_section__gradient {
  width: 1641px;
  height: 1186px;
  position: absolute;
  right: 0;
  z-index: -1;
}
.feature_section__gradient__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature__card-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 425px) {
  .feature__card-wrap {
    flex-direction: column !important;
    gap: 1rem;
  }
}
.feature__heading {
  color: white;
  font-size: 50px;
  letter-spacing: -3px;
  font-family: 'Gotham Medium';
  text-align: center;
  padding-bottom: 50px;
}
@media screen and (max-width: 425px) {
  .feature__heading {
    font-size: 18px;
    letter-spacing: -1px;
  }
}
.feature__para {
  color: white;
  font-size: 24px;
  font-family: 'Gotham Medium';
  text-align: center;
  padding-bottom: 100px;
}
@media screen and (max-width: 425px) {
  .feature__para {
    width: 80%;
    font-size: 14px;
    margin: 0 auto;
  }
}
.orange_para_text {
  color: #ff6b20;
}

.feature__card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #151515;
  padding: 25px 25px 50px 25px;
  border-radius: 20px;
  border: 0.5px solid #ff6b20;
  margin-left: 10px;
  margin-right: 10px;
}

.feature__card-text {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 425px) {
  .feature__card-text h1 {
    font-size: 27px;
  }
  .feature__card-text p {
    font-size: 16px;
  }
  .card_img {
    height: 234px;
    width: 295.7px;
  }
}

.feature__card-text h2 {
  color: #ff6b20;
  font-size: 27px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.feature__card-text p {
  color: #ffffff;
  max-width: 308px;
  text-align: center;
  font-size: 16px;
}
/* feature section end */

/* sales section start */

.sale_section {
  background: url('./assets/image\ 2.png');
  background-position: center;
  background-size: contain;
  background-repeat: none;
  padding-top: 110px;
  position: relative;
}
.sale_section__h1 {
  color: white;
  font-family: 'Gotham Medium';
  font-size: 50px;
  width: 70%;
  height: 120px;
  margin: 0 auto;
  text-align: center;
  line-height: 119.7%;
}
@media screen and (max-width: 425px) {
  .sale_section__h1 {
    font-size: 29px;
  }
}
.sale_section__gradient_text {
  background: linear-gradient(
    to right,
    rgb(var(--bg-gradient-pink)),
    rgb(var(--bg-gradient-orange))
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sale_section__screenshots {
  display: flex;
  gap: 1rem;
  width: 80%;
  margin: 125px auto 0;
  position: relative;
}
@media screen and (max-width: 425px) {
  .sale_section__screenshots {
    flex-direction: column;
    align-items: center;
    margin: 80px auto 0;
  }
}
.sale_section__gradient {
  background: url('./assets/Group\ 48095634.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: -12%;
  /* z-index: 1; */
  width: 100%;
  height: 100%;
}
.sale_section__hand1 {
  position: absolute;
  left: 0;
  top: 27%;
  width: 623.73px;
  height: 365.5px;
}
.sale_section__ai_div {
  background: url('./assets/Group\ 48095694\ \(1\).png');
  width: 485px;
  height: 565px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 17%;
  left: 20%;
  z-index: 1;
}
.sale_section__hand2 {
  background: url('./assets/Objects\ 1.png');
  width: 650px;
  height: 609px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 37%;
  right: 0;
  z-index: 1;
}
.sale_section__hand1__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sale_section__screenshots__text {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 425px) {
  .sale_section__screenshots__text__h2 {
    font-size: 20px !important;
    text-align: center;
  }
  .sale_section__screenshots__text__p {
    font-size: 14px !important;
    text-align: center;
  }
  .sale_section__screenshots__text__btn {
    width: 145.7px !important;
    height: 43.2px !important;
    font-size: 13px !important;
    margin: 0 auto;
  }
  .sale_section__screenshots__image_container {
    width: 321px;
    height: 727.36px;
  }
  .sale_section__ai_div {
    height: 267px !important;
    width: 148.39px !important;
    background-size: cover;
    background-position: center;
    top: 25%;
    left: 8%;
  }
  .sale_section__hand1 {
    transform: rotateY(180deg);
    left: 51%;
    top: 30%;
    width: 225.3px !important;
    height: 132.06px !important;
  }
  .sale_section__hand1_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .sale_section__hand2 {
    width: 431px;
    height: 321px;
    right: -6rem;
    top: 35%;
  }
  .sale_section__features {
    display: none;
  }
  .sale_section__features__mobile {
    display: block !important;
    margin-top: 800px;
    background: url('./assets/Group\ 48095733\ \(1\).png');
    background-size: cover;
    background-repeat: no-repeat;
  }
  .sale_section__webhook {
    margin: 50px auto 0 !important;
  }
}
.sale_section__features__mobile {
  display: none;
}
.sale_section__screenshots__text__h2 {
  font-family: 'Gotham Bold';
  font-size: 42px;
  color: white;
}
.sale_section__screenshots__text__p {
  font-family: 'Gotham Book';
  font-size: 24px;
  color: white;
}
.sale_section__screenshots__text__btn {
  background: linear-gradient(
    to right,
    rgb(var(--bg-gradient-pink)),
    rgb(var(--bg-gradient-orange))
  );
  width: 230px;
  height: 68.27px;
  color: white;
  border-radius: 50px;
  font-family: 'Gotham Bold';
  font-size: 21px;
  border: none;
}
.sale_section__features {
  margin-top: 461px;
  background: url('./assets/Group\ 48095733\ \(1\).png');
  background-size: cover;
  background-repeat: no-repeat;
}
.sale_section__whatsapp {
  width: 80%;
  height: 660px;
  position: relative;
  z-index: 2;
}
.sale_section__whatsapp__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sale_section__sms {
  margin: 0 0 0 auto;
  width: 80%;
  height: 660px;
}
.sale_section__sms__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sale_section__mail {
  margin: 0 auto 0 0;
  width: 80%;
  height: 660px;
}
.sale_section__mail__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sale_section__webhook {
  margin: 120px auto 0;
  width: 80%;
  height: 660px;
}
.sale_section__webhook__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* sales section end */

/* chckout section start */
.checkout__heading {
  font-size: 50px;
  font-family: 'Gotham Medium';
  letter-spacing: -3px;
  line-height: 119.7px;
  text-align: center;
  padding-bottom: 50px;
}

.checkoutPages_section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 125px;
  background: url('./assets/image\ 2.png');
  background-position: center;
  background-size: cover;
  background-repeat: none;
  position: relative;
}
.checkout_box1 {
  width: 1042px;
  height: 1042px;
  border-radius: 50%;
  background: rgba(36, 32, 255, 0.21);
  position: absolute;
  top: 40%;
  left: 0;
  z-index: -1;
  filter: blur(530px);
}
.checkout_box2 {
  width: 1186px;
  height: 1186px;
  border-radius: 50%;
  background: rgba(var(--bg-gradient-pink), 0.11);
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
  filter: blur(530px);
}

.checkout__heading h1 {
  color: white;
}
@media screen and (max-width: 425px) {
  .checkoutPages_section {
    padding-top: 60px;
    justify-content: start;
    height: 666px;
  }
  .checkout__heading h1 {
    font-size: 29px;
    letter-spacing: -1px;
  }
  .checkout-main-img_div {
    display: none;
  }
  .checkout-main-img_div_mobile {
    display: block !important;
    width: 439px;
    height: 522px;
    margin: 0 auto;
    position: absolute;
    left: -14%;
    top: 20% !important;
  }
  .checkout_main_text_mobile {
    display: block !important;
    width: 328px !important;
    height: 114px !important;
    color: white;
    margin-top: 420px;
    text-align: center;
    font-family: 'Gotham Medium';
    font-size: 14px;
  }
}
.checkout-main-img_div_mobile {
  display: none;
}
.checkout_main_text_mobile {
  display: none;
}
.text_gradient {
  background: linear-gradient(to right, #8721c6, #ff6b20);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.checkout-main-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.checkout-main-img_div {
  width: 80%;
  height: 1326px;
  margin-top: 107px;
}
/* checkout section end */
/* payment section start */
.payment_section {
  padding-top: 168px;
  background: url('./assets/image\ 2.png');
  background-position: center;
  background-size: contain;
  background-repeat: none;
  position: relative;
}
.payment_gradient_div1 {
  position: absolute;
  top: 20%;
  width: 100%;
  height: 536px;
  display: flex;
  justify-content: center;
}
.payment_gradient_div2 {
  position: absolute;
  top: 35%;
  width: 100%;
  height: 536px;
  display: flex;
  justify-content: center;
}
.payment_box1 {
  width: 536px;
  height: 536px;
  border-radius: 50%;
  background: rgba(var(--bg-gradient-orange), 0.21);
  filter: blur(530px);
}
.payment_box2 {
  width: 536px;
  height: 536px;
  border-radius: 50%;
  background: rgba(var(--bg-gradient-orange), 0.21);
  filter: blur(530px);
}
.payment_section__h1 {
  width: 80%;
  height: 60px;
  margin: 0 auto;
  font-family: 'Gotham Bold';
  font-size: 50px;
  text-align: center;
  color: white;
}
.payment_section__p {
  width: 80%;
  height: 177px;
  margin: 0 auto;
  font-family: 'Gotham Medium';
  font-size: 25px;
  text-align: center;
  color: white;
  margin-top: 38px;
}
.payment_section__image_div {
  width: 80%;
  height: 691.97px;
  margin: 60px auto 0;
}
.payment_section__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment_section__mac_div {
  width: 80%;
  height: 978px;
  margin: 154px auto 0;
}
.payment_section__mac {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* payement section end */

/* templates section start */
.templates_section {
  background: url('./assets//image\ 2.png');
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 232px;
  position: relative;
}
.templates_section__h1 {
  color: white;
  font-family: 'Gotham Medium';
  font-size: 45px;
  width: 1093px;
  height: 120px;
  margin: 0 auto;
  text-align: center;
}
.templates_section__gradient-text {
  background: linear-gradient(
    to right,
    rgb(var(--bg-gradient-orange)),
    rgb(var(--bg-gradient-pink))
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.templates_section__p {
  width: 1016px;
  height: 100px;
  margin: 0 auto;
  color: white;
  font-family: 'Gotham Medium';
  font-size: 25px;
  text-align: center;
  margin-top: 50px;
}
.templates_dashboard {
  width: 1204px;
  height: 839px;
  border-radius: 20px;
  margin: 65px auto 0;
}
.templates_dashboard__gradient_bg {
  width: 100%;
  height: 1200px;
  position: absolute;
  top: 10%;
  z-index: -1;
}
.box1 {
  width: 1043px;
  height: 1042px;
  background: rgba(var(--bg-gradient-orange), 0.21);
  border-radius: 50%;
  position: absolute;
  top: 22%;
  filter: blur(530px);
}
.box2 {
  width: 1043px;
  height: 1042px;
  background: rgba(var(--bg-gradient-pink), 0.11);
  border-radius: 50%;
  position: absolute;
  top: 18%;
  right: 0;
  filter: blur(530px);
}
.templates_dashboard__gradient_bg_1 {
  width: 100%;
  height: 1200px;
  position: absolute;
  z-index: -1;
  top: 55%;
  rotate: 30deg;
}
.box1_2 {
  width: 1431.54px;
  height: 1430.33px;
  background: rgba(var(--bg-gradient-pink), 0.11);
  border-radius: 50%;
  position: absolute;
  top: -10rem;
  left: -10rem;
  filter: blur(530px);
}
.box2_2 {
  width: 1257.87px;
  height: 1256.67px;
  background: rgba(var(--bg-gradient-orange), 0.21);
  border-radius: 50%;
  position: absolute;
  top: 4rem;
  right: -10rem;
  filter: blur(530px);
}
.templates_dashboard__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.templates_cards {
  margin: 103px auto 0;
  width: 70%;
}
.templates_cards__h2 {
  font-family: 'Gotham Medium';
  font-size: 60px;
  color: white;
  width: 100%;
  text-align: center;
}
.templates_cards__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(623px, 1fr));
  place-items: center;
  gap: 2rem;
  margin-top: 110px;
}
.templates_cards__grid__card {
  background: #1a1d25;
  border: 1px solid #0085ff;
  width: 100%;
  height: 623px;
  border-radius: 20px;
  padding: 39px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.templates_cards__grid__card__image_div {
  width: 100%;
  height: 50%;
}
.templates_cards__grid__card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.templates_cards__grid__card__h3 {
  color: white;
  font-family: 'Gotham Medium';
  font-size: 34px;
  text-align: center;
}
.templates_cards__grid__card__p {
  color: white;
  font-family: 'Gotham Book';
  font-size: 24px;
  text-align: center;
}
/* templates section end */

/* rating section start */
.rating_section {
  padding-top: 216px;
  position: relative;
}
.rating_section__img_div {
  width: 80%;
  height: 721px;
  margin: 0 auto;
}
.rating_section__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rating_section__rating_img_div {
  width: 60%;
  height: 75.01px;
  margin: 100px auto 0;
}
.rating_section__rating_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rating_section__h2 {
  font-family: 'Gotham Medium';
  font-size: 55px;
  width: 70%;
  height: 166px;
  margin: 0 auto;
  color: white;
  text-align: center;
  margin-top: 102.99px;
}
.rating_section__p {
  font-family: 'Gotham Book';
  font-size: 35px;
  width: 80%;
  height: 193px;
  margin: 0 auto;
  color: white;
  text-align: center;
  margin-top: 40px;
}
.rating_section__testimonial {
  width: 80%;
  height: 852px;
  margin: 55px auto 0;
}
.rating_section__testimonial__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* rating section end */

/* contact section start */
.contact_section {
  padding-top: 120px;
  position: relative;
}
.contact_section_image_div {
  width: 100%;
  height: 1521px;
}
.contact_section_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact_section_beta_img_div {
  width: 617px;
  height: 1416px;
  position: absolute;
  right: 6%;
  top: 10%;
}
.contact_section_beta_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* contact section end */

.footer_img_div {
  width: 100%;
  height: 713px;
}

.footer_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}