﻿

.hero-holder1 {
    background-image: url(https://assets.syngentaebiz.com/images/media/gh-innovation-header-desktop@2x-updated.png) !important;
    background-size: cover;
    background-position: center center; /* Changed from top center */
    background-repeat: no-repeat;
    width: 100%;
    height: 497px; /* Changed from fixed height to viewport height */
    position: relative;
    overflow: hidden;
    top: 49px;
}
.h1-intro {
    font: normal normal normal 60px/60px GHVeneerClean;
    letter-spacing: 0.6px;
    margin-bottom: 0px;
}

.p-intro {
    padding: 10px 20rem 0px 20rem;
}
.innovation-map{
    width:100%;
}
.innovation-trait-center-img {
    width: 160px;
}
.trait-center-txt {
    text-align: left;
    font: normal normal normal 20px/20px GHVeneerClean;
    letter-spacing: 0.2px;
    color: #006CA3;
}
.trait-foot {
    text-align: left;
    font: normal normal normal 16px/20px Noto Sans;
    letter-spacing: 0.16px;
    color: #006CA3;
}
td{
    padding:15px;
}
.h1-innovacation {
    text-align: left;
    font: normal normal normal 48px/48px GHVeneerClean;
    letter-spacing: 0.48px;
    color: #DF6420;
}

#rdvideosec {
    width: 100%;
    height: 100%;
    opacity: 1;
    position: relative;
    background-image: linear-gradient(185deg, rgba(179, 191, 184, 0.15) 0%, rgba(90, 96, 92, 0) 100%);
}

    #rdvideosec::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -999;
        background: transparent url(https://assets.syngentaebiz.com/images/gh-background-white-grid-desktop@2x.png) 0 0 no-repeat padding-box;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        mix-blend-mode: multiply;
        opacity: 6.5;
    }
.video-content-1 {
    text-align: left;
    font: normal normal normal 48px/48px GHVeneerClean;
    letter-spacing: 0.48px;
    color: #DF6420;
    padding-top:6rem;
}
.video-content-2 {
    text-align: left;
    font: normal normal normal 48px/48px GHVeneerClean;
    letter-spacing: 0.48px;
    color: #DF6420;
    padding-top: 6rem;
}
.video-main-div2 {
    padding-top: 12rem;
}
@media only screen and (min-width: 1600px) {
    #globalFooter::before {
        width: 60% !important;
    }
}

@media only screen and (min-width: 1700px) and (max-width:2000px) {
    #globalFooter::before {
        width: 35% !important;
        right: 27rem;
    }
}

@media only screen and (min-width: 2100px) and (max-width:2500px) {
    #globalFooter::before {
        width: 50% !important;
    }
}

@media only screen and (min-width: 2500px) {
    #globalFooter::before {
        width: 40% !important;
    }
}

@media only screen and (min-width: 3800px) {
    #globalFooter::before {
        width: 30% !important;
    }
}

@media only screen and (max-width: 990px) {
    .hero-holder1 {
        background-image: url('https://assets.syngentaebiz.com/images/media/gh-innovation-header-mobile@2x.png') !important;
        background-size: 100% 100%;
        top: 27px;
        width: 100%;
        height: 375px;
    }

    .h1-intro {
        text-align: center;
        font: normal normal normal 48px/48px GHVeneerClean;
        letter-spacing: 0.48px;
        color: #DF6420;
    }

    .p-intro {
        padding: 10px 0px 0px 0px;
    }
    .parent-brand-div {
        display: flex;
        flex-direction: column;
    }
    .video1{
        order:2;
    }
    .br-cont{
        order:1;
    }
    .parent-brand-div{
        padding-top:unset;
    }
    .video-main-div2{
        padding-top:unset;
    }
    .py-lg{
        padding-top:4rem;
        padding-bottom:4rem;
    }
}