@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
    --white: #f8f7f2;
    --black: #3d4348;
    --dark-blue: #2d3337;
    --gold: #ddcf8c;
    --dark-green: #978c56;
    --darkest-green: #776c39;
    --light-gray: #f8f7f2;
    --gray: #f8f6f0;
    --gray-md: #7e878d;
    --dark-gray: rgba(119, 108, 57, 0.05);
}


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Nunito Sans' !important;
}

body,
input,
a,
button {
    font-family: 'Nunito Sans' !important;
}

.cards_slider_widget {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
    height: 350px;
    padding: 20px;
    display: flex;
}

.cards_slider_widget .cards-container {
    display: flex;
    transition: transform 0.5s ease;
}

.cards_slider_widget .card {
	font-size:16px;
	font-weight: 800;
    flex: 0 0 1;
    background-color: #ffffff;
    margin: 10px;
    padding: 20px;
    height: 200px;
    width: 230px;
    transition: background-color 0.5s ease, height 0.5s ease;
	color : #3D4348;
	font-size: 14px;
}

.cards_slider_widget .card.current {
    background-color: #3d4348;
    color: white;
    height: 250px;
    width: 230px;
}

.card-phone, 
.card-address{
	display : flex; 
	gap : 15px;
}

.cards_slider_widget .card > div {
	margin-bottom : 20px;
}

.cards_slider_widget .card * span {
	color : #3D4348;
	font-size: 14px;
	font-weight:400;
}

.cards_slider_widget .card.current * span {
	color : white;
}

.cards_slider_widget .card * svg {
	width: 20px;
	height: 20px;
	flex-shrink:0;
}

.cards_slider_widget .card .card-title {
	color: #3D4348;
}

.cards_slider_widget .card.current .card-title {
	color: #DDCF8C;
}

.cards_slider_widget .prev-btn,
.cards_slider_widget .next-btn {
    position: absolute;
    bottom: 10px;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
}

.cards_slider_widget .prev-btn svg ,
.cards_slider_widget .next-btn svg {
	width: 30px;
	color : #3D4348;
}

.cards_slider_widget .prev-btn {
    right: 60px;
}

.cards_slider_widget .next-btn {
    right: 10px;
}