﻿body {
    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bg-primary {
    background: #6d4cc7 !important;
}

.text-primary {
    color: #6d4cc7 !important;
}

a {
    text-decoration: none;
}

    a:hover {
        color: #6d4cc7;
    }

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.link-dark:hover {
    color: #6d4cc7 !important;
}


.footer-bg {
    background: #212529 !important;
    color: #fff;
    background-position: center;
    background-size: cover;
    min-height: 40vh;
}


    .footer-bg > ul > li > a {
        color: #fff;
    }

.col-min-height {
    min-height: 313px;
}

.fa-2x {
    font-size: 23px !important;
    color: #fff;
}

.fs-20 {
    font-size: 16px;
}


.text-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Limit to 4 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-heading {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 1.25rem;
}

.main-subheading {
    font-size: 1rem;
    line-height: 1.2rem !important;
    letter-spacing: -0.0225rem;
    margin-bottom: 0.8rem;
}

.image-aspect {
    aspect-ratio: 1/1;
}

.image-ratio-19-6 {
    aspect-ratio: 3/2;
}

@media (min-width: 576px) { /* Small */
    .main-heading {
        font-size: 1.4rem;
    }
}

@media (min-width: 768px) { /* Medium */
    .main-heading {
        font-size: 1.8rem;
    }
}

@media (min-width: 992px) { /* Large */
    .main-heading {
        font-size: 2rem;
    }
}


.xl-bold {
    font-weight: 900 !important;
}

a:hover {
    color: #737373 !important;
}

.blog-heading-2 {
    font-size: 1.2rem;
    line-height: 1.2;
    letter-spacing: 0.0075rem;
    word-break: break-word;
}

.blog-heading-3 {
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0.0075rem;
    word-break: break-word;
}

.widget_categories ul,
.widget_nav_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_categories .menu,
.widget_categories > ul,
.widget_nav_menu .menu,
.widget_nav_menu > ul {
    margin: 0;
}

.widget_categories a,
.widget_nav_menu a {
    background-color: initial;
    background-color: #000000;
    border-radius: 4px;
    color: #000000;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.313;
    margin: 0 0 10px;
    padding: 16px 45px 19px 27px;
    position: relative;
    z-index: 2;
}

    .widget_categories a:before,
    .widget_nav_menu a:before {
        background-color: rgb(232, 232, 232);
        border-radius: inherit;
        content: "";
        inset: 0;
        position: absolute;
        transition: 0.4s ease-in-out;
        z-index: -1;
    }

    .widget_categories a:hover,
    .widget_nav_menu a:hover {
        color: #fff !important;
    }

        .widget_categories a:hover:after,
        .widget_nav_menu a:hover:after {
            background-color: #000000;
            ;
            color: #fff !important;
        }

        .widget_categories a:hover:before,
        .widget_nav_menu a:hover:before {
            transform: scaleY(0);
        }

.widget_categories li:last-child a,
.widget_nav_menu li:last-child a {
    border-bottom: none;
}


.border-style {
    border-style: solid;
    --border-color__token-name: colors.interactive.base.black;
    border-color: rgb(18, 18, 18) !important;
    padding: 1rem 0px;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.border-4x-top {
    border-width: 4px 0px 0px 0px !important;
}

.border-4x-top {
    border-width: 4px 0px 0px 0px !important;
}

.border-4x-top-bottom {
    border-width: 4px 0px 4px 0px !important;
}

.bg-custom-secondary {
    background: #e7e7e7;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1450px !important;
    }
}

.banner-descr > * {
    font-size: 1rem;
}
