/* Add custom CSS styles below */ 


.special-categories__content img {
    object-position: 0px 0px !important;
}

.special-categories .single-banner {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}

.special-categories .group-banner {
    display: flex;
    flex: 0 0 50%;
    flex-wrap: wrap;
    max-width: 50%;
}

.special-categories__content {
    flex-direction: row-reverse;
}


@media (max-width: 992px) {
  .special-categories.mini_images .group-banner .banner-1 {
    flex: 0 0 100%;
}

.special-categories.mini_images .group-banner .banner-2,
.special-categories.mini_images .group-banner .banner-3{
    flex: 0 0 50%;
}

}


h2.advanced-slider__caption__inner__content__heading,
p.advanced-slider__caption__inner__content__text {
 color: white;
  font-weight: lighter !important; 
}

p.advanced-slider__caption__inner__content__text {
 font-size: 50px;
 font-weight: 200 !important;
}

.advanced-slider__caption__inner__content {
    gap: 0px;
    display: flex;
    flex-direction: column;
}

a.advanced-slider__caption__inner__content__button.outlined {
    width: fit-content;
    margin-inline: auto;
}


@media (max-width: 992px) {
 h2.advanced-slider__caption__inner__content__heading,
p.advanced-slider__caption__inner__content__text {
 font-size: 15px;
   gap: 0px;
}

}
 .about-img {
   width: 80%;
 }
@media (min-width: 1024px) {
 .about-img {
   width: 25%;
 }

}