.card.distributor-card {
     box-shadow: 0px 0px 2px 0px #0000001F;
     box-shadow: 0px 1px 6px 0px #00000024;
     background: #FFFFFF;
     border-radius: 16px;
     border: none;
 }

 .card.distributor-card .card-body {
     padding: 12px;
     height: 224px;
 }

 .card.distributor-card .card-body .card-title {
     font-family: Rubik;
     font-weight: 500;
     font-style: Medium;
     font-size: 17px;
     line-height: 22px;
     letter-spacing: -0.5px;
     color: #101010;
     margin-bottom: 2px;
 }

 .card.distributor-card .card-body .card-text-arn {
     font-family: Rubik;
     font-weight: 400;
     font-style: Regular;
     font-size: 12px;
     line-height: 15px;
     letter-spacing: -0.24px;
     color: #949494;
     margin-bottom: 4px;
 }

 .card.distributor-card .card-body .card-text-arn strong{
    font-weight: 400;
 }

 .card.distributor-card .card-body .card-text-address {
     font-family: Rubik;
     font-weight: 400;
     font-style: Regular;
     font-size: 15px;
     line-height: 20px;
     letter-spacing: -0.4px;
     margin-bottom: 8px;
     color: #4B4B4B;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     min-height: 60px;
     max-height: 60px;
 }

 .card.distributor-card .card-body .card-text-phone,
 .card.distributor-card .card-body .card-text-email {
     font-family: Rubik;
     font-weight: 500;
     font-style: Medium;
     font-size: 17px;
     line-height: 22px;
     letter-spacing: -0.5px;
     color: #0086DD;
     padding: 13px 0px 9px 0px;
     margin-bottom: 0px;
 }

 .card.distributor-card .card-body .card-text-phone a, .card.distributor-card .card-body .card-text-email a {
    color: #0086DD;
 }

 .card.distributor-card .card-body .card-text-email {
     display: inline-block;
     max-width: 218px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: middle;
 }

 .card.distributor-card .badge-number {
     position: absolute;
     top: 0px;
     right: 0px;
     background: #E0B972;
     color: white;
     padding: 3px 10px;
     font-weight: bold;
     font-size: 0.85rem;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 0px;
     border-top-left-radius: 0px;
     font-family: Rubik;
     border-top-right-radius: 16px;
     font-weight: 500;
     font-style: Medium;
     font-size: 13px;
     line-height: 18px;
     letter-spacing: -0.3px;
     text-align: center;
     vertical-align: middle;
 }

 @media only screen and (max-width:768px) {
     .distributors .block-distributors .row {
         display: flex;
         overflow-x: scroll;
         overflow-y: hidden;
         flex-direction: row;
         flex-wrap: nowrap;
         padding-bottom: 6px;
     }

     .distributors .block-distributors .row .col {
         width: 256px;
         padding-left: 6px;
         padding-right: 6px;
     }
     .distributors .h2-header{
        margin-bottom: 12px !important;
     }
     .card.distributor-card .card-body .card-title{
        width: 195px; /* Adjust based on how many characters you want to show */
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
     }
 }

 @media only screen and (min-width:1025px) {
     .distributors .row.row-cols-1 {
         gap: 16px;
         justify-content: center;
     }

     .distributors .row.row-cols-1 .col {
         width: 257px;
         padding: unset;
     }
     .card.distributor-card .card-body .card-title{
        width: 218px; /* Adjust based on how many characters you want to show */
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
     }
 }