/* ==========================================================================
   COLORS AND BUTTONS - All color variants and button styles
   ========================================================================== */

.btn {
    padding: 10px 20px;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
}

    .btn:focus {
        box-shadow: none;
    }

    .btn:hover {
        transform: translateY(-5px);
    }

        .btn:hover:before {
            opacity: 1;
        }

.btn-sm {
    padding: 8px 12px;
    font-size: 12px;
}

.shadow {
    box-shadow: 0px 30px 30px 0px rgba(64, 75, 103, 0.06) !important;
}

.bg-primary {
    background-color: #1e57c7 !important;
}

.bg-soft-primary {
    background-color: rgba(30, 87, 199, 0.1) !important;
}

.text-primary {
    color: #1e57c7 !important;
}

.border-primary {
    color: #528fcf !important;
}

.icon-dual-primary {
    color: #528fcf;
    fill: rgba(30, 87, 199, 0.2);
}

.btn-soft-primary {
    background-color: rgba(30, 87, 199, 0.25) !important;
    color: #528fcf !important;
}

    .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled):active:focus,
    .btn-soft-primary .open > .dropdown-toggle.btn-primary {
        background: #1b4fb5;
    }

.btn-primary {
    background: #528fcf;
    border-color: #528fcf !important;
}

.btn-sec {
    background: #35b2b5;
    border-color: #35b2b5 !important;
    color: white;
}


.client-images img:hover, .client-images img:focus, .client-images img:active {
    opacity: 1 !important;
}


.btn-sec:hover, .btn-sec:focus, .btn-sec:active, .btn-sec.active, .btn-sec.focus, .btn-sec:not(:disabled):not(.disabled):active, .btn-sec:not(:disabled):not(.disabled):active:focus, .btn-sec .open > .dropdown-toggle.btn-sec {
    background: #33b5b4;
    border-color: #35b2b5 !important;
    color: white !important;
    box-shadow: 0px 8px 20px -6px rgba(30, 87, 199, 0.6);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary .open > .dropdown-toggle.btn-primary {
    background: #1b4fb5;
    border-color: #1b4fb5;
    box-shadow: 0px 8px 20px -6px rgba(30, 87, 199, 0.6);
}

.btn-outline-primary {
    color: #1e57c7;
    border-color: #1e57c7;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .btn-outline-primary .open > .dropdown-toggle.btn-primary {
        background: #1e57c7;
        border-color: #1e57c7;
        box-shadow: 0px 8px 20px -6px rgba(30, 87, 199, 0.6);
    }

.bg-success {
    background-color: #0fdf89 !important;
}

.bg-soft-success {
    background-color: rgba(15, 223, 137, 0.1) !important;
}

.text-success {
    color: #0fdf89 !important;
}

.border-success {
    color: #0fdf89 !important;
}

.icon-dual-success {
    color: #0fdf89;
    fill: rgba(15, 223, 137, 0.2);
}

.btn-soft-success {
    background-color: rgba(15, 223, 137, 0.25) !important;
    color: #0fdf89 !important;
}

    .btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.focus, .btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled):active:focus,
    .btn-soft-success .open > .dropdown-toggle.btn-primary {
        background: #0ecc7d;
    }

.btn-success {
    background: #0fdf89;
    border-color: #0fdf89 !important;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled):active:focus,
    .btn-success .open > .dropdown-toggle.btn-primary {
        background: #0ecc7d;
        border-color: #0ecc7d;
        box-shadow: 0px 8px 20px -6px rgba(15, 223, 137, 0.6);
    }

.btn-outline-success {
    color: #0fdf89;
    border-color: #0fdf89;
}

    .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .btn-outline-success .open > .dropdown-toggle.btn-primary {
        background: #0fdf89;
        border-color: #0fdf89;
        box-shadow: 0px 8px 20px -6px rgba(15, 223, 137, 0.6);
    }

.bg-info {
    background-color: #229bee !important;
}

.bg-soft-info {
    background-color: rgba(34, 155, 238, 0.1) !important;
}

.text-info {
    color: #229bee !important;
}

.border-info {
    color: #229bee !important;
}

.icon-dual-info {
    color: #229bee;
    fill: rgba(34, 155, 238, 0.2);
}

.btn-soft-info {
    background-color: rgba(34, 155, 238, 0.25) !important;
    color: #229bee !important;
}

    .btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active, .btn-soft-info.focus, .btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled):active:focus,
    .btn-soft-info .open > .dropdown-toggle.btn-primary {
        background: #1292ea;
    }

.btn-info {
    background: #229bee;
    border-color: #229bee !important;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled):active:focus,
    .btn-info .open > .dropdown-toggle.btn-primary {
        background: #1292ea;
        border-color: #1292ea;
        box-shadow: 0px 8px 20px -6px rgba(34, 155, 238, 0.6);
    }

.btn-outline-info {
    color: #229bee;
    border-color: #229bee;
}

    .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .btn-outline-info .open > .dropdown-toggle.btn-primary {
        background: #229bee;
        border-color: #229bee;
        box-shadow: 0px 8px 20px -6px rgba(34, 155, 238, 0.6);
    }

.bg-warning {
    background-color: #f6cb42 !important;
}

.bg-soft-warning {
    background-color: rgba(246, 203, 66, 0.1) !important;
}

.text-warning {
    color: #f6cb42 !important;
}

.border-warning {
    color: #f6cb42 !important;
}

.icon-dual-warning {
    color: #f6cb42;
    fill: rgba(246, 203, 66, 0.2);
}

.btn-soft-warning {
    background-color: rgba(246, 203, 66, 0.25) !important;
    color: #f6cb42 !important;
}

    .btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning:active, .btn-soft-warning.active, .btn-soft-warning.focus, .btn-soft-warning:not(:disabled):not(.disabled):active, .btn-soft-warning:not(:disabled):not(.disabled):active:focus,
    .btn-soft-warning .open > .dropdown-toggle.btn-primary {
        background: #f5c62f;
    }

.btn-warning {
    background: #f6cb42;
    border-color: #f6cb42 !important;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled):active:focus,
    .btn-warning .open > .dropdown-toggle.btn-primary {
        background: #f5c62f;
        border-color: #f5c62f;
        box-shadow: 0px 8px 20px -6px rgba(246, 203, 66, 0.6);
    }

.btn-outline-warning {
    color: #f6cb42;
    border-color: #f6cb42;
}

    .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .btn-outline-warning .open > .dropdown-toggle.btn-primary {
        background: #f6cb42;
        border-color: #f6cb42;
        box-shadow: 0px 8px 20px -6px rgba(246, 203, 66, 0.6);
    }

.bg-danger {
    background-color: #fb3e3e !important;
}

.bg-soft-danger {
    background-color: rgba(251, 62, 62, 0.1) !important;
}

.text-danger {
    color: #fb3e3e !important;
}

.border-danger {
    color: #fb3e3e !important;
}

.icon-dual-danger {
    color: #fb3e3e;
    fill: rgba(251, 62, 62, 0.2);
}

.btn-soft-danger {
    background-color: rgba(251, 62, 62, 0.25) !important;
    color: #fb3e3e !important;
}

    .btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:active, .btn-soft-danger.active, .btn-soft-danger.focus, .btn-soft-danger:not(:disabled):not(.disabled):active, .btn-soft-danger:not(:disabled):not(.disabled):active:focus,
    .btn-soft-danger .open > .dropdown-toggle.btn-primary {
        background: #fb2a2a;
    }

.btn-danger {
    background: #fb3e3e;
    border-color: #fb3e3e !important;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled):active:focus,
    .btn-danger .open > .dropdown-toggle.btn-primary {
        background: #fb2a2a;
        border-color: #fb2a2a;
        box-shadow: 0px 8px 20px -6px rgba(251, 62, 62, 0.6);
    }

.btn-outline-danger {
    color: #fb3e3e;
    border-color: #fb3e3e;
}

    .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .btn-outline-danger .open > .dropdown-toggle.btn-primary {
        background: #fb3e3e;
        border-color: #fb3e3e;
        box-shadow: 0px 8px 20px -6px rgba(251, 62, 62, 0.6);
    }

.bg-orange {
    background-color: #f09105 !important;
}

.bg-soft-orange {
    background-color: rgba(240, 145, 5, 0.1) !important;
}

.text-orange {
    color: #f09105 !important;
}

.border-orange {
    color: #f09105 !important;
}

.icon-dual-orange {
    color: #f09105;
    fill: rgba(240, 145, 5, 0.2);
}

.btn-soft-orange {
    background-color: rgba(240, 145, 5, 0.25) !important;
    color: #f09105 !important;
}

    .btn-soft-orange:hover, .btn-soft-orange:focus, .btn-soft-orange:active, .btn-soft-orange.active, .btn-soft-orange.focus, .btn-soft-orange:not(:disabled):not(.disabled):active, .btn-soft-orange:not(:disabled):not(.disabled):active:focus,
    .btn-soft-orange .open > .dropdown-toggle.btn-primary {
        background: #dc8505;
    }

.btn-orange {
    background: #f09105;
    border-color: #f09105 !important;
}

    .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-orange.focus, .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled):active:focus,
    .btn-orange .open > .dropdown-toggle.btn-primary {
        background: #dc8505;
        border-color: #dc8505;
        box-shadow: 0px 8px 20px -6px rgba(240, 145, 5, 0.6);
    }

.btn-outline-orange {
    color: #f09105;
    border-color: #f09105;
}

    .btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.focus, .btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled):active:focus,
    .btn-outline-orange .open > .dropdown-toggle.btn-primary {
        background: #f09105;
        border-color: #f09105;
        box-shadow: 0px 8px 20px -6px rgba(240, 145, 5, 0.6);
    }

.bg-dark {
    background-color: #404b67 !important;
}

.bg-soft-dark {
    background-color: rgba(64, 75, 103, 0.1) !important;
}

.text-dark {
    color: #404b67 !important;
}

.border-dark {
    color: #404b67 !important;
}

.icon-dual-dark {
    color: #404b67;
    fill: rgba(64, 75, 103, 0.2);
}

.btn-soft-dark {
    background-color: rgba(64, 75, 103, 0.25) !important;
    color: #404b67 !important;
}

    .btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark.focus, .btn-soft-dark:not(:disabled):not(.disabled):active, .btn-soft-dark:not(:disabled):not(.disabled):active:focus,
    .btn-soft-dark .open > .dropdown-toggle.btn-primary {
        background: #38425a;
    }

.btn-dark {
    background: #404b67;
    border-color: #404b67 !important;
}

    .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled):active:focus,
    .btn-dark .open > .dropdown-toggle.btn-primary {
        background: #38425a;
        border-color: #38425a;
        box-shadow: 0px 8px 20px -6px rgba(64, 75, 103, 0.6);
    }

.btn-outline-dark {
    color: #404b67;
    border-color: #404b67;
}

    .btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
    .btn-outline-dark .open > .dropdown-toggle.btn-primary {
        background: #404b67;
        border-color: #404b67;
        box-shadow: 0px 8px 20px -6px rgba(64, 75, 103, 0.6);
    }

.bg-cyan {
    background-color: #00e6e6 !important;
}

.bg-soft-cyan {
    background-color: rgba(0, 230, 230, 0.1) !important;
}

.text-cyan {
    color: #00e6e6 !important;
}

.border-cyan {
    color: #00e6e6 !important;
}

.icon-dual-cyan {
    color: #00e6e6;
    fill: rgba(0, 230, 230, 0.2);
}

.btn-soft-cyan {
    background-color: rgba(0, 230, 230, 0.25) !important;
    color: #00e6e6 !important;
}

    .btn-soft-cyan:hover, .btn-soft-cyan:focus, .btn-soft-cyan:active, .btn-soft-cyan.active, .btn-soft-cyan.focus, .btn-soft-cyan:not(:disabled):not(.disabled):active, .btn-soft-cyan:not(:disabled):not(.disabled):active:focus,
    .btn-soft-cyan .open > .dropdown-toggle.btn-primary {
        background: #00d2d2;
    }

.btn-cyan {
    background: #00e6e6;
    border-color: #00e6e6 !important;
}

    .btn-cyan:hover, .btn-cyan:focus, .btn-cyan:active, .btn-cyan.active, .btn-cyan.focus, .btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled):active:focus,
    .btn-cyan .open > .dropdown-toggle.btn-primary {
        background: #00d2d2;
        border-color: #00d2d2;
        box-shadow: 0px 8px 20px -6px rgba(0, 230, 230, 0.6);
    }

.btn-outline-cyan {
    color: #00e6e6;
    border-color: #00e6e6;
}

    .btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan.active, .btn-outline-cyan.focus, .btn-outline-cyan:not(:disabled):not(.disabled):active, .btn-outline-cyan:not(:disabled):not(.disabled):active:focus,
    .btn-outline-cyan .open > .dropdown-toggle.btn-primary {
        background: #00e6e6;
        border-color: #00e6e6;
        box-shadow: 0px 8px 20px -6px rgba(0, 230, 230, 0.6);
    }

.bg-blue {
    background-color: #2762da !important;
}

.bg-soft-blue {
    background-color: rgba(39, 98, 218, 0.1) !important;
}

.text-blue {
    color: #2762da !important;
}

.border-blue {
    color: #2762da !important;
}

.icon-dual-blue {
    color: #2762da;
    fill: rgba(39, 98, 218, 0.2);
}

.btn-soft-blue {
    background-color: rgba(39, 98, 218, 0.25) !important;
    color: #2762da !important;
}

    .btn-soft-blue:hover, .btn-soft-blue:focus, .btn-soft-blue:active, .btn-soft-blue.active, .btn-soft-blue.focus, .btn-soft-blue:not(:disabled):not(.disabled):active, .btn-soft-blue:not(:disabled):not(.disabled):active:focus,
    .btn-soft-blue .open > .dropdown-toggle.btn-primary {
        background: #235aca;
    }

.btn-blue {
    background: #2762da;
    border-color: #2762da !important;
}

    .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-blue.focus, .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled):active:focus,
    .btn-blue .open > .dropdown-toggle.btn-primary {
        background: #235aca;
        border-color: #235aca;
        box-shadow: 0px 8px 20px -6px rgba(39, 98, 218, 0.6);
    }

.btn-outline-blue {
    color: #2762da;
    border-color: #2762da;
}

    .btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue.active, .btn-outline-blue.focus, .btn-outline-blue:not(:disabled):not(.disabled):active, .btn-outline-blue:not(:disabled):not(.disabled):active:focus,
    .btn-outline-blue .open > .dropdown-toggle.btn-primary {
        background: #2762da;
        border-color: #2762da;
        box-shadow: 0px 8px 20px -6px rgba(39, 98, 218, 0.6);
    }

.bg-muted {
    background-color: #808eb1 !important;
}

.bg-soft-muted {
    background-color: rgba(128, 142, 177, 0.1) !important;
}

.text-muted {
    color: #808eb1 !important;
}

.border-muted {
    color: #808eb1 !important;
}

.icon-dual-muted {
    color: #808eb1;
    fill: rgba(128, 142, 177, 0.2);
}

.btn-soft-muted {
    background-color: rgba(128, 142, 177, 0.25) !important;
    color: #808eb1 !important;
}

    .btn-soft-muted:hover, .btn-soft-muted:focus, .btn-soft-muted:active, .btn-soft-muted.active, .btn-soft-muted.focus, .btn-soft-muted:not(:disabled):not(.disabled):active, .btn-soft-muted:not(:disabled):not(.disabled):active:focus,
    .btn-soft-muted .open > .dropdown-toggle.btn-primary {
        background: #7383a9;
    }

.btn-muted {
    background: #808eb1;
    border-color: #808eb1 !important;
}

    .btn-muted:hover, .btn-muted:focus, .btn-muted:active, .btn-muted.active, .btn-muted.focus, .btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled):active:focus,
    .btn-muted .open > .dropdown-toggle.btn-primary {
        background: #7383a9;
        border-color: #7383a9;
        box-shadow: 0px 8px 20px -6px rgba(128, 142, 177, 0.6);
    }

.btn-outline-muted {
    color: #808eb1;
    border-color: #808eb1;
}

    .btn-outline-muted:hover, .btn-outline-muted:focus, .btn-outline-muted:active, .btn-outline-muted.active, .btn-outline-muted.focus, .btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled):active:focus,
    .btn-outline-muted .open > .dropdown-toggle.btn-primary {
        background: #808eb1;
        border-color: #808eb1;
        box-shadow: 0px 8px 20px -6px rgba(128, 142, 177, 0.6);
    }

.bg-purple {
    background-color: #704fff !important;
}

.bg-soft-purple {
    background-color: rgba(112, 79, 255, 0.1) !important;
}

.text-purple {
    color: #704fff !important;
}

.border-purple {
    color: #704fff !important;
}

.icon-dual-purple {
    color: #704fff;
    fill: rgba(112, 79, 255, 0.2);
}

.btn-soft-purple {
    background-color: rgba(112, 79, 255, 0.25) !important;
    color: #704fff !important;
}

    .btn-soft-purple:hover, .btn-soft-purple:focus, .btn-soft-purple:active, .btn-soft-purple.active, .btn-soft-purple.focus, .btn-soft-purple:not(:disabled):not(.disabled):active, .btn-soft-purple:not(:disabled):not(.disabled):active:focus,
    .btn-soft-purple .open > .dropdown-toggle.btn-primary {
        background: #5f3bff;
    }

.btn-purple {
    background: #704fff;
    border-color: #704fff !important;
}

    .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active, .btn-purple.focus, .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled):active:focus,
    .btn-purple .open > .dropdown-toggle.btn-primary {
        background: #5f3bff;
        border-color: #5f3bff;
        box-shadow: 0px 8px 20px -6px rgba(112, 79, 255, 0.6);
    }

.btn-outline-purple {
    color: #704fff;
    border-color: #704fff;
}

    .btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.focus, .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled):active:focus,
    .btn-outline-purple .open > .dropdown-toggle.btn-primary {
        background: #704fff;
        border-color: #704fff;
        box-shadow: 0px 8px 20px -6px rgba(112, 79, 255, 0.6);
    }

.bg-pink {
    background-color: #f85f89 !important;
}

.bg-soft-pink {
    background-color: rgba(248, 95, 137, 0.1) !important;
}

.text-pink {
    color: #f85f89 !important;
}

.border-pink {
    color: #f85f89 !important;
}

.icon-dual-pink {
    color: #f85f89;
    fill: rgba(248, 95, 137, 0.2);
}

.btn-soft-pink {
    background-color: rgba(248, 95, 137, 0.25) !important;
    color: #f85f89 !important;
}

    .btn-soft-pink:hover, .btn-soft-pink:focus, .btn-soft-pink:active, .btn-soft-pink.active, .btn-soft-pink.focus, .btn-soft-pink:not(:disabled):not(.disabled):active, .btn-soft-pink:not(:disabled):not(.disabled):active:focus,
    .btn-soft-pink .open > .dropdown-toggle.btn-primary {
        background: #f74b7b;
    }

.btn-pink {
    background: #f85f89;
    border-color: #f85f89 !important;
}

    .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .btn-pink.focus, .btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled):active:focus,
    .btn-pink .open > .dropdown-toggle.btn-primary {
        background: #f74b7b;
        border-color: #f74b7b;
        box-shadow: 0px 8px 20px -6px rgba(248, 95, 137, 0.6);
    }

.btn-outline-pink {
    color: #f85f89;
    border-color: #f85f89;
}

    .btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.focus, .btn-outline-pink:not(:disabled):not(.disabled):active, .btn-outline-pink:not(:disabled):not(.disabled):active:focus,
    .btn-outline-pink .open > .dropdown-toggle.btn-primary {
        background: #f85f89;
        border-color: #f85f89;
        box-shadow: 0px 8px 20px -6px rgba(248, 95, 137, 0.6);
    }

.bg-white {
    background-color: #ffffff !important;
}

.bg-white2 {
    background-color: #EBF2FA  !important;
}


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

.text-white {
    color: #ffffff !important;
}

.border-white {
    color: #ffffff !important;
}

.icon-dual-white {
    color: #ffffff;
    fill: rgba(255, 255, 255, 0.2);
}

.btn-soft-white {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

    .btn-soft-white:hover, .btn-soft-white:focus, .btn-soft-white:active, .btn-soft-white.active, .btn-soft-white.focus, .btn-soft-white:not(:disabled):not(.disabled):active, .btn-soft-white:not(:disabled):not(.disabled):active:focus,
    .btn-soft-white .open > .dropdown-toggle.btn-primary {
        background: whitesmoke;
    }

.btn-white {
    background: #ffffff;
    border-color: #ffffff !important;
}

    .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.focus, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled):active:focus,
    .btn-white .open > .dropdown-toggle.btn-primary {
        background: whitesmoke;
        border-color: whitesmoke;
        box-shadow: 0px 8px 20px -6px rgba(255, 255, 255, 0.6);
    }

.btn-outline-white {
    color: #ffffff;
    border-color: #ffffff;
}

    .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.focus, .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled):active:focus,
    .btn-outline-white .open > .dropdown-toggle.btn-primary {
        background: #ffffff;
        border-color: #ffffff;
        box-shadow: 0px 8px 20px -6px rgba(255, 255, 255, 0.6);
    }

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

.bg-soft-light {
    background-color: rgba(248, 250, 253, 0.1) !important;
}

.text-light {
    color: #f8fafd !important;
}

.border-light {
    color: #f8fafd !important;
}

.icon-dual-light {
    color: #f8fafd;
    fill: rgba(248, 250, 253, 0.2);
}

.btn-soft-light {
    background-color: rgba(248, 250, 253, 0.25) !important;
    color: #f8fafd !important;
}

    .btn-soft-light:hover, .btn-soft-light:focus, .btn-soft-light:active, .btn-soft-light.active, .btn-soft-light.focus, .btn-soft-light:not(:disabled):not(.disabled):active, .btn-soft-light:not(:disabled):not(.disabled):active:focus,
    .btn-soft-light .open > .dropdown-toggle.btn-primary {
        background: #e8eff8;
    }

.btn-light {
    background: #f8fafd;
    border-color: #f8fafd !important;
}

    .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled):active:focus,
    .btn-light .open > .dropdown-toggle.btn-primary {
        background: #e8eff8;
        border-color: #e8eff8;
        box-shadow: 0px 8px 20px -6px rgba(248, 250, 253, 0.6);
    }

.btn-outline-light {
    color: #f8fafd;
    border-color: #f8fafd;
}

    .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled):active:focus,
    .btn-outline-light .open > .dropdown-toggle.btn-primary {
        background: #f8fafd;
        border-color: #f8fafd;
        box-shadow: 0px 8px 20px -6px rgba(248, 250, 253, 0.6);
    }