.cus_cards_row{
  padding-top:50px;
}
.customer-section> .row {
    display: flex;
    justify-content: space-between;
	flex-direction: column;
}

.cus_cards_row> .row{
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
	row-gap:30px;
}
.cus_card_box {
    border: 1px solid #e7e7e7;
    padding: 15px;
    height: 100%;
	display: flex;
    flex-direction: column;
}
.cus_cards_row> .row>.col4 {
    flex: 0 0 calc(25% - 8px);
}
.cus_card_imgs {
    position: relative;
    padding-bottom: 20px;
}

.cus_card_imgs .chair-img {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    aspect-ratio: 28 / 31;
    object-fit: cover;
    width: 90px;
}
.cus_card_imgs img:not(.chair-img) {
    width: 100%;
    aspect-ratio: 28 / 31;
    object-fit: cover;
}
.cus_name_subs {
    padding-bottom: 5px;
    border-bottom: 1px solid #E7E7E7;
}
.cus_name_subs h4 {
    font-size: 24px;
    line-height: 36px;
    margin: 0;
	text-transform:uppercase;
}
.cus_name_subs p {
    font-size: 14px;
    line-height: 21px;
    color: #00B2FF;
    text-transform: uppercase;
}

.cus_bio_content {
    display: flex;
    gap: 20px;
    padding-top: 5px;
}
.cus_bio_content h4{
font-weight: 700 !important;
  text-transform: uppercase;
   width: 50px;
    margin-bottom: 0;
}

  
.cus_bio_content h4,.cus_bio_content div span ,.cus_bio_content p span,.cus_bio_content p{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
   
}
.cus_bio_content p ,.cus_bio_content p span{
    font-size: 14px;
    line-height: 21px;
}
.cus_btn {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
    width: 100%;
    margin-top: auto;
}
.cus_btn a {
    padding: 11px 20px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 50px;
}
.cus_btn a span {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
}


.mobile-content{
    display:none;
  }
p.btn-description {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 1px;
    font-weight: 400;
}
.slide-item {
    max-width: 86px;
    height: 86px;
    border: 1px solid gainsboro;
    border-radius: 100%;
    padding: 6px;
}
.slide-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.slide-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.soacial_links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.soacial_links a {
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 34px;
    transition: .3s;
}
.soacial_links a:hover{background:#494a52;}
.soacial_links a svg {
    width: 25px;
    height: 25px;
    fill: #494a52;
}
.soacial_links a:hover svg {
  fill:#fff;
  transition: .3s;
}
@media only screen and (max-width:767px){
  .soacial_links {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
		.cus_cards_row>.row>.col4 {
			flex: 0 0 calc(50% - 5px);
		}
  .cus_cards_row{
  padding-top:25px;
}
  .mobile-content {
    display:block;
  }
  .mobile-content .cus_bio_content {
    display: none;
  }
  .mobile-content .mobile-description-01 {
    display: none;
  }
		.cus_btn {
			gap: 12px;
			margin-top: 15px;
			padding: 16px;
			background: #FAFAFA;
		}
		.cus_bio_content div, .cus_bio_content p, .cus_bio_content p span {
			font-size: 12px;
			line-height: 18px;
		}
		.cus_bio_content h4, .mobile-description-01 h4 {
			font-size: 12px;
			font-weight: 700;
			line-height: 18px;
			margin-bottom: 0;
			width: 50px;
		}
		.cus_bio_content {
			padding: 8px 0;
			border-bottom: 1px solid #E7E7E7;
		}
		.mobile-description-01 {
			padding: 10px 0 0;
		}
		.mobile-description-01 p {
			font-size: 12px;
			line-height: 18px;
		}
		.cus_card_box{
			border:none;
		}
  .storySlide .slick-track{
    display:flex;
    height:86px;
    gap:10px;
  }
  .storySlide {
   /* margin-bottom:0 !important;*/
  }
  .row.storySlide:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 50px;
    background: linear-gradient(92deg, #ffffff, #ffffff61, #ffffff00 70%);
    height: 100%;
    z-index: 1;
}
   .row.storySlide:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 50px;
    background: linear-gradient(92deg, #ffffff00, #ffffff61, #fffffff0 70%);
    height: 100%;
    z-index: 1;
}

}

@media only screen and (max-width:490px){
		.cus_cards_row>.row>.col4 {
			flex: 0 0 calc(100% - 0px);
		}