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

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    object-fit: cover;
  }
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: 'prev';
        color: #8b8b8b;
        font-size: 20px;
        background: #e3e3e357;
        padding: 0.6rem 1rem;
        border-radius: 100%;
    }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next';
        color: #8b8b8b;
        font-size: 20px;
        background: #e3e3e357;
        padding: 0.6rem 1rem;
        border-radius: 100%;
}

.section-design .subsection-design-hero{
  --hero-offset: 0 !important;
}
.padding-top-110{
    padding-top: 250px;
}
@media screen and (max-width:768px) {
  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100% !important;
  }
}




.videoss {
            z-index: 0;
            overflow: hidden;
            width: 100%;
        }
        .videoss video {
            object-fit: fill;
            width: 100%;
            height: 100%;
        }
        .col-lg-12333 {
            z-index: 9;
            position: relative;
            padding: 0;
        }
        #main{
            margin-top: -190px;
        }
        
        @media screen and (max-width:768px) {
            .container2 {
                position: relative;
                z-index: 999;
                bottom: 200px;
            }
        }
        @media screen and (min-width:768px) {
            .container2 {
                position: relative;
                z-index: 999;
                bottom:350px;
            }
        }
        @media screen and (min-width:992px) {
            .navbar-area .nav-container .navbar-collapse .navbar-nav li {
                padding: 0 0px;
                font-size: 13px;
            }
            .container2 {
                position: relative;
                z-index: 999;
                bottom: 400px;
            }
        }
        @media screen and (min-width:1200px) {
            .header-area.header-bg {
                z-index: 0;
                position: relative;
            }
            .container2 {
                position: relative;
                z-index: 999;
                bottom: 415px;
            }
            .navbar-area .nav-container .navbar-collapse .navbar-nav li {
                padding: 0 10px;
                font-size: 14px;
            }
        }
        @media screen and (min-width:1332px) {
            .header-area.header-bg {
                z-index: 0;
                position: relative;
            }
            .videoss {
                z-index: 0;
                overflow: hidden;
                width: 100%;
                height: 100%;
            }
            .container2 {
                position: relative;
                z-index: 999;
                bottom: 530px;
            }
        }