.card-top-banner {
      position: relative;
      height: 140px;
      background: linear-gradient(135deg, #0f1e2e, #1a3d1a);
      border-radius: 20px 20px 0 0;
    }

    .avatar-wrap {
      position: absolute;
      left: 50%;
      bottom: -15px;
      /* Move image upward */
      transform: translateX(-50%);
      width: 120px;
      height: 120px;
      border-radius: 50%;
      overflow: hidden;
      border: 5px solid #72bf44;
      background: #fff;
      z-index: 999;
    }

    .avatar-img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: fill;
      display: block;
    }

    .card-body-front {
      padding-top: 65px;
    }

    #btn1 {
      border: none;
      width: 140px;
      height: 50px;
      background-color: #6aaa2a;
      color: white;
      border-radius: 20px;
    }

/* Review Section */
 /* ==========================================
   REVIEWS SECTION
========================================== */

#reviews{
    background:#f8f9fa;
    padding:80px 0;
}

.reviews-slider{
    overflow:hidden;
    width:100%;
}

.reviews-track{
    display:flex;
    gap:25px;
    transition:transform .5s ease;
}

.review-card{

    flex:0 0 calc(33.333% - 17px);

    background:#24262d;

    color:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    transition:.35s;

    display:flex;

    flex-direction:column;

}

.review-card:hover{

    transform:translateY(-8px);

}

.review-image{
    width:100%;
    height:300px;
    overflow:hidden;
}

.review-image img{
    width:100%;
    height:100%;
    object-fit:100% 100%;
    object-position:center top;
    display:block;
}
.review-card:hover .review-image img{

    transform:scale(1.08);

}

.review-content{

    padding:25px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.review-content h3{

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

    text-align:center;

    color:#fff;

}

.review-content p{

    font-size:15px;

    line-height:1.8;

    color:#ddd;

    margin:0;

    text-align:left;

    word-break:break-word;

    overflow-wrap:break-word;

    white-space:normal;

}

/* Tablet */

@media(max-width:991px){

.review-card{

flex:0 0 calc(50% - 13px);

}

.review-image{

height:200px;

}

}

/* Mobile */

@media(max-width:600px){

.review-card{

flex:0 0 100%;

}

.review-image{

height:220px;

}

.review-content{

padding:20px;

}

.review-content h3{

font-size:20px;

}

.review-content p{

font-size:14px;

}

}