*,
nav li,
nav ul,
ul {
    padding: 0;
    margin: 0
}

.viewport,
section {
    position: relative
}

.homepage-video:before,
.scroll-container,
header {
    top: 0;
    left: 0;
    width: 100%
}

.marker::after,
.marker::before {
    inset: 0;
    animation-name: pulse1;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.csr-card a,
a,
a:active,
a:focus,
a:hover,
nav a {
    text-decoration: none
}

.all-blog-section .isotope-hidden.isotope-item,
.all-news-section .isotope-hidden.isotope-item,
.csr-card .card.is-inactive .card__inner,
.newsletter-title-and-input label,
.play-button-wrapper,
.slider::after,
.slider::before,
.solutions_accordion_cell .solutions_accordion_cell_content .utility_sol_list a,
[tooltip]::after,
[tooltip]::before,
section.get-in-touch-sec .contact-form-div label,
section.get-in-touch-sec .floating-label {
    pointer-events: none;
    pointer-events: none
}

:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #313638;
    --secondary: #73BF44;
    --counter: #72BF44;
    --tertiary: #58595B;
    --menu: #575757;
    --hover-menu: #006638;
    --menu-submenu-color: #27333F;
    --podcast-bg: #00A165;
    --primary_bg_color: #F6F6F6;
    --secondary_bg_color: #F5F5F5;
    --dark-bg-color: #1A1818;
    --font_black: gotham-black;
    --font_med: gotham-medium;
    --font_book: gotham-book;
    --font_bold: gotham-bold;
    --font_light: gotham-light
}

li,
nav li,
nav ul,
ul {
    list-style: none
}

a,
a:active,
a:focus,
a:hover {
    outline: 0;
    color: initial
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: var(--primary);
    border-radius: 5px
}

#scroll,
.old-website,
.secondary-button {
    background-color: var(--secondary)
}

::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 5px
}

@font-face {
    font-family: gotham-book;
    src: url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.woff2') format('woff2'), url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham-black;
    src: url('../fonts/GothamBlack.woff') format('woff'), url('../fonts/GothamBlack.woff2') format('woff2'), url('../fonts/GothamBlack.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham-bold;
    src: url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.woff2') format('woff2'), url('../fonts/GothamBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham-light;
    src: url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.woff2') format('woff2'), url('../fonts/Gotham-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham-medium;
    src: url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.woff2') format('woff2'), url('../fonts/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

::placeholder {
    font: normal normal 18px/30px var(--font_book);
    letter-spacing: -.36px;
    color: #c4c4c4
}

p {
    font-size: 20px;
    font-family: var(--font_book)
}

html {
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth
}

body {
    font-family: var(--font_med);
    font-size: 15px;
    overflow-x: hidden !important;
    overflow-y: scroll
}

section {
    padding: 90px 0
}

.padding-top-100 {
    padding-top: 100px
}

.padding-top-30 {
    padding-top: 30px
}

.padding-7 {
    padding: 0 8%
}

.padding-6 {
    padding: 6% 0
}

.padding-4 {
    padding: 4% 0
}

.w-320 {
    width: 260px
}

.our-team-sec span.magic_line,
.w-268 {
    width: 240px
}

.h-80 {
    height: 70px;
    line-height: 70px
}

.banner-top {
    margin-top: 105px
}

.csr-card .swiper-button-next,
.csr-card .swiper-button-prev,
.csr-card .swiper-scrollbar,
.display-hide,
.footer_modal_col:last-child:after,
.for-cop-blog-slider-section .swiper-button-next:after,
.for-cop-blog-slider-section .swiper-button-prev:after,
.for-cop-blog-slider-section .swiper-rtl .swiper-button-next:after,
.for-cop-blog-slider-section .swiper-rtl .swiper-button-prev:after,
.greenInsights-box .accordian-style-1.style-2 .accordion-button span,
.investorFaq-focus .accordian-style-1.style-2 .accordion-button span,
.mapboxgl-ctrl-attrib-inner,
.mapboxgl-ctrl-bottom-left,
.menu-link.icon-remove[aria-haspopup=true]:before,
.mobile-btn,
.mobile-img,
.navbar-default .navbar-toggle.toggle-active .icon-bar:nth-child(3),
.net-zero-section-page .swiper-button-next:after,
.net-zero-section-page .swiper-button-prev:after,
.news-slider-section .swiper-button-next:after,
.news-slider-section .swiper-button-prev:after,
.overview-values .before-none.our-value-card::before,
.plus-minus-remove:after,
.ppa.futureOfEnergy-inner-section .mobileBtn.swiper-btn-next-prev1,
.project-highlight-sec .swiper-button-next:after,
.project-highlight-sec .swiper-button-prev:after,
.temp2-box1:hover h2.white,
.thankYou-vid-mobile,
.top-header-mobile,
.top-header-mobile-menu,
.white-logo-img {
    display: none
}

.top-hedd {
    display: flex;
    align-items: end;
    justify-content: end
}

.old-website {
    width: auto;
    color: #fff;
    padding: 5px 15px;
    border-radius: 15px
}

.all-news-section .dropdown .dropdown-menu li a:active,
.all-news-section .dropdown .dropdown-menu li a:hover,
.all-news-section .dropdown .dropdown-menu li:active a,
.all-news-section .dropdown .dropdown-menu li:hover a,
.layered-esg .heading-inner_,
.layered-esg .paragraph-text-1,
.layered-esg p,
.old-website a,
.pdfsection .docdown .download-item a p {
    color: #fff
}

.csr-card .card.is-expanded .card__inner i.btn.btn_green_border,
.visibility-hidden {
    visibility: hidden
}

.line-height-90 {
    line-height: 90px
}

.fancybox-content {
    height: calc(100% - 88px) !important
}

.culture-at-renew-sec .swiper-wrapper,
.desktop,
.desktop-block,
.desktop-img,
.display-show,
.reenfield-data-center-sec.dataCenter .swiper-slide:nth-child(2) .green-box-datadiv,
.the-future-sus .sustainable-details,
[tooltip]:hover::after,
[tooltip]:hover::before {
    display: block
}

.mobile-img {
    display: none;
    object-fit: cover
}

.breadcrumb,
.data-cente-table-sec .table-head h5,
.desktop-show1,
.reenfield-data-center-sec.dataCenter h3 {
    display: flex
}

.all-blog-section isotope-hidden,
.all-news-section isotope-hidden,
.desktop-hide1 {
    display: none !important
}

section.inner-banner.jumbotron {
    max-height: 100%;
    height: 100%
}

.viewport {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#scroll,
header {
    position: fixed
}

.scroll-container {
    position: fixed;
    overflow: hidden;
    will-change: transform;
    z-index: 10;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

#scroll {
    right: 3%;
    bottom: 9%;
    cursor: pointer;
    width: 65px;
    height: 65px;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 999
}

.secondary-button,
.work-with-us-btn a {
    border-radius: 50px;
    text-transform: uppercase
}

#scroll img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px
}

#scroll:hover {
    background-color: var(--hover-menu);
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

header {
    line-height: 80px;
    background: #555;
    color: #f1f1f1;
    z-index: 1000;
    height: auto
}

.work-with-us-top {
    display: flex;
    align-items: end;
    justify-content: space-between
}

.work-with-us-inner {
    max-width: 400px
}

.work-with-us-btn a {
    font: normal normal 14px/15px var(--font_bold);
    letter-spacing: 0;
    color: #fff !important;
    opacity: 1;
    background-color: #72bf44;
    text-align: center;
    padding: 8px 20px
}

.heading-title,
h2.heading-title_vs.text-left.text-white {
    font-size: 86px;
    font-family: var(--font_bold)
}

section.homepage-banner-sec {
    position: relative;
    z-index: 0;
    background-color: transparent
}

.bg_overlay,
.homepage-video,
.news-slider,
.news-slider .swiper-slide,
.who-we-are-video,
section.renew-power-energy-video-sec {
    position: relative
}

.homepage-video:before {
    content: '';
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-color: rgb(0 0 0 / 41%);
    background-position: center;
    background-size: cover
}

.homepage-banner-sec>.homepage-video>video {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    filter: brightness(1.1)
}

.homepage-video-text h5 {
    font: normal normal normal 28px/36px var(--font_book);
    letter-spacing: -1.4px;
    color: var(--white);
    opacity: .7;
    margin-bottom: 1rem;
    padding-bottom: 3rem;
    margin-top: 2rem
}

.homepage-video-text {
    position: absolute;
    top: 50%;
    left: 0;
    padding-left: 8%;
    z-index: 0;
    text-align: left;
    transform: translateY(-50%)
}

.homepage-video-text h4 {
    font: normal normal normal 60px/40px var(--font_bold);
    letter-spacing: -5px;
    color: var(--white);
    opacity: .8
}

.homepage-video-text h1,
.homepage-video-text h2 {
    font-size: 300px;
    font: normal normal 170px/185px var(--font_bold);
    letter-spacing: -7.8px;
    color: var(--white);
    opacity: .8;
    background: -webkit-linear-gradient(#fff, #f6c780, #fbe695, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.secondary-button {
    letter-spacing: -.4px;
    display: inline-block;
    padding: 30px 70px;
    color: var(--white);
    color: #fff;
    font: normal normal 12px/12px var(--font_bold);
    font-size: 16px;
    transition: .3s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border: none;
    outline: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn_green_bg:hover,
.csr-card .card.is-expanded .card__inner .card-content h2,
.csr-card .card.is-expanded .card__inner .card-content i,
.csr-card .card.is-expanded .card__inner .card-content p,
.secondary-button:hover {
    color: var(--white)
}

.our-green-card {
    padding: 50px 5%
}

.our-green-card img {
    width: 105px;
    height: 105px;
    object-fit: contain
}

section.our-green-footprint-sec {
    background-color: var(--white);
    padding: 90px 0
}

.heading-title {
    letter-spacing: normal;
    text-transform: capitalize;
    opacity: 1;
    line-height: 1
}

.masonry_row,
.safty-title .secondary-button,
.sustainability-report-content .text-white-paragraph {
    margin-top: 40px
}

.our-green-card h2 {
    font: normal normal 900 55px/53px var(--font_bold);
    letter-spacing: initial;
    color: var(--secondary);
    text-transform: capitalize;
    opacity: 1;
    padding: 50px 0 10px;
    margin: 0
}

.our-green-card h6 {
    text-align: center;
    font: normal normal 19px/31px var(--font_med);
    letter-spacing: .5px;
    color: var(--primary);
    text-transform: capitalize;
    opacity: .9
}

.first-part p,
.footer-menu button.accordion-button,
.latest-comment-title,
span.comment-date {
    text-align: left;
    color: var(--white)
}

.achievements-section,
.alert-contact-email-sec,
.filter-text,
.stock-chart-sec,
section.sumant-sinha-text {
    background-color: #f9f9f9
}

.sumant-sinha-text h2 {
    font: normal normal normal 55px/85px var(--font_book);
    letter-spacing: -3.3px;
    color: var(--primary);
    padding: 0 11%;
    margin-bottom: 5%
}

.sumant-sinha-text h2 span.text-bold {
    font-family: var(--font_bold)
}

.act_now_modal_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background: #fff;
    z-index: 999;
    transform: translateX(1000px);
    transition: .7s;
    overflow-y: scroll
}

.group,
.menu-link,
.sol_grid_img,
.solutions_accordion_cell,
.utility_sol_grid,
footer#footer {
    position: relative
}

#act_now_modal label {
    left: 45px
}

.act_now_modal_wrapper.act_now_modal_show,
.custom_modal_wrapper.modal_view {
    transform: translateX(0)
}

.bg_overlay:before {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000004a;
    z-index: 999
}

.act_now_modal_wrapper .contact-form-div {
    padding: 40px 60px
}

.first-part {
    width: 90%
}

footer#footer {
    background-color: var(--dark-bg-color);
    padding: 90px 0 15px
}

.first-part p {
    font: normal normal 14px/18px var(--font_book);
    letter-spacing: 0;
    opacity: .6;
    margin-top: 30px
}

.footer-menu .accordion-item,
.footer-menu button.accordion-button {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none
}

.footer-menu .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
    outline: 0
}

#collapseSeven a,
#collapseSix a,
.footer-menu .accordion-body a {
    color: var(--white);
    text-align: left;
    font: normal normal 14px/30px var(--font_book);
    letter-spacing: -.56px;
    opacity: .6
}

#EventYearSelect,
.card.content_card .card-body,
.decarbonization-solutions,
.footer-menu .accordion-body,
.greenInsights-box .accordian-style-1 .accordion-body,
.news-details-sec.initiatives-det,
.thankYou-popup,
section.contact-us-sec,
section.iit-delhi-section,
section.our-values-section.green-solution1,
section.ppa-news-details {
    padding: 0
}

.footer-menu button.accordion-button {
    padding: 0 0 10px;
    font: normal normal 18px/18px var(--font_book);
    letter-spacing: 0;
    opacity: 1
}

.footer-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 70px;
    width: 90%;
    margin: 0 auto
}

.footer-menu .accordion-button::after {
    background-image: url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/down-arrow-black.svg);
    filter: invert(1);
    background-size: 50%;
    background-position: center
}

.footer-menu .accordion-body button.accordion-button,
.footer-menu .accordion-body h4,
.footer-menu .accordion-body h4 a {
    color: var(--white);
    text-align: left;
    font: normal normal 16px/30px var(--font_book);
    letter-spacing: -.56px;
    opacity: 1
}

.footer-menu div.accordion .accordion-item {
    border-bottom: 1px solid;
    margin-top: 50px;
    border-radius: 0
}

.latest-comment-title {
    font: normal normal 32px/24px var(--font_bold);
    letter-spacing: -1.28px;
    opacity: 1
}

.all-news-section .dropdown .dropdown-menu li:last-child,
.col-two ul li:last-child,
.footer-menu div.accordion .accordion-item .accordion-body .accordion-item {
    border-bottom: none
}

.all-news-section .dropdown.dropdown-mini .dropdown-menu,
.footer-menu div.accordion .accordion-item:first-child,
.greenInsights-box .accordian-style-1 .accordion-collapse,
.news-details-sec.initiatives-det .container,
.our-green-footprint-sec .accordian-style-1.style-2 {
    margin-top: 0
}

.latest-comment {
    width: 90%;
    margin: 0 0 0 auto
}

span.comment-date {
    font: normal normal 14px/26px var(--font_book);
    letter-spacing: -.56px;
    opacity: .3
}

.footer-title,
h4.newsletter-title {
    opacity: 1;
    text-align: left;
    color: var(--white)
}

hr.divide1 {
    border: 1px solid;
    margin: 30px 0
}

hr.divide2 {
    border: 1px solid var(--white);
    margin: 30px 0
}

.comments h4.font-18 {
    text-align: left;
    font: normal normal 18px/24px var(--font_book);
    letter-spacing: -.72px;
    color: var(--white);
    opacity: .7
}

.footer-title {
    font: normal normal 18px/24px var(--font_med);
    letter-spacing: -.72px;
    margin-bottom: 30px
}

ul.footer-social_wrapper.social-btns {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 20px
}

ul.footer-social_wrapper.social-btns .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 39px;
    line-height: 90px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--white);
    border-radius: 100px;
    opacity: .99;
    transition: .35s cubic-bezier(0.31, -0.105, 0.43, 1.59)
}

.achievements_wrapper:hover img,
.all-news-section .media-item:hover .media-item__image img:not(.media-item__image__placeholder),
.all-news-section .media-item:hover .media-item__image picture:not(.media-item__image__placeholder),
.all-news-section .media-item:hover .media-item__square img img,
ul.footer-social_wrapper.social-btns .btn img {
    transform: scale(1.2)
}

ul.footer-social_wrapper.social-btns .btn:focus img,
ul.footer-social_wrapper.social-btns .btn:hover img {
    transform: scale(1.2);
    filter: invert(0)
}

h4.newsletter-title {
    font: normal normal 20px/20px var(--font_bold);
    letter-spacing: -.4px;
    margin: 0;
    padding-bottom: 5px
}

.interested-section.bg-white.interested-section-wind,
.middle-div,
.social_media.our-team-sec {
    padding: 70px 0
}

.newsletter-title-and-input {
    width: 80%;
    margin: 0 auto
}

.newsletter-title-and-input span {
    text-align: left;
    font: normal normal 14px/24px var(--font_book);
    letter-spacing: -.48px;
    color: var(--white);
    text-transform: capitalize;
    opacity: .5
}

.group {
    margin-top: 20px
}

.menu-link[aria-haspopup=true]:before {
    content: "";
    background-image: url(../images/homepage/icons/mobile-menu-left-arrow.svg);
    width: 6px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 42%;
    transform: none;
    background-repeat: no-repeat
}

.newsletter-title-and-input input {
    font-size: 14px;
    padding: 10px 10px 10px 26px;
    display: block;
    width: 100%;
    background: no-repeat padding-box #302f2f;
    border-radius: 16px;
    opacity: 1;
    border: none;
    height: 50px;
    color: var(--white)
}

.contact-form-div input:focus,
.newsletter-title-and-input input:focus,
section.alert-contact-email-sec textarea:focus {
    outline: 0;
    padding-left: 26px;
    font-size: 14px
}

.newsletter-title-and-input label {
    position: absolute;
    left: 25px;
    top: 10px;
    text-align: left;
    font: normal normal 14px/30px var(--font_book);
    letter-spacing: -.28px;
    color: var(--white);
    opacity: .7;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.newsletter-title-and-input input:focus~label,
.newsletter-title-and-input input:valid~label {
    top: -5px;
    font-size: 12px;
    color: var(--white)
}

.copyright p,
.copyright.copyright-new p a,
.design-develop p,
.design-develop p a {
    font: normal normal 14px/30px var(--font_med);
    letter-spacing: -.28px;
    color: var(--white);
    text-align: left;
    text-transform: capitalize
}

.contact-form-div input:focus~.bar:after,
.contact-form-div input:focus~.bar:before,
.iit-delhi-details,
.iit-delhi-img,
.newsletter-title-and-input input:focus~.bar:after,
.newsletter-title-and-input input:focus~.bar:before {
    width: 50%
}

.contact-form-div input:focus~.highlight,
.newsletter-title-and-input input:focus~.highlight {
    -webkit-animation: .3s inputHighlighter;
    -moz-animation: .3s inputHighlighter;
    animation: .3s inputHighlighter
}

button.btn.submit-btn {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--secondary) 0 0 no-repeat padding-box;
    border-radius: 16px;
    text-align: center;
    font: normal normal 14px/15px var(--font_bold);
    letter-spacing: 0;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
    height: 50px;
    width: 116px;
    transition: .3s;
    overflow: hidden;
    z-index: 1;
    border: none;
    outline: 0
}

.copyright p,
.design-develop p {
    opacity: .5
}

.design-develop p {
    text-align: right
}

.line-height-normal {
    line-height: normal
}

.main-header a.menu-link.menu-bar-link:hover,
.top-bar-header a.menu-link.menu-bar-link:hover {
    color: #006537
}

.main-header li.navbar-menu-title:hover:after,
.top-bar-header ul.menu.menu-bar li.navbar-menu-title:hover:after {
    transform: scaleX(1);
    transform-origin: 0% 50%
}

.main-header li.navbar-menu-title:after,
.top-bar-header ul.menu.menu-bar li.navbar-menu-title:after {
    display: block;
    content: '';
    border-bottom: 1px solid #006638;
    transform: scaleX(0);
    transition: transform .4s ease-in-out
}

.top-bar-header {
    background-color: #efefef
}

.main-header {
    background-color: var(--white);
    border-bottom: 1px solid #e8e8e8
}

.menu-bar,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
a.btn.see_all_footer:hover {
    background: 0 0
}

nav a {
    display: block
}

.menu-bar {
    display: flex
}

.solutions_accordion,
section.our-founder-sec {
    background-color: var(--white)
}

.mega-menu,
.sol_grid_img,
section.work-with-sec {
    background: var(--white)
}

.menu-link {
    padding: 0;
    transition: background .2s, color .2s;
    z-index: 1;
    line-height: 46px;
    border: 2px solid transparent
}

hr.menu-divide {
    color: #e3e3e3;
    margin: 30px 0;
    opacity: 1
}

.menu-link[aria-haspopup=true],
.pio-renew span.img-span {
    padding-right: 15px
}

.top-bar-header ul.menu.menu-bar li a {
    margin: 0 15px;
    text-align: left;
    font-family: var(--font_med);
    font-size: 16px;
    letter-spacing: -.64px;
    color: var(--menu);
    color: #575757;
    opacity: 1;
    line-height: 36px
}

#cookie_settings_modal .accordion-button p,
.anualReports h6 a.views-icon,
.interviews .table-body h5,
.top-bar-header ul.submenu-ul li ul.menu.menu-list li a {
    margin: 0
}

.ppa-net-zero.videosection-new .renew-power-energy-details p,
.top-bar-header .mega-menu li,
section.get-in-touch-sec .contact-form-div {
    max-width: 100%
}

.top-bar-header ul.mega-menu.mega-menu--flat a.menu-link.mega-menu-link.mega-menu-header {
    text-align: left;
    font: normal normal bold 14px/15px var(--font_bold);
    letter-spacing: -.56px;
    color: var(--tertiary);
    opacity: 1;
    margin: 0;
    padding: 0 0 15px
}

.top-bar-header ul.mega-menu.mega-menu--flat ul.menu.menu-list li a {
    text-align: left;
    font: normal normal normal 14px/15px var(--font_book);
    letter-spacing: -.84px;
    color: var(--menu-submenu-color);
    opacity: .7;
    margin: 0;
    padding: 8px 0
}

.team-details-popup .founder-name-div .social-btns .btn img,
.top-bar-header .menu-link[aria-haspopup=true]:before {
    opacity: .6
}

.menubar-title {
    text-align: left;
    font: normal normal 900 28px/28px var(--font_bold);
    letter-spacing: -1.68px;
    color: var(--tertiary);
    text-transform: capitalize;
    opacity: .7;
    padding-bottom: 7px
}

.menubar-desc {
    text-align: left;
    font: normal normal normal 16px/22px var(--font_book);
    letter-spacing: -.96px;
    color: var(--primary);
    opacity: .7;
    padding: 0;
    margin: 0
}

.mega-menu-header {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
    color: #136a73
}

.mega-menu {
    z-index: 10;
    padding: 60px 80px;
    box-shadow: 0 30px 40px #0000000d
}

.anualReports .d-flex,
.dataCenterSection .title-and-button,
.mega-menu--multiLevel {
    flex-direction: column
}

.main-header a.menu-link.menu-bar-link {
    margin: 21px 0;
    text-align: left;
    font: normal normal 18px/18px var(--font_med);
    letter-spacing: -.08px;
    opacity: 1;
    margin-left: 20px !important
}

ul.submenu-ul li ul.menu.menu-list li a {
    text-align: left;
    font: normal normal 14px/30px var(--font_book);
    letter-spacing: -.84px;
    color: var(--menu-submenu-color);
    text-transform: capitalize;
    opacity: .7
}

ul.submenu-ul li ul.menu.menu-list li a:hover {
    color: #006638
}

ul.mega-menu.menu-ul ul.submenu-ul li a.menu-link.mega-menu-link.mega-menu-header {
    text-align: left;
    font: normal normal 16px/30px var(--font_bold);
    letter-spacing: -.64px;
    color: var(--tertiary);
    opacity: 1;
    text-transform: capitalize;
    padding: 0;
    margin: 0
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes dropdown {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scaleY(1)
    }
}

@keyframes flyout {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

.navbar-default .navbar-toggle {
    background: 0 0;
    border: none
}

.navbar-default .navbar-toggle .icon-bar {
    background: #666 !important;
    height: 2px;
    transition: transform .4s
}

.navbar-default .navbar-toggle.toggle-active {
    background: 0 0;
    height: 30px
}

.navbar-default .navbar-toggle.toggle-active .icon-bar {
    height: 2px
}

.navbar-default .navbar-toggle.toggle-active .icon-bar:nth-child(2) {
    margin-top: 3px;
    transform-origin: center;
    transform: rotate(45deg)
}

.navbar-default .navbar-toggle.toggle-active .icon-bar:nth-child(4) {
    transform-origin: center;
    transform: rotate(-45deg);
    margin-top: -2px
}

.solutions_accordion {
    display: flex;
    line-height: 0;
    justify-content: center
}

.solutions_accordion_cell {
    display: inline-block;
    height: 700px;
    width: 640px;
    transition: .7s ease-in-out
}

.solutions_accordion_cell:first-child {
    background: #00aac6
}

.solutions_accordion_cell:nth-child(2) {
    background: image-set(url(https://dg4e57nn4fnta.cloudfront.net/homepage/energt-solution.webp), url(https://dg4e57nn4fnta.cloudfront.net/homepage/energt-solution.jpg));
    background-position: right top;
    transition: .7s ease-in-out
}

.solutions_accordion_cell:nth-child(3) {
    background: image-set(url(https://dg4e57nn4fnta.cloudfront.net/homepage/net-zero-solutions-hover.webp), url(https://dg4e57nn4fnta.cloudfront.net/homepage/net-zero-solutions-hover.png));
    background-position: right top;
    transition: .7s ease-in-out
}

.solutions_accordion_cell:nth-child(4) {
    background: image-set(url(https://dg4e57nn4fnta.cloudfront.net/homepage/solar-pv_plant.webp), url(https://dg4e57nn4fnta.cloudfront.net/homepage/solar-pv_plant.jpg));
    background-position: center;
    transition: .7s ease-in-out
}

.solutions_accordion_cell:nth-child(5) {
    background: #53b847
}

.solutions_accordion_cell>h4 {
    display: block;
    position: absolute;
    margin: 0 auto;
    padding: 0;
    left: 0;
    top: 50%;
    right: 0;
    font-size: 2em;
    line-height: 1em;
    width: 339px;
    color: var(--white);
    transition-duration: 550ms;
    font: normal normal 38px/50px var(--font_bold);
    letter-spacing: -1.9px;
    color: var(--white);
    opacity: 1;
    text-shadow: 0 0 1px #000
}

.solutions_accordion_cell>.solutions_accordion_cell_content {
    display: block;
    margin: 0;
    padding: 4rem 9rem;
    opacity: 0;
    overflow: hidden;
    transition: .7s ease-in-out;
    cursor: pointer
}

.solutions_accordion_cell>.solutions_accordion_cell_content>p {
    margin: 10px 0 0;
    font: normal normal 18px/26px var(--font_med);
    letter-spacing: -.9px;
    color: var(--white);
    opacity: 1;
    width: 100%;
    transition: .7s ease-in-out;
    font-weight: 700 !important
}

.window_expanded {
    width: 1060px
}

.in-progress .menu-link[aria-haspopup=true]:before,
.our-value-card:hover p,
.window_expanded>h4,
section.alert-contact-email-sec .floating-diff .floating-label,
section.get-in-touch-sec .floating-diff .floating-label {
    opacity: 0
}

.window_expanded>.solutions_accordion_cell_content {
    opacity: 1;
    transition: .7s ease-in-out
}

.window_collapsed {
    width: 430px;
    transition: .7s ease-in-out
}

.decarbonization-solutions h2.heading-title {
    position: absolute;
    z-index: 1;
    top: 90px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    transition: .5s;
    opacity: 1
}

h2.heading-title.text-white.window_collapsed {
    z-index: -1;
    opacity: 0
}

.utility_sol_grid span {
    font: normal normal 20px/1.6 var(--font_med);
    letter-spacing: -1px;
    color: var(--white);
    opacity: 1
}

.utility_sol_grid {
    display: grid;
    grid-template-columns: 80px auto;
    align-items: center;
    margin-bottom: 35px;
    column-gap: 30px
}

.centre_excellenceTitle h1,
.founder-name-div {
    margin-bottom: 30px
}

.utility_sol_list {
    margin-top: 70px;
    margin-left: 60px
}

.sol_grid_img {
    border-radius: 100%;
    height: 88px;
    width: 88px;
    display: flex;
    justify-content: center;
    align-items: center
}

.utility_sol_grid img {
    max-width: 50px
}

.utility_sol_grid .sol_grid_img:before {
    transform: scale(0);
    transition: .5s;
    position: absolute;
    content: '';
    border-radius: 500px;
    content: '';
    left: -5px;
    right: -5px;
    top: -5px;
    height: 98px;
    width: 98px;
    border: 1px solid var(--white)
}

.utility_sol_grid:hover .sol_grid_img:before {
    transform: scale(1);
    transition: .5s
}

span.solutions_accordion_span {
    font: normal normal 38px/50px var(--font_med);
    letter-spacing: -1.9px;
    color: var(--white);
    opacity: 1
}

.founder-name-div {
    width: 97%
}

.title-and-button {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.founder-details h3 {
    text-align: left;
    font: normal normal 60px/50px var(--font_bold);
    letter-spacing: auto;
    color: var(--primary);
    opacity: 1;
    padding: 20px 0 10px
}

.founder-details span {
    text-align: left;
    font: normal normal 16px/30px var(--font_med);
    letter-spacing: -.96px;
    color: var(--black);
    text-transform: uppercase;
    opacity: .5
}

.founder-details {
    width: 100%;
    margin: 0 auto;
    padding: 0 20% 0 5%
}

.founder-details p {
    text-align: left;
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: var(--black);
    opacity: .7;
    padding-bottom: 15px
}

.founder-name-div ul.social_wrapper.social-btns {
    justify-content: flex-start;
    gap: 10px;
    padding: 28px 0 20px
}

.founder-name-div ul.social_wrapper.social-btns li,
.secfiling-section.all-news-section.sce-filing-sec .dropdown,
.views-icon:first-child {
    margin-left: 0
}

.founder-name-div .social-btns .btn {
    width: 42px;
    height: 42px;
    line-height: 50px
}

.founder-name-div .social-btns .btn img,
.slide:hover {
    transform: scale(.8)
}

.founder-name-div .social-btns .btn:focus img,
.founder-name-div .social-btns .btn:hover img {
    transform: scale(.8);
    filter: invert(1)
}

.thumbnail .youtube-play-btn {
    width: 84px;
    display: flex;
    height: 84px;
    background: var(--secondary);
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 50px
}

.thumbnail .video-play-button {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 30px
}

.thumbnail {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 30px;
    margin-top: 100px
}

.cov-text .thumbnail span,
.thumbnail span {
    text-align: left;
    font: normal normal 20px/30px var(--font_med);
    letter-spacing: -.8px;
    color: var(--menu-submenu-color);
    text-transform: capitalize;
    opacity: 1
}

.pulse {
    background: #fbb32f;
    animation: 1.5s infinite pulse
}

a.close_btn_modal {
    position: absolute;
    right: 50px;
    font-size: 30px;
    font-family: gotham-book;
    color: #434343;
    z-index: 9
}

.team-img-popup {
    padding: 20px 40px 0
}

.custom_modal_wrapper {
    position: fixed;
    height: 100%;
    top: 0;
    width: 80%;
    background: #fff;
    z-index: 1001;
    right: 0;
    transform: translateX(10280px);
    transition: .5s
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #fbb32f
    }

    100% {
        box-shadow: 0 0 0 17px #fbb32f01
    }
}

section.work-with-sec {
    padding: 0
}

a.work-with-video-div {
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

.focused-init-section .press_room_content h2,
.press_room_content h2 {
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

#volumeBtn,
.blog-info ul li,
ul.trans-bullet {
    margin-left: 20px
}

.video-container {
    border-radius: 4px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.check-faq,
.controls {
    margin-top: 40px
}

.video-container .video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-container video {
    width: 100%;
    height: 1012px;
    border-radius: 4px;
    object-fit: cover;
    display: none
}

.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto
}

.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto
}

.work-with-play-btn {
    width: 150px;
    display: block;
    height: 150px;
    background: var(--secondary);
    line-height: 150px;
    text-align: center;
    border-radius: 50%
}

.work-with-play-btn img {
    width: 50px;
    height: 50px;
    position: relative;
    top: -4px;
    left: 5px
}

.press_room {
    background: var(--primary_bg_color);
    padding-top: 90px;
    padding-bottom: 90px
}

.press_room .swiper-backface-hidden .swiper-slide,
.press_room_content {
    background: var(--white)
}

.press_room_content h2 {
    font: normal normal normal 28px/40px var(--font_book);
    letter-spacing: -1.12px;
    height: 80px;
    color: var(--menu-submenu-color);
    opacity: 1;
    overflow: hidden;
    display: -webkit-box
}

.press_room_img img {
    max-width: 100%;
    transition: .5s;
    height: 350px
}

.press_room_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.csr-card .contover,
.press_room_img {
    overflow: hidden;
    position: relative
}

.press_room_wrapper:hover img,
.social-btns .btn img {
    transform: scale(1.1)
}

a.btn.btn_green_border,
i.btn.btn_green_border {
    width: fit-content;
    height: 50px;
    border: 2px solid var(--secondary);
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: normal normal 14px/15px var(--font_bold);
    letter-spacing: 0;
    color: var(--secondary);
    text-transform: uppercase;
    padding: 0 25px;
    opacity: 1
}

.podcast .font-20,
.podcast span.font-18,
.webinar-details h4,
.webinar-details span.font-18 {
    color: var(--white);
    text-transform: capitalize;
    text-align: left
}

.blog-details1,
.webinar-details {
    position: absolute;
    bottom: 0;
    padding: 50px;
    left: 0;
    z-index: 4
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4
}

.podcast span.font-18,
.webinar-details span.font-18 {
    font: normal normal 18px/20px var(--font_med);
    letter-spacing: 0;
    opacity: .6
}

.webinar-details h4 {
    font: normal normal 28px/36px var(--font_book);
    letter-spacing: -1.68px;
    opacity: 1;
    padding: 20px 0;
    max-width: 600px
}

.podcast .font-20 {
    font: normal normal 20px/26px var(--font_book);
    letter-spacing: -1.2px;
    opacity: 1
}

.podcast {
    background-color: var(--podcast-bg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px;
    row-gap: 100px;
    height: 482px
}

.controls,
.hero {
    align-items: center;
    display: flex
}

.webinar-card .webinar_img {
    height: 580px;
    object-fit: cover
}

section.re-insight-section {
    background: var(--white);
    padding: 0
}

.sec-bg {
    background-color: var(--secondary)
}

.reinsight-img-left img {
    width: 100%;
    height: 1060px;
    object-fit: cover
}

.twitter-timeline.twitter-timeline-rendered::-webkit-scrollbar {
    width: 2px
}

.twitter-timeline.twitter-timeline-rendered::-webkit-scrollbar-track {
    background: var(--primary);
    border-radius: 5px
}

.twitter-timeline.twitter-timeline-rendered::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 5px
}

.hero {
    width: 100%;
    justify-content: center
}

.music {
    width: 100%;
    max-width: 100%;
    border-radius: 8px
}

.track {
    display: flex;
    align-items: center;
    gap: 15px
}

.track img {
    width: 20px;
    margin-right: 30px;
    cursor: pointer
}

img#playBtn,
img#playBtn1 {
    width: 15px
}

.track div {
    flex: 1
}

.blog-card1,
.webinar-card {
    position: relative;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.blog-card1:after,
.webinar-card:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, transparent 0, transparent 50%, #000);
    opacity: .8
}

.blog-details1 span {
    font: normal normal 18px/20px var(--font_med);
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: .6
}

.blog-details1 h4,
.counter-card h2,
.inner-heading-title,
li.breadcrumb-item a,
li.breadcrumb-item.active {
    text-transform: capitalize
}

.blog-details1 h4 {
    font: normal normal 20px/26px var(--font_book);
    letter-spacing: -1.2px;
    color: #fff;
    opacity: 1
}

.twitter-timeline.twitter-timeline-rendered {
    overflow-y: scroll
}

.title-and-social-icons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    align-items: center
}

ul.social_wrapper.social-btns {
    display: flex;
    justify-content: center;
    align-items: center
}

.social-btns .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 79px;
    height: 79px;
    line-height: 90px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    border-radius: 100px;
    opacity: .99
}

.social-btns .btn,
.social-btns .btn img,
.social-btns .btn:before {
    transition: .35s cubic-bezier(0.31, -0.105, 0.43, 1.59)
}

.social-btns .btn.facebook:before {
    background: #3b5998
}

.social-btns .btn.instagram:before {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

.social-btns .btn.twitter:before {
    background: #1da1f2
}

.social-btns .btn.linkedin:before {
    background: #0077b5
}

.social-btns .btn.youtube:before {
    background: red
}

.social-btns .btn:before {
    content: '';
    width: 120%;
    height: 120%;
    position: absolute;
    transform: rotate(45deg);
    top: 90%;
    left: -110%
}

.social-btns .btn:focus:before,
.social-btns .btn:hover:before {
    top: -10%;
    left: -10%
}

.social-btns .btn:focus img,
.social-btns .btn:hover img {
    transform: scale(1);
    filter: invert(1)
}

.nav-tabs .nav-item:hover,
.social-btns .btn:hover {
    border-color: var(--white)
}

.social_media_tabs .nav-tabs {
    display: flex;
    gap: 100px;
    position: relative
}

.alert-contactus .nav-tabs {
    display: flex;
    gap: 25px
}

.r-i023vh {
    padding-right: 16px !important;
    padding-top: 50px !important
}

.r-1qhn6m8 {
    padding-left: 16px !important;
    padding-bottom: 50px !important
}

.social_media_tabs .nav-link {
    font: normal normal 20px/80px var(--font_bold);
    letter-spacing: -1px;
    opacity: 1;
    margin-right: 0;
    padding: 0 30px
}

.breadcrumb-item+.breadcrumb-item,
li.breadcrumb-item a,
li.breadcrumb-item.active {
    font: normal normal 18px/20px var(--font_med)
}

.social_media_tabs .nav-tabs .nav-item.show .nav-link,
.social_media_tabs .nav-tabs .nav-link.active {
    border-color: transparent;
    color: #006638;
    background: 0 0
}

.social_media_tabs .nav-link:hover {
    border-color: transparent;
    border-bottom: inherit
}

.card.solid_bg {
    height: 100%;
    border-radius: 0;
    background: #fff;
    padding: 40px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: none;
    outline: 0
}

h5.card-title {
    font: normal normal normal 26px/38px var(--font_book);
    letter-spacing: -.78px;
    opacity: 1
}

p.card-hashtags {
    font: normal normal 16px/20px var(--font_book);
    letter-spacing: 0;
    color: var(--white);
    opacity: .7
}

.social_media_content h2 {
    font: normal normal 26px/38px var(--font_book);
    letter-spacing: -.78px;
    color: #000;
    opacity: 1
}

.social_media_content p {
    font: normal normal 16px/26px var(--font_book);
    letter-spacing: -.32px;
    color: #27333f;
    opacity: .7;
    margin: 30px 0 75px
}

.social_media_content {
    padding: 40px;
    height: 401px
}

.h300 {
    height: 967px !important
}

.h300 img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.card.content_card {
    border-radius: 0;
    border: none;
    outline: 0
}

.img_card {
    padding: 0 40px
}

.img_card:last-child {
    padding: 40px 40px 0
}

.achievements_img,
.futureOfEnergy-slide,
.running-span-main,
.social_media_img,
.value-right-site marquee {
    overflow: hidden
}

.social_media_img img {
    height: 240px;
    object-fit: cover
}

.check-faq {
    justify-content: center
}

span.magic_line {
    position: absolute;
    width: 150px;
    bottom: -2px;
    background: #006638;
    height: 3px;
    left: 0;
    transition: .3s ease-in-out;
    border-radius: 30px
}

.social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 240px;
    width: 390px
}

.card-title-and-time h4 {
    text-align: left;
    font: normal normal 25px/40px var(--font_book);
    letter-spacing: 0;
    color: var(--white);
    opacity: 1;
    margin: 0;
    padding: 0
}

.card-title-and-time p {
    text-align: left;
    font: normal normal 12px/20px var(--font_book);
    letter-spacing: -.24px;
    color: #fff;
    opacity: .7
}

.content {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden
}

.content .content-overlay {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.content-details,
.pillar-card:hover {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out
}

.all-news-section .media-item:hover .coverage-btn,
.all-news-section .media-item:hover .media-item__button,
.all-news-section .media-item:hover .media-item__description,
.all-news-section .media-item:hover:before,
.all-news-section a.media-item.btn-container:hover .coverage-btn,
.all-news-section a.media-item.btn-container:hover .media-item__button,
.blogs-for-cop:hover .podcast_top a,
.case-studies-for-cop:hover .podcast_top a,
.content:hover .content-overlay,
.for-cop-mashup-sec .blog-card1:hover .for-cop-details1 a,
.for-cop-mashup-sec .for-cop-details3:hover .podcast_top a,
.for-cop-mashup-sec .webinar-card:hover .for-cop-details a,
.news-slider-text-blog:hover a,
.our-value-card.collabration:hover::before,
.our-value-card.commitment:hover::before,
.our-value-card.effectiveness:hover::before,
.our-value-card.integrity:hover::before,
.slide_card:hover .team-name a,
.team-details-popup .founder-name-div .social-btns .btn img:hover {
    opacity: 1
}

.Newsmaster,
.content-image,
.filtering,
.form-area,
.greenInsights-box .accordian-style-1.style-2 .accordion-body,
.mainPress,
.media-item__square img,
.nenew-power1 h1,
.nenew-power1 p,
.sce-filing-table ul li,
.thankYou-img video {
    width: 100%
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 2em;
    padding-right: 2em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: .3s ease-in-out
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}

.content-details h3 {
    text-align: left;
    font: normal normal 26px/30px var(--font_book);
    letter-spacing: -.78px;
    color: var(--white);
    opacity: 1;
    max-width: 380px
}

.content-details p {
    text-align: left;
    font: normal normal 16px/20px var(--font_book);
    letter-spacing: 0;
    color: var(--white);
    opacity: .7
}

.fadeIn-bottom {
    top: 80%
}

.first-part a img {
    width: 208px;
    height: 42px
}

.content ul.footer-social_wrapper.social-btns .btn {
    width: 58px;
    height: 58px
}

.card.solid_bg ul.footer-social_wrapper.social-btns .btn img,
.content ul.footer-social_wrapper.social-btns .btn img {
    transform: scale(2)
}

.card.solid_bg ul.footer-social_wrapper.social-btns .btn:focus img,
.card.solid_bg ul.footer-social_wrapper.social-btns .btn:hover img,
.content ul.footer-social_wrapper.social-btns .btn:focus img,
.content ul.footer-social_wrapper.social-btns .btn:hover img {
    transform: scale(2);
    filter: invert(0)
}

.content ul.footer-social_wrapper.social-btns {
    gap: 0
}

.content ul.footer-social_wrapper.social-btns .card-title-and-time {
    padding-left: 20px
}

section.social_media {
    background-color: var(--secondary_bg_color);
    padding: 90px 0
}

section.who-we-are-breadcrumb {
    margin-top: 0;
    z-index: 0;
    background-color: #fff
}

li.breadcrumb-item a {
    letter-spacing: -1.08px;
    color: var(--podcast-bg);
    opacity: 1;
    display: inline-block
}

li.breadcrumb-item.active {
    letter-spacing: -1.08px;
    color: var(--primary);
    opacity: .5
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x);
    color: var(--podcast-bg)
}

.inner-heading-title {
    font: normal normal 120px/120px var(--font_bold);
    letter-spacing: -7.2px;
    color: var(--primary);
    opacity: 1;
    text-align: center;
    padding: 60px 0 25px
}

.inner-breadcrum-para {
    font: normal normal normal 32px/45px var(--font_book);
    letter-spacing: -1.92px;
    color: var(--primary);
    opacity: .7;
    max-width: 60%;
    margin: 0 auto
}

.renew-power-energy-video-sec>.who-we-are-video>video {
    display: block;
    width: 100vw;
    height: 970px;
    object-fit: cover
}

section.renew-power-energy-video-sec:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1
}

.safety-bg {
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, transparent 0, #9f9f9f -80%, #000);
    opacity: 1;
    padding: 20px 0;
    margin: 0 !important
}

.culture-details,
.renew-power-energy-details,
.safty-title,
.utility-details {
    position: absolute;
    top: 50%;
    left: 7%;
    right: auto;
    height: auto;
    bottom: auto;
    width: 70%;
    max-width: 100%;
    z-index: 4;
    transform: translate(-7%, -50%)
}

.slide,
.slider {
    height: 60px;
    place-items: center
}

.corporate-gov-sec,
.green-ppa,
.interested-section-ems,
.interested-section-firm,
.interested-section-green-c,
.interested-section-hydropower,
.interested-section-solar,
.interested-section-wind,
section.about-coe,
section.l_Update,
section.net-zero-ppa.green-ppa.green-credits-vision,
section.net-zero-section-page,
section.number-culture-sec,
section.our-strengths-sec {
    padding: 90px 0
}

.counter-card h2 {
    text-align: left;
    font: normal normal 75px/95px var(--font_bold);
    letter-spacing: -3.2px;
    color: var(--counter);
    padding: 50px 0 10px;
    margin: 0
}

.counter-card h6 {
    text-align: left;
    font: normal normal 18px/22px var(--font_bold);
    letter-spacing: -.8px;
    color: #707070;
    text-transform: initial;
    opacity: .7;
    max-width: 400px
}

.slider {
    position: relative;
    width: 100%;
    display: grid;
    overflow: hidden
}

.slider::after,
.slider::before {
    position: absolute;
    background-image: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    content: '';
    height: 100%;
    width: 25%;
    z-index: 2
}

.slider::before {
    left: 0;
    top: 0
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.slide-track {
    width: calc(150px * 20);
    display: flex;
    animation: 20s linear infinite scroll;
    justify-content: space-between
}

.slide-track2 {
    width: calc(150px * 15);
    display: flex;
    animation: 15s linear infinite scroll2;
    justify-content: space-between
}

.slide {
    width: 150px;
    display: grid;
    transition: .5s;
    cursor: pointer
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-150px * 10))
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-150px * 5))
    }
}

.wauto {
    width: auto !important;
    height: auto !important
}

.secfiling-section.all-news-section .filter_heading {
    width: 85%;
    justify-content: flex-start
}

.secfiling-section .search_filter-btn {
    padding: 0 30px
}

.all-news-section.sce-filing-sec .dropdown.dropdown-mini {
    width: 155px
}

.vision-mission-section.secondsection-sec .our-vision {
    background: #fff;
    height: 100%
}

.our-values-sec.data-cente-table-sec,
.vision-mission-section.secondsection-sec {
    background: #fff
}

.bg-green1 {
    background: var(--podcast-bg)
}

.docdown .download-item a.secondary-button {
    justify-content: center;
    margin-top: 60px;
    width: 65%
}

.disclosuers.pdfsection {
    background: url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/bg_recent.jpg) center/cover no-repeat fixed;
    color: #fff;
    position: relative;
    width: 100%;
    z-index: 0
}

.disclosuers.pdfsection::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(100 103 107 / 60%);
    z-index: -1;
    position: absolute;
    top: 0
}

.running-span-main span.magic_line {
    width: 110px
}

.running-span-main .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 210px;
    width: 151px
}

.viewmore {
    width: 100%;
    display: flex;
    justify-content: center
}

.overview-values .green-icn {
    filter: unset
}

.overview-values .our-value-card:hover h2 {
    color: var(--menu-submenu-color);
    opacity: 1
}

.our-value-card.before-none {
    transition: .5s ease-in-out
}

.our-value-card.before-none:hover {
    transition: .5s ease-in-out;
    background: #f9f9f9
}

.esg-card,
.news-details-sec.initiatives-det hr.vertical-divider,
.news-slider-section .swiper-pagination-bullet-active .inner-dot,
.our-values-sec.overview-values {
    background-color: #fff
}

.our-purpose-section {
    background-image: url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/who-we-are/our-purpose-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center center;
    min-height: 750px;
    display: flex;
    justify-content: center;
    align-items: start;
    border-top: 1px solid #e8e8e8
}

.our-purpose-content h5 {
    text-align: left;
    font: normal normal 20px/22px var(--font_bold);
    letter-spacing: -.8px;
    color: #6e7273;
    text-transform: uppercase;
    opacity: 1
}

.our-purpose-content h3 {
    text-align: left;
    font: normal normal 60px/70px var(--font_bold);
    letter-spacing: -3.6px;
    color: #313638;
    opacity: .7;
    max-width: 800px;
    padding: 30px 0
}

.our-value-card h2,
.our-value-card p {
    text-align: left;
    color: var(--menu-submenu-color)
}

.our-values-sec {
    background-color: #f9f9f9;
    padding: 90px 0
}

.our-value-card {
    margin: 2em auto;
    box-sizing: border-box;
    background-color: #fff;
    padding: 40px;
    background-size: 100% 200%;
    transition: opacity .7s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.our-value-card svg {
    fill: #27333f;
    stroke: #27333f;
    stroke-width: 2px;
    margin-bottom: 30px;
    margin-top: 30px
}

.our-value-card h2 {
    font: normal normal 28px/40px var(--font_book);
    letter-spacing: -1.12px;
    opacity: 1
}

.our-mission li span,
.our-value-card p {
    font: normal normal 20px/30px var(--font_book)
}

.our-value-card p {
    letter-spacing: -1.08px;
    opacity: 1;
    min-height: 180px
}

.our-mission li span,
.our-vision h5 {
    text-align: left;
    letter-spacing: -.8px
}

.our-value-card.collabration::before {
    content: '';
    background: linear-gradient(0deg, rgb(0 0 0 / 32%), rgb(0 0 0 / 67%)) 0 0/cover no-repeat, url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/who-we-are/collaboration.png) 0 0/cover no-repeat;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity .7s ease-in-out;
    z-index: -1
}

.our-value-card.effectiveness::before {
    background: linear-gradient(0deg, rgb(0 0 0 / 32%), rgb(0 0 0 / 67%)) 0 0/cover no-repeat, url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/who-we-are/responsible.png) 0 0/cover no-repeat;
    content: '';
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity .7s ease-in-out;
    z-index: -1
}

.our-value-card.commitment::before {
    background: linear-gradient(0deg, rgb(0 0 0 / 32%), rgb(0 0 0 / 67%)) 0 0/cover no-repeat, url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/who-we-are/integrity.png) 0 0/cover no-repeat;
    content: '';
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity .7s ease-in-out;
    z-index: -1
}

.our-value-card.integrity::before {
    background: linear-gradient(0deg, rgb(0 0 0 / 32%), rgb(0 0 0 / 67%)) 0 0/cover no-repeat, url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/who-we-are/partnership.png) 0 0/cover no-repeat;
    content: '';
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: opacity .7s ease-in-out;
    z-index: -1
}

.our-value-card:hover svg {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2px
}

.our-value-card:hover h2,
.our-value-card:hover p {
    color: var(--white);
    opacity: 1
}

.our-vision h5 {
    font: normal normal 20px/22px var(--font_bold);
    color: var(--white);
    text-transform: uppercase;
    opacity: 1
}

.our-vision h3 {
    text-align: left;
    font: normal normal 60px/70px var(--font_bold);
    letter-spacing: -3.6px;
    color: var(--white);
    opacity: 1;
    max-width: 800px;
    padding: 30px 0
}

.our-vision {
    padding: 7% 15%;
    background: linear-gradient(180deg, rgb(0 0 0 / 9%), rgb(0 0 0 / 86%)) top center/cover no-repeat, url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/who-we-are/mission/vision-bg.png) top center/cover no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.our-mission ul {
    margin-top: 30px
}

.our-mission {
    position: relative;
    background-color: var(--podcast-bg);
    padding: 150px 13% 145px;
    height: 100vh
}

.our-mission li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 15px
}

.our-mission li span {
    color: var(--white);
    opacity: .7
}

.our-mission li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    opacity: 1;
    margin-top: 5px
}

.our-mission:before {
    content: '';
    position: absolute;
    width: 395px;
    height: 395px;
    top: 10%;
    right: -10%;
    z-index: 0;
    background-image: url(../images/who-we-are/mission/mission-before-img.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: right
}

section.vision-mission-section {
    padding: 0;
    border: 0
}

.newsCard {
    position: relative;
    width: 100%;
    background-color: var(--white);
    color: var(--white);
    overflow: hidden
}

.newsCaption,
.newsCard .overlay,
.newsCard:after {
    position: absolute;
    width: 100%
}

figure.newsCard img {
    display: block;
    object-fit: cover !important;
    object-position: center center !important;
    height: auto;
    transition: .3s;
    width: 100%
}

.hides .item .isotope-item {
    transform: translate3d(0, 10px, 0) !important
}

.newsCard .overlay {
    display: block;
    height: 100%;
    bottom: 0;
    z-index: 3
}

.newsCard:after {
    content: "";
    z-index: 3;
    top: 0;
    height: 100%;
    background: linear-gradient(180deg, transparent 0, transparent 50%, #000);
    opacity: .8;
    left: 0
}

.newsCard:hover img {
    transform: scale(1.1);
    transition: .3s
}

.newsCard:hover .newsCaption-content {
    opacity: 1;
    transition: .3s
}

.newsCard .newsCaption-content a img {
    width: 15px;
    height: 20px;
    object-fit: cover;
    transform: rotate(90deg)
}

.newsCaption-content {
    opacity: 0;
    transition: .3s;
    margin: 0
}

.newsCaption-content a {
    display: flex;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #76ba43;
    justify-content: center;
    align-items: center;
    border-radius: 50px
}

.newsCaption {
    top: auto;
    bottom: 30px;
    left: 0;
    height: 25%;
    z-index: 10;
    padding: 15px;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.newsCaption i {
    font-size: 24px
}

.newsCaption-title {
    margin-top: 0;
    font: normal normal bold 25px/35px var(--font_bold);
    letter-spacing: -1.2px;
    color: var(--white);
    opacity: 1
}

.newsCaption-link {
    color: var(--white);
    text-decoration: underline;
    opacity: .8;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
    transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1)
}

.news-Slide-up:hover .overlay {
    background: rgb(0 0 0 / 60%)
}

.news-Slide-up:hover .newsCaption {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s
}

#cookie_settings_modal .accordion-button,
.focused-init-section .press_room_content,
.hide_show_content_Wrapper {
    background: #f6f6f6
}

.focused-init-section .press_room_content h2 {
    font: normal normal normal 28px/40px var(--font_book);
    letter-spacing: -1.12px;
    color: var(--menu-submenu-color);
    opacity: 1;
    overflow: hidden;
    display: -webkit-box
}

.slide_card .team-img img {
    height: 380px;
    width: 100%;
    object-fit: cover
}

.slide_card {
    text-align: center;
    font-size: 18px;
    background: #f5f7f9;
    padding: 0;
    position: relative
}

.,
.team-name,
.team-name h4 {
    text-align: left
}

.slide_card:after,
.team-name {
    position: absolute;
    bottom: 0;
    left: 0
}

.slide_card:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(180deg, transparent 0, transparent 50%, #000)
}

.team-name {
    padding: 20px 40px;
    z-index: 1
}

.our-team-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 26%;
    width: 250px
}

.board_directors_slider .swiper-slide,
.our_management_slider .swiper-slide {
    flex-shrink: 0;
    width: 24%;
    height: auto;
    position: relative;
    transition-property: transform
}

.team-name a {
    font: normal normal 14px/30px var(--font_bold);
    letter-spacing: -.84px;
    color: #72bf44;
    text-transform: uppercase;
    opacity: 0
}

.for-cop-details,
.for-cop-details1,
.podcast_top,
.slide_card .team-name {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s
}

.blogs-for-cop:hover .podcast_top,
.case-studies-for-cop:hover .podcast_top,
.for-cop-mashup-sec .blog-card1:hover .for-cop-details1,
.for-cop-mashup-sec .for-cop-details3:hover .podcast_top,
.for-cop-mashup-sec .webinar-card:hover .for-cop-details,
.news-slider-text-blog:hover,
.next-pre-news .news-Slide-up:hover .newsCaption,
.slide_card:hover .team-name {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s
}

.media-item__content .cta-download {
    margin-top: 25px
}

.newThread-modal-main .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateX(725px);
    box-shadow: 0 20px 50px rgb(0 0 0 / 50%);
    overflow: hidden
}

.modal.show .modal-dialog {
    transform: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

.newThread-modal-main .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0;
    padding: 0
}

.newThread-modal-main .modal-header {
    border-bottom: 0
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0
}

.newThread-modal-main .modal {
    padding-right: 0 !important;
    z-index: 10601
}

.fade {
    transition: opacity .15s linear
}

.newThread-modal-main .modal.show .modal-dialog {
    transition: transform .3s ease-out;
    transform: none
}

.newThread-modal-main .modal-dialog {
    margin: 0;
    position: absolute;
    width: 100%;
    right: 0;
    height: 100%;
    max-width: 85%;
    transition: transform .3s ease-out
}

.team-img-popup img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.team-details-popup {
    padding: 40px
}

.popup-space {
    padding: 20px 40px
}

.all-news-section .item,
.popup-space .founder-name-div p,
.qr-sec .title-and-social-icons {
    margin-bottom: 0
}

.team-details-popup p {
    text-align: left;
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -.96px;
    color: #000;
    text-transform: initial;
    opacity: .7
}

.newThread-modal-main button.btn-close {
    position: absolute;
    right: 3%;
    top: 3%;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50px;
    opacity: 1;
    z-index: 1
}

.,
.team-details-popup .founder-name span {
    letter-spacing: -.96px;
    color: #000;
    opacity: .5
}

.team-name h4 {
    font: normal normal 24px/30px var(--font_bold);
    letter-spacing: -1.44px;
    color: #fff;
    opacity: 1
}

.team-name p {
    font: normal normal 14px/20px var(--font_med);
    letter-spacing: -.84px;
    color: #fff;
    text-transform: uppercase;
    opacity: .7
}

.team-details-popup .founder-name span {
    font: normal normal bold 16px/30px var(--font_bold);
    text-transform: uppercase
}

.,
.inner-heading-title1,
.publish-name p {
    text-transform: capitalize
}

.team-details-popup .founder-name h3 {
    font: normal normal bold 36px/40px var(--font_bold);
    letter-spacing: -2.16px;
    color: #000;
    opacity: 1
}

. {
    font: 16px/25px Gotham
}

.news-slider-section .swiper-slide:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.inner-heading-title1 {
    font: normal normal 60px/70px var(--font_bold);
    letter-spacing: -3.6px;
    color: #313638;
    opacity: 1;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10%
}

.publish-img img {
    width: 30px;
    height: 30px;
    border-radius: 50px
}

.news-card-post {
    display: flex;
    gap: 50px;
    align-items: center
}

.publish-name-img {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px
}

.news-card-publish span,
.news-publish-by span {
    font: normal normal 14px/30px var(--font_med);
    letter-spacing: -.56px;
    color: #707070;
    opacity: .8
}

.news-card-publish p {
    font: normal normal medium 16px/30px var(--font_med);
    letter-spacing: -.64px;
    color: #27333f;
    opacity: .8;
    padding: 0;
    margin: 0
}

.publish-name p {
    font: normal normal 16px/20px var(--font_med);
    letter-spacing: -.96px;
    color: #27333f;
    opacity: .8;
    margin: 0
}

hr.vertical-divider {
    width: 1px;
    height: 40px;
    background-color: #000
}

.news-details-social .social-btns .btn {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.news-details-social ul.social_wrapper.social-btns {
    justify-content: end;
    gap: 20px
}

.news-details-social {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end
}

.india-ul-transition li,
.news-details-info p {
    font: normal normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #000;
    opacity: .7
}

.news-details-info img {
    padding-bottom: 30px;
    padding-top: 30px
}

div#loader_gif img {
    max-width: 300px
}

.related-article .press_room_content {
    background-color: transparent;
    padding: 0
}

.related-article .press_room_content h2 {
    font: normal normal 32px/45px var(--font_med);
    letter-spacing: -1.92px;
    color: #27333f;
    opacity: 1;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.card-content h2,
.news-slider-text h2,
.news-slider-text h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.news-date-time {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 15px 0
}

.Testimo-height {
    height: 650px;
    justify-content: start
}

.Testimo-height:before {
    background: url(../../resources/images/Up.svg) 0 0/100% 100% no-repeat;
    top: 30%;
    content: "";
    height: 30px;
    display: block;
    left: 9%;
    position: absolute;
    width: 35px;
    z-index: 1
}

.Testimo-height img {
    margin-bottom: 65px !important;
    width: 118px
}

.news-date-time span {
    font: normal normal 16px/34px var(--font_book);
    letter-spacing: -.64px;
    color: #27333f;
    opacity: .5
}

.card.solid_bg.bg-white iframe,
.next-pre-news .newsCard,
.our-founder-sec .founder-pic {
    height: 100%
}

.next-pre-news .newsCaption {
    bottom: 40%;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: block;
    padding-left: 14%
}

.newsCard .newsCaption-content.pre-arrow a img {
    width: 15px;
    height: 20px;
    object-fit: cover;
    transform: rotate(270deg)
}

.newsCaption-content.next-arrow a,
.newsCaption-content.pre-arrow a {
    display: flex;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    background: #76ba43;
    justify-content: center;
    align-items: center;
    border-radius: 50px
}

.next-pre-news .cnt-title h3 {
    font: normal normal 60px/70px var(--font_bold);
    letter-spacing: -3.6px;
    color: var(--white);
    text-transform: capitalize;
    opacity: 1
}

.next-pre-news .cnt-title p {
    font: normal normal 24px/30px var(--font_med);
    letter-spacing: -1.44px;
    color: var(--white);
    opacity: .57;
    max-width: 600px
}

.next-pre-news .newsCard:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, transparent 0, transparent 0, #000);
    opacity: .8
}

.news-slider-text {
    position: absolute;
    top: 10%;
    z-index: 1;
    width: 70%;
    max-width: 100%;
    line-height: 1.2
}

.news-slider-text h5 {
    font: normal normal 20px/22px var(--font_bold);
    letter-spacing: -.8px;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
    padding-bottom: 50px
}

.news-slider-text span {
    font: italic normal 14px/15px var(--font_bold);
    letter-spacing: -.56px;
    color: var(--white);
    text-transform: capitalize;
    opacity: .55
}

.news-slider-text h2,
.news-slider-text h3 {
    font: normal normal 60px/70px var(--font_bold);
    letter-spacing: -1.6px;
    color: var(--white);
    text-transform: capitalize;
    opacity: 1;
    margin: 30px 0;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.2;
    text-overflow: ellipsis;
    margin-top: 20px;
    margin-bottom: 60px
}

.uu-1 .our-client-card {
    height: 251px;
    display: flex;
    align-items: center;
    justify-content: center
}

.news-slider-text p {
    font: normal normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: var(--white);
    opacity: .7;
    margin: 0 0 50px
}

.news-slider .swiper-slide::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, transparent 0, transparent 30%, rgb(0 0 0 / 60%));
    opacity: .8
}

.btn_green_bg {
    font: normal normal 14px/15px var(--font_bold);
    letter-spacing: 0;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
    background-color: var(--counter);
    line-height: 35px;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 150px;
    height: 50px;
    border: none;
    outline: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.btn_green_bg::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 50px;
    background-color: var(--primary);
    z-index: -1;
    border-radius: 50px;
    transition: transform .5s cubic-bezier(.86, 0, .07, 1);
    transform: scale(0, 1);
    transform-origin: top right;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    border: none;
    outline: 0
}

.news-slider .btn_green_bg:hover::after {
    transform: scale(1, 1);
    transform-origin: top left
}

.all-news-section span.leading-trim.media-item__date__day,
.new-card-date h2 {
    font: normal normal 70px/70px var(--font_bold);
    letter-spacing: -2.8px;
    color: #313638;
    opacity: .7
}

.new-card-date h2 span {
    font: normal normal 16px/18px var(--font_bold);
    letter-spacing: -.64px;
    color: #313638;
    text-transform: uppercase;
    opacity: .7;
    display: flex;
    word-break: break-word;
    max-width: 100px
}

.news-card-img-date {
    display: flex;
    align-items: flex-start;
    gap: 80px
}

.new-card-details h4 {
    font: normal normal 32px/45px var(--font_med);
    letter-spacing: -1.92px;
    color: #27333f;
    opacity: 1
}

.new-card-details p {
    font: normal normal normal 20px/28px var(--font_book);
    letter-spacing: -.8px;
    color: #27333f;
    opacity: .7
}

.news-slider-section .swiper-slide img {
    width: 100%;
    position: relative
}

.for-cop-blog-slider-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal,
.news-slider-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 17%
}

.for-cop-blog-slider-section .swiper-pagination-bullet,
.news-slider-section .swiper-pagination-bullet {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 41px !important;
    height: 41px !important;
    margin: 0 5px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    cursor: pointer;
    transition: .3s;
    opacity: 1
}

.for-cop-blog-slider-section .swiper-pagination-bullet span,
.news-slider-section .swiper-pagination-bullet span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.news-slider-section .progress {
    transform: rotate(-90deg);
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    background-color: transparent;
    border-radius: 50%;
    width: 41px;
    height: 41px
}

.news-slider-section .circle-origin {
    fill: transparent;
    stroke: rgb(255, 255, 255);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 125.664px;
    stroke-dashoffset: 125.664px
}

.for-cop-blog-slider-section .swiper-pagination-bullet-active .circle-origin,
.news-slider-section .swiper-pagination-bullet-active .circle-origin {
    animation: 5s progress
}

.news-slider-section .swiper-pagination-bullets {
    bottom: 25px;
    left: 0;
    width: auto;
    right: 0;
    display: flex;
    flex-direction: inherit;
    justify-content: center
}

.news-slider-section span.inner-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 1
}

@keyframes progress {
    0% {
        stroke-dashoffset: 125.664px
    }

    90% {
        stroke-dashoffset: 0
    }

    100% {
        stroke-dashoffset: -125.664px
    }
}

.news-slider-section .swiper-button-next,
.news-slider-section .swiper-button-prev {
    width: 60px;
    height: 60px;
    border: 1.5px solid #fff;
    border-radius: 50px
}

.news-slider-section .swiper-button-prev img {
    transform: rotate(270deg);
    width: 21px;
    height: 21px
}

.news-slider-section .swiper-button-next img {
    transform: rotate(90deg);
    width: 21px;
    height: 21px
}

.futureOfEnergy-inner-section .swiper-btn-next-prev1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex
}

.for-cop-blog-slider-section .swiper-button-next,
.futureOfEnergy-inner-section .swiper-button-next,
.news-slider-section .swiper-button-next {
    right: auto;
    left: 100px
}

.all-news-section .filter_heading {
    display: block;
    padding: 30px 0;
    width: 50%;
    display: flex;
    justify-content: space-around
}

.all-news-section .seatch-input {
    padding: 30px 0;
    width: 40%
}

.all-news-section .ResourcesGridBlock-kicker a,
.all-news-section .media-item__container {
    cursor: pointer
}

.all-news-section .seatch-input form input,
.all-news-section .seatch-input input {
    width: 100%;
    height: 55px;
    border-radius: 50px;
    border: 1px solid #ccc;
    outline: 0;
    padding-left: 25px;
    float: left;
    padding-right: 53px;
    font: normal normal 15px/21px var(--font_bold)
}

.all-news-section .seatch-input form input::placeholder {
    font: normal normal 16px/40px var(--font_med);
    letter-spacing: -.64px;
    color: #c4c4c4;
    opacity: 1
}

.search_filter-btn {
    display: flex;
    gap: 15px;
    width: 60%;
    justify-content: start
}

.all-news-section .filter_heading span {
    text-align: left;
    font: normal normal 12px/13px var(--font_bold);
    letter-spacing: -.48px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1
}

.all-blog-section #filter-select,
.all-news-section #filter-select {
    border: none;
    margin-left: 20px;
    outline: 0;
    padding: 10px 30px;
    background: #fafafa;
    color: #5d5d5d;
    overflow: hidden;
    transition: box-shadow .6s;
    box-shadow: 0 2px 5px #ccc
}

.all-blog-section #filter-select option,
.all-news-section #filter-select option {
    background: #fff;
    border: none
}

.all-news-section .tab-content {
    padding-top: 20px;
    padding-bottom: 20px
}

.all-blog-section .isotope,
.all-blog-section .isotope .isotope-item,
.all-news-section .isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.all-blog-section .isotope,
.all-news-section .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.all-blog-section .isotope .isotope-item,
.all-news-section .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

.all-blog-section .isotope .isotope-item.no-transition,
.all-blog-section .isotope.no-transition,
.all-blog-section .isotope.no-transition .isotope-item,
.all-news-section .isotope.no-transition,
.isotope .isotope-item.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.all-blog-section .isotope-item,
.all-news-section .isotope-item {
    z-index: 2
}

.all-blog-section .isotope-hidden.isotope-item,
.all-news-section .isotope-hidden.isotope-item {
    z-index: 1
}

.all-news-section .ResourcesGridBlock {
    padding: 30px;
    position: relative;
    background: #fafafa;
    color: #5d5d5d;
    display: -ms-flexbox;
    display: flex;
    min-height: 150px;
    overflow: hidden;
    transition: box-shadow .6s;
    box-shadow: 0 2px 5px #ccc;
    cursor: pointer
}

.all-news-section .ResourcesGridBlock:hover {
    box-shadow: 0 8px 15px #ccc
}

.all-news-section .ResourcesGridBlock .ResourcesGridBlock-content {
    z-index: 20
}

.all-news-section .ResourcesGridBlock-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.all-news-section .ResourcesGridBlock-title {
    margin-bottom: 1rem;
    text-align: left;
    font-family: Assistant;
    font-size: 20px;
    font-weight: 300;
    color: #5d5d5d
}

.all-news-section .ResourcesGridBlock-link {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #007dc1;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    font-family: Assistant;
    text-decoration: unset
}

.all-news-section .ResourcesGridBlock-link:hover {
    color: #46b3e9
}

.all-news-section .ResourcesGridBlock-kicker {
    text-align: left;
    margin-bottom: 1rem;
    margin-top: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #007dc1
}

.all-news-section .Link--trailing:after {
    content: '\203A';
    font-size: 1.25em;
    font-weight: 500;
    margin-left: .5em
}

.all-news-section .dropdown {
    width: 234px;
    height: 55px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #ccc;
    transition: .5s;
    position: relative;
    font: normal normal bold 12px/55px var(--font_bold);
    letter-spacing: -.48px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    text-align: left;
    outline: 0;
    margin-left: 8px;
    margin-right: 8px
}

.all-news-section .dropdown .select {
    cursor: pointer;
    display: block;
    padding: 0 0 0 25px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.all-news-section .dropdown .select:before,
.all-news-section .filter-cat:before {
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 8px;
    transition: .3s;
    right: 10%;
    transform: rotate(180deg);
    background-image: url(../images/top-arrow.svg);
    position: absolute;
    height: 4px
}

.all-news-section .dropdown .select:before {
    top: 45%
}

.all-news-section .filter-cat:before {
    top: 46%;
    z-index: 1
}

.all-news-section .dropdown.active .select:hover:before {
    transform: rotate(0)
}

.all-news-section .dropdown .select>i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: .3s ease-in-out;
    float: right;
    line-height: 20px;
    display: none
}

.all-news-section .dropdown:active {
    outline: 0
}

.all-news-section .dropdown.active .select>i {
    transform: rotate(-90deg)
}

.all-news-section .dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 40px;
    box-shadow: 0 5px 5px #ddd;
    border-radius: 10px;
    overflow: hidden;
    display: none;
    z-index: 9;
    padding: 0;
    list-style: none
}

.all-blog-section .dropdown .dropdown-menu li,
.all-news-section .dropdown .dropdown-menu li {
    padding: 13px 10px;
    transition: .2s ease-in-out;
    cursor: pointer;
    text-align: left;
    font: normal normal 12px/13px var(--font_bold);
    letter-spacing: -.48px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    margin: 10px;
    border-bottom: 1px solid #ccc
}

.all-news-section .dropdown .dropdown-menu li a {
    color: #474747;
    display: block;
    text-decoration: none
}

.all-news-section .dropdown .dropdown-menu li:hover,
.submit-btn1:hover {
    background-color: var(--secondary);
    color: #fff
}

.all-news-section .dropdown .dropdown-menu li:active {
    background-color: #212529
}

.all-news-section .media-item {
    border-bottom: none;
    padding-bottom: calc(var(--scale-px) * 35);
    display: block;
    position: relative;
    padding: 50px 0;
    cursor: default
}

.temp14-modelActive::before {
    background-image: url(../images/top-arrow.svg)
}

.all-news-section .media-item:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -1px;
    bottom: -2px;
    width: 100vw;
    height: auto;
    transform: translate(-50%);
    background-color: #f9f9f9;
    transition-property: opacity;
    z-index: 0;
    opacity: 0
}

.all-blog-section .media-item:before {
    background-color: transparent;
    display: none
}

.all-news-section .media-item__container,
.all-news-section .media-item__square,
.culture-img,
.footer_modal_col,
.futureOfEnergy-img,
.reinsight-img-left,
.relative,
.seatch-input,
.slider-img-for-cop,
[tooltip],
section.utility-scale-wind-sec {
    position: relative
}

.all-news-section .media-item__image {
    background-color: var(--c-grey);
    z-index: 2;
    position: relative;
    overflow: hidden
}

.all-news-section .media-item__image img,
.media-item__image picture {
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    max-height: 270px;
    object-fit: cover
}

.all-news-section .media-item .media-item__button {
    display: none;
    position: absolute;
    left: calc(var(--scale-px) * 260);
    transition-property: opacity;
    z-index: 2;
    display: flex;
    top: 50%;
    right: 0;
    left: unset;
    transform: translate(50%, -50%);
    background: #72bf44;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    opacity: 0
}

.all-news-section .btn__content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    position: relative;
    z-index: 1
}

.all-news-section .btn--square:hover:before,
.all-news-section .btn-container:hover .btn--square:before {
    transform: scale(1)
}

.all-news-section .btn--square:hover:after,
.all-news-section .btn-container:hover .btn--square:after {
    transform: scale(.98)
}

.all-news-section .media-item__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start
}

.all-news-section .media-item__content h2.media-item__title.leading-trim {
    font: normal normal 32px/45px var(--font_med);
    letter-spacing: -1.92px;
    color: #27333f;
    opacity: 1;
    z-index: 0;
    margin-bottom: 25px
}

.news-a {
    margin-top: 10px;
    font-size: 18px
}

.all-news-section .media-item__content p.media-item__description {
    font: normal normal 20px/28px var(--font_bold);
    letter-spacing: -.8px;
    color: #27333f;
    opacity: 1
}

.all-news-section span.leading-trim {
    display: block;
    font: normal normal bold 16px/18px var(--font_bold);
    letter-spacing: -.64px;
    color: #27333f;
    text-transform: uppercase;
    opacity: .7
}

.all-news-section .media-item__date {
    padding: 0 60px
}

.seatch-input a,
.seatch-input button {
    position: absolute;
    outline: 0;
    border: none;
    background: 0 0;
    top: 38%;
    right: 5%
}

.all-news-section span.btn__content img,
.load-more-btn a img,
.net-zero-section-page .swiper-button-next1 img,
.project-highlight-sec .swiper-button-next img,
.project-highlight-sec .swiper-button-prev img {
    transform: rotate(90deg)
}

.load-more-btn a {
    width: 70px;
    height: 70px;
    background: #72bf44;
    position: relative;
    display: block;
    line-height: 70px;
    border-radius: 50px;
    box-shadow: 0 20px 30px #00000029;
    text-align: center;
    margin: 0 auto
}

.load-more-btn p {
    text-align: center;
    font: normal normal 14px/15px var(--font_bold);
    letter-spacing: 0;
    color: #27333f;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 20px
}

.load-more-btn {
    margin: 100px 0
}

.achievements_slider .swiper-slide,
.back-trans {
    background-color: transparent !important
}

.achievements_content {
    padding: 30px 0;
    height: 250px
}

.breadcrumb-item+.breadcrumb-item::before {
    float: none;
    display: inline-block;
    font: normal normal normal 17px/1 var(--font_book)
}

.achievements_content h2 {
    font: normal normal 24px/30px var(--font_bold);
    letter-spacing: -.96px;
    color: #222;
    opacity: 1;
    margin-bottom: 15px
}

.achievements_content p {
    font: normal normal 16px/30px var(--font_book);
    letter-spacing: -.48px;
    color: #222;
    opacity: 1;
    padding: 0;
    margin: 0
}

.achievements_content p b {
    font: normal normal 16px/30px var(--font_bold)
}

.achievements_wrapper {
    border: 1px solid #efefef;
    padding: 20px;
    margin-bottom: 30px
}

.achievements_img img {
    max-width: 100%;
    transition: .5s;
    height: 300px;
    object-fit: cover
}

.all-blog-section .filter_heading span {
    text-align: left;
    font: normal normal 12px/13px var(--font_bold);
    letter-spacing: -.48px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    max-width: 200px
}

.all-blog-section .dropdown {
    width: 234px;
    height: 55px;
    line-height: 1.2;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #ccc;
    transition: .5s;
    position: relative;
    opacity: 1;
    text-align: left;
    outline: 0;
    margin-left: 8px;
    margin-right: 8px
}

.all-blog-section .dropdown span {
    font: normal normal bold 12px/12px var(--font_bold);
    letter-spacing: -.48px;
    color: #707070;
    text-transform: uppercase
}

.all-blog-section .category-drop {
    width: 350px
}

.all-blog-section .tab-content {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.all-blog-section .item {
    width: 31.5%;
    margin-bottom: 20px;
    margin-left: 19px;
    background: #f6f6f6;
    padding: 0 30px
}

.all-blog-section .media-item,
.investorFaq-focus .accordian-style-1 .accordion-button,
.stock-chart-sec div#nav-tabContent {
    padding: 50px 0
}

p.globe-sec-para {
    text-align: left;
    font: normal normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #27333f;
    max-width: 75%
}

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 20%
}

#btn-spin {
    font: bold 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background-color: #3386c0;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 1;
    border: none;
    width: 200px;
    margin-left: -100px;
    display: block;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 3px
}

#btn-spin:hover {
    background-color: #4ea0da
}

.marker {
    width: 29px !important;
    height: 29px !important;
    border-radius: 50%;
    background: #72bf44;
    position: relative;
    box-shadow: inset 0 0 0 6px #fff
}

.mapboxgl-popup-content {
    width: 110px;
    height: 30px;
    line-height: 30px;
    box-shadow: 0 30px 6px #00000029 !important;
    border-radius: 10px !important
}

.mapboxgl-popup-content h2 {
    font-family: var(--font_bold);
    font-size: 14px;
    color: #00a165;
    text-align: center
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    align-self: center;
    position: absolute;
    width: 1px;
    height: 100px;
    top: 0;
    border: 1px dashed #fff;
    z-index: 0
}

.marker::before {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%
}

.marker::after {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    border-radius: 50%;
    animation-delay: 1s
}

.mapboxgl-popup {
    top: -10% !important
}

.mapboxgl-canvas {
    width: 100% !important;
    height: 100% !important
}

section.renew-globe-section {
    padding: 100px 0 0;
    background: #f4fdff;
    height: 620px;
    overflow: hidden
}

.renew-globe-abs-content {
    max-width: 50%;
    width: 100%;
    position: absolute;
    top: 8%
}

@keyframes pulse1 {
    0% {
        transform: scale(1);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    100% {
        transform: scale(2.3);
        opacity: 0
    }
}

.project-at-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    align-items: center
}

.project-filter-div {
    background-color: #00a165;
    padding-left: 125px
}

.whitespace {
    white-space: normal
}

.project-filter-div h2.heading-title.text-white.text-left.pb-4.line-height-90 {
    max-width: 80%
}

a.btn.btn_green_bg:hover {
    color: var(--white);
    text-transform: uppercase;
    opacity: 1;
    background-color: var(--counter);
    line-height: 35px
}

.project-at-renew-wrap {
    display: grid;
    grid-template-columns: 65% 35%;
    gap: 30px;
    justify-content: space-between;
    width: 100%
}

.our-value-img-wrapper:before,
section.our-culture-sec:before,
section.utility-scale-wind-sec:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.divsersified-text h3 {
    font: normal normal 900 55px/53px var(--font_bold);
    letter-spacing: 1px;
    color: #fff;
    text-transform: capitalize;
    opacity: 1
}

.divsersified-text p,
.header__title,
.number-culture h2,
.number-culture p,
.submit-btn1 {
    text-transform: uppercase
}

.divsersified-text p {
    font: normal normal 19px/26px var(--font_med);
    letter-spacing: -.5px;
    color: #fff;
    opacity: .9;
    max-width: 400px;
    width: 100%
}

.utility-number-div {
    display: flex;
    width: 70%;
    gap: 50px;
    margin: 80px 0
}

.our-strengths-sec .our-green-card h4 {
    font: normal normal bold 25px/36px var(--font_bold);
    letter-spacing: -1.2px;
    color: #72bf44;
    text-transform: capitalize;
    opacity: 1;
    max-width: 380px;
    margin: 20px auto 0;
    width: 100%
}

.our-strengths-sec .our-green-card img {
    width: 120px
}

.project-highlight-sec {
    padding: 100px 0 150px;
    background-color: #f9f9f9
}

.net-zero-section-page .swiper-button-next1,
.net-zero-section-page .swiper-button-prev1,
.project-highlight-sec .swiper-button-next,
.project-highlight-sec .swiper-button-prev {
    background: #72bf44;
    width: 60px;
    height: 60px;
    border: 1.5px solid #72bf44;
    border-radius: 50px
}

.net-zero-section-page .swiper-button-prev1 img,
.project-highlight-sec .swiper-button-prev img {
    transform: rotate(270deg)
}

.net-zero-section-page .paragraph-text-1 {
    max-width: 500px;
    width: 100%
}

.net-zero-details {
    position: absolute;
    bottom: 0;
    padding: 50px;
    overflow: hidden;
    transition: .5s ease-in-out;
    -webkit-transform: translateY(80px)
}

.net-zero-details h4 {
    font: normal normal 28px/40px var(--font_bold);
    letter-spacing: -.12px;
    color: #fff;
    opacity: 1
}

.net-zero-details-para p {
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -.96px;
    color: #fff;
    opacity: 1
}

.net-zero-details-para a {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background-color: #72bf44;
    text-align: center;
    line-height: 70px;
    transform: rotate(90deg);
    display: block
}

.net-zero-details-para {
    display: grid;
    grid-template-columns: 75% 20%;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transition: .5s ease-in-out
}

.net-zero-section-page .swiper-btn-next-prev1 {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: flex
}

.net-zero-section-page .swiper-button-next1,
.project-highlight-sec .swiper-button-next {
    right: auto;
    left: 90px
}

.swiper-button-next1,
.swiper-button-prev1 {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.masi,
.temp2-box1 {
    position: relative
}

.swiper-button-next1.swiper-button-disabled,
.swiper-button-prev1.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.futureOfEnergy-slide:hover .net-zero-details {
    transition: .5s ease-in-out;
    -webkit-transform: translateY(0)
}

.futureOfEnergy-slide:hover .net-zero-details-para {
    opacity: 1;
    transition: .5s ease-in-out
}

.futureOfEnergy-slide .futureOfEnergy-img img {
    width: 100%;
    transform: scale(1);
    overflow: hidden;
    transition: .5s
}

.futureOfEnergy-heding-col {
    position: relative;
    height: 100%
}

.project-highlight-sec .swiper-btn-next-prev1 {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    display: flex
}

.blog-info h3,
.blog-info h4 {
    font: normal normal 32px/45px var(--font_med);
    letter-spacing: -1.92px;
    color: #27333f;
    opacity: 1;
    margin-top: 30px
}

.blog-info ul li {
    font: normal normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #000;
    opacity: .7;
    list-style: disc
}

.all-blog-section ul li {
    background: 0 0;
    padding: 30px;
    transition: .5s
}

.all-blog-section ul li a h3 {
    text-align: left;
    font: normal normal 24px/40px var(--font_bold);
    letter-spacing: -1.12px;
    color: #313638;
    opacity: 1
}

.all-blog-section ul li a label {
    text-align: left;
    font: normal normal 20px/30px var(--font_med);
    letter-spacing: -1.08px;
    color: #27333f;
    opacity: .7
}

.all-blog-section ul li a p,
.culture-details p {
    font: normal normal 20px/30px var(--font_book);
    text-align: left
}

.all-blog-section ul li a p {
    letter-spacing: -1.08px;
    color: #27333f;
    text-transform: capitalize;
    opacity: .7
}

.all-blog-section .tab-content ul li:hover a h3 {
    color: #fff;
    opacity: 1
}

.all-blog-section .tab-content ul li:hover {
    background-color: #00a165;
    transition: .5s;
    opacity: 1
}

.all-blog-section .tab-content ul li:hover a label,
.all-blog-section .tab-content ul li:hover a p {
    color: #fff;
    transition: .5s;
    opacity: 1
}

.masi {
    z-index: 1;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 0
}

.our-green-card h2.masih2 {
    font: normal normal 900 40px/53px var(--font_bold);
    letter-spacing: initial;
    color: var(--secondary);
    text-transform: capitalize;
    opacity: 1;
    padding: 30px 0 10px;
    margin: 0
}

.our-green-card .masih6 {
    padding-bottom: 30px
}

section.safety-sec .sustainability-report-img.desktop img {
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: bottom
}

.safety-sec .sustainability-report-content p {
    padding: 20px 0;
    font-size: 20px
}

.csr-card .swiper-slide img,
.culture-img img,
.iit-delhi-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.culture-details p {
    letter-spacing: -.8px;
    color: #fff;
    opacity: 1;
    max-width: 600px;
    margin: 20px 0 40px
}

.number-cul-wrapper {
    display: flex;
    flex-direction: row;
    gap: 150px;
    width: 100%;
    justify-content: space-between
}

.gallery-h,
.value-grid-site {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px
}

.number-culture h2 {
    font: normal normal 80px/80px var(--font_bold);
    letter-spacing: -7.2px;
    color: #72bf44;
    opacity: 1
}

.number-culture,
.relead-winners2 .relead-winnersOver p {
    text-align: center
}

.number-culture p {
    font: normal normal medium 24px/26px var(--font_med);
    letter-spacing: -.4px;
    color: #27333f;
    opacity: .8;
    padding: 30px 0;
    margin: 0
}

.overlay44 h2,
.temp2-box1 .white {
    font: normal normal 28px/30px var(--font_bold);
    letter-spacing: -.12px
}

section.safety-sec {
    height: 800px;
    width: 100%;
    object-fit: cover
}

.temp2-box1 {
    cursor: pointer
}

.temp2-box1 .title11 {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 55%) 22%, #000 100%) 37% 0 no-repeat padding-box;
    opacity: .6
}

.temp2-box1 .white {
    z-index: 4;
    position: absolute;
    left: 40px;
    top: 60px;
    color: #fff;
    opacity: 1
}

.overlay44 h2 {
    color: #313638;
    opacity: 1
}

.overlay44 p,
.value-card p {
    letter-spacing: -1.08px;
    color: #313638
}

.overlay44 p {
    font: normal normal 20px/30px var(--font_book);
    opacity: 1;
    padding: 30px 0
}

.temp2-box1 .image {
    display: block;
    width: 100%;
    height: auto
}

.temp2-box1 .overlay44 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s;
    opacity: 0;
    padding: 0 50px
}

.temp2-box1:hover .overlay44 {
    height: 100%;
    padding: 50px;
    opacity: 1
}

.guiding-document-sec .temp2-inn {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    gap: 30px
}

.guiding-document-sec {
    background-color: #f5f5f5;
    padding-bottom: 90px
}

.diversity_initiatives .press_room_content h2 {
    font: normal normal normal 28px/40px var(--font_book);
    letter-spacing: -1.12px;
    color: var(--menu-submenu-color);
    opacity: 1;
    margin-bottom: 5px;
    overflow: inherit;
    height: auto
}

.diversity_initiatives .press_room_content.focus-init-content p {
    font-size: 20px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 5px
}

.our-value-img-details {
    position: absolute;
    top: 50%;
    left: 2.5%;
    right: 0;
    bottom: 0;
    max-width: 60%;
    z-index: 4
}

section.our-values-section {
    width: 100%;
    object-fit: cover
}

.value-right-site {
    position: relative;
    background-color: #f5f5f5;
    height: 1091px;
    overflow: hidden;
    padding: 0 10%
}

.gallery {
    position: absolute;
    top: auto;
    left: 0;
    bottom: auto
}

section.our-values-section .our-value-img-details p {
    text-align: left;
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #fff;
    opacity: 1;
    max-width: 350px;
    margin: 20px 0 40px
}

.our-value-img-wrapper img {
    width: 100%;
    height: 800px
}

.our-value-img-wrapper {
    position: relative;
    height: 800px
}

.value-grid-site {
    width: 100%;
    height: 100%
}

.value-card {
    background-color: #fff;
    padding: 50px;
    height: 600px;
    width: 50%
}

.value-card p {
    text-align: left;
    font: normal normal normal 20px/30px var(--font_book);
    opacity: .7
}

.csr-card .swiper-container,
.gallery {
    width: 100%;
    height: 100%
}

.gallery-h {
    width: 100%;
    animation: 20s linear infinite marqueeTop;
    overflow: hidden
}

.display--inline-top {
    display: inline-block;
    vertical-align: top;
    padding: 0 12% 0 8%
}

.fill-dimensions {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cover-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.gallery-image__img {
    margin: 0 auto
}

.gallery-h:hover {
    animation-play-state: paused
}

@keyframes marqueeTop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-50%)
    }
}

.contact-form-div h3 {
    text-align: left;
    font: normal normal 60px/70px var(--font_bold);
    letter-spacing: -3.6px;
    color: #27333f;
    opacity: 1
}

.contact-form-div p {
    font: normal normal normal 14px/24px var(--font_book);
    letter-spacing: -.56px;
    color: #000;
    text-transform: capitalize;
    opacity: 1
}

.contact-form-div .mobile_code.pl-50,
.contact-form-div input.pl-50 {
    padding-left: 50px !important
}

section.get-in-touch-sec .contact-form-div label.pl-50 {
    padding-left: 26px !important
}

.iti__selected-flag {
    padding: 0 6px 0 14px !important;
    height: 60px !important
}

.contact-form-div input,
.contact-form-div textarea {
    font-size: 18px !important;
    padding: 10px;
    display: block;
    width: 100%;
    background: no-repeat padding-box #f9f9f9;
    border-radius: 50px;
    opacity: 1;
    border: 1px solid #ccc;
    height: 80px;
    padding-left: 35px !important;
    color: #000
}

.contact-form-div label {
    text-align: left;
    font: normal normal 18px/30px var(--font_med);
    letter-spacing: -.36px;
    color: #c4c4c4;
    left: 25px;
    opacity: 1;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

.contact-form-div input:focus~label,
.contact-form-div input:valid~label,
.contact-form-div textarea:focus~label,
.contact-form-div textarea:valid~label {
    top: 0;
    font-size: 14px;
    color: #c4c4c4
}

@-webkit-keyframes inputHighlighter {
    from {
        background: var(--white)
    }

    to {
        width: 0;
        background: 0 0
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: var(--white)
    }

    to {
        width: 0;
        background: 0 0
    }
}

@keyframes inputHighlighter {
    from {
        background: var(--white)
    }

    to {
        width: 0;
        background: 0 0
    }
}

.contact-form-div {
    max-width: 75%;
    width: 100%
}

.submit-btn1 {
    background: var(--secondary) 0 0 no-repeat padding-box;
    border-radius: 50px;
    text-align: center;
    font: normal normal 14px/15px var(--font_bold);
    letter-spacing: 0;
    color: var(--white);
    opacity: 1;
    height: 60px;
    width: 200px;
    transition: .3s;
    overflow: hidden;
    z-index: 1;
    border: none;
    outline: 0;
    margin-top: 40px
}

.contact-form-div form {
    margin-top: 50px;
    padding-bottom: 50px
}

.might-you1,
.net-zero-ppa {
    background-color: #f5f5f5;
    padding: 90px 0
}

.green-solution1 .our-value-img-details {
    position: absolute;
    top: 15%;
    left: 11.5%;
    right: 0;
    bottom: 0;
    max-width: 100%;
    z-index: 4
}

section.green-solution1 .our-value-img-details p {
    text-align: left;
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #fff;
    opacity: 1;
    max-width: 480px;
    margin: 20px 0 40px
}

.greenInsights-box .accordian-style-1 .accordion-button,
.value-card h4 {
    padding: 30px 0
}

section.ppa .futureOfEnergy-heding-col h1,
section.ppa .futureOfEnergy-heding-col h2 {
    font-size: 70px;
    line-height: 70px
}

.green-solution1 .value-card {
    background-color: #f5f5f5;
    padding: 50px;
    height: auto;
    border: 1px solid #e8e8e8
}

.green-solution1 .value-right-site {
    background-color: #fff;
    height: 800px;
    overflow: hidden;
    padding: 0 10%
}

.green-solution1 .value-card h4 {
    padding: 30px 0;
    font-size: 22px
}

.ppa-net-zero .renew-power-energy-details p {
    font-size: 20px;
    max-width: 500px;
    width: 100%
}

.net-zero-ppa .temp1,
.program-details-sec1 .title-and-button {
    padding-top: 0
}

.ppa .paragraph-text-1 {
    max-width: 450px
}

.card-holder,
.sustainability-report-content .heading-title {
    margin-bottom: 20px
}

.value-card img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.value-card-wrapper {
    display: flex;
    gap: 30px 30px
}

.counter_slider>.swiper-wrapper,
.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: linear
}

.iit-delhi-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9f9;
    padding: 70px 0 90px
}

.prince-univer {
    width: 120px !important
}

.centre_excellence_slider2 .swiper-wrapper,
.related-article_slider .press_room_content h2 {
    height: auto
}

.iit-delhi-details {
    padding: 0 140px
}

.iit-delhi-details h2 {
    font: normal normal 86px/92px var(--font_bold);
    letter-spacing: -4.16px;
    color: #313638;
    text-transform: capitalize;
    opacity: 1
}

.iit-delhi-details p {
    font: normal normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #313638;
    opacity: 1;
    padding-top: 20px;
    padding-bottom: 60px
}

.over-decade-inter {
    position: relative;
    z-index: 1;
    padding: 90px 0
}

.in-progress.navbar-menu-title:after {
    display: none;
    content: "";
    border-bottom: 3px solid #006638;
    transform: scaleX(0);
    transition: transform .4s ease-in-out
}

.in-progress .menu-link[aria-haspopup=true] {
    padding-right: 0 !important
}

.vision-mission-section {
    border-bottom: 50px solid #00a165;
    border-top: 50px solid #00a165;
    background: #00a165
}

.vision-mission-section .our-vision {
    background-size: cover;
    position: relative
}

.vision-mission-section .our-mission {
    position: relative;
    background-color: var(--podcast-bg);
    padding: 0 13% 25px;
    height: auto
}

.vision-mission-section .our-mission li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 0 5px 15px
}

.notify-popup-section {
    padding: 0;
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url(../images/notify-bg.jpg)
}

.notify-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.notifymiddle-box {
    max-width: 100%;
    width: 880px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .8);
    border-radius: 18px
}

.notify-content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 75px 50px 35px
}

.notofy-logo {
    margin-bottom: 40px
}

.notofy-logo img {
    max-width: 100%;
    width: 215px
}

.notify-paragraph p {
    font-size: 25px;
    color: #999;
    line-height: 35px;
    margin-bottom: 33px;
    text-align: center
}

button.notified-btn,
input.email-input {
    padding: 0 20px;
    font-size: 15px;
    line-height: 1.4
}

.faq-sec-new1 .accordion-header span.acc_srno,
.notify-paragraph.ntypara-np2 p {
    font-size: 20px
}

.contact-form-notify .form-controls {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 385px;
    margin: 0 auto 8px;
    height: 40px
}

input.email-input {
    height: 100%;
    color: #999;
    background: #e6e6e6;
    border: 0;
    outline: transparent solid 1px;
    border-radius: 5px
}

input.email-input::placeholder {
    color: #999;
    font-weight: 400
}

input.email-input:focus-visible {
    outline: #0024ff6e solid .5px
}

button.notified-btn {
    background-color: #7cc446;
    border-radius: 5px;
    color: #fff;
    border: 0;
    height: 100%;
    margin-left: 15px
}

.decab-src small,
.insig-src small,
.pr-src small,
.src-img small {
    background: #76ba43;
    border-radius: 10px;
    padding: 3px 7px
}

button.notified-btn:focus-visible {
    outline: 0
}

.small-text p {
    font-size: 14px;
    color: #999;
    line-height: 1.5;
    margin: 0;
    font-weight: 400
}

.notify-paragraph.ntypara-np1 p {
    margin-bottom: 60px
}

.notify-paragraph p a.green-text {
    color: #7cc446;
    transition: .5s ease-in-out
}

.notify-paragraph p a.green-text:hover {
    transition: .5s ease-in-out;
    text-decoration: underline
}

.copyright.copyright-new p span,
.parsley-required {
    padding-left: 15px
}

.src-img {
    position: absolute;
    right: 15px;
    bottom: 50px;
    color: #fff;
    padding-right: 0;
    z-index: 1;
    text-align: center
}

.decab-src,
.insig-src,
.pr-src {
    right: 9px;
    text-align: right;
    color: #fff;
    position: absolute
}

.src-img small {
    line-height: 1;
    font: normal normal 12px/12px var(--font_bold);
    display: flex
}

video::-webkit-media-controls {
    display: none !important
}

.decab-src {
    bottom: 15px
}

.decab-src small {
    font: normal normal 12px/12px var(--font_bold)
}

.pr-src {
    bottom: 7px
}

.insig-src {
    bottom: 4px
}

section.esg-card {
    padding: 150px 0
}

.pillar-card {
    background-color: #f6f6f6;
    padding: 40px 20px;
    height: 100%;
    border-right: 2px solid #76ba43
}

.pillar-card:hover {
    border-right: 4px solid #76ba43;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.pillar-card:not(:hover) {
    border-right: 2px solid #76ba43;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.pillar-card img {
    padding: 0 0 20px;
    width: 60px;
    filter: brightness(0)
}

.img-goal {
    height: 100%;
    width: 100%;
    padding-bottom: 20px
}

.layered-esg {
    background: #006638 !important
}

.layered-esg .heading-title {
    line-height: 1.3;
    padding-bottom: 20px
}

.re-tab table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 18px
}

.re-tab table thead {
    border-bottom: 2px solid #76ba43
}

.re-tab td,
th {
    border: none;
    text-align: left;
    padding: 8px;
    font-size: 18px
}

.re-tab tr {
    border-bottom: 2px solid #73bf44
}

.focus-areatop .col-one {
    background: #006638;
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: inherit;
    align-content: center;
    justify-content: center;
    position: relative
}

.focus-areatop .col-one p {
    font-weight: 800;
    margin: auto
}

.focus-areatop .col-one::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #006638;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto
}

.col-two {
    background: #76ba43;
    color: #fff;
    padding: 7px 15px
}

.col-two ul li {
    border-bottom: 1px solid #fff;
    padding: 4px 0
}

.focus-area .col-sm-5 {
    overflow-y: auto;
    padding: 8px;
    text-align: justify
}

.focus-areatop .focus-area-inner .nav-tabs .nav-link {
    font: normal normal 20px/80px var(--font_bold);
    letter-spacing: -1px;
    opacity: 1;
    margin-right: 100px;
    padding: 0 30px
}

.focus-areatop .focus-area-inner .nav-tabs .nav-item.show .nav-link,
.focus-areatop .focus-area-inner .nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

div.flexcontainer {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.gov-banner-sec p,
.wrapper {
    max-width: 1000px
}

div.columns {
    flex-grow: 1;
    width: 20%;
    padding: 20px
}

.flexcontainer .columns .icon {
    margin-bottom: 10px;
    padding: 8px 15px;
    font-size: 28px;
    background: #76ba43;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    width: 58px;
    height: 58px;
    text-align: center
}

div.columns:nth-of-type(odd) {
    background: #eee
}

.flexcontainer .columns h4 {
    margin: 14px 0
}

.wrapper {
    margin: 5em auto;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .06)
}

.header__subtitle,
.header__title {
    margin: 0;
    font-weight: 500;
    line-height: 1.1
}

.header {
    padding: 30px 30px 0;
    text-align: center
}

.header__title {
    font-size: 2.5em
}

.header__subtitle {
    font-size: 1.5em;
    color: #949fb0;
    font-family: Yesteryear, cursive
}

.csr-card .cards {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border: none;
    z-index: 1
}

.csr-card .card {
    margin: 15px;
    width: calc((100% / 3) - 30px);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border: none;
    background: 0 0
}

@media screen and (min-width:1200px) {
    .news-slider-section .swiper-slide>picture>img {
        height: 700px;
        width: 100% !important;
        object-fit: cover
    }

    news-slider-section .mob_slider_view {
        display: none
    }
}

@media screen and (max-width:991px) {
    section.inner-banner.jumbotron {
        padding-bottom: 25px
    }

    .desktop_grid_view {
        display: none
    }

    .act_now_modal_wrapper.act_now_modal_show {
        width: 100%
    }

    .act_now_modal_wrapper .contact-form-div form {
        margin-top: 0
    }

    .act_now_modal_wrapper .contact-form-div {
        padding: 40px 20px
    }

    .csr-card .card {
        width: calc((100% / 2) - 30px)
    }
}

@media screen and (max-width:767px) {

    .csr-card .card,
    .custom_modal_wrapper {
        width: 100%
    }

    .team-img-popup {
        padding: 0
    }

    .founder-name-div p {
        padding-right: 20px
    }

    .popup-space .founder-name-div p::-webkit-scrollbar {
        width: 3px
    }

    .popup-space .founder-name-div p::-webkit-scrollbar-track {
        background: #f5f5f5
    }

    .popup-space .founder-name-div p::-webkit-scrollbar-thumb {
        background: #d2d2d2
    }

    .popup-space .founder-name-div p::-webkit-scrollbar-thumb:hover {
        background: #000
    }

    #nav-icon1 span.menubg-white:nth-child(2) {
        opacity: 0
    }

    #nav-icon1 span.menubg-white:first-child {
        transform: rotate(45deg) translate(8px, 7px)
    }

    #nav-icon1 span.menubg-white:nth-child(3) {
        transform: rotate(-45deg) translate(4px, -4px)
    }
}

.awards-sec .filtering select.form-control:before,
.menu-ul:hover a.menu-link:before {
    background-image: url(../images/top-arrow.svg);
    width: 8px
}

.csr-card .card:hover .card__inner {
    background-color: #73bf44;
    z-index: 1
}

.csr-card .card .card__inner .swiper-slide img {
    transition: .5s linear
}

.csr-card .card:hover .card__inner .swiper-slide img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.card-content h2 {
    font-size: 22px;
    height: 65px;
    display: -webkit-box;
    text-transform: initial
}

.csr-card .card:hover .card__inner .card-content h2,
.csr-card .card:hover .card__inner .card-content p {
    color: #fff
}

.csr-card .card:hover i.btn.btn_green_border {
    border: 2px solid var(--white);
    color: var(--white)
}

.csr-card .card .card__inner i.btn.btn_green_border {
    visibility: visible;
    background: 0 0
}

.csr-card .card:hover .card__inner .card-content h2 .csr-card .card:hover .card__inner .card-content i {
    border-color: var(--white);
    color: var(--white)
}

.csr-card .card__inner {
    width: 100%;
    padding: 0;
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 1
}

.csr-card .card__inner .card-content {
    color: #000;
    padding: 20px;
    border: 2px solid var(--secondary);
    border-top: none
}

.csr-card .card__inner .card-content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: auto;
    color: #000
}

.csr-card .card__inner:after {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.csr-card .card__inner .fa {
    width: 100%;
    margin-top: .25em
}

.csr-card .card__expander {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    background-color: var(--white);
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: var(--black);
    font-size: 1.5em;
    border: 2px solid var(--secondary)
}

.csr-card .card__expander .fa {
    border-radius: 19px;
    font-size: .75em;
    position: absolute;
    top: -17px;
    right: -14px;
    cursor: pointer;
    background: #73bf44;
    color: #fff;
    padding: 8px 10px
}

.csr-card .card__expander p {
    padding: 20px;
    text-transform: initial
}

.csr-card .card__expander .fa:hover {
    opacity: .9
}

.csr-card .card.is-collapsed .card__inner:after {
    content: "";
    opacity: 0
}

.csr-card .card.is-collapsed .card__expander {
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    margin-top: 0;
    opacity: 0
}

.csr-card .card.is-expanded .card__inner {
    background-color: var(--secondary);
    color: var(--white)
}

.csr-card .our-value-card:hover h2 {
    color: var(--black);
    opacity: 1
}

.csr-card .card.is-expanded .card__inner:after {
    content: "";
    opacity: 1;
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 15px);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid var(--secondary)
}

.csr-card .card.is-expanded .card__inner .fa:before {
    content: "\f115"
}

.csr-card .card.is-expanded .card__expander {
    max-height: 1000px;
    min-height: auto;
    overflow: visible;
    margin-top: 30px;
    opacity: 1;
    z-index: 99
}

.csr-card .card.is-expanded:hover .card__inner {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.csr-card .card.is-inactive .card__inner {
    opacity: .5
}

.csr-card .card.is-inactive:hover .card__inner {
    background-color: #949fb0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width:992px) {
    .csr-card .card:nth-of-type(3n+2) .card__expander {
        margin-left: calc(-100% - 30px)
    }

    .csr-card .card:nth-of-type(3n+3) .card__expander {
        margin-left: calc(-200% - 60px)
    }

    .csr-card .card:nth-of-type(3n+4) {
        clear: left
    }

    .csr-card .card__expander {
        width: calc(300% + 60px)
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .csr-card .card:nth-of-type(2n+2) .card__expander {
        margin-left: calc(-100% - 30px)
    }

    .csr-card .card:nth-of-type(2n+3) {
        clear: left
    }

    .csr-card .card__expander {
        width: calc(200% + 30px)
    }
}

.csr-card a {
    color: #35a785
}

.csr-card .cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility 0s .3s;
    -moz-transition: opacity .3s, visibility 0s .3s;
    transition: opacity .3s, visibility 0s .3s;
    z-index: 1
}

.csr-card .cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s, visibility;
    -moz-transition: opacity .3s, visibility;
    transition: opacity .3s, visibility
}

.csr-card .cd-popup-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -webkit-transform: translatex(-400px);
    -moz-transform: translatex(-400px);
    -ms-transform: translatex(-400px);
    -o-transform: translatex(-400px);
    transform: translatex(-400px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.csr-card .cd-popup-container p {
    padding: 0;
    margin: 0
}

.csr-card .cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px
}

.cd-popup-container .cd-popup-close::after,
.csr-card .cd-popup-container .cd-popup-close::before {
    content: "";
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5
}

.csr-card .cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px
}

.csr-card .cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px
}

.csr-card .is-visible .cd-popup-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.download-item {
    margin-bottom: 60px;
    padding: 0 25px
}

.download-item h2 {
    margin-bottom: 30px;
    margin-top: 90px
}

.download-item h2:first-child {
    margin-top: 10px
}

.dl-div i {
    padding: 7px;
    border-radius: 23px;
    background: #72bf44;
    color: #fff
}

.docdown .download-item a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 90%;
    border-bottom: 1px solid #ededed;
    padding: 10px 0
}

.docdown .download-item a p {
    margin: 0;
    padding: 5px
}

section.disclosuers {
    width: 90%;
    margin: auto
}

.releated-initisec .achievements_content.focus-init-content h2 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: block
}

.releated-initisec .achievements_content.focus-init-content p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 20px 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.greenInsights-box.insight-sec-new p.media-item__description,
.social-tabs .content-details h3 {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.initiatives-det table {
    margin: 30px 0
}

.initiatives-det tr td {
    border: 1px solid #ccc;
    padding: 15px 30px;
    font: normal normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #000;
    opacity: .7
}

.news-slider-text span.img-span img,
span.img-span img {
    width: 15px;
    height: 15px;
    object-fit: contain
}

.relead-winners1 .relead-winnersOver p,
.vertical-green-storage-slider .futureOfEnergy-content-list {
    margin: 15px 0
}

.green-solution1 .vertical-ems-slider .value-card {
    height: 400px
}

section.our-culture-sec {
    position: relative;
    padding: 0
}

.oc-banner:before {
    background: rgb(0 0 0 / 50%)
}

.trans-bullet li {
    list-style: disc;
    padding: 5px 0;
    font-size: 16px;
    font-family: var(--font_book)
}

g#Path_15392 {
    stroke: #000;
    stroke-width: 2px
}

.relead-winnersOver:hover g#Path_15392 {
    stroke: #fff;
    stroke-width: 2px
}

.tick-icon-str {
    padding-right: 10px
}

.hydro-li li {
    list-style: none;
    font: normal normal 17px/25px var(--font_book);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 0 5px 15px
}

.hydro-li li img {
    filter: brightness(.5);
    margin-top: 3px
}

span.mono {
    font: normal normal 20px/30px var(--font_bold);
    color: #313638;
    margin-bottom: 0;
    display: block
}

img.w-20 {
    width: 40px !important;
    padding-right: 20px
}

.relead-winners1 {
    height: 300px
}

.relead-winners2 {
    height: 190px;
    text-align: center
}

.relead-winners2 .relead-winnersOver h4 {
    font: normal normal bold 36px/40px var(--font_bold) !important;
    padding-top: 17px !important;
    letter-spacing: -2px !important;
    color: var(--secondary);
    text-transform: capitalize
}

.green-hydrogen-key .relead-winners1 h4 {
    font-size: 24px;
    padding-bottom: 10px
}

.relead-winners-slider11 .relead-winnersOver img,
.sce-filing-table .table-body h5,
.sce-filing-table.mt-5,
.text-left {
    text-align: left
}

.relead-winners-slider11 .relead-winnersOver h2 {
    text-align: left;
    font: normal normal normal 28px/40px var(--font_book);
    letter-spacing: -1.12px;
    color: #313638;
    margin-top: 50px
}

.relead-winners-slider11 .relead-winners2 {
    height: 400px;
    text-align: left
}

.relead-winners-slider11 {
    margin-top: 70px
}

section.social_media.sus-timeline {
    height: 100%;
    max-height: 100%
}

section.social_media.sustain-leaders {
    max-height: 1050px
}

.interested-section-wind {
    background-color: #f9f9f9 !important
}

.height-same {
    max-height: 315px;
    height: 100%
}

.news-slider-text p.pio-renew span {
    font: normal normal 20px/15px var(--font_bold);
    letter-spacing: -.56px;
    color: var(--white);
    text-transform: capitalize;
    opacity: 1;
    padding-bottom: 10px
}

.cov-text .thumbnail .youtube-play-btn,
.thumbnail.coverage-btn .youtube-play-btn {
    width: 60px;
    height: 60px;
    background: var(--secondary);
    line-height: 60px;
    text-align: center;
    border-radius: 50px
}

.news-slider-text p.pio-renew {
    margin-bottom: 10px
}

.cov-text .thumbnail .youtube-play-btn {
    display: block
}

.all-news-section .coverage-btn {
    left: calc(var(--scale-px) * 260);
    transition-property: opacity;
    z-index: 2;
    position: absolute;
    top: 50%;
    right: -15px;
    display: block;
    transform: translate(0, -50%);
    background: #72bf44;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    opacity: 0;
    margin: 0;
    gap: 0;
    padding: 0
}

.thumbnail.coverage-btn .youtube-play-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.greenInsights-box .accordian-style-1.style-2 .accordion-button p,
.investorFaq-focus .accordian-style-1.style-2 .accordion-button p {
    font: normal normal 32px/45px var(--font_med);
    letter-spacing: -1.92px;
    z-index: 0;
    margin: 0;
    color: #27333f;
    opacity: 1;
    width: 100%
}

.phone-number li,
.phone-number li a {
    font: normal normal 20px/28px var(--font_book);
    margin: 0 0 20px
}

.greenInsights-box .media-item__container {
    justify-content: space-between
}

section.all-news-section.greenInsights-box li.item.faqs.isotope-item,
section.all-news-section.greenInsights-box li.item.upcoming-event.isotope-item {
    max-width: 100%;
    width: 100%;
    margin: 0
}

.investorFaq-focus .accordian-style-1.style-2 .accordion-body {
    width: 95%;
    margin: 0;
    padding: 0
}

.phone-number li,
.phone-number li a {
    letter-spacing: -.8px;
    text-align: left
}

.culture-at-renew-sec.green-solution1 .value-card {
    height: auto;
    margin-bottom: 0
}

.our-values-2 .value-card {
    height: auto;
    margin-bottom: 0 !important
}

.growth-verticalslider.culture-at-renew-sec.green-solution1 .value-card {
    height: 600px;
    margin-bottom: 25px
}

.culture-at-renew-sec.green-solution1 .value-right-site {
    padding: 3% 10%
}

.phone-number li {
    color: #27333f;
    opacity: 1
}

.phone-number li a {
    color: #00a165;
    opacity: .7
}

.accordian-style-1.style-2 .accordion-button span.date-time-acc {
    display: block !important;
    text-align: left;
    font: normal normal 18px/28px var(--font_book) !important;
    letter-spacing: -.8px;
    color: #27333f;
    opacity: .7
}

.get-in-touch-sec span.magic_line {
    width: 210px
}

.get-in-touch-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 412px;
    width: 220px
}

.get-in-touch-sec button#nav-enquiry-tab,
.get-in-touch-sec button#nav-feedback-tab {
    text-align: left;
    font: normal normal 20px/60px var(--font_bold);
    letter-spacing: -.5px;
    color: #006638;
    opacity: 1
}

section.get-in-touch-sec {
    background-color: #f9f9f9;
    padding: 0
}

.unsubscribe-form-mb input,
section.alert-contact-email-sec .contact-form-div input,
section.get-in-touch-sec .contact-form-div input {
    font-size: 18px !important;
    padding: 10px 10px 10px 26px;
    display: block;
    width: 100%;
    background: no-repeat padding-box #fff;
    border-radius: 50px;
    opacity: 1;
    border: 1px solid #ccc;
    height: 60px;
    color: #000
}

section.alert-contact-email-sec .contact-form-div textarea,
section.get-in-touch-sec .contact-form-div textarea {
    font-size: 18px !important;
    padding: 10px 10px 10px 26px;
    display: block;
    width: 100%;
    height: 157px;
    background: no-repeat padding-box #fff;
    border-radius: 20px;
    opacity: 1;
    border: 1px solid #ccc;
    color: #000
}

section.alert-contact-email-sec select,
section.get-in-touch-sec .contact-form-div label,
section.get-in-touch-sec select {
    font: normal normal 18px/30px var(--font_book);
    opacity: 1;
    letter-spacing: -.36px;
    text-align: left
}

section.get-in-touch-sec .contact-form-div input:focus~label,
section.get-in-touch-sec .contact-form-div input:valid~label,
section.get-in-touch-sec .contact-form-div textarea:focus~label,
section.get-in-touch-sec .contact-form-div textarea:valid~label {
    top: -3px !important;
    font-size: 14px;
    color: #c4c4c4
}

section.get-in-touch-sec .form-group {
    position: relative;
    margin-bottom: 30px
}

section.get-in-touch-sec .floating-label {
    font-size: 18px;
    font-family: FreightSansProLight;
    letter-spacing: 0;
    color: #080808;
    opacity: .7;
    font-weight: 400;
    top: 16px;
    left: 20px;
    position: absolute;
    transition: 240ms;
    margin-bottom: 0;
    z-index: 1
}

.address-box .footer-title-and-social-icons h3,
.first-address h3 {
    font: normal normal 28px/30px var(--font_bold);
    letter-spacing: -.12px;
    color: #fff
}

section.alert-contact-email-sec .floating-diff select,
section.get-in-touch-sec .floating-diff select {
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    background: url(../images/down-arrow-black.svg) right 5% center no-repeat #fff;
    position: relative
}

section.get-in-touch-sec select:before {
    content: "\f078";
    position: absolute
}

section.get-in-touch-sec #type1:focus {
    border: 1px solid #ccc;
    box-shadow: none
}

section.alert-contact-email-sec select,
section.get-in-touch-sec select {
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding-left: 20px;
    color: #c4c4c4;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

section.get-in-touch-sec select option {
    color: #000;
    padding: 15px;
    font: normal normal 18px/40px var(--font_book)
}

section.get-in-touch-sec .contact-form-div label {
    position: absolute;
    left: 25px;
    top: 15px;
    color: #c4c4c4;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s
}

section.get-in-touch-sec .contact-form-div textarea:focus {
    outline: 0;
    padding-left: 26px
}

.address-box {
    background-color: #006638;
    padding: 50px 0 50px 12%
}

.first-address h3 {
    opacity: 1;
    margin-bottom: 20px;
    height: 55px
}

.first-address p {
    font: normal normal 16px/23px var(--font_bold);
    letter-spacing: -.2px;
    color: #fff;
    opacity: .7;
    margin: 0;
    padding: 0
}

.first-address a,
.first-address span {
    font: normal normal 16px/20px var(--font_book);
    letter-spacing: -.2px;
    color: #fff;
    opacity: .9
}

.box51,
.box52 {
    padding: 10px 0
}

hr.divide11 {
    border-top: 1px solid #fff;
    opacity: .2;
    margin: 50px 0
}

.address-box .footer-title-and-social-icons h3 {
    opacity: 1;
    margin-bottom: 30px
}

.follow-contact {
    padding: 110px 0 50px
}

.width-80 {
    width: 80%
}

.map-sec-contact {
    height: 900px
}

.map-sec-contact div#map {
    left: 0;
    height: 900px
}

.map-sec-contact .mapboxgl-popup-content {
    width: auto;
    height: auto;
    line-height: 1;
    box-shadow: none !important;
    border-radius: 0 !important
}

.map-sec-contact .mapboxgl-popup {
    top: -5% !important;
    left: 0 !important
}

.resources-sec .btn_green_bg {
    width: 200px
}

.resources-all p.media-item__description.cta-download {
    background-color: var(--counter);
    width: fit-content;
    padding: 15px 30px;
    color: #fff;
    border-radius: 50px;
    font: normal normal 18px/28px var(--font_bold) !important;
    letter-spacing: -.5px !important;
    cursor: pointer
}

.map-sec-contact .text-contact-box h2 {
    font: normal normal 20px/32px var(--font-bold);
    letter-spacing: -1.2px;
    color: #313638;
    text-transform: capitalize;
    opacity: 1;
    text-align: left;
    font-size: 20px
}

.text-contact-box {
    padding: 30px 15px
}

.map-sec-contact .text-contact-box p {
    font: normal normal 14px/14px var(--font_reg);
    letter-spacing: -.84px;
    color: #27333f;
    opacity: .8;
    padding: 0;
    margin: 0;
    line-height: 1.5;
    font-size: 14px
}

.map-sec-contact .text-contact-box a {
    text-align: left;
    font: normal normal 14px/30px var(--font_bold);
    letter-spacing: 1;
    color: #27333f;
    opacity: .8
}

.reg-ofc {
    position: relative;
    z-index: 1
}

.desktop-none,
[tooltip='']::after,
[tooltip='']::before {
    display: none !important
}

.sce-filing-table .table-head,
.table-head {
    display: grid;
    padding: 25px;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px
}

.insight-sec-new p.media-item__description {
    padding-bottom: 30px;
    height: 180px;
    overflow: hidden
}

.case-studies-sec-new .press_room_content,
.counterDetails.dataCenter,
.insight-sec-new .press_room_content,
.newsletter-sec-new .press_room_content,
.reenfield-data-center-sec,
.sce-filing-sec,
section.corporate-profile-sec {
    background: #f9f9f9
}

.all-news-section.sce-filing-sec .seatch-input form input {
    height: 55px;
    border-radius: 50px;
    border: 1px solid #ccc;
    outline: 0;
    padding-left: 25px;
    background: #fff
}

.all-news-section.sce-filing-sec .dropdown {
    width: 234px;
    height: 55px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #ccc;
    transition: .5s;
    position: relative;
    font: normal normal bold 12px/1.2 var(--font_bold);
    letter-spacing: -.48px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    text-align: left;
    outline: 0;
    margin-left: 8px;
    margin-right: 8px;
    background: #efefef
}

.table-head h5,
.table-head1 {
    font: normal normal 20px/26px var(--font_med);
    letter-spacing: -.84px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1
}

.pdf-title,
.table-body h5 a {
    color: #00a165
}

.sce-filing-table .table-head {
    text-align: left;
    background: #f1f1f1
}

.anualReports {
    width: 75%;
    margin: auto
}

.tb-head1 {
    background: #f1f1f1;
    padding: 25px;
    width: 100%;
    margin-bottom: 12px
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0)
}

.table-head {
    width: 100%;
    justify-content: center;
    align-items: center
}

.sce-filing-table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    padding: 0 30px;
    text-align: center;
    margin: auto auto 1rem
}

.views-icon {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #f5f5f5;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    margin: 10px
}

.committee-composition,
.conatctir-name {
    margin-top: 20px
}

.committee-composition table td {
    padding: 15px !important;
    vertical-align: middle;
    border: 0;
    align-items: center;
    justify-content: center
}

.table-body {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    gap: 30px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 25px
}

.table-body h5 {
    font: normal normal 18px/26px var(--font_med);
    letter-spacing: -1.08px;
    color: #000
}

[tooltip]::after,
[tooltip]::before {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    user-select: none;
    position: absolute;
    display: none;
    opacity: 0
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1001
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, .35);
    background: #fff;
    color: #27333f;
    z-index: 1000
}

.annual-rept .table-body,
.annual-rept .table-head {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    width: 100%;
    justify-content: space-between;
    padding: 25px
}

[tooltip][flow^=down]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #fff
}

[tooltip][flow^=down]::after {
    top: calc(100% + 5px)
}

[tooltip][flow^=down]::after,
[tooltip][flow^=down]::before {
    left: 50%;
    transform: translate(-50%, .5em)
}

@keyframes tooltips-vert {
    to {
        opacity: .9;
        transform: translate(-50%, 0)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: .9;
        transform: translate(0, -50%)
    }
}

[tooltip]:not([flow]):hover::after,
[tooltip]:not([flow]):hover::before,
[tooltip][flow^=down]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=up]:hover::before {
    animation: .3s ease-out forwards tooltips-vert
}

[tooltip][flow^=left]:hover::after,
[tooltip][flow^=left]:hover::before,
[tooltip][flow^=right]:hover::after,
[tooltip][flow^=right]:hover::before {
    animation: .3s ease-out forwards tooltips-horz
}

.annual-rept .table-head {
    align-items: center
}

.annual-rept .table-body {
    background-color: #fff;
    align-items: center
}

section.all-news-section.sce-filing-sec {
    padding: 20px 0 70px
}

.zui-pager .btn-group {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.zui-pager .btn-group__item {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 40px;
    float: left
}

.zui-pager .btn-group__item .btn {
    margin: 0;
    padding: .5em 1em;
    border: 0;
    font-weight: 300;
    background-color: transparent;
    box-shadow: inset 0 -2px 0 0 #bbb;
    color: #bbb
}

.zui-pager .btn-group__item .btn:hover {
    box-shadow: inset 0 -4px 0 0 #bbb
}

.zui-pager .btn-group__item .current {
    box-shadow: inset 0 -4px 0 0 #739600;
    color: #739600;
    font-weight: 700
}

.zui-pager .btn-group__item .current:hover {
    box-shadow: inset 0 -4px 0 0 #739600;
    cursor: default
}

.zui-pager .btn[disabled] {
    box-shadow: inset 0 -2px 0 0 #e6e6e6;
    color: #e6e6e6
}

.zui-pager .btn[disabled]:hover {
    box-shadow: inset 0 -2px 0 0 #e6e6e6;
    cursor: default
}

.zui-pager__input {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.zui-pager__input>input {
    width: 2em;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0;
    line-height: 1
}

.zui-pager .i-chevron-left,
.zui-pager .i-chevron-right {
    margin: 15px;
    border-style: solid;
    border-color: #3a3a3a;
    width: 6px;
    height: 6px;
    display: block;
    cursor: pointer
}

.zui-pager .i-chevron-left {
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg)
}

.zui-pager .i-chevron-right {
    border-width: 1px 1px 0 0;
    transform: rotate(45deg)
}

.i-caret-down {
    border-width: 3px;
    border-style: solid;
    border-color: #000 transparent transparent;
    position: absolute;
    top: 18px;
    right: 3px
}

.small .btn {
    position: relative;
    box-shadow: 0 0 0 transparent !important;
    padding-right: 20px !important;
    padding-left: 5px !important
}

.small span:first-of-type {
    font-weight: 700;
    color: #739600
}

.small span:nth-of-type(2) {
    margin: 0 5px
}

.small .select-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.display-page-no p {
    font: normal normal 14px/26px var(--font_book);
    letter-spacing: -.84px;
    color: #27333f;
    text-transform: capitalize;
    opacity: .7
}

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

.pagina-div ol li button {
    border: none;
    outline: 0;
    font: normal normal 14px/26px var(--font_med);
    letter-spacing: -.84px;
    color: #27333f;
    text-transform: capitalize;
    opacity: .9
}

p.analyst-cov {
    text-align: left;
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -.8px;
    color: var(--black);
    opacity: .7;
    padding: 30px 0
}

.pdf-title {
    font: normal normal 18px/26px var(--font_med);
    letter-spacing: -1.08px;
    opacity: .7
}

section.all-news-section.qr-sec {
    padding: 90px 0 70px;
    background: #f9f9f9
}

.stock-chart-sec .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 225px;
    width: 130px
}

.stock-chart-sec #nav-rnw h2,
.stock-chart-sec #nav-rnwww h2 {
    letter-spacing: -3.16px;
    text-transform: capitalize;
    opacity: 1;
    font-size: 50px;
    font-family: var(--font_bold);
    line-height: 60px;
    margin-bottom: 30px
}

.stock-chart-sec #nav-rnw h4,
.stock-chart-sec #nav-rnwww h4 {
    letter-spacing: -3.16px;
    text-transform: capitalize;
    opacity: 1;
    font-size: 40px;
    font-family: var(--font_bold);
    line-height: 50px
}

.stock-chart-sec .table-head h5 {
    font: normal normal 14px/26px var(--font_med);
    letter-spacing: -.84px;
    color: #707070;
    text-transform: uppercase;
    opacity: .5
}

.stock-chart-sec .table-body h5,
ul.pdf-gov li a {
    font: normal normal 18px/26px var(--font_med);
    letter-spacing: -1.08px
}

.stock-chart-sec .table-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 30px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 10px 25px
}

.corporate-gov-sec .sce-filing-table,
.stock-chart-sec .sce-filing-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    padding: 0
}

.stock-chart-sec .table-body h5 {
    color: #000;
    opacity: 1;
    max-width: 250px
}

.alert-contact-email-sec .tab-content p {
    font: normal normal 20px/28px var(--font_book);
    letter-spacing: -.8px;
    color: #27333f;
    opacity: 1;
    padding-top: 15px
}

section.alert-contact-email-sec .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
    left: 610px;
    width: 200px
}

section.alert-contact-email-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 240px;
    width: 320px
}

section .alert-contactus .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 32% !important;
    width: 225px !important
}

section .alert-contactus .nav-tabs .nav-link:nth-child(3).active~.magic_line {
    left: 67% !important;
    width: 225px !important
}

section.alert-contact-email-sec input::placeholder,
section.alert-contact-email-sec textarea::placeholder {
    font: normal normal 18px/30px var(--font_book);
    letter-spacing: -.36px;
    color: #c4c4c4;
    opacity: 1
}

section.alert-contact-email-sec .contact-form-div input[type=checkbox] {
    width: 20px;
    height: 20px
}

.checkbox-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px
}

.grecaptcha-badge {
    z-index: 999
}

.alert-contact-email-sec .contact-form-div h6,
.checkbox-text label {
    font: normal normal normal 20px/40px var(--font_book) !important;
    letter-spacing: -1.12px;
    color: var(--menu-submenu-color) !important
}

.conatctir-name {
    font: normal normal normal 20px/30px var(--font_book) !important;
    letter-spacing: -1.12px;
    color: var(--menu-submenu-color) !important
}

.conatctir-email {
    font: normal normal normal 18px/30px var(--font_book) !important;
    letter-spacing: -1.12px;
    color: #00a165
}

.corporate-gov-sec .table-body,
.corporate-gov-sec .table-head {
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

.corporate-gov-sec .table-body {
    background-color: #f5f5f5
}

.corporate-gov-sec .sce-filing-table h3 {
    font: normal normal 45px/55px var(--font_bold);
    color: #313638;
    padding: 30px 0
}

section.corporate-gov-sec p {
    font: normal normal 20px/28px var(--font_book);
    color: #000
}

ul.pdf-gov li {
    padding: 15px 0
}

ul.pdf-gov li a {
    color: #00a165;
    opacity: 1
}

.news-details-info p,
.news-details-info span {
    font-family: var(--font_book) !important
}

.renew-power-energy-video-sec.gov-banner-sec .renew-power-energy-details {
    top: 10%
}

.our-team-sec.gov-management .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 435px;
    width: 250px
}

.blogs-for-cop a,
.case-studies-for-cop a,
.for-cop-details a,
.for-cop-details1 a,
.for-cop-details3 a,
.news-slider-text-blog a {
    color: #fff;
    text-transform: uppercase;
    opacity: 0
}

.faq-sec-new1 .accordian-style-1 .accordion-item {
    border: 0;
    border-bottom: 1px solid
}

.faq-sec-new1 .accordian-style-1 .accordion-button {
    letter-spacing: -.72px;
    color: #000;
    font-size: 18px;
    border: 0;
    border-radius: 0 !important;
    background: #fff;
    box-shadow: none;
    padding-right: 5%
}

#load_more button,
.for-cop-blog-slider-section .swiper-pagination-bullet-active .inner-dot {
    background-color: #72bf44
}

.faq-sec-new1 .accordian-style-1.style-2 .accordion-button p,
.faq-sec-new1 .accordian-style-1.style-2 .accordion-button span {
    text-align: left;
    font: normal normal 36px/45px var(--font_med);
    letter-spacing: -2.16px;
    color: #27333f;
    opacity: 1
}

.faq-sec-new1 .acc_srno {
    font-size: 90px;
    width: 26%
}

.faq-sec-new1 .accordian-style-1 .accordion-button::after {
    background-image: url(../../assets/images/plus.svg);
    background-color: var(--secondary_color);
    border-radius: 100px;
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: 50%;
    background-color: #fff;
    border: 1px solid #72bf44
}

.faq-sec-new1 .accordian-style-1 .accordion-button:not(.collapsed)::after {
    background-image: url(../../assets/images/minus.svg);
    border: 1px solid var(--secondary_color);
    background-color: #72bf44
}

.faq-sec-new1 .accordion-body p {
    text-align: left;
    font: normal normal 20px/28px var(--font_book);
    letter-spacing: -.8px;
    color: #27333f;
    opacity: .7
}

.note-grid {
    display: flex;
    gap: 100px
}

.faqSection .search_filter-btn,
.podcast.for-cop-details3 {
    justify-content: end
}

.other-presentation-sec .table-body,
.other-presentation-sec .table-head {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

#footer .middle-div,
.green-insights-desc {
    padding-top: 20px
}

.advocacy-partnership-sec span.magic_line,
.esg-sec span.magic_line {
    position: absolute;
    width: 13%;
    bottom: -2px;
    background: #006638;
    height: 3px;
    left: 0;
    transition: .3s ease-in-out;
    border-radius: 30px
}

.advocacy-partnership-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line,
.esg-sec .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 21%;
    width: 14%
}

.advocacy-partnership-sec .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line,
.esg-sec .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
    left: 43%
}

.news-slider-section .swiper-btn-next-prev1 {
    position: absolute;
    bottom: 20%;
    left: 7%;
    right: 0;
    display: flex
}

.awards-sec .filtering select.form-control,
.awards-sec .filtering select.form-control option,
.filter-cat .form-control {
    position: relative;
    letter-spacing: -.48px;
    color: #000;
    text-transform: uppercase;
    text-align: left
}

.f-cat {
    color: #fff;
    padding: 1em;
    border: 5px solid #fff;
    margin: 20px 0
}

.addres-inn,
.address-B {
    border-right: 1px solid
}

.filter-cat-results .f-cat {
    opacity: 0;
    display: none
}

.filter-cat-results .f-cat.active {
    opacity: 1;
    display: block;
    -webkit-animation: .65s forwards fadeIn;
    animation: .65s forwards fadeIn
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.awards-sec .filtering select.form-control {
    width: 250px;
    height: 55px;
    border-radius: 50px;
    padding: 10px 20px;
    font: normal normal 12px/15px var(--font_bold);
    opacity: 1;
    border: 1px solid #ccc
}

.awards-sec .filtering select.form-control option {
    font: normal normal 15px/30px var(--font_bold);
    opacity: 1
}

.awards-sec .filtering select.form-control:before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    height: 4px;
    transition: .3s;
    top: 45%;
    right: 10%;
    transform: rotate(180deg);
    padding-left: 20px
}

section.corporate-profile-sec p {
    font: normal normal normal 20px/35px var(--font_book);
    letter-spacing: -.8px;
    color: #000;
    opacity: .7
}

.filter-cat .form-control {
    width: 234px;
    height: 55px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #ccc;
    transition: .5s;
    font: normal normal 12px/15px var(--font_bold);
    opacity: 1;
    outline: 0;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 20px;
    box-shadow: none;
    appearance: none
}

.for-cop-blog-div span {
    text-align: left;
    font: normal normal 18px/20px var(--font_med);
    letter-spacing: 0;
    color: #313638;
    text-transform: capitalize;
    opacity: .5
}

.for-cop-blog-div h4 {
    font: normal normal 48px/58px var(--font_med);
    letter-spacing: -1.92px;
    color: #313638;
    opacity: 1
}

.for-cop-blog-div {
    padding: 150px 110px
}

.case-studies-for-cop h5,
.news-slider-text-blog h3 {
    font: normal normal 26px/31px var(--font_med);
    letter-spacing: -1.04px;
    color: #fff;
    opacity: 1;
    max-width: 400px
}

.case-studies-for-cop {
    background-color: var(--podcast-bg);
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 50px;
    row-gap: 100px;
    height: 499px
}

.blogs-for-cop span,
.case-studies-for-cop span,
.news-slider-text-blog span {
    text-align: left;
    font: normal normal 18px/21px var(--font_med);
    letter-spacing: -.72px;
    color: #fff;
    text-transform: uppercase;
    opacity: .6
}

.futureOfEnergy-inner-section a {
    font-size: 15px
}

.news-slider-text-blog {
    background: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 50px;
    row-gap: 50px;
    height: 511px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s
}

.pagination-arrow-div-wrapper {
    position: absolute;
    background: #fff;
    height: 60px;
    display: flex;
    width: 100%;
    z-index: 9;
    border-top: 1px solid #e8e8e8
}

.for-cop-blog-slider-section .progress {
    display: flex;
    overflow: hidden;
    font-size: .75rem;
    background-color: transparent;
    border-radius: 50%;
    width: 41px;
    height: 41px;
    transform: rotate(-90deg)
}

.for-cop-blog-slider-section .circle-origin {
    fill: transparent;
    stroke: #72BF44;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 125.664px;
    stroke-dashoffset: 125.664px
}

.for-cop-blog-slider-section span.inner-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d1d1d1;
    opacity: 1
}

.for-cop-blog-slider-section .swiper-button-next img,
.for-cop-blog-slider-section .swiper-button-prev img {
    width: 21px;
    height: 21px
}

.for-cop1-img-left img.img-fluid {
    height: 1035px;
    width: 100%;
    object-fit: cover
}

.participation-process-section .social_media_tabs .nav-tabs {
    display: flex;
    gap: 35px
}

.participation-process-section span.magic_line {
    position: absolute;
    width: 455px;
    bottom: -2px;
    background: #006638;
    height: 3px;
    left: 0;
    transition: .3s ease-in-out;
    border-radius: 30px
}

.participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 586px;
    width: 430px
}

.participation-process-section .social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
    left: 1150px;
    width: 370px
}

.social_media_tabs .nav-link {
    border: none
}

.relead-winnersOver h2 {
    font: normal normal 20px/20px var(--font_med);
    letter-spacing: -.92px;
    color: #27333f;
    opacity: 1
}

ul.india-ul-transition li {
    list-style: disc;
    margin-left: 15px
}

.wt-40 {
    width: 45% !important
}

.solutions_accordion_cell.window_expanded .solutions_accordion_cell_content .utility_sol_list a {
    pointer-events: auto
}

.our-founder-sec .founder-pic .desktop-img {
    height: 100%;
    object-fit: cover
}

@media only screen and (min-width:991px) and (max-width:1365px) {
    .podcast {
        padding: 20px;
        row-gap: 50px;
        height: 100% !important
    }
}

.social-tabs .content-details h3 {
    font: normal normal 22px/24px var(--font_book);
    max-width: 100%;
    margin: 0 auto 8px
}

.social-tabs .content-details p {
    margin-bottom: 8px
}

.downloadLink {
    color: #00a165;
    text-decoration: underline;
    font-weight: 500
}

#values-group .our-value-img-wrapper,
#values-group .slide-height {
    height: 540px
}

#values-group .our-value-img-wrapper img {
    width: 100%;
    height: 540px
}

.who-we-are-breadcrumb .py-5 {
    padding: 0 !important
}

.who-we-are-breadcrumb .padding-4,
.who-we-are-breadcrumb .padding-6 {
    padding-bottom: 0
}

.lower-txt .txt {
    text-transform: initial
}

.newsPageAllNews .filtering {
    width: inherit;
    position: relative
}

.newsPageAllNews .filter-cat .form-control {
    width: inherit;
    margin: 0
}

.newsPageAllNews .filter-cat {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 0 0 1em;
    position: relative
}

section.covidRelif,
section.inner-banner.jumbotron.useOfRobatic {
    height: auto;
    padding-bottom: 0
}

.centre_excellenceTitle.textBlack .text-white,
.centre_excellenceTitle.textBlack h3 {
    color: #313638 !important
}

.blogSection .press_room_content h2 {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.thankYouWrapper {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.thankYou-heading {
    color: #003d5b;
    text-transform: capitalize;
    font-size: 82px;
    font-weight: 700;
    margin-bottom: 0
}

.thankYou-text-box {
    position: absolute;
    top: 50%
}

.greenInsights-box.insight-sec-new p.media-item__description {
    height: auto;
    padding-bottom: 0
}

.press_room_wrapper.otherNews {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 3em 1em;
    border: 1px solid #e8e8e8
}

.related-article_slider .swiper-slide {
    padding: 1px
}

.greenHydrogen .why-hydogen {
    padding: 2em
}

.address-B {
    padding: 30px 15% 0 0;
    height: 440px
}

.addres-1 {
    padding: 50px 0 50px 1%
}

.addres-inn {
    padding: 20px 12% 0 15%;
    height: 200px
}

.addres-1 p {
    font: normal normal 24px/1.2 var(--font_bold);
    letter-spacing: -.2px;
    color: #313638;
    opacity: .7;
    margin: 0 0 15px;
    padding: 0
}

.addres-1 span {
    font: normal normal 16px/1.2 var(--font_book);
    letter-spacing: -.2px;
    color: rgb(49 54 56 / 90%)
}

.pR-15 {
    padding: 5% 15% 5% 1% !important
}

.disclaimer-content-para {
    height: auto;
    width: 86%;
    margin: 160px auto
}

.unsubscribe-form-mb .from-col-centre {
    width: 30%
}

.unsubscribe-form-mb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.unsubscribe-form-section h1 {
    margin: 175px 0 30px;
    font: normal normal 60px/70px var(--font_bold);
    text-align: center
}

.copyright.copyright-new {
    display: flex;
    justify-content: center;
    gap: 25px
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 10%;
    width: 100%;
    padding: 16px 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
    transition: .6s ease-in-out;
    background-color: #76ba43
}

.trree-lay-rightText,
.trree-lay-rightText-2,
.trree-lay-rightText-3 {
    position: absolute;
    width: 22%;
    text-align: left
}

.cookie-banner a,
.cookie-banner p {
    color: #fff;
    font: normal normal 16px/25px var(--font_med);
    width: 50%
}

.cookie-banner .cookie-img {
    padding-right: 15px;
    margin-bottom: 6px
}

.cookie-banner .cookie-close {
    background-color: #006638;
    padding: 12px 37px;
    border: 0;
    border-radius: 26px;
    color: #fff;
    font: normal normal 12px/12px var(--font_bold)
}

video::-webkit-media-controls {
    opacity: 0
}

.footer-menu.footer-memu-new {
    display: block;
    grid-template-columns: unset;
    gap: 0;
    width: 90%
}

.accordion.accordion-grid-template {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 70px
}

a.btn.btn-san {
    background: var(--secondary);
    color: #fff;
    border: 0
}

button.btn.cookies_btn,
input:checked+.toggle_slider {
    background-color: #006638
}

#load_more {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto
}

#load_more button {
    padding: 20px 35px;
    line-height: 1;
    border-radius: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #fff;
    width: auto;
    font: normal normal bold 16px/1 var(--font_bold)
}

.green-text-main .our-green-card h4 {
    color: #72bf44
}

.title-and-button {
    padding: 30px 0 20px
}

.trree-lay {
    width: 100%;
    float: left;
    text-align: center
}

.trree-lay-rightText {
    top: 25px;
    right: 20%
}

.trree-lay-rightText h5,
.trree-lay-rightText-2 h5,
.trree-lay-rightText-3 h5 {
    font: normal normal 24px/1.3 var(--font_bold);
    letter-spacing: -1.12px;
    color: #fff;
    opacity: 1
}

.trree-lay-rightText p,
.trree-lay-rightText-2 p,
.trree-lay-rightText-3 p {
    font: normal normal 16px/1.3 var(--font_book);
    letter-spacing: -1px;
    color: #fff;
    opacity: 1
}

.trree-lay-rightText-2 {
    bottom: 67px;
    right: 9%
}

.trree-lay-rightText-3 {
    bottom: 228px;
    left: 10%
}

.three-p {
    padding: 0 13%;
    text-align: center;
    margin-bottom: 50px
}

.bg-tree {
    width: 100%;
    background: url(https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/fututeofenergy/trailblazingg-bg.png) right top/cover no-repeat !important
}

.btn__content img {
    width: auto
}

.cookie_modal {
    border-radius: 0
}

.cookie_modal .modal-content {
    border-radius: 0;
    padding: 20px
}

.modal.fade.cookie_modal h2 {
    font: normal normal 28px/18px var(--font_med)
}

.modal.fade.cookie_modal p {
    font: normal normal 15px/18px var(--font_reg);
    margin: 20px 0
}

button.btn.cookies_btn {
    padding: 12px 37px;
    border: 0;
    border-radius: 26px;
    color: #fff;
    font: normal normal 12px/12px var(--font_bold);
    width: fit-content;
    margin: 20px 0 0
}

#cookie_settings_modal .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    transform: initial;
    min-width: 600px
}

#cookie_settings_modal .modal-body-content_Wrapper_bg {
    background: #f6f6f6;
    padding: 30px
}

#cookie_settings_modal .modal-body-content_Wrapper_bg p {
    font-size: 15px;
    margin-bottom: 10px
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.toggle_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle_slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.toggle_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(29px)
}

.toggle_slider.round {
    border-radius: 34px
}

.toggle_slider.round:before {
    border-radius: 50%
}

.footer_sticky_grid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    text-align: center;
    width: 100%;
    column-gap: 20px
}

.footer_modal_col p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700
}

.modal-footer {
    justify-content: space-evenly
}

.footer_modal_col:after {
    position: absolute;
    content: '';
    right: -10px;
    width: 1px;
    height: 100%;
    background: #ccc;
    top: 0
}

.switch.disabled {
    opacity: .5
}

.switch.disabled span.toggle_slider {
    cursor: not-allowed
}

.cookie_modal_btn_grid {
    display: flex;
    justify-content: center;
    column-gap: 15px;
    margin: 30px 0
}

.cookie_modal_btn_grid a {
    background: green;
    padding: 10px 20px;
    border-radius: 20px;
    color: #fff
}

.hide_show_details {
    text-align: center;
    text-decoration: underline;
    margin-bottom: 20px
}

#cookie_settings_modal p.left_p_sm {
    font-size: 14px;
    min-width: 110px;
    max-width: 110px;
    word-break: keep-all;
    margin-left: 40px;
    font-weight: 700
}

p.grid_p_sm,
p.right_p_data {
    font-size: 14px
}

#cookie_settings_modal .accordion-button::after {
    position: absolute
}

#cookie_settings_modal .accordion-button:focus {
    border: none;
    box-shadow: none
}

#cookie_settings_modal .accordion-button:not(.collapsed) {
    color: #000;
    background: #f1f1f1
}

#cookie_settings_modal .accordion-button:not(.collapsed) p.left_p_sm {
    color: green
}

.modal_acc_grid {
    display: grid;
    grid-template-columns: 150px auto;
    row-gap: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.modal_acc_grid:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

p.grid_p_bold {
    font-size: 16px;
    font-family: gotham-bold;
    color: #000
}

p.grid_p_sm_bold {
    font-family: gotham-bold;
    font-size: 15px
}

@media screen and (max-width:991px) {
    .accordion.accordion-grid-template {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px
    }

    #cookie_settings_modal .modal-body-content_Wrapper_bg {
        padding: 20px
    }

    #cookie_settings_modal .modal-body-content_Wrapper_bg p,
    p.grid_p_sm {
        font-size: 13px
    }

    #cookie_settings_modal .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
        min-width: auto
    }

    .cookie_modal_btn_grid a {
        font-size: 11px;
        padding: 10px 14px
    }

    #cookie_settings_modal .accordion-button {
        display: block
    }

    #cookie_settings_modal p.left_p_sm {
        min-width: auto;
        max-width: initial;
        margin: 0
    }

    #cookie_settings_modal .accordion-button::after {
        top: 15px;
        right: 20px
    }

    .modal_acc_grid {
        grid-template-columns: 150px 190px;
        word-wrap: break-word
    }

    p.grid_p_sm_bold {
        font-size: 14px
    }

    .footer_modal_col p,
    p.right_p_data {
        font-size: 12px
    }

    .switch {
        height: 23px;
        width: 50px
    }

    .toggle_slider:before {
        height: 17px;
        width: 17px;
        bottom: 3px;
        left: 4px
    }

    input:checked+.toggle_slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px)
    }
}

.bannerImage::before,
.bgOverlay::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

a.views-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.footer_fixed_grid {
    position: fixed;
    bottom: 0;
    z-index: 7;
    width: 100%;
    display: none;
    grid-template-columns: 50% 50%;
    text-align: center
}

.footer_fixed_grid a {
    color: #fff;
    display: flex;
    align-items: center
}

.fixed_col_mob {
    padding: 10px 0;
    background: #3b3b3b;
    display: flex;
    justify-content: center;
    align-items: center
}

.fixed_col_mob:last-child {
    background: #73bf44
}

.fixed_col_mob img {
    max-width: 35px;
    background: #fff;
    padding: 6px;
    margin-right: 10px;
    border-radius: 100px;
    position: relative
}

.fixed_col_mob svg {
    width: 23px;
    margin-right: 10px
}

.futureOfEnergy-inner-section .buttonGreen {
    display: flex !important;
    justify-content: center;
    align-items: center
}

.pl-51 {
    padding-left: 30px !important
}

.social-btns .btn.whatsapp:before {
    background: #25d366
}

a.btn.see_all_footer {
    padding: 0;
    float: right;
    text-align: left;
    font: normal normal 14px/26px var(--font_book);
    letter-spacing: -.56px;
    color: var(--white);
    text-decoration: underline
}

.paraMax-width .news-details-info p {
    max-width: 1186px;
    width: 100%;
    text-align: center;
    margin: 25px auto 0
}

.heading-title.heading-title-72 {
    font-size: 72px;
    line-height: 90px;
    color: #313638
}

.struFlex-mb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.gridStr-main .news-details-info p {
    margin-bottom: 25px;
    padding-right: 70px
}

ul.structureG-ul li {
    font: normal normal normal 16px/30px var(--font_book);
    letter-spacing: -.8px;
    color: #000;
    opacity: .7
}

section.achievements-section.releated-initisec {
    padding-bottom: 50px
}

ul.structureG-ul {
    margin-bottom: 25px
}

.mt-80 {
    margin-bottom: 80px
}

.inspectionDetailCard h5.card-title,
.newsDetailsCard h5.card-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: -.72px;
    color: #313638
}

.newsIcon {
    padding: 30px 20px
}

.newsDetailsCard .card {
    background: #f9f9f9;
    border: 0;
    border-radius: 0;
    margin: 0 10px
}

.inspectionDetailCard .card {
    background: #f9f9f9;
    padding: 50px;
    border: 0;
    border-radius: 0;
    min-height: 350px;
    margin-bottom: 30px
}

.inspectionDetailCard .card .card-text {
    font-size: 16px;
    font-family: var(--font_book);
    line-height: 30px;
    color: #000
}

.anualReports h5 {
    color: #707070
}

.anualReports h6 {
    font-size: 18px;
    line-height: 40px;
    padding: 25px
}

.all-news-section.awards-sec .filter_heading,
.all-news-section.pressNews .filter_heading {
    justify-content: start
}

.program-details-sec1 .accordian-style-1.style-2 {
    margin-top: 2rem
}

.press_room_content {
    padding: 20px 30px
}

.program-details-sec1 .accordian-style-1.style-2 .accordion-button {
    padding-top: 10px
}

.press_room .heading-title {
    text-indent: -7px
}

.sustainability-report-content .padding-7 {
    padding: 0 11%
}

.futureOfEnergy-img:hover img {
    transform: scale(1.1, 1.1)
}

.futureOfEnergy-slide-content {
    height: 530px
}

.bgOverlay::before {
    background: rgba(0, 0, 0, .5)
}

.diversity_initiatives .title-and-button {
    margin-bottom: 2rem
}

.diversity_initiatives.dataCenterSection .press_room_content.focus-init-content p {
    -webkit-line-clamp: unset;
    font-size: 16px;
    max-height: 175px;
    overflow: auto
}

.focused-init-section.dataCenterSection .press_room_content {
    height: 300px;
    justify-content: flex-start
}

.focused-init-section.dataCenterSection .data-center .press_room_content {
    height: 170px
}

.focused-init-section.dataCenterSection .milingSector .press_room_content {
    height: 260px
}

.focused-init-section.dataCenterSection .fmcgSector .press_room_content,
.focused-init-section.dataCenterSection .pharmaSector .press_room_content {
    height: 230px
}

.focused-init-section.dataCenterSection .autoSector .press_room_content,
.focused-init-section.dataCenterSection .oilGasSector .press_room_content,
.focused-init-section.dataCenterSection .textileCector .press_room_content {
    height: 250px
}

.data-cente-table-sec .table-head h5 img,
.reenfield-data-center-sec.dataCenter .number1 {
    margin-right: 1rem
}

.data-cente-table-sec .back-trans {
    background: #f9f9f9 !important
}

.reenfield-data-box {
    padding: 1.5rem;
    background: #fff;
    height: 630px
}

.dataCenterSection .heading-title.text-left {
    align-self: self-start
}

.reenfield-data-center-sec.dataCenter .green-box-datadiv {
    padding-left: 30px
}

.sce-filing-table.ThreeColumnTable .table-body,
.sce-filing-table.ThreeColumnTable .table-head {
    grid-template-columns: repeat(4, 1fr)
}

.sce-filing-table.TwoColumnTable .table-body,
.sce-filing-table.TwoColumnTable .table-head {
    grid-template-columns: repeat(3, 1fr)
}

.data-center-slider-oil ..reenfield-data-box {
    height: 330px
}

.focused-init-section.dataCenterSection .press_room_content h2.text-right {
    align-self: self-end
}

.bannerImage::before {
    bottom: 0;
    background: linear-gradient(45deg, #000, transparent);
    right: 0;
    z-index: 1
}

.social-btns .btn.youtube.download::before {
    background: var(--secondary) !important
}

#preview-mdeia-adapted .img_card:last-child {
    padding-top: 88px
}

@media screen and (max-width:768px) {
    .slide-track {
        width: calc(80px * 20)
    }

    .all-news-section .coverage-btn,
    .all-news-section .media-item .coverage-btn,
    .all-news-section a.media-item.btn-container .media-item__button,
    .newsCard .newsCaption-content {
        opacity: 1
    }

    figure.newsCard.news-Slide-up,
    figure.newsCard.news-Slide-up>img {
        height: 225px !important
    }

    .slide-track2 {
        width: calc(80px * 15)
    }

    .slide {
        width: 80px
    }

    @keyframes scroll {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(calc(-80px * 10))
        }
    }

    @keyframes scroll2 {
        0% {
            transform: translateX(0)
        }

        100% {
            transform: translateX(calc(-80px * 5))
        }
    }

    .sustainability-report a.buttonGreen {
        margin-top: 20px !important
    }

    .mobp-0 {
        padding: 0
    }
}

@media screen and (max-width:414px) {
    .secondary-button.mbm {
        margin-bottom: 84px
    }

    .sce-filing-table.ThreeColumnTable .table-head,
    .sce-filing-table.TwoColumnTable .table-head {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width:375px) {
    .secondary-button.mbp-2 {
        margin-bottom: 77px
    }

    .secondary-button.mbm {
        margin-bottom: 1.5rem
    }
}

.publish-name {
    text-transform: capitalize;
}

.upImg {
    background: #fff;
}

#newUpdate .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all .3s ease-in-out
}

.owl-nav button.owl-prev {
    left: 0
}

.owl-nav button.owl-next {
    right: 0
}

#newUpdate .owl-dots {
    text-align: center;
    padding-top: 15px
}

#newUpdate .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px
}

#newUpdate .owl-dots button.owl-dot.active {
    background-color: #000
}

#newUpdate .owl-dots button.owl-dot:focus {
    outline: 0
}

#newUpdate .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .38) !important
}

#newUpdate span {
    font-size: 70px;
    position: relative;
    top: -5px
}

#newUpdate .owl-nav button:focus {
    outline: 0
}

#newUpdate #carouselUpdate .upCont {
    justify-content: center;
    display: flex;
    flex-direction: column
}

#newUpdate #carouselUpdate .upImg img {
    padding: 2%;
    height: 100%;
    width: 100%
}

.upCont-slide p {
    opacity: 1
}

.upCont-slide hr {
    color: #73bf44;
    height: 2px;
    background: #73bd44;
    opacity: 1;
    width: 20%;
    margin: 8px 0 20px;
    border-radius: 8px
}

@media(min-width:786px) {
    #newUpdate #carouselUpdate .upImg img {
        padding: 2%;
        height: auto;
        width: 100%
    }
}

.whatsnew {
    padding: 2px 7px;
    display: inline-flex;
    background: #73bf44;
    align-content: center;
    flex-wrap: wrap;
    font-size: 13px;
    color: #fff;
    border-radius: 14px;
    font-weight: 600;
}

.achi-color {
    margin-top: 86px
}

.achi-color .this-year {
    font-size: 84px;
    font-weight: 600
}

.achi-color .achi-container {
    width: 100%;
    background-color: #8ec13f;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.achi-color .achi-container h1 {
    color: #fff;
    padding-top: 22%;
    padding: 8% 6% 8% 5%
}

.achi-color .achi-imgabs {
    position: absolute;
    top: 0;
    width: 340px;
    right: 84px;
    border-radius: 10px;
    bottom: 0;
    margin: auto
}

.achi-content a {
    color: #086839;
    text-decoration: underline
}

.achi-side {
    height: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.color-link {
    color: #fff;
    text-decoration: underline
}

.achinews-heading {
    background-color: #8ec13f;
    color: #fff;
    margin-bottom: 8px
}

h2.achinews-heading {
    font-size: 22px;
    padding: 10px
}

.achinews-box {
    padding: 5px;
    font-size: 14px;
    margin-bottom: 8px;
    margin-top: 10px
}

.achinews-box a,
.achinews-box h4,
.achinews-box p {
    font-size: 14px
}

.achinews-box p {
    margin-top: 8px;
    line-height: 16px
}

.achinews-box a {
    margin-top: 8px;
    color: #086839;
    text-decoration: underline
}

.achinews .achi-leader {
    width: 80%;
    margin: auto;
    text-align: center;
    display: block
}

.achinews .letter-border {
    padding: 0
}

@media(max-width:576px) {
    .achi-color .banner-achi {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .achi-color .this-year {
        font-size: 60px;
        font-weight: 600
    }

    .achi-color .achi-container h1 {
        color: #fff;
        padding-top: 4%;
        padding-bottom: 7%;
        padding-left: 6%;
        font-size: 22px;
        text-align: center
    }

    .achi-color .achi-imgabs {
        position: relative;
        top: -9px;
        width: 160px;
        right: 14px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        margin-bottom: 15px
    }

    .achi-content .hidden-xs {
        display: none
    }

    .achi-color {
        margin-top: 60px
    }
}

.video-bgcs {
    background-color: var(--secondary);
    border-radius: 15px;
    margin: 0px;
    height: 100%;
}

.video-bgcs .csss {
    background-color: var(--secondary);
    border-radius: 15px
}

.video-bgcs .thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.video-bgcs .thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0
}

.video-bgcs .thumbnail img {
    height: 17px;
}

.video-bgcs .title-cs {
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 10px
}

.video-bgcs .desc-cs {
    font-size: 14px;
    color: #fff;
    line-height: 16px
}

.video-bgcs .cont-cs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.cs-row .col-sm-4 {
    padding: 0
}

#zooming-banner .header-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    text-align: center
}

#zooming-banner .zoominheader {
    width: 100%;
    height: 100vh;
    text-align: center;
    background: url("https://dg4e57nn4fnta.cloudfront.net/events/davos2024/houses-snowcapped-mountains-against-sky.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 10s ease-in infinite;
    animation: zoomin 10s ease-in infinite;
    transition: all 1s ease-in-out;
    overflow: hidden;
    filter: brightness(.9)
}

#zooming-banner .zoomoutheader {
    width: 400px;
    height: 200px;
    text-align: center;
    background: 0 0;
    -webkit-animation: zoomout 10s ease-in infinite;
    animation: zoomout 10s ease-in infinite;
    transition: all 1s ease-in-out;
    overflow: hidden
}

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.67)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomout {
    0% {
        transform: scale(2)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(2)
    }
}

#zooming-banner .text {
    color: red;
    font-weight: 700
}

#zooming-banner .culture-details .heading-title {
    font-size: 3.5rem;
    line-height: 1.2;
    text-align: right;
    letter-spacing: normal;
    font-family: gotham-medium;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-transform: inherit
}

#zooming-banner .borigh {
    border-right: 2px solid #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

#zooming-banner .annmee {
    font-family: gotham-medium;
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

#zooming-banner .ann1 {
    font-size: 3.5rem;
    line-height: 1.2
}

#zooming-banner .ann2 {
    font-size: 3rem;
    line-height: 1;
    font-family: gotham-light
}

#zooming-banner .ann3 {
    font-size: 1.5rem;
    line-height: normal;
    font-family: gotham-light;
    margin: 0;
    margin-top: 10px
}

#zooming-banner .ann4 {
    width: 100%;
    max-width: 100%;
    font-size: 2em;
    text-align: center;
    margin-bottom: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    margin-top: 40px
}

.event-side .accordion-body p {
    font-size: 16px !important
}

.event-side .accordian-style-1.style-2 .accordion-button p {
    text-align: left;
    font: normal normal 28px/28px var(--font_book)
}

.event-side .accordian-style-1 .accordion-body p {
    margin: 0 0 10px
}

.vavpr h4 {
    margin-bottom: 8px
}

.vavpr p {
    font-size: 13px;
    line-height: 16px
}

.vavpr p a {
    color: #73bf44
}

.vavpr hr {
    margin: .5rem 0
}

.vavpr .news-details-social {
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.vavpr .news-details-social ul.social_wrapper.social-btns {
    justify-content: end;
    gap: 10px
}

.vavpr .news-details-social .social-btns .btn {
    width: 30px;
    height: 30px
}

.bgpr {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom
}

.bgpr img {
    padding: 15%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px
}

#zooming-banner .culture-details {
    width: 100%;
    max-width: 100%
}

#zooming-banner {
    margin-top: 80px
}

@media only screen and (min-width:767px) and (max-width:991px) {
    #zooming-banner {
        margin-top: 60px
    }
}

@media only screen and (max-width:767px) {
    #zooming-banner .culture-details {
        width: 100%;
        max-width: 80%;
        margin-left: 10%
    }

    #zooming-banner .culture-details .heading-title {
        line-height: 1;
        text-align: center;
        letter-spacing: normal;
        border-right: none;
        font-family: gotham-medium;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
        text-transform: inherit;
        width: 100%
    }

    #zooming-banner .borigh {
        border-right: none;
        border-bottom: 2px solid #fff;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
        padding-bottom: 15px;
        margin-bottom: 20px
    }

    #zooming-banner .ann1 {
        line-height: 1
    }

    #zooming-banner .ann2 {
        line-height: 1;
        font-family: gotham-light
    }

    #zooming-banner .ann3 {
        line-height: normal;
        font-family: gotham-light;
        margin: 0;
        margin-top: 10px;
        text-align: center
    }

    #zooming-banner .annmee {
        text-align: center
    }

    #zooming-banner .ann4 {
        width: 100%;
        max-width: 100%;
        font-size: 2em;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
    }

    #zooming-banner {
        margin-top: 50px
    }

    .bgpr img {
        position: relative
    }
}

@media (max-width: 576px) {
    .nyc-banner-txt h2 {
        font-size: 40px !important;
        line-height: 45px;
    }

    .nyc-banner-txt .ann1 {
        font-size: 40px !important;
        line-height: 45px;
        text-align: center;
    }

    .nyc-banner-txt .ann2 {
        font-size: 35px !important;
        line-height: 40px;
        text-align: center;
    }

    .nyc-banner-txt .ann4 {
        font-size: 20px !important;
        line-height: 25px;
        text-align: center;
    }
}

@-webkit-keyframes L_circle_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes L_circle_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes L_stroke_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes L_stroke_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes L_stroke_left_grow {

    0%,
    100% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes L_stroke_left_grow {

    0%,
    100% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@-webkit-keyframes L_stroke_right_grow {

    0%,
    100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg)
    }
}

@keyframes L_stroke_right_grow {

    0%,
    100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg)
    }
}

.loader-circle {
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #444;
    margin-top: -1em;
    margin-left: -1em;
    position: absolute;
    -webkit-animation: L_circle_rotate 1.568s linear infinite both;
    animation: L_circle_rotate 1.568s linear infinite both
}

.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right:before,
.loader-circle:before {
    content: "";
    display: block;
    border-style: solid;
    border-width: .21429em;
    border-color: currentColor
}

.loader-circle,
.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right,
.loader-circle .loader-stroke-right:before,
.loader-circle:before {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    box-sizing: border-box
}

.loader-circle .loader-stroke-left:before,
.loader-circle .loader-stroke-right {
    position: absolute;
    clip: rect(0 2em 2em 1em)
}

.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-right:before {
    position: absolute;
    clip: rect(0 1em 2em 0)
}

.loader-circle:before {
    position: absolute;
    clip: rect(0 1.05em 1em .95em)
}

.loader-circle .loader-stroke-left,
.loader-circle .loader-stroke-right,
.loader-circle:before {
    -webkit-animation: L_stroke_rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: L_stroke_rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.loader-circle .loader-stroke-right:before {
    -webkit-animation: L_stroke_right_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: L_stroke_right_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.loader-circle .loader-stroke-left:before {
    -webkit-animation: L_stroke_left_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: L_stroke_left_grow 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.mhn-slide .mhn-item {
    width: 100%;
    padding: 10px
}

.mhn-slide .mhn-inner {
    width: 100%;
    height: 100%
}

.mhn-slide .mhn-item img {
    display: none
}

.mhn-slide .mhn-img {
    min-height: 200px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;
    position: relative
}

.mhn-slide .mhn-text {
    text-align: center;
    padding: 0 10px
}

.mhn-slide .mhn-text h4 {
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mhn-slide .mhn-text p {
    max-height: 4.5em;
    overflow: hidden
}

.mhn-slide .owl-stage-outer {
    z-index: 1
}

.mhn-slide .owl-nav {
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mhn-slide .owl-nav svg {
    color: currentColor
}

.mhn-slide .owl-nav .disabled {
    display: none
}

.mhn-slide .owl-next,
.mhn-slide .owl-prev {
    top: 110px;
    z-index: 2;
    width: 40px;
    height: 40px;
    padding: 8px;
    margin-top: -20px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .3), 0 0 4px rgba(0, 0, 0, .2)
}

.mhn-slide .owl-prev {
    left: -10px
}

.mhn-slide .owl-next {
    right: -10px
}


.btn.book-now {
    background: #73bf44;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    height: 35px;
    line-height: 25px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 181px;
    top: 26%;
    z-index: 99
}

.btn.book-now img {
    width: 27px;
    background: #fff;
    padding: 4px 5px;
    border-radius: 14px;
    margin-top: -10px;
    transform: rotate(90deg)
}

.davos-details {
    -webkit-transform: translateY(160px);
    background: linear-gradient(45deg, #00000096, transparent)
}

.mhn-slide .mhn-item {
    display: flex;
    flex-direction: column;
    height: 100%
}

.mhn-slide .mhn-inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.mhn-slide .mhn-inner .mb-3 {
    height: 100%
}

.sticku-bar .nav-link.active {
    color: #73bf44
}

.sticku-bar hr {
    margin: 10px 0
}

.side-fixed {
    padding-right: 60px
}

.section-tab p {
    text-align: justify
}

.blog-nav-decarb-top {
    padding-left: 60px
}

.blog-nav-decarb {
    background: #73bf44;
    border-radius: 6px;
    color: #fff;
    padding: 14px;
    margin-top: 16%;
    height: 12%
}

.blog-nav-decarb a {
    font-size: 15px;
    line-height: 16px;
    color: #fff
}

.blog-nav-decarb hr {
    color: #fff;
    margin: 10px 0
}

.arrow-box-iwd .pos-iwd-arrow {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    background: #73bf44;
    color: #fff;
    font-size: 26px;
    text-align: center;
    display: inline-block;
    padding: 4px;
    width: 40px;
    height: 40px;
    border-radius: 25px
}

.filter-icn-rnw {
    filter: brightness(0) saturate(100%) invert(60%) sepia(5%) saturate(4153%) hue-rotate(54deg) brightness(109%) contrast(97%)
}

#once-popup {
    position: fixed;
    bottom: 0;
    right: 0;
    width: max-content;
    background: rgba(0, 0, 0, .65);
    text-align: center;
    z-index: 99
}

#once-popup .inner {
    background: #fff;
    padding: 0;
    width: auto;
    max-width: max-content;
    margin: 0
}

#once-popup #popup-close {
    float: right;
    font-size: 30px;
    line-height: 10px;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    top: -13px;
    padding: 9px 5px;
    background: #fff;
    border-radius: 15px;
    left: -13px
}

#once-popup img {
    width: 260px
}

#carouselUpdate .owl-nav {
    display: none
}

.press_room_img img {
    max-height: 250px;
    min-height: 250px;
    object-fit: cover;
    object-position: center
}

.achievements_img img {
    height: 250px
}

#contact-top {
    border-bottom: 2px solid #006638;
    position: relative;
    z-index: 9
}

#contact-top .contact-slide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -26px;
    border: 2px solid #006638;
    border-radius: 45px;
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    z-index: 999;
    background: #fff;
    margin: auto;
    color: #006638;
    z-index: 99
}

.kiwi-pad {
    padding: 15%;
}

.solarpv-prduct .card-content h2 {
    height: auto !important;
}



@media(min-width:576px) {
    .blog-mob .blogdata-mob {
        display: contents
    }

}

@media(max-width:575.99px) {
    .blog-mob.blog-det {
        padding: 0 0
    }

    .blog-mob.blog-det img {
        max-width: 100%;
        height: auto
    }

    .blog-mob .blog-owner .news-card-post {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        background: #ececec;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 15px
    }

    .blog-mob hr.vertical-divider {
        width: 100%;
        height: 1px;
        background-color: #000;
        margin: 0
    }

    .blogdata-mob {
        width: 100%;
        display: flex;
        flex-direction: row
    }

    .blog-mob .blogdata-mob .news-card-publish {
        flex: auto
    }

    .blog-mob .blogdata-mob hr {
        display: none
    }

    #partnerLogos .col-sm-2 {
        margin-bottom: 10px;
    }

    .kiwi-pad {
        padding: 0;
    }
}

.first-part a img {
    width: 180px;
    height: auto;
}

.cdimg-block {
    position: relative
}

.carousel-card {
    border-radius: 10px;
    box-shadow: 5px -4px 2px 6px #e3e3e3;
    border: 1px solid #73bf44;
    padding-bottom: 0
}

.card-new {
    position: absolute;
    left: 4%;
    bottom: -7%
}

.carousel-card .card-new {
    border-radius: 10px 10px
}

.carousel-card img {
    border-radius: 10px
}

#carouselUpdateone .upCont-slide hr {
    margin: 8px 0 13px
}

#carouselUpdateone .owl-stage-outer {
    padding: 10px 0 20px
}

.carousel-card .upCont .upCont-slide h3 {
    font: normal normal 22px/26px var(--font_bold);
    letter-spacing: -1px;
    margin-top: 10px
}

.carousel-card .upCont {
    padding: 4px 10px 10px 10px
}

.carousel-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    font: normal normal 15px/18px var(--font_book)
}

.carousel-card .diply-inline {
    position: absolute;
    bottom: -5%;
    right: 15%;
    left: 15%;
    margin: auto;
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center
}

#carouselUpdateone .news-details-info {
    margin-bottom: 40px !important
}

.carousel-card .diply-inline:not(hover) #knmo {
    display: none;
    transition-duration: 5s
}

.carousel-card .diply-inline:hover #knmo {
    display: flex;
    font-size: 16px;
    top: 0;
    padding-right: 8px;
    transition-duration: 5s
}

.carousel-card .diply-inline:hover {
    width: auto;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 22px !important;
    text-align: center !important;
    flex-direction: row;
    right: 15%;
    left: 15%
}

#faq .accordion-item {
    border: none;
    border-bottom: 1px solid #73bf44;
    border-radius: 0;
    margin-bottom: 8px;
    margin: 4px
}

#faq .accordion-button:not(.collapsed) {
    color: #73bf44;
    background-color: #fff;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 2px solid #73bf44
}

#faq .accordion-button:not(.collapsed)::after {
    filter: invert(70%) sepia(21%) saturate(1198%) hue-rotate(54deg) brightness(92%) contrast(85%)
}

#faq .accordion-body {
    background: #73bf4417
}

#faq .accordion-button:focus {
    border-color: none !important
}

.text-commit li {
    list-style: decimal-leading-zero;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-top: 2%
}

.list-commit-cir {
    display: list-item;
    list-style-type: disc;
    font-size: 29px;
    margin-left: 5%
}

#committmem {
    background: #73bf44;
    color: #fff
}

.ol-smd ol li {
    list-style: auto
}

.ol-smd p {
    opacity: 1
}

.youtube-player {
    position: relative;
    cursor: pointer;
    background-color: #000;
}

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

.youtube-player .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: url('https://img.icons8.com/color/48/000000/play-button-circled--v2.png') no-repeat center;
    background-size: cover;
}

.presskit-desk a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    width: 150px;
    grid-row-gap: 13px;
    top: 0%;
    bottom: 0px;
    margin: auto;
    right: 8%;
    /* background: red; */
    color: #73bf44;
    opacity: 1;
    position: absolute;
    left: 40px;
}

.presskit-desk a:hover {
    background: #73bf44;
    color: #fff;
}

.presskit-desk a:hover i,
.presskit-desk a:hover p {
    background: #73bf44;
    color: #fff;
    border-color: #fff;
}

.presskit-desk a:hover i {
    animation: rotatee 2s linear infinite;
}

@keyframes rotatee {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}


.presskit-desk a i {
    font-size: 18px;
    border: 1.5px solid #73bf44;
    padding: 14px;
    border-radius: 31px;
    color: #73bf44;

}

.presskit-desk a p {
    line-height: 1.4;
    text-align: center;
}


.banner-whatsnew {
    height: 380px;
}

.whatsnew-tag {
    font-size: 22px;
    color: #73bf44;
    display: inline-block;
}


@media(min-width: 1366px) {
    .lgbt a.brand-logo.color-logo-img img {
        max-width: 100px;
    }
}

@media (max-width: 950px) {
    .lgbt .brand-logo img {
        width: 145px;
        position: relative;
        z-index: 1;
    }

    .nav {
        padding: 10px 0 !important;
    }
}

@media (max-width: 768px) {
    #carouselUpdateone .owl-stage-outer {
        padding: 10px 0px 30px;
        z-index: 1;
        /*display: initial;*/
    }

    .ins-bnr {
        margin-top: 50% !important;
    }
}






@media only screen and (max-width: 991px) {
    .first-part a img {
        width: 120px;
        height: auto;
        object-fit: contain;
    }
}


#staticBackdrop .sumant100_popup {
    width: 375px;
    transform: translate(0, 0px);
}

#staticBackdrop .sumant100_popup .clap_div {
    background: #000;
    display: flex;
    padding: 8px;
    text-align: center;
    justify-content: center;
    height: 38px;
}

#staticBackdrop .sumant100_popup .ins-btn3 {
    background: #fff;
    color: #000;

}

.popup_clap {
    width: 50px;
    height: 50px;
    /*filter: hue-rotate(45deg);*/
    display: block;
    text-align: center;
    padding: 8px 7px 7px 5px;
    border-radius: 25px;
    background: #db291d;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2.4px solid #000;
}

.popup_clap:hover {
    transform: scale(1.2);
}

.popup_clap:not(hover) {
    transition: all 0.3s ease;
    transform: scale(1);
}

.clap_hide {
    display: none;
}

.clap_text {
    text-align: center;
    padding: 9px;
    border-radius: 25px;
    background: #73bf44;
    color: #fff;
    line-height: 14px;
    height: 31px;
    margin-top: 14px;
}

#staticBackdrop.show {
    background-color: rgb(255 255 255 / 82%) !important;
    /* Change color and opacity here */

    backdrop-filter: blur(8px) !important;
    background-color: rgb(253 253 253 / 62%) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.bio-heading {
    font-size: 42px !important;
    letter-spacing: normal;
    margin-bottom: 15px;
    line-height: 45px !important;
    margin-top: 50px !important;

}

.bio-heading-margin {
    margin-top: 50px !important;
}

.bio-heading:nth-child(1) {
    margin-top: 0px !important;
}

section.bio-section {
    padding: 60px 0px 30px;
}

.tree-ptt {
    background: url("https://dg4e57nn4fnta.cloudfront.net/renew-assets/resources/images/biodiversity/renew-1t.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 120px 0px;
    margin: 60px 0px;
}

.tree-ptt-overlay {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
    background: #fff;
    opacity: 0.9;
    filter: blur(162px);
}

.tree-ptt .container-fluid {
    z-index: 999;
    display: block;
    position: relative;
}

.founderX {
    transform: scale(1.3) !important;
}

.social-btns .btn.twitter:before {
    background: #000000 !important
}