/* css plugins */
/* @import url("bootstrap.min.css"); */
@import url("fontawesome-6.4.min.css");
@import url("slick.css");
@import url("slick-theme.css?v4");  /*mhk: march/2024 version upped so we can load new slick-theme.css */


/* testimonial */
.wrapper {
    overflow: hidden;
}

.testimonial {
    background: linear-gradient(258.73deg, rgba(59, 92, 212, 0.8) -0.02%, rgba(0, 18, 83, 0.8) 99.98%);
    padding: 100px 50px;
}

.testimonail-wrapper {
    background: linear-gradient(110.31deg, rgba(255, 169, 1, 0.2) 0%, rgba(255, 122, 0, 0.2) 100%),
        linear-gradient(125.65deg, #FFFFFF -2.48%, #FFF2E6 100%);
    padding: 40px 100px;
    border-radius: 30px;
    max-width: 900px;
    margin: auto;
}

.testimonail-heading {
    margin-bottom: 50px;
}

.testimonail-heading h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.textimonal-content p {
    font-size: 20px;
    line-height: 30px;
}

.client-img img {
    margin: auto;
}

.slider-profile span {
    font-size: 14px;
    line-height: 16px;
}

/* section.testimonial {
        padding-bottom: 110px;
    } */
.testimonial .slick-dots li button:before {
    font-size: 50px;
    color: #fff;
}

.testimonial .slick-dots li.slick-active button:before {
    color: #FFEDCB;
}

.testimonial .slick-dots {
    bottom: -30%;
}

.testimonial .slick-next:before,
.testimonial .slick-prev:before {
    padding: 12px;
    border-radius: 100%;
    background-color: #D1CBCD;
}

.testimonial .slick-next,
.testimonial .slick-prev {
    z-index: 999;
}

@media (max-width:1199px) {
    .testimonail-heading {
        margin-bottom: 30px;
    }

}

@media (max-width:991px) {
    .testimonail-heading {
        margin-bottom: 20px;
    }

    .testimonail-heading h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .testimonail-wrapper {
        max-width: 100%;
    }

    .testimonial .slick-dots li button:before,
    .slick-dots li {
        display: none;
    }

}

@media (max-width:767px) {
    .testimonail-wrapper {
        padding: 30px;
    }

    .testimonial {
        padding: 60px 0;
    }

    .textimonal-content p {
        font-size: 15px;
        line-height: 23px;
    }

    .testimonial .slick-next:before,
    .testimonial .slick-prev:before {
        padding: 6px;
    }

    .testimonail-heading h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .slider-profile span {
        font-size: 12px;
        line-height: 14px;
    }

}