.bgset{
			background: #2dbcaa;
    color: #fff;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 4px;
		}
		
		
	       section {
            padding: 60px 0;
            min-height: 100vh;
        }
        
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        #features {
            background: #fff;
        }
        
        #features .icon {
            display: inline-block;
            width: 60px;
            height: 60px;
            border-radius: 4px;
            text-align: center;
            position: relative;
            z-index: 1
        }
        
        #features .content-left span {
            float: right;
        }
        
        #features .content-left .text {
            text-align: right;
        }
        
        #features .content-right span {
            float: left
        }
        
        #features .box-item {
            box-shadow: 0 0 12px #f4f4f4;
            padding: 15px;
            line-height: 22px;
            margin-top: 30px;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: all .3s ease-in-out;
            -mox-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            position: relative;
            top: 0
        }
        
        #features .box-item .icon {
            text-align: center;
            margin: 12px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear
        }
        
        #features .box-item .icon i {
           color: #2dbcaa;
            font-size: 30px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear
        }
        
        #features .box-item .text h4 {
            cursor: pointer;
            font-size: 18px;
			    color: #2dbcaa;
            font-weight: 500;
            line-height: 22px;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear
        }
        
        #features .box-item .text p {
            font-size: 14px;
            line-height: 26px
        }
        
        #features .box-item:hover {
            box-shadow: 0 10px 22px 10px rgba(27, 38, 49, .1)
        }
        
        #features .box-item:hover h4 {
            color: #2dbcaa
        }
        
        #features .show-box {
            margin-top: 50px
        }
        
        #features .show-box img {
            width: 100%
        }
		
		.slider-area h2 {
	text-align: center;
	font-family: impact;
	font-size: 60px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 100px 0 30px 0;
	color: #fff;
}
.wrapper {
	display: flex;
    width: 1125px;
    height: 135px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 180px;
    margin-top: -239px;
    padding: 2.5rem;
    background: #2dbcaa;
    box-shadow: rgb(253 253 253 / 51%) 0px 5px 15px;
}
.item {
	animation: animate 25s alternate linear infinite;
}
.container:hover .item {
	animation-play-state: paused;
}
@keyframes animate {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-1100px, 0, 0);
	}
}
@media (max-width:767px) {
	.slider-area h2 {
		font-size: 30px;
	}
	.wrapper {
		width: 95%;
		border-radius: 0;
		padding: 0;
	}
}



.container {
 
  display: flex;
  align-items: center;
  justify-content: center;
  
  .card {
       background-color: #2dbcaa;
    border-radius: 25px;
    padding: 0
  }
  
  .product-card {
    max-width: 222px;
    margin: 22px;
    box-shadow: 0 10px 15px rgba(0,0,100,0.05);
    cursor: pointer;

    .product-header {
      max-height: 150px;
    }
    
    .product-picture {
      position: relative;
      top: -70px;
      width: 100%;
      left: -2.5%;
    }
    
    .card-details {
      background-color: white;
      border-radius: 25px;
      padding: 15px;
      
      .product-name {
        font-weight: 500;
        font-size: 13pt;
        margin: 0;
      }
      
      .stars {
        color: #ffd145;
        font-size: 8pt;
        margin: 5px 0 30px 0;
        
        .fas {
          margin-right: 1px;
        }
      }
      
      .bottom-row {
        display: flex;
        justify-content: space-between;
        align-items:center;
        
        .price {
          font-size: 13pt;
          margin: 0;
		     color: #2dbcaa;

        }
        
        .add-cart {
          width: 32px;
          height: 32px;
        background-image: linear-gradient(120deg, rgb(45 188 170) 0%, rgb(30 136 123) 100.2%);  font-size:10pt;
          color: white;
          border: none;
          border-radius: 25px;
          cursor: pointer;
        } 
      }
      
    }
    
  }
  
}

@media(min-width : 180px) and (max-width : 650px) {
  
  .container {
    width: 100%;
    
    .product-card {
      max-width: 30%;
      margin: 5px;
      
      .product-header {
        max-height: 100px;
        
        .product-picture {
          position: relative;
          top: -50px;
          height: 150px;
          width: 150px;
          left: calc(50% - 75px);
        }
      }
      
      .card-details {
        
        .product-name {
          font-size: 11pt;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1; /* number of lines to show */
                  line-clamp: 1; 
          -webkit-box-orient: vertical;
        }
        
        .stars {
          color: #ffd145;
          margin: 5px 0 15px 0;
          font-size: 7pt;
        }
        
        .bottom-row {
          .price {
            font-size: 10pt;
          }
        }
      }
    }
  }
}


/* tabs start here */


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


/*Fun begins*/
.tab_container {
	width: 90%;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
}

input, section {
  clear: both;
  padding-top: 10px;
  display: none;
}

label {
 font-weight: 700;
    font-size: 18px;
    display: block;
    float: left;
    width: 33.3%;
    padding: 1.5em;
    color: #d9d9d9;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    background: #2dbcaa;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #999;
  border-bottom: 2px solid #f0f0f0;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}

.tab_container [id^="tab"]:checked + label {
  background: #fff;
  box-shadow: inset 0 3px #2dbcaa;

}

.tab_container [id^="tab"]:checked + label .fa {
  color: #2dbcaa;
}

label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}

/*Media query*/
@media only screen and (max-width: 900px) {
  label span {
    display: none;
  }
  
  .tab_container {
    width: 98%;
  }
}

/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}

.no_wrap {
  text-align:center;
  color: #0ce;
}
.link {
  text-align:center;
}

/* vehicle details */
.shell{
  padding:0px 0;
}
.wsk-cp-product{
  background:#fff;
  padding:15px;
  border-radius:6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  position:relative;
  margin:20px auto;
}
.wsk-cp-img{
  position:absolute;
  top:5px;
  left:50%;
  transform:translate(-50%);
  -webkit-transform:translate(-50%);
  -ms-transform:translate(-50%);
  -moz-transform:translate(-50%);
  -o-transform:translate(-50%);
  -khtml-transform:translate(-50%);
  width: 100%;
  padding: 15px;
  transition: all 0.2s ease-in-out;
}
.wsk-cp-img img{
  width:100%;
  transition: all 0.2s ease-in-out;
  border-radius:6px;
}
.wsk-cp-product:hover .wsk-cp-img{
  top:-40px;
}
.wsk-cp-product:hover .wsk-cp-img img{
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.wsk-cp-text{
  padding-top:115%;
}
.wsk-cp-text .category{
  text-align:center;
  font-size:12px;
  font-weight:bold;
  padding:5px;
  margin-bottom:45px;
  position:relative;
  transition: all 0.2s ease-in-out;
}
.wsk-cp-text .category > *{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
    
}
.wsk-cp-text .category > span{
  padding: 12px 30px;
  border: 1px solid #2dbcaa;
 background: #2dbcaa;
  color:#fff;
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  border-radius:27px;
  transition: all 0.05s ease-in-out;
  
}
.wsk-cp-product:hover .wsk-cp-text .category > span{
  border-color:#ddd;
  box-shadow: none;
  padding: 11px 28px;
}
.wsk-cp-product:hover .wsk-cp-text .category{
  margin-top: 0px;
}
.wsk-cp-text .title-product{
  text-align:center;
}
.wsk-cp-text .title-product h3{
  font-size: 20px;
    font-weight: bold;
    margin: 15px auto;
    overflow: hidden;
    line-height: 23px;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    width: 100%;
}
.wsk-cp-text .description-prod p{
  margin:0;
}
/* Truncate */
.wsk-cp-text .description-prod {
  text-align:center;
  width: 100%;
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  margin-bottom:15px;
}
.card-footer{
     padding: 9px 18px 5px;
    border: 1px solid #ddd;
}
.card-footer:after, .card-footer:before{
  content:'';
  display:table;
}
.card-footer:after{
  clear:both;
}

.card-footer .wcf-left{
  float:left;
  
}

.card-footer .wcf-right{
  float:right;
}

.price{
  font-size:18px;
  font-weight:bold;
}

a.buy-btn{
  display: block;
    color: #2dbcaa;
    text-align: center;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #2dbcaa;
  transition: all 0.2s ease-in-out;
}
a.buy-btn:hover , a.buy-btn:active, a.buy-btn:focus{
  border-color: #FF9800;
  background: #FF9800;
  color: #fff;
  text-decoration:none;
}
.wsk-btn{
  display:inline-block;
  color:#212121;
  text-align:center;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
  border-color: #FF9800;
  background: #FF9800;
  padding:12px 30px;
  border-radius:27px;
  margin: 0 5px;
}
.wsk-btn:hover, .wsk-btn:focus, .wsk-btn:active{
  text-decoration:none;
  color:#fff;
}  
.red{
  color:#F44336;
  font-size:22px;
  display:inline-block;
  margin: 0 5px;
}
@media screen and (max-width: 991px) {
  .wsk-cp-product{
    margin:40px auto;
  }
  .wsk-cp-product .wsk-cp-img{
  top:-40px;
}
.wsk-cp-product .wsk-cp-img img{
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
  .wsk-cp-product .wsk-cp-text .category > span{
  border-color:#ddd;
  box-shadow: none;
  padding: 11px 28px;
}
.wsk-cp-product .wsk-cp-text .category{
  margin-top: 0px;
}
a.buy-btn{
  border-color: #FF9800;
  background: #FF9800;
  color: #fff;
}
}





.imgnew {
  width: 100px;
  height: 100px;
  animation: scroll 60s linear infinite;
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
  background-color: whitesmoke;
  padding: 1em 2em;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%)}
}


.generated-class-1 {width:50%;}
.generated-class-2 {background: #2dbcaa;padding: 0px 9px 2px 9px;color: #fff;    border-radius: 15px;
                        }
.generated-class-3 {    margin-top: 50px;}
.generated-class-4 {background: #2dbcaa;
                           color: #fff;
                           padding-left: 7px;
                           padding-right: 7px;
                           font-weight: 700;
                           border-radius: 3px;}
.generated-class-5 {background: #2dbcaa;
                           color: #fff;
                           padding-left: 7px;
                           padding-right: 7px;
                           font-weight: 700;
                           border-radius: 3px;}
.generated-class-6 {background: #2dbcaa;
                           color: #fff;
                           padding-left: 7px;
                           padding-right: 7px;
                           font-weight: 700;
                           border-radius: 3px;}
.generated-class-7 {background: #2dbcaa;
                           color: #fff;
                           padding-left: 7px;
                           padding-right: 7px;
                           font-weight: 700;
                           border-radius: 3px;}
.generated-class-8 {max-width:114% !important}
.generated-class-9 {width: 95px;margin-top: -15px;}
.generated-class-10 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-11 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-12 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-13 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-14 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-15 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-16 {width: 95px;margin-top: -15px;margin-left:40px}
.generated-class-17 {margin-top: -95px;}
.generated-class-18 {    margin-left: 505px;}
.generated-class-19 {text-align:center}
.generated-class-20 {margin-top:60px;}
.generated-class-21 {background: #e7f1f0;margin-top: 120px;    padding-bottom: 105px;}
.generated-class-22 {    margin-left: 505px;}
.generated-class-23 {text-align:center}
.generated-class-24 {text-decoration:none;color: #999999;}
.generated-class-25 {text-decoration:none;color: #999999;}
.generated-class-26 {text-decoration:none;color: #999999;}
.generated-class-27 {text-decoration:none;color: #999999;}
.generated-class-28 {text-decoration:none;color: #999999;}
.generated-class-29 {text-decoration:none;color: #999999;}
.generated-class-30 {text-decoration:none;color: #999999;}
.generated-class-31 {text-decoration:none;color: #999999;}
.generated-class-32 {text-decoration:none;color: #999999;}
.generated-class-33 {width: 18rem;}
.generated-class-34 {border-top-left-radius: 24px;
                        border-top-right-radius: 24px;}
.generated-class-35 {color:#fff}
.generated-class-36 {width: 18rem;}
.generated-class-37 {border-top-left-radius: 24px;
                        border-top-right-radius: 24px;}
.generated-class-38 {color:#fff}
.generated-class-39 {text-align: center;padding-bottom: 25px;padding-top: 15px;}
.generated-class-40 {margin-top: 45px;}
.generated-class-41 {margin-left: -23px;margin-top:35px}
.generated-class-42 {color: #2dbcaa;}
.generated-class-43 {margin-left: -23px;margin-top:35px}
.generated-class-44 {color: #2dbcaa;}
.generated-class-45 {margin-left: -23px;margin-top:35px}
.generated-class-46 {color: #2dbcaa;}
.generated-class-47 {    margin-top: 21px;}
.generated-class-48 {font-weight: 700; color: #2dbcaa;}
.generated-class-49 {background-color:#2dbcaa;border:1px solid #2dbcaa}