/* GLOBAL CSS */

@import url(https://fonts.googleapis.com/css?family=Rubik:300,300italic&subset=latin);
@import url(https://fonts.googleapis.com/css?family=Rubik:regular,italic&subset=latin);
body {
    /* overflow-y: hidden; */
}

.margin-top-small {
    margin-top: 15px !important;
}

.margin-top-medium {
    margin-top: 25px !important;
}

.margin-top-large {
    margin-top: 45px !important;
}

.remove-bottom-margin {
    margin-bottom: 0px;
}

.margin-bottom-small {
    margin-bottom: 15px !important;
}

.margin-bottom-medium {
    margin-bottom: 25px !important;
}

.margin-bottom-large {
    margin-bottom: 50px !important;
}

.nav-logo {
    filter: invert(100%) sepia(100%) saturate(24%) hue-rotate(350deg) brightness(106%) contrast(105%);
    width: 65px;
    margin-left: 15px;
}

.font-rubik {
    font-family: 'Rubik';
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    text-decoration: none;
    font-feature-settings: 'kern', 'liga' 0, 'clig' 0, 'calt' 0, 'titl' 0, 'salt' 0, 'swsh' 0, 'cswh' 0;
    text-transform: none;
    background-color: Transparent;
    letter-spacing: 0em;
}

.p-font-rubik {
    font-family: 'Rubik';
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    text-decoration: none;
    font-feature-settings: 'kern', 'liga' 0, 'clig' 0, 'calt' 0, 'titl' 0, 'salt' 0, 'swsh' 0, 'cswh' 0;
    text-transform: none;
    background-color: Transparent;
    letter-spacing: 0em;
}

.title-font-rubik {
    font-family: 'Rubik';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    text-decoration: none;
    font-feature-settings: 'kern', 'liga' 0, 'clig' 0, 'calt' 0, 'titl' 0, 'salt' 0, 'swsh' 0, 'cswh' 0;
    text-transform: none;
    background-color: Transparent;
    letter-spacing: 0em;
}

.justify-text {
    text-align: justify;
}

.main-heading {
    text-align: center;
    font-size: xxx-large;
    font-weight: 600;
    margin-bottom: 50px;
}

.main-text {
    font-size: larger;
}

.font-size-xxlarge {
    font-size: xx-large;
}

.max-width-98 {
    max-width: 98%;
}

.max-width-97 {
    max-width: 97%;
}

.max-width-96 {
    max-width: 96%;
}


/* Hide scrollbar for Chrome, Safari and Opera */

.container::-webkit-scrollbar {
    overflow-y: scroll;
    display: none !important;
}


/* Hide scrollbar for IE, Edge and Firefox */

.container {
    overflow-y: scroll;
    /* IE and Edge */
    -ms-overflow-style: none !important;
    /* Firefox */
    scrollbar-width: none !important;
}


/* PER PAGE CSS */

.navbar {
    background-color: #02ABCC !important;
}

.nav-link {
    color: white !important;
    margin-right: 15px;
}

#navbarScroll {
    margin-left: 25px;
}

@media screen and (max-width: 991px) {
    .nav-active {
        color: white !important;
    }
}

@media screen and (min-width: 992px) {
    .nav-active {
        color: white !important;
        border-bottom: 3px solid white;
        border-radius: 7px;
    }
}

#header-image {
    width: 100%;
    height: 309px;
    border-radius: 0px 0px 25px 25px;
}

#header-text {
    width: 80%;
    margin: auto;
}

#home-column-1 {
    background-color: #004040;
    color: white;
}

#home-column-2 {
    background-color: #007F7F;
    color: white;
}

.home-column {
    padding: 25px;
    border-radius: 25px;
    margin: 10px;
}

.column-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}

.hide-decoration {
    text-decoration: none;
    color: inherit;
}

.step-column {
    background-color: #02ABCC;
    color: white;
}

.footer {
    background-color: #02ABCC;
    color: white;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(0, 0, 0, .125);
    text-align: center !important;
    max-width: 100%;
    margin: auto;
}

.add-empty-space {
    height: 100px;
}

.team-image {
    max-width: 190px;
    max-height: 190px;
    border-radius: 15px;
}

.more-image {
    width: 600px;
    height: 300px;
    border-radius: 15px;
}

@media screen and (max-width: 550px) {
    .more-image {
        width: 460px;
    }
}

@media screen and (max-width: 400px) {
    .more-image {
        width: 377px;
    }
}

.contact-image {
    max-width: 231px;
    height: 231px;
    border-radius: 15px;
}

@media screen and (max-width: 991px) {
    .container {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 550px) {
    .email-text {
        font-size: unset !important;
    }
}

@media screen and (max-width: 450px) {
    .email-text {
        font-size: small !important;
    }
}

.navbar-toggler {
    background-color: white;
}

.whatsapp-link {
    width: 200px;
}

.add-pagination {
    display: flex;
    justify-content: center;
}

#add-image {
    max-width: 100%;
    display: flex;
    justify-content: center;
    margin: auto;
}

.page-nav-style {
    color: #02ABCC;
}