:root {
    --default-font-size: 16px;
}




.navbar {
    width: 100%;
    background: rgb(31, 108, 232);
    background: linear-gradient(77deg, rgba(31, 108, 232, 1) 0%, rgba(31, 31, 158, 1) 35%, rgba(5, 3, 61, 1) 100%);
}


.navbar-brand {
    color: white !important;
}

.nav-link {
    color: white !important;
}

.nav-link:hover {
    color: #ed341c !important;
}

.btn:hover {
    background-color: #ed341c !important;
}


section {
    padding-top: 0;
}

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

}

#main-nav>ul>li>a {
    font-weight: 600;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    ;
   
}


.card {
    transition: all 0.3s;
}

.card:hover {
    transform: scale(1.10);
}

footer {

    width: 100%;
    background: rgb(31, 108, 232);
    background: linear-gradient(77deg, rgba(31, 108, 232, 1) 0%, rgba(31, 31, 158, 1) 35%, rgba(5, 3, 61, 1) 100%);

}

.lead {
    font-size: 1rem;
}

/* transition property */

.fade-left {
    transform: translateX(-100px);
    opacity: 0;
    transition: transform 1s, opacity 1s;
}

.fade-right {
    transform: translateX(100px);
    opacity: 0;
    transition: transform 1s, opacity 1s;
}

.fade-top {
    transform: translateY(-100px);
    opacity: 0;
    transition: transform 1s, opacity 1s;
}

.fade-bottom {
    transform: translateY(100px);
    opacity: 0;
    transition: transform 1s, opacity 1s;
}

.shedule-btn {
    margin-top: 3rem;
    margin-bottom: 7rem;
}

#companies {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: linear-gradient(18deg, rgba(233, 157, 14, 1) 0%, rgba(232, 96, 11, 1) 35%, rgba(237, 52, 28, 1) 100%);
    color: white;
    overflow: hidden;

    margin-bottom: 5rem;
}

#partner {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: linear-gradient(18deg, rgba(233, 157, 14, 1) 0%, rgba(232, 96, 11, 1) 35%, rgba(237, 52, 28, 1) 100%);
    color: white;
    overflow: hidden;

    margin-bottom: 5rem;
}

.carousel-heading {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin: 3rem 0;
}

.carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.carousel-track {
    display: flex;
    animation: scroll 60s linear infinite;
}

.carousel-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 3.6rem;
    /* Extra space between images */
}

.carousel-img {
    width: 5rem;
    height: 5rem;
    object-fit: cover;
    border-radius: 50%;
}

.client-name {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
}

/* Animation for mobile view */
@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-90%);
    }
  }
  
  /* Desktop View: Static */
  @media (min-width: 35rem) {
    .carousel-track {
      animation: none; /* Disable animation */
      transform: translateX(0); /* Ensure static position */
    }
  }
  
  /* Mobile View: Moving Carousel */
  @media (max-width: 35rem) {
    .carousel-track {
      animation: scroll 15s linear infinite; /* Add animation */
      gap: 0.5rem;
    }
  }


footer {
    font-size: 1rem;
}

.address {
    font-size: 0.8rem;
}



#contact-details {
    margin-top: 6rem;
}


#service {
    margin-top: 8rem;
}

#about {
    margin-top: 7rem;
}

#contact-details {
    margin-top: 10rem;
}

#faq-section {
    margin-top: 8rem;
    margin-bottom: 6rem;
}


#training {
    margin-top: 6rem;
}