@font-face {
  font-family: 'Gogh';
  src: url('fonts/Gogh-Regular.ttf') format('ttf'),
       url('fonts/Gogh-Regular.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gogh';
  src: url('fonts/Gogh-Medium.ttf') format('ttf'),
       url('fonts/Gogh-Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gogh';
  src: url('fonts/Gogh-Bold.ttf') format('ttf'),
       url('fonts/Gogh-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gogh';
  src: url('fonts/Gogh-ExtraBold.ttf') format('ttf'),
       url('fonts/Gogh-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gogh';
  src: url('fonts/Gogh-Black.ttf') format('ttf'),
       url('fonts/Gogh-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


* {
	
	box-sizing: border-box;
	scroll-behavior: smooth;
}

html, body {
	background: #fff;
	font-family: Gogh;
	font-weight: 400;
}

ul, li, a, p {
	text-decoration: none !important;
	list-style: none !important;
	font-size: 1.2rem;
	font-family: Gogh;
	font-weight: 400;color: #5a5a5a;
}

section {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.hero p {
	font-size: 1.4rem;
}

.darkblue-text {
	color: #0e353d;
}

.hero-title {
	color: #0e353d;
	font-family: Gogh;
	font-weight: 900;
	font-size: 70px;
}

.hero-title-medium {
	color: #0e353d;
	font-family: Gogh;
	font-weight: 400;
	font-size: 70px;
}


.section-title {
	color: #0e353d;
	font-family: Gogh;
	font-weight: 800;
	font-size: 34px;
}

#logohero {
	float: left;
}

.button01 {
	color: #fff;
	font-weight: 700;
	font-size: 1.3rem;
	padding: 11px 15px 11px 20px;
	background: linear-gradient(272.541deg, rgb(86, 182, 199) -0.62126%, rgb(50, 151, 168) 100%);
	border-radius: 10px;
  box-shadow: rgba(71, 184, 204, 0) 0px 6e-05px 0.00162px 0px;
  border-bottom-width: 0.5px;
  border-color: rgba(87, 204, 222, 1);
  border-left-width: 0.5px;
  border-right-width: 0.5px;
  border-style: solid;
  border-top-width: 0.5px;
  float: right;
  transition: 0.3s;
}

.button01:hover {
	background: linear-gradient(-272.541deg, rgb(86, 182, 199) -0.62126%, rgb(50, 151, 168) 100%);
	transform: scale(1.03);
	box-shadow: rgb(87 191 213 / 46%) -3px 3px 14px 0px;

}

.col-text {
	height: -webkit-fill-available;
    align-content: end;
}

.big-card {
	background: #125a68;
	border-radius: 20px;
	padding: 15px;
	box-shadow: rgba(46, 138, 156, 0.21) 0px 32px 28.9px 0px;
}


.big-card p, .small-card  {
	color: #fff;
	font-weight: 500;
}

.dark-blue-card {
	padding: 20px;
	background: #125a68;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	min-height: 150px;
	align-content: center;
}

.destaque-card {
	background: #c3d3d5;
	border-radius: 50px;
	padding: 4px 20px 4px 4px;
	min-height: 38px;
	font-weight: 700;
	color: rgb(14, 53, 61);
	text-align: left;
	font-size: 1.2rem;
	display: flex;
    align-items: center;
    gap: 20px;
}

.circle {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	background: #53b0c2;
}

.small-card {
	align-items: center;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 18px;
    display: flex;
    flex: 1 0 0px;
    flex-flow: row;
    gap: 10px;
    height: 108px;
    overflow: visible;
    padding: 26px 20px;
    position: relative;
    width: 100%;
}

.small-card:hover {
	opacity: 0.8;
  cursor: pointer;
}


.terapeutico-card {
	background: #115a68;
	height: 130px;	
	padding: 0 !important;
	border-radius: 20px;
}

.terapeutico-card p {
	color: #fff;
	font-weight: 700;
	font-size: 1.2rem;
	align-content: space-evenly;
	text-align: left;
	width: 100%;
	margin: 0;
}

.terapeutico-card-icon {
	background: #0f4954;
	height: 130px;
	width: 200px;
	align-content: center;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.atendimento-card-icon {
	background: #125a68;
	width: 80px;
	height: 80px;
	border-radius: 20px;
	align-content: center;
	text-align: center;
}

.atendimento-card p {
	margin: 0;
}


.atendimento-card-text {
	align-content: space-evenly;
}


.atendimento-image img {
	border-radius: 30px;
}

.edu-img {
	height: -webkit-fill-available;
  align-content: end;
}

.btn-dark-blue {
	padding: 12px 30px;
	color: #fff;
	font-weight: 500;
	font-size: 1.3rem;
	background: linear-gradient(270deg, rgb(31, 120, 135) 0%, rgb(15, 74, 84) 100%);
	border-radius: 10px;
	border: none;
	transition: 0.3s;
}

.btn-dark-blue:hover {
	background: linear-gradient(-270deg, rgb(31, 120, 135) 0%, rgb(15, 74, 84) 100%);
	transform: scale(1.05);
	box-shadow: rgb(87 191 213 / 46%) -3px 3px 14px 0px;
}


.btn-light-blue {
	padding: 12px 30px;
	color: #fff;
	font-weight: 500;
	font-size: 1.3rem;
	background: linear-gradient(270deg, rgb(74 190 209) 0%, rgb(43 142 159) 100%);
	border-radius: 10px;
	border: none;
	transition: 0.3s;
}

.btn-light-blue:hover {
	background: linear-gradient(-270deg, rgb(74 190 209) 0%, rgb(43 142 159) 100%);
	transform: scale(1.05);
	box-shadow: rgb(87 191 213 / 46%) -3px 3px 14px 0px;
}

.porque-card {
	background: #115a68;
	height: 130px;	
	padding: 15px 15px !important;
	border-radius: 10px;
}

.porque-card-text {
	align-content: space-evenly;
	text-align: left;
}

.porque-card-text p {
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
	margin: 0;
}

.porque-card-icon {
	background: #fff;
	height: 100px;
	width: 100px;
	align-content: center;
	border-radius: 20px;
}


#dica {
	background-image: url('images/banner.webp');
	background-size: cover;
}


.section-title02 {
	color: #c0f5ff;
	font-family: Gogh;
	font-weight: 800;
	font-size: 34px;
}

#dica p {
	color: #fff;
}



.bonus-card {
	background: #115a68;
	height: -webkit-fill-available;	
	padding: 30px 20px !important;
	border-radius: 20px;
}

.bonus-title {
	background: #fff6;
	border-radius: 50px;
	width: fit-content;
	padding: 0 20px;
	margin: 0 auto;
	align-content: space-evenly;
	height: 30px;
}

.bonus-title p {
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
	margin: 0 !important;
}

.bonus-card h2 {
	color: #fff;
	font-weight: 800;
	font-size: 1.3rem;
	text-align: center;
}


.bonus-card-text p {
	color: #fff;
	font-weight: 400;
	font-size: 1.2rem;
	align-content: space-evenly;
	width: 100%;
	margin: 0;
}


#depoimentos {
	background-image: url('images/banner-02.webp');
	background-size: cover;
}

.depo-card {
	background: #115a68;
	border-radius: 20px;
	padding: 0 !important;
	box-shadow: rgb(11, 44, 51) 0px 0px 68.9px 0px;
}

.depo-footer {
	background: #fff;
	width: 100%;
	padding: 30px 20px !important;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-color: rgba(111, 212, 231, 0.48);
}

.depo-text p {
	color: #fff;
	font-weight: 400;
	font-size: 1.2rem;
	align-content: space-evenly;
	width: 100%;
	margin: 0;
	padding: 30px 20px 40px 20px;
}

.depo-image {
	width: 100px;
}

.depo-image img {
	width: 100px;
    height: 100px;
    border-radius: 50%;
}

.depo-card-text h2 {
	color: #115a68;
	margin-bottom: 0;
	text-align: left;
}

.depo-card-text {
	text-align: left;
}

#perguntas-frequentes button {
	font-weight: 600;
	color: #0e353d;
}

#perguntas-frequentes button {
	font-weight: 600;
	color: #0e353d;
}

.accordion-item {
	background-color: rgb(236, 242, 243);
    border-radius: 10px;
    box-shadow: rgba(14, 53, 61, 0.12) 0px 10px 14px 0px;
    width: 100%;
    margin-bottom: 15px;

}

.accordion {
	border-radius: 10px;
}

.accordion-button {
	border-radius: 10px;
	background: #ecf2f3;
}

.accordion-button::after {
	background: #3296a8;
	border-radius: 2px;
	color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}


.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}


.cta-card {
	background-image: url('images/edu-bew.png');
	background-size: cover;
	border-radius: 20px;
	padding: 0 20px 0 20px;
}

.cta-footer {
	margin-top: 500px;
}

.cta-footer h2 {
	color: #fff;
	font-weight: 700;
	text-align: left;
}

.cta-footer p {
	color: #fff;
	text-align: left;
}

.cta-card-image {
	width: fit-content;
	transition: 0.3s;
}

.cta-card-image:hover {
	opacity: 0.8;
	transform: scale(1.03);
}


footer {
	background: rgb(18, 90, 104);
	color: #fff;
}

footer p {
	color: #fff;
}

footer a, footer small {
	color: #fff;
	font-size: 0.7rem;
}

footer svg {
	fill: #fff;
	width: 45px;
	transition: 0.3s;
}

footer svg:hover {
	transform: scale(1.03);
}


@media screen and (max-width: 991px) {
	.taxa-lg {
    display: grid;
  }

  .small-card {
  	text-align: center !important;
    display: grid;
  }
}

@media screen and (max-width: 767px) {
	.button01 {
    display: none;
  }

  #logohero {
    float: none;
	}

	.ident-lg {
	  display: grid;
	}
}

@media screen and (max-width: 576px) {
	.row {
    width: inherit;
    margin: 0 auto;
  }
}