:root {
  --swiper-navigation-color: #fff; /* Changes arrow color to red */
  --swiper-theme-color: #fff;      /* Alternative: changes navigation and pagination */
}
.mobile-banner-wrap, .mobile-banner, .mobile-content {display:none;}
swiper-container {width:100%; height:100%; max-height:calc(100vh - 120px); margin-top:120px; position:relative;}
swiper-slide {
      text-align:center;
      font-size:18px;
      background:var(--dark-green);
      display:flex;
      justify-content:center;
      align-items:center;
	  z-index:1;
    }
swiper-slide img {
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
    }
  
.slide-text {display:block; position:absolute; left:50%; bottom:5%; transform:translate(-50%, -5%); max-width:900px; /*min-width:760px;*/ padding:40px 60px; color:white; background:rgba(0,0,85,0.1); z-index:50;}  
  .slide-text h1 {margin-bottom:10px; text-align:center; color:white !important; font-size:48px; font-family:"Libre Baskerville", serif; letter-spacing:0.05em; text-shadow:3px 3px 3px rgba(0, 0, 85, 0.8);}
  .slide-text h2 {margin-bottom:60px; text-align:center; color:white !important; font-size:30px; font-family:"Libre Baskerville", serif; letter-spacing:0.05em; text-shadow:3px 3px 3px rgba(0, 0, 85, 0.8);}

.slide-links {display:flex; margin:0 auto 0 auto; align-items:center; justify-content:space-between; gap:15px;}
 .slide-links a {display:inline-block; width:200px; padding:15px; text-align:center; color:white; font-size:15px; font-weight:600; background-color:var(--light-green); border:1px solid white; border-radius:25px;}
 .slide-links a:hover {background-color:var(--red);}

  
@media screen and (max-width:1281px) {
/*.slide-text {right:0; left:0; margin:0 auto;}*/
 .slide-text h1 {text-align:center;}
 .slide-text h2 {text-align:center;}
 .slide-text h3 {text-align:center;}
}
@media screen and (max-width:901px) {
.slide-text {width:600px; padding:30px;}
 .slide-text h1 {font-size:36px}
 .slide-text h2 {font-size:21px}
 .slide-text h3 {font-size:16px}
 .slide-links a {width:185px; padding:15px 10px; font-size:13px;}
/*.slide-text-btn {justify-content:center;}*/
}
@media screen and (max-width:767px) {
.slide-text {bottom:2%; transform:translate(-50%, -2%); width:80%; padding:15px 5%;}
.slide-text h2 {margin-bottom:0;} 
.slide-links {display:none;}
/* .slide-text p {font-size:15px; line-height:1.3;}
 .slide-text-btn {padding-top:25px;}*/
}
@media screen and (max-width:579px) {
swiper-container, swiper-slide, swiper-slide img, .slide-text {display:none;}

.mobile-banner-wrap {display: flex;
  position: relative;
  width: 100%;
  height: 100%;
/*  max-height:calc(100vh - 120px);*/
  align-content: center;
  align-items: flex-end;
  justify-content: center;
  z-index: 10;}
.mobile-banner {display: block;
    position: absolute;
    width: 100%;
    height: 100%;
	max-height:calc(100vh - 70px);
    top: 70px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;}
.mobile-content {display:block; max-width:90%; margin:0 auto; padding:5px; padding-bottom:45%; position:relative; text-align:center; background:rgba(0,0,85,0.1);}
  .mobile-content h1, .mobile-content h2 {margin-bottom:15px; text-align:center; color:white; font-family:"Gelasio", serif; letter-spacing:0.05em; line-height:1.3; font-weight:800; text-shadow:3px 3px 3px rgba(0, 0, 85, 0.8);}
  .mobile-content h1 {font-size:40px; text-transform:uppercase;}
  .mobile-content h2 {font-size:30px;}
  .mobile-content p {margin-bottom:10px; text-align:center; color:white; font-size:14px; line-height:1.3;}
  /*.slide-text-btn {padding-bottom:15px;}*/
}
@media screen and (max-width:400px) {
.mobile-content h1 {font-size:32px;}
.mobile-content h2 {font-size:24px;}
}