.carousel1 .carousel-item{
      animation: zoom 6s ease-in-out forwards;
      background-size:cover;
background-position:center;
  height: 37vh;
 }
 .carousel1 .item1{
    background-image: url("/assets/images/side/h1-slider-1a-background-img.jpg");

  
}
 .carousel1 .item2{
    background-image: url("/assets/images/side//h1-slider-2a-background-img.jpg");
background-repeat: no-repeat;


}
 .carousel1 .item3{
background-image: url("/assets/images/side/h1-slider-3a-background-img.jpg");
  
}
.top-45{

top:45%;
 }   
.top-55{
    top:55%;
}

.top-80{
    top:90%;

}
h1{
      white-space: nowrap;

    font-size:60px;
}
@media screen and (max-width:880px) {
  h1{
   
    font-size:50px;
}

}
@media screen and (max-width:775px) {
  h1{
   
    font-size:47px;
}

}
@media screen and (max-width:700px) {
  h1{
   
    font-size:40px;
}

}
@media screen and (max-width:587px) {
  h1{
   
    font-size:32px;
}

}
@media screen and (max-width:460px) {
  h1{
    font-size:25px;
    
}

}
@media screen and (max-width:370px) {
  h1{
    font-size:20px;
    
}

}
.top-70{
    top:60%;
}

a.btn{
    background-color:red;
  box-shadow: none;
  color: white; 
  border: none;
   transition: all 0.3s ease-in-out;
font-size: 13px;
font-family: roboto;
white-space: nowrap;
}

    @keyframes zoom {
      from {
        transform: scale(1);
      }
      to {
        transform: scale(1.2);
      }
    }
a{
  text-decoration: none;
}
a.btn:hover {
    background-color: red;
box-shadow: 0 0 30px 5px rgba(255, 0, 0, 0.4);
  transform: translateY(-2px); }
.swiper-slide{
  display: flex;
}
.theme h2{
  font-size: 45px;
  color: white;
      line-height: 1.13em;

font-family: Rubik;
}
h2 span{
color:red;
}
.theme{
  text-align: center;

}
.theme p{
    font-family: Rubik, sans-serif;
        line-height: 26px;
  font-optical-sizing: auto;
font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
      font-size: 17px;
      color:silver;
}

    .swiper {
      width: 80%;
      height: 80%;
  
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
          padding-top:13px;
          padding-bottom: 7px;
    }

    .swiper-slide img {
      display: block;
      width: 70%;
      height: 70%;
      object-fit: cover;
      
    }

    body {
      background: #17161a;
      color: #000;
    }

    .swiper {
      width: 64%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }


    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
           
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 70%;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: flex;
      width: 60%;
      height: 60%;
      object-fit: cover;
  transition: transform 0.2s ease;
  
    }

    .swiper-div{
box-shadow: 0 12px 15px -8px rgba(0, 0, 0, 0.8);

    }

    .swiper-slide img:hover{
 transform: translateY(-15px);     }
  
 .row {
    --bs-gutter-x: 0rem;}

/*footer*/

/* start img box */