:root {

    /* Layout */
    --container-width: 1335px;

    /* Font */
    --font-family-base: "Inter", sans-serif;


    /* Colors */
    --color-primary: #155DFC;
    --color-primary-light: #EEF5FF;

    --color-heading: #111111;
    --color-text: #222;

    --color-border: #E8E8E8;
    --color-card-bg: #FFFFFF;

    /* Radius */
    --radius-card: 16px;
    --radius-badge: 999px;

    --font-size-h2: 48px;
    --line-height-h2: 58px;
    --secondary: #ffff;
    --text: #212529;

}

* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body {

    font-family: var(--font-family-base);

    color: var(--color-text);

    background: #fff;

}

img {

    display: block;

}

a {

    text-decoration: none;

}

ul {

    list-style: none;

}

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

.container {

    max-width: 1335px;

    margin: auto;

}
@media(max-width: 992px){
    .container{
        padding: 0;
    }
}