@font-face {
    font-family: "Montserrat-Light";
    src: url(../fonts/montserrat/Montserrat-Light.ttf);
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url(../fonts/montserrat/Montserrat-Medium.ttf);
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url(../fonts/montserrat/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/montserrat/Montserrat-Bold.ttf);
}


@font-face {
    font-family: "Montserrat-ExtraBold";
    src: url(../fonts/montserrat/Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: "Montserrat-Black";
    src: url(../fonts/montserrat/Montserrat-Black.ttf);
}

/*@font-face {*/
/*    font-family: "Arial";*/
/*    src: url(../fonts/arial/arial.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Bold";*/
/*    src: url(../fonts/arial/arialbd-1.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Bold-2";*/
/*    src: url(../fonts/arial/arialbd.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Bold-Italic";*/
/*    src: url(../fonts/arial/arialbi-1.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Bold-Italic-2";*/
/*    src: url(../fonts/arial/arialbi.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Black-Italic";*/
/*    src: url(../fonts/arial/arial-black-italic.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-CE";*/
/*    src: url(../fonts/arial/arial-ce.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-CE-Bold-Italic";*/
/*    src: url(../fonts/arial/arial-ce-bold-italic.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-CE-Italic";*/
/*    src: url(../fonts/arial/arial-ce-italic.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-CE-Medium-Black";*/
/*    src: url(../fonts/arial/arial-cemt-black.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Italic";*/
/*    src: url(../fonts/arial/ariali-1.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Italic-2";*/
/*    src: url(../fonts/arial/ariali.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-light-GT";*/
/*    src: url(../fonts/arial/ariall-gt.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Light-GT-Italic";*/
/*    src: url(../fonts/arial/ariall-gt-itl.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Medium";*/
/*    src: url(../fonts/arial/arial-mdm.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Medium-Italic";*/
/*    src: url(../fonts/arial/arial-mdmltl.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Narrow";*/
/*    src: url(../fonts/arial/arial-n.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Narrow-Bold";*/
/*    src: url(../fonts/arial/arial-nb.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Narrow-Bold-Italic";*/
/*    src: url(../fonts/arial/arial-nbi.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Narrow-Italic";*/
/*    src: url(../fonts/arial/arial-ni.ttf);*/
/*}*/

/*@font-face {*/
/*    font-family: "Arial-Black";*/
/*    src: url(../fonts/arial/arial-blk.ttf);*/
/*}*/

@font-face {
    font-family: "Fraunces-Black";
    src: url(../fonts/fraunces/fraunces-black.ttf);
}

@font-face {
    font-family: "Fraunces-BlackItalic";
    src: url(../fonts/fraunces/fraunces-blackItalic.ttf);
}

@font-face {
    font-family: "Fraunces-Bold";
    src: url(../fonts/fraunces/fraunces-bold.ttf);
}

@font-face {
    font-family: "Fraunces-BoldItalic";
    src: url(../fonts/fraunces/fraunces-bold-italic.ttf);
}

@font-face {
    font-family: "Fraunces-ExtraBold";
    src: url(../fonts/fraunces/fraunces-extra-bold.ttf);
}

@font-face {
    font-family: "Fraunces-ExtraBoldItalic";
    src: url(../fonts/fraunces/fraunces-extra-bold-italic.ttf);
}

@font-face {
    font-family: "Fraunces-ExtraLight";
    src: url(../fonts/fraunces/fraunces-extra-light.ttf);
}

@font-face {
    font-family: "Fraunces-ExtraLightItalic";
    src: url(../fonts/fraunces/fraunces-extra-light-italic.ttf);
}

@font-face {
    font-family: "Fraunces-Italic";
    src: url(../fonts/fraunces/fraunces-italic.ttf);
}

@font-face {
    font-family: "Fraunces-Light";
    src: url(../fonts/fraunces/fraunces-light.ttf);
}

@font-face {
    font-family: "Fraunces-LightItalic";
    src: url(../fonts/fraunces/fraunces-light-italic.ttf);
}

@font-face {
    font-family: "Fraunces-Medium";
    src: url(../fonts/fraunces/fraunces-medium.ttf);
}

@font-face {
    font-family: "Fraunces-MediumItalic";
    src: url(../fonts/fraunces/fraunces-medium-italic.ttf);
}

@font-face {
    font-family: "Fraunces-Regular";
    src: url(../fonts/fraunces/fraunces-regular.ttf);
}

@font-face {
    font-family: "Fraunces-SemiBold";
    src: url(../fonts/fraunces/fraunces-semi-bold.ttf);
}

@font-face {
    font-family: "Fraunces-SemiBoldItalic";
    src: url(../fonts/fraunces/fraunces-semi-bold-italic.ttf);
}

@font-face {
    font-family: "Fraunces-Thin";
    src: url(../fonts/fraunces/fraunces-thin.ttf);
}

@font-face {
    font-family: "Fraunces-ThinItalic";
    src: url(../fonts/fraunces/fraunces-thin-italic.ttf);
}

@font-face {
    font-family: "Jost-Black";
    src: url(../fonts/jost/jost-black.ttf);
}

@font-face {
    font-family: "Jost-BlackItalic";
    src: url(../fonts/jost/jost-black-italic.ttf);
}

@font-face {
    font-family: "Jost-Bold";
    src: url(../fonts/jost/jost-bold.ttf);
}

@font-face {
    font-family: "Jost-BoldItalic";
    src: url(../fonts/jost/jost-bold-italic.ttf);
}

@font-face {
    font-family: "Jost-ExtraBold";
    src: url(../fonts/jost/jost-extra-bold.ttf);
}

@font-face {
    font-family: "Jost-ExtraBoldItalic";
    src: url(../fonts/jost/jost-extra-bold-italic.ttf);
}

@font-face {
    font-family: "Jost-ExtraLight";
    src: url(../fonts/jost/jost-extra-light.ttf);
}

@font-face {
    font-family: "Jost-ExtraLightItalic";
    src: url(../fonts/jost/jost-extra-light-italic.ttf);
}

@font-face {
    font-family: "Jost-Italic";
    src: url(../fonts/jost/jost-italic.ttf);
}

@font-face {
    font-family: "Jost-Light";
    src: url(../fonts/jost/jost-light.ttf);
}

@font-face {
    font-family: "Jost-LightItalic";
    src: url(../fonts/jost/jost-light-italic.ttf);
}

@font-face {
    font-family: "Jost-Medium";
    src: url(../fonts/jost/jost-medium.ttf);
}

@font-face {
    font-family: "Jost-MediumItalic";
    src: url(../fonts/jost/jost-medium-italic.ttf);
}

@font-face {
    font-family: "Jost-Regular";
    src: url(../fonts/jost/jost-regular.ttf);
}

@font-face {
    font-family: "Jost-SemiBold";
    src: url(../fonts/jost/jost-semi-bold.ttf);
}

@font-face {
    font-family: "Jost-SemiBoldItalic";
    src: url(../fonts/jost/jost-semi-bold-italic.ttf);
}

@font-face {
    font-family: "Jost-Thin";
    src: url(../fonts/jost/jost-thin.ttf);
}

@font-face {
    font-family: "Jost-ThinItalic";
    src: url(../fonts/jost/jost-thin-italic.ttf);
}




:root {
    --primary-color: #5fbd74;
    --dark-color: #292a30;
    --light-color: #f8f9fa;
    --bg-color: #F8F8F1;
    /*--bg-color: #f5f5f5;*/
}

html {
    overflow-x: hidden; /* Immediate fix */
    max-width: 100vw; /* Prevent viewport overflow */
}


body {
    /*font-family: 'Fraunces', serif;*/
    font-family: "Montserrat-Regular", "Poppins";
    overflow-x: hidden;
}

.navbar-brand img {
    height: 130px;
}


/* Custom header styling */
.custom-header {
    /*background: linear-gradient(135deg, #2c3e50, #3498db);*/
    background: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Sidebar styling */
.sidebar {
    position: fixed;
    top: 0;
    left: -280px;
    width: 280px;
    height: 100%;
    /*background: linear-gradient(180deg, #2c3e50, #1a2530);*/
    background: white;
    transition: left 0.3s ease;
    z-index: 1050;
    /*box-shadow: 2px 0 15px rgba(0,0,0,0.2);*/
    overflow-y: auto;
}

.sidebar.active {
    left: 0;
}

.sidebar-header {
    padding: 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-nav .nav-link {
    /*color: rgba(255,255,255,0.85);*/
    color: #111111;
    padding: 1rem 0rem;
    /*border-bottom: 1px solid rgba(255,255,255,0.05);*/
    border-bottom: 1px solid #e4e4e4;
    transition: all 0.3s;
    margin: 0 30px;
    font-family: "Fraunces-Medium", "Montserrat-Regular", "Poppins";
    font-size: 15px;
}

.sidebar-nav .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
    padding-left: 10px;
    color: #111111;
}

.sidebar-nav .nav-link i {
    width: 24px;
    text-align: center;
    margin-right: 10px;
}

/* Overlay */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
}

.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.sidebar-btn-close{
    position: absolute;
    top: 0;
    right: 0;
    color: black;
    font-size: 2rem;
}

/* Content area styling */
.content-card {
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: none;
    overflow: hidden;
}

.content-card .card-header {
    background: linear-gradient(135deg, #2c3e50, #3498db);
    color: white;
    border-bottom: none;
    padding: 1.5rem;
}

/* Custom button styling */
.btn-menu {
    /*background-color: rgba(255,255,255,0.1);*/
    /*background-color: white;*/
    /*border: 1px solid rgba(55, 55, 55, 0.2);*/
    /*color: white;*/
    color: #222;
    /*transition: all 0.3s;*/
    font-size: 40px;
    padding: 0;

}

.btn-menu:active{
    border: none;
}

.btn-menu:hover {
    /*background-color: white;*/
    /*border: 1px solid rgba(55, 55, 55, 0.2);*/
    /*color: white;*/
}

/* Responsive adjustments */
@media (min-width: 992px) {
    .desktop-nav .nav-link {
        /*color: rgba(255,255,255,0.9);*/
        color: #222;
        padding: 0.5rem 1rem;
        /*border-radius: 4px;*/
        /*transition: all 0.3s;*/
        /*margin-top: 80px;*/
        /*border-top: 4px solid #fff ;*/
        font-size: 16px;
    }

    .desktop-nav .nav-link:hover {
        /*background-color: rgba(255,255,255,0.1);*/
        /*border-top: 4px solid #4A89DC ;*/
        color: #4A89DC;
    }

    .desktop-nav .nav-item{
        margin-top: 80px;
        border-top: 4px solid #fff ;
    }

    .desktop-nav .nav-item:hover{
        margin-top: 80px;
        border-top: 4px solid #fff ;
        border-top: 4px solid #4A89DC ;
        color: #4A89DC;
    }
}


/*--------------------------------------*/
/* Desktop navigation with submenus */
.desktop-nav .nav-item {
    position: relative;
}

.desktop-nav .nav-link {
    /*color: rgba(255,255,255,0.9);*/
    padding: 0.5rem 1rem;
    /*border-radius: 4px;*/
    /*transition: all 0.3s;*/
    /*display: flex;*/
    /*align-items: center;*/
}

.desktop-nav .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
}
.desktop-nav .has-submenu a.nav-link {
    display: inline-block;
}

.desktop-nav .has-submenu::after {
    /*content: "▾";*/
    margin-left: -10px;
    vertical-align: middle;
    font-size: 25px;
}

.desktop-submenu {
    position: absolute;
    top: 100%;
    /*left: -120px;*/
    left: 0;
    min-width: 200px;
    /*background: linear-gradient(135deg, #2c3e50, #3498db);*/
    background: white;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.desktop-nav .nav-item:hover .desktop-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.desktop-submenu .nav-link {
    /*padding: 0.75rem 1.5rem;*/
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.85);
    white-space: nowrap;
    color: black;
    width: 100%;
    border-left: 4px solid #ffffff;
}

.desktop-submenu .nav-link:hover {
    /*background-color: rgba(255,255,255,0.1);*/
    color: black;
    background: #e8e8e8;
    border-left: 4px solid #e6b63a;

}

.desktop-submenu .nav-link i {
    width: 20px;
    margin-right: 8px;
    text-align: center;
}




/*--------------------------------------*/



/*******************************/
/* Sidebar styling */
/*.sidebar {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: -280px;*/
/*    width: 280px;*/
/*    height: 100%;*/
/*    background: linear-gradient(180deg, #2c3e50, #1a2530);*/
/*    transition: left 0.3s ease;*/
/*    z-index: 1050;*/
/*    box-shadow: 2px 0 15px rgba(0,0,0,0.2);*/
/*    overflow-y: auto;*/
/*}*/

/*.sidebar.active {*/
/*    left: 0;*/
/*}*/

/*.sidebar-header {*/
/*    padding: 1.5rem;*/
/*    border-bottom: 1px solid rgba(255,255,255,0.1);*/
/*}*/

/*.sidebar-nav .nav-link {*/
/*    color: rgba(255,255,255,0.85);*/
/*    padding: 1rem 1.5rem;*/
/*    border-bottom: 1px solid rgba(255,255,255,0.05);*/
/*    transition: all 0.3s;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/

/*.sidebar-nav .nav-link:hover {*/
/*    background-color: rgba(255,255,255,0.1);*/
/*    color: white;*/
/*}*/

/*.sidebar-nav .nav-link i {*/
/*    width: 24px;*/
/*    text-align: center;*/
/*    margin-right: 10px;*/
/*}*/

/* Submenu styling */
.submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    /*background-color: rgba(120, 120, 120, 0.2);*/
    background-color: #f1f1f1;
    margin: 0 30px;

}

.submenu.active {
    max-height: 500px;
    border: 1px #707070 solid;
}

.submenu .nav-link {
    /*padding-left: 2.5rem;*/
    padding-left: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.9rem;
}

.submenu .nav-link:hover {
    background-color: rgba(255,255,255,0.05);
    background-color: rgba(99, 99, 99, 0.2);
}

.submenu-toggle {
    float: right;
    transition: transform 0.3s ease;
}

.submenu-toggle.rotated {
    transform: rotate(90deg);
}

/* Overlay */
/*.sidebar-overlay {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0,0,0,0.5);*/
/*    z-index: 1040;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    transition: opacity 0.3s;*/
/*}*/

/*.sidebar-overlay.active {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

/* Content area styling */
/*.content-card {*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 5px 15px rgba(0,0,0,0.05);*/
/*    border: none;*/
/*    overflow: hidden;*/
/*}*/

/*.content-card .card-header {*/
/*    background: linear-gradient(135deg, #2c3e50, #3498db);*/
/*    color: white;*/
/*    border-bottom: none;*/
/*    padding: 1.5rem;*/
/*}*/

/* Custom button styling */
/*.btn-menu {*/
/*    background-color: rgba(255,255,255,0.1);*/
/*    border: 1px solid rgba(255,255,255,0.2);*/
/*    color: white;*/
/*    transition: all 0.3s;*/
/*}*/

/*.btn-menu:hover {*/
/*    background-color: rgba(255,255,255,0.2);*/
/*    color: white;*/
/*}*/

/* Responsive adjustments */
/*@media (min-width: 992px) {*/
/*    .desktop-nav .nav-link {*/
/*        color: rgba(255,255,255,0.9);*/
/*        padding: 0.5rem 1rem;*/
/*        border-radius: 4px;*/
/*        transition: all 0.3s;*/
/*    }*/

/*    .desktop-nav .nav-link:hover {*/
/*        background-color: rgba(255,255,255,0.1);*/
/*    }*/
/*}*/


/*******************************/




/* Hero Section with Parallax */
.hero-section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: -100px;
    z-index: -100;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    /* background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
                url('../img/misc/irc-home-hero-banner.jpg'); */

    background:  url('../img/misc/irc-home-hero-banner.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    z-index: -1;
}

.hero-content {
    color: white;
    z-index: 1;
}

.section-title {
    position: relative;
    margin-bottom: 1.8rem;
    font-size: 48px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    text-align: left;
}

.section-title-cert-and-prod-title {
    margin-bottom: 1.8rem;
    font-size: 45px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: #323E37;
}

.section-title-cert-and-prod {
    margin-bottom: 1.8rem;
    font-size: 32px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: #323E37;
}

.section-details-cert-and-prod {
    font-size: 20px;
    color: #9B9B9B;
    line-height: 18px;
    text-decoration: none;
}

.section-details-cert-and-prod:hover {
    text-decoration: underline;
}

.section-title-milk {
    position: relative;
    margin-bottom: 1.8rem;
    font-size: 39px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    text-align: left;
}

.bg-color-blue .section-title{
    font-size: 32px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color:white;
}

.bg-color-blue .section-title a{
    text-decoration: none !important;
    color: white;
}


.section-details{
    font-size: 17px;
    color: #9B9B9B;
    text-align: justify;
    line-height: 18px;
}

.section-title-our-customers {
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 30px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}


/******** Icon Circle *******/
.circle {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;

    margin: 0 auto;
    margin-bottom: 20px;
}

.circle:hover {
    transform: scale(1.1);
}

.circle i {
    font-size: 50px;
    color: white;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.2));
}

.hollow-1 {
    border: 3px solid white;
}

.bg-color-blue .icon-box i {
    margin-bottom: 0;
    font-size: 3rem;
    color: white;
    padding: 2rem 1rem;
}

.bg-color-blue .icon-box {
    padding: 0rem 1rem;
}

.bg-color-blue .icon-box h4 {
    margin-bottom: 0;
    font-size: 16px;
    color: white;
}


@media (max-width: 768px) {
    .circle {
        width: 120px;
        height: 120px;
    }

    .circle i {
        font-size: 40px;
    }
}



/*.section-title:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    left: 0;*/
/*    width: 50px;*/
/*    height: 3px;*/
/*    background-color: var(--primary-color);*/
/*}*/

.product-card {
    transition: transform 0.3s ease;
    border: none;
    /*box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
    overflow: hidden;
    border-radius: 0 !important;
}

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

.product-card img {
    transition: transform 0.5s ease;
    border-radius: 0 !important;
}

.product-card:hover img {
    transform: scale(1.1);
}

.product-card h5 a{
    text-decoration: none;
    color: black;
    font-size: 22px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    letter-spacing: 1px;
}

.product-card p a{
    text-decoration: none;
    font-size: 17px;
    color: #9B9B9B;
    text-align: justify;
    line-height: 18px;
}

.icon-box {
    text-align: center;
    padding: 2rem 1rem;
    transition: all 0.3s ease;
    border-radius: 10px;
}

/*.icon-box:hover {*/
/*    background-color: var(--light-color);*/
/*    transform: translateY(-5px);*/
/*}*/

.icon-box i {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.customer-logo {
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.customer-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Sustainability Section with Parallax */
.sustainability-section {
    position: relative;
    padding: 150px 0;
    overflow: hidden;
}

.sustainability-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
                url('../img/misc/prepares-a-pizza-marg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    z-index: -1;
}

.sustainability-content {
    color: white;
    z-index: 1;
}

.sustainability-card {
    background-color: rgba(255, 255, 255, 0.9);
    /*border-radius: 15px;*/
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    transition: transform 0.5s ease;
    max-width: 500px;
}

.sustainability-card:hover {
    transform: translateY(-10px) scale(1.10);
}

.sustainability-card h3{
    font-size: 16px;
    color: #5A6059;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.sustainability-card p{
    font-size: 14px;
    color: #5A6059;
}

footer {
    /*background-color: var(--dark-color);*/
    background-color: #F5F5F5;
    color: black;
}

footer h5{
    font-size: 20px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.footer-name{
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    font-size: 15px;
}

.social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    /*background-color: rgba(255,255,255,0.1);*/
    color: white;
    /*margin-right: 10px;*/
    transition: all 0.3s ease;
    background-color: black;
}

.social-icons a:hover {
    /*background-color: var(--primary-color);*/
    transform: translateY(-3px);
}

.btn-primary {
    background-color: #3AB54A;
    border-color: #3AB54A;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1;
    fill: #fff;
    text-align: center;
    padding: 15px 30px;
}

.btn-primary:hover {
    /*background-color: #4da863;*/
    background-color: RGB(26, 56, 152);
    border-color: RGB(26, 56, 152);
    /*border-color: #4da863;*/
}

.contact-us-styling {
    background-color: var(--primary-color);
    border-radius: 5px;
}

.contact-us-styling a {
    color: white !important;
}

/* Animation classes */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 768px) {
    .hero-section {
        height: 70vh;
    }

    .sustainability-section {
        padding: 100px 0;
    }

    .hero-bg, .sustainability-bg {
        background-attachment: scroll;
    }
}

/******* Parallax Effect *******/
.parallax {
    background-attachment: fixed;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    height: 70vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

     background-position: left;
  background-size: 50% 100%;
  background-repeat: no-repeat;
}

.parallax-1 {
            background-image: url('../img/misc/burger-img.avif');

        }


        .parallax-3-cover {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

     /* background-position: left;
  background-size: 50% 100%;
  background-repeat: no-repeat; */
}

.parallax-l-1 {
    background-attachment: fixed;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /*height: 70vh;*/
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    background-position: 700% 30%;
    /*background-size: 50% 100%;*/
    background-repeat: no-repeat;
    background-size: 105% auto; /* Double width to show left half */
}

.parallax-1-l-1 {
    background-image: url('../img/misc/butter-organic-dairy-products-white-wooden.jpg');

}

.parallax-l-2 {
    background-attachment: fixed;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    height: 70vh;
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    background-position: left;
    background-size: 50% 100%;
    background-repeat: no-repeat;
}

.parallax-1-l-2 {
    background-image: url('../img/misc/milk-mixing-at-the-cheese-manufacturing.jpg');

}


.parallax-r-1 {
    background-attachment: fixed;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    height: 70vh;
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    background-position: right;
    background-size: 50% 100%;
    background-repeat: no-repeat;
}

.parallax-1-r-1 {
    background-image: url('../img/misc/italian-cheeses-pizza.jpg');

}

.parallax-r-2 {
    background-attachment: fixed;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    height: 70vh;
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    background-position: right;
    background-size: 50% 100%;
    background-repeat: no-repeat;

    background-position: -360% 30%;
    /*background-size: 50% 100%;*/
    background-repeat: no-repeat;
    background-size: 105% auto; /* Double width to show left half */
}

.parallax-1-r-2 {
    background-image: url('../img/misc/processing-machine.jpg');

}



.parallax-3-cover {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    /* background-position: left;
 background-size: 50% 100%;
 background-repeat: no-repeat; */
}

.parallax-3 {
            background-image: url('../img/misc/farm.jpg');
        }


.parallax-4-cover {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    /* background-position: left;
 background-size: 50% 100%;
 background-repeat: no-repeat; */
}

.parallax-4 {
    background-image: url('../img/misc/mozzarella-cheeze-2-scaled.jpg');
}

.parallax-5-cover {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    /* background-position: left;
 background-size: 50% 100%;
 background-repeat: no-repeat; */
}

.parallax-5 {
    background-image: url('../img/misc/scaled-machine.jpg');
}

.parallax-6-cover {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    /* background-position: left;
 background-size: 50% 100%;
 background-repeat: no-repeat; */
}

.parallax-6 {
    background-image: url('../img/misc/whey-protein-powder.jpg');
}


/* Mobile responsiveness */
@media (max-width: 991px) {
    .parallax {
        background-attachment: scroll;
        height: 50vh;
        min-height: 400px;

            background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }

    .parallax-1 {
            color: white;
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
                url('../img/misc/burger-img.avif');
                                background-size: cover;
    background-position: center;
    background-attachment: fixed;
        }

            .parallax-3 {
            color: white;
            /*background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),*/
            /*    url('../img/misc/farm.jpg');*/
                                background-size: cover;
    background-position: center;
    background-attachment: fixed;
        }

    /* .parallax-3-cover .parallax-caption {
        padding: 1.5rem;
        margin: 0 1rem;
    }

    .parallax-3-cover .parallax-caption h3 {
        font-size: 1.8rem;
    }

    .parallax-3-cover .parallax-caption p {
        font-size: 1rem;
    }

    .parallax-3-cover .content-section {
        padding: 3rem 0;
    } */

    /*.parallax-l-1 {*/
    /*    background-attachment: scroll;*/
    /*    height: 50vh;*/
    /*    min-height: 400px;*/

    /*    background-position: center;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover;*/
    /*}*/

    .parallax-1-l-1 {
        color: white;
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
        url('../img/misc/butter-organic-dairy-products-white-wooden.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .parallax-l-2 {
        background-attachment: scroll;
        height: 50vh;
        min-height: 600px;

        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .parallax-1-l-2 {
        color: white;
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
        url('../img/misc/milk-mixing-at-the-cheese-manufacturing.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }


    .parallax-r-1 {
        background-attachment: scroll;
        height: 50vh;
        min-height: 600px;

        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .parallax-1-r-1 {
        color: white;
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
        url('../img/misc/italian-cheeses-pizza.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    .parallax-r-2 {
        background-attachment: scroll;
        height: 50vh;
        min-height: 400px;

        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .parallax-1-r-2 {
        color: white;
        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
        url('../img/misc/processing-machine.jpg');
        background-size: cover;
        background-position: center;
        background-attachment: fixed;

    }
}

@media (max-width: 768px) {
    .parallax-1 .section-title {
        font-size: 25px;
    }

    .about-us-main  .parallax-1-l-1 .section-title {
        font-size: 25px;
    }

    .about-us-main  .parallax-1-l-2 .section-title {
        font-size: 25px;
    }

    .about-us-main  .parallax-1-r-1 .section-title {
        font-size: 25px;
    }

    .about-us-main  .parallax-1-r-1 {
        height: 100vh;
    }

    .about-us-main  .parallax-1-r-2 .section-title {
        font-size: 25px;
    }
}


.qassurance{
    max-height: 130px;
    float: left;
}

.cow-img{
    max-height: 300px;
}

.cheese-frame-image {
  /* width: 300px; */
  height: 350px;
  object-fit: cover;
  object-position: center;
}

.bg-color {
  --bs-bg-opacity: 1;
  background-color: var(--bg-color) !important;
}

.bg-color-blue {
    --bs-bg-opacity: 1;
    background-color: #5468A8 !important;
}


.customer-section .logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.customer-section .logo-item img {
    max-width: 100px;
    /*max-height: 80px;*/
    /*filter: grayscale(100%);*/
    /*transition: all 0.3s ease;*/
}

.customer-section .logo-item img.hp-fix {
    max-width: 25px;
    /*max-height: 80px;*/
    /*filter: grayscale(100%);*/
    /*transition: all 0.3s ease;*/
}

.customer-section .recognitions-logo-slider .logo-item img {
    max-width: 100px;
    /*max-height: 80px;*/
    /*filter: grayscale(100%);*/
    /*transition: all 0.3s ease;*/
}

.customer-section .logo-item:hover img {
    /*filter: grayscale(0%);*/
    /*transform: scale(1.05);*/
}


/******/
.certificates-section{
    margin-bottom: 200px;

}

.certificates-section .logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.certificates-section .logo-item img {
    max-width: 150px;
    /*max-height: 80px;*/
    /*filter: grayscale(100%);*/
    /*transition: all 0.3s ease;*/
}

.certificates-section .logo-item img.hp-fix {
    max-width: 25px;
    /*max-height: 80px;*/
    /*filter: grayscale(100%);*/
    /*transition: all 0.3s ease;*/
}

.certificates-section .recognitions-logo-slider .logo-item img {
    max-width: 150px;
    /*max-height: 80px;*/
    /*filter: grayscale(100%);*/
    /*transition: all 0.3s ease;*/
}

.certificates-section .logo-item:hover img {
    /*filter: grayscale(0%);*/
    /*transform: scale(1.05);*/
}

/* ***** Background Section ****** */
 /* Custom styles for the background image section */
        .processing-text-section {
            background-image: url('../img/misc/milk-image.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            /*height: 70vh;*/
            min-height: 350px;
            display: flex;
            align-items: center;
            position: relative;

        }

        .processing-text-section h2{
            color:black;
            font-size: 22px;
            font-family: "Jost-Bold", "Poppins", sans-serif;
            color: #323E37;
        }

        .processing-text-section p{
            font-size: 15px;
            color: #615A5A;
            line-height: 18px;
        }

        .processing-text-section-para-span{
            color:  #333333;
            font-family: "Jost-Medium", "Poppins", sans-serif;
        }
        /* Overlay for better text readability */
        /* .text-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
        } */

        .processing-text-section .text-content {
            position: relative;
            z-index: 1;
            color: white;
        }



        /*.highlight-text {*/
        /*    background-color: rgba(0, 0, 0, 0.85);*/
        /*    color: white;*/
        /*    display: inline;*/
        /*    padding: 0.2em 0.5em;*/
        /*    line-height: 1.8;*/
        /*    box-decoration-break: clone;*/
        /*    -webkit-box-decoration-break: clone;*/
        /*}*/

        /* **** Homepage Gallery View ***** */
        .gallery-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        .gallery-title {
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }
        .gallery-item {
            overflow: hidden;
            /*border-radius: 8px;*/
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            height: 100%;
            cursor: pointer;
        }
        .gallery-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .full-height-column {
            display: flex;
            flex-direction: column;
        }
        .full-height-image {
            flex-grow: 1;
        }

        /* Ensure consistent height on small screens */
        @media (max-width: 768px) {
            .gallery-item {
                height: 300px;
            }
        }

        /* Modal styles - Completely restructured */
        #imageModal .modal-dialog {
            margin: 20px auto;
            max-width: 90vw;
            position: relative;
        }

        #imageModal .modal-content {
            background: transparent;
            border: none;
            box-shadow: none;
        }

        #imageModal .modal-body {
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background: transparent;
        }

        #modalImage {
            max-width: 100%;
            max-height: 85vh;
            width: auto;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.3);
        }

        /* Close button positioned relative to modal dialog */
        .modal-close-container {
            position: absolute;
            top: -15px;
            right: -15px;
            z-index: 1060;
        }

        .gallery-model-close {
            background-color: white;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.9;
            transition: all 0.2s;
            border: none;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }

        .gallery-model-close:hover {
            opacity: 1;
            transform: scale(1.1);
            background-color: #f8f9fa;
        }

        .modal-backdrop {
            background-color: rgba(0, 0, 0, 0.8);
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            #imageModal .modal-dialog {
                max-width: 95vw;
                margin: 10px auto;
            }

            #modalImage {
                max-height: 80vh;
            }

            .modal-close-container {
                top: -10px;
                right: -10px;
            }

            .gallery-model-close {
                width: 35px;
                height: 35px;
            }
        }

        @media (max-width: 576px) {
            .modal-close-container {
                top: -8px;
                right: -8px;
            }

            .gallery-model-close {
                width: 32px;
                height: 32px;
            }

            .gallery-model-close::before {
                font-size: 0.8rem;
            }
        }

/************* Products **************/

.main-content-products .hero-section-products {
    /*background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),*/
    /*url('https://ircdairy.pk/wp-content/uploads/2025/04/ghee-butter-or-clarified-butter-delicious-gourmet-2025-03-24-21-17-17-utc-1-1024x1024.jpg');*/
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    padding-bottom: 80px;
}

.main-content-products .feature-icon {
    height: 60px;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

.main-content-products .feature-icon:hover {
    transform: scale(1.1);
}

/* Product card styling */
.main-content-products .product-card {
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.main-content-products .product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* Image hover animation */
.main-content-products .product-image {
    transition: transform 0.5s ease;
    overflow: hidden;
}

.main-content-products .product-image img {
    transition: transform 0.5s ease;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.main-content-products .product-card:hover .product-image img {
    transform: scale(1.05);
}

/* Icon row styling */
.main-content-products .icon-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.main-content-products .icon-item {
    flex: 0 0 calc(16.66% - 10px);
    text-align: center;
    margin-bottom: 15px;
}

.main-content-products .icon-item img {
    height: 25px;
    margin-bottom: 5px;
}

.main-content-products .icon-item small {
    font-size: 0.7rem;
    line-height: 1.2;
    display: block;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .main-content-products .hero-section {
        padding: 40px 0;
    }

    .main-content-products .hero-section h1 {
        font-size: 2rem;
    }

    .main-content-products .hero-section h4 {
        font-size: 1.2rem;
    }

    .main-content-products .product-image img {
        height: 250px;
    }

    .main-content-products .icon-item {
        flex: 0 0 calc(33.33% - 10px);
    }
}

@media (max-width: 576px) {
    .main-content-products .icon-item {
        flex: 0 0 calc(50% - 10px);
    }
}

/* Animation for feature icons */
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
    100% { transform: translateY(0px); }
}

.main-content-products .feature-item img{
    width: 50%;
    height: 50%;
    margin-bottom: 0 !important;
}

.main-content-products .feature-item p{
    color: #5A6059;
    font-size: 15px;
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
    font-weight:  300 !important;
}

.main-content-products .feature-item:hover .feature-icon {
    animation: float 2s ease-in-out infinite;
}

.product-section-title{
    margin-bottom: 1.8rem;
    font-size: 56px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.hero-sub-section-products .product-section-title{
    margin-bottom: 1.8rem;
    font-size: 25px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: #323E37;
}

.hero-sub-section-products .product-section-title-column{
    margin-bottom: 1.8rem;
    font-size: 16px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: black;
}

.product-section-description-title{
    margin-bottom: 1.8rem;
    font-size: 20px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: #9B9B9B !important;
}

.product-section-description{
    margin-bottom: 1.8rem;
    font-size: 20px;
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
    color: #9B9B9B;
    letter-spacing: .2px;
    line-height: 20px;
}

.main-content-products .card-title{
    font-size: 20px;
    color: #323E37 !important;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.main-content-products .card-text{
    font-size: 16px;
    color: #5A6059 !important;
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
}

.main-content-products .icon-item-desc{
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
    color: #5A6059;
    /*font-size: 15px;*/
}


/******** Frozen Page: Image Container *********/
.image-container {
    position: relative;
    max-height: 600px;
    overflow: hidden;

}

.image-container img {
    width: 70%;
    height: 800%;
    object-fit: cover;
    object-position: center top;
    clip-path: inset(17% 0 0 0);
}


/******** Philosophy Page ************/
/* Philosophy Sections - Alternating layout with touching images */
.philosophy-row {
    display: flex;
    height: 600px;
    position: relative;
}

.text-section {
    flex: 1;
    /*padding: 80px 60px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.image-section {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* First row - text on left, image on right */
.row-1 .text-section {
    /*background-color: #f9f9f9;*/
}

.row-1 .image-section {
    /*background-color: #e6f4ea;*/
}

/* Second row - image on left, text on right */
.row-2 .text-section {
    /*background-color: #fff;*/
    order: 2;
}

.row-2 .image-section {
    /*background-color: #f0f7ff;*/
    order: 1;
}

/* Third row - text on left, image on right */
.row-3 .text-section {
    /*background-color: #f9f9f9;*/
}

.row-3 .image-section {
    /*background-color: #fff9e6;*/
}

/* Fourth row - image on left, text on right */
.row-4 .text-section {
    /*background-color: #fff;*/
    order: 2;
}

.row-4 .image-section {
    /*background-color: #f5e6ff;*/
    order: 1;
}

/* Fifth row - text on left, image on right */
.row-5 .text-section {
    /*background-color: #f9f9f9;*/
}

.row-5 .image-section {
    /*background-color: #e6f7ff;*/
}
.philosophy-content{
    margin: 40px;
}

.philosophy-content h2,
.philosophy-content h3,
.philosophy-content h1 {
    margin-bottom: 20px;
    color: black;
    font-size: 56px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    text-align: center;
}

.philosophy-content p {
    /*color: black;*/
    /*font-size: 1.1rem;*/
    /*line-height: 1.8;*/

    margin-bottom: 1.8rem;
    font-size: 20px;
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
    color: #9B9B9B;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: center;
}


/* Responsive Styles */
@media (max-width: 1024px) {
    .text-section {
        padding: 40px 30px;
    }

    /*.image-section {*/
    /*    height: 300px;*/
    /*}*/
}

@media (max-width: 768px) {
    .philosophy-row{
        display: inline-block;
    }
    .text-section {
        padding: 30px 20px;
        display: block;
    }

    .image-section {
        display: block;
        width: 100%;
        height: 300px;
    }

    .image-section img {
        width: 100%;
        height: auto !important;
        object-fit: cover;
        display: block;
    }
}


/******* About us ********/
.about-us-main .section-title{
    font-size: 55px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.about-us-main .section-details{
    font-size: 17px;
    color: #9B9B9B;

}

.about-us-main ul li p{
    font-size: 17px;
    color: #9B9B9B;

}
/*.about-us-main ul li {*/
/*    list-style-type: circle;*/
/*}*/

.about-us-main ul {
    list-style: none;
    padding-left: 0;
}

.about-us-main ul li {
    position: relative;
    padding-left: 1.8em;
    line-height: 1.5;
}

.about-us-main ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 10px;
    height: 10px;
    border: 3.5px solid black; /* Blue border */
    border-radius: 50%;
    background: transparent;
}

.text-area-about{
    margin: 50px !important;
}


/****** Contact us page ********/
.contact-us-main .contact-info-section {
    /*padding: 80px 0;*/
    /*background-color: #f8f9fa;*/
}

.contact-us-main .contact-form-section {
    padding: 80px 0;
    background-color: #F4F5F8;
    margin-top: 100px;
}

.contact-us-main .icon-box {
    text-align: center;
    padding: 30px 20px;
    transition: all 0.3s ease;
    background-color: #5B8C51;
    border-radius: 0;
    color: #fff;
    min-height: 260px;
}

.contact-us-main .icon-box a{
    color: #fff;
    text-decoration: none;
}

.contact-us-main .icon-box h4{
    font-size: 25px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.contact-us-main .icon-box p{
    font-size: 14px;
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
    margin: 0 20px;
}

.contact-us-main .icon-box i{
    color: #5B8C51;
}

.contact-us-main .icon-box:hover {
    transform: translateY(-5px);
    background-color: #21221C;
}

.contact-us-main .icon-box .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    /*background-color: var(--theme-color);*/
    color: white;
    font-size: 30px;
    margin: 0 auto 20px;
    background-color: white;
}

.contact-us-main .section-title {
    margin-bottom: 40px;
}

.contact-us-main .section-title h2 {
    font-weight: 700;
    margin-bottom: 15px;
}

.contact-us-main .section-title .title-seperator-line {
    width: 60px;
    height: 3px;
    /*background-color: var(--theme-color);*/
    margin: 15px 0;
}

.contact-us-main .btn-theme {
    /*background-color: var(--theme-color);*/
    color: white;
    padding: 12px 30px;
    border-radius: 0;
    border: none;
    transition: all 0.3s ease;
    background-color: #5B8C51;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.contact-us-main .btn-theme:hover {
    background-color: #1A3898;
    color: white;
}

.contact-us-main .form-control {
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
}

.contact-us-main .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(95, 189, 116, 0.25);
    /*border-color: var(--theme-color);*/
}

.contact-us-main .contact-form-section h2{
    font-size: 50px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: #323E37;
}

.contact-us-main .contact-form-section p{
    font-size: 16px;
    font-family: 'Montserrat-Regular', 'Poppins', sans-serif;
    color: #5A6059
}


.contact-us-main .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    /*background-color: rgba(255,255,255,0.1);*/
    color: white;
    /*margin-right: 10px;*/
    transition: all 0.3s ease;
    background-color: #5B8C51;
}

.contact-us-main .social-links a:hover {
    /*background-color: var(--primary-color);*/
    transform: translateY(-3px);
    background-color: #EDDD5E;
    color:black;
}

/****** Hero Section Media page ********/
/*********Hero Section*/
.my-margin-top-100{
    margin-top: 50px;
}
.my-hero-section {
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    /*box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
}

/*.my-hero-section:hover {*/
/*    transform: translateY(-10px);*/
/*    box-shadow: 0 15px 30px rgba(0,0,0,0.15);*/
/*}*/

.my-hero-section-img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    display: block;
    border-radius: 35px;
}

.my-hero-section-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: rgba(0,0,0,0.2);  /* linear-gradient(to top, rgba(0,0,0,0.8), transparent);*/
    color: white;
    padding: 20px;
    /*transform: translateY(0);*/
    /*transition: transform 0.3s;*/
    border-radius: 35px;
}

/*.my-hero-section-member:hover .my-hero-section-overlay {*/
/*    transform: translateY(0);*/
/*}*/

.my-hero-section-name {
    position: absolute;
    bottom: 50px;
    left: 80px;
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #FFFFFF;
    font-family: "avenir-lt-std-85-heavy", "Poppins", sans-serif !important;

    text-shadow: 2px 0 #FFFFFF;

}


@media only screen and (max-width: 768px) {
    .my-hero-section-name {
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-size: 25px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #FFFFFF;
        font-family: "avenir-lt-std-85-heavy", "Poppins", sans-serif !important;
    }
}


.card-container {
    margin-bottom: 2rem;
}

.card-wrapper {
    position: relative;
    overflow: hidden;
    /* border-radius: 10px; */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    height: 300px;
    transition: transform 0.3s ease;
}

.card-wrapper:hover {
    transform: translateY(-5px);
}

.card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.card-wrapper:hover .card-bg {
    transform: scale(1.05);
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2),
        rgba(0, 0, 0, 0.7)
    );
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    color: white;
    transition: background 0.5s ease;
}

.card-wrapper:hover .card-overlay {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.9)
    );
}

.card-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    transform: translateY(20px);
    transition: transform 0.5s ease;
}

.card-desc {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    max-height: 0;
}

.card-wrapper:hover .card-title {
    transform: translateY(0);
}

.card-wrapper:hover .card-desc {
    opacity: 1;
    transform: translateY(0);
    max-height: 100px;
}

.card-btn {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    text-decoration: none;
    align-self: flex-end;
}

.card-wrapper:hover .card-btn {
    opacity: 1;
    transform: translateY(0);
}

.card-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}


.tab-content {
    padding: 20px;
    /*background-color: #f8f9fa;*/
    min-height: 300px;
}


.news-card {
    border: none;
    border-radius: 25px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    background-color: var(--bg-color) !important;
}

/*.news-card:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 10px 20px rgba(0,0,0,0.1);*/
/*}*/

.news-card img {
    /*height: 400px;*/
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.news-card .card-title {
    font-weight: 600;
    line-height: 1.4;
    height: 68px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    font-size: 16px;
}

.news-container {
    border-radius: 25px;
    margin-top: 30px;
    margin-bottom: 100px;
    /* background: white;
              border-radius: 10px;
              box-shadow: 0 0 15px rgba(0,0,0,0.1);
              padding: 30px;
              margin-top: 20px; */
}


.news-container .news-item {
    /*border-bottom: 1px solid var(--secondary-color);*/
    padding: 40px 0;
    transition: transform 0.3s;
}
/* .news-item:hover {
            transform: translateY(-5px);
        } */
/*.news-container .news-item:last-child {*/
/*  border-bottom: none;*/
/*}*/
/* .news-img {
   border-radius: 8px;
   object-fit: cover;
   max-width: 360px;
  max-width: 100%;
} */
.news-img-wrapper {
    position: relative;
}

.news-img{
    border-radius: 20px;
}

.news-date {
    color: #ADADAD;
    font-size: 0.9rem;
    margin-bottom: 20px;
    margin-top: 20px;
    text-decoration: none;
}
.news-title {
    text-decoration: none;
    color: #212529;
    font-weight: 600;
    margin: 10px 0;
    transition: color 0.3s;
    font-size: 22px;
}
.news-title:hover {
    color: var(--primary-color);
}
.news-description {
    color: #495057;
    line-height: 1.6;
}
/* .news-badge {
  position: absolute;
  top: 15px;
  right: 15px;
} */
.news-read-more {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    margin-top: 10px;
}


.news-section-title{
    color: var(--primary-color);
}

.tab-content a {
    text-decoration: none;
}

.media-heading{
    font-size: 33px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
    color: #323E37;
}

/*********** Story page ***********/
.story-img{
    border-radius: 25px;
}

.news-title-detail{
    font-size: 50px;
    font-family: 'Montserrat-Bold', 'Poppins', sans-serif;
}

.story-bg{
    --bs-bg-opacity: 1;
    background-color: var(--bg-color) !important;
    border-radius: 25px;
    padding: 80px;
    margin-top: 80px;
    margin-bottom: 100px;
}

@media (max-width: 992px) {
    .story-bg{
        padding: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/* gallery lightbox overlay */
.gallery-gallery-lightbox {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index: 99999;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}
.gallery-lightbox-content {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.gallery-lightbox-image {
    max-width: 100%;
    max-height: 85vh;
    object-fit: contain;
    border: 3px solid #fff;
    border-radius: 8px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    background: #111; /* for transparent images */
}
.gallery-lightbox-caption {
    display: none;
    color: #eee;
    margin-top: 12px;
    font-size: 1.2rem;
    text-align: center;
    background: rgba(30,30,30,0.7);
    padding: 6px 20px;
    border-radius: 40px;
    max-width: 90%;
}
.gallery-lightbox-close {
    position: absolute;
    top: -40px;
    right: -10px;
    background: transparent;
    border: none;
    color: white;
    font-size: 2.8rem;
    cursor: pointer;
    line-height: 1;
    transition: transform 0.2s;
    z-index: 10;
    text-shadow: 0 0 10px black;
}
.gallery-lightbox-close:hover {
    transform: scale(1.2);
    color: #ffa;
}
/* navigation buttons */
.gallery-lightbox-prev, .gallery-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    color: white;
    border: none;
    font-size: 2.5rem;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    border: 1px solid rgba(255,255,255,0.3);
}
.gallery-lightbox-prev:hover, .gallery-lightbox-next:hover {
    background: rgba(0,0,0,0.9);
}
.gallery-lightbox-prev { left: 20px; }
.gallery-lightbox-next { right: 20px; }
@media (max-width: 600px) {
    .gallery-lightbox-prev, .gallery-lightbox-next {
        font-size: 1.8rem;
        width: 45px;
        height: 45px;
    }
    .gallery-lightbox-close { top: 0; right: 5px; font-size: 3rem; }
}
#galleryCarousel .owl-dots {
    display: none !important;
}