

.faq{margin-top: 70px; margin-bottom: 50px;}

details{
background-color: transparent;
  color: #fff;
  font-size: 18px;
  border-radius: 12px;
  margin-bottom: 20px;
}

summary { background: rgb(17,208,227);
background: linear-gradient(323deg, rgba(17,208,227,1) 0%, rgba(53,136,204,1) 52%, rgba(14,100,117,1) 100%);
border-radius: 12px;
  padding: 15px 20px;
  list-style: none;
  display: flex;
  justify-content: space-between;  
  transition: height 1s ease;
}

summary::-webkit-details-marker {
  display: none;
}

summary:after{
  content: "\002B";
}

details[open] summary {
 
}

details[open] summary:after{
  content: "\00D7";
}

details[open] div{
  padding:  20px;
  color: black;
     border-left: 2px solid transparent;
	 border-bottom: 2px solid transparent;
	   border-right: 2px solid transparent;
	    background: 
    linear-gradient(#fff 0 0) padding-box, /*this is your grey background*/
    linear-gradient(to right, #3588cc, #11d0e3) border-box;
	   
border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	 margin-top: -10px;
	 
    margin-bottom: .5em;
}







.product-company-summary3 {

    border-radius: 12px;
    padding: 20px;
    background-color: #fff;
	margin-top: 17px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.product-company-summary5 {
margin-left: -10px;
    border-radius: 12px;
    padding: 20px;
	margin-top: 17px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);

background-color: transparent;
background-image: linear-gradient(0deg, #3588CC 0%, #2EA9E4 63%);}



 .woocommerce .single-product-company-description{
color: black;
font-size: 16px;
}


 .woocommerce .product-company-summary1 h2{

font-size: 22px;
border-left: 4px solid #3588cc; padding-left: 10px; margin-top:30px;
}

.product-company-summary1{margin-left: -10px;   border-radius: 12px;
    padding: 5px 20px 30px 20px;
    background-color: #fff;
	margin-top: 17px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);
}





.list-coupon{ margin: 0px 0 0 0; text-align: center;}
.main-list .list-coupon  .woocommerce ul.products li.product .woocommerce-product-add-to-cart-wrapper, .woocommerce-page ul.products li.product .woocommerce-product-add-to-cart-wrapper {
  margin-top: -20px;
  text-align: center;
 
}
.shop-link {display: none}
.main-list .photo{margin: 0px; 
position: static;
padding: 10px;    
-webkit-padding-start: 10px;
    -webkit-padding-end: 10px;
    -webkit-padding-before: 10px;
    -webkit-padding-after: 10px;;
 }

.main-list .photo img{border-radius: 12px}


.main-list .list-description a h2{text-align: left; color: #fff; 	}
.main-list .list-description .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
 color: #3588cc;
}


.main-list{background-color: #fff;
border-radius: 12px;
padding: 15px 10px 30px 10px;
/* box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05); */
top: 50%;
    border: 3px #3588cc dashed;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

margin: 2% 0;}







.product-company-summary3 {

    border-radius: 12px;
    padding: 20px;
    background-color: #fff;
	margin-top: 17px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.product-company-summary5 {
margin-left: -10px;
    border-radius: 12px;
    padding: 20px;
	margin-top: 17px;
	margin-bottom: 20px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05);

background-color: transparent;
background-image: linear-gradient(0deg, #3588CC 0%, #2EA9E4 63%);}



 .woocommerce .single-product-company-description{
color: black;
font-size: 16px;
}



.padding0{padding:5px 0 0px 0; margin: 0;}

.top20{margin-top: -20px;}
.top30{margin-top: 30px;}
.left30{margin-left: -20px; margin-right: 20px;}



.ribbon-container {
  width:120px;
  height:120px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
.ribbon {
  font-size:20px;
  font-weight: bold;
  color:#fff;
  text-align: center;
  text-shadow: rgba(0,0,0,0.8) 0px 1px 0px;
  transform: rotate(45deg);
  position: relative;
  padding: 5px;
  left: -5px;
  top: 25px;
  width: 160px;
  background-image: -webkit-gradient(linear, left top, left bottom,  from(rgb(53,136,204)), to(rgb(53,168,224)));
  box-shadow:0px 0px 3px rgba(0,0,0,0.3);
}



.side-image {margin-top: 17px; margin-left: -10px;}
.side-image img{border-radius: 12px; box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.05); width: 100%;}

