/* Archivo & Inter */
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/* The Nautigal */
@import url("https://fonts.googleapis.com/css2?family=The+Nautigal:wght@400;700&display=swap");

html{
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  font-family: "Archivo", sans-serif;
  background-color: #13161a;
  color: #ffffff;
  overflow-x: hidden;
}

input{
  background-color: transparent;
}

/* marquee Slider Start */
.Marquee-content:hover {
  animation-play-state: paused;
}

.Marquee-tag:hover {
  transform: scale(1.1);
}

.Marquee-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translate(-50%);
  }
}

/* marquee Slider End */

/* our success Start */
.cardIcon-active {
  box-shadow: 0px 12px 24px -1px #ffffff33 inset;
  background-color: #528a66;
}

.cardIcon-active h2 {
  color: #fff;
}

/* our success End */

/* tab Start */
.upload-store-contant {
  display: none;
}

.upload-store-contant.UploadStore-btn-active {
  display: block;
}

.UploadStore-btn-active .customers-prof {
  background-color: #fff;
}

@media (max-width: 639px) {
  .upload-store-tab .UploadStore-btn-active {
    background-color: #66ac7f;
  }
}

/* tab End */

/* Pricing Start */
.pricing-tabs {
  border-radius: 100px;
  border: 1px solid transparent;
  background: linear-gradient(#13161a, #13161a) padding-box,
    linear-gradient(117.64deg, #528a66 0%, rgba(82, 138, 102, 0.1) 97.7%)
      border-box;
  padding: 2px;
}

#monthlyBtn.active,
#yearlyBtn.active {
  background-color: #66ac7f;
  box-shadow: 0px 5px 7px 0px #94c5a53b;
  color: white;
}

.popular {
  margin-top: 0;
  background-color: #66ac7f;
  box-shadow: 0px 2px 12px 0px #14142b14;
  border: 1px solid #ffffff;
}

.popular button,
.popular .plans-icon {
  background-color: #ffffff;
  color: #66ac7f;
}

.Newsletter-heading {
  background: linear-gradient(0deg, #ffffff, #ffffff),
    linear-gradient(90.46deg, #ffffff 73.77%, #6b57a0 126.16%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Pricing End */

/* smooth scroll */
@media (min-width: 768px) {
  .smooth-scroll-cover {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .smooth-scroll {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    will-change: transform;
  }
}

@keyframes customAni {
  0% {
    transform: translateX(0px);
  }

  50% {
    transform: translateX(10px);
  }

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

.excepteur-boxCover:hover svg {
  animation: customAni 2s ease-in-out infinite;
}