/*======================================
Theme Name: Divi Child
Theme URI: https://divicake.com/
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.14.1
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
:root {
    --content-width: 90%;
    --theme-color1: #ea1d1d;
    --theme-color1-rgb: 234, 29, 29;
    --theme-color2: #bb5631;
    --theme-color2-rgb: 187, 86, 49;
    --bs-black: #000000;
    --bs-black-rgb: 0, 0, 0;
    --bs-white: #ffffff;
    --bs-white-rgb: 255, 255, 255;
    --transition: all 500ms ease;
    --font-awesome-free: "Font Awesome 7 Free";
    --font-awesome-brands: "Font Awesome 7 Brands";
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin; 
        scrollbar-color: var(--theme-color2) #efefef; 
    }
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #efefef; 
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--theme-color2);
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    background: var(--theme-color2);
    border-radius: 10px;
    transition: var(--transition);
}

::-moz-selection {
    background: var(--theme-color2);
    color: var(--theme-color1);
}
::selection {
    background: var(--theme-color2);
    color: var(--theme-color1);
}
::-webkit-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
:-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
::-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}
::placeholder {
    color: inherit !important;
    opacity: 1;
}
body {
    overflow-y: auto;
    overflow-x: hidden;
    accent-color: var(--theme-color1);
    /* word-break: break-word; */
}
div#page-container {
    overflow-y: visible;
    overflow-x: hidden;
}
header #dd-hamburger .et_pb_blurb_content {
    display: flex;
    align-items: center;
}
body:not(.et-fb) #et-boc .et-l #dd-section {
    z-index: 999999 !important;
}
#wpadminbar {
    z-index: 9999999 !important;
}
.et_pb_row {
    width: 90%;
}

footer .et_pb_column .et_pb_widget.widget_nav_menu,
footer .et_pb_column .et_pb_widget_area {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    border-right: 0;
    padding-right: 0;
}
.wpcf7-spinner {
    position: absolute;
}
.wpa-test-msg {
    display: block;
    width: 100%;
    float: left;
}
.contact-form-sec form .et_pb_column {
    margin-bottom: 20px !important;
}
.equal-img, .equal-img * {
    height: 100%;
    display: flex;
    object-fit: cover;
}
.aspect-ratio-1 img {
    aspect-ratio: 1;
    object-fit: cover;
}
.aspect-ratio-2 img {
    aspect-ratio: 2;
    object-fit: cover;
}
.aspect-ratio-unset img {
    aspect-ratio: unset;
}
p:empty {
    padding-bottom: 0;
}
.grecaptcha-badge {
    margin-bottom: 100px!important;
    z-index:10;
}
div#ht-ctc-chat {
    z-index: 9 !important;
}
.cky-btn{
    border-color:var(--theme-color1) !important;
    color:var(--bs-black) !important;
}

.cky-btn-accept, .cky-btn-revisit-wrapper {
    background-color:var(--theme-color2) !important;
    color:var(--bs-white) !important;
}



/* --main-title-- */
.main-title {
    & h5 {
        justify-content: flex-end;
        position: relative;
        margin-bottom: 0px;
        padding-bottom: 0;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        &:before {
            content: "";
            background-image: url(/wp-content/uploads/2026/04/title-icon.svg);
            background-size: contain;
            display: block;
            padding: 16px clamp(0.8125rem, -0.1414rem + 3.0526vw, 2.625rem);
            background-repeat: no-repeat;
            background-position: center;
        }
    }

    & h2 {  
        padding-bottom: 0;   
        z-index: 9;
        position: relative;
    }
    &.et_pb_bg_layout_dark {
        & h5 {
            &::before {
                /* filter: brightness(0) invert(1); */
            }
        }
    }
}

/* --main-title-close-- */


/*--back-to-top--*/
.et_pb_scroll_top.et-pb-icon {
    --size: clamp(2.5rem, 2.1711rem + 1.0526vw, 3.125rem);
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    z-index: 999;
    width: var(--size);
    height: var(--size);
    align-items: center;
    transition: var(--transition);
    cursor: pointer;
    background: url(/wp-content/uploads/2026/04/favicon.png);
    font-size: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    &:before {
        /* content: "";
        position: absolute;
        inset: 3px;
        display: flex;
        background-image: url(/wp-content/uploads/2026/03/title-icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        align-items: center;
        justify-content: center; */
    }
}
/*--back-to-top-close--*/
/*--btn-design--*/
.et_pb_button {
    --padding: clamp(0.6rem, 0.5rem + 0.2vw, 0.7rem) clamp(1.4rem, 1.3rem + 0.6316vw, 1.5rem);   /*15px 30px*/
    --border-radius: 0;
    position: relative;
    padding: var(--padding) !important;
    z-index: 2;
    color: var(--bs-white) !important;
    font-size: clamp(0.875rem, 0.8092rem + 0.2105vw, 1rem);
    text-transform: uppercase;
    border: 0px solid var(--theme-color3) !important;
    overflow: hidden;
    background-color: var(--theme-color3) !important;
    border-radius: var(--border-radius);
    display: inline-flex;
    transition: var(--transition);
    &:before,
    &:after {
        position: absolute;
        content: "";
        height: 31%;
        z-index: -1;
        display: block;
        margin: 0 !important;
        opacity: 1;


        --x-space: -82%;
        --y-space: 82%;
        --y-space-hover: 0%;
        width: 125%;
        height: 155%;
        transform: rotate(45deg);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background-color: var(--theme-color2);
        transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }
    &:before {
        top: var(--y-space);
        bottom: initial;
        left: var(--x-space);
        right: initial;
    }
    &:after {
        bottom: var(--y-space);
        top: initial;
        right: var(--x-space);
        left: initial;
    }
    &:hover {
        &:before,
        &:after {            
            --x-space: -35.725%;
            --y-space: 0;
        }
    }
    &.et_pb_bg_layout_dark {
        background-color: var(--theme-color1) !important;
        color: var(--theme-color2) !important;
        border-color: var(--bs-white) !important;
        &:before,
        &:after {
            background-color: var(--bs-white);
        }
    }
    &.et_pb_text.et_pb_bg_layout_light {
        color: var(--theme-color1) !important;
    }
    &.et_pb_black {
        background-color: var(--bs-black);
    }
}


/*--btn-design-close--*/

/*******  | HEADER CODE |  *******/



/*******  | HOMEPAGE CODE |  *******/



/*******  | INNERPAGE CODE |  *******/


.job-sheet-form-sec {
    & .gform_wrapper {
        & .gform_validation_errors>h2 {
            color: #c02b0a !important;
        }
        & .gform_required_legend,
        & .gfield--type-phone .ginput_phone_container label,
        & .gfield--type-phone .ginput_country-selector_container label {
            display: none !important;
        }
        & .gfield:not(.no-divider) h2 {
            margin-top: 35px;
            padding-top: 35px;
            border-top: 2px solid #272727;
        }
        & .gfield--type-phone .gform-phone__country-selector {
            padding-block: 16px !important;
            border-radius: 4px 0 0 4px;
            background: var(--bs-white) !important;
            border-width: 0 !important;
            border-right-width: 1px !important;
        }
        & .gfield--type-phone.field_sublabel_below .gform-phone__dropdown {
            top: calc(100% - 2px) !important;
        }

        & .ginput_container_date input {
            width: 100%;
        }
        & .gform_title {
            font-size: clamp(1.75rem, 1.4868rem + 0.8421vw, 2.25rem);
            line-height: 1.2;
            font-weight: 600;
            margin-bottom: clamp(1.25rem, 0.9211rem + 1.0526vw, 1.875rem);
        }
        & .gform_description {
            font-size: clamp(0.875rem, 0.8092rem + 0.2105vw, 1rem);
            line-height: 1.6;
            margin-bottom: clamp(1.25rem, 0.9211rem + 1.0526vw, 1.875rem);
        }
        & label,
        & .gfield_label,        
        & h2, & h3, & h4,
        & .gform_confirmation_message {
            color: var(--bs-white) !important;
            padding-bottom: 0;
        }
        & .gform_confirmation_message {
            text-align: center !important;
        }
        & .grid-radio .ginput_container .gfield_radio {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            & .gchoice {
                flex: 0 0 auto;
                width: auto;
            }
            & label {
                white-space: nowrap;
            }
        }

        & .gfield_label {
            font-size: clamp(0.875rem, 0.8092rem + 0.2105vw, 1rem) !important;
            line-height: 1.4;
            font-weight: 600 !important;
            margin-bottom: 8px;
        }
        & .gfield_required {
            margin-left: 3px;
        }
        & input[type="text"],
        & input[type="email"],
        & input[type="tel"],
        & input[type="number"],
        & input[type="url"],
        & input[type="date"],
        & input[type="time"],
        & select,
        & textarea {
            min-height: 52px;
            padding: 12px 16px;
            border: 1px solid #d5d5d5;
            border-radius: 4px;
            background: var(--bs-white);
            font-size: clamp(0.875rem, 0.8092rem + 0.2105vw, 1rem);
            line-height: 1.4;
            box-shadow: none;
            outline: none;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
            &:focus {
                border-color: var(--theme-color1);
                box-shadow: 0 0 0 2px rgba(182, 136, 100, 0.12);
            }
        }
        & input[type="email"],
        & input[type="tel"],
        & input[type="number"],
        & input[type="url"],
        & input[type="date"],
        & input[type="time"],
        & select,
        & textarea,
        & .gfield_signature_container {
            width: 100% !important;
        }
        & .ginput_container_time {
            min-width: calc(33.33% - 15px) !important;
            width: 100%;
        }
        & textarea {
            min-height: 140px;
            resize: vertical;
        }
        & .gsection {
            margin-top: clamp(1.75rem, 1.4868rem + 0.8421vw, 2.25rem);
            margin-bottom: 25px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ddd;
        }
        & .ginput_container_date input {
            width: 100% !important;
        }
        & .gsection_title {
            font-size: clamp(1.25rem, 1.1842rem + 0.2105vw, 1.375rem);
            line-height: 1.3;
            font-weight: 600;
        }
        & .gfield_checkbox,
        & .gfield_radio {
            margin: 0;
            padding: 0;

            & li {
                margin-bottom: 10px;
            }
        }
        /* Submit button */
        & .gform_button,
        & button {
            min-height: 52px;
            padding: 12px 30px;
            border: 0;
            border-radius: 4px;
            background: var(--theme-color1);
            color: var(--bs-white);
            font-size: clamp(0.875rem, 0.8092rem + 0.2105vw, 1rem);
            line-height: 1.2;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.25s ease;

            &:hover {
                background: var(--theme-color2);
                color: var(--bs-white);
            }
        }
        /* Validation */
        & .gfield_error {
            input,
            select,
            textarea {
                border-color: #d63638;
            }
        }

        & .validation_message {
            margin-top: 5px;
            font-size: clamp(0.8125rem, 0.7796rem + 0.1053vw, 0.875rem);
            line-height: 1.4;
        }


    }

}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before{
    background-color:var(--theme-color1) !important;
    border:0px !important;
}
.job-sheet-form-sec .gform_wrapper.gravity-theme .gform_fields {
    align-items: stretch;
}


.job-sheet-form-sec .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    display: flex;
    flex-direction: column;
}


.job-sheet-form-sec .gform_wrapper.gravity-theme .gfield.gfield--width-third > .ginput_container {
    margin-top: auto;
}



/*******  | FOOTER CODE |  *******/



/*******  | MEDIA QUERY CODE |  *******/

@media (max-width: 980px) {

    .job-sheet-form-sec .gform_wrapper.gravity-theme .gfield {
        grid-column: 1 / -1 !important;
    }
    .order4 {
        order: 4;
    }
    .order5, .order6 {
        order: 5;
    }

}