body {margin: 0px;font-family: 'Source Sans 3', sans-serif;background: linear-gradient(30deg, rgba(23,220,184,1) 0%, rgba(34,34,71,1) 35%, rgba(14,14,40,1) 80%);--c1: #3fa9f5;--c2: #17dcb8;}
h2 { text-transform: uppercase; text-align: center; font-weight: 500; font-size: 30px; color: white; }
div.inner { width: 1000px; margin: 0px auto; }
.mobile { display: none; }

@media only screen and (max-width: 501px) { 
	div.inner { width: 360px; margin: 0px auto; }  
	.mrows {display: flex;flex-direction: column;}
	.desktop { display: none !important; }
	.mobile {display: block;}
	
	div#headerMobile { padding: 20px 0px; }
	div#faqs div.inner { width: 100%; }
	div#joinUs .inner > div { margin-top: 350px; }
}

div#header .inner { display: flex;justify-content: space-between;align-items: center;}
div#header .inner img {width: 194px;margin-top: 20px;}
div#header .inner div:last-child {display: flex;gap: 47px;}
div#header .inner div:last-child span {border-bottom: 1px solid var(--c2);}
div#header .inner div:last-child a {text-decoration: none;color: var(--c1);font-size: 16px;border-bottom: 1px solid red;border-image-source: linear-gradient(to left, #743ad5, #d53a9d);/* border-bottom: 1px; */display: block;}
div#header .inner div:last-child a div {background: linear-gradient(to right, var(--c2) 0%, #222247 100%);height: 2px;width: 58px;margin-top: 2px;} 

div#banner {background-image: url('../img/mapa.png');background-repeat: no-repeat;background-position: top right;padding: 150px 0px;}
div#banner .inner {color: white;/* padding-top: 100px; */font-size: 34px;}
div#banner .inner div.secondary, div#bannerMobile div.secondary { color: var(--c2); margin: 10px 0px; }
div#banner .inner span, div#bannerMobile span { border: 1px solid var(--c2); color: var(--c2); padding: 15px 20px; margin-top: 20px; display: inline-block; border-radius: 30px; text-transform: uppercase; 
	font-size: 14px; cursor: pointer; } 
	
div#bannerMobile {color: white;font-size: 26px;background: linear-gradient(30deg, rgba(23,220,184,1) 0%, rgba(34,34,71,1) 35%, rgba(14,14,40,1) 80%);text-align: center;}
div#bannerMobile > div {background-image: url('../img/mapa.png');background-size: 100%;padding: 60px 40px 180px 40px;height: 301px;background-repeat: no-repeat;background-position: bottom right;}
	
div#icons .inner {display: flex; color: white;font-size: 20px;justify-content: space-between;padding-top: 54px;gap: 88px;}
div#icons .inner div.icon {text-align: center;flex: 1 1 1px;/* width: 30%; */}
div#icons .inner div.icon div {font-weight: bold;margin-top: 20px;font-size: 25px;}
div#icons span {font-size: 17px;font-weight: 400;display: block;margin-top: 10px;}


div#jobs h2, div#about h2 {color: var(--c2);margin-top: 100px;}
div#jobs div.jobsList { display: flex; gap: 30px; }
div#jobs div.job {text-align: center;color: white;background-color: rgba(31, 31, 67, 0.4);padding: 20px;border-radius: 20px;flex: 1;}
div#jobs div.job > div { height: 50px; }
div#jobs div.job span { display: block; font-weight: bold; margin: 10px;}
div#jobs div.job a { background-color: var(--c2); display: inline-block; padding: 10px 35px; border-radius:20px; text-decoration: none; text-transform: uppercase; 
	color: #222247; font-size: 14px; margin-top: 9px; }	

div#faqs {color: white;margin-top: 130px;}
div#faqs .inner > div {display: flex;align-items: flex-start;}
div.faqsCategories {width: 350px;margin-right: 40px;background: rgba(31, 31, 67, 0.4);flex: 0 0 300px;}
div.faqsCategoriesMobile {background: rgba(0, 0, 0, 0.4);padding: 20px;color: var(--c2);font-size: 22px;font-weight: 800;}
div.faqsCategories .active { color: var(--c2); }
div.faqsCategories > div { padding: 30px; border-bottom: 1px solid white; font-size: 20px; }
div.faqsCategories > div:last-child { border-bottom: 0px; }
div.faqsQuestions > div > div {border-bottom: 1px solid white;padding: 20px 30px;}
div.faqsQuestions > div > div:last-child { border-bottom: 0px; }
div.faqsQuestions > div h3 {font-weight: 600;margin: 0px;}
div.faqsQuestions span { margin-top: 10px; display: block;}

div#about { color: white; text-align: center; font-size: 20px; font-weight: 300; padding-top: 50px; }
div#quotes {padding-top: 170px;}
div#quotes .inner > div { display: flex; gap: 20px; }
div#quotes .inner > div > div {background: rgba(31, 31, 67, 0.6);padding: 40px;color: white;text-align: center;flex: 1;}
div#quotes span { color: var(--c2); text-transform: uppercase; display: block;} 
div#quotes b { display: block; }

div#joinUs .inner {display: flex;justify-content: flex-end;padding-bottom: 129px;background-image: url(../img/sumatuempresa.png);background-repeat: no-repeat;background-position: 0px 53px;background-size: auto 327px;margin-top: 99px;}
div#joinUs .inner > div { width: 400px; color: white;}
div#joinUs .inner h3 { color: var(--c2); text-transform: uppercase; margin: 0px; margin-top: 100px;  font-size: 30px; font-weight: 500; }
div#joinUs .inner > div > div { font-weight: 700; font-size: 20px; margin: 20px 0px; }

div#footer {background-color: #222247; text-align: center; color: white; padding: 100px; }
div#footer img { width: 100px; }