@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&family=Poppins&display=swap');

:root {
	--light-blue:#cce5ff;
	--primary-blue:#66b0ff;
	--normal-blue:#699CFE;
	--primary-blue:#6990f2;
	--dark-blue:#695CFE;
	--light-green:#f3ffa8;
	--primary-green:#c5e019;
}

html {
    scroll-behavior: smooth;
}

body {
	font-family:"Poppins" ,sans-serif;
	box-sizing:border-box;	
	overflow-x:hidden;
}

::-webkit-scrollbar {
	width:8px;
	height:8px;
}

::-webkit-scrollbar-track {
	background:#fff;
	border-radius:100vw;
	margin-block:.5rem;
}

::-webkit-scrollbar-track {
	background:#eee;
	border-radius:100vw;
	margin-block:.5rem;
}
 
::-webkit-scrollbar-thumb {
	background:#bbb;
	border-radius:100vw;
}

::-webkit-scrollbar-thumb:hover {
	background:var(--normal-blue);
}

.nav ul li:nth-child(4) a::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	color:#fff;
	background:var(--secondary-color);;
}

@media screen and (max-width:80rem) {
	
	.nav ul li:nth-child(4) a{
		color:#fff;
		background:var(--primary-color);
	}
	
	.nav ul li:nth-child(4) a:hover{
		color:#fff;
		background:var(--primary-color);
	}
	
	.nav ul li:nth-child(4) a::after{
		content:'';
		display:none;
	}
}

/**/
* {
	padding:0;
	margin:0;
	box-sizing:border-box;
}

a {
	text-decoration:none;
}

button {
	border:none;
	background:transparent;
	cursor:pointer;
}

button:active {
	outline:2px solid #ddd;
}

.footer-section {
	background-image:linear-gradient(to bottom, #fff,#fff,var(--secondary-color-light));
}

.front-cover {
	width:100vw;
	height:clamp(400px,calc(100vh - 15px),1000px);
	position:relative;
	object-fit:cover;
	top:0;
	left:0;
}

.front-content {
	width:100vw;
	height:clamp(400px,calc(100vh - 15px),1000px);
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.front-content h1 {
	width:clamp(100px,90vw,500px);
	color:#fff;
	transform:scale(1.6);
	text-shadow:0 0 6px #000;
	text-align:center;
}

.search-below {
	position:absolute;
	bottom:0;
	left:0;
	transform:translateY(calc(50% - 15px));
	height:80px;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100vw;
}

.search-below h2{
	padding:10px 7vw;
	color:#fff;
	background:#333;
	border-radius:5px;
	font-size:1.2rem;
}

.section-wrapper {
	width:100vw;
	padding-block:max(10vh,1rem);
	background:#f8f8f8;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

@media (min-width:1400px) {
	.section-wrapper {
		padding-block:(5vh,1rem);
	}
}

.section-content {
	width:80vw;
	min-height:300px;
	background:fff;
}

.section-content * {
	width:80vw;
	margin-block:20px;
}

.section-content h3 {
	font-size:1.5rem;
}

.section-content p {
	color:#444;
	font-size:.85rem;
	line-height:1.7rem;
}

.section-form {
	width:80vw;
	min-height:300px;
	background:fff;
}

.group-input {
	margin-block:15px;
	min-height:100px;
	margin-block:5px;
}

.input-label {
	margin-block:5px;
}

.input-label-2 label,
.input-label label {
	font-size:1.1rem;
	font-weight:400;
	margin-block:5px;
}

.input-label-2 span,
.input-label span{
	color:red;
	font-style: italic;
	margin-inline:5px;
	font-size:.85rem;
}

.input-wrapper {
	display:flex;
	gap:40px;
}

.input-label-2 {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
	margin-block:5px;
}

.input-label-2 > *{
	flex-grow:1;
}

.input-wrapper > * {
	flex-grow:1;
	height:40px;
	border-radius:3px;
}

.input-wrapper input{
	height:40px;
	border:1px solid #ddd;
	padding:5px 15px;
}

.input-wrapper2 {
	display:flex;
	gap:40px;
}

.input-wrapper2 > * {
	width:100%;
	flex-grow:1;
	height:40px;
	border-radius:3px;
}

.input-wrapper2 input{
	width:100%;
	padding:5px 15px;
	height:40px;
	border:1px solid #ddd;
}
@media (max-width:500px) {
	.section-form {
		width:90vw;
	}
	
	.section-content {
		width:90vw;
	}
	
	.section-content > *{
		width:90vw;
	}
	
	.section-content p{
		text-align:justify;
	}
}


@media (max-width:680px) {
	.group-input {
		margin-block:15px;
		min-height:180px;
		margin-block:5px;
	}
	
	.input-wrapper2 {
		display:flex;
		flex-direction:column;
	}
}

@media (max-width:800px) {
	.front-cover {
		width:100vw;
		height:clamp(400px,calc(100vh - 15px),500px);
	}
	
	.logo {
	    width:130px;
	}

	.front-content {
		width:100vw;
		height:clamp(400px,calc(100vh - 15px),500px);
    }
	
	.search-below {
		position:absolute;
		top:clamp(360px,calc(100vh - 65px),450px);
		left:0;
	}
	
	.front-content h1 {
		transform:scale(1);
	}
	
	.search-below h2 { 
	    transform:scale(1);
		font-size:1rem;
		text-align:center;
	}
	
	.section-content h3 {
		font-size:1.2rem;
	}

	.section-content p {
		color:#444;
		font-size:.9rem;
	}
	
	.input-label-2 label,
	.input-label label {
		font-size:1rem;
		font-weight:400;
		margin-block:5px;
	}
	
}

textarea {
	border:1px solid #ddd;
}

input:focus,
textarea:focus {
	outline:none;
	box-shadow:0 0 5px #0004;
}

.checkbox-wrapper {
	display:flex;
	flex-direction:column;
	gap:10px;
}

.checkbox-wrapper input {
	margin-right:4px;
}

hr {
	color:#aaa;
	margin-bottom:15px;
}

.faq {
	height:100px;
	padding:20px;
	text-align:left;
}

.additional {
	height:200px;
	padding:20px;
	text-align:left;
}

.submit-btn {
	color:#fff;
	padding:10px 20px;
	border-radius:3px;
	background:#6990f2;
}