@import url(https://fonts.bunny.net/css?family=ubuntu:300,300i,400,400i,500,500i,700,700i);

:root {
	--bs-color-main: #183961;
	--bs-color-second: #98755a;

	--bs-font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	--bs-border-radius: 0;

	--bs-font-main-color: #333;

	--bs-link-color: var(--bs-font-main-color);
	--bs-link-text-decoration: none;
	--bs-link-hover-color: #717171;

	--bs-button-background: var(--bs-color-second);
	--bs-button-hover-background: #fff;
	--bs-button-hover-color: var(--bs-color-second);
	--bs-button-border-width: 2px;
	--bs-button-border-color: var(--bs-color-second);
	--bs-button-border-radius: 50px;

	--bs-hero-image-filter: brightness(82%);
	--bs-hero-background: var(--bs-color-main);
	--bs-top-position-heroText: 7rem;
	--bs-top-position-heroText-mobile: var(--bs-top-position-heroText);
	--bs-h1-font-size: clamp(2.1rem, 2.1rem + 0.1524vw, 2.3rem);

	--bs-footer-background: var(--bs-color-main);
	--bs-criteria-background: var(--bs-color-main);

	--bs-swiper-background-even: oklch(from var(--bs-color-second-background-dark) 98% 0.046 h);
	--bs-swiper-background-odd: oklch(from var(--bs-hero-background) 90% 0.07 h);

	--bs-boxes-inner-rows-not-3: var(--bs-boxes-etf-inner-rows-4);
	--bs-boxes-inner-rows-not-3-max-width-750: var(--bs-boxes-etf-inner-rows-4-max-width-750);
	--bs-boxes-inner-rows-not-3-max-width-350: var(--bs-boxes-etf-inner-rows-4-max-width-350);
	--bs-boxes-inner-rows-not-3-max-width-270: var(--bs-boxes-etf-inner-rows-4-max-width-270);
	--bs-boxes-inner-row-gap: 1.5em;

	--logo-width: 20em;
	--logo-width-mobile: 15em;
}