.auto-style-1 { background-color: #001d5b }
.auto-style-2 { margin-top: 50px; display: flex; justify-content: center; align-items: center; text-align: center }
.auto-style-3 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: auto }
.auto-style-4 { margin-top: 50px; border: 3px solid #000; height: 400px; width: 800px }
.auto-style-5 { text-align: center; font-size: 2rem; color: #1d3694; margin-top: 15px }
.auto-style-6 { font-size: 15px; text-align: left; margin-left: 30px; text-align: justify }
.auto-style-7 { text-transform: uppercase; color: #1d3694; font-size: 2rem }
.auto-style-8 { margin-top: -5px }
.auto-style-9 { text-align: justify }
.auto-style-10 { margin-bottom: 50px }

/* Extracted <style> blocks */
body {
      font-family: arial;
    }

    .design {
      display: flex;
    }

    @media (max-width: 767px) {
      .container {
        margin-top: 30px;
      }

      .container>div {
        display: block !important;
        text-align: center;
      }

      .container>div img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
      }
    }

    @media (min-width: 768px) and (max-width: 1023px) {
      .container>div {
        display: block !important;
        text-align: center;
      }

      .container>div img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
      }
    }

    }

.banner-container {
            max-width: 1200px;
            margin: 30px auto 0 auto;
            border: 5px solid #ccc;
          }

          .banner-container img {
            height: 100%;
            width: 100%;
            object-fit: cover;
          }