.search_box {
		background-color:#ddd;
	}
	.mb-20 {
		margin-bottom: 20px;
	}
	.form-group select {
		width: 225px;
		padding: 6px 15px;
	}
	.form-group .btn {
		width: 225px;
		padding: 6px 15px;
	}
	.w50 {
		width: 48%;
		display: inline-block;
	}
	.li_t_cls {
		display: inline-block;
		margin-bottom: 10px;
	}
	.code_link {
		display: inline-block;
		padding: 3px 5px;
		margin-bottom: 5px;
	}
	.tab-pane {
		display: none;
	}
	.tab-pane.show {
		display: block;
	}

/* Style the tab links */
.nav-tabs .nav-link {
    font-size: 14px;
    padding: 5px 15px;
    color: #333;
  text-decoration: none;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  
  transition: background-color 0.3s ease;
}

/* Style the active tab link */
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #007bff; /* Replace with your desired active tab color */
  border-color: #007bff;
  border-radius: 4px 4px 0 0;
}

/* Style the tab content */
.tab-content {
  padding: 20px;
  border-radius: 0 0 4px 4px;
}

/* Style the tab content panes */
.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}
.nav li {
    padding: 5px 0px!important;
}
body .elementor-widget:not(:last-child) {
    padding-top: 30px;
}
.nav-tabs .nav-link:hover {
  background-color: #e9ecef;
}
.nav-tabs-container {
  background-color: #f1dc1e; /* Replace with your desired color */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.mb-3{
        margin: unset;
        padding:15px;
    background-color: #f1dc1e;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.nav .nav-tabs .mb-3 {
    padding: 20px;
    border-radius: 8px;
}

/*list of products*/
/* Style the type_data container */
.type_data {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-image: url(https://cw.com2go.co/wp-content/uploads/2023/08/cover-img-tabs.jpg);
  /*background: linear-gradient(45deg, #f9f9f9, #d1d1d1);*/
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-wrap: wrap;
}

/* Style the strong text inside type_data */
.type_data strong {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  width: 100%;
}

/* Style the anchor links inside type_data */
.type_data a.code_link {
  width: 10%;
  color: #007bff; /* Link color */
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

/* Hover effect for anchor links */
.type_data a.code_link:hover {
  color: #fff; /* Text color on hover */
}

/* Add spacing between anchor links */
.type_data a.code_link:nth-child(4n+1),
.type_data a.code_link:nth-child(4n+2),
.type_data a.code_link:nth-child(4n+3) {
  margin-right: 10px;
}

/* Add spacing between rows */
/*.type_data a.code_link:nth-child(n+3) {*/
/*  margin-top: 10px;*/
/*}*/

/* Clear floating at the end of the row */
.type_data::after {
  content: "";
  display: table;
  clear: both;
}

.shell{
  padding:80px 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:150%;
}
.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 #313131;
  background:#212121;
  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;
    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%;
  height:62px;
  overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  margin-bottom:15px;
}
.card-footer{
  padding: 25px 0 5px;
  border-top: 1px solid #ddd;
}
.card-footer:after, .card-footer:before{
  content:'';
  display:table;
}
.card-footer:after{
  clear:both;
}

.card-footer .wcf-left{
  /*float:left;*/
  text-align:center;
}

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

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

a.buy-btn{
  display:block;
  color:#212121;
  text-align:center;
  font-size: 18px;
  width:35px;
  height:35px;
  line-height:35px;
  border-radius:50%;
  border:1px solid #212121;
  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;
}
}

/**/

.menu-brand {

    margin: 0 ;
    width: 100%;
    display: flex ;
    height: 10.4em ;
    user-select: none ;
    position: relative ;
    align-items: center ;
    padding: 0 1.9em 2.5em ;
    justify-content: center ;
    background-color: #fefefe ;
    border-radius: 1em 1em 4.5em 4.5em ;
    -webkit-tap-highlight-color: transparent ;

}

@media (max-width: 42.625em) {
  
  .menu-brand {
    
    font-size: .55em ;
    
  }
  
}

.menu-brand::after {

    height: 5% ;
    width: 35% ;
    bottom: 10% ;
    content: " " ;
    position: absolute ;
    border-radius: 1em ;
    background-color: #f2f3f4 ;


}

.menu-brand__item {

    all: unset ;
    flex-grow: 1 ;
    display: flex ;
    cursor: pointer ;
    overflow: hidden ;
    padding-top: 0.5em ;
    position: relative ;
    align-items: center ;
    color: var(--color-1) ;
    justify-content: center ;
    transition: flex-grow var(--duration) var(--cubic) ;
    
}

.menu-brand__icon {
    
    font-size: 1.05em ;
    stroke: currentColor ;
    transition: transform var(--duration) var(--cubic) ;
    
}

.menu-brand__item::before {

    top: 9% ;
    left: 18.4% ;
    width: 1.5em ;
    height: 1.5em ;
    content: " ";
    position: absolute ;
    border-radius: 50% ;
    transform: scale(0) ;
    transform-origin: center ;
    background-color: #fdecef ;
    transition: transform var(--duration) var(--cubic) ;

}

.menu-brand__item::after {

    left: 0;
    bottom: 0 ;
    content: " " ;
    height: 0.25em ;
    position: absolute ;
    border-radius: 2em ;
    transform-origin: left center ;
    background-color: currentColor ;
    width: calc( var(--lineWidth) + 5px ) ;
    transform: translate3d(3em , 0, 0) scaleX(0) ;
    transition: transform calc( var(--duration) + .2s) var(--cubic) ;

}


.menu-brand__text {

    left: 4.15em ;
    font-size: 1.5em ;
    position: absolute ;
    text-transform: capitalize ;
    letter-spacing: .01em ;
    transform: translate3d(0, 109%, 0) ;
    transition: transform calc( var(--duration) / 3.7 ) ;

}

.menu-brand__item.active {
    
    flex-grow: 2.7 ;
    color: var(--color-2) ;
    
}

.menu-brand__item.active .menu-brand__icon {
    
    transform: translate3d(-95% , 0, 0) ;

    
}

.menu-brand__item.active::before {

    transform: scale(1) ;

}

.menu-brand__item.active::after {

    transform: translate3d(6.3em , 0, 0) scaleX(1) ;
    transition: transform var(--duration) var(--cubic) ;

}

.menu-brand__text.active {

    transform: translate3d(0 , 0, 0) ;
    transition: transform calc(var(--duration) / 1.5) ;
}

.icon {


    fill: none ; 
    width: 2.5em ;
    height: 2.5em ;
    display: block ;
    stroke-width: 15 ;
    stroke-miterlimit: 10 ;
    
}