img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */



	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */


.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }
.wpr-dc-hidden{display:none!important}.wpr-dc-fallback{margin:0;padding:0}
/*# sourceURL=elementor-frontend-inline-css */


/* 1. Replicate the shape, color, and spacing of the reference image */
a.a2a_dd {
    background-color: #ff5722 !important; /* Exact flat orange */
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 6px !important; /* Soft rectangle corners instead of a pill */
    font-size: 22px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important; /* Spacing between text and icon */
    box-shadow: none !important; /* Removes any default shadow */
    border: none !important;
}

/* 2. Hide default AddToAny universal icons */
a.a2a_dd img, a.a2a_dd svg {
    display: none !important; 
}

/* 3. Inject the exact white 'share nodes' icon using a safe background image */
a.a2a_dd::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='white'%3E%3Cpath d='M352 320c-22.6 0-43.4 7.5-60.2 20.2l-106.8-64.1c1.8-6.7 2.9-13.6 2.9-20.9s-1.2-14.2-2.9-20.9l106.8-64.1c16.8 12.7 37.6 20.2 60.2 20.2 53 0 96-43 96-96s-43-96-96-96-96 43-96 96c0 7.3 1.2 14.2 2.9 20.9L152.1 180.2c-16.8-12.7-37.6-20.2-60.2-20.2-53 0-96 43-96 96s43 96 96 96c22.6 0 43.4-7.5 60.2-20.2l106.8 64.1c-1.8 6.7-2.9 13.6-2.9 20.9 0 53 43 96 96 96s96-43 96-96-43-96-96-96z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 4. Keep your dropdown hiding rules intact */
.a2a_kit a:not(.a2a_dd) {
    display: none !important;
}
/*# sourceURL=addtoany-inline-css */


				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			

/* Main Wrapper: Light peach background */
.custom-category-wrapper {
    background-color: #fff5f0; 
    border-radius: 4px;
    padding-bottom: 20px;
    font-family: inherit;
    margin-bottom: 30px;
    border: 1px solid #fce8df;
}

/* Header: Orange block */
.custom-category-header {
    background-color: #e05e36;
    color: #ffffff;
    padding: 16px 24px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    margin-bottom: 25px;
}

/* List: Two-column grid layout */
.custom-category-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    row-gap: 20px;
    padding: 0 30px;
    list-style: none;
    margin: 0;
}

/* List Items and Links */
.custom-category-list li {
    margin: 0;
    padding: 0;
}

.custom-category-list li a {
    text-decoration: none;
    color: #2c3e50;
    font-size: 17px;
    display: flex;
    align-items: center;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.custom-category-list li a:hover {
    color: #e05e36;
}

/* Orange Chevron Icon */
.chevron-icon {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    flex-shrink: 0;
}

/* Pagination Links */
.custom-category-pagination {
    display: flex;
    gap: 8px;
    padding: 30px 30px 0;
}

.custom-category-pagination a,
.custom-category-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: #e05e36;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}

/* Current active page number */
.custom-category-pagination .current {
    background-color: #c04b2a; 
    font-weight: 600;
}

.custom-category-pagination a:hover {
    background-color: #c04b2a;
}

/* Responsive: Collapse to 1 column on mobile devices */
@media (max-width: 768px) {
    .custom-category-list {
        grid-template-columns: 1fr;
    }
}

/* --- OVERALL LAYOUT (Main + Sidebar) --- */
.page-layout-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 40px;
}

.main-content-column {
    flex: 1; /* Takes up remaining space */
    min-width: 0; /* Prevents overflow */
}

.sidebar-column {
    width: 320px; /* Fixed width for sidebar */
    flex-shrink: 0;
}

/* --- ARCHIVE WIDGET STYLING --- */
.archive-widget {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.archive-header {
    background-color: #5bc0de; /* Light blue from screenshot */
    color: #ffffff;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 600;
}

.archive-body {
    padding: 20px;
}

.archive-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.archive-form select {
    flex: 1 1 45%; /* Selects take up half width */
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}

.archive-btn {
    flex: 1 1 40%;
    background-color: #5bc0de;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
}

.archive-btn:hover {
    background-color: #31b0d5; /* Slightly darker blue */
}

/* --- BANNER STYLING --- */
.sidebar-banner img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
}

/* --- MOBILE RESPONSIVENESS --- */
@media (max-width: 900px) {
    .page-layout-wrapper {
        flex-direction: column;
    }
    .sidebar-column {
        width: 100%; /* Sidebar moves below content on mobile */
    }
}

/* Master Container Block Styling (Soft Peach) */
.prelims-card-master-wrapper {
    background-color: #fff5f0; 
    border: 1px solid #fce8df;
    border-radius: 4px;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

/* Distinct Header Block Styling */
.prelims-card-header {
    background-color: #e05e36;
    color: #ffffff;
    padding: 16px 24px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    margin-bottom: 25px;
}

/* Two-Column Matrix Setup */
.prelims-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 15px;
    padding: 0 25px;
    list-style: none;
    margin: 0;
}

.prelims-card-grid li {
    margin: 0;
    padding: 0;
}

/* Indivdual White Card Mechanics */
.prelims-card-grid li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-left: 4px solid #e05e36; /* Thick orange accent on left edge */
    padding: 14px 20px;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Title Font and Hover Mechanics */
.prelims-card-grid li a .card-post-title {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    flex: 1;
    padding-right: 15px;
}

/* Right-Facing Arrow Styling */
.prelims-card-grid li a .card-post-arrow {
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    flex-shrink: 0;
}

/* Interactive Feedback State */
.prelims-card-grid li a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(224, 94, 54, 0.06);
}

.prelims-card-grid li a:hover .card-post-title,
.prelims-card-grid li a:hover .card-post-arrow {
    color: #e05e36;
}

/* Dynamic Pagination Blocks System */
.prelims-card-pagination {
    display: flex;
    gap: 8px;
    padding: 30px 25px 0;
}

.prelims-card-pagination a,
.prelims-card-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: #e05e36;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 2px;
}

.prelims-card-pagination .current,
.prelims-card-pagination a:hover {
    background-color: #c04b2a; 
    font-weight: 600;
}

/* Seamless Layout Collapse for Smartphones */
@media (max-width: 768px) {
    .prelims-card-grid {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }
}
/* Component Master Container (Light Peach Background Block) */
.editorial-master-wrapper {
    background-color: #fff5f0; 
    border: 1px solid #fce8df;
    border-radius: 4px;
    padding-bottom: 25px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(224, 94, 54, 0.02);
}

/* Header Component styling matching "Trending" header exactly */
.editorial-grid-header {
    background-color: #e05e36;
    color: #ffffff;
    padding: 16px 24px;
    font-size: 22px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    margin-bottom: 25px;
    font-family: inherit;
}

/* Two-Column Alignment Matrix */
.editorial-posts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 45px;
    row-gap: 22px;
    padding: 0 30px;
    list-style: none;
    margin: 0;
}

.editorial-posts-grid li {
    margin: 0;
    padding: 0;
}

/* Anchor Link and Chevron Positioning */
.editorial-posts-grid li a {
    text-decoration: none;
    color: #2c3e50;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1.4;
    transition: color 0.15s ease;
}

.editorial-posts-grid li a:hover {
    color: #e05e36;
}

.editorial-chevron {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    flex-shrink: 0;
}

/* Pagination Box Array Layout */
.editorial-grid-pagination {
    display: flex;
    gap: 8px;
    padding: 30px 30px 0;
}

.editorial-grid-pagination a,
.editorial-grid-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: #e05e36;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 2px;
}

.editorial-grid-pagination .current,
.editorial-grid-pagination a:hover {
    background-color: #c04b2a; 
    font-weight: 600;
}

/* Fluid Mobile Adaptation Collapse */
@media (max-width: 768px) {
    .editorial-posts-grid {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }
}

.date-archive-widget {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 20px;
    font-family: sans-serif;
}

.widget-header {
    background-color: #73c0de; /* Matches the blue header in your screenshot */
    color: #ffffff;
    padding: 15px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
}

.archive-form {
    padding: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.date-select {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.go-btn {
    background-color: #73c0de;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    font-weight: bold;
}

.go-btn:hover {
    background-color: #5aaacc;
}



//recent category blogs //

/* Container for the widget */
.sidebar-widget {
    margin-bottom: 30px;
    border: 1px solid #eee;
    border-top: none;
}

/* Orange Header Block */
.sidebar-title-underlined {
    background-color: #e05e36; /* Your brand orange */
    color: #ffffff;
    padding: 12px 15px;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* List Formatting */
.sidebar-simple-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual Post Items with Dotted Separators */
.sidebar-simple-list li {
    border-bottom: 1px dotted #ccc; /* Dotted line separator */
    padding: 15px;
}

/* Remove border from the last item */
.sidebar-simple-list li:last-child {
    border-bottom: none;
}

/* Link Styling */
.sidebar-simple-list li a {
    text-decoration: none;
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    display: block;
}

.sidebar-simple-list li a:hover {
    color: #e05e36;
}

//upsc recent blogs//
/* Sidebar Header Style */
.sidebar-title-underlined {
    background-color: #e05e36; 
    color: #ffffff;
    padding: 12px 15px;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* List Formatting */
.sidebar-simple-list {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
    border-top: none;
}

/* Dotted Separators */
.sidebar-simple-list li {
    border-bottom: 1px dotted #ccc;
    padding: 15px;
}

.sidebar-simple-list li:last-child {
    border-bottom: none;
}

/* Link Styling */
.sidebar-simple-list li a {
    text-decoration: none;
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    display: block;
}

.sidebar-simple-list li a:hover {
    color: #e05e36;
}

/* --- RIYASAT PREMIUM TYPOGRAPHY & LAYOUT ENGINE --- */

/* Restrict line-width for readability so text doesn't exhaust the eyes */
.elementor-widget-theme-post-content {
    max-width: 820px !important;
    margin: 0 auto !important;
    font-size: 17.5px !important;
    line-height: 1.8 !important;
    color: #2c3e50 !important;
}

.elementor-widget-theme-post-content p {
    margin-bottom: 24px !important;
}

/* Transform Headings into Brand Vermillion */
.elementor-widget-theme-post-content h2 {
    color: #e05e36 !important; 
    font-size: 28px !important;
    font-weight: 700 !important;
    margin-top: 45px !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #fff3eb !important;
    padding-bottom: 6px !important;
}

.elementor-widget-theme-post-content h3 {
    color: #2c3e50 !important; 
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-top: 35px !important;
    margin-bottom: 12px !important;
}

/* Elegant Custom Chevron Bullets for Standard Lists */
.elementor-widget-theme-post-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 25px !important;
}

.elementor-widget-theme-post-content ul li {
    position: relative !important;
    padding-left: 24px !important;
    margin-bottom: 10px !important;
}

.elementor-widget-theme-post-content ul li::before {
    content: "›" !important;
    position: absolute !important;
    left: 4px !important;
    top: -2px !important;
    color: #e05e36 !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

/* --- AUTOMATED FAQ SHEET CARD STYLING --- */
/* Formats any paragraph starting with Q: or Question into a premium card box */
.elementor-widget-theme-post-content p:has(strong:contains("Q:")),
.elementor-widget-theme-post-content p:has(strong:contains("Question:")) {
    background: #fffbf7 !important;
    border-left: 4px solid #e05e36 !important;
    padding: 15px 20px !important;
    font-weight: 600 !important;
    color: #111 !important;
    border-radius: 0 4px 4px 0 !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
}

/* --- THE PREMIUM BOTTOM UPDATES GRADIENT PANEL --- */
.premium-updates-gradient-panel {
    background: linear-gradient(135deg, #fffcf9 0%, #fef7ff 100%) !important;
    border: 1px solid #ebd8ce !important;
    border-radius: 8px !important;
    padding: 30px 25px 25px 25px !important;
    margin-top: 40px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    box-shadow: 0 4px 20px rgba(224, 94, 54, 0.03) !important;
}

.panel-badge-header {
    background: #a370b5 !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    border-radius: 20px !important;
    position: absolute !important;
    top: -15px !important;
    left: 20px !important;
    box-shadow: 0 3px 8px rgba(163, 112, 181, 0.2) !important;
}

.panel-timestamp {
    font-size: 12px !important;
    color: #95a5a6 !important;
    font-style: italic !important;
    margin-bottom: 18px !important;
    margin-top: 5px !important;
}

.panel-links-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.panel-links-list li {
    padding-left: 22px !important;
    position: relative !important;
    margin-bottom: 12px !important;
    font-size: 16px !important;
}

.panel-links-list li::before {
    content: "→" !important;
    position: absolute !important;
    left: 0 !important;
    top: -1px !important;
    color: #e05e36 !important;
    font-size: 16px !important;
}

.panel-links-list li a {
    color: #e05e36 !important;
    text-decoration: none !important;
}

.panel-links-list li a:hover {
    color: #a370b5 !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   RIYASAT IAS: VAJIRAM-STYLE PREMIUM POST LAYOUT
   ========================================================================== */

/* --- 1. COLUMN SIZING & SPACING --- */
/* Gives the left column 70% width and the right column 30%, preventing stretched text */
.elementor-element-b5b24ef.e-con-parent {
    gap: 40px !important;
    align-items: flex-start !important; 
}
.elementor-element-b0fdc1b {
    width: 70% !important;
}
.elementor-element-6f66409 {
    width: 30% !important;
    position: sticky !important;
    top: 30px !important; /* Makes your sidebar stick as users scroll */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .elementor-element-b0fdc1b, .elementor-element-6f66409 { 
        width: 100% !important; 
    }
}

/* --- 2. LEFT COLUMN: CORE ARTICLE TYPOGRAPHY --- */

/* Main Article Title */
.wpr-post-title {
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
}

/* Metadata Strip (Author, Tags, etc.) */
.hfe-post-info {
    padding: 12px 0 !important;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    margin-bottom: 35px !important;
}

/* Featured Image Formatting */
.wpr-featured-media-wrap {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 40px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}

/* Base Paragraph Typography (Vajiram Style) */
.wpr-post-content {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #333333 !important;
}

.wpr-post-content p.wp-block-paragraph {
    margin-bottom: 26px !important;
}

/* Brand Vermillion H2 Headings */
.wpr-post-content h2.wp-block-heading {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #e05e36 !important;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #f9f0ea !important;
    padding-bottom: 10px !important;
}

/* Deep Slate H3 Subheadings */
.wpr-post-content h3.wp-block-heading {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-top: 35px !important;
    margin-bottom: 15px !important;
}

/* --- 3. DYNAMIC CHEVRON BULLETS --- */
/* Custom orange arrows for standard lists inside the article */
.wpr-post-content ul.wp-block-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 30px !important;
}

.wpr-post-content ul.wp-block-list li {
    position: relative !important;
    padding-left: 30px !important;
    margin-bottom: 12px !important;
}

.wpr-post-content ul.wp-block-list li::before {
    content: "›" !important;
    position: absolute !important;
    left: 6px !important;
    top: -4px !important;
    color: #e05e36 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

/* --- 4. FAQ HIGHLIGHT BOXES --- */
/* Automatically formats "Q:" headings into clean accent cards */
.wpr-post-content h3.wp-block-heading:contains("Q:"),
.wpr-post-content h3.wp-block-heading:contains("Q.") {
    background: #fffbf7 !important;
    border-left: 4px solid #e05e36 !important;
    padding: 16px 20px !important;
    margin-top: 35px !important;
    margin-bottom: 15px !important;
    border-radius: 0 6px 6px 0 !important;
    color: #111 !important;
}

/* --- 5. RIGHT COLUMN: SIDEBAR WIDGET UNIFICATION --- */
/* Wraps your manual widgets and shortcodes in uniform premium boxes */
.elementor-element-6f66409 .sidebar-widget,
.elementor-element-6f66409 .archive-widget {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    margin-bottom: 30px !important;
    overflow: hidden !important;
}

/* Unifies all sidebar headers into solid Brand Orange blocks */
.elementor-element-6f66409 .sidebar-title-underlined,
.elementor-element-6f66409 .archive-header,
.elementor-element-6f66409 h2.elementor-heading-title {
    background: #e05e36 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-bottom: none !important;
}

/* Styles the sidebar links with a hover-indent effect */
.elementor-element-6f66409 .sidebar-simple-list li {
    border-bottom: 1px solid #f5f5f5 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.elementor-element-6f66409 .sidebar-simple-list li:last-child {
    border-bottom: none !important;
}

.elementor-element-6f66409 .sidebar-simple-list li a {
    display: flex !important;
    align-items: center !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    color: #444444 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.elementor-element-6f66409 .sidebar-simple-list li a:hover {
    color: #e05e36 !important;
    background-color: #fffbf7 !important;
    padding-left: 26px !important; /* Glides the link slightly to the right on hover */
}

/* Adds soft styling to the standalone Ad Images in the sidebar */
.elementor-element-6f66409 .elementor-widget-image {
    margin-bottom: 30px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
}
ius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.elementor-image-carousel-wrapper .elementor-swiper-button-prev {
    left: 15px !important;
}
.elementor-image-carousel-wrapper .elementor-swiper-button-next {
    right: 15px !important;
}

/* Color the arrow icons to match Riyasat brand orange */
.elementor-image-carousel-wrapper .elementor-swiper-button svg {
    width: 18px !important;
    height: 18px !important;
    fill: #e05e36 !important; 
}

/* 5. Bottom Pagination Dots */
.elementor-image-carousel-wrapper .swiper-pagination {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

.elementor-image-carousel-wrapper .swiper-pagination-bullet {
    background: #d5d5d5 !important;
    opacity: 0.8 !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 6px !important;
    display: inline-block !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

.elementor-image-carousel-wrapper .swiper-pagination-bullet-active {
    background: #e05e36 !important;
    width: 24px !important;
    border-radius: 10px !important;
}

//blog footer latest blog inside blogs//

/* ==========================================================================
   RIYASAT IAS: VAJIRAM UPDATES BOX TYPOGRAPHY
   ========================================================================== */

#riyasat-vajiram-updates-box .riyasat-vajiram-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#riyasat-vajiram-updates-box .riyasat-vajiram-list li {
    position: relative !important;
    padding-left: 24px !important;
    margin-bottom: 22px !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #333333 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* The Dark Grey Arrow */
#riyasat-vajiram-updates-box .rv-arrow {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #333333 !important; 
    font-weight: 400 !important;
}

/* The Vibrant Orange Link */
#riyasat-vajiram-updates-box .rv-title {
    color: #f05c3c !important; /* Vajiram Orange */
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

#riyasat-vajiram-updates-box .rv-title:hover {
    color: #d64828 !important;
    text-decoration: underline !important;
}

/* The Dark Grey Description Text */
#riyasat-vajiram-updates-box .rv-excerpt {
    color: #333333 !important; 
    font-weight: 400 !important;
}

/* Style the main GTranslate dropdown box */
select.gt_selector {
    border: 3px solid #ff6600 !important; 
    border-radius: 50px !important; 
    padding: 10px 20px !important; 
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    background-color: #f8f9fa !important; 
    
    /* NEW WIDTH SETTINGS */
    width: 66% !important; /* Reduces the width by exactly half */
    min-width: unset !important; /* Clears the previous minimum width limit */
    
    cursor: pointer !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Style the dropdown options menu when clicked */
select.gt_selector option {
    background-color: #e2e2e2 !important; 
    color: #222222 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}
/* ==========================================================================
   RIYASAT IAS: VAJIRAM-STYLE TABLE OF CONTENTS (LUCKYWP OVERRIDE)
   ========================================================================== */

/* 1. Master TOC Wrapper (Forces full width and clean spacing) */
.lwptoc {
    width: 100% !important;
    max-width: 820px !important; /* Keeps it aligned with your article width */
    margin: 35px auto !important;
    clear: both !important;
}

/* 2. The Main Peach Box */
.lwptoc_i {
    background-color: #fde8d7 !important; /* Soft Vajiram Peach Background */
    border: none !important; /* Removes default grey borders */
    border-radius: 4px !important;
    padding: 0 !important; 
    box-shadow: none !important;
}

/* 3. The Header Bar (Clickable Area) */
.lwptoc_header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 20px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* "Table of Contents" Title Text */
.lwptoc_title {
    color: #222222 !important; 
    font-size: 16.5px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    font-family: inherit !important;
}

/* 4. The Custom Hamburger Icon (Replaces default text/arrows) */
.lwptoc_toggle_label {
    font-size: 0 !important; /* Hides the default 'show/hide' text */
    text-decoration: none !important;
}

.lwptoc_toggle_label::after {
    content: "≡" !important; /* Injects the Vajiram hamburger icon */
    font-size: 26px !important;
    color: #222222 !important;
    font-weight: bold !important;
    display: block !important;
    line-height: 0.5 !important;
}

/* 5. The Expanded Links Area */
.lwptoc_items {
    padding: 0 20px 25px 20px !important;
}

/* Remove default list styling */
.lwptoc_items ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

/* Individual Link Formatting */
.lwptoc_items ul li {
    margin-bottom: 14px !important;
    position: relative !important;
    padding-left: 18px !important; /* Space for the custom bullet */
}

/* Removes margin from the last item so the box doesn't look stretched */
.lwptoc_items ul li:last-child {
    margin-bottom: 0 !important;
}

/* Custom Orange Dot Bullets */
.lwptoc_items ul li::before {
    content: "•" !important;
    position: absolute !important;
    left: 0 !important;
    top: -2px !important;
    color: #e05e36 !important; /* Riyasat Brand Orange */
    font-size: 20px !important;
    font-weight: bold !important;
}

/* 6. Bold Orange Hyperlinks */
.lwptoc_item a {
    color: #e05e36 !important; /* Vibrant orange text */
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: inline-block !important;
    line-height: 1.4 !important;
}

/* Hover Effect */
.lwptoc_item a:hover {
    color: #c04b2a !important; /* Darkens slightly when the mouse hovers */
    text-decoration: underline !important;
}

/* Nested Sub-headings Alignment (H3, H4) */
.lwptoc_items ul li ul {
    margin-top: 12px !important;
    padding-left: 20px !important;
}
/* 4. The Custom Hamburger Icon (Bulletproof Replacement) */

/* Obliterate the brackets and native text wrapper */
.lwptoc_toggle {
    font-size: 0 !important;
    color: transparent !important;
    background: transparent !important;
}

/* Format the clickable link container */
.lwptoc_toggle_label {
    font-size: 0 !important;
    color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    text-decoration: none !important;
}

/* Inject the crisp Vajiram hamburger icon */
.lwptoc_toggle_label::after {
    content: "≡" !important;
    font-size: 34px !important;
    color: #222222 !important;
    font-weight: 500 !important;
    font-family: Arial, sans-serif !important; /* Pure system font prevents distortion */
    line-height: 1 !important;
    display: block !important;
    margin-top: -4px !important; /* Nudges it up for perfect vertical centering */
}
/* 5. Make the Entire TOC Header Clickable */

/* Establish the boundary for our invisible stretched link */
.lwptoc_header {
    position: relative !important; 
    cursor: pointer !important; /* Turns the mouse into a hand everywhere on the header */
}

/* Prevent this middle span from trapping the stretched link */
.lwptoc_toggle {
    position: static !important; 
}

/* Create an invisible layer inside the link that expands to cover the entire header */
.lwptoc_toggle_label::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important; /* Puts the clickable layer on top of the text */
}


				.lg-backdrop {
					background-color: rgba(0,0,0,0.6) !important;
				}
				.lg-toolbar,
				.lg-dropdown {
					background-color: rgba(0,0,0,0.8) !important;
				}
				.lg-dropdown:after {
					border-bottom-color: rgba(0,0,0,0.8) !important;
				}
				.lg-sub-html {
					background-color: rgba(0,0,0,0.8) !important;
				}
				.lg-thumb-outer,
				.lg-progress-bar {
					background-color: #444444 !important;
				}
				.lg-progress {
					background-color: #a90707 !important;
				}
				.lg-icon {
					color: #efefef !important;
					font-size: 20px !important;
				}
				.lg-icon.lg-toogle-thumb {
					font-size: 24px !important;
				}
				.lg-icon:hover,
				.lg-dropdown-text:hover {
					color: #ffffff !important;
				}
				.lg-sub-html,
				.lg-dropdown-text {
					color: #efefef !important;
					font-size: 14px !important;
				}
				#lg-counter {
					color: #efefef !important;
					font-size: 14px !important;
				}
				.lg-prev,
				.lg-next {
					font-size: 35px !important;
				}

				/* Defaults */
				.lg-icon {
				background-color: transparent !important;
				}

				#lg-counter {
				opacity: 0.9;
				}

				.lg-thumb-outer {
				padding: 0 10px;
				}

				.lg-thumb-item {
				border-radius: 0 !important;
				border: none !important;
				opacity: 0.5;
				}

				.lg-thumb-item.active {
					opacity: 1;
				}
	         

    /* Reset and Base Styles */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
    }

    body {
        margin: 0;
        padding: 0;
        padding-top: 80px; 
    }

    /* Header Styles - Desktop Base */
    .site-header {
        background-color: #ffffff !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 80px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0 20px !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
        z-index: 2147483647 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .logo {
        flex: 0 0 auto !important;
        display: flex;
        align-items: center;
    }
    
    .logo img {
        max-height: 45px;
        width: auto;
        display: block;
        object-fit: contain;
    }

    /* Navigation Styles */
    .main-nav {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 0 10px !important;
    }

    .nav-item {
        position: relative;
        display: flex;
        align-items: center;
        white-space: nowrap !important;
    }

    .nav-item > a {
        text-decoration: none;
        color: #333333;
        font-size: 14px; 
        font-weight: 600;
        padding: 10px 5px;
        transition: color 0.3s ease;
        display: flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
    }

    .nav-item > a:hover {
        color: #FA4651;
    }

    /* Dropdown Styles - Desktop Only */
    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #ffffff;
        min-width: 250px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        list-style: none;
        border-top: 3px solid #FA4651;
        z-index: 1001;
    }

    /* Hover effect for desktop dropdowns (Only above 1024px) */
    @media (min-width: 1025px) {
        .nav-item:hover .dropdown-menu {
            display: block;
        }
    }

    .dropdown-menu li {
        border-bottom: 1px solid #f0f0f0;
    }

    .dropdown-menu li:last-child {
        border-bottom: none;
    }

    .dropdown-menu a {
        display: block;
        padding: 12px 15px;
        text-decoration: none;
        color: #333333;
        font-size: 13px;
        font-weight: bold;
        transition: background-color 0.3s ease, color 0.3s ease;
        white-space: normal !important;
    }

    .dropdown-menu a:hover {
        background-color: #fcfcfc;
        color: #FA4651;
        font-weight: bold;
    }

    .has-dropdown > a::after {
        content: '▼';
        font-size: 9px;
        color: #999;
        margin-left: 3px;
        transition: transform 0.3s ease;
    }
    
    .has-dropdown > a:hover::after {
        color: #FA4651;
    }

    /* Button Styles */
    .enroll-btn {
        flex: 0 0 auto !important;
        background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%);
        color: #ffffff;
        border: none;
        padding: 10px 16px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 50px;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(250, 70, 81, 0.3);
        white-space: nowrap !important;
    }

    .enroll-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(250, 70, 81, 0.4);
        opacity: 0.95;
    }

    /* Hamburger Icon Container */
    .hamburger {
        display: none;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 21px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 1000000;
    }

    /* --- RESPONSIVE STYLES (Triggers at 1024px for tablets and mobiles) --- */
    @media (max-width: 1024px) {
        .site-header {
            padding: 0 15px !important;
        }

        .hamburger {
            display: flex; 
            order: 3; 
        }

        .enroll-btn {
            order: 2;
            padding: 10px 14px;
            font-size: 14px;
            margin-left: auto;
            margin-right: 15px; 
        }

        .logo {
            order: 1;
        }

        .main-nav {
            display: none !important; 
            position: absolute;
            top: 80px;
            left: 0;
            width: 100vw !important;
            background-color: #ffffff;
            padding: 0 !important;
            flex-direction: column !important;
            box-shadow: 0 10px 15px rgba(0,0,0,0.1);
            border-top: 1px solid #eee;
            max-height: calc(100vh - 80px);
            overflow-y: auto;
        }

        /* Toggled via JS */
        .main-nav.active {
            display: flex !important;
        }

        .nav-list {
            flex-direction: column !important;
            width: 100%;
            gap: 0;
        }

        .nav-item {
            width: 100%;
            flex-wrap: wrap; 
            border-bottom: 1px solid #f0f0f0;
        }

        .nav-item > a {
            width: 100%;
            padding: 15px 20px;
            justify-content: space-between; 
            font-size: 16px;
        }

        /* Mobile Dropdown Overrides */
        .dropdown-menu {
            position: static; 
            width: 100%;
            box-shadow: none;
            border-top: none;
            background-color: #fafafa;
            border-left: 4px solid #FA4651;
        }

        .dropdown-menu a {
            padding: 12px 20px 12px 30px; 
        }

        /* Toggled via JS for mobile dropdowns */
        .has-dropdown.active .dropdown-menu {
            display: block;
        }
        
        .has-dropdown.active > a::after {
            transform: rotate(180deg);
        }
    }

    /* Modal (Popup) Styles */
    .modal-overlay {
        display: none; 
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 2147483647; /* Ensure modal is on top of everything */
        justify-content: center;
        align-items: center;
    }

    .modal-content {
        background-color: #ffffff;
        padding: 35px 30px;
        border-radius: 12px;
        width: 100%;
        max-width: 400px;
        position: relative;
        box-shadow: 0 10px 35px rgba(0,0,0,0.2);
        border-top: 5px solid #FA4651;
        color: #333333;
        text-align: center;
    }

    .close-btn {
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 24px;
        cursor: pointer;
        color: #999;
        transition: color 0.3s;
    }

    .close-btn:hover {
        color: #FA4651;
    }

    .modal-content h2 {
        margin-bottom: 10px;
        color: #333;
        font-size: 24px;
    }

    .modal-content p {
        color: #666;
        font-size: 14px;
        margin-bottom: 25px;
    }

    .contact-numbers-container {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .phone-box {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background-color: #f9f9f9;
        padding: 15px;
        border-radius: 8px;
        border: 1px solid #eaeaea;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        font-weight: bold;
        transition: all 0.3s ease;
    }

    .phone-box:hover {
        background-color: #fff5f5;
        border-color: #FF515A;
        color: #FA4651;
        transform: scale(1.02);
    }

    .phone-icon {
        font-size: 18px;
    }


  /* =========================================
     GLOBAL STYLES & HERO SECTION
     ========================================= */
  .hero-v4-container {
    display: grid;
    grid-template-columns: 1fr;
    background-color: #ffffff; /* Primary Deep Coral */
    border-radius: 12px;
    overflow: hidden;
    margin: 30px auto;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    font-family: inherit;
    max-width: 1200px;
  }

  @media (min-width: 992px) {
    .hero-v4-container {
      grid-template-columns: 4.5fr 5.5fr; /* Rebalanced grid space for better textual breathing room */
    }
  }

  .hero-v4-text {
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-v4-text h1 {
    color: #FA4651; /* Shifted to clean white for high contrast readability */
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 800;
    margin: 0 0 20px 0;
    line-height: 1.25;
    letter-spacing: -0.3px;
  }

  .hero-v4-text p {
    color: FA4651; /* Pure white text with slight softness for easier reading */
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 0 30px 0;
    font-weight: 400;
  }

  .hero-v4-btn {
    background: linear-gradient(135deg, #FF8C2B 0%, #FF515A 100%); /* Elegant orange-to-coral dynamic gradient */
    color: #ffffff; 
    padding: 14px 35px;
    font-size: 1.05rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: none;
    display: inline-block;
    box-shadow: 0 4px 15px rgba(255, 140, 43, 0.3);
    letter-spacing: 0.5px;
  }

  .hero-v4-btn:hover {
    background: #ffffff;
    color: #FA4651; 
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  }

  .hero-v4-image-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #0b0514; /* Matches the banner image's deep dark background border color */
    align-items: center;
    justify-content: center;
  }

  .hero-v4-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Keeps the graphic sharp without cutting off text elements or faces */
  }
  
  @media (max-width: 991px) {
    .hero-v4-text {
      padding: 35px 25px;
    }
    .hero-v4-image-wrapper img {
      height: auto;
      max-height: 500px;
    }
  }

/* =========================================
     HIGHLIGHTED SUCCESS SECTION
     ========================================= */
  .success-highlight-section {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 15px;
  }

  .success-banner {
    background: linear-gradient(135deg, #FF8C2B 0%, #FA4651 100%);
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(250, 70, 81, 0.25);
  }

  .success-banner h2 {
    font-size: clamp(1.5rem, 4vw, 2rem);
    margin: 0 0 25px 0;
    line-height: 1.3;
    font-weight: 800;
  }

  .success-cta-btn {
    display: inline-block;
    background: #ffffff;
    color: #FA4651;
    padding: 18px 40px;
    font-size: 1.1rem;
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  }

  .success-cta-btn:hover {
    background: #FF8C2B;
    color: #ffffff;
    transform: translateY(-3px);
  }

  /* =========================================
     TWO-TONE HEADING STYLES
     ========================================= */
  .section-title {
    color: #222222; 
    font-size: clamp(1.8rem, 2.5vw, 2.2rem);
    font-weight: 800;
    margin-bottom: 40px;
    padding: 0 20px;
    text-align: center;
  }

  .text-accent {
    color: #FA4651; 
  }


  /* =========================================
     OBSTACLES SECTION (WHAT'S STOPPING YOU)
     ========================================= */
  .obstacles-section {
    padding: 50px 0;
    font-family: inherit;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
  }

  .obstacles-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 15px;
  }

  @media (min-width: 600px) {
    .obstacles-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 992px) {
    .obstacles-grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  .obstacle-card {
    background-color: #ffffff;
    border: 2px solid #FF515A; 
    border-radius: 12px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(250, 70, 81, 0.05);
    min-height: 200px;
  }

  .obstacle-card:hover {
    background-color: rgba(255, 140, 43, 0.12); 
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(250, 70, 81, 0.15);
  }

  .obstacle-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 18px;
    color: #FA4651; 
    transition: all 0.3s ease;
  }

  .obstacle-card:hover .obstacle-icon {
    transform: scale(1.1);
    color: #FF8C2B; 
  }

  .obstacle-text {
    color: #FA4651; 
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
  }


  /* =========================================
     FEATURES SECTION
     ========================================= */
  .features-section {
    padding: 50px 0 20px 0; 
    font-family: inherit;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
  }

  .features-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 0 15px;
  }

  @media (min-width: 768px) {
    .features-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 1024px) {
    .features-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .feature-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-bottom: 4px solid #FF515A; 
    border-radius: 10px;
    padding: 35px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
  }

  .feature-card:hover {
    background-color: rgba(255, 140, 43, 0.08); 
    border-bottom-color: #FA4651; 
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(255, 140, 43, 0.15);
  }

  .feature-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    color: #FA4651; 
    transition: all 0.3s ease;
  }

  .feature-card:hover .feature-icon {
    transform: scale(1.15);
    color: #FF8C2B; 
  }

  .feature-title {
    color: #FA4651; 
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 0 12px 0;
    line-height: 1.3;
  }
  
  .feature-card:hover .feature-title {
    color: #222; 
  }

  .feature-desc {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
  }

  .feature-card:hover .feature-desc {
    color: #111; 
  }


  /* =========================================
     VIDEO LECTURES SECTION
     ========================================= */
  .video-section {
    padding: 50px 0;
    font-family: inherit;
    max-width: 1200px;
    margin: 0 auto;
  }

  .video-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 15px;
  }

  @media (min-width: 768px) {
    .video-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 1024px) {
    .video-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .video-card {
    border-radius: 12px;
    overflow: hidden;
    background-color: #000;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    aspect-ratio: 16 / 9; 
    position: relative;
  }

  .video-card:hover {
    transform: translateY(-5px);
    border-color: #FF8C2B; 
    box-shadow: 0 12px 25px rgba(250, 70, 81, 0.2); 
  }

  .video-card iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }


  /* =========================================
     STUDY MATERIAL SECTION
     ========================================= */
  .study-material-section {
    max-width: 1200px;
    margin: 50px auto 80px auto;
    font-family: inherit;
    padding: 0 15px;
  }

  .study-material-header {
    background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%);
    color: #ffffff; 
    padding: 18px 30px;
    font-size: 1.3rem;
    font-weight: 800;
    border-radius: 12px 12px 0 0;
    display: inline-block;
    text-transform: uppercase;
  }

  .study-material-body {
    background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%);
    padding: 30px;
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 10px 30px rgba(250, 70, 81, 0.15);
  }

  .study-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
  }

  @media (min-width: 768px) {
    .study-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (min-width: 1024px) {
    .study-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .study-btn {
    background-color: #ffffff;
    color: #FA4651; 
    text-decoration: none;
    padding: 20px 15px;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    min-height: 80px;
  }

  .study-btn:hover {
    background-color: #FF8C2B; 
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  }


  /* =========================================
     BATCH DETAILS SECTION
     ========================================= */
  .batch-section {
    max-width: 1200px;
    margin: 50px auto 80px auto;
    font-family: inherit;
    padding: 0 15px;
  }

  .table-responsive {
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
  }

  .batch-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    min-width: 900px; 
  }

  .batch-table th {
    background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%); 
    color: #ffffff; 
    padding: 20px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
  }

  .batch-table td {
    padding: 18px 15px;
    border-bottom: 1px solid #eaeaea; 
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
  }

  .batch-table tbody tr:last-child td {
    border-bottom: none;
  }

  .batch-table tr:hover td {
    background-color: rgba(255, 140, 43, 0.06); 
  }

  .batch-link {
    color: #FA4651; 
    text-decoration: underline;
    font-weight: 700;
    transition: color 0.3s ease;
  }
  
  .batch-link:hover {
    color: #FF8C2B; 
  }

  .status-label {
    color: #FA4651; 
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity 0.3s ease;
  }

  a.status-label {
    color: #FF8C2B; 
  }

  a.status-label:hover {
    text-decoration: underline;
    opacity: 0.8;
  }


    /* Advanced Breakout to force full width in Elementor */
    .custom-elementor-footer {
        font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #000000;
        color: #e2e8f0;
        padding: 60px 0 20px 0;
        line-height: 1.6;
        box-sizing: border-box;
        
        /* Forces edge-to-edge even inside a boxed container */
        width: 100vw;
        transform: translateX(calc((100% - 100vw) / 2));
    }

    .custom-elementor-footer *, .custom-elementor-footer *::before, .custom-elementor-footer *::after {
        box-sizing: inherit;
    }

    /* Inner container keeps content centered */
    .footer-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
        gap: 40px;
    }

    /* Headings */
    .custom-elementor-footer h3 {
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 24px;
        letter-spacing: 0.5px;
    }

    /* Column 1: Brand */
    .footer-logo {
        max-width: 180px !important;
        height: auto;
        border-radius: 8px;
        margin-bottom: 20px;
        display: block;
    }

    .brand-desc {
        font-size: 14px;
        color: #cbd5e1;
        max-width: 280px;
        margin: 0;
    }

    /* Columns 2 & 3: Links */
    .footer-links, .contact-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* Info links specific spacing */
    .info-links li {
        margin-bottom: 16px;
    }

    /* Column 4: Contact */
    .contact-list li {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 16px;
        font-size: 15px;
        color: #cbd5e1;
    }

    .contact-list i {
        color: #ffffff;
        margin-top: 5px;
        width: 16px;
        text-align: center;
    }

    .address-item span {
        display: inline-block;
        line-height: 1.5;
    }

    /* Social Media */
    .social-title {
        margin-top: 32px !important;
        margin-bottom: 16px !important;
    }

    .social-icons {
        display: flex;
        gap: 12px;
    }

    .social-icons a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background-color: #1e293b; 
        color: #ffffff;
        border-radius: 6px;
        text-decoration: none;
        font-size: 16px;
        transition: all 0.3s ease;
    }

    /* Original Brand Colors on Hover */
    .social-icons a:hover {
        color: #ffffff;
        transform: translateY(-2px);
    }
    .social-icons a.facebook:hover { background-color: #1877F2; }
    .social-icons a.telegram:hover { background-color: #229ED9; }
    .social-icons a.youtube:hover { background-color: #FF0000; }
    .social-icons a.instagram:hover {
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }

    /* Bottom Bar */
    .footer-bottom {
        margin-top: 60px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 24px;
        text-align: center;
    }

    /* Responsive Design */
    @media (max-width: 1024px) {
        .footer-container {
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }
    }

    @media (max-width: 600px) { .brand-desc {
            margin-left: auto;
            margin-right: auto;
        }
        .contact-list li {
            justify-content: center;
            text-align: left;
        }
        .social-icons {
            justify-content: center;
        }
    }

/* mobile: keep cloned Elementor images/videos inside the viewport */
.elementor img,.elementor video{max-width:100%!important;height:auto}.elementor iframe{max-width:100%!important}
@media(max-width:768px){.elementor img,.elementor .elementor-widget-image img{width:100%!important;height:auto}}

/* ---- responsive hero banner swap: portrait 795x1024 on <=767px ---- */
.riy-mob-banner{display:none!important}
@media(max-width:767px){
  .riy-desk-banner{display:none!important}
  .riy-mob-banner{display:block!important;width:100%!important;height:auto!important;max-width:795px!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important}
  /* let the banner's own wrapper grow to the portrait's natural height */
  .hero-v4-image-wrapper,.hero-img-wrapper,.hero-image,.hero-banner,.custom-hero-banner{
    height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important
  }
}