.col-md-6 .mb-3 {
    padding: 0px !important;

  }



  .swiper-container .row {
    width: 80%;
  }

  .row-rev {
    flex-direction: row-reverse;
  }

  /*.right-framework p {
    font-size: 14px;
  }*/




@media (max-width: 959px) {  
    .container.sticky{
    display: none !important;
  
     }
    /* .field-content-slider .swiper-button-prev, .field-content-slider .swiper-button-next {
        top: 45%;
    }*/
  }


  @media (min-width: 768px) {
    .col-md-6 {
        display: flex;
    }
}


  @media (max-width: 767px) {
    .slider-right-img-desktop, .slider-right-img-mobile  {
        width: auto !important;
        max-width: 70%;
        margin: auto;
    }
    .field-content-slider .swiper-button-prev, .field-content-slider .swiper-button-next {
        top: 40%;
    }

    .right-framework .d-flex{
        flex-wrap: unset;
        justify-content: center;
    }
    
}

/*  @media (max-width: 767px) {
    .swiper-slide img { 
        float: none !important;
        width: 95% !important; this style added in style.css is causing the image to enlarge and becomd blurry
    }
}*/