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

@font-face {
    font-family: 'Degular';
    src: url('/wp-content/themes/bary-theme/assets/fonts/degular/Degular-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

  
:root {
    --color-primary: #171738;
    --color-secondary: #59c6f2;
    --color-light: #FFFFFF;
    --color-dark: #262626;
    --color-gray: #ECE9EB;
    --color-marketing: #eebabe;
    --color-commerce: #ffe17e;
    --color-digital: #59c6f2;
    --font-body: "Inter", serif;
    --font-title: "Degular", sans-serif;
}

body {
    font-family: var(--font-body)!important;
}

div {
    break-inside: avoid;
}

p,
li {
    font-size: 16px;
    line-height: 28px;
}

ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0!important;
}

a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-dark)!important;
    text-decoration: none!important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-title)!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0!important;
}

.extra-text {
    font-size: 40px;
    line-height: 45px;
    font-weight: 900;
}

.container, .container-fluid{
    padding: 0!important;
}