/* default css - start */
.color-white {
  color: #fff !important;
}

.color-green {
  color: #45E5CB !important;
}

.color-darkblue {
  color: #062840 !important;
}

.color-royalblue {
  color: #085AA7 !important;
}

.color-mediumturquoise {
  color: #43DABE !important;
}

.color-eucalyptus {
   color: #48D3B7 !important; 
}

.color-oxfordblue {
   color: #0A2742 !important; 
}

.color-lightblue {
  color: #4595E4 !important;
}

.color-cobaltblue {
  color: #0056AD !important;
}

.color-pictonblue {
    color: #54C2E9 !important;
}

.color-gunmetal {
    color: #292F45 !important;
}

.color-spacecadet {
    color: #1F2E5B !important;
}

.color-darkcerulean {
  color: #005680 !important;
}

.color-bleudefrance {
  color: #3384E1 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-green {
  background-color: #45E5CB !important;
}

.bg-darkblue {
  background-color: #062840 !important;
}

.bg-royalblue {
  background-color: #085AA7 !important;
}

.bg-mediumturquoise {
  background-color: #43DABE !important;
}

.bg-eucalyptus {
   background-color: #48D3B7 !important; 
}

.bg-oxfordblue {
   background-color: #0A2742 !important; 
}

.bg-lightblue {
  background-color: #4595E4 !important;
}

.bg-cobaltblue {
  background-color: #0056AD !important;
}

.bg-pictonblue {
    background-color: #54C2E9 !important;
}

.bg-darkcornflowerblue {
    background-color: #24497f !important;
}

.bg-mediumaquamarine {
    background-color: #72d0b8 !important;
}

.bg-hanblue {
    background-color: #487ed2 !important;
}

.banner-container div:empty,
.banner-container a:empty {
  display: none;
}

.code-banner-container .kleio__codeContainer{
  height: 600px;
  width: 100%;
}

/* Mobile BG Styles */
@media (max-width: 768px) {

  .code-banner-container .kleio__codeContainer {
    height: auto;
  }
  
  .mobile-bg-bluesapphire {
    background-color: #185680 !important;
  }

  .mobile-bg-tiffanyblue {
    background-color: #00AAAF !important;
  }

  .mobile-bg-cyanblue {
    background-color: #1A98BF !important;
  }

  .mobile-bg-pictonblue {
    background-color: #54C2E9 !important;
  }

  .mobile-bg-spacecadet {
    background-color: #1F2E5B !important;
  }

  .mobile-bg-oxfordblue {
    background-color: #052741 !important;
  }

  .mobile-bg-mediumturquoise {
    background-color: #56DFCA !important;
  }

  .mobile-bg-darkcerulean {
    background-color: #144A83 !important;
  }

  .mobile-bg-yaleblue {
    background-color: #145A90 !important;
  }

  .mobile-bg-bleudefrance {
    background-color: #2D80E7 !important;
  }
}

/* default css - end */

.primary-banner-container .kleio__codeContainer {
  width:100%;
}

.hero-banner a {
    text-decoration: none;
}

.hero-banner {
  position: relative;
  width: 100%;
  height:600px;
  overflow: hidden;
}

.hero-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  width:100%;
  height:100%;
}

.hero-background-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
  display: block;
}

.hero-background-mobile,
.hero-content-mobile {
  display: none;
}

.hero-content {
  position: relative;
  z-index: 1;
  text-align: left;
  padding: 3rem 0 0 2.5rem;
  width:30%;
}

.hero-content.less-space {
    /*width:30%;*/
    padding: 5rem 0 0 2.5rem;
}

.hero-title {
  font-size: 2.1rem;
  margin-bottom: 10px;
  color: #fff;
  font-weight: 600;
}

.hero-description {
  font-size: 0.85rem;
  line-height: 1.1rem;
  color: #fff;
}

.hero-btn {
    text-decoration: none;
    color: #fff;
    background: #2FEDEA;
    border-radius:2rem;
    padding: 0.2rem 1rem;
    font-size: 0.9rem;
}

.get_logo {
    max-width: 95px;
    margin-left: -5px;
}

.get_logo img {
    width: 100%;
}

#home-carousel .slick-prev, #home-carousel .slick-next {
    width: 25px;
    height: 25px;
    z-index: 99;
}

#home-carousel .slick-next {
    right: 10px;
}

#home-carousel .slick-prev {
    left: 10px;
}

@media (max-width: 1400px) {
  .code-banner-container .kleio__codeContainer, 
  .hero-banner, .slick-list, .slick-slider, .slick-track {
    height:500px;
  }

  .hero-content.less-space {
    padding: 4rem 0 0 2rem;
  }

  .hero-content {
    width: 34%;
  }

  .hero-title {
    font-size: 1.5rem;
  }

  .hero-description {
    font-size: 0.75rem;
  }
}

@media (max-width: 1200px) {
    .hero-content {
      width:35%;
    }
    .hero-background-desktop {
      background-position: 25% center;
    }
}

/* Mobile Styles */
@media (max-width: 768px) {
  .hero-banner {
    height:auto;
    overflow: auto;
  }
  .hero-background-desktop {
    display: none;
  }
  
  .get_logo {
    max-width: 80px;
  }
  
  .hero-container {
      padding:0;
  }

  .hero-background-mobile {
    display: block;
    width: 100%;
    height: 350px;
    background-size: cover;
    background-position: bottom;
  }
  
  .hero-content-mobile {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      z-index:-1;
      display: block;
  }

  .hero-content,
  .hero-content.less-space {
    width: 100%;
    padding: 1.5rem;
    background: #2FEDEA;
    position: relative;
    display: block;
  }
  
  .hero-content.less-space {
    padding: 1.5rem 4rem 1.5rem 1.5rem;
  }

  .hero-title {
    font-size: 1.5rem;
  }

  .hero-description {
    font-size: 0.9rem;
  }
}