@import url('poppins.css');


* {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: "Poppins", serif !important;
    /* color: #364153 !important; */
    color: #1c222a !important;
}

/* Container */
.container {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 1000px) {
    .container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1440px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1550px !important;
    }
}

@media only screen and (min-width: 1700px) {
    .container {
        max-width: 1650px !important;
    }
}


/* Colors */

.bg-primary {
    background: #21a1db;
}

.bg-primary-dark {
    background: #064b76;
}

.bg-primary-light {
    background: #5dc1e8;
}

.bg-primary-extra-light {
    background: #e3f5ff;
}


.text-primary {
    color: #21a1db;
}

.text-primary-dark {
    color: #064b76;
}

.text-primary-light {
    color: #5dc1e8;
}

.hover-text-primary {
    transition: color 0.2s ease-in-out;
}

.hover-text-primary:hover {
    color: #21a1db;
}

.btn-primary {
    background: #21a1db;
    color: #fff;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.btn-primary:hover {
    background: #064b76;
    color: #fff;
}


.bg-gradient-primary {
    background: linear-gradient(to right, #21a1db, #064b76);
}

.bg-gradient-primary-black {
    background: linear-gradient(to bottom, #064b76, #000);
}

.bg-gradient-primary-black-top {
    background: linear-gradient(to top, #064b76, #000);
}


/**
Loader
*/
.animate-loader {
    animation: loaderAnim .7s infinite ease-in-out;
}

@keyframes loaderAnim {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }
    
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    
    100% {
        transform: scale(1);
        opacity: 0.5;
    }
}

/* Video.js cover fit for About section */
#about-us-video .vjs-poster,
#about-us-video .vjs-tech {
    object-fit: cover;
    object-position: center;
}
#about-us-video {
    background-color: #000;
}