.header {
      background-image: url()!important;
      background-size: cover!important;
      background-position: center!important;
      height: 400px!important;
      display: flex!important;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      position: relative;
    }

    .header::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1;
    }

    .header h1 {
      font-size: 3rem;
      position: relative;
      z-index: 2;
      color: #3c92e8;;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    @media (max-width: 768px) {
      .header {
        height: 200px!important;
      }

      .header h1 {
        font-size: 2rem;
      }
    }
   .title{
    color: #3c92e8;
   }
        .principal {
            display: flex;
            align-items: flex-start;
            margin: 20px 0;
            gap: 1.5rem;
        }
        .principal-us-one, .content-one {
            flex: 1;
            
        }
        .principal-us-one img {
            width: 100%;
            height:100%;
        }
        .title {
            font-size: 1.5rem;
            font-weight: bold;
        }
        .content {
            font-size: 1rem;
            line-height: 1.6;
        }
        .facilities-list {
            list-style-type: none!important;
            padding: 0;
        }
        .facilities-list li {
            margin: 10px 0;

        }
        .facilities-list i{
          color: #3c92e8;
        }
        @media(max-width:769px){
          .principal {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }
         .principal-us-one img {
            width: 100%!important;
            height:100%!important;
        }
        }
        .principal-us-two{
          margin: 0 6%;
          margin-bottom: 40px;
        }