@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --mask: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 1) 30%,
    rgba(0, 0, 0, 1) 70%,
    rgba(0, 0, 0, 0)
  );
}

body {
  font-family: "Poppins", sans-serif;
}

.navbar-nav .customNavLink {
  display: inline-block;
  font-size: 14px;
  border: 1px solid;
  border-radius: 50px;
  background: #212529;
  color: white !important;
}

@media (max-width: 991px) {
  .showHideNav {
    display: none;
  }
}
.container .header p {
  font-size: 16px;
  text-transform: uppercase;
}
.container .homeContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0px;
}
.container .homeContainer h1 {
  margin-top: 50px;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  color: #343a40;
}
.container .homeContainer p {
  color: #6c757d;
  margin-top: 35px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.container .homeContainer button {
  transition: 0.3s all ease;
}
.container .homeContainer button:hover {
  transform: scale(1.1);
}
.container .sliderContainer .slick-carousel {
  -webkit-mask: var(--mask);
          mask: var(--mask);
  width: auto;
}
.container .sliderContainer .slick-carousel div.slide {
  text-align: center;
  padding: 2px 20px;
}
.container .sliderContainer .slick-carousel div.slide img {
  display: block;
  height: 75px;
}
.container .sliderContainer .slick-slide {
  padding: 40px 40px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  gap: 2rem !important;
}
.container .sliderContainer .slick-prev,
.container .sliderContainer .slick-next {
  display: none !important;
}
.container .imageContainer {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.container .imageContainer img {
  max-width: 100%;
  transform: perspective(900px) rotateX(20deg) scale(0.9);
  box-shadow: 0px 20px 80px #878787;
  transition: 0.5s ease all;
  background: linear-gradient(180deg, #eba65b 30%, #d99267);
}
.container .imageContainer img:hover {
  transform: rotate(0deg) scale(1) translateY(10px);
}
.container .featuresMain .features {
  display: flex;
  align-items: center;
}
.container .featuresMain .features h1 {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
}
.container .featuresMain .features h6 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75rem;
}
.container .featuresMain .featureCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding: 50px 0;
}
.container .featuresMain .featureCards .featureCard {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.container .featuresMain .featureCards .featureCard .iconHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.container .featuresMain .featureCards .featureCard .iconHeader i {
  font-size: 20px;
  color: #343a40;
}
.container .featuresMain .featureCards .featureCard .iconHeader h3 {
  margin: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #343a40;
  line-height: 1.5rem;
}
.container .featuresMain .featureCards .featureCard p {
  color: #6c757d;
  margin: 0px;
  font-style: normal;
  text-align: left;
  font-size: 16px;
  line-height: 1.25rem;
}
.container .supportMain .supportLinks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 40px;
  padding: 30px 0;
}
.container .supportMain .supportLinks .supportLink h5 {
  color: #343a40;
  line-height: 1.5rem;
}
.container .supportMain .supportLinks .supportLink p {
  color: #6c757d;
  font-size: 14px;
  line-height: 1.25rem;
}
.container .supportMain .supportLinks .supportLink ul {
  list-style: none;
  padding: 0;
}
.container .supportMain .supportLinks .supportLink ul li {
  padding: 5px;
  padding-left: 0;
  transition: 0.2s all ease;
}
.container .supportMain .supportLinks .supportLink ul li a {
  text-decoration: none;
  color: #6c757d;
  font-weight: 500;
}
.container .supportMain .supportLinks .supportLink ul li:hover a {
  color: #007bff;
  transform: scale(1.08);
}
.container .supportMain .supportLinks .supportLink .socialLinks {
  display: flex;
  gap: 1.5rem;
}
.container .supportMain .supportLinks .supportLink .socialLinks a i {
  font-size: 24px;
  color: #6c757d;
  transition: 0.3s all ease;
}
.container .supportMain .supportLinks .supportLink .socialLinks a:hover i {
  color: #007bff;
  transform: scale(1.1);
}
.footer {
  border-top: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer p {
  margin: 20px 1px;
  color: #6c757d;
}

@media (max-width: 992px) {
  .featureCards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .supportLinks {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 768px) {
  .homeContainer h1 {
    font-size: 42px !important;
  }
  .featuresMain h1 {
    font-size: 40px !important;
  }
  .featuresMain h6 {
    font-size: 16px !important;
  }
  .featureCards {
    padding: 30px 0 !important;
  }
}
@media (max-width: 540px) {
  .homeContainer {
    margin-bottom: 20px !important;
  }
  .homeContainer h1 {
    font-size: 36px !important;
    margin-top: 20px !important;
  }
  .homeContainer p {
    font-size: 16px !important;
    margin-top: 15px !important;
  }
  .featuresMain h1 {
    font-size: 40px !important;
  }
  .featuresMain h6 {
    font-size: 16px !important;
  }
  .featureCards {
    grid-template-columns: repeat(1, 1fr) !important;
    text-align: center;
    padding: 20px 5px !important;
  }
  .contactMain h6 {
    margin: 10px 0px !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
  }
  .supportLinks {
    padding: 20px 0 !important;
    gap: 20px !important;
  }
  #contacts {
    margin-bottom: 30px !important;
  }
  .supportLinks {
    grid-template-columns: repeat(1, 1fr) !important;
    text-align: center;
  }
  .socialInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.container .termsMain h6 {
  color: #6c757d;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.container .termsMain p {
  font-size: 16px;
  letter-spacing: 1.25;
}
.container .termsMain h5 {
  color: #343a40;
  line-height: 1.5rem;
  font-weight: 600;
  margin-top: 20px !important;
}/*# sourceMappingURL=style.css.map */