* {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}


@media (min-width:1655px) {
    
    .ga-os-image-box{
        margin-right: -58px !important;
    }

    .box-top{
        width: 376px !important;
    }

}





@media (max-width: 1314px) {
    
        .bdp-w-p {
    width: 1040px !important;
}
    
    .in-blu-zandu {
    width: 100%;
    max-width: 1390px !important;
}
 
    
    .focus {
    padding-bottom: 100px;
}

    .logo{
        width: 30%;
    }

    .nav-bar{
        width: 70%;
    }

    .in-focus-pos-2 {
        right: -66px !important;
    }
    
    .nav-link {
        white-space: nowrap !important;
        margin: 10px 5px 10px 75px !important;
    }

}


@media (max-width:1270px) {
    
        .solar-pic {
        width: 35% !important;
    }
    
       .solar-pic img {
        width: 100%;
    }
    
        .solar {
        width: 65% !important;
    }


    
    .box-top{
        top: 35% !important;
    }

    
}

@media (min-width: 1025px) and (max-width: 1080px) {
    
    .ga-os-image-box {
    margin-right: -36px !important;
    width: 46%;
    position: relative;
    display: flex !important;
    justify-content: end !important;
}

.ga-os-image-box .main-img{
    width: 100% !important;
}
    
    .service-card{
        height: auto !important;
    }

    .nav-link {
        margin: 10px 5px 10px 70px !important;
    }
    
}

@media screen and (max-width: 1024px) {
    
    
    .onthe-ground-icn {
    top: -100px !important;
}
    
    .flex-blog{
    flex-wrap: nowrap !important;
}
    
    .in-focus-pos-2 {
    top: 5% !important;
}
    
    .in-focus-text-2 {
    padding: 50px 45% 5% 40px !important;
}
    


       /* .research-report-img::before{
        content: '';
        position: absolute;
     top: 130px;
    left: 90px;
         z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }

        .research-report-img::after{
        content: '';
        position: absolute;
    bottom: 130px;
    left: 90px;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    } */

    .flex-abtnowrap{
        flex-wrap: nowrap !important;
    }

    .left-flote-img-4 {
width: 9%;
    position: absolute;
    top: 37%;
    right: 0%;
    z-index: -9999;
}

.left-flote-img-4 img{
    width: 100%;
}

    .search-box {
    position: relative;
    width: 760px;
}

.search-box .search-icon {
    position: absolute;
    right: 22px;
    top: 40%;
    transform: translateY(-50%);
    color: #34577c;
    font-size: 16px;
    cursor: pointer;
}

    .event-txt{
        width: 40%;
    }

    .event-img{
        width: 60%;
    }

    .event-img img{
        width: 100%;
    }

    .box{
        height: auto !important;
    }


    .WWD-box-h4 {
    width: 90% !important;
}

    .custom-branchline {
    left: 10% !important;
}

    .lastest-icn {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    .ms-307{
margin-left: 125px !important;
    }

    .nav-bar{
        width: 55% !important;
    }

    .logo{
        width: 45% !important;
    }

    .eight img, .fortyfour img, .thirtyfive img, .sixtyone img {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }

    /* animation */
    .service-animate-line {
        transform: translateY(-29px) !important;
    }

    .service-animate-btn {
        transform: translate(-50%, -29px) !important;
    }

    .service-animate-btn-2 {
        left: 78% !important;
        transform: translate(0%, -25px) !important;
    }

    .service-animate-line2 {
        left: 86% !important;
        transform: translateY(-25px) !important;
    }

    .service-animatemain {
        transform: translateY(-25px) !important;
    }

    /* our story */

    .ga-os-para-2 {
        font-size: 24px;
        font-weight: 300;
    }

    .ga-os-para-1 {
        font-size: 24px;
        line-height: 1.6;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .ga-os-text-box h1 {
        font-size: 35px !important;
    }


    /* team */
    .team-nowrap{
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
     }

     /* services */

    .in-focus-pos-2{
        padding-top: 30px !important;
        width: 47% !important;
        right: -51px !important;
    }

    
    .in-focus-pos-2 img{
        width: 100% !important;
    }


    .ga-os-fs-20 {
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #111111;
    }

    .ga-os-fs-28 {
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 26px !important;
        margin-bottom: 20px;
    }


    .links a{
        font-size: 16px !important;
    }

    .in-blu-oad-2{
        max-width: 900px !important;
    }

    .column-3 {
        width: 30% !important;
    }

    .column-4 {
        width: 100% !important;
    }

    .in-focus-pos {
        width: 47% !important;
        left: -67px !important;
    }

    .in-focus-pos img {
        width: 100%;
    }

    .Elec-Gov {
        line-height: 51px;
        font-size: 40px;
    }



    .box h4 {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .box p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .btn-outline {
        font-size: 16px !important;
    }

    .w-100 {
        width: 100% !important;
    }

    .table-header th {
        font-size: 18px;
    }

    .agenda-row td {
        font-size: 16px;
    }

    .scheduleInfoCard p {
        margin-bottom: 0px;
        font-size: 18px;
        font-weight: 400;
        color: #1a1a1a;
    }

    .scheduleInfoCard {
        padding: 25px 13px 25px 13px;
    }

    .banner-hed h4 {
        font-size: 20px;
    }

    .banner-hed p {
        font-size: 16px;
    }

    .gro-cont h3 {
        line-height: 35px;
    }

    .gro-cont p {
        font-size: 25px;
    }

    .gro-cont {
        left: 59%;
    }



    .in-blu {
        left: 10%;
        top: 10%;
    }
    .blu {
    padding-bottom: 80px;
    position: relative;}


    .f-top-h h4 {
        font-size: 26px;
    }

    .c-box-1 h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .c-box-1 p {
        font-size: 16px;
        line-height: 25px;
    }

    .left-cont h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-info {
        width: 40%;
    }

    .contact-form {
        width: 60%;
    }

    .tab-link {
        font-size: 15px;
    }

    .drop-2 {
        left: -135px;
        width: 506px;
    }

    .drop-3 {
        left: -440px !important;
        width: 618px;
    }

    .nav-link {
        margin: 10px 5px 10px 30px !important;
        font-size: 15px !important;
        white-space: nowrap;
    }

    .justify-center-md {
        justify-content: center !important;
    }

    .mt-md-100 {
        margin-top: 100px !important;
    }

    .pt-md-100 {
        padding-top: 135px !important;
    }

    .otg-btn {
        transform: translate(-50%, -55px) !important;
        left: 50% !important;
    }

    .otg-branchline {
        transform: translateY(-98px) !important;
        left: 50% !important;
    }

    .otg-mainline {
        transform: translateY(-100px) !important;
    }

    .dt-line {
        left: 10% !important;
        transform: translateY(-40px) !important;
    }

    .dt-btn {
        transform: translate(-49%, 10px) !important;
    }

    .dt-mnline {
        transform: translateY(-40px) !important;
    }

    .up-line {
        left: 10% !important;
        transform: translateY(-30px) !important;
    }

    .up-btn {
        transform: translate(-49%, 20px) !important;
    }

    .up-mnline {
        transform: translateY(-30px) !important;
    }

    .fr-line {
        transform: translateY(-90px) !important;
    }

    .fr-btn {
        transform: translate(-49%, -35px) !important;
    }

    .fr-mainline {
        transform: translateY(-90px) !important;
    }

    .mt-60 {
        margin-top: 30px !important;
    }

    .mt-30 {
        margin-top: 20px !important;
    }

    .flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .on-ground-img {
        width: 50%;
    }

    .on-ground-content {
        width: 50%;
        padding: 20px 10px;
    }

    .on-ground-img img {
        width: 100%;
    }



    .d-flex {
        flex-wrap: wrap;
    }

    .gap-75 {
        gap: 2rem;
    }

    .mt-120 {
        margin-top: 4rem !important;
    }

    .mb-20 {
        margin-bottom: 1.5rem;
    }

    .ms-205 {
        margin-left: 2rem;
    }

    .w-60 {
        width: 100%;
    }

    .mx-auto {
        margin: 0 auto;
    }

    /* Line Container Adjustments */
    .line-container {
        padding: 0 1rem;
    }

    .main-line {
        width: 100%;
    }

    .branch-line {
        height: 50px;
    }

    .oval-button {
        font-size: 13px;
        padding: 5px 5px;
    }

    /* about us */

    h3 {
        font-weight: 400 !important;
        font-size: 40px;
        color: #111111;
        line-height: 50px;
    }

    .about-card h4 {
        padding-top: 0px !important;
        line-height: 30px;
        font-size: 19px;
        font-weight: 400;
        color: #111111;
    }

    .about-card p {
        font-size: 16px;
        /* width: 90%; */
        line-height: 25px;
        font-weight: 400;
        color: #333333;
    }

    .solar {
        width: 65%;
    }

    .solar-pic {
        width: 35%;
    }

    .solar-pic img {
        width: 100%;
    }

    .solar p {
        font-size: 15px;
        color: #333333;
        line-height: 24px;
    }



    .fiftyfour {
        margin: auto;
        width: 40%;
    }

    .fortyfour {
        width: 70%;
        top: 52%;
        position: absolute;
        left: -70%;
    }

    
    .sixtyone {
        width: 85%;
        top: 60%;
        right: -66%;
        position: absolute;
    }

    .thirtyfive {
        width: 70%;
        top: -22%;
        right: -50%;
        position: absolute;
    }

    .eight {
        width: 90%;
        top: 0%;
        left: -67%;
        position: absolute;
    }

    .fiftyfour img {
        width: 100%;
    }

    .eight img {
        width: 100%;
    }

    .fortyfour img {
        width: 100%;
    }

    .thirtyfive img {
        width: 100%;
    }

    .sixtyone img {
        width: 100%;
    }

    .services-card-section {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem;
        width: 100%;
    }

    .upcoming-evnts h3 {
        font-size: 2.2rem;
        line-height: 1.4;
        margin-bottom: 3.75rem;
        text-align: center;
        padding: 0 2rem;
    }

}


@media (min-width: 996px)  {
    
        .flex-research-nowrap{
        flex-wrap: nowrap !important;
    }
    
    .ga-energy-justice-wrapper{
        padding-bottom: 30px ;
    }
    
    .top-circle {
        top: -10%; /* Adjusted for smaller screens */
    }
    .bottom-circle {
        bottom: -10%; /* Adjusted for smaller screens */
    }
    
        .bg-none{
        background-color: transparent !important;
    }

    


    .pt-80 {
    padding-top: 40px;
}
    .d-lg-none{
        display: none !important;
    }
    


    .services-laptop {
        display: block !important;
    }


    .desktop-hero{
        display: block !important;
    }

    .mobile-hero{
        display: none !important;
    }

    .mobile-blocks{
        display: none !important;
    }

    .header-icons{
        display: none !important;
    }

    .desktop-header{
        display: block !important;
    }

    .mobile-header{
        display: none !important;
    }

    .mobile-wwd {
        display: none;
    }
    .desktop-wwd {
        display: block;
    }

    .sm-none{
        display: block;
    }

    .lg-none{
        display: none;
    }

    .mob-line{
        display: none !important;
    }

}

/* Small screens (max-width: 996px) */
@media (max-width: 996px){
    
    .mediaContent-1 p{
        padding-top: 10px !important;
    }
    
    .mediaArticleItem{
        margin-bottom: 10px;
    }
    
    .s-bar{
        padding: 0px 15px;
    }
    
    .contact-form-p1{
        font-size: 16px !important;
        line-height: 28px !important;
    }
    
    .contact-form-p2{
      font-size: 16px !important;
        line-height: 28px !important;
        font-weight: 400;
    }
    
    
    .container-80{
        padding: 0px 15px;
        width: 100% !important;
    }
   
    
    .dataEntryMeta p{
        margin-bottom: 5px !important;
    }
    
    .department-txt {
    font-size: 14px !important;
}


.rti-data-head{
    font-size: 14px !important;

}


.end-slang-a{
     font-size: 16px !important;
        line-height: 28px !important;
}

    
    
    .end-slang{
        font-size: 16px !important;
        line-height: 28px !important;
        padding: 0px !important;
    }
    
    .p-career{
        padding: 15px 15px !important;
        border-radius: 16px !important;
    }
    
    .p-heading{
        padding: 10px 0px;
    }
    
    
    .osd-w-para{
width: 100% Important;
        padding-bottom: 0px !important;
    }
    
        .on-ground-img {
        order: 1 !important;
    }
    
    
        .on-ground-content {
        order: 2 !important;
    }
    
    .ga-our-ny-timeline-marker{
        left: 26px !important;
    }
    
    .ga-energy-justice-wrapper{
        padding-bottom: 40px !important;
    }
    
    .ga-pt-10{
        padding-top: 180px !important;
    }
    
    .ga-values-grid{
        padding-top: 10px !important;
    }
    
        .flex-research-nowrap{
       flex-wrap: wrap !important;
    }
    
        .focus {
    padding-bottom: 40px !important;
}
    
    .search-dropdown input{
        border: none !important;
    }
    
        .header-icons i{
            font-size: 16px !important;
        }
        
        .search-dropdown input:focus{
            border: solid 1px #333333 !important;
            box-shadow: none !important;
            outline: none !important;
        }
    
    
    .search-icon{
        font-size: 12px !important;
    }


.search{
    width: 100% !important;
    border-radius: 5px !important;
}
    
        .mediaArticles{
        gap: 0px !important;
    }
    
    
    .image{
        width: 100% !important;
    }
    
    /*.pr-0{*/
    /*    padding-right: 0px !important;*/
    /*}*/
    
        .pt-md-100{
            padding-top: 110px !important;
        }
    
    .pt-lg-100{
        padding-top: 0px !important;
    }
    
    .side-heading{
        padding-top: 50px !important;
    }
    
    
    .bdp-image-container{
        padding: 0px 20px;
    }
    
    .bdp-image{
        height: 434px !important;
        border-radius: 16px !important;
    }
    
    .last-bpd h4{
        padding-top: 0px !important;
    }
    
    
    .opd-margin-t{
        margin-bottom: 70px !important  ;
    }
    
    .w-772 {
        object-fit: cover;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
    

    
    .eventPhotoItem{
        width: 100%;
        border-radius: 16px !important;
    }
    
      .speaker-image::before{
    left: -11px !important;
}

    .speaker-1::before{
     background-color: #65AC62 !important;
}

.speaker-2::before{
    background-color: #CF6737 !important;
     transform: rotate(0deg);

}

.speaker-3::before{
    background-color: #F9DA78 !important;
}


.speaker-4::before{
    background-color: #0780C3 !important;
     transform: rotate(0deg) !important;
}

    .owl-carousel2 .owl-stage:after{
        height: 160px !important;
    }

    .speaker-content{
    margin-top: 30px;
}


    .speaker-image {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 20px;
    position: relative;
}
    
    .our-publications p{
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .publication-img{
    width: 100% !important;
}


.publication-img img{
    width: 100%;
    height: 450px;
}

.card-content{
    width: 100% !important;
}
    
    .on-ground-content{
    width: 100% !important;
}

.on-ground-img{
    width: 100% !important;
}
    
    .label-txt{
        white-space: nowrap;
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 400 !important;
    }
    
    .flex-inp{
        gap: 30px;
        display: flex !important;
align-items: center !important;
margin-bottom: 15px !important;
    }
    
    .flex-inp input{
        margin-bottom: 0px !important;
    }
    
        .flex-inp label{
        margin-bottom: 0px !important;
    }
    
    .data{
        padding-top: 60px !important;
    }

.download-nylinks{
        grid-template-columns: repeat(4, 1fr);
}

.download-links a {
    margin: 0px 10px !important;
}

        /* .research-report-img::before {
        content: '';
        position: absolute;
        top: 75% !important;
        left: 37% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }

            .research-report-img::after{
        content: '';
        position: absolute;
        bottom: 67% !important;
        left: 37% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    } */

 .flex-abtnowrap{
        flex-wrap: wrap !important;
    }

    .hero-1 {
    margin-left: -30px;
}

        .column-4{
            padding-top: 30px !important;
        }

    .gro-icon img{
        margin-bottom: 0px !important;
    }

.bpd-button-2  .blog-icn {
    width: 18px !important;
    height: 18px !important;
    margin-bottom: 0px !important;
}

    .bpd-card img{
        height: 100% !important;
        margin-bottom: 20px !important;
    }
    

.accordion_body {
    padding: 0px !important;
}

    .pt-sm-80 {
        padding-top: 80px !important;
    }

        .banner-hed h4{
            font-weight: 400;
            font-size: 20px !important;
            line-height: 28px !important;
            padding-top: 0px !important;
        }

            .banner-hed p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }

    .image-container{
        margin-bottom: 30px;
    }

    .ga-os-fs-28{
        padding-top: 0px !important;
    }

    .ga-py-30{
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }

    .team-card{
        padding: 12px !important;
    }

        .search-box .search-icon {
        top: 51%;
    }

    .event-heading{
        font-size: 32px;
        line-height: 40px;
        font-weight: 400;
    }

    .accordion-span{
        font-weight: 300;
        color: #666;
        font-size: 16px;
    }

    .bg-none{
        background-color: transparent !important;
    }

    .data-card{
        padding: 30px !important;
    }

    .data-50 {
    width: 100% !important;
}

    .our-publications-card img{
        padding: 0px !important;
    }

    .card-content{
width: 100% !important;
padding: 20px 0px !important;
    }

        .services-laptop {
        display: none !important;
    }


        .gaspy {
    margin-top: 40% !important;
}


     .container-1{
        width: 80% !important;
     }

    .d-grid {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
}

.circle-1 {
    width: 280px !important; 
    height: 280px !important;
    border-radius: 50% !important;
}

    .circle-5 {
    bottom: -53% !important;
    left: 90% !important;
    position: absolute !important;
    width: 260px !important;
    height: 260px !important;
}

.circle-3 {
    bottom: -35% !important;
    left: -70%;
    position: absolute !important;
    width: 210px !important;
    height: 210px !important;}

    .txt-circle {
    font-size: 16px !important;
    width: 80% !important;
    color: #333;
    margin-top: 15px !important;
}

    .pt-170 {
    padding-top: 20px !important;
}

    .publicationcarousel-img{
        width: 100% !important;
    }

    .container-fluid{
        padding: 0px 1rem;
        width: 100% !important;
    }

    .nav-header{
        margin: 0 25px;
    }

    .nav-menu{
            margin: 0px 10px !important;
    }

        .nav-link {
                    margin: 10px 5px 10px 19px !important;
line-height: 14px;
        font-size: 20px !important;
        white-space: nowrap;
    }

    
.owl-carousel4 .owl-dots{
    width: 50% !important;
        left: 44% !important;
    top: 25px !important;
}

    .our-publications-card img{
        width: 100% !important;
        height: 100% !important;
    }

    .inpro h2{
        width: 100% !important;
        padding-top: 20px;
    }

    .event-bg{
        height: 650px !important;
    }

    .mediaArticleMeta{
        margin-bottom: 20px !important;
    }

    .mediaArticleLink {
    font-weight: 600;
    font-size: 18px;
    color: #008EF5;
}

    .mediaContent-1 p{
        margin-bottom: 30px;
    }

    .mediaSection{
        text-align: left !important;
        padding: 0 !important;
    }

    .info-text .media-inquiries{
        order: 1;
        font-size: 20px;
        line-height: 32px;
    }

    .contact-form button {
    width: 100%;
}

.info-text h3{
    font-size: 28px !important;
    line-height: 40px;
    margin-bottom: 10px;
}

.info-text p{
    font-size: 16px;
    line-height: 28px;
}

.d-md-none{
    display: none !important;
}

.media-inquiries{
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}

.info-text {
    order: 2;
    padding: 0px 0px;
    padding-top: 30px;
    background-color: #fff;
}

    .flex-contact{
        flex-wrap: wrap !important;    }

    .sm-none{
        display: none;
    }

    .mob-line{
        display: block !important;
    }


        .lg-none{
                    padding-top: 25px;
                font-size: 20px;
    font-weight: 400;
    color: #fff;
        display: block;
    }

    .flex-row{
        flex-direction: row !important;
    }

        .desktop-hero{
        display: none !important;
    }

    .mobile-hero{
        display: block !important;
    }

.mobile-block{
    padding: 0px 10px;
    justify-content: center;
    display: flex;
}

.mobileblock-1{
    width: 100px;
    height: 200px;
}

.mobile-block img{
    width: 100%;
}

.mobileblock-2{
    width: 100px;
    height: 200px;
}

.mobile-block img{
    width: 100%;
}

.mobileblock-3{
    width: 200px;
    height: 200px;
}

.mobile-block img{
    width: 100%;
}

    .form-container {
        padding: 15px;
    }

    .mob-logo{
        width: 12% !important;
    }

    .desktop-header{
        display: none !important;
    }

    .mobile-header{
        display: block !important;
    }

    .tab-mobile{
        display: block !important;
    }

    .tab-desktop{
        display: none !important;
    }

    .logo {
        width: 80% !important;
    }

    .hero-heading h1 {
        font-size: 36px;
        line-height: 48px;
        padding-top: 40px;
    }



    .blocks {
        /* Flex will be removed after animation */
    }

    .ourstory-line {
        transform: translate(35px, -11px);
    }

    .ourstory-btn {
        transform: translate(-264px, -25px);
    }

    #our-journey-btn{
        top: 60px !important;
        left: 75% !important;
    }

    /* career animations */
    .pt-lg-80{
        padding-top: 80px !important;
    }

    .f-top-h {
        width: 100% !important;
    }

    /* services amimation */

    .service-animate-btn-2{
        transform: translate(0%, 35px) !important;
        left: 72% !important;
    }

    .service-animate-line2{
        transform: translateY(-14px) !important;
        left: 80% !important;
    }


    .service-animate-line{
        transform: translateY(-29px) !important;
    }


.service-animatemain{
    transform: translateY(-14px) !important;
}

    .service-animate-btn {
        transform: translate(-47%, -10px) !important;
    }



/* home */

.footer-nav h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #fff;
}

.ms-307{
    margin-left: 0px !important;
}

h4 {
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
}

.research-report-content{
    order: 2;
}

.research-report-img{
    order: 1;
}


/* animation */

.dt-btn {
    transform: translate(-40%, 10px) !important;
}


.up-btn {
    transform: translate(-43%, 15px) !important;
}

.otg-btn {
    transform: translate(-50%, -75px) !important;
    left: 50% !important;
}

.otg-branchline {
    transform: translateY(-100px) !important;
    left: 50%;
}

.otg-mainline {
    transform: translateY(-100px) !important;
}

.fr-btn{
    width: 120px !important;
}

.custom-mnline{  transform: translate(0%, -30px) !important;}

.custom-branchline{
    left: 16% !important;
    transform: translate(0%, -30px) !important;
}

.customoval-button {
    transform: translate(-4%, 20px) !important;
}

.fr-mainline{
    transform: translate(0%, -50px) !important;
}

.fr-line{
    transform: translateY(-48px) !important;
    left: 16% !important;
}

.fr-btn {
    transform: translate(-10%, 0px) !important;
}

    /* form openaccess */

    .form-group {
        flex: 1 1 50px !important;
    }

    .links {
              align-items: center;
        white-space: nowrap !important;
        display: flex !important;
    }
     
    /* team-details */


    .gro-img{
        width: 100% !important;
        margin-bottom: 20px;
    }

    .gro-img img {
        margin-bottom: 20px;
    }

    .gro-cont{
        position: static !important;
    }

    /* events */

    .laptop-events{
        display: none !important;
    }

    .mobile-view-event{
display: block !important;
}


    .event-txt p{
        width: 100%;
    }

    .event-txt{
        text-align: left;
        width: 100%;
    }

    .py-md-10{
        padding: 15px 0px;
    }

    .bor-line-mobile{
        border-width: 2px;
        height: 100px;
    margin-right: 20px;
    }


    .date-responsive{
        width: 13% !important;
        margin: inherit !important;
    }


    /* Event section responsive */
    .event-bg .container-fluid {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }



    .event-img img {
        width: 100%;
        height: auto;
    }

    /* Event cards responsive */
    .date-info {
        padding-top: 40px;
        flex-direction: column;
        background: #fff;
        border-radius: 8px;
        width: 100%;
    }



    .inpro, .inpro-1, .inpro-2, .inpro-3, .inpro-5 {
        width: 100%;
        text-align: left;
        padding-left: 0 !important;
    }



    .date-img {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .date-img img {
    width: 100%;
        height: 257px !important;
        border-radius: 16px !important;
    }

   
    /* Pagination responsive */
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    .pagination li {
        margin: 2px;
    }


    .event-bg {
        padding: 30px 0;
    }

    .event-bg .container-fluid {
        padding: 0 15px;
    }

    .event-bg .d-flex {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }

    .event-txt {
        order: 1;
    }


    .event-img {
        order: 2;
        width: 100%;
    }



    /* career */

    .what-icn {
        width: 10% !important;}

    /* meet the team */

    .team-nowrap{
       display: flex !important;
       justify-content: space-between !important;
       align-items: center !important;
       flex-wrap: nowrap !important;
    }

     /* Team Section Responsive */
     .team-container, .team-container2 {
        gap: 0px !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .team-card {
        width: 100%;
        text-align: center;
    }

    .team-card img {
        height: inherit;
        width: 100% !important;
        display: block;
    }

    .team-card{
        height: auto !important;
    }

    .team-card h3 {
        font-size: 20px !important;
        line-height: 28px;
        margin-top: 20px;
    }

    .team-card p {
        font-size: 16px !important;
         line-height: 28px;
        margin-bottom: 25px;
    }



    .social-icons a {
        font-size: 20px;
    }


    .d-flex.js.alb {
        flex-direction: column;
    }



    /* media */
    .mediaContent-1 {
        padding: 0 15px;
    }
    
 

    .mediaContent-1 h2 {
        font-size: 32px;
        line-height: 40px;
        padding-top: 20px;
    }

    .searchBarWrapper {
        margin: 15px;
    }



    .mediaArticleItem h3 {
        font-size: 20px !important;
        line-height: 32px !important;
    }

    .mediaArticleMeta {
        flex-direction: column;
        gap: 5px;
    }

    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        padding: 20px 15px;
        margin: 0;
        width: 100%;
        overflow-x: hidden;
    }

    .pagination li {
        margin: 2px;
    }

    .pagination li a {
        padding: 8px 12px;
        font-size: 14px;
    }



    .pagination li.active,
    .pagination li.disabled {
        display: inline-block;
    }

    .pagination li:first-child,
    .pagination li:last-child {
        display: inline-block;
    }


    .mediaArticleItem.left-ani,
    .mediaArticleItem.right-ani {
        border-radius: 8px;
    }

    .ani-left,
    .ani-right {
        display: none;
    }

    .mediaArticleItem.left-ani h3,
    .mediaArticleItem.right-ani h3 {
        color: #000;
        text-shadow: none;
        margin-top: 0;
    }

    .mediaArticleItem.left-ani .mediaArticleMeta,
    .mediaArticleItem.right-ani .mediaArticleMeta {
        color: #666;
    }

    .mediaArticleItem.left-ani .mediaArticleLink,
    .mediaArticleItem.right-ani .mediaArticleLink {
        position: relative;
        z-index: 1;
    }

    /* COntact US */

    .contact-form {
        width: 100%;
        margin-bottom: 40px;
    }

    .contact-info {
        width: 100%;
    }

    .contact-info .image-container {
        margin: 0 auto 20px;
    }

    .contact-info .info-text {
        max-width: 100%;
    }

    .contact-info .social-icons {
        justify-content: center;
    }

    .name-inputs {
        flex-direction: column;
        gap: 0px !important;
    }

    .name-inputs input {
        width: 100%;
    }

/* RTI DATA */

.dataEntryItem h3 {
    line-height: 30px;
    font-size: 20px !important;
    font-weight: 400;
    color: #1a1a1a;
    margin-bottom: 8px;}

    .dataEntryItem p {
        font-size: 16px !important;
        color: #333333;
        margin-bottom: 16px;
        line-height: 28px !important;
    }

.sub{
    font-size: 20px;
}

            /* Main content responsive styles */
            .psd {
                padding: 15px;
            }

            .psd .d-flex {
                flex-direction: column;
            }

            .psd-left, .psd-right {

                width: 100%;
                margin: 10px 0;
            }
            

            .border-psd {
                display: none;
            }

            /* Search bar responsive styles */
            .searchBarWrapper {
                width: 100%;
                margin: 15px;
            }

            /* Data list section responsive styles */
            .dataListHeading {
                flex-direction: column;
                align-items: flex-start;
            }

            .dataListFilters {
               
                width: 100%;
                margin-top: 30px;
            }

            .dataListFilterButton {
                width: auto;
                margin: 5px 0;
            }



            /* Data cards section responsive styles */
            .data .d-flex {
                flex-direction: column;
            }

            .data-card {
                width: 100%;
                margin: 15px 0;
            }


    .open-btn-mobile{
        display: block !important;
    }

    .link-padding-btn{
        display: none !important;
    } 

    /* About us */


    .flex-nrml{
flex-direction: inherit !important;
    }

    .solar-pic{
        order: 1 !important;
    }

    .hero-2{
        right: 200px !important;
    }

        .solar-pic{
            width: 100% !important;
        }


    .solar{
        width: 100% !important;
        order: 2 !important;
    }

    .ab-text {
        gap: 30px;
    }

    .solar-pic img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }


    .hero-abt{
        top: 0px !important;
    }

    /* Cards Section Responsive */
    .d-flex.js.gap-20 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .d-flex.mt-30.gap-20 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .about-card {
        width: 100%;
        padding: 20px;
    }

    /* By the Numbers Section Responsive */
    .balls {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .fiftyfour {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }

    .fiftyfour img {
        width: 100%;
        max-width: 200px;
        height: auto;
        position: relative;
        z-index: 1;
    }

    .eight, .fortyfour, .thirtyfive, .sixtyone {
        position: absolute;
        width: 100px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .eight {
        top: -20%;
        left: 14%;
    }

    .fortyfour {
        top: 82% !important;
        left: 12% !important;
    }

    .thirtyfive {
        bottom: 20%;
        left: 70%;
    }


    .sixtyone {
        bottom: 30%;
        right: 12%;
    }
    .eight img, .fortyfour img, .thirtyfive img, .sixtyone img {
        width: 150px;
        height: 150px;
        object-fit: contain;
    }

    /* Who We Engage Section Responsive */
    .gaspy-1 {
            padding-left: 15px;
    padding-right: 15px;
        gap: 20px;
    }

    .gaspy-1 img {
        max-width: 200px;
        margin: 0 auto;
    }

    /* Research Report Section Responsive */
    .research-report {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 20px;
        margin: 0 auto;
    }

    .research-report-content {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
    }

    .research-report-content h4 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 20px;
    }

    .research-report-content p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 25px;
    }

    .research-report-img {
        margin: 60px 0px;
        padding: 30px 0px;
        width: 100%;
    }

    .research-report-img img {
        width: 100%;
        height: auto;
    }

    .categories {
        display: inline-block;
        padding: 8px 16px;
        margin-bottom: 15px;
    }


    .left-cont {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }

    .left-cont h2 {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .right-cont {
text-align: left !important;
    }




    /* servcies */

    .pt-sm-40{
        padding-top: 40px !important;
    }

    .br-vertical{
        display: none !important;
    }

    .box h4{
        padding: 20px 0px;
    }

    .box-1{
        width: 50% !important;
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }

    .box {
        width: 100%;
        height: 270px !important;
        border-radius: 20px;
        padding: 20px;}

    .services-lg{
        display: none !important;
    }

    .services-sm{
        display: block !important;
    }

    .in-focus-pos-2 {
        width: 100% !important;
        position: relative;
        right: -15px !important;
    }


            .mobile-wwd {
                display: block;
            }
            
            /* Hide desktop version */
            .desktop-wwd {
                display: none;
            }
            
            .service-1 {
                width: 100%;
                height: auto;
                position: relative;
            }

            .service-1 img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }



            .Elec-Gov {
                font-size: 32px;
                line-height: 40px !important;
            }

            .Elec-Gov-p {
                font-size: 20px !important;
            }

            .Elec-Gov-right-box {
                padding-top: 0px !important;
                max-width: 100% !important;
            }

            

            .Elec-Gov-right-box-p {
                font-size: 16px;
                line-height: 28px;
            }

            .WWD-box {
                padding: 20px;
                margin-top: 30px;
            }

            .wwd-content-box {
                width: 100%;
                margin-bottom: 20px;
            }

            .WWD-box-h4 {
                width: 100%;
                font-size: 20px;
                line-height: 1.4;
            }

            .WWD-box-p {
                width: 100%;
                font-size: 16px;
                line-height: 1.6;
            }

            .d-flex.js.al.mb-30 {
                flex-direction: column;
                gap: 20px;
            }

            .gap-80 {
                gap: 20px;
            }
            
           

            /* New styles for In Focus section on mobile */
            .in-focus-1 {
                position: relative;
                margin-bottom: 30px;
            }

            .in-focus-text {
                padding: 20px;
                border-radius: 10px;
                position: relative;
                margin-top: 40px;

              
            }
            
                        .in-focus-text-2 {
                padding: 20px !important;
                position: relative !important;
              
            }

            .in-focus-pos {
                position: relative;
                width: 100% !important;
                height: auto;
                right: 42px;
                top: 70px;
                z-index: 1;
            }

            .in-focus-pos img {
                width: 100%;
                height: auto;
                object-fit: cover;
            }



            .branch-line {
                position: absolute;
            }

            .oval-button {
                position: absolute;
                top: -15px;
                left: 90px;
                z-index: 2;
                border-radius: 20px;
                padding: 5px 15px;
                font-size: 14px;
                font-weight: 500;
            }

            .in-focus-text h4 {
                font-size: 24px;
                line-height: 1.4;
                margin-top: 10px;
                margin-bottom: 0;
            }

            .in-focus-text p {
                font-size: 16px;
                line-height: 1.5;
                margin-top: 10px;
            }


            /* Style for second in-focus item */
            .in-focus-2 {
                margin-top: 30px !important;
                position: relative;
            }



            .in-focus-pos-2 img {
                   border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
                width: 100%;
                height: auto;
                object-fit: cover;
            }
                        .in-focus-text-2 h4 {
                            padding-top: 0px !important;
                font-size: 24px;
                line-height: 1.4;
                margin-top: 10px;
                margin-bottom: 0;
            }

            .in-focus-text-2 p {
                font-size: 16px;
                line-height: 1.5;
                margin-top: 10px;
            }
    
    .ga-lg-view-hero {
        display: none !important;
    }

    .ga-sm-view-hero {
        display: block !important;
    }


    .ga-os-text-box h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    .ga-energy-justice-wrapper {
        gap: 0px !important;
        flex-direction: column;
    }

    .ga-content {
        width: 100%;
    }

    .ga-heading {
        margin-left: 0;
        font-size: 28px;
        text-align: left;
    }

    .ga-paragraph-1,
    .ga-paragraph {
        margin-left: 0;
        font-size: 16px;
        line-height: 1.6;
    }

    .ga-div-flote {
         margin-bottom: -130px !important;
        width: 75%;
        height: auto;
        padding: 20px 3px;
    }

    .ga-w-80 {
        width: 100%;
    }

    .ga-values-grid {
        flex-direction: column;
        gap: 10px;
    }

    .ga-value-item {
        width: 100%;
    }

    .ga-value-item h3 {
        font-size: 24px;
    }

    .ga-value-item p {
        line-height: 28px !important;
        font-size: 16px;
    }


    .ga-card-div {
        flex-direction: column;
        align-items: center;
    }

    .ga-our-ny-timeline-container:before {
        left: 30px;
    }
    
    .ga-our-ny-marker-container {
        flex: 0 0 60px;
        justify-content: flex-start;
        padding-right: 0;
    }
    
    .ga-our-ny-timeline-marker {
        right: auto;
    }
    
    

    .ga-orange-badge {
        right: 70%;
        top: -69px;
    }

    .ga-vertical-line {
        width: 2px;
        height: 45px;
        background-color: #4A7DAE;
        margin: 0 auto;
        position: relative;
        top: 1px;
    }

    .ga-paragraph-1 {
        margin-right: 0;
    }

    .ga-circle-top-left img {
        height: 45px;
    }

    .ga-circle-bottom-right img {
        height: 85px;
    }

    .ga-circle-bottom-right {
        width: 60px;
        height: 90px;
        top: 60%;
        right: -9px;
    }

    .ga-ourvalue {
        font-size: 40px !important;
        margin: 0;
        font-weight: 400;
    }

    .ga-pt-50 {
        padding-top: 25px;
    }

    .ga-os-para-3 {
        padding-top: 15px;
        padding-bottom: 20px;
        font-size: 24px;
        font-weight: 400;
    }


    .ga-container {
        width: 95%;
    }



    .ga-os-text-box {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .ga-os-text-box h1 {
        font-size: 40px;
    }

    .ga-os-image-box {
        width: 100%;
        text-align: center;
    }

    .ga-os-image-box img {
        max-width: 100%;
        height: auto;
    }



    .ga-content {
       padding: 0;
    }

    .ga-heading {
        margin-bottom: 15px !important;
        font-size: 24px;
        line-height: 1.3;
    }

    .sm-cover{
        padding-top: 40px;
        background-color: white !important;
      padding-bottom: 30px;
    }
    
    .ga-paragraph {
        padding-left: 120px;
        font-size: 16px;
        line-height: 1.6;
    }



    .ga-values-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ga-value-item h3 {
        font-size: 24px;
    }

    .ga-value-item p {
        font-size: 16px !important ;
    }

    .ga-card-div {
        flex-direction: column;
        gap: 20px;
    }

    .ga-card {
        display: block;
        width: 100%;
        padding: 30px;
    }

    .ga-border-right-ourstory-sp {
        border-right: 2px solid #4A7DAE;
        position: absolute;
        height: 48px;
        bottom: -74.5%;
        left: 16%;
        z-index: 9999;
    }


    .bdp-const {
        margin-top: 20px !important;
    }

    .bdp-content p {
        font-size: 16px;
        line-height: 28px;
        margin: 10px 0;
        color: #333333;
        font-weight: 400;
    }

    .bdp-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .bdp-heading {
        margin-bottom: 10px;
        font-size: 32px;
    }

    .bdp-label {
        margin-bottom: 5px;
        padding-left: 18px;
    }


    /* Blue Section Box */
    .blu {
        padding: 20px;
        margin: 20px 0;
        border-radius: 8px;
    }

    /* Quote Box */
    .quotes {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .bdp-w-p {
        width: calc(100% - 30px);
    }

    /* Card Layout */
    .bpd-card {
        padding: 15px;
        margin: 15px 0;
        border-radius: 8px;
    }



    .bdp-w-p {
        font-size: 15px;
        line-height: 1.7;
        padding: 0 12px;
        color: #000;
        display: block;
        visibility: visible;
    }

    .bdp-heading {
        margin-bottom: 10px !important;
        font-size: 28px;
        line-height: 1.4;
        padding: 0 15px;
        color: #000;
        display: block;
        visibility: visible;
    }

    .bdp-byline {
        margin-bottom: 10px !important;
        font-size: 16px;
        padding: 0 15px;
        color: #333333;
        display: block;
        visibility: visible;
    }

    .bdp-date {
        font-size: 12px;
        padding: 0 15px;
        color: #111111;
        display: block;
        visibility: visible;
    }

figcaption,.bdp-caption,
    .bdp-caption-2 {
        font-size: 12px;
        padding: 0 15px;
        color: #333;
        display: block;
        visibility: visible;
        margin-bottom: 0px;
    }

    /* Blue Section Small Screen */
    .mt-120.mb-40 {
        margin: 20px 0;
        padding: 0 15px;
        display: block;
        visibility: visible;
    }

    .quotes {
        width: 16px;
        height: 16px;
        top: -8px;
        display: block;
        visibility: visible;
    }

    /* Related Posts Adjustments */
    .bpd-card {
        padding: 15px;
    }

    .bpd-title {
        font-size: 18px;
        line-height: 1.4;
    }

    .bpd-author {
        font-size: 16px;
        line-height: 24px;
    }

    .bpd-author-2{
        font-size: 12px;
        line-height: 20px;
        font-weight: 300;
    }

    .bpd-card {
        width: calc(50% - 10px);
        /* 2 cards, accounting for half the 20px gap */
    }

    .osd-slider-lg-view {
        display: none !important;
    }

    .osd-slider-md-view {
        display: block;

    }

     .container{
        padding: 0 1rem;
        width: 100% !important;
     }

    /* Container and Box Sizing */

    .container-fluid,
    .blu,
    .in-blu-zandu,
    .in-blu-in-psd,
    .bdp,
    .bpd-card,
    .bpd-card-content {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 auto;
        position: relative;
    }

    /* Text Container Adjustments */
    .bdp-content,
    .bdp-w-p,
    .bdp-heading,
    .bdp-byline,
    .bdp-date,
    .bdp-caption,
    .bdp-caption-2 {
        padding: 0px 15px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        position: relative;
        display: block;
    }

    /* Blue Section Box */
    .blu {
        padding: 25px;
        margin: 25px 0;
        border-radius: 12px;
        background: #f8f9fa;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        position: relative;
        overflow: hidden;
    }

    /* Quote Box */
    .quotes {
        position: relative;
        width: 24px;
        height: 24px;
        margin-right: 12px;
        display: inline-block;
        vertical-align: top;
        flex-shrink: 0;
    }

    .bdp-w-p {
        display: inline-block;
        width: calc(100% - 36px);
        vertical-align: top;
        margin-left: 0;
        padding-left: 0;
    }



    .bpd-card-content {
        padding: 0;
        position: relative;
    }


    .bdp-w-p {
        font-size: 16px;
        line-height: 1.8;
        margin: 0;
        padding: 0 15px;
        color: #000;
        max-width: 100%;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        text-align: justify;
        position: relative;
        display: block;
        visibility: visible;
        opacity: 1;
    }

    .bdp-label {
        padding: 0 0px !important;
    }

    .bdp-heading {
        font-size: 32px;
        line-height: 40px;
        padding: 0 0px;
        max-width: 100%;
        overflow-wrap: break-word;
        color: #111111;
        margin-bottom: 15px;
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
    }


.bdp-byline{
         font-size: 16px !important;
         color: #333333;
         line-height: 28px !important;
                 padding: 0 0px;
}
    
    .bdp-date {
        font-size: 12px;
        font-weight: 300;
        line-height: 24px;
        padding: 0 0px;
        max-width: 100%;
        color: #111111;
        margin-bottom: 10px;
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
    }

    .bdp-caption,
    .bdp-caption-2 {
        font-size: 12px;
        padding: 0 20px;
        max-width: 100%;
        color: #494949;
        font-style: italic;
        margin: 10px 0;
        display: block;
        visibility: visible;
        opacity: 1;
        position: relative;
    }

    /* Blue Section Improvements */
    .mt-120.mb-40 {
        margin: 0px 0;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        display: block;
        visibility: visible;
    }

    .blu {
        width: 100%;
        padding: 25px;
        box-sizing: border-box;
        overflow: visible;
        background: #f8f9fa;
        border-radius: 12px;
        margin: 0 auto;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        display: block;
        visibility: visible;
    }

    .in-blu-zandu {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        margin: 0 auto;
        display: block;
        visibility: visible;
    }

    .in-blu-in-psd {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        margin: 0 auto;
        display: block;
        visibility: visible;
    }

    .d-flex.gap-20 {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
        visibility: visible;
    }

    .bdp {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        display: block;
        visibility: visible;
    }

    .quotes img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        visibility: visible;
    }


    .short-pic {
        position: absolute;
        right: 1%;
    }

    /* Hide Images in Medium View */
    .sider-img-psd,

    .left-flote-img,
    .left-flote-img-2,
    .left-flote-img-3,
    .left-flote-img-4 {
        display: none;
    }

    /* Related Posts Adjustments */
    .bpd-card {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        margin: 15px 0;
        background: #fff;
        border-radius: 24px;
    }

    .bpd-card-content {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .bpd-title {
        font-size: 20px;
        line-height: 28px;
        padding: 0;
        max-width: 100%;
        color: #333;
        margin-bottom: 10px;
    }


    .bpd-container {
        flex-direction: column;
        gap: 0px;
    }

    .bpd-card {
        width: 100%;
    }

    .nysec-in-blu-oad {
        padding: 60px 60px 60px 60px;
    }

    .nysec-in-blu-in-tac .nysec-quote-text {
        font-size: 24px;
    }

    .nysec-quote-text::before,
    .nysec-quote-text::after {
        font-size: 36px;
    }

    .nysec-quote-icon {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    .nysec-quote-icon img {
        width: 35px;
    }


    .osd-slider-lg-view {
        display: none;
    }

    .osd-slider-md-view {

        display: block;
    }

    .ny-in-blu-oad {
        width: 93%;
        padding: 15px 0px 20px 20px;
        left: 0;
        top: 5px;
        margin: 10px auto;
    }

    .ny-in-blu-in-tac {
        max-width: 100%;
        height: auto;
    }

    .ny-tac h2 {
        font-size: 20px;
    }

    .ny-tac p {
        font-size: 13px;
        line-height: 24px;
    }

    .ny-tac li {
        font-size: 14px;
    }

    .oad-left h1 {
        font-size: 32px;
    }

    /* Main content responsive styles */
    .psd {
        padding: 15px;
    }

    .psd .d-flex {
        flex-direction: column;
    }

    .psd-left,
    .psd-right {
        width: 100%;
        margin: 10px 0;
    }

    .border-psd {
        display: none;
    }

    /* Search bar responsive styles */
    .search-container {
        margin-top: 30px;
        padding: 0 15px;
    }

    .search-box {
        width: 100%;
    }

    /* Updated Data List Section styles for md view */
    .container-fluid.lod {
        padding: 0 20px;
        max-width: 100%;
        overflow: hidden;
    }

    .container-fluid.lod h2 {
        font-size: 24px;
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    .dataset {
        padding: 0px;
        background: #fff;
        border-radius: 8px;
        margin-bottom: 15px;
        width: 100%;
        box-sizing: border-box;
    }

    .dataset h3 {
        font-size: 18px;
        margin-bottom: 16px;
        color: #333;
        line-height: 1.4;
        word-wrap: break-word;
    }

    .dataset .osd-w-para {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin-bottom: 0px;
        width: auto;

    }

    .download-links {
        display: flex;
        flex-wrap: wrap;
        gap: 0px;
        padding: 10px 0;
        width: 100%;
    }

    .download-psd {
        font-size: 16px;
        color: #333;
        display: inline-block;
    }

    .download-psd-subs {
        padding: 6px 12px;
        border-radius: 4px;
        font-size: 14px;
        color: #007bff;
        text-decoration: none;
        transition: all 0.3s ease;
        display: inline-block;
        white-space: nowrap;
    }

    .bdp-border-b {
        margin: 15px 0;
        border-bottom: 1px solid #eee;
        width: 100%;
    }





    /* Open Access Data section responsive styles */
    .oad {
        padding: 20px 15px;
        margin-top: 20px;
    }

    .oad .d-flex {
        flex-direction: column;
        gap: 20px;
    }

    .oad-left {
        width: 100%;
        text-align: start;
    }

    .oad-left h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .oad-left .subtext {
        font-size: 20px;
        line-height: 1;
    }

    .oad .border {
        display: none;
    }

    .oad-right {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .oad-right p {
        text-align: left;
        font-size: 16px;
        line-height: 28px;
        color: #333333;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .link-padding {
        padding: 0px 20px 0px 0px;
    }

    .sider-img-tad {
        height: auto;
        width: auto;
    }

    .falana-osd-2 {
        height: 220px;
    }


    .env-lg-view {
        display: none;
    }

    .env-md-view {
        display: block !important;
    }

    .eny-in-blu-oad {
        padding: 20px 0px 20px 50px;
    }

    .eny-osd-img-part-sec {
        left: -10px;
        border-radius: 0px 24px 24px 0px;
        top: -25px;
        background: #f7dc6f;
        width: 180px;
        height: 235px !important;
        position: absolute;
    }

    .disclaimer-container {
        padding: 24px;
    }

    .disclaimer-heading {
        font-size: 24px;
    }

    .disclaimer-text {
        font-size: 16px;
        line-height: 26px;
    }

    /* Main content responsive styles */
    .psd {
        padding: 15px;
    }

    .psd .d-flex {
        flex-direction: column;
    }

    .psd-left,
    .psd-right {
        width: 100%;
        margin: 10px 0;
    }

    .border-psd {
        display: none;
    }

    /* Search bar responsive styles */
    .search-container {
        padding: 0 15px;
    }

    .search-box {
        width: 100%;
    }

    /* Updated Data List Section styles for md view */
    .container-fluid.lod {
        max-width: 100%;
        overflow: hidden;
    }

    .container-fluid.lod h2 {
        font-size: 32px;
        margin-bottom: 25px;
        text-align: left;
        width: 100%;
        margin: 0;
    }

    .dataset {
        padding-top: 10px;
        background: #fff;
        border-radius: 8px;

        margin-bottom: 15px;
        width: 100%;
        box-sizing: border-box;
    }

    .dataset h3 {
        margin-bottom: 15px !important;
        font-size: 24px !important;
        margin-bottom: 12px !important;
        color: #333;
        line-height: 1.4 !important;
        word-wrap: break-word;
    }

    .dataset .osd-w-para {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin-bottom: 0px;
        word-wrap: break-word;
    }


    .download-psd {
        font-size: 16px;
        color: #333;
        display: inline-block;
    }

    .download-psd-subs {
        padding: 6px 12px;

        border-radius: 4px;
        font-size: 14px;
        color: #007bff;
        text-decoration: none;
        transition: all 0.3s ease;
        display: inline-block;
        white-space: nowrap;
    }

    .bdp-border-b {
        margin: 15px 0;
        border-bottom: 1px solid #eee;
        width: 100%;
    }



    .hr-linebb{
        margin-top: 100px !important;
    }

    .blu {
        position: relative;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin: 0 auto;
    }

    .sider-img-psd-1 {
        width: 100%;
        height: 600px;
        max-height: 300px;
        object-fit: cover;
        display: block;
        margin-bottom: -100px;
    }

    .in-blu-oad {
        background-color: white;
        width: 1070px;
        position: absolute;
        border: 1px solid #5e90c3;
        padding: 20px 0px 30px 130px;
        border-radius: 20px;
        z-index: 1;
        left: 5%;
        top: 7%;
    }

    .in-blu-in-psd {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .in-blu-in-psd .d-flex {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    .in-blu-in-psd .psd {
        padding: 0;
        width: 100%;
    }

    .in-blu-in-psd h2 {
        font-size: 24px;
        margin-bottom: 15px;
        color: #333;
        line-height: 1.3;
    }

    .in-blu-in-psd .psd-w-p {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin: 0;
        padding: 0;
    }

    .tr-pad-40 {
        padding-bottom: 40px !important;
    }

    .mobile-wwd {
        position: relative;
        display: block;
    }

    /* Hide desktop version */
    .desktop-wwd {
        display: none;
    }

    .service-2 {
        width: 100%;
        height: auto !important;
        position: relative;
    }

    .service-2 img {
        width: 100%;
        height: auto;
    }

    .box-top {
        position: relative;
        height: auto !important;
        top: 0;
        left: 0;
        margin: -100px auto 0;
        padding: 20px;
    }
    
    .gap-100{
        gap: 30px;
    }




    .WWD-box {
        padding: 20px;
        margin-top: 30px;
    }

    .wwd-content-box {
        width: 100%;
        margin-bottom: 20px;
    }

    .WWD-box-h4 {
        width: 100%;
        font-size: 20px;
        line-height: 1.4;
    }

    .WWD-box-p {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
    }

    .d-flex.js.al.mb-30 {
        flex-direction: column;
        gap: 20px;
    }

    .gap-80 {
        gap: 20px;
    }

    /* Accordion styles for mobile */
    .accordion {
        padding: 10px 15px;
        border-radius: 24px !important;
        background-color: #f9f7f1;
        margin-top: 20px;
    }

    .accordion-item {
        padding: 15px 0px 10px 0px;
        margin-bottom: 0px;
        border-radius: 8px;
        overflow: hidden;
    }

    .accordion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0px;
gap: 20px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .accordion-header h4 {
        padding-top: 0px !important;
        margin: 0;
        font-size: 24px;
        color: #111111;
        font-weight: 500;
    }

    .accordion-icon {
        transition: transform 0.3s ease;
    }

    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    .accordion-content p {
        margin: 0;
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 28px;
        color: #111111;
    }

    /* .accordion-item.active .accordion-header {
        background: #f8f8f8;
    } */

    .accordion-item.active .accordion-icon {
        transform: rotate(180deg);
    }

   

    .column-3 {
        width: 100% !important;
    }

    .filter-bar {
        display: none !important;
    }

    .search-dropdown {
        width: calc(100vw - 40px);
        right: 4px;
        border-radius: 0;
    }

    .blu-btn {
        text-align: center;
        margin-top: 20px !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: 200px;
        margin: 0;
    }

    .blu {
        padding: 15px;
    }

    .in-blu {
        padding: 15px;
    }

    .in-blu h3 {
        font-size: 32px !important;
        margin-bottom: 20px !important;
    }

    .blu-btn .btn-main {
        margin: 0px !important;
        font-size: 16px;
        padding: 8px 16px;
    }

    .blu {
        padding: 18px !important;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .blu img {
        position: absolute;
        top: 0;
        left: 0;
        width: 70%;
        height: 220px;
        z-index: 1;
    }

    .in-blu {
        position: relative;
        z-index: 2;
        padding: 20px 15px;
        width: 85%;
        box-sizing: border-box;
    }

.team-icn {
    width: 50px !important;
    height: 50px !important;
    position: static !important;
}

    .in-blu-in {
        width: 100%;
        padding: 0;
    }

    .gap-40 {
        gap: 20px !important;
    }

    .blu-png {
        width: 30%;
        display: flex;
        justify-content: start !important;
    }

    .blu-png img {
        position: relative;
        width: 100%;
        height: auto;
        object-fit: contain;
        z-index: 3;
    }

    .in-blu-in p {
        width: 100% !important;
        font-size: 24px;
        text-align: left !important;
        margin-bottom: 15px;
    }

    .ml-b {
        margin-left: 0 !important;
    }



    .gro-cont h3 {
        line-height: 28px;
        font-size: 34px;
    }

    .gro-cont p {
        font-size: 19px;
        padding-bottom: 20px !important;
    }

    .pb-40 {
        padding-bottom: 35px;
    }

    .comp {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        margin-bottom: 30px;
    }

    .right-slide {
        width: 100%;
    }

    .services-mobile {
        display: block !important;
    }

    .services-laptop {
        display: none !important;
    }

    .speaker {
        display: block !important;
    }

    .banner-img img {
        width: 100%;
        height: 100%;
        border-radius: 16px !important;
    }

    .contact-info {
        font-size: 18px !important;
    }

    .agenda-row td {
        font-size: 15px;
    }

    .partners-grid {
        flex-wrap: nowrap !important;
        display: grid !important;
    }

    .scheduleItemsGrid {
        display: block;
    }

    .scheduleInfoCard {
        max-width: inherit;
        margin: 15px 0px 15px 0px;
    }

    .right-section {
        padding-left: 0px;
        padding-top: 130px;
    }

    .left-section {
        flex: inherit !important;
        padding-right: 0px;
        padding-top: 50px;
    }

    .section-divider {
        border: 1px solid #00528d;
    }

    .banner-text {
        bottom: -170px !important;
        display: block;
    }

    .banner-line {
        margin: 20px 0px 20px 0px;
        height: 1px;
    }

    .banner-btn {
        justify-content: center !important;
    }

    .banner-btn a {
        max-width: 350px;
        text-align: center;
        width: 100%;
    }

    .laptop-upevent-view {
        display: none !important;
    }

    .mobile-upevent-view {
        padding-top: 20px !important;
        display: block !important;
    }

    .blog-1 {
        width: 100%;
        padding: 0px !important;
    }

    .blog-2 {
display: none !important;
    }

    .button-blog {
        padding: 10px 20px;
        font-size: 14px;
        min-width: 120px;
        text-align: center;
    }

    .search-container {
        padding: 0 15px;
    }

    .search-box {
        width: 100%;
        padding: 20px 0;
    }

    .search-box input {
        width: 100%;
        padding: 12px 15px;
    }

    .article-card {
        width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .article-card img {
        width: 100% !important;
    }

    .article-content {
        padding-top: 30px !important;
        margin-left: 0px;
        width: 100% !important;
    }

    .article-category {
        margin-bottom: 10px;
    }

    .article-title {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-bottom: 15px !important;
    }
    
        .article-meta h5 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 4px;
    }
    
        .article-meta p{
            font-size: 12px !important;
            line-height: 20px !important;
        }

    .article-meta {
        padding: 0;
        margin-top: 15px;
    }

    .hr-line-blog {
        width: 100% !important;
     margin: 30px auto;
        border-top: 1px solid #e0e0e0;
    }

    .left-cont {
        width: 100%;
    }

    .left-cont h2 {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
    }

    .footer-nowrap {
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        display: flex !important;
        align-items: center !important;
    }

    .footer-nowrap img {
        width: 14%;
    }

    .social-icn {
        font-size: 14px !important;
        width: 35px !important;
        height: 35px !important;
    }

    .ms-205 {
        margin-left: 0px !important;
    }

    /* Header */
    .header-bar {
        flex-direction: column;
        padding: 1rem;
        align-items: center;
    }

    .nav-bar {
        width: 100%;
        margin-top: 1rem;
        display: none;
        /* Hide by default */
    }

    .nav-bar.active {
        display: block;
    }

    .nav-bar ul {
        flex-direction: column;
        gap: 1rem;
        padding: 0;
        margin: 0;
    }

    .dropdown-content {
        position: static;
        width: 100%;
        box-shadow: none;
        padding: 1rem;
        background: #f8f9fa;
        border-radius: 8px;
    }

    /* Hero Section */
    .hero-heading {
        padding-top: 0px !important;
        height: 400px;
        text-align: center;
    }

    .hero-heading h1 {
        font-size: 1.8rem;
        line-height: 1.4;
        margin-bottom: 0.75rem;
        padding: 0 1rem;
    }

    /* Services Section */
    .services-section {
        flex-direction: column;
        width: 100%;
    }

    .services-section-heading {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .services-section-heading h2 {
        line-height: 1.4;
    }

    .services-section-paragraph {
        width: 100%;
    }

    .services-section-paragraph p {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
    }

    .services-card-section {
        flex-direction: column;
        gap: 1.5rem;
        padding: 1rem;
        width: 100%;
    }

    .service-card {
        height: 340px;
        width: 100%;
        max-width: 100%;
        padding: 1.5rem;
        margin: 0 auto;
        text-align: left;
        border-radius: 8px;
    }

    .service-card h3 {
        line-height: 1.4;
        width: 50%;
    }

    .service-card p {
        line-height: 1.6;
        margin-bottom: 1.5rem;
    }

    .btn-outline {
        width: auto;
        min-width: 150px;
        text-align: center;
        display: inline-block;
    }

    /* Events Section */
    .upcoming-evnts {
        margin: 0;
        padding: 2rem 0rem;
        width: 100%;
        overflow: hidden;
    }



    .upcoming-evnts h3 {
        text-align: left !important;
        margin-top: 50px !important;
        font-size: 32px !important;
        line-height: 42px !important;
        padding-top: 1rem !important;
        margin-bottom: 2rem;
        padding: 0 0rem;
    }

    .upcoming-evnts-card {
        padding: 1.5rem;
        margin-bottom: 2rem;
        width: 100%;
        border-radius: 15px;
        position: relative;
    }

    .upcoming-evnts-icn-1,
    .upcoming-evnts-icn-2 {
        width: 24px;
        height: 24px;
        position: absolute;
    }

    .upcoming-evnts-icn-1 {
        left: 0px;
        bottom: 0px;
    }

    .upcoming-evnts-icn-2 {
        right: 0px;
        top: 0px;
    }

    .upcoming-evnts-card h4 {
        font-size: 1.4rem;
        line-height: 1.4;
        margin-bottom: 1rem;
        padding: 0;
    }

    .upcoming-evnts-card p {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
        text-align: left;
        padding: 0;
    }

    .categories {
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
    }

    .d-flex.js.al {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }



    /* Research Report */
    .research-report {
        flex-direction: column;
        margin: 0;
        padding: 2rem 0rem;
        width: 100%;
        overflow: hidden;
    }

    .research-report-content {
        width: 100%;
        text-align: left;
    }

    .research-report-content h4 {
        font-size: 24px !important;
        line-height: 1.4;
        margin-bottom: 1.5rem;
    }



    .research-report-content p {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 1.5rem;
        text-align: left;
    }


    /* Latest News */
    .lastest-news {
        padding: 2rem 0rem;
        width: 100%;
        overflow: hidden;
    }

    .lastest-news h3 {
        font-size: 32px !important;
        line-height: 40px !important;
        padding-top: 20px !important;
        margin-bottom: 2rem;
    }

    .categories-2 {
        margin-bottom: 1rem;
        font-size: 12px !important;
        line-height: 28px !important;
    }

    .d-flex.js.alb {
        flex-direction: column;
    }

    .lastest-heading {
        width: 100%;
        text-align: left;
    }

    .lastest-heading h4 {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
        font-size: 24px !important;
    }

    .lastest-paragraph {
        width: 100%;
        text-align: left;
    }

    .lastest-paragraph p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 1.5rem !important;
    }



    .hr-line {
        margin: 2rem 0;
        width: 100%;
        height: 2px;
    }

    .mt-50 {
        margin-top: 2rem !important;
    }

    .lastest-icn {
        bottom: -16px;
        width: 100%;
        max-width: 100px;
        right: 0%;
    }

    .lastest-icn img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* On the Ground */
    .on-ground-card {
        flex-direction: column;
        gap: 2rem;
        padding: 1rem;
    }

    .on-ground-content {
        padding: 0 !important;
        text-align: left;
    }

    .on-ground-img {
        width: 100% !important;
    }

    .on-ground-img img {
        width: 100%;
        height: auto;
    }

    .on-ground-content {
        width: 100% !important;
    }

    .onthe-ground-icn {
        width: 100%;
        max-width: 60px;
        top: -100px;
    }

    .mt-120 {
        margin-top: 2rem !important;
    }

    /* Updates */
    .updates {
        padding: 1.5rem 0;
        width: 100%;
    }

    .updates-content {
        width: 100%;
        text-align: left;
margin-bottom: 15px;
    }

    .updates-content h4 {
        font-weight: 400;
        font-size: 28px !important;
        line-height: 36px !important;
        margin-bottom: 20px;
        padding: 0 0.5rem;
    }

    .updates-paragraph {
        width: 100%;
        padding: 0 0.5rem;
    }

    .updates-paragraph a {
        text-decoration: none;
        color: inherit;
        margin-bottom: 1rem;
    }

    .updates-paragraph p {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 0.8rem;
    }

    .hr-line-2 {
        display: block;
        width: 100%;
        height: 1px;
    }

    .mt-30 {
        margin-top: 1.5rem;
    }



    /* Data Section */
    .data {
        padding: 1.5rem 1rem;
    }

        .pt-sm-130{
          padding-top: 0px !important;
    }

    .data h4 {
        color: #111111 !important;
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 15px !important;
    }

    .d-flex.js.al.gap-20 {
        gap: 1rem;
        padding: 0;
    }


    .data-card h4 {
        padding-top: 0px !important;
        font-size: 1.1rem;
        margin-bottom: 0.8rem;
    }

    .data-card p {
        font-size: 16px !important;
        width: 60% !important;
        margin: auto;
        line-height: 28px !important;
        margin-bottom: 1.2rem;
    }

    .mt-30 {
        margin-top: 1rem;
    }

    .mb-40 {
        margin-bottom: 1.5rem;
    }

    /* Footer */
    .footer-nav,
    .footer-nav-content {
        width: 100%;
        text-align: left;
    }


    /* Utility Classes */

    .txt-center {
        text-align: center;
    }

    .w-60 {
        width: 100%;
    }

    .mx-auto {
        margin: 0 auto;
    }

    /* Button Adjustments */


    .f-top-h h4 {
        color: #333333 !important;
        font-weight: 500 !important;
        font-size: 24px;
        padding-top: 0px !important;
    }

    .show-bullet li {
        margin-left: 0px;
    }

    .feature_accordion {
        gap: 10px;
    }

    .job-button:first-child {
        border-radius: 0px !important;
    }

    .job-button.active {
        border-radius: 0px !important;
    }

    .accordion_item {
        padding: 5px 36px;
    }

    .acc-1,
    .acc-2 {
        width: 100%;
        text-align: left !important;
    }
    
    
    .acc-2 p{
        font-size: 16px;
        line-height: 28px;
        color: #333333;
        padding-top: 10px;
    }

    .Career-box {
        flex-direction: column;
        gap: 30px;
    }

    .c-box-1 {
        height: 230px !important;
        width: 100%;
        padding: 20px;
    }

    .int-App {
        padding-top: 100px;
        margin-bottom: 30px;
    }

    .int-App h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .int-App p {
        font-size: 16px;
        line-height: 1.6;
    }

    .int-ul {
        margin-bottom: 30px;
    }

    .int-ul h4 {
        padding-top: 0px;
        font-size: 20px;
    }
    
    .int-last a{
          font-size: 16px !important;
        line-height: 28px !important;
    }

    .sub-bullet {
        font-size: 16px !important;
        line-height: 28px !important;
        margin-bottom: 12px;
    }

    .sub-bullet i {
        margin-top: 4px;
        font-size: 14px;
    }

.int-ul{
    padding: 15px 20px 15px 20px !important;
}

    .int-last h4 {
        font-size: 20px;
    }

    .int-last p {
        font-size: 16px;
        line-height: 28px;
    }

    .accordion_item {
        margin-bottom: 15px;
    }

    .accordion_header {
        padding: 15px;
    }

    .form-row {
        flex-direction: column;
        gap: 15px;
    }

    .form-group {
        width: 100%;
    }

    .career-img img {
        width: 100%;
        height: auto;
    }

    .car-p {
        padding: 15px;
    }

    .WWWU {
        text-align: left;
    }

    .acc-3,
    .acc {
        flex-direction: column;
        text-align: left;
        padding: 0 15px;
    }

    .acc-4,
    .acc-5 {
        width: 100%;
        margin-bottom: 20px;
    }

    .line-container {
        margin: 40px 0;
    }

    .oval-button {
        font-size: 14px;
        padding: 8px 16px;
    }

    .branch-line {
        height: 45px;
    }

    /* Job opportunities section styles for md view */
    .feature_accordion {
        padding: 0 20px;
    }

    .accordion_item {
        margin-bottom: 25px;
        border-radius: 8px;
        overflow: hidden;
    }

    .accordion_header {
        padding: 20px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .icon_with_title h4 {
        padding-top: 0px !important;
        font-size: 20px;
        margin: 0;
    }

    .content {
        max-width: 800px;
        margin: 0 auto;
    }

    .job-button-container {
        display: flex;
        margin: 20px 0;
    }

    .job-button {
        padding: 8px 16px;
        font-size: 14px;
        min-width: 120px;
    }

    .tab-content-2 {
        padding: 0 15px;
    }

    .tab-content-2 h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .tab-content-2 p {
        font-size: 15px;
        line-height: 1.6;
    }

    .tab-content-2 ul {
        padding-left: 20px;
    }

    .tab-content-2 ul li {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 20px;
    }


.custom-content h4{
    padding-top: 0px !important;
    padding: 0px !important;
    font-size: 16px !important;
}


.apply-head{
    margin-top: 10px !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    line-height: 28px !important;
}


.apply-para{
       font-size: 12px !important;
        line-height: 20px !important; 
}


.careerfs-12{
            font-size: 14px !important;
color: #000000;
}

.custom-content ul{
    padding-bottom: 15px !important;
}


.custom-content p{
    font-size: 12px !important;
        line-height: 20px !important;
}

.custom-content ol li{
    font-size: 12px !important;
        line-height: 20px !important;
}

    .form-row {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }

    .form-group {
        width: 100%;
    }

    .form-group label {
        display: block;
        margin-bottom: 8px;
        font-size: 14px !important;
    }

    .career-inp {
        width: 100%;
        padding: 10px;
        font-size: 15px;
    }

    .file-upload {
        padding: 20px;
        text-align: center;
        border: 2px dashed #ccc;
        border-radius: 8px;
    }

    .file-upload img {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }


.btn-main-2{
        min-width: 180px !important;
    text-align: center !important;
    padding: 8px 16px;
    font-size: 18px;
}

    .btn-main {
        text-align: center;
        display: inline-block;
        margin-top: 10px;
        padding: 10px 20px;
        font-size: 15px;
        min-width: 120px;
    }

    /* Career image section styles for md view */
    .career-img {
        width: 100%;
        position: relative;
        padding: 0 20px;
        margin: 0 auto;
    }

    .career-in-img {
        position: absolute;
        top: 92%;
        right: 5%;
        width: 12%;
        max-width: 250px;
        z-index: 1;
    }

    .career-in-img img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .car-p {
        margin-top: 80px;
        width: 100% !important;
        font-size: 18px;
        line-height: 1.7;
    }

    .car-p p {
        margin-bottom: 20px;
        text-align: left;
    }
}


/* Medium screens (769px - 1024px) */
@media screen and (min-width: 996px) and (max-width: 1024px) {


    .ga-orange-badge {
        right: 96.5%;
        top: -82px;
    }

    .ga-journey-button {
        display: inline-block;
        width: 163px;
        background-color: #FFD68A;
        color: #000;
        padding: 12px 0;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 20px;
        text-align: center;
    }

    .ga-vertical-line {
        right: -5px;
        width: 2px;
        height: 119px;
        background-color: #4A7DAE;
        margin: 0 auto;
        position: relative;
        top: 1px;
    }

    .ga-container {
        width: 90%;
    }


    .ga-os-text-box h1 {
        font-size: 48px;
    }

    .ga-os-image-box img {
        width: 100%;
    }

    .ga-energy-justice-wrapper {
        padding: 40px;
    }

    .ga-heading {
        font-size: 36px;
        margin-left: 5%;
    }

    .ga-paragraph-1,
    .ga-paragraph {
        font-size: 18px;
        margin-left: 5%;
    }

    .ga-div-flote {
        width: 90%;
    }

    .ga-values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .ga-card-div {
        flex-wrap: wrap;
        gap: 16px;
    }

    .ga-card {
        width: calc(50% - 20px);
        max-width: 320px;
    }

    .ga-posi-absolute {
        bottom: -28%;
    }

    .ga-python {
        margin-top: 190px;
    }

    .ga-circle-top-left img {
        height: 65px;
    }

    .ga-circle-bottom-right img {
        height: 105px;
    }

    .ga-circle-bottom-right {
        width: 90px;
        height: 90px;
        top: 70%;
        right: -15px;
    }

    .ga-ourvalue {
        font-size: 52px;
        margin: 0;
        font-weight: 400;
    }

    .ga-os-para-3 {
        padding-top: 30px;
        width: auto;
        font-size: 25px;
        font-weight: 400;
    }



    .nav-bar ul {
        gap: 1.5rem;
    }

    /* Hero Section */
    .hero-heading {
        text-align: center;
    }


    /* Services Section */
    .services-section {
        width: 100%;
    }

    .services-section-heading {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .services-section-paragraph p {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 2rem;
    }



    .service-card {
        height: 276px;
        width: 100%;
        padding: 2rem;
        margin: 0;
        text-align: left;
        border-radius: 8px;
    }

    .service-card h3 {
        font-size: 1.6rem;
        line-height: 1.4;
        margin-bottom: 1.2rem;
    }

    .service-card p {
        margin-top: 13px !important;
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 2rem;
    }

    .btn-outline {
        width: auto;
        min-width: 150px;
        text-align: center;
        display: inline-block;
    }

    /* Events Section */
    .upcoming-evnts {
        margin: 0 2rem;
        padding: 3rem 0;
        width: 100%;
        overflow: hidden;
    }



    .upcoming-evnts-card {
        padding: 2rem;
        margin-bottom: 3rem;
        width: 100%;
        border-radius: 8px;
        position: relative;
    }

    .upcoming-evnts-icn-1 {
        bottom: 0px;
        left: 0px;
    }

    .upcoming-evnts-icn-2 {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0px;
        right: 0px;
    }



    /* Research Report */
    .research-report {
        flex-direction: row;
        margin: 0 !important;
        padding: 80px 0;
        width: 100%;
        overflow: hidden;
        gap: 2rem;
        align-items: center;
    }


    .research-report-content h4 {
        font-size: 30px;
        line-height: 1.4;
        margin-bottom: 2rem;
        text-align: left;
    }


    .research-report-content p {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 2rem;
        text-align: left;
    }



    .research-report-img img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Latest News */
    .lastest-news {
        padding: 3rem 2rem;
        width: 100%;
        overflow: hidden;
    }


    .lastest-heading {
        flex: 1;
        text-align: left;
    }


    .lastest-paragraph {
        flex: 1;
        text-align: left;
    }


    .mt-50 {
        margin-top: 3rem;
    }


    .lastest-icn img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* On the Ground */
    .on-ground-card {
        gap: 3rem;
    }

    /* Updates */
    .updates {
        padding: 2.5rem 2rem;
    }

    /* Data Section */
    .data {
        padding: 2.5rem 2rem;
    }



    .data-card {
        min-width: calc(50% - 1rem);
    }

    .data-card h4 {
        font-size: 1.3rem;
        margin-bottom: 1.2rem;
    }

    .data-card p {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .mt-30 {
        margin-top: 1.5rem;
    }

    .mb-40 {
        margin-bottom: 2rem;
    }

}



@media (max-width: 1140px) and (min-width: 992px) {
           
    .left-flote-img-2 {
        position: absolute;
        top: 33%;
        right: 1%;
        z-index: -9999;
        overflow: hidden;
    }

    .bdp-w-p {
        width: 834px !important;
        font-weight: 400;
        font-size: 30px !important;
        line-height: 56px;
    }



    .short-pic {
        position: absolute;
        right: 3%;

    }
    
    .short-pic img{
            width: 40px;
    }
    
    .bdp-image-container{
        padding-top: 60px;
    }

    .in-blu-zandu {
        background-color: white;
        max-width: 980px !important;
        position: absolute;
        border: 1px solid #5E90C3;
        padding: 55px 55px 55px 55px;
        border-radius: 20px;
    }
}



@media (min-width: 576px) and (max-width: 996px) {
    .our-publications {
        background-color: #abcedc !important;
        padding: 24px 20px !important;
        width: 100% !important;
    }


    .our-publications-card {
        flex-direction: column !important;
        background: transparent !important;
        padding: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
    }




    .featured {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        margin-bottom: 12px !important;
        display: block !important;
    }



    .publications-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        margin: 0 auto;
    }


    .publication-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 8px 8px 0 0;
    }

    .grid-card-content {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 16px;
    }

    .grid-card-content .date-publication {
        font-size: 14px;
        color: #666;
        margin-bottom: 8px;
    }

    .grid-card-content h3 {
        font-size: 16px;
        line-height: 1.4;
        margin: 0 0 12px;
        color: #000;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex: 1;
    }

    .grid-card-content .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: auto;
    }


    .header-with-icons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .header-with-icons h3 {
        font-size: 24px;
        margin: 0;
    }

    .header-icons {
        display: flex;
        gap: 16px;
        align-items: center;
    }
}


@media (max-width: 768px) {
    
    .ga-paragraph{
        padding-left: 100px;
    }


.ga-our-ny-marker-4{
    top: 615px !important;
}


          .member-card{
        padding-top: 60px;
        display: block;
  }

.member-img::before{
    content: '';
background-color: #CF6737;
    width: 225px;
    height: 450px;
border-radius: 230px 0px 0px 230px;
    z-index: -9999;
    background-repeat: no-repeat !important;
    position: absolute;
    top: -38px;
    left: -8px;
  }

  .member-img::after{
       content: '';
   background-color: #F9DA78;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    z-index: -9999;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50px;
    left: 312px;
  }

    .member-img{
      padding-left: 30px;
    position: relative;
  }


.member-content{
  padding-top: 70px;
}

.member-content p{
    
    font-size: 20px !important;
  padding-bottom: 0px !important;
}

.team-social{
    padding-top: 0px !important;
}

.gro-text p{
    font-size: 16px !important;
    line-height: 28px !important;
}

        .dt-btn {
        transform: translate(-53%, 6px) !important;
    }

        .dt-line {
        left: 11% !important;
        transform: translateY(-40px) !important;
    }

        .up-line {
        left: 13% !important;
        transform: translateY(-30px) !important;
    }

    .gaspy {
    margin-top: 40% !important;
}

    .customoval-button {
        transform: translate(-28%, 0px) !important;
    }

        .fr-btn {
        transform: translate(-31%, 0px) !important;
    }




    .eny-osd-img-part-sec {
        left: -10px;
        border-radius: 0px 24px 24px 0px;
        top: -25px;
        background: #f7dc6f;
        width: 180px;
        height: 265px;
        position: absolute;
    }

    .eny-in-blu-oad {
        width: 85%;
        padding: 15px 0px 20px 20px;
        left: 0;
        top: 0;
        margin: 10px auto;
    }

    .eny-in-blu-in-tac {
        max-width: 100%;
        height: auto;
    }

    .eny-tac h2 {
        font-size: 20px;
    }

    .eny-tac p {
        font-size: 13px;
        line-height: 24px;
    }

    .eny-tac li {
        font-size: 14px;
    }

    .psd-btn-1 {
        padding: 10px 45px;
    }

    .sub {
        font-size: 20px;
    }

    .psd-right p {
        font-size: 16px;
        color: #333333;
        line-height: 28px !important;
    }

    .download-nycontainer {

        padding: 10px 10px 10px 0px;
    }

    .osd-slider-lg-view {
        display: none;
    }

    .osd-slider-md-view {
        display: block;
    }

    .data-slider {
        width: 100%;
        height: 100%;
    }

    .psd h1 {
        margin-bottom: 10px;
        font-size: 32px;
    }

    .dataEntryItem h3 {
        font-size: 24px !important;
    }



    .data {
        padding: 0 0px;
    }

    h4.ms-307 {
        font-size: 28px;
        margin-left: 0 !important;
        text-align: left;
    }

    p.ms-307 {
        margin-left: 0 !important;
    }

    .d-flex.js.al.gap-20 {
        flex-direction: column;
        gap: 15px !important;
    }



    .data-card h4 {
        font-size: 24px;
        margin-bottom: 15px;
        color: #333;
    }


    .data-card p {
        margin-bottom: 20px;
        font-size: 16px;
        width: 60% !important;
        line-height: 28px;
        color: #333;
        margin-bottom: 20px !important;
    }

    .data-card a {
        display: inline-flex;
        align-items: center;
        color: #007bff;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s ease;
    }





    /* Add spacing between cards */
    .data-card+.data-card {
        margin-top: 15px;
    }

    /* Pagination responsive styles */
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    .pagination li {
        margin: 2px;
    }

    /* Social icons responsive */
    .social-icn {
        margin: 0 5px;
    }

    /* Footer address responsive */
    .footer-nav-content span {
        font-size: 14px;
        line-height: 1.5;
    }

    /* Enhanced Data List Section styles for sm view */ 

    .container-fluid.lod h2 {
        line-height: 40px;
        font-size: 32px;
        margin-bottom: 15px;
    }

    .dataset {
        margin-bottom: 30px;
        width: 100%;
        box-sizing: border-box;
    }

    .dataset h3 {
        font-size: 24px;
        margin-bottom: 10px;
        line-height: 1.3;
    }

    .dataset .osd-w-para {
        padding: 0;
        color: #333333;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 0px;
    }

    .download-links {
        gap: 0px;
        width: 100%;
    }

    .download-psd {
        display: block;
        margin-bottom: 5px;
        width: 100%;
    }

    .download-psd-subs {
        display: block;
        width: 100%;
        text-align: left;
        padding: 8px 12px;
        box-sizing: border-box;
    }

    .bdp-border-b {
        margin: 18px 0;
    
    }

    /* Enhanced Disclaimer section styles for sm view */


    .blu {
        margin: 0;
        width: 100%;
    }

    .sider-img-psd-1 {
        max-height: 200px;
        width: 100%;
        margin-bottom: -80px;
    }

    .in-blu-oad {
        width: 95%;
        padding: 20px 15px;
        margin: 0 auto;
        transform: translateY(-50%);
    }

    .in-blu-in-psd .psd {
        padding: 0;
    }

    .in-blu-in-psd h2 {
        font-size: 20px;
        margin-bottom: 12px;
        line-height: 1.3;
    }

    .in-blu-in-psd .psd-w-p {
        font-size: 13px;
        line-height: 1.5;
        margin: 0;
        padding: 0;
    }

    /* Adjust border and shadow for better mobile appearance */
    .border-yellow {
        border: 1px solid rgba(255, 193, 7, 0.2);
    }
}


@media (max-width: 576px) {
    
        .bdp-image{
        height: 200px !important;
        border-radius: 16px !important;
    }
    
    .date h2 {
    font-size: 28px !important;
}

.gre-spa{
       font-size: 14px !important;
        line-height: 28px !important;   
}
    
    .captailize{
        font-size: 12px !important;
        color: #999999 !important;
        line-height: 20px !important;
        
    }
    
    .event-txt p{
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    .event-txt h3{
        padding-bottom: 20px;
    }
    
    .my-50{
    margin-top: 20px;
    margin-bottom: 20px;
}
    
    .ga-values-grid{
        padding-top: 20px !important;
    }
    
        .ga-pt-10{
            padding-top: 145px !important;
        }
    
    .ga-div-flote{
        margin-top: 30px !important;
    }
    
    .search-icon{
        padding: 0 !important;
    }
    
    .sm-40{
        padding-top: 40px;
    }
    
    .ga-our-ny-timeline-container{
        left: 26px;
    }
    
    .bt-line{
        height: 30px;
    }
    
    .dataListFilters{
        gap: 8px !important;
    }
    
    .txt-sm-center{
        text-align: center;
    }

    
    .px-data-0{
        padding: 10px 0px !important;
    }
    
    .in-focus-1 p{
        width: 100%;
    }
    
     .in-focus-pos{
         left: -18px !important;
     }
    
        .gap-100{
            gap: 10px !important; 
        }
    
    .ga-our-ny-marker-4 {
        top: 74.563rem !important;
    }
    
    .ga-our-ny-marker-3{
            top: 63.774rem !important;
    }
    
    .ga-our-ny-marker-1{
        top: 313px !important;
    }
    
    .ga-our-ny-marker-2{
         top: 672px !important;
    }
    
        .ga-paragraph{
        padding-left: 80px !important;
    }
    
    #our-journey-btn{
        width: 130px !important;
    }
    
    .book-cover{
        width: 147px !important;
    height: 171px !important;
}
    
        iframe[src*="youtube.com/embed"] {
    height: 300px !important; /* Adjusted height for mobile */
  }
    
        .left-section{
            padding-top: 0px !important;
        }
    
    .blog-slider{
        height: 200px !important;
    }
    
    .py-sm-0{
        padding-top: 0px !important;
         padding-bottom: 0px !important;
    }
    
    .pm-sm-0{
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    
    .top-circle {
        top: -5%; /* Minimal offset to keep in view */
    }
    .bottom-circle {
        bottom: -5%; /* Minimal offset to keep in view */
    }
    
    .cunter{
        white-space: nowrap;
    }
    
    .w-80{
        width: 100% !important;
    }
    
    
    .dataListEntries{
        gap: 10px;
    }
    
    .pt-80{
        padding-top: 40px !important;
    }
    
    .focus{
        padding-bottom: 0px !important;
    }
    
        .w-772{
            margin-top: 0 !important;
        }
    
    .sm-mt-80{
        margin-top: 80px !important;
    }
    
    .pt-120{
        padding-top: 0vh !important;
    }
    

    
    .WWWU{
                padding-top: 130px;
        margin-top: 250px !important;
    }
    
     .filter-bar select {
        padding: 6px 28px 6px 14px;
        font-size: 13px;
        min-width: 100px;
        background-position: right 12px center;
    }

    .filter-bar select:focus {
        outline: none !important; /* Ensure yellow border is removed on mobile */
        border-color: #00355C !important;
        box-shadow: 0 0 0 2px rgba(0, 59, 92, 0.2);
    }
    
    
    .filter-btn {
        height: 40px !important;
    }
    
    
     .filter-options .filter-btn {
        border: none;
        background: #003B5C;
        color: white;
        border-radius: 20px;
        cursor: pointer;
        font-size: 14px;
        white-space: nowrap;
        text-align: center;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    .filter-options .filter-select {
            padding: 10px 20px;
        border: 1px solid #E5E5E5;
        border-radius: 20px;
        font-size: 14px;
        color: #333;
        background-color: white;
        cursor: pointer;
        min-width: 90px;
        width: 50%;
        text-align: left;
        appearance: none;
        background-image: url('data:image/svg+xml,%3Csvg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 1L5 5L9 1" stroke="%23333333" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
        background-repeat: no-repeat;
        background-position: right 15px center;
        transition: all 0.3s ease;
    }

    .filter-options .filter-select:focus {
        outline: none !important; /* Ensure yellow border is removed on mobile */
        border-color: #00355C !important;
        box-shadow: 0 0 0 2px rgba(0, 59, 92, 0.2);
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 1L9 5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    
    .dropdwn-mnu {
        position: absolute;
top: 30px;
        display: none;
        z-index: 1000;
        width: auto;
        padding: 6px;
        opacity: 0;
        transform: translateY(-15px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        box-shadow: none !important;
    }

    .dropdwn-mnu.show {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }

    .pp {
        display: none;
    }
    
    .publications-grid.shift-down {
        transform: translateY(90px);
    }

    .filter-options {
        gap: 6px;
        padding: 6px;
    }

    .filter-options .filter-select,
    .filter-options .filter-btn {
        font-size: 12px;
    }


    
    .download-nylinks{
        grid-template-columns: repeat(3, 1fr);
}

.download-links a {
    margin-left: 0px !important;
margin-right: 15px !important;
}

     .member-card{
        padding-top: 60px;
        display: block;
  }

.member-img::before{
    content: '';
background-color: #CF6737;
width: 150px;
        height: 300px;
border-radius: 230px 0px 0px 230px;
    z-index: -9999;
    background-repeat: no-repeat !important;
    position: absolute;
    top: -20px;
    left: 8px;
  }

  .member-img::after{
       content: '';
   background-color: #F9DA78;
width: 120px;
        height: 120px;
    border-radius: 100%;
    z-index: -9999;
    background-repeat: no-repeat !important;
    position: absolute;
    top: 50px;
    left: 250px;
  }

    .member-img{
      width: 80%;
    position: relative;
  }

  .member-img img{
  width: 260px !important;
    height: 260px !important;
  }


  .gro-text{
    padding-top: 15px !important;
  }


.member-content{
  padding-top: 40px;
}

.member-content p{
  padding-bottom: 0px !important;
}

        /* .research-report-img::before {
        content: '';
        position: absolute;
        top: 53% !important;
        left: 25% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }

        .research-report-img::after {
        content: '';
        position: absolute;
        bottom: 40% !important;
        left: 25% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    } */

    #our-journey-btn {
        top: 73px !important;
        left: 56% !important;
    }

    .pt-lg-70{
        padding-top: 0px !important;
    }

    .box{
                height: 300px !important;
    }

        .pt-md-100 {
        padding-top: 110px !important;
    }

    .mob-logo {
        width: 40% !important;
    }

        .footer-nowrap img {
        width: 20%;
    }

  .team-tab-link {
    text-align: center;
    width: 100%;
    white-space: nowrap !important;
    padding: 0px 15px !important;
  }

  .team-tab-links{
    overflow-x: scroll !important;
    padding-top: 15px 0 !important;
  }
        .team-icn {
        width: 30px !important;
        height: 30px !important;
        position: static !important;
    }

    .flex-team{
        flex-wrap: wrap !important;
    }

    .nysec-osd-img-part-sec-2 {
    width: 220px !important;
    height: 220px !important;
}

.nysec-osd-img-part-sec{
     width: 220px !important;
    height: 220px !important;
}

.nysec-osd-img-part-sec-3{
      width: 220px !important;
    height: 220px !important;
}

    .bpd-button-2{
            padding: 15px 17px !important;
    }

    
.image-box-bdp{
    padding: 0px 0px !important;
}



.bpd-card{
    padding: 13px !important;
}



        .c-box-1 {
        height: 330px !important;
        width: 100%;
        padding: 20px;
    }

        .tab-content-2 {
        padding: 0 0px;
        }

        .event-bg {
        height: 470px !important;
    }

    .date-responsive {
        width: 24% !important;
        margin: inherit !important;
    }





    .dataListFilterButton{
        font-size: 14px !important;
    }

    .dataListFilters {
        align-items: center;
    display: flex;
}



    .ny-in-blu-oad{
        top: -20px !important;
    }

        .accordion-span{
        color: #666666 !important;
        font-size: 12px;
        line-height: 24px;
        font-weight: 300;
    }

    .pt-sm-0{
        padding-top: 0px !important;
    }

    .gaspy {
    margin-top: 60% !important;
    margin-bottom: 12%;
}

    .hero-abt{
        padding-left: 20px;
    }

    .ground-img{
width: 30%;
    }
    .ground-img img{
        width: 100%;
    }

    .ground-content{
width: 70%;
    }

    .circle-content h3 {
    font-size: 40px !important;
    font-weight: 300 !important;
    margin: 0;
}

.txt-circle {
        font-size: 12px !important;
        width: 90% !important;
        color: #333;
        margin-top: 0px !important;
    }

    .circle-4{
        width: 115px !important;
        height: 115px !important;
    }

    .circle-5 {
        bottom: -53% !important;
        left: 90% !important;
        position: absolute !important;
        width: 124px !important;
        height: 124px !important;
    } 

    .circle-1 {
        width: 145px !important;
        height: 145px !important;
        border-radius: 50% !important;
    }


    .circle-2{
            left: -76% !important;
        width: 115px !important;
        height: 115px !important;
    }

        .circle-3 {
        bottom: -55% !important;
        left: -70% !important;
        position: absolute !important;
        width: 120px !important;
        height: 120px !important;
    }

        .d-grid {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
}

    .pt-170 {
    padding-top: 110px !important;
}


.on-ground-img{
    order: 1 !important;
}

.on-ground-content{
    order: 2 !important;
}



.txt-carrer{
    font-size: 16px;
    line-height: 28px;
}

        .c-box-1 p {
        font-size: 16px;
        line-height: 28px;
    }

    .WWWU p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 28px;
}

    .c-box-1 h4 {
        padding-top: 0px !important;
        font-size: 24px;
    }
    
        .WWWU p{
            padding-top: 10px !important;
        }

        .car-p p {
            color: #333333;
        margin-bottom: 20px;
        text-align: left;
        font-size: 16px;
        line-height: 28px;
    }

    .acc-5 p{
    line-height: 28px;
    font-size: 16px;
}

        .job-button-container {
        display: flex;
        gap: 0px !important;
        margin: 20px 0;
    }

        .job-button {
        padding: 10px 8px;
        font-size: 14px;
        min-width: 120px;
    }

    .owl-carousel1 .owl-dots {
        width: 10%;
        position: relative;
        left: 37%;
        top: 35px;
    }

    .eventPhotosHeading h2{
        margin-left: 0px !important;
    }

    .title {
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 56px;
    margin-bottom: 5px;
}

.header{
    display: block !important;
}

    .owl-carousel1 .owl-dots{
        width: 50%;
    }

    .custom-nav-1 button.custom-prev-1 {
    position: absolute;
    left: 0% !important;
    }

    .custom-nav-1 button.custom-next-1 {
    position: absolute;
    right: 0% !important;
}



        .ga-os-fs-28 {
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 32px !important;
        margin-bottom: 20px;
padding-top: 0px !important;
    }

    .ga-card p {
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
}

        .ga-paragraph-1 {
        margin-right: 0;
        font-size: 16px !important;
        line-height: 28px !important;
    }

 

    .pt-sm-80{
        padding-top: 40px !important;
    }

    .gaspy-1 p {
    line-height: 28px;
    font-size: 16px;
}

    .gaspy-1 h4 {
    font-size: 24px;
    font-weight: 300;
}


    .container-1{
        width: 100% !important;
    }

        .about-card p {
        font-size: 16px;
        width: 100% !important;
        line-height: 28px;
        font-weight: 400;
        color: #333333;
    }

        .about-card h4{
            font-size: 24px !important;
            padding-top: 10px !important;
        }

        .solar p {
        font-size: 16px;
        color: #333333;
        line-height: 28px;
    }


    .ab-top p {
    font-size: 20px;
    padding-top: 15px;
}

    .ab-top h3{
        font-size: 32px !important;
        line-height: 40px;
    }

    .mt-70{
        margin-top: 30px !important;
    }

    .dataEntryDownload{
        font-size: 18px !important;
    }


.dataListFilterButton {
    padding: 8px 25px;
}

    .dataListHeading h2 {
    line-height: 40px;
    font-size: 32px;
}

    .download-nylabel{
        font-size: 16px !important;
        margin-bottom: 15px;
    }

.download-nylinks{
    margin-top: 5px !important;
}

    .download-nylinks a {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.ny-border-yellow {
    border: 0.094rem solid #F7DC6F;
}

    .dataset p{
        font-size: 16px;
        padding-bottom: 15px;
         padding-top: 15px;
    }

    .dataset span {
        margin-top: 15px;
    font-size: 16px !important;
    line-height: 24px;
    color: #666666;
}

    .box-1 h3{
        font-size: 32px !important;
        line-height: 40px !important;
        width: 60%;
    }


        .custom-branchline{
            left: 16% !important;
        }

    footer{
        padding: 40px 0px !important;
    }

    .footer-nav-content h4{
        padding-top: 0px !important;
        margin-top: 0px !important;
    }



        .data-card h4{
            padding-top: 0px !important;
        }

        .updates-paragraph p{
            font-size: 16px;
            line-height: 28px;
        }
        
        
            .data h4{
                font-size: 25px !important;
                line-height: 36px !important;
            }

        .otg-btn {
        transform: translate(-50%, -55px) !important;
        left: 50% !important;
    }

        .otg-branchline {
        transform: translateY(-100px) !important;
        left: 50% !important;
    }

        .lastest-icn{
            bottom: 0px !important;
        }

        .lastest-news{
            padding: 2rem 0 !important;
        }

        .research-report-img{
            margin-bottom: 0px !important;
        }

        .upcoming-evnts h3{
            padding: 0px !important;
        }

            .upcoming-evnts{
                padding: 2rem 0 !important;
            }

        .mt-120 {
        margin-top: 3rem !important;
    }

        /* .branch-line{
            left: 20% !important;
        } */

    .form-row {
        flex-direction: column;
        gap: 5px;
    }
    
    .form-group {
        flex: 1 1 100%;
    }
    
    
    .marr {
        font-size: 13px;
    }

    .hr-linebb{
        margin-top: 0px !important;
    }

    .up-line{
        left: 16% !important;
    }


.dt-line {
        left: 16% !important;
        transform: translateY(-40px) !important;
    }


    .fr-line{
        left: 16% !important;
    }

    

    .hero-heading h1 {
        font-size: 32px;
        line-height: 42px;
        padding-top: 30px;
    }



    .block {
        width: 120px;
        height: 120px;
        object-fit: cover;
    }

    .semi-block {
        width: 50px !important;
        height: 120px !important;
    }

    .ga-heading{
        padding-top: 0px !important;
    }

    .ourstory-line {
               transform: translate(5px, -20px) !important;
    }
    

    .ga-our-ny-timeline-marker {
        right: auto;
    }

        .ourstory-btn {
        transform: translate(-230px, -25px);
    }

    /* services animation */

    .service-animate-btn-2 {
        left: 52% !important;
    }

    .service-animate-line2 {
        left: 70% !important;
    }

.service-animate-btn {
        transform: translate(-5%, 19px) !important;
    }

    .service-animate-line{
        left: 26% !important;
            transform: translateY(-30px) !important;
    }
    

    .in-focus-pos {
        top: 60px !important;
    }

    /* home and animations */

    .customoval-button {
        transform: translate(-48%, 20px) !important;
    }

    .upcoming-evnts-card h4{
        text-align: left !important;
    }

    .upcoming-evnts-card p{
        text-align: left !important;
    }

    .lastest-heading h4{
        padding-top: 0px !important;
    }

    .fr-btn {
        transform: translate(-45%, 0px) !important;
    }

    .up-btn {
        transform: translate(-46%, 12px) !important;
    }

    .dt-btn {
        transform: translate(-46%, 0px) !important;
    }


    /* events */
    .bor-line-mobile{
        margin-left: 0px;
        height: 77px;
        margin-right: 20px;
    }   
    
    
        .scheduleInfoCard{
            padding: 15px 13px 15px 13px !important;
            border-radius: 8px !important;
        }
    
        .scheduleInfoCard p{
            color: #333333 !important;
            font-size: 12px;
        }
    
    .partner-name{
        margin-bottom: 15px !important;
    }
    
    .speaker-heading{
        font-size: 28px;
    }
    
    .left-section p{
        font-size: 16px !important;
        line-height: 28px !important;
    }
    
    .detail-icon{
        font-size: 18px !important;
    }
    
    
    .detail-text{
        font-size: 16px !important;
        line-height: 24px !important;
    }

    /* meet the team */

    .team-container, .team-container2 {
        grid-template-columns: repeat(1, 1fr) !important;
        display: grid !important;
    }

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

    /* RTI DATA */

    .psd h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .dataEntryItem h3 {
        font-size: 18px;
    }






 .d-flex.js.al.gap-20 {
        flex-direction: column;
        gap: 15px !important;
    }

 .data-card {
        width: 100% !important;
        padding: 20px;
        border-radius: 24px;
    }



 .data-card h3 {
        font-size: 18px;
        margin-bottom: 15px;
        color: #333;
    }

 .data-card p {
    width: 100% !important;
        font-size: 14px;
        line-height: 1.5;
        color: #333 !important;
        margin-bottom: 20px !important;
    }

.data-card a {
        display: inline-flex;
        align-items: center;
        color: #007bff;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.3s ease;
    }

.data-card a:hover {
        color: #0056b3;
    }
.data-card i {
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

.data-card:hover i {
        transform: translateX(5px);
    }

    /* Add spacing between cards */
.data-card + .data-card {
        margin-top: 15px;
    }

/* about us */

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

/* By the Numbers Section Small Screen */
.balls {
    min-height: 250px;
}

.fiftyfour {
    max-width: 400px;
}

.fiftyfour img {
    max-width: 150px;
}

.eight, .fortyfour, .thirtyfive, .sixtyone {
    width: 80px;
    height: 80px;
}

.eight img, .fortyfour img, .thirtyfive img, .sixtyone img {
    width: 60px;
    height: 60px;
}

.eight {
    top: 15%;
    left: 5%;
}

.fortyfour {
    top: 25%;
    right: 5%;
}

.thirtyfive {
    bottom: 15%;
    right: 10% !important;
}

.sixtyone {
    bottom: 25%;
    right: 10%;
}

/* Cards Section Small Screen */
.d-flex.js.gap-20,
.d-flex.mt-30.gap-20 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-card {
    padding: 15px;
    width: 100%;
}

.what-icn {
    max-width: 60px;
}



.research-report-content h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.research-report-content p {
    font-size: 14px;
    margin-bottom: 20px;
}


.categories {
    padding: 6px 12px;
    font-size: 12px;
}

.btn-main {
    min-width: 180px !important;
    text-align: center !important;
    padding: 8px 16px;
    font-size: 18px;
}



.branch-line {
    height: 40px;
}

.oval-button {
    font-size: 12px;
    padding: 6px 12px;
}



/* Connect With Us Section Small Screen */
.container-fluid.d-flex.js.al {
    padding: 30px 15px;
    gap: 25px;
}

.left-cont {
    max-width: 100%;
}

.left-cont h2 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
}







/* servcies */

    .box-1{
        width: 100% !important;
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }


    .box-top {
        width: 95%;
        margin-top: -80px;
        padding: 24px;
    }

    .box-top {
height: auto;

}

    .Elec-Gov {
        width: 100%;
        font-size: 32px;
    }

    .Elec-Gov-p {
        margin-top: 16px !important;
        font-size: 20px;
    }

    .Elec-Gov-right-box {
        margin-top: 30px;
    }

    .Elec-Gov-right-box-p {
        font-size: 16px;
        line-height: 28px;
    }

    .WWD-box {
        padding: 15px;
    }

    .WWD-box-h4 {
        font-size: 18px;
    }

    .WWD-box-p {
        font-size: 14px;
    }
    
    .accordion-header h4 {
        font-size: 16px;
    }

    /* Further refinements for smallest screens */
    .in-focus-text{
        padding: 15px;
        margin-top: 70px;
    }
    .in-focus-text-2 {
        padding-top: 15px;
        padding-bottom: 30px;
        margin-top: -20px;
    }



    .in-focus-text h4, .in-focus-text-2 h4 {
        padding-top: 0px !important;
        font-size: 24px;
    }

    .in-focus-text p, .in-focus-text-2 p {
        font-size: 16px;
        line-height: 28px;
    }

    .oval-button {
        font-size: 12px;
        padding: 4px 12px;
    }
    

    .ga-our-ny-timeline-container:before {
        left: 20px;
    }
    
    .ga-our-ny-marker-container {
        flex: 0 0 40px;
    }
    
    .ga-our-ny-timeline-marker {
        width: 12px;
        height: 12px;
    }
    
    .ga-circle-bottom-right {
        width: 60px;
        height: 90px;
        top: 65% !important;
        right: -8px !important;
    }

    .ga-div-flote {
        width: 90%;
        height: auto;
        padding: 20px 3px;
    }



    .ga-bolly {
        margin-top: 30px;
    }

    .ga-orange-badge {
        right: 54%;
        top: -91px;
    }

    .ga-vertical-line {
        width: 2px;
        height: 45px;
        background-color: #4A7DAE;
        margin: 0 auto;
        position: relative;
        top: 1px;
    }

    .ga-circle-top-left img {
        height: 45px;
    }

    .ga-circle-bottom-right img {
        height: 65px !important;
    }

    .ga-circle-bottom-right {
        width: 56px;
        height: 90px;
     top: 70% !important;
        right: -12px !important;
    }

    .ga-ourvalue {
        padding-top: 0px !important;
        font-size: 32px !important;
        margin-bottom: 0px !important;
        font-weight: 400;
    }

    .ga-os-para-3 {
        padding-top: 10px !important;
        font-size: 20px !important;
    }


    .ga-ourstory-slider {
        flex-direction: column;
        padding: 40px 0;
    }

    .ga-os-text-box h1 {
        font-size: 36px;
    }

    .ga-os-para-2,
    .ga-os-para-1 {
        font-size: 21px;
        line-height: 1.4;
    }

    .ga-os-image-box {
        width: 100%;
        position: relative;
    }

    .ga-pt-10 {
        padding-top: 180px;
    }

    .orv-img-small {
        width: 40px;
    }

    .nysec-in-blu-oad {
        padding: 50px 20px 50px 20px;
    }
    

.opd-margin-t{
        margin-top: 75px !important;
        margin-bottom: 45px !important;
    }

    .nysec-in-blu-in-tac .nysec-quote-text {
        font-size:  24px;
        padding-right: 0px;
    }

    .nysec-quote-text::before,
    .nysec-quote-text::after {
        font-size: 30px;
    }

    .nysec-quote-icon {
        width: 20px;
        height: 20px;
        font-size: 12px;
        top: 20px;
        right: 25px;
    }

    .nysec-tac h2 {
        font-size: 20px;
    }

    .nysec-tac p {
        font-size: 14px;
        line-height: 24px;
    }

    .links {
        display: flex;
        flex-wrap: wrap;
     }

     .link-padding-3{
        padding: 10px 0px !important;
     }

    .ny-osd-img-part-sec {
        left: -10px;
        border-radius: 0px 24px 24px 0px;
        top: -50px;
        background: #F7DC6F;
        width: 150px;
        height: 400px;
        position: absolute;
    }

    .oad-left h1 {
        font-size: 32px;
    }

    .ny-in-blu-oad {
        width: 90%;
        padding: 40px 0px 40px 15px;
        border-radius: 24px;
    }

    .ny-in-blu-in-tac {
        height: auto;
    }
    
    .ny-view-more{
        gap: 10px;
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .ny-tac h2 {
        color: #111111;
        line-height: 32px;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ny-tac p {
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 20px;
    }


 .ny-tac ul{
     padding-left: 20px;
 }

    .ny-tac li {
        list-style: square;
        font-size: 16px;
        line-height: 24px;
    }


    .eny-osd-img-part-sec {
        left: -10px;
        border-radius: 0px 24px 24px 0px;
        top: -21px;
        background: #f7dc6f;
        width: 150px;
        height: 271px;
        position: absolute;
    }

    .oad-left h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 12px;
    }

    .eny-in-blu-oad {
        width: 90%;
        padding: 30px 0px 30px 15px;
        border-radius: 24px;
    }

    .eny-in-blu-in-tac {
        height: auto;
    }

    .eny-tac h2 {
        line-height: 32px;
        font-size: 20px;
        padding-bottom: 10px;
    }

    .eny-tac p {
        font-size: 14px;
        line-height: 24px;
    }

    .eny-tac li {
        font-size: 12px;
    }

 



    .accordion-header h4 {
        padding-top: 0px !important;
        font-size: 20px;
    }

   

    h3 {
        font-size: 32px !important;
        line-height: 40px !important;
    }

    .gro-cont h3 {
        font-size: 24px;
    }

    .gro-cont p {
        font-size: 16px;
    }

    .news-title {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .news-meta {
        flex-direction: row;
        gap: 5px;
    }

    .banner-btn a {
        font-size: 14px;
    }

    .banner-hed p {
        font-size: 14px;
    }

    .banner-hed h4 {
        font-size: 14px;
    }

    .right-section {
        padding-top: 200px;
        flex: inherit !important;
    }

    .banner-text {
        bottom: -260px !important;
        display: block;
    }

    .agenda-table {
        display: block;
        /* Allows the table to scroll horizontally */
        overflow-x: auto;
        /* Enables horizontal scrolling */
    }

    /* Optional: Ensure table cells don't shrink too much */
    .agenda-table th,
    .agenda-table td {
        font-size: 12px !important;
        padding: 10px;
        box-sizing: border-box;
        line-height: 20px !important;
    }

    .blog-1 {
        margin-bottom: 0px !important;
        padding: 15px 10px;
    }

    .speaker-cell {
    width: 20% !important;
}

.time-cell {
    width: 10% !important;
}

td:nth-child(2) {
    white-space: normal !important;
}

.event-cell {
    width: 20% !important;}




    .blog-1 h1 {
        font-weight: 400;
        line-height: 20px;
        font-size: 35px;
    }

    .blog-1 p {
        font-size: 24px;
        line-height: 42px;
    }

    .button-blog {
        padding: 8px 15px;
        font-size: 12px;
        min-width: 100px;
    }

    .search-box {
        padding: 15px 0;
    }

    .search-box input {
        padding: 10px;
        font-size: 14px;
    }

    .article-card img {
        height: 233px !important;
        width: 100% !important;
        object-fit: cover;
    }

    .article-category {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .article-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .article-meta {
        margin-top: 12px;
    }

    .article-meta h5 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .article-meta p {
        font-size: 12px;
    }



    .icon_with_title h4 {
        font-size: 18px !important;
    }

        .accordion_item {
        padding: 5px 25px;
    }

    .acc-4 p {
        padding-top: 10px;
        font-size: 20px;
    }

    .car-p {
        margin-top: 50px !important;
    }

    h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .service-card {
                border-radius: 20px;
        padding: 24px 16px;
        height: 400px !important;
    }

        /* .owl-carousel3 .owl-item {
            height: 330px;
        width: 300px !important;
    } */

    .onthe-ground-icn {
        top: -100px;
    }

    .services-section-paragraph p {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        color: #111111;
    }

    .services-section-heading h2 {
        font-size: 32px;
        line-height: 42px;
        font-weight: 400;
    }

    .service-card h3 {
        font-size: 24px !important;
    }

    .service-card p {
        font-size: 20px !important;
    }

    .btn-outline {
        font-size: 16px !important;
    }

    .upcoming-evnts-card h4 {
        font-size: 24px;
        color: #111111 !important;
    }

    .upcoming-evnts-card p {
        font-size: 16px !important;
        line-height: 28px !important;
        text-align: center;
    }

.upcoming-evnts-card span{
    font-weight: 400 !important;
    color: #333333;
    font-size: 12px !important;
    line-height: 28px !important;
}

    .research-report-content h4 {
        padding-top: 0px !important;
        font-size: 24px !important;
    }

    .research-report-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .lastest-news h3 {
        font-size: 20px;
    }

    .lastest-heading h4 {
        margin-bottom: 0px !important;
        font-size: 24px;
    }

    .lastest-paragraph p {
        font-size: 16px !important;
        line-height: 28px !important;
    }

    .on-ground-content h4 {
        padding-top: 0px !important;
        font-size: 24px;
    }

    .on-ground-content p {
        font-size: 16px;
        line-height: 28px;
    }

    .my-30 {
        margin: 12px 0px;
    }

    .our-publications {
        background-color: #abcedc !important;
        padding: 24px 20px !important;
        width: 100% !important;
    }

    .our-publications h3 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        color: #000000 !important;
        font-weight: 500 !important;
    }

    .our-publications p {
        display: none;
    }

    .our-publications-card {
        flex-direction: column !important;
        background: transparent !important;
        padding: 0 !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
    }

    .our-publications-card img {
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        margin: 0 !important;
        display: block !important;
    }

    .card-content {
       
        padding: 16px 0px !important;
        width: 100% !important;
        margin: 0 auto !important;
        text-align: left !important;
    }

    .featured {
         margin-top: 20px !important ;
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #000000 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        margin-bottom: 12px !important;
        display: block !important;
    }

    .card-content h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        color: #000000 !important;
        margin-bottom: 12px !important;
        font-weight: 500 !important;
    }

    .card-content p {
        font-size: 16px !important;
        line-height: 28px !important;
  color: #333 !important;
        margin-bottom: 20px !important;
        display: block !important;
    }



    .publications {
        margin: 24px 0 !important;
    }



    .publications .header h3 {
        font-size: 24px !important;
        margin-bottom: 16px !important;
    }

    .filter-bar {
        display: none !important;
    }

    .publications-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .publication-card {
        padding: 10px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .publication-card img {
        width: 100% !important;
        height: 200px !important;
        object-fit: cover !important;
    }



    .grid-card-content h3 {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .grid-card-content .date-publication {
        font-size: 14px !important;
    }

    .grid-card-content .tags {
        flex-wrap: wrap !important;
        gap: 8px 20px !important;
    }

    .grid-card-content .tags span {
        font-size: 12px !important;
        padding: 4px 8px !important;
    }

    .header-with-icons {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .header-with-icons h3 {
        margin: 0;
        font-size: 24px;
        font-weight: 500;
        line-height: 1;
    }

    .header-icons {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-left: auto;
    }

    .header-icons i {
        font-size: 22px;
        color: #000000;
        cursor: pointer;
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}



@media (max-width: 430px) {

    .custom-branchline {
        left: 22% !important;
    }


        .fr-line {
        left: 22% !important;
    }

        .up-line {
        left: 22% !important;
    }

        .dt-line {
        left: 22% !important;
        transform: translateY(-40px) !important;
    }


    .eny-osd-img-part-sec {
        left: -10px;
        border-radius: 0px 24px 24px 0px;
        top: -28px;
        background: #f7dc6f;
        width: 150px;
        height: 400px !important;
        position: absolute;
    }
}



@media  (max-width:390px) {
    
        .ga-div-flote{
            margin-bottom: -95px !important;
        }
    

        .ga-our-ny-marker-4 {
        top: 74.563rem !important;
    }
    
    
    .ga-circle-bottom-right img {
        height: 40px !important;
    }
    
        .ga-circle-bottom-right {
        width: 56px;
        height: 90px;
        top: 80% !important;
        right: -18px !important;
    }
    
    
        .w-80{
            width: 100%;
        }
        
        .dataListFilterButton{
            font-size: 13px;
        }


.psd-btn-1{
    font-size: 14px;
}

    
        .member-img::before {
        content: '';
        background-color: #CF6737;
        width: 130px !important;
        height: 260px !important;
        border-radius: 230px 0px 0px 230px;
        z-index: -9999;
        background-repeat: no-repeat !important;
        position: absolute;
        top: -20px;
        left: 8px;
    }
    
        .member-img::after {
        left: 200px !important;
    }
    
        .member-img img {
        width: 220px !important;
        height: 220px !important;
    }
    
        .WWWU{
                padding-top: 200px;
        margin-top: 250px !important;
    }
    
        .download-nylinks{
        grid-template-columns: repeat(3, 1fr);
}
    
        .service-animate-btn {
        transform: translate(-5%, 10px) !important;
    }

    .service-animate-btn-2 {
        left: 48% !important;
    }

        /* .research-report-img::after {
        content: '';
        position: absolute;
        bottom: 34% !important;
        left: 21% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }


        .research-report-img::before {
        content: '';
        position: absolute;
        top: 48% !important;
        left: 21% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    } */

        .icon_with_title h4 {
        font-size: 16px !important;
    }

        .job-button {
        padding: 10px 8px;
        font-size: 13px;
        min-width: 120px;
    }

.owl-carousel2 .owl-dots {
        width: 35%;
        position: relative;
        left: 33%;
        top: 32px;
}

    .box-1 h3 {
        font-size: 32px !important;
        line-height: 40px !important;
        width: 100%;
    }

        .ny-osd-img-part-sec {
        width: 150px;
        height: 450px;
    }

    .box {
        width: 100%;
        height: 320px !important;
    }

    .circle-content h3{
        font-size: 35px !important;
    }
    
    .txt-circle{
        font-size: 10px !important;
    }

        .circle-2 {
        left: -76% !important;
        width: 90px !important;
        height: 90px !important;
    }

        .circle-4 {
        width: 100px !important;
        height: 100px !important;
    }

        .circle-5 {
        bottom: -53% !important;
        left: 90% !important;
        position: absolute !important;
        width: 105px !important;
        height: 105px !important;
    }

    .circle-3 {
        bottom: -61% !important;
        left: -75% !important;
        position: absolute !important;
        width: 115px !important;
        height: 115px !important;
    }

        .circle-1 {
        width: 120px !important;
        height: 120px !important;
        border-radius: 50% !important;
    }

    .services-section{
        padding-top: 0px;
    }

        .custom-branchline {
        left: 24% !important;
    }

        .fr-line {
        left: 26% !important;
    }

        .up-line {
        left: 25% !important;
    }

        .dt-line {
        left: 25% !important;
    }


        .service-animate-line {
        left: 30% !important;
    }
    
}


@media(max-width:375px){
    
            .ga-our-ny-marker-4 {
        top: 91.563rem !important;
    }
    

}


@media  (max-width:320px) {

        .member-img img {
        width: 175px !important;
        height: 175px !important;
    }
    
    .member-img::before {
        width: 107px !important;
        height: 215px !important;
    }

        .member-img::after {
        left: 150px !important;
        top: 10px;
    }

            /* .research-report-img::after {
        content: '';
        position: absolute;
        bottom: 25% !important;
        left: 15% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    }


        .research-report-img::before {
        content: '';
        position: absolute;
        top: 40% !important;
        left: 15% !important;
        z-index: -9999;
        background-color: #F9DA78;
        width: 200px;
        height: 200px;
        border-radius: 100%;
    } */

        .in-blu{
            width: 92% !important;
            left: 6% !important;
        }

        .pt-sm-130 {
        padding-top: 165px !important;
    }

        .c-box-1 {
        height: 400px !important;
        width: 100%;
        padding: 20px;
    }

      .speaker-cell {
    width: 32% !important;
}

.time-cell {
    width: 32% !important;
}

td:nth-child(2) {
    white-space: normal !important;
}

.event-cell {
    width: 32% !important;}

        .right-section {
        padding-top: 300px;
        flex: inherit !important;
    }

        .banner-text {
        bottom: -345px !important;
        display: block;
    }

td:nth-child(1) {
    border-left: none !important;
    white-space: normal !important;
}

    .event-txt p {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
}

    .date-responsive {
        width: 32% !important;
        margin: inherit !important;
    }
    
    .pagination{
        padding: 20px 0px !important;
    }

    .ny-osd-img-part-sec {
        width: 150px;
        height: 475px;
    }

        .download-nylinks a {
        font-size: 14px !important;
        font-weight: 500 !important;
    }

    .service-animate-btn-2 {
        left: 45% !important;
    }

    .service-animate-btn {
        transform: translate(-11%, -11px) !important;
    }

        .box {
        width: 100%;
        height: 370px !important;
    }


    .circle-2 {
        left: -67% !important;
        width: 90px !important;
        height: 90px !important;
    }

        .circle-4 {
        width: 90px !important; 
        height: 90px !important;
    }

        .circle-5 {
        bottom: -68% !important; 
        left: 78% !important;
        position: absolute !important;
        width: 120px !important;
        height: 120px !important;
    }

        .circle-1 {
        width: 130px !important;
        height: 130px !important;
        border-radius: 50% !important;
    }

        .circle-3 {
        bottom: -57% !important;
        left: -66% !important;
        position: absolute !important;
        width: 110px !important;
        height: 110px !important;
    }

        .circle-content h3 {
        line-height: 30px !important;
        font-size: 30px !important;
        font-weight: 300 !important;
        margin: 0;
    }

        .txt-circle {
        font-size: 10px;
        width: 90% !important;
        color: #333;
        margin-top: 0px !important;
    }

        .service-card {
        height: 465px !important;
        }

    .services-section{
        padding-top: 70px;
    }

        .custom-branchline {
        left: 28% !important;
    }

        .fr-line {
        left: 30% !important;
    }

        .up-line {
        left: 30% !important;
    }

        .dt-line {
        left: 30% !important;
    }


        .service-animate-line {
        left: 30% !important;
    }

    .data-card{
        height: auto !important;
    }

    .footer-nowrap{
        gap: 0px !important;
    }
    
}




@media screen and (min-width: 500px) and (max-width: 620px) {
    .dropdwn-mnu {
        position: absolute;
        top: 100%;
        right: 24px;
        display: none;
        z-index: 1000;
        width: 480px;
        padding: 8px;
        opacity: 0;
        transform: translateY(-15px);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .dropdwn-mnu.show {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
    .publications-grid.shift-down {
        transform: translateY(50px);
    }

    .filter-options {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .filter-options .filter-btn {
        flex: 0 0 auto;
        min-width: 100px;
    }

    .filter-options .filter-select {
        flex: 1;
        min-width: 140px;
    }
}

@media screen and (min-width: 621px) and (max-width: 768px) {
    .publications-grid.shift-down {
        transform: translateY(60px);
    }
    .dropdwn-mnu {
        position: absolute;
        top: 50px;
        right: 75px;
        display: none;
        z-index: 1000;
        width: 580px;
        padding: 10px;
        opacity: 0;
        transform: translateY(-15px);
        transition: opacity 0.3s ease, transform 0.3s ease;
        box-shadow: none !important;
    }

    .dropdwn-mnu.show {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
}