.elementor-3202 .elementor-element.elementor-element-8258f75{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-3202 .elementor-element.elementor-element-8258f75:not(.elementor-motion-effects-element-type-background), .elementor-3202 .elementor-element.elementor-element-8258f75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecodrillingfluids.com/wp-content/uploads/2026/07/Frame-1171277729-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3202 .elementor-element.elementor-element-d5664bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3202 .elementor-element.elementor-element-011f0c7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-3202 .elementor-element.elementor-element-7492bff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3202 .elementor-element.elementor-element-0795753{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3202 .elementor-element.elementor-element-1dbc4fc{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3202 .elementor-element.elementor-element-9eb6de8{text-align:center;color:var( --e-global-color-primary );}.elementor-3202 .elementor-element.elementor-element-9eb6de8 p{margin-block-end:4px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3202 .elementor-element.elementor-element-59bc11c .elementor-button{background-color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;padding:15px 22px 15px 22px;}.elementor-3202 .elementor-element.elementor-element-59bc11c .elementor-button:hover, .elementor-3202 .elementor-element.elementor-element-59bc11c .elementor-button:focus{background-color:var( --e-global-color-865f634 );color:#FFFFFF;border-color:#00642E00;}.elementor-3202 .elementor-element.elementor-element-59bc11c{width:auto;max-width:auto;}.elementor-3202 .elementor-element.elementor-element-59bc11c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3202 .elementor-element.elementor-element-59bc11c .elementor-button:hover svg, .elementor-3202 .elementor-element.elementor-element-59bc11c .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-3202 .elementor-element.elementor-element-8258f75{--padding-top:100px;--padding-bottom:100px;--padding-left:30px;--padding-right:0px;}}@media(max-width:767px){.elementor-3202 .elementor-element.elementor-element-8258f75{--padding-top:60px;--padding-bottom:40px;--padding-left:20px;--padding-right:0px;}.elementor-3202 .elementor-element.elementor-element-d5664bf{--width:100%;}.elementor-3202 .elementor-element.elementor-element-011f0c7 .elementor-heading-title{font-size:38px;line-height:1.2em;}.elementor-3202 .elementor-element.elementor-element-0795753{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-3202 .elementor-element.elementor-element-8258f75{--content-width:1290px;}.elementor-3202 .elementor-element.elementor-element-d5664bf{--width:50%;}.elementor-3202 .elementor-element.elementor-element-7492bff{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3202 .elementor-element.elementor-element-d5664bf{--width:100%;}.elementor-3202 .elementor-element.elementor-element-7492bff{--width:20%;}}/* Start custom CSS */.banner-bg{
    width:97%;
    margin:0 auto;
}

.about-us{
     width:97%;
    margin:20px auto;
}

.projects{
     width:97%;
    margin:0px auto;
}

.red-title{
    color:#84BC35;
}

.red-title.banner{
    border-bottom: 2px solid #fff;
}

.red-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    border: 1px solid #84BC35;
}

.red-btn a.elementor-button.elementor-button-link.elementor-size-sm:hover{
    border:1px solid #195579 !important;
}

.trans-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    border: 1px solid #FFFFFFF0;
}

.trans-btn a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    border: 1px solid #195579;
}

.subtitle h3.elementor-heading-title.elementor-size-default{
    font-size:20px !important;
}

.light-subtile{
    font-weight:300;
}

.subtitle .elementor-heading-title::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("https://ecodrillingfluids.com/wp-content/uploads/2026/06/Rectangle-14.png") no-repeat center center;
  background-size: contain;
  margin-top:-4px;
  margin-right: 2px;
  vertical-align: middle;
}

span.elementor-counter-number-suffix {
    color: #84BC35;
}

.red-title.service::after {
    content: "";
    position: absolute;
    left: 55px;
    bottom: -10px;
    width: 80%;
    margin: 0 auto;
    height: 12px;
    background: url("http://ecostruct.gbimgroup.com/wp-content/uploads/2025/09/Vector-2.png") no-repeat center bottom;
    background-size: contain;
}

.projects-tabs img {
    height: 300px;
}

@media (max-width: 768px){
   .projects-tabs img {
    height: 200px;
} 
}

/*blogs css*/

a.hfe-read-more {
    background: #84BC35;
    padding: 10px;
    border-radius: 10px;
}

a.hfe-read-more:hover
{
    background:#00642E;
}

.hfe-post-content {
    padding: 30px 20px !important;
}

/*Services cards hover effect*/
.eco-hover-card {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px;
    border: 1px solid rgba(132, 188, 53, 0.65);
    transition: all 0.35s ease;
    isolation: isolate;
}

/* Green hover overlay */
.eco-hover-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(132, 188, 53, 0.98) 0%,
        rgba(132, 188, 53, 0.90) 38%,
        rgba(132, 188, 53, 0.55) 62%,
        rgba(132, 188, 53, 0.18) 82%,
        rgba(132, 188, 53, 0) 100%
    );
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
    pointer-events: none;
}

.eco-hover-card:hover::after {
    opacity: 1;
}

/* Keep Heading and Icon Box above green overlay */
.eco-hover-card > .elementor-element,
.eco-hover-card .elementor-widget,
.eco-hover-card .elementor-widget-container {
    position: relative;
    z-index: 2;
}

/* Heading white on hover */
.eco-hover-card:hover .elementor-heading-title {
    color: #ffffff !important;
}

/* Icon Box / Learn More white on hover */
.eco-hover-card:hover .elementor-icon-box-title,
.eco-hover-card:hover .elementor-icon-box-title a,
.eco-hover-card:hover .elementor-icon-box-description,
.eco-hover-card:hover .elementor-icon-box-wrapper,
.eco-hover-card:hover .elementor-icon-box-content,
.eco-hover-card:hover a {
    color: #ffffff !important;
}

/* Icon / arrow white on hover */
.eco-hover-card:hover .elementor-icon,
.eco-hover-card:hover .elementor-icon i,
.eco-hover-card:hover .elementor-icon svg,
.eco-hover-card:hover .elementor-icon svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Optional smooth hover feel */
.eco-hover-card:hover {
    transform: translateY(-2px);
}


/* Make all card content stay above the hover overlay */
.eco-hover-card > .e-con-inner,
.eco-hover-card > .elementor-container,
.eco-hover-card > .elementor-element,
.eco-hover-card .elementor-widget,
.eco-hover-card .elementor-widget-container {
    position: relative;
    z-index: 2;
}

/* Make all text white on card hover */
.eco-hover-card:hover,
.eco-hover-card:hover h1,
.eco-hover-card:hover h2,
.eco-hover-card:hover h3,
.eco-hover-card:hover h4,
.eco-hover-card:hover h5,
.eco-hover-card:hover h6,
.eco-hover-card:hover p,
.eco-hover-card:hover span,
.eco-hover-card:hover div,
.eco-hover-card:hover a,
.eco-hover-card:hover .elementor-heading-title,
.eco-hover-card:hover .elementor-widget-text-editor,
.eco-hover-card:hover .elementor-widget-text-editor *,
.eco-hover-card:hover .elementor-icon-box-title,
.eco-hover-card:hover .elementor-icon-box-title a,
.eco-hover-card:hover .elementor-icon-box-description,
.eco-hover-card:hover .elementor-button-text {
    color: #ffffff !important;
}

/* Make icons / arrows white too */
.eco-hover-card:hover .elementor-icon,
.eco-hover-card:hover .elementor-icon i,
.eco-hover-card:hover svg,
.eco-hover-card:hover svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

.client-logo-carousel .swiper-slide {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.client-logo-carousel .swiper-slide-image {
    width: auto !important;
    height: auto !important;
    max-width: 190px !important;
    max-height: 100px !important;
    object-fit: cover;
}

/* Enlarge circular and square logos */
.client-logo-carousel
.swiper-slide[data-swiper-slide-index="0"]
.swiper-slide-image,

.client-logo-carousel
.swiper-slide[data-swiper-slide-index="3"]
.swiper-slide-image,

.client-logo-carousel
.swiper-slide[data-swiper-slide-index="4"]
.swiper-slide-image,

.client-logo-carousel
.swiper-slide[data-swiper-slide-index="5"]
.swiper-slide-image {
    transform: scale(1.35);
}

@media (max-width: 767px) {
    .client-logo-carousel .swiper-slide {
        height: 110px;
    }

    .client-logo-carousel .swiper-slide-image {
        max-width: 130px !important;
        max-height: 70px !important;
    }
}/* End custom CSS */