body {
            margin: 0;
            padding: 0;
          }
         
          .MainSwiper>.swiper,
          .MainSwiper>.swiper-wrapper{
            width: 100%;
            height: 100%;
            margin-top: 0 !important;
            min-height: 350px !important;
          }
        
          .MainSwiper.swiper-slide {
              width: 100%;
              height: 100% !important;
              min-height: 350px !important;
          }
          .swiper-image{
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            background-size: cover !important;
            min-height: 350px !important;
          }
         .swiper-pagination{
              display: none;
          }
          @media screen and (min-width: 992px){
              .title {
                  font-size: 52px !important;
              }
          }
      
          @media screen and (min-width: 768px) and (max-width:992px){
              .title {
                  font-size: 40px !important;
              }
          }
          @media screen and (min-width: 576px) and (max-width:768px){
              .title {
                  font-size: 30px !important;
                  letter-spacing: 11px !important;
              }
          }
          .title {
              font-size: 20px;
              color: #fff;
              text-transform: uppercase;
              font-family: montserratthinarm,sans-serif;
              text-align: left;
              font-weight: 200;
              letter-spacing: 7px;
          }
          .swiper-text{
              position: absolute;
              left: 20%;
              top:10%;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              justify-content: center;
          }
          @media only screen and (min-width: 768px){
            .text{
              font-size: 16px !important;
              }
          }
          @media only screen and (min-width: 576px) and (max-width: 768px){
            .text {
                font-size: 14px !important;
            }
          }
          .text{
              font-size: 12px;
              color: #fff;
              letter-spacing: 1px;
              margin: 0;
          }
          .slide-btn{
              font-family: montserratboldarm,sans-serif;
              background: #000;
              border: none;
              border-radius: 0;
              color: #fff;
              font-size: 12px;
              text-transform: uppercase;
              padding: 0 10px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              height: 45px;
              min-width: 160px;
              letter-spacing: 2px;
              margin-top: 30px;
          }
          .slide-btn:hover{
              background-color: #005c66;
              cursor: pointer;
              transition: all .5s ease-in-out;
          }
          .slide-btn:hover .btn-link{
            color: #fff;
          }
          @media screen and (max-width:300px){
            .slide-btn{
              margin-top: 10px;
            }
          }
          .btn-link{
              color: #fff;
              font-size: 12px;
              text-transform: uppercase;
              text-decoration: none !important;
          }
      
      @media screen and (min-width: 768px){
        .MainSwiper>.swiper-button-next,
        .MainSwiper>.swiper-button-prev {
              height: 59px !important;
              width: 59px !important;
          }
       }
      
      .MainSwiper>.swiper-button-next,
      .MainSwiper>.swiper-button-prev {
          background: #005c66;
          height: 38px;
          width: 38px;
          position: absolute;
          top: 90% !important;
      }
      @media screen and (min-width:1800px){
        .MainSwiper>.swiper-button-next{
          right: 2% !important;
        }
        .MainSwiper>.swiper-button-prev {
          left: 91% !important;
        }
      }
      @media screen and (min-width:1400px) and (max-width:1800px){
        .MainSwiper>.swiper-button-next{
          right: 5% !important;
        }
        .MainSwiper>.swiper-button-prev {
          left: 85% !important;
        }
      }
      @media screen and (min-width:1200px) and (max-width:1400px){
        .MainSwiper>.swiper-button-next{
          right: 5% !important;
        }
        .MainSwiper>.swiper-button-prev {
          left: 84% !important;
        }
      }
      @media screen and (min-width:992px) and (max-width:1200px){
        .MainSwiper>.swiper-button-next{
          right: 7% !important;
        }
        .MainSwiper>.swiper-button-prev {
          left: 80% !important;
        }
      }
      
      @media screen and (min-width:768px) and (max-width:992px){
        .MainSwiper>.swiper-button-next{
          top: 80% !important;
          right: 5% !important;
        }
        .MainSwiper>.swiper-button-prev {
          top: 80% !important;
          left:78% !important;
        }
      }
      @media screen and (min-width:576px) and (max-width:768px){
        .MainSwiper>.swiper-button-next{
          top: 85% !important;
          right: 5% !important;
        }
        .MainSwiper>.swiper-button-prev {
          top: 85% !important;
          left:80% !important;
        }
      }
      @media screen and (min-width:400px) and (max-width:576px){
        .MainSwiper>.swiper-button-next{
          top: 85% !important;
          right: 5% !important;
        }
        .MainSwiper>.swiper-button-prev {
          top: 85% !important;
          left:75% !important;
        }
      }
      @media screen and (min-width:280px) and (max-width:400px){
        .MainSwiper>.swiper-button-next{
          top: 85% !important;
          right: 7% !important;
        }
        .MainSwiper>.swiper-button-prev {
          top: 85% !important;
          left:65% !important;
        }
      }
      @media screen and (min-width: 768px){
        .MainSwiper>.swiper-button-next:after, 
        .MainSwiper>.swiper-button-prev:after {
            font-size: 15px !important;
        }
      }
      .MainSwiper>.swiper-button-next:after, 
      .MainSwiper>.swiper-button-prev:after {
          font-size: 12px;
          font-weight: 700;
          color: #fff;
      }
      .swiper-button-next:after{
          content: 'next';
      }
      .swiper-button-prev:after {
          content: 'prev';
      }
      .MainSwiper>.swiper-button-next:after, 
      .MainSwiper>.swiper-button-prev:after {
          font-family: swiper-icons;
          letter-spacing: 0;
          font-variant: initial;
          line-height: 1;
      }
      .swiper-button-next.swiper-button-disabled, 
      .swiper-button-prev.swiper-button-disabled {
          background: #fff;
          opacity: 1 !important;
      }
      .swiper-button-next.swiper-button-disabled:after, 
      .swiper-button-prev.swiper-button-disabled:after {
          font-size: 12px;
          font-weight: 700;
          color: #000;
      }
      .swiper-button-next.swiper-button-disabled, 
     .swiper-button-prev.swiper-button-disabled {
          cursor: auto;
          pointer-events: none;
      }
      @media  screen and (min-width: 1400px) {
        .swiper-text::before {
          left: 0% !important;
          width: 1000px !important;
      }
    }
      
      @media  screen and (min-width: 768px) and  (max-width:1400px) {
          .swiper-text::before {
            left: 0% !important;
            width: 700px !important;
        }
      }
      @media  screen and (min-width: 576px) and (max-width:768px){
          .swiper-text::before {
            width:430px !important;
            background-color: rgb(0 92 102/60%);
        }
      }
      .swiper-text::before {
          content: "";
          display: block;
          background-color: rgb(0 92 102/37%) !important;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          width: 100% ;
          z-index: 1;
      }
      
      @media screen and (min-width: 1400px){
          .swiper-content {
            width: 1354px !important;
        }
      }
      @media screen and (min-width: 1200px) and (max-width: 1400px){
        .swiper-content {
            width: 1140px !important;
        }
      }
      @media screen and (min-width: 992px) and (max-width:1200px){
      .swiper-content {
            width: 960px !important;
            height: auto;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 992px){
          .swiper-content {
            width: 720px !important;
            height: auto;
        }
      }
      @media screen and (min-width: 576px) and (max-width: 768px){
       .swiper-content {
            width: 540px !important;
        }
      }
      .swiper-text {
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          padding: 12px;
          z-index: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
      }
      .swiper-content{
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px;
        z-index: 2;
      
      }