#global-loader, .map-container iframe {
    left: 0;
    top: 0;
    width: 100%;
    position: absolute
}

body {
    font-family: Nunito
}

.box, .tab {
    transition-property: all;
    transition-duration: 1s
}

.box:hover {
    background: linear-gradient(#77e4d8, #66bad6);
    margin-top: -70px
}

.nav-pills .nav-link.active, .tab:hover {
    background: linear-gradient(180deg, #78e6d8 0, #66bad5 100%)
}

.ring {
    position: absolute;
    margin-top: -370px
}

.list li {
    list-style: none
}

.map-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

.map-container iframe {
    height: 80%
}

nav ul li a {
    color: #13718e
}

.card-header {
    background: #13718e;
    height: 100px
}

@media (max-width: 600px) {
    .ring {
        margin-top: -200px;
        width: 96%
    }

    .rounded-4 {
        width: 96%
    }
}
@media (max-width: 600px) {
    .box:hover {
        all:unset !important;
    }
    .box{
        pointer-events: none !important;
    }
}

#global-loader {
    z-index: 5;
    background: #66bad5;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

#global-loader img {
    position: absolute;
    top: 50%;
    left: 48%
}