.btn-outline-light {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 990px) {
    .navbar {
        background-color: white !important;
    }

    .navbar-transparent .nav-link {
        color: black !important;
    }

    .navbar-transparent .nav-link:hover {
        color: rgb(33, 33, 33) !important;
    }

    .navbar-transparent .dropdown-toggle::before {
        content: '\f107';
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        margin-left: 0.5rem;
        color: #0c0d19 !important;
        transition: all 0.3s ease;
        font-size: 0.8rem;
    }

    .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%2833, 37, 41, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
}

@media (max-width: 786px) {
    /* Add padding around main content sections */
    .career-hero,
    .partners-section,
    .dreams-aspirations-section,
    .more-jobs-section,
    .latest-jobs-section,
    .career-testimonials-section,
    .more-opportunities-section,
    .business-inquiry-section {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Testimonial cards container */
    .testimonial-cards {
        flex-direction: column !important;
        padding: 1rem !important;
        gap: 1rem !important;
    }

    /* Individual testimonial cards */
    .testimonial-card-detailed {
        min-width: auto !important;
        max-width: 100% !important;
        border-radius: 1rem !important;
        padding: 1rem !important;
    }

    /* Testimonial info box */
    .testimonial-info {
        margin-left: 0 !important;
        margin-top: 1rem !important;
        max-width: 100% !important;
        border-radius: 1rem !important;
        padding: 1rem !important;
    }

    /* Job cards container */
    .more-jobs-cards {
        flex-direction: column !important;
        gap: 1rem !important;
    }

    /* Individual job cards */
    .job-card {
        border-radius: 1rem !important;
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }

    /* Latest job cards */
    .latest-jobs-section .card {
        border-radius: 1rem !important;
        padding: 1rem !important;
        margin-bottom: 1rem !important;
    }

    /* Buttons full width */
    .apply-now-btn {
        width: 100% !important;
    }

    /* Fix social media buttons in job cards */
 
    .latest-jobs-section .card .btn {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-right: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        width: 280px !important;
        height: 40px !important;
        padding: 0 !important;
        border-radius: 0.375rem !important;
    
}
}

/* Additional improvements for testimonial section on tablets and smaller */
@media (max-width: 900px) {
    .career-testimonials-section {
        padding: 1rem !important;
    }
    .testimonial-cards-bg {
        background-position: center !important;
        background-size: cover !important;
        border-radius: 1rem !important;
    }
    .overlay {
        border-radius: 1rem !important;
    }
    .testimonial-info {
        margin-left: 0 !important;
        margin-top: 1rem !important;
        max-width: 100% !important;
        border-radius: 1rem !important;
        padding: 1rem !important;
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
    }
}

/* Responsive styles for contact and about pages */
@media (max-width: 768px) {
    /* Contact page specific styles */
    .contact-header .container {
        padding: 1rem;
    }
    .enquiry-section .row > div {
        margin-bottom: 1rem;
    }
    .map-section .row {
        flex-direction: column;
    }
    .map-section .col-lg-8,
    .map-section .col-lg-4 {
        width: 100%;
    }
    .contact-form .row > [class*="col-"] {
        margin-bottom: 1rem;
    }
    
    /* About page specific styles */
    .about-header .container {
        padding: 1rem;
    }
    .scrolling-logos {
        flex-direction: column;
        gap: 1rem;
    }
    .client-logo-wrapper {
        margin-bottom: 1rem;
    }
    .team-card {
        margin-bottom: 2rem;
    }
    .newsletter-section .row {
        flex-direction: column;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    /* Extra small device adjustments */
    .page-title {
        font-size: 1.8rem;
    }
    .page-subtitle {
        font-size: 1rem;
    }
    .section-title {
        font-size: 1.4rem;
    }
    .contact-item {
        padding: 1rem;
    }
    .social-links {
        justify-content: center;
    }
    .social-link {
        margin: 0.25rem;
    }
}

 #servicesScroller::-webkit-scrollbar {
      display: none;
    }
    #servicesScroller {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .scroll-arrow {
      z-index: 10;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: rgba(255, 102, 0, 0.8);
      color: white;
      border: none;
      font-size: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }
    .scroll-arrow:hover {
      background-color: rgba(255, 102, 0, 1);
    }
    /*Case study css */