body {
    font-family: "Roboto", sans-serif;
    font-size: 0.975rem;
   }
   /* Remove underline from all links */
   a {
    text-decoration: none;
   }
   /* Hide scrollbar for all browsers */
   .no-scrollbar::-webkit-scrollbar {
    display: none;
   }
   .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
   }
   .slogan-font {
    font-family: "Pacifico", cursive;
    font-style: italic;
    position: absolute;
    color: white;
    top: 20px;
    right: 20px;
   }
   .banners-tittle {
    opacity: 90%;
   }
   .banners {
    max-height: 450px;
   }
   .card-img-top {
    height: 200px;
   }
   /* Scrollable modal images container */
   #certModalImages {
    max-height: 70vh;
    overflow-y: auto;
    padding: 10px;
   }
   #certModalImages img {
    width: 100%;
    height: auto;
    max-height: 70vh;
    object-fit: contain;
    margin-bottom: 15px;
   }
   /* Custom container with fixed 1280px width */
   .container-custom {
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
   }
   /* Adjust button styles */
   .btn-green {
    background-color: #14532d;
    color: #d1fae5;
   }
   .btn-green:hover {
    background-color: #166534;
    color: #ffffff;
   }
   /* Adjust text colors */
   .text-green-900 {
    color: #14532d;
   }
   .text-green-100 {
    color: #d1fae5;
   }
   .text-yellow-400 {
    color: #facc15;
   }
   .bg-green-900 {
    background-color: #14532d;
   }
   .bg-green-800 {
    background-color: #166534;
   }
   .bg-green-700 {
    background-color: #15803d;
   }
   .border-gray-200 {
    border-color: #e5e7eb;
   }
   .text-gray-700 {
    color: #374151;
   }
   .text-gray-600 {
    color: #4b5563;
   }
   /* Ensure carousel cards are evenly spaced */
   .carousel-item .row {
    margin-left: -10px;
    margin-right: -10px;
   }
   .carousel-item .col-md-3,
   .carousel-item .col-md-4 {
    padding-left: 10px;
    padding-right: 10px;
   }
   /* Adjust certificate card title to ensure equal height */
   .cert-card-title {
    font-size: 0.95rem;
    min-height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
   }
   .cert-card {
    height: 100%;
   }
   /* Equal height for news cards */
   .news-card {
    height: 100%;
    display: flex;
    flex-direction: column;
   }
   .news-card .card-body {
    flex-grow: 1;
   }
   /* Equal height for review cards */
   .review-card {
    height: 100%;
    display: flex;
    flex-direction: column;
   }
   .review-card .card-body {
    flex-grow: 1;
   }
   #production .col-md-3,
   #production .col-sm-6,
   #production .col-12 {
    padding-left: 2.5px;
    padding-right: 2.5px;
   }
   /* Certificate carousel always shows 4 items */
   #certCarousel .carousel-item .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
   }
   #certCarousel .carousel-item .col-md-3 {
    flex: 0 0 24%;
    max-width: 24%;
   }
   /* Smaller search button */
   .search-btn {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
   }
   /* Smaller carousel buttons */
   .carousel-control-prev,
   .carousel-control-next {
    width: 30px;
    height: 30px;
    background-color: #15803d;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
   }
   .carousel-control-prev-icon,
   .carousel-control-next-icon {
    background-size: 50%;
   }
   /* Ensure 4 items per row in featured products */
   #production .row-cols-md-4 .col {
    flex: 0 0 25%;
    max-width: 25%;
   }
   #certificate .card-img-top {
    margin-top: 5px;
   }
   /* Mobile Responsive Styles */
   @media (max-width: 576px) {
    body {
     font-size: 0.875rem;
    }
    .container-custom {
     padding-left: 10px;
     padding-right: 10px;
    }
    /* Header */
    header {
     flex-direction: column;
     align-items: flex-start;
    }
    header .form-control {
     font-size: 0.875rem;
    }
    /* Search form */
    form[role="search"] {
     width: 100%;
     margin-top: 1rem;
    }
    /* Banner Section */
    #banner .row {
     flex-direction: column;
     max-height: none;
    }
    #banner .col-md-8,
    #banner .col-md-4 {
     width: 100%;
    }
    #banner .slogan-font {
     font-size: 1rem;
     top: 10px;
     right: 10px;
     padding: 0.5rem;
    }
    #banner .slogan-font b {
     font-size: 1.25rem;
    }
    .banners {
     max-height: 300px;
    }
    /* Introduction Section */
    #introduction .row {
     flex-direction: column;
    }
    #introduction .col-md-4,
    #introduction .col-md-8 {
     width: 100%;
    }
    #introduction .card {
     height: 250px;
    }
    /* Featured Products */
    #production .row-cols-md-4 {
     grid-template-columns: repeat(2, 1fr);
    }
    #production .row-cols-md-4 .col {
     flex: 0 0 50%;
     max-width: 50%;
    }
    #production .card-img-top {
     height: 150px;
    }
    /* Certificate Carousel */
    #certCarousel .carousel-item .row {
     flex-wrap: wrap;
    }
    #certCarousel .carousel-item .col-md-3 {
     flex: 0 0 100%;
     max-width: 100%;
     margin-bottom: 1rem;
    }
    /* Review Carousel */
    #reviewCarousel .carousel-item .col-md-4 {
     flex: 0 0 100%;
     max-width: 100%;
     margin-bottom: 1rem;
    }
    /* News Section */
    #news .row {
     flex-direction: column;
    }
    #news .col-md-4 {
     width: 100%;
    }
    #news .card-img-top {
     height: 150px;
    }
    /* Footer */
    footer .row {
     flex-direction: column;
    }
    footer .col-md-4 {
     width: 100%;
     margin-bottom: 1rem;
    }
    /* Modal */
    #certModal .modal-dialog {
     margin: 0.5rem;
    }
    #certModalImages img {
     max-height: 50vh;
    }
   }