.container {
   padding-left: 15px;
  margin-left: auto;
    padding-right: 15px;
   margin-right  :  auto;
    width    :     100%;

}@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}.row{
    display: flex;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left  :-15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding-right: 15px;
   width: 100%;
   position: relative;
  padding-left     :  15px;
}

.col-1 {


    flex     :      0 0 8.333333%;
        max-width: 8.333333%;
	}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
   flex :        0 0 25%;
       max-width: 25%;
}

.col-4 {
   flex: 0 0 33.333333%;
    max-width: 33.333333%; 

}

.col-5 {
  max-width   :       41.666667%;
  flex: 0 0 41.666667%;
}


.col-6     {
  flex: 0 0 50%;

    max-width: 50%;
	}

.col-7 {
  flex: 0 0 58.333333%;

    max-width: 58.333333%;
}

.col-8 {
   flex: 0 0 66.666667%;
	    max-width: 66.666667%; 
	
}

.col-9 {
   -webkit-flex: 0 0 75%;
   flex   :   0 0 75%;
    -ms-flex    :    0 0 75%;
     max-width: 75%;
}

.col-10

{
   flex: 0 0 83.333333%;
   max-width: 83.333333%;
}

.col-11 {
	  flex: 0 0 91.666667%;
  max-width: 91.666667%;

}



.col-12{
  flex: 0 0 100%;
    max-width: 100%;
}@media (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    
    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    
    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    
    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    
    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    
    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    
    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    
    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    
    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    
    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}.d-none
	{
    display: none !important;
}

.d-block {
  display: block !important;
}

.d-flex {
    display: flex !important;
}@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    
    .d-md-block {
        display: block !important;
    }
    
    .d-md-flex {
        display: flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    
    .d-lg-block {
        display: block !important;
    }
    
    .d-lg-flex {
        display: flex !important;
    }
}.text-left		{
  text-align   :left !important;
}

.text-center	{
   text-align   :        center !important;
}

.text-right {
    text-align: right !important;
}

.mt-1 {
   margin-top     :        0.25rem !important;
}



.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {

					margin-top: 1rem !important;
	}

.mt-4 {

	  margin-top: 1.5rem !important;
	
}

.mt-5


{
  margin-top: 3rem !important;
}

.mb-1 {

    margin-bottom: 0.25rem !important; 

	}

.mb-2 {


  margin-bottom: 0.5rem !important;
     }

.mb-3 {
	 margin-bottom  :  1rem !important;
}

.mb-4 {
  margin-bottom     :       1.5rem !important;
}

.mb-5 {
 margin-bottom: 3rem !important;

}

.pt-1 {
       padding-top: 0.25rem !important;
}

.pt-2 {
   padding-top: 0.5rem !important;
}

.pt-3 {
        padding-top:  1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
   padding-top: 3rem !important;
}

.pb-1 {
   padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
   padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
	
}

.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 {
  font-size: 1.1rem;
   color: #7f8c8d;
  margin-bottom :    1.5rem;
   line-height: 1.7;
}@media (max-width: 768px) {
    .policyContainer h2 {
        font-size: 2rem;
    }
    .policyContainer p {
        font-size: 1rem;
    }
    .policySection {
        padding: 60px 1rem;
    }
}.service-highlight {
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
  padding: 3rem;
  border-radius: 15px;
               margin: 3rem 0;
}

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

	    color: white;

	 padding: 60px 20px;

	  text-align: center;

	    border-radius:15px;

	  margin:  4rem auto;

		 max-width: 1200px;
}

.cta-banner h2 {
   font-size: 2.2rem;
      margin-bottom: 1rem;
}

.cta-banner p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.testimonial-card {
                    position: relative;
  overflow :       hidden;
}

.testimonial-card::before {
  content: '"';
  position: absolute;
	top: -10px;
    left: 20px;
    font-size: 5rem;
  color: rgba(102, 126, 234, 0.1);
  font-family: Georgia, serif;
}

.pricing-badge {

	    display: inline-block;
  background: #667eea;
  color: white;
  padding: 5px 15px;
	border-radius: 20px;
  -moz-border-radius: 20px;
   font-size: 0.85rem;
   margin-bottom: 1rem;
	
}

.fade-in  
  {
    animation: fadeIn 0.8s ease-in;
}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.btn-outline {
      display: inline-block;

	background: transparent;

  color: #667eea;

    padding: 12px 30px;

    border: 2px solid #667eea;

    border-radius: 50px;

  text-decoration: none;

  font-weight: 600;

   transition: all 0.3s;
}

.btn-outline:hover {
  background: #667eea;

   color: white;

}

.info-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	 gap: 2rem;
    margin     : 3rem 0;
}

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

.info-card:hover {
	  transform: translateY(-5px);

     }

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

.progress-steps {
    display: flex;
    justify-content: space-between;
  margin: 3rem 0;
   padding: 0 2rem;
}

.progress-step {


   flex: 1;
	 text-align  :     center;
          position: relative; 
	}

.progress-step:not(:last-child)::after {


  left: 60%;
  content: '';
  top   :        20px;
   position: absolute;
  background :        #e0e0e0;
	width: 80%;
    height: 2px;}


.step-number {
      width     :   40px;
  height: 40px;
    background: #667eea;
               color: white;
  border-radius :    50%;
  display     :       inline-flex;
   align-items :    center;
  justify-content: center;
    font-weight: bold;
   margin-bottom: 0.5rem; 
	
}

.social-proof {
	background:     #f8f9fa;
    padding: 2rem;
 border-radius: 10px;
   margin-top: 2rem;
}

.social-proof p {
  margin: 0;
        color: #555;
    font-size: 0.95rem;
}@media (max-width: 768px) {
    .cta-banner {
        padding: 40px 20px;
    }

    .cta-banner h2 {
        font-size: 1.8rem;
    }

    .progress-steps {
        flex-direction: column;
        gap: 2rem;
    }

    .progress-step:not(:last-child)::after {
        display: none;
    }

    .info-card-grid {
        grid-template-columns: 1fr;
    }
}.sr-only {
   position: absolute;
    width: 1px;
    height   :       1px;
  padding: 0;
    margin: -1px;
   overflow  :  hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
    border :0;
}

a:focus,
button:focus {
  outline  :      2px solid #667eea;
  outline-offset     :2px;

}

.loading {
  position: relative;
    pointer-events: none;
  opacity: 0.6;
}  

.loading::after {
  content: '';
		 position: absolute;
    top: 50%;
   left :       50%;
    width: 20px;
  height:     20px;
               margin: -10px 0 0 -10px;
   border    :    2px solid #667eea;
  border-top-color: transparent;
    border-radius: 50%;
   animation: spin 0.6s linear infinite;
}@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}.text-gradient {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

		background-clip: text;
}

.shadow-soft {
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.shadow-hard {
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
}