:root {
    --primary-color: #1a2332;
    --accent-color: #d73027;
    --light-bg: #f4f6f9;
    --text-color: #2c3e50;
    --border-color: #e8eef5;
    --success-color: #27ae60;
}

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

html {
    scroll-behavior: smooth;
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--text-color);
       background-color: #ffffff;
  line-height: 1.6;
}

.nav-custom 
 {
  background-color: var(--primary-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    padding  :  0;
}

.nav-custom .nav-wrapper
	{
   padding: 0 24px;


}

.brand-logo {


   height: auto;
    line-height: normal;
    padding: 10px 0;
      margin: 0;}

.logo-img {
  max-height: 114px;
  filter: brightness(0) invert(1);
    width: auto;
  display: block;
}

.nav-custom ul li a {
   color: #ffffff;
          font-weight     :       500;
        font-size: 0.95rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  padding : 0 16px;
}

.nav-custom ul li a:hover     {
  background-color: rgba(215, 48, 39, 0.15);
  color: var(--accent-color);
}

.sidenav {
  background-color: var(--primary-color);
}

.sidenav li a {
    color   :     #ffffff; 
	font-weight: 500; 
   transition: all 0.3s ease;
}

.sidenav li a:hover {
     background-color: rgba(215, 48, 39, 0.15);
  color: var(--accent-color);

}

.sidenav-trigger {
   margin: 0;
    padding: 0 15px;
}

.hero-section

{
  background: linear-gradient(135deg, var(--primary-color) 0%, #2c3e50 50%, #34495e 100%);
               color: #ffffff;
	padding: 120px 24px;
    text-align: center;
      min-height: 550px;
    display: flex;
   align-items: center;
   justify-content: center;
    position    :       relative;
  overflow: hidden;
}

.hero-section::before {
  content: '';
    position: absolute;
   top: 0;
    right: 0;
    width: 500px;
  height: 500px;
  background: rgba(215, 48, 39, 0.08);
  border-radius: 50%;
  transform: translate(150px, -100px);
}

.hero-content {
    position: relative;
	 z-index  : 1;
   max-width: 800px;
	 margin: 0 auto;
}

.hero-content h1 {
   font-size: 3.5rem;
    margin-bottom: 24px;
     font-weight: 700;
 letter-spacing: -0.5px;
    line-height: 1.2;
}


.hero-content p {
  font-size: 1.4rem;
   margin-bottom: 48px;
   font-weight: 300;
    line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

.hero-btn {
  background-color: var(--accent-color) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 16px rgba(215, 48, 39, 0.3);
}

.hero-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(215, 48, 39, 0.4);
}

section {
    padding: 80px 24px;
}

section h2 {
    text-align: center;
  color: var(--primary-color);
    margin-bottom: 56px;
   font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.3px;
}

section h3 {
  color: var(--primary-color);
  font-weight: 600;
  margin-top: 0;
	 font-size: 1.4rem;
}

.services-intro {
       background-color: #ffffff;
}  

.services-intro .card {
	 border: none;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
  overflow: hidden;
}

.services-intro .card:hover {
  transform: translateY(-12px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.services-intro .card-image img {
	 height: 260px;
   object-fit: cover;
   transition: transform 0.4s ease;
}

.services-intro .card:hover .card-image img {
  transform: scale(1.05);
}

.services-intro .card-title
{
   font-weight: 600;
  color: var(--primary-color);
    font-size: 1.2rem;
}

.why-us {
  background-color: var(--light-bg);
}

.why-us .collection {
   border: none;
    background-color: transparent;
}

.why-us .collection-item {
  border-bottom: 1px solid var(--border-color);
    background-color: transparent;
  color: var(--text-color);
    padding: 16px 0;
  font-weight: 500;
    transition: all 0.3s ease;
}

.why-us .collection-item:hover {
   padding-left: 8px;
  color: var(--accent-color);
}

.why-us .collection-item::before


{
  content: '▸ ';
  color: var(--accent-color);
    font-weight: bold;
	 margin-right: 12px;
}

.furniture-types {
    background-color: #ffffff;
}

.furniture-card {
   background-color: #ffffff;
    border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}  

.furniture-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  transform: translateY(-8px);
}

.furniture-card img {
    transition: transform 0.4s ease;
}

.furniture-card:hover img


{
  transform: scale(1.06);
}

.furniture-card h3 {
     padding: 24px 20px 12px;
    margin: 0;}

.furniture-card p {
    padding: 0 20px 20px;
      color: #555;
}

.process {
  background: linear-gradient(135deg, var(--light-bg) 0%, #ecf0f1 100%);
}

.process-steps .step-card {
  background-color: #ffffff;
  border-left: 5px solid var(--accent-color);
    padding: 36px 24px;
    border-radius: 8px;
    text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.process-steps .step-card:hover{


  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-6px);
	}

.step-number {
       font-size: 2.8rem;
    font-weight: 700;
  color: var(--accent-color);
   margin-bottom    :       16px;
     display: block;
}

.equipment	{
    background-color: #ffffff;
}

.equipment-list {
  margin-top: 32px;
}

.equipment-item {
  display: flex;
   align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--border-color);
   transition: all 0.3s ease;
}

.equipment-item:hover {
  padding-left: 12px;
  color: var(--accent-color);
}

.equipment-item i {
  color: var(--accent-color); 
	  margin-right   : 16px; 
	    font-size: 1.6rem; 
	     flex-shrink :        0;
}

.equipment-item span {
   font-weight: 500;
    font-size: 1.05rem;
}

.mattress-section {
  background-color: var(--light-bg);
}

.highlight-text {
  background-color: rgba(215, 48, 39, 0.08);
    padding: 24px;
  border-left: 5px solid var(--accent-color);
    font-weight: 500;
	margin-top: 24px;
	border-radius: 4px;
  color: var(--primary-color);

}

.coaching-section {
               background-color: #ffffff;
}

.intro-text {
    text-align: center;
  font-size: 1.15rem;
  color: #666;
  margin-bottom: 48px;
   font-weight: 400;
    max-width: 700px;
  margin-left: auto;
   margin-right: auto;
}

.coaching-card {

  background-color: var(--light-bg);
    padding: 36px;
   border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    border-top: 4px solid transparent;


}

.coaching-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-8px);
  border-top-color: var(--accent-color);
}

.coaching-icon {
	 font-size: 3.2rem;
  margin-bottom: 20px;
  display: block;
}

.coaching-icon i {
  color: var(--accent-color);
    transition: transform 0.4s ease;
}

.coaching-card:hover .coaching-icon i {
  transform: scale(1.15);
}

.coaching-card h3 {
  color: var(--primary-color);
  margin: 0 0 16px;
  font-size: 1.3rem;
}

.coaching-card .btn {
  background-color: var(--accent-color) !important;
   margin-top: 20px; 

}

.webinar-section {
  background-color: var(--light-bg); 

}

.webinar-list {
	    margin-top: 32px;


}

.webinar-item {
	background-color     :     #ffffff;
    padding: 20px;
  margin-bottom: 16px;
  border-radius  :       8px;
  border-left: 4px solid var(--accent-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.webinar-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateX(4px);
}

.webinar-registration {
  background-color: #ffffff;
    padding: 36px;
   border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.webinar-date {
  color: var(--accent-color);
   font-weight: bold;
    font-size  :1.15rem;
  display: block;
    margin: 12px 0 20px;
}

.webinar-form .input-field {
	   margin-bottom   :    24px;


}

.webinar-form input,
.webinar-form textarea {
  color: var(--text-color) !important;
}

.webinar-form .btn	{
  background-color: var(--accent-color) !important;
    width: 100%;
    margin-top: 8px;
}

.testimonials {
  background-color    :     #ffffff;
}

.testimonial-card {
  background-color: var(--light-bg);
      padding: 32px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
}

.testimonial-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-6px);
}

.testimonial-rating {
   margin-bottom: 16px;
  display: flex;
   justify-content: center;
	
}

.testimonial-rating i {
  color: var(--accent-color);
    font-size: 1.25rem;
   margin: 0 2px;
}

.testimonial-card p {
		color: #555;
    font-style: italic;
}

.testimonial-author {
  color: var(--primary-color);
  font-weight: 600;
    margin-top: 16px !important;
  display: block;
}

.pricing {
  background-color: var(--light-bg);
}


.price-card {
    background-color: #ffffff;
   padding: 40px 32px;
    border-radius: 12px;
   text-align: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-top: 4px solid transparent;
}

.price-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.price-card h3
	{
  color: var(--primary-color);
	margin-bottom: 16px;
      font-size: 1.4rem;
}

.price {
    font-size: 2.2rem;
  color: var(--accent-color);
   font-weight: 700;
   margin: 20px 0;
    display: block;
}

.price-card.featured {
  border-top-color: var(--accent-color);
  transform: scale(1.05);
}

.price-card.featured:hover {
  transform: scale(1.05) translateY(-12px);
}

.price-card.featured .price {
    font-size: 2.6rem;
}

.price-features {
   list-style: none;
   text-align: left;
   margin: 32px 0;
}

.price-features li {
  padding: 12px 0;
  border-bottom: 1px solid var(--border-color);
  transition: all 0.3s ease;
}

.price-features li:hover {
    padding-left: 8px;
  color: var(--accent-color);
}

.price-features li::before {
  content: '✓ ';
  color: var(--accent-color);
    font-weight: bold;
   margin-right: 10px;
}

.price-card .btn {
  background-color: var(--accent-color) !important;
   width: 100%;
  margin-top: 24px;
}

.contact-section {
   background-color: #ffffff;
}

.contact-form .input-field {
	  margin-bottom: 28px; 
	
}

.contact-form input,
.contact-form textarea,
.contact-form select {
  color: var(--text-color) !important;
}

.contact-form label {
	    color: #999;}

.contact-form .input-field input:focus,
.contact-form .input-field textarea:focus,
.contact-form .input-field select:focus {
  border-bottom-color: var(--accent-color) !important;
  box-shadow: 0 1px 0 0 var(--accent-color) !important;
}

.contact-form .input-field input:focus + label,
.contact-form .input-field textarea:focus + label {
  color: var(--accent-color) !important;
}


.contact-btn {
  background-color: var(--accent-color) !important;
  width: 100%;
  box-shadow: 0 6px 12px rgba(215, 48, 39, 0.2);
}

.contact-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(215, 48, 39, 0.3);
}

.contact-info {
    margin-top: 64px;
   padding-top: 48px;
  border-top: 2px solid var(--border-color);
}

.info-card {
    text-align: center;
  padding: 32px;
  background-color: var(--light-bg);
    border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.info-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-8px);
   background-color: #f0f4f8;
}

.info-card i {
   font-size: 2.8rem;
  color: var(--accent-color);
  margin-bottom: 16px;
	display: block;
}

.info-card h3 {
  color: var(--primary-color);
  margin: 12px 0;
   font-size: 1.2rem;
}

.info-card p {
   color: #666;
    margin: 0;
}

.footer-custom {

	  background-color: var(--primary-color);
	 color: #ffffff;



}

.footer-content {
    padding   :  48px 0;
}

.footer-logo {
   text-align: center;
   margin-bottom: 24px;
}

.footer-logo-img {

   max-height: 146px;
    width: auto;
   display   :     block;
  filter: brightness(0) invert(1);
  transition: transform 0.4s ease;}

.footer-logo:hover .footer-logo-img {
  transform: scale(1.05);
}

.footer-custom h5 {
	color: #ffffff;
   font-size: 1.1rem;
    font-weight: 600;
  margin-bottom: 24px;
}

.footer-custom ul {
	 list-style: none;
}

.footer-custom ul li a {
  color: #b0bec5;
	transition: all 0.3s ease;
   display: block;
  padding: 8px 0; 
	
}

.footer-custom ul li a:hover {
  color: var(--accent-color); 
    padding-left    :       8px;
}


.footer-custom p {
    color: #b0bec5;
   font-size: 0.95rem;
   margin: 8px 0;
}

.footer-bottom {
  background-color: rgba(0, 0, 0, 0.25);
   padding: 24px 0;
		text-align: center;
}


.footer-bottom p {
	  color: #b0bec5;
    margin: 0;
  font-size: 0.9rem;
	
	}

.footer-bottom a {
  color: #b0bec5;
  text-decoration: none;
   transition: all 0.3s ease;
}

.footer-bottom a:hover {
  color: var(--accent-color);
}

.responsive-img {
  max-width: 100%;
   height: auto;
    display: block;
}



.right-align {
     text-align: right;
}@media screen and (max-width: 992px) {
    .hero-content h1 {
        font-size: 2.5rem;
    }
    
    .hero-content p {
        font-size: 1.15rem;
    }
    
    section h2 {
        font-size: 2rem;
    }
    
    .price-card.featured {
        transform: scale(1);
    }
    
    .price-card.featured:hover {
        transform: scale(1) translateY(-12px);
    }
}

@media screen and (max-width: 600px) {
    .hero-section {
        padding: 60px 16px;
        min-height: 380px;
    }
    
    .hero-section::before {
        width: 300px;
        height: 300px;
    }
    
    .hero-content h1 {
        font-size: 1.8rem;
    }
    
    .hero-content p {
        font-size: 1rem;
    }
    
    section {
        padding: 50px 16px;
    }
    
    section h2 {
        font-size: 1.5rem;
        margin-bottom: 32px;
    }
    
    section h3 {
        font-size: 1.15rem;
    }
    
    .nav-custom .nav-wrapper {
        padding: 0 12px;
    }
    
    .logo-img {
        max-height: 90px;
    }
    
    .footer-logo-img {
        max-height: 110px;
    }
    
    .contact-form {
        padding: 0;
    }
    
    .pricing .price-card {
        margin-bottom: 24px;
    }
    
    .testimonial-card,
    .coaching-card,
    .furniture-card {
        margin-bottom: 16px;
    }
}#masterclass {
  background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
}

#masterclass .row > div:first-child p {
    line-height: 1.8;
  color: #444;
    font-size: 1.05rem;
}
/* Legacy code */



/* Responsive design */


/* Generated styles */
#masterclass .row > div:first-child p:first-of-type::first-letter {
    font-weight: 600;
}

#certification-program {
   background-color: #ffffff;
   border-top: 5px solid #d73027;
}
	/* Generated styles */


	/* Vendor-specific */


#certification-program h2 {
   color: #1a2332;

}

#certification-program p {
    line-height: 1.8;
   color: #555;
   font-size: 1.05rem;
}

#beginner-academy {
  background-color: #f4f6f9;
}

#beginner-academy .intro-text 
 {
    text-align: center;
  font-size: 1.15rem;
  color: #666;
    margin-bottom: 48px;
         max-width: 600px;
   margin-left: auto;
   margin-right: auto;
}

.curriculum-card {
  background-color: #ffffff; 
		 padding   : 32px 24px; 
	    border-radius: 12px; 
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
	  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
	    height: 100%; 
	   margin-bottom: 24px;
}

.curriculum-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.curriculum-card h3 {
    color: #1a2332;
    margin-bottom: 16px;
   font-weight: 600;
}

.curriculum-card p {
    color   :  #666; 
  line-height: 1.7; 
  margin-bottom: 20px;
	
}

.curriculum-list {
   list-style: none;
  padding: 0;
}  

.curriculum-list li {
   padding: 10px 0;
    padding-left: 24px;
   position: relative;
    color: #555;
   font-weight: 500;
}

.curriculum-list li::before {
  content: '▸';
         position: absolute;
  left:      0;
    color: #d73027;
  font-weight    :      bold;
   font-size: 1.3rem;
}

#specialized-techniques {
     background-color: #ffffff;
     }

/* Third-party styles */

#specialized-techniques h2  {
    color: #1a2332;
}

#specialized-techniques p {

	               color:#666;
   line-height: 1.8;
         font-size: 1.05rem;
     }

#group-coaching {
  background: linear-gradient(135deg, #e8eef5 0%, #f4f6f9 100%);
}

#group-coaching h2 {
   color: #1a2332;
}

#group-coaching p {
   color: #555;
    line-height: 1.8;
  font-size   :        1.05rem;
}

#one-to-one-mentoring{
   background-color: #ffffff;
}

#one-to-one-mentoring .intro-text {
    text-align: center;
    font-size: 1.15rem;
    color: #666;
   margin-bottom: 48px;
  max-width: 600px;
  margin-left: auto;
   margin-right:   auto;
}

.mentoring-details 
 {
  background-color: #f8f9fa;
    padding: 40px;
  border-radius: 12px;
  border-left: 5px solid #d73027;
}

.mentoring-details h3 {


    color: #1a2332;
  margin-bottom: 20px;
  font-weight: 600;}

.mentoring-details p  {
  color: #666;
               line-height: 1.7;
  margin-bottom: 24px;
} 

.mentoring-benefits {
   display: flex;
   flex-direction: column;
  gap: 16px;
}

.benefit-item {
  background-color: #ffffff;
        padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
   border-bottom  :       3px solid #d73027;
}

.benefit-item strong {
  color: #1a2332;
  display: block;
   margin-bottom: 8px;
  font-size :  1.05rem;
}

.benefit-item p {
    color: #666;
    margin: 0;
   font-size: 0.95rem;
}

#hands-on-workshops {
    background-color: #f4f6f9;
}

#hands-on-workshops h2 {
   color     :   #1a2332;
}

#hands-on-workshops p {
  color: #555;
  line-height: 1.8;
  font-size: 1.05rem;
}

#business-acceleration {
   background-color: #ffffff;
}

#business-acceleration h2    {
  color: #1a2332;
}

#business-acceleration p {
  color: #666;

   line-height    :     1.8;

  font-size: 1.05rem;
}
	/* Hack for old browsers */
#case-studies {
  background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
}

#case-studies .intro-text {
   text-align: center;
   font-size: 1.15rem;
  color: #666;
    margin-bottom: 48px;
    max-width: 600px;
   margin-left: auto;
   margin-right: auto;
}

.case-card {
    background-color: #ffffff;
    padding: 32px;
   border-radius:12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    margin-bottom: 24px;
   border-top: 4px solid #d73027;
}

.case-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.case-card h3 {
	color: #1a2332;
    margin-bottom: 16px;
   font-weight: 600; 
	
}

.case-card p {
   color     :        #666;
          line-height: 1.7;
   font-size: 0.95rem;
  margin-bottom   :  16px;
}

.case-outcome {
  background-color: rgba(215, 48, 39, 0.08);
    padding: 16px;
   border-radius: 8px;
         color: #1a2332;
  font-weight: 500;
    border-left: 4px solid #d73027;
}

#advanced-materials {
  background-color: #ffffff;
}


#advanced-materials h2 {
    color: #1a2332;
}

/* Temporary fix */

#advanced-materials p {
  color: #666;
    line-height :       1.8;
  font-size: 1.05rem;
}

#digital-coaching
	{
  background: linear-gradient(135deg, #e8eef5 0%, #f4f6f9 100%);


}

#digital-coaching h2 {
      color: #1a2332;
}

#digital-coaching p  
  {
    color   :    #555;

	   line-height: 1.8;

	  font-size: 1.05rem;
}

#partner-network {
    background-color   :   #ffffff;
}

#partner-network .intro-text {
   text-align: center;
	font-size: 1.15rem;
    color: #666;
   margin-bottom: 48px;
   max-width: 600px;
 margin-left: auto;
   margin-right: auto;
}

.partnership-structure {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 32px;
}

.structure-item {
   background-color: #f8f9fa;
  padding: 32px;
   border-radius    :  12px;
    border-left: 5px solid #d73027;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.structure-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.structure-item h3 {
  color: #1a2332;
  margin-bottom: 12px;
   font-weight: 600;
}

.structure-item p {
    color: #666;
   line-height   :  1.7;
    margin :    0;
   font-size: 0.95rem;
}

#success-stories {
  background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%); 

}

#success-stories .intro-text {
    text-align  :center;
   font-size: 1.15rem;
    color: #666;
  margin-bottom :  48px;
  max-width    :      600px;
   margin-left: auto;
  margin-right: auto;
}

.story-card {
  background-color: #ffffff; 
	    padding: 28px; 
	    border-radius: 12px; 
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
	  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
	   height: 100%; 
	  margin-bottom: 24px;
}
/* TODO: optimize for mobile */


.story-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.story-card h3 {
  color: #1a2332;
    margin-bottom:  12px;
               font-weight:   600;
  font-size: 1.15rem;
}

.story-card p {
  color: #666;
  line-height: 1.7;
    font-size: 0.95rem;
    margin: 0; 
	
}
@media screen and (max-width: 768px) {
    .curriculum-card,
    .case-card,
    .story-card {
        margin-bottom: 16px;
    }

    .mentoring-details {
        padding: 24px;
    }

    .partnership-structure {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .benefit-item {
        padding: 16px;
    }

    #masterclass .row > div:first-child p,
    #certification-program p,
    #specialized-techniques p,
    #group-coaching p,
    #hands-on-workshops p,
    #business-acceleration p,
    #advanced-materials p,
    #digital-coaching p {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px) {
    section {
        padding: 50px 16px;
    }

    section h2 {
        font-size: 1.8rem;
        margin-bottom: 32px;
    }

    .curriculum-card,
    .case-card,
    .story-card {
        padding: 20px;
    }

    .mentoring-details {
        padding: 20px;
        border-left-width: 4px;
    }
}.services-hero {
  background: linear-gradient(135deg, #1a2332 0%, #2c3e50 50%, #34495e 100%);
    color: #ffffff;
  padding: 100px 24px;
	text-align: center;
    min-height: 400px;
                    display: flex;
   align-items: center;
    justify-content: center;
    position :    relative;
   overflow    :       hidden;
}

.services-hero::before {
  content: '';
	 position: absolute;
   top: 0;
	 right: 0;
    width: 500px;
    height: 500px;
  background: rgba(215, 48, 39, 0.08);
   border-radius: 50%;
  transform: translate(150px, -100px);
}

.services-hero .hero-content {
    position: relative;
    z-index: 1;
    max-width     :    700px;
    margin: 0 auto;
}

.services-hero h1


{
  font-weight: 700;
         line-height: 1.2;
   font-size: 3rem;
    letter-spacing: -0.5px;
    margin-bottom  :     20px;
}

.services-hero p {
    font-size: 1.3rem;

		font-weight:     300;

	  color: rgba(255, 255, 255, 0.9);

	   line-height: 1.5;
}

.services-container {
  padding: 80px 24px;
  background-color: #ffffff;
}

.services-grid {
 margin: 0;
}

.service-card {
    background-color: #ffffff;
   border-radius: 12px;
    overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   height: 100%;
    display: flex;
  flex-direction: column;
   margin-bottom: 24px;
}

.service-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}



.service-image {
  width: 100%;
    height: 240px;
   overflow: hidden;
    position: relative;
}

.service-image img {
  width: 100%;
   height: 100%;
   object-fit: cover;
    transition: transform 0.4s ease;
}

.service-card:hover .service-image img {
  transform: scale(1.08);
}

.service-body {
  padding: 28px;
    flex-grow: 1;
   display: flex;
    flex-direction: column;
}

.service-body h3 {
   color: #1a2332;
   margin: 0 0 16px;
  font-weight:      600;
    font-size: 1.25rem;
    line-height:       1.4;
}

.service-body p {
    color: #666;
   font-size: 0.95rem;
    line-height: 1.6;
  margin: 0 0 20px;
    flex-grow: 1;
}

.btn-service    {
  background-color: #d73027 !important;
  margin-top: auto;
  width: 100%;
   display: block;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-service:hover   {
  background-color     :       #b8251f !important;
  box-shadow: 0 6px 16px rgba(215, 48, 39, 0.3);
  transform: translateY(-2px);
}

.service-card.featured-service {
   border: 3px solid #d73027;
  background: linear-gradient(135deg, rgba(215, 48, 39, 0.02) 0%, rgba(215, 48, 39, 0.04) 100%);


}


.btn-featured {
   background-color: #d73027 !important;
  font-weight: 600;
}

.thankyou-section {
   padding: 120px 24px;
  background: linear-gradient(135deg, #f4f6f9 0%, #ecf0f1 100%);
   min-height: 600px;
    display     :flex;
   align-items: center;
    justify-content: center;
}

.thankyou-content {
    background-color: #ffffff;
  border-radius   : 16px;
    padding:      60px 48px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  text-align: center;
    max-width: 700px;
}

.success-icon {
        margin-bottom: 32px;
}

.success-icon i {
  font-size: 5rem; 
	  color: #27ae60; 
	   display  :        block;
}

.thankyou-content h1 {
   color: #1a2332;
   margin: 0 0 24px;
   font-size: 2.4rem;
	font-weight: 700;
}

.thankyou-message {
  color: #666;
	font-size: 1.05rem;
	line-height: 1.8;
  margin-bottom: 48px;
    padding: 0 0;
}

.thankyou-details {
  display: flex;
    flex-direction: column;
   gap: 24px;
   margin-bottom: 48px;
}

.detail-item {
    display: flex;
   align-items: flex-start;
   gap: 20px;
   padding: 20px;
         background-color: #f8f9fa;
   border-radius: 12px;
    border-left: 4px solid #d73027;
  transition   :all 0.3s ease;
}

.detail-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateX(4px);
}

.detail-item i {
    font-size: 2rem;
    color: #d73027;
         flex-shrink: 0;
  margin-top: 2px;
}

.detail-item h3 {
  color: #1a2332;
    font-size: 1.1rem;
   font-weight: 600;
   margin: 0 0 8px;
   text-align: left; 

}

.detail-item p {
    color: #666;
  font-size: 0.95rem;
    margin: 0;
   text-align: left;
}

.thankyou-actions {
    display: flex;
  flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.btn-primary {
   background-color: #d73027 !important; 
  margin: 0 !important;
}

.btn-primary:hover {
       background-color: #b8251f !important;
     }

.btn-secondary {
   background-color: #1a2332 !important;
   margin   :        0 !important;
}

.btn-secondary:hover    {
       background-color     :    #0f1820 !important;
     }

.thankyou-footer {

	color: #999;
  font-size: 0.9rem;
   line-height  : 1.6;
    margin: 0;
     }@media screen and (max-width: 992px) {
    .services-hero h1 {
        font-size: 2.2rem;
    }

    .services-hero p {
        font-size: 1.1rem;
    }

    .thankyou-content {
        padding: 48px 32px;
    }

    .thankyou-content h1 {
        font-size: 2rem;
    }

    .thankyou-actions {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .service-image {
        height: 200px;
    }

    .service-body {
        padding: 20px;
    }

    .detail-item {
        flex-direction: column;
        text-align: center;
    }

    .detail-item h3,
    .detail-item p {
        text-align: center;
    }

    .detail-item i {
        margin: 0 auto 8px;
    }
}

@media screen and (max-width: 600px) {
    .services-hero {
        padding: 60px 16px;
        min-height: 320px;
    }

    .services-hero h1 {
        font-size: 1.8rem;
    }

    .services-hero p {
        font-size: 1rem;
    }

    .services-container {
        padding: 50px 16px;
    }

    .service-card {
        margin-bottom: 16px;
    }

    .service-image {
        height: 180px;
    }

    .service-body {
        padding: 16px;
    }

    .service-body h3 {
        font-size: 1.1rem;
    }

    .service-body p {
        font-size: 0.9rem;
    }

    .thankyou-section {
        padding: 60px 16px;
        min-height: auto;
    }

    .thankyou-content {
        padding: 32px 20px;
    }

    .thankyou-content h1 {
        font-size: 1.6rem;
    }

    .thankyou-message {
        font-size: 1rem;
    }

    .success-icon i {
        font-size: 3.5rem;
    }

    .detail-item {
        padding: 16px;
    }

    .detail-item i {
        font-size: 1.8rem;
    }

    .thankyou-details {
        gap: 16px;
        margin-bottom: 32px;
    }

    .thankyou-actions {
        gap: 12px;
    }

    .btn-primary,
    .btn-secondary {
        font-size: 0.9rem;
        padding: 12px 16px !important;
    }
}.about-hero {
  background: linear-gradient(135deg, #1a2332 0%, #2c3e50 50%, #34495e 100%);
    color: #ffffff;
   padding: 100px 24px;
  text-align: center;
  min-height: 400px;
	 display :    flex;
    align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
}

.about-hero::before {
  content: '';
  position: absolute;
  top    :   0;
   right: 0;
    width: 500px;
    height: 500px;
  background: rgba(215, 48, 39, 0.08);
  border-radius: 50%;
  transform: translate(150px, -100px);
}

.about-hero .hero-content 
 {
   position     :      relative;

   z-index: 1;

       max-width: 700px;

  margin: 0 auto;
}

.about-hero h1 {
    font-size: 3rem;
  margin-bottom   :      20px;
    font-weight  :  700;
  letter-spacing: -0.5px;
         line-height: 1.2;
}

.about-hero p {
	font-size: 1.3rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

.about-intro {

	    padding: 80px 24px;
      background-color: #ffffff;}

.about-intro h2 {
	color: #1a2332;
  font-size: 2.5rem;
    font-weight: 700;
    margin-bottom :      32px;
}

.about-intro p {
    color: #666;
   font-size: 1.05rem;
   line-height: 1.8;
   margin-bottom: 20px;


}

.about-img {
    border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.about-intro .about-img:hover		{
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
}

.about-values {
  background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
  padding: 80px 24px;
}

.about-values h2 {
   color  :  #1a2332;
   font-size   :     2.5rem;
 font-weight :  700;
     text-align     :       center;
  margin-bottom: 56px;
}

.values-grid


{
   margin: 0;
}

.value-card {
   background-color  :        #ffffff;

	    padding: 36px 28px;

	    border-radius: 12px;

	 text-align: center;

	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

	  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

	   height: 100%;

	    margin-bottom: 24px;
}

.value-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.value-icon {
   font-size  :      3.2rem;
   color: #d73027;
  margin-bottom: 20px;
  display: block;
    transition: transform 0.4s ease;
}

.value-card:hover .value-icon {

  transform: scale(1.15);



}

.value-card h3 {
   color: #1a2332;
   font-weight: 600;
    font-size: 1.3rem;
    margin: 0 0 16px;
}

.value-card p {
   color: #666;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
}

.about-story  
  {
    padding: 80px 24px;
  background-color: #ffffff;
}

.about-story h2 {
   margin-bottom: 56px;
   color    :        #1a2332;
   text-align: center;
   font-weight: 700;
    font-size: 2.5rem;
}

.timeline {
     position: relative;
  max-width: 900px;
   margin: 0 auto;
}

.timeline::before {
  content: '';
   position: absolute;
     left: 50%;
  transform: translateX(-50%);
   width: 4px;
   height: 100%;
  background: linear-gradient(to bottom, #d73027, transparent);
}

.timeline-item {
  margin-bottom: 48px;
	position: relative;
}

.timeline-item:nth-child(odd) {
  padding-right: calc(50% + 40px);
   text-align: right;
}


.timeline-item:nth-child(even) {
  padding-left: calc(50% + 40px);
    text-align: left;
}

.timeline-date {
                    position: absolute;
    left: 50%;
  transform: translateX(-50%);
  background-color: #d73027;
  color: #ffffff;
	 padding   : 8px 16px;
    border-radius: 20px;
    font-weight: bold;
   font-size: 1.1rem;
    top   :     0;
   z-index: 2;
               width: 80px;
  text-align: center;
}

.timeline-content {
  background-color: #f8f9fa;
	   padding: 28px;
	    border-radius: 12px;
	  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.timeline-item:hover .timeline-content {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.timeline-content h3 {
  color: #1a2332;
    margin: 0 0 12px;
   font-size: 1.25rem;
    font-weight: 600;
}

.timeline-content p {
    color: #666;
 margin: 0;
    line-height: 1.6;
    font-size: 0.95rem;
}

.about-achievements {


  background: linear-gradient(135deg, #f4f6f9 0%, #ecf0f1 100%);
    padding: 80px 24px;


}

.about-achievements h2 {
   color: #1a2332;
	font-size: 2.5rem;
  font-weight: 700;
   text-align: center;
  margin-bottom: 56px;
}

.achievements-grid {
	  margin: 0;}

.achievement-card {
    background-color: #ffffff;
    padding: 40px 28px;
  border-radius: 12px;
  text-align    : center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   height: 100%;
    margin-bottom   :  24px;
  border-top:   4px solid #d73027;
}

.achievement-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.achievement-number {
  font-size: 3rem;
  color: #d73027;
   font-weight: 700;
          display: block;
      margin-bottom: 12px;
}

.achievement-card p {
    color: #1a2332;
  margin :        8px 0;
   font-weight: 600;
   font-size: 1.05rem;
}

.achievement-card .achievement-desc
{
   color: #666;
  font-weight: 400;
  font-size: 0.9rem;
   line-height: 1.5;
}

.about-commitment {
  padding: 80px 24px;
    background-color: #ffffff;
}

.about-commitment h2 {
  color: #1a2332;
   font-size: 2.5rem;
   font-weight: 700;
   margin-bottom: 32px;
}

.about-commitment .about-img 
 {
   margin-bottom: 0;
}

.commitment-list {
   list-style     :none;
   padding: 0;
}

.commitment-list li {
      padding: 20px 0;
    border-bottom: 1px solid #e8eef5;
    color: #666;
   font-size: 1rem;
  line-height: 1.7;
  transition: all 0.3s ease;
}

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

.commitment-list li:hover {

    padding-left: 12px;
   color: #1a2332;}

.commitment-list strong {
       color: #1a2332;
   display: block;
   margin-bottom: 6px;
  font-weight: 600;}

.about-vision {
  background: linear-gradient(135deg, #f8f9fa 0%, #e8eef5 100%);
   padding: 80px 24px;
}

.about-vision h2    {
  color: #1a2332;
  font-size: 2.5rem;
    font-weight: 700;
  text-align: center;
    margin-bottom: 32px;
}

.vision-intro {
    text-align: center;
   font-size: 1.15rem;
	 color: #666;
  margin-bottom: 56px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
	 line-height: 1.8;
}

.vision-points {
          margin: 0;
}

.vision-card {
      background-color: #ffffff;
  padding: 40px 28px;
    border-radius: 12px;
         text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   height: 100%;
  margin-bottom: 24px; 



}

.vision-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.vision-card i {
    font-size: 3rem;
  color: #d73027;
	 margin-bottom: 20px;
    display: block;
  transition: transform 0.4s ease;
}

.vision-card:hover i {
  transform: scale(1.2);
}

.vision-card h3 {
 color: #1a2332;
  font-weight: 600;
   font-size: 1.3rem;
   margin: 0 0 16px;
}

.vision-card p {
  color   :     #666;
    font-size: 0.95rem;
	line-height: 1.7;
  margin: 0;
}@media screen and (max-width: 992px) {
    .about-hero h1 {
        font-size: 2.2rem;
    }

    .about-hero p {
        font-size: 1.1rem;
    }

    .timeline::before {
        display: none;
    }

    .timeline-item {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    .timeline-date {
        position: static;
        transform: none;
        margin-bottom: 16px;
        width: auto;
        display: inline-block;
    }

    .timeline-content {
        margin-left: 0;
    }

    .about-intro h2,
    .about-story h2,
    .about-achievements h2,
    .about-vision h2 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 768px) {
    .value-card,
    .achievement-card,
    .vision-card {
        margin-bottom: 16px;
    }

    .about-intro .col.m6 {
        margin-bottom: 24px;
    }

    .about-commitment .col.m6 {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 600px) {
    .about-hero {
        padding: 60px 16px;
        min-height: 320px;
    }

    .about-hero h1 {
        font-size: 1.8rem;
    }

    .about-hero p {
        font-size: 1rem;
    }

    section {
        padding: 50px 16px;
    }

    .about-intro h2,
    .about-story h2,
    .about-achievements h2,
    .about-vision h2 {
        font-size: 1.5rem;
        margin-bottom: 32px;
    }

    .value-card,
    .achievement-card,
    .vision-card {
        padding: 28px 20px;
    }

    .achievement-number {
        font-size: 2.4rem;
    }

    .value-icon,
    .vision-card i {
        font-size: 2.5rem;
    }

    .timeline-date {
        font-size: 0.9rem;
        padding: 6px 12px;
    }

    .timeline-content {
        padding: 20px;
    }

    .timeline-content h3 {
        font-size: 1.1rem;
    }

    .commitment-list li {
        padding: 16px 0;
        font-size: 0.95rem;
    }

    .vision-intro {
        font-size: 1rem;
        margin-bottom: 32px;
    }

    .about-intro p,
    .about-commitment h2 {
        font-size: 1rem;
    }
}.policySection	{
    padding   :80px 2rem;
  background: #f8f9fa;
  min-height: 600px; 

}

.policyContainer {
   max-width: 900px;
    margin: 0 auto;
   text-align: left;
    background-color: #ffffff;
  padding: 60px 48px;
   border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.policyContainer h1 {

	  font-size: 2.8rem;
  color: #1a2332;
    margin-bottom: 40px;
  font-weight: 700;
   letter-spacing: -0.3px;
}

.policyContainer h2 {
  font-size: 2rem;
  color: #1a2332;
    margin-top: 40px;
	margin-bottom: 24px;
          font-weight: 600;
    border-bottom: 3px solid #d73027;
    padding-bottom: 12px;
}



.policyContainer p {


   color: #555;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 1.05rem;}

.policyContainer p:last-of-type {
  margin-bottom: 0;
}@media (max-width: 992px) {
    .policyContainer h1 {
        font-size: 2.2rem;
    }

    .policyContainer h2 {
        font-size: 1.6rem;
    }

    .policyContainer {
        padding: 48px 36px;
    }

    .policyContainer p {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .policySection {
        padding: 60px 1rem;
    }

    .policyContainer {
        padding: 36px 24px;
        border-radius: 8px;
    }

    .policyContainer h1 {
        font-size: 1.8rem;
        margin-bottom: 28px;
    }

    .policyContainer h2 {
        font-size: 1.4rem;
        margin-top: 28px;
        margin-bottom: 16px;
    }

    .policyContainer p {
        font-size: 0.95rem;
        margin-bottom: 18px;
        line-height: 1.7;
    }
}

@media (max-width: 600px) {
    .policySection {
        padding: 40px 0.5rem;
        min-height: auto;
    }

    .policyContainer {
        padding: 24px 16px;
        border-radius: 6px;
    }

    .policyContainer h1 {
        font-size: 1.5rem;
        margin-bottom: 24px;
    }

    .policyContainer h2 {
        font-size: 1.2rem;
        margin-top: 24px;
        margin-bottom: 14px;
        padding-bottom: 8px;
    }

    .policyContainer p {
        font-size: 0.9rem;
        margin-bottom: 16px;
        line-height: 1.6;
    }
}