.eptw-feature-carousel {
 display: grid;
 grid-template-columns: 1fr 420px;
 gap: 35px;
 align-items: stretch;
}

/* IMAGES */
.eptw-images {
 display: flex;
 gap: 20px;
 height: 100%;
}

.eptw-image {
 width: 100%;
 opacity: 0.5;
 transition: all 0.4s ease;
 flex: 1;
 display: flex;
}

.eptw-image.active {
 opacity: 1;
}

.eptw-image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 20px;
}

/* RIGHT SIDE */
.eptw-content-boxes {
 display: flex;
 flex-direction: column;
 gap: 20px;
 width: 100%;
}

.eptw-box {
 padding: 24px;
 border-radius: 16px;
 background: rgba(255, 255, 255, 0.6);
 cursor: pointer;
 transition: all 0.3s ease;
}

.eptw-box.active {
 background: linear-gradient(135deg, #2563ff, #00d4ff);
 color: #fff;
}

.eptw-icon {
 margin-bottom: 10px;
 display: flex;
 width: 50px;
 justify-content: center;
 align-items: center;
 background: linear-gradient(135deg, #2563ff, #00d4ff);
 padding: 14px 12px;
 border-radius: 8px;
}
.eptw-icon svg {
 width: 24px;
 height: 24px;
}
.eptw-box.active .eptw-icon {
 background: #fff;
}
/* STYLE 2 */
.eptw-feature-carousel.style2 {
 display: flex;
 flex-direction: column;
 gap: 30px;
}

/* IMAGE */
.eptw-single-image {
 position: relative;
 height: 450px;
 border-radius: 16px;
 overflow: hidden;
}

.eptw-single-img {
 position: absolute;
 inset: 0;
 opacity: 0;
 transition: 0.4s ease;
}

.eptw-single-img.active {
 opacity: 1;
 position: relative;
}

.eptw-single-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 16px;
}

/* CARDS */
.eptw-cards {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 20px;
 cursor: pointer;
}

.eptw-card {
 padding: 24px;
 border-radius: 16px;
 background: #f3f4f6;
 transition: 0.3s;
 position:relative
}
.eptw-card .content-card{
    padding-bottom: 50px;
}
.eptw-card.active {
 background: linear-gradient(135deg, #2563ff, #00d4ff);
 color: #fff;
}
.eptw-card h3 {
 font-family: 'Poppins', Sans-serif;
 font-size: 18px;
 font-weight: 700;
 line-height: 1.3em;
 background: linear-gradient(to right, #2563ff, #00d4ff);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.eptw-card.active h3 {
 background: unset;
 -webkit-text-fill-color: unset;
}
.eptw-card p {
 font-family: 'Inter', Sans-serif;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.3em;
}
/* BUTTON */
.eptw-btn {
 display: inline-block;
 font-family: 'Inter', Sans-serif;
 font-size: 14px;
 font-weight: 700;
 margin-top: 15px;
 padding: 10px 20px;
 border-radius: 100px;
 background: linear-gradient(135deg, #0b1121, #172553);
 color: #fff;
 text-decoration: none;
}
.eptw-btn:hover{
    color:#fff
}
.eptw-card .btn-card-wrap{
    position:absolute;
    bottom:24px;
}
/* STYLE 3 LAYOUT */
.eptw-feature-carousel.style3 {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 35px;
    align-items: stretch;
}

/* LEFT IMAGE */
.eptw-feature-carousel.style3 .eptw-single-image {
    position: relative;
    height: 100%;
    max-height:538px;
    border-radius: 20px;
    overflow: hidden;
}

.eptw-feature-carousel.style3 .eptw-single-img {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: 0.4s ease;
}

.eptw-feature-carousel.style3 .eptw-single-img.active {
    opacity: 1;
    position: relative;
    height:100%;
}

.eptw-feature-carousel.style3 .eptw-single-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* RIGHT SIDE */
.eptw-feature-carousel.style3 .eptw-content-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* TOP ROW */
.eptw-feature-carousel.style3 .eptw-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* TEXT BLOCK */
.eptw-feature-carousel.style3 .eptw-box .eptw-text h3 {
    margin: 0;
    color:#222 !important
}
.eptw-feature-carousel.style3 .eptw-box.active .eptw-text p,.eptw-feature-carousel.style3 .eptw-content-boxes .eptw-box.active p{
    color:#222 !important
}

.eptw-feature-carousel.style3 .eptw-subtitle {
    margin: 0;
}

/* DESCRIPTION */
.eptw-feature-carousel.style3 .eptw-desc {
    margin-top: 10px;
}
.eptw-feature-carousel.style3 .eptw-box{
    background:rgba(255, 255, 255, 0.6);
}

/* ACTIVE */
.eptw-feature-carousel.style3 .eptw-box.active {
    background: #fff;
}
.eptw-feature-carousel.style3 .eptw-box.active .eptw-icon{
    background: linear-gradient(135deg, #2563ff, #00d4ff);
}
@media (max-width: 768px) {

 .eptw-feature-carousel,.eptw-cards,.eptw-feature-carousel.style3 {
  display: flex;
  flex-direction: column;
  gap: 20px;
 }

 .eptw-images {
  position: relative;
  height: 240px;
 }
 .eptw-single-image{
    height:240px !important
 }

 .eptw-image {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
 }

 .eptw-image.active {
  opacity: 1;
  position: relative;
 }
}