.elementor-871 .elementor-element.elementor-element-7af0503{--display:flex;--min-height:200px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-871 .elementor-element.elementor-element-7af0503:not(.elementor-motion-effects-element-type-background), .elementor-871 .elementor-element.elementor-element-7af0503 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-871 .elementor-element.elementor-element-533c456{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-871 .elementor-element.elementor-element-b6239c5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;line-height:1.3em;color:var( --e-global-color-957a217 );}.elementor-871 .elementor-element.elementor-element-52d9655{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:50px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-871 .elementor-element.elementor-element-52d9655:not(.elementor-motion-effects-element-type-background), .elementor-871 .elementor-element.elementor-element-52d9655 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e1a13d8 );}.elementor-871 .elementor-element.elementor-element-7a30544{--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;--border-radius:7px 7px 7px 7px;box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.1);}.elementor-871 .elementor-element.elementor-element-7a30544:not(.elementor-motion-effects-element-type-background), .elementor-871 .elementor-element.elementor-element-7a30544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-957a217 );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-871 .elementor-element.elementor-element-ac9e0aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-871 .elementor-element.elementor-element-fa9273e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-text );}.elementor-871 .elementor-element.elementor-element-27f33ce{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--e-share-buttons-primary-color:var( --e-global-color-primary );--e-share-buttons-secondary-color:var( --e-global-color-957a217 );}.elementor-871 .elementor-element.elementor-element-27f33ce .elementor-share-btn{font-size:calc(0.6px * 10);}.elementor-871 .elementor-element.elementor-element-27f33ce .elementor-share-btn__icon{--e-share-buttons-icon-size:15px;}.elementor-871 .elementor-element.elementor-element-27f33ce .elementor-share-btn:hover{--e-share-buttons-primary-color:var( --e-global-color-secondary );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-871 .elementor-element.elementor-element-03e17f4{color:var( --e-global-color-text );}.elementor-871 .elementor-element.elementor-element-8ded833{--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;--border-radius:5px 5px 5px 5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-871 .elementor-element.elementor-element-19c1a83{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-871 .elementor-element.elementor-element-db218af{--grid-columns:1;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-871 .elementor-element.elementor-element-186b875{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:050px;--padding-left:10px;--padding-right:10px;}.elementor-871 .elementor-element.elementor-element-186b875:not(.elementor-motion-effects-element-type-background), .elementor-871 .elementor-element.elementor-element-186b875 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e1a13d8 );}.elementor-871 .elementor-element.elementor-element-c3a9e1b{--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;--border-radius:6px 6px 6px 6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){ .elementor-871 .elementor-element.elementor-element-27f33ce{--grid-side-margin:10px;--grid-column-gap:10px;}.elementor-871 .elementor-element.elementor-element-db218af{--grid-columns:2;}}@media(min-width:768px){.elementor-871 .elementor-element.elementor-element-7a30544{--width:70%;}.elementor-871 .elementor-element.elementor-element-8ded833{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-871 .elementor-element.elementor-element-7a30544{--width:80%;}.elementor-871 .elementor-element.elementor-element-8ded833{--width:80%;}}@media(max-width:767px){.elementor-871 .elementor-element.elementor-element-b6239c5 .elementor-heading-title{font-size:30px;}.elementor-871 .elementor-element.elementor-element-7a30544{--width:100%;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;} .elementor-871 .elementor-element.elementor-element-27f33ce{--grid-side-margin:10px;--grid-column-gap:10px;}.elementor-871 .elementor-element.elementor-element-8ded833{--width:100%;--padding-top:30px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-871 .elementor-element.elementor-element-db218af{--grid-columns:1;}}/* Start custom CSS for theme-post-content, class: .elementor-element-03e17f4 */.elementor-871 .elementor-element.elementor-element-03e17f4 h1{
    font-size: 22px;
}

.elementor-871 .elementor-element.elementor-element-03e17f4 h2{
    font-size: 20px;
}

.elementor-871 .elementor-element.elementor-element-03e17f4 h3{
    font-size: 18px;
}

.elementor-871 .elementor-element.elementor-element-03e17f4 h4{
    font-size: 16px;
}

.elementor-871 .elementor-element.elementor-element-03e17f4 h5{
    font-size: 14px;
}

.elementor-871 .elementor-element.elementor-element-03e17f4 a{
    color: #FC7529;
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-0a02560 */.title-comments {
    color: #5705B7;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 10px;
}

.title-comments::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: #FC7529;
    border-radius: 2px;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}

/* ==========================================================================
   2. Comment Body & Layout (Professional Refined)
   ========================================================================== */
.comment-body {
    background: #fff;
    border: 1px solid rgba(87, 5, 183, 0.12);
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(87, 5, 183, 0.02);
    position: relative;
    transition: all 0.3s ease;
}

.comment-body:hover {
    border-color: rgba(87, 5, 183, 0.3);
    box-shadow: 0 10px 30px rgba(87, 5, 183, 0.06);
}

/* Meta Section */
.comment-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    border-bottom: 1px solid rgba(87, 5, 183, 0.08);
    padding-bottom: 15px;
    margin-bottom: 18px;
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.comment-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #FC7529;
    object-fit: cover;
}

.comment-author .fn {
    color: #5705B7;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
}

.comment-author .says {
    display: none;
}

/* Date & Actions */
.comment-metadata {
    font-size: 14px;
}

.comment-metadata a {
    color: #888;
    text-decoration: none;
    transition: color 0.2s;
}

.comment-metadata a:hover {
    color: #FC7529;
}

.comment-edit-link {
    margin-left: 12px;
    color: #5705B7 !important;
    font-weight: 600;
}

/* Content */
.comment-content {
    color: #4A4A4A;
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 20px;
}

.comment-content p {
    margin: 0 0 10px 0;
}

.comment-content p:last-child {
    margin-bottom: 0;
}

/* Reply Button Styling */
.reply {
    text-align: right;
}

.comment-reply-link {
    display: inline-block;
    color: #FC7529;
    background: rgba(252, 117, 41, 0.08);
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 20px;
    border-radius: 30px;
    transition: all 0.25s ease;
}

.comment-reply-link:hover {
    background: #FC7529;
    color: #fff;
    transform: translateY(-1px);
}

/* ==========================================================================
   3. Nested / Child Comments (Replies Hierarchy)
   ========================================================================== */
.comment-list .children {
    list-style: none;
    padding-left: 50px;
    margin-top: -5px;
}

.comment-list .children .comment-body {
    border-left: 3px solid #FC7529; /* Sub-comment distinct line */
    background: #FAF9FC; /* Subtle background change for depth */
}

/* ==========================================================================
   4. Comment Respond Form (Your Layout Imported & Fixed)
   ========================================================================== */
.comment-respond {
    background: #fff;
    border: 1px solid rgba(87, 5, 183, 0.12);
    border-radius: 16px;
    padding: 35px;
    box-shadow: 0 10px 30px rgba(87, 5, 183, 0.04);
    margin-top: 40px;
}

.comment-reply-title {
    color: #5705B7;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.logged-in-as {
    color: #666;
    font-size: 15px;
    margin-bottom: 25px;
}

.logged-in-as a,
#cancel-comment-reply-link {
    color: #FC7529;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
}

.logged-in-as a:hover,
#cancel-comment-reply-link:hover {
    color: #5705B7;
}

/* Form Inputs & Labels */
.comment-form label {
    display: block;
    margin-bottom: 10px;
    color: #5705B7;
    font-weight: 600;
    font-size: 15px;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    width: 100%;
    background: #fff;
    border: 2px solid rgba(87, 5, 183, 0.12);
    border-radius: 10px;
    padding: 10px 10px;
    transition: .3s;
    font-size: 16px;
    box-sizing: border-box;
}

.comment-form textarea {
    min-height: 180px;
    resize: vertical;
}

.comment-form textarea:focus,
.comment-form input:focus {
    border-color: #5705B7;
    box-shadow: 0 0 0 5px rgba(87, 5, 183, 0.08);
    outline: none;
}

/* Submit Button */
.comment-form .submit {
    background: #FC7529;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 36px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
    margin-top: 5px;
}

.comment-form .submit:hover {
    background: #5705B7;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(87, 5, 183, 0.15);
}

.required {
    color: #FC7529;
}

.comment-form textarea::placeholder,
.comment-form input::placeholder {
    color: #999;
}




.elementor-871 .elementor-element.elementor-element-0a02560 img.avatar {
    margin: 0 10px !important;
}

.elementor-871 .elementor-element.elementor-element-0a02560 article {
    padding-left: 69px !important;
    padding-right: 13px !important;
}


.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.comment-form-cookies-consent input[type="checkbox"] {
    margin-top: 6px; /* Adjust if needed */
    flex-shrink: 0;
}

.comment-form-cookies-consent label {
    margin: 0;
    line-height: 1.5;
}


/* ==========================================================================
   5. Responsive Design (Mobile Optimization)
   ========================================================================== */
@media (max-width: 767px) {
    .comment-body {
        padding: 20px;
    }
    
    .comment-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .comment-metadata {
        align-self: flex-start;
    }

    .comment-list .children {
        padding-left: 20px; /* Reduces indentation on small screens */
    }

    .comment-respond {
        padding: 25px;
    }

    .comment-reply-title {
        font-size: 24px;
    }
}





/* Make the comment form a flex container */
#commentform{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Full-width elements */
#commentform .comment-notes,
#commentform .comment-form-comment,
#commentform .comment-form-cookies-consent,
#commentform .form-submit{
    width: 100%;
}

/* Name, Email & Website in one row */
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url{
    width: calc(33.333% - 13.34px);
    margin: 0;
}

/* Make inputs fill their columns */
#commentform .comment-form-author input,
#commentform .comment-form-email input,
#commentform .comment-form-url input{
    width: 100%;
    box-sizing: border-box;
}

/* Mobile */
@media (max-width: 767px){
    #commentform .comment-form-author,
    #commentform .comment-form-email,
    #commentform .comment-form-url{
        width: 100%;
    }
}/* End custom CSS */