body {
  letter-spacing: -0.04em !important;
}

::-webkit-scrollbar {
  display: none !important;
}

.my-header-bg {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.modal {
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(15px) !important;
}

.bg-pink {
  background-color: #df4271 !important;
}

.modal-close-button {
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.object-position-top {
  object-position: top !important;
}

.object-position-right {
  object-position: right !important;
}

.colorful-text {
  background: linear-gradient(90deg, #85459b 20%, #d5384e 90%, #ed4935);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.accordion-button {
  box-shadow: none !important;
}

.accordion-item {
  border: none !important;
}

@media screen and (min-width: 600px) {
  .bg-bottle-1 {
    background-image: url("/assets/images/8.png");
    background-repeat: no-repeat;
    background-size: contain;
  }

  .bg-bottle-3 {
    background-image: url("/assets/images/10.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.bg-bottle-2 {
  background-image: url("/assets/images/4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}

.bg-image {
  position: relative;
  background-image: url("/assets/images/home/5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
  height: 21rem;
}

.bg-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.bg-gradient {
  background: linear-gradient(265deg, #fe6800, #3e65ad 48%, #fe6800) !important;
}

.sm-text-p {
  font-size: 0.75rem !important;
}

.bg-gradient-primary {
  background: linear-gradient(0deg, #fe6800, #fff);
}

@keyframes logoloop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.loop-track {
  display: flex;
  animation: logoloop 20s linear infinite;
  width: max-content;
}

.marquee-image-partners {
  object-fit: contain;
  flex: none;
  max-width: none;
  height: auto;
  width: 180px;
}

.video-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.bg-green {
  background-color: #128a43 !important;
}

.statistics__stat {
  font-size: 6rem;
  font-weight: bold;
  display: inline-block;
  background: url("https://www.accion.org/wp-content/uploads/2023/11/stats-canva-crowded-market2-e1699909921500.png")
    no-repeat center;
  background-size: cover;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  max-width: none;
  white-space: nowrap;
}

.bg-black {
  background-color: #000000 !important;
}

.border-extralight {
  border: 1px solid #9b9b9b;
}

.btn-close-modal {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marquee-wrap {
  display: flex;
  overflow: hidden;
  padding: 10px 0;
  white-space: nowrap;
  width: 100%;
}

.loop-track {
  display: flex;
  animation: logoloop 179.66375325520832s linear 0s infinite;
  width: max-content;
}

.loop-track-fast {
  display: flex;
  animation: logoloop 134.74781494140626s forwards 5s infinite;
  width: max-content;
}

.loop-collection {
  display: flex;
  gap: 0.3rem;
}

.marquee-image {
  object-fit: contain;
  flex: none;
  max-width: none;
  height: auto;
  width: 320px;
  opacity: 0.3;
}

.bg-shade {
  background: linear-gradient(
    90deg,
    hsla(0, 0%, 99%, 0),
    hsla(0, 0%, 18%, 0.538) 7.53%,
    hsla(0, 0%, 2%, 0.674) 18.34%,
    #000000 50.09%,
    hsla(0, 0%, 2%, 0.732) 81.71%,
    hsla(0, 0%, 34%, 0.489) 92.47%,
    hsla(0, 0%, 99%, 0)
  );
}

.border-divider {
  border-color: #5d5d5d73 !important;
}

.searchbar-py {
  padding-bottom: 0.7rem !important;
  padding-top: 0.7rem !important;
}

.text-gold {
  color: goldenrod;
}

.bg-gold {
  background-color: goldenrod !important;
}

.smtext {
  font-size: 0.7rem !important;
}

.rounded-top-right-0 {
  border-top-right-radius: 0px !important;
}

.course-progress-bar {
  height: 6px !important;
}

.login-bg {
  background-color: #080b12;
}

.bg-login {
  position: relative;
  background-image: url("/assets/images/home/14.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.bg-login::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.btn-gradient-bg-2 {
  background: linear-gradient(
    122deg,
    #4e4e4e 0.01%,
    #757575 49.9%,
    #9a9a9a 100%
  );
}

.light-border {
  border: 1px solid #464646d9;
}

.transform-rotate-1 {
  transform: rotate(-5.42deg);
}

.gradient-section-1 {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
  color: white;
}

.gradient-section-2 {
  background: linear-gradient(90deg, #ff7e5f 0%, #feb47b 100%);
  color: #fff;
}

.gradient-section-3 {
  background: radial-gradient(circle at top left, #00c6ff, #0072ff);
  color: #fff;
}

.gradient-section-4 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #ff6a00 100%);
  color: #fff;
}

.gradient-section-5 {
  background: linear-gradient(180deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
  color: #f1f1f1;
}

.bg-white-black {
  background: linear-gradient(to bottom, #000000 0%, #2c5364 50%, #000000 100%);
}

.rounded-top-left-0 {
  border-top-left-radius: 0px !important;
}

.border-top-light {
  border-top: 1px solid #5d5d5d;
}

.button-md-circle {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
}

.text-black {
  color: #000000 !important;
}

.progress-container {
  position: absolute;
  left: 0px;
  right: 0px;
  width: 5px;
  height: 130%;
  z-index: 0;
  margin: auto;
  background: rgb(180, 250, 207);
  border-radius: 100px;
}

.progress-container .progress-bar {
  width: 5px;
  height: 30.9662%;
  display: block;
  position: relative;
  background: rgb(41, 181, 104);
  overflow: inherit;
  border-radius: 100px;
}

.progress-container .progress-bar::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 0;
  bottom: 0px;
  left: -5px;
  right: 0px;
  background: rgb(47, 180, 99);
  border-radius: 100px;
  margin: auto;
}

.bg-gray {
  background-color: #f4f4f4 !important;
}

.text-stroke {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 67px;
  color: transparent;
  -webkit-text-stroke: 2px white;
  opacity: 1;
  position: relative;
  margin: 0;
}

.gradient-green {
  background: linear-gradient(90deg, #2fb463 0, #13e866 100%) !important;
  color: #ffffff !important;
}

.bg-slneye {
  background-image: url("https://www.phonepe.com/webstatic/12474/static/sbi-bg-banner-ae1f295500509aff2a0c8324c91d7495.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000000;
}

.bungee-spice-regular {
  font-family: "Bungee Spice", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.science-gothic {
  font-family: "Science Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0, "wdth" 100, "CTRS" 0;
}

.bg-home-gradient {
  background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff00 100%);
}

.bg-otp {
  position: relative;
  background-image: url("/assets/images/home/7.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}

.bg-otp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.otp-box {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-bg {
  background-color: #b0761e !important;
}

.light-yellow-bg {
  background-color: #fff8ea !important;
}

.header-btn-height {
  height: 2.5rem !important;
}

.pill-height {
  height: 2rem !important;
}

.bg-gradient-blue {
  background-image: linear-gradient(93deg, #ff8513, #e1b400),
    linear-gradient(93deg, #53b2fe, #065af3);
}

.bg-register {
  background: linear-gradient(135deg, #e3e5e6, #fbe8b2);
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.text-black {
  color: #000000 !important;
}

.text-link {
  color: #295c89 !important;
}

.table-thead-bg {
  background-color: #3a2d7d !important;
}