.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-nav > ul li{background-color:transparent;font-size:13px;background-image:linear-gradient(135deg, #15616E 0%, #00DE94 100%);color:#FFFFFF;border-radius:100px 100px 100px 100px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-nav > ul li:hover{background-color:#FFFFFF;color:#000000;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-nav > ul li.active{background-color:#FFFFFF;color:#000000;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:0px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-nav > ul li img{width:0px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:0px;height:0px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-tab-inline-icon li .title-before-icon{margin-right:7px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-tab-inline-icon li .title-after-icon{margin-left:7px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-tab-top-icon li i, .elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-tab-top-icon li img, .elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-tab-top-icon li svg{margin-bottom:7px;}.elementor-12148 .elementor-element.elementor-element-3b084c0 .eael-advance-tabs .eael-tabs-content > div{color:#333;}/* Start custom CSS for eael-adv-tabs, class: .elementor-element-3b084c0 */.eael-advance-tabs .eael-tabs-nav li.active,
.eael-advance-tabs .eael-tabs-nav li.active > a,
.eael-advance-tabs .eael-tabs-nav li.active > button {
  background: #ffffff !important;
  background-image: none !important;
  color: black !important;
  box-shadow: 0 4px 10px rgba(4, 95, 86, 1);
  transform: scale(1.05);
  position: relative;
  z-index: 10;
}


/* Smooth hover effect for all tabs */
.eael-advance-tabs .eael-tabs-nav li {
  background: linear-gradient(135deg, #15616e, #00DE94);
  color: white;
  padding: 12px 18px;
  border-radius: 30px;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

/* Hover effect: background turns white, text black, scale and shadow */
.eael-advance-tabs .eael-tabs-nav li:hover,
.eael-advance-tabs .eael-tabs-nav li:hover > a,
.eael-advance-tabs .eael-tabs-nav li:hover > button {
  background-color: #ffffff !important;
  background-image: none !important;
  color: black !important;
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(4, 95, 86, 1);
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 10;
}


/* Animate tab content */
.eael-advance-tabs .eael-tabs-content > .eael-tab-content {
  animation: fadeEffect 0.5s ease-in-out;
}

@keyframes fadeEffect {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */