/* Navbar css */
@media only screen and (min-width: 992px) {
    .navbar-small {
        display: none;
    }
}

/* Show the navbar when the screen width is below 800px */
@media only screen and (max-width: 992px) {
    .navbar-small {
        display: block;
    }

    .navbar-large {
        display: none;
    }
}

@media only screen and (min-width: 993px) and (max-width:1200px) {
    .navbar-large .navbar-shift {
        margin-left: -1%;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1401px) {
    .navbar-large .navbar-shift {
        margin-left: 3%;
    }
}

@media only screen and (min-width: 1401px) {
    .navbar-large .navbar-shift {
        margin-left: 8%;
    }
}

/* Typography & Layout */
.display-1 {
    font-size: 2rem;
}

.row.align-items-center {
    position: relative;
}

/* Button & Interactives */
.our-work {
    color: #007ce0;
}

.our-work:hover {
    color: white;
    background-color: #007ce0;
}

/* Accordion Styles - Enforce consistency with Tools/Partner pages */
.accordion-wrapper .card-header button:before {
    font-family: Unicons;
    position: absolute;
    left: 1.3rem;
    content: "\e932";
    font-size: 1.15rem !important;
    /* Force small size to match Tools */
    font-weight: 400;
    width: 1rem;
    margin-top: -0.25rem;
    margin-left: -0.3rem;
    display: inline-block !important;
    /* Override flex */
    padding: 0 !important;
    /* Remove any padding causing bloat */
}

/* Mobile adjustments for accordion */
@media (max-width: 767px) {
    .accordion-wrapper .card-header button:before {
        left: 1rem;
    }
}


/* Tool Utilities */
.wt {
    width: fit-content;
}

.wm {
    width: auto;
}

/* Global Font Enforcement */
body {
    font-family: "Thicccboi", sans-serif !important;
}

:root {
    --bs-font-sans-serif: "Thicccboi", sans-serif;
}

/* Service Page Accordion Size & Alignment Override */
#servicesAccordion .accordion-button {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

#servicesAccordion .accordion-button span {
    font-size: 24px !important;
}

#servicesAccordion .accordion-button.d-flex {
    align-items: center !important;
}