     .compaddress h3 {
         color: #666666 !important;
         font-size: 16px !important;
         font-weight: 600 !important;
         text-transform: capitalize !important;
     }

     
.testimonial-card-items {
    margin-top: 30px;
    padding: 40px;
    border-top: 3px solid var(--theme);
    background: var(--white);
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
    position: relative;
    margin-bottom: 40px;
    margin-left: 5px;
    margin-right: 5px;
    height: 330px;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0px);
    backface-visibility: hidden;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
*, ::after, ::before {
    box-sizing: border-box;
}

.hero-section-wrapper {
    margin-top: 50px; /* Adjust this value to your liking */
}

/*header {*/
    /*position: fixed; */
/*    width: 100%;*/
    /*height: 100px; */
/*    top: 0;*/
/*    z-index: 999;*/
/*}*/

/*.hero-section.hero-3 {*/
/*    margin-top: 100px; */
/*}*/

/*.hero-section.hero-3 {*/
    /*padding-top: 100px; */
/*}*/

/*.hero-image {*/
/*    width: 100%;*/
    /* Set a height that suits your design */
/*    height: 80vh; */
    /* This makes the image fill the area without stretching weirdly */
/*    background-size: cover; */
    /* Keeps the focus on the center of the image */
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
    /* This centers the content inside the hero section */
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/* Ensure the slider takes full width */
/*.swiper-slide {*/
/*    width: 100%;*/
/*}*/

/*.project-image {*/
/*    position: relative;*/
/*    width: 100%;*/
    height: 300px; /* Adjust height as needed */
/*    overflow: hidden;*/
/*}*/

/*.project-image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
    object-fit: cover; /* This forces the image to fill the box without distortion */
/*    transition: 0.3s;*/
/*}*/

/* Container to hold the cards side-by-side */
/* .testimonial-slider-2 .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.testimonial-card-items {
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    height: 100%; 
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.client-info-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
} */


