@media(max-width:991px){

.display-title{

font-size:42px;

}

.section-title{

font-size:34px;

}

section{

padding:80px 0;

}

}

@media(max-width:576px){

.display-title{

font-size:34px;

}

.section-title{

font-size:28px;

}

.section-text{

font-size:15px;

}

}

@media(max-width:1199px){

.navbar{

padding:12px 0;

}

.navbar-brand img{

height:30px;

}

}

@media(max-width:991px){

.hero-section{

padding-top:110px;

text-align:center;

}

.hero-title{

font-size:42px;

}

.hero-image{

margin-top:60px;

}

.floating-card{

position:relative;

right:auto;

bottom:auto;

margin:25px auto 0;

width:fit-content;

}

}

@media(max-width:576px){

.hero-title{

font-size:34px;

}

.hero-text{

font-size:16px;

}

.hero-buttons .btn{

width:100%;

margin:10px 0 !important;

}

}

@media(max-width:991px){

.about-section{

text-align:center;

}

.about-features{

grid-template-columns:1fr;

}

.about-floating-card{

position:relative;

right:auto;

bottom:auto;

margin:25px auto 0;

width:fit-content;

}

.feature-item{

justify-content:center;

}

}

@media(max-width:991px){

.why-biocng{

text-align:center;

}

.benefit-grid{

grid-template-columns:1fr;

}

.benefit-card{

text-align:left;

}

}

@media(max-width:1200px){

.process-wrapper{

grid-template-columns:repeat(2,1fr);

}

.process-wrapper::before{

display:none;

}

}

@media(max-width:768px){

.process-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.business-card{

height:450px;

}

}

@media(max-width:991px){

.esg-list{

grid-template-columns:1fr;

}

.esg-section{

text-align:center;

}

.esg-list div{

justify-content:center;

}

}

@media(max-width:991px){

.partner-section{

text-align:center;

}

.partner-icon{

margin:auto auto 25px;

}

}

@media(max-width:991px){

.roadmap{

grid-template-columns:1fr;

}

.roadmap-line{

display:none;

}

}

@media(max-width:991px){

    .leadership-section{

        padding:90px 0;

    }

    .governance-strip{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:576px){

    .governance-strip{

        grid-template-columns:1fr;

    }

    .leader-image{

        height:330px;

    }

}

@media(max-width:991px){

    .compliance-section{

        padding:90px 0;

    }

    .compliance-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    .compliance-card{

        padding:30px 25px;

    }

}

@media(max-width:991px){

    .section-heading-row{

        align-items:flex-start;

        flex-direction:column;

    }

    .news-image{

        height:320px;

    }

}

@media(max-width:576px){

    .news-section{

        padding:90px 0;

    }

    .side-news-card{

        flex-direction:column;

    }

    .side-news-image{

        width:100%;

        height:220px;

    }

    .side-news-content{

        width:100%;

    }

    .news-content h3{

        font-size:25px;

    }

}

@media(max-width:991px){

    .business-cta{

        min-height:500px;

    }

    .business-cta h2{

        font-size:45px;

    }

}

@media(max-width:576px){

    .business-cta{

        min-height:600px;

    }

    .business-cta-content{

        padding:60px 15px;

    }

    .business-cta h2{

        font-size:36px;

    }

    .business-cta p{

        font-size:16px;

    }

    .cta-buttons{

        flex-direction:column;

        align-items:flex-start;

    }

}

@media(max-width:991px){

    .contact-section{

        padding:90px 0;

    }

    .contact-info{

        padding:50px 35px;

    }

    .contact-form-wrapper{

        padding:50px 35px;

    }

}

@media(max-width:576px){

    .contact-info h2{

        font-size:36px;

    }

    .contact-form-wrapper{

        padding:40px 25px;

    }

    .contact-info{

        padding:45px 25px;

    }

    .form-heading h3{

        font-size:27px;

    }

}

@media(max-width:991px){

    .footer-main{

        padding:70px 0 50px;

    }

    .footer-cta{

        align-items:flex-start;

        flex-direction:column;

    }

    .footer-bottom-inner{

        padding:20px 0;

        flex-direction:column;

        align-items:flex-start;

    }

}

@media(max-width:576px){

    .footer-main{

        padding:60px 0 40px;

    }

    .footer-cta h3{

        font-size:24px;

    }

    .footer-legal{

        flex-wrap:wrap;

        gap:12px 20px;

    }

}