.elementor-8 .elementor-element.elementor-element-63c66ca8{--display:flex;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}.elementor-8 .elementor-element.elementor-element-63c66ca8:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-63c66ca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-3e21e55d > .elementor-widget-container{background-color:#FFFFFF00;margin:10px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-1a61632{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-de8bc59{--display:flex;}.elementor-8 .elementor-element.elementor-element-5f37d59{text-align:center;}.elementor-8 .elementor-element.elementor-element-5f37d59 .elementor-heading-title{font-size:38px;text-transform:capitalize;color:#2B2B2B;}.elementor-8 .elementor-element.elementor-element-6efcbc7{--display:flex;}.elementor-8 .elementor-element.elementor-element-c3c0659 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-2115952{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-8:not(.elementor-motion-effects-element-type-background), body.elementor-page-8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-63c66ca8{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-c3c0659 */.add-listing-help h2
{
    color: black;
    text-transform: capitalize;
}
.add-listing-help h3
{
    color: black;
    text-transform: capitalize;
}

.need-help
{
    color: white;
    background:#0085FF;
    padding: 15px 10px;
    border-radius: 6px;
    font-weight: 600;
}

.need-help:hover
{
    background:#6D7178;
}/* End custom CSS */
/* Start custom CSS */.entry-title
{
    padding-bottom: 20px;
    text-align: center;
    color: black;
    
        /* Typography */
    text-transform: capitalize;   /* Capitalize each word */
    font-weight: 700;             /* Bold */
    font-size: 48px!important;              /* Increase size */
    line-height: 1.3;

    /* Font family (modern clean look) */
    font-family: "Poppins", "Segoe UI", sans-serif;

    /* Optional polish */
    letter-spacing: 0.5px;
    text-shadow: 2px 2px 2px #777 !important;
}
#post-8
{
    background: #f5f7fb;
    color: black;
}


body {
    background: #f5f7fb !important;
}

.directorist-add-listing-form h1,
.directorist-add-listing-form h2 {
    font-size: 24px;
    font-weight: 600;
    color: #101828;
    margin-bottom: 20px;
    letter-spacing: -0.3px;
    position: relative;
}

body .directorist-add-listing-form input,
body .directorist-add-listing-form select,
body .directorist-add-listing-form textarea {
    width: 100% !important;
    height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    border: 1px solid #d0d5dd !important;
    background: white !important;
    font-size: 14px !important;
    color: #101828 !important;
    transition: all 0.25s ease !important;
}



/* Placeholder */
body .directorist-add-listing-form input::placeholder,
body .directorist-add-listing-form textarea::placeholder {
    color: #98a2b3 !important;
}

/* Remove ugly blue focus styles */
body .directorist-add-listing-form input:focus,
body .directorist-add-listing-form textarea:focus,
body .directorist-add-listing-form select:focus {
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    color: #101828 !important;

    /* Clean modern focus */
    box-shadow: 0 0 0 2px rgba(79,70,229,0.15) !important;

    outline: none !important;
}

/* Remove browser default blue highlight (important for Chrome) */
body .directorist-add-listing-form input:active,
body .directorist-add-listing-form textarea:active {
    background: #ffffff !important;
}




body .directorist-add-listing-form input.form-control,
body .directorist-add-listing-form input.directorist-form-element {
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    color: #101828 !important;
}

/* Focus fix (THIS is the main issue) */
body .directorist-add-listing-form input.form-control:focus,
body .directorist-add-listing-form input.directorist-form-element:focus {
    background: #ffffff !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15) !important;
    outline: none !important;
}


/*New Trying*/

/* Left sidebar container */
.directorist-add-listing-form .directorist-sidebar {
    background: #eef2ff; /* soft indigo tint */
    padding: 20px 15px;
    border-radius: 12px;
}

/* Sidebar items */
.directorist-sidebar li {
    padding: 12px 14px;
    border-radius: 10px;
    margin-bottom: 8px;
    transition: 0.3s;
    color: #374151;
}

/* Hover */
.directorist-sidebar li:hover {
    background: #e0e7ff;
    cursor: pointer;
}

/* Active step */
.directorist-sidebar li.active {
    background: #4f46e5;
    color: #ffffff;
    font-weight: 600;
}
/* Right side sections */
.directorist-add-listing-form .directorist-form-section {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.04);
    margin-bottom: 20px;
}

/* Layout spacing */
.directorist-add-listing-form {
    display: flex;
    gap: 25px;
}

/* Sidebar width */
.directorist-sidebar {
    width: 25%;
}

/* Content width */
.directorist-add-listing-form .directorist-content {
    width: 75%;
}

.directorist-sidebar {
    border-right: 1px solid #e5e7eb;
}/* End custom CSS */