/*
Theme Name: Skillia
Author: Andrew Franca
Version: 1.0
*/

@media (min-width: 1400px) {
	.container.container-2 {
		max-width: 1420px;
	}
}

.menu-toggle {
	display: none;
	font-size: 28px;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 1001;
}

.obrigatorio{
	font-size: 12px !important;
    margin-bottom: 20px;
    display: block;

}

html {
	margin: 0 !important;
	padding: 0 !important;
}

.errorMsg {
	font-family: "Montserrat", sans-serif;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	font-size: 18px;
}

p {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	color: #ffffff;
	margin: 0px;
}

h1 {
	font-family: "Montserrat", sans-serif;
	font-size: 39px;
	color: #fff;
}

h1 span {
	font-size: 85px;
}

h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 38px;
	color: #3d3d3d;
	font-weight: 700;
}

h3 {
	font-family: "Montserrat", sans-serif;
}

.btn-div {
	position: relative;
	z-index: 1;
}

.orange-btn {
	background: #f0540f;
	background: linear-gradient(
		180deg,
		rgba(240, 84, 15, 1) 44%,
		rgba(240, 153, 15, 1) 100%
	);
	padding: 20px 65px 20px 70px;
	width: fit-content;
	border-radius: 10px 30px;
	border: 4px solid #ffffff;
	font-family: "Montserrat", sans-serif;
	font-size: 21px;
	color: #ffffff;
	font-weight: 700;
	padding: 20px 55px 20px 50px;
	position: relative;
	text-decoration: none;
	display: block;
	box-shadow: rgb(204 161 18 / 74%) 2px 13px 30px -5px;
}

.orange-btn::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 5%;
	width: 100%;
	height: 110%;
	border: 1px solid #fff;
	border-radius: 10px 30px;
	z-index: -1;
}

.title-border::before {
	content: "";
	position: relative;
	top: -7px;
	display: block;
	left: 0px;
	width: 60px;
	border-top: 8px solid #eb5f31;
}

/* MENU */

.header-content {
	background-color: #0fc2d199;
	padding: 50px 0px;
	position: fixed;
	width: 100%;
	backdrop-filter: blur(6px);
	z-index: 2;
}

.header-content.menu-scrolled {
	padding: 15px 0px;
	transition: padding 0.3s;
}

.menu-principal {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-content .menu-logo img {
	max-width: 270px;
	width: 100%;
	height: auto;
}

.header-content #menu-menu-principal {
	display: flex;
	list-style: none;
	margin: 0px;
}

.header-content #menu-menu-principal li a {
	color: #fff;
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
	text-decoration: none;
	font-weight: 700;
	padding: 12px;
	line-height: 18px;
	text-transform: uppercase;
	position: relative;
}

.header-content #menu-menu-principal li a:hover,
.header-content #menu-menu-principal li a.active,
#blog-page .current_page_item a {
	background-color: #0c5093;
	border-radius: 8px 23px;
}

.header-content #menu-menu-principal li a:hover::after,
.header-content #menu-menu-principal li a.active::after,
#blog-page .current_page_item a::after {
	content: "";
	display: block;
	background-color: #eb5f31;
	width: 65%;
	height: 8px;
	position: absolute;
	bottom: -4px;
	left: 21px;
}

.header-content #menu-menu-principal li {
	padding: 0px 8px;
	border-right: solid 2px #fff;
}

.header-content #menu-menu-principal li:nth-last-child(1) {
	border: none;
}

/* Posts */

#article-page {
	background-color: #f4f4f4;
	padding-bottom: 100px;
}

#article-page .post-banner img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	height: 700px;
}

#article-page .post-banner {
	margin-bottom: 50px;
}

#article-page .back a,
#article-page .post-date p {
	color: #3d3d3d;
	font-family: "Montserrat", sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
}

#article-page .post-title {
	background-color: #fff;
	padding: 50px 20px 40px;
	margin-top: 50px;
	position: relative;
}

#article-page .post-title::after {
	content: "";
	display: block;
	position: absolute;
	width: 224px;
	height: 60px;
	background: url(../img/shape.svg) no-repeat center;
	background-size: contain;
	bottom: -55px;
	left: 50%;
	transform: translateX(-50%);
}

#article-page .post-title h1 {
	color: #eb5f31;
	font-size: 50px;
	text-align: center;
	font-weight: 700;
	max-width: 80%;
	margin: auto;
	line-height: 55px;
}

#article-page .post-content {
	background-color: #e4e4e4;
	padding: 135px 75px 100px 100px;
	border-bottom-right-radius: 200px;
}

#article-page .post-content p,
#article-page .post-content h3 {
	color: #3d3d3d;
	line-height: 30px;
	margin-bottom: 20px;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#article-page .post-content li {
	color: #3d3d3d;
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 20px;
	font-family: "Montserrat", sans-serif;
}

#article-page .post-content h2 {
	color: #eb5f31;
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 30px;
}

#article-page .post-content hr {
	margin: 30px;
}

#article-page .title-border {
	margin: 80px auto 25px;
	width: fit-content;
}

#article-page .recent-posts-carousel .swiper-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 0px;
	margin-bottom: 50px;
	position: relative;
	align-items: stretch;
}

.swiper-slide {
	height: auto !important;
}

/* Personalização dos botões */
.swiper-button-next,
.swiper-button-prev {
	color: #333;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 24px;
}

/* Personalização da paginação */
.swiper-pagination-bullet {
	background: #333;
}

.swiper-pagination-bullet-active {
	background: #007bff;
}

#article-page .recent-post {
	width: 100%;
	max-width: 440px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
}

#article-page .recent-post-thumbnail {
	width: 440px;
	height: 440px;
	max-width: 100%;
}

#article-page .recent-post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

#article-page .recent-post-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

#article-page .recent-post-categories .category {
	color: #3d3d3d;
	font-size: 14px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#article-page .recent-post-date {
	color: #3d3d3d !important;
	font-size: 11px !important;
	margin-top: 20px !important;
	margin-bottom: 0px !important;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#article-page .recent-post-info {
	padding: 40px 35px 35px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
}

#article-page .recent-post-info::before {
	content: "";
	display: block;
	position: absolute;
	width: 224px;
	height: 60px;
	background: url(../img/shape.svg) no-repeat center;
	background-size: contain;
	top: -57px;
	left: 50%;
	transform: translateX(-50%) rotate(180deg);
}

#article-page .recent-post-info h3 {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

#article-page .recent-post-info h3 a {
	color: #eb5f31;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-weight: 700;
}

#article-page .recent-post-info p {
	color: #3d3d3d;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
	text-align: center;
}

#article-page .recent-post .read-more {
	display: block;
	width: fit-content;
	margin: auto;
	border: 1px solid #3d3d3d;
	border-radius: 0px 27px;
	padding: 13px 25px 15px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #3d3d3d;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

#article-page .post-categories {
	display: grid;
	grid-template-columns: auto auto;
	align-items: start;
	align-content: baseline;
	justify-content: start;
	gap: 20%;
	margin-top: 20px;
	margin-bottom: 100px;
}

#article-page .post-categories-div p {
	color: #3d3d3d;
	font-size: 20px;
	font-weight: 500;
}

#article-page .post-categories a {
	color: #5f5f5f;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	text-decoration: none;
	font-weight: 500;
}

#article-page .share {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 15px;
	margin-bottom: 20px;
}

#article-page .share p {
	font-size: 21px;
	color: #091d3e;
}

#article-page .share .d-flex {
	gap: 7px;
	align-items: center;
	justify-content: center;
}

#article-page .divider {
	width: 100%;
	border-top: solid 3px #9a9c9f;
	opacity: 1 !important;
}

/* Banner */

#banner {
	background: #287487;
	background: linear-gradient(
		90deg,
		rgba(40, 116, 135, 1) 38%,
		rgba(35, 101, 172, 1) 83%
	);
}

.banner-content {
	background: url(../img/bg_banner.png);
	background-size: 1920px;
	margin: auto;
	max-width: 1920px;
	display: flex;
	background-position: top right;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-top: 300px;
	padding-bottom: 340px;
	background-repeat: no-repeat;
}

.banner-text-container {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(1.2px) brightness(1);
	-webkit-backdrop-filter: blur(1.2px);
	width: 550px;
	padding: 60px 50px 50px 60px;
	text-align: left;
}

#banner .banner-text-container:nth-child(1) {
	border-radius: 141px 23px 141px 52px;
	margin-bottom: 60px;
}

#banner .banner-text-container:nth-child(1)::before {
	content: "";
	position: absolute;
	top: -40px;
	left: -7%;
	width: 114%;
	right: 25%;
	height: 71%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: none;
	border-radius: 141px 23px 0px 0px;
	mask: linear-gradient(black, black) center top / 100% 21px no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) left top / 72px 100%
			no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) right top / 2px 100%
			no-repeat;
}

#banner .banner-text-container:nth-child(2) {
	border-radius: 46px 155px 32px 112px;
}

#banner .banner-text-container:nth-child(2)::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0%;
	width: 105%;
	right: 25%;
	height: 75%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: none;
	border-radius: 46px 155px 0px 0px;
	mask: linear-gradient(black, black) center top / 100% 21px no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) left top / 72px 100%
			no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) right top / 82px 100%
			no-repeat;
}

#banner .orange-btn {
	position: absolute;
}

/* SOBRE */

#sobre {
	padding-top: 50px;

	background: #287487;
	background: linear-gradient(
		90deg,
		rgba(40, 116, 135, 1) 38%,
		rgba(35, 101, 172, 1) 83%
	);
	background-size: cover, 1920px;
	background-position: center, top right;
	background-repeat: no-repeat, no-repeat;
}

#sobre .container {
	padding-bottom: 200px;
}

#sobre #cards .container {
	padding-bottom: 0px;
}

#sobre .div-img {
	padding-left: 90px;
	padding-right: 40px;
	border-right: solid 1px #ffffff;
	margin-right: 25px;
}

#sobre .div-img img {
	max-width: 470px;
	width: 100%;
}

#sobre .row {
	align-items: stretch;
}

#sobre .d-flex {
	margin-bottom: 50px;
	margin-top: 30px;
}

#sobre .d-flex p {
	margin-bottom: 0px;
}

#sobre p {
	margin-bottom: 40px;
}

#sobre .orange-btn {
	margin: auto;
}

#cards {
	padding-bottom: 50px;
	padding-top: 196px;
	background-color: #f8f8f8;
}

#cards .position-absolute {
	top: -196px;
	width: 100%;
}

#cards .d-flex {
	justify-content: space-between;
	align-items: center;
	margin-top: -120px;
	margin-bottom: 55px;
}

#cards .d-flex img {
	max-width: 380px;
	width: 100%;
}

#cards .title-border {
	margin: 0px auto 50px;
	width: fit-content;
}

#cards .row {
	gap: 70px 0px;
}

.card-implantodontia::before {
	content: "";
	display: block;
	margin: -40px auto 15px;
	background-color: #eb5f31;
	width: 65%;
	height: 28px;
	border-radius: 30px 10px;
}

.card-implantodontia {
	max-width: 360px;
	width: 100%;
	border-radius: 10px;
	position: relative;
	margin: auto;
	min-height: 360px;
	padding: 30px 40px 20px 35px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 22px 5px;
	height: 100%;
}

.card-implantodontia:hover .triangle {
	display: block;
	height: 60px;
	width: 60px;
	background-color: inherit;
	border: inherit;
	position: absolute;
	bottom: 0px;
	left: calc(50%);
	clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
	transform: rotate(-45deg) translateX(-50%);
	border-radius: 0 0 0 0.6em;
}

.card-implantodontia:hover {
	box-shadow: none;
	background-color: #04abc5;
}

.card-implantodontia:hover p {
	color: #fff;
}

.card-implantodontia:hover p b {
	color: #fff;
}

#cards .col-md-6:nth-child(1) .card-implantodontia:hover img {
	content: url("../img/icon1-white.png");
}

#cards .col-md-6:nth-child(2) .card-implantodontia:hover img {
	content: url("../img/icon2-white.png");
}

#cards .col-md-6:nth-child(3) .card-implantodontia:hover img {
	content: url("../img/icon3-white.png");
}

#cards .col-md-6:nth-child(4) .card-implantodontia:hover img {
	content: url("../img/icon4-white.png");
}

#cards .col-md-6:nth-child(5) .card-implantodontia:hover img {
	content: url("../img/icon5-white.png");
}

#cards .col-md-6:nth-child(6) .card-implantodontia:hover img {
	content: url("../img/icon6-white.png");
}

.card-implantodontia p {
	color: #575757;
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
}

.card-implantodontia p b {
	color: #575757;
	font-size: 25px;
	font-weight: 700;
}

.card-implantodontia div {
	color: #575757;
	font-size: 25px;
	font-weight: 700;
}

.card-implantodontia .img-div {
	margin-bottom: 20px;
	height: 117px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Implantodontia */

#implantodontia {
	background: #0c69a8;
	background: linear-gradient(
		159deg,
		rgba(12, 105, 168, 1) 70%,
		rgba(1, 113, 158, 1) 88%
	);
	padding-bottom: 50px;
}

#implantodontia .implantodontia-content {
	background-image: url(../img/implantodontia-bg.png);
	background-size: 1920px;
	max-width: 1920px;
	margin: auto;
	background-position: top right;
	padding-top: 480px;
	background-repeat: no-repeat;
}

#implantodontia .title-div {
	max-width: 465px;
	border-radius: 30px 150px;
	width: 100%;
	height: 755px;
	border: solid 1px #ffffff;
	padding: 150px 60px 0px 50px;
}

#implantodontia .title-div h2 {
	color: #fff;
	font-size: 33px;
	font-weight: 400;
}

#implantodontia .title-div h2 b {
	font-size: 44px;
	font-weight: 700;
}

#implantodontia .implantodontia-box {
	position: relative;
	margin-top: -350px;
}

.shield {
	position: relative;
}

#implantodontia .implantodontia-box-content {
	width: 100%;
	position: relative;
	padding: 75px 190px 0px 120px;
	margin-bottom: 85px;
}

#implantodontia .implantodontia-box-content::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #113d70;
	mix-blend-mode: multiply;
	border-radius: 15px 144px;
}

#implantodontia .implantodontia-box-content::after {
	content: "";
	position: absolute;
	background-color: #eb5f31;
	width: 47%;
	height: 28px;
	border-radius: 10px 3px;
	left: 36%;
	bottom: -10px;
}

#implantodontia .implantodontia-box p {
	margin-bottom: 50px;
}

#implantodontia .implantodontia-box .d-flex {
	gap: 13px;
	align-items: center;
}

#implantodontia .implantodontia-box .ebook-div {
	display: flex;
	gap: 45px;
	align-items: center;
	margin-top: 50px;
}

#implantodontia .implantodontia-box .ebook-div img {
	max-width: 300px;
	width: 100%;
}

#implantodontia .implantodontia-box .ebook-div .d-flex {
	gap: 5px;
	height: fit-content;
	align-items: start;
}

#implantodontia .implantodontia-box .ebook-div .d-flex img {
	max-width: 70px;
	width: 100%;
	margin-top: -15px;
}

#implantodontia .implantodontia-box .ebook-div .d-flex p {
	font-size: 32px;
}

#implantodontia .implantodontia-box .ebook-div .d-flex p b {
	font-weight: 700;
}

#implantodontia .desafios h2 {
	color: #fff;
	margin-bottom: 50px;
}

#implantodontia .desafios img {
	max-width: 600px;
	width: 100%;
}

.acesso-content {
	background-image: url(../img/acesso-bg.webp);
	background-size: 1580px;
	max-width: 1920px;
	margin: auto;
	background-position-x: -50px;
	padding-top: 90px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
}

.acesso-content h2 {
	margin-bottom: 30px;
	padding-left: 30px;
}

.acesso-box {
	position: relative;
}

.acesso-box-content .shield {
	position: relative;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 25px;
}

.acesso-box-content {
	width: 100%;
	position: relative;
	padding: 20px 50px 20px 37px;
	margin-bottom: 20px;
	max-width: 845px;
}

.acesso-box-content p {
	line-height: 30px;
	color: #3d3d3d;
}

.acesso-box-content::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #3d3d3d30;
	mix-blend-mode: multiply;
	border-radius: 0px 42px;
}

/* Especialistas */

.especialistas-content {
	background-image: url(../img/especialistas-bg.webp);
	background-size: 1920px;
	max-width: 1920px;
	margin: auto;
	background-position: top center;
	padding-top: 60px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
}

#especialistas h2 {
	color: #fff;
	text-align: center;
	display: block;
	margin: 0px auto 40px;
	width: fit-content;
}

.especialistas-cards-div {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 50px;
	margin-top: 195px;
}

#especialistas .especialista-card {
	max-width: 580px;
	width: 100%;
	padding: 0px 50px 45px;
	border-radius: 0px 30px;
	background: rgba(255, 255, 255, 0.65);
	border-radius: 16px;
	box-shadow: rgb(47 201 218 / 43%) 0px 2px 10px 9px;
}

#especialistas .especialista-card h3 {
	color: #eb5f31;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 25px;
	font-size: 25px;
}

#especialistas .especialista-card p {
	color: #3d3d3d;
	font-weight: 500;
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 25px;
}

#especialistas .especialista-card img {
	max-width: 310px;
	width: 100%;
	margin: auto;
	display: block;
	margin-top: -155px;
}

#especialistas .especialista-card .d-flex {
	gap: 15px;
	justify-content: start;
	align-items: start;
}

#especialistas .especialista-card .d-flex img {
	width: 21px;
	margin: 0px;
	display: block;
}

/* BLOG */

#blog {
	padding-top: 60px;
	background-color: #f8f8f8;
}

#blog .title-border {
	width: fit-content;
	margin: 0px auto 30px;
	font-weight: 400;
}

#blog .first-posts-group {
	display: flex;
	flex-direction: column;
}

#blog .first-posts-group .recent-post {
	flex-direction: row;
	max-width: none;
}

#blog .first-posts-group .recent-post-info {
	width: 440px;
}

#blog .recent-posts {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}

#blog .recent-post {
	width: 100%;
	max-width: 440px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

#blog .recent-post-info::before {
	content: "";
	display: block;
	position: absolute;
	width: 224px;
	height: 60px;
	background: url(../img/shape.svg) no-repeat center;
	background-size: contain;
	top: -57px;
	left: 50%;
	transform: translateX(-50%) rotate(180deg);
}

#blog .first-posts-group .recent-post:nth-child(1) .recent-post-info::before {
	transform: translateY(-50%) rotate(90deg);
	top: 50%;
	left: -140px;
}

#blog .first-posts-group .recent-post:nth-child(2) .recent-post-info::before {
	transform: translateY(-50%) rotate(270deg);
	top: 50%;
	left: unset;
	right: -140px;
}

#blog .recent-post:nth-child(2) {
	flex-direction: row-reverse;
}

#blog .recent-post-thumbnail {
	width: 440px;
	height: 440px;
}

#blog .recent-post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

#blog .recent-post-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

#blog .recent-post-categories .category {
	color: #3d3d3d;
	font-size: 14px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#blog .recent-post-date {
	color: #3d3d3d !important;
	font-size: 11px !important;
	margin-top: 20px !important;
	margin-bottom: 0px !important;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#blog .recent-post-info {
	padding: 29px 35px 25px;
	display: flex;
	min-height: 440px;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
}

#blog .recent-post-info h3 {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

#blog .recent-post-info h3 a {
	color: #eb5f31;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-weight: 700;
}

#blog .recent-post-info p {
	color: #3d3d3d;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
	text-align: center;
}

#blog .recent-post .read-more {
	display: block;
	width: fit-content;
	margin: auto;
	border: 1px solid #3d3d3d;
	border-radius: 0px 27px;
	padding: 13px 25px 15px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #3d3d3d;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

#blog .read-more {
	width: fit-content;
	margin-left: auto;
	border: 1px solid #3d3d3d;
	border-radius: 0px 27px;
	padding: 13px 25px 15px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #3d3d3d;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

/* E-BOOKS */

#ebooks {
	padding-top: 60px;
	padding-bottom: 80px;
	background-color: #f8f8f8;
}

#ebooks h2 {
	width: fit-content;
	margin: 0px auto 30px;
}

#ebooks p {
	color: #3d3d3d;
	text-align: center;
}

#ebooks .ebooks-box {
	background-color: #fff;
	margin-top: 405px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 22px 5px;
	padding: 40px 75px 55px 75px;
	border-radius: 38px;
}

#ebooks .ebooks-box img {
	box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);
	display: block;
	margin: 0px auto 60px;
	top: -390px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

#ebooks .ebooks-box .d-flex div {
	width: 50%;
	padding-top: 170px;
	position: relative;
}

#ebooks .ebooks-box .d-flex div:nth-child(1) {
	border-right: 1px solid #d6d6d6;
	padding-right: 85px;
}

#ebooks .ebooks-box .d-flex div:nth-child(2) {
	padding-left: 85px;
}

#ebooks .ebooks-box h3 {
	color: #ec663c;
	font-size: 25px;
	font-weight: 800;
	margin-bottom: 30px;
}

#ebooks .ebooks-box p {
	text-align: left;
	margin-bottom: 30px;
}

#ebooks .ebooks-box .orange-btn {
	margin: 40px auto 0px;
}

#ebooks .ebooks-box .orange-btn::before {
	border: 1px solid #0176cf;
	top: 13px;
	left: 3%;
}

/* FORMULARIO */

#form {
	background-image: url(../img/form_bg.png);
	background-position: center;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 40px;
}

.form-title {
	border: 1px solid #fff;
	border-radius: 31px 80px 28px 81px;
	width: fit-content;
	padding: 50px;
	margin: auto;
}

.form-title h1 {
	font-size: 50px;
	font-weight: 500;
	text-align: center;
}

.form-title h1 b {
	font-size: 70px;
	font-weight: 800;
}

#form h2 {
	color: #fff;
	margin: auto;
	width: fit-content;
	margin-top: 60px;
	margin-bottom: 55px;
}

#form input,
#form select {
	border-radius: 0px 23px;
	padding: 20px;
}

#form small,
#form small a {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

.frm-fluent-form .ff-t-container {
	display: flex;
	gap: 15px;
	width: 100%;
}

.fluentform .ff-el-form-control {
	display: block;
	width: 100%;
}

#form button {
	margin: auto;
}

.ff-message-success {
	border: none !important;
}

#form h1 {
	text-align: center;
}

#form .div-pdfs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 50px;
}

#form.successful .hide-on-success {
	display: none;
}

/* BLOG */

/* Banner Blog */

.site-blog {
	padding-bottom: 50px;
}

.site-blog,
#banner-blog {
	background-color: #f4f4f4;
}

#banner-blog .banner-content {
	background: url(../img/bg_banner.png);
	background-size: 1920px;
	margin: auto;
	max-width: 1920px;
	display: flex;
	background-position: bottom right;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-top: 300px;
	padding-bottom: 310px;
	background-repeat: no-repeat;
}

#banner-blog .banner-text-container {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(1.2px) brightness(1);
	-webkit-backdrop-filter: blur(1.2px);
	width: 550px;
	padding: 90px 20px 80px 40px;
	text-align: left;
	border-radius: 141px 23px 141px 52px;
	margin-bottom: 60px;
}

#banner-blog .banner-text-container::before {
	content: "";
	position: absolute;
	top: -40px;
	left: -7%;
	width: 114%;
	right: 25%;
	height: 71%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: none;
	border-radius: 141px 23px 0px 0px;
	mask: linear-gradient(black, black) center top / 100% 21px no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) left top / 72px 100%
			no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) right top / 2px 100%
			no-repeat;
}

#banner-blog h1 {
	font-size: 40px;
	font-weight: 500;
}

#banner-blog h1 b {
	font-size: 70px;
	font-weight: 800;
}

#posts {
	padding-top: 100px;
}

#posts .post {
	width: 100%;
	background-color: #fff;
	display: flex;
}

#posts article:nth-child(even) .post {
	width: 100%;
	background-color: #e4e4e4;
	display: flex;
	flex-direction: row-reverse;
}

#posts .post-thumbnail {
	width: 100%;
	max-width: 440px;
	height: 440px;
}

#posts .post:nth-child(odd) .post-info::before {
	content: "";
	display: block;
	position: absolute;
	width: 224px;
	height: 60px;
	background: url(../img/shape.svg) no-repeat center;
	background-size: contain;
	top: 50%;
	left: -140px;
	transform: translateY(-50%) rotate(90deg);
}

#posts .post:nth-child(even) .post-info::before {
	content: "";
	display: block;
	position: absolute;
	width: 224px;
	height: 60px;
	background: url(../img/shape-gray.svg) no-repeat center;
	background-size: contain;
	top: 50%;
	left: unset;
	right: -140px;
	transform: translateY(-50%) rotate(270deg);
}

#posts .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

#posts .post-categories {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

#posts .post-categories .category {
	color: #3d3d3d;
	font-size: 14px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#posts .post-date {
	color: #3d3d3d !important;
	font-size: 11px !important;
	margin-top: 20px !important;
	margin-bottom: 0px !important;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#posts .post-info {
	padding: 40px 35px 35px;
	display: flex;
	min-height: 440px;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
}

#posts .post-info h3 {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

#posts .post-info h3 a {
	color: #eb5f31;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-weight: 700;
}

#posts .post-info p {
	color: #3d3d3d;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 20px;
	text-align: center;
}

#posts .post .read-more {
	display: block;
	width: fit-content;
	margin: auto;
	border: 1px solid #3d3d3d;
	border-radius: 0px 27px;
	padding: 13px 25px 15px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #3d3d3d;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

#posts .pagination {
	margin-top: 20px;
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: end;
}

#posts .pagination a,
#posts .pagination .current {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8f8f8;
	border-radius: 10px;
	color: #0d1f35;
	text-decoration: none;
	font-weight: 500;
}

#posts .pagination a:hover {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 22px 5px;
}

#posts .pagination .current {
	background: #eb6034;
	color: #fff;
}

#posts .pagination .prev.page-numbers {
	rotate: 180deg;
}

/* Landing Page Styles  */

#landing-page footer {
	padding: 190px 0px 50px;
	background-size: cover;
}

#landing-page .header-content {
	display: none;
}

/* Banner */

#banner-lp .banner-content {
	background: url(../img/bg_banner_lp.png);
	background-size: 1920px;
	margin: auto;
	max-width: 1920px;
	display: flex;
	background-position: bottom right;
	flex-direction: column;
	justify-content: unset;
	align-items: center;
	text-align: center;
	padding-top: 170px;
	height: 1130px;
	padding-bottom: 310px;
	background-repeat: no-repeat;
}

#banner-lp .banner-content img {
	display: block;
	margin-bottom: 120px;
}

#banner-lp .banner-text-container {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(1.2px) brightness(1);
	-webkit-backdrop-filter: blur(1.2px);
	width: 550px;
	padding: 60px 50px 50px 60px;
	text-align: left;
}

#banner-lp .container {
	position: relative;
}

#banner-lp .banner-text-container {
	border-radius: 46px 155px 32px 112px;
}

#banner-lp .banner-text-container::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0%;
	width: 105%;
	right: 25%;
	height: 75%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: none;
	border-radius: 46px 155px 0px 0px;
	mask: linear-gradient(black, black) center top / 100% 21px no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) left top / 72px 100%
			no-repeat,
		linear-gradient(to bottom, black 0%, transparent 100%) right top / 82px 100%
			no-repeat;
}

#banner-lp .orange-btn {
	position: absolute;
}

#download .container {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding-top: 20px;
}

#download .container img {
	max-width: 450px;
	width: 100%;
	margin-bottom: -40px;
}

#download .container h2 {
	color: #eb5f31;
	text-transform: uppercase;
	font-size: 33px;
}

#download .container h2 b {
	font-size: 53px;
	font-weight: 700;
}

#download .container p {
	font-size: 30px;
	font-weight: 800;
	color: #3d3d3d;
}

#download .container a {
	display: block;
	margin: 30px auto;
}

/* Especialistas LP */

#especialistas-lp .especialistas-content {
	background-image: url(../img/especialistas-bg-lp.webp);
	background-size: cover;
	max-width: 1920px;
	margin: auto;
	background-position: top center;
	padding-top: 60px;
	padding-bottom: 100px;
	background-repeat: no-repeat;
}

#especialistas-lp h2 {
	color: #3d3d3d;
	text-align: center;
	display: block;
	margin: 0px auto 40px;
	width: fit-content;
	max-width: 1060px;
}

#especialistas-lp .especialistas-cards-div {
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 0px;
	margin-top: 60px;
	flex-direction: column;
	background: rgba(255, 255, 255, 0.65);
	border-radius: 16px;
	box-shadow: rgb(47 201 218 / 43%) 0px 2px 10px 9px;
	padding: 100px 50px 0px;
}

#especialistas-lp .especialista-card {
	width: 100%;
	border-radius: 0px 30px;
	margin-bottom: 50px;
}

#especialistas-lp .especialista-header {
	display: flex;
	align-items: center;
	gap: 30px;
}

#especialistas-lp .especialista-header img {
	max-width: 210px;
	width: 100%;
	margin: 0px;
	display: block;
}

#especialistas-lp .especialista-card h3 {
	color: #eb5f31;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 25px;
	font-size: 25px;
}

#especialistas-lp .especialista-card p {
	color: #3d3d3d;
	font-weight: 500;
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 25px;
}

#especialistas-lp .especialista-card .d-flex p,
#especialistas-lp .especialista-card .d-flex img {
	margin-bottom: 10px;
}

#especialistas-lp .especialista-card .d-flex {
	gap: 15px;
	justify-content: start;
	align-items: start;
}

#especialistas-lp .especialista-card .bold {
	font-weight: 700;
	margin: 40px 0px 15px;
}

#especialistas-lp .especialista-card .d-flex img {
	width: 21px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 10px;
	display: block;
}

#cards-lp {
	padding-bottom: 90px;
	padding-top: 96px;
	background-color: #f8f8f8;
}

#cards-lp .position-absolute {
	top: -196px;
	width: 100%;
}

#cards-lp .d-flex {
	justify-content: space-between;
	align-items: center;
	margin-top: -120px;
	margin-bottom: 55px;
}

#cards-lp .d-flex img {
	max-width: 380px;
	width: 100%;
}

#cards-lp .title-border {
	margin: 0px auto 50px;
	width: fit-content;
}

#cards-lp .row {
	gap: 70px 0px;
	margin-bottom: 70px;
}

#cards-lp .card-implantodontia::before {
	content: "";
	display: block;
	margin: -40px auto 15px;
	background-color: #eb5f31;
	width: 65%;
	height: 28px;
	border-radius: 30px 10px;
}

#cards-lp .card-implantodontia {
	max-width: 360px;
	width: 100%;
	border-radius: 10px;
	position: relative;
	margin: auto;
	min-height: 360px;
	padding: 30px 40px 20px 35px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 22px 5px;
}

#cards-lp .card-implantodontia:hover .triangle {
	display: block;
	height: 60px;
	width: 60px;
	background-color: inherit;
	border: inherit;
	position: absolute;
	bottom: 0px;
	left: calc(50%);
	clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
	transform: rotate(-45deg) translateX(-50%);
	border-radius: 0 0 0 0.6em;
}

#cards-lp .card-implantodontia:hover {
	box-shadow: none;
	background-color: #04abc5;
}

#cards-lp .card-implantodontia:hover p {
	color: #fff;
}

#cards-lp .card-implantodontia:hover p b {
	color: #fff;
}

#cards-lp .col-xl-3:nth-child(1) .card-implantodontia:hover img {
	content: url("../img/lp-icon-1-white.png");
}

#cards-lp .col-xl-3:nth-child(2) .card-implantodontia:hover img {
	content: url("../img/lp-icon-2-white.png");
}

#cards-lp .col-xl-3:nth-child(3) .card-implantodontia:hover img {
	content: url("../img/lp-icon-3-white.png");
}

#cards-lp .col-xl-3:nth-child(4) .card-implantodontia:hover img {
	content: url("../img/lp-icon-4-white.png");
}

#cards-lp .card-implantodontia p {
	color: #575757;
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
}

#cards-lp .card-implantodontia p b {
	color: #575757;
	font-size: 25px;
	font-weight: 700;
}

#cards-lp .card-implantodontia div {
	color: #575757;
	font-size: 25px;
	font-weight: 700;
}

#cards-lp .card-implantodontia .img-div {
	margin-bottom: 20px;
	height: 117px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#cards-lp .cards-arrow-container {
	display: flex;
	margin-top: 95px;
	justify-content: center;
}

#cards-lp .card-arrow {
	position: relative;
	height: 250px;
	background-color: #fff;
	border: 5px solid #eb5f31;
	border-radius: 40px;
	text-align: center;
	padding: 0px 50px 50px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 22px 5px;
}

#cards-lp .card-arrow:nth-child(1) {
	z-index: 3;
	width: 32%;
}

#cards-lp .card-arrow:nth-child(2) {
	z-index: 2;
	margin-left: -70px;
	width: 40%;
	padding: 0px 50px 50px 100px;
}

#cards-lp .card-arrow:nth-child(3) {
	z-index: 1;
	margin-left: -70px;
	width: 40%;
	padding: 0px 50px 50px 100px;
}

#cards-lp .card-arrow img {
	max-width: 110px;
	width: 100%;
	margin-top: -55px;
}

#cards-lp .card-arrow h3 {
	color: #eb5f31;
	font-size: 55px;
	font-weight: 800;
}

#cards-lp .card-arrow p {
	color: #3d3d3d;
	font-weight: 700;
	font-size: 20px;
}

#cards-lp .card-arrow::before,
#cards-lp .card-arrow::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
}

#cards-lp .card-arrow::before {
	right: -50px;
	top: 81px;
	rotate: 180deg;
	border-top: 35px solid transparent;
	border-right: 50px solid #eb5f31;
	border-bottom: 35px solid transparent;
}

#cards-lp .card-arrow::after {
	right: -39px;
	top: 86px;
	rotate: 180deg;
	border-top: 30px solid transparent;
	border-right: 42px solid #fff;
	border-bottom: 30px solid transparent;
}

#cards-lp .card-arrow:nth-child(3):after,
#cards-lp .card-arrow:nth-child(3):before {
	content: none;
}

/* Ebooks Footer */

#ebook-footer .container {
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 45px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#ebook-footer .container img {
	max-width: 530px;
	width: 100%;
	margin-bottom: -170px;
}

#ebook-footer .container .d-flex {
	gap: 15px;
	justify-content: start;
	align-items: start;
	max-width: 510px;
}

#ebook-footer .container .d-flex img {
	width: 21px;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 10px;
	display: block;
}

#ebook-footer .container .d-flex p {
	color: #3d3d3d;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 25px;
}

#ebook-footer h2 {
	color: #eb5f31;
	margin-bottom: 35px;
	font-weight: 600;
	margin-top: 50px;
}

/* Footer  */

footer {
	background: url(../img/footer-bg.webp);
	background-size: 1920px;
	margin: auto;
	max-width: 1920px;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 85px 0px 50px;
}

footer p,
footer a {
	font-size: 20px;
	font-weight: 400;
	max-width: 480px;
	line-height: 25px;
	color: #fff;
}

footer .d-flex {
	justify-content: space-between;
	align-items: center;
}

footer .d-flex .d-flex {
	margin: 30px 0px 23px;
	gap: 17px;
	align-items: center;
	justify-content: center;
}

footer .logo {
	margin-bottom: 25px;
}

/* Responsive */

@media (max-width: 1399px) {
	.header-content #menu-menu-principal li {
		padding: 0px 5px;
	}

	.header-content .menu-logo img {
		max-width: 180px;
	}

	#implantodontia .implantodontia-content {
		background-position: 40% 0px;
	}

	#implantodontia .implantodontia-box-content {
		padding: 75px 50px 0px 80px;
	}

	.acesso-content {
		background-size: cover;
		background-position-x: -210px;
	}

	#blog .recent-posts {
		flex-direction: column;
	}

	#blog .recent-post {
		flex-direction: row;
		max-width: unset;
	}

	#blog .recent-post-thumbnail,
	#posts .post .post-thumbnail {
		width: 50%;
		height: auto;
	}

	#blog .recent-post-info,
	#posts .post .post-info {
		width: 50%;
	}

	#blog .recent-post-info::before {
		transform: translateY(-50%) rotate(90deg);
		top: 50%;
		left: -140px;
	}

	#banner-lp .banner-content {
		height: 1150px;
		background-repeat: no-repeat;
		background-position-x: 50%;
	}
}

@media (max-width: 1199px) {
	.header-content #menu-menu-principal li a {
		font-size: 14px;
		padding: 10px;
	}

	.header-content {
		padding: 30px 0px;
	}

	.header-content .menu-logo img {
		max-width: 120px;
	}

	.banner-content,
	#banner-blog .banner-content {
		background-position-x: 60%;
		background-position-y: bottom;
	}

	.banner-text-container {
		width: 480px;
		padding: 40px 50px 20px 50px;
	}

	#banner-blog .banner-content {
		padding-top: 170px;
		padding-bottom: 180px;
		background-size: 1200px;
		background-position-x: left;
	}

	#banner-blog .banner-text-container {
		padding: 40px 50px 20px 100px !important;
	}

	#banner .banner-text-container:nth-child(1) {
		border-radius: 111px 13px 111px 42px !important;
	}

	#banner .banner-text-container:nth-child(2) {
		padding: 40px 50px 50px 50px;
	}

	#banner .banner-text-container:nth-child(2)::before {
		border-radius: 46px 155px 32px 112px;
		width: 108%;
		height: 100%;
	}

	#banner p {
		font-family: "Montserrat", sans-serif;
		font-size: 20px;
		color: #ffffff;
		line-height: 25px;
		margin: 0px;
	}

	#banner .orange-btn {
		width: 400px;
		font-size: 20px;
		padding: 15px 5px 20px 20px;
		margin-top: 20px;
	}

	#cards .d-flex img {
		max-width: 290px;
		width: 100%;
	}

	#implantodontia .implantodontia-content {
		padding-top: 280px;
	}

	#implantodontia p {
		font-size: 20px;
		line-height: 25px;
	}

	#implantodontia .implantodontia-box .ebook-div .d-flex p {
		font-size: 25px;
		line-height: 30px;
	}

	#implantodontia .implantodontia-box .ebook-div img {
		max-width: 230px;
		width: 100%;
	}

	#implantodontia .implantodontia-box .ebook-div .d-flex img {
		max-width: 50px;
		width: 100%;
		margin-top: -5px;
	}

	#implantodontia .implantodontia-box-content::after {
		height: 18px;
	}

	.acesso-content {
		background-size: cover;
		background-position-x: -700px;
	}

	.especialistas-cards-div {
		align-items: center;
		flex-direction: column;
		margin-top: 50px;
	}

	#especialistas .especialista-card {
		max-width: unset;
		padding: 50px 50px 20px;
	}

	#especialistas .especialista-card img {
		max-width: 120px;
		margin: 0px;
	}

	#especialistas .especialista-card-header {
		display: flex;
		align-items: center;
		justify-content: start;
		gap: 40px;
		margin-bottom: 40px;
	}

	#especialistas .especialista-card h3 {
		font-size: 20px;
	}

	#especialistas .especialista-card p {
		color: #3d3d3d;
		font-weight: 500;
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 23px;
	}

	#especialistas .especialista-card .d-flex img {
		width: 19px;
		margin: 0px;
		margin-top: 0px;
		display: block;
	}

	.especialistas-content {
		background-size: cover;
	}

	#ebooks .ebooks-box .d-flex div:nth-child(2) {
		padding-left: 45px;
	}

	#ebooks .ebooks-box .d-flex div:nth-child(1) {
		padding-right: 45px;
	}

	#ebooks .ebooks-box img {
		top: -240px;
	}

	#ebooks .ebooks-box {
		margin-top: 275px;
		padding: 40px 45px 55px 45px;
	}

	#ebooks .ebooks-box h3,
	#ebooks .ebooks-box p {
		font-size: 20px;
		margin-bottom: 15px;
	}

	#ebooks .ebooks-box img {
		width: 220px;
	}

	#ebooks .ebooks-box .d-flex div {
		width: 50%;
		padding-top: 110px;
		position: relative;
	}

	.form-title {
		padding: 30px 40px;
	}

	.form-title h1 {
		font-size: 35px;
		font-weight: 500;
		text-align: center;
	}

	.form-title h1 b {
		font-size: 37px;
		font-weight: 800;
	}

	#form h2 {
		font-size: 28px;
	}

	footer .logo {
		width: 280px !important;
	}

	footer p,
	footer a {
		font-size: 16px;
		max-width: 380px;
		line-height: 20px;
	}

	footer .d-flex img {
		width: 60px;
	}

	#article-page .post-banner img {
		height: 500px;
	}

	#article-page .recent-post-thumbnail {
		width: 440px;
		height: 270px;
		max-width: 100%;
	}

	#article-page .recent-post-info {
		padding: 20px 20px 25px;
	}

	#posts {
		padding-top: 50px;
	}

	#banner-lp .banner-content {
		height: auto;
		background-size: cover;
		background-position-x: 15%;
		padding-top: 110px;
		padding-bottom: 260px;
	}

	#banner-lp .banner-content img {
		display: block;
		margin-bottom: 120px;
		width: 300px;
	}

	#banner-lp .banner-text-container {
		width: 440px;
		padding: 40px 50px 60px 50px;
	}

	#banner-lp .orange-btn {
		font-size: 20px;
		padding: 20px 15px 20px 20px;
	}

	#cards-lp .card-arrow:nth-child(1) {
		width: 25%;
		padding: 0px 20px 0px;
	}

	#cards-lp .card-arrow:nth-child(2) {
		z-index: 2;
		margin-left: -70px;
		width: 35%;
		padding: 0px 50px 50px 100px;
	}

	#cards-lp .card-arrow:nth-child(3) {
		margin-left: -66px;
		width: 50%;
		padding: 0px 30px 50px 100px;
	}

	#ebook-footer .container img {
		max-width: 400px;
		width: 100%;
		margin: 0px auto -170px;
	}
}

@media (max-width: 991px) {
	h2 {
		font-size: 25px;
	}

	p {
		font-size: 18px;
		line-height: 23px;
	}

	.sobre-title {
		flex-direction: column;
	}

	#sobre .div-img {
		padding-left: 0px;
		padding-right: 0px;
		border-right: none;
		margin-right: 0px;
		margin-bottom: 50px;
	}

	#cards .d-flex img {
		max-width: 230px;
		width: 100%;
	}

	#cards .position-absolute {
		top: -120px;
		width: 100%;
	}

	#cards {
		padding-top: 120px;
	}

	.card-implantodontia {
		padding: 30px 25px 30px 25px;
		min-height: unset;
	}

	.card-implantodontia img {
		max-width: 80px;
	}

	.card-implantodontia p,
	.card-implantodontia p b {
		font-size: 20px;
		margin: 0px !important;
	}

	#implantodontia .implantodontia-box .ebook-div img {
		max-width: 190px;
		width: 100%;
	}

	#implantodontia .implantodontia-box-content {
		padding: 75px 30px 0px 50px;
	}

	#implantodontia .desafios img {
		max-width: 350px;
		width: 100%;
		margin: 30px auto 0px;
		display: block;
	}

	.frm-fluent-form .ff-t-container {
		display: flex;
		gap: 15px;
		width: 100%;
		flex-direction: column;
	}

	footer {
		background-size: cover;
	}

	footer .d-flex {
		flex-direction: column;
	}

	footer .d-flex .d-flex {
		flex-direction: row;
		justify-content: start;
	}

	footer div {
		width: 100%;
	}

	footer p,
	footer a {
		max-width: unset;
		margin-bottom: 15px;
	}

	.header-content {
		padding: 15px 0px;
	}

	.menu-toggle {
		display: block;
		position: relative;
		z-index: 1001;
		color: #fff;
	}

	.menu-principal-items {
		display: none;
		top: 74px;
		right: -100%;
		width: 100%;
		height: 100vh;
		padding: 50px 0px;
		position: fixed;
		width: 100%;
	}

	.header-content.active .menu-principal-items {
		position: fixed;
		display: flex;
		right: 0;
		justify-content: center;
	}

	.header-content #menu-menu-principal li {
		border: none;
		margin-bottom: 10px;
	}

	.header-content #menu-menu-principal li a {
		font-size: 20px;
	}

	.header-content.active {
		position: fixed;
		top: 0px;
		width: 100%;
		height: 100vh;
		background-color: #0fc2d199;
		backdrop-filter: blur(10px);
		z-index: 2;
	}

	.menu-principal-items .menu {
		flex-direction: column;
		gap: 25px;
	}

	#article-page .post-banner img {
		height: 350px;
	}

	.container-carousel {
		max-width: 100%;
	}

	#article-page .post-title {
		padding: 30px 20px 30px;
		margin-top: 30px;
	}

	#article-page .post-title h1 {
		font-size: 30px;
		line-height: 38px;
	}

	#article-page .post-content {
		padding: 85px 40px 30px 45px;
		border-bottom-right-radius: 110px;
	}

	#article-page .back a,
	#article-page .post-date p {
		font-size: 18px;
		line-height: 23px;
	}

	#article-page .post-content p,
	#article-page .post-content h3 {
		font-size: 18px;
		line-height: 23px;
		margin-bottom: 10px;
	}

	#article-page .back img {
		width: 30px;
	}

	#posts .post-info {
		padding: 20px 25px 15px;
		min-height: unset;
	}

	#banner-blog .banner-content {
		padding-top: 180px;
		padding-bottom: 130px;
		background-size: 1000px;
		background-position-x: left;
	}

	#banner-blog h1 {
		font-size: 30px;
	}

	#banner-blog h1 b {
		font-size: 40px;
		font-weight: 800;
	}

	#banner-blog .banner-text-container {
		padding: 40px 50px 20px 50px !important;
		width: 340px;
	}

	#banner-blog .banner-text-container {
		padding: 40px 50px 20px 50px !important;
		width: 340px;
		border-radius: 101px 23px 101px 52px;
	}

	#banner-blog .banner-text-container::before {
		top: -20px;
		left: -4%;
		width: 109%;
		height: 110%;
		border-radius: 101px 23px 101px 52px;
	}

	#download .container h2 {
		font-size: 25px;
	}

	#download .container h2 b {
		font-size: 33px;
	}

	#download .container p {
		font-size: 20px;
	}

	#download .container img {
		max-width: 320px;
		margin-bottom: -110px;
	}

	#download .orange-btn {
		font-size: 18px;
		padding: 20px 15px 20px 15px;
	}

	#ebook-footer .container {
		display: flex;
		justify-content: center;
		align-items: start;
		gap: 45px;
		padding-top: 50px;
		padding-bottom: 50px;
		flex-direction: column;
	}

	#cards-lp .card-arrow:nth-child(1) {
		width: 30%;
		padding: 0px 20px 0px;
	}

	#cards-lp .card-arrow:nth-child(2) {
		z-index: 2;
		margin-left: -70px;
		width: 35%;
		padding: 0px 50px 50px 100px;
	}

	#cards-lp .card-arrow:nth-child(3) {
		margin-left: -66px;
		width: 45%;
		padding: 0px 30px 50px 100px;
	}

	#cards-lp .cards-arrow-container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 90px;
	}

	#cards-lp .card-arrow {
		width: 350px !important;
		margin: 0px !important;
		padding: 0px 20px 0px !important;
	}

	#cards-lp .card-arrow::after,
	#cards-lp .card-arrow::before {
		display: none;
	}
}

@media (max-width: 767px) {
	#cards .d-flex {
		margin-top: 0px;
		flex-direction: column;
		gap: 20px;
	}

	#cards {
		padding-top: 60px;
	}

	#cards .position-absolute {
		position: relative !important;
		top: 0px;
	}

	#implantodontia .implantodontia-box .ebook-div {
		flex-direction: column-reverse;
	}

	#blog .recent-post,
	#posts .post {
		flex-direction: column !important;
	}

	#blog .recent-post-thumbnail,
	#posts .post .post-thumbnail {
		width: 100%;
		height: 250px;
		max-width: unset;
	}

	#blog .recent-post .recent-post-info::before,
	#posts .post .post-info::before {
		transform: translateX(-50%) rotate(180deg) !important;
		top: -57px !important;
		left: 50% !important;
	}

	#blog .recent-post-info,
	#posts .post .post-info {
		width: 100% !important;
	}

	#ebooks .ebooks-box .d-flex {
		flex-direction: column;
		gap: 30px;
	}

	#ebooks .ebooks-box .d-flex div {
		padding: 0px !important;
		width: 100% !important;
	}

	#ebooks .ebooks-box img {
		top: 0px;
		position: unset;
		display: block;
		/* margin: auto; */
		transform: none;
	}

	#ebooks .ebooks-box .d-flex div:nth-child(1) {
		border-right: none;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 20px !important;
	}

	#ebooks .orange-btn,
	#sobre .orange-btn,
	#form .orange-btn {
		padding: 20px 25px 20px 20px;
		font-size: 18px;
	}

	#ebooks .ebooks-box {
		margin-top: 75px;
		padding: 40px 35px 55px 35px;
	}

	#blog .title-border {
		text-align: center;
	}

	#banner-lp .banner-content img {
		display: block;
		margin-bottom: 40px;
		width: 230px;
		margin: 0px auto 40px;
	}

	#banner-lp .banner-text-container {
		width: 324px;
		padding: 40px 30px 80px 20px;
		border-radius: 46px 105px 32px 112px;
	}

	#banner-lp .banner-text-container::before {
		left: -2%;
		width: 105%;
		border-radius: 46px 105px 32px 112px;
		height: 100%;
	}

	#banner-lp h1 {
		font-size: 29px;
	}

	#banner-lp .orange-btn {
		font-size: 18px;
		padding: 20px 10px 20px 10px;
		position: absolute;
		width: 335px;
		left: 0px;
		bottom: -19px;
	}

	#download .container img {
		margin-bottom: 0px;
	}

	#download .container {
		flex-direction: column;
		gap: 50px;
	}

	#especialistas-lp .especialista-header {
		flex-direction: column;
	}

	#especialistas-lp .especialista-card h3 {
		text-align: center;
		font-size: 21px;
		margin: 0px;
	}

	#especialistas-lp .especialistas-cards-div {
		padding: 50px 20px 0px;
	}

	.acesso-content {
		background: none;
	}

	#especialistas-lp .especialista-card h3 span {
		font-weight: 500;
		display: block;
	}
	
	#ebooks .title-border br, .ebooks-box br{
		display: none;
	}
}

@media (max-width: 575px) {
	.acesso-box-content .shield {
		flex-direction: column;
	}

	.form-title h1 {
		font-size: 25px;
	}

	.form-title h1 b {
		font-size: 27px;
		font-weight: 800;
	}

	#implantodontia .title-div {
		border-radius: 15px 104px;
	}

	#implantodontia .title-div h2 {
		font-size: 27px;
	}

	#implantodontia .title-div h2 b {
		font-size: 37px;
	}

	#implantodontia .implantodontia-content {
		background-position: 0% 0px;
		padding-top: 80px;
	}

	#implantodontia .implantodontia-box-content {
		padding: 75px 30px 0px 25px;
	}

	#implantodontia .implantodontia-box-content::before {
		border-radius: 15px 104px;
	}

	#banner h1 {
		font-size: 24px;
	}

	#banner h1 span {
		font-size: 49px;
	}

	.banner-text-container {
		width: 370px;
		max-width: 100%;
		margin: auto;
		padding: 25px 20px 10px 60px;
	}
	
	#banner .banner-text-container:nth-child(2) {
        padding: 25px 15px 55px 20px;
		border-radius: 32px 75px !important;
    }
	
	#banner .banner-text-container:nth-child(2)::before {
		padding: 25px 20px 45px 20px;
		border-radius: 32px 75px !important;
		border-radius: 46px 155px 32px 112px;
		width: 102%;
		height: 100%;
    }
	
	#banner .banner-text-container:nth-child(1) {
        border-radius: 83px 22px 62px 20px !important;
		margin-bottom: 15px;
    }

	#banner .banner-text-container:nth-child(1)::before {
		top: -10px;
        left: -3%;
        width: 106%;
        border-radius: 83px 22px 62px 20px !important;
	}

	.banner-content {
		padding-top: 130px;
        padding-bottom: 700px;
        background: url(https://skillia.com.br/skillia-stage/wp-content/uploads/2025/10/Fundo_mobile.png);
        background-size: 600px;
        background-position-y: bottom;
        background-position-x: center;
	}
	
	#banner-lp .orange-btn{
        left: -12px;
		max-width: 350px;
		bottom: -100px;
	}
	
	#banner .orange-btn{
		max-width: 324px;
        left: 25px;
        font-size: 14px !important;
        margin-top: 15px !important;
        padding: 10px 5px 10px 5px !important;
        border-radius: 10px 27px !important;
		max-width: 324px;
		right: 4%;
        left: unset;
			
	}

	#banner-lp .orange-btn,#banner .orange-btn, #ebooks .orange-btn, #sobre .orange-btn, #form .orange-btn, #download .orange-btn {
        font-size: 18px;
        padding: 15px 5px 20px 5px;
        margin: 80px auto;
        
        text-align: center;
	}
	
	#banner-lp .orange-btn::before, #ebooks .orange-btn::before, #sobre .orange-btn::before, #form .orange-btn::before, #download .orange-btn::before{
		left: 2%
	}

	#implantodontia .title-div {
		height: 615px;
		padding: 70px 20px 0px 20px;
	}

	#cards .title-border br {
		display: none;
	}

	#sobre .container {
		padding-bottom: 90px;
	}

	.ebook-div .mb-0 br {
		display: none;
	}

	#especialistas .especialista-card-header {
		flex-direction: column;
	}

	#especialistas .especialista-card {
		padding: 50px 20px 20px;
	}

	#especialistas .especialista-card h3 {
		margin-top: 0px;
		margin-bottom: 5px;
		text-align: center
	}

	footer .d-flex .d-flex {
		flex-direction: row;
		justify-content: start;
		flex-wrap: wrap;
	}

	#implantodontia p {
		font-size: 18px;
		line-height: 23px;
	}

	#implantodontia .implantodontia-box .ebook-div .d-flex p {
		font-size: 20px;
		line-height: 25px;
	}

	#implantodontia .implantodontia-box .ebook-div .d-flex img {
		max-width: 35px;
		width: 100%;
		margin-top: 0px;
	}

	.form-title {
		padding: 30px 22px;
	}

	#article-page .d-flex.justify-content-between.align-items-center {
		flex-direction: column-reverse;
		gap: 15px;
		align-items: start !important;
	}

	#article-page .post-date {
		margin: auto;
	}

	#banner-blog .banner-content {
		padding-top: 180px;
		padding-bottom: 130px;
		background-size: cover;
		background-position-x: left;
	}

	#banner-lp .banner-content {
		height: auto;
		background-size: 1060px;
		background-position-x: 0px;
		padding-top: 50px;
		padding-bottom: 120px;
	}

	#download .container h2 {
		font-size: 20px;
	}

	#download .container h2 b {
		font-size: 25px;
	}

	#download .container p {
		font-weight: 500;
	}

	#cards-lp .card-implantodontia p {
		font-size: 21px;
		text-align: center;
	}

	#cards-lp .card-implantodontia {
		max-width: 320px;
		min-height: unset;
	}

	#cards-lp .card-implantodontia .img-div {
		margin-bottom: 0px;
	}

	#cards-lp .card-implantodontia::before {
		margin: -37px auto 15px;
		height: 18px;
	}

	#cards-lp .row {
		gap: 50px 0px;
	}

	#download .container img {
		max-width: 280px;
	}
	
	#cards .col-md-6:nth-child(6) .card-implantodontia p b{
		display:block
	}
}