/*:root {
    --primary: #0490E1;
    --primary-opacity: rgba(4, 144, 225, 0.7);
    --primary-contrast: rgba(1, 1, 1, 0.6);
    --secondary: #d6f0ff;
    --secondary-opacity: rgba(214, 240, 255, 0.5);
}*/

.txt-blue {
    color: var(--primary) !important;
}

.btn-main {
    background-color: var(--primary);
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 800;
    color: white;
    text-decoration: none;
    border: 3px solid var(--primary);
    border-bottom: 3px solid rgba(1, 1, 1, 0.6);
    transition: 0.3s all;
    position: relative;
    top: 0;
}

    .btn-main:hover {
        background-color: var(--primary-opacity);
        color: white;
        border: 3px solid var(--primary-opacity);
        border-bottom: 3px solid rgba(1, 1, 1, 0.6);
        position: relative;
        top: -5px;
    }

    .btn-main span {
        width: 30px;
        height: 30px;
        border: 3px solid white;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: relative;
        top: 3px;
        left: 8px;
    }

.btn-secondary {
    text-decoration: none;
    padding: 8px 20px !important;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 800;
    background-color: transparent;
    color: var(--primary) !important;
    border: 3px solid var(--primary);
    position: relative;
    top: 0;
    transition: 0.3s all;
}

    .btn-secondary:hover {
        background-color: var(--primary);
        border: 3px solid var(--primary);
        color: white !important;
        position: relative;
        top: -5px;
    }

.banner-container .btn-main, .sec-9-cont .btn-main {
    color: var(--primary);
    background-color: white;
    border: 3px solid var(--primary);
}

    .banner-container .btn-main span, .sec-9-cont .btn-main span {
        width: 30px;
        height: 30px;
        border: 3px solid var(--primary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        position: relative;
        top: 3px;
        left: 8px;
    }

.section-1 {
    background-image: unset;
    padding-bottom: 50px;
}

    .section-1 .banner-container {
        background-color: var(--primary-opacity);
    }

.section-3,
.section-7,
.section-5 {
    background-color: var(--primary-opacity);
}


.section-6 table tr td span {
    color: var(--primary) !important;
}

.sec-9-cont {
    background-color: var(--primary-opacity);
}


.section-2 {
    padding: 50px 0;
}

    .section-2 img.display-large {
        margin: 0;
    }

.section-2-img {
    background-color: var(--primary);
    margin-bottom: 110px;
}