footer  
  {


  background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%);
       color: #ecf0f1;
      padding: 60px 20px 30px;
  margin-top:       80px;


}

.footer-container {
   max-width: 1280px;
   margin: 0 auto;
}

.footer-grid

{
    display :        grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 50px;
   margin-bottom: 50px;
}

.footer-column {
   display: flex;
    flex-direction: column;
} 

.footer-brand {

   display: flex;
    align-items    :   center;
    gap  :   12px;
  margin-bottom: 20px;


}

.footer-brand img {
    width   :  35px;
	height: 35px;
  filter: brightness(0) invert(1);
  object-fit :     contain;
}

.footer-column h3 {
 font-weight:    700;
  font-size: 18px;
  margin-bottom: 20px;
   color: #ffffff;
}

.footer-links

{

    list-style: none;
               display: flex;
   flex-direction: column;
    gap  :       12px;
	}

.footer-links a {
    color: #bdc3c7; 
	  text-decoration: none; 
		 font-size: 14px; 
		 transition: color 0.3s ease; 
	    display: inline-block;
     }

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

.footer-contact-item {
   display: flex;
  gap: 12px;
    margin-bottom     :   16px;
    align-items: flex-start;
}

.footer-contact-icon {
    width: 24px;
   height: 24px;
   flex-shrink: 0;
  display: flex;
	 align-items: center;
   justify-content: center;
	color: #3498db;
}

.footer-contact-content {
  flex: 1;
}

.footer-contact-content h4 {
     font-size   :  13px;
  font-weight: 600;
	 color: #ffffff;
   margin-bottom: 4px;} 

.footer-contact-content p {


    font-size: 13px;
   color: #bdc3c7;
   line-height: 1.6;
}

.footer-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 30px;
    margin-bottom: 20px;
}

.footer-bottom {
	      display: flex;
   gap: 20px;
	justify-content    :        space-between;
  color: #95a5a6;
  flex-wrap: wrap;
   font-size: 13px;
	 align-items: center;
	}

.footer-legal
	{


    display: flex;
  gap: 24px;
    flex-wrap    :      wrap;


}

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

.footer-legal a:hover {

	    color: #3498db;


}

.footer-copyright {
    display: flex;
    gap    :       20px;
    flex-wrap :  wrap;
}@media (max-width: 768px) {
    footer {
        padding: 40px 20px 20px;
    }

    .footer-grid {
        gap: 30px;
        margin-bottom: 30px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .footer-legal {
        flex-direction: column;
        gap: 12px;
    }

    .footer-copyright {
        flex-direction: column;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-column h3 {
        font-size: 16px;
    }
}.footer-desc {
 font-size     :  14px;
   line-height: 1.8;
               color: #bdc3c7;
  margin-bottom: 20px;
}

.footer-social {
   margin-top: 20px;
   gap: 16px;
    display: flex;
}

.footer-social a {
  display :     flex;

  align-items: center;

  justify-content: center;

	width: 36px;

               height: 36px;

  background: rgba(52, 152, 219, 0.2);

  border-radius:      6px;

  color: #3498db;

  text-decoration: none;

  transition   :        all 0.3s ease;

  border: 1px solid rgba(52, 152, 219, 0.3);
}

.footer-social a:hover {
  background: rgba(52, 152, 219, 0.4);
   border-color: #3498db;
  transform: translateY(-2px);
}



.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;
    }
}.section-title {
   font-size: 42px;
   text-align: center;
    margin-bottom    :        60px;
  color: #1a252f;
    font-weight: 800;
}

.service-icon {
    width: 60px; 
    height: 60px; 
  background: linear-gradient(135deg, #3498db, #2980b9); 
      border-radius: 12px; 
   display: flex; 
    align-items: center; 
    justify-content: center; 
   margin-bottom  :      20px;
}

.service-icon img {
  width: 32px;
  height: 32px;
  filter: brightness(0) invert(1);


}



.benefit-icon {
	flex-shrink     :     0;
  display: flex;
   height   :    50px;
    align-items: center;
    width: 50px;
    justify-content: center;
     } 

.benefit-icon img{

 width: 28px;
  height: 28px;
  filter: drop-shadow(0 2px 4px rgba(52, 152, 219, 0.3));
}  

.cta-section


{
  background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);

	    padding: 60px 20px;

	    text-align: center;

	    margin: 80px 0;
}

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

.cta-section h2 {
	    font-size    :36px;
	color     : white;
 margin-bottom: 16px;
      font-weight: 800;
	}  

.cta-section p {
       font-size: 18px;
  color: rgba(255,255,255,0.95);
   margin-bottom: 32px;
}  

.cta-button {
   display: inline-block;

	  background: linear-gradient(135deg, #3498db, #2980b9);

	    color: white;

	   padding: 16px 40px;

	   text-decoration: none;

	   border-radius: 8px;

	   font-weight: 600;

	  transition: all 0.3s ease;

	  border: none;

	                    cursor: pointer;

	   font-size     :     16px;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(52, 152, 219, 0.3);
}

.cta-button-white


{
	display: inline-block;
	background    :white;
   color: #3498db;
  padding: 16px 40px;
       text-decoration: none;
        border-radius: 8px;
  font-weight: 600;
    transition: all 0.3s ease;
   border: none;
   cursor: pointer;
    font-size: 16px;
}

.cta-button-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.stats-section    {
	background: #f8fbff;
   padding: 60px 20px;
}

.stats-container {
   max-width: 1280px;
  margin: 0 auto;
     display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    text-align: center;
}

.stat-item h3  {
   font-size: 32px;
  color: #3498db;
  font-weight: 800;
    margin-bottom  :  8px;
}

.stat-item p {
   color: #666;
   font-size: 15px;
}

.services-grid


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

.service-card {

	   background: white;
   padding: 32px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
   transition: all 0.3s ease;
    border: 1px solid #e8ecf1;
}

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

}

.service-card h3 
 {
    margin-bottom: 12px;
    font-size: 22px;
    color: #1a252f;
}

.service-card p {
        color: #666;
  font-size: 15px;
	line-height: 1.8;
}

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

}

.benefit-item {
    display: flex;
  gap: 20px;
}

.benefit-content h4 {
  font-size: 18px;
   margin-bottom: 8px;
   color: #1a252f;
}

.benefit-content p {
   color: #666; 
	   font-size: 14px;
}

.contact-wrapper {
  display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 60px;
   align-items: start;
}

.contact-info h2 {
   font-size: 36px;
    margin-bottom: 32px;
		 color: #1a252f;
   font-weight   : 800;
}

.info-item {
  display: flex;
    gap: 16px;
	margin-bottom: 28px;
}

.info-item-icon {
          width: 40px;
    height    :       40px;
  background: linear-gradient(135deg, #3498db, #2980b9);
   border-radius :        8px;
   display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-item-icon img {
	 width: 20px;
    height: 20px;
  filter: brightness(0) invert(1);
}

.info-content h4	{
   font-size: 16px;
	font-weight: 600;
    color: #1a252f;
    margin-bottom: 4px;
}

.info-content p


{
  color: #666;
   	 font-size: 15px;
}

.contact-form


{
	background: white;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  border  :       1px solid #e8ecf1;
}



.form-group {
   margin-bottom: 24px;
}

.form-group label

{
	display: block;
   font-weight: 600;
    margin-bottom: 8px;
     color: #2c3e50;
 font-size :        14px;
}

.form-group input,
.form-group select,
.form-group textarea {
    width   :        100%;
  padding: 12px 16px;
  border: 1px solid #d4dce6;
 border-radius     :6px;
   font-size: 14px;
    font-family: inherit;
    transition: all 0.3s ease;
   color: #2c3e50;
} 

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
         border-color    :    #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.form-group textarea {
   resize     :       vertical;
   min-height     : 120px;
}

.form-submit {
  width: 100%;
  background: linear-gradient(135deg, #3498db, #2980b9);
  color: white;
    padding: 14px;
	border: none;
  border-radius: 6px;
	 font-weight: 600;
	font-size    :  16px;
   cursor: pointer;
    transition   :     all 0.3s ease;
}


.form-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(52, 152, 219, 0.3);

}@media (max-width: 768px) {
    .contact-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .contact-form {
        padding: 24px;
    }

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

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

    .stats-container {
        gap: 24px;
    }

    .stat-item h3 {
        font-size: 24px;
    }

    .cta-section {
        padding: 40px 20px;
    }

    .cta-section h2 {
        font-size: 28px;
    }

    .cta-section p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .cta-button,
    .cta-button-white {
        display: block;
        width: 100%;
        text-align: center;
    }
}