.ahss-wrapper-b0590a53 { width: 100%; overflow: hidden; position: relative; }
.ahss-swiper { width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper-wrapper { display: flex; width: 100%; height: 100%; position: relative; transition-property: transform; box-sizing: content-box; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.ahss-slide { display: flex !important; }
.ahss-slide-inner { display: flex; width: 100%; height: 100%; }

.ahss-left { 
    width: 42%; 
    height: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: flex-start; 
    padding-left: 10rem; 
    padding-right: 10rem; 
    box-sizing: border-box; 
    position: relative;
}
.ahss-right { 
    width: 58%; 
    height: 100%; 
    position: relative; 
}

.ahss-content { width: 100%; }
.ahss-image { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; }
.ahss-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Navigation and Play/Pause Controls */
.ahss-navigation-wrap {
    position: absolute; 
    bottom: 40px; 
    left: 10rem; 
    z-index: 10; 
    width: calc(42% - 20rem); 
    display: flex; 
    align-items: center;
    gap: 15px;
}
.ahss-progress-container { 
    display: flex; 
    gap: 12px; 
    flex: 1;
    align-items: center;
}
.ahss-progress-bar { 
    flex: 1; 
    height: 3px; 
    background-color: rgba(255, 255, 255, 0.25); 
    cursor: pointer; 
    position: relative; 
    overflow: hidden; 
    transition: background-color 0.3s ease; 
}
.ahss-progress-bar-fill { 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 0; 
    background-color: #ffffff; 
}
.ahss-play-pause-toggle {
    width: 28px;
    height: 28px;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
    font-size: 11px;
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.ahss-play-pause-toggle:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
.ahss-play-pause-toggle .eicon-play { display: none; }
.ahss-play-pause-toggle.paused .eicon-play { display: inline-block; margin-left: 2px; }
.ahss-play-pause-toggle.paused .eicon-pause { display: none; }

.ahss-btn { display: inline-block; text-decoration: none; padding: 12px 30px; border-radius: 4px; font-weight: 600; transition: all 0.3s ease; }

@media (max-width: 1024px) {
    .ahss-left { width: 50%; padding-left: 3rem; padding-right: 3rem; }
    .ahss-right { width: 50%; }
    .ahss-navigation-wrap { width: calc(50% - 6rem); left: 3rem; }
}
@media (max-width: 767px) {
    .ahss-swiper { height: auto !important; }
    .ahss-slide { height: auto !important; }
    .ahss-slide-inner { flex-direction: column-reverse; height: auto !important; }
    .ahss-left { width: 100%; height: auto !important; padding: 40px 20px 100px !important; }
    .ahss-right { width: 100%; height: 350px !important; }
    .ahss-navigation-wrap { position: absolute; bottom: 30px; left: 20px; width: calc(100% - 40px); z-index: 10; }
}