@font-face {
    font-family: Asap-Regular;
    src: url(../fonts/Asap-Regular.ttf);
}

@font-face {
    font-family: Asap-Medium;
    src: url(../fonts/Asap-Medium.ttf);
}

@font-face {
    font-family: Asap-Bold;
    src: url(../fonts/Asap-Bold.ttf);
}

:root {
    --text-asap-regular: Asap-Regular;
    --text-asap-medium: Asap-Medium;
    --text-asap-semibold: Asap-Bold;
    --color-primary: rgba(60, 126, 206, 1);
    --color-secondary: rgba(88, 150, 136, 1);
    --color-dark: #202020;
    --color-primary-gradient: linear-gradient(300deg, #FF6666 32%, #FF7A7A 80%);
    --color-background:#f4f6f9;
    --color-txt-primary: #333333;
    --color-txt-secondary: #2a2a2a;
}

html {
    overflow-x: hidden;
    width: 100%;    
}

body {
    font-family: var(--text-asap-regular), "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight:500;
    -webkit-font-smoothing: antialiased;
    line-height: 1.53846154;
    overflow-x: hidden;
    width: 100%;
}


/* Example styles for the section */
section {
    padding: 20px 0; /* Add some padding */
}

/* Style the footer */
footer {
    position: relative; /* For sticky footer */
    bottom: 0;
    width: 100%;
}

.navbar-brand img {
    margin-right: 10px; /* Space between logo and text */
}

.py-5{
    margin-bottom: 124px;
}