.animal-info-box {padding: 32px 40px;background: var(--sof-white);border-radius: 20px;}
.aib-left {width: 44%;padding-right: 18px;}
.aib-right {width: 56%;}
.aib-box h3 {font-size: 30px;color: var(--sof-red);margin-bottom: 0;letter-spacing: 0;}
.aib-box {font-size: 20px;letter-spacing: 0.05em;line-height: 1.4;}
.aib-item + .aib-item {margin-top: 32px;}
.animal-info-holder {background: var(--sof-blue-dark);border-radius: 20px;padding: 44px 42px;color: var(--sof-white);}
.animal-info-head h3 {font-size: 30px;margin-bottom: 0;color: var(--sof-yellow);}
.animal-info-body {margin-top: 60px;}
.ais-box {font-size: 30px;font-weight: 900;font-family: var(--sof-secondary-font);letter-spacing: 0.05em;line-height: 1.2;}
.ais-pagination-box {text-align: center;margin-top: 70px;}

.slider-pagination-white .swiper-pagination-bullet {width: 20px;height: 20px;background: rgb(255 255 255 / 30%);opacity: 1;}
.slider-pagination-white .swiper-pagination-bullet-active {background: var(--sof-white);}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .animal-info-box {padding: 32px;}
    .animal-info-holder {padding: 40px;}
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .aib-left {width: 100%;padding-right: 0;}
    .aib-right {width: 100%;margin-top: 32px;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){    
    .animal-info-box {padding: 50px 15px;border-radius: 0;width: calc(100% + 30px);margin-left: -15px;}
    .aib-box {line-height: 1.5;}
    .aib-item + .aib-item {margin-top: 28px;}
    .animal-info-holder {border-radius: 0;padding: 50px 15px;width: calc(100% + 30px);margin-left: -15px;text-align: center;}
    .animal-info-body {margin-top: 28px;}  
    .ais-pagination-box {margin-top: 35px;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){
}