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

html

{
	scroll-behavior: smooth;
}

body 
 {


  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
 line-height: 1.6;
    color: #2c3e50;
	 background-color: #f8f9fa;


}

a   {
  text-decoration: none;
   color: inherit;
    transition: color 0.3s ease;
}

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

.navBar_container {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	 position: sticky;
                    top: 0;
    z-index: 100;
}

.navBar_wrapper {
  padding: 1rem 2rem;
   margin: 0 auto;
    justify-content: space-between;
    max-width: 1200px;
         align-items: center;
    display: flex;
}

.navBar_logo {
  flex-shrink: 0;
}

.logoImage_main 
 {
                    height: 45px;
   width     :      auto;
}

.navMenu_list {

	   display: flex;
    list-style: none;
   gap: 2.5rem;
	}

.navItem_link a  {
         font-weight: 500;
    color    :     #2c3e50;
  font-size: 1rem;
   position: relative;
}

.navItem_link a::after


{
	position: absolute;
  left: 0;
   bottom: -5px;
 transition: width 0.3s ease;
  background-color: #3498db;
  width: 0;
  content: '';
   height: 2px;
}

.navItem_link a:hover::after {
    width: 100%;
}

.burgerBtn_toggle {
          display: none;
	flex-direction: column;
  background   :   none;
	 border    :    none;
         cursor: pointer;
   padding    :    0.5rem;
}  

.burgerLine_one, .burgerLine_two, .burgerLine_three	{
   width: 28px;
   height   :3px;
    background-color: #2c3e50;
  margin: 5px 0;
    transition: all 0.3s ease;
   display: block;
}

.heroSection_wrapper {
  max-width  :   1200px;
    margin: 4rem auto;
   padding: 0 2rem;
   display: grid;
    grid-template-columns: 1fr 1fr;
  gap: 3rem;
    align-items: center;

}

.heroContent_block h1		{
	font-size: 3rem;
  line-height :     1.2;
    margin-bottom  :    1.5rem;
  color: #1a252f;
	font-weight: 700;
}

.heroSubtitle_text {
  font-size: 1.15rem;
 color: #555;
  margin-bottom: 2rem;
   line-height: 1.7;
}

.ctaButton_primary {
	 display: inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
  padding:  1rem 2.5rem;
   border-radius: 8px;
	font-weight: 600;
   transition     :      transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.ctaButton_primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.heroImage_container {
   position: relative;
    overflow : hidden;
   border-radius:   12px;
}

.heroImg_style


{
               width: 100%;
  height: auto;
     object-fit: cover;
}

.aboutSection_container {
    max-width: 1200px;
  margin: 5rem auto;
  padding: 0 2rem;
   background-color: #f0f4f8;
   padding: 3rem;
  border-radius: 12px; 

}

.sectionTitle_heading {
    font-size: 2.5rem;
  margin-bottom: 1.5rem;
    color: #1a252f;
  font-weight: 700;
  text-align :  center;
}

.aboutText_body	{
   font-size   :1.05rem;
   color: #555;
    margin-bottom: 2.5rem;
    text-align :      center;
   line-height: 1.8;
}

.benefitsGrid_layout {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 2rem;
    margin-top: 2rem;
}

.benefitCard_item {
  background-color: white;
  padding: 2rem;
       border-radius    :     10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.benefitTitle_text 
 {
  font-weight: 600;
   margin-bottom: 0.8rem;
   color: #667eea;
   font-size: 1.3rem;


}

.benefitDesc_paragraph {
      color: #666;
   line-height: 1.6;}

.servicesSection_block  
  {
    max-width: 1200px;
    margin     :   5rem auto;
  padding: 0 2rem;
	}

.servicesGrid_layout {
    display :        grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap  :       2.5rem;
  margin-top: 2.5rem;
}

.serviceCard_container {
   background-color: white;

  border-radius: 12px;

	overflow: hidden;

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

  transition: transform 0.3s ease, box-shadow 0.3s ease;


}

.serviceCard_container:hover {

	  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
     }

.serviceImg_photo {
	  width: 100%;
   height: 200px;
  object-fit: cover;
     }



.serviceTitle_name

{

	   font-size     :  1.2rem;

	      font-weight:        600;

	  color: #2c3e50;

	  padding: 1.5rem 1.5rem 0.5rem;
     }

.serviceDesc_text {
  font-size: 0.95rem; 
   color   :     #666; 
    padding: 0 1.5rem 1.5rem; 
	 line-height: 1.6;
}

.testimonialSection_area {
  background: linear-gradient(135deg, #667eea15 0%, #764ba215 100%);
    max-width : 1200px;
  margin     :        5rem auto;
  padding  : 3rem 2rem;
   border-radius: 12px;
}

.testimonialCards_grid {

   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2rem;
    margin-top: 2.5rem;
	}

.testimonialItem_card {
    background-color:       white;
  padding: 2rem;
    border-radius: 10px;
  border-left: 4px solid #667eea;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.testimonialText_quote {
    font-style :     italic;
  color: #555;
  margin-bottom: 1rem;
    line-height: 1.7;
}

.testimonialName_author {
        font-size: 0.95rem;
  color: #667eea;
         font-weight: 600;
	
}

.ctaMainSection_container {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  max-width: 1200px;
	margin: 5rem auto;
  padding: 4rem 2rem;
  border-radius: 12px;
  text-align: center;
}

.ctaTitle_heading {
	 font-size: 2rem;
	margin-bottom: 1rem;
   font-weight: 700; 
	
}

.ctaDescription_text {
   font-size:    1.1rem;
   margin-bottom  :       2rem;
  opacity   :       0.95;
}

.ctaButton_large {
	 display: inline-block;
     background-color     :    white;
      color    :       #667eea;
       padding: 1.2rem 3rem;
      border-radius: 8px;
       font-weight: 700;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ctaButton_large:hover {
	  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);

}

.contactSection_area {
               max-width: 1200px;
   margin: 5rem auto;
  padding     :        3rem 2rem;
}

.contactWrapper_main {
	display: grid;
   grid-template-columns: 1fr 1.2fr;
	gap: 3rem;
   margin-top  :  2.5rem;
}

.contactInfo_block {
    background-color: #f0f4f8;
   -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
               padding: 2.5rem;
	border-radius: 10px;
}

.contactInfoTitle_text {
   font-size: 1.3rem;
   font-weight: 600;
    margin-bottom: 1.5rem;
    color: #2c3e50;
}

.contactDetail_line {
  margin-bottom: 1.5rem;
   line-height: 1.8;
    color:        #555;
}

.contactForm_element {
  background-color: white;
  padding: 2.5rem;
   border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.formGroup_item {
   margin-bottom: 1.5rem;
}

.formLabel_text {
       display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
     color: #2c3e50;
   font-size: 0.95rem;
}

.formInput_field {

	   width: 100%;
   padding: 0.9rem;
   border: 2px solid #e0e6ed;
    border-radius: 6px;
	 font-size: 0.95rem;
    transition: border-color 0.3s ease;
    font-family: inherit;
	}

.formInput_field:focus {
  outline: none;
  border-color :  #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.formTextarea_style {
   resize: vertical;
  min-height: 120px;

}

.formButton_submit {
  width: 100%;
    padding: 1rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
                    border: none;
   border-radius: 6px;
    font-weight: 600;
               font-size: 1rem;
        cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.formButton_submit:hover

{
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); 

}

.footerSection_wrapper {
   background-color: #1a252f;
  color: white;
    margin-top: 5rem;
   padding: 3rem 2rem;
}

.footerContent_grid {
  max-width: 1200px;
   margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2.5rem;
   margin-bottom: 2rem;
}

.footerBrand_column {
	display: flex;
   align-items   :   center;
}

.footerLogo_image {
 height   :    50px;
       width: auto;
}

.footerLinks_column, .footerContact_column {
    display: flex;
    flex-direction: column;

}

.footerTitle_heading     {
    margin-bottom: 1rem;

	font-size: 1.05rem;

    font-weight: 600;


}

.footerMenu_list {
         list-style :     none;
}

.footerMenu_list li {
     margin-bottom   :   0.7rem;
}

.footerMenu_list a {
  color: #b0b8c1;
   transition: color 0.3s ease;
}

.footerMenu_list a:hover {
   color: #667eea;
}

.footerText_detail {
    font-size: 0.95rem;
   color: #b0b8c1;
  line-height: 1.7;
}

.footerBottom_separator {
    max-width: 1200px;
   margin: 2rem auto 0;
   padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.footerCopy_text {

    color: #7a8695;
	 font-size: 0.9rem;

}@media (max-width: 768px) {
    .burgerBtn_toggle {
        display: flex;
    }

    .navMenu_list {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        flex-direction: column;
        gap: 0;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .navMenu_list.active_menu {
        max-height: 300px;
    }

    .navItem_link {
        width: 100%;
        border-bottom: 1px solid #e0e6ed;
    }

    .navItem_link a {
        display: block;
        padding: 1rem 2rem;
    }

    .navItem_link a::after {
        display: none;
    }

    .burgerBtn_toggle.active_burger .burgerLine_one {
        transform: rotate(45deg) translate(10px, 10px);
    }

    .burgerBtn_toggle.active_burger .burgerLine_two {
        opacity: 0;
    }

    .burgerBtn_toggle.active_burger .burgerLine_three {
        transform: rotate(-45deg) translate(8px, -8px);
    }

    .heroSection_wrapper {
        grid-template-columns: 1fr;
        margin: 2rem auto;
    }

    .heroContent_block h1 {
        font-size: 2rem;
    }

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

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

    .sectionTitle_heading {
        font-size: 1.8rem;
    }

    .footerContent_grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footerBrand_column {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .navBar_wrapper {
        padding: 1rem 1rem;
    }

    .heroContent_block h1 {
        font-size: 1.6rem;
    }

    .sectionTitle_heading {
        font-size: 1.5rem;
    }

    .ctaMainSection_container {
        padding: 2rem 1.5rem;
    }

    .contactInfo_block, .contactForm_element {
        padding: 1.5rem;
    }

    .benefitsGrid_layout, .testimonialCards_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;
    }
}.servicesHeroSection_wrapper {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
    padding: 5rem 2rem;
  text-align: center;
    margin-top: 70px; 
	
}

.servicesHeroContent_block 
 {

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

.servicesHeroTitle_main {
     font-size: 3.5rem;
  font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.servicesHeroSubtitle_text {
	  font-size: 1.3rem;
 opacity: 0.95;}

.servicesIntroSection_container


{

	  margin : 4rem auto;
   max-width    :1200px;
   padding: 0 2rem;


}

.servicesIntroText_body {

	  font-size: 1.05rem;
    color: #555;
   line-height: 1.8;
   text-align: center;


}

.servicesDetailSection_area
{
   max-width: 1200px;
  margin: 4rem auto;
     padding: 0 2rem;
}

.servicesDetailContent_wrapper {
	  display     :     flex;
                    flex-direction     :       column;
    gap: 4rem;
} 

.serviceDetailCard_item {
    display: grid;
     grid-template-columns: 1fr 1fr;
   gap: 3rem;
  align-items    :    center;
  padding: 2rem;
  background-color: #f8f9fa;
        border-radius     :   12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.serviceDetailCard_alternate {
  direction     :       rtl;
}

.serviceDetailCard_alternate > * {

	    direction  :     ltr;


}

.serviceDetailImage_container {
    overflow     :    hidden;
      border-radius: 10px;
  height     :      100%;
         min-height    :    300px;
}

.serviceDetailImg_photo {
   width: 100%;
   height    :100%;
    object-fit: cover;
}

.serviceDetailText_block {
				 padding: 1rem;

}

.serviceDetailTitle_heading {
    font-size: 2rem;
          font-weight: 700;
    color: #667eea;
    margin-bottom: 1rem;
}

.serviceDetailDesc_paragraph {
	font-size: 1rem;
   color     :       #555;
   line-height     :        1.8;
   margin-bottom: 1.5rem;
}

.serviceDetailFeatures_list {
    list-style: none;
   padding: 0; 

}

.featureItem_text {
   padding:  0.6rem 0 0.6rem 1.8rem;
   position: relative;
   color: #666;
     font-size: 0.95rem;
	
}

.featureItem_text::before{
  content: '';
  position: absolute;
         left :     0;
  top:  0.9rem;
    width: 8px;
   height: 8px;
	background-color: #667eea;
	border-radius: 50%;
}

.servicePricingSection_container {
  background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf5 100%);
  max-width: 1200px;
   margin: 5rem auto;
   padding: 4rem 2rem;
   border-radius: 12px;
}

.servicePricingText_intro {
   font-size: 1.05rem;
	 color: #666;
  text-align: center;
  margin-bottom: 3rem;
    line-height    :        1.7;
}

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

.pricingCard_item  
  {
    background-color:  white;
	 padding   :        2.5rem;
          border-radius: 10px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	 transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  border: 2px solid transparent;
         position :      relative;
}

.pricingCard_item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15); 

}

.pricingCard_featured {
    border-color: #667eea;
  transform: scale(1.05);
}

.pricingCard_featured:hover {
  transform: scale(1.05) translateY(-8px);
}

.pricingCardBadge_label {
   position: absolute;
   top:   -12px;
   left  :        50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
       color: white;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size    :      0.8rem;
  font-weight: 600;
}  

.pricingCardTitle_text {
  font-size: 1.3rem;
   font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
	margin-top: 0.5rem;
}

.pricingCardPrice_amount {
    font-size: 2rem;
    font-weight:     700;
    color: #667eea;
	margin-bottom: 0.3rem;
}

.pricingCardDuration_text		{
   font-size: 0.95rem;
      color: #999;
           margin-bottom    :  1rem;
}

.pricingCardDesc_detail  
  {
    font-size: 0.9rem;
	color    :     #666;
   line-height    : 1.6;


}

.processSection_container {
  max-width: 1200px;
   margin: 5rem auto;
  padding :     0 2rem;
}

.processSteps_grid
{
               display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   gap: 2.5rem;
  margin-top: 3rem;

}

.processStep_item {
    text-align: center;
  padding: 2rem;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition :     transform 0.3s ease, box-shadow 0.3s ease;
}

.processStep_item:hover {


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

.stepNumber_circle {
      width: 60px;
	 height: 60px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
    font-size: 1.8rem;
  font-weight: 700;
   margin: 0 auto 1rem;}

.stepTitle_text

{
      font-size :      1.2rem;
  font-weight    :   600;
  color: #2c3e50;
    margin-bottom: 0.8rem;
	}

.stepDesc_paragraph {
    font-size: 0.95rem;
   color: #666;
  line-height: 1.6; 

}

.faqSection_container

{
    max-width: 1200px;
  margin  :5rem auto;
  padding   :     0 2rem;


}

.faqItems_list {
	 display: grid;

  gap: 1.5rem;

   margin-top: 2.5rem;
}

.faqItem_container {
   background-color   :     white;
    padding: 2rem;
    border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
   border-left: 4px solid #667eea;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	
}

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

.faqQuestion_text {
  font-size: 1.1rem;
   font-weight: 600;
 color: #2c3e50;
	margin-bottom: 0.8rem;

}

.faqAnswer_text {
	               font-size    :     0.95rem;
   color: #666;
   line-height: 1.7;
     }

.thankyouSection_wrapper {
   max-width: 1200px;
	  margin   :     5rem auto;
	   padding: 3rem 2rem;
}

.thankyouContent_container {
   text-align: center;
  background: linear-gradient(135deg, #f0f4f8 0%, #e8ecf5 100%);
    padding: 4rem;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.thankyouCheckmark_icon {
   margin-bottom: 2rem;
}

.thankyouCheckmark_icon img {
	 width: 100px;
   height  :    100px;
  filter: drop-shadow(0 4px 8px rgba(102, 126, 234, 0.3));
}

.thankyouTitle_main {
   font-size: 2.8rem;
  font-weight     : 700;
    color:        #1a252f;
        margin-bottom     : 0.5rem;
}

.thankyouSubtitle_text {
    font-size: 1.3rem;
   color: #667eea;
  margin-bottom: 2.5rem;
    font-weight: 500;
	}

.thankyouMessage_block {
    background-color     :    white;

	  padding: 2.5rem;

	    border-radius     :      10px;

	   margin-bottom: 2rem;

	     text-align: left;

	  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);

}

.thankyouMessageTitle_heading {
    color  :     #2c3e50;
    font-weight    :        600;
	 text-align: center;
   margin-bottom: 1rem;
	 font-size: 1.4rem;
}

.thankyouMessageText_body {
    font-size: 1rem;
  color  : #666;
  line-height: 1.8;
	margin-bottom: 1rem;
   text-align: center;
}

.thankyouDetails_block {
  background-color: white;
  padding: 2.5rem;
   border-radius    :      10px;
  margin-bottom: 2rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
   text-align  :       left;
}

.thankyouDetailsTitle_text {
    font-size: 1.2rem;
   font-weight: 600;
   color: #2c3e50;
  margin-bottom: 1.5rem;
          text-align: center;
}

.thankyouDetails_item
	{
   font-size: 0.95rem;
        color: #666;
    line-height     :  1.8;
	text-align: center;
    margin-bottom: 1rem;
}

.thankyouActions_group    {
  display    :        flex;
  gap: 1.5rem;
                    justify-content: center;
  flex-wrap: wrap;


}

.thankyouButton_primary {
   display: inline-block;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
  padding: 1rem 2.5rem;
    border-radius: 8px;
  font-weight: 600;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.thankyouButton_primary:hover {
  transform: translateY(-2px); 
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.thankyouButton_secondary 
 {
	 display    : inline-block;
   background-color: white;
   color: #667eea;
 padding: 1rem 2.5rem;
	 border-radius: 8px;
        font-weight: 600;
   border: 2px solid #667eea;
       transition     :       all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.thankyouButton_secondary:hover {
 background-color:   #667eea;
   color: white;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.3);
}

.expectedSection_container {
	 max-width: 1200px;
   margin: 4rem auto;
    padding: 0 2rem;


}

.expectedGrid_layout {
  display     :    grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2rem;
   margin-top   : 2.5rem;
}

.expectedCard_item {
       background-color: white;
      padding: 2rem;
     border-radius: 10px;
     text-align    :center;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.expectedCardNumber_badge {
  width: 50px;
   height: 50px;
  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.4rem;
   margin: 0 auto 1rem;
}

.expectedCardTitle_text  
  {
    font-size: 1.1rem;
	 margin-bottom: 0.8rem;
  color: #2c3e50;
  font-weight: 600;
}

.expectedCardDesc_text {
		 font-size: 0.9rem;
	color: #666;
    line-height: 1.6; 

}
@media (max-width: 768px) {
    .servicesHeroTitle_main {
        font-size: 2.2rem;
    }

    .serviceDetailCard_item {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .serviceDetailCard_alternate {
        direction: ltr;
    }

    .serviceDetailImage_container {
        min-height: 250px;
    }

    .pricingCard_featured {
        transform: scale(1);
    }

    .pricingCard_featured:hover {
        transform: translateY(-8px);
    }

    .thankyouContent_container {
        padding: 2.5rem;
    }

    .thankyouCheckmark_icon img {
        width: 80px;
        height: 80px;
    }

    .thankyouTitle_main {
        font-size: 2rem;
    }

    .thankyouActions_group {
        flex-direction: column;
    }

    .thankyouButton_primary, .thankyouButton_secondary {
        width: 100%;
        text-align: center;
    }

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

@media (max-width: 480px) {
    .servicesHeroTitle_main {
        font-size: 1.8rem;
    }

    .sectionTitle_heading {
        font-size: 1.8rem;
    }

    .serviceDetailTitle_heading {
        font-size: 1.5rem;
    }

    .thankyouContent_container {
        padding: 1.5rem;
    }

    .thankyouTitle_main {
        font-size: 1.6rem;
    }

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

    .faqItems_list {
        gap: 1rem;
    }

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