* {
  padding: 0;
  margin: 0;
}

img {
  border: none;
  outline: none;
  /*max-width: 100%;*/
}

a {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
}

.default-padding.bottom-less {
  padding-top: 120px;
  padding-bottom: 90px;
}

/* Product Heading */
.product .heading {
  margin-bottom: 30px;
  display: block;
}

.heading.inc-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 25px;
}

.bg-blue {
  background-color: #001270;
}

.header_our {
  color: #fff;
  margin-top: -80px;
}

.header_our_description {
  color: #fff;
  margin-bottom: -50px;
}

/* ==============================================================
     # Trend Products
=================================================================== */

.trend-product-area .trend-items .equal-height {
  margin-bottom: 50px;
}

.trend-product-area .trend-items .item {
    border-radius: 4px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 0px 0px 22px;
    box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
    border-radius: 35px;
}



.trend-product-area .trend-items .item:after {
    position: absolute;
    content: "";
    right: 0%;
    top: 0;
    height: 100%;
    width: 0%;
    z-index: -1;
    background: #0575ff;
    border-radius: 4px;
    transition: 0.5s;
}

.trend-product-area .trend-items .item:hover:after {
    width: 100%;
    left: 0%;
}



.trend-product-area .trend-items .item .top-info {
  padding: 13px;
}

.trend-product-area .trend-items .item .bottom-info {
  /*padding: 25px;*/
  /*border-top: 1px solid #e7e7e7;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 80%;
}

.trend-product-area .trend-items .item .bottom-info .price {
  float: right;
}

.trend-product-area .trend-items .item .bottom-info .icon {
  float: left;
}

.trend-product-area .trend-items .item .bottom-info h4 {
  margin: 0;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #666666;
}

.trend-product-area .trend-items .item .bottom-info a {
  display: inline-block;
  color: #ff0081;
  border: 2px solid #ff0063;
  padding: 5px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 600;
}

.trend-product-area .trend-items .item .top-info h4 a {
  font-weight: 600;
  line-height: 1.4;
}

.trend-product-area .trend-items .item .top-info .author {
  margin-bottom: 15px;
  display: block;
}

.trend-product-area .trend-items .item .top-info .author a {
  color: #0078ff;
  font-weight: 500;
}

.trend-product-area .trend-items .item .top-info .item-type {
  margin-bottom: -5px;
  display: flex;
  justify-content: space-between;
}

.trend-product-area .trend-items .item .top-info .item-type a,
.trend-product-area .trend-items .item .top-info .item-type p {
  text-transform: capitalize;
  font-weight: 500;
  color: #666666;
  letter-spacing: 0.5px;
  margin: 0;
  font-family: "Poppins", sans-serif;
}

.trend-product-area .trend-items .item .top-info .item-type a > i,
.trend-product-area .trend-items .item .top-info .item-type p > i {
  margin-right: 3px;
  color: #0078ff;
}

.trend-product-area .trend-items .item .top-info .item-type .rating i {
  display: inline-block;
  color: #fec42d;
  font-weight: 600;
}

.trend-product-area .trend-items .item .top-info .item-type .rating .no-rating i {
  color: #666666;
  font-weight: 500;
}

.trend-product-area .trend-items .item .top-info .item-type .rating .three-out-of-five i:nth-child(4),
.trend-product-area .trend-items .item .top-info .item-type .rating .three-out-of-five i:nth-child(5) {
  font-weight: 500;
}

.trend-product-area .trend-items .item .top-info .item-type .rating .four-out-of-five i:nth-child(5) {
  font-weight: 500;
}

.trend-product-area .trend-items .item .top-info .author span {
  color: #666666;
}

.trend-product-area .trend-items .item .top-info .author span a {
  color: #666666;
}

/* Trend product overlay */
.trend-product-area .trend-items .item .thumb {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.trend-product-area .trend-items .item img {
  display: inline-block;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  max-width: 100%;
}

.trend-product-area .trend-items .item .thumb .overlay {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -30%);
  -webkit-transform: translate(0, -30%);
  -moz-transform: translate(0, -30%);
  -ms-transform: translate(0, -30%);
  -o-transform: translate(0, -30%);
  right: 0;
  text-align: center;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  opacity: 0;
  padding: 15px;
}

.trend-product-area .trend-items .item .thumb .overlay a {
  display: inline-block;
  padding: 10px 30px;
  background: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 5px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.trend-product-area .trend-items .item:hover .thumb .overlay {
  opacity: 1;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.trend-product-area .trend-items .item .thumb .overlay a:last-child {
  background: #0078ff;
  color: #ffffff;
}


.trend-product-area .trend-items .item img {
    height: 250px;
    width: 280px;
    margin-left: 65px;
    display: block;
    border-radius: 15%;
    background-color: #440022;
    background-repeat: no-repeat;
    resize: both;
    background-size: cover;
    border: 12px solid #c17ac5;
    margin-top: 25px;
    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;
  }


@media only screen and (max-width: 991px) {
  .trend-product-area .trend-items .item img {
   height: 250px;
    width: 280px;
    margin-left: 30px;
    display: block;
    border-radius: 15%;
    background-color: #440022;
    background-repeat: no-repeat;
    resize: both;
    background-size: cover;
    border: 12px solid #c17ac5;
    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1;
  }
  

  .trend-product-area .trend-items .item .bottom-info a {
    display: inline-block;
    color: #ff0063;
    border: 2px solid #ff0063;
    padding: 5px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: -20px;
  }

  .header_our {
    color: #fff;
    margin-top: -80px;
    font-size: 27px;
  }

  .header_our_description {
    color: #fff;
    margin-bottom: -50px;
    font-size: 13px;
  }
}