.swiper {
        width: 100%;
        height: 100%;
       
      }
 
      .swiper-slide {
        color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 100px;
		position: relative;
  		isolation: isolate;
		cursor: grab;
      }
 
      .swiper-slide::before {
  		content: '';
  		position: absolute;
  		inset: 0;
  		background-color: rgba(149, 47, 52, 0.85);
  		z-index: 0;
	  }

	  .swiper-slide .content-wrapper {
  		position: relative;
  		z-index: 1;
	  }
 
      .swiper-slide .title {
        font-size: 50px;
        margin-bottom: 40px;
        font-weight: 700;
		line-height: 1.1em;
      }
 
      .swiper-slide .subtitle {
        font-size: 16px;
        margin-bottom: 40px;
        letter-spacing: 5px;
      }
 
      .swiper-slide .text {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: 1px;
        margin-bottom: 40px;
      }
 
      .swiper-button-next,
      .swiper-button-prev {
        background: RGBA(0, 0, 0, 1);
        opacity: 0.5;
        box-shadow: none;
        border: 0px solid RGBA(0, 0, 0, 1);
        border-radius: 100px;
		--swiper-navigation-size: 15px;
		--swiper-navigation-sides-offset: 20px;
		  padding:20px;
		
      }
 
      .img-wrapper {
        display:flex;
        justify-content: end;
      }
 
      .info-wrapper {
        max-width: 650px;
        width: 100%;
      }
 
      .pump-img {
        max-width: 100%;
      }
 
      .strong {
        font-size: 25px;
        margin-bottom: 40px;
      }
     
      .button-container {
        display: flex;
        align-content: center;
        justify-content: start;
        flex-wrap: wrap;
      }
 
      .button-container div {
        border: solid 2px #fff;
        padding: 10px 20px;
        border-radius: 50px;
        display: flex;
        justify-content: center;
        margin: 5px;
      }

      .button-container div:nth-child(1) {
        margin-left: 0px;
      }
 
      .button-container div:hover {
        background-color: #fff
      }
 
      .button-container div a {
        color: #ffffff;
        font-size: 16px;
        line-height: 1.6;
        text-decoration: none;
        text-align: center;
        text-transform: none;
        font-weight: 700;
      }
 
      .button-container div:hover a {
        color: #000000;
      }
 
      .content-wrapper {
        display: flex;
        align-items: center;
        max-width: 1500px;
      }
 
      @media (max-width: 1500px) {
        .swiper-slide .title {
          font-size: 40px;
          margin-bottom: 30px;
        }
 
        .swiper-slide .subtitle {
          margin-bottom: 30px;
        }
 
        .swiper-slide .text {
          font-size: 18px;
          margin-bottom: 30px;
        }
 
        .strong {
          font-size: 22px;
        }
 
        .info-wrapper {
          max-width: 550px;
        }
 
        
 
        .button-container div a {
          font-size: 14px;
        }
      }

      @media (max-width: 1300px) {
        .content-wrapper {
          padding: 50px 0px; 
        }
      }
 
      @media (max-width: 1200px) {
        
        .swiper-slide .title {
          font-size: 30px;
          margin-bottom: 30px;
        }
 
        .swiper-slide .subtitle {
          font-size: 14px;
          margin-bottom: 30px;
        }
 
        .swiper-slide .text {
          font-size: 16px;
          margin-bottom: 30px;
        }
 
        .strong {
          font-size: 20px;
          margin-bottom: 20px;
        }
 
        .info-wrapper {
          max-width: 450px;
        }
 
      }
 
      @media (max-width: 1024px) {
        .content-wrapper {
          flex-direction: column;
          justify-content: center;
        }
 
        .info-wrapper {
          max-width: 650px;          
        }

        .swiper-slide .title {
          font-size: 40px;
        }
 
        .swiper-slide .subtitle {
          font-size: 16px;
        }
 
        .swiper-slide .text {
          font-size: 18px;
          margin-bottom: 30px;
        }
 
        .strong {
          font-size: 22px;
        }
 
        .img-wrapper {
          justify-content: center;
        }

        .button-container {
          flex-direction: row;
          
        }
 
        .button-container div {
          margin-bottom: 10px
        }
      }

      @media (max-width: 720px) {
        .swiper-slide .title {
          font-size: 30px;
          margin-bottom: 20px;
        }
 
        .swiper-slide .subtitle {
          font-size: 14px;
          margin-bottom: 20px;
        }
 
        .swiper-slide .text {
          font-size: 16px;
          margin-bottom: 20px;
        }
 
        .strong {
          font-size: 18px;
        }

        .button-container {
          flex-direction: column;
          align-content: start;
        }
      }
 
      @media (max-width: 580px) {
        .swiper-slide {
          padding: 0px 55px;
        }

        .swiper-button-next,
        .swiper-button-prev { 
          padding: 0px;
        }

       .swiper-slide .title {
          font-size: 25px;
        }

      .swiper-slide .subtitle {
          font-size: 12px;
          letter-spacing: 2.5px;
        }

        .swiper-slide .text {
          font-size: 14px;
        }
 
        .strong {
          font-size: 16px;
        }
      }