/*-----------slider---------------*/



#carouselExample {
  position: relative;
  height: 70vh;
  overflow: hidden;
	transition: height 0.5s ease-in-out;

}


.slider-collapse {
  height: 20vh !important;
  transition: height 0.5s ease-in-out;
  overflow: hidden;
}


.carousel-inner img {
    height: 70vh;
    object-fit: cover;
}




  .carousel-text{
    height: 100%;
  }
  .carousel-text h2 {
    font-size: 2rem;
    font-weight: bold;
  }
  
  .carousel-indicators button {
    width: 15px!important;
    height: 15px!important;
    border-radius: 50%!important;
    background-color: transparent!important;
    border: 2px solid #fff!important;
    opacity: 0.7!important;
    transition: opacity 0.3s ease, transform 0.3s ease;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
}
  
  .carousel-indicators button.active {
    border: 3px solid #fff!important;
    opacity: 1;
    
  }
  


.slider_text1{
    position: absolute;
    font-size: 1.5rem;
    display: block;
    width: 100%;
    left: 0;
    margin: auto;
    bottom: 0;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    padding-left: 50px;
    padding: 35px 50px;
    bottom: 50px;
    text-align: left;
}


.slider-video
{
  width: 100% !important;
  height: 70vh;
  object-fit: cover;
}




.carousel-indicators button.active {
  border: 3px solid #fff !important;
  opacity: 1;
  background: #A5A5A5!important;
}
@media only screen and (min-width: 1024px) {
.carousel-indicators{
 
  bottom: 40px;
 text-align: center;
}
}

@media only screen and (max-width: 991px) {
 .carousel-inner img {
    height: 40vh;
    object-fit: cover;
}
#carouselExample {
  position: relative;
  height: 40vh;
	}
  }

@media only screen and (max-width: 1023px) {
    .carousel-indicators .container {
        display: flex;
        justify-content: center;
    }
}



/*--------------------------*/

.section-about
{
    padding: 50px 0;
}

.section1_title
{
    font-size: 2rem;
    font-weight: bold;
}

.about-button
{
   background-color: var(--primery);
   padding: 5px 15px;
   color: #fff;
   border-radius: 5px;
}


@media only screen and (max-width: 991px) {

.section1_title {
  font-size: 1.5rem;


}

}
/*--------------------------*/

.section-section1{
	
padding:	50px 0;
	background:#EBEBEB
	
}


.category1_img,.category2_img
{
	    height: 500px;
    width: 100%;
    object-fit: cover;
}

.category3_img
{
	    height: 300px;
    width: 100%;
    object-fit: cover;
}
.section-section1 figure{
	
	margin:0;
    overflow: hidden;
	
}

.section-section1 figure img {
  
    object-fit: cover;
    height: 100%;
    transform: translateX(-30px) scale(1.2);
    transition: transform 0.3s ease-in-out;
    -webkit-transform: translateX(-30px) scale(1.2);
    -moz-transform: translateX(-30px) scale(1.2);
    -ms-transform: translateX(-30px) scale(1.2);
    -o-transform: translateX(-30px) scale(1.2);
}

.section-section1 figure:hover img {
    transform: translateX(30px) scale(1.2);
    transition: transform 0.3s ease-in-out;
    -webkit-transform: translateX(30px) scale(1.2);
    -moz-transform: translateX(30px) scale(1.2);
    -ms-transform: translateX(30px) scale(1.2);
    -o-transform: translateX(30px) scale(1.2);
}











.category-link{
	position:relative	
	
}
.category_txt{
	
	position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
	
	
}




@media only screen and (max-width: 991px) {
	
.section-section1{
	
padding:	30px 0
	
}	
.category_txt{

    font-size: 1rem;
	
	
}
	
.category1_img, .category2_img {
    height: 300px;
  
}	
	
.category3_img {
    height: 100px;	
	
}
}

/*-----------------------------*/
.section-section2{
	
	
	padding:	50px 0
	
}

ul.brand-thumbnails {

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
 ul.brand-thumbnails li {

    margin: 0;
    padding: 0;
    width: 15%;
}
.brand-thumbnails li img {
 
    width: 145px;
    height: 86px;
     margin: auto;
    display: flex
}

ul.brand-thumbnails li {
 
    margin: auto;
    display: flex;
    justify-content: center;
}


@media screen and (max-width: 991px) {
    ul.brand-thumbnails li:not(.fluid-columns) {
        width: 33% !important;
         margin-bottom: 30px !important;  
    }
}

@media screen and (max-width: 767px) {
    ul.brand-thumbnails li:not(.fluid-columns) {
        width: 50% !important; 
    }
}
@media only screen and (max-width: 991px) {
	
.section-section2{
	
padding:	30px 0
	
}	
	
}
/*-------*/

.section-section3{
	
	
	padding:30px 0 50px 0;

	
}

 .tabs {
      display: flex;
      
     
    }

    .tab {
      
      cursor: pointer;
      padding: 0 0 30px 50px;
    }

    .tab.active {
  
      color: #F83600;
    }

    .tab-content {
      display: none;
		    position: relative;
    }

    .tab-content.active {
      display: block;
    }

    .swiper {
      width: 100%;
    }

  
.price del
{
	    padding-left: 45px;
    display: block;
    opacity: .5;
	
}
@media only screen and (max-width: 991px) {
	
.tab {
    cursor: pointer;
    padding: 0 0 10px 20px;
    font-size: .9rem;
}
	
.section-section3
 {
    padding: 0 0 30px 0;
}	
	
}

/*-------*/
.section-section4{
	
	
	padding:	30px 0;
	background:#EBEBEB
	
}

@media only screen and (max-width: 991px) {
	
.section-section4{
	
padding:0
	
}	
	
}


.swiper-column{
position:relative	
	
}