@charset "utf-8";

/*Default Styles*/
a,
button,
i,
nav,
nav * {
    -webkit-transition: all 0.5s ease !important;
    -moz-transition: all 0.5s ease !important;
    -o-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    text-decoration: none;
}

a,
a:hover {
    color: #0486C7;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    font-weight: 400;
}

h1,
.h1 {
    font-size: 2.8rem;
}

.h2,
h2 {
    font-size: calc(1.825rem + .9vw);
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-dark {
    background-color: #323C47 !important;
}

.bg-light {
    background-color: #F5F5F5 !important;
}

.bg-overlay-60 {
    background-color: rgba(0, 0, 0, 0.60);
}

.bg-overlay-45 {
    background-color: rgba(0, 0, 0, 0.45);
}

.bg-overlay-25 {
    background-color: rgba(0, 0, 0, 0.25);
}

.bg-primary {
    background-color: #0486C7 !important;
}

.bg-primary-dark {
    background-color: #0063AA !important;
}

.bg-primary-light {
    background-color: #DBEDF7 !important;
}

.bg-white-80 {
    background-color: rgba(255, 255, 255, 0.80) !important;
}

.border-bottom {
    border-bottom: 1px solid #DDD !important;
}

.border-left {
    border-left: 1px solid #DDD !important;
}

.border-top {
    border-top: 1px solid #DDD !important;
}

.display-3 {
    font-size: 4rem;
}

.fs-1 {
    font-size: 1.5rem !important;
}

.fs-2 {
    font-size: 1.25rem !important;
}

.fs-3 {
    font-size: 1.125rem !important;
}

.fs-4 {
    font-size: 0.875rem !important;
}

.fs-5 {
    font-size: 0.75rem !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.fw-semi {
    font-weight: 600 !important;
}

.modal {
    padding: 0
}

.modal_form .form-group {
    margin-bottom: 1.2rem;
}

.shadow-lg {
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.text-black-25 {
    color: rgba(0, 0, 0, 0.25) !important;
}

.text-black-45 {
    color: rgba(0, 0, 0, 0.45) !important;
}

.text-primary {
    color: #0486C7 !important;
}

.text-shadow-0 {
    text-shadow: none !important;
}

.text-shadow-1 {
    text-shadow: 1px 1px 2px rgb(0 0 0 / 50%) !important;
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.80) !important;
}

.text-white-60 {
    color: rgba(255, 255, 255, 0.60) !important;
}

.text-white-45 {
    color: rgba(255, 255, 255, 0.45) !important;
}

.w-80 {
    width: 80% !important;
}

/*Active, Focus & Hover Styles*/
.link:hover {
    text-decoration: underline;
}

@media (min-width: 576px) {
    .display-2 {
        font-size: 2.8125rem;
    }

    .img_lg,
    .img_md {
        min-height: 25rem;
    }

    .modal_lg .modal-dialog {
        max-width: 700px;
    }

    .modal_lg .modal-body {
        padding: 2rem;
    }

    .top {
        height: auto;
    }
}

/* MD Devices*/
@media (min-width: 768px) {
    .display-3 {
        font-size: 2.85rem;
    }

    .w-md-auto {
        width: auto !important;
    }
}

/* LG Devices*/
@media (min-width: 992px) {
    .display-3 {
        font-size: 3.5rem;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }
}

/* XL Devices*/
@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 3.125rem;
    }

    h2,
    .h2 {
        font-size: 2.5rem;
    }

    .h3,
    h3 {
        font-size: 2rem;
    }

    .display-3 {
        font-size: 4rem;
    }

    .px-xl-6 {
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
}

/* XXL Devices*/
@media (min-width: 1440px) {
    .w-xxl-90 {
        width: 90% !important;
    }
}

/* 3XL Devices*/
@media (min-width: 1600px) {
    .pe-3xl-6 {
        padding-right: 7rem !important;
    }
}

/* HR Devices*/
@media (min-width: 1920px) {
    .pe-hr-7 {
        padding-right: 9rem !important;
    }

    .w-hr-80 {
        width: 80% !important;
    }

    .w-hr-85 {
        width: 85% !important;
    }
}

/* 2k Devices*/
@media (min-width: 2560px) {
    .pe-2k-8 {
        padding-right: 28rem !important;
    }

    .w-2k-70 {
        width: 70% !important;
    }
}