.container {
  max-width: 1540px !important;
}

p {
  margin-bottom: 0 !important;
}

.banner {
  width: 100%;
  min-height: 40rem;
  background-image: url(../images/Banner-3.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.pages-banner {
  width: 100%;
  min-height: 25rem;
  background-image: url(../images/Banner-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
}

.contact-bg {
  width: fit-content;
  min-height: fit-content;
  background-image: url(../images/Contact-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
}

/*Banner css starts*/

.custom-font {
  font-size: 3rem;
}

/*Banner css ends*/

/* Form Alert */

.alert-container {
  display: none; /* Initially hidden */
  top: 80px;
}
.alert-container.show {
  display: block; /* Make it visible */
  animation: slideIn 0.5s ease-in-out;
}

@keyframes slideIn {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

/* Form Alert End*/

.flex-rev {
  align-items: center;
}

.app-bg {
  background-color: #ecf3fe;
  border-radius: 20px;
  min-height: 450px;
}

.footer-bg {
  background-color: #ecf3fe;
}

.mt-8 {
  margin-top: 7rem !important;
}

.cs-text {
  font-size: 5rem;
  color: #4285f4;
}

/*about css starts*/

.about-heading h1 {
  font-size: 4rem;
}

.about-heading p {
  font-size: 1.125rem;
  color: #797979;
  font-weight: 100;
}

/*about css ends*/

/* .custom-p {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 300;
} */

p {
  font-size: 16px;
  text-align: justify;
  color: #494a43;
}

.products-font {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.custom-p-ourteam {
  font-size: 16px;
  text-align: justify;
  /* line-height: 2.063rem; */
  /* font-weight: 400; */
  color: #494a43;
}

.custom-button {
  width: 6rem;
  height: 6rem;
}

.technology-bg {
  background-color: #ecf3fe;
}

.download-app {
  background-color: #ecf3fe;
  min-height: 400px;
}

.icon {
  display: flex;
  align-items: center;
}

.icon i {
  font-size: 20px;
}

/* .text-justify {
  display: flex;
  text-align: justify;
} */

.social-icon {
  font-size: 28px;
}

.fb:hover {
  color: #1877f2;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 2rem;
  font-weight: bold;
}

.yt:hover {
  color: #ff0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 2rem;
  font-weight: bold;
}

.ig:hover {
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 2rem;
  font-weight: bold;
}

/* Carousal Css */

.container {
  max-width: 1440px;
}

.carousel-nav {
  border-bottom: 1px solid #cfcfcf;
}

.carousel-nav a {
  color: #cfcfcf;
  text-align: center;
  text-decoration: none;
}

.carousel-nav a.active h5 {
  color: #4285f4;
  font-weight: 800;
}

.carousel-nav .col {
  color: #212529;
  cursor: pointer;
}

.owl-carousel img {
  height: 350px;
  min-width: 600px;
}

.icon i {
  font-size: 24px;
  align-items: center;
}

/* Scroll to Top Button Styles */
#scrollToTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #ecf3fe;
  color: #555;
  border: none;
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 50%;
  cursor: pointer;
  display: none; /* Initially hidden */
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 99;
}

#scrollToTopBtn:hover {
  background-color: #4285f4;
  color: white;
}

/* Button's animation */
#scrollToTopBtn.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

#scrollToTopBtn.hide {
  opacity: 0;
  transform: translateY(100px);
}

.footer-link {
  color: #212529;
  text-decoration: none;
}

.card-icon {
  height: 48px !important;
  width: 48px !important;
}

@media only screen and (max-width: 1024px) {
  .flex-rev {
    display: flex;
    flex-direction: column-reverse;
  }

  .img-res {
    display: none;
  }

  .contact-bg {
    min-height: 500px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-res {
    flex-direction: column;
  }

  .f-div {
    margin-bottom: 15px;
  }

  .t__c {
    text-align: center;
  }
}

@media only screen and (max-width: 425px) {
  .cs-text {
    font-size: 3rem;
  }

  .custom-font {
    font-size: 2rem;
  }

  .mt-8 {
    margin-top: 2rem !important;
  }
}