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



body {
  font-family: 'Segoe UI', Arial, sans-serif;
	         line-height: 1.6;
	   color: #2c3e50;
	  background: #ffffff;
}

.main-navigation {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 2px 15px rgba(0,0,0,0.08);
 position: sticky;
   top: 0;
	z-index: 1000;
   padding: 1rem 0;
}

.nav-wrapper {
  padding: 0 20px;
                    justify-content: space-between;
	align-items: center;
  margin: 0 auto;
	display    :      flex;
  max-width: 1200px;
}

.brand-section .brand-image {
   height: 45px;
   width: auto;
}

.nav-toggle {
    display: none;
    background: none;
    border:      none;
   cursor     :    pointer;
  flex-direction: column;
   gap: 5px;
	
}

.toggle-line {
  width: 28px;
    height: 3px;
   background: #34495e;
                    transition: 0.3s;
  border-radius: 2px;


}  

.nav-menu {
	         display: flex;
   gap: 2.5rem;
    align-items: center;
     }

.nav-item    {
   text-decoration   :  none;
   color: #34495e;
   font-weight: 500;
  transition: color 0.3s;
	 -o-transition: color 0.3s;
       -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
      font-size: 15px;

}

.nav-item:hover {
   color: #3498db;
}

.nav-highlight {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         color: white;
   padding :    10px 24px;
    border-radius:      25px;
	
}

.nav-highlight:hover {
  color   :    white;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.hero-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding :   80px 20px;


}

.hero-content{
   max-width:     1200px;
         margin: 0 auto;
                    display: grid;
	 grid-template-columns: 1fr 1fr;
  gap: 60px;
        align-items   :       center;
}

.hero-heading {
   font-size: 3rem;
    color     :   #2c3e50;
    margin-bottom: 20px;
	 line-height: 1.2;
  font-weight: 700;
}

.hero-description {
  font-size: 1.15rem;
	   color: #555;
	  margin-bottom: 35px;
	  line-height  :       1.7;
}

.hero-actions {
   display : flex;
  gap: 20px;
}

.primary-action {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
    padding: 14px 32px;
  text-decoration: none;
  border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s;
  display:   inline-block;
}

.primary-action:hover {
  transform: translateY(-3px); 
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.secondary-action	{

	    background     :     white;
   color: #667eea;
    padding: 14px 32px;
  text-decoration: none;
   border-radius: 30px;
    font-weight: 600;
    border: 2px solid #667eea;
   transition: all 0.3s;
    display    :    inline-block; 



}

.secondary-action:hover


{
   background    :       #667eea;

   color   :    white;
}

.hero-image {
	 width : 100%;
	    border-radius: 15px;
	  box-shadow: 0 15px 40px rgba(0,0,0,0.15);

}

.intro-segment


{
	padding:   90px 20px;
   background: white;
}

.segment-container  
  {
   max-width: 1200px;
  margin: 0 auto;
}

.intro-columns {
               display: grid; 
    grid-template-columns: 1fr 1fr; 
  gap: 70px; 
 align-items: center;

}

.intro-photo {
   width     :100%;
    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
} 

.section-title 
 {
  font-weight: 700;

	   margin-bottom: 25px;

	  font-size: 2.3rem;

	  color: #2c3e50;
}

.intro-paragraph {
  font-size: 1.05rem;
   color :       #555;
    margin-bottom: 18px;
	line-height: 1.8;
}

.services-showcase {

         padding: 90px 20px;
  background :   #f8f9fa;

}

.showcase-wrapper {
    max-width: 1200px;
    margin:        0 auto; 
	
}

.centered-heading {
    text-align: center;
  font-size: 2.5rem;
          color: #2c3e50;
   margin-bottom: 15px;
   font-weight: 700;
}

.centered-subtext	{
        text-align: center;
	 font-size: 1.1rem;
  color: #666;
   margin-bottom: 60px;
}

.services-grid {
    display   :   grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.service-block {
   background: white;
    padding: 35px;
   border-radius :    12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;

}

.service-block:hover{
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

.service-name
{
     font-size: 1.5rem;
   color: #2c3e50;
    margin-bottom    : 15px;
   font-weight: 600;
}

.service-info {
     color  :   #555;
        margin-bottom: 20px;
    line-height: 1.7;
}

.service-features {
	      list-style: none;
    padding-left: 0;
}

.service-features li {
    padding: 8px 0;
  padding-left: 25px;
   position    :  relative;
   color: #555;
}

.service-features li:before {
  content: "→";
  position: absolute;
    left :  0;
  color: #667eea;
	 font-weight: bold;
	
}

.benefits-area {
    padding: 90px 20px;
           background: white;
}

.benefits-container {
   max-width: 1200px;
       margin: 0 auto;
}

.benefits-layout {
   display: grid;
  grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
	
} 

.benefits-image {
          width    : 100%;
               border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}

.benefits-heading {
   font-size     :2.3rem;
	color: #2c3e50;
    margin-bottom    :      35px;
    font-weight: 700;
}

.benefit-item   {
	margin-bottom: 30px;
}

.benefit-title {
  font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight: 600;
	 color:        #34495e; 
	
}

.benefit-text 
 {
     color: #555;
   line-height: 1.7;
}

.cta-banner {

	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          padding: 80px 20px;
   text-align: center;}

.cta-content-box {
	   max-width: 800px;
  margin  :        0 auto;


}



.cta-title {
  font-size: 2.8rem;
    color: white;
	margin-bottom    :     20px;
    font-weight :700;
}

.cta-message {
    font-size: 1.2rem; 
	  color: rgba(255,255,255,0.95); 
	    margin-bottom: 35px; 
	    line-height: 1.7;
}

.cta-button {
   background: white;
  color: #667eea;
    padding: 16px 40px;
   text-decoration: none;
     border-radius: 30px;
	 font-weight: 600;
   display    :    inline-block;
    transition: all 0.3s;
               font-size:     1.1rem;
}

.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.approach-section {
   padding  :   90px 20px;
  background: #f8f9fa;
}

.approach-wrapper  
  {
    max-width    :     1200px;
  margin: 0 auto;
}

.approach-header {
  text-align: center;
       font-size: 2.5rem;
 color: #2c3e50;
    margin-bottom: 60px;
    font-weight:    700;
}

.approach-steps		{
       display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	 gap: 35px; 

}

.step-card {
					background: white;
  padding: 35px;
    border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
      transition: all 0.3s;
}

.step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.step-number {
    font-size: 2.5rem;
                    font-weight: 700;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin-bottom    :    15px;
}

.step-title {

  font-size: 1.4rem;
    color     :        #2c3e50;
   margin-bottom: 12px;
    font-weight: 600;

}

.step-description{
   color: #555;
  line-height    :    1.7;
}

.testimonial-zone {
    padding: 90px 20px;
   background: white;
}

.testimonial-container

{
   				 max-width: 1200px;
    margin: 0 auto;}

.testimonial-heading {
      text-align: center;
   font-size: 2.5rem;
  color: #2c3e50;
    margin-bottom: 60px;
   font-weight   :    700;
}

.testimonial-grid {


  display     :grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 35px;}

.testimonial-box {
   background: #f8f9fa;

	   padding: 35px;

	  border-radius:     12px;

	 border-left: 4px solid #667eea;
}

.testimonial-content {
   color: #555;
   margin-bottom   :      20px;
   line-height: 1.7;
  font-style: italic;
}

.testimonial-author {
    color: #34495e;
  font-weight: 600;
}

.gallery-strip    {
  padding: 90px 20px;
	 background: #f8f9fa;

}

.gallery-wrapper  {
   	max-width: 1200px;
    margin: 0 auto;
	}

.gallery-title   {
	text-align: center;
  font-size: 2.5rem;
    color    :       #2c3e50;
   margin-bottom: 50px;
   font-weight: 700; 

}

.gallery-images {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap:  30px;
}

.gallery-photo {
  width: 100%;
    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}

.gallery-photo:hover {
  transform: scale(1.03);
}

.contact-zone    {
  padding :     90px 20px; 
   background :    white;
}

.contact-container  
  {
    max-width: 1200px;
   margin: 0 auto;
  display     :grid;
   grid-template-columns: 1fr 1.2fr;
	gap: 60px;
}

.contact-heading {
    font-size   :       2.3rem;
    color   :     #2c3e50;
	margin-bottom: 20px;
  font-weight: 700;
}

.contact-intro {
   color   :   #555; 
    margin-bottom: 40px; 
  line-height: 1.7; 
   font-size  :1.05rem; 
	
}

.contact-details {
  display    :   flex;
  flex-direction: column;
  gap: 30px;


}

.detail-label {
   color: #34495e;
   font-weight: 600;
   font-size: 1.1rem;
  margin-bottom    :        8px;
}

.detail-value {
    color: #555;
   line-height: 1.6;
}

.consultation-form {
   background: #f8f9fa;
	padding: 40px;
                    border-radius: 12px;
}

.form-row {
  margin-bottom    :       25px;
} 

.form-label {
    display: block;
   margin-bottom: 8px;
	color:      #34495e;
    font-weight: 500;
	
}

.form-input,
.form-select,
.form-textarea 
 {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #ddd;
        border-radius: 8px;
    font-size: 15px;
   transition   :        border-color 0.3s;
  font-family: inherit;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
   outline :        none;
    border-color: #667eea;
	
}

.form-textarea {
    resize: vertical;
}


.form-submit {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
   padding: 14px 40px;
   border: none;
  border-radius: 30px;
     font-size  :        16px;
    font-weight: 600;
	cursor: pointer;
    transition: all 0.3s;
  width: 100%;
}

.form-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
}

.site-footer {
   color: white;
  background :     #2c3e50;
  padding: 60px 20px 30px;
}

.footer-content {
  max-width: 1200px;
         margin: 0 auto;
}

.footer-columns
	{
          display: grid;
   grid-template-columns     :  2fr 1fr 1fr 1.5fr;
    gap   :    40px;
    margin-bottom :        40px;
	}

.footer-logo {
	 height:40px;
   width: auto;
    margin-bottom: 15px;
  filter: brightness(0) invert(1);
}

.footer-text
{
  color: rgba(255,255,255,0.8);
  line-height: 1.6;
  font-size: 14px;

}

.footer-heading {

   font-size: 1.1rem;
  margin-bottom: 20px;
    font-weight: 600;
}

.footer-links
{
   list-style: none;
}  

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a
{
  color: rgba(255,255,255,0.8);
          text-decoration     :       none;
   transition: color 0.3s;
}

.footer-links a:hover {
  color: #fff;
}

.footer-contact-item {
  color: rgba(255,255,255,0.8);
    margin-bottom   : 10px;
   line-height   :       1.6;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);

         padding-top: 25px;

    text-align: center;
}

.copyright-text {
  color: rgba(255,255,255,0.7);
    font-size: 14px;
}@media (max-width: 968px) {
    .nav-toggle {
        display: flex;
    }

    .nav-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 20px;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s;
    }

    .nav-menu.active {
        max-height: 400px;
    }

    .hero-content {
        grid-template-columns: 1fr;
    }

    .hero-heading {
        font-size: 2.2rem;
    }

    .intro-columns {
        grid-template-columns: 1fr;
    }

    .benefits-layout {
        grid-template-columns: 1fr;
    }

    .contact-container {
        grid-template-columns: 1fr;
    }

    .footer-columns {
        grid-template-columns: 1fr 1fr;
    }

    .gallery-images {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .hero-heading {
        font-size: 1.8rem;
    }

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

    .centered-heading,
    .approach-header,
    .testimonial-heading,
    .gallery-title {
        font-size: 2rem;
    }

    .cta-title {
        font-size: 2rem;
    }

    .footer-columns {
        grid-template-columns: 1fr;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .approach-steps {
        grid-template-columns: 1fr;
    }

    .testimonial-grid {
        grid-template-columns: 1fr;
    }
}.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;
    }
}.page-header-section    {

	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 
	   padding: 100px 20px 80px; 
		 text-align: center;
     }

.header-content-wrapper {


   max-width: 800px;
	   margin: 0 auto;

}

.page-main-title {
     margin-bottom: 15px;

	   font-size: 3.5rem;

	    color: white;

		 font-weight: 700;
}  

.page-subtitle {
  font-size     :   1.3rem;

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



.story-segment {
  padding: 90px 20px;
    background: white;
}  

.story-container {
  max-width: 1200px;
   margin: 0 auto;
	
}

.story-layout {
	    display     :grid;
                    grid-template-columns: 1.2fr 1fr;
  gap: 70px;
   align-items: center;}

.story-heading {
   font-weight: 700;
    color: #2c3e50;
    margin-bottom  :        30px;
    font-size: 2.5rem;
}

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


.story-photo {
	width     :      100%;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.mission-values-block {
   padding: 90px 20px;
   background: #f8f9fa; 
	
}

.mission-wrapper    {

    max-width: 1200px;
	margin: 0 auto;}

.mission-main-heading {
   font-weight: 700;
	 margin-bottom: 60px;
    font-size: 2.6rem;
  color: #2c3e50;
	 text-align :     center;
}

.mission-content-grid {

    display: grid;
   grid-template-columns: 1fr 1fr;
    gap: 50px;
     }

.mission-card {
       background: white;
	 padding   :     40px;
 border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

}

.mission-card-title {
    font-size: 1.8rem;
    color: #34495e;
               margin-bottom: 20px;
    font-weight: 600;
}

.mission-card-text {
  color    :     #555;
  line-height: 1.8;
   font-size: 1.05rem;
	
}

.values-list-section

{
    background: white;
    padding: 40px;
   border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.values-heading {


  font-size: 1.8rem;
   color: #34495e;
	margin-bottom: 30px;
	font-weight: 600;

}

.value-element {
  margin-bottom: 25px;
   padding-bottom: 25px;
  border-bottom: 1px solid #eee;
}



.value-element:last-child


{
    border-bottom: none;
      margin-bottom   :        0;
  padding-bottom: 0;
}

.value-name {
       font-size: 1.2rem;
   color: #2c3e50;
		 margin-bottom: 10px;
    font-weight: 600;
     }

.value-description {
   color: #555;
    line-height: 1.7;
	}

.approach-philosophy {

    padding: 90px 20px;
   background: white;
}

.philosophy-container  
  {
	 max-width: 1200px;
	margin: 0 auto;
}

.philosophy-title {


   font-weight:       700;
  text-align: center;
   margin-bottom     :    20px;
  font-size: 2.6rem;
    color: #2c3e50; 



}

.philosophy-intro {
    text-align: center;
	  max-width: 800px;
		 margin: 0 auto 60px;
	   font-size  :      1.1rem;
	    color: #555;
	   line-height: 1.7;
}

.philosophy-pillars {
                    display :     grid;
  grid-template-columns: repeat(3, 1fr);
	 gap: 40px;
}

.pillar-box {


   background: #f8f9fa;

	      padding: 40px 30px;

	  border-radius: 12px;

	   text-align: center;

	  transition: all 0.3s;
}

.pillar-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.pillar-number  
  {
    font-size: 3rem;
    font-weight: 700;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin-bottom: 20px; 
	
}  

.pillar-title {
     font-size    :      1.4rem;
    color: #2c3e50;
   margin-bottom: 15px;
   font-weight: 600;
}

.pillar-text {
  color: #555;
    line-height:     1.7;
}

.expertise-area {
  padding  :       90px 20px;
    background: #f8f9fa;


}

.expertise-wrapper {
               max-width: 1200px;
    margin: 0 auto;


}

.expertise-grid   {
         display: grid;
     grid-template-columns: 1fr 1.3fr;
     gap: 60px;
    align-items:        center;
     }

.expertise-image

{
    width:      100%;
    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.expertise-heading {
   font-size: 2.3rem;
    color: #2c3e50;
   margin-bottom: 25px;
    font-weight: 700;
}

.expertise-text {
   color: #555;
    margin-bottom     :        18px;
 line-height: 1.8;
  font-size: 1.05rem;
}

.methodology-section {

	  padding: 90px 20px;
    background: white;}

.methodology-container {
  max-width    : 1200px;
  margin: 0 auto;
}

.methodology-heading {


    text-align: center;
  font-size: 2.6rem;
  color: #2c3e50;
   margin-bottom: 60px;
  font-weight: 700;
	}

.methodology-blocks {
    display     : grid;
  grid-template-columns: repeat(2, 1fr);
    gap     : 35px;
}

.method-block {
      background: #f8f9fa;
	padding     :     35px;
   border-radius: 12px;
   border-left   :   5px solid #667eea;
	}

.method-title
{
  font-size: 1.4rem;
   color    :      #2c3e50;
    margin-bottom: 15px;
    font-weight  :      600;
}

.method-description {
    color: #555;
	 line-height: 1.7;
}

.commitment-banner {
  padding: 80px 20px;

  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

	 text-align: center;
}

.commitment-content {
  max-width: 900px;
    margin     :  0 auto;
}

.commitment-title {
  font-size   :2.5rem;
     color: white;
                       margin-bottom     :        25px;
      font-weight:   700;
}

.commitment-text {
   font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.95);
   line-height  :       1.8;
}

.why-trust-section {

  padding: 90px 20px;
	 background: #f8f9fa;}

.why-trust-container {
    max-width: 1200px;
  margin: 0 auto;
}

.why-trust-heading{
	text-align: center;
  font-size: 2.6rem;
          color: #2c3e50;
                    margin-bottom:  60px;
               font-weight    :        700;
}

.reasons-layout {

  display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap: 35px;


}

.reason-item   {
   background  :       white;
	border-radius: 12px;
     overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
   transition     :        transform 0.3s;
}

.reason-item:hover{
	  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);}

.reason-content {
    padding: 35px;
}

.reason-heading  {
  font-size: 1.5rem;
      color: #2c3e50;
  margin-bottom: 15px;
  font-weight: 600;
}

.reason-text {
    color: #555;
	line-height: 1.7;

}

.location-info {
    padding: 90px 20px;
    background: white;
}

.location-wrapper {

  max-width: 1200px;
   margin: 0 auto;

}

.location-content-grid


{
   display: grid;
    grid-template-columns: 1fr 1fr;
         gap: 60px;
    align-items: center;
}

.location-heading {
	  font-size: 2.3rem;
    color: #2c3e50;
   margin-bottom     :    20px;
  font-weight: 700;
     }

.location-description {
    color: #555;
    margin-bottom: 35px;
    line-height: 1.8;
               font-size: 1.05rem;
}

.location-details {
      display: flex;
          flex-direction: column;
     gap: 25px;
}

.location-detail-label {
    font-size: 1.1rem;
   color: #34495e;
   margin-bottom :   8px;
   font-weight: 600;
}

.location-detail-value		{
   line-height: 1.6;
    color: #555;
}


.location-photo {
		 width: 100%;
    border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); 
	
	}



.final-cta-section {
          padding  :     80px 20px;
  background: #f8f9fa;
                    text-align: center;
}

.final-cta-wrapper {
  max-width: 800px;
   margin: 0 auto;
}

.final-cta-heading {
  font-size    : 2.8rem;
    color   :       #2c3e50;
  margin-bottom     :      20px;
  font-weight   :    700;
}

.final-cta-text {


    font-size    :        1.15rem;

	               color: #555;

	    margin-bottom: 35px;

	   line-height: 1.7;
	}

.final-cta-button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
	padding: 16px 40px;
	 text-decoration  :      none;
   border-radius: 30px;
  font-weight: 600;
  display  :     inline-block;
                    transition: all 0.3s;
  font-size: 1.1rem;
}

.final-cta-button:hover {
  transform: translateY(-3px);

	  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
}

.thankyou-hero

{
	  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); 
   padding   :        100px 20px; 
  min-height: 70vh; 
  display   :flex; 
    align-items: center;


}

.thankyou-container {

  max-width : 900px; 
	    margin: 0 auto; 
	  width: 100%;
     }

.thankyou-content-box {


    background: white;
  padding: 60px 50px;
    border-radius: 15px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
        text-align: center;
     }

.success-icon-wrapper {
    margin-bottom: 30px;
} 

.success-checkmark
	{

   display:      inline-block;
     }



.check-circle {
  width: 80px;
  height: 80px;
  position: relative;
    border-radius: 50%;
    border: 4px solid #52c41a;
 margin: 0 auto;
}  

.check-line {
    background: #52c41a;
  position: absolute;
  border-radius: 2px;
}

.check-line-tip {
   width: 4px;
    height: 20px;
    left: 28px;
    top: 38px;
  transform: rotate(45deg);
}

.check-line-long {

               width: 4px; 
	   height: 35px; 
	    left    :        38px; 
	   top: 25px; 
	  transform: rotate(-45deg);}

.thankyou-title {
    font-size    :   2.8rem;
   color     :#2c3e50;
               margin-bottom: 20px;
    font-weight: 700;
}  

.thankyou-message {
	font-size: 1.2rem;
    color  :  #555;
  margin-bottom: 50px;
	 line-height: 1.7;
}

.next-steps-block {


   background: #f8f9fa;
  padding: 40px;
	border-radius: 12px;
  margin-bottom: 40px;
  text-align: left;
     }

.next-steps-heading {
    font-size: 1.8rem;
		 color: #2c3e50;
  margin-bottom: 30px;
   text-align: center;
  font-weight: 600;
}

.steps-list {
	  display: flex; 
  flex-direction: column; 
   gap: 25px;
	}

.step-item {

	    display:    flex;
   gap: 20px;
  align-items: flex-start;
	}

.step-icon     {
  width: 45px;
    height: 45px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
    border-radius    : 50%;
   display: flex;
	align-items: center;
    justify-content: center;
   font-weight     :700;
		font-size     :     1.2rem;
    flex-shrink: 0;
}

.step-info {
   flex: 1;
}

.step-title {
   font-size: 1.2rem;
	    color: #2c3e50;
	  margin-bottom: 8px;
	  font-weight: 600;
}



.step-text

{
          color: #555;
    line-height: 1.6;
}

.contact-info-reminder     {
   background: #e8f4f8;
   padding: 30px;
	border-radius: 10px;
    margin-bottom: 40px;
}

.reminder-heading {
  font-size: 1.4rem;
    color  :   #2c3e50;
    margin-bottom: 10px;
    font-weight: 600;
}

.reminder-text {
  margin-bottom: 10px;
   color: #555;
}

.reminder-phone {
	    font-size: 1.5rem;
  color: #667eea;
	 font-weight: 700;}

.thankyou-actions {
   display: flex;
	gap: 20px;
 justify-content :       center;
  flex-wrap: wrap;
}

.action-button {
  padding: 14px 32px;

	    text-decoration: none;

	   border-radius: 30px;

	    font-weight     :     600;

	  transition: all 0.3s;

	    display: inline-block;
}

.primary-button {


  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
	}

.primary-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);


}

.secondary-button {
    background: white;

	    color: #667eea;

	    border: 2px solid #667eea;
	}



.secondary-button:hover {


    background: #667eea;
  color: white;
	}

.additional-resources		{
   padding: 90px 20px;
   background: white;
} 

.resources-container {
	               max-width: 1200px;
   margin: 0 auto;

}

.resources-heading     {
    margin-bottom: 15px;
     color: #2c3e50;
     text-align: center;
    font-weight: 700;
     font-size: 2.3rem;
}

.resources-intro {
  text-align: center;
    max-width: 700px;
    margin: 0 auto 50px;
  color: #555;
	font-size: 1.05rem;
  line-height: 1.7;
}

.resource-cards {
      display: grid;
  grid-template-columns: repeat(2, 1fr);
   gap    :40px;

}

.resource-card

{
    background: #f8f9fa;
    border-radius: 12px;
  overflow:      hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s;
}

.resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.resource-image {
   object-fit: cover;
    height: 220px;
   width: 100%;
}

.resource-content
	{
   padding: 30px;
}

.resource-title {
       font-size: 1.5rem;
   color  :  #2c3e50;
   margin-bottom: 15px;
  font-weight:     600;
     }

.resource-description {
    margin-bottom: 20px;
    line-height: 1.7;
  color: #555; 

}

.resource-link {
   color  :  #667eea;

	   text-decoration: none;

	   font-weight: 600;

	    transition: color 0.3s;
	

}

.resource-link:hover {
    color:       #764ba2;
}

.testimonial-snippet {

	      padding: 80px 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	}

.snippet-container {
    text-align: center;
      margin: 0 auto;
        max-width: 800px;
}

.snippet-heading {
   font-size: 2.3rem;
   color: white;
    margin-bottom: 40px;
   font-weight   :        700;
}

.snippet-quote {
  background: rgba(255, 255, 255, 0.1);
   padding   :       40px;
   border-radius: 12px;
   border-left: 4px solid white;
}

.quote-text{


					font-size: 1.2rem;
  color: white;
               line-height: 1.8;
                    margin-bottom: 20px;
	 font-style: italic;

}

.quote-author {
  color: rgba(255, 255, 255, 0.9);
    font-weight    :  600;
}@media (max-width: 968px) {
    .page-main-title {
        font-size: 2.5rem;
    }

    .story-layout,
    .mission-content-grid,
    .expertise-grid,
    .location-content-grid {
        grid-template-columns: 1fr;
    }

    .philosophy-pillars {
        grid-template-columns: 1fr;
    }

    .methodology-blocks,
    .reasons-layout,
    .resource-cards {
        grid-template-columns: 1fr;
    }

    .thankyou-content-box {
        padding: 40px 30px;
    }

    .thankyou-title {
        font-size: 2.2rem;
    }
}

@media (max-width: 640px) {
    .page-main-title {
        font-size: 2rem;
    }

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

    .action-button {
        width: 100%;
        text-align: center;
    }

    .check-circle {
        width: 60px;
        height: 60px;
    }

    .check-line-tip {
        height: 15px;
        left: 21px;
        top: 29px;
    }

    .check-line-long {
        height: 26px;
        left: 29px;
        top: 19px;
    }
}