/* Home-Page Header */




.topBanner-wrapper {
  background: var(--clr-gradient);
  background-size: 200% 200%;
  height: 100vh;
  animation: gradient 10s ease infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  color: var(--clr-white);
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.topBanner-wrapper .doll {
  width: 100%;
  max-width: 190px;
}

.cactus.doll {
  position: absolute;
  bottom: -20px;
  left: -50px;
}

.purple.doll {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -80px;
}

img.banner-down {
  position: absolute;
  bottom: -15px;
  z-index: 1;
  width: 100%;
  max-width: 100%;
}

.banner-logo .brand-logo-img {
  width: 100%;
  max-width: 620px;
}

.banner-verify-box {
  position: relative;
  display: flex;
  align-items: end;
  width: 100%;
  justify-content: center;
  margin-top: -180px;
}

img.verfiy-img-doll {
  width: 100%;
  max-width: 250px;
  margin-bottom: 30px;
}

img.verfiy-img-doll.left {
  margin-right: -85px;
}

img.verfiy-img-doll.right {
  margin-left: -85px;
}

.banner-logo .banner.doll {
  position: absolute;
  z-index: -1;
  right: 240px;
  top: -30px;
  width: 100%;
  max-width: 150px;
}

.banner-logo .left.doll {
  position: absolute;
  left: 0;
  top: 40px;
}

.banner-verify-box .verify-item {
  width: 100%;
  max-width: 500px;
}

.scroll-down {
  margin-top: 40px;
}

.scroll-down p {
  margin-bottom: 0px;
  font-family: "Red Rose", serif;
  color: var(--clr-white);
}

/* Home-Page-Header-End */

/* footer-custom-css */

.circle-doll {
  position: absolute;
  width: 100%;
  max-width: 400px;
  right: 60px;
  top: 10px;
  border-radius: 100%;
  z-index: 1;
}

.footer-content {
  position: relative;
  z-index: 0;
}

.circle-doll-overlay {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 240px;
  height: 240px;
  border: 13px solid white;
  position: absolute;
  top: 60px;
  right: 200px;
  border-radius: 100%;
  z-index: 2;
}

.newsletter .footer-info {
  margin-top: 50px;
}

/* product-section-css */

.ProductSection {
  background-size: cover;
}

.ProductImg {
  position: relative;
  display: flex;
  justify-content: center;
}

.ProductIndex {
  position: absolute;
}

.ProductIndex {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.ProductIndex p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--clr-primary);
  font-size: 40px;
  font-weight: 900;
  font-family: 'Poppins', sans-serif;
}

.watermark-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.watermark-image img {
  width: 100%;
  max-width: 400px;
  opacity: 0.5;
}

.ProductText {
  text-align: center;
}

.ProductText .heading-part {
  align-items: center;
  max-width: 100%;
}

.ProductText .heading-part .heading-bottom {
  max-width: 300px;
  margin-left: 10px;
}

.ProductImg.right .ProductIndex {
  right: 0;
  left: auto;
}

img.ProductFruit {
  position: absolute;
  width: 100%;
  max-width: 170px;
  right: 80px;
  bottom: 0;
}

img.Productmain {
  position: relative;
  bottom: -40px;
  max-width: 440px;
}


/* .ProductLeft {
  width: 50%;
  margin-right: auto;
}

.ProductRight {
  width: 50%;
  margin-left: auto;
} */

.ProductCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  gap: 50px;
}

.ProductCenter .ProductSlider {
  width: 100%;
  max-width: 400px;
  margin-left: 70px;
}


.main {
  width: 400px;
  height: 400px;
  border: 1px solid #CCC;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  z-index: -1;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: var(--clr-gradient);
}

.main:after {
  content: "";
  position: absolute;
  width: 97%;
  height: 97%;
  background: white;
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.circle{
  width:30px;
  height:30px;
  background:var(--clr-gradient);
  border-radius:50%;
  position:absolute;
  top:0; bottom:0; left:0;right:0;
  overflow:hidden;
  z-index: 1;
  margin:auto;
  animation: circle 6s linear infinite;
}

@keyframes circle{
  0%{
    transform:rotate(0deg)
              translate(-195px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg)
              translate(-195px)
              rotate(-360deg);
  }
}







/* slider-css */

swiper-slide img {
  border-image: linear-gradient(
      141deg,
      #9cbc13 17.13%,
      #31a893 36.15%,
      #0692e4 54.8%,
      #917ba4 74.2%,
      #fe714a 93.22%
    )
    30;
  border-width: 5px;
  border-style: solid;
  background: var(--clr-white);
}


.custom-padding-slider {
  padding: 200px 0 90px;
}

/* verify-section */

.VerifySection{
  background: var(--clr-gradient);
  background-size: 200% 200%;
  animation: gradient 10s ease infinite;
  color: var(--clr-white);
  padding: 40px 0;
  position: relative;
  z-index: 0;

}

.VerifySection .heading-part {
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 20px;
}

.VerifySection .heading-part h3 {
  font-size: 45px;
}

.VerifySection p{
  color: var(--clr-white);
}


.phone-back-guy {
  position: absolute;
  width: 100%;
  max-width: 190px;
  bottom: -70px;
  right: 445px;
  z-index: 0;
}

.video {
  display: flex;
  justify-content: center;
  margin-top: -160px;
  position: relative;
}

.video video {
  position: absolute;
  max-width: 190px;
  height: 405px !important;
  left: 34%;
  top: 22px;
  transform: translateX(-50%);
  border-radius: 25px;
}

img.phone {
  margin-bottom: -40px;
}


.heading-part.follow {
  max-width: 100%;
  align-items: center;
}

.heading-part.follow img {
  max-width: 290px;
}

.follow-us {
  background: var(--clr-white);
  padding: 100px 0 50px;
}

.insta-div {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
}

.insta-div img {
  max-width: 340px;
  width: 100%;
}


/* Products-Page-CSS */

h2.series{
  font-size: 250px;
}

.ProductSecondary .ProductImg img {
  width: 100%;
  max-width: 320px;
}

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



h2.series {
  position: relative;
  
}

h2.series:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-color: var(--clr-primary);
  bottom: -7px;
  left: 440px;
  transform: rotate(45deg);
  border-style: solid;
  border-width: 5px 5px 0 0;
}


h2.series.left:after {
  right: auto;
  left: 175px;
  transform: rotate(225deg);
}


h2.series:before {
  width: 45%;
  height: 5px;
  background: var(--clr-primary);
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.series.orange{
  background: linear-gradient(180deg, #F08C25 0%, #E6741F 17.5%, #CB3410 65.5%, #B70505 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.series.berry{
  background: linear-gradient(180deg, #526EB5 32%, #B70505 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.series.purple-berry{
  background: linear-gradient(180deg, #5C308C 0%, rgba(183, 5, 5, 0.92) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.series.grape{
  background: linear-gradient(180deg, rgba(78, 46, 122, 0.87) 34.5%, rgba(117, 31, 79, 0.97) 49%, rgba(183, 5, 5, 0.92) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.series.pink{
  background: linear-gradient(180deg, #ED547E 0%, rgba(183, 5, 5, 0.92) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.series.lemon{
  background: linear-gradient(180deg, #05B797 0%, #B70505 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.series.pineapple{
  background: linear-gradient(180deg, #F08C25 0%, #E6741F 17.5%, #CB3410 65.5%, #B70505 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.series.rainbow{
  background: linear-gradient(180deg, #F8D754 32%, #B70505 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.series.waterlemon{
  background: linear-gradient(180deg, #28B34B 32%, #B70505 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.series.cherry{
  background: linear-gradient(180deg, #E91F27 0%, rgba(183, 5, 5, 0.92) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.banner-verify-box.inner {
  justify-content: center;
  gap: 385px;
  margin-top: -120px;
}

.banner-verify-box.inner .verfiy-img-doll {
  max-width: 240px;
}

/* About-us-Css */

p.about-text {
  text-align: center;
  max-width: 580px;
  margin: 30px auto 0px;
}

.about-us-top {
  position: relative;
  margin-top: -45px;
}

.about-watermark-image {
  position: absolute;
  max-width: 420px;
  width: 100%;
  left: 50px;
  top: -30px;
  z-index: -1;
  opacity: 0.2;
}

.about-hidden-img {
  position: absolute;
  right: -35vh;
  z-index: -1;
  width: 100%;
  max-width: 400px;
  top: -60px;
  opacity: 0.2;
}

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

h3.product-heading {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(106deg, #227C45 0%, #33B152 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

h3.product-heading span {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  background: linear-gradient(198deg, #EF4E7B 0%, #90082E 92.38%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product-logo {
  margin-top: 120px;
}

.product-logo img{
  opacity: 0.2;
}

.left-product p {
  margin-top: 20px;
}

h3.more-products {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  background: var(--clr-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  text-align: end;
}

.product-thumb {
  display: flex;
  justify-content: end;
  gap: 10px;
  padding: 20px 0 25px;
  border-image: linear-gradient(90deg, #8ABD3E 0.06%, #336E74 25.03%, #53479C 47.99%, #735DA8 73.95%, #E6766E 99.92%) 30;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px;
  border-style: solid;
}

.more-products-para {
  text-align: end;
}

.more-products-para p {
  margin-top: 20px;
}

.more-products-para .ThemeBtn {
  margin-top: 40px;
}

.about-us-bottom {
  padding: 95px 0 0px;
  margin-bottom: -80px;
}


.product-center-img img {
  width: 100%;
  max-width: 490px;
}


.text-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}


.Modal-success .modal-body {
  padding: 0px;
}

.Modal-success .container {
  padding: 0px;
}
.auth-img {
  max-width: 170px;
}
.auth-img img{
  width: 100%;
  height: 100%;
}
.text-modal h2{
  font-size: 40px;
}
 .btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 15px;
 }
 .img-modal{
  line-height: 0;
 }
 .img-modal video{
  width: 100%;
  height: 500px;
  object-fit: cover;
 }
 .modal-backdrop .modal-content{
  overflow: hidden;
 }
 .error-img{
  width: 120px;
}