@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --progressive-blur-h: 200px;
}

body,html {

    font-family: "Work Sans", sans-serif;
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;

    -webkit-font-smoothing:antialiased;
}


img, video {
    max-width: 100%;
    height: auto !important;
}
.clickable {
    cursor: pointer;
}
footer {
    color:#FFF;
}

.logo {
    max-width: 100px;
}
@media (max-width: 768px) {
    .logo {
        max-width: 70px;
    }
}


.swal2-popup {
    font-size: 0.7rem !important;
}
.swal2-icon {
    font-size: 0.9rem !important;
    /* Or tweak as needed */
}

h1 {
    font-weight: 700;
}
h2, h3, h4, h5, h6 {
    font-weight: 600;
}
h4, h5, h6 {
    font-weight: 500;
}


.list-group-borderless > * {
    border:0;
    padding:0;
}
[data-tag="h1"] {
    padding-left: 0;
}
[data-tag="h2"] {
    padding-left: 5px;
}
[data-tag="h3"] {
    padding-left: 10px;
}
[data-tag="h4"] {
    padding-left: 13px;
}
[data-tag="h5"] {
    padding-left: 16px;
}
[data-tag="h6"] {
    padding-left: 19px;
}