html,
body {
	font-family: Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #000000;
}

:focus-visible {
	outline: none;
}

a:hover {
	text-decoration: none;
}



.marquee {
	width: 100%;
	overflow: hidden;
	border: 1px solid #0F5A7E;
	background: #0F5A7E;
	color: #fff;
	/* position: fixed; */
	z-index: 99;
	/* margin-top:-10px; */
	font-size: 15px;
	max-height: 24px;
}

.marquee a {
	color: #fff;
	text-decoration: underline;
	font-size: 16px;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.slick-next::before {
	content: "→";
	font-size: 20px;
	color: #0F5A7E;
}

.slick-prev::before {
	content: "←";
	font-size: 20px;
	color: #0F5A7E;
}

.all-content {
	background-color: #fff;
	margin-bottom: 20px;
	margin-top: 0;
}

/* Navy Gradient Buttons - Consistent Style */
.crest-blue-btn,
.crest-blizzard-blue-btn {
	background: linear-gradient(135deg, #0A4560 0%, #0F5A7E 50%, #1A7BA8 100%);
	border: none;
	border-radius: 8px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	padding: 12px 24px;
	cursor: pointer;
	height: auto;
	line-height: 1.2;
	min-width: 85px;
	box-shadow: 0 4px 15px rgba(15, 90, 126, 0.3);
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.crest-blue-btn:hover,
.crest-blizzard-blue-btn:hover {
	outline: none;
	background: linear-gradient(135deg, #0A4560 0%, #0F5A7E 50%, #1A7BA8 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(15, 90, 126, 0.4);
}

.crest-blue-btn:focus,
.crest-blizzard-blue-btn:focus {
	outline: none;
	background: linear-gradient(135deg, #0A4560 0%, #0F5A7E 50%, #1A7BA8 100%);
}

.crest-blue-btn:focus-visible,
.crest-blizzard-blue-btn:focus-visible {
	outline: none;
}

/* ========== Olympiad Books - Responsive Cards ========== */
.olympiad-books-table {
	width: 100%;
	border-collapse: collapse;
}

.olympiad-books-table thead tr td {
	background: #0F5A7E;
	color: #fff;
	padding: 10px 8px;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
}

.olympiad-books-table tbody tr {
	border-bottom: 1px solid #e0e0e0;
}

.olympiad-books-table tbody tr td {
	padding: 10px 8px;
	vertical-align: middle;
	text-align: center;
}

.olympiad-books-table tbody tr td img {
	max-width: 60px;
	height: auto;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Mobile Cards View */
@media (max-width: 768px) {
	.olympiad-books-table thead {
		display: none;
	}

	.olympiad-books-table tbody tr {
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
		margin-bottom: 10px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		border: 1px solid #e8e8e8;
		align-items: center;
	}

	.olympiad-books-table tbody tr td {
		border: none;
		padding: 4px 6px;
		text-align: left;
	}

	/* Checkbox - left */
	.olympiad-books-table tbody tr td:nth-child(1) {
		order: 1;
		width: 30px;
		flex-shrink: 0;
	}

	/* Product name */
	.olympiad-books-table tbody tr td:nth-child(2) {
		order: 2;
		flex: 1;
		font-weight: 600;
		color: #0F5A7E;
		font-size: 13px;
	}

	/* Price */
	.olympiad-books-table tbody tr td:nth-child(5) {
		order: 3;
		width: auto;
		font-weight: 700;
		color: #0A4560;
		font-size: 12px;
		background: #f0f7ff;
		padding: 3px 8px;
		border-radius: 4px;
	}

	/* Cover image - inline with Index */
	.olympiad-books-table tbody tr td:nth-child(3) {
		order: 4;
		width: auto;
		margin-top: 8px;
		margin-left: 30px;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
	}

	/* Index image - inline with Cover */
	.olympiad-books-table tbody tr td:nth-child(4) {
		order: 5;
		width: auto;
		margin-top: 8px;
		margin-left: 15px;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
	}

	.olympiad-books-table tbody tr td img {
		max-width: 45px;
		height: auto;
	}

	.olympiad-books-table tbody tr td:nth-child(3)::before,
	.olympiad-books-table tbody tr td:nth-child(4)::before {
		display: block;
		font-size: 9px;
		color: #888;
		margin-bottom: 2px;
	}

	.olympiad-books-table tbody tr td:nth-child(3)::before {
		content: "Cover";
	}

	.olympiad-books-table tbody tr td:nth-child(4)::before {
		content: "Index";
	}
}

/* Premium Gradient Button - Pay & Download, Submit Registration */
.btn.register-pay,
.btn-gradient-navy {
	background: linear-gradient(135deg, #0A4560 0%, #0F5A7E 50%, #1A7BA8 100%);
	color: #FFFFFF;
	border: none;
	border-radius: 8px;
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: 0 4px 15px rgba(15, 90, 126, 0.3);
	transition: all 0.3s ease;
	cursor: pointer;
}

.btn.register-pay:hover,
.btn-gradient-navy:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(15, 90, 126, 0.4);
	background: linear-gradient(135deg, #0A4560 0%, #0F5A7E 50%, #1A7BA8 100%);
}

.btn.register-pay:focus,
.btn-gradient-navy:focus {
	background: linear-gradient(135deg, #0A4560 0%, #0F5A7E 50%, #1A7BA8 100%);
	outline: none;
}

.home_page_imp_links.row {
	margin-bottom: 0;
	margin-top: 30px;
}

.home_page_imp_links h2.bold-roboto {
	font-family: Roboto;
	font-weight: 700;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 30px;
}

.home_page_imp_links .row {
	margin-bottom: 0;
}

.row.home_page_imp_links>div {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.home_page_imp_links .card .card-image .card-title {
	position: unset;
}

.home_page_imp_links .card .card-image img:hover {
	/* padding: 20px 20px 0px 20px; */
	transform: scale(.8);
}

.home_page_imp_links .card .card-image img {
	transition: all 0.2s ease;
}

.listing {
	/* width: 100%;
	float: left;
	margin-bottom: 10px; */
}

.listing ul li {
	float: left;
	width: 11%;
	margin: 0px 10px;
	list-style: none;
}

.listing ul li span,
.listing li > span {
	float: left;
	width: 100%;
	text-align: center;
}

.listing li span.title {
	font-size: 10px;
	font-weight: 600;
	padding-top: 5px;
	line-height: 15px;
}

.listing li span img {
	width: 100%;
}

.para-txt {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.welcome_to_crest_olympiads_list {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #000000;
	margin-left: 25px;
}

.welcome_to_crest_olympiads_list>li {
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.welcome_to_crest_olympiads_list>li:nth-child(2) {
	padding-left: 0;
}

.welcome_to_crest_olympiads_list>li::before {
	content: '✓';
	color: #2E7D32;
	font-weight: bold;
	font-size: 16px;
	position: relative;
	left: -10px;
}

.welcome_to_crest_olympiads_list>li:nth-child(2)::before {
	width: 33px;
}

.olympiad-subject .card-image {
	min-height: 150.38px;
}

.card.olympiad-subject p {
	font-weight: 600;
	padding: 2px 4px;
	border-radius: 3px;
	font-size: 14px;
	display: block;
	box-sizing: inherit;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 24px;
	text-align: center;
	text-transform: uppercase;
}

.no-transform {
	text-transform: none;
}

.olympiad-subject .card-content .links a {
	text-decoration: none;
	font-size: 14px;
	font-family: Roboto;
	color: #000000;
	font-weight: 400;
	font-style: normal;
	line-height: 36px;
}

.olympiad-subject .card-content {
	padding-top: 0;
}

.olympiad-subject .card-content .row.links>div.col {
	align-items: center;
	font-size: 15px;
}

.olympiad-subject .card-content .links a>img {
	border-style: none;
	width: 18px;
	left: -10px;
	position: relative;
	transition: transform 0.8s ease 0s;
}

.olympiad-subject .card-content .links a:hover>img {
	transform: rotate(360deg);
}

.olympiad-subject .card-action {
	border-top: none;
	padding-top: 0;
}

.olympiad_preparations .card {
	-webkit-box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px 0px rgb(0 0 0 / 12%), 0 0px 0px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 0px 0px 0 rgb(0 0 0 / 14%), 0 0px 0px 0px rgb(0 0 0 / 12%), 0 0px 0px 0 rgb(0 0 0 / 20%);
}

.home_page_imp_links.olympiad_preparations .card .card-image img:hover {
	transform: scale3d(1.05, 1.05, 1.05);
	padding: 0;
}

.stats {
	display: inline-block;
}

div.stats>h4 {
	margin: 5px 20px;
	font-size: 30px;
	font-weight: 700;
	color: #A80200;
}

/* .students_testimonials .sleek-items {
	width: 75%;
} */

.students_testimonials .sleek-items .card.slick-slide {
	margin: 0 0.5em;
}

.students_testimonials .sleek-items .slick-list {
	padding: 10px 0;
}

.students_testimonials .sleek-items .card .card-image {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	padding: 15px;
}

.students_testimonials .sleek-items .card .card-image img {
	max-height: 100%;
}

.students_testimonials .sleek-items .card .card-content {
	height: 180px;
}

.students_testimonials .sleek-items .card .card-content p {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #000000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 45px;
}

.students_testimonials .sleek-items .card .card-content h6 {
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #000000;
}

.row .listing .col {
	padding: 0px 3px;
	height: 175px;
}

.row .listing .col span {
	display: block;
}

.row .listing .col span.title {
	font-size: 12px;
	font-weight: 400;
}

.row.home_page_imp_links .col.contact_section {
	padding: 0 50px;
}

.row.home_page_imp_links .col.contact_section .contact_us_form {
	background: #F5F5F5;
	border: 1px solid #0F5A7E;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%), 0px 4px 4px rgb(0 0 0 / 25%);
	border-radius: 20px;
	padding: 20px 25px;
}

.row.home_page_imp_links .col.contact_section .contact_us_form h2 {
	font-family: Roboto;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	color: #0F5A7E;
	margin: 0px 0 16px 0;
}

.row.home_page_imp_links .col.contact_section .contact_us_form input[type="text"]:not(.browser-default),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="email"]:not(.browser-default),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="url"]:not(.browser-default),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="tel"]:not(.browser-default),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="number"]:not(.browser-default),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="search"]:not(.browser-default),
.row.home_page_imp_links .col.contact_section .contact_us_form textarea.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 0 12px;
	margin-left: -12px;
	font-size: 14px;
	line-height: 1.4286;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.row.home_page_imp_links .col.contact_section .contact_us_form textarea.form-control {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: auto;
	padding: 6px 12px;
}

.row.home_page_imp_links .col.contact_section .contact_us_form input:not([type]):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="text"]:not(.browser-default):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="password"]:not(.browser-default):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="email"]:not(.browser-default):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="tel"]:not(.browser-default):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="number"]:not(.browser-default):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form input[type="search"]:not(.browser-default):focus:not([readonly]),
.row.home_page_imp_links .col.contact_section .contact_us_form textarea.materialize-textarea:focus:not([readonly]) {
	border-color: #a3c4f3;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.inline-input-btn-wrapper {
	position: relative;
}

.inline-input-btn-wrapper input[type="email"]:not(.browser-default),
.inline-input-btn-wrapper button {
	display: inline-block;
}

.inline-input-btn-wrapper input[type="email"]:not(.browser-default) {
	max-width: 100%;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 48px;
	border: 1px solid #0F5A7E;
	padding: 1px 15px;
	height: 34px;
}

.inline-input-btn-wrapper input[type="email"]:not(.browser-default):focus {
	border-bottom: 1px solid #0F5A7E;
	-webkit-box-shadow: 0 1px 0 0 #0f5a7e;
	box-shadow: 0px 1px 2px -1px #0f5a7e
}

.inline-input-btn-wrapper button {
	/* width: 100%; */
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 48px;
	height: 34px;
        margin: 0;
}

.page-footer {
	background-color: #D3D3D3;
	border-radius: 30px;
	color: #000;
	font-family: Roboto, sans-serif;
	padding: 1.5rem 1.5rem 0;
}

.page-footer img.footer-image {
	vertical-align: middle;
	margin: auto;
	display: block;
}
/* ==========Aman=========== */
.footer-image {
	max-width: 100%;
	height: auto;
}
/* ============Aman========= */
.page-footer .footer-link-list a {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
}

.page-footer .footer-link-list a:hover {
	text-decoration: none;
}

.page-footer .footer-copyright>div.s12.copyright-content {
	border-top: 1px solid #000;
	display: flex;
	font-size: 12px;
	line-height: 14px;
	padding: 0 15px;
}

.footer-copyright>div.s12.copyright-content .col {
	padding: 1rem 0;
}

.footer-copyright>div.s12.copyright-content .social-btn-group {
	min-width: 30rem;
	padding: 1rem;
}

.footer-copyright>div.s12.copyright-content .social-btn-group .row p>i.small {
	font-size: 12px;
}

.list-inline {
	margin-top: 0;
	list-style: none;
}

.list-inline>li {
	display: inline-block;
}

.footer-copyright>div.s12.copyright-content .social-btn-group ul.list-inline>li>a {
	/* border-radius: 10px; */
	transition: transform .2s;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 45px;
	height: 45px;
	line-height: 45px;
}

.footer-copyright>div.s12.copyright-content .social-btn-group ul.list-inline>li>a.btn-floating.btn-large>i {
	line-height: 45px;
}

.footer-copyright>div.s12.copyright-content .social-btn-group ul.list-inline>li>a:hover {
	background-color: #1A7BA8;
	transform: scale(1.10);
}

.fb-btn {
	background: url("/assets/images/new-images/social/fb2.png") no-repeat center center/cover;
}

.twitter-btn {
	background: url("/assets/images/new-images/social/twitter2.png") no-repeat center center/cover;
}

.insta-btn {
	background: url("/assets/images/new-images/social/insta2.png") no-repeat center center/cover;
}

.linkedin-btn {
	background: url("/assets/images/new-images/social/linkedIn2.png") no-repeat center center/cover;
}

.youtube-btn {
	background: url("/assets/images/new-images/social/youtube2.png") no-repeat center center/cover;
}

.footer .fa {
	padding: 0px 10px;
}

.tooltip {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 180px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: -10px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.justified {
	display: flex;
	justify-content: center;
}

#register .input-field {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 20px;
	font-family: Roboto;
	font-weight: 400;
	font-style: normal;
}

#register ul.tabs li.indicator {
	background-color: #000000;
}

#register ul.tabs>li.tab>a {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 1.05em;
	/* font-size: 20px;
	line-height: 23px; */
	padding: 0;
	color: #000000;
	text-decoration: none;
}

#register .material-icons {
	color: #0F5A7E;
}

#register .dropdown-content li>a,
#register .dropdown-content li>span {
	padding: 8px 16px;
}

#register .select-wrapper .dropdown-content.select-dropdown {
	overflow-y: scroll;
}

#register .select-wrapper .dropdown-content li {
	min-height: 39px;
}

#register .select-wrapper .dropdown-content li>span {
	line-height: 23px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	color: #000000;
}

#register .select-wrapper .select-dropdown.dropdown-trigger {
	line-height: 23px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	/* font-size: 20px;
	color: #D9D9D9; */
	color: #000000;
}

#register .input-field>label {
	line-height: 23px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	/* font-size: 20px; */
	font-size: 15px;
	color: #D9D9D9;
	position: absolute;
	top: -10px;
}

#register .input-field .prefix.active,
#register .input-field .prefix.active .material-icons {
	color: #0F5A7E;
}

#register .input-field>label:not(.label-icon).active {
	-webkit-transform: translateY(-10px) scale(0.8);
	transform: translateY(-10px) scale(0.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

#register input:not([type]):focus:not([readonly])+label,
#register input[type="text"]:not(.browser-default):focus:not([readonly])+label,
#register input[type="email"]:not(.browser-default):focus:not([readonly])+label,
#register input[type="tel"]:not(.browser-default):focus:not([readonly])+label,
#register input[type="number"]:not(.browser-default):focus:not([readonly])+label,
#register input[type="search"]:not(.browser-default):focus:not([readonly])+label,
#register textarea.materialize-textarea:focus:not([readonly])+label {
	color: #0F5A7E
}

#register input:not([type]):focus.valid~label,
#register input[type="text"]:not(.browser-default):focus.valid~label,
#register input[type="email"]:not(.browser-default):focus.valid~label,
#register input[type="tel"]:not(.browser-default):focus.valid~label,
#register input[type="number"]:not(.browser-default):focus.valid~label,
#register input[type="search"]:not(.browser-default):focus.valid~label,
#register textarea.materialize-textarea:focus.valid~label {
	color: #4CAF50
}

/* #register .input-field .prefix + input.invalid,
#register .input-field .prefix .material-icons + input.invalid {
	color: #F44336;
} */

@media only screen and (max-width: 400px) {
	.navbar.navbar-fixed .navbar-collapse.collapse {
		z-index: 999;
		position: absolute;
		width: 100%;
		top: 60px;
		height: calc(100vh - 210px);
	}

	/* School logos - single column on very small screens */
	.row .listing .col {
		width: 50%;
		min-height: 120px;
	}

	.row .listing .col span img {
		max-width: 70px;
	}

	div.stats>h4 {
		font-size: 18px;
	}

	h2.bold-roboto {
		font-size: 18px;
	}
}

@media only screen and (max-width: 601px) {
	.all-content {
		margin-top: 90px;
	}

	#register .row {
		margin-bottom: 0;
	}

	#register .btn .crest-blizzard-blue-btn {
		margin: 10px 25% 0 25%
	}

	.page-footer .footer-copyright>div.s12.copyright-content {
		display: block;
	}

	.row .listing .col {
		width: 50%;
		height: auto;
		min-height: 140px;
		padding: 8px;
		margin-bottom: 10px;
	}

	.row .listing .col span img {
		max-width: 80px;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	.row .listing .col span.title {
		font-size: 10px;
		line-height: 1.3;
		margin-top: 5px;
	}

	.row.welcome_olympiad {
		margin-top: -30px;
	}

	.welcome_to_crest_olympiads_list>li::before {
		content: '✓';
		color: #2E7D32;
		font-weight: bold;
		font-size: 14px;
		position: absolute;
		left: -20px;
	}

	.welcome_to_crest_olympiads_list>li:nth-child(2)::before {
		/* transform: scale(0.9); */
	}

	.welcome_olympiad .col.s12 img {
		margin: 15px 0 5px
	}

	.students_testimonials .sleek-items {
		display: flex;
		align-items: center;
	}

	.students_testimonials h2 {
		padding: 0 30px;
	}

	div.stats>h4 {
		font-size: 22px;
		margin: 5px 10px;
	}

	h2.bold-roboto {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.row.olympiad_preparations {
		width: 90%;
		margin: auto;
		margin-top: 30px;
	}

	.row.olympiad_preparations .preparation_materials {
		width: 80%;
		margin: auto;
	}

	.row.home_page_imp_links .col.contact_section {
		padding: 0 25px;
		margin-top: 30px;
		margin-bottom: 10px;
		font-size: 0.8rem;
	}

	input#newsletter_email {
		min-width: 100%;
	}

	#subscribe_news_letter {
		margin-top: 20px;
	}

	#subscribe_news_letter .inline-input-btn-wrapper button {
		font-size: 13px;
		line-height: 13px;
	}

	.footer-copyright>div.s12.copyright-content .social-btn-group {
		min-width: 100%;
		padding: 1rem;
	}

	.footer-copyright .social-btn-group ul.list-inline>li>a.btn-floating.btn-large {
		width: 45px !important;
		height: 45px !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.card.olympiad-subject {
		position: relative;
		margin: 0.5rem 0 1rem 0;
		background-color: #fff;
		-webkit-transition: -webkit-box-shadow .25s;
		transition: box-shadow .25s, -webkit-box-shadow .25s;
		border-radius: 2px;
		-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
		box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
	}

	.card.olympiad-subject .card-action {
		padding: 0 24px 24px 24px;
	}

}

@media only screen and (width <= 1023px) {

	.navbar.navbar-fixed {
		height: 56px;
		margin-bottom: 0;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.navbar.navbar-fixed.navbar-expand div.container-fluid {
		padding: 0;
		margin: 0;
		height: 100%;
		background: #fff;
	}

	/* Navbar header - full width with relative positioning for hamburger */
	.navbar.navbar-fixed .navbar-header {
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
		height: 100%;
	}

	.navbar.navbar-fixed.navbar-expand .navbar-brand {
		padding: 0 15px;
		height: auto;
		width: auto;
	}

	.navbar-brand>img {
		max-height: 64px;
	}

	/* Hamburger button - positioned on right */
	.navbar.navbar-fixed .mobile-menu-btn {
		display: flex !important;
		position: absolute !important;
		right: 12px !important;
		left: auto !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
	}

	.navbar.navbar-fixed .hide-on-med-only.hide-on-large-only.hide-on-extra-large-only {
		margin: 0;
	}

	/* Hide desktop navigation on mobile/tablet - use mobile-fullscreen-menu instead */
	.navbar.navbar-fixed .navbar-collapse,
	.navbar.navbar-fixed #crest-navbar-collapsible {
		display: none !important;
	}

	.navbar.navbar-fixed .navbar-right.registration .dropdown-menu {
		border: 2px solid #F9E2E3;
	}

	.navbar.navbar-fixed .navbar-right.registration .dropdown-menu li {
		position: relative;
		background: #FFFFFF;
		border: 1px solid #F9E2E3;
		height: 33px;
	}

	.navbar.navbar-fixed .navbar-right.registration .dropdown-menu li>a {
		border-bottom: 1px solid #F9E2E3;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) {
		margin: 0;
/*		overflow-y: hidden; */
		height: 100vh;
	}


	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default)>li {
		margin: 0;
/*		overflow-y: hidden; */
		border: 1px solid #F9E2E3;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default)>li.dropdown.open>a.dropdown-toggle {
		background-color: #0F5A7E;
		color: #FFFFFF;
	}

	.dropdown-menu {
		padding: 0;
	}

	.navbar.navbar-fixed .navbar-collapse.collapse.in .dropdown-menu > li {
		background: #FFFFFF;
		border-bottom: 2px solid #F9E2E3;
		border-top: 1px solid #F9E2E3;
	}

	.navbar.navbar-fixed .navbar-collapse.collapse.in .dropdown-menu>li:nth-child(1) {
		border-top: 1px solid #F9E2E3;
		border-bottom: 1px solid #F9E2E3;
	}

	.navbar.navbar-fixed .navbar-collapse.collapse.in .dropdown-menu>li:last-child {
		/** border-bottom: 0; */
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default)>li a {
		display: block;
		padding: 5px 15px;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		font-family: Roboto;
		font-weight: 500;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu li>a>i {
		font-size: 10px;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu .dropdown-submenu {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}

	.navbar-header ul {
		margin-top: 0px;
		margin-bottom: 10px;
		display: inline;
	}

	.navbar-header>ul.hide-on-large-only.hide-on-extra-large-only {
		display: flex;
		float: right;
		height: 64px;
		align-items: center;
		margin: 0;
		width: 50px;
	}

	.navbar.navbar-fixed ul.dropdown-menu>li>a.dropdown-toggle>i.bi.bi-caret-right-fill::before {
		content: "\f229";
	}

	.navbar.navbar-fixed .marquee,
	.marquee {
		margin-top: 0px;
		z-index: 0;
		transition: none;
		position: inherit;
	}

	/* .brand-logo img{display:none;} */
	#contact_desktop {
		display: none;
	}

	.mobile-navbar-toggle {
		position: relative;
		float: right;
		padding: 0;
		margin-bottom: 0;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}

	.mobile-navbar-toggle .dropdown-backdrop {
		display: none;
	}

	/* .mobile-navbar-toggle {
		background-color: transparent;
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
	} */


	.mobile-navbar-toggle .icon-bar {
		background: #000000;
		margin: 5px 0px;
		width: 25px;
		display: block;
		height: 2px;
		border-radius: 1px;
	}

	.mobile-navbar-toggle:focus {
		outline: none;
		background-color: #FFFFFF;
	}

	#mobile-menu {
		right: 0;
		padding: 0;
		top: 61px;
	}

	#mobile-menu>li {
		border: 1px solid #F9E2E3;
	}

	.dropdown-menu>li>a {
		padding: 5px 15px;
	}


	.row .col.s2 {
		width: 17% !important;
	}

	.btn-floating.btn-large {
		width: 34px !important;
		height: 51px !important;
	}

	.btn-floating.btn-large i {
		line-height: 45px !important;
	}

	form#subscribe_newsletter,
	#subscribe_newsletter {
		width: 100%;
	}

	input#newsletter_email {
		width: 85%;
	}

	.footer-copyright>div.s12.copyright-content .col.office-address {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		margin-top: -10px;
	}

	.footer-copyright>div.s12.copyright-content .social-btn-group {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-top: -10px;
	}
}

@media only screen and (width >= 520px) {
	.footer>div:first-child {
		background: rgba(0, 0, 0, 0);
		background-position: 115% center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		min-height: 140px;
	}

	.footer>div:last-child {
		background: rgba(0, 0, 0, 0);
		background-position: -65px center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		min-height: 140px;
	}

	.footer .fa {
		padding: 0px 15px;
	}
}

@media only screen and (width >= 601px) {

	.white-text button {
		font-size: 14px;
	}

	.ld-valign-wrapper {
		display: flex;
		-ms-flex-align: center;
		align-items: center;
	}

	.row .listing .col {
		/* max-width: 12.50%; */
	}

	#register {
		margin-top: 50px;
	}
}

@media only screen and (width >= 1024px) {
	body {
		padding-top: 135px;
	}

	.navbar.navbar-fixed {
		background-color: #FFFFFF;
		top: 0;
		left: -1px;
		right: -1px;
		position: fixed;
		width: 100%;
	}

	.navbar.navbar-fixed .row.container-fluid {
		background-color: #FFFFFF;
		margin: 0;
		z-index: 99999;
		padding: 0;
	}

	.navbar-nav>li>.dropdown-menu,
	.dropdown-submenu {
		padding: 0;
		width: auto;
		min-width: max-content;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) {
		padding-left: 0;
		list-style-type: none;
		height: 114px;
		line-height: 114px;
		z-index: 1000;
		background: url(https://www.crestolympiads.com/assets/images/header_bk.jpg);
		background-repeat: repeat-x;
	}

	.navbar.navbar-fixed .navbar-collapse.collapse {
		background: #FFFFFF;
	}



	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu li {
		position: relative;
		background: #FFFFFF;
		border: 1px solid #F9E2E3;
		height: 33px;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu li>a,
	.navbar.navbar-fixed .navbar-right.registration .dropdown ul.dropdown-menu>li>a {
		display: flex;
		padding: 0 10px;
		clear: both;
		font-weight: 400;
		font-size: 13px;
		line-height: 13px;
		color: #000000;
		white-space: nowrap;
		height: 100%;
		align-items: center;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu li>a>i {
		font-size: 10px;
		line-height: 13px;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu li>a:focus,
	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu li>a:hover,
	.navbar.navbar-fixed .navbar-right.registration .dropdown ul.dropdown-menu>li>a:focus,
	.navbar.navbar-fixed .navbar-right.registration .dropdown ul.dropdown-menu>li>a:hover {
		text-decoration: none;
		background-color: #0F5A7E;
		color: #FFFFFF;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu .dropdown-submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu .dropdown-submenu-left {
		right: 100%;
		left: auto;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default)>li.dropdown:hover>.dropdown-menu {
		/* .navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown>li:hover>.dropdown-menu { */
		display: block;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu>li:hover>.dropdown-submenu {
		display: block;
	}

	/* Navbar menu item background colors - aligned with CLAUDE.md pastel palette with subtle shine */
	.navbar.navbar-fixed .navbar-nav > li.bg-light-coral {
		/* Cotton Rose - soft pink with subtle shine */
		background: linear-gradient(180deg, rgba(255,207,210,0.35) 0%, rgba(255,207,210,0.5) 40%, rgba(255,207,210,0.6) 100%);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-moonstone {
		/* Baby Blue Ice - soft blue with subtle shine */
		background: linear-gradient(180deg, rgba(163,196,243,0.35) 0%, rgba(163,196,243,0.5) 40%, rgba(163,196,243,0.65) 100%);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-paleyellow {
		/* Powder Petal - warm cream with subtle shine */
		background: linear-gradient(180deg, rgba(253,228,207,0.4) 0%, rgba(253,228,207,0.6) 40%, rgba(253,228,207,0.75) 100%);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-timberwolf {
		/* Periwinkle - light lavender with subtle shine */
		background: linear-gradient(180deg, rgba(207,186,240,0.25) 0%, rgba(207,186,240,0.4) 40%, rgba(207,186,240,0.55) 100%);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-green1 {
		background-color: rgba(30, 130, 76, 0.17);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-green2 {
		background-color: rgba(4, 147, 114, 0.26);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-green3 {
		background-color: rgba(3, 166, 120, 0.36);
	}

	.navbar.navbar-fixed .navbar-nav > li.bg-light-green4 {
		background-color: rgba(0, 177, 106, 0.44);
	}


	.navbar.navbar-fixed ul.navbar-nav>li>a {
		padding: 0;
		font-size: 20px;
		color: #0A4560; /* Navy Dark for better visibility */
		background: transparent;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) > li > a:hover {
		background-color: #0F5A7E;
		color: #FFFFFF;
	}

	.navbar.navbar-fixed ul.navbar-nav>li>a:focus {
		outline: none;
		outline-offset: 0;
		text-decoration: none;
	}

	.navbar-fixed .navbar-nav>.open>a,
	.navbar-fixed .navbar-nav>.open>a:focus,
	.navbar-fixed .navbar-nav>.open>a:hover {
		color: #000000;
		background: transparent;
	}

	.navbar.navbar-fixed .navbar-header .navbar-brand {
		display: block;
		height: 100%;
		width: 100%;
		margin: 0;
		left: 0;
		padding: 0;
		transition: all 0.5s ease;
	}


	.navbar.navbar-fixed .navbar-header .navbar-brand>img {
		position: relative;
		max-width: -webkit-fill-available;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) {
		min-width: 60%;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default)>li {
		min-width: 25%;
		height: 100%;
	}

	.navbar.navbar-fixed ul.navbar-nav:not(.browser-default) .dropdown-menu .dropdown-submenu.movetotop {
		top: -235px;
	}

	.navbar.navbar-fixed>div.container-fluid.sticky,
	.navbar.navbar-fixed>div.container-fluid.sticky .navbar-header,
	.navbar.navbar-fixed>div.container-fluid.sticky .navbar-brand,
	.navbar.navbar-fixed>div.container-fluid.sticky .navbar-brand>img,
	.navbar.navbar-fixed>div.container-fluid.sticky ul.navbar-nav:not(.browser-default) {
		height: 62px;
		line-height: 62px;
		transition: all 0.5s ease;
	}



	.navbar.navbar-fixed>div.container-fluid.sticky .navbar-right.registration {
		margin: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

	.navbar.navbar-fixed>div.container-fluid.sticky .navbar-right.registration>li:nth-child(2) {
		display: flex;
	}

	#mobile_desktop {
		display: none;
	}

	.row .col.s2 {
		width: 13.6667%;
	}

	.slider-main .sl-slider-wrapper {
		position: absolute;
		width: 65%;
		height: 65%;
		top: 180px;
		left: 0;
	}

	.row.home_page_imp_links.olympiad-subjects {
		display: contents;
	}

}

/* @media only screen and (min-width: 360px){.listing ul li{width:25%;}} */
@media screen and (width >=600px) and (width <=767px) {
	.navbar-nav .open .dropdown-menu {
		padding: 0;
	}

	.marquee {
		height: 24px;
		line-height: 24px;
	}


	.row .col.m8 {
		width: 51%;
	}

	.row .col.m4 {
		width: 49%;
	}

	.tabs {
		overflow-x: hidden;
	}

	.row .col.m2 {
		width: 25%;
	}

}

@media screen and (width >=1024px) and (width <=1199px) {
	.row .col.s6 {
		width: 50%;
	}

}

@media screen and (width >=600px) and (width <=930px) {
	.navbar.navbar-fixed ul.navbar-nav>li>a {
		font-size: 13px;
	}
}

@media only screen and (width >= 1200px) {
	.home_page_imp_links.olympiad_preparations .container {
		width: 970px;
	}

	.navbar.navbar-fixed .container-fluid.sticky .navbar-right.registration {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 8px;
	}

	.navbar.navbar-fixed>div.container-fluid.sticky .navbar-right.registration>li:nth-child(2) {
		display: flex !important;
	}

	.navbar.navbar-fixed .container-fluid.sticky .navbar-right.registration>li {
		list-style-type: none;
		display: flex;
		margin: 0;
	}
}

@media screen and (width >= 600px) and (width <= 991px){
	.tabs{
		margin-top:2rem !important;
	}
}

@media (width >= 601px) and (width <= 990px) {
	.text-left {
			margin-top: 7.5rem !important;
	}
}

/* Desktop breakpoint - 1024px and above */
@media only screen and (min-width: 1024px) {
	/* Hide hamburger on desktop */
	.navbar.navbar-fixed .mobile-menu-btn {
		display: none !important;
	}

	/* Show desktop navigation */
	.navbar.navbar-fixed .navbar-collapse,
	.navbar.navbar-fixed #crest-navbar-collapsible {
		display: block !important;
		visibility: visible !important;
		height: auto !important;
	}
}

/* ==========================================================================
   Unified Mobile Breakpoints & Fixes
   Standardized breakpoints: 480px, 768px, 992px
   ========================================================================== */

/* Small mobile - 480px and below */
@media only screen and (max-width: 480px) {
	.container {
		padding-left: 8px;
		padding-right: 8px;
	}

	h1 {
		font-size: 24px !important;
		line-height: 1.2;
		padding-left: 8px;
		padding-right: 8px;
	}

	h2 {
		font-size: 20px !important;
	}

	h3 {
		font-size: 16px !important;
	}

	/* Prevent horizontal overflow */
	.row {
		margin-left: -8px;
		margin-right: -8px;
	}

	.col {
		padding-left: 8px;
		padding-right: 8px;
	}
}

/* Mobile/Tablet portrait - 768px and below */
@media only screen and (max-width: 768px) {
	/* Prevent content overlap */
	body {
		overflow-x: hidden;
	}

	.container {
		width: 100%;
		max-width: 100%;
	}

	/* Table responsiveness */
	table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Card spacing */
	.card {
		margin: 8px;
	}

	/* Well/container padding */
	.well {
		padding: 12px;
		margin: 8px;
	}
}

/* Tablet landscape - 992px and below */
@media only screen and (max-width: 992px) {
	/* Adjust grid for tablet */
	.col-md-4 {
		margin-bottom: 16px;
	}
}

/* ============================================
   Navbar Button Alignment & Overflow Fixes
   ============================================ */

/* Navbar container - no overflow restrictions to allow marquee visibility */
.navbar.navbar-fixed {
	max-width: 100vw;
}

.navbar.navbar-fixed .row.container-fluid {
	position: relative;
	margin-left: 0;
	margin-right: 0;
}

.navbar.navbar-fixed .navbar-header {
	margin-left: 0;
	margin-right: 0;
}

.navbar.navbar-fixed .marquee {
	overflow: hidden;
	max-width: 100vw;
}

/* Registration/Login buttons alignment - centered in white space (right of logo) */
.navbar.navbar-fixed .navbar-right.registration {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 87%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.navbar.navbar-fixed .navbar-right.registration > li {
	display: flex;
	align-items: center;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.navbar.navbar-fixed .navbar-right.registration > li > a,
.navbar.navbar-fixed .navbar-right.registration > li > button.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 4px;
	white-space: nowrap;
	line-height: 1;
	height: 36px;
	box-sizing: border-box;
}

.navbar.navbar-fixed .navbar-right.registration > li > a.btn-subscribe,
.navbar.navbar-fixed .navbar-right.registration > li > button.btn {
	background-color: #0F5A7E;
	color: #fff;
	border: 1px solid #0F5A7E;
}

.navbar.navbar-fixed .navbar-right.registration > li > a.btn-subscribe:hover,
.navbar.navbar-fixed .navbar-right.registration > li > button.btn:hover {
	background-color: #1A7BA8;
	border-color: #1A7BA8;
}

.navbar.navbar-fixed .navbar-right.registration > li > a.btn-logout,
.navbar.navbar-fixed .navbar-right.registration > li > a.btn-login {
	background-color: transparent;
	color: #0F5A7E;
	border: 1px solid #0F5A7E;
}

.navbar.navbar-fixed .navbar-right.registration > li > a.btn-logout:hover,
.navbar.navbar-fixed .navbar-right.registration > li > a.btn-login:hover {
	background-color: #0F5A7E;
	color: #fff;
}

/* Registration dropdown menu styling */
.navbar.navbar-fixed .navbar-right.registration .dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	min-width: 180px;
	padding: 0;
	margin-top: 2px;
	border: 2px solid #F9E2E3;
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	z-index: 1000;
}

.navbar.navbar-fixed .navbar-right.registration .dropdown-menu li {
	position: relative;
	background: #FFFFFF;
	border-bottom: 1px solid #F9E2E3;
	height: 36px;
	list-style: none;
}

.navbar.navbar-fixed .navbar-right.registration .dropdown-menu li:last-child {
	border-bottom: none;
}

.navbar.navbar-fixed .navbar-right.registration .dropdown-menu li > a {
	display: flex;
	align-items: center;
	padding: 0 12px;
	height: 100%;
	font-size: 13px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}

.navbar.navbar-fixed .navbar-right.registration .dropdown-menu li > a:hover {
	background-color: #0F5A7E;
	color: #fff;
}

/* Dropdown submenu scroll */
.navbar.navbar-fixed .dropdown-submenu {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Tablet view - 1200px */
@media (max-width: 1200px) {
	.navbar.navbar-fixed .navbar-right.registration {
		gap: 5px;
	}

	.navbar.navbar-fixed .navbar-right.registration > li > a,
	.navbar.navbar-fixed .navbar-right.registration > li > button.btn {
		padding: 6px 10px;
		font-size: 12px;
		height: 32px;
	}
}

/* Tablet view - 1024px */
@media (max-width: 1024px) {
	.navbar.navbar-fixed .navbar-right.registration {
		gap: 4px;
	}

	.navbar.navbar-fixed .navbar-right.registration > li > a,
	.navbar.navbar-fixed .navbar-right.registration > li > button.btn {
		padding: 5px 8px;
		font-size: 11px;
		height: 30px;
	}

	.navbar.navbar-fixed .navbar-nav > li > a {
		padding: 10px 8px;
		font-size: 12px;
	}
}

/* Mobile/Tablet - 1023px - registration buttons centered */
@media (max-width: 1023px) {
	.navbar.navbar-fixed .navbar-right.registration {
		gap: 4px;
		left: 50%;
	}

	.navbar.navbar-fixed .navbar-right.registration > li > a,
	.navbar.navbar-fixed .navbar-right.registration > li > button.btn {
		padding: 5px 10px;
		font-size: 11px;
		height: 28px;
		border-radius: 4px;
	}
}

/* Very narrow screens - 600px */
@media (max-width: 600px) {
	/* Show login button on mobile - styled to match */
	.navbar.navbar-fixed .navbar-right.registration > li > a.btn-login {
		display: inline-flex;
		padding: 5px 10px;
		font-size: 10px;
		font-weight: 500;
		background-color: transparent;
		color: #0F5A7E;
		border: 1px solid #0F5A7E;
		border-radius: 4px;
		height: auto;
	}

	/* Compact rectangular buttons for narrow screens - matching desktop style */
	.navbar.navbar-fixed .navbar-right.registration > li > a.btn-subscribe,
	.navbar.navbar-fixed .navbar-right.registration > li > button.btn {
		padding: 5px 10px;
		font-size: 10px;
		font-weight: 500;
		background-color: #0F5A7E;
		color: #fff;
		border: 1px solid #0F5A7E;
		border-radius: 4px;
		height: auto;
	}

	.navbar.navbar-fixed .navbar-right.registration > li > a.btn-logout {
		padding: 5px 10px;
		font-size: 10px;
		font-weight: 500;
		background-color: transparent;
		color: #0F5A7E;
		border: 1px solid #0F5A7E;
		border-radius: 4px;
		height: auto;
	}
}