@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;700&display=swap');

:root {
    --prim-color: #14578c;
    --sec-color: #23b8cc;
    --text-color: #8c8884;
    --text-dark-color: #686868;
    --font-family-poppins: 'Poppins', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: var(--font-family-poppins);
}

footer {
    /* background-color: #14578c; */
    color: black;
}

footer a {
    color: black;
}

footer a:hover {
    color: black;
}

.fw-600 {
    font-weight: 600;
}

/*---------------- bootstrap custom styles or overwritten styles------------- */

.navbar-brand {
    margin-right: 6rem;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: unset;
    vertical-align: unset;
    content: "";
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
}

.carousel-inner--custom {
    position: relative;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}

#loginModal.modal {
    top: calc(100% - 80%);
}

/*---------------- bootstrap custom styles or overwritten styles------------- */

.navbar-wrapper.scrolled {
    background-color: #fff !important;
    box-shadow: 0px 5px 10px -2px rgba(179, 191, 194, 0.75);
    -webkit-box-shadow: 0px 5px 10px -2px rgba(179, 191, 194, 0.75);
    -moz-box-shadow: 0px 5px 10px -2px rgba(179, 191, 194, 0.75);
    transition: background-color 200ms linear;
}

@media (max-width: 991px) {
    .navbar-wrapper {
        background-color: #fff !important;
    }
}

/* --------------------- custom styles -------------------------*/
.bg--primary {
    background-color: var(--prim-color);
}

.bg--secondary {
    background-color: var(--sec-color);
}

.prim--color {
    color: var(--prim-color);
}

.sec--color {
    color: var(--sec-color);
}

.primary--btn {
    background: var(--prim-color);
    color: #fff !important;
    border-radius: 25px;
    border: unset;
    padding: 15px 30px;
}

.primary--btn:hover {
    background: #002440;
    text-decoration: none;
}

.input-rounded {
    padding: 20px;
    border: none;
    border-radius: 25px;
    background: #eeeeee;
}

.secondary--btn {
    background: var(--sec-color);
    color: #fff !important;
    border-radius: 25px;
    border: unset;
    padding: 15px 30px;
}

.secondary--btn:hover {
    background: #008395;
    text-decoration: none;
}


.hov-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--text-dark-color);
    transition: width .3s;
}

.hov-link:hover::after {
    width: 100%;
    /* transition: width .3s; */
}

@media (min-width: 1px) and (max-width: 575.98px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 25px !important;
    }

    .home-content1 {
        padding: 0px;
    }

    p {
        font-size: 13px !important;
    }

    .item-content h1 {
        font-size: 20px !important;
    }

    .item-content {
        padding: 0 !important;
    }

    .mobile-header {
        font-size: 25px;
    }

    .home-content1 {
        padding: 0px;
    }

    .faqs-content {
        display: none !important;
    }

    .mobile-p {
        font-size: 13px;
    }

    .image-brand {
        width: 180px !important;
        height: 60px !important;
    }

    .owl-two {
        height: 100vh;
    }

    .item {
        height: 100vh;
    }

    .item::before {
        height: 100vh;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 26px !important;
    }

    p {
        font-size: 14px !important;
    }

    .item-content {
        padding: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 30px !important;
    }

    p {
        font-size: 15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1399.98px) {}

@media (min-width: 1400px) {}

/* @media (min-width: 1px) and (max-width: 767.98px) {

    .owl-two {
        height: 100vh !important;
    }

    .item {
        height: 100vh !important;
    }
} */

/* --------------------- custom styles -------------------------*/