:root {
	--violet: #8d68fa;
	--light-violet: #f5e6fe;
	--green: #0ccf9c; 
	--light-green: #cffff4; 
	--blue: #207ec0;
	--light-blue: #e0f2ff;
	--orange: #ecaf74;
	--light-orange: #fcf2e8;
	--gradient-blue: #649cfc;
	--gradient-violet: #8261e7;
}

.card:hover {
	box-shadow: 0px 0px 20px #ddd;
	border: 1px solid rgba(0,0,0,.125);
}

section:not(#shadow-host-companion), footer {
	padding: 5em 0;
}

.section-title {
	font-size: 60px !important;
}

.section-img {
	width: 640px;
}

.section-paragraph {
	font-size: 24px;
	margin: 0;
}

.label {
	border-radius: 10px;
}

.label-title {
	font-size: 24px !important;
}

.label.violet {
	color: var(--violet) !important;
	background-color: var(--light-violet) !important;
}

.label.blue {
	color: var(--blue) !important;
	background-color: var(--light-blue) !important;
}

.label.green {
	color: var(--green) !important;
	background-color: var(--light-green) !important;
}

.label.orange {
	color: var(--orange) !important;
	background-color: var(--light-orange) !important;
}

.text-violet {
	color: var(--violet) !important;
}

.text-blue {
	color: var(--blue) !important;
}

.text-green {
	color: var(--green) !important;
}

.text-orange {
	color: var(--orange) !important;
}

.banner {
	position: relative;
	background-image:url('../../img/views/chile/banner-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 700px;
	max-height: 510px!important;
	display: table;
	text-align: center;
	background-position: bottom center;
}

.banner .priority {
	z-index: 2;
}

.banner .title {
	font-size: 60px;
	color: var(--violet);
	margin: 0;
}

.banner .paragraph {
	font-size: 30px;
	color: black;
}

.banner .img {
	width: 500px;
}

.banner .floating-img {
	position: absolute;
	top: 0;
	left: 5%;
}

.service .floating-img {
	position: absolute;
	top: 88%;
    left: 16%;
}

.how-it-works {
	position: relative;
	background-image:url('../../img/views/chile/how-it-works-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	display: table;
	text-align: center;
	height: 1000px;
}

.how-it-works .priority {
	z-index: 2;
}

.how-it-works .floating-img {
	position: absolute;
	top: 0;
    left: 0;
}

.how-it-works .step {
	text-align: center;
	min-height: 500px;
	padding-left: 2rem;
	padding-right: 2rem;
	border-radius: 50px;
	transition: none;
}

.how-it-works .step.special {
	background: rgb(100,156,252);
	background: linear-gradient(-180deg, rgba(100,156,252,1) 0%, rgba(130,97,231,1) 73%);
}

.how-it-works .step.special, .how-it-works .step.special:hover {
	border: none;
}

.how-it-works .step.special .title, .how-it-works .step.special .description {
	color: #fff !important;
}

.how-it-works .step .img-container {
	position: relative;
}

.how-it-works .step .circle {
	position: relative;
	width: 60px;
	height: 60px;
	top: -25px;
	left: -50px;
	border-radius: 50%;
	background-color: var(--violet);
}

.how-it-works .step .circle .number {
	line-height: 55px;
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}

.how-it-works .step .dashed-circle {
	position: relative;
	width: 70px;
    height: 70px;
    top: -90px;
    left: -55px;
	border-radius: 50%;
	border: 1px dashed var(--violet);
}

.how-it-works .step .img {
	position: absolute;
    top: -100px;
    left: -10px;
    width: 350px;
}

.how-it-works .step.special .img {
    top: 0px;
}

.how-it-works .step .title {
	font-size: 36px;
	color: var(--violet)
}

.how-it-works .step .description {
	font-size: 24px;
	color: gray;
}

.what-do-we-offer .img-container {
	position: absolute;
}

.what-do-we-offer .img-layer-1 {
	position: relative;
	height: 640px;
	z-index: 3;
}

.what-do-we-offer .img-layer-2 {
	position: relative;
	height: 640px;
	z-index: 2;
	top: -700px !important;
}

.benefits {
	position: relative;
	background-image:url('../../img/views/chile/benefits-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	display: table;
	text-align: center;
	height: 1200px;
}

.benefits .floating-img {
	position: absolute;
	top: -7%;
    left: 15%;
}

.benefits .card {
	border-radius: 50px;
}

.quoter {
	padding: 0;
	position: absolute;
    z-index: 2;
}

.quoter > .row {
	position: relative;
    top: -500px;
}

.news-container {
	margin-top: 15em;
	padding-top: 0;
	z-index: 4;
}

@media (max-width: 767px) {
	section:not(#shadow-host-companion), footer {
		padding: 3em 0;
	}

	.section-title {
		font-size: 36px !important;
	}
	
	.section-img {
		width: 250px;
	}

	.section-paragraph {
		font-size: 18px;
	}

	.label-title {
		font-size: 18px !important;
	}

	.banner {
		margin-top: 100px;
	}

	.banner .title {
		font-size: 36px;
	}
	
	.banner .paragraph {
		font-size: 24px;
		color: black;
	}
	
	.banner .img {
		width: 250px;
	}

	.banner .floating-img {
		top: 25%;
		left: 0;
	}
	
	.service .floating-img {
		left: 0;
	}

	.how-it-works .step {
		min-height: 400px;
	}

	.how-it-works .step .img {
		width: 200px;
		left: 15%;
		top: -25%;
	}

	.how-it-works .step .title {
		font-size: 32px;
	}
	
	.how-it-works .step .description {
		font-size: 18px;
	}

	.what-do-we-offer .img-container {
		position: static;
		height: 250px;
	}

	.what-do-we-offer .img-layer-1 {
		height: 250px;
		top: 10px;
	}
	
	.what-do-we-offer .img-layer-2 {
		height: 250px;
		top: -250px !important;
	}
	
	.benefits {
		height: 2050px;
	}

	.benefits .floating-img {
		left: 0;
	}

	.quoter .priority {
		z-index: 5;
	}
	
	.quoter > .row {
		top: -375px;
	}

	.newsletter {
		margin-top: 135px;
	}
}

@media (min-width: 767px) {
	section:not(#shadow-host-companion), footer {
		padding: 3em 0;
	}

	.section-img {
		width: 320px;
	}

	.banner {
		margin-top: 100px;
	}
	
	.banner .img {
		width: 250px;
	}

	.banner .floating-img {
		top: 25%;
		left: 0;
	}
	
	.service .floating-img {
		left: 0;
	}

	.how-it-works .step {
		min-height: 400px;
	}

	.how-it-works .step .img {
		width: 200px;
		left: 35%;
		top: -25%;
	}

	.what-do-we-offer .img-container {
		position: static;
	}

	.what-do-we-offer .img-layer-1 {
		height: 350px;
		top: 10px;
		left: 20%;
	}
	
	.what-do-we-offer .img-layer-2 {
		height: 350px;
		top: 10px !important;
		right: 20%;
	}

	.benefits {
		height: 1250px;
	}

	.benefits .floating-img {
		left: 0;
	}

	.quoter .priority {
		z-index: 5;
	}

	.quoter > .row {
		top: -375px;
	}

	.news-container {
		margin-top: 18em;
	}
}

@media (min-width: 992px) {
	section:not(#shadow-host-companion), footer {
		padding: 4em 0;
	}

	.section-img {
		width: 500px;
	}

	.banner {
		margin-top: 100px;
	}
	
	.banner .img {
		width: 350px;
	}

	.banner .floating-img {
		top: 25%;
		left: 0;
	}
	
	.service .floating-img {
		left: 0;
	}

	.how-it-works .step {
		min-height: 400px;
	}

	.how-it-works .step .img {
		width: 200px;
		left: 5%;
		top: -25%;
	}

	.what-do-we-offer .img-container {
		position: absolute;
	}

	.what-do-we-offer .img-layer-1 {
		height: 500px;
		top: 10px;
		left: 0;
	}
	
	.what-do-we-offer .img-layer-2 {
		height: 500px;
		top: -500px !important;
		right: 0;
	}

	.benefits .floating-img {
		left: 0;
	}

	.quoter .priority {
		z-index: 5;
	}

	.quoter > .row {
		top: -425px;
	}

	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	section:not(#shadow-host-companion), footer {
		padding: 5em 0;
	}

	.section-img {
		width: 640px;
	}

	.banner {
		margin-top: 0;
	}
	
	.banner .img {
		width: 500px;
	}

	.banner .floating-img {
		top: 0;
		left: 5%;
	}

	.how-it-works .step {
		min-height: 500px;
	}

	.how-it-works .step .img {
		top: -100px;
		left: -10px;
		width: 350px;
	}

	.what-do-we-offer .img-container {
		position: absolute;
	}
	
	.what-do-we-offer .img-layer-1 {
		height: 640px;
		top: 0;
		left: 0;
	}
	
	.what-do-we-offer .img-layer-2 {
		height: 640px;
		top: -700px !important;
		right: 0;
	}

	.quoter .priority {
		z-index: 5;
	}

	.quoter > .row {
		top: -500px;
	}
}

@media (min-width: 1400px) {}