/* ////////////////////////new custom css u////////////////////////// */

.text-slider {
	position: absolute !important;
	bottom: 0px !important;
	right: 0px !important;
	width: 100% !important;
	margin: 15px 30px !important;
}
.text-slider ul li {
	display: block !important;
	width: 250px !important;
	float: right !important;
	z-index:9999;
}

.text-slider ul {
	padding: 0px !important;
	text-align: right !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: right !important;
	align-items: end !important;
}

.text-slider ul li {
  position: relative !important;
  list-style:dotted !important;
  padding-right:20px !important;
}



.text-slider ul li a.on_hovers:hover {
  background: rgba(255, 255, 255, 0.2);
}

.text-slider ul li:after {
  content: "" !important;
  background-image: url('https://evonomy.com/wp-content/uploads/2025/10/Polygon-1.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  display: none;
  position: absolute !important;
  right: 7px;
  width: 13px !important;
  height: 100%;
  top: 0;
}


.text-slider ul li:hover:after {
  display: block;
}

.text-slider ul li span.subproject-list {
  display: none;
  position: absolute !important;
  right: -158% !important;
  top: 0;
  width: 400px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 15px 15px 15px 15px;
  color: #fff;
  z-index: 999999999;
  backdrop-filter: blur(8px);
}

.text-slider ul li:hover span.subproject-list {
  display: block;
  /* position: absolute; */
}

.text-slider ul li span.subproject-list ul {
  padding-left: 0px !important;
  margin: 0;
  z-index: 999999;
	font-family: 'Swiss 721 Extended';
    z-index: 999999;
    font-weight: 400 !important;
}

.text-slider ul li span.subproject-list li {
  text-align: left;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.5;
width: 100% !important;
    padding: 0px 10px 0 20px !important;
}

.text-slider ul li span.subproject-list li:after {
  content: none !important;
}
img#hoverImage {
    width: 100%;
}
.text-slider ul li:nth-last-child(3) span.subproject-list  , .text-slider ul li:nth-last-child(2) span.subproject-list  , .text-slider ul li:nth-last-child(1) span.subproject-list {
  bottom: 00px !important;
  top:unset;
}
.another-custom-wrapper-for-project .text-slider ul li span.subproject-list {
    left: -156% !important;
}

.another-custom-wrapper-for-project .text-slider ul li {
    padding-right: 0 !important;
}

.another-custom-wrapper-for-project .text-slider ul li:after {
    background-image: url('https://evonomy.com/wp-content/uploads/2025/10/Polygon-1-1.png') !important;
    left: 13px;
}
.another-custom-wrapper-for-project .text-slider ul li:hover:after {
    display:block;
}
.hover-image-box img {
    width: 100%;
    object-fit: contain;
    height: 100%;
	height:600px !important;
}
span.subproject-list ul li:before {
    content:" ";
    display:block;
    background-color:#fff;
    border-radius:100%;
    width:4px;
    height:4px;
    position:absolute;
    left:8px;
    top:1px;
    margin:auto;
    bottom:0;
}
.hover-image-title-show-case-wrapper p.elementor-icon-box-title span {
    opacity: 0;
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: -10px;
}


.hover-image-title-show-case-wrapper .elementor-icon-box-wrapper:hover p.elementor-icon-box-title span {
   opacity:1;
}


/* /////////////partnered service page//////// */
.inner-text-box-list-wrapper-one:before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left: 0px !important;
    background-color:#fff !important;
    width: 20px !important;
    height: 1px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
}


.inner-text-box-list-wrapper-one ul:before {
    content:"";
    display:block;
    position:absolute;
    left: 20px;
    background-color:#fff;
    width: 1px;
    height: 63%;
    top: 0;
    bottom: 0;
    margin: auto;
}



.inner-text-box-list-wrapper-one ul li {
    list-style: none;
    padding:10px;
    margin:10px 0;
    position:relative;
}
.inner-text-box-list-wrapper-one ul li:before {
    content:"";
    display:block;
    position:absolute;
    left: -20px;
    background-color:#fff;
    width: 20px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.inner-text-box-list-wrapper-one li:nth-child(1) {
    background-color:#9f54d0;
}
.inner-text-box-list-wrapper-one li:nth-child(2) {
    background-color:#b77ddd;
}
.inner-text-box-list-wrapper-one li:nth-child(3) {
    background-color:#cda7e6;
}
.inner-text-box-list-wrapper-two li:nth-child(1) {
    background-color:#AFFFFF;
}
.inner-text-box-list-wrapper-two li:nth-child(2) {
    background-color:#AEFFFE;
}
.inner-text-box-list-wrapper-two li:nth-child(3) {
    background-color:#D7FFFF;
}
.inner-text-box-list-wrapper-three li:nth-child(1) {
    background-color:#ADFFFF;
}
.inner-text-box-list-wrapper-three li:nth-child(2) {
    background-color:#AEFFFE;
}
.inner-text-box-list-wrapper-three li:nth-child(3) {
    background-color:#D7FFFF;
}
.inner-text-box-list-wrapper-three li:nth-child(4) {
    background-color:#FFDDC7;
}
.inner-text-box-list-wrapper-three ul:before {
    height: 72%;
}

.solution-icon-box .solution-item , .industries-icon-box .industry-item {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.solution-icon-box .solution-item img , .industries-icon-box .industry-item  img{
    width: 40px;
    height: 40px;
    object-fit: contain;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 100px;
}

.solution-icon-box h4 , .industries-icon-box .industry-item h4{
    color: #fff;
    font-size: 16px;
/*     font-family: 'Swiss 721 Extended'; */
	margin:0;
}



/* ///////////////////////ome service hover css////////////// */
/* Existing styles stay the same */
.hover-popup-wrapper {
  position: relative;
  display: inline-block;
}

.learn-more-trigger {
  display: inline-block;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 500;
  font-family: 'Swiss 721 Extended';
  text-align: center;
	font-size:20px;
}

/* Overlay covering the full screen */
.hover-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  z-index: 9998;
}

/* Centered popup box */
.hover-popup-content {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  max-width: 1600px;
  max-height: 80%;
  overflow: auto;
  background: #1E1E1E;
  padding: 25px;
  border-radius: 40px;
  display: none;
  z-index: 99999 !important;
}

/* Other styles (unchanged) */
.hover-popup-nav {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 15px;
}

.hover-popup-counter { display: none; }

.hover-popup-nav button {
  background: #292929;
  border: 1px solid #757575;
  padding: 12px 20px;
  border-radius: 100%;
  cursor: pointer;
  margin-right: 10px;
  color: #fff !important;
  transition: 0.6s all ease;
}

.hover-popup-nav button:hover,
.hover-popup-nav button:focus {
  background: #fff;
  color: #292929 !important;
}

.hover-popup-content .slide-text {
  color: #fff;
  font-family: 'Poppins';
  margin-top: 15px;
  width: 80%;
  text-align: left;
}

.hover-popup-content .slide img {
  border-radius: 25px;
  width: 100%;
  height: 100%;
}

.hover-popup-content .slide {
  display: none;
  text-align: center;
}

.hover-popup-content .slide.active {
  display: block;
}
body.no-scroll {
      overflow-y: hidden !important;
}
.elementor.elementor-2627.e-loop-item:nth-child(5) {
    grid-column: 2 / 3;
    margin-top:20px !important;
}
.elementor.elementor-2627.e-loop-item ul{
    padding:0 0 0 20px;
    
}

/* /////////////suppliers page filter/////////////// */

 
.filters-row {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    font-family: 'Swiss 721 Extended';
}
.filters-row h4 , #suppliers-results p{
    font-weight: 300 !important;
    margin-bottom: 34px;
    margin-right: 20px;
    font-size: 20px;
	color:#fff;
} 
    .filters-row select {
        padding: 10px 14px;
        border-radius: 0;
        border: 1px solid #ffffff;
        font-size: 14px;
        font-family: 'Swiss 721 Extended';
        color: #fff;
        background-color: transparent;
        width: 180px;
        text-align: center;
        margin-bottom: 30px;
    }

    .supplier-card {
        text-align: center;
        cursor: pointer;
		    width: 12%;
    height: 90px;
    }

.supplier-card img {
    width: 80% !important;
    height: 80% !important;
    object-fit: contain !important;
    margin: 0 auto 10px !important;
}

    .supplier-card .no-logo {
        padding: 30px 10px;
        font-weight: bold;
        color: #ffffff;
        font-family: 'Swiss 721 Extended';
    }
 

.suppliers-grid-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 30px;
}

    .filters-row select option {
    background-color: #fff;
    color: #000;
    text-align: left;
}
.suppliers-pagination {
    text-align: center;
    margin-top:50px;
}


.suppliers-pagination a {
    color: #fff;
    padding: 6px 10px;
    border: 1px solid #fff;
    margin: 5px;
    transition:0.6s all ease;
	font-size:16px;
}
.suppliers-pagination a:hover{
    background-color:#2e2e2e;
    border-color:#2e2e2e;
	color:#fff;
}
.filters-row select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23fff' height='14' viewBox='0 0 24 24' width='14' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center; 
  background-size: 26px;
}

.filters-row select::-ms-expand {
  display: none;
}
/* .supplier-card {
    height: 160px;
    width: 13.5%;
    background-color: #ffffff7d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    backdrop-filter: blur(31px);
}
 
.supplier-card img {filter: grayscale(1);} */

#suppliers-results .loader {
  border: 4px solid rgba(255, 255, 255, 0.2);
  border-top: 4px solid white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 40px auto; /* centers the loader */
}
body.no-scroll .e-con-boxed.e-con:before {
     content: " " !imporant;
    width: 100% !imporant;
    height: 100vh !imporant;
    background-color: #000000 !imporant;
    display: block !imporant;
    position: fixed !imporant;
    top: 0 !imporant;
    bottom: 0 !imporant;
    right: 0 !imporant;
    left: 0 !imporant; 
        opacity:0;
}
/* .no-scroll .elementor.elementor-2627.e-loop-item.e-loop-item-2669.post-2669.ome_services {
    opacity: 0;
} */
a.dialog-close-button.dialog-lightbox-close-button svg use {
	transition:0.6s all ease;
}

a.dialog-close-button.dialog-lightbox-close-button svg:hover use {
    fill: #fdfcb4;
}
.hover-popup-content {
	box-shadow: 0px 0px 0px 350px rgb(0 0 0 / 75%);
}
.page-id-2501 header .elementor-widget-theme-site-logo {
    display: none;
}
span.hover-popup-close {
    opacity:0;
}
.elementor-element.elementor-element-283d838.main-banner-wrappper.elementor-widget.elementor-widget-shortcode {
    width: 100% !important;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
input#form-field-email[placeholder] {
    letter-spacing:0px;
}
@media only screen and (min-width:1600px){
	.mcws-left{
		width: 12% !important;
	}
}

@media only screen and (min-width:1920px){
    body {
    max-width: 1920px;
    margin: auto !important;
    background-color: #000 !important;
}
    .elementor-location-header {
    max-width: 1920px;
    margin: auto !important;
}
}


@media only screen and (max-width:1680px){
	.inner-text-box-list-wrapper-three ul:before {
    height: 70%;
    top: -12px;
}
}

@media only screen and (max-width: 1600px) {
		.dialog-message.dialog-lightbox-message nav ul li:nth-child(6) a:after {

    left: 36% !important;
  
}
	
	
    .inner-text-box-list-wrapper-three ul:before {
        height: 72%;
        top: 0px;
    }
}
@media only screen and (max-width: 1440px) {
    .inner-text-box-list-wrapper-three ul:before {
        height: 72%;
        top: 0px;
    }
	.another-custom-wrapper-for-project .text-slider ul li span.subproject-list {
    left: -140% !important;
}
	.another-custom-wrapper-for-project .text-slider ul li:after {
    left: 53px;
}
	.inner-text-box-list-wrapper-one ul li {
		font-size:14px;
	}
	.hover-popup-content {
    width: 80%;
}
	.suppliers-grid-inner {
    gap: 10px;
}
	.supplier-card img {
    width: 75% !important;
    height: 75% !important;
}
}
@media only screen and (max-width:1366px){
	.hover-image-box img {
    height: 450px !important;
    object-fit: cover !important;
}
	    .supplier-card img {
        width: 95% !important;
        height: 95% !important;
    }
	.hover-popup-content .slide-text {
    margin-top: 12x;
    width: 90%;
    font-size: 14px;
}
	.hover-popup-nav button {
    padding: 7px 15px;
		    font-size: 14px;
    
}
}
@media only screen and (max-width:1200px){
	    .suppliers-grid-inner {
        gap: 30px;
    }

}
@media only screen and (max-width:1024px){
	.text-slider ul li span.subproject-list {
    right: unset !important;
    left: -140% !important;
}
.text-slider ul li:after {
    background-image: url(https://evonomy.com/wp-content/uploads/2025/10/Polygon-1-1.png) !important;
    right: unset !important;
    left: 53px;
}
.text-slider ul li {
  padding-right:00px !important;
}
    .elementor-39 .elementor-element.elementor-element-7187af3 {
        --width: 38% !important;
    }

    .elementor-39 .elementor-element.elementor-element-6914acd {
        --width: 60% !important;
    }

    .elementor-39 .elementor-element.elementor-element-dd00778 {
        --width: 100% !important; 
    }
	
    .hover-popup-content {
        top: 38%;
        box-shadow: 0px 0px 0px 350px rgb(0 0 0 / 75%);
        background-color: transparent;
        height: auto;
        padding: 0;
        border-radius: 20px;
    }
	.hover-popup-inner-wrapper {
    background-color: #1e1e1e;
    padding: 20px;
    border-radius: 20px;
}
	.hover-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
    z-index: 10000;
    transition: color 0.3s ease;
    background-color: #fff;
    border-radius: 100px;
    width: 38px;
    height: 38px;
    padding: 0px 0 18px 10px !important;
}
	span.hover-popup-close {
    opacity:1;
}
	.mcws-left p {
    text-align: left;
	font-size: 12px !important;
}
.mcws-right {
    width: 100%;
	        margin-bottom: 10px !important;
}
}
@media only screen and (max-width:820px){
	.supplier-card {
    width: 20% ;
}
}
@media only screen and (max-width:767px){
	.inner-text-box-list-wrapper-one:before , .inner-text-box-list-wrapper-one ul:before , .inner-text-box-list-wrapper-one ul li:before{
    content: none !important;
}
.inner-text-box-list-wrapper-one ul {
    padding: 0;
}
	.filters-row {
    display: flex;
    gap: 0px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    color: #fff;
    font-family: 'Swiss 721 Extended';
    align-content: stretch;
}

.filters-row select {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.filters-row h4, #suppliers-results p {
    margin-bottom: 24px;
    margin-right: 0px;
    font-size: 20px;
    text-align: center;
    width: 100%;
}
	.filters-row select option {
    font-size: 10px;
}
	.supplier-card img {
    max-width: 100px !important;
}
    .supplier-card {
        width: 30%;
    }
		    .suppliers-grid-inner {
        gap: 15px;
    }
	    .hover-popup-content {
        position: relative;
			    width: 100%;
    }
	.hover-popup-content .slide-text {
    color: #fff;
    font-family: 'Poppins';
    margin-top: 10px;
    width: 100%;
    text-align: left;
    font-size: 14px;
}
	    .hover-popup-inner-wrapper {
        padding: 10px;
    }
	.hover-popup-content .slide img {
    border-radius: 14px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}
/* @media (max-width: 480px) {
  .hover-popup-content {
    width: 260px;
  }
} */

/* ////////////////////////new custom css u////////////////////////// */

html,body{
	overflow-x:hidden;
	transition:all .5s linear;


}
/* .images {
	position: relative;
}
 */
.images:before {
	width: 100%;
	content: " ";
	height: 100%;
	background: linear-gradient(181deg, hsl(0deg 0% 0% / 22%), hsl(0deg 0% 0% / 22%));
	position: absolute;
	top: 0;
	left: 0;
}

.humbs {
	cursor:pointer !important;

}
.banner{
	transform: scale(1) ;
	transition:all 1s linear !important;
}

.banner.active{
	transform: scale3d(.6, .6, 1) translateX(-35%) ;
	transition:1s linear;
}
.humbs.crosss {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(99%, -30%);
	transition: .5s linear;

}

html.stops {
	overflow-y: hidden !important;
	transition: .5s linear;
}



html.stops .humbs.crosss {
	transition: .5s linear;

	transform: translate(50%, -30%);
}


.right-corners{
	transform:translatex(150px) !important;
	transition:all 1s linear !important;

}
.right-corners.stops{

	transform:translatex(0px) !important;
	transition-delay:1s;
	transition:all  1s linear;

}

.animated_bg {
	animation: bg-wds 5s linear infinite;
	-webkit-animation: bg-wds 45s linear infinite; /* WebKit */
}



@keyframes bg-wds {
	0% {
		background-size: 100%;
	}
	100% {
		background-size: 150%;
	}
}

@-webkit-keyframes bg-wds { /* WebKit */
	0% {
		background-size: 100%;
	}
	100% {
		background-size: 150%;
	}
}


.flx_progress>div {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.flx_progress>div>div {
	width: 48%;
	display: block;
	height: 10px !important;
}

.flx_progress>div h2 {
	width: 48%;
	margin: 0pc !important;
}


.custom-slider>div {
	overflow: hidden;
	position: relative;
}

.text-slider {
	position: absolute !important;
	bottom: 0px;
	right: 0px;
	width: 100%;
	margin: 15px 30px;
}
.text-slider ul li {display: block;width: 250px;float: right !important;}

.text-slider ul {
	padding: 0px;
	text-align: right;
	display: flex !important;
	flex-direction: column;
	justify-content: right !important;
	align-items: end;
}



.images img {
	display: block;
	min-width: 100% !important;
}

.inner-contents_top {
	position: relative;
}

.detail {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 30px;
	margin-bottom: 15px;
	z-index: 1;
	color: white;
}


h2.slider_ttl {
	color: #ffffff;
	font-family: "Swiss 721 Extended", Sans-serif;
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 10px;
}

.slider_dettl {
	color: #ffffff;
	font-family: "Poppins", Sans-serif;
	font-size: 20px;
	font-weight: 400;
	width: 55%;
	margin-bottom: 5px;
}


a.on_hovers {
	color: #ffffff;
	font-family: "Swiss 721 Extended", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	background: rgba(255, 255, 255, 0.32);
	min-width: 220px;
	display: inline-block;
	text-align: center;
	text-transform:capitalize;
	padding:12px 10px;
	margin: 3px 2px;
	border: 1px solid white !important;
	border-radius: 4px;
}

a.on_hovers:hover {
	background: rgba(255, 255, 255, 0.27);
	color: white !important;
}



img.main_imgs {
	height: 500px !important;
	object-fit: cover;
}

.detail {
	margin-left: 80px;
}

.slider_dettl {
	text-transform: initial;
	width: 55% !important;
}
.slick-slide {
	opacity: 1 !important; /* Make sure slides are not transparent */
}
.text-slider {
	margin-right: 50px;
}

a.on_hovers {
	text-transform: capitalize;
}

.up_btn {
	top: 50%;
	transition: .5s linear;
	position: absolute !important;
	transform: translateY(250px);
}
.pst_grids:hover {
	cursor:pointer;
}
.pst_grids:hover .up_btn {
	transform: translateY(0px);
	transition: .6s linear;
}

.mobilty_grid_two .pst_grids {
	min-height: 450px !important;
}
.mobilty_grid_one .pst_grids{
	min-height:300px !important;
}
.mobilty_grid_two .pst_grids h2,.mobilty_grid_one .pst_grids h2{
	transform:scale(1.2);
}


















.bg_animated::before {
	background-image: url(https://evonomy.com/wp-content/uploads/2024/08/Waves-1.png);
	content: " " !important;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	width: 110% !important;
	height: 200px !important;
	background-size: 100% 100% ;
	position: absolute !important;
	top: 0px !important;
	left: -5% !important;
	-webkit-animation: slideins 60s;
	animation: slideins 60s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

.bg_animated{
	position: relative;
}


@keyframes slideins {
	from {background-position:top 80px left 0px;background-size:100% 100%; }
	to {background-position:top 0px left 50px;background-size:120% 120%;}

}
@-webkit-keyframes slideins {
	from {background-position:top 80px left 0px;background-size:100% 100%; }
	to {background-position:top 0px left 50px;background-size:120% 120%;}
}





.bg_animated::after {
	background-image: url(https://evonomy.com/wp-content/uploads/2024/08/Waves-1.png);
	content: " " !important;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	width: 110% !important;
	height: 200px !important;
	background-size: 100% 100% ;
	position: absolute !important;
	bottom: 0px !important;
	left: -5% !important;
	-webkit-animation: slideinss 60s;
	animation: slideinss 60s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}




@keyframes slideinss {
	from {background-position:bottom 10px left 0px;background-size:100% 100%; }
	to {background-position:bottom 0px left 50px;background-size:120% 120%;}

}
@-webkit-keyframes slideinss {
	from {background-position:bottom 10px left 0px;background-size:100% 100%; }
	to {background-position:bottom 0px left 50px;background-size:120% 120%;}
}










section.e-con.topss {
	padding: 60px 0px;
}

.row_one.flex_able {
	background-size: 49% 100% !important;
	background-repeat: no-repeat;
}

.hlf {
	min-width: 50%;
	padding: 10px;
}

img.bgs-ops {
	opacity: 0;
}

.e-con-inner.Wraps {
	align-items: center;
}

section.main_posts {
	background: white;
}

.hlf h2,h2.main_sec_head {
	color: #3E4AB8;
	font-family: "Swiss 721 Extended", Sans-serif;
	font-size: 40px;
	font-weight: 400;
}

.hlf h3 {
	color: var(--e-global-color-2e4fa49);
	font-family: "Swiss 721 Extended", Sans-serif;
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 30px;
}

.hlf p {
	color: #626262;
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
}

.full_flx {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 60px 0px;
	gap: 0;
}


.detail_second_sec {
	color: #626262;
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	width:60%;
	line-height: 26px;
	margin:auto;
	text-align:center;
}


section.main_posts .steps:nth-child(even) .row_one.flex_able {
	background-position: top right !important;
}

section.main_posts .steps:nth-child(even) .row_one.flex_able .Wraps {
	flex-direction: row-reverse;
}

a.linkedable {
	color: #626262;
	font-family: "Poppins", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin: auto;
	text-align: center;
	display: inline-flex;
	gap:15px;
	align-items: center;
	border: 1px solid #626262;
	width: auto;
	justify-content: center;
	padding: 14px 25px;
	margin-bottom: 50px;
}

a.linkedable:hover {
	cursor:pointer;
	color: #FFFFFF;
	background-color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}

a.linkedable:hover svg * {
	fill: white !important;
}


.hlf ul,.hlf ol {
	margin-bottom: 20px;
}
.highcharts-series path,
.highcharts-label {
	opacity:1!important;
}
	.highcharts-data-label-color-1 {
		transform: translate(120px, 340px)!important;
}

@media screen and (max-width:1440px){
	#donutChart {width:420px!important;height:420px!important;}
	
	.mcw-single {column-gap: 15px;}
	.mcw-single .mcws-left{padding:0;}
	a.on_hovers {
		font-size: 16px !important;
		min-width: 180px !important;
	}
	.slider_dettl {
		font-size: 18px;
	}

	h2.slider_ttl {
		font-size: 35px;
	}
	

}
@media only screen and (min-width : 1300px) and (max-width : 1440px) {
	.highcharts-data-label-color-1 {transform: translate(90px, 280px)!important;}
	.ecosystem_counters {--e-con-transform-translateX: -30px!important;}
}
@media only screen and (min-width : 1420px) and (max-width : 1680px) {
	 footer > .e-con-inner , .main-banner-wrappper > .e-con-inner , .main-banner-wrappper .e-con>.e-con-inner , header > .e-con-inner  {max-width:1170px!important;}
	.hpi-1 {padding-left: 35px !important;padding-right: 35px !important;}
	.oem_breakdown {padding-left: 35px !important;padding-right: 35px !important;}
	.highcharts-data-label-color-1 {transform: translate(120px, 350px);}
}
@media only screen and (min-width : 1367px) and (max-width : 1430px) {
	body #donutChart {width: 340px !important;height: 320px !important;}
	.percentage {font-size: 14px;}
	.slice_name {font-size: 12px;}
	.highcharts-data-label-color-0 {transform: translate(193px, 110px)}
	.highcharts-data-label-color-1 {transform: translate(20px, 190px);}
	.highcharts-data-label-color-2 {transform: translate(45px, 95px);}
	.highcharts-data-label-color-3 {transform: translate(90px, 30px);opacity: 1;}
	.Hero,footer,.Hero_inner {padding-left: 20px!important;padding-right: 20px!important;}
	.elementor-location-header {padding-left: 20px!important;padding-right: 20px!important;}
	header {padding: 0 100px!important;}
}

@media only screen and (min-width : 1025px) and (max-width : 1280px) {
	body #donutChart {width: 340px !important;height: 320px !important;}
	.percentage {font-size: 14px;}
	.slice_name {font-size: 12px;}
	.highcharts-data-label-color-0 {transform: translate(193px, 110px)}
	.highcharts-data-label-color-1 {        transform: translate(50px, 200px) !important;}
	.highcharts-data-label-color-2 {transform: translate(43px, 110px);}
	.highcharts-data-label-color-3 {transform: translate(70px, 45px);opacity: 1;}
	.Hero {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	footer {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.hpi-1 {padding-left: 50px !important;padding-right: 50px !important;}
/* 	header, .Hero, footer,.Hero_inner {
		padding: 0 50px!important;
	} */
	.mybtn .elementor-button {padding: 20px 30px 20px 30px!important;}
	.mcw-single {column-gap: 15px;}
	.mcw-single .mcws-left{padding:0;}
	.ecosystem_counters {--e-con-transform-translateX: -25px!important;}
	.slider_dettl {font-size: 16px;}
	.mobility_graph {margin-left:11px;}
	.industrial_graph {margin-left:15px;}
}
@media only screen and (min-width : 768px) and (max-width : 995px) {
	.ecosystem_counters {width: 62%!important;}
}

@media screen and (max-width:1025px){
	.hpi-1, .oem_breakdown {padding-left: 20px !important;padding-right: 20px !important;}
	body .bgs_hlf {
		background-image: none !important;
	}

	body .bgs-vsb , body .bgs-vsb *{

		opacity:1 !important;
	}


	.banner.active{
		transform: scale(1) translateX(0%) ;
		transition:1s linear;
	}

	.in-viewport .testis::before,.in-viewport .testis::after {
		width: 100px !important;
		background-size: 80% !important;
	}

	.Main_Header {
		transform:translatex(100%) !important;
		transition:all 1s linear !important;
		z-index:9999 !important;
		background-size: 50% 100% !important;
		background-position: top right;

	}

	html.stops  .Main_Header {

		transform:translatex(0px) !important;
		transition-delay:1s;
		transition:all  1s linear;

	}

	.humbs.crss {
		position: absolute !important;
		right: 10px !important;
		top: -60px !important;

	}


	video.elementor-background-video-hosted.elementor-html5-video {
		min-height: 100% !important;
	}




	section.e-con.topss {
		padding: 0px;
	}

	.row_one.flex_able {
		background-image: none !important;
	}

	.hlf {
		min-width: 100%;
	}

	img.bgs-ops {
		opacity: 1;
	}

	.e-con-inner.Wraps {flex-direction: column !important;gap: 0px;padding: 0;}

	.hlf h2, h2.main_sec_head {
		font-size: 25px;
	}

	.hlf h3 {
		font-size: 20px;
		margin-top: -10px;
	}

	.full_flx {
		padding: 0px 0px;
	}

	.detail_second_sec {
		font-size: 16px;
		width: 100%;
	}

	a.linkedable {
		padding: 12px 30px !important;
		margin-bottom: 25px;
	}

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

#donutChart {
	width:500px!important;
	height:500px!important;}


}
@media only screen and (max-width:1024px){
	#animated-background {
    animation: zoomInOut 5s infinite 
ease-in-out;
    background-size: cover !important;
}
}
@media only screen and (max-width:820px){
	.ecosystem_counters {--e-con-transform-translateX: -30px!important;}
}

@media screen and (max-width:786px){
	#donutChart {width:400px!important;height:400px!important;}
	.highcharts-data-label-color-1 {transform: translate(80px, 260px) !important; }
	.ecosystem_counters {--e-con-transform-translateX: -30px!important;}
	
	.Main_Header {

		background-size: 100% 100% !important;

	}


	.flx_progress>div {
		flex-direction: column;
		min-width: 100%;
		align-items: baseline;
	}

	.flx_progress>div>div ,.flx_progress>div h2{
		min-width: 100%;
	}

	.flx_progress {
		height: unset !important;
		display: contents;
		margin: 0px !important;
		padding: 0px !important;
	}



	img.main_imgs {
		height: 300px !important;
	}

	.detail {
		margin: 10px !important;
		width: 100%;
	}

	.slider_dettl {
		font-size: 16px;
		width: 95% !important;
	}

	h2.slider_ttl {
		font-size: 30px;
	}

/* 	.text-slider ul li {
		width: 48%;
	} */

/* 	.text-slider ul {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
		padding: 20px 10px;
		justify-content: space-between !important;
	} */

/* 	.text-slider ul li a.on_hovers {
		padding: 10px 10px !important;
		font-size: 16px !important;
		min-width: 100% !important;
		margin: 0px !important;
	} */

/* 	.text-slider {

		margin:0px !important;
		position: relative !important;background: black;padding: 12px 0px;} */

	#elementor-popup-modal-1106 {position: fixed;}


}
	.elementor-element.elementor-element-d0caf79.Hero_inner.main-banner-wrappper.e-flex.e-con-boxed video.elementor-background-video-hosted {
    object-fit: cover;
    height: 900px !important;
}




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

    .hover-image-box img {
        height: 500px !important;
    }
        .text-slider ul li span.subproject-list {
        right: unset !important;
        left: unset !important;
        position: relative !important;
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
    }
    .text-slider ul {
    width: 100%;
    max-width: 100%;
}
    .text-slider {
        margin:10px !important;
                position: relative !important;
		width: 95% !important;
    }
 span.subproject-list::before {
		content: " ";
        background-image: url(https://evonomy.com/wp-content/uploads/2025/10/Polygon-1-1.png) !important;
        display: block;
        right: 00% !important;
        left: 0 !important;
        margin: auto;
        top: -55% !important;
        transform: rotate(90deg);
        position: absolute;
        width: 14px;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
}
	.text-slider ul li:after {
		content:none !important;
	}
    .text-slider ul li {
        width: 100% !important;
    }
	    a.on_hovers {
        min-width: 100% !important;
    }
	    .another-custom-wrapper-for-project .text-slider ul li span.subproject-list {
        left: unset !important;
    }
	.text-slider ul li:nth-child(4) .subproject-list::before {
  top: -62% !important;
}
.text-slider ul li:nth-child(6) .subproject-list::before {
  top: -58% !important;
}

div#custom-slider-2  .text-slider ul li:nth-child(1) .subproject-list::before {
  top: -58% !important;
}
div#custom-slider-2  .text-slider ul li:nth-child(3) .subproject-list::before {
  top: -70% !important;
}
div#custom-slider-2  .text-slider ul li:nth-child(4) .subproject-list::before {
  top: -58% !important;
}
	.elementor-1188 .elementor-element.elementor-element-29e07ac .elementor-loop-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
	.elementor-element.elementor-element-d0caf79.Hero_inner.main-banner-wrappper.e-flex.e-con-boxed video.elementor-background-video-hosted {
    object-fit: cover;
    height: 600px !important;
}
	.sbe-tooltip.forestry_tooltip {
    width: 100px;
    left: 0;
}
	.sbe-tooltip.agri_tooltip {
    width: 220px;
    left: 0;
}
	    .supplier-card img {
        width: 80% !important;
        height: 80% !important;
    }
    .hover-popup-close {
        position: absolute;
        top: 1px;
        right: 5px;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        cursor: pointer;
        z-index: 10000;
        background-color: #fff;
        border-radius: 100px;
        width: 30px;
        height: 30px;
        padding: 0px 0 0px 0px !important;
        text-align: -webkit-center;
        text-align: center;
    }
}

 



@media screen and  (max-width: 600px) {
	#donutChart {width:310px!important;height:310px!important;}
	.highcharts-label tspan {font-size:12px!important;}
	.highcharts-data-label-color-0 {transform: translate(195px, 110px);}
	.highcharts-data-label-color-1 {transform: translate(60px, 190px) !important;}
	.highcharts-data-label-color-2 {transform: translate(30px, 120px);}
	.highcharts-data-label-color-3 {transform: translate(65px, 45px);}
	#elementor-popup-modal-1470 {position: fixed;}
	#elementor-popup-modal-1470 .dialog-close-button {top:10%!important;right: 10%!important;}
	.hpi-1, .oem_breakdown {padding-left: 20px !important;padding-right: 20px !important;}
	#donutChart text {transform: translateX(-3px);}
}