#hero {
    position: relative;
    padding: 7.5rem 0;
}
#hero .title {
    color: #0a1d37;
    font-size: clamp(2rem, 3vw, 4.5rem);
    font-weight: 700;
    line-height: 110%;
    
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 2.5rem 0;
}
#hero .desc {
    color: #333333;
    font-size: 1.13rem;
    font-weight: 400;
    line-height: 1.38rem;
    
    text-align: center;
    margin: 0 0 3.13rem 0;
}
#hero .title, 
#hero .desc {
    opacity: 0; 
    visibility: hidden; 
}

#hero .globe {
  position: absolute; 
  top: -30%;
  left: 0;
  
  width: 100%;
  height: 160%;
  
  z-index: -1; 
  
  overflow: hidden;
}

#hero .globe .globe-canvas {
  width: 100%;
  height: 100%;
  display: block;
    opacity: .5;
}

@media (max-width: 992px) {
    #hero {
        padding: 3rem 0;
    }
    nav .breadcrumb {
        margin-top: 0;
    }
}