@font-face {
	font-family: "Font-Deli01";
	src: url('fonts/DynaPuff.ttf') format('truetype');
}

@font-face {
	font-family: "Font-Deli02";
	src: url('fonts/MyriadPro.ttf') format('truetype');
}

:root, .not-dark {
	--cnvs-themecolor: #7ca180;
	--cnvs-themecolor-rgb: 124, 161, 128;
	--cnvs-dark-color: #000;

	--cnvs-body-bg: #FFF;

	--cnvs-body-font: "Font-Deli02", sans-serif;
	--cnvs-primary-font: 'Font-Deli02', sans-serif;
	--cnvs-secondary-font: "Font-Deli01", sans-serif;

	--cnvs-slider-arrows-bg-color: transparent;
	--cnvs-slider-arrows-bg-hover-color: transparent;

	--cnvs-frame-offset: 20px;
	--cnvs-frame-bg: var(--cnvs-contrast-200);
	--cnvs-slider-gradient-bg: var(--cnvs-contrast-rgb);
	font-variation-settings: "opsz" 100, "wght" 400;

	--cnvs-header-bg: var(--cnvs-themecolor);
}

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

.font02 {
	font-family: var(--cnvs-primary-font);
}

.bg-color-white {
	background-color: #ebf1f0 !important;
}

.bg-color-yellow {
	background-color: #fbeaa7 !important;
}

.bg-color-green {
	background-color: #7ca180 !important;
}

.bg-color-pink {
	background-color: #fce4db !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: var(--cnvs-secondary-font);
}

.gutter-5 {
	--bs-gutter-y: 5px;
	--bs-gutter-x: 5px;
}

.button-category {
	background-color: #FFF;
	color: #af875c;
	opacity: 0.8;
	display: block;
	width: calc(100% - 55px);
    margin: 25px;
}

.button-category:hover {
	background-color: #FFF;
	color: #af875c;
	opacity: 0.6;
}

.button-deligreen {
	color: #faf7c0;
	padding: 3px 40px;
}

.button-deligreen:hover {
	background-color: var(--cnvs-btn-color);
	color: #faf7c0;
	opacity: 0.6;
}

.button-black {
	/* padding-top: 3px;
	padding-bottom: 3px; */
}

.border-category {
	border-radius: 10rem 10rem 0 0;
    overflow: hidden;
}

.logo-commerce1 {
	height: 45px;
}

.logo-commerce2 {
	height: 40px;
}

.img-icon {
	max-width: 125px;
}

@media (max-width: 991.98px) {
	.img-icon {
		max-width: 70px;
	}
	.clients-grid > .col img {
	    height: 75px;
	}
}

.custom-bg, .custom-bg .svg-underline::after {
    background-color: var(--custom-bg);
}

.gutter-4 {
    --bs-gutter-y: 5px;
    --bs-gutter-x: 5px;
}