/* Typography */
body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #fffef9;
  color: #2A2A2A;
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-family: 'Playfair Display', serif;
  color: #2D3142;
  margin-bottom: 1rem;
  font-weight: 600;
}

/* Navbar */
.navbar {
  background-color: #fffef9;
  box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

.navbar-brand {
  font-weight: bold;
  color: #2D3142 !important;
}

.nav-link {
  color: #2D3142 !important;
  transition: color 0.3s ease;
}

.nav-link:hover,
.nav-link.active {
  color: #B28B44 !important;
  font-weight: 600;
  text-decoration: underline;
}

/* Buttons */
.btn-primary {
  background-color: #B28B44;
  border: none;
  color: #fff;
}

.btn-primary:hover {
  background-color: #967539;
  color: #fff;
}

.btn-outline-primary {
  border-color: #B28B44;
  color: #B28B44;
}

.btn-outline-primary:hover {
  background-color: #B28B44;
  color: #fff;
}

/* Hero Section */
.hero {
	Display: block;
  background: linear-gradient(to right, #fff8e1, #fffdf5);
  padding: 5rem 0;
  color: #2D3142;
  padding-top:100px !important;
  margin-top:50px !important;
}

.hero h1 {
  font-size: 2.8rem;
  font-weight: 700;
}

.hero p.lead {
  color: #5c5c5c;
}

/* Sections */
section {
  padding: 4rem 0;
}	

section:nth-of-type(even) {
  background-color: #fffdf7;
}

/* Cards */
/*
.card {
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.04);
  transition: all 0.3s ease;
  background-color: #fff;
}
*/
.card {
	    background: #ffffff;
    border-radius: 1rem;
    padding: 1.5rem;
    max-width: 250px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease-in-out;
}
.card img{
	width: 100%;
    max-width: 220px;
	height: 210px;
    border-radius: 1rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.card:hover {
  transform: translateY(-6px);
}

.card-title {
  color: #2D3142;
}

/* Icons */
.bi {
  color: #B28B44;
}

/* Accordion */
.accordion-button {
  background-color: #fffef9;
  color: #2D3142;
}

.accordion-button:not(.collapsed) {
  background-color: #f3e8d9;
  color: #2D3142;
}

.accordion-body {
    background-color: #f3e8d9 !important;
}

.accordion {

--bs-accordion-btn-focus-box-shadow: none; 
}


/* Footer */
footer {
  background-color: #2D3142;
  color: #ddd;
}

footer a {
  color: #ddd;
  text-decoration: none;
}

footer a:hover {
  color: #B28B44;
}

/* Divider lines */
hr {
  border-top: 1px solid #e3e3e3;
}

/* AOS Animation */
[data-aos] {
  transition: all 0.6s ease-in-out;
}

/* Form Elements */
input[type="text"],
input[type="email"],
textarea {
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  padding: 0.75rem;
  width: 100%;
  background-color: #fffdf7;
}

input:focus,
textarea:focus {
  border-color: #B28B44;
  box-shadow: 0 0 0 0.2rem rgba(178, 139, 68, 0.25);
  outline: none;
}

/* Optional: Back to top button (if you use one) */
#backToTop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background-color: #B28B44;
  color: #fff;
  padding: 0.6rem 1rem;
  border-radius: 50%;
  display: none;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

#backToTop:hover {
  background-color: #967539;
}

/* Section Backgrounds */

#vision {
  background-color: #fdf5e6 !important; /* Soft ivory */
}

#program {
  background-color: #f4f1ec !important; /* Warm gray */
}

#team {
  background-color: #f9f6f1 !important; /* Almond */
}

#pillars {
  background-color: #f2ede3 !important; /* Sand tone */
}





/* Section Backgrounds - Golden Theme */

/*
#vision {
  background-color: #f7f0df !important; /* Champagne */
}

#program {
  background-color: #f5e7c4 !important; /* Pale Gold */
}

#team {
  background-color: #fdf6e3 !important; /* Linen Gold */
}

#pillars {
  background-color: #f1e1c1 !important; /* Sandstone */
}

section {
  border-top: 1px solid #e3d8c3 !important;
}

*/


section {
  border-top: 1px solid #eee;
}

/*
.section-title {
  margin-bottom: 2rem;
  font-weight: 600;
  color: #2D3142;
}
*/



/* Golden Theme Section Backgrounds course  */
section.bg-light {
  padding: 5rem 0;
  padding-top:100px !important;
  
  background-color: #f7f0df !important; /* Soft Champagne */
}

#overview {
  background-color: #fdf6e3; /* Linen Gold */
}

#curriculum {
  background-color: #f5e7c4; /* Pale Gold */
}

#instructor {
  background-color: #f9f4e2; /* Gold Mist */
}

#testimonials {
  background-color: #fbf6e9 !important; /* Warm Beige */
}

#cta-apply {
  background-color: #e8d4a2 !important; /* Rich Golden Tan */
  color: #3a2e13;
}

#cta-apply .btn {
  color: #3a2e13;
  border-color: #3a2e13;
}

#cta-apply {
  background: linear-gradient(135deg, #f1d8a4, #e8c880);
}






/* 🎨 Golden Theme Section Backgrounds (excluding navbar & footer)  admission*/

/* Hero Section */
section.bg-light.text-center {
  background-color: #f7f0df !important; /* Champagne */
}

/* Timeline Section */
section:nth-of-type(2) {
  background-color: #fdf6e3; /* Linen Gold */
}

/* Eligibility Section */
section.bg-light:nth-of-type(3) {
  background-color: #f5e7c4 !important; /* Pale Gold */
}

/* Fee Details Section */
section:nth-of-type(4) {
  background-color: #f9f4e2; /* Gold Mist */
}

/* CTA Section */
section.bg-secondary {
  background-color: #e8d4a2 !important; /* Rich Golden Tan */
  color: #3a2e13 !important;
}
section.bg-secondary .btn {
  color: #3a2e13 !important;
  border-color: #3a2e13 !important;
}





/* 🎨 Golden-Themed Section Backgrounds for About Page */

/* Hero Section */
section.bg-light.text-center {
  background-color: #f7f0df !important; /* Soft Champagne */
}

/* Founding Story */
section:nth-of-type(2) {
  background-color: #fdf6e3; /* Linen Gold */
}

/* Why Oaktree? */
section.bg-light:nth-of-type(3) {
  background-color: #f5e7c4 !important; /* Pale Gold */
}

/* Our Core Pillars */
section:nth-of-type(4) {
  background-color: #f9f4e2; /* Gold Mist */
}

/* Leadership & Faculty */
section.bg-light:nth-of-type(5) {
  background-color: #fbf6e9 !important; /* Warm Beige */
}

/* CTA Section */
section.bg-primary {
  background-color: #e8d4a2 !important; /* Rich Golden Tan */
  color: #3a2e13 !important;
}
section.bg-primary .btn {
  color: #3a2e13 !important;
  border-color: #3a2e13 !important;
}





/* 🎨 Golden-Themed Backgrounds for Enquiry Page */

/* Hero Section */
section.bg-light.text-center {
  background-color: #f7f0df !important; /* Soft Champagne */
}

/* Form Section */
.form-section {
  background-color: #fdf6e3 !important; /* Linen Gold */
}

#enquirybtn{
	cursor:pointer !important;
}
.form-title {
    font-size: 24px;
    font-weight: bold;
    color: #1a2b5b !important;
    text-align: center;
    margin-bottom: 25px;
}

.contact-methods {
    display: flex
;
    gap: 15px;
}
.form-label {
    font-weight: 600;
    margin-bottom: 6px;
    color: #1a2b5b !important;
}

.btn-custom {
    background-color: #1a2b5b;
    color: white;
    width: 100%;
    border-radius: 8px;
}
.btn-custom:hover {
  background-color: #0f1f3e;
  }

.contact-help {
    text-align: center;
    margin-top: 30px;
    color: #1a2b5b;
}
.form-check {
    display: flex;
    align-items: center;
}
label {
    display: inline-block;
}