/* ------------------------------------------------------------------------------------ */
    /* Internal Pages */
    /* ---------------------------------------------------------------------------------------- */

    html,
    body {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
    }

    a {
        font-size: 14px;
        transition: all 0.5s ease;
    }

    /****************************************************
                MISC
*****************************************************/
    :root {
        --mobile-section-title: 23px/35px "brownB";
    }

    a:hover,
    a:focus {
        text-decoration: underline;
    }

    h1,
    h2,
    h3,
    h4 {
        font-family: 'brownB';
    }

    .container {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }



    a:hover,
    a:focus {
        color: #2e2d2c;
        text-decoration: underline;
    }


    .p-0 {
        padding: 0;
    }

    .m-0 {
        margin: 0
    }

    .d-table {
        display: table;
    }

    .d-table-cell {
        float: none;
        display: table-cell;
    }

    .section-title {
        font-size: 34px;
        font-weight: bold;
        text-transform: uppercase;
    }


    /* Global Variables */
    :root {
        --transition-speed: 0.3s;
        --overlay-dark: rgba(0, 0, 0, 0.6);
    }


    .main_banner_image img {
        width: 100%;
    }


    /* .................................Internal Font........................ */

    .region.region-content h1,
    .region.region-content h2,
    .region.region-content h3,
    .region.region-content h4 {
        font-family: 'brownB';
    }

    .career-s5-img-wrapper {
        FONT-FAMILY: 'brownR';
    }





    /* ........................Width 100%............... */

    #notfrontwrap {
        padding: 0 !important;
        padding-bottom: 3em;
    }

    .content {
        padding: 0 49px 10px;
    }

    .sitemap {
        padding: 0 1.5rem;
        overflow-x: auto;
    }

    form#user-login-form {
        padding-left: 3em;
        padding-right: 3em;
        overflow: hidden;
        width: 100%;
    }


    .path-ef8pai-iecaef9rie8ja .form-control {
        width: 85%;
    }

    .region.region-content {
        padding: 0.5em;
    }

    .region.region-content .content,
    .region.region-content .view-content {
        padding: 0.5em 0.5em;
        width: 100%;
        FONT-FAMILY: 'brownR';
    }

    .region.region-content {
        padding: 0.5em;
        padding-left: 1em;
    }

    /* ................................Ad New Content Type Here for Width 100%...................... */

    .page-node-type-csr- .region.region-content .content,
    .page-node-type-csr- .region.region-content .view-content,
    .page-node-type-csr- .region.region-content,
    .page-node-type-internal-landing-page .region.region-content .content,
    .page-node-type-internal-landing-page .region.region-content .view-content,
    .page-node-type-internal-landing-page .region.region-content,
    .path-leadership .region.region-content .content,
    .path-leadership .region.region-content .view-content,
    .path-leadership .region.region-content {
        padding: 0;
    }



    .page-node-type-about-our-leadership- .region.region-content .content,
    .page-node-type-about-our-leadership- .region.region-content .view-content,
    .page-node-type-sectors-of-investment- .region.region-content .content,
    .page-node-type-sectors-of-investment- .region.region-content .view-content {
        padding-left: 0.5em;
    }

    #contentsectionwrap .content p {
        padding-left: 1em;
    }


    /* ...............................Internal pattern................................ */

    #notfrontwrap {
        background: url(/system/files/pattren.png) no-repeat fixed center center / cover;
    }


    /* ............................Internal Page Where Background Image Removed................... */

    .page-node-type-internal-landing-page #notfrontwrap,
    .page-node-type-csr- #notfrontwrap,
    .page-node-type-updates-projects #notfrontwrap,
    .path-leadership #notfrontwrap {
        background: linear-gradient(rgba(255, 255, 255, .5),
                rgba(255, 255, 255, .5)), url(../images/internal.jpg);
    }


    /*.................Start of Standered CSS.......................*/
    /******************************************************************************/
    /* ........................................................................................................... */

    .inner-page time {
        font-weight: bold;
    }

    .region.region-content .content p a {
        color: #2e2d2c;
        text-decoration: underline;
        transition: all 0.6s ease;
    }








    /* ..............................Navbar footer waleed override................ */

    /* .path-frontpage header#navbar{
    position: sticky !important;
} */

    #block-mainnavigation {
        z-index: 99;
    }

    #webform-submission-newsletter-node-52-add-form {
        /* padding: var(--section-spacing) !important; */
    }

    span.customer-service-wrapper {
    font-size: 25px;
    font-family: 'brownB';
    color: white;
}

    .footer .block-webform {
        padding: var(--section-spacing) !important;
    }

    .path-frontpage #webform-submission-newsletter-add-form {
        padding: var(--section-spacing);
    }

    .path-frontpage .block-webform {
        padding: none !important;
    }


    /* ...............WHITE FOOTER.............. */

    #navbar {
        background-color: WHITE;
        border-bottom: 0.3px solid var(--color-dark) ! IMPORTANT;
    }

    .we-mega-menu-ul>.we-mega-menu-li>a,
    .we-mega-menu-ul>.we-mega-menu-li>span {
        color: #000;
    }

    .navbar-we-mega-menu .nav-tabs>li.active>a {
        color: black;
    }

    .navbar-we-mega-menu .nav-tabs {
        padding-top: 0.3em;
    }

    .we-mega-menu-ul .we-mega-menu-submenu-inner .dropdown-menu:hover>a {
        color: white;
    }

    .we-mega-menu-submenu li.we-mega-menu-li.active>.we-megamenu-nolink,
    .we-mega-menu-submenu li.we-mega-menu-li.active>a {
        color: white !important;
        font-weight: bold;
        border-bottom: transparent;
    }





    /*..................Site Map Standered Code....................................*/

    /* .sitemap {
        padding: 0 1.5rem;
        overflow-x: auto;
    }

    .sitemap h2 {
        margin-top: 0;
    }

    .sitemap .caret {
        display: none;
    }

    .sitemap ul {
        list-style-type: disc;
        float: none;
        background: transparent;
        padding: 0 0 0 1.5em;
        margin: 0 !important;
    }

    .site-btn {
        display: block;
        height: 38px;
        width: 113px;
        line-height: 38px;
        border-radius: 5px;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 17px;
        font-family: brownR;
        transition: all 0.5s ease-in-out;
    }

    .site-btn:hover,
    .site-btn:focus,
    .site-btn:active {
        text-decoration: none;
        color: #fff;
        background-color: #1a1a1a;
    }

    .sitemap ul li {
        list-style-image: url('../images/list-bullet.png');
        float: none;
        display: list-item;
    }

    .sitemap ul li a {
        padding: 0;
        font: 16px brownR;
        border-bottom: 1px dashed #0D2738;
        text-decoration: none;
        display: inline-block;
    }

    .sitemap ul li a:hover {
        text-decoration: none;
        background-color: transparent;
        color: #2e2d2c !important;
        font: 16px brownR;
    }

    .sitemap-item ul li ul {
        position: initial;
        display: block;
        border: none;
        border-radius: 0;
        box-shadow: none;
        list-style: circle;
    } */

    .sitemap-item ul li ul li a {
        font-family: 'brownR' !important;
    }

    .path-sitemap .sitemap-item h2 {
        margin-top: 0;
    }

    /*.................BacktoTop & Accescibility Control Resuable Standered Code.......................*/

    body .uwy.userway_p5 .uai {
        top: auto;
        bottom: 76px !important;
        left: 13px;
        right: auto;
    }

    #backtotop {
        bottom: 80px !important;
    }





    /* ............Overide navigation.................... */




    /* .............................................................. */

    /* ----------------------------------------- */
    /* INNER PAGE REUSABLE COMPONENTS */
    /* ----------------------------------------- */


    /*Inner page*/
    .inner-page {
        min-height: calc(105vh - 194.6px);
        padding-bottom: 1em;
        font: 16px brownR;
        line-height: 1.5em;
        background: url(/system/files/womanpattren.png) fixed;
        background-position-x: right;
        background-position-y: 23em;
        background: url(/system/files/womanpattren.png) no-repeat fixed center center /cover !important;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .inner-page #page-title {
        FONT-FAMILY: 'Bebas Neue';
        FONT-WEIGHT: 400;
        LINE-HEIGHT: 1;
        font-size: 50px;
        margin-bottom: 5px;
        border-bottom: transparent;
        text-align: center;
        max-width: 1240px;
        width: 100%;
        margin: 0 auto;
        margin-top: 1em;
    }

    .inner-page h3 {
        color: #3C67AE;
    }

    .inner-page h4 {
        color: #1D2939;
    }

    .inner-page a,
    .inner-page a:hover {
        color: #3C67AE;
        font: 16px brownR;
    }

    .inner-page img {
        /* border-radius: 10px; */
        /*    margin: 0 15px !important;*/
    }

    time {
        font-weight: 600;
    }

    #internal-page-bg {
        background: url('../images/overview-bg.jpg') no-repeat center center/cover fixed;
        height: auto;
        position: relative;
    }

    #internal-page-bg::after {
        content: '';
        display: inline-block;
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.05);
        left: 0;
        top: 48px;
        opacity: 0.75;
        z-index: -1;
    }

    .breadcrumb {
        background: #CDE5F3;
        margin: 0 -15px 5px -15px;
        border-radius: 0;
        padding: 13px 0 11px 29px;
        max-width: 100%;
        font-family: 'brownR';
        width: 100%;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .career-heading {
        font-size: 43px !important;
    }



    .inner-page ul li a {
        /* border-bottom: 1px dashed #2e2d2c; */
        text-decoration: none;
    }

    .inner-page a:hover {
        color: #2e2d2c;
        /* border-bottom: 1px dashed #2e2d2c; */
    }



    .inner-page ul li {
        padding: 0.1em 0;
    }

    .rtecenter {
        text-align: center;
    }

    a {
        color: #0D2738;
    }


    img.image_style_basic {
        margin: 0 15px;
    }

    img.image_style_basic.important_img {
        q margin: 0 15px;
    }

    img.DC_image_style {
        margin: 0 15px;
    }

    /*Breadcrumbs*/
    .inner-page .breadcrumb {
        border-radius: 0;
    }

    ol.breadcrumb a,
    .breadcrumb>.active,
    ol.breadcrumb:hover a {
        /* color: red; */
        /* font-size: 14px; */
        text-decoration: none;
    }


    .inner-page .breadcrumb li a {
        color: #3C67AE;
        font-weight: 700;
        font-family: 'brownR';
        font-size: 16px;
    }

    .inner-page .breadcrumb>li+li::before {
        color: #0D2738;
    }

    /* hide breadcrump */

    .path-useful-links .breadcrumb li:nth-last-child(2) {
        display: none;
    }

    /* .....................Tender Standred View ..................... */

    .views-field-field-filepmdfc a {
        background: url(../images/application-pdf.png) no-repeat center center;
        width: 16px;
        height: 16px;
        display: block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

    /* override tender */
    .views-field-field-filedownload a {
        background: url(/system/files/application-pdf.png) no-repeat center center;
        width: 16px;
        height: 16px;
        display: block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }





    /* overide tender */


    /* ..................Core Team DPP core team std standered.............. */


    /* Our Team Pages */
    .path-our-dgs {}

    .path-our-dgs .view-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .path-our-dgs .view-content::after {
        content: '';
        clear: both;
        display: block;
        height: 0;
    }

    .path-our-dgs .views-row {}

    .view-id-core_team .views-row:first-child {
        width: 100%;
    }

    .team-item {
        display: block;
        padding: 5px;
        text-align: center;
        /* border: 1px solid #ddd; */
        border-radius: 4px;
        /* min-height: 366px;
    max-width: 270px; */
        margin: 0 auto 20px auto;
    }

    .team-item .img {
        width: 150px;
        height: 150px;
        border-radius: 10px;
        margin: 0 auto;
        overflow: hidden;
    }

    .team-item .img img {
        width: 100%;
        height: 100%;
        transform: scale(1);
        transition: all 0.6s ease;
        object-fit: cover;
    }

    .team-item:hover .img img {
        transform: scale(1.2);
    }

    .team-item .body {
        padding: 1em 0.75em;
        color: #2e2d2c;
    }

    .view-our-offices .highp-wrap {
        margin-bottom: 1em;
    }

    .team-item .body .title {
        margin: 0;
        color: #2e2d2c;
        font: 16px brownB;
    }

    .team-item .body .designation {
        margin: 10px 0 0 0;
    }

    .inner-page .view-id-core_team .view-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-decoration: none;
        border-bottom: unset !important;
    }

    a.team_hover:hover {
        text-decoration: none;
    }




    .section-container {
        padding: 3em 0;
    }

    #block-banner2overview .section-container {
        padding: 1em;
    }

    .section-heading {
        font: 36px brownB;
        color: #2e2d2c;
        text-align: center;
        margin-bottom: 0.75em;
    }

    .body_coreteam p {
        font-family: 'brownR';
        color: #194176;
        font-size: 14px;
    }

    /* .section-heading::after {
    content: '';
    display: block;
    height: 5px;
    width: 80px;
    background-color: #2e2d2c;
    margin: 0 auto;
} */

    .white-heading {
        color: #fff;
    }

    .white-heading::after {
        background-color: #fff;
    }



    #block-system-main p {
        text-align: justify;
        line-height: 1.65;
    }



    .viewp_wrap {
        margin-bottom: 1.5em;
    }



    #block-system-main .date-display-single {
        display: block;
        font-weight: bold;
        margin-bottom: 6px;
    }

    .galleryp-image img {
        display: block;
        height: 150px;
        width: 220px;
        max-width: 100%;
        object-fit: cover;
        margin: 0 auto 1em;
    }



    .galleryp-title {
        text-align: center;
    }

    .galleryp-title a {
        display: block;
        height: 20px;
        overflow: hidden;
    }

    .mediap_wrap {
        display: flex;
        margin-bottom: 2em;
    }

    .mediap_img {
        margin-right: 1.5em;
    }

    .viewp-wrap {
        margin-bottom: 2em;
    }

    .galleryp-wrap {
        margin-bottom: 2em;
    }

    .galleryp-img img,
    .video-pgallery iframe {
        display: block;
        height: 175px;
        width: 220px;
        margin: 0 auto 1em;
    }

    .galleryp-title {
        text-align: center;
        height: 39px;
        overflow: hidden;
    }

    .form-item,
    .form-actions {
        margin: 18px 0;
    }

    .form-required {
        color: red;
    }

    #edit-submitted-email {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        vertical-align: middle;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .webform-submit.button-primary.btn.btn-primary.form-submit {
        margin-bottom: 2%;
    }

    /* ...........................Webform for Internal............................ */


    .footer .block-webform {
        background: url(../images/newsletter-bg.png) no-repeat center center;
        background-size: 100% 100%;
        height: auto;
        width: 100%;
        /* padding: var(--section-spacing); */
    }

    .path-frontpage .footer .block-webform {
        padding: unset;
    }

    #webform-submission-newsletter-node-62-add-form {
        padding: var(--section-spacing);
    }

    .footer .block-webform .form-type-email {
        display: inline-block;
    }


    .footer .block-webform .form-actions {
        display: inline-block;
    }



    /* ...............................End Webform Internal............................. */

    /* ....................................end Core team ............................... */

    /* ................................Start Message Page................................ */



    /* ...................................End Message .................................. */


    /*-----------------------------------*/
    /*Article Standered Reuseable*/
    /*-----------------------------------*/
    article[about='/Core_team1'] img {
        height: 150px !important;
        width: 150px !important;
        border-radius: 10px;
    }

    .banner_para p {
        letter-spacing: 1px;
        line-height: 1.3;
        margin-top: 0.3em;
    }

    /*Bulet inner bullet standered bulet std page*/

    /* article .content ul {
    list-style: none;
    color: #333333;
    padding: 0 0 0 1.5em;
    list-style-image: url(/system/files/Vector_1.png);
} */

    article .content ul>li {
        position: relative;
    }

    /* Article Pages */

    article[about='/RegisteredSalesPartners'] .content,
    article[about='/housing-schemes/provisional-planning-permission'] .content,
    article[about='/housing-schemes/technical-approval'] .content,
    article[about='/housing-schemes/technical-approval'] .content,
    article[about='/housing-schemes/final-sanction-granted'] .content {
        overflow-x: auto;
    }



    /* ....................................Gallery Standered Code............................*/


    /* ----------------------------------------- */
    /* Gallery Inner Page Code  */
    /* ----------------------------------------- */

    .view-id-gallery .view-display-id-page_1 .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }

    .inner-page .gallery-title {
        text-align: center;
    }

    .inner-page .gallery-title a {
        /* font: 18px Inria_Reg;
    color: #344054;
    text-decoration: none; */
    }

    /*.gallery-title a:hover {
    font: 18px myriadSB;
    color: #CF7500;
    text-decoration: underline;
}*/

    .inner-page .gallery-wrapper:hover .gallery-title a {
        font: 18px Inria_Bold;
        color: #CF7500;
        text-decoration: underline;
    }

    .inner-page .galleryp-wrap {
        text-align: center;
        margin-bottom: 2em;
    }

    .inner-page .section06 .section-title {
        padding: 0;
    }


    .inner-page .gallery-item .gallery-img {
        height: 372px;
        width: 100%;
        /* display: flex; */
        align-items: center;
        /* overflow: hidden; */
        margin: 0 auto;
        margin-bottom: 1.1em;
    }

    .inner-page .gallery-item .gallery-img {
        height: 120px;
    }

    .inner-page .gallery-wrapper .gallery-img {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }

    .inner-page .gallery-item:hover .gallery-img img {
        /* transform: scale(1.1); */
    }

    .front-section .gallery-item:hover .gallery-img img {
        transform: unset;
    }

    .inner-page .galleryp-image img {
        display: block;
        width: 220px;
        height: 165px;
        margin: 0 auto 1em;
    }

    .inner-page .galleryp-title {
        text-align: center;
    }

    .inner-page .galleryp-title:hover a {
        text-decoration: none;
    }


    .inner-page .viewp-wrap .galleryp-image img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: all 0.6s ease;
    }

    .inner-page .view-gallery.view-id-gallery .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }

    /* .inner-page .view-id-events .view-content {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    border-bottom: unset !important;
} */

    .inner-page .view-id-events .highp-wrap {
        margin-bottom: 15px;
    }

    .inner-page .view-id-events .highlightp-date {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .inner-page .view-id-picture_gallery .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }



    .inner-page .viewp-wrap:hover .galleryp-image img {
        /* transform: scale(1.2); */
        opacity: 0.8;

    }

    .viewp-wrap:hover .galleryp-title a {
        text-decoration: underline;
        color: #1D75BD;
    }



    .inner-page .viewp-wrap .gallery-title {
        font-size: 20px;
        text-align: center;
    }



    .inner-page .view-id-duplicate_of_gallery .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }



    .inner-page .gallery-title {
        text-align: center;
    }

    .inner-page .gallery-title a {
        /* font: 18px myriadSB;
    color: var(--color-dark);
    text-decoration: none; */
    }



    .gallery-wrapper:hover .gallery-title a {
        font-size: 18px;
        color: #0078D4;
        text-decoration: underline;
    }

    .inner-page .gallery-item {
        margin-bottom: 30px;
        padding: 1em;
        border-radius: 10px;
    }

    .galleryp-wrap {
        text-align: center;
        margin-bottom: 2em;
    }

    .gallery-item .gallery-img img {
        transform: scale(1);
        margin: 0;
        transition: all 0.6s ease;
    }

    .gallery-item .gallery-img {
        height: 146px;
        width: 250px !important;
        display: flex;
        align-items: center;
        /* overflow: hidden; */
        margin: 0 auto;
        margin-bottom: 1.1em;
    }

    .gallery-wrapper .gallery-img {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }

    .gallery-item:hover .gallery-img img {
        /* transform: scale(1.1); */
        opacity: 0.8;
    }

    .front-section .gallery-item:hover .gallery-img img {
        transform: unset;
    }

    .galleryp-image img {
        display: block;
        width: 220px;
        height: 165px;
        margin: 0 auto 1em;
    }

    .galleryp-title {
        text-align: center;
    }

    .galleryp-title:hover a {
        text-decoration: none;
    }


    .viewp-wrap .galleryp-image img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: all 0.6s ease;
    }

    .inner-page .view-gallery.view-id-gallery .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }

    .inner-page .view-id-events .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }

    .inner-page .view-id-picture_gallery .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }



    .viewp-wrap:hover .galleryp-image img {
        transform: scale(1.2);

    }

    .viewp-wrap:hover .galleryp-title a {
        text-decoration: underline;
        color: #1D75BD;
    }



    .viewp-wrap .gallery-title {
        font-size: 20px;
        text-align: center;
    }



    /* ...........................Slick Carosal Code Standered ................................ */





    /* ------------------------------------------------------------------------ */
    /* ...............................................End of General Reuseable Components.............................................. */



    /* .....................................section05 Latest Program Section.................................. */

    /**********************End of DC Reuseable Compoennt CSS********************************************************/


    /* ...............................................Start Model override.............................................. */
    /* ----------------------------------------- */
    /* Write OVERRIDE internal main override main */
    /* ----------------------------------------- */

    /* ................About Internal Page CSS page-node-type-internal-landing-page.............. */

    .page-node-type-internal-landing-page .banner-title-wrap {
        position: absolute;
        left: 12%;
        top: 105%;
        border-radius: 10px;
        z-index: 1;
    }


    /* ...........Hide Title - Internal Hide Title........... */

    .page-node-type-internal-landing-page .page-header,
    .page-node-type-csr- .page-header,
    .page-node-type-csr- .breadcrumb,
    .page-node-type-internal-landing-page .breadcrumb {
        display: none;
    }

    /* .........................Hide Title......................... */

    .page-node-type-internal-landing-page #contentsection {
        padding: 0 0px;
    }

    .page-node-type-internal-landing-page .banner_text_wrap {
        background-color: transparent;
        display: block;
        height: 376px;
        width: 66%;
        z-index: 999;
        position: absolute;
        top: 50%;
        left: 28%;
        transform: translate(-50%, -50%);
        border-radius: 10px;
        /* backdrop-filter: blur(4px); */
        z-index: 1;
    }

    .page-node-type-internal-landing-page .banner-wrap .banner-img-wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .page-node-type-internal-landing-page .banner-wrap {
        position: relative;
        width: 100%;
        height: auto;
        /* max-width: 1395px; */
        margin: 0 auto;
    }




    .page-node-type-internal-landing-page span.arrow_btn img {
        width: 30px;
        height: 30px;
    }

    .page-node-type-internal-landing-page .banner-title {
        font-size: 43px;
        color: white;

    }

    .page-node-type-internal-landing-page span.title_2 {
        font-family: 'brownB';
    }

    /* .........section 2 block-aboutariversidesection About us page................. */

    section#block-aboutariversidesection {
        margin-top: -5px;
    }

    .page-node-type-internal-landing-page .main-section {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        gap: 20px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .page-node-type-internal-landing-page .left-side {
        flex: 1;
        padding-top: 7em;
    }

    .page-node-type-internal-landing-page .right-side {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .page-node-type-internal-landing-page .full-image {
        width: 100%;
        height: 653px;
        margin: 0;
    }

    .page-node-type-internal-landing-page .section-title {
        font-size: 43px;
        font-family: 'brownB', sans-serif !important;
        color: var(--color-dark);
        text-transform: uppercase;
        text-align: left;
        margin-bottom: 10px;
    }

    .page-node-type-internal-landing-page .section-description {
        font-size: 20px;
        FONT-FAMILY: 'brownL';
        color: var(--color-dark);
        text-align: left;
        margin-bottom: 20px;
    }

    .page-node-type-internal-landing-page .left-internal {
        display: flex;
        justify-content: space-between;
        gap: 30px;
    }

    .page-node-type-internal-landing-page .left-child,
    .page-node-type-internal-landing-page .right-child {
        flex: 1;
    }

    .page-node-type-internal-landing-page .icon {
        width: 40px;
        height: auto;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .page-node-type-internal-landing-page #block-searchform .icon {
        margin-top: 10px;
    }

    .page-node-type-internal-landing-page .child-title {
        font-size: 19.5px;
        font-family: 'brownR' !important;
        color: var(--color-dark);
        margin-bottom: 5px;
    }

    .page-node-type-internal-landing-page #block-aboutariversidesection .child-title {
        font-family: 'brownB' !important;
    }

    .page-node-type-internal-landing-page .child-description {
        font-size: 16px;
        color: #666666;
        text-align: justify;
    }

    /* ...................End block-aboutariversidesection section 2 about us page................. */

    /* .....................................Start block-views-block-our-leadership-block-1 Section 3 ........................................ */

    #block-views-block-our-leadership-block-1 {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    #block-views-block-our-leadership-block-1 span.blue-text {
        color: #16C0F3;
    }


    #block-views-block-our-leadership-block-1 {
        /* font-family: Arial, sans-serif; */
        color: #fff;
        padding-bottom: 3em;
        padding-top: 1em;
        background-color: #242424;
    }

    /* Gallery Section */
    #block-views-block-our-leadership-block-1 .gallery-section {
        text-align: center;
        padding: 13px 20px;
        PADDING-BOTTOM: 10PX;
        background-color: #242424;
        PADDING-BOTTOM: 2EM;
    }

    /* Title Styling */
    #block-views-block-our-leadership-block-1 .gallery-title {
        font-size: 66px;
        margin-bottom: 20px;
    }

    #block-views-block-our-leadership-block-1 .white-text {
        color: white;
    }



    #block-views-block-our-leadership-block-1 .gallery-description {
        WIDTH: 67%;
        MARGIN: 0 AUTO;
    }

    /* .view-our-leadership .slick-list .slick-track .slick__slide:nth-child(odd) .large-image {
    width: 49% !important;
    height: 326px !important;
} */

    /* Description */
    #block-views-block-our-leadership-block-1 .gallery-description {
        font-size: 19px;
        color: #ffffff;
        margin-bottom: 40px;
        font-family: 'brownR';
        WIDTH: 52%;
        margin: 0 auto;
    }

    /* Slider Container */
    #block-views-block-our-leadership-block-1 .gallery-slider {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        HEIGHT: 340PX;
    }



    #block-views-block-our-leadership-block-1 .slick-center .large-image {
        width: 93% !important;
        height: 367px !important;
    }



    #block-views-block-charhar-bagh-enclave-section-block-1 .slick-center .enclave-img-section-s12,
    #block-views-block-charhar-bagh-enclave-section-block-2 .slick-center .enclave-img-section-s12 {
        width: 97% !important;
        height: AUTO !important;
        padding-top: 0;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .enclave-img-section-s12,
    #block-views-block-charhar-bagh-enclave-section-block-2 .enclave-img-section-s12 {
        HEIGHT: auto;
        width: 82%;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .enclave-img-section-s12,
    #block-views-block-charhar-bagh-enclave-section-block-2 .enclave-img-section-s12 {
        HEIGHT: auto;
        width: 75%;
        margin: 0 auto;
        padding-top: 2EM;
    }

    #block-views-block-our-leadership-block-1 .slider-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    /* Image Box Styling */
    #block-views-block-our-leadership-block-1 .image-box {
        overflow: hidden;
        transition: transform 0.4s ease-in-out;
    }

    #block-views-block-our-leadership-block-1 .small-image {
        width: 30%;
        height: 200px;
    }

    #block-views-block-our-leadership-block-1 .large-image {
        width: 45%;
        height: 537px;
        DISPLAY: FLEX;
        ALIGN-ITEMS: CENTER;
    }

    #block-views-block-our-leadership-block-1 .image-box img {
        width: 65%;
        height: 223px;
        margin: 0 auto;
        object-fit: cover;
        transition: transform 0.4s ease-in-out;
    }

    /* Slider Arrow Buttons */
    #block-views-block-our-leadership-block-1 .slider-controls {
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: space-between;
        transform: translateY(-50%);
    }

    #block-views-block-our-leadership-block-1 .slider-arrow {
        background-color: #333;
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
    }

    #block-views-block-our-leadership-block-1 .slider-arrow:hover {
        background-color: lightvar(--color-primary);
    }

    /* Hover Effect for Images */
    #block-views-block-our-leadership-block-1 .image-box:hover {
        opacity: 0.8;
    }

    /* Enlarged Center Image on Slide */
    #block-views-block-our-leadership-block-1 .center-image img {
        transform: scale(1.2);
    }

    #block-views-block-our-leadership-block-1 .slider-container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: nowrap;
        /* Prevents wrapping to next line */
        gap: 10px;
    }

    #block-views-block-our-leadership-block-1 .image-box img {
        width: 65%;
        height: auto;
        object-fit: cover;
        margin: 0;
        margin: 0 auto;
        display: block;
    }

    /* #block-views-block-our-leadership-block-1 .view-content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
} */


    #block-views-block-our-leadership-block-1 .slider-container a {
        justify-content: center;
        display: flex;
    }


    /* ...........................about us - leadership slick.................. */

    #block-views-block-our-leadership-block-1 .slick-dots li.slick-active button:before {
        opacity: .75;
        color: #5D9C59;
    }

    #block-views-block-our-leadership-block-1 .slick-dots li button:before {
        color: #DDF7E3;
    }

    #block-views-block-our-leadership-block-1 .slick-dots li button::before {
        font-size: 1.2rem;
    }

    #block-views-block-our-leadership-block-1 .slick-dots li button:before {
        content: '-' !important;
        font-size: 80px !important;
    }

    #block-views-block-our-leadership-block-1 .slick-dots li button:before {
        opacity: .9;
    }

    .page-node-type-internal-landing-page nav.slick__arrow {
        top: 59%;
    }

    .page-node-type-internal-landing-page #block-views-block-our-leadership-block-1 nav.slick__arrow {
        top: 48% !important;
    }

    .page-node-type-internal-landing-page .slick-prev.slick-arrow {
        left: 2%;
        right: 73px;
    }

    .page-node-type-internal-landing-page .slick-arrow::before,
    .page-node-type-csr- .slick-arrow::before {
        color: transparent !important;
        background: url(/system/files/Left-Arrow_0.png) no-repeat center center !important;
        left: -2em;
        font-size: 1rem;
        background-size: 50% 50% !important;
    }

    .page-node-type-internal-landing-page .slick-next::before,
    .page-node-type-csr- .slick-next::before {
        color: transparent !important;
        background: url(/system/files/Right-Arrow_0.png) no-repeat center center !important;
        left: -2em;
        background-size: 50% 50% !important;
    }

    /* ......................Slick Override - Slick new arrow......................... */


    #block-views-block-sectors-of-investment-block-4 .slick-next::before,
    #block-views-block-our-leadership-block-1 .slick-next::before,
    #block-views-block-charhar-bagh-enclave-section-block-2 .slick-next::before,
    #block-views-block-charhar-bagh-enclave-section-block-1 .slick-next::before,
    #block-views-block-updates-projects-block-3 .slick-next::before,
    #block-views-block-updates-projects-block-4 .slick-next::before,
    #block-views-block-sectors-of-investment-block-3 .slick-next::before,
    #block-views-block-sectors-of-investment-block-5 .slick-next::before,
    #block-views-block-sectors-of-investment-block-7 .slick-next::before {
        background: url(/system/files/right-arrow.png) no-repeat center center !important;
    }

    #block-views-block-sectors-of-investment-block-4 .slick-prev::before,
    #block-views-block-our-leadership-block-1 .slick-prev::before,
    #block-views-block-charhar-bagh-enclave-section-block-2 .slick-prev::before,
    #block-views-block-charhar-bagh-enclave-section-block-1 .slick-prev::before,
    #block-views-block-updates-projects-block-3 .slick-prev::before,
    #block-views-block-updates-projects-block-4 .slick-prev::before,
    #block-views-block-sectors-of-investment-block-3 .slick-prev::before,
    #block-views-block-sectors-of-investment-block-5 .slick-prev::before,
    #block-views-block-sectors-of-investment-block-7 .slick-prev::before {
        background: url(/system/files/left-arrow%20%281%29.png) no-repeat center center !important;
    }

    /* end slick arrow */




    /* #block-views-block-our-leadership-block-1 nav.slick__arrow {
    display: block;
    position: absolute;
    top: 123%;
    left: -45%;
} */


    /* ..................Center image effect........................ */




    #block-views-block-our-leadership-block-1 .slick-center .large-image {
        width: 67% !important;
        height: 330px !important;
        /* background-color: red; */
    }



    /* .........................................End block-views-block-our-leadership-block-1 Section 3........................................... */

    /* ...........................Start Tab Journey Section #block-ourjourneytabsection */

    #block-ourjourneytabsection .tab_section_overley {
        background-color: #F6F6FF;
        height: 520px;
        width: 100px;
        position: absolute;
        top: 10%;
        width: 55%;
        z-index: -1;
    }

    #block-ourjourneytabsection .tab-section {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2em;
        padding-top: 0.5em;
    }

    #block-ourjourneytabsection .tab-section {
        margin-bottom: 2em;
    }

    #block-ourjourneytabsection .tabs {
        text-align: center;
        width: 100%;
    }

    #block-ourjourneytabsection .tab-btns {
        display: flex;
        justify-content: space-between;
        width: 500px;
        margin-bottom: 1em;
        text-align: center;
        width: 100%;
        max-width: 86%;
        margin: 0 auto;
    }

    #block-ourjourneytabsection div.image img {
        object-fit: cover;
        overflow: hidden;
        width: 100%;
        /* height: 300px; */
    }

    #block-ourjourneytabsection .tab-dot {
        width: 36px;
        height: 35px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 1;
    }

    #block-ourjourneytabsection .tab-dot {
        background-image: url('/system/files/basic_1.png');
        background-position: 14% 4%;
        background-color: WHITE;
        BACKGROUND-REPEAT: NO-REPEAT;
    }

    #block-ourjourneytabsection .section-heading span {
        color: var(--color-dark);
        font-size: 32.5px;
    }

    #block-ourjourneytabsection .main-tab-wrapper .section-heading h2 {
        font-size: 32.5px;
    }

    #block-ourjourneytabsection .tab-images {
        display: flex;
        justify-content: center;
        gap: 1em;
        /* flex-direction: column; */
        margin-top: 2em;
        height: 284px;
    }

    #block-ourjourneytabsection .main-tab-wrapper {
        position: relative;
    }

    #block-ourjourneytabsection .image {
        width: 20%;
        height: 300px;
        display: flex;
        align-items: center;
        padding: 0.5em;
        background-color: transparent;
        transition: all 0.3s ease;
    }

    #block-ourjourneytabsection #tab1:checked~.tab-images #image1 {
        width: 45%;
    }

    #block-ourjourneytabsection input[type="radio"],
    #block-ourjourneytabsection input[type="checkbox"] {
        opacity: 0;
    }

    #block-ourjourneytabsection #tab2:checked~.tab-images #image2 {
        width: 45%;
    }

    #block-ourjourneytabsection #tab3:checked~.tab-images #image3 {
        width: 45%;
    }

    #block-ourjourneytabsection #tab4:checked~.tab-images #image4 {
        width: 45%;
        height: auto;
    }

    #block-ourjourneytabsection #tab5:checked~.tab-images #image5 {
        width: 45%;
    }



    /*........... css to increase size of checked image............... */

    /* 

#block-ourjourneytabsection #tab5:checked ~ .tab-images:checked #image5 img,
#block-ourjourneytabsection #tab5:checked ~ .tab-images:checked #image4 img,
#block-ourjourneytabsection #tab5:checked ~ .tab-images:checked #image3 img,
#block-ourjourneytabsection #tab5:checked ~ .tab-images:checked #image2 img,
#block-ourjourneytabsection #tab5:checked ~ .tab-images:checked #image1 img {
    height: 430px;
}

#block-ourjourneytabsection #tab5:not(:checked) ~ .tab-images:checked #image5 img,
#block-ourjourneytabsection #tab5:not(:checked) ~ .tab-images:checked #image4 img,
#block-ourjourneytabsection #tab5:not(:checked) ~ .tab-images:checked #image3 img,
#block-ourjourneytabsection #tab5:not(:checked) ~ .tab-images:checked #image2 img,
#block-ourjourneytabsection #tab5:not(:checked) ~ .tab-images:checked #image1 img {
    height: 300px;
} */

    /* ............................. */
    #block-ourjourneytabsection {
        position: relative;
    }

    #block-ourjourneytabsection .tab-section::after {
        content: '';
        width: 97%;
        height: 1px;
        background: transparent;
        position: absolute;
        bottom: 0px;
        z-index: 0;
        top: 9.5%;
        left: 50%;
        transform: translateX(-50%);
    }

    #block-ourjourneytabsection .image-js {
        transition: width 0.3s ease, height 0.3s ease;
        /* Smooth resizing */
    }

    #block-ourjourneytabsection .image-container {
        height: 500px;
    }

    #block-ourjourneytabsection .section-heading.para-section {
        width: 50%;
        margin: 0 auto;
        padding-bottom: 1em;
    }


    /* Flex column layout for tab titles and dots */
    #block-ourjourneytabsection .tab-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Style for the tab titles */
    #block-ourjourneytabsection .tab-title {
        font-size: 16px;
        margin-bottom: 10px;
        color: var(--color-dark);
        font-family: 'brownR';
        transition: color 0.3s ease;
        /* Smooth transition for color change */
    }

    /* When a tab is active, change the color of the title and dot */
    #block-ourjourneytabsection #tab1:checked~.tab-btns .tab-item:nth-child(1) .tab-title,
    #block-ourjourneytabsection #tab2:checked~.tab-btns .tab-item:nth-child(2) .tab-title,
    #block-ourjourneytabsection #tab3:checked~.tab-btns .tab-item:nth-child(3) .tab-title,
    #block-ourjourneytabsection #tab4:checked~.tab-btns .tab-item:nth-child(4) .tab-title,
    #block-ourjourneytabsection #tab5:checked~.tab-btns .tab-item:nth-child(5) .tab-title {
        color: var(--color-primary);
        font-size: 19px;
    }


    /* Dot color change when active */
    #block-ourjourneytabsection #tab1:checked~.tab-btns .tab-item:nth-child(1) .tab-dot,
    #block-ourjourneytabsection #tab2:checked~.tab-btns .tab-item:nth-child(2) .tab-dot,
    #block-ourjourneytabsection #tab3:checked~.tab-btns .tab-item:nth-child(3) .tab-dot,
    #block-ourjourneytabsection #tab4:checked~.tab-btns .tab-item:nth-child(4) .tab-dot,
    #block-ourjourneytabsection #tab5:checked~.tab-btns .tab-item:nth-child(5) .tab-dot {
        background-color: var(--color-primary);
        background-image: url('/system/files/hover_1.png');
        background-position: 14% 4%;
        background-color: WHITE;
        BACKGROUND-REPEAT: NO-REPEAT;
    }


    #block-ourjourneytabsection #tab1:checked .para-section p {
        font-size: 18px;
        font-family: 'brownR';
    }

    #block-ourjourneytabsection .section-heading.para-section p {
        font-size: 19px;
    }

    #block-ourjourneytabsection .main-tab-wrapper .section-heading {
        margin-top: 1em;
        margin-bottom: 0;
    }


    /* .................................End */

    /* Start About - RIver Section .block-aboutriversection */

    #block-aboutriversection {
        background-color: white;
        /* border-bottom: 1px solid var(--color-dark); */
    }

    #block-aboutriversection .purpose-values-section {
        position: relative;
        background-image: url(/system/files/River%20front_0.jpg);
        background-size: cover;
        background-position: 50% 0%;
        background-size: 100% 192%;
        padding: 5em 0;
        padding-bottom: 1em;
        padding-top: 9em;
        height: 455px;
    }

    /* #block-aboutriversection .purpose-values-section::after {
    content: '';
    position: absolute;
    bottom: 121px;
    z-index: -1;
    width: 100%;
    height: 20%;
    background: rgba(255, 255, 255, 0.8);
} */

    #block-aboutriversection .box-content {

        text-align: center;
        padding: 2em;
        padding-top: 6em;
        position: relative;
    }

    #block-aboutriversection .box-image {
        width: 88%;
        height: auto;
        object-fit: cover;
        transition: transform 0.4s ease-in-out;
    }

    #block-aboutriversection .box-title {
        font-size: 30px;
        color: var(--color-dark);
        text-transform: uppercase;
        font-family: 'brownB';
        margin-top: 20px;
    }

    #block-aboutriversection .box-paragraph-uppercase {
        font-size: 32px;
        text-transform: uppercase;
        margin-top: 10px;
        color: var(--color-dark);
        font-size: 29px;
        WIDTH: 86%;
        MARGIN: 0 AUTO;
        font-family: 'brownR';
    }

    #block-aboutriversection .box-paragraph {
        font-size: 22px;
        text-transform: none;
        margin-top: 10px;
        color: var(--color-dark);
        WIDTH: 85%;
        MARGIN: 0 AUTO;
        font-family: 'brownR';
    }

    #block-aboutriversection .purpose-box,
    #block-aboutriversection .values-box {
        margin-bottom: 3em;
    }

    #block-aboutriversection .purpose-values-section .col-sm-6 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #block-aboutriversection .purpose-values-section .col-sm-6:hover .box-image {
        /* transform: scale(1.1); */
    }

    #block-ourjourneytabsection .section-heading.para-section {
        font-size: 15px;
        padding-bottom: 4em;
        font-family: 'brownR';
        width: 32%;
        margin-top: 3em;
    }


    /* End About - River Section block-aboutriversection */




    /* ...............................About City Section block-aboutcitysection........................... */

    #block-aboutcitysection {}

    #block-aboutcitysection .city-section {
        display: flex;
        height: 760px;
    }

    #block-aboutcitysection .left-content {
        background-color: #222222;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        HEIGHT: 760PX;
    }

    .city-section .container-fluid,
    .new-city-section .container-fluid {
        padding: 0;
    }


    #block-aboutcitysection .left-inner-content {
        color: white;
        text-align: center;
        padding: 2em;
    }

    #block-aboutcitysection .left-title {
        font-size: 43px;
        font-family: 'brownB';
        color: white;
        margin-bottom: 2em;
        text-align: left;
    }

    #block-aboutcitysection .features-list {
        list-style-type: none;
        padding: 0;
    }

    #block-aboutcitysection .features-list li {
        display: flex;
        align-items: center;
        margin-bottom: 1em;
        background-color: #20272D;
        padding: 0.5em 1em;
        border-radius: 30px;
        transition: background-color 0.3s ease;
    }

    #block-aboutcitysection .feature-icon {
        width: 38px;
        height: 38px;
        margin-right: 10px;
    }

    #block-aboutcitysection .feature-text {
        font-family: 'brownR';
        font-size: 19px;
        color: white;
        text-align: left;
    }

    #block-aboutcitysection .features-list li:hover {
        background-color: #20272D;
    }

    #block-aboutcitysection .right-image {
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        PADDING: 0;
    }

    #block-aboutcitysection .city-img {
        width: 100%;
        height: 760PX;
        object-fit: cover;
        margin: 0;
    }






    /* ........................................End City Section About block-aboutcitysection............................ */

    /* ........................................New City Section About block-aboutsustaindevcitysection............................ */





    #block-aboutsustaindevcitysection .new-city-section {
        display: flex;
        height: 745px;
    }

    #block-aboutsustaindevcitysection .new-left-content {
        background-color: #222222;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        HEIGHT: 745px;
    }


    #block-aboutsustaindevcitysection .new-left-inner-content {
        color: white;
        text-align: center;
        padding: 2em;
        padding-left: 1em;
        padding-right: 1em;
        text-align: left;
    }

    #block-aboutsustaindevcitysection .new-left-title {
        font-size: 38px;
        font-family: 'brownB';
        color: white;
        margin-bottom: 1em;
        text-align: left;
    }

    #block-aboutsustaindevcitysection .city_para_new {
        text-align: left;
        margin-bottom: 2em;
        font-family: 'brownR';
        font-size: 18px;
    }

    #block-aboutsustaindevcitysection .new-features-list {
        list-style-type: none;
        padding: 0;
    }

    #block-aboutsustaindevcitysection .new-features-list li {
        display: flex;
        align-items: center;
        margin-bottom: 1em;
        background-color: navy;
        padding: 0.5em 1em;
        border-radius: 30px;
        transition: background-color 0.3s ease;
    }

    #block-aboutsustaindevcitysection .new-feature-icon {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    #block-aboutsustaindevcitysection .new-feature-text {
        font-family: 'brownR';
        font-size: 19px;
        color: white;
    }

    #block-aboutsustaindevcitysection .new-features-list li:hover {
        background-color: darkvar(--color-primary);
    }

    /* Learn More Button */
    #block-aboutsustaindevcitysection .learn-more-btn {
        background-color: #16C0F3;
        color: var(--color-dark);
        text-transform: uppercase;
        padding: 0.7em 2em;
        border-radius: 30px;
        border: none;
        font-family: 'brownR';
        font-size: 18px;
        margin-top: 1.5em;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    #block-aboutsustaindevcitysection .learn-more-btn:hover {
        text-decoration: none;
    }

    #block-aboutsustaindevcitysection .learn-more-btn:hover {
        background-color: darkvar(--color-primary);
    }

    #block-aboutsustaindevcitysection .new-right-image {
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 746px;
        padding: 0;
    }

    #block-aboutsustaindevcitysection .new-city-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0;
    }





    /* .....................block-aboutgetnewssection About - Get News Signup Searchbar Section..................................... */

    #block-aboutgetnewssection {}

    #block-aboutgetnewssection .news-section {
        background: url('/system/files/06.jpg') no-repeat center center;
        background-size: cover;
        padding: 5em 2em;
        position: relative;
        color: white;
        HEIGHT: 560PX;
    }

    #block-aboutgetnewssection .news-content {
        max-width: 90%;
        text-align: left;
        position: relative;
        padding-top: 5em;
    }

    #block-aboutgetnewssection .news-title {
        font-size: 37.5px;
        font-family: 'brownR';
        text-transform: uppercase;
        margin-bottom: 2em;
        margin-bottom: 0.5em;
    }

    #block-aboutgetnewssection .news-body {
        font-size: 37.5px;
        color: white;
        FONT-FAMILY: 'brownR';
        margin-bottom: 2em;
    }

    #block-aboutgetnewssection .search-bar {
        display: flex;
        align-items: center;
    }

    #block-aboutgetnewssection .search-input {
        font-size: 26px;
        padding: 0.8em 1.5em;
        border: none;
        border-radius: 30px 0 0 30px;
        width: 100%;
        max-width: 350px;
        outline: none;
        color: #000;
        background-color: lightgrey;
    }

    #block-aboutgetnewssection .signup-btn {
        background-color: var(--color-primary);
        border: none;
        padding: 0.8em 1.5em;
        text-transform: uppercase;
        font-family: 'brownB';
        font-size: 26px;
        border-radius: 0 30px 30px 0;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    #block-aboutgetnewssection .signup-btn:hover {
        background-color: #1E90FF;
        /* Darker shade of var(--color-primary) */
    }

    #block-aboutgetnewssection .search-bar input::placeholder {
        color: lightgray;
        font-size: 26px;
    }

    /* About Signup Search Bar div#block-searchform */

    .page-node-type-internal-landing-page div#block-searchform {
        position: absolute;
        top: 96%;
        LEFT: 2%;
        WIDTH: 47%;
    }

    .page-node-type-internal-landing-page div#block-searchform .input-group #edit-keys--2 {
        font-size: 26px;
        padding: 1.8em 1.5em;
        border: none;
        border-radius: 30px 0 0 30px;
        width: 100%;
        max-width: 100%;
        outline: none;
        color: #000;
        background-color: WHITE;
        border-top-left-radius: 80px 80px;
        border-bottom-left-radius: 80px 80px;
    }

    .page-node-type-internal-landing-page div#block-searchform .input-group-btn .btn {
        background-color: var(--color-primary);
        border: none;
        padding: 0.8em 5.5em 0.8EM 1.5em;
        text-transform: uppercase;
        font-family: 'brownB';
        font-size: 26px;
        border-radius: 0 30px 30px 0;
        cursor: pointer;
        transition: background-color 0.3s ease;
        border-top-right-radius: 80px 80px;
        border-bottom-right-radius: 80px 80px;
    }

    #block-aboutgetnewssection .input-group-btn:hover .btn {
        background-color: #1E90FF;
        /* Darker shade of var(--color-primary) */
    }

    .glyphicon-search:before {
        content: "Sign Up";
        font-size: 15px;
        font-family: 'brownB';
        font-size: 32px;
    }






    /* ..............................End About Signup Search bar section.............................. */





    /* ........................................End ............................ */


    /* ..............................................RUDA Start CSR & CSR Initiatives - Internal CSR .page-node-type-csr-.................. */

    section#block-views-block-main-banner-block-1 {
        padding-top: 2em;
    }

    section#block-csrinitiativessection2 {
        padding-top: 2em;
        background-color: var(--color-dark);
    }


    .page-node-type-csr- #block-csrinitiativetopheading .gallery-section {
        TEXT-ALIGN: CENTER;
    }

    #block-csrinitiativetopheading span.blue-text {
        COLOR: var(--color-primary);
    }


    #block-csrinitiativetopheading .gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
    }

    .page-node-type-csr- #block-csrinitiativesection5 .child-description,
    .page-node-type-csr- #block-csrinitiativesection3 .child-description,
    .page-node-type-csr- #block-csrinitiativesection6 .child-description {
        font-family: 'brownL';
    }


    /* ....................................Start CSR Initiative - ............................... */


    .page-node-type-csr-overview {
        background-color: var(--color-dark);
        color: white;
        padding: 2em 0;
        text-align: center;
    }

    .page-node-type-csr-title {
        font-size: 36px;
        font-family: 'brownB';
        width: 50%;
        margin: 0 auto;
        text-transform: uppercase;
    }



    #block-csrsection02 .page-node-type-csr-title {
        width: 55%;
    }

    .page-node-type-csr-paragraph {
        font-size: 22px;
        font-family: 'brownR';
        width: 80%;
        margin: 1.5em auto 0;
        margin-top: 1EM;
        text-align: center;
    }

    .page-node-type-csr-gallery {
        display: flex;
        justify-content: space-between;
        margin: 2em auto;
        padding: 0 10px;
    }

    .page-node-type-csr-box {
        flex: 1;
        margin: 0 1em;
        text-align: left;
        position: relative;
    }

    #block-investmentsection3ppp .page-node-type-csr-overview {
        padding-top: 3em;
    }

    .page-node-type-csr-box img,
    .page-node-type-csr-box h2 {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    h2.page-node-type-csr-image-title {
        FONT-FAMILY: 'brownR';
        FONT-SIZE: 26PX;
    }


    #block-csrinitiativessection2 a.page-node-type-csr-button {
        margin-left: 1em;
    }

    h2.page-node-type-csr-image-title {
        FONT-FAMILY: 'brownR' !IMPORTANT;
    }

    #block-careersection3 h2.page-node-type-csr-image-title {
        margin-top: 1em;
    }

    .page-node-type-csr-box img {
        width: 90%;
        height: AUTO;
        margin-bottom: 0.5em;
    }

    .page-node-type-csr-image-title {
        font-family: 'brownR';
        font-size: 27px;
        color: white;
        margin: 0.5em 0;
    }

    .page-node-type-csr-image-body {
        font-family: 'brownR';
        font-size: 16px;
        padding-bottom: 2em;
        color: white;
        margin: 0 1.2em;
    }

    #block-csrinitiativessection2 .page-node-type-csr-image-body {
        margin-left: 1.5em;
        margin-top: 0.5em;
    }

    #block-mediasection1 .page-node-type-csr-image-body {
        MARGIN: 0 1.5EM;
    }

    .page-node-type-csr-button {
        background-color: var(--color-primary);
        color: var(--color-dark);
        border-radius: 50px;
        padding: 1em 2em;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
        margin-top: 1em;
        font-family: 'brownR';
        margin-bottom: 2em;
    }

    #block-mediasection6 .page-node-type-csr-button {
        padding: 0.3em 1em;
    }



    .page-node-type-csr-button:hover {
        opacity: 0.8;
    }


    /* ..............................CSR Initiative Section 03 ............................. */


    /* .........block-csrinitiativesection3 section 3 .page-node-type-csr- About us page................. */

    section#contentsection {
        padding: 0;
    }


    .page-node-type-csr- .main-section {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        gap: 0px;
        padding-top: 0;
        PADDING-LEFT: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .page-node-type-csr- .left-side {
        flex: 1;
        padding-top: 0em;
        padding-right: 0;
        display: flex;
        align-items: center;
    }

    .page-node-type-csr- .right-side {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .page-node-type-csr- .full-image {
        width: 100%;
        height: auto;
        margin: 0;
    }

    span.blue_heading {
        color: var(--color-primary);
    }

    .page-node-type-csr- .section-title {
        font-size: 34px;
        font-family: 'brownB', sans-serif !important;
        color: var(--color-dark);
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    #block-revivingtheravisection2intro .section-title {
        margin-bottom: 12px !important;
    }

    .page-node-type-csr- .left_internal_wrapper {
        width: 87%;
        padding-left: 2em;
    }

    #block-chaharbaaghsection7aboutus-2 .left_internal_wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .page-node-type-csr- .section-description {
        font-size: 20px;
        FONT-FAMILY: 'brownL';
        color: var(--color-dark);
        text-align: justify;
        margin-bottom: 20px;
        margin-top: 1px;
    }

    .page-node-type-csr- .left-internal {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        margin-top: 2em;
    }

    #block-farmermarketsection7investmentbenefits .left-side-wrapper .left-internal {
        gap: 1px;
    }

    .page-node-type-csr- .left-child,
    .page-node-type-csr- .right-child {
        flex: 1;
    }

    .page-node-type-csr- .icon {
        width: 40px;
        height: auto;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .page-node-type-csr- #block-searchform .icon {
        margin-top: 10px;
    }

    .page-node-type-csr- .child-title {
        font-size: 19.5px;
        color: var(--color-dark);
        margin-bottom: 5px;
    }

    .page-node-type-csr- #block-csrinitiativesection6 .child-title {
        color: white;
    }



    .page-node-type-csr- .child-title {
        font-family: 'brownB' !important;
        text-transform: uppercase;
    }

    .page-node-type-csr- .child-description {
        font-size: 16px;
        text-align: justify;
        margin-bottom: 2em;
    }

    .page-node-type-csr- .dark-section .child-description {
        color: white;

    }

    .page-node-type-csr- .light-section .child-description {
        color: var(--color-dark);
    }

    .page-node-type-csr- p.before_title {
        font-size: 25px;
        margin-bottom: 0;
        font-family: 'brownR';
    }



    .page-node-type-csr- .dark-section p.before_title {
        color: white;
    }

    .page-node-type-csr- .light-section p.before_title {
        color: var(--color-dark);
    }

    .page-node-type-csr- h1.section-title {
        margin-top: 0;
        margin-bottom: 1em;
    }


    /* ...........................Section04........................ */

    .page-node-type-csr- #block-csrinitiativesection4 .main-section,
    .page-node-type-csr- #block-csrinitiativesection6 .main-section,
    .page-node-type-csr- .dark-section.main-section {
        flex-direction: row-reverse !important;
    }

    .page-node-type-csr- #block-csrinitiativesection4 .main-section .left-side,
    .page-node-type-csr- #block-csrinitiativesection6 .main-section .left-side,
    .page-node-type-csr- .dark-section .left-side {
        background-color: var(--color-dark);
        display: flex;
        align-items: center;
    }

    #block-csrinitiativesection4 .left-side-wrapper,
    .page-node-type-csr- .dark-section .left-side {
        width: 80%;
        margin: 0 auto;
    }

    /* .page-node-type-csr- .dark-section .left-side{
        padding-top: 2em;
    } */



    .page-node-type-csr- #block-csrinitiativesection4 .section-description,
    .page-node-type-csr- #block-csrinitiativesection4 h1.section-title,
    .page-node-type-csr- #block-csrinitiativesection6 .section-description,
    .page-node-type-csr- #block-csrinitiativesection6 h1.section-title,
    .page-node-type-csr- .dark-section .left-side h1.section-title,
    .page-node-type-csr- .dark-section .left-side .section-description {
        color: white;
    }

    .page-node-type-csr- #block-csrinitiativesection4 .main-section,
    .page-node-type-csr- #block-csrinitiativesection6 .main-section,
    .page-node-type-csr- .dark-section .left-side {
        flex-direction: row-reverse;
        background-color: var(--color-dark);
    }

    .page-node-type-csr- #block-csrinitiativesection4 .main-section,
    .page-node-type-csr- #block-csrinitiativesection6 .main-section,
    .page-node-type-csr- .dark-section .left-side {
        padding-left: 0;
    }

    .page-node-type-csr- .left-side-wrapper {
        width: 80%;
        MARGIN: 0 AUTO;
    }

    #block-csrsection4 .left-side-wrapper {
        width: 80%;
        MARGIN: 0 AUTO;
    }


    section.main-section.csr-section6 {
        height: 60em;
    }

    #block-investmentsection2ourinvestmentapproach h2.page-node-type-csr-image-title {
        text-align: center;
    }




    /* ..............................CSR New CSR Page path-node page-node-type-csr- ..................................... */


    /* ........................CSR Banner Section 1 Code............................ */


    .page-node-type-csr- .page-node-type-csr-section {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        color: white;
    }

    /* Background image added through HTML tag */
    .page-node-type-csr- .page-node-type-csr-background-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    /* Dark gradient overlay for readability */
    .page-node-type-csr- .page-node-type-csr-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        z-index: 2;
    }

    /* Content container */
    .page-node-type-csr- .page-node-type-csr-content {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 20%;
        z-index: 3;
    }





    /* Title styling */
    .page-node-type-csr- .page-node-type-csr-title {
        font-size: 25px;
        /* margin: 0; */
        font-family: 'brownB';
        text-transform: uppercase;
    }

    .page-node-type-csr- .main-banner .page-node-type-csr-title {
        margin: 0;
    }

    /* Body text styling */
    .page-node-type-csr- .page-node-type-csr-body {
        font-size: 19px;
        font-family: 'brownR';
        margin: 10px 0 0;
        width: 80%;
        MARGIN-BOTTOM: 1EM;
    }

    .page-node-type-csr- .page-node-type-csr-content {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 31%;
        z-index: 3;
    }

    section#block-crssection9 {
        padding-bottom: 5em;
    }

    /* .......END banner block-views-block-main-banner-block-2...... */

    /* start #block-csrsection02 */

    #block-csrsection02 p.page-node-type-csr-image-body {
        font-size: 16px;
        font-family: 'brownR' !important;
        width: 90%;
        margin: 0 auto;
    }

    #block-csrsection02 .page-node-type-csr-box img {
        border-radius: 5PX;
    }


    #block-csrsection02 .page-node-type-csr-paragraph {
        font-size: 22px;
        font-family: 'brownR';
        width: 65%;
        margin: 0.5em auto 0;
        text-align: center;
    }

    #block-csrsection02 .page-node-type-csr-paragraph {
        width: 70%;
    }



    #block-csrsection02 .page-node-type-csr-overview {
        padding-top: 3.5em;
        padding-bottom: 3.5em;
    }

    #block-csrsection02 .page-node-type-csr-button {
        border: 1px solid var(--color-primary);
        color: white;
        background-color: transparent;
    }

    #block-crssection7 .page-node-type-csr-block-crssection7-body {
        FONT-FAMILY: 'brownR' !important;
        color: var(--color-dark);
        width: 69%;
    }

    #block-crssection7 .page-node-type-csr-block-crssection7-gallery-item img {
        height: 600px;
    }

    #block-crssection7 h2.page-node-type-csr-block-crssection7-image-title {
        text-align: center;
    }

    #block-crssection7 .page-node-type-csr-block-crssection7-gallery-item p {
        font-size: 15px;
    }


    /* ................Start Override New CSR - Section 7 - ................ */

    /* Main Section */
    .page-node-type-csr-block-crssection7 {
        padding: 4em 0;
        margin-bottom: 3em;
    }

    /* Title Styling */
    .page-node-type-csr-block-crssection7-title {
        font-size: 40px;
        font-family: 'brownB';
        text-align: center;
        color: var(--color-dark);
        padding-top: 2em;
        width: 50%;
        margin: 0 auto;
        text-transform: uppercase;
        animation: fadeInDown 1.5s ease-in-out;
    }

    /* Body Styling */
    .page-node-type-csr-block-crssection7-body {
        font-size: 24px;
        font-family: var(--font-family);
        text-align: center;
        color: grey;
        width: 75%;
        margin: 2em auto;
        margin-top: 1em;
        line-height: 1.6;
        animation: fadeInUp 1.5s ease-in-out;
    }

    /* Gallery Section */
    .page-node-type-csr-block-crssection7-gallery {
        display: flex;
        justify-content: space-between;
        gap: 1.5em;
        margin-top: 2em;
    }

    .page-node-type-csr-block-crssection7-gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: 7px;
        transition: transform 0.3s ease;
    }

    /* .page-node-type-csr-block-crssection7-gallery-item:hover {
    transform: scale(1.05);
} */

    /* Image Styling */
    .page-node-type-csr-block-crssection7-image {
        width: 100%;
        height: 839px;
        object-fit: cover;
        border-radius: 7px;
    }

    /* Overlay Content */
    .page-node-type-csr-block-crssection7-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
        color: white;
        text-align: left;
    }



    .page-node-type-csr-block-crssection7-image-title {
        font-size: 33px;
        font-family: 'brownB';
        margin-bottom: 10px;
    }

    .page-node-type-csr-block-crssection7-image-body {
        font-size: 18px;
        font-family: 'brownR';
        text-transform: capitalize;
    }

    /* Hover Effect */
    .page-node-type-csr-block-crssection7-gallery-item .page-node-type-csr-block-crssection7-overlay {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5));
    }

    /* Animations */
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    section#block-crssection7 {
        padding-bottom: 4em;
    }


    /* .........end section 7 new csr & start section 8 new csr............... */

    .page-node-type-csr-block-crssection8 .body-section p {
        color: var(--color-dark) !important;
        text-transform: capitalize;
    }

    #block-csrsection8 .left-side {
        background-color: var(--color-dark);
        padding-left: 3em;
    }

    .page-node-type-csr- #block-csrsection8 .child-description,
    .page-node-type-csr- #block-csrsection8 .child-title,
    .page-node-type-csr- #block-csrsection8 .section-description {
        color: white;
    }


    #block-csrsection8 h1.section-title {
        color: white !important;
    }


    /* .........................End CSR Section 1 Code............................ */


    .page-node-type-csr-block-crssection8 {
        background-color: white;
        padding-top: 1em;
        text-align: center;
    }

    .page-node-type-csr-block-crssection8 .image-section {
        margin-top: 1em;
        margin-bottom: 4em;
        width: 100%;
        text-align: center;
    }

    .page-node-type-csr-block-crssection8 .image-section img {
        width: 95%;
        height: auto;
        border-radius: 8px;
        transition: transform 0.3s ease;
    }

    .page-node-type-csr-block-crssection8 .image-section img:hover {
        /* transform: scale(1.05); */
    }

    .page-node-type-csr-block-crssection8 .title-section h1 {
        font-family: 'brownB';
        font-size: 43px;
        text-transform: uppercase;
        color: var(--color-dark);
        margin: 0;
        width: 31%;
        margin: 0 auto;
    }

    .page-node-type-csr-block-crssection8 .body-section {
        margin-top: 2em;
        width: 50%;
        margin: 0 auto;
    }

    .page-node-type-csr-block-crssection8 .body-section p {
        font-size: 21px;
        font-family: 'brownR';
        color: grey;
        text-align: center;
        text-transform: capitalize;
        line-height: 1.5;
    }

    .page-node-type-csr-block-crssection8 .button-section {
        margin-top: 2em;
    }

    .page-node-type-csr-block-crssection8 .btn {
        font-size: 12px;
        text-transform: uppercase;
        padding: 0.8em 2em;
        border-radius: 50px;
        display: inline-block;
        transition: background-color 0.3s ease, transform 0.3s ease;
        margin: 0 2em;
        cursor: pointer;
    }

    .page-node-type-csr-block-crssection8 .btn-primary {
        background-color: var(--color-primary);
        color: BLACK;
        FONT-FAMILY: 'brownR';
    }

    .page-node-type-csr-block-crssection8 .btn-secondary {
        background-color: var(--color-dark);
        color: white;
        FONT-FAMILY: 'brownR';
    }

    .page-node-type-csr-block-crssection8 .btn:hover {
        transform: scale(1.1);
    }

    .page-node-type-csr-block-crssection8 .btn-primary:hover {
        /* background-color: #0056b3; */
        /* Adjust hover color */
    }

    .page-node-type-csr-block-crssection8 .btn-secondary:hover {
        background-color: #333333;
        /* Adjust hover color */
    }

    #block-mediasection1 p.gallery-description {
        FONT-FAMILY: 'brownR';
        font-size: 19px;
        width: 80%;
        margin: 0 auto;
    }



    /* SECTION 9 END end NEW CSR ........... */



    /* .............................Career Page /careers override............................. */

    /* Career - Section 3 */
    section#block-careersection3 .page-node-type-csr-overview {
        padding-top: 2.7em;
    }

    section#block-careersection3 .page-node-type-csr-paragraph {
        width: 50%;
        margin-bottom: 2em;
    }

    .page-node-type-csr- #block-views-block-main-banner-block-3 .page-node-type-csr-content {
        width: 41%;
    }

    /* end career - section 3 */

    /* .........start career - section 4......... */

    /* Container for the entire section */
    .block-careersection3-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: white;
        padding: 0;
    }

    .block-careersection3-container {
        height: 55em;
        overflow-y: hidden;
    }

    /* Left side content styling */
    .block-careersection3-left {
        width: 50%;
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .block-careersection3-row {
        margin-bottom: 4em;
        text-align: left;
        margin: 0 auto;
        width: 90%;
        margin-bottom: 2em;
    }

    .block-careersection3-row img {
        width: 73px;
        height: 55px;
        margin-bottom: 1em;
        transition: transform 0.3s ease;
    }



    #block-views-block-main-banner-block-3 .page-node-type-csr-button {
        margin: 0 auto;
        text-align: center;
    }

    .page-node-type-csr- .page-node-type-csr-content {
        position: absolute;
        bottom: 4%;
        left: 5%;
        width: 26%;
        z-index: 3;
    }

    .block-careersection3-row h2 {
        font-family: 'brownR';
        font-size: 20px;
        text-transform: uppercase;
        color: var(--color-dark);
        margin-bottom: 1em;
    }

    .block-careersection3-row p {
        font-size: 18px;
        color: var(--color-dark);
        line-height: 1.6;
    }

    /* Hover effect for images */
    .block-careersection3-row img:hover {
        transform: scale(1.1);
    }

    /* Right side image */
    .block-careersection3-right {
        width: 50%;
    }

    .block-careersection3-right img {
        width: 100%;
        height: 61em;
        transition: transform 0.3s ease;
    }

    /* Hover effect for the right side image */
    .block-careersection3-right img:hover {
        /* transform: scale(1.05); */
    }

    /* Center content vertically */
    .block-careersection3-left,
    .block-careersection3-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    /* Minor animations */
    .block-careersection3-row h2,
    .block-careersection3-row p {
        opacity: 0;
        /* transform: translateY(20px); */
        animation: fadeInUp 0.6s ease forwards;
        margin-bottom: 0.2em;
        margin-top: 0;
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            /* transform: translateY(20px); */
        }

        to {
            opacity: 1;
            /* transform: translateY(0); */
        }
    }


    /* ................End career pg - section 4............... */

    /* ..........career - section 5 - block-careersection5................... */

    #block-careersection5 .career-s5-img-wrapper {
        text-align: center;
    }


    #block-careersection11 span.text-right.c7-date-right {
        margin-left: 42%;
    }

    #block-careersection5 .page-node-type-csr-box:hover .page-node-type-csr-image-title,
    #block-careersection5 .page-node-type-csr-box:hover .page-node-type-csr-image-body {
        color: var(--color-primary);
    }



    /* ...............End career - Section 5.................. */


    /* .................career section 7 - section 7 - #block-careersection7................... */

    #block-careersection7 p.page-node-type-csr-image-body,
    #block-careersection8 p.page-node-type-csr-image-body {
        DISPLAY: FLEX;
    }

    #block-careersection7 span.career-s7-img IMG,
    #block-careersection8 span.career-s7-img IMG {
        HEIGHT: 20PX;
        WIDTH: 20PX;
    }

    #block-careersection7 .career-s5-img-wrapper,
    #block-careersection8 .career-s5-img-wrapper {
        POSITION: absolute;
        width: 100%;
        top: 79%;
        left: 4%;
    }

    #block-careersection7 p.car-s7-up {
        width: 100%;
        margin: 0 auto;
        padding-left: 1.5em;
    }

    #block-careersection7 p.page-node-type-csr-image-body {
        padding-left: 1.5em;
    }

    #block-careersection7 .category-upcoming,
    #block-careersection8 .category-upcoming {
        DISPLAY: FLEX;
        JUSTIFY-CONTENT: space-around;
        ALIGN-ITEMS: self-end;
        BORDER: 1PX SOLID WHITE;
        BORDER-RADIUS: 50PX;
        WIDTH: 80%;
        MARGIN: 0 AUTO;
        padding: 1em;
    }

    #block-careersection7 .heart-img-s7,
    #block-careersection8 .heart-img-s7 {
        HEIGHT: 20PX;
        WIDTH: 10%;
        POSITION: ABSOLUTE;
        TOP: 66%;
        LEFT: 81%;
    }

    #block-careersection7 span.career-s7-img,
    #block-careersection8 span.career-s7-img {
        margin-right: 1em;
    }


    /* ........................Career - Section 7..................... */

    /* .........................Career - Section 8 - block-careersection8 ................. */

    #block-careersection8 .page-node-type-csr-overview,
    #block-views-block-updates-projects-block-2 .page-node-type-csr-overview {
        background-color: white;
        color: var(--color-dark);
    }

    #block-careersection8 .page-node-type-csr-image-title,
    #block-careersection8 .page-node-type-csr-image-body,
    #block-views-block-updates-projects-block-2 .page-node-type-csr-image-title,
    #block-views-block-updates-projects-block-2 .page-node-type-csr-image-body {
        color: var(--color-dark);
    }

    #block-views-block-updates-projects-block-2 .page-node-type-csr-image-body {
        font-size: 14px;
    }

    #block-careersection8 .career-s5-img-wrapper,
    #block-views-block-updates-projects-block-2 .career-s5-img-wrapper {
        POSITION: UNset;
    }

    #block-careersection8 p.car-s7-up:last-child,
    #block-views-block-updates-projects-block-2 p.car-s7-up:last-child {
        text-align: right !important;
    }

    .wrapper-before-title-s8 {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
    }

    #block-careersection8 .career-s5-img-wrapper a,
    #block-mediasection2 .career-s5-img-wrapper a,
    #block-views-block-updates-projects-block-2 .career-s5-img-wrapper a,
    #block-views-block-updates-projects-block-3 .career-s5-img-wrapper a {
        background-color: transparent;
        padding: 0.5em 1.5em;
        border-radius: 50px;
        border: 1px solid var(--color-primary);
        margin-left: 1.5em;
        font-family: 'brownR';
    }


    #block-mediasection2 .career-s5-img-wrapper a,
    #block-views-block-updates-projects-block-3 .career-s5-img-wrapper a {
        COLOR: white;
    }

    #block-views-block-updates-projects-block-3 .career-s5-img-wrapper a {
        padding-left: 15px;
    }

    #block-views-block-updates-projects-block-3 .career-section-8 {
        text-align: left;
        width: 90%;
        margin: 0 auto;
    }


    #block-views-block-updates-projects-block-3 .view-footer {
        text-align: center;
    }

    #block-careersection8 .career-s5-img-wrapper a,
    #block-views-block-updates-projects-block-2 .career-s5-img-wrapper a {
        COLOR: var(--color-dark);
    }


    #block-careersection8 .career-s5-img-wrapper a:hover,
    #block-mediasection2 .career-s5-img-wrapper a:hover {
        text-decoration: none;
    }

    #block-views-block-updates-projects-block-2 .view-footer {
        text-align: center;
    }

    #block-views-block-updates-projects-block-2 h2.page-node-type-csr-image-title {
        FONT-FAMILY: 'brownR' ! IMPORTANT;
        font-size: 21px;
    }


    /* ........................End Career - Section 8................. */

    /* ........................Start Career - Section 9................. */

    #block-careersection9 .section9 {
        background-color: var(--color-dark);
        color: white;
        font-family: Arial, sans-serif;
    }

    #block-careersection9 .card {
        background-color: var(--color-dark);
        border: none;
        margin-bottom: 20px;
    }

    #block-careersection9 .btn-apply {
        background-color: var(--color-primary);
        border: none;
        width: 9%;
        margin-left: 0%;
        border-radius: 50px;
    }

    #block-careersection9 .btn-apply:hover {
        background-color: var(--color-primary);
    }

    #block-careersection9 .btn-view-more {
        background-color: white;
        color: var(--color-dark);
        border: none;
        border-radius: 50px;
        padding: 0.7em 2em;
        margin-top: 2em;
        font-family: 'brownR';
    }

    #block-careersection9 .btn-view-more:hover {
        background-color: white;
    }

    #block-careersection9 .divider {
        border-top: 1px solid #fff;
        margin: 20px 0;
    }

    #block-careersection9 .container.py-5.text-center {
        padding-bottom: 6em !important;
    }

    #block-careersection9 .card.p-4 h3 {
        font-size: 27px;
    }

    #block-careersection9 .mb-5 h2 {
        font-size: 25px;
        font-family: 'brownR';
    }

    #block-careersection9 .mb-5 {
        text-align: center;
        border-radius: 50px;
        padding-top: 2em;
    }

    #block-careersection9 .divider {
        border-top: 1px solid #fff;
        margin: 20px 0;
        width: 85%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    /* ........................End Career - Section 9................. */

    /* .........................Career - Section 10..................... */

    #block-careersection10 .career-portal-section {
        min-height: 100vh;
        display: flex;
        align-items: center;
    }

    #block-careersection10 .career-portal-image {
        background-image: url('/system/files/Access-the-career-portal.jpg');
        background-size: cover;
        background-position: center;
        min-height: 100vh;
    }

    #block-careersection10 h6.text-uppercase.text-muted {
        font-size: 25px;
        font-family: 'brownR';
        color: var(--color-dark);
    }

    .btn-primary {
        background-color: var(--color-primary);
    }

    #block-careersection10 a.btn.btn-dark.text-white.text-uppercase.btn-lg {
        background-color: var(--color-dark);
        color: white;
        padding: 0.7em 2em;
        margin-left: 2em;
        BORDER-RADIUS: 50PX;
        FONT-SIZE: 14PX;
        FONT-FAMILY: 'brownR';
        border-radius: 50px !important;
    }

    #block-careersection10 a.btn.btn-primary.text-dark.text-uppercase.btn-lg {
        PADDING: 0.7em 2EM;
        font-size: 14px;
        color: var(--color-dark);
        font-family: 'brownR';
        border-radius: 50px !important;
    }

    #block-careersection10 .container-fluid {
        padding: 0;
    }

    #block-careersection10 .lead {
        font-size: 21px;
        font-family: 'brownR';
    }

    #block-careersection10 h1.display-4.fw-bold {
        margin-top: 0.1em;
        text-transform: uppercase;
        color: black;
        margin-bottom: 0.6em;
    }





    /* ........................Career - end Section 10..................... */


    /* .....................career - section 11 start.................. */

    #block-careersection11 .career-section h1 {
        font-size: 2.5rem;
        font-weight: bold;
    }

    #block-careersection11 .career-section h5 {
        font-weight: normal;
        letter-spacing: 2px;
    }

    #block-careersection11 .card {
        border: none;
        transition: transform 0.3s ease;
    }

    #block-careersection11 .page-node-type-csr-title {
        width: 95% !important;

    }

    #block-careersection11 .card-img-top {
        height: 250px;
        width: 90%;
        object-fit: cover;
    }

    #block-careersection11 .card-body h4 {
        font-size: 32px;
        margin-top: 1rem;
        color: white;
        font-family: 'brownR';
    }

    #block-careersection11 .card-body p {
        font-size: 0.9rem;
        margin-top: 0.5rem;
    }

    #block-careersection11 .text-primary {
        color: #00aaff !important;
        font-size: 17px;
        font-family: 'brownR';
    }

    #block-careersection11 .card-body p {
        color: white;
        font-size: 17px !important;
        font-family: 'brownR';
    }

    .page-node-type-csr- .slick-next {
        left: 94%;
    }

    .text-center.mb-5 h1 {
        font-size: 43px;
        font-family: 'brownB';
    }

    .text-center.mb-5 {
        margin-bottom: 2em;
    }

    /* #block-careersection10 .justify-content-center {
    display: block;
    width: 35%;
} */

    .c10-wrapper2 {
        width: 80%;
        margin: 0 auto;
    }

    /* ..........career - section 11........... */

    .career-wrapper2 {
        width: 80%;
        margin: 0 auto;
    }

    section#block-careersection11 {
        background-color: var(--color-dark);
        padding-bottom: 3em;
        padding-top: 4em;
        width: 100%;
        display: block;
    }

    #block-careersection11 .text-center.mb-5 p {
        font-size: 20px;
        color: white;
        padding-bottom: 1em;
    }

    .careersection11 {
        width: 90% !important;
        margin: 0 auto !important;
    }




    #block-careersection11 .card-body {
        padding-top: 1em;
    }

    #block-careersection11 h5.text-uppercase {
        color: white;
        font-size: 25px;
    }

    .text-center.mb-5 h1 {
        color: white;
    }





    /* ........................End Career - Section 11............ */




    /* ............................End Career Page /careers Override............................ */

    /* ............................Start Media Page /Media Override............................ */


    /* Media - Section 1 - block-mediasection1 */

    .page-node-type-csr- #block-mediasection1 .gallery-section {
        TEXT-ALIGN: CENTER;
    }

    #block-mediasection1 span.blue-text {
        COLOR: var(--color-primary);
    }

    #block-views-block-updates-projects-block-4 .right-side {
        width: 50px;
        height: 27px !important;
        padding-top: 0.5em;
    }

    #block-views-block-updates-projects-block-4 .right-side img {
        border-radius: 50% !important;
    }

    #block-views-block-updates-projects-block-4 h2.page-node-type-csr-image-title {
        text-align: center;
        padding-bottom: 0.5em;
    }

    #block-views-block-updates-projects-block-4 h2.page-node-type-csr-image-title {
        font-size: 19px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    #block-views-block-updates-projects-block-4 .wrapper-media-s2 {
        padding-top: 3em;
    }



    #block-mediasection1 .gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
        font-size: 40px;
    }

    section#block-views-block-main-banner-block-4 {
        padding-top: 2em;
        padding-bottom: 3em;
    }


    .wrapper-media-s2 {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }

    #block-mediasection2 .page-node-type-csr-title,
    #block-views-block-updates-projects-block-3 .page-node-type-csr-title {
        margin: unset;
    }

    #block-mediasection2 p.car-s7-up:last-child,
    #block-views-block-updates-projects-block-3 p.car-s7-up:last-child {
        text-align: right !important;
        PADDING-LEFT: 0.5EM;
        PADDING-RIGHT: 0.5EM;
        FONT-FAMILY: 'brownR';

    }


    #block-mediasection2 span.press-s2,
    #block-views-block-updates-projects-block-3 p.car-s7-up {
        background-color: white;
        color: black;
    }



    #block-mediasection2 h2.page-node-type-csr-image-title,
    #block-views-block-updates-projects-block-3 h2.page-node-type-csr-image-title {
        MARGIN-TOP: 0.7EM;
    }

    #block-investmentsection3ppp h2.page-node-type-csr-image-title {
        text-align: center;
    }

    #block-investmentsection3ppp .page-node-type-csr-box img {
        width: 70%;
        height: 78%;
        margin-bottom: 0.5em;
    }




    #block-mediasection2 p.page-node-type-csr-image-body,
    #block-views-block-updates-projects-block-3 p.page-node-type-csr-image-body {
        WIDTH: 90%;
        MARGIN: 0 AUTO;
    }

    #block-mediasection2 .career-s5-img-wrapper,
    #block-views-block-updates-projects-block-3 .career-s5-img-wrapper {
        PADDING-TOP: 0.5EM;
    }

    #block-views-block-updates-projects-block-3 .career-s5-img-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    #block-mediasection2 .view-section7,
    #block-views-block-updates-projects-block-3 .view-section7 {
        font-size: 20px;
        font-family: 'brownR';
        margin-bottom: 2.5em;
    }


    #block-views-block-updates-projects-block-3 .view-section7 {
        margin-bottom: 0;
    }

    #block-mediasection2 .page-node-type-csr-button,
    #block-views-block-updates-projects-block-3 .page-node-type-csr-button {
        background-color: white;
        font-family: 'brownR';
    }



    #block-mediasection2 .page-node-type-csr-button:hover,
    #block-views-block-updates-projects-block-3 .page-node-type-csr-button:hover {
        text-decoration: none;
    }

    #block-views-block-main-banner-block-4 .page-node-type-csr-section {
        width: 92% !important;
        margin: 0 auto;
    }

    #block-views-block-updates-projects-block-3 {
        background-color: var(--color-dark);
    }




    /* .............Media - Section 3 - block-mediasection3 ............. */

    #block-mediasection3 .heart-img-s7,
    #block-mediasection3 .heart-img-s7 {
        HEIGHT: 20PX;
        WIDTH: 10%;
        POSITION: ABSOLUTE;
        TOP: 66%;
        LEFT: 81%;
    }

    #block-mediasection3 span.career-s7-img IMG,
    #block-mediasection3 span.career-s7-img IMG {
        HEIGHT: 20PX;
        WIDTH: 20PX;
    }


    #block-mediasection3 .page-node-type-csr-overview {
        background-color: WHITE;
        color: var(--color-dark);
        padding: 2em 0;
        text-align: center;
    }

    #block-views-block-updates-projects-block-3 .wrapper-before-title-s8 .car-s7-up:last-child {
        background-color: transparent !important;
        color: white;
    }

    #block-views-block-updates-projects-block-3 p.car-s7-up {
        font-family: 'brownR';
        padding-right: 0.2em;
        padding-left: 0.2em;
        margin: 0;
    }

    #block-views-block-updates-projects-block-3 h2.page-node-type-csr-image-title {
        font-size: 22px;
    }

    #block-views-block-updates-projects-block-3 .view-header {
        margin-top: 1em;
    }

    #block-mediasection3 h2.page-node-type-csr-image-title,
    #block-mediasection3 .page-node-type-csr-image-body {
        COLOR: BLACK;
    }

    #block-mediasection3 .career-s5-img-wrapper {
        WIDTH: 88%;
        MARGIN: 0 AUTO;
        FONT-FAMILY: 'brownR';
    }

    #block-mediasection3 h2.page-node-type-csr-image-title {
        MARGIN: 0;
        MARGIN-BOTTOM: 0.5EM;
    }

    #block-mediasection3 span.career-s7-img {
        MARGIN-RIGHT: 0.5EM;
    }

    #block-mediasection3 .page-node-type-csr-image-body {
        display: flex;
    }

    #block-careersection8 p.page-node-type-csr-image-body {
        WIDTH: 90%;
        MARGIN: 0 AUTO;
    }

    #block-mediasection3 .category-upcoming,
    #block-mediasection3 .category-upcoming {
        DISPLAY: FLEX;
        JUSTIFY-CONTENT: space-around;
        ALIGN-ITEMS: self-end;
        BORDER: 1PX SOLID var(--color-dark);
        BORDER-RADIUS: 50PX;
        WIDTH: 80%;
        MARGIN: 0 AUTO;
        padding: 1em;
    }


    #block-mediasection3 p.car-s7-up {
        width: 25%;
        background-color: var(--color-primary);
        margin-bottom: 0.5em;
        color: white;
        padding-left: 0.2em;
    }

    #block-mediasection3 .page-node-type-csr-paragraph {
        margin-bottom: 1em;
    }



    /* .................Media - Section 4 - ................... */

    .newspaper-wrapper {
        padding: 1em 1em 5em 1em;
        overflow: hidden;
        background-image: url(/system/files/Image_1.jpg);
        background-size: 100% 39%;
        background-repeat: no-repeat;
        background-position: top;
    }

    #block-mediasection4,
    #block-views-block-updates-projects-block-4 {
        background-color: var(--color-dark);
    }

    #block-mediasection4 .page-node-type-csr-overview,
    #block-views-block-updates-projects-block-4 .page-node-type-csr-overview {
        background-color: transparent;
    }

    #block-mediasection4 .page-node-type-csr-box img,
    #block-views-block-updates-projects-block-4 .page-node-type-csr-box img {
        border: 5px solid white;
        border-radius: 10px;
    }

    #block-mediasection4 .right-side img,
    #block-views-block-updates-projects-block-4 .right-side img {
        border: 5px solid transparent;
    }

    #block-mediasection4 .page-node-type-csr- .full-image,
    #block-views-block-updates-projects-block-4 .full-image {
        width: 19%;
        height: auto;
        height: 49px;
        margin: 0;
    }


    #block-mediasection4 h1.section-title,
    #block-views-block-updates-projects-block-4 h1.section-title {
        font-size: 25px !important;
        margin-bottom: 0 !important;
    }

    #block-mediasection4 .left-side-wrapper,
    #block-views-block-updates-projects-block-4 .left-side-wrapper {
        width: 100%;
    }

    #block-mediasection4 .full-image,
    #block-views-block-updates-projects-block-4 .full-image {
        width: 100%;
        height: 40px;
        margin-right: 1em;
        margin: 0;
    }

    #block-mediasection4 .right-side,
    #block-views-block-updates-projects-block-4 .right-side {
        flex: unset;
        display: block;
        margin-right: 1em;
    }

    #block-mediasection4 .page-node-type-csr-title,
    #block-views-block-updates-projects-block-4 .page-node-type-csr-title {
        text-align: center;
    }

    #block-mediasection4 .view-section7,
    #block-views-block-updates-projects-block-4 .view-section7 {
        TEXT-ALIGN: CENTER;
        FONT-SIZE: 22PX;
        FONT-FAMILY: 'brownR';
    }

    #block-mediasection4 .wrapper-media-s2,
    #block-views-block-updates-projects-block-4 .wrapper-media-s2 {
        text-align: center;
    }

    #block-mediasection4 .page-node-type-csr- p.before_title,
    #block-views-block-updates-projects-block-4 .page-node-type-csr- p.before_title {
        text-align: center;
    }

    #block-mediasection4 p.page-node-type-csr-image-body,
    #block-views-block-updates-projects-block-4 p.page-node-type-csr-image-body {
        WIDTH: 90%;
        MARGIN: 0 AUTO;
    }

    #block-views-block-updates-projects-block-4 p.page-node-type-csr-image-body {
        width: 68%;
        margin: 0 auto;
    }

    #block-views-block-updates-projects-block-4 .career-s5-img-wrapper {
        FONT-FAMILY: 'brownR';
        width: 85%;
        margin: 0 auto;
    }

    #block-views-block-updates-projects-block-4 .page-node-type-csr-image-title {
        margin: 0;
    }

    #block-views-block-updates-projects-block-4 .career-s5-img-wrapper p {
        text-align: center;
    }

    #block-views-block-updates-projects-block-4 .left-side-wrapper p {
        text-align: left;
    }

    #block-mediasection4 .csr-section4 {
        width: 90%;
        margin: 0 auto;
    }

    #block-views-block-updates-projects-block-4 .csr-section4 {
        width: 70% !important;
        margin: 0 auto;
    }

    #block-mediasection4 .wrapper-media-s2 .before_title,
    #block-mediasection4 .view-section7,
    #block-mediasection4 .page-node-type-csr-title,
    #block-views-block-updates-projects-block-4 .wrapper-media-s2 .before_title,
    #block-views-block-updates-projects-block-4 .view-section7,
    #block-views-block-updates-projects-block-4 .page-node-type-csr-title {
        text-align: left;
        margin-left: 0 !important;
    }

    #block-mediasection4 .newspaper-wrapper,
    #block-views-block-updates-projects-block-4 .newspaper-wrapper {
        padding: 1em 1em 1em 1em;
    }

    /* .....................Media - Section 5 - Start block-mediasection5............... */

    #block-mediasection5 {}


    #block-mediasection5 .left_internal_wrapper {
        padding-top: 4em;
        padding-bottom: 4em;

    }

    #block-mediasection5 .right-side {
        flex: 2;
    }

    #block-mediasection5 .left-child img,
    #block-mediasection5 .right-child img {
        margin: 0 auto;
    }

    #block-mediasection5 .icon {
        width: 30%;
    }


    /* .....................Media - Section 5 - End block-mediasection5............... */

    /* .....................Media - Section 6 - Start block-mediasection5............... */



    #block-mediasection6 .left-side-wrapper {
        width: 90%;
        MARGIN: 0 AUTO;
        padding-top: 2em;
    }

    #block-mediasection6 .left-child {
        padding: 1em;
    }

    #block-mediasection6 p.gallery-description {
        width: 90%;
        margin: 0 auto;
    }

    #block-mediasection6 .media-section-06 {
        background-color: var(--color-dark);
        color: white;
        font-family: 'brownR';
        padding-top: 3em;
        padding-bottom: 3em;
        BORDER-TOP: 1PX SOLID WHITE;
    }

    #block-mediasection6 .child-title,
    #block-mediasection6 .section-description,
    #block-mediasection6 .section-title {
        color: white;
    }

    #block-mediasection6 p.section-description {
        width: 80%;
        margin: 0 auto;
        text-align: center !important;
    }


    #block-mediasection6 h1.section-title {
        TEXT-ALIGN: CENTER;
    }

    #block-mediasection6 .left-child img,
    #block-mediasection6 .right-child img {
        margin: 0 auto;
        width: 20% !important;
    }

    #block-mediasection6 .left-child img,
    #block-mediasection6 .right-child img {
        padding: 0em;
        margin: 0 auto;
    }


    #block-mediasection6 .section-title {
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 1em;
    }

    #block-mediasection6 .page-node-type-csr-button {
        background-color: transparent;
        color: white;
        border: 1px solid var(--color-primary);
    }

    #block-mediasection6 .child-title {
        font-family: 'brownR' !important;
    }

    /* #block-mediasection1 .page-node-type-csr-section.main-banner-container.main-banner img {
    height: 610px;
    width: 90%;
    margin: 0 auto;
} */

    #block-views-block-main-banner-block-5 span.before-title {
        font-size: 35px;
    }

    #block-views-block-main-banner-block-5 .page-node-type-csr-content {
        bottom: 30%;
    }

    #block-views-block-main-banner-block-5 .page-node-type-csr-overlay {
        height: 100%;
    }

    #block-views-block-main-banner-block-5 .slick-next::before {
        background: url(/system/files/Right-Arrow_0.png) no-repeat center center !important;
        font-size: 1rem;
        background-size: 50% 50% !important;
    }


    /* ......................Media New View Article media article........................ */


    section#block-views-block-updates-projects-block-4 {
        background-color: var(--color-dark);
        color: white;
        text-align: left;
    }

    section#block-views-block-updates-projects-block-4 h1.page-node-type-csr-title.career-heading {
        text-align: left;
        margin: 0;
    }

    #block-views-block-updates-projects-block-4 .newspaper-wrapper {
        background: none !important;
    }


    /* .....................End Media - Section 6 - End block-mediasection6............... */

    /* ...........................Start - Heritage - Section 1 - ............................... */

    #block-views-block-main-banner-block-5 .page-node-type-csr-section {
        height: auto;
    }


    #block-views-block-main-banner-block-6 .page-node-type-csr-section img {
        height: 611px;
    }

    #block-views-block-main-banner-block-5 .page-node-type-csr-content {
        bottom: 12%;
        width: 61%;
    }


    /* ...............Heritage - Section 2 - block-heritagesection2............. */

    #block-heritagesection2 .right-side {
        flex: 2;
    }

    #block-views-block-main-banner-block-6 .main-banner {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 4em;
    }


    #block-views-block-main-banner-block-6 h1.career-heading {
        text-align: center;
        margin-top: 1em;
        margin-bottom: 0.5em;
        font-size: 66px !important;
    }

    #block-views-block-main-banner-block-6 p.before_title {
        text-transform: capitalize;
    }

    #block-views-block-main-banner-block-6 .slick-prev {
        left: 90px;
    }

    #block-views-block-main-banner-block-6 .slick-next {
        left: 91%;
    }


    /* ........................Heirtage - Section 4 - ..................... */


    /* CSS for Heritage Section */
    #block-heritagesection4 {
        display: flex;
        background-color: var(--color-dark);
        color: #ffffff;
        padding: 2em;
        gap: 1em;
        padding-top: 0;
    }

    /* Left Content Section */
    #block-heritagesection4 .heritage-content {
        flex: 1 1 35%;
        padding-right: 1em;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    #block-heritagesection4 .heritage-title {
        font-size: 28px;
        text-transform: uppercase;
        margin-bottom: 1em;
    }

    #block-heritagesection4 .heritage-body {
        font-size: 18px;
        line-height: 1.6;
        font-family: 'brownR';
    }

    /* Right Image Section */
    #block-heritagesection4 .heritage-images {
        display: flex;
        flex-direction: row;
        flex: 1 1 75%;
        gap: 1em;
    }

    #block-heritagesection4 .heritage-img {
        border-radius: 5px;
        transition: transform 0.3s ease;
    }

    /* #block-heritagesection4 .heritage-img:hover {
    transform: scale(1.05);
} */

    #block-heritagesection4 .small-img {
        width: 100%;
        height: 45%;
        align-self: center;
    }

    #block-heritagesection4 .big-img {
        width: 74%;
        height: 65%;
        align-self: center;
    }

    #block-heritagesection4 .small-img:last-child {
        align-self: center;
    }

    /* Info Section */
    #block-heritagesection4 .heritage-info {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 0em;
        gap: 1em;
    }

    #block-heritagesection4 .info-section {
        width: 48%;
    }

    #block-heritagesection4 .info-title {
        font-size: 25px;
        text-transform: uppercase;
        margin-bottom: 0.5em;
        margin-top: 0;
    }

    #block-heritagesection4 .info-body {
        font-size: 18px;
        line-height: 1.5;
        font-family: 'brownL';
    }

    #block-heritagesection4 .right-side-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: 1 1 100%;
    }


    div#block-heritagesection4 {
        padding-top: 1em;
        padding-bottom: 3em;
    }

    /* .......................End - Heritage - End Section 6.................................... */

    /* ............................End Heritage ............................ */

    /* ............................Start WorkPlace Page............................ */


    /* ...WorkPlace - Section 1 - block-workplacesection1 */

    .page-node-type-csr- #block-workplacesection1 .gallery-section {
        TEXT-ALIGN: CENTER;
        width: 85%;
        margin: 0 auto;
        padding-bottom: 2em;
    }

    #block-workplacesection1 span.blue-text {
        COLOR: var(--color-primary);
    }



    #block-workplacesection1 .gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
    }

    section#block-views-block-main-banner-block-4 {
        padding-top: 2em;
        padding-bottom: 3em;
    }


    #block-workplacesection2 .page-node-type-csr-title {
        margin: unset;
    }

    #block-workplacesection2 p.car-s7-up:last-child {
        text-align: right !important;
        PADDING-LEFT: 0.5EM;
        PADDING-RIGHT: 0.5EM;
        FONT-FAMILY: 'brownR';

    }


    #block-workplacesection2 span.press-s2 {
        background-color: white;
        color: black;
    }

    #block-workplacesection2 h2.page-node-type-csr-image-title {
        MARGIN-TOP: 0.7EM;
    }

    #block-workplacesection2 p.page-node-type-csr-image-body {
        WIDTH: 90%;
        MARGIN: 0 AUTO;
    }

    #bblock-workplacesection2 .career-s5-img-wrapper {
        PADDING-TOP: 0.5EM;
    }

    #block-workplacesection2 .view-section7 {
        font-size: 20px;
        font-family: 'brownR';
        margin-bottom: 2.5em;
    }

    #block-workplacesection2 .page-node-type-csr-button {
        background-color: white;
        font-family: 'brownR';
    }

    #block-workplacesection2 .page-node-type-csr-button:hover {
        text-decoration: none;
    }

    #block-views-block-main-banner-block-7 .page-node-type-csr-section {
        width: 92% !important;
        margin: 0 auto;
    }




    /* .....................WorkPlace - Section 3 - Start block-workplacesection3............... */

    #block-workplacesection3 {}


    #block-workplacesection3 .left_internal_wrapper {
        padding-top: 4em;
        padding-bottom: 4em;

    }

    #block-workplacesection3 .right-side {
        flex: 2;
    }

    #block-workplacesection3 .left-child img,
    #block-workplacesection3 .right-child img {
        margin: 0 auto;
    }

    #block-workplacesection3 .icon {
        width: 30%;
    }


    /* .....................WorkPlace - Section 3 - End block-workplacesection3............... */


    /* .................WorkPlace - Section 4 - block-workplacesection4................... */

    .newspaper-wrapper {
        padding: 1em 1em 5em 1em;
        overflow: hidden;
        background-image: url(/system/files/Image_1.jpg);
        background-size: 100% 39%;
        background-repeat: no-repeat;
        background-position: top;
    }


    /* Article Media  */

    #block-views-block-updates-projects-block-4 .view-updates-projects.view-id-updates_projects.view-display-id-block_4 {
        padding: 1em 1em 0em 1em;
        overflow: hidden;
        background-image: url(/system/files/Image_1.jpg);
        background-size: 100% 39%;
        background-repeat: no-repeat;
        background-position: top;
    }

    #block-views-block-updates-projects-block-4 {
        background-color: var(--color-dark);
    }

    #block-views-block-updates-projects-block-4 h2.page-node-type-csr-image-title {
        font-size: 26px;
    }

    #block-views-block-updates-projects-block-4 .slick-next {
        left: 96%;
    }


    #block-workplacesection4 {
        background-color: var(--color-dark);
    }

    #block-workplacesection4 .page-node-type-csr-overview {
        background-color: transparent;
    }

    #block-workplacesection4 .page-node-type-csr-box img {
        border: 5px solid white;
        border-radius: 10px;
    }

    #block-workplacesection4 .right-side img {
        border: 5px solid transparent;
    }

    #block-workplacesection4 .page-node-type-csr- .full-image {
        width: 19%;
        height: auto;
        height: 49px;
        margin: 0;
    }


    #block-workplacesection4 h1.section-title {
        font-size: 25px !important;
        margin-bottom: 0 !important;
    }

    #block-workplacesection4 .left-side-wrapper {
        width: 100%;
    }

    #block-workplacesection4 .full-image {
        width: 100%;
        height: 40px;
        margin-right: 1em;
        margin: 0;
    }

    #block-workplacesection4 .right-side {
        flex: unset;
        display: block;
        margin-right: 1em;
    }

    #block-workplacesection4 .page-node-type-csr-title {
        text-align: center;
    }

    #block-workplacesection4 .view-section7 {
        TEXT-ALIGN: CENTER;
        FONT-SIZE: 22PX;
        FONT-FAMILY: 'brownR';
    }

    #block-workplacesection4 .wrapper-media-s2 {
        text-align: center;
    }

    #block-workplacesection4 .page-node-type-csr- p.before_title {
        text-align: center;
    }

    #block-workplacesection4 p.page-node-type-csr-image-body {
        WIDTH: 90%;
        MARGIN: 0 AUTO;
    }

    #block-workplacesection4 .csr-section4 {
        width: 90%;
        margin: 0 auto;
    }

    #block-workplacesection4 .wrapper-media-s2 .before_title,
    #block-workplacesection4 .view-section7,
    #block-workplacesection4 .page-node-type-csr-title {
        text-align: left;
        margin-left: 0 !important;
    }

    #block-workplacesection4 .newspaper-wrapper {
        padding: 1em 1em 1em 1em;
    }

    /* .................WorkPlace - ENd Section 4 - block-workplacesection4................... */



    /* ................................End WorkPlace Page - page-node-type-csr- .................................. */


    /* ..............Start Reviving the Ravi Page........................ */

    /* .....................Start Intro Section - Revning the Ravi - ................... */




    #block-revivingtheravisection2intro .right-wrapper,
    #block-harnessingwaterpreventingdisasterssection2intro .right-wrapper,
    #block-cleangreensection2intro .right-wrapper {
        width: 90%;
        height: 87%;
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
        top: -6%;
        left: 0%;
    }

    #block-revivingtheravisection2intro .env-banner,
    #block-harnessingwaterpreventingdisasterssection2intro .env-banner,
    #block-cleangreensection2intro .env-banner {
        width: 8%;
        border: 1px solid black;
        margin: 0 auto;
    }

    #block-revivingtheravisection2intro .section-description,
    #block-revivingtheravisection2intro .section-title,
    #block-harnessingwaterpreventingdisasterssection2intro .section-description,
    #block-harnessingwaterpreventingdisasterssection2intro .section-title,
    #block-cleangreensection2intro .section-description,
    #block-cleangreensection2intro .section-title {
        width: 80%;
        margin: 0 auto;
    }

    #block-revivingtheravisection2intro .right-side,
    #block-harnessingwaterpreventingdisasterssection2intro .right-side,
    #block-cleangreensection2intro .right-side {
        position: relative;
        background-color: var(--color-dark);
        margin-top: 7em;
    }

    #block-revivingtheravisection2intro .right-wrapper-overlay,
    #block-harnessingwaterpreventingdisasterssection2intro .right-wrapper-overlay,
    #block-cleangreensection2intro .right-wrapper-overlay {
        height: 63%;
        width: 81.5%;
        background-color: var(--color-primary);
        z-index: 0;
        position: absolute;
        top: -10%;
        right: 22%;
    }

    #block-revivingtheravisection2intro .left-side,
    #block-harnessingwaterpreventingdisasterssection2intro .left-side,
    #block-cleangreensection2intro .left-side {
        padding-top: 5em;
        padding-bottom: 10em;
    }

    #block-revivingtheravisection4faqs .py-5,
    #block-harnessingwaterpreventingdisasterssection4faqs .py-5,
    #block-greenfuturesection4faqs .py-5 {
        width: 86% !important;
        margin: 0 auto !important;
    }



    #block-revivingtheravisection2intro .section-title,
    #block-harnessingwaterpreventingdisasterssection2intro .section-title,
    #block-cleangreensection2intro .section-title {
        color: var(--color-primary);
        margin-bottom: 1.5em;
        margin-top: 0.5em;
    }




    #block-revivingtheravisection2intro .before_intro,
    #block-harnessingwaterpreventingdisasterssection2intro .before_intro,
    #block-cleangreensection2intro .before_intro {
        width: 79%;
        margin: 0 auto;
        font-family: 'brownR';
        font-size: 15px;
    }

    #block-revivingtheravisection2intro .before_intro,
    #block-revivingtheravisection2intro span.river_blue {
        font-size: 20px;
    }

    #block-revivingtheravisection1 p.gallery-description {
        font-size: 18px;
    }


    #block-revivingtheravisection2intro .left_internal_wrapper .before_intro a,
    #block-harnessingwaterpreventingdisasterssection2intro .left_internal_wrapper .before_intro a,
    #block-cleangreensection2intro .left_internal_wrapper .before_intro a {
        font-size: 21px;
    }

    #block-revivingtheravisection1 a.gallery-description-beforetitle,
    #block-greenfuturesection1 a.gallery-description-beforetitle,
    #block-harnessingwaterpreventingdisasterssection1 a.gallery-description-beforetitle {
        font-size: 19px;
        font-family: 'brownL';
    }

    #block-revivingtheravisection1 a.gallery-description-beforetitle:hover,
    #block-greenfuturesection1 a.gallery-description-beforetitle:hover,
    #block-harnessingwaterpreventingdisasterssection1 a.gallery-description-beforetitle:hover {
        text-decoration: none;
    }

    #block-revivingtheravisection1 p.gallery-description,
    #block-harnessingwaterpreventingdisasterssection1 p.gallery-description,
    #block-greenfuturesection1 p.gallery-description {
        FONT-FAMILY: 'brownL';
        font-size: 18px;
    }



    #block-revivingtheravisection1 .left_internal_wrapper .before_intro a:hover,
    #block-greenfuturesection1 .before_intro a:hover,
    #block-harnessingwaterpreventingdisasterssection1 .before_intro a:hover {
        text-decoration: none;
    }

    #block-revivingtheravisection2intro .left_internal_wrapper .before_intro a:hover,
    #block-harnessingwaterpreventingdisasterssection2intro .before_intro a:hover,
    #block-cleangreensection2intro .before_intro a:hover {
        text-decoration: none;
    }



    #block-revivingtheravisection2intro span.river_blue,
    #block-harnessingwaterpreventingdisasterssection2intro span.river_blue,
    #block-cleangreensection2intro span.river_blue {
        color: var(--color-primary);
        font-size: 24px;
    }

    #block-revivingtheravisection3 .left_internal_wrapper,
    #block-harnessingwaterpreventingdisasterssection3 .left_internal_wrapper,
    #block-greenfuturesection3 .left_internal_wrapper {
        width: 85%;
        padding-left: 1em;
        padding-right: 1em;
        margin: 0 auto;
    }

    #block-revivingtheravisection3 .section-title,
    #block-harnessingwaterpreventingdisasterssection3 .section-title,
    #block-greenfuturesection3 .section-title {
        color: var(--color-primary);
    }
















    /* ...Reviving the Ravi - Section 1 - block-workplacesection1 */

    .page-node-type-csr- #block-revivingtheravisection1 .gallery-section,
    .page-node-type-csr- #block-harnessingwaterpreventingdisasterssection1 .gallery-section,
    .page-node-type-csr- #block-greenfuturesection1 .gallery-section,
    .page-node-type-csr- #block-investmentmodeltopheading .gallery-section,
    .page-node-type-csr- #block-alamgirsection1heading .gallery-section {
        TEXT-ALIGN: CENTER;
        width: 85%;
        margin: 0 auto;
        padding-bottom: 2em;
    }

    .page-node-type-csr- #block-revivingtheravisection1 .gallery-section,
    .page-node-type-csr- #block-harnessingwaterpreventingdisasterssection1 .gallery-section,
    .page-node-type-csr- #block-greenfuturesection1 .gallery-section {
        padding-top: 1em;
    }

    .page-node-type-csr- .gallery-section {
        TEXT-ALIGN: CENTER;
        width: 85%;
        margin: 0 auto;
    }

    .page-node-type-csr- #block-investmentmodeltopheading .gallery-section {
        padding-bottom: 0.5em;
    }

    span.blue-text {
        COLOR: var(--color-primary);
    }

    #block-revivingtheravisection1 span.blue-text,
    #block-harnessingwaterpreventingdisasterssection1 span.blue-text,
    #block-greenfuturesection1 span.blue-text,
    #block-investmentmodeltopheading span.blue-text,
    #block-alamgirsection1heading span.blue-text {
        COLOR: var(--color-primary);
    }


    #block-revivingtheravisection1 .gallery-title,
    #block-harnessingwaterpreventingdisasterssection1 .gallery-title,
    #block-greenfuturesection1 .gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
        MARGIN-TOP: 0.1EM;
    }

    #block-investmentmodeltopheading .gallery-title,
    #block-alamgirsection1heading .gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
    }

    #block-investmentmodeltopheading .gallery-title {
        margin-top: 1em;
        margin-bottom: 0.7em;
    }


    .gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
    }

    .page-node-type-csr- span.env-br {
        border: 1px solid black;
        padding: 0.2em;
        font-family: 'brownR';
    }

    #block-revivingtheravisection1 p.gallery-description,
    #block-harnessingwaterpreventingdisasterssection1 p.gallery-description,
    #block-greenfuturesection1 p.gallery-description,
    #block-investmentmodeltopheading p.gallery-description,
    #block-alamgirsection1heading p.gallery-description {
        FONT-FAMILY: 'brownR';
    }

    p.gallery-description {
        FONT-FAMILY: 'brownR';
    }




    /* ......................Reviving the Ravi - FAQs - Section 4.................. */

    #block-revivingtheravisection4faqs .section9,
    #block-harnessingwaterpreventingdisasterssection4faqs .section9,
    #block-greenfuturesection4faqs .section9 {
        background-color: var(--color-dark);
        color: white;
        font-family: Arial, sans-serif;
    }

    #block-revivingtheravisection4faqs .card,
    #block-harnessingwaterpreventingdisasterssection4faqs .card,
    #block-greenfuturesection4faqs .card {
        background-color: var(--color-dark);
        border: none;
        margin-bottom: 20px;
    }

    #block-revivingtheravisection4faqs .btn-apply,
    #block-harnessingwaterpreventingdisasterssection4faqs .btn-apply,
    #block-greenfuturesection4faqs .btn-apply {
        background-color: var(--color-primary);
        border: none;
        width: 9%;
        margin-left: 0%;
        border-radius: 50px;
    }


    #block-revivingtheravisection4faqs .btn-apply:hover,
    #block-harnessingwaterpreventingdisasterssection4faqs .btn-apply:hover,
    #block-greenfuturesection4faqs .btn-apply:hover {
        background-color: var(--color-primary);
    }

    #block-revivingtheravisection4faqs .btn-view-more,
    #block-harnessingwaterpreventingdisasterssection4faqs .btn-view-more,
    #block-greenfuturesection4faqs .btn-view-more {
        background-color: white;
        color: var(--color-dark);
        border: none;
        border-radius: 50px;
        padding: 0.7em 2em;
        margin-top: 2em;
        font-family: 'brownR';
    }

    #block-revivingtheravisection4faqs .btn-view-more:hover,
    #block-harnessingwaterpreventingdisasterssection4faqs .btn-view-more:hover,
    #block-greenfuturesection4faqs .btn-view-more:hover {
        background-color: white;
    }

    #block-revivingtheravisection4faqs .divider,
    #block-harnessingwaterpreventingdisasterssection4faqs .divider,
    #block-greenfuturesection4faqs .divider {
        border-top: 1px solid #fff;
        margin: 20px 0;
    }

    #block-revivingtheravisection4faqs .container.py-5.text-center,
    #block-harnessingwaterpreventingdisasterssection4faqs .container.py-5.text-center,
    #block-greenfuturesection4faqs .container.py-5.text-center {
        padding-bottom: 6em !important;
    }

    #block-revivingtheravisection4faqs .card.p-4 h3,
    #block-harnessingwaterpreventingdisasterssection4faqs .card.p-4 h3,
    #block-greenfuturesection4faqs .card.p-4 h3 {
        font-size: 27px;
    }

    #block-revivingtheravisection4faqs .mb-5 h2,
    #block-harnessingwaterpreventingdisasterssection4faqs .mb-5 h2,
    #block-greenfuturesection4faqs .mb-5 h2 {
        font-size: 25px;
        font-family: 'brownR';
    }

    #block-revivingtheravisection4faqs .mb-5,
    #block-harnessingwaterpreventingdisasterssection4faqs .mb-5,
    #block-greenfuturesection4faqs .mb-5 {
        text-align: center;
        border-radius: 50px;
        padding-top: 4em;
    }

    #block-revivingtheravisection4faqs .divider,
    #block-harnessingwaterpreventingdisasterssection4faqs .divider,
    #block-greenfuturesection4faqs .divider {
        border-top: 1px solid #fff;
        margin: 20px 0;
        width: 85%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #block-revivingtheravisection4faqs .text-muted,
    #block-harnessingwaterpreventingdisasterssection4faqs .text-muted,
    #block-greenfuturesection4faqs .text-muted {
        color: white;
        font-family: 'brownR';
        font-size: 20px;
        width: 80%;
        margin: 0 auto;
    }

    #block-revivingtheravisection4faqs .card.p-4 .text-white,
    #block-harnessingwaterpreventingdisasterssection4faqs .card.p-4 .text-white,
    #block-greenfuturesection4faqs .card.p-4 .text-white {
        color: white;
        font-size: 22px;
        font-family: 'brownB';
    }

    #block-revivingtheravisection4faqs .text-center.mb-5 h1,
    #block-harnessingwaterpreventingdisasterssection4faqs .text-center.mb-5 h1,
    #block-greenfuturesection4faqs .text-center.mb-5 h1 {
        color: var(--color-primary);
    }


    #block-revivingtheravisection4faqs .text-center.mb-5 .text-muted,
    #block-harnessingwaterpreventingdisasterssection4faqs .text-center.mb-5 .text-muted,
    #block-greenfuturesection4faqs .text-center.mb-5 .text-muted {
        font-family: 'brownR';
        font-size: 25px !important;
        text-align: center;
        width: 55%;
    }





    /* ........................End FAQs in Reving the Ravi - Section 4................. */

    /* ....................Start Social Media Section - Revaving the Ravi - Section 5................ */


    #block-revivingtheravisection5socialicons,
    #block-harnessingwaterpreventingdisasterssection5socialicons,
    #block-cleangreensection5socialicons {
        --color-light: #ffffff;
    }

    #block-revivingtheravisection5socialicons,
    #block-harnessingwaterpreventingdisasterssection5socialicons,
    #block-cleangreensection5socialicons {
        background-color: white;
        color: var(--color-dark);
        font-family: 'brownR';
    }


    #block-revivingtheravisection5socialicons .share-section,
    #block-harnessingwaterpreventingdisasterssection5socialicons .share-section,
    #block-cleangreensection5socialicons .share-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        background-color: white;
        padding: 20px;
        padding-bottom: 4em;
    }

    #block-revivingtheravisection5socialicons .share-box,
    #block-harnessingwaterpreventingdisasterssection5socialicons .share-box,
    #block-cleangreensection5socialicons .share-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
        height: 100%;
        border-radius: 1px;
        border: 1px solid var(--color-light);
        background-color: white;
        padding: 0;
        position: relative;
    }

    #block-revivingtheravisection5socialicons .left-inner-box,
    #block-harnessingwaterpreventingdisasterssection5socialicons .left-inner-box,
    #block-cleangreensection5socialicons .left-inner-box {
        width: 45%;
        background-color: var(--color-primary);
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 10px;
        PADDING-TOP: 1.25EM;
        PADDING-BOTTOM: 1.25EM;
        position: absolute;
        right: 67%;
    }

    #block-revivingtheravisection5socialicons .share-section {
        padding-bottom: 3em;
        width: 90%;
        margin: 0 auto;
        padding-top: 3em;
    }



    #block-revivingtheravisection5socialicons .share-text,
    #block-harnessingwaterpreventingdisasterssection5socialicons .share-text,
    #block-cleangreensection5socialicons .share-text {
        font-size: 18px;
        font-weight: bold;
        color: var(--color-dark);
    }

    #block-revivingtheravisection5socialicons .social-icons,
    #block-harnessingwaterpreventingdisasterssection5socialicons .social-icons,
    #block-cleangreensection5socialicons .social-icons {
        display: flex;
        gap: 15px;
        justify-content: flex-end;
        PADDING-LEFT: 3EM;
        padding-right: 2em;
        align-items: center;
        BORDER: 1PX SOLID BLACK;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        width: 80%;
    }

    #block-revivingtheravisection5socialicons .icon,
    #block-harnessingwaterpreventingdisasterssection5socialicons .icon,
    #block-cleangreensection5socialicons .icon {
        font-size: 20px;
        cursor: pointer;
        color: var(--color-light);
        padding: 5px;
        transition: transform 0.3s ease;
    }


    #block-revivingtheravisection5socialicons .tags,
    #block-harnessingwaterpreventingdisasterssection5socialicons .tags,
    #block-cleangreensection5socialicons .tags {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px;
        width: 100%;
    }

    #block-revivingtheravisection5socialicons .tag,
    #block-harnessingwaterpreventingdisasterssection5socialicons .tag,
    #block-cleangreensection5socialicons .tag {
        width: 13%;
        padding: 0.2em;
        height: auto;
        border: 1px solid var(--color-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: var(--color-dark);
        background-color: var(--color-light);
        cursor: pointer;
        transition: background-color 0.3s ease;
        text-align: center;
    }

    #block-revivingtheravisection5socialicons .tag:hover,
    #block-harnessingwaterpreventingdisasterssection5socialicons .tag:hover,
    #block-cleangreensection5socialicons .tag:hover {
        background-color: var(--color-dark);
        color: var(--color-light);
    }


    #block-investmentsection3ppp h2.page-node-type-csr-image-title {
        color: var(--color-primary);
        font-family: 'brownB' !important;
        padding-top: 0.4em;
        font-size: 19px;
    }

    #block-revivingtheravisection5socialicons .tag {
        width: 15%;
        font-size: 18px;
    }










    /* .............................End Reviving the Ravi.............................. */
    /* .............................Start Investment Page #block-investmentmodeltopheading.............................. */


    #block-views-block-main-banner-block-11 .page-node-type-csr-content {
        width: 80%;
    }

    #block-views-block-main-banner-block-11 .page-node-type-csr-section {
        height: 43em;
    }

    #block-views-block-main-banner-block-11 .page-node-type-csr-content {
        bottom: 7%;
    }

    #block-investmentsection3ppp .page-node-type-csr-box img {
        border-radius: 10px;
    }

    .page-node-type-csr- #block-views-block-main-banner-block-11 .page-node-type-csr-title {
        font-size: 30px;
    }

    section#block-views-block-sectors-of-investment-block-1 {
        overflow: hidden;
    }


    .page-node-type-csr- #block-views-block-main-banner-block-11 .page-node-type-csr-body {
        MARGIN-BOTTOM: 0EM;
        margin-top: 0.5em;
    }

    #block-views-block-main-banner-block-11 .page-node-type-csr-body {
        font-size: 20px;
    }

    #block-views-block-main-banner-block-11 .page-node-type-csr-body {
        width: 47%;
    }

    #block-views-block-main-banner-block-11 .page-node-type-csr-button {
        padding: 0.7em 2em;
        font-size: 14px;
    }

    #block-views-block-sectors-of-investment-block-2 .view-content {
        overflow: hidden;
    }



    section#block-investmentmodeltopheading {
        background-color: var(--color-dark);
        color: white;
        font-family: 'brownB';
    }


    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-image {
        width: 98%;
        height: 395px;
        object-fit: cover;
        border-radius: 7px;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-gallery {
        padding-bottom: 5em;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-image-title {
        font-size: 21px;
        color: var(--color-primary);
        margin-bottom: 0.2em;
        text-align: left;
        width: 90%;
        margin: 0 auto;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-overlay {
        width: 98%;
        padding: 9px;
        BORDER-RADIUS: 10PX;
        text-align: center;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-title {
        padding-top: 1.5em;
    }

    #block-investmentsector5exploresectors .col-md-4 {
        padding: 0;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-button {
        margin-bottom: 2em;
        margin-top: 0;
        padding: 0.5em 1.5em;
        font-size: 12px;
        float: left;
        margin-left: 1.5em;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-body {
        font-size: 16px;
        FONT-FAMILY: 'brownR';
        color: grey;
        width: 36%;
    }

    #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-gallery-item p {
        text-align: left;
        width: 88%;
        margin: 0 auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }




    /* ....Investment page Form.... */

    /* ......................New Investment Page Form Reskill Form......................... */

    #webform-submission-contact-us-node-64-add-form .col-sm-12 {
        padding-left: 5em;
        padding-right: 6em;
        position: relative;
    }

    #webform-submission-contact-us-node-64-add-form {
        background-color: white;
        padding-top: 4em;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

    #webform-submission-contact-us-node-64-add-form .block-title {
        font-size: 19px;
        font-weight: 400;
        margin-bottom: 20px;
        font-family: 'Barlow_M';
        color: var(--color-primary);
        position: absolute;
        right: 88%;
        top: -12%;
    }

    #webform-submission-contact-us-node-64-add-form .btn-primary {
        width: 100%;
        display: block;
        text-align: center;
        font-weight: 600;
        border: none;
        background: #3d3d3d;
        outline: none;
        margin-bottom: 20px;
        text-transform: uppercase;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        color: var(--color-dark);
        font-size: 13px;
        font-family: 'brownL';
        margin: auto;
        margin-top: 1em;
        background: var(--color-primary);
        border: 1px solid var(--color-primary);
        width: 130px;
        BORDER-RADIUS: 50PX;
    }

    #block-investmentsection7webformheading p.page-node-type-csr-paragraph,
    #block-powerinfrastructuresection7investmentbenefits p.page-node-type-csr-paragraph {
        width: 49%;
        margin: 0 auto;
        font-size: 16px;
    }

    #block-investmentsection7webformheading h1.page-node-type-csr-title.career-heading,
    #block-powerinfrastructuresection7investmentbenefits h1.page-node-type-csr-title.career-heading {
        font-size: 33px !important;
    }

    #webform-submission-contact-us-node-64-add-form button:hover {
        background-color: var(--color-primary) !important;
        opacity: 0.85;
        color: white !important;
    }

    #webform-submission-contact-us-node-64-add-form .form-wrapper {
        margin: 0 auto;
        text-align: center;
        align-items: center;
    }

    #webform-submission-contact-us-node-64-add-form div#edit-processed-text-01 {
        padding-top: 0.5em;
    }

    #webform-submission-contact-us-node-64-add-form div#edit-processed-text-02 {
        padding-top: 0.5em;
    }

    #webform-submission-contact-us-node-64-add-formdiv#edit-webform-title {
        padding-top: 0.5em;
    }

    #block-investmentsection7webformheading .page-node-type-csr-title,
    #block-powerinfrastructuresection7investmentbenefits .page-node-type-csr-title {
        width: 58%;
    }

    #block-investmentsection7webformheading .page-node-type-csr-overview,
    #block-powerinfrastructuresection7investmentbenefits .page-node-type-csr-overview {
        padding-bottom: 0em;
        padding-top: 4.2em;
    }




    #webform-submission-contact-us-node-64-add-form .contact-wrap {
        margin-top: -5em;
        padding: 0 6em;
        margin-bottom: 5em;
    }

    #webform-submission-contact-us-node-64-add-form .contact-box {
        height: 255px;
        width: auto;
        background: #E0E1E1;
        margin: 0 auto;
        text-align: center;
        padding: 4em 3em;
    }

    #webform-submission-contact-us-node-64-add-form .contact-body a {
        font-size: 14px;
        color: #808080;
    }


    #webform-submission-contact-us-node-64-add-form .contact-title {
        font-size: 20px;
        color: #3e404f;
        margin-bottom: 1em;
    }

    #webform-submission-contact-us-node-64-add-form .contact-body {
        font-size: 14px;
        color: #808080;
    }

    #webform-submission-contact-us-node-64-add-form {
        background: var(--color-dark);
        margin: 0;
        padding: 0em 0em 2em 0em;
        margin-left: 3em;
        margin-right: 3em;
        padding-bottom: 4em;
    }

    #block-webform-2 {
        background: var(--color-dark);
    }

    #webform-submission-contact-us-node-64-add-form .form-control {
        background-color: var(--color-dark);
        border: 1px solid WHITE;
        padding: 1.5em 1em;
        margin-top: 0.3em;
        border-radius: 1px;
    }

    #webform-submission-contact-us-node-64-add-form .form-control::placeholder {
        font-size: 18px;
        color: #808080;
    }

    #webform-submission-contact-us-node-64-add-form .panel-title {
        display: none;
    }

    #webform-submission-contact-us-node-64-add-form .panel-heading {
        padding: 0;
        border: 0;
    }

    #webform-submission-contact-us-node-64-add-form .panel-body {
        padding: 0;
        width: 80%;
        margin: 0 auto;
    }

    #block-investmentsection7webformheading p.page-node-type-csr-paragraph,
    #block-powerinfrastructuresection7investmentbenefits p.page-node-type-csr-paragraph {
        padding-top: 0.8em;
    }

    #webform-submission-contact-us-node-64-add-form .panel-default {
        background: transparent;
        border: 0;
        box-shadow: unset;
    }

    #webform-submission-contact-us-node-64-add-form .webform-heading {
        color: WHITE;
        width: 200px;
        font-size: 20px;
        font-family: 'brownR';
        padding: 0px;
        line-height: 46px;
        text-align: left;
        font-weight: bold;
    }

    #webform-submission-contact-us-node-64-add-form .form-item,
    #webform-submission-contact-us-node-64-add-form .form-actions {
        margin: 18px 0;
    }

    #webform-submission-contact-us-node-64-add-form .webform-flexbox .webform-flexbox {
        flex-direction: column;
    }

    #webform-submission-contact-us-node-64-add-form .webform-flex--container {
        text-align: right;
    }

    #webform-submission-contact-us-node-64-add-form .form-wrapper {
        margin: 0 auto;
        text-align: center;
        align-items: flex-start;
    }

    #webform-submission-contact-us-node-64-add-form .form-item,
    #webform-submission-contact-us-node-64-add-form .form-actions {
        margin: 0 !important;
    }


    #webform-submission-contact-us-node-64-add-form #msg {
        display: none;
        padding: 14px 30px;
        font-size: 15px;
        font-family: "Barlow", sans-serif;
    }

    #webform-submission-contact-us-node-64-add-form #map {
        width: 100%;
        height: 310px;
    }

    #webform-submission-contact-us-node-64-add-form .contact-info-section {
        border-color: #e0e0e0;
    }

    #webform-submission-contact-us-node-64-add-form .col-lg-3,
    #webform-submission-contact-us-node-64-add-form .col-lg-5,
    #webform-submission-contact-us-node-64-add-form .col-lg-4 {
        margin-right: 0;
    }

    #webform-submission-contact-us-node-64-add-form .contact-info-post,
    #webform-submission-contact-us-node-64-add-form .contact-info-post,
    #webform-submission-contact-us-node-64-add-form .contact-info-post {
        background-color: var(--color-primary);
        padding: 35px 40px;
        border: none;
        border-right: 1px solid #fff;
    }

    #webform-submission-contact-us-node-64-add-form .contact-info-post:hover {
        opacity: 0.8;
        transition: opacity 0.3s ease-in-out;
    }

    #webform-submission-contact-us-node-64-add-form .col-lg-3 .contact-info-post i,
    #webform-submission-contact-us-node-64-add-form .col-lg-5 .contact-info-post i,
    #webform-submission-contact-us-node-64-add-form .col-lg-4 .contact-info-post i {
        color: #fff;
    }

    #webform-submission-contact-us-node-64-add-form .contact-form-box #contact-form {
        border-color: transparent;
        background-color: #ffffff;
    }

    #webform-submission-contact-us-node-64-add-form .contact-form-box #contact-form .input-line {
        border-color: #e0e0e0;
    }

    #webform-submission-contact-us-node-64-add-form .contact-form-box #contact-form .input-line label {
        color: #444;
        width: 200px;
        font-size: 18px;
        padding: 0px;
        line-height: 46px;
        font-weight: 700;
        text-align: left;
    }

    #webform-submission-contact-us-node-64-add-form .contact-form-box #contact-form input[type=text],
    #webform-submission-contact-us-node-64-add-form .contact-form-box #contact-form input[type=email],
    #webform-submission-contact-us-node-64-add-form .contact-form-box #contact-form textarea {
        color: #6a6d74;
        padding: 10px 15px;
    }

    #webform-submission-contact-us-node-64-add-form #contact-form button {
        color: #ffffff;
        background-color: var(--color-primary);
    }

    #webform-submission-contact-us-node-64-add-form #contact-form button:hover {
        background-color: var(--color-primary);
        opacity: 0.85;
    }





    /* ..........................End form style........................ */






    /* ..........................End Investment Page ........................... */

    /* ................................Start Alamgir Page........................... */


    /* .......................Start Section 1 Heading Alamgir...................... */


    section#block-alamgirsection1heading {
        BACKGROUND-COLOR: #F7F7F7;
    }

    #block-views-block-main-banner-block-12 .page-node-type-csr-section {
        height: 600px;
    }


    #block-alamgirsection1heading h1.gallery-title,
    #block-alamgirsection1heading p.gallery-description {
        width: 58%;
        margin: 0 auto;
    }

    #block-alamgirsection1heading p.gallery-description {
        padding-top: 0.5em;
    }

    #block-alamgirsection1heading h1.gallery-title {
        padding-top: 1em;
    }

    /* .........section 2 heading alamgir block-alamgirsection2headinginvestment...... */

    #block-alamgirsection2headinginvestment .page-node-type-csr-overview {
        padding: 3em 0;
    }

    #block-alamgirsection2headinginvestment .career-heading {
        font-size: 35px !important;
    }

    .block-careersection3-row h2 {
        font-size: 30px;
    }





    /* .............Section 3 Alamgir - Prime location........... */

    .prime-location-section {
        position: relative;
        background-image: url(/system/files/prime%20location%20Untitled%20design.png);
        background-size: cover;
        background-position: center;
        color: var(--color-dark);
        text-align: center;
        padding: 50px 20px;
        height: 113vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        overflow: hidden;
    }

    .prime-location-section h1 {
        font-size: 30px;
        margin: 0;
        transition: transform 0.3s ease-in-out;
    }

    .prime-location-section h1 span {
        color: var(--color-primary);
    }

    .prime-location-section p {
        max-width: 600px;
        margin: 20px auto 0;
        line-height: 1.5;
        font-size: 16px;
        transition: opacity 0.3s ease-in-out;
    }

    .prime-location-section:hover h1 {
        transform: scale(1.05);
    }

    .prime-location-section:hover p {
        opacity: 0.8;
    }


    /* Section 4 Alamgir */

    #block-alamgirsection4projecthighlights .left-side {
        background-color: var(--color-dark);
        padding-left: 3em;
    }

    #block-alamgirsection4projecthighlights .right-side {
        height: 600px;
    }

    .page-node-type-csr- #block-alamgirsection4projecthighlights .section-description {
        color: white;
    }

    #block-alamgirsection4projecthighlights h1.section-title {
        color: white;
    }

    #block-alamgirsection5amenities .main-side {
        width: 80%;
        margin: 0 auto;
        padding: 2em;
        padding-top: 4em;
        padding-bottom: 4em;
    }




    /* ............................End Alamgir Page Internal............................. */

    /* ............................Start Chaharbaag Page Internal............................. */

    /* Section 1 Heading above Chahar block-chaharbaaghsection1bannerabove */




    .image-wraper-ch img {
        width: 100%;
        HEIGHT: auto;
        display: block;
        margin: 0 auto;
    }

    .image-wraper-ch {
        HEIGHT: 136PX;
        WIDTH: 136PX;
        MARGIN: 0 AUTO;
        PADDING: 2EM;
    }

    #block-souqsection1beforebannerlogo .image-wraper-ch {
        width: 100%;
        HEIGHT: 100%;
        display: block;
        margin: 0 auto;
    }

    #block-souqsection1beforebannerlogo .image-wraper-ch {
        HEIGHT: auto;
        WIDTH: 9%;
        MARGIN: 0 AUTO;
        PADDING: 2EM;
    }



    .wrapper-heading-ch {
        background-color: #F3F3F3;
    }


    #block-chaharbaaghsection2mapmasterplan .main-side,
    #block-chaharbaaghenclavesection2mapmasterplan .main-side,
    #block-souqsection3masterplan .main-side {
        /* padding: 2em; */
        height: auto;
        width: 83%;
        margin: 0 auto;
        padding-bottom: 2em;
    }

    #block-chaharbaaghsection2mapmasterplan .main-side{
      width: 100%;
      padding-bottom: 0;
}

#block-chaharbaaghsection2mapmasterplan section.main-section.csr-section7.light-section{
    padding-bottom: 0 !important;
}


    #block-chaharbaaghenclavesection2mapmasterplan .main-side {
        padding-bottom: 0;
        width: 95%;
    }

    #block-souqsection3masterplan .main-side {
        width: 100%;
        padding-bottom: 0;
    }





    #block-chaharbaaghsection2mapmasterplan .full-image,
    #block-chaharbaaghenclavesection2mapmasterplan .full-image,
    #block-souqsection3masterplan .full-image {
        width: 100%;
        height: auto;
        margin: 0;
    }

    #block-chaharbaaghsection2mapmasterplan section.main-section.csr-section7.light-section,
    #block-chaharbaaghenclavesection2mapmasterplan section.main-section.csr-section7.light-section,
    #block-souqsection3masterplan section.main-section.csr-section7.light-section {
        padding: 2em 0;
    }




    .page-node-type-csr- #block-chaharbaaghsection2mapmasterplan .main-section,
    .page-node-type-csr- #block-chaharbaaghenclavesection2mapmasterplan .main-section,
    .page-node-type-csr- #block-souqsection3masterplan .main-section {
        FLEX-DIRECTION: column;
        JUSTIFY-CONTENT: CENTER;
        ALIGN-ITEMS: CENTER;
    }

    #block-chaharbaaghsection2mapmasterplan span.blue-text,
    #block-chaharbaaghenclavesection2mapmasterplan span.blue-text,
    #block-souqsection3masterplan span.blue-text {
        COLOR: var(--color-primary);
    }

    #block-chaharbaaghsection2mapmasterplan h1.gallery-title {
        MARGIN-BOTTOM: 1EM;
    }

    #block-chaharbaaghenclavesection2mapmasterplan h1.gallery-title,
    #block-souqsection3masterplan h1.gallery-title {
        margin-bottom: 0;
    }


    /* ........Chahar Baag Section 3............ */

    #block-chaharbaaghsection3chaharbaaghome .left-side,
    #block-chaharbaaghsection3chaharbaaghome h1.section-title,
    #block-chaharbaaghsection3chaharbaaghome .section-description {
        background-color: var(--color-dark);
        color: white;
    }

    #block-chaharbaaghsection3chaharbaaghome .right-side {
        flex: 1.5;
    }




    /* .............Chahar baagh - Section 4.................. */

    #block-chaharbaaghenclavesection4maplocation {
        background-color: var(--color-dark);
    }

    .page-node-type-csr- #block-chaharbaaghsection4maplocation .gallery-section,
    .page-node-type-csr- #block-chaharbaaghenclavesection4maplocation .gallery-section {
        TEXT-ALIGN: CENTER;
        width: 50%;
        margin: 0 auto;
        padding-bottom: 3em;
    }

    .page-node-type-csr- #block-chaharbaaghenclavesection4maplocation .gallery-section {
        width: 57%;
    }

    #block-chaharbaaghsection4maplocation .full-image,
    #block-chaharbaaghenclavesection4maplocation .full-image {
        width: 100%;
        height: auto;
        margin: 0;
    }

    #block-chaharbaaghsection4maplocation .main-side,
    #block-chaharbaaghenclavesection4maplocation .main-side {
        height: auto;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 2em;
        padding-bottom: 4.5em;
    }

    #block-chaharbaaghsection4maplocation .main-side {
        padding-bottom: 1.5em;
    }

    #block-chaharbaaghsection4maplocation p.gallery-description,
    #block-chaharbaaghenclavesection4maplocation p.gallery-description {
        WIDTH: 85%;
        MARGIN: 0 AUTO;
        FONT-FAMILY: BROWNR;
        font-size: initial;
    }

    #block-chaharbaaghsection4maplocation h1.gallery-title,
    #block-chaharbaaghenclavesection4maplocation h1.gallery-title {
        MARGIN-TOP: 1.5EM;
    }

    #block-chaharbaaghenclavesection4maplocation h1.gallery-title,
    #block-chaharbaaghenclavesection4maplocation p.gallery-description {
        color: white;
    }

    .blue-text {
        color: var(--color-primary);
    }

    .map_iframe_wrapper>iframe {
        width: 100%;
        min-height: 400px;
    }


    div#block-videobg {
        WIDTH: 100%;
        HEIGHT: AUTO;
        MARGIN: 0 AUTO;
        padding-top: 3em;
    }

    section#block-chaharbaaghsection6chaharbagh {
        margin-top: -1em;
    }


    /* ................Chahar Bagh -- Section 6................. */


    /* Container */
    .section-8-charbagh-container {
        width: 90%;
        margin: 0 auto;
        color: white;
        padding-bottom: 4em;
        text-align: center;
        padding-top: 2em;
    }

    .s6-chaharbaagh-wrapper {
        background-color: var(--color-dark);
    }



    /* Title */
    .section-8-charbagh-title {
        font-size: 33px;
        color: white;
        TEXT-TRANSFORM: uppercase;
    }

    .section-8-charbagh-title span {
        color: var(--color-primary);
        /* Blue color code */
    }

    /* Body Text */
    .section-8-charbagh-body {
        margin-top: 1em;
        line-height: 1.6;
        font-family: 'brownR';
        font-size: medium;
        width: 78%;
        margin: 0 auto;
    }

    /* Slider */
    .section-8-charbagh-slider {
        display: flex;
        align-items: center;
        margin-top: 2em;
        position: relative;
        overflow: hidden;
    }

    .section-8-charbagh-slider-track {
        display: flex;
        transition: transform 0.5s ease-in-out;
        width: fit-content;
        justify-content: center;
    }

    .section-8-charbagh-slider-image {
        width: 30%;
        margin: 0 5px;
        border-radius: 10px;
        transition: transform 0.3s ease;
    }

    .section-8-charbagh-slider-image:hover {
        opacity: 0.8;
    }

    .section-8-charbagh-slider-arrow {
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        font-size: 20px;
        cursor: pointer;
        padding: 10px 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
    }

    .section-8-charbagh-slider-arrow.prev {
        left: 0;
    }

    .section-8-charbagh-slider-arrow.next {
        right: 0;
    }

    /* ..........sECTION 7 baag..... */

    #block-chaharbaaghsection7aboutus .right-side {
        flex: 1.5;
    }

    /* .......section 8 -- Amenities...... */

    #block-chaharbaaghsection8amenities .main-side,
    #block-chaharbaaghsection8amenities-2 .main-side {
        width: 80%;
        margin: 0 auto;
        padding: 2em;
        padding-top: 4em;
        padding-bottom: 4em;
    }

    #block-chaharbaaghsection8amenities .full-image,
    #block-chaharbaaghsection8amenities-2 .full-image {
        width: 100%;
        height: auto;
        margin: 0;
    }


    #block-chaharbaaghsection8amenities .main-section,
    #block-chaharbaaghsection8amenities-2 .main-section {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        gap: 0px;
        padding-top: 0;
        PADDING-LEFT: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .s8-baagh-wrapper-amenities {
        background-color: var(--color-dark);
    }

    #block-souqsection5amenities .s8-baagh-wrapper-amenities {
        background-color: white;
    }

    #block-souqsection5amenities .main-side {
        width: 80%;
        margin: 0 auto;
        padding: 1em;
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .souq-section4-closer-title {
        margin-bottom: 1em;
    }

    #block-views-block-charhar-bagh-enclave-section-block-2 .view-content {
        PADDING-BOTTOM: 3EM;
    }

    #block-souqsection3masterplan .main-side {
        padding-bottom: 2em;
    }



    /* ..........section 9 char baagh block-chaharbaaghsection9chaharbagh............ */

    #block-chaharbaaghsection9chaharbagh,
    #block-chaharbaaghsection9ballotresult,
    #block-souqsection2overview {
        padding-top: 2em;
        padding-bottom: 1em;
    }

    #block-chaharbaaghsection9ballotresult,
    #block-souqsection2overview {
        background-color: var(--color-dark);
    }

    #block-chaharbaaghsection9ballotresult h1.gallery-title,
    #block-chaharbaaghsection9ballotresult p.gallery-description,
    #block-souqsection2overview h1.gallery-title,
    #block-souqsection2overview p.gallery-description {
        color: white;
    }

    #block-souqsection2overview h1.gallery-title {
        padding-bottom: 0.2em;
    }

    #block-chaharbaaghsection9ballotresult .page-node-type-csr-button,
    #block-souqsection2overview .page-node-type-csr-button {
        border-radius: 15px;
    }


    #block-souqsection2overview .gallery-section {
        width: 55%;
        PADDING-BOTTOM: 2.7EM;
    }

    #block-souqsection2overview .gallery-description {
        font-size: 16px;
    }

    /* ....................Table in chahar bhag -- changes...................... */

    /* Section styling to avoid conflicts */
    .chahar-bhag-s9-section {
        margin: 20px auto;
        max-width: 800px;
        /* Adjust width if necessary */
    }

    .chahar-bhag-s9-table {
        width: 100%;
        border-collapse: collapse;
        font-family: inherit;
        /* Inherit font from the parent */
    }

    #block-chaharbaaghsection9ballotresult .chahar-bhag-s9-table td {
        border: 1px solid white;
        padding: 10px;
        color: white;
        font-family: 'brownL';
        text-align: center;
    }



    .chahar-bhag-s9-title {
        font-size: 14px;
        /* Adjust font size for consistency */
    }

    .chahar-bhag-s9-button-cell {
        text-align: center;
    }

    a.chahar-bhag-s9-view-button {
        padding: 5px 15px;
        background-color: var(--color-dark);
        /* Simple button styling */
        /* border: 1px solid white; */
        cursor: pointer;
        font-family: inherit;
        /* Ensure font matches the section */
        font-size: 16px;
        color: white;
    }

    a.chahar-bhag-s9-view-button:hover {
        opacity: 0.8;
    }



    /* ..........section 10 char baagh pORTAL block-chaharbaaghsection10portal............ */

    #block-chaharbaaghsection10portal {
        background-color: var(--color-dark);
        color: white;
    }

    #block-chaharbaaghsection10portal-2 .left_internal_wrapper {
        width: 65%;
        margin: 0 auto;
        padding-left: 1em;
    }

    #block-chaharbaaghsection10portal-2 .right-side {
        flex: 1.5;
    }

    #block-chaharbaaghsection10portal .section-description,
    #block-chaharbaaghsection10portal .section-title {
        color: white;
    }

    #block-chaharbaaghsection10portal .left_internal_wrapper {
        width: 68%;
        padding-left: 0;
        margin: 0 auto;
    }



    /* ..........section 11 char baagh Why Choose Us block-chaharbaaghsection11whychooseus............ */

    #block-chaharbaaghsection11whychooseus {}


    /* Section Styling */
    .section10-why-choose {
        padding: 2em;
        text-align: center;
        background-color: white;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    /* Title Styling */
    .section10-why-choose-title {
        font-size: 31px;
        font-weight: bold;
        color: var(--color-dark);
        text-transform: uppercase;
        font-family: var(fontR);
    }

    .section10-why-choose-highlight {
        color: var(--color-primary);
    }

    /* Paragraph Styling */
    .section10-why-choose-paragraph {
        color: var(--color-dark);
        font-size: 1rem;
        margin-top: 2em;
    }

    /* Icon Row Styling */
    .section10-why-choose-icons {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4em;
        margin-top: 2em;
    }

    /* Icon Wrapper */
    .section10-why-choose-icon-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        transition: transform var(--transition-speed), opacity var(--transition-speed);
    }

    /* Icon Image */
    .section10-why-choose-icon {
        width: 139px;
        height: 122px;
        margin-bottom: 1em;
        object-fit: contain;
        transition: opacity var(--transition-speed);
    }

    /* Icon Title */
    .section10-why-choose-icon-title {
        margin-top: 1em;
        font-size: 0.9rem;
        font-weight: bold;
        color: var(--color-dark);
    }

    /* Hover Effects */
    .section10-why-choose-icon-wrapper:hover {
        transform: scale(1);
        opacity: 0.8;
    }

    .section10-why-choose-icon-wrapper:hover .section10-why-choose-icon {
        opacity: 1;
    }

    p.section10-why-choose-icon-title {
        font-size: 18px;
        font-family: 'brownR';
        margin-bottom: 1em;
        width: 80%;
        margin: 0 auto;
    }

    .section10-why-choose-paragraph {
        color: var(--color-dark);
        font-size: 1rem;
        opacity: 0.8;
        margin-top: 0em;
        margin-bottom: 2em;
        font-family: 'brownR';
        font-size: 21px;
    }

    section#block-chaharbaaghsection11whychooseus,
    section#block-chaharbaaghsection11whychooseus-2 {
        margin-bottom: 4em;
        margin-top: 2.8em;
    }




    /* ..........section 12 char baagh Why Choose Us block-chaharbaaghsection12salespartner............ */

    #block-chaharbaaghsection12salespartner {}


    #block-chaharbaaghsection12salespartner .sales-partners {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 10%;
        background-color: var(--color-dark);
        color: var(--color-white);
        height: 210px;
        box-sizing: border-box;
    }

    #block-chaharbaaghsection12salespartner .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: white;
    }

    #block-chaharbaaghsection12salespartner .title {
        font-size: 30px;
        FONT-FAMILY: 'brownR';
        margin: 0 0 1px;
    }

    #block-chaharbaaghsection12salespartner .description {
        font-size: 18px;
        font-family: 'brownR', sans-serif;
        margin: 0;
    }

    #block-chaharbaaghsection12salespartner .button-container {
        display: flex;
        align-items: center;
    }

    #block-chaharbaaghsection12salespartner .contact-button {
        text-transform: uppercase;
        color: var(--color-dark);
        background-color: var(--color-white);
        text-decoration: none;
        border-radius: 50px;
        padding: 10px 40px;
        font-size: 16px;
        /* font-weight: bold; */
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    #block-chaharbaaghsection12salespartner .contact-button:hover {
        background-color: var(--button-hover);
        transform: scale(1.05);
        color: white;
    }



    /* ..........section 14 char baagh -- Offerings ---block-views-block-offering-at-offerings-of-chahar-bagh-block-1 ............ */



    /* Body */

    #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 {
        margin: 0;
        padding: 0;
        background-color: white;
        /* display: flex; */
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        font-size: 16px;
    }

    /* Section Styling */
    #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 {
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding: 3em 0;
    }

    .section13-offering-small-title {
        font-size: 14px;
        text-transform: uppercase;
        color: var(--color-dark);
        margin-bottom: 0.5em;
        font-family: 'brownR';
        font-size: 18px;
    }

    .section13-offering-main-title {
        font-family: 'brownB', sans-serif;
        font-size: 34px;
        text-transform: uppercase;
        color: var(--color-dark);
        margin: 0;
    }

    .section13-offering-main-title span {
        color: var(--color-primary);
        font-size: 19px;
    }

    .section13-offering-description {
        color: var(--color-dark);
        margin: 0 auto;
        padding: 1em 0;
        max-width: 80%;
    }

    #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 .view-header span {
        color: var(--color-primary);
        font-size: 35px;
        font-family: 'brownB';
    }


    /* Images Container */
    .section13-offering-images-container {
        display: flex;
        justify-content: center;
        gap: 2em;
        padding-top: 3em;
        flex-wrap: wrap;
    }

    /* Image Card Styling */
    .section13-offering-image-card {
        position: relative;
        width: 330px;
        height: 573px;
        background-color: #ddd;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .section13-offering-image-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: opacity 0.3s ease;
    }

    .section13-offering-image-card:hover {
        transform: scale(1);
        opacity: 0.9;
    }

    .section13-offering-image-card .section13-offering-image-title {
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--overlay-dark);
        color: white;
        padding: 1em;
        font-size: 25px;
        font-family: 'brownB', sans-serif;
        width: 100%;
        text-align: left;
        border-radius: 0 0 10px 10px;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    .section13-offering-image-card:hover .section13-offering-image-title {
        opacity: 0.9;
    }


    #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 p.section13-offering-description {
        font-size: 19px;
        font-family: 'brownR';
        width: 63%;
    }

    #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 .slick-prev {
        left: -9%;
    }

    #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 .slick-next {
        left: 102% !important;
    }

    /* ........section 13 Chaharbaag......... */


    #block-chaharbaaghsection13projectinfo .right-side {
        flex: 2;
    }

    #block-chaharbaaghsection13projectinfo {
        background-color: var(--color-dark);
    }

    #block-chaharbaaghsection13projectinfo .img-wrapper-s13 {
        height: 159px;
        width: 136px;
    }

    #block-chaharbaaghsection13projectinfo .img-wrapper-s13 img {
        height: auto;
        width: 100%;
    }

    .page-node-type-csr- #block-chaharbaaghsection13projectinfo .section-title,
    .page-node-type-csr- #block-chaharbaaghsection13projectinfo .section-description {
        color: white;
    }

    .page-node-type-csr- #block-chaharbaaghsection13projectinfo .left_internal_wrapper {
        width: 85%;
        padding-left: 1em;
        margin: 0 auto;
    }


    /* .........................Section 1................... */

    #block-views-block-main-banner-block-14 .page-node-type-csr-section.chaharbagh-enclave img,
    #block-views-block-main-banner-block-15-2 .page-node-type-csr-section img {
        object-fit: fill;
        width: 100%;
        height: 42em;
    }


    .slick--view--our-facilities .slick-list .slick-track:nth-child(odd) {
        height: 500px;
    }









    /* ....................Enclave Image & SOUQ Image Section................. */

    #block-views-block-charhar-bagh-enclave-section-block-1,
    #block-views-block-charhar-bagh-enclave-section-block-2 {
        margin: 0;
        font-family: inherit;
        background-color: var(--color-dark);
        color: #fff;
        padding-top: 2em;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .enclave-text {
        WIDTH: 70%;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .section-wrapper-enclve {
        padding-bottom: 0em;
    }

    .enclave-section {
        max-width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .enclave-title {
        font-size: 30px;
        font-family: inherit;
        text-transform: uppercase;
        color: white;
        background: linear-gradient(to right, white 50%, var(--color-primary) 50%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
    }

    .enclave-subtitle {
        font-size: 24px;
        text-transform: uppercase;
        color: white;
        margin-top: 0;
        margin-bottom: 1em;
    }

    .enclave-text {
        text-align: justify;
        line-height: 1.8;
        margin: 0 auto;
        font-size: 15px;
        font-family: 'brownR';
        WIDTH: 50%;
        TEXT-ALIGN: CENTER;
    }

    .enclave-img-section-s12 {
        HEIGHT: 300PX;
    }

    #block-alamgirsection6earnscheme .left-side-wrapper {
        width: 62%;
        MARGIN: 0 AUTO;
    }

    /* .enclave-img-section-s12 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
        margin-top: 3em;
    } */

    #block-views-block-charhar-bagh-enclave-section-block-1 .view-content,
    #block-views-block-charhar-bagh-enclave-section-block-2 .view-content {
        /* display: flex; */
        justify-content: center;
        align-items: center;
        gap: 1em;
        margin-top: 3em;
        PADDING-BOTTOM: 5EM;
        width: 80%;
        margin: 0 auto;
    }





    .enclave-img-section-s12 img {
        border-radius: 10px;
        transition: opacity 0.3s, transform 0.3s;
        opacity: 0.9;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .view-content img:hover,
    #block-views-block-charhar-bagh-enclave-section-block-2 .view-content img:hover {
        opacity: 1;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .view-content .small-img,
    #block-views-block-charhar-bagh-enclave-section-block-2 .view-content .small-image {
        width: 327px;
        height: 331px;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .view-content .large-img,
    #block-views-block-charhar-bagh-enclave-section-block-2 .view-content .large-img {
        width: 593px;
        height: 604px;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .view-content img:not(.large-img):hover,
    #block-views-block-charhar-bagh-enclave-section-block-2 .view-content img:not(.large-img):hover {
        /* transform: scale(1.05); */
    }

    h2.enclave-subtitle,
    .enclave-title {
        text-align: center;
        color: white;
    }

    h2.enclave-subtitle {
        font-family: 'brownL' !important;
        font-size: 16px;
    }

    .enclave-title {
        margin-bottom: 0;
    }


    .csr-section-title {
        text-align: center;

    }


    .enclave-img-section-s12 img {
        border-radius: 10px;
        transition: opacity 0.3s, transform 0.3s;
        opacity: 0.9;
        width: 327px;
        /* Small size default */
        height: auto;
        /* Small size default */
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .view-content img:hover {
        opacity: 1;
    }

    /* enaclave image effect */


    #block-views-block-charhar-bagh-enclave-section-block-1 .slick-track .slick__slide:nth-child(even) img,
    #block-views-block-charhar-bagh-enclave-section-block-2 .slick-track .slick__slide:nth-child(even) img {
        transition: all 0.3s ease;
        /* Smooth transition for resizing */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    }







    /* ............ */

    .enclave-img-section-s12 {
        HEIGHT: auto;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .slick-prev {
        left: -7%;
    }

    #block-views-block-charhar-bagh-enclave-section-block-1 .slick-next {
        left: 98%;
    }

    .section-wrapper-enclve {
        padding-bottom: 3em;
    }

    #block-views-block-charhar-bagh-enclave-section-block-2 .section-wrapper-enclve {
        padding-bottom: 0;
    }





























    /* ............................End Chaharbaagh Page Internal............................. */

    /* .....................................Start SOUQ Internal Page........................ */



    /* Global Variables */

    #block-souqsection7commercialplots {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        background-color: var(--color-dark);
        color: white;
    }

    #block-souqsection7commercialplots .section-description {
        color: white;
    }

    #block-souqsection7commercialplots .section-title {
        color: white;
    }

    #block-souqsection7commercialplots .left_internal_wrapper {
        width: 80%;
        margin: 0 auto;
    }







    /* ...............nEW cLOSE TO YOU css................ */

    .souq-section4-closer-wrapper {
        padding: 2em;
        color: white;
        padding-bottom: 3.5em;
    }


    .souq-section4-closer-title {
        text-align: center;
        font-size: 32px;
        margin-bottom: 1.5em;
    }

    .souq-section4-closer-highlight {
        color: var(--color-primary);
    }

    section#block-souqsection4newclosertoyou {
        background-color: var(--color-dark);
    }

    /* Grid Layout */
    .souq-section4-closer-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1em;
    }

    .souq-section4-closer-card {
        position: relative;
        border-radius: 7px;
        overflow: hidden;
        transition: transform 0.3s ease-in-out;
        margin: 0 1em;
        --transition-05: all 0.5s ease;
    }

    .souq-section4-closer-card:hover {
        opacity: 0.9;
        --transition-05: all 0.5s ease;
    }

    .wrapper-row-one .souq-section4-closer-card {
        width: 49%;
        margin: 0 1em;
    }

    .wrapper-row-one {
        display: flex;
        padding: 1em 0;
        height: 281px;
    }


    .second-colunm-wrapper .souq-section4-closer-card {
        height: 488px;
        width: 88%;
        margin: 0 auto;
    }

    .thrid-colunm-wrapper .souq-section4-closer-image {
        height: 238px;

    }

    .thrid-colunm-wrapper .souq-section4-closer-card {
        margin: 1em;
        margin-top: 0;
    }

    /* .souq-section4-closer-card:hover {
    transform: scale(1.05);
  } */

    .souq-section4-closer-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        --transition-05: all 0.5s ease;
    }

    .souq-section4-closer-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: var(--color-white);
        color: var(--color-dark);
        padding: 0.5em;
        text-align: left;
    }

    .souq-section4-closer-overlay h3 {
        font-size: 18px;
        margin: 0;
    }

    .souq-section4-closer-overlay p {
        font-size: 14px;
        margin: 0;
    }


    @media (max-width: 1024px) {
        .souq-section4-closer-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 768px) {
        .souq-section4-closer-grid {
            grid-template-columns: 1fr;
        }
    }










    /* ............................End SOUQ ........................ */

    /* ...................Start Update sTART hAPPENING BLOG............. */

    .page-node-type-updates-projects {}

    .page-node-type-updates-projects .content .field--name-field-featured-image img {
        width: 100%;
        max-height: 51em;
    }

    .page-node-type-updates-projects .breadcrumb {
        display: none;
    }

    .page-node-type-updates-projects h1#page-title {
        text-align: center;
    }


    /* ..............................Start Investment Sectors Page Standered Code Investment Sector........................... */

    /* ...........Use .investment-sector-as a Prefix................... */

    /* ..................start .section-1-intro-investment-sector -- Section 1 Standered Investment Sectors Internal............... */

    .section-1-intro-investment-sector {}

    .investment-sector-gallery-section {
        TEXT-ALIGN: CENTER;
        width: 85%;
        margin: 0 auto;
    }

    .investment-sector-gallery-title {
        TEXT-TRANSFORM: UPPERCASE;
        font-family: 'brownB';
    }

    .investment-sector-wrapper-heading-ch {
        background-color: #F3F3F3;
    }

    /* .................. End .section-1-intro-investment-sector -- Section 1 Standered Investment Sectors Internal............... */
    /* .................. Start Section 2 Standered Investment Sectors Internal............... */

    .investment-sectors-main-banner img {
        width: 100%;
    }

    /* .................. End Section 2 Standered Investment Sectors Internal............... */
    /* .................. Start .section-2-investment-sector -- Section 3 -- Standered Investment Sectors Internal............... */

    .section-2-investment-sector {}

    .investment-sectors-transforming-agriculture-wrapper {
        padding: 2em 2em 3em 2em;
        width: 62%;
        margin: 0 auto;
    }

    .investment-sectors-gallery-description {
        font-size: 18px;
        margin: 0 auto;
        width: 65%;
        font-family: 'brownR';
    }




    /* .................. End .section-2-investment-sector -- Section 3 Standered Investment Sectors Internal............... */
    /* .................. Start Section 4 (dark) -- section-3-investment-sector & section-4-investment-sector -- Standered Investment Sectors Internal............... */

    .section-3-investment-sector {}

    .section-4-investment-sector {}

    .investment-sectors-main-section {
        display: flex;
        justify-content: space-between;
        gap: 0;
        padding: 0;
    }

    .page-node-type-csr- .main-section {
        width: 100%;
    }


    .investment-sectors-left-side {
        flex: 1;
        padding-top: 0em;
        padding-right: 0;
        display: flex;
        align-items: center;
    }

    .investment-sectors-left_internal_wrapper {
        width: 65%;
        margin: 0 auto;
        padding-left: 0;
    }

    .investment-sectors-section-description,
    .investment-sectors-section-title {
        color: white;
    }


    .investment-sectors-section-title,
    .investment-sectors-section-title-light {
        margin-top: 0;
        margin-bottom: 1em;
        font-size: 34px;
        color: white;
        font-family: 'brownB';
        text-transform: uppercase;
    }

    .investment-sectors-section-title-light {
        color: var(--color-dark);
    }

    .investment-sectors-section-description,
    .investment-sectors-section-description-light {
        font-size: 20px;
        FONT-FAMILY: 'brownR';
        text-align: justify;
        margin-bottom: 20px;
        margin-top: 1px;
    }

    .investment-sectors-section-description-light {
        color: var(--color-dark);
    }

    .investment-sectors-right-side {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    .investment-sectors-full-image {
        width: 100%;
        height: auto;
        margin: 0;
    }

    h1.investment-sectors-section-title.blue_heading {
        color: var(--color-primary);
    }

    .section-4-investment-sector .investment-sectors-left-side .investment-sectors-section-title-light span.blue_heading {
        padding-bottom: 0.5em;
    }

    .section-4-investment-sector .investment-sectors-section-title,
    .section-4-investment-sector .investment-sectors-section-title-light {
        margin-bottom: 0.5em;
    }



    /* .................. End section-4-investment-sector --  Section 4  Standered Investment Sectors Internal............... */
    /* .................. #investment-sector-img-view Start Section 5 -- Standered Investment Sectors Internal............... */

    #investment-sector-img-view {}

    .investment-dark-bg {
        background-color: var(--color-dark);
    }

    .investment-sector-s7-main-wrapper {
        padding: 4em 0;
        padding-top: 0;
        margin-bottom: 0;
    }

    #block-views-block-sectors-of-investment-block-4 .investment-sector-s7-main-wrapper {
        padding: 4em 0.5em;
    }

    .internal-wrapper-investment-sector-s7 {
        padding-bottom: 5em;
        gap: 0.4em;
        display: flex;
        justify-content: center;
        gap: 1.5em;
        margin-top: 0em;
        padding: 0;
    }

    .page-node-type-csr-block-crssection7-gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: 7px;
        transition: transform 0.3s ease;
    }

    .item-internal-wrapper-investment-sector-s7 {
        position: relative;
        overflow: hidden;
        border-radius: 7px;
        transition: transform 0.3s ease;
        WIDTH: 95%;
    }

    #block-views-block-sectors-of-investment-block-2 .item-internal-wrapper-investment-sector-s7,
    #block-views-block-sectors-of-investment-block-3 .item-internal-wrapper-investment-sector-s7 {
        width: 85%;
    }

    .overley-item-internal-wrapper-investment-sector-s7 p {
        font-size: 16px;
    }

    .item-internal-wrapper-investment-sector-s7 img {
        width: 100%;
        height: 281px;
        object-fit: cover;
    }

    #block-views-block-sectors-of-investment-block-4 .item-internal-wrapper-investment-sector-s7 img {
        width: 194px;
    }

    .overley-item-internal-wrapper-investment-sector-s7 {
        position: absolute;
        bottom: 0;
        left: 0;
        color: white;
        text-align: left;
        width: 100%;
        height: 42%;
        padding: 9px;
        BORDER-RADIUS: 10PX;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5));
    }

    .image-title-internal-wrapper-investment-sector-s7 {
        margin-top: 0;
        font-size: 18px;
        text-align: center;
        color: var(--color-primary);
        margin-bottom: 0.2em;
    }

    #block-views-block-sectors-of-investment-block-5 .view-header {
        text-align: center;
        font-size: 25px;
        color: white;
        font-size: 34px;
        font-family: 'brownB', sans-serif !important;
        text-transform: uppercase;
        margin-bottom: 10px;
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 0.5em;
    }

    #block-views-block-sectors-of-investment-block-5 .investment-sectors-left-side {
        flex-direction: column;
    }

    #block-views-block-sectors-of-investment-block-5 .investment-sector-investment-benefit {
        padding-top: 0em;
        padding-bottom: 0em;
    }

    .page-node-type-csr-block-crssection7-gallery-item p {
        font-size: 12px;
        font-family: 'brownR';
        margin-top: -3px;
        text-align: center;
    }

    .body-title-internal-wrapper-investment-sector-s7 {
        font-size: 18px;
        font-family: 'brownR';
        text-align: center;
        text-transform: capitalize;
    }

    .overley-item-internal-wrapper-investment-sector-s7 p {
        text-align: center;
        font-family: 'brownR';
        font-size: 15px;
    }






    /* .................. End #investment-sector-img-view Section 5 Standered Investment Sectors Internal ............... */
    /* .................. Start .section-6-investment-sector Section 6 -- block-farmermarketsection6strategiclocation -- Standered Investment Sectors Internal  ............... */

    .section-6-investment-sector {}

    .section-6-investment-sector .investment-sectors-full-image {
        width: 100%;
        height: 630px;
        margin: 0;
    }

    .section-6-investment-sector .investment-sectors-left_internal_wrapper {
        width: 80%;
        margin: 0 auto;
        padding-left: 0;
    }





    /* .................. End .section-6-investment-sector Section 6 Standered Investment Sectors Internal ............... */
    /* .................. Start block-farmermarketsection7investmentbenefits .section-7-investment-sector Section 7 -- Standered Investment Sectors Internal............... */

    .section-7-investment-sector {}

    .investment-sector-investment-benefit {
        background-color: var(--color-dark);
        color: white;
        font-family: 'brownR';
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .investment-sector-left-side-wrapper {
        width: 90%;
        MARGIN: 0 AUTO;
        padding-top: 2em;
    }

    #block-views-block-sectors-of-investment-block-1 .view-content,
    #block-views-block-sectors-of-investment-block-5 .view-content {
        width: 85%;
        margin: 0 auto;
    }

    .page-node-type-csr- #block-views-block-sectors-of-investment-block-1 .slick-next {
        left: 100% !important;
    }


    .section-7-investment-sector .investment-sector-section-title,
    .section-7-investment-sector .investment-sector-section-description {
        color: white;

    }

    .section-7-investment-sector .investment-sector-section-title {
        font-size: 34px;
        font-family: 'brownB', sans-serif !important;
        text-transform: uppercase;
        margin-bottom: 10px;
        width: 50%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 0.5em;
    }

    #block-views-block-sectors-of-investment-block-5 .section-7-investment-sector .investment-sector-section-title {
        width: 77%;
    }



    .section-7-investment-sector p.investment-sector-section-description {
        width: 80%;
        margin: 0 auto;
        text-align: center !important;
    }

    .section-7-investment-sector .investment-sector-left-internal {
        display: flex;
        justify-content: space-between;
        margin-top: 2em;
    }

    .section-7-investment-sector .investment-sector-left-child {
        padding: 1em;
    }

    .section-7-investment-sector .investment-sector-left-child,
    .section-7-investment-sector .investment-sector-right-child {
        flex: 1;
    }

    .section-7-investment-sector .img-invest-benefit img {
        width: 100%;
        display: block;
    }

    .section-7-investment-sector .investment-sector-left-child img,
    .section-7-investment-sector .investment-sector-right-child img {
        padding: 0em;
        margin: 0 auto;
    }

    .section-7-investment-sector .icon-investment-benefit {
        width: 40px;
        height: auto;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }


    .section-7-investment-sector p.child-description-investment-sector {
        FONT-SIZE: 17PX;
    }

    .section-7-investment-sector p.investment-sector-section-description {
        font-size: 20px;
        padding-top: 2em;
    }

    .section-7-investment-sector h2.child-title-investment-sector,
    .section-7-investment-sector .child-description-investment-sector {
        text-align: center;
    }

    .section-7-investment-sector h1.investment-sector-section-title.blue_heading {
        color: var(--color-primary);
    }

    .section-7-investment-sector h2.child-title-investment-sector {
        font-size: 22px;
        font-family: 'brownR';
    }

    p.child-description-investment-sector,
    h2.child-title-investment-sector {
        width: 70%;
        margin: 0 auto;
    }







    /* .................. End Section 7 Standered Investment Sectors Internal............... */
    /* .................. Start Section 8 --  Webform Standered Investment Sectors Internal............... */

    .webform-title-investment-secotr {
        background-color: white;
        color: var(--color-dark);
        text-align: center;
        padding-bottom: 0em;
        padding-top: 4.2em;
    }

    .webform-title-investment-secotr h1.webform-heading-title {
        font-size: 35px !important;
        width: 58%;
        text-transform: uppercase;
        margin: 0 auto;
    }

    .webform-paragraph-investment,
    .webform-subtitle-invest-2 {
        font-family: 'brownR';
        text-align: center;
        padding-top: 0.8em;
        width: 49%;
        margin: 0 auto;
        font-size: 18px;
    }

    #webform-submission-education-sector-form-node-92-add-form .panel-body {
        width: 50% !important;
    }




    /* ........Start Webform Investment Sectors Forms Webform Standered WEBFORM............... */



    #webform-submission-farmer-investment-form-node-83-add-form .btn-primary,
    #webform-submission-education-sector-form-node-92-add-form .btn-primary,
    #webform-submission-low-cost-housing-node-98-add-form .btn-primary,
    #webform-submission-get-involved-node-97-add-form .btn-primary,
    #webform-submission-entertainment-hub-node-93-add-form .btn-primary,
    #webform-submission-health-sector-form-node-91-add-form .btn-primary,
    #webform-submission-sports-complex-node-95-add-form .btn-primary,
    #webform-submission-hospitality-sector-node-94-add-form .btn-primary {
        background: #3d3d3d;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        color: var(--color-dark);
        margin-top: 1em;
        background: var(--color-primary);
        border: 1px solid var(--color-primary);
        width: 130px;
        BORDER-RADIUS: 50PX;
    }




    #webform-submission-farmer-investment-form-node-83-add-form button:hover,
    #webform-submission-education-sector-form-node-92-add-form button:hover,
    #webform-submission-low-cost-housing-node-98-add-form button:hover,
    #webform-submission-get-involved-node-97-add-form button:hover,
    #webform-submission-entertainment-hub-node-93-add-form button:hover,
    #webform-submission-health-sector-form-node-91-add-form button:hover,
    #webform-submission-sports-complex-node-95-add-form button:hover,
    #webform-submission-hospitality-sector-node-94-add-form button:hover {
        background-color: white;
        opacity: 0.85;
        color: var(--color-dark);
    }



    #webform-submission-farmer-investment-form-node-83-add-form,
    #webform-submission-education-sector-form-node-92-add-form,
    #webform-submission-low-cost-housing-node-98-add-form,
    #webform-submission-get-involved-node-97-add-form,
    #webform-submission-health-sector-form-node-91-add-form,
    #webform-submission-sports-complex-node-95-add-form,
    #webform-submission-hospitality-sector-node-94-add-form {
        background: white;
        margin: 0;
        padding-bottom: 4em;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .form-control,
    #webform-submission-education-sector-form-node-92-add-form .form-control,
    #webform-submission-low-cost-housing-node-98-add-form .form-control,
    #webform-submission-get-involved-node-97-add-form .form-control,
    #webform-submission-entertainment-hub-node-93-add-form .form-control,
    #webform-submission-health-sector-form-node-91-add-form .form-control,
    #webform-submission-sports-complex-node-95-add-form .form-control,
    #webform-submission-hospitality-sector-node-94-add-form .form-control {
        background-color: white;
        border: 1px solid var(--color-dark);
        padding: 1.5em 1em;
        margin-top: 0.3em;
        border-radius: 1px;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .form-control::placeholder,
    #webform-submission-education-sector-form-node-92-add-form .form-control::placeholder,
    #webform-submission-low-cost-housing-node-98-add-form .form-control::placeholder,
    #webform-submission-get-involved-node-97-add-form .form-control::placeholder,
    #webform-submission-entertainment-hub-node-93-add-form .form-control::placeholder,
    #webform-submission-health-sector-form-node-91-add-form .form-control::placeholder,
    #webform-submission-sports-complex-node-95-add-form .form-control::placeholder,
    #webform-submission-hospitality-sector-node-94-add-form .form-control::placeholder {
        font-size: 18px;
        color: #808080;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .panel-title,
    #webform-submission-education-sector-form-node-92-add-form .panel-title,
    #webform-submission-low-cost-housing-node-98-add-form .panel-title,
    #webform-submission-get-involved-node-97-add-form .panel-title,
    #webform-submission-entertainment-hub-node-93-add-form .panel-title,
    #webform-submission-health-sector-form-node-91-add-form .panel-title,
    #webform-submission-sports-complex-node-95-add-form .panel-title,
    #webform-submission-hospitality-sector-node-94-add-form .panel-title {
        display: none;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .panel-heading,
    #webform-submission-education-sector-form-node-92-add-form .panel-heading,
    #webform-submission-low-cost-housing-node-98-add-form .panel-heading,
    #webform-submission-get-involved-node-97-add-form .panel-heading,
    #webform-submission-entertainment-hub-node-93-add-form .panel-heading,
    #webform-submission-health-sector-form-node-91-add-form .panel-heading,
    #webform-submission-sports-complex-node-95-add-form .panel-heading,
    #webform-submission-hospitality-sector-node-94-add-form .panel-heading {
        padding: 0;
        border: 0;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .panel-body,
    #webform-submission-education-sector-form-node-92-add-form .panel-body,
    #webform-submission-low-cost-housing-node-98-add-form .panel-body,
    #webform-submission-get-involved-node-97-add-form .panel-body,
    #webform-submission-entertainment-hub-node-93-add-form .panel-body,
    #webform-submission-health-sector-form-node-91-add-form .panel-body,
    #webform-submission-sports-complex-node-95-add-form .panel-body,
    #webform-submission-hospitality-sector-node-94-add-form .panel-body {
        padding: 0;
        width: 62%;
        margin: 0 auto;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .panel-default,
    #webform-submission-education-sector-form-node-92-add-form .panel-default,
    #webform-submission-low-cost-housing-node-98-add-form .panel-default,
    #webform-submission-get-involved-node-97-add-form .panel-default,
    #webform-submission-entertainment-hub-node-93-add-form .panel-default,
    #webform-submission-health-sector-form-node-91-add-form .panel-default,
    #webform-submission-sports-complex-node-95-add-form .panel-default,
    #webform-submission-hospitality-sector-node-94-add-form .panel-default {
        background: transparent;
        border: 0;
        box-shadow: unset;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .webform-heading,
    #webform-submission-education-sector-form-node-92-add-form .webform-heading,
    #webform-submission-low-cost-housing-node-98-add-form .webform-heading,
    #webform-submission-get-involved-node-97-add-form .webform-heading,
    #webform-submission-entertainment-hub-node-93-add-form .webform-heading,
    #webform-submission-health-sector-form-node-91-add-form .webform-heading,
    #webform-submission-sports-complex-node-95-add-form .webform-heading,
    #webform-submission-hospitality-sector-node-94-add-form .webform-heading {
        color: var(--color-dark);
        width: 200px;
        font-size: 20px;
        font-family: 'brownR';
        padding: 0px;
        line-height: 46px;
        text-align: left;
        font-weight: bold;
    }



    #webform-submission-farmer-investment-form-node-83-add-form .form-wrapper,
    #webform-submission-education-sector-form-node-92-add-form .form-wrapper,
    #webform-submission-low-cost-housing-node-98-add-form .form-wrapper,
    #webform-submission-get-involved-node-97-add-form .form-wrapper,
    #webform-submission-entertainment-hub-node-93-add-form .form-wrapper,
    #webform-submission-health-sector-form-node-91-add-form .form-wrapper {
        margin: 0 auto;
        text-align: center;
        align-items: flex-start;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .form-item,
    #webform-submission-farmer-investment-form-node-83-add-form .form-actions,
    #webform-submission-education-sector-form-node-92-add-form .form-item,
    #webform-submission-education-sector-form-node-92-add-form .form-actions,
    #webform-submission-low-cost-housing-node-98-add-form .form-item,
    #webform-submission-low-cost-housing-node-98-add-form .form-actions,
    #webform-submission-get-involved-node-97-add-form .form-item,
    #webform-submission-get-involved-node-97-add-form .form-actions,
    #webform-submission-entertainment-hub-node-93-add-form .form-item,
    #webform-submission-entertainment-hub-node-93-add-form .form-actions,
    #webform-submission-health-sector-form-node-91-add-form .form-item,
    #webform-submission-health-sector-form-node-91-add-form .form-actions,
    #webform-submission-sports-complex-node-95-add-form .form-item,
    #webform-submission-sports-complex-node-95-add-form .form-actions,
    #webform-submission-hospitality-sector-node-94-add-form .form-item,
    #webform-submission-hospitality-sector-node-94-add-form .form-actions {
        margin: 0 !important;
    }


    #webform-submission-farmer-investment-form-node-83-add-form #contact-form button:hover,
    #webform-submission-education-sector-form-node-92-add-form #contact-form button:hover,
    #webform-submission-low-cost-housing-node-98-add-form button:hover,
    #webform-submission-get-involved-node-97-add-form button:hover,
    #webform-submission-entertainment-hub-node-93-add-form button:hover,
    #webform-submission-health-sector-form-node-91-add-form button:hover,
    #webform-submission-sports-complex-node-95-add-form button:hover,
    #webform-submission-hospitality-sector-node-94-add-form button:hover {
        background-color: var(--color-primary);
        opacity: 0.85;
    }

    .form-control {
        font-family: 'brownR';
        font-size: 18px;
    }

    /* ........................................End Standered Webform Internal Investment Sectors................. */


    /* ......................Overide Webform Sectionwise......... */

    /* #block-educationsectorsection9webformheading Education Sector Custom Override Code */

    #block-educationsectorsection9webformheading .webform-title-investment-secotr,
    #webform-submission-education-sector-form-node-92-add-form {
        background-color: var(--color-dark);
        color: white;
    }

    #webform-submission-education-sector-form-node-92-add-form .webform-heading {
        color: white;
    }

    #webform-submission-education-sector-form-node-92-add-form .form-control {
        background-color: transparent;
        border: 1px solid white;
    }

    /* .....................#webform-submission-low-cost-housing-node-98-add-form................. */

    #webform-submission-low-cost-housing-node-98-add-form {}

    #webform-submission-low-cost-housing-node-98-add-form .webform-heading {
        padding-top: 0.5em;
    }

    /* ..........................block-powerinfrastructuresection8webformtitle........webform-submission-get-involved-node-97-add-form........ */

    #webform-submission-get-involved-node-97-add-form,
    #block-powerinfrastructuresection8webformtitle .webform-title-investment-secotr {
        background-color: var(--color-dark);
        color: white;
    }

    #webform-submission-hospitality-sector-node-94-add-form{
        background-color: var(--color-dark);
        color: white;
        text-align: center;
        overflow: hidden;
    }

    #webform-submission-hospitality-sector-node-94-add-form .webform-heading{
        color: white;
        font-family: 'brownL';
    }

    #webform-submission-get-involved-node-97-add-form .form-control,
    #webform-submission-entertainment-hub-node-93-add-form .form-control {
        background-color: transparent;
        border: 1px solid white;
        color: white;
        font-family: 'brownR';
        font-size: 18px;
    }

    #webform-submission-get-involved-node-97-add-form .webform-heading,
    #webform-submission-entertainment-hub-node-93-add-form .webform-heading {
        color: white;
    }

    #webform-submission-contact-us-node-64-add-form .form-control,
    #webform-submission-education-sector-form-node-92-add-form .form-control {
        color: white;
        font-family: 'brownR';
        font-size: 18px;
    }

    #webform-submission-farmer-investment-form-node-83-add-form .form-control {
        color: var(--color-dark);
        font-family: 'brownR';
        font-size: 18px;
    }

    form#webform-submission-entertainment-hub-node-93-add-form {
        padding-bottom: 4em;
        padding-top: 1em;
    }





    /* .......................webform-submission-entertainment-hub-node-93-add-form #block-entertainmenthubsection8webformheading...................... */

    #webform-submission-entertainment-hub-node-93-add-form,
    #block-webform-10{
        background-color: var(--color-dark);
        color: white;
    }

    #block-entertainmenthubsection8webformheading .page-node-type-csr-overview {
        padding-top: 4em;
    }

    #block-entertainmenthubsection8webformheading .page-node-type-csr-paragraph {
        width: 50%;
    }

    #block-entertainmenthubsection8webformheading .page-node-type-csr-title {
        width: 80%;
    }







    /* ..............................Sports Complex......................................... */


    #webform-submission-sports-complex-node-95-add-form .form-actions {
        text-align: center;
    }

    section#block-webform-9 {
        overflow: hidden;
    }








    /* ............................................End Websform Override Sectionwise................ */








    /* ..............................End Section 8 -- Farmer  Webform Investment Sectors..................... */

    /* .......................Start Quantum Infrastructure......................... */

    .quantum-s5-section {
        background-color: #333333;
        color: white;
        text-align: center;
        display: flex;
        flex-direction: row-reverse;
      }

      .quantum-s5-item p {
        text-align: center;
    }

    h3.quantum-s5-title.child-title {
        margin-top: 0;
    }
      
      .quantum-s5-container {
        max-width: 50%;
        margin: 0 auto;
        padding-top: 8em;
    }
      
      .quantum-s5-heading {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 40px;
      }
      
      .quantum-s5-heading .highlight {
        color: #00baff;
      }
      
      .quantum-s5-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 75px;
      }
      
      .quantum-s5-item {
        flex: 1 1 250px;
        max-width: 300px;
      }
      
      .quantum-s5-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 16px;
        border: 2px solid transparent;
        border-radius: 12px;
        padding: 6px;
        transition: transform 0.3s ease, border 0.3s ease;
      }
      
      .quantum-s5-icon:hover {
        transform: scale(1.05);
        border-color: #00baff;
      }
      
      .quantum-s5-title {
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 700;
        margin-bottom: 10px;
      }
      
      
      /* Responsive */
      @media (max-width: 768px) {
        .quantum-s5-grid {
          flex-direction: column;
          align-items: center;
        }

        .quantum-s5-section{
            display: unset;
        }
      }
      

    /* .........................End Quantum Infeastructure.................. */

    /* ................Start Education Sector Investment.............. */

    /* ........................Section 1 Educator Sector -- block-educationsectorsection1intro............... */

    .education-sector-section-1 .investment-sectors-right-side {
        flex: 1.3;
    }

    .education-sector-section-1 .investment-sectors-full-image {
        height: auto;
    }


    /* ...............block-educationsectorsection3cultivatingknowledgebased.............. */

    .education-sector-3 .investment-sectors-gallery-description {
        width: 100%;
    }

    #block-educationsectorsection3cultivatingknowledgebased {
        background-color: var(--color-dark);
        color: white;
    }

    .education-sector-3 {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    /* ..........................block-educationsectorsection8benefitsofeducationsector.................. */

    .education-sector-section-4 .left-internal {
        flex-direction: column;
    }

    .education-sector-section-4 .investment-sectors-left_internal_wrapper {
        width: 70%;
        padding-top: 3em;
    }

    .education-sector-section-4 .left-internal {
        margin-top: 0em;
        gap: 0px;
    }

    .education-sector-section-4 .investment-sectors-full-image {
        height: auto;
    }

    .education-sector-section-4 .child-title {
        text-transform: capitalize;
        margin-top: 0;
    }

    .education-sector-section-4 .child-description {
        font-size: 18px;
    }

    .education-sector-section-4 p.para-investment-sector-education {
        FONT-SIZE: 17PX;
        FONT-FAMILY: 'brownR';
    }

    /* ......................block-educationsectorsection9webformheading................... */


    .education-sector-section-5 .investment-sectors-left-side {
        background-color: var(--color-dark);
        color: white;
    }

    .education-sector-section-5 .child-title {
        color: white;
        font-family: 'brownR' !important;
        text-transform: capitalize;
        text-align: left;
        margin: 0;
        font-size: 17px;
    }

    .education-sector-section-5 p.future-text-education-s4 {
        font-size: 21px;
        font-family: 'brownR';
        text-transform: capitalize;
        font-weight: 600;
    }

    .left-internal-row-wrapper {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        gap: 25px;
    }

    .education-sector-section-5 .left-internal {
        flex-direction: column;
        align-items: center;
    }

    .education-sector-section-5 .left-child,
    .education-sector-section-5 .right-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-items: flex-start;
    }

    /* .........................Section 6 Educators -- block-educationsectorsection6innovationcenters............ */

    .education-sector-s6 .investment-sectors-left_internal_wrapper {
        width: 75%;
    }

    .education-sector-s6 h1.investment-sector-section-title-s8 {
        text-align: center;
    }

    .education-sector-s6 h2.child-title-investment-sector {
        font-size: 17px;
        font-family: 'brownR';
        padding-top: 0.7em;
    }

    .education-sector-s6 {
        background-color: white;
    }

    .education-sector-s6 h1.investment-sector-section-title,
    .education-sector-s6 .child-title-investment-sector,
    .education-sector-s6 .investment-sector-section-title-s8 {
        color: var(--color-dark) !important;
    }

    .para-innovation-center-education {
        color: var(--color-dark);
        font-size: 18px;
        font-family: 'brownR';
        text-align: center;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 2em;
    }

    .education-sector-s6 h2.child-title-investment-sector {
        width: 100%;
    }

    .education-sector-s6 .icon-investment-benefit {
        width: 15%;
    }

    .education-sector-s6 .img-invest-benefit {
        margin-bottom: 3em;
    }



    /* ......Education Sector 7 -- Investment Sectors --block-educationsectorsection7formingglobaleducationalalliance ................. */

    .education-sector-section-7 .child-title {
        text-align: center;
    }

    .education-sector-section-7 .left-child,
    .education-sector-section-7 .right-child {
        justify-content: center;
        align-items: center;
    }

    .education-sector-section-7 .child-title {
        text-transform: none;
    }

    /* .............Section 8 block-educationsectorsection8benefitsofeducationsector -- Education Sector pg -- Internal-- RUDA............ */
















    /* ......................Start Farmer start internal ............... */

    .farmer-intro-wrapper {}

    .farmer-intro-wrapper {
        padding: 2em 2em 2em 2em;
    }

    #block-views-block-main-banner-block-16 .page-node-type-csr-section img {
        width: 100%;
    }

    #block-views-block-main-banner-block-16 .page-node-type-csr-section .page-node-type-csr-overlay {
        background: transparent;
    }

    #block-farmermarketsection3farmermarket h1.section-title:first-child {
        color: var(--color-primary) !important;
    }

    #block-farmermarketsection2transformingagriculture .transforming-agriculture-wrapper {
        padding: 2em 2em 3em 2em;
        width: 62%;
        margin: 0 auto;
    }

    #block-farmermarketsection2transformingagriculture p.gallery-description {
        font-size: 18px;
        margin: 0 auto;
        width: 65%;
    }

    section#block-farmermarketsection3farmermarket {
        background-color: var(--color-dark);
    }

    .left_internal_wrapper {
        color: white;
    }

    h1.section-title-investment-sector {
        font-family: brownR;
    }

    #block-farmermarketsection3farmermarket .section-description,
    #block-farmermarketsection3farmermarket .section-title {
        color: white;
        font-family: 'brownR' !important;
    }

    /* Section 3 Farmer */

    .page-node-type-csr- #block-farmermarketsection3farmermarket .left_internal_wrapper,
    .page-node-type-csr- #block-farmermarketsection4keydevelopment .left_internal_wrapper {
        width: 65%;
        margin: 0 auto;
        padding-left: 0;
    }

    /* ...section 5 key opptunities farmr internal.................... */

    #block-farmermarketsection4keydevelopment span.blue_heading {
        color: var(--color-primary);
        font-size: 40px;
    }

    .page-node-type-csr- .section-description {}

    /* Section 8 - Sector Investment View Farmer Internal */

    .view-id-sectors_of_investment .view-content {
        width: 83%;
        margin: 0 auto;
    }

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-gallery {
        gap: 0;
    }


    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-image {
        width: 98%;
        height: 395px;
        object-fit: cover;
        border-radius: 7px;
    }

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-gallery {
        padding-bottom: 5em;
        gap: 0.4em;
    }

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-image-title {
        font-size: 18px;
        color: var(--color-primary);
        margin-bottom: 0.2em;
    }

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-overlay {
        width: 100%;
        height: 50%;
        padding: 9px;
        BORDER-RADIUS: 10PX;
    }

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-title {
        padding-top: 1.5em;
    }

    .view-id-sectors_of_investment .col-md-4 {
        padding: 0;
    }

    .view-id-sectors_of_investment .page-node-type-csr-button {
        margin-bottom: 2em;
        margin-top: 0;
        padding: 0.5em 2.5em;
        font-size: 12px;
    }

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-body {
        font-size: 16px;
        FONT-FAMILY: 'brownR';
        color: grey;
        width: 36%;
    }

    section#block-views-block-sectors-of-investment-block-1,
    #block-views-block-sectors-of-investment-block-2,
    #block-views-block-sectors-of-investment-block-3,
    #block-views-block-sectors-of-investment-block-4,
    #block-views-block-sectors-of-investment-block-5,
    #block-views-block-sectors-of-investment-block-7 {
        padding-top: 5em;
        background-color: var(--color-dark);
    }


    #block-views-block-sectors-of-investment-block-5 {
        padding-top: 4em;
        padding-bottom: 2em;
    }

    #block-views-block-sectors-of-investment-block-4 {
        padding-top: 2em;
    }

    #block-views-block-sectors-of-investment-block-5 .view-header {
        width: 91%;
    }




    .view-id-sectors_of_investment .slick-next {
        left: 101%;
    }

    .view-id-sectors_of_investment .slick-prev {
        left: -7%;
    }

    .view-id-sectors_of_investment .slick-arrow {
        transform: translateY(-185%);
    }


    .page-node-type-csr-block-crssection7-gallery-item img {
        width: 100%;
        height: 281px;
        object-fit: cover;
    }

    /* #block-views-block-sectors-of-investment-block-1 .slick-track {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    } */

    .view-id-sectors_of_investment .page-node-type-csr-block-crssection7-image-title {
        margin-top: 0;
    }

    .page-node-type-csr-block-crssection7-gallery-item p {
        font-size: 12px;
        font-family: 'brownR';
        margin-top: -3px;
    }

    /* ......................End Std Sectors of Investment Slider ................. */

    /* ...........override Sectionwise Sectors of Investment Slider............ */


    /* ............................block-views-block-sectors-of-investment-block-2....................... */


    #block-views-block-sectors-of-investment-block-2 .investment-sector-s7-main-wrapper,
    #block-views-block-sectors-of-investment-block-3 .investment-sector-s7-main-wrapper {
        display: flex;
        justify-content: center;
    }

    #block-views-block-sectors-of-investment-block-2 .item-internal-wrapper-investment-sector-s7 img,
    #block-views-block-sectors-of-investment-block-3 .item-internal-wrapper-investment-sector-s7 img {
        height: 546px;
    }

    #block-views-block-sectors-of-investment-block-2 .internal-wrapper-investment-sector-s7,
    #block-views-block-sectors-of-investment-block-3 .internal-wrapper-investment-sector-s7 {
        width: 95%;
    }

    #block-views-block-sectors-of-investment-block-2 .overley-item-internal-wrapper-investment-sector-s7,
    #block-views-block-sectors-of-investment-block-3 .overley-item-internal-wrapper-investment-sector-s7 {
        height: 31%;
    }

    #block-views-block-sectors-of-investment-block-2 .image-title-internal-wrapper-investment-sector-s7,
    #block-views-block-sectors-of-investment-block-3 .image-title-internal-wrapper-investment-sector-s7 {
        font-size: 25px;
    }

    #block-views-block-sectors-of-investment-block-2 .overley-item-internal-wrapper-investment-sector-s7 p,
    #block-views-block-sectors-of-investment-block-2 .image-title-internal-wrapper-investment-sector-s7,
    #block-views-block-sectors-of-investment-block-3 .image-title-internal-wrapper-investment-sector-s7,
    #block-views-block-sectors-of-investment-block-3 .overley-item-internal-wrapper-investment-sector-s7 p {
        text-align: left;
    }

    /* ....................End Section 5 block-views-block-sectors-of-investment-block-2 -- Low Cost House Internal ................. */

    /* ............................Start block-lowcosthousingsection3transformingagriculture............................... */

    #block-lowcosthousingsection3transformingagriculture .investment-sectors-gallery-description {
        width: 50%;
        margin: 0 auto;
    }

    /* ....................Start block-lowcosthousingsection6strategicalliance Section 6 -- Low Cost House Internal ................. */


    .low-cost-section-7 .investment-sectors-left-side {
        background-color: white;
        color: var(--color-dark);
    }

    .low-cost-section-7 .investment-sectors-section-description,
    .low-cost-section-7 .investment-sectors-section-title,
    .low-cost-section-7 .child-title {
        color: var(--color-dark);
    }

    .low-cost-section-7 .left-child,
    .low-cost-section-7 .right-child {
        align-items: center;
    }

    .low-cost-section-7 .child-title {
        text-align: center;
    }

    .low-cost-section-7 .left-internal {
        align-items: normal;
    }

    #block-lowcosthousingsection6strategicalliance .left-internal {
        flex-direction: ROW;
    }

    #block-lowcosthousingsection6strategicalliance .left-child,
    #block-lowcosthousingsection6strategicalliance .right-child {
        align-items: CENTER;
    }

    #block-lowcosthousingsection6strategicalliance .left-internal-row-wrapper {
        align-items: center;
    }

    #block-lowcosthousingsection6strategicalliance .icon {
        width: 50px;
    }

    #block-lowcosthousingsection6strategicalliance .left-child h2,
    #block-lowcosthousingsection6strategicalliance .right-child h2 {
        width: 63%;
        margin: 0 auto;
    }

    #block-footer .footer-socials-wrap img {
        height: 49px;
    }

    /* ....................End block-lowcosthousingsection6strategicalliance....................... */











    /* ....................End Education Sector Page Code Internal................................ */


    /* ....................Start Low Cost Sector Section Page Code Internal................................ */


    /* .............s4-low-cost-section Section -- block-lowcosthousingsection4visionforaffordable .......................... */



    .s4-low-cost-section {
        background-color: var(--color-dark);
        color: white;
    }


    /* ..............................block-lowcosthousingsection8whyinvestinaffordablehousing............. */

    #block-lowcosthousingsection8whyinvestinaffordablehousing {
        background-color: var(--color-dark);
    }

    #block-lowcosthousingsection8whyinvestinaffordablehousing .investment-sector-gallery-section {
        color: white;
    }

    .investment-sectors-transforming-agriculture-wrapper {
        width: 100%;
    }

    .investment-sectors-transforming-agriculture-wrapper {
        padding: 3em 2em 4em 2em;
    }

    /* .........................block-lowcosthousingsection9whyinvestremaining....................... */

    .low-house-s9 .left-child,
    .low-house-s9 .right-child {
        justify-content: center;
        align-items: center;
    }

    .low-house-s9 .left-internal .left-internal-row-wrapper:last-child {
        WIDTH: 50%;
    }

    .low-house-s9 .child-para-low {
        FONT-FAMILY: 'brownR';
    }

    .low-house-s9 .icon {
        width: 22%;
    }

    #block-lowcosthousingsection9whyinvestremaining .left-internal-row-wrapper .child-title {
        font-family: 'brownB' !important;
    }










    /* ....................End Low Cost Sector Section Page Code Internal................................ */


    /* ....................Start ent-hub-3 Entertainment Hub - Sector Section Page Code Internal................................ */

    .ent-hub-4 {
        background-color: var(--color-dark);
    }


    /* ..................block-views-block-sectors-of-investment-block-4...................... */



    #block-views-block-sectors-of-investment-block-4 .investment-sector-s7-main-wrapper .image-title-internal-wrapper-investment-sector-s7 {
        text-align: left;
    }

    #block-views-block-sectors-of-investment-block-4 .overley-item-internal-wrapper-investment-sector-s7 p {
        text-align: left;
    }

    #block-views-block-sectors-of-investment-block-4 .view-id-sectors_of_investment .view-content,
    #block-views-block-sectors-of-investment-block-7 .view-id-sectors_of_investment .view-content {
        width: 83%;
    }

    #block-views-block-sectors-of-investment-block-4 .item-internal-wrapper-investment-sector-s7 img {
        border-radius: 10px;
    }





    /* .. */

    #block-entertainmentsectorsection6investmentbenefits .left-internal,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .left-internal {
        flex-direction: column;
    }

    #block-entertainmentsectorsection6investmentbenefits .left-child,
    #block-entertainmentsectorsection6investmentbenefits .right-child,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .left-child,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .right-child {
        align-items: CENTER;
    }

    #block-entertainmentsectorsection6investmentbenefits .left-internal-row-wrapper,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .left-internal-row-wrapper {
        align-items: center;
        flex-direction: row;
    }

    #block-entertainmentsectorsection6investmentbenefits .icon,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .icon {
        width: 50px;
    }

    #block-entertainmentsectorsection6investmentbenefits .left-child h2,
    #block-entertainmentsectorsection6investmentbenefits .right-child h2,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .left-child h2,
    #block-hospitalitysectorsection6whyinvestinhospitalitysector .right-child h2 {
        width: 63%;
        margin: 0 auto;
    }

    #block-hospitalitysectorsection6whyinvestinhospitalitysector .investment-sectors-left_internal_wrapper {
        width: 85%;
    }

    #block-hospitalitysectorsection6whyinvestinhospitalitysector h2.child-title {
        font-family: 'brownR' !important;
    }





    /* ....................End Entertainment Hub -- Section Page Code Internal................................ */

    /* ...........................Start Low Cost housing -- Power Infrastructure -- Section Page...................... */

    .low-cost-section-7 .left-internal-row-wrapper {
        flex-direction: column;
        text-align: left;
    }

    .low-cost-section-7 .left-child,
    .low-cost-section-7 .right-child {
        justify-content: flex-start;
        align-items: flex-start;
        font-weight: bold;
    }

    .low-cost-section-7 .low-cost-title2 {

        font-weight: 100;
    }

    .low-cost-section-7 h2.child-title {
        font-family: 'brownB' !important;
    }

    .low-cost-section-7 p.child-para {
        font-family: 'brownR';
        font-size: 18px;
        font-weight: 100;
    }

    .low-cost-section-7 .investment-sectors-left_internal_wrapper {
        width: 70%;
    }

    .low-cost-section-7 .icon {
        width: 11%;
    }

    #block-views-block-sectors-of-investment-block-3 .view-content {
        width: 85% !important;
    }



    /* .....................#block-entertainmentsectorsection6investmentbenefits................... */

    #block-entertainmentsectorsection6investmentbenefits .investment-sectors-left_internal_wrapper {
        width: 83%;
    }


    #block-entertainmentsectorsection6investmentbenefits .low-cost-section-7 h2.child-title {
        font-family: 'brownR' !important;
    }

    #block-entertainmentsectorsection6investmentbenefits .left-internal-row-wrapper:last-child .right-child h2.child-title {
        width: 40%;
    }

    #block-entertainmentsectorsection6investmentbenefits .icon {
        width: 55px;
    }

    #block-entertainmentsectorsection6investmentbenefits .low-cost-section-7 .investment-sectors-section-description,
    #block-entertainmentsectorsection6investmentbenefits .low-cost-section-7 .investment-sectors-section-title {
        width: 76%;
        margin: 0 auto;
        margin-bottom: 0.5em;
    }







    #block-powerinfrastructuresection7investmentbenefits h3.investment-sectors-section-title.low-cost-title2,
    #block-powerinfrastructuresection7investmentbenefits h1.investment-sectors-section-title {
        margin-bottom: 0;
    }

    #block-powerinfrastructuresection7investmentbenefits .low-cost-section-7 .investment-sectors-full-image {
        height: 70em;
    }


    #block-views-block-sectors-of-investment-block-3 .slick-next {
        left: 100% !important;
    }





    /* .......................End Page -- End Power Infrastructure...................... */
    /* ..........................Start Health Section - Health Main Health sector.................... */


    #block-healthsectorsection3transforminghealthinfra .investment-sector-gallery-section h1 {
        margin-top: 0;
    }

    #block-healthsectorsection3transforminghealthinfra p.investment-sectors-gallery-description {
        width: 50%;
    }

    #block-healthsectorsection5visionforhealth section.investment-sectors-main-section.section-3-investment-sector {
        background-color: var(--color-dark);
    }

    #block-healthsectorsection6transforminginfrastructure .investment-sectors-transforming-agriculture-wrapper span.white-text {
        /* font-family: 'brownR'; */
        width: 45%;
        display: block;
        margin: 0 auto;
        /* width: 70%; */
    }

    #block-healthsectorsection6transforminginfrastructure .investment-sectors-transforming-agriculture-wrapper p.investment-sectors-gallery-description {
        width: 54%;
        margin: 0 auto;
    }

    #block-healthsectorsection6transforminginfrastructure .investment-sectors-transforming-agriculture-wrapper span.white-text {
        width: 80%;
    }

    #block-healthsectorsection6transforminginfrastructure .investment-sectors-transforming-agriculture-wrapper p.investment-sectors-gallery-description {
        width: 85%;
    }

    #block-healthsectorsection7benefits .investment-sectors-left-side {
        background-color: var(--color-dark);
        color: white;
    }

    #block-healthsectorsection7benefits .low-cost-section-7 h2.child-title {
        color: var(--color-primary);
    }





    /* ........................End Health Section - End Health Sector.................. */


    /* ...........................Start Sports Complex sport start........................... */

    #block-sportscomplexsection3visionforsports .first-div-sports {
        padding-top: 0.2em;
        padding-bottom: 0.3em;
        width: 65%;
        margin: 0 auto;
    }

    #block-sportscomplexsection3visionforsports p.investment-sectors-gallery-description {
        text-align: center;
    }

    #block-sportscomplexsection4keyareasofinvestment-2 {
        background-color: var(--color-dark);
        color: white;
    }

    #block-sportscomplexsection4keyareasofinvestment-2 .section-description,
    #block-sportscomplexsection4keyareasofinvestment-2 .section-title {
        color: white;
    }

    #block-sportscomplexsection4keyareasofinvestment .left-side {
        background-color: var(--color-dark);
    }

    #block-sportscomplexsection4keyareasofinvestment .left-side .section-title,
    #block-sportscomplexsection4keyareasofinvestment .left-side .section-description,
    #block-sportscomplexsection4keyareasofinvestment .left-side .investment-sectors-section-title {
        color: white;
        width: 75%;
        margin: 0 auto;
    }

    #block-sportscomplexsection4keyareasofinvestment h1.investment-sectors-section-title {
        padding-bottom: 0.5em;
    }

    #block-views-block-sectors-of-investment-block-6 .investment-sector-s7-main-wrapper {
        padding-top: 4em;
    }

    #block-views-block-sectors-of-investment-block-6 .overley-item-internal-wrapper-investment-sector-s7 {
        height: 30%;
    }

    #block-views-block-sectors-of-investment-block-6 .item-internal-wrapper-investment-sector-s7 img {
        height: 25em;
    }

    #block-views-block-sectors-of-investment-block-6 .view-id-sectors_of_investment .slick-arrow {
        transform: translateY(-79%);
    }

    #block-views-block-sectors-of-investment-block-6 .item-internal-wrapper-investment-sector-s7:hover img {
        opacity: 0.8;
    }

    #block-views-block-sectors-of-investment-block-6 h2.image-title-internal-wrapper-investment-sector-s7 {
        color: white;
        font-family: 'brownB';
        font-weight: 100;
    }

    #block-views-block-sectors-of-investment-block-6 .view-content {
        width: 86% !important;
    }



    /* .......................End Sports Complex..................................... */


    /* .........................Start Hospitality hospital Section block-hospitalitysectorsection3investthefuture.................... */


    #block-hospitalitysectorsection3investthefuture h1.investment-sector-gallery-title {
        margin-top: 0.1em;
    }

    #block-hospitalitysectorsection3investthefuture p.investment-sectors-gallery-description {
        width: 39%;
    }

    section#block-hospitalitysectorsection4visionforhospitalitysector {
        background-color: var(--color-dark);
    }

    .page-node-type-csr- #block-views-block-sectors-of-investment-block-4 .slick-next,
    #block-views-block-sectors-of-investment-block-7 .slick-next {
        left: 100% !important;
    }

    #block-hospitalitysectorsection6whyinvestinhospitalitysector .left-internal-row-wrapper:last-child .right-child h2.child-title {
        width: 40%;
    }

    #block-hospitalitysectorsection6whyinvestinhospitalitysector .investment-sectors-right-side{
        height: 65em;
    }

    #block-hospitalitysectorsection7webformtitle p.page-node-type-csr-paragraph {
        width: 60%;
    }

    #webform-submission-hospitality-sector-node-94-add-form .form-control{
        background-color: transparent;
        border: 1px solid white;
    }

    #block-hospitalitysectorsection7webformtitle .page-node-type-csr-overview{
        padding-top: 4em;
    }









    /* ..........................End Hospitality Section.................... */

    /* ........................................Start Energy Sector .................................. */


    #block-energysectorsection3visionforenergysector {
        background-color: var(--color-dark);
        color: white;
    }

    #block-energysectorsection3visionforenergysector .investment-sector-gallery-section {
        TEXT-ALIGN: CENTER;
        width: 59%;
        margin: 0 auto;
    }





    /* ..................................End Energy Sector........................ */



    /* ........................End Investment Sector ................. */

    /* .......................End Investment Sector - Internal ....................... */











    /* .....................................CSR Initiative Section03 .......................... */











    /* ........................................End CSR Initiative Section 2..................................... */


    /* ...................................End .page-node-type-csr-.................................. */





    /* ...............................End page-node-type-internal-landing-page.......................... */

    /* ....................................Start Slick Intersnal...................... */


    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: #5D9C59;
    }

    .slick-dots li button:before {
        color: #DDF7E3;
    }

    .page-node-type-internal-landing-page #block-views-block-our-leadership-block-1 .slick-prev.slick-arrow {
        left: 0%;
    }

    .page-node-type-internal-landing-page .slick-next {
        right: 20px;
    }

    .slick-dots li button::before {
        font-size: 1.2rem;
    }

    .slick-dots li button:before {
        content: '-' !important;
        font-size: 80px !important;
    }

    .slick-dots li button:before {
        opacity: .9;
    }



    /* .......................End Slick Internal......................... */





    /* ...............................Our Leadership View Start leadership section............................. */

    .path-leadership {}

    .path-leadership .view-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .path-leadership .view-content::after {
        content: '';
        clear: both;
        display: block;
        height: 0;
    }

    .path-leadership .views-row {}


    .path-leadership .team-item {
        display: flex;
        align-items: flex-end;
        padding: 5px;
        text-align: center;
        background-color: #EFEFEF;
        border-radius: 4px;
        /* min-height: 366px; */
        max-width: 90%;
        margin: 0 auto 20px auto;
        position: relative;
    }

    .path-leadership .team-item .img {
        width: 232px;
        height: auto;
        border-radius: 10px;
        margin: 0 auto;
        overflow: hidden;
        position: absolute;
        top: -17%;
    }

    .path-leadership .team-item .img img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        transform: scale(1);
        transition: all 0.6s ease;
        object-fit: cover;
    }

    .path-leadership .team-item:hover .img img {
        transform: scale(1.2);
    }

    .path-leadership .team-item .body {
        padding: 1em 0.75em;
    }

    .path-leadership .team-item .body .title {
        margin: 0;
        font-size: 14px;
        font-family: 'brownR';
        padding: 0.2em 1em;
        text-transform: uppercase;
        background-color: var(--color-primary);
        color: white;
    }

    .path-leadership .team-item .body .designation {
        margin: 10px 0 0 0;
    }

    .path-leadership .view-content {
        display: flex;
        flex-wrap: wrap;
        text-decoration: none;
        border-bottom: unset !important;
    }

    .path-leadership a.team_hover:hover {
        text-decoration: none;
    }

    .path-leadership .breadcrumb,
    .path-leadership #page-title {
        display: none;
    }

    .path-leadership h1.investment-sector-gallery-title {
        MARGIN-TOP: 0.1EM;
        MARGIN-BOTTOM: 0.1EM;
        font-size: 44px;
    }

    .path-leadership .team-item .body .designation {
        color: var(--color-dark);
        text-transform: uppercase;
        font-size: 17px;
        margin-top: 0.7em;
        font-family: 'brownR';
    }

    .path-leadership span.title-leadership-ruda {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .path-leadership .team-item {
        min-height: 333px;
        margin-top: 5em;
    }

    .investment-sectors-main-banner.section-2-banner img {
        height: 650px;
    }

    .leadership-img-icon img {
        margin-top: 0.5em;
    }


    .path-leadership .investment-sectors-main-banner .page-node-type-csr-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(to top, rgba(0, 0, 0, 9.9), transparent);
        z-index: 2;
    }

    .path-leadership .investment-sectors-main-banner .page-node-type-csr-content {
        position: absolute;
        bottom: 4%;
        left: 5%;
        width: 26%;
        z-index: 3;
    }

    .path-leadership .investment-sectors-main-banner .page-node-type-csr-title {
        margin: 0;
    }

    .path-leadership .investment-sectors-main-banner .page-node-type-csr-title {
        font-size: 32px;
        /* margin: 0; */
        font-family: 'brownB';
        text-transform: uppercase;
    }

    .path-leadership .investment-sectors-main-banner .page-node-type-csr-body {
        font-size: 19px;
        font-family: 'brownR';
        margin: 10px 0 0;
        width: 100%;
        MARGIN-BOTTOM: 1EM;
    }

    .path-leadership .investment-sectors-main-banner {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        color: white;
    }

    .path-leadership .page-node-type-csr-title {
        width: 100%;
    }

    .path-leadership .investment-sectors-gallery-description {
        margin: 0 auto;
        margin-top: 1em;
        margin-bottom: 0em;

    }

    .path-leadership .investment-sector-gallery-section {
        font-size: 40px;
    }




    /*********************************end of Our Leadership view end leadership ***********************************/






    /* ...........................................Start internal core team .path-core-team............................................... */


    /***************************************** OUR TEAM PAGE ********************************************/

    .path-core-team #our-team {
        margin-top: 20%;
    }

    .path-core-team .our-team-content h1 {
        font-family: "Bebas Neue", sans-serif;
        font-size: 50px;
        font-weight: 600;
        color: rgba(60, 103, 174, 1);
        line-height: 60px;
        letter-spacing: 0px;
        text-align: center;

    }

    .path-core-team .our-team-memeber-content {
        margin: 1% 5% 5% 5%;
        width: 90%;
        border-top: 3px solid rgba(69, 158, 210, 1);
        padding: 5px;
    }

    .path-core-team .our-team-card {
        margin-top: 5%;
        width: 20% !important;
        border-radius: 7.79px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        transition: 0.3s;
    }


    .path-core-team .our-team-card>img {
        width: 10px;
        border-radius: 7.79px;
    }

    .path-core-team .our-team-card:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }

    .path-core-team .our-team-card-container {
        padding: 2px 5px;
    }

    .path-core-team .our-team-card-container h4 {
        font-size: 16px;
        font-weight: 900;
        letter-spacing: 0em;
        text-align: center;
        color: rgba(25, 65, 118, 1);
    }

    .path-core-team .our-team-card-container p {
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 0em;
        text-align: center;
        color: rgba(25, 65, 118, 1);
        margin-bottom: 10px;
    }

    .path-core-team .our-team-content-div-0,
    .path-core-team .our-team-content-div-1,
    .path-core-team .our-team-content-div-2,
    .path-core-team .our-team-content-div-3 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2%;
    }

    .team-item .body:first-child {
        padding: 0em 0.75em 1em 0.75em !important;
    }

    .path-core-team .inner-page {
        background: url(/system/files/pattren.png) no-repeat fixed center center /cover !important;
        background-color: white !important;
    }




    .views-row:first-child .team-wrapper {
        background-color: white;
        box-shadow: rgba(32, 48, 79, 0.5) 0px 7px 29px;
        width: 18%;
        overflow: hidden;
    }



    .team-wrapper {
        background-color: white;
        box-shadow: rgba(32, 48, 79, 0.5) 0px 7px 29px;
        width: 90%;
        border-radius: 10px;
        padding-top: 0.5em;
        margin-top: 1em;
    }

    .team-item {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    .team-item .body .title {
        color: #194176;
        letter-spacing: 1px;
        line-height: 1.3;
    }

    .team-item .body .designation {
        font-family: 'brownR';
        color: #194176;
        margin-top: 3px;
    }



    .path-core-team .team-wrapper {
        height: 360px;
    }


    .team-item .img {
        width: 236px;
        height: 230px;
    }

    .team-item .img img {
        height: auto;
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
    }

    .team-item:hover .img img {
        transform: scale(1);
        /* opacity: 0.8; */
    }

    .team-item .body {
        padding-top: 0;
    }



    /* ..................................... */






    /* ........................................End Core Team.......................... */
    /* ...................................End News & Events....................... */



    /* .......................... */

    /* End override end override override/Model CSS  */
    /*............................................*/








    /*********************************************************************************************************************
**********************************************************************************************************************/
    /*.................End of Old end override override/Model  CSS..........*/





    /******************************************************************************/
    /* ........................................................................................................... */
    /* ----------------------------------------------------- */
    /* MEDIA QUERIES  */
    /* ------------------------------------------------------ */


    @media only screen and (max-width: 1024px) {

        /* ............WRITE override CODE FOR 1024... */




        /*...........*/
        /*End of Override media query 1024*/


    }

    /* Reponsive*/
    @media screen and (max-width: 767px) {


        /* Mobile General Resueable Component */





        /* End Mobile Standered Resuable Componenets...... */
        /* Override Mobile Start */

        #page-node-type-internal-landing-page .slick__arrow {
            top: 33% !important;
        }

        .navbar .logo {
            width: 80%;
        }


        /* ............MOBILE About Video...................... */

        .page-node-type-internal-landing-page .section-title {
            text-align: center !important;
        }

        .page-node-type-internal-landing-page .section-description {
            text-align: center;
        }

        #block-aboutcitysection .left-title {
            text-align: center;
        }

        #block-aboutcitysection .left-inner-content {
            padding: 0em;
        }

        #block-aboutcitysection .city-section {
            overflow: hidden;
            padding-top: 0;
            height: auto;
        }

        #block-aboutsustaindevcitysection .new-left-inner-content {
            padding-top: 0;
        }

        .page-node-type-internal-landing-page .banner_text_wrap,
        .page-node-type-internal-landing-page .banner-title-wrap {
            position: unset;
            transform: unset;
            color: var(--color-dark);
            width: 100%;
            text-align: center;
            height: auto;
        }

        .page-node-type-internal-landing-page .left-side {
            padding-top: 0em;
            padding-left: 1em;
            padding-right: 1em;
        }

        .page-node-type-internal-landing-page .banner-title {
            color: var(--color-dark);
        }

        #block-hospitalitysectorsection3investthefuture p.investment-sectors-gallery-description {
            width: 85%;
        }

        #block-views-block-sectors-of-investment-block-7 .view-id-sectors_of_investment .slick-prev {
            left: -9%;
        }


        /* START Mobile block-aboutariversidesection */


        #block-aboutariversidesection .main-section {
            flex-direction: column;
        }

        #block-aboutariversidesection .left-child,
        #block-aboutariversidesection .right-child {
            text-align: center;
        }

        .page-node-type-internal-landing-page #block-aboutariversidesection .left-child img,
        .page-node-type-internal-landing-page #block-aboutariversidesection .right-child img {
            margin: 0 auto;
            text-align: center;
        }

        .page-node-type-internal-landing-page .main-section {
            padding: 0;
            flex-direction: column;
        }

        #block-aboutariversidesection .left-internal {
            flex-direction: column;
        }

        #block-aboutariversidesection .right-side {
            justify-content: center;
        }

        #block-aboutariversidesection .full-image {
            width: 100%;
            height: auto;
        }

        /* ...................START CSR & CSR INitiative  Mobile......................... */

        .page-node-type-csr-title {
            font-size: 32px;
            width: 98%;
        }

        .page-node-type-csr-paragraph {
            font-size: 18px;
            width: 90%;
        }

        .page-node-type-csr- .left-side-wrapper {
            width: 85%;
            margin: 0 auto;
        }

        .page-node-type-csr- .dark-section p.before_title {
            text-align: center;
        }



        .page-node-type-csr-gallery {
            flex-direction: column;
            align-items: center;
        }

        .page-node-type-csr-box {
            width: 100%;
            margin-bottom: 1em;
        }

        .page-node-type-csr-box img {
            width: 100%;
            height: auto;
        }

        .page-node-type-csr-image-title,
        .page-node-type-csr-image-body {
            font-size: 20px;
        }

        .page-node-type-csr-button {
            font-size: 13px;
            TEXT-ALIGN: CENTER;
            WIDTH: 50%;
            MARGIN: 0 AUTO;
        }

        /* ..............New csr mobile............ */

        .page-node-type-csr- .slick-next {
            left: 85%;
        }

        #block-csrinitiativessection2 .page-node-type-csr-overview {
            padding-top: 1em;
        }

        #block-csrinitiativessection2 .page-node-type-csr-paragraph {
            padding-bottom: 0.5em;
        }

        #block-csrinitiativessection2 .page-node-type-csr-box {
            text-align: center;
        }

        #block-csrinitiativessection2 .page-node-type-csr-image-body,
        #block-csrinitiativessection2 .page-node-type-csr-image-title {
            text-align: center;
        }

        #block-csrinitiativessection2 h1.section-title {
            padding-top: 1em;
        }

        section#block-csrinitiativesection3 {
            padding-top: 1em;
        }

        #block-csrinitiativesection6 .left-side-wrapper {
            padding-top: 2em;
        }

        #block-csrinitiativessection2 .page-node-type-csr-gallery {
            margin-bottom: 0;
        }

        #block-csrinitiativessection2 .page-node-type-csr-image-body {
            font-size: 18px;
        }

        #block-csrinitiativessection2 .page-node-type-csr-image-body {
            font-family: 'brownL';
        }

        #block-csrinitiativesection4 .left-side-wrapper {
            text-align: center;
        }

        #block-csrinitiativesection7 .left_internal_wrapper {
            text-align: center;
        }

        .page-node-type-csr- .light-section p.before_title {
            TEXT-ALIGN: CENTER;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-section {
            display: unset;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-content {
            display: none;
        }

        #block-crssection7 .page-node-type-csr-block-crssection7-body {
            width: 90%;
        }

        #block-views-block-main-banner-block-2 .main-section.light-section {
            padding-top: 2em;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-section {
            height: auto;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-content {
            width: 80%;
            position: unset;
            left: 10px;
            bottom: 10px;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-title {
            font-size: 18px;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-body {
            font-size: 10px;
        }

        .page-node-type-csr- #block-views-block-main-banner-block-2 .page-node-type-csr-content {
            width: 100%;
        }

        #contentsection {
            padding: 0;
        }

        #block-csrsection02 .page-node-type-csr-paragraph {
            width: 88%;
        }

        #block-csrsection02 .page-node-type-csr-title {
            width: 95%;
        }

        #block-csrsection02 .page-node-type-csr-overview {
            padding-top: 1em;
        }

        #block-csrsection02 h2.page-node-type-csr-image-title,
        #block-csrsection02 .page-node-type-csr-box p {
            text-align: center;
        }

        #block-csrsection02 .page-node-type-csr-gallery {
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .page-node-type-csr- .dark-section.main-section {
            flex-direction: column !important;
        }

        .page-node-type-csr- .dark-section .left-side {
            width: 100%;
            padding-bottom: 3em;
        }

        .page-node-type-csr- .dark-section .left-side {
            width: 100%;
            padding-bottom: 3em;
        }

        #block-harnessingwaterpreventingdisasterssection2 .left-side,
        #block-greenfuturesection2 .left-side,
        #block-revivingtheravisection2 .left-side {
            PADDING-TOP: 2EM;
        }


        .page-node-type-csr- .left-side {
            justify-content: center;
            PADDING-BOTTOM: 2EM;
        }

        .page-node-type-csr- .main-section.light-section {
            padding-top: 1em;
        }



        .page-node-type-csr- h1.section-title {
            text-align: center;
            margin-top: 0.3em;
            font-size: 24px;
        }

        section#block-crssection7 {
            padding-bottom: 0em;
        }

        /* .........mobile section 7 new csr......... */

        .page-node-type-csr-block-crssection7-title {
            font-size: 28px;
            width: 90%;
        }

        .page-node-type-csr-block-crssection7-body {
            font-size: 18px;
            width: 90%;
        }

        .page-node-type-csr-block-crssection7-gallery {
            flex-direction: column;
            gap: 1em;
        }

        .page-node-type-csr-block-crssection7-image {
            width: 100%;
            height: auto;
        }



        /* mobile section 9 new csr */

        .page-node-type-csr-block-crssection8 .title-section h1 {
            font-size: 32px;
            width: 100%;
        }



        .page-node-type-csr-block-crssection8 .body-section {
            width: 80%;
        }

        .page-node-type-csr-block-crssection8 .body-section p {
            font-size: 24px;
        }

        .page-node-type-csr-block-crssection8 .btn {
            margin: 1em 0;
            padding: 0.8em 1.5em;
        }

        .page-node-type-csr-block-crssection8 .button-section {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #block-csrsection8 .left-side {
            padding-left: 0;
            padding-bottom: 2em;
            padding-top: 2em;
        }

        #block-csrsection8 .left_internal_wrapper {
            width: 87%;
            padding-left: 0em;
        }

        #block-csrsection8 h1.section-title {
            font-size: 22px;
        }

        .page-node-type-csr- .left_internal_wrapper {
            padding-left: 0;
        }

        #block-csrsection3 h1.section-title {
            font-size: 23px;
        }

        #block-crssection7 .page-node-type-csr-block-crssection7-title {
            padding-top: 1em;
        }

        #block-csrsection6 h1.section-title {
            padding-top: 1em;
        }

        #block-csrsection8 .btn-learn {
            text-align: center;
            margin-bottom: 2em;
        }

        .page-node-type-csr- .btn-learn {
            text-align: center;
            margin-bottom: 1em;
        }



        /* ...........................End  CSR & CSR INitiative Mobile........................ */

        /* ...................END MOBILE block-aboutariversidesection............... */

        /* ......Mobile responsive of block-views-block-our-leadership-block-1 ..... */

        #block-views-block-our-leadership-block-1 .gallery-title {
            font-size: 40px;
        }

        #block-views-block-our-leadership-block-1 .gallery-description {
            font-size: 16px;
            width: 100%;
        }

        #block-views-block-our-leadership-block-1 .small-image {
            width: 30%;
            height: 150px;
        }

        #block-views-block-our-leadership-block-1 .large-image {
            width: 60%;
            height: 250px;
        }

        #block-views-block-our-leadership-block-1 .slider-arrow {
            padding: 8px;
        }

        #block-views-block-our-leadership-block-1 .gallery-slider {
            padding-bottom: 1em;
        }

        /* ........end of .block-views-block-our-leadership-block-1 ............... */

        /* ........Start of .block-aboutriversection ............... */

        #block-aboutriversection .purpose-values-section {
            padding: 3em 0;
        }

        #block-aboutriversection .box-content {
            padding: 1em 0;
        }

        #block-aboutriversection .box-title {
            font-size: 24px;
        }

        #block-aboutriversection .box-paragraph-uppercase {
            font-size: 19px;
        }

        #block-views-block-our-leadership-block-1 {
            padding-bottom: 0em;
        }

        #block-aboutriversection .box-paragraph {
            font-size: 18px;
        }

        #block-aboutriversection .purpose-values-section .col-sm-6 {
            margin-bottom: 2em;
        }

        #block-aboutriversection .box-image {
            height: auto;
        }

        #block-aboutriversection .purpose-values-section {
            height: auto;
            background: white;
            padding-bottom: 0;
        }

        #block-revivingtheravisection2intro .right-wrapper-overlay,
        #block-harnessingwaterpreventingdisasterssection2intro .right-wrapper-overlay,
        #block-cleangreensection2intro .right-wrapper-overlay {
            background-color: transparent;
        }

        #block-revivingtheravisection2intro .right-wrapper,
        #block-harnessingwaterpreventingdisasterssection2intro .right-wrapper,
        #block-cleangreensection2intro .right-wrapper {
            position: unset;
            margin-top: 1em;
        }

        #block-revivingtheravisection2intro .right-side,
        #block-harnessingwaterpreventingdisasterssection2intro .right-side,
        #block-cleangreensection2intro .right-side {
            margin-top: 3em;
        }

        #block-revivingtheravisection2intro .section-description,
        #block-revivingtheravisection2intro .section-title,
        #block-harnessingwaterpreventingdisasterssection2intro .section-description,
        #block-harnessingwaterpreventingdisasterssection2intro .section-title,
        #block-cleangreensection2intro .section-description,
        #block-cleangreensection2intro .section-title {
            width: 90%;
        }

        #block-revivingtheravisection4faqs .py-5,
        #block-harnessingwaterpreventingdisasterssection4faqs .py-5,
        #block-greenfuturesection4faqs .py-5 {
            width: 95%;
        }

        #block-revivingtheravisection4faqs .text-muted,
        #block-harnessingwaterpreventingdisasterssection4faqs .text-muted,
        #block-greenfuturesection4faqs .text-muted {
            width: 90%;
        }

        #block-revivingtheravisection4faqs .container.py-5.text-center,
        #block-harnessingwaterpreventingdisasterssection4faqs .container.py-5.text-center,
        #block-greenfuturesection4faqs .container.py-5.text-center {
            padding-bottom: 2em !important;
        }

        #block-revivingtheravisection4faqs .mb-5,
        #block-harnessingwaterpreventingdisasterssection4faqs .mb-5,
        #block-greenfuturesection4faqs .mb-5 {
            padding-top: 2em;
        }

        #block-chaharbaaghsection2mapmasterplan section.main-section.csr-section7.light-section,
        #block-chaharbaaghenclavesection2mapmasterplan section.main-section.csr-section7.light-section,
        #block-souqsection3masterplan section.main-section.csr-section7.light-section {
            padding: 2em 0em;
        }

        #block-chaharbaaghsection2mapmasterplan .main-side,
        #block-chaharbaaghenclavesection2mapmasterplan .main-side,
        #block-souqsection3masterplan .main-side {
            width: 97%;
        }

        #block-chaharbaaghsection9chaharbagh .gallery-section {
            width: 95%;
        }

        #block-chaharbaaghsection9chaharbagh h1.gallery-title {
            font-size: 28px;
        }

        .enclave-text {
            WIDTH: 85%;
        }

        .section-wrapper-enclve {
            padding-bottom: 0em;
        }

        #block-chaharbaaghsection4maplocation p.gallery-description,
        #block-chaharbaaghenclavesection4maplocation p.gallery-description {
            WIDTH: 91%;
        }



        /* ........end of .block-aboutriversection RAVI MOVILE REVIVING MOBILE............... */

        /* ............................... Mobile About City Section block-aboutcitysection........................... */

        #block-aboutcitysection {}

        #block-views-block-our-leadership-block-1 .gallery-section {
            PADDING-BOTTOM: 0EM;
        }


        #block-aboutcitysection .city-section {
            flex-direction: column;
        }

        #block-aboutcitysection .left-content {
            height: auto;
            padding: 1em;
        }

        .city-section .container-fluid {
            padding: 0;
        }

        .page-node-type-internal-landing-page #block-aboutariversidesection .section-title {
            font-size: 33px;
        }

        .page-node-type-internal-landing-page #block-aboutariversidesection .banner-title {
            font-size: 33px;
        }



        #block-aboutcitysection .left-title {
            font-size: 33px;
        }

        #block-aboutcitysection .features-list li {
            margin-bottom: 1.5em;
        }

        #block-aboutcitysection .feature-text {
            font-size: 16px;
            text-align: left;
        }

        #block-aboutcitysection .right-image {
            height: auto;
            /* opacity: 0; */
        }

        #block-aboutcitysection .city-img {
            height: auto;
        }

        /* #block-ourjourneytabsection .section-heading span{color: transparent;} */

        #block-ourjourneytabsection .tab_section_overley {
            height: auto !important;
        }

        #block-ourjourneytabsection .tab-btns {
            display: none;
        }





        /* ........................................End Mobile City Section About block-aboutcitysection............................ */
        #block-aboutsustaindevcitysection .new-city-section {
            flex-direction: column;
            height: auto;
        }

        #block-aboutsustaindevcitysection .new-left-content {
            height: auto;
            padding: 2em;
        }

        #block-aboutsustaindevcitysection .new-left-title {
            font-size: 25px;
            text-align: center;
        }

        #block-aboutsustaindevcitysection .city_para_new {
            text-align: center;
        }

        #block-aboutsustaindevcitysection .new-left-inner-content {
            text-align: center;
            padding-left: 0em;
            padding-right: 0em;
        }

        #block-aboutsustaindevcitysection .new-features-list li {
            margin-bottom: 1.5em;
        }

        #block-aboutsustaindevcitysection .new-feature-text {
            font-size: 16px;
        }

        #block-aboutsustaindevcitysection .learn-more-btn {
            padding: 0.6em 1.8em;
            font-size: 16px;
        }

        #block-aboutsustaindevcitysection .new-right-image {
            height: auto;
        }

        .page-node-type-internal-landing-page #block-aboutariversidesection .section-title {
            MARGIN-TOP: 0;
        }

        #block-aboutsustaindevcitysection .new-city-img {
            height: auto;
            /* opacity: 0; */
        }

        #block-aboutcitysection .left-title {
            margin-bottom: 1em;
        }

        section#block-aboutsustaindevcitysection {
            /* margin-bottom: 2em; */
        }

        #block-bannervideoaboutcustom span.title_2 {
            font-family: 'brownB';
            FONT-SIZE: 33PX;
        }



        /* ---------------End of override Mobile override 700 -------------------*/

        #block-aboutgetnewssection .news-section {
            padding: 3em 1em;
        }

        #block-aboutgetnewssection .news-content {
            padding-top: 2em;
            max-width: 100%;
        }

        #block-aboutgetnewssection .news-title {
            font-size: 36px;
        }

        #block-aboutgetnewssection .news-body {
            font-size: 20px;
        }

        .page-node-type-internal-landing-page div#block-searchform {
            WIDTH: 90%;
        }

        .page-node-type-internal-landing-page div#block-searchform .input-group-btn .btn {
            padding: 0.8em 3.5em 0.8EM 0.5em;
        }

        #block-aboutgetnewssection .search-input,
        #block-aboutgetnewssection .signup-btn {
            font-size: 20px;
            padding: 0.6em 1em;
        }

        #block-aboutgetnewssection .search-bar {
            flex-direction: column;
            align-items: stretch;
        }

        #block-aboutgetnewssection .search-input {
            border-radius: 30px;
            margin-bottom: 1em;
        }

        #block-aboutgetnewssection .signup-btn {
            border-radius: 30px;
        }


        /* ........................end ....................... */

        #block-ourjourneytabsection .tab-btns {
            width: 100%;
            gap: 0.5em;
        }

        #block-ourjourneytabsection .image {
            width: 100%;
            height: auto;
        }

        #block-ourjourneytabsection .section-heading {
            width: 84%;
            margin: 0 auto;
            margin-top: 0em;
            padding-bottom: 1em;
            margin-bottom: 0;
            color: black;
        }



        #block-ourjourneytabsection .image {
            padding: 0;
        }

        #block-ourjourneytabsection .tab-images {
            height: auto;
            flex-direction: column;
            margin-top: -1em;
            padding-left: 0.5em;
            padding-right: 0.5em;
            padding-bottom: 1em;
        }

        #block-ourjourneytabsection input[type="radio"] {
            display: none;
        }

        #block-ourjourneytabsection .section-heading.para-section {
            width: 100%;
        }

        #block-ourjourneytabsection .tab_section_overley {
            position: unset;
            height: 170px;
            width: 100%;
        }

        #block-ourjourneytabsection .tab-section {
            flex-direction: column;
        }

        #block-ourjourneytabsection .tab-title {
            font-size: 11px !important;
        }

        #block-ourjourneytabsection .tab-section {
            padding: 0em;
        }

        #block-ourjourneytabsection #tab1:checked~.tab-images #image1 {
            WIDTH: 100% !important;
            HEIGHT: auto !important;
        }

        #block-ourjourneytabsection div.image img {
            padding: 0;
            margin: 0;
        }

        #block-ourjourneytabsection #tab1:checked~.tab-images #image1,
        #block-ourjourneytabsection #tab2:checked~.tab-images #image2,
        #block-ourjourneytabsection #tab3:checked~.tab-images #image3,
        #block-ourjourneytabsection #tab4:checked~.tab-images #image4,
        #block-ourjourneytabsection #tab5:checked~.tab-images #image5 {
            width: 100%;
            height: auto;
        }

        #block-ourjourneytabsection .section-heading.para-section {
            margin-top: 2em;
            padding-bottom: 2em;
        }

        .footer-navigation {
            transform: unset !important;
        }

        /* ...............................mobile webform....................... */

        .footer .block-webform .form-actions {
            display: block;
        }

        .footer .block-webform {
            background-size: cover;
        }

        form#webform-submission-contact-us-node-64-add-form {
            padding-bottom: 2em;
        }

        #block-investmentsection7webformheading p.page-node-type-csr-paragraph,
        #block-powerinfrastructuresection7investmentbenefits p.page-node-type-csr-paragraph {
            width: 85%;
            padding-bottom: 2em;
        }

        #block-investmentsection7webformheading .page-node-type-csr-title,
        #block-powerinfrastructuresection7investmentbenefits .page-node-type-csr-title {
            width: 85%;
        }

        .newsletter-title,
        .newsletter-tagline {
            font-family: 'brownR' !important;
        }

        section#block-entertainmenthubsection8webformheading {
            OVERFLOW: HIDDEN;
        }

        #block-entertainmenthubsection8webformheading .page-node-type-csr-paragraph {
            width: 85%;
        }

        .career-heading {
            font: var(--mobile-section-title) !important;
        }





        /* .....................Alamgir Mobile.................. */

        /* .prime-location-section {
            padding: 30px 15px;
        } */

        .prime-location-section h1 {
            font-size: 20px;
        }

        #block-careersection8partnershipanddevelopment .block-careersection3-row {
            text-align: center;
        }

        .prime-location-section p {
            font-size: 12px;
        }

        #block-views-block-updates-projects-block-3 {
            background-color: var(--color-dark);
            padding-bottom: 3em;
            /* margin-bottom: 2em; */
        }

        #block-alamgirsection1heading h1.gallery-title,
        #block-alamgirsection1heading p.gallery-description {
            width: 100%;
        }

        #block-views-block-main-banner-block-12 .page-node-type-csr-section {
            height: auto;
        }

        #block-alamgirsection4projecthighlights .left-side {
            padding-left: 0em;
            padding-top: 3em;
        }

        .page-node-type-csr- #block-alamgirsection4projecthighlights .main-section.light-section {
            padding-top: 0em;
        }

        section#block-careersection8partnershipanddevelopment {
            padding-top: 3em;
        }

        #block-alamgirsection6earnscheme .left-side-wrapper {
            padding-top: 3em;
        }

        .block-careersection3-container {
            height: auto;
        }

        .block-careersection3-left {
            padding-top: 2em;
        }

        #block-alamgirsection5amenities .main-side {
            width: 97%;
            margin: 0 auto;
            padding: 0em;
            padding-top: 1em;
            padding-bottom: 2em;
        }

        #block-chaharbaaghsection8amenities .main-side,
        #block-chaharbaaghsection8amenities-2 .main-side {
            width: 100%;
            margin: 0 auto;
            padding: 1em;
            padding-top: 2em;
            padding-bottom: 2em;
        }


        #block-chaharbaaghsection9chaharbagh,
        #block-chaharbaaghsection9ballotresult,
        #block-souqsection2overview {
            padding-top: 0.5em;
            padding-bottom: 2em;
        }

        #block-souqsection2overview {
            padding-bottom: 0em;
        }







        /* ..........END MOBILE WEBFORM  */
        /* ................Start Chahar Baag Mobile baagh ................ */

        .page-node-type-csr- #block-chaharbaaghsection4maplocation .gallery-section {
            width: 90%;
        }

        #block-chaharbaaghsection3chaharbaaghome .left-side {
            padding-top: 1em;
        }

        #block-chaharbaaghsection4maplocation h1.gallery-title {
            font-size: 25px;
        }

        #block-chaharbaaghsection5videobannerbaagh div#block-videobg {
            margin-top: 1em;
        }

        .section-8-charbagh-slider-track {
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        div#block-videobg {
            padding-top: 0em;
        }


        .section-8-charbagh-slider-image {
            width: 45%;
        }

        .section-8-charbagh-title {
            font-size: 24px;
        }

        .section-8-charbagh-body {
            font-size: 14px;
            width: 91%;
            margin: 0 auto;
        }

        .section-8-charbagh-slider-image {
            width: 60%;
            margin-bottom: 1em;
        }

        #block-chaharbaaghsection10portal .left_internal_wrapper {
            text-align: center;
            width: 85%;
        }

        #block-views-block-main-banner-block-5 .page-node-type-csr-content {
            bottom: auto;
        }


        .section10-why-choose-icons {
            flex-direction: column;
            gap: 2em;
        }

        .section10-why-choose-icon-wrapper {
            margin: 0 auto;
        }

        .sales-partners {
            flex-direction: column;
            text-align: center;
            height: auto;
        }

        .button-container {
            margin-top: 15px;
        }


        .section13-offering {
            width: 90%;
        }

        .section13-offering .section13-offering-main-title {
            font-size: 28px;
        }

        .section13-offering .section13-offering-description {
            font-size: 14px;
            max-width: 100%;
        }

        .section13-offering .section13-offering-images-container {
            flex-direction: column;
            gap: 2em;
        }

        .section13-offering .section13-offering-image-card {
            width: 100%;
            height: auto;
        }

        .section13-offering .section13-offering-image-card img {
            height: 300px;
            object-fit: cover;
        }

        #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 p.section13-offering-description {
            width: 90%;
        }

        #block-chaharbaaghsection12salespartner .sales-partners {
            padding-bottom: 3em;
            padding-top: 2em;
            height: auto;
        }

        #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 .slick-next {
            left: 96% !important;
        }

        #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 .slick-prev {
            left: -12%;
        }

        #block-chaharbaaghsection7aboutus .left-side {
            PADDING-BOTTOM: 0.5EM;
        }

        #block-chaharbaaghsection13projectinfo .img-wrapper-s13 img {
            height: auto;
            width: 136px;
        }

        #block-chaharbaaghsection13projectinfo .img-wrapper-s13 img {
            height: auto;
            width: 136px;
            margin: 0 auto;
            text-align: center;
        }

        #block-chaharbaaghsection13projectinfo .img-wrapper-s13 {
            height: auto;
            width: 100%;
        }

        .page-node-type-csr- #block-chaharbaaghsection13projectinfo .left-side {
            text-align: center;
        }


        .enclave-img-section-s12 {
            flex-direction: column;
        }

        .enclave-img-section-s12 img {
            width: 100%;
            height: auto;
        }

        .enclave-img-section-s12 .small-img,
        .enclave-img-section-s12 .large-img {
            width: 80%;
            height: auto;
        }

        #block-views-block-main-banner-block-14 .page-node-type-csr-section.chaharbagh-enclave img {
            height: auto;
        }

        .page-node-type-csr- #block-chaharbaaghsection4maplocation .gallery-section,
        .page-node-type-csr- #block-chaharbaaghenclavesection4maplocation .gallery-section {
            width: 91%;
        }

        #block-chaharbaaghsection10portal-2 .left_internal_wrapper {
            text-align: center;
        }

        #block-chaharbaaghsection9ballotresult {
            padding-bottom: 3em;
        }

        #block-chaharbaaghsection9ballotresult h1.gallery-title {
            font-size: 28px;
        }

        #block-chaharbaaghsection10portal-2 .left_internal_wrapper {
            width: 82%;
        }

        #block-chaharbaaghenclavesection4maplocation h1.gallery-title,
        #block-chaharbaaghenclavesection4maplocation p.gallery-description {
            font-size: 24px;
        }


        #block-souqsection1beforebannerlogo .image-wraper-ch {
            HEIGHT: auto;
            WIDTH: 26%;
            MARGIN: 0 AUTO;
            PADDING: 1EM;
        }

        #block-views-block-main-banner-block-14 .page-node-type-csr-section.chaharbagh-enclave img,
        #block-views-block-main-banner-block-15-2 .page-node-type-csr-section img {
            height: auto;
        }

        #block-souqsection2overview .gallery-section {
            width: 85%;
        }

        .section-8-charbagh-slider-image {
            width: 75%;
        }







        /* eND Baagh mobile */

        /* ............SRTAT SOUQ MOBILE............... */

        /* Mobile Width 100% */

        #notfrontwrap .region.region-content {
            padding-left: 0em;
        }

        #notfrontwrap .breadcrumb {
            padding: 13px 0 11px 30px;
        }

        #notfrontwrap #page-title {
            padding: 0 31px 10px;
        }

        #block-views-block-charhar-bagh-enclave-section-block-2 .enclave-text {
            width: 85%;
        }

        #block-souqsection5amenities .main-side {
            width: 100%;
            padding-top: 1em;
            padding-bottom: 2em;
        }



        #block-views-block-charhar-bagh-enclave-section-block-2 .enclave-img-section-s12 {
            padding-top: 0EM;
        }

        #block-souqsection6businessopportunity .main-section.light-section {
            padding-top: 0;
        }

        #block-souqsection6businessopportunity .left-side {
            padding-top: 2em;
        }

        .souq-section4-closer-wrapper {
            padding-bottom: 2em;
            padding-top: 1em;
        }

        #block-souqsection3masterplan .main-side {
            width: 100%;
        }

        #block-souqsection3masterplan section.main-section.csr-section7.light-section {
            padding-bottom: 0;
        }






        /* ............End SOUQ Mobile.......... */


        /* ............sTART  Mobile CRS Page .page-node-type-csr-................ */

        /* START Mobile block-aboutariversidesection */


        .page-node-type-csr- .main-section {
            flex-direction: column;
        }

        .page-node-type-csr- .left-child,
        .page-node-type-csr- .right-child {
            text-align: center;
        }

        .page-node-type-internal-landing-page .page-node-type-csr- .left-child img,
        .page-node-type-internal-landing-page .page-node-type-csr- .right-child img {
            margin: 0 auto;
            text-align: center;
        }

        .page-node-type-internal-landing-page .main-section {
            padding: 0;
            flex-direction: column;
        }

        .page-node-type-csr- .left-internal {
            flex-direction: column;
        }

        .page-node-type-csr- .right-side {
            justify-content: center;
        }

        .page-node-type-csr- .full-image {
            width: 100%;
            height: auto;
        }

        .page-node-type-csr- #block-csrinitiativesection4 .main-section,
        .page-node-type-csr- #block-csrinitiativesection6 .main-section {
            display: block;
            width: 100%;
        }

        .page-node-type-csr- .main-section {
            padding: 0;
        }

        .page-node-type-csr- .icon {
            margin: 0 auto;
        }

        #block-csrsection4 .left-side-wrapper,
        #block-csrsection6 .left-side-wrapper {
            text-align: center;
        }

        .page-node-type-csr-block-crssection8 .image-section {
            margin-top: 2em;
            margin-bottom: 1em;
        }

        #block-csrsection4 .dark-section .left-side {
            padding-top: 1em;
        }

        .page-node-type-csr-block-crssection8 .button-section {
            margin-top: 1em;
        }

        /* ..section06 csr.. */

        section.main-section.csr-section6 {
            height: auto;
        }


        /* .....................Mobile - Media - Section 6 - Start block-mediasection5............... */

        #block-mediasection3 .career-s5-img-wrapper {
            WIDTH: 99%;
        }

        #block-mediasection6 .section-title,
        #block-mediasection6 p.section-description {
            width: 95%;
            text-align: center;
        }

        #block-mediasection6 .child-description {
            text-align: center;
        }

        #block-mediasection4 h1.section-title {
            text-align: left;
        }

        #block-mediasection4 p.page-node-type-csr-image-body,
        #block-mediasection4 .wrapper-before-title-s8,
        #block-mediasection4 .page-node-type-csr-image-title,
        #block-mediasection4 .csr-section4 {
            WIDTH: 100%;
        }

        #block-mediasection5 .left_internal_wrapper {
            padding-top: 2em;
        }











        /* ................End Mobile CRS Page .page-node-type-csr-..................... */

        /* ..................start career Mobile page mobile................... */

        .block-careersection3-container {
            flex-direction: column;
        }


        #block-careersection5 .career-s5-img-wrapper h2,
        #block-careersection5 .career-s5-img-wrapper p {
            font-size: 18px;
        }

        h2.page-node-type-csr-image-title {
            FONT-SIZE: 22PX;
        }

        #block-careersection3 h2.page-node-type-csr-image-title,
        #block-careersection3 .page-node-type-csr-image-body {
            text-align: center;
        }

        #block-views-block-updates-projects-block-2 .page-node-type-csr-paragraph {
            margin: 0;
        }

        #block-views-block-updates-projects-block-2 .page-node-type-csr-overview {
            padding: 0;
        }

        #block-careersection11 .card {
            text-align: center;
        }

        .page-node-type-csr-image-body {
            font-size: 16px;
        }

        #block-careersection7 .career-s5-img-wrapper {
            top: 77%;
        }

        section#block-careersection3 .page-node-type-csr-paragraph {
            width: 80%;
            margin: 0 auto;
        }

        .page-node-type-csr- .page-node-type-csr-content {
            width: 70%;
        }

        .page-node-type-updates-projects h1#page-title {
            font-size: 25px;
        }

        #block-heritagesection2 .left_internal_wrapper {
            text-align: center;
        }

        #block-views-block-main-banner-block-3 .page-node-type-csr-content {
            display: none;
        }

        #block-careersection3 .page-node-type-csr-gallery {
            margin-bottom: 0;
        }

        #block-powerinfrastructuresection7investmentbenefits .low-cost-section-7 .investment-sectors-full-image {
            height: auto;
        }

        .block-careersection3-left,
        .block-careersection3-right {
            width: 100%;
            padding: 0;
        }

        #block-careersection9 .btn-apply,
        #block-revivingtheravisection4faqs .btn-apply {
            width: 66%;
        }

        .block-careersection3-left {
            margin-bottom: 2em;
            padding-left: 1em;
        }

        #block-careersection8partnershipanddevelopment .block-careersection3-left {
            padding-left: 0;
        }

        #block-careersection4 .block-careersection3-left {
            margin-top: 2em;
        }

        #block-careersection3 .page-node-type-csr-image-body {
            padding-bottom: 0;
        }

        .block-careersection3-right img {
            width: 100%;
            height: auto;
        }

        #block-careersection10 .career-portal-section {
            flex-direction: column;
        }

        #block-careersection10 .career-portal-image {
            width: 100%;
            height: auto;
        }

        #block-careersection10 a.btn.btn-primary.text-dark.text-uppercase.btn-lg,
        #block-careersection10 a.btn.btn-dark.text-white.text-uppercase.btn-lg {
            margin-bottom: 1em;
            width: 100%;
            margin-left: 0;
        }




        /* .................End Mobile Career Page.................. */

        /* .................Media Mobile Start................ */

        #block-mediasection3 .category-upcoming {
            flex-direction: column;
            align-items: center;
        }

        #block-mediasection1 p.gallery-description {
            width: 100%;
        }

        #block-views-block-updates-projects-block-4 .view-updates-projects.view-id-updates_projects.view-display-id-block_4 {
            padding-bottom: 0;
        }

        #block-views-block-updates-projects-block-4 .view-updates-projects.view-id-updates_projects.view-display-id-block_4 {
            background: none;
        }

        #block-views-block-updates-projects-block-4 {
            overflow: hidden;
        }

        #block-views-block-updates-projects-block-4 .slick-prev {
            left: -16px;
        }

        #block-views-block-updates-projects-block-4 .slick-next {
            left: 90%;
        }

        #block-views-block-updates-projects-block-4 .page-node-type-csr-gallery {
            margin-bottom: 0;
        }

        #block-mediasection3 p.car-s7-up {
            width: 41%;
            text-align: center;
        }

        #block-mediasection4 .newspaper-wrapper,
        #block-workplacesection4 .newspaper-wrapper {
            background-image: none;
        }

        #block-mediasection4 .right-side img,
        #block-workplacesection4 .right-side img {
            display: none;
        }

        #block-views-block-updates-projects-block-4 p.section-description {
            text-align: center !important;
        }

        #block-views-block-updates-projects-block-4 .right-side {
            display: none;
        }

        #block-views-block-updates-projects-block-4 .dark-section .left-side {
            padding-bottom: 0;
        }

        #block-mediasection4 p.page-node-type-csr-image-body,
        #block-workplacesection4 p.page-node-type-csr-image-body {
            padding-bottom: 0.5em;
        }

        #block-mediasection4 .newspaper-wrapper,
        #block-workplacesection4 .newspaper-wrapper {
            padding-bottom: 0.5em;
        }

        #block-mediasection4 .page-node-type-csr- .dark-section .left-side,
        #block-workplacesection4 .page-node-type-csr- .dark-section .left-side {
            padding-bottom: 0 !important;
        }

        #block-mediasection4 .page-node-type-csr-gallery,
        #block-workplacesection4 .page-node-type-csr-gallery {
            padding-bottom: 0;
            margin-bottom: 0;
        }


        /* .....................Heritage Mobile................. */

        #block-heritagesection4 {
            flex-direction: column;
            padding: 1em;
        }

        #block-heritagesection4 .heritage-content,
        #block-heritagesection4 .heritage-images,
        #block-heritagesection4 .heritage-info {
            width: 100%;
            padding: 0;
        }

        #block-heritagesection4 .heritage-images {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }

        #block-heritagesection4 .small-img {
            width: 90%;
            height: auto;
        }

        #block-heritagesection4 .big-img {
            width: 90%;
            height: auto;
            padding-top: 2em;
        }

        #block-views-block-main-banner-block-6 .page-node-type-csr-section img {
            height: auto;
        }

        #block-views-block-main-banner-block-6 p.before_title {
            font-size: 18px;
        }


        #block-heritagesection4 .info-section {
            width: 100%;
            margin-bottom: 1em;
            padding-top: 2em;
        }

        #block-views-block-main-banner-block-6 .slick-prev {
            left: 0;
        }

        #block-views-block-main-banner-block-6 h1.career-heading {
            font-size: 38px !important;
        }

        #block-heritagesection4 .heritage-info {
            flex-direction: column;
        }

        #block-views-block-main-banner-block-6 .slick-next {
            left: 85%;
        }

        #block-views-block-main-banner-block-5 .page-node-type-csr-section {
            height: auto;
        }

        #block-views-block-main-banner-block-5 .page-node-type-csr-body {
            display: none;
        }

        #block-heritagesection4 .heritage-title {
            font-size: 25px;
        }


        /* .................Mobile Start reviving the ravi.................. */

        #block-revivingtheravisection2intro .before_intro,
        #block-harnessingwaterpreventingdisasterssection2intro .before_intro,
        #block-cleangreensection2intro .before_intro {
            font-size: 20px;
        }

        #block-revivingtheravisection1 h1.gallery-title,
        #block-greenfuturesection1 h1.gallery-title,
        #block-harnessingwaterpreventingdisasterssection1 h1.gallery-title {
            font-size: 29px;
        }

        #block-revivingtheravisection5socialicons .share-box,
        #block-harnessingwaterpreventingdisasterssection5socialicons .share-box,
        #block-cleangreensection5socialicons .share-box {
            flex-direction: column;
            align-items: center;
            width: 90%;
            height: auto;
            padding: 15px;
        }

        #block-revivingtheravisection5socialicons .left-inner-box,
        #block-harnessingwaterpreventingdisasterssection5socialicons .left-inner-box,
        #block-cleangreensection5socialicons .left-inner-box {
            width: 100%;
            border-radius: 50px;
            margin-bottom: 10px;
            position: unset;
        }

        #block-revivingtheravisection5socialicons .social-icons,
        #block-harnessingwaterpreventingdisasterssection5socialicons .social-icons,
        #block-cleangreensection5socialicons .social-icons {
            justify-content: center;
            border-radius: 0;
        }

        #block-revivingtheravisection5socialicons .tags,
        #block-harnessingwaterpreventingdisasterssection5socialicons .tags,
        #block-cleangreensection5socialicons .tags {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            width: 90%;
        }

        #block-revivingtheravisection5socialicons .tag,
        #block-harnessingwaterpreventingdisasterssection5socialicons .tag,
        #block-cleangreensection5socialicons .tag {
            width: 100%;
            font-size: 14px;
        }

        #block-revivingtheravisection4faqs .text-center.mb-5 .text-muted,
        #block-harnessingwaterpreventingdisasterssection4faqs .text-center.mb-5 .text-muted,
        #block-cleangreensection5socialicons .text-center.mb-5 .text-muted {
            width: 75%;
        }

        #block-revivingtheravisection5socialicons .tag,
        #block-harnessingwaterpreventingdisasterssection5socialicons .tag,
        #block-cleangreensection5socialicons .tag {
            width: 79%;
        }

        #block-revivingtheravisection4faqs .text-center.mb-5 .text-muted,
        #block-harnessingwaterpreventingdisasterssection4faqs .text-center.mb-5 .text-muted,
        #block-greenfuturesection4faqs .text-center.mb-5 .text-muted {
            width: 85%;
        }

        #block-revivingtheravisection2intro .left-side,
        #block-harnessingwaterpreventingdisasterssection2intro .left-side,
        #block-cleangreensection2intro .left-side {
            padding-top: 2em;
            padding-bottom: 0em;
        }

        #block-revivingtheravisection4faqs h1.gallery-title,
        #block-harnessingwaterpreventingdisasterssection4faqs h1.gallery-title,
        #block-greenfuturesection4faqs h1.gallery-title {
            font-size: 25px;
        }







        /* ..................End Mobile Revaving Ravi .................. */

        /* ..................Start Investment Mobile ................. */


        #block-investmentsector5exploresectors .col-md-4 {
            width: 90%;
            margin: 0 auto;
        }

        .view-id-sectors_of_investment .slick-prev {
            left: -1%;
        }

        #block-views-block-sectors-of-investment-block-4 .item-internal-wrapper-investment-sector-s7 img {
            width: 100%;
        }

        #block-views-block-sectors-of-investment-block-4 .item-internal-wrapper-investment-sector-s7 {
            width: 85%;
        }

        /* ...........block-investmentsector5exploresectors................. */

        #block-investmentsector5exploresectors .page-node-type-csr-button {
            WIDTH: 90%;
        }

        #block-views-block-main-banner-block-11 .page-node-type-csr-section {
            height: auto;
        }

        #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-body {
            width: 90%;
        }


        #block-views-block-main-banner-block-11 .page-node-type-csr-body {
            width: 100%;
        }

        #block-investmentmodeltopheading .gallery-title {
            font-size: 21px;
        }

        .page-node-type-csr- #block-views-block-main-banner-block-11 .page-node-type-csr-body {
            font-size: 10px;
        }

        .page-node-type-csr- #block-views-block-main-banner-block-11 .page-node-type-csr-title {
            font-size: 14px;
        }

        .page-node-type-csr- #block-views-block-main-banner-block-11 .page-node-type-csr-content {
            text-align: center;
        }

        #block-views-block-main-banner-block-11 .page-node-type-csr-button {
            font-size: 8px;
            TEXT-ALIGN: CENTER;
            WIDTH: 72%;
        }


        #webform-submission-contact-us-node-64-add-form {
            margin: 0;
            padding: 0em 0em 0em 0em;
            margin-left: 1em;
            margin-right: 0em;
        }

        #webform-submission-contact-us-node-64-add-form .webform-heading {
            display: none;
        }

        #webform-submission-contact-us-node-64-add-form {
            padding-top: 0em;
        }

        #webform-submission-contact-us-node-64-add-form .block-title {
            text-align: center;
            position: unset;
            margin-bottom: 0px;
        }

        #webform-submission-contact-us-node-64-add-form section.contact-info-section {
            padding: 70px 0 3px;
        }

        #webform-submission-contact-us-node-64-add-form {
            padding-left: 0em;
            padding-right: 1em;
        }

        #webform-submission-contact-us-node-64-add-form {
            background-color: transparent;
        }

        #webform-submission-contact-us-node-64-add-form {
            box-shadow: none;
        }

        /* ....................Start Sectors of Investment Sectors Page Standered Code Mobile internal.................... */

        /* ...........Use .investment-sector-as a Prefix................... */

        /* .................. Section 1 Standered Investment Sectors Internal............... */

        .investment-sectors-right-side {
            justify-content: center;
        }

        .investment-sectors-main-section {
            flex-direction: column;
        }




        .investment-sectors-left-side {
            justify-content: center;
            PADDING-BOTTOM: 2EM;
        }

        .section-4-investment-sector .investment-sectors-left-side {
            PADDING-BOTTOM: 0;
        }

        .investment-sectors-full-image {
            width: 100%;
            height: auto;
        }

        .investment-sectors-left_internal_wrapper {
            padding-left: 0;
        }

        h1.investment-sectors-section-title {
            text-align: center;
            margin-top: 0.3em;
            font-size: 24px;
            margin-bottom: 0;
        }

        /* ..............Mobile Section 3 Investment Sector.............. */

        .investment-sectors-transforming-agriculture-wrapper {
            padding: 1em 1em 2em 1em;
            width: 100%;
            margin: 0 auto;
        }

        .investment-sectors-gallery-description {
            width: 100%;
        }

        h1.investment-sector-gallery-title {
            font: var(--mobile-section-title);
        }

        .section-6-investment-sector .investment-sectors-left_internal_wrapper {
            width: 86%;
            padding-top: 2em;
        }

        .investment-sectors-left_internal_wrapper {
            padding-left: 0;
            width: 75%;
            padding-top: 1em;
        }

        #block-farmermarketsection4keydevelopment span.blue_heading {
            font-size: 30px;
        }

        .farmer-intro-wrapper {
            padding: 1em 2em 1em 2em;
        }



        /* Education Sector EDUCATION Mobile block-lowcosthousingsection9whyinvestremaining */

        .para-investment-sector-education {
            text-align: center;
        }

        #block-educationsectorsection2foundation .section-6-investment-sector .investment-sectors-section-description-light {
            text-align: center;
        }

        .para-innovation-center-education {
            width: 100%;
        }

        #webform-submission-education-sector-form-node-92-add-form .panel-body {
            width: 75% !important;
        }




        .section-6-investment-sector .investment-sectors-left-side {
            padding-bottom: 0;
        }

        .section-6-investment-sector .investment-sectors-section-description-light {
            margin-bottom: 0;
        }

        .education-sector-section-5 .child-title {
            text-align: center;
        }

        .low-house-s9 .left-internal .left-internal-row-wrapper:last-child {
            WIDTH: 85%;
        }

        #block-lowcosthousingsection10webformheading .webform-title-investment-secotr h1.webform-heading-title {
            width: 95%;
        }

        .webform-title-investment-secotr h1.webform-heading-title {
            font: var(--mobile-section-title);
        }

        #block-lowcosthousingsection10webformheading .webform-title-investment-secotr {
            padding-top: 2em;
        }

        #block-lowcosthousingsection5keydevelopmentopportunities .investment-sectors-left_internal_wrapper {
            width: 85%;
            margin-top: 2em;
        }





        /* .................Mobile Investment Sector -- Slider.................. */

        .internal-wrapper-investment-sector-s7 {
            justify-content: center;
        }

        .item-internal-wrapper-investment-sector-s7 {
            width: 85%;
        }

        #block-hospitalitysectorsection6whyinvestinhospitalitysector .investment-sectors-right-side{
            height: auto
        }    

        .overley-item-internal-wrapper-investment-sector-s7 p {
            font-size: 16px;
        }

        h2.image-title-internal-wrapper-investment-sector-s7 {
            font-size: 21px;
            margin-top: 0.5em;
        }

        .overley-item-internal-wrapper-investment-sector-s7 {
            height: 38%;
        }

        p.child-description-investment-sector,
        h2.child-title-investment-sector,
        .section-7-investment-sector p.investment-sector-section-description {
            width: 95%;
        }

        #block-sportscomplexsection3visionforsports .first-div-sports {
            width: 90%;
        }





        /* ............... mobile Section 6 Investment Sector ...................  */

        .investment-sectors-section-title-light,
        .investment-sectors-section-title,
        .investment-sectors-left-side .investment-sectors-section-title-light span.blue_heading {
            text-align: center;
            font-size: 28px;
            margin-bottom: 0.2em;
        }

        .section-6-investment-sector .investment-sectors-full-image {
            height: auto;
        }

        #block-sportscomplexsection4keyareasofinvestment .left-side {
            padding-top: 2em;
        }

        #webform-submission-sports-complex-node-95-add-form .panel-body {
            width: 78%;
        }








        /* .................. Section 7 - View of Investment Sector Images investment-sector-img-view............... */

        #investment-sector-img-view .col-md-4 {
            width: 90%;
            margin: 0 auto;
        }

        #investment-sector-img-view .slick-next {
            left: 90%;
        }

        .section-7-investment-sector .investment-sector-section-title {
            font: var(--mobile-section-title);
        }


        #investment-sector-img-view .page-node-type-csr-block-crssection7-body {
            width: 90%;
        }

        .section-7-investment-sector .investment-sector-left-internal {
            flex-direction: column;
        }

        .section-7-investment-sector .investment-sector-section-title {
            width: 100%;
        }


        /* ..................End Section 7 Standered Investment Sectors Internal............... */


        /* .........................Mobile Webform start Webform standered Investment Sector internal................ */

        .webform-title-investment-secotr h1.webform-heading-title {
            width: 96%;
            font: var(--mobile-section-title);
        }

        .webform-title-investment-secotr p.page-node-type-csr-paragraph {
            width: 85%;
            padding-bottom: 2em;
        }


        .webform-paragraph-investment,
        .webform-subtitle-invest-2 {
            width: 80%;
        }

        #webform-submission-farmer-investment-form-node-83-add-form .panel-body {
            width: 79%;
        }

        .investment-sectors-left_internal_wrapper {
            width: 85%;
        }




        /* .........block-views-block-sectors-of-investment-block-2................. */

        #block-views-block-sectors-of-investment-block-2 .item-internal-wrapper-investment-sector-s7 img,
        #block-views-block-sectors-of-investment-block-3 .item-internal-wrapper-investment-sector-s7 img {
            height: auto;
        }

        /* ................section-2-investment-sector....................... */

        .section-2-investment-sector .investment-sector-gallery-section {
            width: 95%;
        }

        /* ................Entertainment Hub Mobile................. */

        #block-entertainmentsectorsection6investmentbenefits .investment-sectors-left_internal_wrapper {
            padding-top: 3em;
        }

        /* .............................Low Cost Mobile............................ */

        #block-lowcosthousingsection3transformingagriculture .investment-sectors-gallery-description {
            width: 100%;
        }

        #block-views-block-charhar-bagh-enclave-section-block-1 .enclave-text {
            WIDTH: 90%;
        }

        #block-lowcosthousingsection6strategicalliance .low-cost-section-7 .investment-sectors-left_internal_wrapper {
            width: 85%;
        }

        #block-entertainmentsectorsection6investmentbenefits .low-cost-section-7 .investment-sectors-section-description {
            width: 95%;
        }

        #block-entertainmentsectorsection6investmentbenefits .low-cost-section-7 .investment-sectors-section-title {
            width: 95%;
        }

        #webform-submission-farmer-investment-form-node-83-add-form .panel-body,
        #webform-submission-education-sector-form-node-92-add-form .panel-body,
        #webform-submission-low-cost-housing-node-98-add-form .panel-body,
        #webform-submission-get-involved-node-97-add-form .panel-body,
        #webform-submission-entertainment-hub-node-93-add-form .panel-body {
            width: 76%;
        }


        /* ....................Power Infrastructure Power Mobile............... */

        .low-cost-section-7 .left-child,
        .low-cost-section-7 .right-child {
            align-items: center;
            gap: 10px;
        }

        #block-views-block-sectors-of-investment-block-3 .slick-next {
            left: 91% !important;
        }

        #block-views-block-sectors-of-investment-block-3 .overley-item-internal-wrapper-investment-sector-s7 {
            height: 43%;
        }


        /* ........................Moble Leadership Mobile .path-leadership.................... */

        .path-leadership .team-item .img {
            position: unset;
        }

        .path-leadership .team-item {
            margin-top: 1em;
        }

        .path-leadership .investment-sectors-gallery-description {
            margin-top: 0.5em;
        }

        .path-leadership h1.investment-sector-gallery-title {
            font-family: 'brownB';
        }

        .path-leadership .team-item .img img {
            height: auto;
        }

        .path-leadership .views-row {
            width: 100%;
        }

        .path-leadership .team-item .img {
            width: 100%;
        }

        .path-leadership .team-item {
            align-items: center;
            flex-direction: column;
            max-width: 100%;
        }

        .path-leadership .investment-sectors-main-banner .page-node-type-csr-content {
            display: none;
        }

        .investment-sectors-main-banner.section-2-banner img {
            height: auto;
        }






        /* End Mobile Sector of Investment Mobile  */




        /* ....... End Mobile Investment .... */




        /*End of Override media query 700*/



    }

    /*.......................End Mobile 760 Media Query................*/

    /*..................Start of Mobile 500 & less media query...............*/


    @media screen and (max-width: 576px) {



        /*            Override 576 Query*/

        .section13-offering .section13-offering-main-title {
            font-size: 22px;
        }

        .section13-offering .section13-offering-description {
            font-size: 12px;
        }

        .section13-offering .section13-offering-image-card {
            height: 400px;
        }

        .section13-offering .section13-offering-image-title {
            font-size: 20px;
            padding: 0.7em;
        }





        /*          End of 500 media Override 576 PB fund       */


    }



    /* ............Tablet or Above Screen............ */

    @media screen and (min-width: 576px) {}

    @media screen and (min-width: 768px) {}

    /*End of min 700, Tablet screen*/

    /*......... Start of Laptop Small Screen.......... */
    @media screen and (min-width: 992px) {}


    @media screen and (min-width: 1200px) {}

    @media screen and (min-width: 1400px) {}

    /*........Ali Screen Responsive*/
    @media screen and (min-width: 1500px) {
        .footer div#block-searchform {
            right: 0%;
        }

        .enclave-img-section-s12 img {
            width: 100%;
        }


        #block-views-block-charhar-bagh-enclave-section-block-2 .slick-center .enclave-img-section-s12,
        #block-views-block-charhar-bagh-enclave-section-block-1 .slick-center .enclave-img-section-s12 {
            width: 28% !important;
        }

        #block-views-block-charhar-bagh-enclave-section-block-1 .enclave-img-section-s12,
        #block-views-block-charhar-bagh-enclave-section-block-2 .enclave-img-section-s12 {
            width: 20%;
        }

    }

    @media screen and (min-width: 767px) {}

    /*.................End of All Media Queries ........................*/

    /*Ali Screen Responsive*/
    @media (min-width:1550px) and (max-width:1700px) {}


    /*Between MediA Query*/
    /* No less than 1100px, no greater than 900px */

    @media (min-width:1250px) and (max-width:1350px) {}

    /* No less than 1100px, (Maria screen) no greater than 1300px */
    @media (min-width:1100px) and (max-width:1300px) {

        /* ---Override Maria Start Maria Screen---- */

        .page-node-type-csr- .slick-next {
            left: 94% !important;
        }

        .second-colunm-wrapper .souq-section4-closer-card {
            height: 459px;
        }

        #block-views-block-updates-projects-block-4 .csr-section4 {
            width: 87% !important;
        }

        #block-powerinfrastructuresection7investmentbenefits .low-cost-section-7 .investment-sectors-left_internal_wrapper {
            width: 81%;
        }

        #block-powerinfrastructuresection7investmentbenefits .investment-sectors-left_internal_wrapper {
            width: 72%;
        }

        #block-sportscomplexsection3visionforsports .investment-sector-gallery-section {
            width: 100%;
        }

        #block-views-block-sectors-of-investment-block-6 .overley-item-internal-wrapper-investment-sector-s7 {
            height: 33%;
        }

        #block-views-block-sectors-of-investment-block-6 .slick-next {
            left: 101% !important;
        }

        #block-sportscomplexsection2mainbanner .investment-sectors-main-banner.section-2-banner img {
            height: auto;
        }

        #block-hospitalitysectorsection6whyinvestinhospitalitysector .left-internal {
            margin-top: 0em;
        }






        #block-views-block-updates-projects-block-4 h2.page-node-type-csr-image-title {
            font-size: 21px;
        }

        .thrid-colunm-wrapper .souq-section4-closer-image {
            height: 215px;
        }

        #block-views-block-main-banner-block-2 .page-node-type-csr-content {
            width: 45%;
        }

        #block-crssection7 .page-node-type-csr-block-crssection7-image-title {
            font-size: 28px;
        }

        #block-views-block-main-banner-block-11 .page-node-type-csr-section {
            height: auto;
        }

        #block-investmentsector5exploresectors .page-node-type-csr-block-crssection7-image-title {
            font-size: 18px;
        }

        .page-node-type-csr-block-crssection7-gallery-item p {
            font-size: 11px;
        }

        .page-node-type-csr-block-crssection7-image-body {
            font-size: 14px;
        }

        #block-investmentsector5exploresectors .page-node-type-csr-button {
            font-size: 10px;
        }

        #block-revivingtheravisection5socialicons .share-text,
        #block-harnessingwaterpreventingdisasterssection5socialicons .share-text,
        #block-cleangreensection5socialicons .share-text {
            font-size: 16px;
        }

        #block-revivingtheravisection5socialicons .tag {
            width: 20%;
        }

        #block-views-block-offering-at-offerings-of-chahar-bagh-block-2 .section13-offering-images-container {
            padding: 0.5em;
        }

        #block-lowcosthousingsection6strategicalliance .low-cost-section-7 .investment-sectors-left_internal_wrapper {
            width: 90%;
        }

        #block-educationsectorsection7formingglobaleducationalalliance .investment-sectors-left_internal_wrapper,
        #block-educationsectorsection5innovativecampusdevelopment .investment-sectors-left_internal_wrapper {
            width: 80%;
        }

        #block-entertainmentsectorsection6investmentbenefits .investment-sectors-left_internal_wrapper {
            width: 100%;
        }



        #block-revivingtheravisection2intro .right-wrapper-overlay,
        #block-harnessingwaterpreventingdisasterssection2intro .right-wrapper-overlay,
        #block-cleangreensection2intro .right-wrapper-overlay {
            height: auto;
        }

        .page-node-type-csr- #block-revivingtheravisection2intro .left_internal_wrapper {
            width: 100%;
        }

        #block-investmentsection7webformheading p.page-node-type-csr-paragraph {
            width: 53%;
        }

        #block-revivingtheravisection2intro .section-description,
        #block-revivingtheravisection2intro .section-title,
        #block-harnessingwaterpreventingdisasterssection2intro .section-description,
        #block-harnessingwaterpreventingdisasterssection2intro .section-title,
        #block-cleangreensection2intro .section-description,
        #block-cleangreensection2intro .section-title {
            width: 80%;
        }

        #block-revivingtheravisection2intro .left_internal_wrapper,
        #block-harnessingwaterpreventingdisasterssection2intro .left_internal_wrapper,
        #block-cleangreensection2intro .left_internal_wrapper {
            width: 95%;
            padding-left: unset;
        }

        #block-revivingtheravisection2intro .right-wrapper,
        #block-harnessingwaterpreventingdisasterssection2intro .right-wrapper,
        #block-cleangreensection2intro .right-wrapper {
            width: 100%;
            height: auto;
            position: unset;
        }

        #block-revivingtheravisection2intro .right-side,
        #block-harnessingwaterpreventingdisasterssection2intro .right-side,
        #block-cleangreensection2intro .right-side {
            margin-top: 0em;
        }

        #block-revivingtheravisection5socialicons .tag,
        #block-harnessingwaterpreventingdisasterssection5socialicons .tag,
        #block-cleangreensection5socialicons .tag {
            width: 15%;
        }

        #block-souqsection2overview .gallery-section {
            width: 62%;
        }


        /* ....................Sector of Investment Maria scrn .................. */

        #block-views-block-sectors-of-investment-block-1 .page-node-type-csr-block-crssection7-image-title {
            font-size: 24px;
        }


        #block-views-block-sectors-of-investment-block-1 .page-node-type-csr-button {
            font-size: 10px;
        }










        /* ---end maria override--- */




    }

    /*........................... End of Between media query maria........................... */