/* about us css */

.about-section {
    font-family: 'Poppins', sans-serif;
    line-height: 1.8;
}

.about-section h2 {
    color: #4a4e51;
    position: relative;
    display: inline-block;
}

.about-section h2::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #f0d157;
    margin-top: 5px;
}

strong {
    color: #f0d157 !important;
}

.about-section p {
    color: #333;
    margin-bottom: 1rem;
    text-align: justify;
}

.about-img {
    padding: 16px 0px 0px 0px;
}

.about-img img {
    border-radius: 10px;
}

/* usp css */

.usp-box {
    background: #fff;
    border-radius: 15px;
    border: 2px solid #f0d157;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.usp-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.text-primary {
    color: #4a4e51 !important;
}

.usp-box i {
    transition: transform 0.3s ease, color 0.3s ease;
}

.usp-box i:hover {
    transform: scale(1.1);
    color: #b72300;
}

/* country supply css */

.country-section {
    font-family: 'Poppins', sans-serif;
    line-height: 1.8;
    padding: 30px;
}



/* Blinking Animation */
@keyframes blink {

    0%,
    100% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(2);
    }
}

.leaflet-marker-icon {
    animation: blink 1s infinite ease-in-out;
}

.slider-wrapper {
    overflow: hidden;
    white-space: nowrap;
    padding: 20px 0;
    background: #fff;
}

.flag-slider {
    display: inline-flex;
    gap: 30px;
    animation: scroll 35s linear infinite;
}

.flag-container {
    flex: 0 0 auto;
    text-align: center;
}

.flag-container img {
    width: 125px;
    height: 100px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* our brand css */

.heading_1 {
    color: #4a4e51;
    position: relative;
    text-align: left;
}

.heading_1::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #f0d157;
    margin-top: 5px;
}

.img-box {
    overflow: hidden;
    /* Prevents image overflow during zoom */
    padding: 5px;
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.img-box img {
    transition: transform 0.3s ease;
    /* Smooth transition */
}

.img-box img:hover {
    transform: scale(1.1);
    /* Zoom effect */

}

.foot-p {
    color: #acacac;
    line-height: 25px;
    text-align: justify;
    padding: 5px 6px 0px 0px
}

.foot-p1 {
    color: #fff;
    color: #fff;
    font-style: italic;
    padding: 17px 0px 0px 0px;
}

/*add new css*/

.fw-bold {
    font-weight: 700 !important;
    color: #4a4e51;
}

.about-fw-bold {
    font-weight: 700;
    color: #f0d157;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: rgb(240 209 87);
    content: var(--bs-breadcrumb-divider, "/");
}

.usp-box .text-primary {
    color: #f0d157 !important;
}

/* Quality certifications  css */
.qul-img {
    background: #fff;
    /* White background */
    padding: 10px;
    /* थोडा space image के चारों ओर */
    border-radius: 8px;
    /* हल्का गोल corner */
    overflow: hidden;
    /* zoom होने पर बाहर न निकले */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    /* हल्का shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.qul-img img {
    transition: transform 0.4s ease;
    /* smooth zoom */
}

.qul-img:hover img {
    transform: scale(1.1);
    /* zoom effect */
}

.qul-img:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    /* hover पर shadow गहरी */
    transform: translateY(-5px);
    /* hover पर हल्का ऊपर उठे */
}