.navbar .menu {
    width: 160px;
    text-align: center;
}

#header .logo{
    width: 100%;
    float: left;
}

#logo{
    width: 150px;
}

.navbar a {
    display: block;
    margin: 10px 5px;
}

.navbar a,
  .navbar a:focus {
    display: block;
    margin: 10px 5px;
}

.btn-wa:hover{
    background-color: #17e62f;
}

.btn-wa {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background-color: #5dbf69;
  }

  .show {
        visibility: visible;
        opacity: 1;
    }

    .btn-something{
        font-family: futura;
        text-decoration: none;
    }

    .btn-something:hover{
        background-color: #aa231d;
        color: #fff;
    }

    /* Additional Buttons and Icons */

    .product-grid-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-height: 450px;
        max-width: 285px;
        /* width: 285px;
        height: 395px; */
    }

    .product-grid-item h6 {
        padding : 20px
    }

    .image-card {
        border-radius: 10px 10px 0 0;
        width: 100%;
        height: 295px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }

    .image-card img {
        border-radius: 10px 10px 0 0;
        background-color: #f1f1f1;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .card-title{
        width: 300px;
        height: 98px;
    }

    h6 {
        margin-top: 10px;
        font-size: 1.1rem;
    }

    .product-grid-item a{
        width: 100%;
    }


    .sosial-media a {
        text-decoration: none;
    }

    .catalog-card a{
        text-decoration: none;
    }

    /* button and a */
    .company-footer-content a{
        text-decoration: none;
        color: #999;
        font-size: 16px;
        font-weight: 500;
    }

    .btn-out-story{
        width: 155px;
        height: 44px;
        padding: 10px 20px;
        bottom: 175px;
        left: 22%;
    }

    .image-slider {
        width: 390px;
        height: 390px;
    }

    .category-filter {
        color: black;
        font-size: 16px;
        font-family: 'futura';
        margin-bottom: 1rem;
    }

    .btn-our-story:hover{
        color: #aa231d ;
    }

    .container-title a{
        color: #999;
        font-size: 14px;
        font-family: 'futura';
    }

    .modal-left-content-item-container img {
        height: 75px !important;
        width: 77px !important;
    }

    .left-item {
        font-size: 20px;
        color: black;
    }

    .modal-left-content-item-container h6 {
        font-size: 20px;
        font-family: 'futura';
    }

    .btn-buy {
        font-family: 'futura' !important;
    }

    .round-image {
        width: 170px;
        height: 170px;
        border-radius: 50%;
        overflow: hidden;
    }

    .round-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        align-items: center;
    }

    .local-product {
        margin-top: 50px;
        padding: 100px;
        background-color: #fafafa;
    }

    .local-title h3 {
        font-size: 36px;
        font-family: 'futura';
        color: #AA231D;
        font-weight: 700;
        text-transform: uppercase;
    }

    .local-text{
        width: 97%;
    }

    .local-text p {
        color: #999;
        font-family: 'futura';
        font-size: 16px;
        font-weight: 400;
        text-align: justify;
        font-style: normal;
        line-height: 1.5;
    }

    .local-image {
        padding: 50px;
    }

    .custom {
        margin-top: 50px;
        padding: 100px;
        background-color: #fafafa;
    }

    .custom-title h3 {
        font-size: 36px;
        font-family: 'futura';
        color: #AA231D;
        font-weight: 700;
        text-transform: uppercase;
    }

    .custom-text{
        width: 97%;
    }

    .custom-text p {
        color: #999;
        font-family: 'futura';
        font-size: 16px;
        font-weight: 400;
        text-align: justify;
        font-style: normal;
        line-height: 1.5;
    }

    .custom-image {
        padding: 50px;
    }


    /* .slider-container {
        padding: 50px 0;
    }

    .setting {
        padding: 100px 0 0 0;
    }

    .trusted {
        padding: 100px 0 0 0;
    } */

    .container-text-filter img {
        width: 33px;
        height: 33px;
        margin-right: 5px;
        margin-top: 5px;
    }

    #header.header-scrolled .btn-search {
        background: rgb(245, 245, 245);
        color: #999;
      }

    .catalog-slider .slick-list{
        padding: 0 80px !important;
    }

    /* General Splide Slider Styling */
    .splide {
        max-width: 100%;
        margin: 20px auto;
        overflow: hidden;
    }

    .splide__track {
        position: relative;
    }

    .splide__list {
        display: flex;
        align-items: center;
        gap: 20px; /* Space between slides */
        padding: 0;
        list-style: none;
    }

    /* Slide Images */
    .splide__slide {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .spide-img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 150px; /* Fixed width for the image container */
        height: 100px; /* Fixed height for the image container */
        overflow: hidden;
    }

    .sponsor-img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain; /* Ensures the full image fits within the container without cropping */
        object-position: center; /* Centers the image within the container */
        transition: transform 0.3s ease-in-out;
    }

    .sponsor-img:hover {
        transform: scale(1.1); /* Add a hover effect for better interactivity */
    }

    /* Bottom Splide Specific */
    .splide-bottom {
        margin-top: 40px;
    }

    .image-card img {
        background-color: #fff;
    }

    .text-container h3 {
        font-size: 36px; /* Ukuran font h3 */
        line-height: 1.2;
        margin: 0;
        height: 72px;
        align-items: center;
        padding: 10px;
    }

    .image-container {
        justify-content: center;
        align-items: center;
    }

    .catalog-img {
        width: 100%; /* Gambar akan mengambil 80% dari lebar container */
        max-height: 100%; /* Membatasi tinggi gambar agar sesuai desain */
        object-fit: contain; /* Menyesuaikan gambar agar tidak terdistorsi */
    }

    .paddingSection {
        padding: 100px 0 0 0;
    }

    .build-section {
        padding: 0;
    }

    .build-img {
        margin-top: 100px;
    }

    .sponsorship-section {
        padding-bottom: 0;
    }

    .product {
        margin-top: 80px;
        padding-top: 50px;
    }

    .about-us {
        margin: 0;
        padding-bottom: 0;
    }

    .partnership {
        padding-top: 135px;
    }

    .slider-single .slick-slide{
        background-color: #fff !important;
    }


    .list-product {
        padding: 40px;
        justify-content: left;
        grid-template-columns: auto auto auto;
        gap: 30px;
      }

    .product-detail{
        padding-top: 100px;
    }

    .left-partner {
        background-image: none;
    }

    h3 {
        font-family: 'futura';
    }

    .left-about-us {
        background-image: none;
    }

    .left-partner h3 {
        line-height: 1.5;
        font-weight: 600;
    }

    .right-about-us h3 {
        font-weight: 600;
    }

    .footer-logo-img {
        width: 220px;
        margin-bottom: 25px;
    }

    .social-footer-text {
        word-wrap: break-word;
        width: 100%;
    }

    #trusted {
        background-color: #aa231d !important;
    }

    .trusted-desktop {
        padding: 100px;
    }

    .trusted-left {
        background-color: transparent;
    }

    /* Responsif: Menyesuaikan ukuran teks */
    @media (min-width: 320px) and (max-width: 375px){
        .text-container h3 {
            font-size: 18px; /* Ukuran lebih kecil untuk mobile */
        }

    }

    @media (min-width: 375px) and (max-width: 576px){
        .text-container h3 {
            font-size: 20px; /* Ukuran lebih kecil untuk mobile */
        }

    }

    @media (max-width: 480px) {
        .spide-img {
            width: 100px;
            height: 70px;
        }

        .splide__list {
            gap: 10px; /* Reduce gap between slides */
        }
    }

    @media (max-width: 575px) {
        .text-container h3 {
            font-size: 28px; /* Ukuran lebih kecil untuk mobile */
        }

        .paddingSection {
            padding: 48px 0 0 0;
        }

        .build-img {
            margin-top: 48px;
        }

        .about-us .paddingSection{
            padding: 100px 0 0 0;
        }

        .left-about-us {
            padding: 50px 0 0 25px;
        }

        .right-about-us {
            padding: 50px;
        }
    }

    @media (max-width: 576px) {
        .left-partner h3{
            padding: 25px;
            text-align: center;
        }

        .image-slider{
            width: 250px;
            height: auto;
        }

        .slick-next{
            right: 25px;
        }

        .trusted-left{
            padding: 50px;
            text-align: left;
        }

        .trusted-left h3{
            margin-bottom: 36px;
         }

         .trusted-left p{
             text-align: left;
         }

         .right-about-us h3{
             margin-bottom: 36px;
         }

        #setting .container {
            padding: 50px;
        }

        .setting h3 {
            text-align: left;
        }

        .setting .text {
            text-align: left;
            padding: 36px 0;
        }

        .local-product{
            margin: 0;
            padding: 50px 35px;
        }

        .list-product {
            justify-content: center;
            grid-template-columns: auto;
          }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {
        .container-text-filter img {
            width: 33px;
            height: 33px;
            margin-right: 0px;
        }

        .left-partner h3{
            padding: 10px;
            font-size: 28px;
            text-align: center;
        }

        .list-product {
            grid-template-columns: auto auto;
          }
    }

    @media (max-width: 768px) {
        .navbar a:hover:before,
        .navbar li:hover > a:before,
        .navbar .active:before {
          background-color: #aa231d;
          visibility: visible;
          width: 50%;
          transform: translateX(30%) scaleX(1);
        }

        .spide-img {
            width: 120px; /* Adjust container size for smaller screens */
            height: 80px;
        }

        .custom-dots {
            max-width: 100px;
        }

        .custom-dots .dot.active{
            width: 20%;
        }

        .build-des {
            width: 100%;
        }

        .deskription-product-title {
            padding: 20px 10px;
        }

        .deskription-product-content{
            padding-left: 5px;
            padding-right: 5px;
        }

        .local-product{
            margin: 0;
            padding: 50px 25px;
        }

        .local-product h3 {
            font-size: 24px;
        }

        .local-text p {
            font-size: 16px;
            text-align: start;
        }

        .local-image {
            padding: 30px;
        }

        .custom-content{
            margin: 0;
            padding: 50px 25px;
        }

        .custom-content h3 {
            font-size: 24px;
        }

        .custom-text p {
            font-size: 16px;
            text-align: start;
        }

        .custom-image {
            padding: 30px;
        }

        .trusted-left {
            padding: 48px 30px;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px){
        /* .product-grid-item {
            width: 220px;
        } */

        .image-card {
            height: 250px;
        }
    }

    @media (min-width: 769px) and (max-width: 991px){
        .navbar-mobile > ul > li > a:before {
            left: 80px;
        }

        .local-product{
            padding: 100px 40px 100px 40px;
        }

        .local-text p {
            font-size: 16px;
            text-align: start;
            line-height: 1.5;
        }

        .local-image {
            padding: 50px;
        }

        .custom-content{
            padding: 100px 40px 100px 40px;
        }

        .custom-text p {
            font-size: 16px;
            text-align: start;
            line-height: 1.5;
        }

        .custom-image {
            padding: 50px;
        }

        .trusted-left {
            padding: 48px 50px;
        }

        .list-product {
            justify-content: center;
            grid-template-columns: auto auto;
          }
    }

    @media (min-width: 991px){
        .list-product {
            padding-left: 40px;
          }
    }

    @media (min-width: 992px) and (max-width: 1200px) {
        .navbar .menu {
            width: 110px;
        }

        .language {
            width: 90px;
            padding: 0;
            justify-content: end;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
       .product-grid-item{
        width: 205px;
       }
    }

    /* @media (min-width: 991px) and (max-width: 1070px) {
        .trusted-left {
         padding-left: 50px !important;
        }
     }

     @media (min-width: 1050px) and (max-width: 1078px) {
        .trusted-left {
         padding-left: 40px !important;
        }
     }

     @media (min-width: 1080px) and (max-width: 1100px) {
        .trusted-left {
         padding-left: 40px !important;
        }
     } */

     @media (max-width: 991.20px) {
        .trusted-desktop {
            opacity: 0;
            visibility: hidden;
            display: none;
        }

        .trusted-tablet {
            opacity: 1;
            visibility: visible;
        }
    }

    @media (max-width: 992px) {
        .text-container h3 {
            font-size: 26px; /* Ukuran lebih kecil untuk tablet */
        }

        .footer-logo-img {
            width: 191px;
        }
    }

    @media screen and (min-width: 1200px) {
        .btn-katalog{
            width: 155px;
            height: 44px;
            padding: 10px 20px;
            bottom: 175px;
            left: 22%;
        }

        .btn-out-story{
            width: 155px;
            height: 44px;
            padding: 10px 20px;
            bottom: 175px;
            left: 22%;
        }
    }

    @media (min-width: 1200px) and (max-width: 1400px){
        .product-grid-item {
            width: 255px;
        }

        .image-card {
            height: 280px;
        }
    }

    /* @media (min-width: 768px){
        .list-product > *:only-child {
            justify-self: start;
            grid-column: span 1;
            width: 296px;
            height: 380px;
          }
    } */

    /* .list-product {
        padding: 40px;
        justify-content: left;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 30px;
      } */