@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=auto');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");

:root {
    --color1: #59abb7;
    --color2: #ff7070;
}

body {
    font-family: 'PT Sans', sans-serif;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.bg-green {
    background-color: #30446d;
}

.header-bg {
    background-image: url("assets/header-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-bg {
    background-image: url("assets/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-social {
    font-size: 1.25rem;
}

.footer-social li a:hover {
    color: var(--color2)!important;
}

.footer-widget h4 {
    color: var(--color1);
}

.footer-widget i {
    color: var(--color1);
}

.sidebar-btn {
    background-color: var(--color1)!important;
}

.sidebar .collapse ul li:last-child {
    border: none;
}

.sidebar .collapse ul li a {
    color: #333c4b;
}

.active-bg {
    background: #d71921!important;
}

.alert-secondary i {
    color: var(--color2);
}

.back {
    background-color: var(--color1);
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 90px;
    right: 25px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.float:hover {
    color: #fff;
}

.my-float{
    position: fixed;
    right: 38px;
    margin-top: 7px;
}