/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 11 2026 | 09:10:30 */
/* =========================================================
   SERVICES SIDEBAR NAVIGATION
   ========================================================= */

.sct-services-nav {
    width: 100%;
}


/* Individual service links */
.sct-services-nav .elementskit-navbar-nav > li > a {
    width: 100% !important;

    padding: 17px 16px !important;

    color: #263555 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    background: transparent !important;

    border-radius: 8px !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease !important;
}


/* Hover */
.sct-services-nav .elementskit-navbar-nav > li > a:hover {
    color: #0867F2 !important;
    background: rgba(8, 103, 242, 0.06) !important;
}


/* Current service page */
.sct-services-nav .current-menu-item > a {
    color: #0867F2 !important;
    background: rgba(8, 103, 242, 0.09) !important;
}


/* =========================================================
   SERVICES SIDEBAR TITLE
   ========================================================= */

.side-nav-title {
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;

    color: #0867F2 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.10em !important;
    text-transform: uppercase !important;

    border-bottom: 1px solid rgba(17, 22, 56, 0.12) !important;
}

/* =========================================================
   SERVICES SIDEBAR — FIX MENU HEIGHT / OVERFLOW
   ========================================================= */

.sct-services-nav,
.sct-services-nav .elementor-widget-container,
.sct-services-nav .ekit-wid-con,
.sct-services-nav .elementskit-menu-container,
.sct-services-nav .elementskit-navbar-nav {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
}

/* Keep sidebar menu in normal document flow */
.sct-services-nav .elementskit-menu-container {
    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;
}

/* =========================================================
   SERVICES SIDEBAR — HOVER + ACTIVE STATES
   ========================================================= */

/* Normal links */
.sct-services-nav .elementskit-navbar-nav > li > a {
    position: relative !important;
    background: transparent !important;
}


/* Hover — text + underline only, NO background */
.sct-services-nav .elementskit-navbar-nav > li:not(.current-menu-item) > a:hover {
    color: #0867F2 !important;
    background: transparent !important;
}


/* Current page — keep blue background */
.sct-services-nav .elementskit-navbar-nav > li.current-menu-item > a,
.sct-services-nav .elementskit-navbar-nav > li.current-menu-item > a:hover {
    color: #0867F2 !important;
    background: rgba(8, 103, 242, 0.09) !important;
}


/* Underline hidden by default */
.sct-services-nav .elementskit-navbar-nav > li > a::after {
    content: "" !important;

    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 6px !important;

    height: 2px !important;
    background: #2563EB !important;

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform 0.25s ease !important;
}


/* Underline on NON-ACTIVE links when hovered */
.sct-services-nav
.elementskit-navbar-nav
> li:not(.current-menu-item)
> a:hover::after {
    transform: scaleX(1) !important;
}

/* ==================================================
   MOBILE SERVICE SIDEBAR
================================================== */

@media screen and (max-width: 767px) {

    /* Hide original desktop sidebar */
    .desktop-service-sidebar {
        display: none !important;
    }

    /* Show duplicated sidebar at bottom */
    .mobile-service-sidebar {
        display: flex !important;
        width: 100% !important;
    }


    /* ----------------------------------------------
       FORCE SIDEBAR MENU OPEN
       Prevent ElementsKit hamburger behavior
    ---------------------------------------------- */

    .mobile-service-sidebar .elementskit-menu-hamburger,
    .mobile-service-sidebar .elementskit-menu-close {
        display: none !important;
    }

    .mobile-service-sidebar .elementskit-menu-container {
        position: static !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        left: auto !important;
        right: auto !important;

        transform: none !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;
    }

    .mobile-service-sidebar .elementskit-navbar-nav {
        display: block !important;
        width: 100% !important;
    }
}

/* ==================================================
   SERVICE SIDEBAR — CONTACT FORM 7
   HARD COMPACT RESET
   ================================================== */

.service-sidebar-form,
.service-sidebar-form .wpcf7,
.service-sidebar-form .wpcf7-form,
.service-sidebar-form .service-sidebar-cf7 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   FORCE COMPACT FORM LAYOUT
   ================================================== */

.service-sidebar-form .service-sidebar-cf7 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;

    align-items: start !important;
    align-content: start !important;
}


/* ==================================================
   RESET CONTACT FORM 7 PARAGRAPHS
   ================================================== */

.service-sidebar-form .wpcf7-form p,
.service-sidebar-form .service-sidebar-cf7 p {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: normal !important;
}


/* ==================================================
   RESET LABELS
   ================================================== */

.service-sidebar-form .wpcf7 label {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #16233b !important;

    font-family: inherit;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}


/* ==================================================
   FIELD WRAPPERS
   ================================================== */

.service-sidebar-form .wpcf7-form-control-wrap {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 6px 0 0 !important;
    padding: 0 !important;
}


/* ==================================================
   INPUTS
   ================================================== */

.service-sidebar-form .wpcf7 input[type="text"],
.service-sidebar-form .wpcf7 input[type="email"],
.service-sidebar-form .wpcf7 input[type="tel"],
.service-sidebar-form .wpcf7 input[type="url"] {
    display: block !important;

    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 8px 11px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(37, 99, 235, 0.24) !important;
    border-radius: 8px !important;

    background: #ffffff !important;

    color: #16233b !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.3 !important;

    outline: none !important;

    box-shadow:
        0 4px 14px rgba(12, 38, 74, 0.04) !important;
}


/* ==================================================
   MESSAGE
   ================================================== */

.service-sidebar-form .wpcf7 textarea {
    display: block !important;

    width: 100% !important;
    height: 90px !important;
    min-height: 90px !important;
    max-height: 130px !important;

    margin: 0 !important;
    padding: 9px 11px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(37, 99, 235, 0.24) !important;
    border-radius: 8px !important;

    background: #ffffff !important;

    color: #16233b !important;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.4 !important;

    resize: vertical;

    outline: none !important;

    box-shadow:
        0 4px 14px rgba(12, 38, 74, 0.04) !important;
}


/* ==================================================
   FOCUS
   ================================================== */

.service-sidebar-form .wpcf7 input:focus,
.service-sidebar-form .wpcf7 textarea:focus {
    border-color: #2563EB !important;

    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}


/* ==================================================
   SUBMIT BUTTON
   ================================================== */

.service-sidebar-form .wpcf7 input[type="submit"] {
    display: block !important;

    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 8px 14px !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #2563EB !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer;

    box-shadow:
        0 7px 18px rgba(37, 99, 235, 0.16) !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.service-sidebar-form .wpcf7 input[type="submit"]:hover {
    background: #1d4ed8 !important;

    transform: translateY(-1px);

    box-shadow:
        0 9px 22px rgba(37, 99, 235, 0.22) !important;
}


/* ==================================================
   REMOVE EMPTY / GENERATED SPACING
   ================================================== */

.service-sidebar-form br {
    display: none !important;
}

.service-sidebar-form .wpcf7-form > p:empty,
.service-sidebar-form .service-sidebar-cf7 > p:empty {
    display: none !important;
}


/* ==================================================
   VALIDATION
   ================================================== */

.service-sidebar-form .wpcf7-not-valid {
    border-color: #dc2626 !important;
}

.service-sidebar-form .wpcf7-not-valid-tip {
    display: block !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.25 !important;
}


/* ==================================================
   RESPONSE
   ================================================== */

.service-sidebar-form .wpcf7-response-output {
    margin: 10px 0 0 !important;
    padding: 8px 10px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
}


/* ==================================================
   SPINNER
   ================================================== */

.service-sidebar-form .wpcf7-spinner {
    margin: 6px auto 0 !important;
}