/* testimonal  */

.card-box {
  background: #fff;
  border-radius: 0;
  padding: 20px 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: 50px;
  transition: all 1s ease-in-out;
}


/* Floating avatar */
.card-box .testimonial-avatar {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.card-box .testimonial-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #959eb6;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.swiper-button-prev i,
.swiper-button-next i {
    color: #c4c4c6 !important
}

/* Hover effect */
.card-box:hover {
    transform: translateY(-10px) scale(1.03);
    background: #f9fafb;
    /* transition: all 1s ease-in-out; */
}

/* Swiper config fix for 3 slides */
.swiper {
    padding: 70px 0;
}


/* center and limit width */
.testimonialsSwiperStyleTwo .swiper {
    max-width: 1400px;
    /* adjust width as needed */
    margin: 0 auto;
    padding: 70px 0px;
    box-sizing: border-box;
}

.testimonialsSwiperStyleTwo .swiper-button-next,
.testimonialsSwiperStyleTwo .swiper-button-prev {
    background-color: transparent !important;
    display: inline-flex !important;
}

.ri-arrow-left-s-line,
.ri-arrow-right-s-line {
    font-size: 30px !important;
}

/*  */



/* VIEWPORT: hide extra slides */
/* 
.testimonial-viewport {
    overflow: hidden;
    width: 100%;
}

.testimonial-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(.77, 0, .18, 1);
    will-change: transform;
}

.testimonial-box {
    flex: 0 0 calc(31.13% - 10px);
    margin: 0 20px;
}
.testimonial-box::before {
    background: none !important;
}
 */


@media (max-width: 991px) {
    .m-mp{
        padding: 0 !important; margin: 0 !important;
    }
 
    .m-none{
        display: none !important;
    }
     
}


@media all and (max-width: 767px) {
    .marketing-agency-banner-area {
        margin-top: 5em !important;
    }
   
     .m-p0{
        padding: 10px !important; 
     }
     .navbar-area.style-three .navbar .others-option{
        right:45px !important
     }

     .page-banner-area.bg-img{
        height:120px !important
     }
}




 /* testimomals css */
    /* Layout */
    .testimonial-carousel {
        --card-gap: 24px !important;
    }

    .viewport {
        width: 100% !important;
        overflow: hidden;
    }

    .track {
        display: flex;
        align-items: stretch;
        transition: transform 0.8s ease;
        will-change: transform;
    }

    /* Item */
    .item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        padding: 60px 25px 40px 25px;
        box-sizing: border-box;
    }


    .testimonial-card {
        background: #fff;
        min-height: 240px;
        overflow: visible;
        z-index: 0;
        border-radius: 0px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
        transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
    }

    .avatar {
        position: absolute;
        top: -48px;
        /* half out of card */
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid #959eb6;
        /* white border ring */
        background: #fff;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
        z-index: 2;
        /* above the card */
    }

    .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Center highlight */
    .testimonial-card.center {
        background: #eaecf0;
        transform: scale(1.12);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    }

    /* Stars & title */
    .stars {
        color: #f5b301;
        font-size: 18px;
        letter-spacing: 2px;
    }

    h5 {
        margin-top: 8px;
        font-size: 20px;
    }

    /* Arrows */
    .carousel-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        z-index: 10;
        cursor: pointer;
    }

    .prev {
        left: -50px;
    }
    .next {
        right: -50px;
    }

    /* Responsive */
    @media (max-width: 991.98px) {
        .item {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }

    @media (max-width: 767.98px) {
        .item {
            flex: 0 0 100%;
            max-width: 100%;
        }


        .buttonss{
            margin-bottom: 6em !important;
        }
        .prev,
        .next {
            display: block;
            top: 21em;
        }
        
         .prev{
            left: 0;
         }
         .next{
            right: 50%;
            /* border:1px solid red */
         }
    }

/* END SHERE  */

/* same Size Img ratio */

.imgsize {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.imgsize2 {
    object-fit: cover;
    aspect-ratio: 4 / 5;
}

.acutabove-imgsize {
    object-fit: cover !important;
    aspect-ratio: 9/11 !important;
}

.theme-settings-menu {
    display: none;
}

.start-5{
    left:5% !important;
    bottom: 5% !important;
}

.small-text{
    font-size:12px !important;
    letter-spacing: .5px !important;
}
.fz-13{
    font-size:13px !important;
    letter-spacing: .5px !important;
}
.fz-15{
    font-size:14px !important;
    letter-spacing: .5px !important;
}

.ul-lh li {
    line-height: 40px;
        font-size: 14px;
}

.marketing-agency-footer-area h3{
        font-size: 16px;
}




 .w-14{
    width: 14% !important;
 }

  .w-18{
    width: 18% !important;
 }
  .ls-1{
    letter-spacing: 1px !important; 
  }

  /* header captionn */
 .iconfs17
  {
    font-size: 17px !important;
  }