/* =========================== SECTION 1 | CSS ==========================*/
  .section1-background {
    position: relative;
    height: 30em;
    background-image: url('/static/images/Home_images/Main-head-background.png');
    background-size: cover;
    background-position: center;
    border-radius: var(--border-radius); /* Top-left, Top-right, Bottom-right, Bottom-left */
    overflow: hidden; 
    box-shadow: 
            inset 0 -2em 2em -0.2em rgba(0, 0, 0, 1), /* Bottom shadow */
            inset -2em 0 2em -0.2em rgba(0, 0, 0, 0.6), /* Left shadow */
            inset 2em 0 2em -0.2em rgba(0, 0, 0, 0.6); /* Right shadow */
  }
  .section1-background::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 30%, rgba(0, 0, 0, 0.4) 100%, transparent 100%);
    border-radius: inherit; 
  }
  .section1-header{
    font-size: 6em;
    margin-top: 2em;
    text-transform: uppercase;
    text-align: center;
  }

  /* =========================== SECTION 2 | CSS ==========================*/
  .section2-image-header{
    background-image: url('/static/images/logo/AIWARE_white.png'); 
    background-position: center; 
    background-size: cover; 
    width: 20em; 
    height: 6.5em;
  }

  /* =========================== SECTION 3 | CSS ==========================*/
  .section3-containter{
    border: 0.0325em solid var(--border-color); 
    border-radius: var(--border-radius);
    padding: 1em;
    padding-left: 2em;
    background-color: var(--primary-color);
  }

  .section3-left-section{
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    padding: 2.5em;
  }

  .section3-right-section{
    color: var(--background-color);
    background-color: var(--primary-color);
    padding: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }

  .section3-input {
    background-color: var(--primary-color);
    border: none; /* This will remove all borders */
    border-radius: 0;
    border-bottom: 0.01em solid var(--border-color); /* This sets just the bottom border */
  }
  
  .form-container {
    position: relative;
  }
  
  .loader {
    position: absolute;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
  }
  .loader:after {
    border-radius: 50%;
    width: 0.625em; 
    height: 0.625em;
  }

  .section3-indicator{
    width: 6em; height: 6em; position: absolute; top:0; margin: 1em; margin-left: 2em; display: none;
  }