@font-face {
    font-family: '37regular';
    src: url('../fonts/37regular.otf') format('opentype');
	font-weight: normal;
}
@font-face {
    font-family: 'Almoni';
    src: url('../fonts/almoni-tzar-aaa-regular.otf') format('opentype'),
		 url('../fonts/almoni-tzar-aaa-bold.otf') format('opentype');
	font-weight: normal;
}

:root{
	--color-primary: #154a05;
	--color-secondary: #2a507d;
	--white-color: #fff;
	--black-color: #000;

	--font-family-primary: '37regular';
	--font-family-secondary: 'Almoni';
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Almoni';
	-webkit-font-smoothing: subpixel-antialiased;
}

.global-btn{
	background-color: var(--color-primary);
	color: var(--white-color);
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	border: 1px solid var(--color-primary);
}
.global-btn:hover{
	background-color: var(--color-secondary);
	color: var(--white-color);
	border-color: var(--white-color);
}

.banner-bg{
	background-image: url('../images/bg-desktop.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
	padding: 30px 0;
}
.main-title{
	font-family: var(--font-family-primary);
	font-weight: 400;
	font-size: 56px;
	line-height: 52px;
	letter-spacing: 3px;
}
.content-area {
	max-width: 450px;
}
.reserve-box{
	background-color: var(--white-color);
	padding: 15px 20px;
	border-radius: 25px;
}
.reserve-box > img{
	max-width: 80px;
	object-fit: contain;
	margin-left: 10px;
}
.reserve-box .reserver-title{
	color: var(--color-primary);
	font-weight: bold;
	font-size: 30px;
	line-height: 28px;
}
.reserve-box .reserver-title span{
	color: var(--color-secondary);
}
.reserve-box .reserver-content {
	font-size: 25px;
	line-height: 26px;
}
.subtitle {
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 1px;
}
.content{
	font-size: 24px;
	line-height: 26px;
}
.cta-form{
	padding: 20px;
	background-color: #ffffff1c;
	border-radius: 20px;
	backdrop-filter: blur(3px);
	margin-top: 30px;
}
input[type="text"], input[type="tel"], button {
	padding: 14px 20px !important;
	border-radius: 50px !important;
	direction: rtl;
	font-size: 22px !important;
  	line-height: 22px !important;
}
input[type="checkbox"]{
	float: right !important;
}
.cta-form label{
	display: inline-block;
	margin-right: 24px;
	text-align: start;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 1px;
}
.cta-form .form-check{
	padding-left: 0px !important;
}