/*jobs design*/


.aboutSection .job-list .job_card{
    padding: 15px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    border-radius: 8px;
}

.aboutSection .job-list .job_card .details_btn{
    border: 1px solid #ef9a3e;
    color: #ef9a3e;
}

.aboutSection .job-list .job_card .falgun_button{
    background:  #ef9a3e;
    color: white;
}







/*brands*/
.logo-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px 0;
}

.logo-item {
    padding: 20px;
    transition: all 0.3s ease-in-out;

    /*border: 1px solid #ef9a3e;*/
}
.buyer_logo{
    height: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buyer_logo img {
    max-height: 100px;
    width: auto;
    margin: 0 auto;
    /*display: block;*/
    /* Initial state: slightly transparent and grayscale */
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

/* Hover State */
.logo-item:hover .buyer_logo img {
    filter: grayscale(0%); /* Brings back original color */
    opacity: 1;            /* Full visibility */
    transform: scale(1.1); /* Subtle zoom-in effect */
    cursor: pointer;
}

.falgun_Header .navBarBtn .icon-bar{
    /*color: #ef9a3e !important;*/
    background: #ef9a3e !important;
}


.noPadding{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.aboutwithBG.withBackgroundImage {
    background-image:   linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/manufacturing.jpg");
    background-repeat: no-repeat;
    /*filter: brightness(20%);*/

    /* 'cover' ensures the image fills the area. 
       Use 'contain' if you want to see the whole image 100% without cropping, 
       but it may leave empty gaps on the sides. */
    background-size: cover;

    /*height: calc(100vh - 70px);*/
    /* Use 'center' to keep the focus of the image in the middle */
    background-position: center;
    transition: background-image 0.4s ease-in-out;

}

/* Specific background overrides business */
.aboutwithBG.supply-chain {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/supply-chain.jpg") !important;
}

.aboutwithBG.realty {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/realty.jpg") !important;
}

.aboutwithBG.logistics {

    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/logistics.jpg") !important;
}

.aboutwithBG.agriculture {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/agri.jpg") !important;
}

.aboutwithBG.technology {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/technology.jpg") !important;
}






/*inititives*/
.aboutwithBG.education {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/education.jpg") !important;
}

.aboutwithBG.empowerment {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/empower.jpg") !important;
}

.aboutwithBG.mother-earth {
    background-image: url("../img/homepage/mother-earth.jpg") !important;
}

.aboutwithBG.health {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/walking.jpg") !important;
}
.aboutwithBG.heritage {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/nakshi.jpg") !important;
}

.aboutwithBG.life {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/lifestyle.jpg") !important;
}

.aboutwithBG.mission {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/mission.jpg") !important;
}

.aboutwithBG.creation {
    background-image:  linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("../img/homepage/creation.jpg") !important;
}














.aboutSection .goal_images{
    display: grid;
    /*gap: 15px;*/
    grid-template-columns: auto auto auto auto auto auto auto auto;
}

.aboutSection .displayFlex{
    display: flex;
}

/*.aboutSection .goal_images img{
    width: 60px;
}*/

/* --- 3. Hero Layout --- */
.aboutSection .about-hero {

    font-family: 'Helvetica Neue', sans-serif;
    /*margin-bottom: 60px;*/
}

.aboutSection .about-text {
    flex: 1;
}

.aboutSection .subtitle {
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 500;
    font-size: 29px;
    /*font-family: 'Helvetica Neue', sans-serif;*/
    /*font-family: 'CG Omega',sans-serif !important;*/
    font-family: 'Falgun', sans-serif !important;
}

.aboutSection .about-text h1 {
    font-size: 3rem;
    margin: 15px 0;
    line-height: 1.2;
    font-family: 'Helvetica Neue', sans-serif;
}

.aboutSection .highlight {
    color: var(--primary-color);
}

.aboutSection .about-text p {
    /*font-size: 1.1rem;*/
    color: var(--text-light);
    margin-bottom: 20px;
    font-family: 'Helvetica Neue', sans-serif;
}

/* --- 4. Hero Image --- */
.aboutSection .about-image {
    /*flex: 1;*/
}




.aboutSection .about-image .itemSetion{
    display: none;
}

.aboutSection .about-image .itemSetion .active {
    display: block;
    animation: fadeIn 0.5s ease;
    /*position: relative;*/
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.aboutSection .about-image .itemSetion .text-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    font-family: 'Helvetica Neue', sans-serif;
    padding: 15px 15px 0 15px;
    /*border-radius: 0 0 10px 10px;*/
}








.aboutSection .about-image .itemSetion .text-content a{
    border: 1px solid #ef9a3e;
    border-radius: 4px;
    padding: 4px 12px;

}





/* 1. Hide all sections by default */
.aboutSection .about-image .itemSetion {
    /*position: relative;*/
    display: none; /* Keep them hidden */
}

/* 2. CORRECTED: Show the section when IT HAS the active class (no space) */
.aboutSection .about-image .itemSetion.active {
    display: block;
    animation: fadeIn 0.5s ease;
}





.aboutSection .tabs-nav .tab-link {
    color: #fff;
}


/* 4. Fix Tab Link Active State */
.aboutSection .tabs-nav .tab-link.active {
    color: #ef9a3e;
    background: white;
    font-weight: 700;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
    transform: translateY(-12px);

    /*border-bottom: 4px solid #ef9a3e;*/
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.aboutSection .about-image img {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* --- 5. Stats Styling --- */
.aboutSection .stats-container {
    display: flex;
    gap: 30px;
}

.aboutSection .stat-item h3 {
    font-size: 2rem;
    color: var(--primary-color);
    font-family: 'Helvetica Neue', sans-serif;
}

.aboutSection .stat-item p {
    /*font-size: 0.9rem;*/
    margin: 0;
}

/* --- 6. Sector Grid Styling --- */
.aboutSection .sectors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.aboutSection .sector-card {
    text-align: center;
    background: var(--bg-light);
    padding: 40px;
    border-radius: 15px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 4px solid transparent;
    font-family: 'Helvetica Neue', sans-serif;
}

.aboutSection .sector-card:hover {
    transform: translateY(-10px);
    background: white;
    cursor: pointer;
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    border-bottom: 4px solid var(--primary-color);
    font-family: 'Helvetica Neue', sans-serif;
}

.aboutSection .sector-card .icon {
    font-size: 2.5rem;
    /*margin-bottom: 20px;*/
    background: #ef9a3e;
    color: white;
    border-radius: 50%;
    padding: 15px;
    text-align: center;
    width: fit-content;
    margin: 0 auto 20px;
    font-family: 'Helvetica Neue', sans-serif;
}

.aboutSection .sector-card h3 {
    margin-bottom: 15px;
    color: var(--primary-color);
    font-family: 'Helvetica Neue', sans-serif;
}






.aboutSection .tabs-nav{
    list-style: none !important;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.aboutSection .tabs-nav .tab-link{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    height: 70px;
    line-height: 70px;
    position: relative;
    text-align: center;
    font-family: 'Helvetica Neue', sans-serif;
}


.aboutSection .tabs-nav .tab-link:hover{
    color: #ef9a3e;
    cursor: pointer;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);
    transform: translateY(-12px);
    transition: all .7s;

}

.aboutSection .tabs-nav .active{
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 1);
}

.aboutSection .mission_vision_paragraph {
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        background-color 0.4s ease;

    padding: 20px 25px;
    border-radius: 10px;
    cursor: pointer;
}

/* Hover effect */
.aboutSection .mission_vision_paragraph:hover {
    transform: translateY(-12px); /* slide up */
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    background-color: rgba(255, 255, 255, 1);
}



.aboutSection .vission_mission_text{
    margin-top: 30px;
    margin-left: 75px;
    margin-bottom:0;
    font-size: 20px;
    font-style: italic
}


.aboutSection .about-text .career_sec_headline{
    font-size: 20px;
    line-height: 20px;
    padding-right: 24px
}


.aboutSection .businessRow{
    /*margin: 4rem 0 4rem 0;*/
    padding-top: 4rem ;
    padding-bottom: 4rem;
}

.aboutSection .businessRow .min_height_for_desktop_screen_450{
    position: relative;
    min-height: 450px;
}

.aboutSection .businessRow .min_height_for_desktop_screen_600{
    position: relative;
    min-height: 560px;
}



.heroBannerSection{
    height: 100vh;
}


.banner_indicator .previous_button{
    position: absolute;
    top: 70%;
    left: -60px;
    font-size: 35px;
}

.banner_indicator .next_button{
    position: absolute;
    top: 70%;
    right: -60px;
    font-size: 35px;
}


/*
//manufacturing page company profile */

.aboutSection .about-text .company_profile_menu{
    list-style:none;
    padding: 0;
    margin: 50px 0 0 0;

}

.aboutSection .about-text .company_profile_menu li a{
    font-size: 20px;
    font-weight: 500;
    display: block;
    padding: 15px;
    width: fit-content;
    margin-bottom: 25px;
    border-radius: 5px;
}

.aboutSection .about-text .company_profile_menu li a:hover{
    color: #ef9a3e;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    transform: translateY(-12px);
    transition: all .7s;

}





.logo_text_area {
    margin-top: 20px;
    display: flex;
    gap:15px;
    align-self: center;
    align-items: center;
    @media (max-width:991px){
        gap: 10px;
    }

}
.logo_text_area .short_logo img{
    height: 70px;
    @media (max-width:991px){
        height: 90px;
    }


}
.logo_text_area .logo_texts .text_big{
    font-size: 40px;
    font-family: 'Falgun', sans-serif !important;
    color: #ef9a3e;
    line-height:85%;
    text-transform: uppercase;
    letter-spacing: 6px;
    padding-top: 10px;

    @media (max-width:991px){
        font-size: 60px;
        padding-top: 15px;
    }

}


.logo_text_area .logo_texts .text_small{
    font-size: 15px;
    font-family: 'Falgun', sans-serif !important;
    color: #ef9a3e;
    line-height:85%;
    text-transform: uppercase;
    letter-spacing: 9.5px;
    @media (max-width:991px){
        font-size: 21px;
        letter-spacing: 13px;
    }

}

.manufacturingPageContent{
    top: 38.3%;
}



/* The Animation Definition */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* The Class to apply to the title */
.sectionTitle {
    display: block;
    animation: fadeIn 0.8s ease;

}
.sectionSubTitle{
    animation: fadeIn 0.8s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}




.aboutSection .businessRow.notFixedHeight{
    height: unset;
}

/* Base Item Styling */
.aboutSection .businessRow .about-image .itemSetion .text-content .item {
    padding: 15px;
    width: fit-content;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: transform 0.3s ease, background 0.3s ease; /* Added for smooth hover */
    border-radius: 8px;
    cursor: pointer;

}

.aboutSection .businessRow .about-image .itemSetion .text-content .item .heading {
    font-size: 20px;
    margin-bottom: 0;
    min-width: 210px;
}

/* 1. Initial State */
.aboutSection .businessRow .about-image .itemSetion .text-content .item .details {
    opacity: 0;
    max-height: 0; /* Use max-height for animation */
    overflow: hidden; /* Prevents text bleeding out while closed */
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    margin-bottom: 0;
}

/* 2. Hover State */
/*.aboutSection .businessRow .about-image .itemSetion .text-content .item:hover {
    background: rgba(239, 154, 62, 0.5);
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}*/

/* Corrected Nesting: Select the details WHEN the item is hovered */
/*.aboutSection .businessRow .about-image .itemSetion .text-content .item:hover .details {
    opacity: 1;
    max-height: 200px;  Set a value larger than your content 
    visibility: visible;

}*/
















@media (max-width: 600px) {
    .aboutSection .about-image .itemSetion .text-content{
        position: relative !important;
        background: none !important;
    }
    .aboutSection .about-text h1 {
        font-size: 2.2rem;
    }

}


@media (max-width: 1199px){


    .banner_indicator .previous_button{
        left: -20px;
        top: 40%;
        font-size: 25px;
    }

    .banner_indicator .next_button{
        right: -20px;
        top: 40%;
        font-size: 25px;
    }




    .heroBannerSection{
        height: unset !important;
    }
    .aboutSection .about-hero .about-text .stats-container{
        margin-bottom: 30px;
        gap: 10px;
    }

    .aboutSection .vission_mission_text{
        margin-left: 0;
    }

    .aboutSection .about-text .career_sec_headline{
        padding-right: 0px;
        font-size: 15px;
    }


}


@media (max-width: 660px){


    .heroBannerSection .video-content .text_part h1{
        font-size: 40px !important;
    }
    .heroBannerSection .video-content{
        top: 70%;
    }




    .heroBannerSection .imageBannerContainer .imageBannerContent .sectionContent .bannerHeading h1{
        font-size: 40px;
    }


}

@media (min-width: 1200px){
    .aboutSection .businessRow{
        display: flex;
        align-items: center;
        height: calc(100vh - 70px);
        padding: 0;
        /*margin: 0;*/
    }
    .margin_top_8_desktop{
        margin-top: 8px;
    }

    /*    .manufacturingPageContent{
            top: 71%;
        }*/


}


@media (max-width: 991px){
    .mobile_white{
        color: #fff !important;
    }
    .aboutSection .businessRow .tabs-nav{
        margin-top: 40px;
    }
    .margin_bottom_mobile{
        margin-top: 20px;
        /*margin-bottom: 30px !important;*/
        padding-bottom: 30px !important;
    }
    .dis_blk_mobile{
        display: block;
        width: fit-content;
        border: 1px solid #fff !important;

    }

    .aboutSection .businessRow .min_height_for_desktop_screen_450{
        position: relative;
        min-height: 400px;
    }
    .aboutSection .businessRow .tabs-nav .tab-link{
        float: left;
        padding: 7px 12px;
        height: unset;
        line-height: unset;
        font-size: 16px;
        margin-top: 8px;
    }



    .aboutSection .businessRow .about-image .itemSetion.active{
        background: rgba(239, 154, 62, 0.5);
    }

}