/* Hero */
    .cw-hero {
        background-image: linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 70%)), url(https://apihoard.webit.com/api/v1/Image/0BBD40E760AF27B34A988193F22ADB4C/0BBD40E760AF27B34A988193F22ADB4C.jpg?size=1920x1440);
    background-size: cover;
    background-position: top
}

@media(max-width: 768px) {
    .cw-hero h1.text-uppercase {
        font-size:1.2em
    }
}

@media(min-width: 992px) {
    .cw-hero h5.text-uppercase.text-highlight {
        margin-top:14em
    }

    .cw-hero h1.text-uppercase {
        font-size: 3.5em
    }
}
  
  .st1 {
    fill: #003378;
}


/* Why Choose Section */
.home-heading h2 {
    color: var(--color-theme-text, #000);
    font-size: 2.5em;
  }

  .cw-home-banner {
    text-align: center;
    padding: 3% 0;
  }

  .cw-home-banner .container {
    background-color: #007ed4;
    padding: 2% 0;
    border-radius: 25px;
  }

  .cw-home-banner .fa {
    color: var(--color-theme-text, #000);
    padding-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .cw-home-banner h6 {
    color: var(--color-theme-text, #000);
    font-size: 1.4em;
    font-weight: 600;
  }

  .cw-home-banner p {
    color: var(--color-theme-text, #000);
    font-size: 1em;
  }

  @media (max-width: 768px) {
    .cw-home-banner h6 {
      font-size: 1.2em;
    }

    .cw-home-banner .fa {
      font-size: 2.5em;
    }
  }


  /* HOME PAGE BOTTOM BANNER */

.cw-bottom-banner {
    background-color: var(--color-theme-secondary);
    padding: 0;
}

.cw-bottom-banner h2 {
    font-size: 1.35em;
    font-weight: 700;
    color: var(--color-theme-text-btn);
    text-align: center;
}

    @media (min-width: 992px) {

        .cw-bottom-banner h2 {
            font-size: 1.85em;
        }
    }

    @media (min-width: 1200px) {

        .cw-bottom-banner h2 {
            font-size: 2.25em;
        }
    }


    /* Parallax */
    .cw-cascade {
        margin: 0 auto;
        padding: 8em 0
    }
    
    .cw-cascade:before {
        overflow: hidden;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgba(0,0,0,.5)
    }
    
    .cw-cascade h2 {
        z-index: 2;
        font-size: 2.5rem;
        text-shadow: 2px 2px 0 #343239
    }
    
    @media(min-width: 768px) {
        .page-home .cw-cascade {
            padding:10em 0
        }
    
        .cw-cascade h2 {
            z-index: 2;
            font-size: 2.75rem
        }
    
        .cw-cascade .btn {
            width: 380px;
            font-size: 1.75rem
        }
    }