* {


	margin: 0;

    padding: 0;

    box-sizing  :  border-box;


}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	line-height: 1.6;
  color: #333;
  background-color: #fafafa;
}

html {
	scroll-behavior: smooth;
}

.navbar		{
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 1rem 0;
  position: sticky;
          top: 0;
   z-index: 1000;
  box-shadow: 0 2px 10px rgba(102, 126, 234, 0.2);
}

.nav-container {
  max-width: 1200px;

	    margin: 0 auto;

	  padding: 0 2rem;

	    display: flex;

			justify-content     :space-between;

	   align-items: center;
}

.nav-logo a {
   text-decoration: none;
}
/* Browser compatibility */
.logo-image {
           height: 45px;
         width: auto;


}

/* Hack for old browsers */

.nav-menu {
    display  :    flex;
    list-style: none;
   gap: 2rem;
}

.nav-link {
    color: white;
   text-decoration: none;
   font-weight: 500;
   transition: opacity 0.3s ease;
  padding: 0.5rem 1rem;
}

.nav-link:hover {
   opacity: 0.8;
}
/* Cross-browser fix */

.menu-toggle {
	display: none;
	    flex-direction: column;
		cursor   :       pointer;
	  gap  :      0.5rem;
}

.menu-toggle span {
    width: 25px;
   height: 3px;
   background-color: white;
  border-radius   :  2px;
   transition :        all 0.3s ease;
} 

.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);

}

.menu-toggle.active span:nth-child(2) {
      opacity: 0; 

}

.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.hero {


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

}

.hero-content h1 {
  font-size: 2.8rem;
   margin-bottom     :        1.5rem;
  line-height :       1.2;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-clip: text;
}

.hero-content p {
  font-size: 1.1rem;

    margin-bottom: 2rem;

               color: #555;

  line-height   :1.8;
}

.cta-button {
       display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   text-decoration: none;
   border-radius: 50px;
      font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px rgba(102, 126, 234, 0.3);

}

.cta-button:hover {
  transform: translateY(-2px); 
	  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
}

.hero-image {
	    display     :  flex;
	    justify-content: center;

}

/* Layout styles */

.hero-img {
	   max-width: 100%;
	 height: auto;
    border-radius: 15px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
     }

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

.services-preview h2 {

    font-size :    2.2rem;
  text-align: center;
  margin-bottom: 3rem;
   color    :   #333;
     }

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

}

.service-card {
	background: white;
    border-radius: 10px;
   padding: 2rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.15);
}

/* Legacy code */

.service-card h3  
  {
	font-size  :    1.5rem;

	  margin-bottom: 1rem;

					 color: #667eea;
}

.service-card p

{
    color: #666; 
  margin-bottom :    1.5rem; 
      line-height   :    1.8;
}

.service-image-wrapper {
    margin-top: 1.5rem;
}

.service-img {
         height: auto;
  border-radius: 8px;
    width: 100%;
	}

.features {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 4rem 2rem;
  margin: 3rem 0;
}

.features h2 {

	        font-size: 2.2rem;
   text-align   :     center;
   margin-bottom:     3rem;
	}

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

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

/* Build system output */

.feature-box h4 {
          font-size: 1.3rem;
    margin-bottom: 1rem;
    color: #667eea;
}

.feature-box p {
   color: #666;
   line-height: 1.7;
}

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

.testimonials h2 {
  font-size: 2.2rem;
   text-align: center;
  margin-bottom: 3rem;
}

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

.testimonial-item		{
         background:   white;
   padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  border-top   :        4px solid #764ba2;
}

.testimonial-item p {
     font-style:   italic;
   color: #555;
  margin-bottom: 1rem;
    line-height   :1.8;}

.testimonial-author {

    display: block;
    color: #667eea;
    font-weight: 600;

}  

.cta-section {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
   padding: 3rem 2rem;
    text-align: center;
   margin: 3rem 0;
}

.cta-section h2 {
    margin-bottom: 1rem;
  font-size: 2rem;
}

/* Framework override */

.cta-section p		{
	 font-size   :        1.1rem;
  margin-bottom: 2rem;
  opacity: 0.9;
}

.cta-button-secondary {
  display: inline-block;
                    padding: 1rem 2rem;
    background :white;
   color: #667eea;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.cta-button-secondary:hover {
  transform: scale(1.05);
}

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

}

.contact-section h2 {
     text-align: center;
	font-size: 2.2rem;
  margin-bottom:    3rem;
}

.contact-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
  gap: 3rem;
} 

.contact-form {
               background: white;
  padding: 2rem;
   border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}  

.form-group {
					margin-bottom: 1.5rem;


}

.form-group label {


  display  :block;
         margin-bottom: 0.5rem;
    font-weight: 600;
   color: #333;


}



.form-group input,
.form-group select,
.form-group textarea {
    width : 100%;
   padding: 0.8rem;
   border    :        2px solid #ddd;
        border-radius: 5px;
  font-size :        1rem;
  transition: border-color 0.3s ease;
   font-family: inherit;
}

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

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


}

/* Custom modifications */

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

}
/* State modifiers */
.contact-info {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  padding: 2rem;
  border-radius: 10px;

}

.contact-info h3  {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
      color: #667eea;
}

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

.contact-info strong {
  color   :      #333;
}

.footer


{
   background   : #2c3e50;
   padding: 3rem 2rem 1rem;
  margin-top: 4rem;
   color: white;
}
/* Cross-browser fix */
.footer-content {
    max-width: 1200px;
          margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2rem;
  margin-bottom  : 2rem;
}

.footer-section h4 {
  margin-bottom: 1rem;
   font-size :        1.1rem;
}

/* Minified version */

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

.footer-section ul li {

  margin-bottom: 0.5rem;}

.footer-section a {
  color: #bbb;
	text-decoration     : none;
   transition: color 0.3s ease;
}

.footer-section a:hover {
	color: white;
}

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

.social-links {
	     display :  flex;
   gap: 1rem;
}

.footer-bottom {
    border-top: 1px solid #444;
	padding-top: 1.5rem;
  text-align: center;
    color: #999; 


}
@media (max-width: 768px) {
    .nav-menu {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        flex-direction: column;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        gap: 0;
        padding: 1rem 0;
    }

    .nav-menu.active {
        display: flex;
    }

    .nav-item {
        padding: 0;
    }

    .nav-link {
        display: block;
        padding: 1rem 2rem;
    }

    .menu-toggle {
        display: flex;
    }

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

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

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

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

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

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

    .cta-section {
        padding: 2rem 1rem;
    }
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 1.5rem;
    }

    .services-preview h2,
    .features h2,
    .testimonials h2,
    .contact-section h2 {
        font-size: 1.6rem;
    }

    .nav-container {
        padding: 0 1rem;
    }

    .cta-button,
    .cta-button-secondary {
        padding: 0.8rem 1.5rem;
        font-size: 0.95rem;
    }
}.services-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	 color: white;
    padding: 4rem 2rem;
     text-align :      center;
} 

.services-hero h1 {
  font-size: 2.5rem;
      margin-bottom: 1rem;
}

.services-hero p
{
   font-size: 1.2rem;
   opacity: 0.9;
}

.services-main {
	max-width :       1200px;
       margin: 0 auto;
   padding: 3rem 2rem;
}

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

.service-detail {
                    background: white; 
	    border-radius    :     10px; 
	   overflow: hidden; 
	  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); 
	       transition: all 0.3s ease; 
	
} 

.service-detail:hover {
  box-shadow: 0 10px 40px rgba(102, 126, 234, 0.15);
  transform: translateY(-3px);
}

.service-header     {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding: 2rem;
   display: flex;
    justify-content  : space-between;
  align-items: center;
}

.service-header h2 {
  font-size: 1.8rem;
  margin : 0;

}

.service-badge {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.5rem 1rem;
    border-radius: 20px;
	font-size: 0.9rem;
    font-weight: 500;
}

.service-content {


  display: grid;
   grid-template-columns: 1fr 1fr;
    gap: 2rem;
   padding: 2rem;
     }

.service-text {
  display: flex;
  flex-direction: column;
}  

.service-text p {
   margin-bottom: 1rem;
   line-height: 1.8;
	color    :#555;
}  

.service-text h3 {
   font-size: 1.2rem;
    color: #667eea;
  margin: 1.5rem 0 1rem 0;

}

.service-list

{

      list-style: none;
	padding     :0;


}

.service-list li {
   padding: 0.7rem 0;
   padding-left: 1.5rem;
	position     :     relative;
  color: #666;
}

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

.service-visual {
   display: flex;
   align-items: center;
	justify-content    :center; 
	
}

.service-detail-img {
    width:100%;
   height: auto;
   border-radius :      8px;
	object-fit     :     cover;
}

.service-pricing {
   background: #f9f9f9;
	padding :        1.5rem 2rem;
   border-top   :       1px solid #eee;
   display: flex;
   justify-content: space-around;
    gap  :      1rem;
}

.service-pricing p {
   margin: 0;
    color: #555;
}

.service-detail.alternate .service-content {
      grid-template-columns: 1fr 1fr;
    direction: rtl;
	
}

.service-detail.alternate .service-text,
.service-detail.alternate .service-visual {
  direction: ltr;
}

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

.service-comparison h2 {
	font-size: 2.2rem;
   text-align :    center;
 margin-bottom: 2rem;
}

.comparison-table {
   overflow-x: auto;
    background: white;
   border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

table    {
  width: 100%;
    border-collapse: collapse;


}

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

th {
	padding     :    1.5rem;
    text-align     : left;
   font-weight: 600;
	
}

td {
  padding :1.5rem;
    border-bottom: 1px solid #eee;
    color: #555;
}

tbody tr:hover 
 {
   background: #f9f9f9;
}

tbody tr:last-child td {
       border-bottom: none;
}

.why-choose {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
       padding: 4rem 2rem;
    margin: 3rem 0;
}

.why-choose h2   {
  font-size: 2.2rem;
    text-align     :     center;
    margin-bottom: 3rem;
	
}

.benefits-grid {
    max-width    :1200px;
    margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;

}

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

.benefit-card:hover {


  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.15);
	}

.benefit-card h3 {
    color: #667eea;
   margin-bottom: 1rem;
	font-size: 1.2rem;

}

.benefit-card p {
     color: #666;
  line-height: 1.6;}

.cta-services {

	  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color  :white;
   padding: 3rem 2rem;
    text-align: center;
    margin: 3rem 0;
}

.cta-services h2 {
     margin-bottom: 1rem;
  font-size: 2rem;
}

.cta-services p {
   font-size: 1.1rem;
	 margin-bottom: 2rem;
    opacity   :    0.9;
}

.thankyou-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color :  white;
  padding: 4rem 2rem;
  min-height: 60vh;
    display: flex;
    align-items: center;
  justify-content:       center;
}

.thankyou-container {
	 max-width: 700px;
  width: 100%;
         text-align: center;
}

.success-animation {
    margin-bottom: 2rem;
		 display: flex;
      justify-content    :  center;
}

.checkmark-circle {
    width: 100px;
   height: 100px;
  display  :       flex;
    align-items: center;
         justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.checkmark-circle svg {
                    width: 100%;
    height: 100%;
    color:       #4CAF50;
  filter: drop-shadow(0 0 10px rgba(76, 175, 80, 0.3));
}@keyframes scaleIn {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}.thankyou-hero h1 {
       font-size: 2.8rem;
  margin-bottom: 0.5rem;
  animation: slideDown 0.6s ease-out 0.2s both;
}

.thankyou-subtitle {


	font-size: 1.3rem;
    opacity     :   0.9;
  margin-bottom: 2rem;
        animation: slideDown 0.6s ease-out 0.4s both;


}@keyframes slideDown {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}.thankyou-content {
  background: white;
  color: #333;
  padding: 2.5rem;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);

}

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

.what-next {
    margin: 2.5rem 0;
	text-align: left;
}

.what-next h2 {
       font-size: 1.5rem;
   color: #667eea;
   margin-bottom: 1.5rem;
  text-align: center;
}

.next-steps {
      list-style: none;
  padding:      0;
}

.next-steps li {
               display: grid;

	  grid-template-columns     :       40px 1fr;

	    gap   :        1.5rem;

		margin-bottom: 1.5rem;

	  align-items: flex-start;
}

.step-number {

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

.step-content h3 {
               margin: 0 0 0.5rem 0;
	 color: #333;
	font-size: 1.1rem;
} 

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

.explore-services {

	     background: #f9f9f9;

	    padding: 2rem;

		border-radius: 8px;

	    margin: 2rem 0;

	   text-align: center;}

.explore-services h2 {
	margin-bottom     :        1rem;

    color: #667eea;

    font-size   :1.3rem;
}

.explore-services p {
   margin-bottom :      1.5rem;
   color: #666;


}

.explore-buttons {
    display: flex;
    gap: 1rem;
  justify-content: center;
         flex-wrap: wrap;
	
}

.explore-btn{
    padding: 0.9rem 1.8rem;
    border-radius: 50px;
  text-decoration: none;
    font-weight: 600;
   transition: all 0.3s ease;
   display: inline-block;
}

.explore-btn {


  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);


}

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

.explore-btn.secondary {
   background: #e8e8e8;
    color    : #333;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.explore-btn.secondary:hover {
  background  :#ddd;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.contact-reminder {
    background: #f0f4ff;
	padding: 1.5rem;
   border-radius   :  8px;
    border-left: 4px solid #667eea;
    text-align    :  center;
}

.contact-reminder h3
	{
	color: #667eea;
	margin-bottom: 1rem;
  margin-top     :0;}

.contact-reminder p {
    color: #555;
    margin:        0.5rem 0;
}  

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

.testimonials-thankyou h2 {
    font-size: 2.2rem;
    text-align: center;
 margin-bottom: 3rem;
} @media (max-width: 768px) {
    .services-hero h1 {
        font-size: 1.8rem;
    }

    .service-header {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .service-header h2 {
        font-size: 1.4rem;
    }

    .service-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 1.5rem;
    }

    .service-detail.alternate .service-content {
        direction: ltr;
    }

    .service-pricing {
        flex-direction: column;
        gap: 1rem;
    }

    .comparison-table {
        font-size: 0.9rem;
    }

    th, td {
        padding: 1rem;
    }

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

    .thankyou-subtitle {
        font-size: 1.1rem;
    }

    .thankyou-content {
        padding: 1.5rem;
    }

    .next-steps li {
        grid-template-columns: 35px 1fr;
        gap: 1rem;
    }

    .explore-buttons {
        flex-direction: column;
    }

    .explore-btn {
        width: 100%;
    }

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

@media (max-width: 480px) {
    .services-hero h1 {
        font-size: 1.5rem;
    }

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

    .service-header h2 {
        font-size: 1.2rem;
    }

    .service-badge {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
    }

    .service-content {
        padding: 1rem;
    }

    .what-next h2 {
        font-size: 1.2rem;
    }

    .checkmark-circle {
        width: 80px;
        height: 80px;
    }

    table {
        font-size: 0.85rem;
    }

    th, td {
        padding: 0.8rem;
    }

    .contact-reminder {
        font-size: 0.95rem;
    }
}.policy-section
	{

	   padding     :   80px 2rem;
   background: #f8f9fa;
   min-height: 70vh;
}

.policy-container {

	          max-width: 900px;
	 margin: 0 auto;
   text-align: left;
  background: white;
  padding: 3rem;
    border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	
     }

.policy-container h1 {
	  font-size: 2.8rem;
    color: #2c3e50;
	 margin-bottom: 2rem;
    font-weight:        700;
    padding-bottom    :  1.5rem;
	border-bottom: 3px solid #667eea;




}  

.policy-container h2 {
    font-size: 1.8rem;
       color  :    #667eea;
       margin-top: 2.5rem;
      margin-bottom    :    1rem;
     font-weight: 600;
     }

.policy-container p {
         color: #555;
    margin-bottom:1.5rem;
   line-height: 1.8;
  font-size    :     1.05rem;
  text-align: justify;
}

.policy-container p:first-of-type {
          font-size: 1.1rem;
   color: #666;
  font-weight: 500;
}

.policy-container strong {
   font-weight: 600;
  color: #667eea;
}@media (max-width: 1024px) {
    .policy-container {
        padding: 2.5rem;
    }

    .policy-container h1 {
        font-size: 2.4rem;
    }

    .policy-container h2 {
        font-size: 1.6rem;
    }

    .policy-container p {
        font-size: 1rem;
    }
}

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

    .policy-container {
        padding: 2rem 1.5rem;
        border-radius: 8px;
    }

    .policy-container h1 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
    }

    .policy-container h2 {
        font-size: 1.4rem;
        margin-top: 1.8rem;
        margin-bottom: 0.8rem;
    }

    .policy-container p {
        font-size: 0.95rem;
        line-height: 1.7;
        margin-bottom: 1.2rem;
        text-align: left;
    }
}

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

    .policy-container {
        padding: 1.5rem;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    }

    .policy-container h1 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
        padding-bottom: 0.8rem;
    }

    .policy-container h2 {
        font-size: 1.2rem;
        margin-top: 1.5rem;
        margin-bottom: 0.7rem;
    }

    .policy-container p {
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }
}

@media print {
    .policy-section {
        background: white;
        padding: 0;
    }

    .policy-container {
        box-shadow: none;
        padding: 0;
        max-width: 100%;
    }

    .policy-container h1 {
        page-break-after: avoid;
    }

    .policy-container h2 {
        page-break-after: avoid;
    }

    .policy-container p {
        page-break-inside: avoid;
    }
}