.banner_images img



  li{

       list-style: none;

  }



  a{

      text-decoration: none;

      -webkit-transition: all 0.3s ease-in-out;

      -moz-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

  }



  body{

     font-family: "Poppins", serif;

    background-color: #000;

  }



  .container_large{

     width: 100%;

        max-width: 85%;

        margin: 0 auto;

  }

  

.banner{

     width: 100%;

     height: 100vh;

     background-color: #000;

     overflow: hidden;

     position: relative;

}



.contact_section{

    width: 100%;

    min-height: 100vh;

    background-color: #131313;

    padding: 100px 0;

    display: flex;

    align-items: center;

}



.main_title{

    font-size: 80px;

    color: #9c9c9c;

    text-align: center;

    font-weight: 500;

    text-transform: uppercase;

}



.main_title span{

     font-weight: 100;

}



.form_main{

     width: 100%;

     max-width: 800px;

     margin: 0 auto;

     margin-top: 60px;

}



.form_main ul{

    display: flex;

    flex-wrap: wrap;

    row-gap: 25px;

}



.form_main ul li{

     width: 100%;

}



.main-text{

    width: 100%;

    background-color: transparent;

    height: 60px;

    line-height: 60px;

    border: none;

    border-bottom: 1px solid #3d3d3d;

    font-size: 22px;

    font-weight: 300;

    color: #fff;

}



.main-text::placeholder{

            color: #777570;

}



textarea.main-text{

    line-height: 40px !important;

}



.submit-btn{

    width: 220px;

    height: 55px;

    text-align: center;

    background-color: #9c9c9c;

    color: #000;

    font-size: 23px;

    border: none;

    float: right;

    margin-top: 10px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.submit-btn:hover{

        background-color: #fff;

}



.footer{

     width: 100%;

     padding: 35px 0;

     background-color: #131313;

     border-top: 1px solid #3d3d3d;

}



.footer ul{

     display: flex;

     flex-wrap: wrap;

     justify-content: center;

     column-gap: 15px;

}



.footer ul li a{

      font-size: 25px;

      color: #9c9c9c;

}



.footer ul li a:hover{

        color: #fff;

}



.footer .container{

        position: relative;

}



.shop_section{

     width: 100%;

     background: #1c1c1c;

}



.owl-dots{

   display: flex;

   width: 100%;

   justify-content: center;

   gap: 8px;

    position: absolute;

    z-index: 9;

    padding-top: 30px;

    background-color: #1c1c1c;

}

.owl-dots .owl-dot{

         width: 10px;

         height: 10px;

         background-color: #fff !important;

         -webkit-border-radius: 100%;

         -moz-border-radius: 100%;

         border-radius: 100%;

}



.faq_section{

     width: 100%;

     padding: 150px 0;

     background: rgb(19,19,19);

     background: linear-gradient(176deg, rgb(28 28 28) 25%, rgba(0, 0, 0, 1) 100%)

}



.faq_section p{

         text-align: center;

}



.faq_section .main_title{

      margin-bottom: 25px;

}



.quote_section{

     width: 100%;

     padding: 100px 0;

     background-color: #000;

}



.quote_section p{

     font-size: 25px;

     line-height: 40px;

     color: #9c9c9c;

     text-align: center;

}



.product_listing_main{

     width: 100%;

     background-color: #181818;

     padding: 120px 0;

     overflow: hidden;

}



.product_listing_wrap{

     width: 100%;

     position: relative;

}



.product_listing_wrap h2{

        font-size: 50px;

        color: #959595;

        font-weight: 500;

        line-height: 50px;

}



.product_listing_slider{

        width: 100%;

        margin-top: 20px;

}



.product_listing_slider .swiper{

     overflow: visible;

     position: relative;

}



.product_listing_slider .swiper::after{

     content: "";

     width: 1000px;

     height: 100%;

     position: absolute;

     left: -1000px;

     top: 0;

     background-color: #181818;

     z-index: 2;

}



.product_box{

        width: 100%;

        height: 550px;

        background-color: #000;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        border-radius: 20px;

        display: flex;

        justify-content: center;

        align-items: center;

        position: relative;

       overflow: hidden;



}



.product_box img{

     width: 100%;

}



.product_box a{

     width: 100%;

     cursor: pointer;

}



.product_nav{

      width: 120px;

      position: absolute;

     right: 0;

      top: 30px;

}



.product_text{

       width: 100%;

       position: absolute;

       z-index: 9;

       padding: 0px 30px;

       font-size: 22px;

       line-height: 30px;

       top: 50px;

       color: #fff;

       text-transform: uppercase;

       text-align: center;

       left: 300px;

       -webkit-transition: all 0.5s ease-in-out;

       -moz-transition: all 0.5s ease-in-out;

       transition: all 0.5s ease-in-out;

}



.margin_top{

     margin-top: 150px;

}





.swiper-slide.extra-active .product_text{

     left: 0px

}



.swiper-button-next, .swiper-button-prev{

     height: 50px !important;

     width: 50px !important;

     border-radius: 100%;

     background-color: #000;

     top: -6px;

}

.swiper-button-next:after, .swiper-button-prev:after{

     color: #959595;

    font-size: 18px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.swiper-button-next:hover:after, .swiper-button-prev:hover:after{

     color: #fff;

}



.product_nav {

     width: 130px;

}



.banner h1{

        font-size: 300px;

        font-weight: bold;

        color: #fff;

        position: absolute;

        z-index: 99;

        top: 30%;

        display: flex;

    justify-content: left;

}



.banner_img{

     position: absolute;

     z-index: 99;

     top: 5%;

     right: 18%;

}



.gallery {

     width: 100%;

     max-width: 800px;

     overflow: hidden;

     margin: 0;

   }

   .gallery-slider {

     width: 100%;

     height: auto;

     margin: 2;

   }

   .gallery-slider .swiper-slide {

     width: auto;

     height: auto;

   }

   .gallery-slider .swiper-slide img {

     display: block;

     width: auto;

     height: 100%;

     margin: 0 auto;

   }

   .gallery-thumbs {

     width: 100%;

     padding:2px;

     overflow: hidden;

   }

   .gallery-thumbs .swiper-slide {

     width: 100px;

     height: 100px;

     text-align: center;

     overflow: hidden;

     /* opacity: 0.4; */

     cursor: pointer;

   }

   .gallery-thumbs .swiper-slide-active {

     opacity: 1;

   }

   .gallery-thumbs .swiper-slide img {

     width: auto;

     height: 100%;

   }



   .fancybox-content{

     padding: 0 !important;

   }



   .gallery-slider .swiper-button-next, .gallery-slider .swiper-button-prev{

        top: 40%;

   }



   .fancybox-content .swiper-notification{

     display: none;

   }



   .fancybox-slide--html .fancybox-close-small{

     padding: 5px !important;

   }



   .fancybox-button  svg path {

     fill: #ffffff !important;

   }



   .gallery-slider h2{

     position: absolute;

     width: 100%;

     bottom: 0px;

     left: 0;

     color: #fff;

     text-align: center;

     font-size: 20px;

     padding: 15px 20px;

     background: rgba(0, 0, 0, 0.3);

     margin-bottom: 0;

     

   }





   .download_section{

       padding: 110px 0;

       position: relative;

       background: rgb(19, 19, 19);

       background: linear-gradient(176deg, rgb(28 28 28) 25%, rgba(0, 0, 0, 1) 100%);

   }



   .download_section .container{

     position: relative;

   }



   .back_home{

     font-size: 20px;

     color: #fff;

     font-weight: 500;

     line-height: 25px;

     display: inline-block;

     position: absolute;

     right: 20px;

     top: -50px;

   }



   .back_home:hover{

          color: #9c9c9c;

   }



   .download_section h2 {

     font-size: 50px;

     color: #959595;

     font-weight: 500;

     line-height: 50px;

 }



 .download_section ul{

        display: grid;

        grid-template-columns: repeat(2,1fr);

     gap: 30px 30px;

     margin-top: 40px;

 }



 .download_section ul li{



     width: 100%;

     background-color: #000;

    

     border-radius: 10px;

    



 }



 .download_section ul li a{

     width: 100%;

     font-size: 20px;

     color: #fff;

     font-weight: 500;

     display: flex;

     flex-wrap: wrap;

     align-items: center;

     padding: 15px 20px;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

    

 }



 .download_section ul li:hover{

     background-color: #222222;

 }



 .download_section ul li a img{

       max-width: 50px;

 }



 .download_section ul li a span{

     display: block;

     width: calc(100% - 50px);

     padding-left: 20px;

}



.download_cateloge{

     width: 40px;

     height: 40px;

     margin-left: auto;

     -webkit-border-radius: 15px;

     -moz-border-radius: 15px;

     border-radius: 15px;

     z-index: 99;

     -webkit-box-shadow: 0px 4px 41px -7px rgb(169 168 168 / 30%);

     -moz-box-shadow: 0px 4px 41px -7px rgb(169 168 168 / 30%);

     box-shadow: 0px 4px 41px -7px rgb(169 168 168 / 30%);

     position: absolute;

     right: 0;

     top: -7px;

}



.download_cateloge a{

     width: 100%;

     font-size: 20px;

     color: #fff;

     font-weight: 500;

     display: flex;

     flex-wrap: wrap;

     align-items: center;

     -webkit-transition: all 0.3s ease-in-out;

     -moz-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

}





.download_cateloge a img{

     max-width: 64px;

     width: 100%;

}



.download_cateloge  a span{

   display: block;

   width: calc(100% - 64px);

   padding-left: 10px;

}



.franchise_section{

     width: 100%;

     padding: 150px 0;

     background: rgb(19,19,19);

     background: linear-gradient(176deg, rgb(28 28 28) 25%, rgba(0, 0, 0, 1) 100%)

}



.franchise_section p{

         text-align: center;

}



.franchise_section .main_title{

      margin-bottom: 25px;

}



.bottom_section{

     width: 100%;

     padding: 150px 0;

     background: rgb(19,19,19);

     background: linear-gradient(176deg, rgb(28 28 28) 25%, rgba(0, 0, 0, 1) 100%)

}



.bottom_section p{

         text-align: center;

}



.bottom_section .main_title{

      margin-bottom: 25px;

}



.product_price{

     width: 100%;

     text-align: center;

     position: absolute;

     z-index: 9;

     bottom: 0px;

     right: 0;

     font-size: 20px;

     line-height: 24px;

     font-weight: 600;

     color: #fff;

     background: rgb(19,19,19);

     background: linear-gradient(180deg, rgba(19,19,19,0) 13%, rgba(0,0,0,1) 100%);

     padding: 30px 20px 20px;

     border-top-left-radius: 10px;

     opacity: 1;

     -webkit-transition: all 0.8s ease-in-out;

     -moz-transition: all 0.8s ease-in-out;

     transition: all 0.8s ease-in-out;

}



.swiper-slide.extra-active .product_price{

     opacity: 1;

}



.shop_section .swiper-pagination{

     bottom: 30px !important;

}



.shop_section .swiper-pagination-bullet-active{

     background: #fff !important;

     opacity: 1 !important;

}



.shop_section .swiper-pagination-bullet{

     width: 10px !important;

     height: 10px !important;

     background: #fff !important;

     opacity: 0.5 !important;

}



.banner.inner-banner{

       height: 80vh;

}



.banner_images{

     position: absolute;

     width: 100%;

     height: 100%;

     top: 0;

     left: 0;

}



.banner_images img{

     position: absolute;

     width: 100%;

     height: 100%;

     object-fit: cover;

     object-position: bottom;

     top: 0;

     bottom: 0;

     margin: auto;

     left: 0;

     z-index: 1;

}



.banner_mobile{

     display: none;

}

.single_image_section{
       width: 100%;
}

.single_image_section img{
     width: 100%;
}