.accordion-link {
                min-width: 20%;
                /* Contoh lebar tetap, bisa disesuaikan */
            }

            .blog-img img {
                width: 100%;
                height: 300px;
                object-fit: cover;
            }

            .blog-item {
                min-height: 535px !important;
                /* Atur tinggi minimum untuk semua card */
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

            .owl-carousel-blog {
                padding: 0 15px;
                /* Atur padding sesuai keperluan */
            }

            .slick-slide {
                margin: 0 10px;
                /* Atur margin sesuai kebutuhan */
            }

            .service-item {
                transition: transform 0.3s ease-in-out;
            }

            .slick-center-active {
                transform: scale(1.1);
                /* Membesarkan item yang berada di tengah */
            }


            .gallery-container {
                width: 80%;
                margin: 0 auto;
                text-align: center;
            }

            .main-image img {
                width: 100%;
                max-height: 500px;
                object-fit: cover;
                border-radius: 10px;
            }

            .thumbnails {
                margin-top: 15px;
            }

            .thumbnails img {
                width: 100px;
                height: 100px;
                object-fit: cover;
                cursor: pointer;
                border: 2px solid transparent;
                border-radius: 5px;
            }

            .thumbnails .slick-slide img:hover {
                border: 2px solid #007bff;
            }

            .slick-prev,
            .slick-next {
                width: 30px;
                height: 30px;
                z-index: 1;
            }

            .slick-prev:before,
            .slick-next:before {
                font-size: 30px;
                color: #007bff;
            }

            .loading {
                height: 50px;
                width: 50px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                cursor: progress;

                border-radius: 50%;
                border-top: 5px solid gold;
                border-bottom: 5px solid transparent;
                border-left: 5px solid gold;
                border-right: 5px solid transparent;

                animation: loading 1s linear infinite;
            }

            @keyframes loading {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            @media screen and (max-width: 768px) {
                .product-item {
                    display: inline !important;
                    justify-content: start;
                }
                
            }

            .swiper-slide {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                position: relative;
            }

            .swiper-slide img {
                display: block;
                width: 100%;
            }

            @media only screen and (min-width: 769px) {
                .swiper-slide:first-child {
                    transition: transform 100ms;
                }

                .swiper-slide:first-child img {
                    transition: box-shadow 500ms;
                }

                .swiper-slide.swiper-slide-active:first-child {
                    transform: translateX(50%);
                    z-index: 2;
                }

                .swiper-slide.swiper-slide-active:first-child img {
                    box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.35);
                }

                .swiper-slide:nth-child(2) {
                    transition: transform 100ms;
                }

                .swiper-slide.swiper-slide-next:nth-child(2) {
                    transform: translateX(55%);
                    z-index: 1;
                }

                .swiper[dir="rtl"] .swiper-slide.swiper-slide-active:first-child {
                    transform: translateX(-50%);
                }

                .swiper[dir="rtl"] .swiper-slide.swiper-slide-next:nth-child(2) {
                    transform: translateX(-55%);
                }
            }            
              /* Jika ukuran layar lebih dari 576px (misal mobile landscape atau tablet kecil) */
              @media (min-width: 576px) {
                .features-list {
                  grid-template-columns: repeat(2, 1fr); /* Dua kolom */
                }
              }
              @media screen and (max-width: 576px) {
                .img-siswanto{
                    height: 280px !important;
                }
              }
              .floating_btn {
                position: fixed;
                bottom: 30px;
                right: 30px;
                width: 100px;
                height: 100px;
                display: flex;
                flex-direction: column;
                align-items:center;
                justify-content:center;
                z-index: 1000;
              }
              
              @keyframes pulsing {
                to {
                  box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
                }
              }
              
              .contact_icon {
                background-color: #42db87;
                color: #fff;
                width: 60px;
                height: 60px;
                font-size:30px;
                border-radius: 50px;
                text-align: center;
                box-shadow: 2px 2px 3px #999;
                display: flex;
                align-items: center;
                justify-content: center;
                transform: translatey(0px);
                animation: pulse 1.5s infinite;
                box-shadow: 0 0 0 0 #42db87;
                -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
                -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
                -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
                animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
                font-weight: normal;
                font-family: sans-serif;
                text-decoration: none !important;
                transition: all 300ms ease-in-out;
              }
              
              
              .text_icon {
                margin-top: 8px;
                color: #707070;
                font-size: 13px;
              }