* {


	 padding: 0;
    box-sizing: border-box;
  margin: 0;
}

body {

	  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height   : 1.6;
   color    :  #2c3e50;
   background: #ffffff;

	}

.primary-nav-wrapper {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
    border-bottom: 1px solid #e8ecef;
    position: fixed;
    top: 0;
   width: 100%;
    z-index: 1000;
}

.leadership-nav-container {

  max-width: 1200px;
  margin    :   0 auto;
        display: flex;
    justify-content: space-between;
  align-items: center;
   padding: 1rem 2rem;
	}


.brand-identity-box .executive-brand-mark {
	  height: 45px;
    width:       auto; 
	

}

.navigation-menu-items {


	display:       flex;
   gap: 2.5rem; 
	

}

.nav-link-element {
          text-decoration: none;
    color: #34495e;
   font-weight: 500;
  font-size: 16px;
    transition: color 0.3s ease;
   position: relative; 

}

.nav-link-element:hover {
               color: #2c5530;
}

.nav-link-element::after {
  content: '';
   position: absolute;
 bottom   :       -5px;
    left : 0;
       width: 0;
    height: 2px;
   background:      #27ae60;
   transition: width 0.3s ease;
}

.nav-link-element:hover::after

{

         width: 100%;


}

.mobile-trigger-btn {
  display: none;
  gap: 4px;
    flex-direction:      column;
	cursor: pointer;
}

.hamburger-line-top,
.hamburger-line-mid,
.hamburger-line-bottom {
    -o-transition: 0.3s;
  width: 25px;
   height: 3px;
   background: #34495e;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
}

.primary-content-wrapper		{
  margin-top: 80px;
	
}

.hero-energy-section    {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 5rem 0;
    min-height: 70vh;
}

.executive-hero-container {
	max-width: 1200px;
       margin: 0 auto;
     display: grid;
       grid-template-columns:     1fr 1fr;
    gap     : 4rem;
     align-items: center;
   	padding: 0 2rem;
}

.hero-content-left {
  animation :   slideInLeft 0.8s ease-out;
	
}@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}.primary-headline-text {
  font-size: 3.2rem;
   font-weight: 700;
       color: #2c3e50;
    line-height: 1.2;
  margin-bottom: 1.5rem;
}

.hero-description-block


{
    font-size: 1.25rem;
   color: #5a6c7d;
    margin-bottom: 2.5rem;
  line-height: 1.7;
}

.hero-action-buttons {
	display: flex;
   gap: 1.5rem;
  flex-wrap: wrap;
}

.primary-cta-button {


  background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
	color: white;
  padding: 1rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
   transition :      all 0.3s ease;
  box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
     }

.primary-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4);
}

.secondary-info-link {
  color: #34495e;
   padding: 1rem 2rem;
   border: 2px solid #bdc3c7;
     -moz-transition: all 0.3s ease;
  border-radius: 8px;
    text-decoration:        none;
   font-weight: 500;
	 -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.secondary-info-link:hover {
  border-color: #27ae60;
  color: #27ae60; 
	
}

.hero-visual-right    {
    animation:     slideInRight 0.8s ease-out;
}@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}.hero-main-image {
  width: 100%;
   height  :   auto;
    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.energy-challenges-overview {
  padding: 5rem 0;
    background: #ffffff;
}

.challenges-content-wrapper

{
	max-width: 1200px;
    margin   :       0 auto;
  padding: 0 2rem;
}

.section-primary-heading {
	font-size: 2.8rem;
	text-align: center;
   color: #2c3e50;
  margin-bottom: 3rem;
    font-weight: 600;
}

.challenges-grid-layout {

	  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;}

.challenge-item-box {
   background: #f8f9fa;
   padding: 2rem;
  border-radius: 10px;
   border-left    :4px solid #e74c3c;
	transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.challenge-item-box:hover {

  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}



.challenge-title {
    font-size: 1.4rem;
    color     :   #2c3e50;
    margin-bottom: 1rem;
    font-weight   :600;
}

.challenge-description {
   color: #5a6c7d;
	font-size: 16px;
    line-height: 1.6;
}

.coaching-solutions-segment {
	padding: 5rem 0; 
  background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);
}

.solutions-container {
   max-width: 1200px;
   margin: 0 auto;
  display: grid;
    grid-template-columns: 1fr 1fr;
   gap: 4rem;
  align-items: center;
  padding: 0 2rem;
}

.solutions-feature-image {
          width     :      100%;
                    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);


}

.solutions-main-heading {
    font-size     :    2.5rem;

	         color: #2c3e50;

	    margin-bottom: 2.5rem;

	    font-weight: 600;
}

.solution-method-item {
  margin-bottom: 2rem;
    padding: 1.5rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
     border-left: 3px solid #27ae60;
}

.method-title {
   font-size: 1.3rem;
   	 color: #2c3e50;
     margin-bottom: 0.8rem;
     font-weight: 600;
}

.method-explanation {
   color: #5a6c7d;
	    font-size: 16px;
	  line-height: 1.6;

}

.transformation-results-area {
  padding: 5rem 0;
  background: #ffffff;
}

.results-wrapper {
   max-width: 1200px;
                  padding: 0 2rem;
       margin: 0 auto;
}

.results-section-title {

		font-size: 2.8rem;
  text-align: center;
   color: #2c3e50;
  margin-bottom: 3rem;
    font-weight: 600;
	}

.results-showcase-grid {


   display  :      grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
   gap: 2.5rem;

}

.result-card {
  background: #f8f9fa;
   border-radius: 12px;
    overflow: hidden;
        transition    :   transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid #e8ecef;
}

.result-card:hover {
  transform: translateY(-8px);

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.result-visual {
               width: 100%;
  height: 220px;
    object-fit: cover;
}

.result-card .result-heading   {


   font-size :    1.4rem;
   color:  #2c3e50;
   margin     :        1.5rem 1.5rem 1rem;
  font-weight :      600;


}

.result-details  {
   color: #5a6c7d;
	 font-size: 16px;
          line-height: 1.6;
         padding: 0 1.5rem 2rem;
	
}

.coaching-cta-block    {
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
   color: white;
    padding: 4rem 0;
    text-align: center;
}

.cta-content-container {
  max-width: 800px;
  padding: 0 2rem;
	margin: 0 auto;
}

.cta-primary-message {
     font-size: 2.5rem;
  margin-bottom: 1.5rem;
   font-weight: 600;
     }

.cta-supporting-text {
               font-size: 1.2rem;
  margin-bottom: 2.5rem;
	 opacity: 0.9;
  line-height :     1.7;
}

.cta-action-button {
    background: #27ae60;
   color: white;
   padding: 1.2rem 3rem;
    border-radius: 8px;
    text-decoration    :   none;
   font-weight: 600;
    font-size: 18px;
  display :inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(39, 174, 96, 0.4);
}  

.cta-action-button:hover {
    background : #229954;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(39, 174, 96, 0.5);
}

.cta-guarantee-note {
	margin-top: 1.5rem;
    opacity: 0.8;
  font-size: 14px;
}

.contact-form-section {
    padding: 5rem 0;

	  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.contact-wrapper {
   max-width: 700px;
  margin    :     0 auto;
    padding: 0 2rem;
}

.contact-section-heading {
   font-size  :        2.8rem;
   text-align: center;
 color: #2c3e50;
  margin-bottom: 1.5rem;
   font-weight: 600;
}

.contact-intro-text

{
  text-align: center;
          color: #5a6c7d;
  font-size:  1.1rem;
    margin-bottom: 3rem;
   line-height: 1.6;
}

.consultation-request-form {
  background: white;
   padding: 3rem;
    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.form-field-group
	{
       margin-bottom: 2rem;


}

.input-field-style,
.select-field-style,
.textarea-field-style {
   font-size: 16px;

       padding : 1rem 1.5rem;

  border: 2px solid #e8ecef;

      border-radius: 8px;

  transition: border-color 0.3s ease, box-shadow 0.3s ease;

   width: 100%;

    font-family: inherit;
}

.input-field-style:focus,
.select-field-style:focus,
.textarea-field-style:focus {
	 outline: none;
  border-color: #27ae60;
  box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);
}

.textarea-field-style{
	 resize: vertical;
   min-height: 120px;
}

.form-submit-area {
   text-align :       center;


}

.form-submit-button {
  background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
  color: white;
          padding: 1.2rem 3rem;
  border: none;
   border-radius: 8px;
   font-size: 18px;
  font-weight:  600;
    cursor: pointer;
    transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
}

.form-submit-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4);
}

.site-footer-section {
   background: #2c3e50;
                    color: white;
               padding: 3rem 0 1rem;
}

.footer-content-wrapper

{
    max-width:1200px;
    margin     : 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 2.5rem;
  padding: 0 2rem;
}

.footer-logo-image {
   	height    :  40px;
  width: auto;
  filter: brightness(0) invert(1);
          margin-bottom: 1rem;
	}

.footer-company-description {
	color: #bdc3c7;
     line-height: 1.6;
   font-size: 15px;
}

.footer-section-title {
    margin-bottom   :1.5rem;
  font-size: 1.2rem;
   font-weight: 600;
  color:      #ecf0f1;
}

.footer-nav-link
	{
   color: #bdc3c7;
    text-decoration: none;
  display: block;
  margin-bottom: 0.8rem;
   transition :    color 0.3s ease;
	font-size: 15px;
}

.footer-nav-link:hover {
	  color: #27ae60; 
	
     }

.footer-address,
.footer-phone {
    color:      #bdc3c7;
   margin-bottom: 0.5rem;
  font-size :        15px; 

}

.footer-bottom-bar {
    border-top: 1px solid #34495e;
  margin-top: 2rem;
  padding-top     :1.5rem;
   text-align: center;
}

.copyright-notice

{
    color: #95a5a6;
   font-size: 14px; 
	
}

.mobile-menu-active .navigation-menu-items {
  display   :      flex;
    flex-direction: column;
  position: fixed;
	top: 80px;
    left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
   padding: 2rem;
  gap: 1.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          z-index    :      999;
}

.mobile-menu-active .hamburger-line-top {

	  transform: rotate(45deg) translate(5px, 5px);


}

.mobile-menu-active .hamburger-line-mid {
    opacity: 0;
}

.mobile-menu-active .hamburger-line-bottom

{

	  transform: rotate(-45deg) translate(7px, -6px);}@media (max-width: 768px) {
  .mobile-trigger-btn {
    display: flex;
  }

  .navigation-menu-items {
    display: none;
  }

  .leadership-nav-container {
    padding: 1rem;
  }

  .executive-hero-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    text-align: center;
  }

  .primary-headline-text {
    font-size: 2.5rem;
  }

  .hero-action-buttons {
    justify-content: center;
  }

  .solutions-container {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .challenges-grid-layout {
    grid-template-columns: 1fr;
  }

  .results-showcase-grid {
    grid-template-columns: 1fr;
  }

  .footer-content-wrapper {
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
  }

  .consultation-request-form {
    padding: 2rem 1.5rem;
  }

  .cta-primary-message {
    font-size: 2rem;
  }

  .section-primary-heading,
  .results-section-title,
  .contact-section-heading {
    font-size: 2.2rem;
  }

  .solutions-main-heading {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .primary-headline-text {
    font-size: 2rem;
  }

  .hero-action-buttons {
    flex-direction: column;
    align-items: center;
  }

  .primary-cta-button,
  .secondary-info-link {
    width: 100%;
    text-align: center;
  }

  .results-showcase-grid {
    grid-template-columns: 1fr;
  }
}.about-content-wrapper {

	    margin-top: 80px;
}

.about-hero-segment {
  background: linear-gradient(125deg, #f4f6f8 0%, #e8ecef 100%);
   padding: 4.5rem 0;
}

.about-hero-container {
    padding: 0 2rem;
   grid-template-columns   :  1.2fr 1fr;
  display: grid;
   margin: 0 auto;
  align-items    :    center;
	gap: 3.5rem;
  max-width: 1200px;
}

.about-primary-headline {
  font-size   :        3rem;
      font-weight: 700;
	color :    #2c3e50;
  line-height: 1.3;
   margin-bottom: 1.8rem;
}

.about-mission-statement {
    font-size :   1.3rem;
			color     :        #5a6c7d;
  line-height: 1.8;
  margin-bottom: 2rem;

}

.about-hero-image {
	width: 100%;
   border-radius: 15px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}

.founding-story-area {
  padding: 5.5rem 0;
      background     :      #ffffff;
} 

.story-content-container    {
         max-width: 1100px;
   margin: 0 auto;
  padding     : 0 2rem;
}

.story-section-heading {
  font-size: 2.7rem;
    text-align: center;
   color: #2c3e50;
    margin-bottom: 3.5rem;
  font-weight: 650;
}

.story-narrative-blocks {
   display: grid;
  gap: 2.5rem;
}

.story-block-item {
  background   :#f9fafc;
   padding: 2.5rem;
    border-radius: 12px;
    border-left: 5px solid #3498db;
   position: relative;
   transition: transform 0.3s ease;
}

.story-block-item:hover {
  transform: translateX(8px);
  -webkit-transform: translateX(8px);
}

.story-milestone-title {
   color: #2c3e50;
  margin-bottom: 1.2rem;
   font-size: 1.5rem;
   font-weight    :       600;
}

.story-description-text
{
    color    :        #5a6c7d;
  font-size: 16px;
    line-height: 1.7;
}

.team-expertise-showcase {
   padding     :     5rem 0;
  background: linear-gradient(135deg, #ecf0f1 0%, #d5dbdb 100%);
}

.expertise-wrapper {

   max-width: 1200px;
 margin: 0 auto;
    padding: 0 2rem;


}

.expertise-main-title {
   font-size: 2.8rem;
	 text-align: center;
	color: #2c3e50;
  margin-bottom     :    3rem;
   font-weight: 600; 

}

.expertise-grid-layout


{
       display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
               gap: 2.8rem;
}

.expertise-card {
   background: white;
   border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    transition : all 0.3s ease;
}

.expertise-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}


.expertise-visual {
	  width: 100%;
   height: 200px;
  object-fit: cover;
     }

.expertise-content-area {
    padding: 2rem;
}

.expertise-category {
	   font-size: 1.4rem;
  color: #2c3e50;
          margin-bottom: 1rem;
    font-weight: 600;
     }

.expertise-details		{
   color: #5a6c7d;
   font-size: 16px;
   line-height: 1.6;
}

.methodology-explanation {
    padding  :      5.5rem 0;
   background: #ffffff;
}

.methodology-content-container {
   max-width: 1200px;
    margin: 0 auto;
  display: grid;
    grid-template-columns: 1.3fr 1fr;
  gap: 4rem;
    align-items     :      start;
  padding: 0 2rem;
}

.methodology-heading {
   font-size: 2.5rem;
               color: #2c3e50;
   margin-bottom: 1.5rem;
   font-weight: 600;


}

.methodology-intro-text {
    font-size: 1.2rem;
  color :     #5a6c7d;
	 margin-bottom: 3rem;
   line-height: 1.7;


}

.methodology-phase-item {
  margin-bottom    :     2.5rem;
   padding: 2rem;
    background: #f8f9fa;
   border-radius: 10px;
    border-top: 3px solid #e74c3c;}

.phase-title   {
    font-size    :  1.3rem;
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 600;
}


.phase-explanation {
    color: #5a6c7d;
   font-size: 16px;
    line-height: 1.7;
}

.methodology-feature-image{
   width: 100%;
   border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.values-principles-segment {
   padding: 5rem 0;
  background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
  color: white;
}

.values-container {
	   max-width: 1200px;
  margin   : 0 auto;
   padding     : 0 2rem;

     }

.values-section-title {
   font-size: 2.8rem; 
	  text-align: center; 
	  margin-bottom: 3.5rem; 
		 font-weight: 600;
}

.values-grid-system {
   	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
               gap: 2.5rem;
	}

.value-principle-card {
  background: rgba(255, 255, 255, 0.1); 
  backdrop-filter: blur(10px); 
   padding: 2.2rem; 
 border-radius: 12px; 
  border: 1px solid rgba(255, 255, 255, 0.2); 
  transition: transform 0.3s ease;
}

.value-principle-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.15);
}

.principle-name {

	   font-size    :   1.4rem;
  margin-bottom:1.2rem;
   font-weight: 600;
    color: #ecf0f1;

}

.principle-description {
    font-size: 16px;
    line-height: 1.6;
   opacity: 0.9;
}

.coaching-cta-about   {
   background: #27ae60;
   color: white;
  padding   :      4rem 0;
	text-align: center;
}

.cta-about-container     {
    max-width: 700px;
          margin: 0 auto;
   padding: 0 2rem;
}

.cta-about-heading {
    font-size: 2.3rem;
  margin-bottom: 1.5rem;
    font-weight: 600;
}

.cta-about-description {
	 font-size: 1.2rem;
   margin-bottom: 2.5rem;
    opacity: 0.95;
	line-height: 1.7;
}

.cta-about-button {
  background: white;
   color   :   #27ae60;
    padding: 1.2rem 3rem;
   border-radius: 8px;
   text-decoration: none;
   font-weight: 600;
   font-size: 17px;
    display: inline-block;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.cta-about-button:hover {
  transform: translateY(-2px); 
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.thankyou-main-content {
	 margin-top: 80px;
}

.thankyou-hero-area {
  background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
   padding: 5rem 0;
}

.thankyou-content-container {
    max-width: 1200px;
    display: grid;
	grid-template-columns: 1.2fr 1fr;
    padding:        0 2rem;
   margin   :    0 auto;
  gap: 4rem;
   align-items: center; 
	
}

.thankyou-primary-heading {
          color: #1b5e20;
    font-size: 3.2rem;
        line-height: 1.2;
      margin-bottom: 1.5rem;
    font-weight: 700;
}

.thankyou-confirmation-text {
    font-size: 1.3rem;
   color: #2e7d32;
    margin-bottom    : 3rem;
   line-height: 1.7;


}

.thankyou-hero-image {
   width: 100%;

    border-radius: 15px;

  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.next-steps-information {
  background: rgba(255, 255, 255, 0.8);

	  padding: 2.5rem;

	    border-radius :   15px;

	  backdrop-filter: blur(10px);
}

.next-steps-title {
  font-size: 2rem;
	 color: #1b5e20;
   margin-bottom: 2rem;
   font-weight: 600; 

}

.step-timeline-container


{
	 display: flex;
    flex-direction: column;
  gap: 2rem;
}

.timeline-step-item {
    align-items: flex-start;
    gap: 1.5rem;
  display: flex;
}

.step-number-circle {

		background: #4caf50;
               color: white;
  width: 45px;
    height: 45px;
                    border-radius: 50%;
  display: flex;
    align-items: center;
	justify-content: center;
  font-weight: 700;
  font-size     :        18px;
  flex-shrink: 0;

}

.step-content-details {
    flex: 1;
}

.step-title {
  font-size: 1.2rem;
	color: #1b5e20;
    margin-bottom: 0.8rem;
  font-weight: 600;
}

.step-description  
  {


  color:       #2e7d32;
  font-size: 16px;
  line-height: 1.6;
     }

.preparation-tips-area {
 padding: 5rem 0;
  background: #ffffff;
}

.tips-wrapper {
    max-width: 1200px;
   margin: 0 auto;
                    padding: 0 2rem;
}

.tips-section-heading {
       color: #2c3e50;
   margin-bottom: 3rem;
  text-align: center;
   font-size: 2.7rem;
	font-weight :600;
}

.preparation-cards-grid {
   display  : grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2.5rem;
}

.preparation-tip-card {
	background: #f8f9fa;
  padding: 2.5rem;
   border-radius: 12px;
  border-left :        4px solid #ff9800;
    transition    :   all 0.3s ease;
}

.preparation-tip-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.tip-heading {
	font-size: 1.3rem;
    color: #2c3e50;
    margin-bottom: 1rem;
  font-weight: 600;
	
}

.tip-description {
    color: #5a6c7d;
    font-size: 16px;
  line-height: 1.7;
}

.immediate-resources-section {
		padding: 5rem 0;
  background: linear-gradient(135deg, #f0f4f8 0%, #d6eaf8 100%);
}

.resources-container {

	  max-width    :1000px;
  margin   :  0 auto;
  padding :0 2rem;
	}

.resources-title {
   margin-bottom: 1.5rem;
   font-weight: 600;
  font-size: 2.5rem;
    text-align: center;
    color: #2c3e50;

}

.resources-intro {
   text-align: center;
      font-size: 1.2rem;
     color:#5a6c7d;
   	margin-bottom: 3rem;
     line-height: 1.7;
	
}

.resource-items-layout {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 2.5rem;
} 

.resource-suggestion-box {
  background     :      white;
   padding: 2.5rem;
   border-radius: 12px;
    border-top    :        4px solid #3498db;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.resource-name {
  font-size   :1.4rem;
	color     :      #2c3e50;
    margin-bottom: 1.2rem;
	font-weight :    600;
}



.resource-instruction {


 color  :      #5a6c7d;
   font-size: 16px;
    line-height: 1.7;
}

.thankyou-navigation-cta     {
   background: #2c3e50;
   color: white;
    padding: 4rem 0;
  text-align: center;
}

.navigation-cta-wrapper {
	 max-width: 800px;

  margin  :       0 auto;

  padding   :       0 2rem;
}

.navigation-heading  {
     font-size: 2.3rem;
     font-weight: 600;
  margin-bottom: 1.5rem;
}

.navigation-description {
  font-size :   1.2rem;
  margin-bottom: 2.5rem;
  opacity: 0.9;
   line-height: 1.7;
}

.navigation-buttons-group {
  display: flex;
	 gap: 1.5rem;
   justify-content: center;
   flex-wrap: wrap;
}

.navigation-primary-btn {
    background: #27ae60;
   color: white;
   padding: 1.2rem 2.5rem;
   border-radius: 8px;
   text-decoration: none;
  font-weight  : 600;
	font-size: 16px;
    transition: all 0.3s ease;
}

.navigation-primary-btn:hover 
 {
    background: #229954;
  transform: translateY(-2px);
}

.navigation-secondary-btn    {
    background: transparent; 
	    color: white; 
	    padding: 1.2rem 2.5rem; 
	       border: 2px solid #bdc3c7; 
		border-radius: 8px; 
	    text-decoration: none; 
	   font-weight: 600; 
	    font-size: 16px; 
	         transition: all 0.3s ease;
}

.navigation-secondary-btn:hover {
	    border-color: #27ae60;
    color: #27ae60;}@media (max-width: 768px) {
  .about-hero-container,
  .thankyou-content-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    text-align: center;
  }

  .about-primary-headline,
  .thankyou-primary-heading {
    font-size: 2.5rem;
  }

  .methodology-content-container {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .expertise-grid-layout {
    grid-template-columns: 1fr;
  }

  .values-grid-system {
    grid-template-columns: 1fr;
  }

  .step-timeline-container {
    gap: 1.5rem;
  }

  .timeline-step-item {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  .navigation-buttons-group {
    flex-direction: column;
    align-items: center;
  }

  .navigation-primary-btn,
  .navigation-secondary-btn {
    width: 100%;
    max-width: 300px;
  }

  .resource-items-layout {
    grid-template-columns: 1fr;
  }

  .preparation-cards-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .about-primary-headline,
  .thankyou-primary-heading {
    font-size: 2rem;
  }

  .story-section-heading,
  .expertise-main-title,
  .values-section-title,
  .tips-section-heading {
    font-size: 2.2rem;
  }

  .methodology-heading,
  .resources-title,
  .navigation-heading {
    font-size: 2rem;
  }

  .next-steps-information {
    padding: 2rem 1.5rem;
  }
}.policySection {
   padding: 80px 2rem;
    background: #f8f9fa;


}

.policyContainer {
    max-width: 800px;
   margin: 0 auto;
   text-align: left;
}

.policyContainer h2 {
    font-size     :       2.5rem;
  color: #2c3e50;
  margin-bottom :       1.5rem;
  font-weight: 700;
}

.policyContainer p {
	color: #7f8c8d;
    margin-bottom: 1.5rem;
    line-height: 1.7;
  font-size: 1.1rem;
}@media (max-width: 768px) {
  .policyContainer h2 {
    font-size: 2rem;
  }

  .policyContainer p {
    font-size: 1rem;
  }

  .policySection {
    padding: 60px 1rem;
  }
}