html{
  scroll-behavior: smooth;
}
img{
  max-width: 100%;
}

body p{
  font-weight: 600 !important;
}



@font-face {
	font-family: "Room205";
	src: url("../fonts/Room205-Regular.woff2") format("woff2");
	src: url("../fonts/Room205-Regular.woff") format("woff");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: "Room205";
	src: url("../fonts/Room205-Regular.eot") format("eot");
	src: url("../fonts/Room205-Regular.ttf") format("ttf");
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: transparent;
	padding: 20px 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

}

.header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}


.header_sticky {
	box-shadow: 0px 0px 29px -11px rgba(0, 0, 0, 0.8);
	padding: 10px 0;
	background-color: #07220a;
}

.header img {
	max-width: 200px;
}
#home-section{background-image: linear-gradient(rgba(1, 14, 3, 0.55), rgb(7 34 10 / 51%)), url(../images/1.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


#home-section h1{
	color: #FFFFFF;
		font-family: "Room205", Sans-serif;
		font-size: 4em;
		font-weight: normal;
		line-height: 65px;
}
#blog-section h2,
#contact-section h2{
	font-family: "Room205", Sans-serif;
	font-size: 50px;
}

#blog-section a:hover{
	color:#c8e314;
}
.btn.btn-primary:active{
	background-color: #07220a !important;
	border-color: #07220a !important;
	color:#dff261 !important;
}

.blog_entry .bg-white {
	display: flex;
	flex-direction: column;
}
.blog_entry .bg-white .more {
	margin-top: auto;
	margin-bottom: 0px;
}

.blog_entry h3{
	font-weight: 600;
}

.cards-row>[class*="col-"] {
	display: flex;
	align-items: stretch;
}

.cards-row .blog_entry {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1 1 auto;
}

.cards-row .blog_entry img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}


.cards-row .blog_entry>.p-4.bg-white {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}


.cards-row .blog_entry>.p-4.bg-white p:not(.more) {
	flex: 1 1 auto;
	margin-bottom: 1rem;
}
#contact-section{
	background-color: #07220a;
}

.check {
	cursor: pointer;
	position: relative;
	margin: auto;
	color: #fff;
	-webkit-tap-highlight-color: transparent;
	transform: translate3d(0, 0, 0);
}

.check:before {
	content: "";
	position: absolute;
	top: -15px;
	left: -15px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(34, 50, 84, .03);
	opacity: 0;
	transition: opacity .2s ease;
}

.check svg {
	margin-bottom: 4px;
	position: relative;
	z-index: 1;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #C8CCD4;
	stroke-width: 1.5;
	transform: translate3d(0, 0, 0);
	transition: all .2s ease;
}

.check svg path {
	stroke-dasharray: 60;
	stroke-dashoffset: 0;
}

.check svg polyline {
	stroke-dasharray: 22;
	stroke-dashoffset: 66;
}

.check:hover:before {
	opacity: 1;
}

.check:hover svg {
	stroke: #34b643;
}

#cbx:checked+.check svg {
	stroke: #34b643;
}

#cbx:checked+.check svg path {
	stroke-dashoffset: 60;
	transition: all .3s linear;
}

#cbx:checked+.check svg polyline {
	stroke-dashoffset: 42;
	transition: all .2s linear;
	transition-delay: .15s;
}

.cbx-input {
	position: absolute;
	opacity: 0;
}

#cbx-2:checked+.check svg {
	stroke: #5ba187;
}

#cbx-2:checked+.check svg path {
	stroke-dashoffset: 60;
	transition: all .3s linear;
}

#cbx-2:checked+.check svg polyline {
	stroke-dashoffset: 42;
	transition: all .2s linear;
	transition-delay: .15s;
}

footer{
	background-color: #07220a;
	border-top: 2px solid #34b643;
	color: #fff;
	padding-bottom: 20px !important;
}
.footer__bottom {
	padding-top: 10px;
	border-top: 2px solid #34b643;
}
.footer-title {
	font-weight: 600;
	font-size: 18px;
	color: #dff261;
}
.footer p{
	font-size: 16px;
}

.footer a{
	color: #fff;
	text-decoration: underline;
	display: inline-block;
	font-size: 16px;
}
.footer a:hover{
	color: #dff261;
}
.footer__tel-link {
	display: block !important;
	margin-bottom: 8px;
}

.wrapper {
	padding: 100px 0;
}

.wrapper h1 {
	font-family: "Room205", Sans-serif;
	text-align: center;
	margin-bottom: 16px;
	font-size: calc(1rem + 1.5vw);

}


.wrapper p:last-child {
	margin-bottom: 0;
}

.wrapper p:not(:last-child) {
	margin-bottom: 16px;
}

.wrapper a {
	text-decoration: none;
	cursor: pointer;
}
.wrapper a:hover{
	color:#c8e314 !important;
}
.thanksWrapper {
	position: relative;
	padding: 80px 0;
}

.thanksLogoWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 100px;
}

.thanksLogo {
	max-width: 100px;
	width: 100%;
	margin-bottom: 40px;
}

.thanksTextContent {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 0 auto 100px;
	padding: 0 15px;
	max-width: 800px;
	text-align: center;
}

.thanksText {
	font-size: 18px;
	line-height: 30px;
}
.thanksTextContent h1{
	font-family: "Room205", Sans-serif;
	font-size: 30px;
}
@media(max-width: 575px){
	#home-section {
			background-image: linear-gradient(rgba(1, 14, 3, 0.55), rgb(7 34 10 / 51%)), url(../images/1-mob.webp);
	}
	#home-section h1,
	#blog-section h2,
	#contact-section h2 {
			font-size: 30px;
			line-height: 40px;
	}
		#home-section p{
			font-size: 18px;
		}
}

#cookPopup{display:none;justify-content:space-between;flex-direction:column;align-items:center;gap:1rem;position:fixed;bottom:15px;left:50%;width:900px;max-width:90%;transform:translateX(-50%);padding:25px;background-color:white;border-radius:4px;box-shadow:2px 3px 10px rgba(0,0,0,0.4);z-index:9999}
    #cookPopup p{margin:0;text-align:left}
		#cookPopup a:hover{color:#c8e314}
    .cookPopup_btn{padding:7px 15px;cursor:pointer;border:0;background:#34b643;border-radius:4px;font-weight:800;color:#fff}
    .cookPopup_btn:hover{background:#07220a}
    @media(min-width:576px){
        #cookPopup.show{display:flex;align-items:center}}
    @media(max-width:575px){
    #cookPopup.show{display:block;text-align:left;padding: 10px;}.cookPopup_btn{margin:10px 0 0 0;width: 100%;}}
    .cookPopup_title{font-size:16px;font-weight:700}
    .cookPopup_desc{font-size:16px}.show{display:flex !important}