.ahura-image-slider-4 .ah-item {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 0;
align-items: center;
}
.ahura-image-slider-4 .ah-item {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 0;
align-items: center;
padding-left: 10px;
}
.ahura-image-slider-4 .ah-image-box {
position: relative;
z-index: 3;
}
.ahura-image-slider-4 .ah-details-box {
height: 82%;
background-color: #212121;
box-shadow: 0 0 0 10px #2121210f;
color: #fff;
padding: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: 38px 0 0 38px;
}
.ahura-image-slider-4 .ah-details-box .ah-details {
width: 80%;
text-align: center;
}
.ahura-image-slider-4 .ah-details-box > div {
width: 100%;
}
.ahura-image-slider-4 .ah-details .ah-buttons {
text-align: left;
}
.ahura-image-slider-4 .ah-details .ah-buttons a {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #fff;
width: 35px;
height: 35px;
border-radius: 8px;
box-shadow: 0 0 0 5px #fff3;
color: #000;
font-size: 24px;
}
.ahura-image-slider-4 .ah-details .ah-buttons a svg {
width: 30px;
height: 30px;
}
.ahura-image-slider-4 .ah-title {
font-weight: 800;
font-size: 3em;
}
.ahura-image-slider-4 .ah-subtitle {
font-weight: 400;
font-size: 2em;
margin-top: 10px;
}
.ahura-image-slider-4 .ah-buttons {
margin-top: 25px;
}
.ahura-image-slider-4 .ah-image-box img {
border-radius: 38px;
height: 400px;
width: 100%;
object-fit: cover;
}
.ahura-image-slider-4 .swiper-pagination {
text-align: center;
position: relative;
margin-top: 15px;
}
.ahura-image-slider-4 .swiper-pagination span {
margin: 5px;
width: 16px;
height: 16px;
background-color: #ff5023;
}
.ahura-image-slider-4 .swiper-nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50px;
background: none;
background-color: #fff;
border: 1px solid #b1b1b1;
font-size: 20px;
color: #464646;
cursor: pointer;
transition: ease .3s;
margin: 0 15px;
}
.ahura-image-slider-4 .swiper-nav-btn::after {
font-size: 20px;
}
@media screen and (max-width: 1024px){
.ahura-image-slider-4 .ah-item {
padding: 0;
grid-template-columns: repeat(1,minmax(0,1fr));
}
.ahura-image-slider-4 .ah-details-box .ah-details {
width: 100%;
}
.ahura-image-slider-4 .ah-details-box {
border-radius: 0 0 38px 38px;
height: auto;
box-shadow: none;
}
.ahura-image-slider-4 .ah-image-box img {
border-radius: 38px 38px 0 0;
}
}
@media screen and (max-width: 767px) {
.ahura-image-slider-4 .swiper-nav-btn {
opacity: 0;
}
}