/* Auto layout */
body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 208px 108px 86px;
	gap: 10px;
	position: relative;
	background: #F5F5F5;
	font-family: 'Inter';
}

/* Frame 14 */
.frame14 {
	width: 1064px;
	height: 506px;
	/* Inside auto layout */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 1;
}

/* Frame 15 */
.frame15 {
	/* Auto layout */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 0px;
	gap: 10px;
	position: absolute;
	width: 1054px;
	height: 124px;
	left: 0px;
	top: 360px;
}

/* logo e nome azul marinho_page-0001 (1) 2 */
.imglogo {
	width: 250px;
}

.imgicon {
	width: 400px;
}

/* Frame 13 */
.frame13 {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 80px;
	position: absolute;
	width: 1054px;
	height: 338px;
	left: 0px;
	top: 0px;
}

/* Frame 12 */
.frame12 {
	/* Auto layout */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 48px;
	width: 605px;
	height: 273px;
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}

/* Oops! Parece que algo deu errado. */
.ops {
	width: 605px;
	height: 44px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	/* identical to box height */
	color: #226095;
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}

/* Frame 10 */
.frame10 {
	/* Auto layout */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	gap: 18px;
	width: 605px;
	height: 93px;
	/* Inside auto layout */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;
}

/* Ellipse 2 */
.ellipse2 {
	width: 10px;
	height: 10px;
	/*background: #22A9C7;*/
	background-image: url('img/ellipse2.png');
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}

/* Frame 7 */
.frame7 {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 100%;
	height: 19px;
	/* Inside auto layout */
	flex: none;
	order: 0;
	flex-grow: 0;
}

/* Frame 8 */
.frame8 {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 8px;
	width: 100%;
	height: 19px;
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
}

/* Frame 9 */
.frame9 {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 7px;
	width: 100%;
	height: 19px;
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
}

/* Ellipse 1 */
.ellipse1 {
	position: absolute;
	width: 13.47px;
	height: 13.65px;
	left: calc(50% - 13.47px/2 + 10.09px);
	top: calc(50% - 13.65px/2 + 0px);
	border: 1.5px solid #DBDCDC;
}

/* Refresh */
.refresh {
	width: 16.78px;
	height: 15.15px;
	/*background: #616161;*/
	background-image: url('img/refresh.png');
}

/* button */
.buttonvoltar {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 16px;
	gap: 10px;
	width: 150px;
	height: 40px;
	background: #226095;
	border-radius: 6px;
	/* Inside auto layout */
	flex: none;
	order: 2;
	flex-grow: 0;
}

/* btn */
.btnvoltar {
	background: #226095;
	width: 200px;
	color: white;
}

/* Group 17 1 */
icon {
	width: 369px;
	height: 338px;
	background: url(img/icon.png);
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
}