.card-img-container {
     background-color: #eef7ff;
     /* Light blue background */
     padding: 1.5rem;
     border-top-left-radius: .25rem;
     border-top-right-radius: .25rem;
 }

 .btn-custom-orange {
     background-color: #ff6d2f;
     color: white;
 }

 .btn-custom-orange:hover {
     background-color: #ff6d2f;
     color: white;
 }

 .section-title {
     text-transform: uppercase;
     font-weight: bold;
     color: #333;
     margin-bottom: 2rem;
 }

 .highlight-list li {
     margin-bottom: 0.5rem;
 }

 .highlight-list span {
     color: #ff6d2f;
     font-weight: bold;
 }

 .guarantee-badges img {
     margin: 0 10px;
 }

 /* --- STYLES FOR FIRST CARD SECTION (Copilot, etc.) --- */
 .card-img-container {
     background-color: #eef7ff;
     padding: 1.5rem;
 }

 .btn-custom-orange {
     background-color: #ff6d2f;
     border: none;
     color: white;
 }

 .btn-custom-orange:hover {
     background-color: #ff6d2f;
     color: white;
 }

 /* --- STYLES FOR SERVICES SECTION --- */
 .services-section {
     background-color: #e0e5eb
         /* Light grey background */
 }

 .service-card {
     color: white;
     border-radius: 0.25rem;
     height: 100%;
 }

 .service-card .icon {
     font-size: 2.5rem;
     margin-bottom: 1rem;
 }

 .service-card h3 {
     font-size: 1.25rem;
     text-transform: uppercase;
     font-weight: bold;
 }

 .service-card .subtitle {
     font-size: 0.9rem;
     margin-bottom: 1.5rem;
     font-style: italic;
     width: 65%;
     margin-left: auto;
     margin-right: auto;
 }

 .service-card ul {
     list-style: none;
     padding: 0;
     text-align: left;
 }

 .service-card ul li {
     margin-bottom: 0.75rem;
     font-size: 0.9rem;
 }

 .service-card ul li::before {
     content: '✓';
     /* Checkmark symbol */
     color: #28a745;
     font-weight: bold;
     display: inline-block;
     width: 1.2em;
     margin-left: -1.2em;
 }

 .service-card-details {
     background-color: #fff;
     color: #000;
     /* Light background for details */
     padding: 1.5rem;
     text-align: left !important;
     height: 70%;
 }

 .bg-dark-blue {
     background-color: #2c3e50;
 }

 .bg-gold {
     background-color: #E08C0F;
 }
 .icon-margin-star-open {
     margin-top: 15px;
     margin-bottom: 15px;
     color: #fff;
 }
 .icon-margin-headphones {
     margin-top: 15px;
     margin-bottom: 15px;
     color: #05b5c8;
 }
 .icon-margin-play-circle {
     margin-top: 15px;
     margin-bottom: 15px;
     color: #05b5c8;
 }
 .grey-bg {
     background-color: #e0e5eb;
     /* Light grey background */
 }

 .store-name {
    font-size: 1rem;
    font-weight: 500;
    color: #1970b7;
    line-height: 18px;
    margin-bottom: 2px;
    margin-right: 5px;
}
.margin-bottom-40 {
    margin-bottom: 40px;
}
.input-group {
    margin: 20px;
}


.carousel-control-prev,
.carousel-control-next {
    top: 50%;
    bottom: auto;             /* remove bottom stretching */
    transform: translateY(-50%);
    width: 5%;                /* smaller clickable area */
    display: block;           /* override flex for consistent positioning */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 30px 30px;
}

.carousel-indicators li {
  background-color: red; /* your desired color */
}

.carousel-indicators .active {
  background-color: #012b51; /* color for the active indicator */
}

.carousel-control-prev,
.carousel-control-next {
    border: none;
    background-color: transparent;
    font-size: 5.5rem;

}

.font-weight-bold {
    font-size: 24px;
}

/* Remove gap between navigation and carousel/banners */
nav.site-header,
.site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

nav.site-header.sticky-top {
    position: relative !important;
}

body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#coursesSlider {
    margin-top: -1px !important;
    padding-top: 0 !important;
    position: relative !important;
    top: 0 !important;
}

.carousel-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.carousel-inner > .carousel-item:first-child {
    margin-top: 0 !important;
}

.contact-banner {
    margin-top: 0 !important;
}

/* Ensure no spacing from Bootstrap utilities */
.py-1 {
    padding-bottom: 0.25rem !important;
}

/* Remove any default spacing after nav */
nav + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Force carousel to have no gap */
.carousel,
.carousel-inner,
.carousel-item {
    min-height: 0 !important;
}

.carousel-item {
    display: block !important;
}

.carousel-item > a,
.carousel-item > a > img {
    vertical-align: bottom !important;
    line-height: 0 !important;
}

/* Override Bootstrap img classes */
.carousel-item img.d-block {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: bottom !important;
}

.carousel-item img.w-100 {
    max-width: 100% !important;
    height: auto !important;
}

/* reCAPTCHA v3 badge — keep above sticky footer / overlays (still visible; do not hide per Google terms) */
.grecaptcha-badge {
    z-index: 10000;
}