/** Shopify CDN: Minification failed

Line 14:15 Unexpected "{"
Line 14:24 Expected ":"
Line 87:17 Unexpected "{"
Line 87:26 Expected ":"

**/
.banner__box p {
    color: #0E1E40;
}


#overlay-menu-{{ section.id }} .om__actions{
  justify-self: end;
}

.trio {
    display: flex;
    justify-content: center;
    align-items: center;
    --overlap: 30px;
    gap: 0;
    position: absolute;
    top: 87%;
}

.circle{
  --size: clamp(100px, 22vw, 200px);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  font-weight:400;
  font-size: clamp(18px, 2.2vw, 31px);
  line-height:1.1;
  position:relative;
}

.circle + .circle{ margin-left: calc(-1 * var(--overlap)); }


.trio .navy { z-index: 3; }  
.trio .blue { z-index: 2; } 
.trio .gold { z-index: 1; }


.navy{ background:#142744; }  
.blue{ background:#3b5e92; }      
.gold{ background:#b38d4f; }    


@media screen and (min-width: 1400px) {
    .banner__box {
        max-width: 100% !important;
    }
    .banner__content {
        padding: 20rem 5rem 0;
    }
}

@media (min-width: 990px) {
    .main-hero--custom .banner__box h1 {
        font-size: 50px !important;
    }
    .banner__box p {
        font-size: 37px;
    }

    .trio { 
        right: 0;
    }
}

@media screen and (min-width: 750px) {
    .banner__content {
        padding-bottom: 0;
        padding-top: 20rem;
    }
}

@media (max-width: 989px){
  #overlay-menu-{{ section.id }} .om__cta{
    display: none !important;
  }

  .trio {
    position: relative;
  }
}