@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body{ font-family: "Poppins", sans-serif;font-weight: 400;color: #888888; font-size: 16px;}
ul{list-style: none; margin: 0; padding: 0;}
a{text-decoration: none;}
.clr{clear: both;}


@keyframes up-down {
    0% {
      transform: translateY(10px);
    }
  
    100% {
      transform: translateY(-10px);
    }
  }

  @keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.header_top{ background: #161616; font-size: 15px; color: #fff;}
.header_top ul li {float: left; padding-right: 50px; border-right: #000000 solid 1px; padding: 15px 20px;}
.header_top ul li a{  font-size: 15px; color: #fff;}
.header_top ul li a span{  font-size: 15px; color: #FF6600;}
.header_top .search_box{margin-top: 15px;}
.header_top .search_box i{color: #888888;font-size: 15px;}
.header_top .search_box input{ background: #161616; border: 0; color: #888888;font-size: 15px; }
.header_top .search_box input:focus{border: 0; outline: none; }
.t_nav{ border-radius: 10px; box-shadow: hsla(0, 0%, 0%, 0.267) 0 4px 10px; margin-top: 15px;}
.t_nav ul li{ font-weight: 500; font-size: 16px; text-transform: uppercase; padding-left: 15px;}
.btn_inq{background: #FF6600; color: #fff; border-radius: 5px; padding: 8px 15px !important;}
.main_banner{padding: 50px 0;}
.animated { animation: up-down 2s ease-in-out infinite alternate-reverse both; }
.main_banner h1{font-size: 60px; color: #172C41; text-transform: uppercase; font-weight: 900;}
.main_banner p{font-size: 16px; color: #888888;}
.brn_1{background: #FF6600; color: #fff; border-radius: 0; padding: 7px 20px;  font-size: 16px; font-weight: 500; text-transform: uppercase;}
.brn_2{background: #2A2A2A; color: #fff; border-radius: 0; padding: 7px 20px;  font-size: 16px; font-weight: 500; text-transform: uppercase;}
.btn_3{background: #ffffff; color: #161616; border-radius: 0; padding: 7px 20px;  font-size: 16px; font-weight: 500; text-transform: uppercase; border-radius: 5px;}
.brands_logo{ border-radius: 40px; background: #181818; padding: 35px;}
.brands_logo h3{ font-size: 23px; font-weight: 600; color: #fff;}
.logo-slider { overflow: hidden; padding: 0px 0 0 0; white-space: nowrap; position: relative;}
/* .logo-slider:hover .logos-slide { animation-play-state: paused;} */
.logos-slide { display: inline-block;  animation: 45s slide infinite linear;}
.logos-slide img {  margin: 0 20px;}
.card_1{background: #181818; color: #fff; border-radius: 40px; text-align: center; padding: 25px; min-height: 420px;}
.card_1 img{width: 130px; margin-top: 40px;}
.card_1 h3{font-size: 40px; font-weight: bold; padding-top: 30px; color: #fff;}
.card_1 p{font-size: 17px; font-weight: 500; padding-top: 20px; color: #888888;}
.hot_sale_section{padding: 100px 0;}
.heading_1{font-size: 80px; color: #172C41; text-transform: uppercase; font-weight: 900;}
.heading_2{font-size: 40px; color: #172737;  font-weight: 600;}
.hot_sale_section p{color: #888888; font-size: 16px;}
.btn_l{ color: #FF6600; text-transform: uppercase;  font-weight: 500;}
.about_section{ padding: 100px 0; background: #181818;}
.about_section h2{font-size: 80px; text-transform: uppercase;}
.footer{padding: 50px 0;}
.footer p{color: #1E1916;}
.footer p strong{color: #FF6600; font-weight: 600;}
.footer .socal{display: flex;}
.footer .socal img{ margin-right: 10px; width: 50px;}
.extert_section_in{ background: #FF6600; padding: 100px 10%; border-radius: 0 40px 40px 0; margin-top: 100px; width: 90%; padding-left: 10%; color: #1E1916; text-align: center;}
.extert_section_in h3{ font-size: 46px;font-weight: 500;}
.extert_section_in h4{ font-size:70px; font-weight: 600;}
.extert_section_in p{ font-size:22px; font-weight: 500;}
.our_product_section{padding-top: 100px;}
.heading_wr{transform: rotate(-90deg); color: #172C41; font-weight: 900; text-transform: uppercase; font-size: 70px; width: 350px; text-align: right; float: right; margin-top: 100px;}
.our_product_list{width: 70%; float: right; background: #F3F3F3; border-radius: 20px 0 0 20px; overflow: hidden;}
.card_2 img{ height: 220px; width: 100%; object-fit: cover;}
.card_2 h4{color: #000000; font-size: 30px;}
.card_2 .more{color: #383838; text-transform: uppercase; }
.card_2 .more i{color: #FF6600; text-transform: uppercase; } 
.card_2{padding-bottom: 15px;}
.page_title{font-size: 40px; color: #000; font-weight: 800; text-transform: uppercase;}
.product_card{ background: #F5F5F5; border-radius: 5px; padding: 15px; border: #EBEBEB;}
.product_card_in{background: #fff; border: #EBEBEB solid 1px;}
.product_card_in img{width: 100%; }
.product_card h5{ font-size: 15px; color: #000; padding-top: 15px; font-weight: 500;}
.product_card h6{ font-size: 19px; color: #FF6600;font-weight: 600;}
.btn_4{ background: #242424; border-radius: 45px; color: #fff; font-size: 14px;font-weight: 500; text-transform: uppercase; padding: 5px 15px; margin: 5px 0;}
.product_description{border: #E4E4E4 solid 1px;}
.product_info h3{ font-size: 28px; color: #000; font-weight: 600;}
.product_info p{color: #383838; font-size: 15px; font-weight: 500;}
.t_color{color: #FF6600;}
.bg1{background: #FF6600;}
.bg2{background: #D9D9D9;}
.btn_01{ font-size: 19px; font-weight: 500; color: #fff; padding: 10px 25px; border-radius: 5px; background: #383838; text-transform: uppercase;}
.btn_02{ font-size: 19px; font-weight: 500; color: #fff; padding: 10px 25px; border-radius: 5px; background: #FF6600;text-transform: uppercase;}
.product_description{  border: #E4E4E4 solid 1px;}
.product_description h4{ font-size: 28px; color: #000; text-transform: uppercase; font-weight: 600; padding: 20px; margin: 0;}
.product_description table tr td{font-size: 15px; padding: 5px 15px;}
.message_box{background: #242424; padding: 50px 30px; border-radius: 10px;}
.message_box h3{ font-size: 40px; color: #fff; text-transform: uppercase;}
.message_box .form-label{ font-size: 16px; color: #888888; text-transform: uppercase;}
.message_box .form-control {border: #D9D9D9 solid 1px; background: none; border-radius: 0; color: #d6d6d6; }
.message_box .form-control::placeholder { color: #6b6a6a; }
.area_border{border: #D9D9D9 solid 1px; padding: 10px;}
.categories_box {background: #181818; border-radius: 40px; padding: 30px;}
.product_categories{ border-radius: 40px; box-shadow: hsla(0, 0%, 0%, 0.24) 0 4px 10px; padding: 25px;}
.product_categories_item p{ font-size: 14px; color: #383838;  margin-bottom: 5px;}
.product_categories_item h3{ font-size: 21px; color: #000000;  margin-bottom: 20px;}
.product_categories_item .card{border: #D6D6D6 solid 1px; border-radius: 15px; padding: 30px; text-align: center; height:290px;}
.categories_box h3{font-size: 40px; color: #fff; font-weight: 600; padding-bottom: 30px;}
.categories_box .form-check .form-check-input { float: right;}
.categories_box .form-check{padding: 0 20px 0 0;}
.categories_box .form-check-input:checked { background-color: #FF6600;border-color: #FF6600;}
.categories_box .form-check label{font-size: 17px; color: #888888;}
.categories_box .form-check label:hover{font-size: 17px; color: #FF6600;}
.categories_box hr{margin: 10px 0;}
.th_category{margin: 60px;}
.category_dark_box{border-radius: 40px; background: #181818; padding: 50px; min-height: 440px;}
.category_dark_box h2{ font-size: 40px; font-weight: 600; color: #fff;}
.category_dark_box p{ font-size: 17px;  color: #888888; padding-top: 15px;}
.category_dark_box .btn{ font-size: 16px;  color: #FFFFFF;  border: #D9D9D9 solid 1px; border-radius: 0; text-transform: uppercase; padding: 5px 15px; margin-top: 15px;}
.category_dark_box .btn i{ font-size: 16px;  color: #FF6600;  }
.about_con{font-size: 14px; color: #242424;}
.category_img_box{border-radius: 40px; background: #ffffff; padding: 50px; box-shadow: hsla(0, 0%, 0%, 0.253) 0 4px 10px}
.acout_icon_sec{text-align: center; background: #F3F3F3; border-radius: 15px; padding: 30px 20px;}
.acout_icon_sec h3{text-align: center; color: #000; font-size:20px; text-transform: uppercase; font-weight: 600;}
.acout_icon_sec img{height: 60px; margin-bottom: 10px;}



/* product image gallery start */
.product-viewer{ display: flex; flex-wrap: wrap;  overflow: hidden;}
.product-viewer .thumbnail-gallery{  display: none;  margin-right: 1rem;  }
.product-viewer .thumbnail-gallery .thumbnail-container{ border-radius: 10px; border: 1px solid #D9D9D9; margin-bottom: 10px; padding:5px; height: 80px; width:80px; display: flex;align-items: center;  cursor: pointer; }
.product-viewer .thumbnail-gallery .thumbnail-container:last-child{  margin-bottom: 0; }
.product-viewer .thumbnail-gallery .thumbnail-container:hover{  border: #FF6600 solid 1px; }
.product-viewer .thumbnail-gallery .thumbnail-container.is-active{ border: #FF6600 solid 1px; }
.product-viewer .product-img-container{  height: 280px;  width: 100%;  min-width: 200px;  display: flex; align-items: center;  justify-content: center;  }
.paginator{ display: flex; justify-content: space-between; align-items: center;  margin: 1rem;}
.paginator .button{ cursor: pointer;  color:#FF6600; border: 0; padding: 0;background: none; font-size: 25px;  }
.badge{ background-color: #333; color: white; padding: .5em 1em;  border-radius: 50px; letter-spacing: nowrap;  font-size: 12px;}
@media only screen and (min-width: 600px) {
.product-viewer .product-img-container{  height: 440px; width: 450px;  border: #D9D9D9 solid 1px; border-radius: 25px; padding: 30px;}
.product-viewer .thumbnail-gallery{   display: inline-block; }    
.product-viewer  .thumbnail-gallery .thumbnail-container.is-active{ border: #FF6600 solid 1px;     }
.paginator{  display: none;  }
} 
@media only screen and (min-width: 768px) {
  .product-viewer .product-img-container{  width: 550px;  }
} 
@media only screen and (min-width: 992px) {
  .product-viewer .product-img-container{   width: 450px; }
} 

@media only screen and (min-width: 1200px) {
product-viewer .product-img-container{ width: 750px; }
}
/* product image gallery end */



.gallery .column .out_g {position: relative;float: left;	width: 100%;	padding: 0;}
.gallery figure {	width: 100%;	margin: 0;	padding: 0;	background: #fff;	overflow: hidden;}
/* Zoom In #1 */
.hover01 figure img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.hover01 figure:hover img {-webkit-transform: scale(1.3);	transform: scale(1.3);}



@media only screen and (max-width:700px) {
.our_product_list{width: 100%; padding: 10px;  margin-top: 200px;}
.our_product{position: relative;}
.heading_wr{transform: rotate(0deg) !important; position: absolute; top: 0; margin: 0;}
.our_product .border-end{border: 0 !important;}
.our_product_list{border-radius: 10px;}
.extert_section .extert_section_in h3 { font-size: 25px;}
.extert_section_in h4 {   font-size: 30px;font-weight: 900;}
.extert_section_in{padding: 50px 5%;}
.acout_icon_sec .col{border: 0 !important ; padding: 10px;}


}