/*Fix Outline Junk */
a, a:active, a:focus {
    outline: none !important;
 }

/*Adding the text selection color */
::selection {
    background-color: #E9A800; /* Gold highlight */
    color: #000; /* Black text */
}
::-moz-selection {
    background-color: #E9A800;
    color: #000;
}

/* Underline animation for #menu-desktop-top-menu */
#menu-desktop-top-menu a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 5px; /* Space between text and underline */
}

#menu-desktop-top-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #fff; /* Gold underline */
    transition: width 0.3s ease-in-out;
}

#menu-desktop-top-menu a:hover::after {
    width: 100%; /* Full underline on hover */
}


/* Ensure h3 is inline-block to control underline width */
.brxe-kwqwzp {
    position: relative !important;
    display: inline-block !important;
}

/* Create the underline effect using ::after */
.brxe-kwqwzp::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -5px !important; /* Adjust distance from text */
    width: 100% !important;
    height: 2px !important; /* Thickness of the underline */
    background-color: #E9A800 !important; /* Underline color */
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.3s ease-in-out !important;
    border-radius: 8px !important;
}

/* When hovering over the link container, the h3's underline appears */
.brxe-oddfzn:hover .brxe-kwqwzp::after {
    transform: scaleX(1) !important;
}

/* Ensure the arrows container is positioned at the bottom */
#brxe-ipbubf .splide__arrows {
    position: absolute !important;
    bottom: 0px !important; /* Adjust to move up/down */
    left: 45% !important;
    transform: translateX(-45%) !important; /* Center the arrows */
    display: flex !important;
    flex-direction: row !important; /* Flip the order of the arrows */
    gap: 15px !important; /* Space between arrows */
}

@media (max-width: 768px) {
#brxe-ipbubf .splide__arrows {
    position: absolute !important;
    bottom: 0px !important; /* Adjust to move up/down */
    left: 32% !important;
    transform: translateX(-32%) !important; /* Center the arrows */
    display: flex !important;
    flex-direction: row !important; /* Flip the order of the arrows */
    gap: 15px !important; /* Space between arrows */
}
}

#brxe-ipbubf .x-splide__arrows .splide__arrow--prev {
    right: 65px !important;
}

#brxe-ipbubf .x-splide__arrows .splide__arrow--next {
    left: 65px !important;
}

/*Form Buttons*/
#gform_submit_button_2, #gform_submit_button_4, .quote-btn {
    background-color: var(--bricks-color-rzfsxv);
    color: var(--bricks-color-dobicb);
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    border: 1px solid var(--bricks-color-rzfsxv);
    border-radius: 4px;
    transition: transform 0.1s ease, background-color 0.1s ease;
    font-size: 18px;
}

.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform-theme--foundation .gfield textarea.large, .gform-theme--framework .gfield_list_group_item:before, .gform-theme--framework .gform-field-label {
    font-size: 18px !important;
}