/* Font Face */
@font-face {
    font-family: 'Helvetica Neue';
    font-weight: 400;
    src: url('../fonts/HelveticaNeueLight.otf');
}

@font-face {
    font-family: 'Helvetica Neue';
    font-weight: 500;
    src: url('../fonts/HelveticaNeueMedium.otf');
}

/* Dev Stylings */
/* * { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; width: 100%; font-family: 'Helvetica Neue'; background-color: #000000; }
.parent { height: 100dvh; display: flex; align-items: center; max-width: calc(1620px + 40px); width: 100%; margin-inline: auto; padding-inline: 20px; } */


/* Testimonial Slider */
.testimonial-slider-wrapper .img-cover * { height: 100% !important; width: 100% !important; object-fit: cover; object-position: center; }
.testimonial-slider-wrapper { overflow: hidden; padding: 2px; max-width: 100%; width: 100%; }
.testimonial-slider-wrapper .swiper { overflow: visible; clip-path: inset(-2px -2px -2px -2px); }
.testimonial-slider-wrapper .swiper-slide { height: auto; }
.testimonial-slider-wrapper .testimonial-card { position: relative; height: 100%; }
.testimonial-slider-wrapper .testimonial-card::after { background: linear-gradient(to left,#4C00D4 0%, #BDD86C 100%) !important; content: ""; position: absolute; height: calc(100% + 2px); width: calc(100% + 2px); left: -1px; top: -1px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; opacity: .5; }


.testimonial-slider-wrapper .testimonial-card .testimonial-card-content { display: flex; gap: 18px; flex-direction: column; border-radius: 20px; overflow: hidden; z-index: 1; position: relative; background-color: #000000; height: 100%; justify-content: space-between; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

.testimonial-slider-wrapper .testimonial-card .testimonial-top { display: flex; flex-direction: column; gap: 48px; padding: 16px; }

.testimonial-slider-wrapper .text-20 * { font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 0; }
.testimonial-slider-wrapper .text-18 * { font-size: 18px; font-weight: 400; line-height: 1.5; margin-bottom: 0; }
.testimonial-slider-wrapper .v-stack { display: flex; flex-direction: column; }

.testimonial-slider-wrapper .text-white * { color: #FFFFFF; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.testimonial-slider-wrapper .text-gray * { color: #C4C4C4; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

.testimonial-slider-wrapper .testimonial-ratings { display: flex; align-items: start; justify-content: space-between; }

.testimonial-slider-wrapper .star-list ul { list-style: none; gap: 6px; display: flex; align-items: center; justify-content: start; padding-left: 0; }
.testimonial-slider-wrapper .star-icon { height: auto; width: 20px; aspect-ratio: 1 / 1; }
.testimonial-slider-wrapper .quotes-icon { height: auto; width: 88px; opacity: .1; aspect-ratio: 88 / 73; } 
.testimonial-slider-wrapper .profile-img { border-radius: 8px; overflow: hidden; height: auto; width: 56px; aspect-ratio: 1 / 1; flex-shrink: 0; }

.testimonial-slider-wrapper .testimonial-bottom { position: relative; padding: 23px; display: flex; align-items: center; gap: 16px; }
.testimonial-slider-wrapper .testimonial-bottom::after { content: ""; position: absolute; width: 100%; height: 1px; background: linear-gradient(to left,#4C00D4 0%, #BDD86C 100%); top: 0; left: 0; opacity: .5; }
.testimonial-slider-wrapper .testimonial-bottom .v-stack { gap: 2px; }
.testimonial-slider-wrapper .testimonial-bottom::before { opacity: 0; content: ""; background: url('../images/hover-icon.svg') no-repeat; background-position: center; background-size: 100%; aspect-ratio: 526 / 127; width: 80%; height: auto; bottom: -65px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); position: absolute; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }

.testimonial-slider-wrapper .testimonial-card:hover .testimonial-bottom::before { opacity: 1; }
.testimonial-slider-wrapper .testimonial-card:hover .testimonial-card-content { background-color: #0d0d0d; }
.testimonial-slider-wrapper .testimonial-card:hover .text-white * { color: #BDD86C; }

.testimonial-slider-wrapper .slider-btn-block .slider-btn { position: relative; background-color: #BDD86C; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; width: 50px; height: auto; aspect-ratio: 1 / 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
.testimonial-slider-wrapper .slider-btn-block .slider-btn:hover { background-color: #abd42f; }

.slider-btn-block { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 48px; width: fit-content; margin-inline: auto; }
.slider-btn-block .slider-btn::after { content: ""; background-repeat: no-repeat; background-size: 100%; height: 50%; width: 50%; }

.slider-btn-block .slider-btn-next::after { background: url('../images/arrow-next-icon.svg'); }
.slider-btn-block .slider-btn-prev::after { background: url('../images/arrow-prev-icon.svg'); }

@media (max-width: 1199px) {
    .testimonial-slider-wrapper .star-icon { width: 16px; }
    .testimonial-slider-wrapper .quotes-icon { width: 60px; }
    .testimonial-slider-wrapper .testimonial-card .testimonial-top { gap: 30px; }
    .testimonial-slider-wrapper .testimonial-card .testimonial-card-content { gap: 8px; }
    
    .testimonial-slider-wrapper .text-18 * { font-size: 16px; }
    .testimonial-slider-wrapper .text-20 * { font-size: 18px; }
    .testimonial-slider-wrapper .testimonial-bottom { padding: 16px; }
    
    .slider-btn-block { margin-top: 40px; }
}

@media (max-width: 575px) {
    .slider-btn-block { margin-top: 30px; }
    .testimonial-slider-wrapper .text-20 * { font-size: 16px; }
    .testimonial-slider-wrapper .quotes-icon { width: 50px; }
    .testimonial-slider-wrapper .testimonial-bottom .text-18 * { font-size: 15px; }
}