/*---- Module Product cards -----*/
.module-left-content{position:relative; padding-left: 25px; margin-bottom: 30px;}
.product-cards-wrapper.small-card-layout .product-wrap{ margin-top: 0px; margin-bottom: 70px; width: 17.9%; border-radius: 5px; 
float: left; position: relative; margin-left:86px;background: var(--white);}
.product-cards-wrapper.small-card-layout .product-wrap:nth-child(3n+1){clear:both;}
.product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+1){margin-left: 15%;  }
.product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+4){margin-left: 0px;  }
.product-wrap .product-content-wrap{background:var(--light-grey-2); transition: all 0.4s ease-in-out; box-shadow: 24px 24px 40px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.350907), 4px 4px 16px rgba(0, 0, 0, 0.0782343);}

.product-wrap:hover .product-content-wrap p{color:var(--white);}
.product-wrap:hover .product-content-wrap{
box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.103884), -4px -4px 12px rgba(255, 255, 255, 0.164418), 4px 4px 12px rgba(0, 0, 0, 0.163844);}
.product-wrap a {text-decoration: none;display: inline-block;width: 100%;position: absolute;z-index: 1;height: 100%;font-size: 0;}
.product-wrap .product-image-wrap { width: 90px; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1); height: 90px; position: absolute; top: -26px; left: -28px; z-index:999;box-shadow: 24px 24px 40px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.350907), 4px 4px 16px rgba(0, 0, 0, 0.0782343);}
.product-wrap:hover .product-image-wrap
{box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.103884), -4px -4px 12px rgba(255, 255, 255, 0.164418), 4px 4px 12px rgba(0, 0, 0, 0.163844);}
.product-image-wrap:before {content: "";width: 100%;height: 100%;position: absolute;
background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);}

.product-wrap .product-card-title{color: var(--main-blue); text-transform: capitalize; margin-bottom: 0;font-weight: 400;font-size: 18px;line-height: 22px;position:absolute;}
.product-cards-wrapper.large-card-layout .product-wrap { transition: all 0.4s ease-in-out; margin-top: 15px; margin-bottom: 54px; width: 35%; border-radius: 4px; 
background: var(--white); float: left; position: relative;}
.product-cards-wrapper.large-card-layout .product-wrap .product-content-wrap{padding:13px 18px 18px 36.65%; min-height: 112px; border: 1px solid #dae1eb; position:relative; border-radius:4px;}
.product-cards-wrapper.large-card-layout .product-wrap:nth-child(2n+1){clear:both;}
.product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+1){margin-left: 20%;  }
.product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+2){margin-left: 10%;  }
.product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+3){margin-left: 5%;  }
.product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+4){margin-left: 10%;  }
.product-cards-wrapper.large-card-layout .product-wrap:last-child, .product-cards-wrapper.large-card-layout .product-wrap:nth-last-child(2) {    margin-bottom: 0;}
.product-wrap .product-content-wrap:before{top: 0; left: 0;content: "";width: 100%;height: 100%;top: 0;left: 0;
background: linear-gradient(147.83deg, rgba(30, 124, 255, 1.0) 0%, rgba(3, 23, 148, 1.0) 100%);position: absolute;opacity: 0;
transition: all ease-in-out 0.6s;}
.product-wrap:hover .product-content-wrap:before{opacity:1;}
.product-wrap .product-card-text{margin-bottom: 0;font-weight: 600;font-size: 1.2rem;line-height: 1.4rem;
position:absolute;margin-top: 27px;max-width:100px;}
.product-cards-wrapper.small-card-layout .product-wrap .product-content-wrap{padding:85px 10px 7px 10px; min-height: 112px; position:relative; border: 1px solid #dae1eb; border-radius:5px;}
.product-cards-wrapper.small-card-layout .product-wrap .product-card-title{font-size:1.4rem;word-wrap: break-word;line-height: 1.7rem;text-transform: capitalize;font-weight: 600; position:absolute;}
.module-product-cards .module-left-content h2 {     font-family: var(--font-main);   margin-bottom: 28px;}

@media all and (min-width:768px) and (max-width:1170px){
  .product-cards-wrapper.small-card-layout{padding-top:16px;}
  .product-wrap .product-image-wrap{left:-35px;}
  .product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+1) { margin-left: 12%; }
  .product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+4){margin-left: 35px;  }
}

@media all and (min-width:768px) and (max-width:991px){
  .product-cards-wrapper.small-card-layout .product-wrap{width:23.5%; margin-left:70px;}
  .product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+1) { margin-left:10%;}
}

@media all and (max-width:767px){

  .product-cards-wrapper.large-card-layout{padding-top:10px;}
  .product-cards-wrapper.small-card-layout{padding-top:26px;}
  
  .product-cards-wrapper.small-card-layout .product-wrap, .product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+1), .product-cards-wrapper.small-card-layout .product-wrap:nth-child(6n+4){ width: 46%; margin: 0 0 65px 0; padding-left: 30px;}
  .product-cards-wrapper.small-card-layout .product-wrap a{ width: calc(100% - 30px);}
  .product-cards-wrapper.small-card-layout .product-wrap:nth-child(3n+1){clear:none;}
  .product-cards-wrapper.small-card-layout .product-wrap .product-image-wrap{left:0;}
  
  .product-cards-wrapper.small-card-layout .product-wrap:nth-child(2n+1){clear:both;}
  .product-cards-wrapper.small-card-layout .product-wrap:nth-child(2n){float:right;}
  
}
@media all and (max-width:540px){
  .product-cards-wrapper.large-card-layout .product-wrap{width:70%;}
  .product-cards-wrapper.large-card-layout .product-wrap .product-content-wrap { padding: 30px 18px 18px 80px; }
  .product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+1), .product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+3) { margin-left:  28px; }
  .product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+2), .product-cards-wrapper.large-card-layout .product-wrap:nth-child(4n+4) { margin-left: 30%; }
  .product-cards-wrapper.large-card-layout .product-wrap:nth-last-child(2){margin-bottom: 54px;}
  .product-cards-wrapper.large-card-layout .product-wrap .product-content-wrap .product-card-text { max-width: 150px;}
}