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 - Set to full width */
    .riyasat-premium-page {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        color: #333; 
        overflow-x: hidden;
        background-color: #ffffff;
    }

    /* Content Wrapper for padding */
    .content-container {
        padding: 0 5%;
    }

    /* Hero Section - Edge to Edge */
    .hero-banner {
        color: #FF515A;
        margin-bottom: 60px;
        box-shadow: 0 15px 30px rgba(250, 70, 81, 0.15);
        width: 100%;
        padding: 0;
        display: block;
    }
    .hero-image {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .hero-image img {
        width: 100%;
        display: block;
        height: auto;
        object-fit: cover;
    }

    /* Section Typography */
    .section-title {
        text-align: center;
        color: #FA4651;
        font-size: 2.8rem;
        font-weight: 900;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    .sub-section-title {
        text-align: center;
        color: #FA4651;
        font-size: 2.2rem;
        font-weight: 800;
        margin-bottom: 40px;
        margin-top: 20px;
        line-height: 1.2;
    }
    .sub-heading {
        text-align: center;
        color: #555;
        font-size: 1.2rem;
        margin-bottom: 50px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    /* About Section with Video */
    .about-section-wrapper {
        background-color: #ffffff;
        padding-top: 20px;
        padding-bottom: 80px;
    }
    .about-content-row {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: flex-start; /* Aligns video top with text top */
    }
    .about-text {
        text-align: justify;
        flex: 1 1 500px;
    }
    .about-video {
        flex: 1 1 400px;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(231, 29, 57, 0.15);
        border: 4px solid #FF8C2B;
        background-color: #222;
        /* Make smaller by exactly 10% and adjust top margin to align perfectly with text baseline */
        transform: scale(0.9);
        transform-origin: top right;
        margin-top: 5px;
    }
    .about-video::after {
        content: '';
        display: block;
        padding-bottom: 56.25%;
    }
    .about-video iframe {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        border: none;
    }

    /* Infinite Auto-Sliding Marquee */
    .student-slider-wrapper {
        position: relative;
        margin-bottom: 80px;
        width: 100%;
        overflow: hidden;
        background-color: #fafafa;
        padding: 40px 0;
        border-top: 2px solid #eee;
        border-bottom: 2px solid #eee;
    }
    .student-slider-track {
        display: flex;
        gap: 25px;
        width: max-content;
        animation: slideRightToLeft 50s linear infinite; 
    }
    .student-slider-track:hover {
        animation-play-state: paused; 
    }

    @keyframes slideRightToLeft {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }

    /* Edge-to-Edge Buttons Card CSS */
    .premium-student-card {
        flex: 0 0 320px;
        background-color: #ffffff;
        color: #fff;
        border-radius: 16px;
        text-align: center;
        box-shadow: 0 10px 20px rgba(255, 81, 90, 0.15);
        border: 3px solid #FF515A;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        overflow: hidden; 
    }
    .premium-student-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(250, 70, 81, 0.3);
        border-color: #FF8C2B;
    }
    
    .card-inner-content {
        padding: 30px 20px 20px 20px;
        flex-grow: 1; 
    }
    
    .student-image-space {
        width: 120px;
        height: 150px;
        border-radius: 8px; 
        border: 4px solid #FF8C2B;
        margin: 0 auto 15px;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .student-image-space img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .student-name { font-size: 1.4rem; font-weight: 800; margin-bottom: 5px; color: #FF515A; }
    .student-rank { font-size: 1.1rem; font-weight: 600; margin-bottom: 15px; letter-spacing: 0.5px; color: #FF8C2B; }
    .student-desc { font-size: 0.95rem; line-height: 1.5; margin-bottom: 10px; color: #000000; opacity: 0.9; }
    
    .action-links { 
        display: flex; 
        width: 100%; 
        background-color: rgba(255, 255, 255, 0.1); 
        border-top: 1px solid rgba(255, 140, 43, 0.3);
    }
    .action-links a {
        flex: 1; 
        padding: 18px 10px;
        color: #FF515A;
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 700;
        text-transform: uppercase;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }
    .action-links a:first-child {
        border-right: 1px solid #FF515A;
    }
    .action-links a:hover { 
        background-color: #FF8C2B; 
        color: #ffffff; 
    }

    /* Alternating Zig-Zag Features */
    .feature-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 50px;
        margin-bottom: 80px;
    }
    .feature-row:nth-child(even) { flex-direction: row-reverse; }
    
    .feature-text { flex: 1 1 400px; }
    .feature-text h3 { color: #FA4651; font-size: 2rem; font-weight: 800; margin-bottom: 20px; }
    .feature-text p { font-size: 1.1rem; line-height: 1.7; color: #444; margin-bottom: 20px; }
    .feature-list { list-style: none; padding: 0; margin-bottom: 25px; }
    .feature-list li {
        font-size: 1.1rem;
        margin-bottom: 12px;
        padding-left: 30px;
        position: relative;
        color: #333;
        font-weight: 600;
    }
    .feature-list li::before {
        content: '✔';
        position: absolute;
        left: 0;
        top: 0;
        color: #FF515A;
        font-size: 1.2rem;
    }

    .feature-media {
        flex: 1 1 400px;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 15px 35px rgba(231, 29, 57, 0.15);
        background-color: #FA4651;
        border: 4px solid #FF8C2B;
    }
    .feature-media::after {
        content: '';
        display: block;
        padding-bottom: 56.25%;
    }
    .feature-media iframe {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        border: none;
    }
    
    /* Horizontal Curriculum Section */
    .curriculum-section {
        padding: 60px 0 100px 0;
        background-color: #fafafa;
        border-top: 1px solid #eaeaea;
    }
    .curriculum-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); 
        gap: 25px;
        margin-top: 50px;
    }
    .curriculum-card {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.06);
        border: 1px solid #eaeaea;
        transition: all 0.3s ease;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .curriculum-card:hover {
        transform: translateY(-8px); 
        box-shadow: 0 15px 30px rgba(250, 70, 81, 0.15);
        border-color: #FA4651;
    }
    
    .curriculum-card-top {
        background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%);
        height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }
    .curriculum-card:hover .curriculum-card-top {
        background: linear-gradient(135deg, #FF8C2B 0%, #FF515A 50%, #FA4651 100%);
    }
    
    .curriculum-card-top svg {
        width: 50px;
        height: 50px;
        stroke: #ffffff;
        transition: all 0.3s ease;
    }
    .curriculum-card:hover .curriculum-card-top svg {
        stroke: #ffffff;
        transform: scale(1.1);
    }

    .curriculum-text-container {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        flex-grow: 1;
    }
    
    .curriculum-number {
        color: #FA4651;
        font-size: 0.95rem;
        font-weight: 800;
        margin-bottom: 10px;
        display: inline-block;
        align-self: flex-start;
        background: #fff3f4;
        padding: 4px 10px;
        border-radius: 4px;
        transition: all 0.3s ease;
    }
    .curriculum-card:hover .curriculum-number {
        background: #FA4651;
        color: #ffffff;
    }
    
    .curriculum-text {
        font-size: 1rem;
        color: #333;
        line-height: 1.5;
        font-weight: 600;
        margin: 0;
    }

    /* ================= FACULTY SECTION ================= */
    .faculty-section {
        padding: 80px 0;
        background-color: #ffffff;
    }
    .faculty-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
        gap: 30px;
        margin-top: 50px;
    }
    .faculty-card {
        background: #fff;
        border-radius: 12px;
        padding: 30px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.06);
        border-left: 6px solid #FA4651;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 25px;
    }
    .faculty-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(250, 70, 81, 0.15);
        border-left-color: #FF8C2B;
    }
    .faculty-image-space {
        flex: 0 0 110px;
        height: 110px;
        border-radius: 12px;
        border: 3px solid #eee;
        background-color: #f9f9f9;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: border-color 0.3s ease;
    }
    .faculty-card:hover .faculty-image-space {
        border-color: #FF8C2B;
    }
    .faculty-image-space img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .faculty-info {
        flex-grow: 1;
    }
    .faculty-name {
        color: #111;
        font-size: 1.4rem;
        font-weight: 800;
        margin-top: 0;
        margin-bottom: 12px;
    }
    .faculty-card:hover .faculty-name {
        color: #FA4651;
    }
    .faculty-desc {
        color: #555;
        font-size: 1rem;
        line-height: 1.6;
        margin: 0;
    }

    /* ================= DEMO CLASSES SECTION ================= */
    .demo-section {
        padding: 80px 0;
        background-color: #fafafa;
        border-top: 1px solid #eaeaea;
    }
    .demo-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap: 40px;
        margin-top: 50px;
    }
    .demo-card {
        background: #fff;
        border-radius: 16px;
        padding: 25px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
        border-top: 5px solid #FA4651;
        transition: all 0.3s ease;
    }
    .demo-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(250, 70, 81, 0.15);
        border-top-color: #FF8C2B;
    }
    .demo-title {
        font-size: 1.5rem;
        font-weight: 800;
        color: #111;
        margin-top: 0;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .demo-video-wrapper {
        width: 100%;
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        background-color: #222;
        border: 3px solid #eee;
        transition: border-color 0.3s ease;
    }
    .demo-video-wrapper::after {
        content: '';
        display: block;
        padding-bottom: 56.25%; 
    }
    .demo-card:hover .demo-video-wrapper {
        border-color: #FF8C2B;
    }
    .demo-video-wrapper iframe {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        border: none;
    }
    
    /* ================= DEMO NOTES SECTION ================= */
    .notes-section {
        padding: 80px 0 100px 0;
        background-color: #ffffff;
    }
    .notes-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        max-width: 900px;
        margin: 50px auto 0 auto;
        gap: 40px;
    }
    .notes-card {
        background: #fff;
        border-radius: 12px;
        padding: 35px 30px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.06);
        border: 2px solid #eee;
        border-top: 5px solid #FA4651;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .notes-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 15px 35px rgba(250, 70, 81, 0.15);
        border-top-color: #FF8C2B;
        border-color: #FF8C2B;
    }
    .notes-icon {
        width: 70px;
        height: 70px;
        background: #fff3f4;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        transition: all 0.3s ease;
    }
    .notes-card:hover .notes-icon {
        background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%);
    }
    .notes-icon svg {
        width: 35px;
        height: 35px;
        stroke: #FA4651;
        transition: all 0.3s ease;
    }
    .notes-card:hover .notes-icon svg {
        stroke: #ffffff;
    }
    .notes-title {
        font-size: 1.35rem;
        font-weight: 800;
        color: #111;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .notes-desc {
        font-size: 0.95rem;
        color: #555;
        line-height: 1.6;
        margin-bottom: 25px;
        flex-grow: 1;
    }
    .download-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 12px 20px;
        background: linear-gradient(135deg, #FF515A 0%, #FF8C2B 100%);
        color: #ffffff;
        text-decoration: none;
        font-weight: 800;
        text-transform: uppercase;
        border-radius: 6px;
        font-size: 0.9rem;
        letter-spacing: 0.5px;
        transition: all 0.3s ease;
        width: 100%;
        box-sizing: border-box;
        border: none;
    }
    .download-btn svg {
        width: 18px;
        height: 18px;
        stroke: #ffffff;
        transition: stroke 0.3s ease;
    }
    .download-btn:hover {
        background: linear-gradient(135deg, #FA4651 0%, #FF515A 100%);
        box-shadow: 0 5px 15px rgba(250, 70, 81, 0.3);
    }
    
    .editorial-main-title {
        text-align: center;
        font-size: 36px;
        font-weight: 900;
        color: #222;
        margin-bottom: 60px;
        text-transform: uppercase;
    }

    .editorial-main-title span {
        color: #FA4651;
        position: relative;
        display: inline-block;
    }

    .editorial-main-title span::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 100%;
        height: 6px;
        background: linear-gradient(90deg, #FA4651 0%, #FF8C2B 100%);
        z-index: -1;
    }
    
    /* ================= BATCH DETAILS SECTION ================= */
    .batch-details-section {
        background-color: #ffffff;
        padding: 80px 0;
    }

    .batch-cards-wrapper {
        display: flex;
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    .batch-card {
        background: #fff;
        border: 2px solid #eee;
        border-radius: 12px;
        width: 100%;
        max-width: 450px;
        padding: 40px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        position: relative;
        transition: transform 0.3s ease, border-color 0.3s ease;
    }

    .batch-card:hover {
        transform: translateY(-10px);
        border-color: #FA4651;
        box-shadow: 0 15px 35px rgba(250, 70, 81, 0.1);
    }

    .batch-info-list {
        list-style: none;
        padding: 0;
        margin: 0 0 35px;
    }

    .batch-info-list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 18px 0;
        border-bottom: 1px solid #eee;
        font-size: 16px;
        color: #333;
    }

    .batch-info-list li:first-child {
        padding-top: 0;
    }

    .batch-info-list li:last-child {
        border-bottom: none;
    }

    .batch-info-label {
        font-weight: 700;
        color: #555;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .batch-info-label svg {
        width: 18px;
        height: 18px;
        fill: #FA4651;
    }

    .batch-info-value {
        font-weight: 800;
        color: #111;
        text-align: right;
    }

    .enroll-button-container {
        text-align: center;
    }

    .enroll-button {
        display: inline-block;
        background: linear-gradient(135deg, #FA4651 0%, #FF515A 50%, #FF8C2B 100%);
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 15px 40px;
        border-radius: 30px;
        text-decoration: none;
        transition: all 0.3s ease;
        width: 100%;
        letter-spacing: 1px;
        border: none;
    }

    .enroll-button:hover {
        background: linear-gradient(135deg, #FF8C2B 0%, #FF515A 50%, #FA4651 100%);
        box-shadow: 0 5px 20px rgba(250, 70, 81, 0.3);
        transform: translateY(-2px);
    }

    @media (max-width: 900px) {
        .about-content-row { flex-direction: column; }
        .about-text, .about-video { flex: 1 1 100%; width: 100%; }
        /* Reset video scale for mobile so it fits the screen fully */
        .about-video { transform: none; margin-top: 0; max-width: 100%; margin-left: auto; margin-right: auto;}
        .hero-banner { padding: 0 0 50px 0; text-align: center; justify-content: center; margin-bottom: 30px; }
        .hero-text { padding-right: 0; margin-bottom: 40px; }
        .feature-row, .feature-row:nth-child(even) { flex-direction: column; text-align: center; gap: 30px; }
        .faculty-grid { grid-template-columns: 1fr; }
        .faculty-card { flex-direction: column; align-items: center; text-align: center; }
        .demo-grid { grid-template-columns: 1fr; } 
        .notes-grid { grid-template-columns: 1fr; }
    }


    /* 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
  }
}