.clients-content { display: grid; grid: repeat(2, auto)/auto; }

@media (min-width: 900px) { .clients-content { grid: 100% / 1fr 1fr; } }

.clients-content h2 { position: relative; font-size: 34px; margin-top: 16px; text-align: center; margin-bottom: 35px; padding-bottom: 30px; }

.clients-content h2::before { content: ""; position: absolute; display: block; width: 50px; height: 5px; border-radius: 1.5px; background-color: #3ab54a; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1; }

.clients-content h2::after { content: ""; position: absolute; display: block; width: 70px; height: 1px; border-radius: 0.5px; background-color: #7fd68a; left: 50%; transform: translateX(-50%); bottom: 2px; }

.clients-content .clients { background-color: #f8f8f8; padding: 110px 20px 40px; }

@media (min-width: 900px) { .clients-content .clients { padding: 120px 40px 40px; } }

.clients-content .clients .logos { display: grid; grid-auto-rows: 150px; grid-template-columns: 1fr 1fr; grid-gap: 20px; }

@media (min-width: 900px) { .clients-content .clients .logos { grid-template-columns: repeat(4, 1fr); } }

.clients-content .clients .logos .logo { width: 100%; background-color: white; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.16); border: 2px solid rgba(14, 18, 47, 0.02); border-radius: 6px; padding: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; min-height: 100px; position: relative; }

.clients-content .clients .logos .logo::before { width: 5px; height: calc(100% + 4px); display: block; content: ''; left: -2px; top: -2px; background-color: #fbb040; position: absolute; border-radius: 6px 0 0 6px; }

.clients-content .clients .logos .logo:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 6px 6px rgba(0, 0, 0, 0.16); }

.clients-content .clients .logos .logo img { max-width: 95%; }

.clients-content .testimonials { padding: 40px 0px; }

@media (min-width: 900px) { .clients-content .testimonials { padding: 120px 40px 40px; } }

.clients-content .testimonials .slider { grid-area: slides; display: flex; align-items: center; margin: auto; max-width: 300px; }

@media (min-width: 600px) { .clients-content .testimonials .slider { max-width: 500px; } }

.clients-content .testimonials .slider .splide__pagination { bottom: -2em; }

.clients-content .testimonials .slider .splide__pagination__page.is-active { background: #0e122f; }

.clients-content .testimonials .slider .splide__arrow--next { right: -1em; }

.clients-content .testimonials .slider .splide__arrow--prev { left: -1em; }

.clients-content .testimonials .slider .slide_item .name { padding-left: 40px; margin-top: 40px; }

.clients-content .testimonials .slider .slide_item .title, .clients-content .testimonials .slider .slide_item .company { color: #ab8383; margin-bottom: 0px; padding-left: 40px; }

.clients-content .testimonials .slider .slide_item .company { font-weight: 600; margin-top: 5px; }

.clients-content .testimonials .slider .slide_item .quote { background-color: #f1f1f1; padding: 40px; font-size: 16px; line-height: 24px; border-radius: 6px; position: relative; margin-bottom: 20px; margin-top: 0; }

.clients-content .testimonials .slider .slide_item .quote::after { content: ""; width: 0; height: 0; border-left: 0px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #f1f1f1; position: absolute; bottom: -30px; right: 100px; }

/*# sourceMappingURL=clients.css.map */