:root{
    --background: #fff;
    --blob: #fdfbfd;
    --shades: inset 10px 0 40px #ebebff, inset -10px 0 20px #f7e1ef, inset -40px 10px 100px #c3c5ea;
}
@font-face {
    font-family: "gilory";
    font-display: fallback;
    font-weight: 400;
    src: url("../fonts/gilory/Gilroy-Regular.ttf") format("truetype")
}
@font-face {
    font-family: "gilory-medium";
    font-display: fallback;
    font-weight: 500;
    src: url("../fonts/gilory/Gilroy-Medium.ttf") format("truetype")
}
@font-face {
    font-family: "gilory-bold";
    font-display: fallback;
    font-weight: 700;
    src: url("../fonts/gilory/Gilroy-Bold.ttf") format("truetype")
}
@font-face {
    font-family: "gilory-black";
    font-display: fallback;
    font-weight: 900;
    src: url("../fonts/gilory/Gilroy-ExtraBold.ttf") format("truetype"),
    url("../fonts/gilory/Gilroy-ExtraBold.woff2") format("woff2")
}
html{
    font-size: 16px;
    color: black
}
body{
    font-family: 'gilory';
    color: black
}
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #1c1c1e;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #000;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #1c1c1e #f1f1f1;
}
a{
    @apply !no-underline hover:text-current
}
.font-bolder {
    font-weight: 900;
}
.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "gilory-bold";
}

nav a.active-nav,
#mobileMenu a.active-nav {
    color: #1c1c1e !important;
    font-weight: 600 !important;
}

/* Testimonial Carousel */
.testimonial-carousel .item {
    display: flex;
    height: 100%;
}

.testimonial-carousel .owl-dots {
    margin-top: 30px !important;
    text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 6px;
    background: #d1d5db;
    border-radius: 50%;
    display: inline-block;
    transition: all 0.3s ease;
}

.testimonial-carousel .owl-dots .owl-dot.active span,
.testimonial-carousel .owl-dots .owl-dot:hover span {
    background: #1c1c1e;
    width: 28px;
    border-radius: 6px;
}