/* Add custom CSS styles below */
.my-slide {
    padding-top: 0rem;
    margin-top: 11rem;
}

section:nth-child(1 of  .s-block--fixed-banner ) .container {
    max-width: 100%;
    padding: 0;
}


section:nth-child(1 of  .s-block--fixed-banner ) {
    margin-top: 12rem;
    margin-bottom: 2rem;
}


@media (max-width: 768px) {

  .my-slide {
    padding-top: 0rem;
    margin-top: 6rem;
}
  .jo-hero-section-0 .my-slide-0-1 {
 
    width: 100% !important;
}
section:nth-child(1 of .jo-Why-choose-us) .pros-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
  section:nth-child(2 of .jo-Why-choose-us) .pros-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

  .s-product-card-image-cover {

    object-fit: fill;
}
  .jo-offers-banner .main-img .dis_background ,.jo-offers-banner [dir=rtl] .main-img .pro_addit
 {

    display: none;
}

  .jo-hero-section .swiper-slide-active .text-container {

    transform: translate(10px, 2rem);
    justify-content: center;
    align-items: center;

}
  .jo-hero-section-0 .block-title-1 {

    text-align: center !important;
}
}


@media (max-width: 767px) {
section:nth-child(2 of s-block--fixed-banner){
    display:block;

}
section:nth-child(1 of .s-block--fixed-banner){
display:none !important;
}

  .s-block--fixed-banner {
    margin-top: 6rem !important;
}
}

@media (min-width: 992px) {
section:nth-child(2 of .s-block--fixed-banner){
    display:none;
}


}