/* Container */

.eptw-profile-wrapper {
 display: flex;
 align-items: stretch;
 gap: 20px;
 max-width: 1200px;
 margin: 0 auto;
}

/* LEFT IMAGE */

.eptw-profile-image {
 position: relative;
 width: 400px;
 flex-shrink: 0;
}

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

/* RIGHT CONTENT */

.eptw-profile-content {
 flex: 1;
}

/* NAME */

.eptw-profile-content h2 {
 font-size: 30px;
 font-weight: 600;
 color: #1f4e8c;
 margin-bottom: 8px;
}

/* TITLE */

.eptw-profile-content h4 {
 font-size: 16px;
 font-weight: 400;
 color: #333;
 margin-bottom: 25px;
}

/* BIO CARD */

.eptw-profile-bio {
 background: #f3f4f6;
 padding: 20px 25px;
 border-radius: 10px;
 line-height: 1.7;
 font-size: 14px;
 color: #333;
 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* NAVIGATION */

.eptw-profile-slider {
 position: relative;
}

.eptw-slider-nav {
 position: absolute;
 left: 260px;
 bottom: 55px;
 display: flex;
 gap: 15px;
 z-index: 999;
}

/* NAV BUTTON */

.eptw-prev,
.eptw-next {
 width: 60px;
 height: 60px;

 background: #ff6a2a;

 border-radius: 50%;

 display: flex;
 align-items: center;
 justify-content: center;

 color: white;

 font-size: 22px;

 cursor: pointer;

 transition: 0.3s;
}

.eptw-prev:hover,
.eptw-next:hover {
 background: #e4551a;
}

/* SWIPER */

.swiper {
 padding-bottom: 40px;
}

@media (max-width: 768px) {
 .eptw-profile-wrapper {
  flex-direction: column;
  gap: 30px;
 }

 .eptw-profile-image {
  width: 100%;
 }

 .eptw-profile-image img {
  height: 400px;
 }

 .eptw-profile-content h2 {
  font-size: 30px;
 }
 .eptw-slider-nav{
    left: 50%;
    transform: translateX(-50%);
    bottom: 2px;
 }
}