.elementor-2760 .elementor-element.elementor-element-c3f4e8d{--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;}.elementor-2760 .elementor-element.elementor-element-f6cfdc8{--display:flex;}.elementor-2760 .elementor-element.elementor-element-5bef226{--display:flex;}.elementor-2760 .elementor-element.elementor-element-cc146fa{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2760 .elementor-element.elementor-element-ecc3784{--display:flex;}.elementor-2760 .elementor-element.elementor-element-106bf63{--display:flex;}.elementor-2760 .elementor-element.elementor-element-658b82d{--display:flex;}.elementor-2760 .elementor-element.elementor-element-75d9e57{--display:flex;}.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-2760 .elementor-element.elementor-element-aad278c{--grid-columns:3;--load-more-button-align:center;}.elementor-2760 .elementor-element.elementor-element-aad278c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2760 .elementor-element.elementor-element-aad278c .e-loop-item > .elementor-section, .elementor-2760 .elementor-element.elementor-element-aad278c .e-loop-item > .elementor-section > .elementor-container, .elementor-2760 .elementor-element.elementor-element-aad278c .e-loop-item > .e-con, .elementor-2760 .elementor-element.elementor-element-aad278c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2760 .elementor-element.elementor-element-5751ea04{--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;--overlay-opacity:0.76;--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-2760 .elementor-element.elementor-element-5751ea04:not(.elementor-motion-effects-element-type-background), .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daryaprakashan.com/wp-content/uploads/2026/10/darya-prakashan-bottom-cta-books-background-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2760 .elementor-element.elementor-element-5751ea04::before, .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-background-video-container::before, .elementor-2760 .elementor-element.elementor-element-5751ea04 > .e-con-inner > .elementor-background-video-container::before, .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-background-slideshow::before, .elementor-2760 .elementor-element.elementor-element-5751ea04 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#551E18;--background-overlay:'';}.elementor-2760 .elementor-element.elementor-element-38a089ea{--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;--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-2760 .elementor-element.elementor-element-65d391fd{color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2760 .elementor-element.elementor-element-35269d8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-field-type-html{padding-bottom:0px;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-button[type="submit"]{color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2760 .elementor-element.elementor-element-35269d8b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(min-width:768px){.elementor-2760 .elementor-element.elementor-element-5751ea04{--width:100%;}.elementor-2760 .elementor-element.elementor-element-38a089ea{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2760 .elementor-element.elementor-element-5751ea04{--width:100%;}.elementor-2760 .elementor-element.elementor-element-38a089ea{--width:100%;}}@media(min-width:1025px){.elementor-2760 .elementor-element.elementor-element-5751ea04:not(.elementor-motion-effects-element-type-background), .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-2760 .elementor-element.elementor-element-aad278c{--grid-columns:2;}.elementor-2760 .elementor-element.elementor-element-5751ea04:not(.elementor-motion-effects-element-type-background), .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daryaprakashan.com/wp-content/uploads/2026/10/darya-prakashan-bottom-cta-books-background.png");}.elementor-2760 .elementor-element.elementor-element-5751ea04{--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-2760 .elementor-element.elementor-element-38a089ea{--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-2760 .elementor-element.elementor-element-35269d8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2760 .elementor-element.elementor-element-aad278c{--grid-columns:1;}.elementor-2760 .elementor-element.elementor-element-5751ea04:not(.elementor-motion-effects-element-type-background), .elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daryaprakashan.com/wp-content/uploads/2026/10/darya-prakashan-bottom-cta-books-background.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-2760 .elementor-element.elementor-element-5751ea04{--width:100%;--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-2760 .elementor-element.elementor-element-38a089ea{--width:100%;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2760 .elementor-element.elementor-element-35269d8b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-5751ea04 *//* ==========================================================
   DARYA — READER UPDATES CTA
   SELF-CONTAINED COMPONENT
   Works on Homepage, Single Blog, Bundles, etc.
   Paste directly on OUTER CTA container
   ========================================================== */


/* ==========================================================
   1. OUTER CTA
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 {
    position: relative;

    width: calc(100% - 40px);
    max-width: 1120px;

    margin:
        44px
        auto
        40px
        auto;

    padding:
        30px
        20px;

    overflow: hidden;

    background-color: #69271F;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    border-radius: 18px;

    box-shadow:
        0 14px 38px
        rgba(62, 30, 23, 0.12);

    color: #FFFDF8;

    box-sizing: border-box;

    isolation: isolate;
}


/* ==========================================================
   2. GUARANTEED BACKGROUND OVERLAY
   Uses the CTA's own ::after pseudo-element.
   This does NOT depend on Elementor Background Overlay markup.
   ========================================================== */

/* Disable Elementor's own overlay so it cannot conflict */
.elementor-2760 .elementor-element.elementor-element-5751ea04 .elementor-background-overlay {
    display: none !important;
}


/* Actual guaranteed image overlay */
.elementor-2760 .elementor-element.elementor-element-5751ea04::after {
    content: "";

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 0;

    background:
        linear-gradient(
            90deg,
            rgba(65, 24, 18, 0.90) 0%,
            rgba(72, 27, 20, 0.86) 42%,
            rgba(77, 30, 22, 0.78) 68%,
            rgba(79, 31, 23, 0.72) 100%
        );

    border-radius: inherit;

    pointer-events: none;
}


/* All real CTA content above overlay */
.elementor-2760 .elementor-element.elementor-element-5751ea04 > .e-con-inner,
.elementor-2760 .elementor-element.elementor-element-5751ea04 > .elementor-element,
.elementor-2760 .elementor-element.elementor-element-5751ea04 > *:not(.elementor-background-overlay) {
    position: relative;
    z-index: 2;
}


/* Decorative subtle circle */

.elementor-2760 .elementor-element.elementor-element-5751ea04::before {
    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    top: -110px;
    left: -65px;

    z-index: 1;

    border-radius: 50%;

    background:
        rgba(255, 244, 225, 0.07);

    pointer-events: none;
}


/* ==========================================================
   3. CONTENT AREA
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-content {
    display: flex !important;

    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: 700px;

    gap: 0 !important;

    margin:
        0
        0
        22px
        0 !important;

    padding: 0 !important;
}


/* ==========================================================
   4. EYEBROW
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-eyebrow {
    width: 100%;

    margin:
        0
        0
        8px
        0 !important;

    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-eyebrow
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #F3CFB5 !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;

    text-align: left;
}


/* ==========================================================
   5. HEADING
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-title {
    width: 100%;

    margin:
        0
        0
        11px
        0 !important;

    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-title
.elementor-heading-title {
    width: 100%;
    max-width: 650px;

    margin: 0 !important;
    padding: 0 !important;

    color: #FFFDF8 !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 30px;
    line-height: 1.24;
    font-weight: 700;

    letter-spacing: -0.01em;

    text-align: left !important;
}


/* ==========================================================
   6. DESCRIPTION
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-text {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-text
.elementor-widget-container {
    width: 100%;
    max-width: 590px;

    margin: 0 !important;
    padding: 0 !important;

    color:
        rgba(
            255,
            253,
            248,
            0.88
        ) !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 14px;
    line-height: 1.65;
    font-weight: 400;

    text-align: left;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-text p {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font: inherit;
}


/* ==========================================================
   7. FORM CONTAINER
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form {
    width: 100% !important;
    max-width: 780px;

    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-widget-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   8. ELEMENTOR FIELD GROUPS
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-group {
    width: 100%;

    min-width: 0;

    margin:
        0
        0
        10px
        0 !important;

    padding: 0 !important;
}


/* ==========================================================
   9. INPUT
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field {
    width: 100% !important;

    min-width: 0;

    min-height: 52px;

    padding-top: 12px !important;
    padding-right: 14px !important;
    padding-bottom: 12px !important;

    /*
     * Do not make this !important.
     * International phone library calculates
     * flag / dial-code spacing here.
     */
    padding-left: 14px;

    background:
        rgba(
            255,
            253,
            248,
            0.98
        ) !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.28
        ) !important;

    border-radius:
        11px !important;

    color:
        #26211D !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 15px;

    box-shadow:
        0 2px 10px
        rgba(40, 20, 16, 0.06);

    outline: none !important;

    box-sizing: border-box;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field::placeholder {
    color: #948A82 !important;

    opacity: 1;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field:focus {
    border-color:
        #E5B28A !important;

    box-shadow:
        0 0 0 3px
        rgba(
            229,
            178,
            138,
            0.14
        ) !important;
}


/* ==========================================================
   10. INTERNATIONAL PHONE INPUT
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.iti {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.iti input {
    width: 100% !important;

    max-width: 100% !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.iti__country-container {
    height: 100%;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.iti__selected-country {
    height: 100%;

    padding-left: 11px;
    padding-right: 8px;

    background:
        transparent !important;

    border: 0 !important;

    color: #554D47 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.iti__selected-dial-code {
    margin-left: 6px;

    color: #554D47;

    font-family: sans-serif;

    font-size: 14px;
    font-weight: 500;
}


/* ==========================================================
   11. ACCEPTANCE / CONSENT
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-type-acceptance {
    width: 100% !important;

    margin:
        10px
        0
        15px
        0 !important;

    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-type-acceptance
.elementor-field-subgroup {
    width: 100%;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-option {
    display: flex !important;

    align-items: flex-start !important;

    gap: 9px !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-type-acceptance
input[type="checkbox"] {
    width: 17px !important;
    min-width: 17px !important;

    height: 17px !important;
    min-height: 17px !important;

    margin:
        3px
        0
        0
        0 !important;

    padding: 0 !important;

    flex: 0 0 17px;

    accent-color: #FFF3E4;

    cursor: pointer;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-type-acceptance
label {
    margin: 0 !important;
    padding: 0 !important;

    color:
        rgba(
            255,
            253,
            248,
            0.86
        ) !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 12px;
    line-height: 1.55;
    font-weight: 400;

    cursor: pointer;
}


/* ==========================================================
   12. SUBMIT BUTTON
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-field-type-submit {
    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-button {
    width: 100% !important;

    min-height: 52px;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding:
        12px
        20px !important;

    background:
        #FFF4E6 !important;

    border:
        1px solid
        #FFF4E6 !important;

    border-radius:
        11px !important;

    color:
        #7B2F22 !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;

    box-shadow:
        0 5px 18px
        rgba(31, 16, 12, 0.10);

    cursor: pointer;

    transition:
        background 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-button-text {
    color: inherit !important;
}


@media (hover: hover) and (pointer: fine) {

    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-button:hover {
        background:
            #FFFFFF !important;

        transform:
            translateY(-1px);

        box-shadow:
            0 8px 22px
            rgba(31, 16, 12, 0.14);
    }
}


/* ==========================================================
   13. ERROR MESSAGES
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-message {
    width: 100%;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-message-danger,
.elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
.elementor-message-error {
    margin:
        10px
        0
        0
        0 !important;

    padding:
        9px
        11px;

    background:
        rgba(
            255,
            218,
            213,
            0.11
        );

    border-radius: 8px;

    color:
        #FFDAD5 !important;

    font-size: 12.5px;
    line-height: 1.5;
}


/* ==========================================================
   14. SUCCESS STATE
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
.darya-reader-cta-content {
    display: none !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
.elementor-form-fields-wrapper {
    display: none !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
.darya-reader-form {
    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
.elementor-form {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
.elementor-message-success {
    position: relative;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding:
        20px
        18px
        20px
        56px !important;

    background:
        rgba(
            255,
            255,
            255,
            0.12
        ) !important;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.14
        );

    border-radius: 12px;

    color:
        #FFF8EA !important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size: 14px;
    line-height: 1.65;
    font-weight: 500;

    text-align: left;
}


.elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
.elementor-message-success::before {
    content: "✓";

    position: absolute;

    top: 18px;
    left: 18px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    background:
        rgba(
            255,
            255,
            255,
            0.14
        );

    border-radius: 50%;

    color: #BDE5C1;

    font-family: sans-serif;

    font-size: 16px;
    font-weight: 700;
}


/* ==========================================================
   15. MOBILE
   0 — 767px
   ========================================================== */

@media (max-width: 767px) {

    .elementor-2760 .elementor-element.elementor-element-5751ea04 {
        width: calc(100% - 40px);

        margin:
            40px
            20px
            36px;

        padding:
            28px
            20px;

        border-radius: 18px;

        background-position:
            center center;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04::after {
        background:
            linear-gradient(
                180deg,
                rgba(60, 19, 15, 0.86) 0%,
                rgba(68, 23, 17, 0.88) 45%,
                rgba(66, 22, 17, 0.90) 100%
            );
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-title
    .elementor-heading-title {
        font-size: 27px;
        line-height: 1.27;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-form {
        display: block !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-group {
        width: 100% !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-button {
        width: 100% !important;
    }
}


/* ==========================================================
   16. SMALL MOBILE
   ≤ 360px
   ========================================================== */

@media (max-width: 360px) {

    .elementor-2760 .elementor-element.elementor-element-5751ea04 {
        width: calc(100% - 32px);

        margin:
            36px
            16px
            32px;

        padding:
            25px
            16px;

        border-radius: 16px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-title
    .elementor-heading-title {
        font-size: 24px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-text
    .elementor-widget-container {
        font-size: 13.5px;
    }
}


/* ==========================================================
   17. TABLET
   768 — 1024px
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-2760 .elementor-element.elementor-element-5751ea04 {
        width: calc(100% - 64px);

        max-width: 960px;

        margin:
            52px
            auto
            48px;

        padding:
            36px
            32px;

        border-radius: 20px;

        background-position:
            center right;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04::after {
        background:
            linear-gradient(
                90deg,
                rgba(61, 20, 15, 0.92) 0%,
                rgba(69, 24, 18, 0.86) 48%,
                rgba(74, 27, 20, 0.74) 100%
            );
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-title
    .elementor-heading-title {
        font-size: 32px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-text
    .elementor-widget-container {
        max-width: 560px;

        font-size: 15px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form {
        max-width: 720px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-form {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            170px !important;

        column-gap:
            10px !important;

        row-gap:
            0 !important;

        align-items:
            end !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-group-mobile,
    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-type-tel {
        grid-column:
            1 !important;

        grid-row:
            1 !important;

        width:
            100% !important;

        margin:
            0 !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-type-submit {
        grid-column:
            2 !important;

        grid-row:
            1 !important;

        width:
            100% !important;

        margin:
            0 !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-type-acceptance {
        grid-column:
            1 / -1 !important;

        grid-row:
            2 !important;

        margin-top:
            12px !important;
    }
}


/* ==========================================================
   18. DESKTOP
   ≥ 1025px
   ========================================================== */

@media (min-width: 1025px) {

    .elementor-2760 .elementor-element.elementor-element-5751ea04 {
        width: calc(100% - 80px);

        max-width: 1120px;

        margin:
            60px
            auto
            54px;

        padding:
            46px
            46px;

        border-radius: 22px;

        background-position:
            center right;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04::after {
        background:
            linear-gradient(
                90deg,
                rgba(58, 18, 14, 0.93) 0%,
                rgba(65, 21, 16, 0.89) 42%,
                rgba(72, 25, 18, 0.76) 68%,
                rgba(74, 27, 20, 0.67) 100%
            );
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-content {
        max-width: 700px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-title
    .elementor-heading-title {
        font-size: 36px;
        line-height: 1.22;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-cta-text
    .elementor-widget-container {
        max-width: 620px;

        font-size: 15.5px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form {
        max-width: 780px;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-form {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            190px !important;

        column-gap:
            10px !important;

        row-gap:
            0 !important;

        align-items:
            end !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-group-mobile,
    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-type-tel {
        grid-column:
            1 !important;

        grid-row:
            1 !important;

        width:
            100% !important;

        margin:
            0 !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-type-submit {
        grid-column:
            2 !important;

        grid-row:
            1 !important;

        width:
            100% !important;

        margin:
            0 !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04 .darya-reader-form
    .elementor-field-type-acceptance {
        grid-column:
            1 / -1 !important;

        grid-row:
            2 !important;

        margin-top:
            12px !important;
    }


    .elementor-2760 .elementor-element.elementor-element-5751ea04:has(.elementor-message-success)
    .elementor-message-success {
        padding:
            22px
            22px
            22px
            62px !important;

        font-size: 15px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3f4e8d *//* ==========================================================
   DARYA PRAKASHAN — BLOG CATEGORY ARCHIVE
   COMPLETE PAGE CSS

   Paste on:
   DARYA BLOG CATEGORY ARCHIVE
   → Advanced → Custom CSS

   Outer class:
   darya-blog-category-page
   ========================================================== */


/* ==========================================================
   00. DESIGN TOKENS
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d{
    --darya-bg:#FFFDF8;
    --darya-paper:#FFF9F1;
    --darya-paper-2:#FAF4EA;

    --darya-maroon:#7B2F22;
    --darya-maroon-dark:#63251B;
    --darya-rust:#A84426;

    --darya-text:#26211D;
    --darya-soft:#665E57;
    --darya-muted:#91877F;

    --darya-border:#E6D9CA;
    --darya-border-soft:#EFE5D9;

    --darya-gutter:16px;
    --darya-max:1180px;

    width:100%;
    min-width:0;

    margin:0!important;
    padding:0!important;

    background:var(--darya-bg);

    color:var(--darya-text);
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d *,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d *::before,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d *::after{
    box-sizing:border-box;
}


/* ==========================================================
   COMMON PAGE WIDTH
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb-section,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-discovery,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-toolbar,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-articles{
    width:calc(100% - (var(--darya-gutter) * 2));
    max-width:var(--darya-max);

    min-width:0;

    margin-left:auto!important;
    margin-right:auto!important;
}


/* ==========================================================
   01. CATEGORY BREADCRUMB
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb-section{
    margin-top:0!important;

    padding:11px 0 10px!important;

    border-bottom:
        1px solid
        rgba(230,217,202,.72);

    background:transparent!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb{
    width:100%;
    min-width:0;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
.elementor-widget-container,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
.elementor-shortcode{
    width:100%;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
.darya-breadcrumb{
    display:flex!important;

    align-items:center!important;

    width:100%;
    min-width:0;

    overflow:hidden;

    margin:0!important;
    padding:0!important;

    color:var(--darya-soft);

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:12.5px;
    line-height:1.45;

    white-space:nowrap;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
.darya-breadcrumb a{
    flex:0 0 auto;

    color:var(--darya-soft)!important;

    text-decoration:none!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
.darya-breadcrumb-sep{
    flex:0 0 auto;

    margin:0 7px;

    color:#B5AAA1;

    font-family:Arial,sans-serif;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
.darya-breadcrumb-current{
    min-width:0;

    overflow:hidden;

    color:var(--darya-maroon)!important;

    font-weight:600;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/* ==========================================================
   02. CATEGORY HERO
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero{
    position:relative;

    isolation:isolate;

    display:block!important;

    margin-top:18px!important;

    overflow:hidden;

    padding:0!important;

    background:
        linear-gradient(
            135deg,
            #FFF9F1 0%,
            #FFFDF8 65%,
            #F6E9DB 100%
        );

    border:1px solid var(--darya-border);
    border-radius:18px;

    box-shadow:
        0 5px 18px
        rgba(70,48,35,.035);
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero::before{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    right:-145px;
    top:-190px;

    border-radius:50%;

    background:
        rgba(123,47,34,.045);

    pointer-events:none;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero::after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:80px;
    bottom:-170px;

    border-radius:50%;

    background:
        rgba(168,68,38,.035);

    pointer-events:none;
}


/* ==========================================================
   HERO CONTENT
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero-content{
    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;
    justify-content:center!important;

    width:100%;
    max-width:760px;

    min-height:250px;

    gap:0!important;

    margin:0!important;

    padding:38px 42px!important;
}


/* We currently use a text-led category hero */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero-visual{
    display:none!important;
}


/* ==========================================================
   HERO EYEBROW
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-eyebrow{
    width:auto!important;

    margin:0 0 8px!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-eyebrow
.elementor-heading-title{
    margin:0!important;

    color:var(--darya-rust)!important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:13px;
    line-height:1.3;
    font-weight:700;
}


/* ==========================================================
   HERO TITLE
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title{
    width:100%;

    margin:0 0 12px!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title
.elementor-heading-title{
    margin:0!important;
    padding:0!important;

    color:var(--darya-maroon)!important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:42px;
    line-height:1.14;
    font-weight:700;

    letter-spacing:-.02em;
}


/* ==========================================================
   HERO DESCRIPTION
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description{
    width:100%;
    max-width:650px;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description
.elementor-widget-container,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description p{
    margin:0!important;
    padding:0!important;

    color:var(--darya-soft);

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:14px;
    line-height:1.65;
    font-weight:400;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description p + p{
    margin-top:8px!important;
}


/* ==========================================================
   03. BLOG CATEGORY DISCOVERY
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-discovery{
    margin-top:18px!important;

    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-widget,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-widget
.elementor-widget-container,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-widget
.elementor-shortcode{
    width:100%;
    min-width:0;

    margin:0!important;
    padding:0!important;
}


/* ==========================================================
   CATEGORY NAVIGATION TRACK
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav{
    width:100%;
    min-width:0;

    margin:0;
    padding:0;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-track{
    display:flex;

    align-items:center;

    width:100%;
    min-width:0;

    gap:9px;

    margin:0;

    padding:2px 1px 8px;

    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:x proximity;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-track::-webkit-scrollbar{
    display:none;
}


/* ==========================================================
   CATEGORY NAVIGATION ITEM
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-item{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    flex:0 0 auto;

    min-height:42px;

    padding:8px 14px;

    scroll-snap-align:start;

    background:#FFFDF8;

    border:1px solid var(--darya-border);
    border-radius:999px;

    color:#4F4842!important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:12.5px;
    line-height:1.25;
    font-weight:600;

    text-decoration:none!important;

    white-space:nowrap;

    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}


/* Current category */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-item.is-active{
    background:var(--darya-maroon)!important;

    border-color:var(--darya-maroon)!important;

    color:#FFF!important;

    box-shadow:
        0 4px 12px
        rgba(123,47,34,.12);
}


/* Parent category */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-parent:not(.is-active){
    background:#FAF1E6;

    border-color:#DCC6B1;

    color:var(--darya-maroon)!important;
}


/* ==========================================================
   04. ARTICLES TOOLBAR
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-toolbar{
    display:flex!important;

    flex-direction:row!important;

    align-items:center!important;
    justify-content:space-between!important;

    gap:18px!important;

    margin-top:18px!important;

    padding:16px 0!important;

    border-top:
        1px solid
        var(--darya-border-soft);

    border-bottom:
        1px solid
        var(--darya-border-soft);
}


/* ==========================================================
   ARTICLE COUNT
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-count{
    width:auto!important;

    flex:0 0 auto;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-count
.elementor-widget-container,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-count
.elementor-shortcode{
    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-count-output{
    display:inline-flex;

    align-items:center;

    gap:5px;

    color:var(--darya-soft);

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:13px;
    line-height:1.4;
    font-weight:600;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-count-number{
    color:var(--darya-maroon);

    font-weight:700;
}


/* ==========================================================
   ARTICLE SORT
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-sort{
    width:auto!important;

    min-width:240px;

    flex:0 0 auto;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-sort
.elementor-widget-container,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-sort
.elementor-shortcode{
    width:100%;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-form{
    width:100%;

    margin:0;
    padding:0;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-label{
    display:block;

    margin:0 0 6px;

    color:var(--darya-soft);

    font-family:
        "Noto Sans Devanagari",
        sans-serif;

    font-size:11px;
    line-height:1.3;
    font-weight:600;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-control{
    position:relative;

    width:100%;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-select{
    display:block;

    appearance:none!important;
    -webkit-appearance:none!important;

    width:100%!important;
    min-height:44px;

    margin:0!important;

    padding:
        8px
        42px
        8px
        13px!important;

    background:#FFFDF8;

    border:
        1px solid
        var(--darya-border)!important;

    border-radius:10px!important;

    color:var(--darya-text)!important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif!important;

    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:600!important;

    box-shadow:none!important;

    outline:none;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-arrow{
    position:absolute!important;

    top:50%!important;
    right:13px!important;

    transform:translateY(-50%)!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:16px!important;
    height:16px!important;

    color:var(--darya-maroon)!important;

    pointer-events:none!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-arrow svg{
    width:16px!important;
    height:16px!important;

    display:block!important;
}


/* ==========================================================
   05. CATEGORY ARTICLES
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-articles{
    margin-top:24px!important;

    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop{
    width:100%;
    min-width:0;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
> .elementor-widget-container{
    width:100%;

    margin:0!important;
    padding:0!important;
}


/* ==========================================================
   LOOP GRID
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.elementor-loop-container{
    display:grid!important;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        )!important;

    gap:20px!important;

    width:100%;
    min-width:0;

    margin:0!important;
    padding:0!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.e-loop-item{
    width:100%;
    min-width:0;

    margin:0!important;
}


/* Do NOT redesign Blog Card itself here */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.e-loop-item > *{
    height:100%;
}


/* ==========================================================
   06. READER UPDATES CTA
   ========================================================== */

/*
   Deliberately not styled here.

   Keep your existing reusable
   Reader Updates CTA CSS.
*/


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d{
        --darya-gutter:14px;
    }


    /* Breadcrumb */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb-section{
        padding:
            9px
            0
            8px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
    .darya-breadcrumb{
        font-size:11.2px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
    .darya-breadcrumb-sep{
        margin:0 5px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
    .darya-breadcrumb-current{
        max-width:52vw;
    }


    /* Hero */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero{
        margin-top:12px!important;

        border-radius:14px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero-content{
        min-height:205px;

        padding:
            24px
            18px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-eyebrow{
        margin-bottom:7px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-eyebrow
    .elementor-heading-title{
        font-size:11px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title{
        margin-bottom:9px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title
    .elementor-heading-title{
        font-size:28px;
        line-height:1.16;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description
    .elementor-widget-container,
    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description p{
        display:-webkit-box;

        overflow:hidden;

        -webkit-box-orient:vertical;
        -webkit-line-clamp:4;

        font-size:11.5px;
        line-height:1.58;
    }


    /* Category discovery */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-discovery{
        margin-top:15px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-track{
        gap:7px;

        padding-bottom:7px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-item{
        min-height:39px;

        padding:
            7px
            11px;

        font-size:11.5px;
    }


    /* Toolbar */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-toolbar{
        flex-direction:column!important;

        align-items:center!important;
        justify-content:center!important;

        gap:11px!important;

        margin-top:12px!important;

        padding:
            15px
            0!important;

        text-align:center;
    }


    /* Sort first visually */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-sort{
        order:1;

        width:100%!important;
        max-width:100%;

        min-width:0;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-form{
        width:100%;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-label{
        text-align:center;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-sort-select{
        width:100%!important;

        min-height:44px;

        font-size:12px!important;
    }


    /* Count under sort */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-count{
        order:2;

        width:100%!important;

        text-align:center!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-count
    .elementor-widget-container,
    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-count
    .elementor-shortcode{
        display:flex;

        justify-content:center;

        width:100%;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-count-output{
        font-size:12px;
    }


    /* Articles */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-articles{
        margin-top:18px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
    .elementor-loop-container{
        grid-template-columns:
            minmax(0,1fr)!important;

        gap:16px!important;
    }

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width:360px){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d{
        --darya-gutter:12px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero-content{
        min-height:190px;

        padding:
            20px
            15px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title
    .elementor-heading-title{
        font-size:25px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description
    .elementor-widget-container,
    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description p{
        font-size:10.8px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-item{
        font-size:10.8px;

        padding:
            6px
            10px;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d{
        --darya-gutter:28px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero-content{
        min-height:230px;

        padding:
            32px
            32px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title
    .elementor-heading-title{
        font-size:35px;
    }


    /* Toolbar stays horizontal */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-toolbar{
        flex-direction:row!important;

        align-items:flex-end!important;
        justify-content:space-between!important;
    }


    /* Blog cards: 2 columns */

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
    .elementor-loop-container{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            )!important;

        gap:18px!important;
    }

}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width:1025px){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d{
        --darya-gutter:40px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero{
        margin-top:20px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-hero-content{
        min-height:270px;

        padding:
            42px
            46px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-title
    .elementor-heading-title{
        font-size:46px;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description
    .elementor-widget-container,
    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-description p{
        font-size:15px;
    }

}


/* ==========================================================
   HOVER — DESKTOP
   ========================================================== */

@media
(hover:hover)
and
(pointer:fine){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-breadcrumb
    .darya-breadcrumb a:hover{
        color:
            var(--darya-maroon)!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-item:hover{
        transform:
            translateY(-1px);

        border-color:#D5BDA8;

        color:
            var(--darya-maroon)!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-nav-item.is-active:hover{
        color:#FFF!important;

        background:
            var(--darya-maroon-dark)!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
    .elementor-button:hover{
        background:
            var(--darya-maroon)!important;

        color:#FFF!important;
    }

}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d a:focus-visible,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d select:focus-visible,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d button:focus-visible{
    outline:
        2px solid
        var(--darya-maroon);

    outline-offset:3px;
}

/* ==========================================================
   07. LOOP GRID — LOAD MORE
   Elementor "Load on Click"

   Current Elementor wrapper:
   .e-loop__load-more

   Scoped to this Blog Category Loop only so the rules do not
   leak into buttons inside Blog Card templates.
   ========================================================== */

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop .e-loop__load-more{
    --loadmore-bg:#FFFDF8;
    --loadmore-border:#7B2F22;
    --loadmore-text:#7B2F22;

    width:100%!important;
}


/* Button wrapper */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper,
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.e-loop__load-more
.elementor-button-wrapper{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:100%!important;

    margin:26px 0 0!important;
    padding:0!important;

    text-align:center!important;
}


/* Actual Load More button.
   Use the e-loop__load-more ancestor so ordinary buttons
   inside Blog Card (Template) are NOT restyled. */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
> .elementor-widget-container
> .elementor-button-wrapper
> .elementor-button,

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.e-loop__load-more
> .elementor-button-wrapper
> .elementor-button,

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper
> .elementor-button{
    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:164px!important;
    min-height:44px!important;

    gap:7px!important;

    margin:0 auto!important;

    padding:10px 20px!important;

    background:var(--loadmore-bg)!important;

    border:
        1px solid
        var(--loadmore-border)!important;

    border-radius:10px!important;

    color:var(--loadmore-text)!important;

    font-family:
        "Noto Sans Devanagari",
        "Noto Sans",
        Arial,
        sans-serif!important;

    font-size:12.5px!important;
    line-height:1.35!important;
    font-weight:700!important;

    text-align:center!important;
    text-decoration:none!important;

    box-shadow:none!important;

    cursor:pointer!important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease,
        box-shadow .18s ease!important;
}


/* Button internals */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper
> .elementor-button
.elementor-button-content-wrapper{
    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    gap:7px!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper
> .elementor-button
.elementor-button-text{
    margin:0!important;
    padding:0!important;

    color:inherit!important;

    font:inherit!important;
    line-height:inherit!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper
> .elementor-button
.elementor-button-icon{
    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;

    color:inherit!important;
}

.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper
> .elementor-button
.elementor-button-icon svg{
    display:block!important;

    width:14px!important;
    height:14px!important;

    fill:currentColor!important;
}


/* Spinner */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.e-load-more-spinner{
    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:100%!important;

    margin:12px auto 0!important;

    color:var(--darya-maroon)!important;
}


/* No-more-posts message */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
.e-load-more-message{
    width:100%!important;

    margin:18px auto 0!important;
    padding:0!important;

    color:var(--darya-muted)!important;

    font-family:
        "Noto Sans Devanagari",
        sans-serif!important;

    font-size:12px!important;
    line-height:1.5!important;
    font-weight:500!important;

    text-align:center!important;
}


/* Desktop hover */
@media (hover:hover) and (pointer:fine){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
    .elementor-button-wrapper
    > .elementor-button:hover{

        background:
            var(--darya-maroon)!important;

        border-color:
            var(--darya-maroon)!important;

        color:#FFF!important;

        transform:translateY(-1px);

        box-shadow:
            0 6px 16px
            rgba(123,47,34,.12)!important;
    }
}


/* Keyboard */
.elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
.elementor-button-wrapper
> .elementor-button:focus-visible{
    outline:
        2px solid
        var(--darya-maroon)!important;

    outline-offset:3px!important;
}


/* Mobile */
@media (max-width:767px){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
    .elementor-button-wrapper,
    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop
    .e-loop__load-more
    .elementor-button-wrapper{
        margin-top:20px!important;
    }

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
    .elementor-button-wrapper
    > .elementor-button{
        min-width:150px!important;
        min-height:42px!important;

        padding:9px 17px!important;

        border-radius:9px!important;

        font-size:11.5px!important;
    }
}


/* Tablet */
@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-2760 .elementor-element.elementor-element-c3f4e8d .darya-blog-category-loop.e-loop__load-more
    .elementor-button-wrapper
    > .elementor-button{
        min-width:158px!important;
        min-height:44px!important;
    }
}/* End custom CSS */