.owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 10;
}

.custom-nav-btn {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    transition: background 0.3s ease;
}

    .custom-nav-btn:hover {
        background-color: #ffc107; /* Bootstrap warning/yellow */
    }

    .custom-nav-btn svg {
        width: 24px;
        height: 24px;
    }

.owl-carousel .item {
    padding: 10px;
}

.latest_news {
    position: relative;
    padding: 70px 0 !important;
    background: #f3f8e8;
}



.dnte-section .styled-form .custom-form {
    background-color: white;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    border: 2px solid #787800;
}

.dnte-section .styled-form .form-label {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.dnte-section .styled-form .form-control,
.dnte-section .styled-form .form-check-input {
    border-radius: 999px;
    border: 1px solid #d1d1d1;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .dnte-section .styled-form .form-control:focus {
        border-color: #737000;
        box-shadow: 0 0 0 0.2rem rgba(115, 112, 0, 0.25);
    }

    .dnte-section .styled-form .form-check-input:checked {
        background-color: #737000;
        border-color: #737000;
    }

.dnte-section .styled-form .btn-primary {
    background-color: #737000;
    border-radius: 999px;
    border: none;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 0.75rem 2rem;
    transition: background-color 0.3s ease;
}

    .dnte-section .styled-form .btn-primary:hover {
        background-color: #5a5900;
    }

.dnte-section .styled-form textarea.form-control {
    border-radius: 0.75rem;
    resize: vertical;
}

.dnte-section .styled-form .form-check-label {
    font-size: 0.95rem;
    color: #6c757d;
}

.dnte-section .about-header h2 {
    color: white;
    font-size: 3em;
    font-weight: bold;
    padding: 50px;
    background: #787800;
    text-align: center;
    border-radius: 30px;
}

.abt-solution-block {
    margin: 50px 0 100px !important;
}

/* ===== Gallery Section ===== */
.gallery_section {
    padding: 50px 0;
    background: #f9f9f9;
}

    /* make the carousel relative so .owl-nav positions correctly */
    .gallery_section .gallery-carousel {
        position: relative;
    }

        /* slides */
        .gallery_section .gallery-carousel .gallery-item {
            padding: 10px;
            transition: transform .3s;
            max-width: 100% !important;
        }

            .gallery_section .gallery-carousel .gallery-item img {
                border-radius: 12px;
                box-shadow: 0 8px 16px rgba(0,0,0,.15);
                transition: transform .3s;
            }

            .gallery_section .gallery-carousel .gallery-item:hover img {
                transform: scale(1.05);
            }

    /* ----- Owl NAV ----- */
    .gallery_section .owl-nav {
        pointer-events: none;
    }
        /* keep outside clicks blocked */
        .gallery_section .owl-nav button { /* both .owl-prev & .owl-next */
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 48px;
            height: 48px;
            border: none;
            border-radius: 50%;
            background: rgba(0,0,0,.55);
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: auto;
            cursor: pointer;
            z-index: 2;
            transition: background .3s;
        }

            .gallery_section .owl-nav button.owl-prev {
                left: -24px;
            }

            .gallery_section .owl-nav button.owl-next {
                right: -24px;
            }

            .gallery_section .owl-nav button:hover {
                background: #28a745;
            }

        .gallery_section .owl-nav svg {
            pointer-events: none;
            fill: #fff;
            width: 30px;
            height: 30px;
        }

    /* ----- Owl DOTS ----- */
    .gallery_section .owl-dots {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .gallery_section .owl-dot {
        margin: 0 4px;
    }

        .gallery_section .owl-dot span {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ccc;
            display: block;
        }

        .gallery_section .owl-dot.active span {
            background: #28a745;
        }

    .gallery_section .owl-carousel .owl-nav.disabled, .gallery_section .owl-carousel .owl-dots.disabled {
        display: block !important;
    }