.elementor-206 .elementor-element.elementor-element-977ceb0 > .elementor-container{max-width:1600px;}.elementor-206 .elementor-element.elementor-element-81dec4a > .elementor-background-overlay{background-color:#000000;opacity:0.44;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-206 .elementor-element.elementor-element-81dec4a > .elementor-container{max-width:1322px;}.elementor-206 .elementor-element.elementor-element-81dec4a{border-style:solid;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.8);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:120px;margin-bottom:30px;}.elementor-206 .elementor-element.elementor-element-81dec4a, .elementor-206 .elementor-element.elementor-element-81dec4a > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-206 .elementor-element.elementor-element-aa1b321.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-206 .elementor-element.elementor-element-aa1b321.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.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-206 .elementor-element.elementor-element-b55a58c{text-align:center;}.elementor-206 .elementor-element.elementor-element-b55a58c .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:30px;font-weight:400;line-height:50px;color:#E7E7E7;}.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-206 .elementor-element.elementor-element-5707079{text-align:center;font-family:"Rosario", Sans-serif;font-size:17px;font-weight:400;color:#E7E7E7;}.elementor-widget-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 );}@media(max-width:1024px){.elementor-206 .elementor-element.elementor-element-81dec4a{margin-top:130px;margin-bottom:0px;}.elementor-206 .elementor-element.elementor-element-c54186b img{width:64%;}}@media(max-width:767px){.elementor-206 .elementor-element.elementor-element-b55a58c .elementor-heading-title{font-size:27px;line-height:1.4em;}.elementor-206 .elementor-element.elementor-element-c54186b img{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-206 .elementor-element.elementor-element-aa1b321{width:100%;}.elementor-206 .elementor-element.elementor-element-263d84a{width:100%;}}/* Start custom CSS for html, class: .elementor-element-fdf8c66 *//* Container to handle layout */
.bt .cs-book-button-container {
    display: flex !important;
    gap: 20px !important;
    justify-content: center;
    margin: 0px 0 !important;
}

/* Base Button Styling */
.cs-btn {
    display: inline-block !important;
    padding: 14px 38px !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #ffffff !important;
    border-radius: 3px !important; /* Image mein halkay se corners sharp hain */
    transition: all 0.4s ease !important;
    cursor: pointer !important;
    text-align: center !important;
}

/* Primary Button (Buy the Book) - Dark & Metallic Border */
.cs-btn-primary {
    background: linear-gradient(180deg, rgba(20, 30, 45, 0.85) 0%, rgba(10, 15, 25, 0.95) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1), 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Secondary Button (Read the Synopsis) - Lighter Slate/Glass */
.cs-btn-secondary {
    background: linear-gradient(180deg, rgba(70, 95, 110, 0.5) 0%, rgba(45, 65, 80, 0.6) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(5px); /* Modern browsers mein glass effect ke liye */
}

/* Hover States with distinct transition */
.cs-btn:hover {
    transform: translateY(-3px) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5) !important;
    filter: brightness(1.2); /* Button thora sa chamakne lagega */
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .cs-book-button-container {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .cs-btn {
        width: 100% !important;
        padding: 12px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8094a84 *//* Links Container */
.cs-social-links-container {
    display: flex !important;
    align-items: center !important;
    gap: 45px !important;
    margin-top: 15px !important;
    font-family: 'Arial', sans-serif !important;
    justify-content: center;
}

.cs-link-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #cbd5e0 !important;
    font-size: 17px !important;
}

/* Base Link Styling */
.cs-social-link {
    text-decoration: none !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    transition: opacity 0.3s ease !important;
}

.cs-social-link:hover {
    opacity: 0.8 !important;
}

/* Amazon Logo Styling */
.cs-icon-amazon {
    width: 80px !important; /* Image ke mutabiq chota logo */
    filter: brightness(0) invert(1); /* Logo ko white karne ke liye */
    margin-top: 5px !important;
}

/* Goodreads Icon Styling */
.cs-icon-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff !important;
    color: #1a2a3a !important;
    font-weight: bold !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    margin-right: 8px !important;
}

.cs-goodreads {
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
}

/* Responsive Mobile */
@media (max-width: 600px) {
    .cs-social-links-container {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
}/* End custom CSS */