@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=Flamenco:wght@300;400&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.10.3/font/bootstrap-icons.min.css');

body,html{
	font-family: var(--mainfont);
	font-size:18px;
	overflow-x:hidden;
}

:root{
	--mainfont: 'Lato', sans-serif;
	--subfont: 'Eb Garamond', serif;;

	--color1:216;
	--satur1:37%;
	--light1:20%;
	--light-hover: calc(var(--light1)/1.15);
	--maincolor:hsl(var(--color1) ,var(--satur1), var(--light1));
	--maindarker:hsl(var(--color1) ,var(--satur1), var(--light-hover));


	--color2:346;
	--satur2:95%;
	--light2:17%;
	--light2-hover: calc(var(--light2)/1.15);
	--subcolor:hsl(var(--color2) ,var(--satur2), var(--light2));
	--subdarker:hsl(var(--color2) ,var(--satur2), var(--light2-hover));
	--trim:#666;

	--color3:197;
	--satur3:90%;
	--light3:51%;
	--light-hover: calc(var(--light3)/1.15);
	--subfooter:hsl(var(--color3) ,var(--satur3), var(--light3));
}

*{
	box-sizing:border-box;
}

a:link {
	color: #fff;
  text-decoration: none;
}

a:visited {
	color: #fff;
  text-decoration: none;
}

a:hover {
	color:#fff;
  text-decoration: none;
}

a:active {
	color: #fff;
  text-decoration: none;
}

.cw{
	width:100%;
	max-width:900px;
	margin:0px auto;
}

.btn1{
	--trim: var(--maindarker);
	background:var(--maincolor);
}

.btn1:hover{
	background:var(--maindarker);
	box-shadow: 0 5px 15px rgba(255, 255, 255, .4);
	transition: all 0.2s ease-in-out;
}

.btn2{
	--trim: var(--subdarker);
	background:var(--maincolor);
	font-weight:400;
}

.btn2:hover{
	background:var(--maincolor);
	box-shadow: 0 5px 15px rgba(255, 255, 255, .4);
	transition: all 0.2s ease-in-out;
}

.btn3{
	background:#fff;
	color:var(--maincolor);
	--trim:transparent;
	border-radius: 999px;
	margin-top:1em;
}

.btn3:hover{
	background:var(--maincolor);
	color:#fff;
}

.btn-wt{
	color: #fff;
}

.btn-s{
	display:block;
	width:100%;
	max-width:max-content;
	padding:1em;
	text-decoration: none;
	transition:.3s background;
}

/*section1*/
.topbar{
	background:rgba(255,255,255,.1);
	padding:0.7em;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	transition:.3s background;
	pointer-events:none;
}

.topbar.alt{
	background:hsla(var(--color1) ,var(--satur1), var(--light1),.5);
}

.tb-flex{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	justify-content: space-between;
	align-items: center;
}

.tb-flex > div{
	pointer-events: initial !important;
}

.tb-logo{
	aspect-ratio:16/7;
	object-fit: contain;
	width:9em;
	display:block;
	margin-inline:auto;
}

.tb-cta{
	padding:.75em 2em;
	padding-left:4em;
	border-radius:99em;
	display:block;
	color:#fff;
	text-decoration: none;
	font-weight:600;
	line-height:1.25em;
	position:relative;
}


.tb-cta:first-line{
	font-size:.8em;
	font-weight:400;
	color:#ECE3D8;
}

.tb-cta .bi{
	position: absolute;
	top:50%;
	left:1em;
	transform:translateY(-50%);
	border-radius:99em;
	border:1px solid #fff;
	aspect-ratio:1/1;
	width:2em;
	display:flex;
	align-items: center;
	justify-content: center;
}


.s1{
	color:#fff;
	padding:2em 3em;
    /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(197, 135, 110, 1) 0%, rgba(101, 127, 142, 1) 100%);

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(197, 135, 110, 1) 0%, rgba(101, 127, 142, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(0deg, rgba(197, 135, 110, 1) 0%, rgba(101, 127, 142, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5876E', endColorstr='#657F8E', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(0deg, rgba(197, 135, 110, 1) 0%, rgba(101, 127, 142, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(197, 135, 110, 1) 0%, rgba(101, 127, 142, 1) 100%);
}

.section-row{
	display:grid;
	grid-template-columns: repeat(var(--cols),minmax(0,1fr));
	gap:2em;
}

.p:not(:last-child){
	margin-bottom:1em;
}

.p{
	line-height:1.5em;
	font-weight:300;
}

.p-foot{
	line-height:1.5em;
	font-weight:300;
	font-size:0.6em;
}

.s1-img{
	display:block;
	max-width:100%;
	aspect-ratio:4/3;
	object-fit: cover;
	object-position: bottom;
	position: relative;
	transform: translateY(40%);
}

.s1 .s-h{
	font-family:var(--subfont);
	font-size:2em;
	font-weight:300;
	line-height:1.2em;
	margin-bottom:.5em;
	margin-top:2em;
}

.s1 .s-h:first-line{
	font-family:var(--subfont);
	font-size:2em;
	font-weight:300;
	line-height:1.2em;
	margin-bottom:.5em;
	margin-top:2em;
}


/*section2*/

.s2{
	padding:12em 3em 2em;
	background:#ac7263;
	color:#fff;
}

.s-h{
	font-size:2em;
	font-weight:400;
	line-height:1.5em;
}

ul.p li{
	margin-bottom:.5em;
}

.s2-img{
	display:block;
	max-width:100%;
	aspect-ratio:5/4;
	object-fit: cover;
	object-position: center;
	position: relative;

}

.s-cta{
	margin-inline:auto;
	border-radius:99em;
	text-transform: uppercase;
}

/*section3*/

.s3{
	color:#fff;
	padding:2em 3em;
	    /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(159, 145, 134, 1) 0%, rgba(95, 123, 143, 1) 100%);

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(159, 145, 134, 1) 0%, rgba(95, 123, 143, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(0deg, rgba(159, 145, 134, 1) 0%, rgba(95, 123, 143, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9F9186', endColorstr='#5F7B8F', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(0deg, rgba(159, 145, 134, 1) 0%, rgba(95, 123, 143, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(159, 145, 134, 1) 0%, rgba(95, 123, 143, 1) 100%);
}

.s3 .s-h{
	font-weight:700;
	font-size:2.5em;
}

.form-title{
	text-align:center;
	font-weight:700;
	font-size:1.2em;
	margin-bottom:1em;
}

.outer-label{
	height:initial !important;
}

.form-panel{
	margin-bottom:2em;
	padding:2em 1.5em;
	background:#637b8e;
	border-radius:1em;
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.3);
}

.form-terms{
	font-size:.8em;
}

.s3-formbtn{
	font-size:1.3em;
	font-weight:700;
}

.footer{
	font-size:20px;
	padding:3em 1em;
	background:var(--maincolor);
	color:#fff;
	text-align:center;
	font-weight:300;
}

.copyr{
	background:var(--maincolor);
	color:#fff;
	text-align:center;
	padding:1.5em 1em;
	font-weight:300;
	font-size:14px;
}

.footercc{
	margin:1em auto;
}

@media(max-width: 1200px){
	body{
		font-size: 16px;
	}
}

@media(max-width:768px){

	body{
		font-size: 14px;
	}
}

@media(max-width:767px){

	.cw{
		max-width:420px;
	}

	.s1 .s-cta{
		font-size:1em;
	}

	.s1,.s2,.s3{
		padding:2em 1em;
	}

	.s2{
		padding-top:2em;
	}

	.section-row{
		--cols:1 !important;
	}

	.s1-img{
		transform: initial;
		aspect-ratio:16/9;
	}

	.s-cta{
		font-size:1.5em;
	}

	.s-h{
		text-align:center;
		margin-bottom:.5em;
	}

	.s1 .s-h{
		font-size:3em;
	}
}