*{
    margin: 0;
    padding: 0;
}

:root{
    --primary: #821B16;
    --font-primary: "Roboto", sans-serif;
    --font-secondary: "Playfair Display", serif;
}

body{
    background-color: #fff;
    font-family: var(--font-primary);
}

.text-primary{
    color: var(--primary) !important;
}

.font-secondary{
    font-family: var(--font-secondary);
}

.bttn{
    background: var(--primary);
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    border: 0;
}

.badge-cs-primary{
    background: var(--primary);
    color: #fff;
    font-size: 12px;
    border-radius: 40px;
    padding: 5px 16px;
    display: inline-block;
    margin-bottom: 16px;
        width: max-content;
}
/* Slider */


.carousel
	{
		
		overflow-x:auto;
		scroll-behavior: smooth;
	}
	
.img-card
	{
		min-width:calc((100% - 2rem) / 3);
		height: 15rem;
		padding:1rem;
		border-radius: 1em;
		animation: slideshow 4s infinite linear;
	}
	

.carousel::-webkit-scrollbar{
    display:none;
}

@keyframes slideshow 
	{
		from {translate: 0%;}
		to{translate:-100%;}
	}

.img-card-reverse{
    min-width:calc((100% - 2rem) / 3);
    height:15rem;
    padding:1rem;
    border-radius:1em;
    animation:glow 4s linear infinite;
}

@keyframes glow 
	{
		from {translate: -100%;}
		to{translate:0%;}
	}