a 
{
	color:#f01a22;
	font-size: 14px;
	vertical-align: middle;
	font-family:  Arial, Verdana, "Courier New", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: None;
}      
a:hover {color:#0060b0;}  /* mouse over link */

    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #f9f9f9;
      color: #333;
	    background-image: url("bg.png");

  /* Add the blur effect */
  filter: blur(0px);
  -webkit-filter: blur(0px);

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
    }

    .container {
      max-width: 1100px;
      margin: 1 auto;
      padding: 20px 20px;
    }
    h1 {
      text-align: center;
      margin-bottom: 40px;
      color: #fa0707;
    }
    .services {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
    }
    .service {
      background: white;
      padding: 20px;
      border-radius: 8px;
      text-align: center;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      flex: 1 1 250px;
      max-width: 300px;
    }
    .service img1 {
     
      object-fit: cover;
      border-radius: 6px;
      margin-bottom: 15px;
    }
    .service h3 {
      margin: 10px 0;
      color: #222;
    }
    .service p1 {
      font-size: 14px;
      color: #666;
      text-align: Justify;
    }
	 .service p {
      border: 2px solid #333; /* Solid black border */
      padding: 10px;          /* Space inside the border */
      margin: 20px;           /* Space outside the border */
      border-radius: 10px;     /* Rounded corners */
      background-color: #c8eafa; /* Optional background color */
    }
	
	.containerWhyChooseUs {
      max-width: 1000px;
      margin: 40px auto;
      padding: 0 20px;
    }

    h2 {
		font-size: 20px;
      text-align: center;
      margin-bottom: 30px;
      color: #007BFF;
    }

    .features {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

    .feature {
      background-color: #EEEEEE;
      border: 2px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      padding: 20px;
      flex: 1 1 calc(30% - 20px);
      margin: 10px;
      text-align: center;
      transition: transform 0.3s;
    }

    .feature:hover {
      transform: translateY(-5px);
    }

    .feature h3 {
      color: #007BFF;
    }

    footer {
      text-align: center;
      padding: 20px 0;
      color: #000000;
    }

    @media (max-width: 768px) {
      .feature {
        flex: 1 1 100%;
      }
    }
	 h4 {
		font-size: 20px;
      text-align: Justify;
      margin-bottom: 30px;
      color: #000000;
    }