.social-btns .btn,
.social_media_tabs .nav-tabs {
    position: relative;
    display: flex;
}

.centre_excellenceTitle h3,
.centre_excellenceTitle h4,
.centre_excellenceTitle h2 {
    text-transform: capitalize;
    text-align: left;
    color: #fff;
    opacity: 1;
}

.btn,
.swiper-button-next,
.swiper-button-prev {
    outline: 0;
}

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

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

.lecture-card img,
.rise-in-demandSlider img,
.sustainability-report-img img,
.temp3-box img,
.temp6-area img {
    width: 100%
}

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

.card.content_card,
.card.solid_bg {
    border-radius: 0;
}

.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 img {
    transform: scale(1.1);
}

.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: #fff;
}

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

.social_media_tabs .nav-tabs .nav-item.show .nav-link,
.social_media_tabs .nav-tabs .nav-link.active {
    border-color: #fff #fff #dee2e6;
    color: #006638;
}

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

.card.solid_bg {
    height: 100%;
    background: #00c277;
    padding: 40px;
}

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: #fff;
    opacity: .7;
}

.masonry_row {
    margin-top: 40px;
}

.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;
}

.card.content_card .card-body {
    padding: 0;
}

.img_card {
    padding: 0 40px;
}

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

.social_media_img {
    overflow: hidden;
}

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

.environment-tab span.magic_line {
    position: absolute;
    width: 190px;
}

.environment-tab .nav-tabs .nav-link:nth-child(2).active~.magic_line {
    left: 340px !important;
    width: 190px;
}

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

.paragraph-text-1 {
    font: normal normal 20px/28px var(--font_book);
    color: #212529;
}

.slide-heading {
    font: normal normal 45px/55px var(--font_bold);
    color: #313638;
    margin-bottom: 40px;
}

.list-enrgy li {
    display: flex;
}

span.content-txt-list {
    padding-left: 15px;
    margin-bottom: 15px;
    text-align: left;
    font: normal normal 20px/25px var(--font_book);
    letter-spacing: -.8px;
    color: var(--bs-body-color);
    width: 95%
}

.value-card span.content-txt-list {
    text-align: left;
    font: normal normal normal 16px/30px var(--font_book);
    letter-spacing: -1.08px;
    color: #313638;
    opacity: .7;
}

span.img-span {
    width: 3%
}

.futureOfEnergy-slide-content {
    max-width: 75%;
    margin: 0 auto;
    width: 100%;
    height: 530px;
    overflow-y: auto;
    padding-right: 10px;
}

.futureOfEnergy-slide-content::-webkit-scrollbar {
    width: 2px;
}

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

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

.futureOfEnergy-inner-section .swiper-button-next,
.futureOfEnergy-inner-section .swiper-button-prev {
    background: #72bf44;
    width: 60px;
    height: 60px;
    border: 1.5px solid #72bf44;
    border-radius: 50px;
}

.filterDiv,
.futureOfEnergy-inner-section .swiper-button-next:after,
.futureOfEnergy-inner-section .swiper-button-prev:after,
.futureOfEnergy-inner-section .swiper-rtl .swiper-button-prev:after,
.reenfield-data-center-sec .swiper-slide:nth-child(2) .green-box-datadiv,
.sustainability1 .swiper-slide-thumb-active .slidedefalt,
.sustainability1 .swiper-slide:hover .slidedefalt {
    display: none;
}

.futureOfEnergy-inner-section .swiper-button-next img {
    transform: rotate(90deg);
    width: 21px;
    height: 21px;
    outline: 0;
    border: none;
}

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

.futureOfEnergy-inner-section {
    padding: 120px 0;
    background: #f9f9f9;
}

.heading-inner {
    padding-right: 60px;
}

.sustainability-report-content {
    position: absolute;
    width: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.sustainability-report .text-white.text-white-paragraph {
    font-size: 20px;
    font-family: var(--font_book);
    max-width: 83%;
    margin: 0 auto;
}

.relead-winners-slider112,
.sustainability-report a.buttonGreen {
    margin-top: 70px;
}

.sustainableCard-content {
    position: relative;
}

.sustainable-main-img img {
    width: 242px;
    height: 242px;
    border-radius: 100%;
    object-fit: cover;
    transition: .4s ease-in;
}

.sustainable-card {
    padding: 30px 40px;
    background: #f5f5f5;
    overflow: hidden;
    margin-bottom: 25px;
    transition: .4s ease-in;
}

.sustainable-main-img {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 0;
    position: relative;
}

.sustainable-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;
}

.relead-winners:hover .relead-winnersOver p,
.sustainable-content {
    opacity: 0;
}

.sustainable-img {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.sustainable-content a img {
    transform: rotate(90deg);
}

.sustainable-card .sustainable-img h4 {
    font: normal normal 28px/32px var(--font_bold);
    letter-spacing: -1.12px;
    color: #313638;
    opacity: 1;
    margin: 20px 0;
}

.sustainable-card .sustainable-img p {
    font: normal normal 18px/24px var(--font_book);
    letter-spacing: -1.08px;
    color: #313638;
    opacity: 1;
}

.sustainable-card:hover .sustainable-main-img img {
    transform: scale(3);
    border-radius: 0;
}

.lecture-card:hover .team-name a,
.sustainable-card:hover .sustainable-content {
    opacity: 1;
}

.relead-winners:hover .relead-winnersOver h5,
.sustainable-card .card11:hover .sustainable-details p,
.sustainable-card:hover .sustainable-details p,
.sustainable-card:hover .sustainable-img h4 {
    color: #fff;
}

section.sustainable-impact {
    padding: 120px 0;
}

.futureOfEnergy-heding-col h1 {
    line-height: 92px;
    padding-bottom: 20px;
}

.project-filter-div {
    background-color: #00a165;
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 13% !important;
    padding-right: 34% !important;
}

.project-renvForm {
    width: 100%;
    float: left;
    margin-top: 70px;
}

.project-renvForm .form-select {
    height: 70px;
    border: 1px solid #ccc;
    border-radius: 50px;
    letter-spacing: -.56px;
    color: #fff;
    text-transform: uppercase;
    opacity: .99;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 0 30px;
    box-shadow: none;
    transition: .4s ease-in;
    background: url(./../images/down-arrow-white.svg) right 30px center/14px no-repeat;
    font-family: var(--font_book);
}

.project-renvForm option {
    color: #000;
    border-radius: 16px;
    font-size: 16px;
}

.container {
    display: flex;
    flex-direction: column;
}

.temp1,
.temp4-rightArea {
    align-items: center;
    display: flex;
}

.swiper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.centre_excellence_slider2 .swiper-slide {
    background-size: cover;
    background-position: center;
}

.centre_excellence_slider2 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.centre_excellence_slider1 {
    height: 180px;
    box-sizing: border-box;
    padding: 0;
    opacity: 1;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.relead-winners,
.sustainability1-btm,
.temp1,
.temp2-box,
.temp3-box {
    position: relative;
}

.centre_excellence_slider1 .swiper-slide {
    border: 1px solid;
    width: 25%;
    height: 100%;
    opacity: .4;
    opacity: 1;
    padding-right: 4%;
    padding-left: 4%;
    padding-top: 30px;
    cursor: pointer;
}

.centre_excellence_slider1 .swiper-slide-thumb-active {
    opacity: 1;
    background-color: #303030;
}

.centre_excellence_slider2 .swiper-slide img,
.relead-winners-slider .swiper-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.sustainability2 .swiper-slide img {
    height: 510px;
}

.centre_excellenceTitle {
    margin: 4em 0;
    padding-left: 10%
}

.centre_excellenceTitle h3,
.centre_excellenceTitle h2 {
    letter-spacing: -5.16px;
    font-weight: 700;
    font-size: 83px;
    line-height: 90px;
    font-family: var(--font_bold);
    margin-bottom: 11px;
}

.centre_excellenceTitle h4 {
    letter-spacing: -1.68px;
    font-family: var(--font_light);
    line-height: 42px;
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 600;
}

.centre_excellenceTitle p {
    margin-bottom: 60px;
}

.centre_excellence_slider1 h5,
.centre_excellence_slider1 p {
    text-align: left;
    letter-spacing: -.72px;
    text-transform: uppercase;
    margin-bottom: 37px;
    opacity: 1;
    color: #fff;
}

.centre_excellence_slider1 p {
    font-size: 18px;
    line-height: 22px;
    font-family: var(--font_med);
}

.centre_excellence_slider1 h5 {
    font-size: 30px;
    font-family: var(--font_light);
}

.temp1 h1,
.temp1 h2,
.temp1 p,
.temp2-box p {
    text-align: left;
    margin-bottom: 40px;
}

.centre_excellence_slider1 .progress1 {
    position: relative;
    bottom: 25px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: rgb(255 255 255 / 10%);
}

.social_media_tabs .nav-tabs .nav-link:nth-child(3).active~.magic_line {
    left: 670px;
}

.centre_excellence_slider1 .swiper-slide-thumb-active .progress2 {
    animation-name: right-animate;
    animation-duration: 4s;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 2px;
    background-color: #00a165;
}

@keyframes right-animate {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.temp1 {
    width: 100%
}

.temp1_left {
    width: 55%;
    float: left;
    padding-right: 10%
}

.temp1_right {
    width: 45%;
    float: left;
}

.temp1 h1,
.temp1 h2 {
    font: bold 86px/90px Gotham;
    letter-spacing: -5.16px;
    color: #313638;
    text-transform: capitalize;
    opacity: 1;
    font-family: var(--font_bold);
}

.temp1 p,
.temp2-box p {
    letter-spacing: -.8px;
    font-size: 20px;
    line-height: 30px;
    color: #27333f;
    opacity: .8;
    font-family: var(--font_book);
}

.temp2-box h2,
.temp4 h2 {
    text-align: left;
    letter-spacing: -3.6px;
}

.temp1 img {
    width: 100%;
    /*height: 500px;*/
    object-fit: cover;
}

.temp2,
.temp3 {
    width: 100%;
    display: flex;
    padding: 50px 0;
}

.temp2-inn,
.temp3-inn,
.temp4-inn,
.temp6-area {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.temp2-box {
    width: 48%;
    cursor: pointer;
}

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

.temp2-box .white {
    color: #fff;
    z-index: 4;
    position: absolute;
    left: 50px;
    bottom: 10px;
}

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

.temp2-box .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-box:hover .overlay44 {
    height: 100%;
    padding: 50px;
    opacity: 1;
}

.temp2-box h2 {
    font-family: var(--font_bold);
    color: #313638;
    opacity: 1;
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 30px;
}

.bg_gray,
.card11 {
    background-color: #f5f5f5 !important;
}

.latest_H2 {
    text-align: left;
    line-height: 37px !important;
    letter-spacing: -1.12px !important;
    color: #27333f !important;
    opacity: 1;
    font-size: 28px !important;
    font-family: var(--font_book) !important;
    height: 110px !important;
}

.l_Update .press_room_content h2 {
    max-width: 390px !important;
}

.l_Update .press_room_content {
    background: #f9f9f9;
}

.temp4-rightArea .mao1,
.temp4-rightArea span {
    margin-right: 20px;
    background-color: #e2e2e2;
    border-radius: 100%;
    cursor: pointer;
}

.researchH2 {
    font: normal normal bold 36px/35px var(--font_bold) !important;
    padding-top: 17px !important;
    letter-spacing: -2px !important;
}

.research-area img {
    width: 194px;
    height: 194px;
    object-fit: contain;
}

.temp4 {
    width: 100%;
    display: flex;
    padding: 50px 7%
}

.temp4-left {
    width: 65%;
    float: left;
}

.temp4-right {
    width: 35%;
    float: right;
}

.temp4 h2 {
    font: normal normal bold 60px/70px var(--font_bold);
    color: #27333f;
    opacity: 1;
    margin-bottom: 16px;
}

.temp4 h3,
.temp4 h5,
.temp4 h6 {
    color: #000;
    text-align: left;
    opacity: 1;
}

.temp4 h3 {
    font: normal normal bold 20px/24px var(--font_bold);
    letter-spacing: -.72px;
    margin-bottom: 10px;
}

.temp4 h6 {
    font: normal normal normal 14px/24px var(--font_book);
    letter-spacing: -.56px;
}

.temp4-rightArea {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.temp4-rightArea span {
    padding: 13px 15px 16px 16px;
}

.temp4-rightArea .mao1 {
    padding: 13px 15px 11px 16px;
}

.temp4 h5 {
    font: normal normal normal 18px/24px var(--font_book);
    letter-spacing: -.72px;
    max-width: 500px;
}

.temp3-box {
    width: 23%;
    float: left;
}

.temp3-box .temp3-text {
    text-align: left;
    font: normal normal normal 28px/30px var(--font_book);
    letter-spacing: -1.12px;
    position: absolute;
    top: 0;
    left: 0;
    right: 45px;
    width: 100%;
    transition: 1s;
    cursor: pointer;
    background-color: #fff;
    color: #fff;
    height: 0;
    opacity: 1;
}

.temp3-box .temp3-text h2 {
    padding: 55px 40px;
    font-size: 28px;
}

.temp3-box:hover .temp3-text h2 {
    padding: 55px 40px;
}

.combating {
    top: 33%
}

.temp5 {
    width: 100%;
    display: flex;
    background: url(https://myrenew.s3.ap-south-1.amazonaws.com/evoco/resources/images/sustainabili-bg.jpg) right top/cover no-repeat;
    padding: 130px 0 180px;
}

.temp5-area,
.temp5-inn {
    width: 100%;
    float: left;
}

.temp5-title {
    width: 100%;
    float: left;
    color: #fff;
    margin-bottom: 110px;
}

.centre-excellencLogo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    height: 92px;
}

.centre-excellencLogo img {
    height: 100%;
    margin: 0 5px;
}

.sustainability2 {
    height: 80%;
    width: 100%
}

.sustainability1 {
    height: 10%;
    box-sizing: border-box;
    padding: 10px 0;
}

.sustainability1-btm {
    width: 100%;
    float: left;
    bottom: -40px;
}

.our-green-card:hover {
    background: no-repeat padding-box #f9f9f9;
    opacity: 1;
    transition: 1s;
    cursor: pointer;
}

.sustainability1-btm::before {
    content: "";
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%
}

.slideHover span,
.sustainability1 .swiper-slide {
    border-radius: 50px;
    text-align: center;
    letter-spacing: -.24px;
    color: #313638;
    text-transform: capitalize;
}

.sustainability1 .swiper-slide {
    height: 100%;
    opacity: .4;
    font: normal normal medium 12px/13px var(--font_med) !important;
    background: no-repeat padding-box #fff;
    opacity: 1;
    padding: 16px 9px;
    width: 55px !important;
    cursor: pointer;
}

.show,
.slidedefalt,
.sustainability1 .swiper-slide:hover .slideHover,
.swiper-slide-thumb-active .slideHover {
    display: block;
}

.sustainability1 .swiper-slide:hover,
.sustainability1 .swiper-slide-active {
    width: auto !important;
    background-color: #72bf44;
    padding: 20px 30px;
    transition: .8s;
}

.slideHover {
    display: none;
    text-align: right;
    font: normal normal medium 16px/18px var(--font_med);
    letter-spacing: -.32px;
    color: #fff;
    text-transform: capitalize;
    opacity: 1;
}

.slideHover span {
    background: no-repeat padding-box #c0f99d;
    opacity: 1;
    font: normal normal 12px/12px var(--font_bold);
    padding: 8px 30px;
    margin-left: 18px;
}

.sustainability1 .swiper-wrapper {
    justify-content: center;
}

.sustainability1 .swiper-slide-thumb-active {
    opacity: 1;
    width: auto !important;
    background-color: #72bf44;
    padding: 20px 30px;
}

.swiper-slide-thumb-active .slideHover span {
    background-color: rgba(255, 255, 255, 50%);
}

.sustainability1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.temp5-slider {
    width: 100%;
    float: left;
    padding: 0 12%
}

.temp5-sliderLeft {
    width: 50%;
    float: left;
}

.temp5-sliderRight {
    width: 44%;
    float: right;
}

.temp5-slider h2 {
    text-align: left;
    font: normal normal bold 120px/120px var(--font_bold);
    letter-spacing: -7.2px;
    color: #fff;
    text-transform: capitalize;
    opacity: .8;
    margin-bottom: 50px;
}

.temp5-slider p {
    text-align: left;
    font: normal normal 20px/35px var(--font_med);
    letter-spacing: -1.2px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 10px;
}

.temp5-slider h4 {
    text-align: left;
    font: normal normal bold 60px/65px var(--font_med);
    letter-spacing: -2.4px;
    color: #fff;
    opacity: 1;
    margin-bottom: 15px;
}

.ourClient-slider .swiper-backface-hidden .swiper-slide {
    padding: 10% !important;
}

.our-client-card img {
    width: 207px;
    height: 96px;
    object-fit: cover;
    text-align: center;
    margin: 0 auto;
}

.our-client-card {
    text-align: center;
    background: #fff;
    padding: 50px;
}

.latest-lecture {
    background: #f9f9f9 !important;
    padding: 0 30px 58px !important;
}

.renews-programs1 h2 {
    font: normal normal bold 28px/36px var(--font_bold);
    letter-spacing: -1.68px;
    color: #72bf44;
    text-transform: capitalize;
    text-align: center;
    opacity: 1;
    padding-top: 30px;
}

.all-programs1 .sustainable-card {
    background: #fff;
    height: 100%
}

.universities-slider .our-client-card {
    border: 1px solid #ececec;
}

.universities-slider .our-client-card img {
    width: 100%;
    height: auto;
}

.relead-winners-slider,
.rise-in-demandSlider {
    margin-top: 100px;
}

.relead-winners {
    width: 100%;
    float: left;
}

.relead-winners:hover .relead-winnersOver {
    background-color: transparent;
    color: #fff;
}

.relead-winners svg {
    fill: #000 !important;
    stroke: #fff !important;
}

.relead-winners:hover .relead-winnersOver svg {
    fill: #fff !important;
    stroke: #fff !important;
    color: #fff !important;
}

.relead-winnersOver {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    padding: 46px 40px;
    transition: 1s;
}

.rWImg {
    width: 62px !important;
    height: 63px !important;
}

.relead-winnersOver h5 {
    text-align: left;
    font: normal normal 28px/40px var(--font_book);
    letter-spacing: -1.12px;
    color: #27333f;
    opacity: 1;
    margin: 50px 0 30px;
}

.relead-winnersOver p {
    text-align: left;
    font: normal normal 20px/30px var(--font_book);
    letter-spacing: -1.08px;
    color: #27333f;
    opacity: .7;
}

.temp6 {
    width: 100%;
    padding: 50px 0;
}

.temp6-inn {
    width: 100%;
    float: left;
    padding: 0 6%
}

.temp6-card {
    width: 30%;
    float: left;
}

.temp6-card-2 {
    width: 100%;
    float: left;
    margin: 60px 0;
}

.acc_srno {
    font-size: 90px;
    width: 26%
}

.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;
}

.accordian-style-1.style-2 .accordion-button p {
    text-align: left;
    font: normal normal 20px/28px var(--font_book);
    letter-spacing: -.8px;
    color: #27333f;
    opacity: .7;
    width: 37%;
    margin-left: 4.8%
}

.accordian-style-1.style-2 .accordion-body {
    width: 55%;
    margin: auto;
}

.accordian-style-1.style-2 .accordion-button {
    display: flex;
    justify-content: space-between;
    background: 0 0;
}

.accordian-style-1.style-2 {
    margin-top: 80px;
}

.accordion-body th {
    font-size: 20px;
    font-weight: 100;
}

.accordion-body td {
    color: #adb0b1;
    font-size: 16px;
}

.accordion-body td:first-child {
    width: 30%
}

.accordian-title-box {
    background-color: var(--secondary_color);
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.accordian-title-box .acc-title {
    color: #fff;
    font-size: 2.25em;
    line-height: 1.2;
    width: 63%;
    display: block;
}

.accordian-title-box .acc-count {
    position: absolute;
    font-size: 15em;
    color: #fff;
    opacity: .1;
}

.accordian-style-1 .accordion-button {
    letter-spacing: -.72px;
    color: #000;
    font-size: 18px;
    padding: 50px 5% 50px 30px;
    border: 0;
    border-radius: 0 !important;
    background: #fff;
    box-shadow: none;
}

.accordian-style-1 .accordion-body p {
    text-align: left;
    font: normal normal 20px/28px var(--font_book);
    letter-spacing: -.8px;
    color: #27333f;
    opacity: .7;
    margin: 0 0 20px;
}

.accordian-style-1 .accordion-body {
    padding: 0 8% 30px;
}

.accordian-style-1 .accordion-item:last-child {
    border: 0 !important;
}

.accordian-style-1 .accordion-item {
    border: 0;
    border-bottom: 1px solid;
}

.accordian-style-1 .accordion-button:not(.collapsed)::after {
    background-image: url(https://myrenew.s3.ap-south-1.amazonaws.com/evoco/resources/images/minus.svg);
    border: 1px solid var(--secondary_color);
    background-color: #72bf44;
}

.accordian-style-1 .accordion-button::after {
    background-image: url(https://myrenew.s3.ap-south-1.amazonaws.com/evoco/resources/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;
}

p.pro-details {
    width: 40%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.accordion-header span.acc_srno {
    font-size: 20px;
}

button.accordion-button.collapsed p.pro-details {
    -webkit-line-clamp: 50;
}

.accordion-item {
    background: 0 0 !important;
}

.accordian-style-1 .accordion-collapse,
.accordian-style-1 .accordionP_space {
    margin-top: -51px;
}

.green-credits h2 {
    font: normal normal 900 25px/53px var(--font_bold);
    letter-spacing: -.3px;
    line-height: 1.3;
}

.img-span img {
    object-fit: contain;
}

.list-enrgy li {
    align-items: flex-start;
}

.engsol .temp3-box {
    width: 19%
}

.masi .masih2 {
    padding-top: 30px;
}

.why-hydogen {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 110px 12.5% 110px 10.3%
}

.why-hydogen-box {
    width: 46.5%;
    background-color: #fff;
    padding: 62px 50px;
    margin: 10px 0;
}

.why-hydogen-box img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.why-hydogen-box h4 {
    padding: 30px 0;
    font-size: 20px;
}

.why-hydogen-box p {
    text-align: left;
    font: normal normal 18px/30px var(--font_book);
    letter-spacing: -1.08px;
    color: #313638;
    opacity: .7;
}

.why-h {
    height: auto;
}

.why-aline {
    display: flex;
    align-items: center;
}

.sustainable-color {
    background-color: #00a165;
    width: 275px;
    height: 275px;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sustainable-pink {
    background-color: #e527ce;
}

.sustainable-yellow {
    background-color: #eff418;
}

.sustainable-blue {
    background-color: #4f81bd;
}

.sustainable-brown {
    background-color: #82794a;
}

.sustainable-gray {
    background-color: #7f7f7f;
}

.sustainable-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

}

.our-value-img-wrapper span.content-txt-list {
    color: #fff !important;
}

.iit-delhi-details img {
    margin-bottom: 23px;
    width: 110px;
}

.color-sus-sec .sustainable-card {
    height: 280px;
    margin: 10px;
}

.green-bg:hover {
    background-color: #00a165 !important;
}

.pink-bg:hover {
    background-color: #e527ce !important;
}

.yellow-bg:hover {
    background-color: #eff418 !important;
}

.sustainable-card.yellow-bg:hover .sustainable-details p,
.sustainable-card.yellow-bg:hover .sustainable-img h4 {
    color: #313638;
}

.blue-bg:hover {
    background-color: #4f81bd !important;
}

.brown-bg:hover {
    background-color: #82794a !important;
}

.gray-bg:hover {
    background-color: #7f7f7f !important;
}

.filter-text .temp-10 {
    width: 100%;
    display: block;
    align-items: center;
}

.filter-text .temp-10 .hide {
    animation: .3s forwards hide;
    transform-origin: center;
    display: none;
}

.filter-text .temp-10 .show {
    animation: .3s forwards show;
    transform-origin: center;
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.filter-text .temp-10 .projects {
    display: block;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.filter-text .temp-10 .project {
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
    text-align: left;
}

.filter-text .temp-10 .filtersB {
    margin: 20px;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    border-bottom: 1px solid;
}

.filter-text .temp-10 .filterB {
    margin: 0 15px;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 6px;
}

.filter-text .temp-10 .active {
    border-bottom: 3px solid #006638;
    border-radius: 0;
    color: #006638;
}

.filter-text .temp-10 .filterB:hover {
    cursor: pointer;
}

.filter-text .other-pre .table-body,
.filter-text .other-pre .table-head {
    grid-template-columns: repeat(3, 1fr) !important;
}

.filter-text .temp-11 {
    width: 100%;
    display: block;
    align-items: center;
    padding-top: 50px;
}

.filter-text .temp-11-Left {
    width: 50%;
    padding-right: 5%;
    padding-left: 2%
}

.filter-text .temp-11-Right {
    width: 50%;
    padding-right: 2%
}

.filter-text .temp-11 h3 {
    margin-bottom: 15px;
}

.filter-text .temp-11-inner {
    width: 100%;
    float: left;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
}

.filter-text .temp-11-body {
    display: flex;
    width: 100%;
    padding-top: 40px;
}

.checkB {
    display: flex;
    justify-content: start;
    align-items: center;
}

.checkB a {
    margin-left: 5px;
    color: #73bf44;
}

.filter_wrapper_div label,
.filter_wrapper_div p {
    letter-spacing: -1.08px;
    color: #27333f;
    opacity: .7;
    text-align: left;
}

.check-20 {
    width: 20px !important;
    margin-right: 10px !important;
}

.form-wrap {
    width: 70%;
    margin: auto;
    padding: 60px 5% 40px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 46px 0 rgba(0, 0, 0, .12);
}

.pr1 {
    padding-right: 4%
}

.lecture-card-wrap {
    display: flex;
    justify-content: flex-start;
    gap: 1.3%;
    flex-wrap: wrap;
}

.lecture-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 22px;
}

.lecture-card:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0, rgb(0 0 0 / 20%) 50%, rgb(0 0 0) 100%);
}

.lecture-card:hover .team-name {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
}

.lecture-card .team-name {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
}

.lecture-wrap {
    width: 100%;
    float: left;
    padding: 50px 0;
}

.lecture-wrap li {
    list-style: disc inside;
    margin-bottom: 10px;
    font-family: var(--font_book);
}

.relead-winners-slider112 .relead-winnersOver {
    text-align: left;
}

.relead-winners-slider112 .relead-winnersOver p {
    text-align: left;
    margin-top: 20px;
}

.relead-winners-slider112 .relead-winnersOver h2 {
    margin-top: 50px;
}

.relead-winners-slider112 .relead-winners2 {
    height: 350px;
}

.secondary-button-bord {
    background-color: transparent;
    border: 3px solid #73bf44;
}

.project-map-div #map1 {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    right: 0 !important;
    left: auto;
    padding: 70px 0;
    height: 100% !important;
}

.tt-menu {
    border: 1px solid transparent;
    border-color: transparent #d3d3d3 #d3d3d3;
    background: #fff;
    width: 100%
}

.container {
    margin-top: 20px;
    overflow: hidden;
}

.btn {
    border: none;
    cursor: pointer;
}

.btn:hover {
    background-color: #ddd;
}

.btn.active {
    background-color: #666;
    color: #fff;
}

ul#myBtnContainer .selected {
    background: #71bd43;
    color: #fff;
}

.filter_wrapper_div {
    margin-bottom: 20px;
    background: #f6f6f6;
    padding: 50px;
    height: 100%;
    border-bottom: 20px solid #fff;
}

.filter_wrapper_div label {
    font: normal normal 18px/26px var(--font_med);
}

.filter_wrapper_div p {
    font: normal normal 18px/26px var(--font_book);
    text-transform: capitalize;
}

.filter_wrapper_div span.filter_lg_head {
    text-align: left;
    font: normal normal 24px/40px var(--font_bold);
    letter-spacing: -1.12px;
    color: #313638;
    opacity: 1;
}

.filterDiv {
    padding: 0 10px;
}

@media only screen and (max-width:1600px) {
    .sustainable-card {
        padding: 20px 25px;
    }

    .interested-section-ems .newsCard,
    .interested-section-green-c figure.newsCard.news-Slide-up,
    .interested-section-storage .newsCard {
        height: 100%
    }

    .nenew-power1 h1 {
        line-height: 60px;
        padding-bottom: 30px;
    }

    .relead-winnersOver p,
    span.content-txt-list {
        font: normal normal 16px/26px var(--font_book);
    }

    .centre_excellence_slider1,
    .net-zero-details-para {
        height: 150px;
    }

    .net-zero-details {
        padding: 20px;
    }

    .relead-winnersOver h5 {
        font: normal normal 22px/30px var(--font_book);
    }

    .renews-programs1 h2 {
        font: normal normal bold 22px/30px var(--font_bold);
        letter-spacing: -.68px;
    }

    .futureOfEnergy-slide-content {
        height: 460px;
    }

    .temp1 p {
        font-size: 18px;
    }

    .futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        max-width: 10%;
        bottom: 5%
    }

    .futureOfEnergy-inner-section {
        padding: 100px 0;
    }

    span.img-span {
        width: 4%
    }

    .sustainability-report .text-white.text-white-paragraph {
        font-size: 17px;
    }

    .sustainability-report-content {
        width: 75%
    }

    .sustainability-report a.buttonGreen {
        margin-top: 65px;
    }

    .project-filter-div {
        background-color: #00a165;
        padding-top: 220px;
        padding-bottom: 220px;
        padding-left: 15% !important;
        padding-right: 25% !important;
    }

    .project-renvForm {
        margin-top: 55px;
    }

    .project-renvForm .form-select {
        height: 60px;
        font-size: 13px;
    }

    .centre_excellenceTitle h3,
    .centre_excellenceTitle h2 {
        font-size: 60px;
        line-height: 80px;
    }

    .temp5-slider h2 {
        font: normal normal bold 90px/90px var(--font_bold);
        margin-bottom: 30px;
    }

    .temp5-slider h4 {
        font: normal normal bold 50px/58px var(--font_med);
    }

    .temp5 {
        padding: 90px 0 130px;
        background-size: cover;
    }

    .sustainability1-btm {
        bottom: -10px;
    }

    .sustainability1 .swiper-slide {
        padding: 16px 10px;
    }

    .temp4 h2 {
        font: normal normal bold 54px/60px var(--font_bold);
    }

    .temp4 {
        padding: 40px 0;
    }

    .temp3-box .temp3-text {
        font: normal normal normal 21px/28px var(--font_book);
        background-color: #fff;
    }

    .temp3-box .temp3-text h2,
    .temp3-box:hover .temp3-text h2 {
        padding: 35px 30px;
        font-size: 21px;
    }

    .researchH2 {
        font: normal normal bold 26px/32px var(--font_bold) !important;
        padding-top: 0 !important;
        letter-spacing: -1px !important;
    }

    .latest_H2 {
        line-height: 33px !important;
        font-size: 25px !important;
    }

    .temp1 h1,
    .temp1 h2 {
        text-align: left;
        font: normal normal bold 60px/70px var(--font_bold) !important;
    }

    .temp2-box h2 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 15px;
    }

    .sustainability1-btm::before {
        bottom: 36px;
    }

    .accordian-style-1.style-2 .accordion-button span:last-child {
        font: normal normal 32px/38px var(--font_med);
    }

    .relead-winnersOver h5 {
        margin: 30px 0 20px;
    }

    .relead-winners svg {
        width: 50px;
    }

    .accordian-style-1.style-2 .accordion-button p {
        width: 55%;
        margin-left: 4.5%
    }

    .accordian-style-1.style-2 .accordion-body {
        width: 55%
    }

    .accordionP_space {
        margin-top: -68px;
    }

    .relead-winnersOver {
        padding: 20px 15px;
    }

    .centre_excellenceTitle {
        top: 60px;
    }

    .centre_excellenceTitle h4 {
        margin-bottom: 20px;
    }

    .centre_excellence_slider1 h5 {
        margin-bottom: 25px;
    }

    .centre_excellence_slider1 .progress1 {
        bottom: 16px;
    }

    .centre_excellence_slider1 p {
        font-size: 16px;
    }
}

@media only screen and (max-width:1366px) {
    .sustainable-card .sustainable-img h4 {
        font: normal normal 24px/32px var(--font_bold);
        height: 80px;
        letter-spacing: -.12px;
    }

    .our-green-card h6 {
        height: 80px;
    }

    .slide-heading {
        font: normal normal 45px/70px var(--font_bold);
        margin-bottom: 30px;
    }

    span.content-txt-list {
        font: normal normal 16px/26px var(--font_book);
    }

    .futureOfEnergy-slide-content {
        height: 415px;
        padding-left: 10px;
    }

    .paragraph-text-1 {
        font: normal normal 17px/25px var(--font_book);
        color: #000;
    }

    .futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        max-width: 11%;
        bottom: 5%
    }

    .futureOfEnergy-inner-section {
        padding: 125px 0;
    }

    .sustainability-report .text-white.text-white-paragraph {
        font-size: 16px;
        line-height: 19px;
    }

    .sustainability-report a.buttonGreen {
        margin-top: 55px;
    }

    .project-filter-div {
        padding-left: 9% !important;
    }

    .temp1 h1,
    .temp1 h2 {
        font: normal normal bold 70px/72px var(--font_bold) !important;
    }

    .centre_excellence_slider1 .swiper-slide {
        padding-right: 2%;
        padding-left: 2%;
        padding-top: 21px;
    }

    .temp2-box h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 12px;
    }

    .latest_H2 {
        line-height: 30px !important;
        font-size: 22px !important;
    }

    .centre_excellenceTitle h3,
    .centre_excellenceTitle h2 {
        font-size: 56px;
        line-height: 58px;
    }

    .temp1 h1,
    .temp1 h2 {
        text-align: left;
        font: normal normal bold 60px/68px var(--font_bold) !important;
    }

    .temp5-sliderRight {
        width: 47%
    }

    .accordian-style-1.style-2 .accordion-button span:last-child {
        font: normal normal 26px/32px var(--font_med);
    }

    .relead-winnersOver h5 {
        margin: 20px 0 10px;
    }

    .relead-winnersOver {
        padding: 30px 20px;
    }

    .accordian-style-1.style-2 .accordion-button p {
        margin-left: 4.3%
    }
}

@media only screen and (max-width:1280px) {
    .futureOfEnergy-inner-section .swiper-btn-next-prev1 {
        max-width: 12%;
        bottom: -8%;
        left: 3%
    }

    .slide-heading {
        font: normal normal 46px/50px var(--font_bold);
        margin-bottom: 22px;
        letter-spacing: -2.16px;
    }

    .futureOfEnergy-slide-content {
        max-width: 96%;
        margin: 0 auto;
    }

    span.content-txt-list {
        font: normal normal 15px/20px var(--font_book);
        padding-left: 11px;
    }

    .futureOfEnergy-inner-section {
        padding: 130px 0;
    }

    .centre_excellenceTitle,
    .sustainability-report-content {
        width: 80%
    }

    .centre_excellenceTitle p {
        margin-bottom: 30px;
    }

    .centre_excellenceTitle h1 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:991px) {
    .filter_wrapper_div {
        padding: 20px;
    }

    .filterDiv {
        padding: 0;
    }

    .filter_wrapper_div p {
        font: normal normal 16px/26px var(--font_book);
    }

    .renews-programs1 h2 {
        padding-top: 5px;
    }

    .temp5-sliderLeft {
        width: 100%
    }

    .temp4 h2 {
        font: normal normal bold 38px/60px var(--font_bold);
    }

    .culture-renew-sec,
    .program-details-sec1,
    .universiti,
    section.sustainable-impact {
        padding: 70px 0;
    }

    .sustainable-details p {
        font-size: 16px;
        padding: 15px 0;
    }

    .all-programs1 .col-lg-4 {
        padding: 15px 0;
    }
}

.data-localization-sec .relead-winnersOver {
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: inherit;
    margin-top: 1em;
}

.data-localization-sec {
    padding: 70px 0;
}

.data-localization-sec .relead-winners1 {
    height: inherit;
}

.green-insights-section .container {
    margin-top: 0;
}