/*
Custom Css
*/


.notrial {
  background-color: red;
  padding: 20px;
}


*
{margin :0;
padding: 0;
box-sizing:border-box;

}

form-body

{
width : 100%;
height: 100vh;
display: grid;
align-items: center;

}

.contact-in
{
width:80%;
height:auto;
margin:auto;
display: flex;
flex-wrap:wrap;
padding:10px;
border-radius:10px;
background: #e9eef5;
box-shadow: 0px 0px 0px 0px #666;
}

.contact-form
{
width: 100%;
height: auto;
flex: 50%;
text-align: center;
padding: 30px;
}


.contact-map
{
width: 100%;
height: auto;
flex: 50%;
}  

.contact-map iframe
{
width: 100%;
height: 100%;
}  


.contact-form-txt

{

width:100%;
height:40px;
color: #000;
border: 1px solid #bcbcbc;
border-radius: 50px;
outline: none;
margin-bottom: 20px;
padding: 15px;

}


.contact-form-textarea
{

width:100%;
height:130px;
color: #000;
border: 1px solid #bcbcbc;
border-radius: 50px;
outline: none;
margin-bottom: 20px;
padding: 15px;
font-size: 20px;

}

.contact-form-textarea::placeholder

{
color: #aaa;
}

.contact-form-btn
{

width:100%;
border: none;
border-radius: 50px;
outline: none;
background: #8e2de2;
color: #fff;
text-transform: uppercase;
padding: 10px 0;
cursor: pointer;
font-size: 20px;
}


.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }

  .pricing .card:hover .btn {
    opacity: 1;
  }
}



.gradient-custom {
  background: radial-gradient(50% 123.47% at 50% 50%, #00ff94 0%, #720059 100%),
    linear-gradient(121.28deg, #669600 0%, #ff0000 100%),
    linear-gradient(360deg, #0029ff 0%, #8fff00 100%),
    radial-gradient(100% 164.72% at 100% 100%, #6100ff 0%, #00ff57 100%),
    radial-gradient(100% 148.07% at 0% 0%, #fff500 0%, #51d500 100%);
  background-blend-mode: screen, color-dodge, overlay, difference, normal;
}
.carousel-indicators {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}


#slider-container {
  display: flex;
  flex-wrap: wrap;
}

#testimonials {
  position: relative;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  width: 1000px;
  height: 450px;
}

figure {
  position: absolute;
  width: 400%;
  left: 0;
  animation: 20s slider infinite;
  -webkit-animation: 20s slider infinite;
  border-top: 1px solid #c2c1c2;
  border-bottom: 1px solid #c2c1c2;
  margin: 0;
}

blockquote {
  width: 25%;
  margin: 0;
  float: left;
  padding-bottom: 1em;
}

@-webkit-keyframes slider {
	0%  { transform: translateX(0%); }
	25% { transform: translateX(0%); }
	33% { transform: translateX(-25%); }
	58% { transform: translateX(-25%); }
	66% { transform: translateX(-50%); }
	91% { transform: translateX(-50%); }
	100%{ transform: translateX(-75%); }
}

@keyframes slider {
	 0%  { transform: translateX(0%); }
	25% { transform: translateX(0%); }
	33% { transform: translateX(-25%); }	
	58% { transform: translateX(-25%); }
	66% { transform: translateX(-50%); }
	91% { transform: translateX(-50%); }
	100%{ transform: translateX(-75%); }
}

footer {
  float: none;
  padding: 0;
  margin-right: 0;
  width: 100%;
  display: block;
}

@media(min-width:750px) {
  #testimonials { height: 150px;
}
}

*{
	box-sizing: border-box;
	margin:0;
	padding:0;
}
.container{
	max-width: 1170px;
	margin:auto;
}
ul{
	list-style: none;
}
.row{
	display: flex;
	flex-wrap: wrap;
}
.pricing{
	min-height: 100vh;
	padding: 50px 0;
	

	--color-1:#14213d;
	--color-2:#fca311;
	--color-3:#14213d;
	--color-4:#fca311;
}

.pricing .switch-table{
	width: 100%;
	padding:0 15px;
	text-align: center;
	margin-bottom: 35px;
}
.pricing .switch-table div,
.pricing .switch-table .custom-switch{
	display: inline-block;
}
.pricing .switch-table .text-monthly,
.pricing .switch-table .text-yearly{
	color: #14213d;


	text-transform: capitalize;
	font-size: 18px;
	transition: color 0.3s ease;
}
.pricing .pricing-main:not(.active) .switch-table .text-monthly,
.pricing .pricing-main.active .switch-table .text-yearly{
	color: var(--color-4);
}
.pricing .switch-table .custom-switch{
	height: 30px;
	width: 60px;
	background-color: var(--color-4);
	border-radius: 30px;
	vertical-align: middle;
	margin:0 10px;
	position: relative;
	cursor: pointer;
}
.pricing .switch-table .toggle-switch{
	position: absolute;
	left:-9999px;
}
.pricing .switch-table .custom-switch span{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-color: #14213d;
	border-radius: 50%;
	position: absolute;
	left:6px;
	top:6px;
	transition: left 0.5s ease;
}
.pricing .pricing-main.active .switch-table .custom-switch span{
    left: calc(100% - 34px);
}
.pricing .pricing-table{
	background-color: #ffffff;
	box-shadow: 1px 5px 5px 5px #888888;
	width: calc((100% / 3) - 30px);
	margin:0 15px;
	border-radius: 10px;
	overflow: hidden;
}
.pricing .pricing-table-header{
	padding: 15px 30px;
}
.pricing .style-1 .pricing-table-body ul li i.fa-check,
.pricing .style-1 .pricing-table-footer a,
.pricing .style-1 .pricing-table-header{
   background-color: var(--color-1);
}
.pricing .style-2 .pricing-table-body ul li i.fa-check,
.pricing .style-2 .pricing-table-footer a,
.pricing .style-2 .pricing-table-header{
   background-color: var(--color-2);
}
.pricing .style-3 .pricing-table-body ul li i.fa-check,
.pricing .style-3 .pricing-table-footer a,
.pricing .style-3 .pricing-table-header{
   background-color: var(--color-3);
}
.pricing .pricing-table-header h3{
	font-size: 30px;
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 600;
	text-align: center;
}
.pricing .pricing-table-price{
	padding: 40px 0;
	display: flex;
}
.pricing .yearly-price,
.pricing .monthly-price{
	display: flex;
	padding: 0 30px;
	justify-content: center;
	width: 100%;
	flex-shrink: 0;
	transition: all 0.5s ease;
}
.pricing .pricing-main.active .yearly-price,
.pricing .pricing-main.active .monthly-price{
   transform: translateX(-100%);
}

.pricing .pricing-table-price .currency{
	font-size: 25px;
	color: green;
	font-weight: 700;
	line-height: 1;
}
.pricing .pricing-table-price .amount{
	font-size: 65px;
	color: green;
	font-weight: 700;
	line-height: 0.8;
}

.pricing .pricing-table-body{
	padding:20px 30px;
}

.pricing .pricing-table-body ul li{
	font-weight: 300;
	color: #777777;
	margin-bottom: 15px;
	position: relative;
  text-align: center;


}
.pricing .monthly-features,
.pricing .yearly-features{
	display: none;
	padding-left: 0px;
}
.pricing .pricing-main:not(.active) .monthly-features,
.pricing .pricing-main.active .yearly-features{
   display: block;
   animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.pricing .pricing-table-body ul li:last-child{
	margin-bottom: 0;
}
.pricing .pricing-table-body ul li i{
	display: flex;
	height: 20px;
	width: 20px;
	background-color: #bbbbbb;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 13px;
	position: absolute;
	left:0;
	top:3px;
}
.pricing .pricing-table-footer{
	padding: 30px;
	text-align: center;
}
.pricing .pricing-table-footer a{
	display: inline-block;
	padding: 12px 35px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 10px;
	transition: box-shadow 0.3s ease;
}
.pricing .pricing-table-footer a:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/*responsive*/
@media(max-width: 991px){
	.pricing .pricing-table{
		width: calc(50% - 30px);
		margin-bottom: 30px;
	}
}
@media(max-width: 767px){
	.pricing .pricing-table{
		width: calc(100% - 30px);
	}
}

#sig {

	margin-top: 8rem;

}

#sig ol{

	text-align: left;
	font-size: 15px;
	color: grey;
	line-height: 25px;

}

#subhead {

	text-align: left;

}

#carouselExampleInterval .carousel-inner {
    height: 500px;
}

#carouselExampleInterval .carousel-item {
    position: relative;
    height: 500px;
    overflow: hidden;
}

#carouselExampleInterval .carousel-item .carousel-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(12px) brightness(0.6);
    transform: scale(1.1);
    z-index: 1;
}

#carouselExampleInterval .carousel-item .portrait-fg {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: auto;
    margin: 0;
    transform: translateX(-50%);
    object-fit: contain;
    filter: none;
    z-index: 2;
}

#carouselExampleInterval .carousel-item .portrait-fg.landscape {
    width: 100%;
    height: 100%;
    left: 0;
    transform: none;
    object-fit: cover;
}

#carouselExampleInterval .carousel-control-prev,
#carouselExampleInterval .carousel-control-next {
    z-index: 3;
}

#carouselExampleInterval .carousel-item .portrait-fg:not(.landscape) {
    max-width: none;
}
/* ============================================
   NEW ADDITIONS — appended, no Bootstrap conflicts
   ============================================ */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* ── Active nav highlight ── */
.navbar .nav-link.active-section {
  color: #fca311 !important;
  font-weight: 600;
}

/* ── WhatsApp floating button ── */
.whatsapp-float {
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(37,211,102,0.5);
  z-index: 9999;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 22px rgba(37,211,102,0.65);
}
.whatsapp-float i { color: #fff; font-size: 28px; line-height: 1; }


/* ── Enrol CTA Banner ── */
.enrol-banner {
  background: linear-gradient(135deg, #14213d 0%, #1e3464 100%);
  padding: 52px 24px;
  text-align: center;
}
.enrol-banner h2 { color: #fff; font-size: 28px; margin-bottom: 10px; font-weight: 700; }
.enrol-banner p { color: #c8d6f0; margin-bottom: 28px; font-size: 16px; }
.enrol-btn {
  display: inline-block;
  background: #fca311;
  color: #14213d !important;
  font-weight: 700;
  font-size: 17px;
  padding: 14px 40px;
  border-radius: 50px;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.2s;
  box-shadow: 0 4px 18px rgba(252,163,17,0.45);
  letter-spacing: 0.3px;
}
.enrol-btn:hover { background: #e5920a; transform: translateY(-2px); }

/* ── Google Reviews Section ── */
.reviews-section { background: #f4f6fb; padding: 64px 0 72px; }
.reviews-section .section-title { font-size: 2rem; font-weight: 700; color: #14213d; margin-bottom: 6px; }
.google-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 13px;
  color: #5f6368;
  margin-bottom: 40px;
  font-weight: 500;
}

/* Card */
.review-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(20,33,61,0.09);
  padding: 24px 22px 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.2s, box-shadow 0.2s;
  border: 1px solid rgba(20,33,61,0.06);
}
.review-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(20,33,61,0.15);
}

/* Card header row */
.review-card-header {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 14px;
}
.review-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #14213d;
  color: #fca311;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 20px;
  flex-shrink: 0;
  font-family: 'Roboto', sans-serif;
}
.review-name {
  font-weight: 700;
  font-size: 15px;
  color: #14213d;
  margin: 0 0 3px 0;
  line-height: 1.2;
}
.review-stars { color: #fbbc04; font-size: 14px; letter-spacing: 2px; line-height: 1; }

/* Card body */
.review-text {
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.65;
  flex: 1;
  font-style: italic;
}

/* Card footer */
.review-source {
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid #edf0f5;
  display: flex;
  align-items: center;
  gap: 7px;
}
.review-source span { font-size: 12px; color: #999; }

/* Responsive bottom margin on cards */
.review-col { margin-bottom: 24px; }

/* ── Tighten section padding ── */
.bg-light.py-5,
section.container.py-5,
.container.py-5 { padding-top: 40px !important; padding-bottom: 40px !important; }

/* ── Shrink quote wrapper banners ── */
.wrapper.wrapper1 { min-height: unset !important; height: auto !important; }
.wrapper1 .wrapper-background { padding: 28px 20px !important; min-height: unset !important; }
.wrapper1 .wrapper-content { padding: 0 !important; }

/* ── Reviews badges inline on same row ── */
.reviews-section .text-center > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* ── Trim reviews section padding ── */
.reviews-section { padding: 48px 0 56px !important; }

/* ── Tighten pricing section ── */
.pricing { min-height: unset !important; padding: 30px 0 !important; }

/* ── Tighten stats row ── */
.container .row .col-lg-9.mx-auto.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; }

/* ── Further tighten section gaps ── */
section.bg-light { padding-top: 24px !important; padding-bottom: 24px !important; }
.bg-light .container.py-5,
section.container.py-5,
.container.py-5 { padding-top: 24px !important; padding-bottom: 24px !important; }
section.bg-light.py-5 { padding-top: 24px !important; padding-bottom: 24px !important; }

/* ── Fee structure subtitle colour ── */
#pricing .text-muted { color: #555 !important; }

/* ── Google reviews badges — same row, centered ── */
.reviews-section .badges-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 32px !important;
}

/* ── Rules & Regulations — tighten padding & fix font size ── */
#sig {
  margin-top: 2rem !important;
  padding: 24px 0 8px !important;
}
#sig ol {
  font-size: 15px !important;
  color: #444 !important;
  line-height: 1.7 !important;
}
#sig p { font-size: 15px !important; color: #444 !important; margin-top: 8px !important; }

/* ── FAQs — remove excess padding ── */
#faqs.row { padding-top: 8px !important; padding-bottom: 8px !important; }
section.bg-light #faqs { padding: 0 !important; }
.bg-light .container #faqs { padding-top: 8px !important; }

/* ── Badges — force same row with flexbox on parent ── */
.reviews-section .text-center .badges-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin-bottom: 28px !important;
}
.google-badge, .reviews-section .badges-row > span {
  white-space: nowrap;
}

/* ── Clickable badge hover ── */
.badges-row a:hover .google-badge,
.badges-row a:hover span {
  border-color: #4285F4 !important;
  box-shadow: 0 2px 8px rgba(66,133,244,0.15);
  transition: all 0.2s;
}

/* ── Navbar social icons — bigger ── */
.nav-icon i {
  font-size: 22px !important;
}
.nav-icon {
  margin-left: 10px;
}

/* ── About section — trim top/bottom padding ── */
#about.col-lg-12 { padding-top: 0 !important; }
section.bg-light .container.py-5 { padding-top: 20px !important; padding-bottom: 20px !important; }
#about .col-12.col-md-3.mt-3.mb-5 { margin-bottom: 16px !important; }
#about .row { margin-bottom: 0 !important; }

/* ── Pricing cards — modern redesign ── */
.pricing .pricing-table {
  border-radius: 20px !important;
  box-shadow: 0 4px 24px rgba(20,33,61,0.10) !important;
  border: 1.5px solid rgba(20,33,61,0.07) !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* Remove the flat rectangle header, replace with just colored text */
.pricing .pricing-table-header {
  background: none !important;
  padding: 28px 30px 0 !important;
  text-align: center;
}
.pricing .pricing-table-header h3 {
  color: #14213d !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Colored top accent bar instead of full rectangle */
.pricing .style-1 .pricing-table-header::before,
.pricing .style-2 .pricing-table-header::before,
.pricing .style-3 .pricing-table-header::before {
  content: '';
  display: block;
  width: 48px;
  height: 4px;
  border-radius: 2px;
  margin: 0 auto 16px;
}
.pricing .style-1 .pricing-table-header::before { background: #14213d; }
.pricing .style-2 .pricing-table-header::before { background: #fca311; }
.pricing .style-3 .pricing-table-header::before { background: #14213d; }

/* Price styling */
.pricing .pricing-table-price {
  padding: 20px 0 10px !important;
}
.pricing .pricing-table-price .currency {
  color: #14213d !important;
  font-size: 20px !important;
}
.pricing .pricing-table-price .amount {
  color: #14213d !important;
  font-size: 52px !important;
  font-weight: 800 !important;
}

/* Features */
.pricing .pricing-table-body ul li {
  color: #555 !important;
  font-size: 14px !important;
  border-bottom: 1px solid #f0f0f0;
  padding: 8px 0;
  margin-bottom: 0 !important;
}
.pricing .pricing-table-body ul li:last-child {
  border-bottom: none;
}
.pricing .pricing-table-body {
  padding: 10px 24px 20px !important;
}

/* Hover lift */
.pricing .pricing-table:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 36px rgba(20,33,61,0.14) !important;
  transition: all 0.25s ease;
}

/* Style 2 (Music Theory) accent */
.pricing .style-2 .pricing-table-price .currency,
.pricing .style-2 .pricing-table-price .amount {
  color: #e5920a !important;
}

/* ── Trim gap between rules and reviews ── */
#sig { margin-top: 1.5rem !important; padding-bottom: 0 !important; }
.reviews-section { padding-top: 32px !important; }

/* ── All prices same navy color ── */
.pricing .pricing-table-price .currency,
.pricing .pricing-table-price .amount,
.pricing .style-2 .pricing-table-price .currency,
.pricing .style-2 .pricing-table-price .amount {
  color: #14213d !important;
}

/* ── Trim whitespace before reviews by half ── */
.reviews-section { padding-top: 16px !important; }

/* ── Pills hover effect ── */
.badges-row a:hover span,
a[style*="text-decoration:none;display:inline-flex"]:hover span {
  border-color: #4285F4 !important;
  box-shadow: 0 2px 8px rgba(66,133,244,0.2) !important;
  transition: all 0.2s;
}

/* ── Minimal gap above reviews ── */
.reviews-section { padding-top: 8px !important; }

/* ══════════════════════════════════════════
   MODERNIZATION BATCH
   ══════════════════════════════════════════ */

/* ── 1. Register button in navbar ── */
.nav-register-btn {
  display: inline-block;
  background: #fca311;
  color: #14213d !important;
  font-weight: 700;
  font-size: 14px;
  padding: 7px 20px;
  border-radius: 50px;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.2s;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(252,163,17,0.35);
}
.nav-register-btn:hover {
  background: #e5920a;
  transform: translateY(-1px);
  color: #14213d !important;
}

/* ── 2. Music Courses — hover cards ── */
#courses .col-12.col-md-4 {
  background: #fff;
  border-radius: 16px;
  padding: 28px 20px 24px !important;
  box-shadow: 0 2px 12px rgba(20,33,61,0.07);
  border: 1.5px solid rgba(20,33,61,0.06);
  transition: transform 0.2s, box-shadow 0.2s;
  margin-bottom: 20px !important;
}
#courses .col-12.col-md-4:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 28px rgba(20,33,61,0.13);
}
#courses .col-12.col-md-4 img {
  margin-bottom: 16px;
  filter: drop-shadow(0 2px 6px rgba(20,33,61,0.12));
}
#courses .col-12.col-md-4 span b {
  font-size: 15px;
  color: #14213d;
  letter-spacing: 0.2px;
}

/* ── 3. Stats counter — icons + background ── */
.col-md-4 .p-3.text-center {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(20,33,61,0.07);
  padding: 24px 16px !important;
  margin: 8px;
}
.col-md-4 .p-3.text-center h1 {
  font-size: 2.8rem !important;
}
.col-md-4 .p-3.text-center h5 {
  color: #555;
  font-size: 14px;
  font-weight: 500;
}
/* Remove the vertical dividers that look off with cards */
.col-md-4 .vertical.dark { display: none; }

/* ── 4. About icons — card treatment ── */
#about .col-12.col-md-3 {
  background: #fff;
  border-radius: 16px;
  padding: 24px 16px !important;
  box-shadow: 0 2px 12px rgba(20,33,61,0.07);
  border: 1.5px solid rgba(20,33,61,0.05);
  transition: transform 0.2s, box-shadow 0.2s;
  margin-bottom: 16px !important;
}
#about .col-12.col-md-3:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(20,33,61,0.12);
}
#about .col-12.col-md-3 img {
  filter: drop-shadow(0 2px 4px rgba(20,33,61,0.1));
}
#about .col-12.col-md-3 b {
  color: #14213d;
  font-size: 13px;
}

/* ── 5. Quote banners — slimmer and refined ── */
.wrapper.wrapper1 .wrapper-background {
  padding: 18px 40px !important;
}
.wrapper1 .wrapper-text h3 {
  font-size: 1.1rem !important;
  font-style: italic;
  letter-spacing: 0.3px;
  font-weight: 500 !important;
  opacity: 0.95;
}

/* ══════════════════════════════════════════
   VIBRANT POP COHESION PASS
   ══════════════════════════════════════════ */

/* ── Section backgrounds — white ↔ warm amber tint ── */
section.bg-light,
.bg-light { background-color: #fff8ed !important; }

/* ── Reviews section ── */
.reviews-section { background: #ffffff !important; }

/* ── Pricing section ── */
section[style*="background:#f4f6fb"],
section[style*="background: #f4f6fb"] { background: #fff8ed !important; }

/* ── FAQ section ── */
section.bg-light:last-of-type { background: #fff8ed !important; }

/* ── Quote banners — solid navy + amber text ── */
.wrapper.wrapper1 .wrapper-background {
  background: #13213b !important;
  background-image: none !important;
}
.wrapper1 .wrapper-text h3 {
  color: #faa312 !important;
}

/* ── All pricing accent bars — amber ── */
.pricing .style-1 .pricing-table-header::before,
.pricing .style-3 .pricing-table-header::before {
  background: #faa312 !important;
}

/* ── Card borders — amber tint ── */
.review-card { border-color: rgba(250,163,18,0.15) !important; }
#about .col-12.col-md-3 { border-color: rgba(250,163,18,0.12) !important; }
#courses .col-12.col-md-4 { border-color: rgba(250,163,18,0.12) !important; }

/* ── Stats cards — amber tint bg ── */
.col-md-4 .p-3.text-center { background: #fff8ed !important; }

/* ── Section titles — brand navy ── */
.h1, h1 { color: #13213b !important; }

/* ── Enrol banner — deeper navy gradient ── */
.enrol-banner {
  background: linear-gradient(135deg, #0d1728 0%, #13213b 100%) !important;
}

/* ── Footer — deep navy ── */
section.bg-dark { background-color: #0d1728 !important; }
#sid { background-color: #080f1c !important; }

/* ── Uniform section titles — match "What Students Say" style ── */
.section-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #13213b !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.3px;
  line-height: 1.2;
}
/* Remove the reviews-only scoping so it applies everywhere */
.reviews-section .section-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
}

/* ── Modern quote banners ── */
.nds-quote {
  background: #13213b;
  padding: 40px 24px;
  text-align: center;
}
.nds-quote-inner {
  max-width: 680px;
  margin: 0 auto;
  position: relative;
}
.nds-quote-mark {
  font-size: 72px;
  line-height: 0.6;
  color: #faa312;
  opacity: 0.35;
  font-family: Georgia, serif;
  margin-bottom: 12px;
  display: block;
}
.nds-quote-text {
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  font-style: italic;
  line-height: 1.6;
  letter-spacing: 0.2px;
  margin: 0 0 14px;
  font-family: Georgia, serif;
}
.nds-quote-cite {
  font-size: 13px;
  color: #faa312;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: var(--font-sans, sans-serif);
}

/* ── Fix quote clipping ── */
.nds-quote {
  padding: 48px 40px !important;
  overflow: visible !important;
}
.nds-quote-inner {
  max-width: 760px !important;
  padding: 0 20px;
}
.nds-quote-mark {
  font-size: 80px !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  display: block !important;
}
.nds-quote-text {
  font-size: 1.3rem !important;
  margin: 8px 0 16px !important;
}

/* ── Handwritten font for Noel Malekar heading ── */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

.nds-handwritten {
  font-family: 'Dancing Script', cursive !important;
  font-size: 3rem !important;
  font-weight: 700 !important;
  color: #13213b !important;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

/* ── Quote fix — override all old wrapper styles ── */
section.nds-quote,
.nds-quote {
  background: #13213b !important;
  padding: 52px 24px !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  overflow: hidden !important;
}
.nds-quote .nds-quote-inner {
  max-width: 700px !important;
  margin: 0 auto !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}
.nds-quote .nds-quote-mark {
  display: block !important;
  text-align: center !important;
  font-size: 64px !important;
  line-height: 0.8 !important;
  color: #faa312 !important;
  opacity: 0.4 !important;
  margin: 0 auto 16px !important;
  font-family: Georgia, serif !important;
}
.nds-quote .nds-quote-text {
  display: block !important;
  text-align: center !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  color: #fff !important;
  font-style: italic !important;
  font-family: Georgia, serif !important;
  line-height: 1.7 !important;
  margin: 0 auto 16px !important;
  max-width: 600px !important;
}
.nds-quote .nds-quote-cite {
  display: block !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #faa312 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}
/* Kill all old wrapper styles */
.wrapper, .wrapper1, .wrapper-background, .wrapper-content, .wrapper-text, .skin-color1 {
  all: unset !important;
}

/* ── Stats cards — match course card style ── */
.col-md-4 .p-3.text-center {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(20,33,61,0.07) !important;
  border: 1.5px solid rgba(250,163,18,0.12) !important;
  padding: 32px 16px !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.col-md-4 .p-3.text-center:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 28px rgba(20,33,61,0.13) !important;
}
.col-md-4 .p-3.text-center h1 {
  color: #13213b !important;
  font-size: 3rem !important;
  font-weight: 800 !important;
}
.col-md-4 .p-3.text-center h5 {
  color: #7f7f80 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-top: 8px !important;
}
/* Fix text-gradient text-primary override */
.text-gradient.text-primary {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #13213b !important;
  color: #13213b !important;
}

/* ── FAQs — brand colors ── */
#faqs h6.text-primary,
#faqs .text-primary {
  color: #13213b !important;
}
#faqs h3.text-primary {
  color: #13213b !important;
}

/* ── Contact form Send Message button — brand amber ── */
.contact-form-btn {
  background: #faa312 !important;
  color: #13213b !important;
  font-weight: 700 !important;
}
.contact-form-btn:hover {
  background: #e5920a !important;
}

/* ── Off-brand color cleanup ── */

/* #14213d → correct to #13213b (near-identical but let's be precise) */
/* Handled by specificity — our rules use #13213b throughout */

/* Enrol banner subtext — off-brand blue → white/light */
.enrol-banner p { color: #e8dfc8 !important; }

/* No Trial pill — replace red with navy */
.notrial {
  background-color: #13213b !important;
  color: #faa312 !important;
  border-radius: 50px !important;
  padding: 8px 22px !important;
  font-weight: 700 !important;
}

/* Rules & Regulations headings — ensure brand navy (overrides inline styles) */
#sig span[style*="E62188"],
#sig span[style*="e62188"] {
  color: #13213b !important;
}

/* Old purple contact button fallback */
.contact-form-btn {
  background: #faa312 !important;
  color: #13213b !important;
}

/* Pricing feature list text — normalize grey */
.pricing .pricing-table-body ul li {
  color: #7f7f80 !important;
}

/* ── No Trial pill — deep brand-compatible red ── */
.notrial {
  background-color: #c0392b !important;
  color: #fff !important;
  border-radius: 50px !important;
  padding: 8px 22px !important;
  font-weight: 700 !important;
}

/* ── Quote banners — full redesign ── */
section.nds-quote,
.nds-quote {
  background: #13213b !important;
  padding: 56px 40px !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
}
.nds-quote-inner {
  max-width: 640px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}
/* Large background quote mark — purely decorative, behind text */
.nds-quote-mark {
  position: absolute !important;
  top: -20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 260px !important;
  line-height: 1 !important;
  color: #faa312 !important;
  opacity: 0.06 !important;
  font-family: Georgia, serif !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  margin: 0 !important;
}
.nds-quote-text {
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  color: #fff !important;
  font-style: italic !important;
  font-family: Georgia, serif !important;
  line-height: 1.7 !important;
  margin: 0 auto !important;
  max-width: 600px !important;
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
}
.nds-quote-cite {
  display: block !important;
  margin-top: 20px !important;
  font-size: 12px !important;
  color: #faa312 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-family: sans-serif !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ── Shine in Valentine font for Noel Malekar ── */
@font-face {
  font-family: 'ShineInValentine';
  src: url('../webfonts/ShineInValentine.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.nds-handwritten {
  font-family: 'ShineInValentine', cursive !important;
  font-size: 3.5rem !important;
  font-weight: normal !important;
  color: #13213b !important;
  letter-spacing: 1px;
  line-height: 1.3;
}

/* Back to top */
#backToTop {
  position: fixed !important;
  bottom: 96px !important;
  right: 28px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #13213b !important;
  color: #faa312 !important;
  border: none !important;
  font-size: 18px !important;
  cursor: pointer;
  display: none !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3) !important;
  z-index: 10000 !important;
  transition: background 0.2s, color 0.2s;
}
#backToTop.visible { display: flex !important; }
#backToTop:hover { background: #faa312 !important; color: #13213b !important; }