:root {
	/* fonts  */

	--openSans: 'Open Sans', sans-serif;
	--mitr: 'Mitr', sans-serif;

	/* Colors  */
	--blue: #0066b2;
	--ocean-blue: #34b3ae;
	--dark-blue: #4c5ca8;
	--pink: #e9526d;
	--light-orange: #f08d52;
	--orange: #ec6608;
	--white: #f1f1f2;
	--purple: #a64297;
	--gray: #505356;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}

html {
	font-size: 62.5%;
}
body {
	background-color: #ffffff;
}
img {
	max-width: 100%;
	display: block;
}

button {
	cursor: pointer;
	background-color: transparent;
	border: none;
}

section {
	padding-block: 2.6rem;
	overflow: hidden;
}

@media (max-width: 668px) {
	section {
		padding-block: 2rem;
	}
}

::-webkit-scrollbar {
	width: 0.8rem;
}
::-webkit-scrollbar-track {
	background: var(--white);
	border-radius: 1rem;
}

::-webkit-scrollbar-thumb {
	background: var(--gray);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--orange);
}

.container {
	width: 100%;
	max-width: 1330px;
	padding: 0 15px;
	margin: 0 auto;
}

.blue-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 3.4rem;
	border-radius: 0.6rem;
	line-height: 5.3rem;
	background-color: var(--blue);
	color: var(--white);
	font-size: 2.2rem;
	font-weight: 400;
	font-family: var(--mitr);

	transition: all 0.3s ease;
}

.blue-btn:hover {
	filter: brightness(0.9);
	transform: translateY(-0.15rem);
}

.btn-play {
	transition: filter 0.3s ease;
}

.btn-play:hover {
	filter: brightness(0.9);
}

.overlay-none {
	opacity: 0;
	pointer-events: none;
}

.blue-btn-sm {
	width: 100%;
	max-width: 13rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 3.4rem;
	border-radius: 2.7rem;
	line-height: 5.3rem;
	background-color: var(--blue);
	color: var(--white);
	font-size: 2.2rem;
	font-weight: 500;
	font-family: var(--mitr);
	transition: all 0.3s ease;
}

.blue-btn-sm:hover {
	opacity: 0.8;
	transform: translateY(-0.15rem);
}

@media (max-width: 668px) {
	.blue-btn {
		width: 100%;
		max-width: 100%;
		font-size: 2rem;
		display: inline-flex;
	}
}

.product-btn {
	font-size: 1.5rem;
	font-weight: 500;
	font-family: var(--openSans);
	transition: all 0.3s ease;
}

.product-btn-sm {
	line-height: 100%;
	font-size: 1.5rem;
	font-weight: 500;
	font-family: var(--openSans);
}

.ocean {
	background-color: var(--ocean-blue);
}

.orange {
	background-color: var(--orange);
}

.dark-blue {
	background-color: var(--dark-blue);
}

.pink {
	background-color: var(--pink);
}

.purple {
	background-color: var(--purple);
}

.gray-light {
	background-color: #efeeee;
}

.text-gray {
	color: var(--gray);
}

.text-white {
	color: var(--white);
}

.text-purple {
	color: var(--purple);
}

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

.text-pink {
	color: var(--pink);
}

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

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

.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: 0.15s;
	transition-property: opacity, filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent;
}
.hamburger.is-active:hover,
.hamburger:hover {
	opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
	background-color: var();
}
.hamburger-box {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}
.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 46px;
	height: 3px;
	transition-timing-function: ease;
	transition-duration: 0.15s;
	transition-property: transform;
	border-radius: 4px;
	background-color: var(--orange);
}
.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: '';
}
.hamburger-inner:before {
	top: -10px;
}
.hamburger-inner:after {
	bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.13s;
}
.hamburger--collapse .hamburger-inner:after {
	top: -20px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
		opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner:before {
	transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.hamburger--collapse.is-active .hamburger-inner:after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s linear 0.22s;
	opacity: 0;
}
.hamburger--collapse.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
		transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transform: rotate(-90deg);
}
.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-duration: 0.13s;
}
.hamburger--collapse-r .hamburger-inner:after {
	top: -20px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
		opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner:before {
	transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, -10px, 0) rotate(45deg);
}
.hamburger--collapse-r.is-active .hamburger-inner:after {
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s linear 0.22s;
	opacity: 0;
}
.hamburger--collapse-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
		transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
	transform: rotate(90deg);
}

.collapsible-content {
	max-height: 0px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: max-height 0.25s ease-in-out;
}
.active {
	max-height: 70rem;

	opacity: 1;
	pointer-events: all;
}

.active-btn {
	transform: rotate(180deg);
}

.s-energy .main-energy .cards-energy.hidden-cards {
	display: none;
}

.active-btn-card {
	transform: rotate(180deg);
}

.active-card {
	opacity: 1 !important;
	pointer-events: all !important;
	display: block !important;
}

.active-btn {
	transform: rotate(180deg);
}

.active-btn-card {
	transform: rotate(180deg);
}

.card-lg {
	background-color: #ffffff;
	width: 100%;
	border-radius: 3.6rem;
	display: flex;
	align-items: flex-start;
	padding: 3.6rem 2rem 2rem 0rem;
}

.card-lg .left-content {
	width: 100%;
	max-width: 34%;
	margin-right: 2.8rem;
	overflow: hidden;
}

.card-lg .left-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}

.card-lg .left-content img:hover {
	transform: scale(1.02);
}

.card-lg .right-content {
	width: 100%;
}
.card-lg .right-content .title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 1rem;
}

.card-lg .right-content .title .title-main {
	display: flex;
	align-items: center;
	gap: 2rem;
	margin-bottom: 1rem;
}

.card-lg .right-content .title .title-main h3 {
	color: var(--gray);
	font-size: 4.1rem;
	font-weight: 700;
	font-family: var(--openSans);
}

.card-lg .right-content .title .title-main img {
	padding-top: 0.8rem;
}

.card-lg .right-content .list-description {
	display: flex;
	align-items: flex-start;
	width: 100%;

	margin-bottom: 1rem;
}

.card-lg .right-content .list-description .list-left {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	width: 100%;
	max-width: 40%;
}

.card-lg .right-content .list-description .list-left li {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.card-lg .right-content .list-description .list-left li span {
	font-size: 1.8rem;
	font-family: var(--openSans);
	color: var(--gray);
	font-weight: 300;
}

.card-lg .right-content .list-description .list-left li strong {
	font-family: var(--openSans);
	color: var(--gray);
	font-size: 1.8rem;
}

.card-lg .right-content .list-description .list-right {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	font-weight: 300;
}
.card-lg .right-content .list-description .list-right li {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.card-lg .right-content .list-description .list-right li span {
	font-size: 1.8rem;
	font-family: var(--openSans);
	font-weight: 300;
	color: var(--gray);
}

.card-lg .right-content .list-description .list-right li strong {
	font-family: var(--openSans);
	color: var(--gray);
	font-size: 1.8rem;
}

.card-lg .right-content p {
	color: var(--gray);
	font-size: 1.8rem;
	font-weight: 700;
	font-family: var(--openSans);
	margin-bottom: 5.2rem;
}

.card-sm {
	background-color: #ffffff;
	width: 100%;
	border-radius: 3.6rem;
	display: flex;
	align-items: flex-start;

	max-width: 70.8rem;
	padding: 2.8rem;
	overflow: hidden;
}

.card-sm .top-card {
	display: flex;
	width: 100%;
	align-items: flex-start;
}
.card-sm .left-content {
	width: 100%;
	max-width: 39%;
	padding-right: 1rem;
	overflow: hidden;
}

.card-sm .left-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}
.card-sm .left-content img:hover {
	transform: scale(1.02);
}

.card-sm .right-content {
	width: 100%;
}
.card-sm .right-content .title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	margin-bottom: 1.6rem;
}

.card-sm .right-content .title h3 {
	color: var(--gray);
	font-size: 3.6rem;
	font-weight: 700;
	font-family: var(--openSans);
}

.card-sm .right-content .list-description {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 1rem;
}

.card-sm .right-content .list-description .list {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	font-weight: 300;
}

.card-sm .right-content .list-description .list li {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.card-sm .right-content .list-description .list li span {
	font-size: 1.6rem;
	font-family: var(--openSans);
	color: var(--gray);
}

.card-educ {
	width: 100%;
	max-width: 37rem;
	position: relative;
	height: 100%;
}

.card-educ .top-card-educ {
	border-radius: 2.9rem;
	height: 32rem;
}

.card-educ .top-card-educ .img-card {
	overflow: hidden;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.card-educ .top-card-educ .img-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}

.card-educ .top-card-educ .img-card img:hover {
	transform: scale(1.01);
}

.card-educ .top-card-educ .info-card {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 3rem 1rem;
}
.card-educ .top-card-educ .info-card span {
	font-size: 2rem;
	font-weight: 700;
	font-family: var(--openSans);
	color: var(--white);
	padding-bottom: 1.8rem;
}

.card-educ .card-show-p {
	width: 100%;
	height: 32rem;
	border-radius: 0 0 2.9rem 2.9rem;
	opacity: 0;
	pointer-events: none;
	display: none;
	margin-top: -3rem;
}

.card-educ .card-show-p p {
	font-family: var(--openSans);
	margin: 0 auto;
	max-width: 90%;
	font-size: 1.6rem;
	color: var(--white);
	position: relative;
	padding-top: 1.8rem;
	border-top: 1px solid var(--white);
}

.card-educ .card-show-p p strong {
	color: var(--white);
}

.card-educ .arrow-down {
	position: absolute;
	bottom: -1.6rem;
	right: -0.6rem;
	transition: all 0.3s ease-in;
}

.card-educ .arrow-down:hover {
	filter: brightness(0.95);
}

.card-energy {
	width: 100%;
	max-width: 24rem;
	height: 30rem;
	border-radius: 3.6rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	padding: 5.4rem 0rem 4rem 0rem;
}

.card-energy .img-mask {
	width: 100%;
	max-width: 12rem;
	margin-bottom: 2.8rem;
}
.card-energy .img-mask img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-energy .info-card {
	width: 100%;
}

.card-energy .info-card h4 {
	color: var(--white);
	font-size: 2rem;
	font-weight: 700;
	font-family: var(--openSans);
	text-align: center;
}

.drop-energy {
	display: flex;
	align-items: center;
	width: 100%;
	height: 26.9rem;
	max-width: 71.7rem;
	padding: 0rem 1.8rem;
	border-radius: 3.6rem;
}

.drop-energy .left-content {
	width: 100%;
	max-width: 18rem;
	height: 17.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 2rem;
	border-radius: 3.6rem;
}

.drop-energy .left-content img {
	width: 100%;
}

.drop-energy .right-content {
	width: 100%;
	padding-left: 1.6rem;
}

.drop-energy .right-content h5 {
	font-weight: 700;
	font-family: var(--openSans);
	font-size: 2rem;
}

.drop-energy .right-content p {
	font-family: var(--openSans);
	font-size: 1.6rem;
	padding-left: 0.2rem;
}

header.transparent {
	background-color: rgb(0, 0, 0, 0.8);
}

header {
	z-index: 3;
	width: 100%;
	display: flex;
	align-items: center;
	height: 9.2rem;
	background-color: var(--gray);
	position: sticky;
	left: 0;
	top: 0;
}

header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

header .menu .menu-lateral {
	position: absolute;
	width: 100%;
	max-width: 22rem;
	bottom: -24rem;
	left: 2rem;
	z-index: 2;
	border-radius: 0 0 0.8rem 0.8rem;
	background-color: var(--gray);
	padding: 2rem 0rem 2rem 2rem;
	opacity: 0;
	pointer-events: none;

	transition: all 0.3s ease;
}

.menu-opened header .menu-lateral {
	opacity: 1;
	transform: translateY(0%);
	pointer-events: all;
}

header .menu .menu-lateral ul {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 2rem;
}

header .menu .menu-lateral ul li {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
}

header .menu .menu-lateral ul li:not(:last-child):before {
	content: '';
	width: 100%;
	max-width: 90%;
	height: 1px;
	background-color: var(--white);
	position: absolute;
	bottom: -1rem;
}

header .menu .menu-lateral ul li a {
	color: var(--white);
	font-family: var(--mitr);
	font-size: 2.2rem;
	transition: all 0.3s ease;
}

header .menu .menu-lateral ul li a:hover {
	color: var(--orange);
	filter: brightness(0.95);
}

header .menu-header {
	width: 7.4rem;
	height: 3.8rem;
}

@media (max-width: 700px) {
	header .logo-bel {
		max-width: 38%;
	}
}

.s-hero {
	width: 100%;
	padding-top: 5rem;
}

.s-hero .container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-hero .main-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 4.6rem;
}

.s-hero .main-hero .button-play {
	z-index: 2;
	cursor: pointer;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 17rem;
	height: 17rem;
	background-color: var(--pink);
}

.s-hero .main-hero .button-play img {
	padding-left: 1.6rem;
}

.s-hero .main-hero .overlay {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 4.6rem;
	z-index: 1;
}

.s-hero .main-hero .video-hero {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
	border-radius: 4.6rem;
}

@media (max-width: 1024px) {
	.s-hero .main-hero {
		width: 100%;
		max-width: 98rem;
	}
	.s-hero .main-hero .overlay {
		width: 100%;
		max-width: 98rem;
	}
	.s-hero .main-hero .video-hero {
		width: 100%;
		max-width: 98rem;
	}
}

@media (max-width: 768px) {
	.s-hero {
		padding-block: 0rem;
	}
	.s-hero .container {
		padding: 0;
	}
	.s-hero .main-hero {
		width: 100%;
		max-width: 98rem;
		border-radius: 0;
		overflow: hidden;
	}
	.s-hero .main-hero .overlay {
		width: 100%;
		max-width: 98rem;
		border-radius: 0;
	}
	.s-hero .main-hero .button-play {
		width: 100%;
		max-width: 9.5rem;
		height: 9.5rem;
	}
	.s-hero .main-hero .button-play img {
		width: 100%;
		max-width: 2.8rem;
		padding-left: 0;
	}
	.s-hero .main-hero .video-hero {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}
}

.s-educa-transf {
	width: 100%;
	background-color: var(--pink);
	background-image: url('/assets/imgs/ondas-lp-education.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.s-educa-transf .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.s-educa-transf .left-content {
	padding-block: 3rem;
	width: 100%;
}
.s-educa-transf .left-content .title-list {
	color: var(--white);
	font-size: 5.3rem;
	font-weight: 400;
	font-family: var(--mitr);
	line-height: 100%;
	width: 100%;
	margin-bottom: 3rem;
}

.s-educa-transf .left-content .title-list .span-title {
	font-weight: 500;
	color: var(--white);
}

.s-educa-transf .left-content .text-p {
	color: var(--white);
	font-size: 2.1rem;
	font-weight: 400;
	font-family: var(--openSans);
	margin-bottom: 4rem;
}

.s-educa-transf .left-content .text-p .transparent-span {
	font-family: var(--openSans);
	color: var(--white);
	display: block;
}

.s-educa-transf .left-content .last-text {
	font-family: var(--openSans);
	color: var(--white);
	font-size: 2.1rem;
	display: block;

	width: 100%;
	max-width: 80%;
	margin-bottom: 4rem;
}

.s-educa-transf .left-content .last-text strong {
	color: var(--white);
	font-weight: 700;
	font-family: var(--openSans);
}

.s-educa-transf .left-content .title-list {
	margin-bottom: 1.6rem;
}

.s-educa-transf .left-content ul {
	display: flex;
	align-items: flex-start;
	flex-direction: column;

	padding-left: 4rem;
	margin-bottom: 4rem;
}

.s-educa-transf .left-content ul li {
	color: var(--white);
	font-weight: 400;
	font-size: 2.2rem;
	font-family: var(--openSans);
	list-style-type: disc;
}

.s-educa-transf .right-content {
	width: 100%;
	max-width: 61rem;
	padding-top: 3rem;
}

@media (max-width: 1024px) {
	.s-educa-transf .right-content {
		display: none;
	}
}

@media (max-width: 768px) {
	.s-educa-transf .left-content {
		text-align: left;
	}
	.s-educa-transf .left-content .title-list {
		font-size: 3.2rem;
	}
	.s-educa-transf .left-content .title-list .span-title {
		font-size: 3.2rem;
	}
	.s-educa-transf .left-content .text-p {
		padding-left: 0.6rem;
	}
	.s-educa-transf .left-content ul {
		align-items: flex-start;
	}
}

@media (max-width: 668px) {
	.s-educa-transf .left-content {
		padding-top: 1.6rem;
	}
	.s-educa-transf .left-content .title-list {
		font-size: 2.6rem;
	}
	.s-educa-transf .left-content .title-list .span-title {
		font-size: 2.6rem;
	}
	.s-educa-transf .left-content .text-p {
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
	.s-educa-transf .left-content ul {
		margin-bottom: 2rem;
	}
	.s-educa-transf .left-content ul li {
		font-size: 1.6rem;
	}

	.s-educa-transf .left-content .last-text {
		font-size: 1.6rem;
	}
}

.s-solucoes {
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 1rem;
	position: relative;
	padding-bottom: 8rem;
}

.s-solucoes .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.s-solucoes .left-content {
	padding-top: 2rem;
	width: 100%;
	max-width: 50rem;
}

.s-solucoes .right-content {
	padding-top: 10.9rem;
	width: 100%;
}

.s-solucoes .right-content h2 {
	padding-left: 5rem;
	color: var(--gray);
	font-size: 3rem;
	font-weight: 400;
	font-family: var(--mitr);
	line-height: 100%;
	margin-bottom: 4rem;
}

.s-solucoes .right-content h2 span {
	font-weight: 500;
}

.s-solucoes .right-content .icon-list {
	padding-left: 5rem;
	display: flex;
	align-items: center;
	gap: 3rem;
	margin-bottom: 4rem;
}

.s-solucoes .right-content .icon-list .icon {
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	gap: 0 2.1rem;
	border: 1px solid var(--gray);
	padding: 1.3rem 2.6rem;
	border-radius: 1.6rem;
	width: 100%;
	max-width: 24.4rem;
}

.s-solucoes .right-content .icon-list .icon span {
	font-family: var(--openSans);
	font-weight: 700;
	font-size: 2.1rem;
	color: var(--gray);
}

.s-solucoes .right-content .text-alunos {
	padding-left: 5rem;
	margin-bottom: 4rem;
}

.s-solucoes .right-content .text-alunos {
	color: var(--gray);
	font-size: 2.2rem;
	font-family: var(--openSans);
}

.s-solucoes .right-content .text-alunos span {
	font-weight: 700;
	font-family: var(--openSans);
}

.s-solucoes .right-content .btn-arrow-orange {
	position: absolute;
	bottom: -4.6rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 11rem;
}

@media (max-width: 1024px) {
	.s-solucoes {
		padding-block: 4rem;
	}
	.s-solucoes .container {
		justify-content: center;
		align-items: center;
	}
	.s-solucoes .left-content {
		padding-top: 4rem;
	}

	.s-solucoes .right-content {
		padding-top: 6.8rem;
		display: flex;
		flex-direction: column;
	}

	.s-solucoes .right-content h2 {
		padding-left: 0;
		margin-bottom: 2rem;
	}

	.s-solucoes .right-content .icon-list {
		padding-left: 0;
	}

	.s-solucoes .right-content .text-alunos {
		padding-left: 0;
		margin-bottom: 2rem;
	}
}

@media (max-width: 768px) {
	.s-solucoes {
		padding-bottom: 2rem;
	}
	.s-solucoes .container {
		flex-direction: column;
	}
	.s-solucoes .left-content {
		padding-top: 0;
	}
	.s-solucoes .right-content {
		padding-top: 0;
		align-items: flex-start;
		text-align: left;
	}
	.s-solucoes .right-content h2 {
		font-size: 2rem;
	}
	.s-solucoes .right-content .icon-list {
		gap: 1rem;
		margin-bottom: 2rem;
	}
}

@media (max-width: 668px) {
	.s-solucoes .left-content {
		padding-top: 0;
	}

	.s-solucoes .right-content {
		padding: 0;
		margin-top: 2rem;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.s-solucoes .right-content h2 {
		text-align: left;
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}
	.s-solucoes .right-content .icon-list {
		margin-bottom: 2rem;
	}
	.s-solucoes .right-content .icon-list .icon {
		max-width: 18rem;
		gap: 0 0.8rem;
		padding: 1rem;
	}

	.s-solucoes .right-content .icon-list .icon span {
		font-size: 1.6rem;
	}
	.s-solucoes .right-content .text-alunos {
		text-align: left;
		margin-bottom: 0;
		font-size: 1.8rem;
	}
}

.s-products-hq {
	background-color: #efeeee;
	width: 100%;
	padding-top: 8rem;
	padding-bottom: 6rem;
}

.s-products-hq .container {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.s-products-hq .top-cards {
	margin-bottom: 2rem;
	width: 100%;
}

.s-products-hq .bottom-cards {
	width: 100%;
}

.s-products-hq .bottom-cards .grid-cards {
	display: grid;
	gap: 3rem 3rem;
	grid-template-columns: repeat(2, 1fr);
}

.s-products-hq .bottom-cards .button-card {
	width: 100%;
}

.s-products-hq .bottom-cards .blue-btn {
	display: table;
	margin: 0 auto;
	margin-top: 4rem;
}

@media (max-width: 1024px) {
	.s-products-hq {
		padding-top: 2rem;
	}
	.card-lg {
		justify-content: center;
		align-items: flex-start;
	}
	.card-lg .left-content {
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.card-lg .right-content {
		display: flex;
		align-items: flex-start;

		flex-direction: column;
		padding-left: 4rem;
	}
	.card-lg .right-content .title {
		justify-content: center;
	}
	.card-lg .right-content .list-description {
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
	}
	.card-lg .right-content .list-description .list-left {
		max-width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.card-lg .right-content .list-description .list-right {
		max-width: 100%;
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.card-lg .right-content p {
		margin-bottom: 3rem;
	}

	.s-products-hq .bottom-cards .grid-cards {
		gap: 2rem;
	}
	.s-products-hq .bottom-cards .grid-cards .card-sm .top-card {
		align-items: center;
		flex-direction: column;
	}
	.s-products-hq .bottom-cards .grid-cards .card-sm .top-card .left-content {
		padding-right: 0;
	}
	.s-products-hq .bottom-cards .grid-cards .card-sm .top-card .right-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.card-sm .right-content .title {
		align-items: flex-start;
	}

	.card-sm .right-content .list-description {
		align-items: flex-start;
		width: 100%;
		justify-content: flex-start;
	}
	.card-sm .right-content .list-description .list {
		align-items: flex-start;
	}
}

@media (max-width: 768px) {
	.s-products-hq {
		padding-top: 4rem;
	}
	.s-products-hq .bottom-cards .grid-cards {
		grid-template-columns: 1fr;
	}
	.card-lg .left-content {
		align-self: center;
	}
	.card-lg {
		flex-direction: column;
	}
	.card-lg .right-content .title {
		align-items: center;
	}
	.card-lg .right-content .list-description {
		align-items: flex-start;
		flex-direction: column;
	}
	.card-lg .right-content .list-description .list-left {
		align-items: flex-start;
		justify-content: flex-start;
	}
	.card-lg .right-content .list-description .list-right {
		align-items: flex-start;
	}
}

@media (max-width: 600px) {
	.s-products-hq {
		padding-bottom: 4rem;
	}
	.card-lg {
		padding: 1.8rem;
	}
	.card-lg .left-content {
		max-width: 50%;
	}
	.card-lg .right-content {
		padding-left: 0;
	}
	.card-lg .right-content .title {
		gap: 0rem;
		justify-content: flex-start;
	}
	.card-lg .right-content .title .title-main {
		width: 100%;
		max-width: 100%;
		gap: 1rem;
	}
	.card-lg .right-content .title .title-main h3 {
		font-size: 2.6rem;
	}
	.card-lg .right-content .title .title-main img {
		max-width: 20%;
	}
	.card-lg .right-content .list-description {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 0;
	}
	.card-lg .right-content .list-description .list-left,
	.card-lg .right-content .list-description .list-right {
		align-items: flex-start;
	}

	.card-lg .right-content .list-description .list-right li img {
		display: none;
	}

	.card-lg .right-content p {
		margin-bottom: 2rem;
	}
	.product-btn {
		padding: 0 0.6rem;
		font-size: 1.4rem;
	}

	.card-sm {
		padding: 1.8rem;
	}

	.card-sm .right-content {
		align-items: flex-start;
		justify-content: flex-start;
	}
	.card-sm .right-content .title h3 {
		font-size: 2.6rem;
	}

	.card-sm .right-content .title img {
		padding-top: 0;
	}
	.card-sm .right-content .list-description {
		align-items: flex-start;
		justify-content: flex-start;
	}
	.card-sm .right-content .list-description .list {
		align-items: flex-start;
	}
	.product-btn-sm {
		font-size: 1.4rem;

		display: block;
	}
	.s-products-hq .bottom-cards .blue-btn {
		margin-top: 2rem;
	}

	.s-products-hq .bottom-cards .blue-btn {
		display: inline-flex;
	}
}

.s-educ-children {
	width: 100%;
	padding-block: 4.6rem;
}

.s-educ-children .container {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.s-educ-children .cards-educ {
	width: 100%;
	display: flex;
	gap: 0rem 1.7rem;
	margin-bottom: 2.6rem;
}

.s-educ-children .cards-educ .card-educ {
	width: 100%;
}
.s-educ-children .bottom-educ p,
.s-educ-children .bottom-educ p span {
	font-family: var(--mitr);
	font-size: 2.6rem;
}

.s-educ-children .bottom-educ {
	margin-top: 2.2rem;
}

.s-educ-children .bottom-educ p {
	font-weight: 400;
	color: var(--gray);
}
.s-educ-children .bottom-educ p span {
	color: var(--orange);
	font-weight: 500;
}

@media (max-width: 1024px) {
	.card-educ .top-card-educ {
		height: 34rem;
	}
	.card-educ .top-card-educ .info-card span {
		font-size: 1.8rem;
		text-align: center;
	}
	.s-educ-children .cards-educ {
		width: 100%;
		flex-wrap: wrap;
		gap: 4rem 6rem;
		justify-content: center;
		align-items: center;
	}
}

@media (max-width: 768px) {
	.s-educ-children .cards-educ {
		width: 100%;
		flex-wrap: wrap;
		gap: 2rem 2rem;
	}

	.s-educ-children .cards-educ .card-educ {
		max-width: 33rem;
	}
}

@media (max-width: 600px) {
	.s-educ-children .bottom-educ {
		text-align: left;
	}
	.s-educ-children .bottom-educ p {
		line-height: 100%;
		font-size: 1.6rem;
	}
	.s-educ-children .bottom-educ p span {
		line-height: 100%;
		font-size: 1.6rem;
	}
}

.s-sustainability {
	width: 100%;
	padding-top: 20rem;
	padding-bottom: 6rem;
	background-image: url('/assets/imgs/ondas-02-lp-education.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.s-sustainability .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.s-sustainability .left-content {
	width: 100%;
}

.s-sustainability .left-content h2 {
	font-size: 5.3rem;
	font-family: var(--mitr);
	font-weight: 400;
	color: var(--gray);
	line-height: 100%;
	margin-bottom: 4rem;
}

.s-sustainability .left-content p {
	font-family: var(--openSans);
	font-size: 2.1rem;
	max-width: 61.9rem;
	line-height: 2.8rem;
}

.s-sustainability .right-content {
	width: 100%;
	max-width: 56.5rem;
}

@media (max-width: 1366px) {
	.s-sustainability .left-content {
		max-width: 48%;
	}
}

@media (max-width: 1024px) {
	.s-sustainability {
		padding-top: 4rem;
		background-position: top center;
	}

	.s-sustainability .container {
		flex-direction: column;
	}

	.s-sustainability .left-content {
		max-width: 90%;
		margin-bottom: 2.6rem;
	}
	.s-sustainability .right-content {
		align-self: flex-end;
	}
}

@media (max-width: 768px) {
	.s-sustainability .right-content {
		align-self: auto;
	}
}

@media (max-width: 668px) {
	.s-sustainability .left-content {
		width: 100%;
	}
	.s-sustainability .left-content h2 {
		font-size: 3rem;
	}
	.s-sustainability .left-content p {
		font-size: 1.8rem;
	}
}
.s-energy {
	width: 100%;
	padding-block: 4rem;
}

.s-energy .container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-energy .main-energy {
	border: 1.6px solid var(--ocean-blue);
	border-radius: 4.1rem;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: relative;

	padding-bottom: 9rem;
}

.s-energy .title {
	padding-top: 3rem;
	margin-bottom: 4rem;
}

.s-energy .title h2 {
	text-align: center;
	font-family: var(--mitr);
	font-weight: 400;
	font-size: 5.3rem;
	color: var(--gray);
}

.s-energy .title h2 strong {
	font-weight: 500;
}

.s-energy .main-energy .cards-energy {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0 4.1rem;
}

.s-energy .bottom-energy {
	padding: 2rem;
}

.s-energy .button-energy {
	width: 100%;
	max-width: 11rem;
	position: absolute;
	bottom: -4rem;
	left: 50%;
	transform: translateX(-50%);
	transition: filter 0.3s ease-in;
}

.s-energy .button-energy:hover {
	filter: brightness(0.93);
}
.s-energy .button-energy img {
	transition: transform 0.3s ease-in-out;
}

.s-energy .button-energy img:hover {
	transform: translateY(-1px);
}

.s-energy .bottom-energy .drop-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

@media (max-width: 1024px) {
	.s-energy .title {
		margin-bottom: 3rem;
	}
	.s-energy .main-energy .cards-energy {
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem 10rem;
	}
	.drop-energy {
		align-items: flex-start;
		padding-top: 1rem;
		padding-bottom: 3rem;
		height: 33rem;
		overflow-y: auto;
		padding-left: 0;
	}
	.drop-energy .left-content {
		max-width: 10rem;
		height: 10rem;
	}
}

@media (max-width: 768px) {
	.s-energy .main-energy .cards-energy {
		gap: 6rem;
	}

	.s-energy .title h2 strong {
		display: block;
	}

	.drop-energy {
		flex-direction: column;
		align-items: center;
		overflow-y: auto;
	}
	.drop-energy .left-content {
		display: none;
	}
	.s-energy .bottom-energy .drop-cards {
		gap: 1rem;
	}

	.drop-energy .right-content p {
		font-size: 1.4rem;
	}
}

@media (max-width: 668px) {
	.s-energy {
		padding-top: 2rem;
		padding-bottom: 4rem;
	}
	.s-energy .title {
		margin-bottom: 1rem;
		padding-top: 0;
	}
	.s-energy .title h2 {
		font-size: 3rem;
	}

	.card-energy {
		padding: 0rem;
		justify-content: center;
		height: 20rem;
		max-width: 20rem;
	}

	.card-energy .img-mask {
		max-width: 6rem;
		margin-bottom: 2rem;
	}

	.card-energy .info-card h4 {
		font-size: 1.6rem;
	}
	.s-energy .main-energy {
		padding: 1.6rem;
		padding-bottom: 3rem;
	}
	.s-energy .main-energy .cards-energy {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.s-energy .button-energy {
		max-width: 6rem;
	}
	.s-energy .bottom-energy {
		padding: 0.8rem;
	}
	.s-energy .bottom-energy .drop-cards {
		grid-template-columns: 1fr;
	}
	.drop-energy .right-content {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		padding: 1.8rem;
		height: 28rem;
	}
	.collapsible-content {
		overflow: auto;
	}
}

.s-school {
	width: 100%;
	padding-block: 4rem;
}

.s-school .container {
	display: flex;
	align-items: flex-start;
}

.s-school .left-content {
	width: 100%;
	max-width: 62.7rem;
	margin-right: 7.2rem;
}

.s-school .left-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.s-school .right-content {
	width: 100%;
	max-width: 52.8rem;
	padding-top: 7rem;
}

.s-school .right-content p {
	font-family: var(--openSans);
	color: var(--gray);
	font-size: 2.1rem;
	margin-bottom: 4rem;
}

.s-school .right-content p strong {
	font-weight: 700;
	font-family: var(--openSans);
}

.s-school .right-content .mini-card {
	display: flex;
	align-items: center;
	gap: 1.6rem;
	width: 100%;
	max-width: 51.1rem;
	border-radius: 1.5rem;
	border: 1.6px solid #efeeee;
	padding: 0.6rem 1.6rem;
}

.s-school .right-content .mini-card .text {
	font-family: var(--mitr);
	font-size: 2.6rem;
	font-weight: 400;
	color: var(--gray);
	line-height: 100%;
}

.s-school .right-content .mini-card .text span {
	font-weight: 500;
	color: var(--orange);
	display: block;
}

.s-school .right-content .mini-card .img-mask {
	width: 100%;
	max-width: 7.3rem;
	height: 7.3rem;
}

@media (max-width: 1024px) {
	.s-school .container {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.s-school .left-content {
		margin-right: 0;
	}
	.s-school .right-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 1024px) {
	.s-school .right-content {
		padding-top: 2rem;
	}
	.s-school .right-content p {
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}
	.s-school .right-content .mini-card {
		gap: 1rem;
		max-width: 100%;
		justify-content: space-between;
	}
	.s-school .right-content .mini-card .text {
		font-size: 1.6rem;
	}
	.s-school .right-content .mini-card .img-mask {
		max-width: 4.8rem;
		height: inherit;
	}
}

.s-sg {
	width: 100%;
	padding-top: 5rem;
}

.s-sg .container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-sg .main-sg {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 4.6rem;
}

.s-sg .main-sg .button-play {
	z-index: 2;
	cursor: pointer;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 17.1rem;
	height: 16.6rem;
	background-color: var(--pink);
}

.s-sg .main-sg .button-play img {
	padding-left: 1.6rem;
}

.s-sg .main-sg .overlay-02 {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 4.6rem;
	z-index: 1;
}

.s-sg .main-sg .video-sg {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 0;
	border-radius: 4.6rem;
	width: 100%;
}

@media (max-width: 1024px) {
	.s-hero .main-hero {
		width: 100%;
		max-width: 98rem;
	}
	.s-hero .main-hero .overlay {
		width: 100%;
		max-width: 98rem;
	}
	.s-hero .main-hero .video-hero {
		width: 100%;
		max-width: 98rem;
	}
}

@media (max-width: 768px) {
	.s-sg {
		padding-block: 0rem;
	}
	.s-sg .container {
		padding: 0;
	}
	.s-sg .main-sg {
		width: 100%;
		max-width: 98rem;
		border-radius: 0;
		overflow: hidden;
	}
	.s-sg .main-sg .overlay {
		width: 100%;
		max-width: 98rem;
		border-radius: 0;
	}
	.s-sg .main-sg .button-play {
		width: 100%;
		max-width: 9.5rem;
		height: 9.5rem;
	}
	.s-sg .main-sg .button-play img {
		width: 100%;
		max-width: 2.8rem;
		padding-left: 0;
	}
	.s-sg .main-sg .video-sg {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}
}

.s-form {
	width: 100%;
	padding-block: 5rem;
}
.s-form .container {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.s-form .content-form {
	border: 1px solid var(--gray);
	border-radius: 4.6rem;
	padding: 2rem 5.6rem;
	width: 100%;
}

.s-form .title-form {
	width: 100%;
	max-width: 88.7rem;
	margin-bottom: 6rem;
}

.s-form .title-form h2 {
	font-family: var(--mitr);
	font-weight: 400;
	font-size: 4rem;
	line-height: 110%;
}

.s-form .title-form h2 span {
	color: var(--orange);
}

.s-form .main-form {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.s-form .main-form .left-content .form {
	width: 100%;

	display: flex;
	flex-direction: column;
}

.s-form .main-form .left-content .form .top-form {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem 3.6rem;
	margin-bottom: 2rem;
}

.s-form .main-form .left-content .form .top-form input,
.s-form .main-form .left-content .form textarea {
	width: 100%;
	padding: 2.1rem 0 2.1rem 5.3rem;
	background-color: #f9f9f9;
	color: var(--gray);
	font-size: 2.1rem;
	font-family: var(--openSans);
	border: none;
	border-radius: 1.3rem;
}

.s-form .main-form .left-content .form .top-form input {
	max-width: 41.1rem;
	height: 7.4rem;
}

.s-form .main-form .left-content .form textarea {
	height: 23.5rem;
	resize: none;
	margin-bottom: 2rem;
}

.s-form .main-form .right-content {
	width: 100%;
	max-width: 50rem;
}

@media (max-width: 1024px) {
	.s-form .title-form h2 {
		font-size: 4.8rem;
	}
	.s-form .main-form .left-content .form {
		max-width: 95%;
	}
	.s-form .main-form .left-content .form textarea {
		height: 14.6rem;
	}
	.s-form .main-form .right-content {
		max-width: 32rem;
	}
}
@media (max-width: 768px) {
	.s-form {
		position: relative;
	}
	.s-form .title-form h2 {
		font-size: 3.6rem;
	}
	.s-form .main-form .right-content {
		display: none;
	}
}

@media (max-width: 668px) {
	.s-form .title-form {
		margin-bottom: 2rem;
	}
	.s-form .title-form h2 {
		font-size: 1.8rem;
	}
	.s-form .content-form {
		padding: 2rem;
	}
	.s-form .main-form .left-content .form .top-form {
		gap: 1.6rem;
		margin-bottom: 1.6rem;
	}
	.s-form .main-form .left-content .form .top-form input {
		padding-left: 1rem;
		padding: 1rem;
		padding-right: 0;
		font-size: 1.4rem;
		height: 5rem;
	}

	.s-form .main-form .left-content .form textarea {
		height: 10rem;
		padding: 1rem;
		padding-right: 0;
		font-size: 1.4rem;
	}

	.s-form .main-form .right-content {
		top: 10rem;
	}

	.blue-btn-sm {
		height: 3rem;
		max-width: 8rem;
		font-size: 1.4rem;
	}
}
footer {
	width: 100%;
	padding-block: 6rem;
	background-color: var(--gray);
	border-radius: 3.4rem 3.4rem 0 0;
}

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

footer .left-content {
	width: 100%;
	max-width: 50%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

footer .left-content .logo {
	width: 100%;
	max-width: 16.1rem;
	margin-bottom: 1.4rem;
	transition: opacity 0.3s ease;
}

footer .left-content .logo:hover {
	opacity: 0.9;
}

footer .left-content p {
	font-family: var(--openSans);
	font-size: 1.2rem;
	color: var(--white);
	margin-bottom: 3rem;
	line-height: 120%;
}

footer .left-content span {
	font-family: var(--openSans);
	font-size: 1rem;
	color: var(--white);
}

footer .right-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

footer .right-content a {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	color: var(--white);
}

footer .right-content a span {
	color: var(--white);
	font-size: 2rem;
	font-family: var(--openSans);
	transition: color 0.3s ease;
}

footer .right-content a span:hover {
	color: var(--orange);
}

@media (max-width: 768px) {
	footer {
		padding: 2.4rem;
	}
}

@media (max-width: 668px) {
	footer .container {
		flex-direction: column-reverse;
	}

	footer .left-content {
		width: 100%;
		max-width: 100%;
		margin-top: 3rem;
	}
	footer .left-content .logo {
		max-width: 12rem;
	}
	footer .left-content p {
		margin-bottom: 2rem;
	}
}

.overlay-cookies {
	width: 100%;
	height: 100%;
	z-index: 4;
	background-color: rgb(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease-in;
}

.cookies-msg {
	width: 100%;
	max-width: 80%;
	background-color: var(--white);
	position: fixed;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	padding: 3rem;
	border-radius: 1.6rem;
	z-index: 5;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease-in;
}

.cookies-msg.show,
.overlay-cookies.show {
	opacity: 1;
	pointer-events: all;
}

.cookies-msg .cookies-txt {
	display: flex;
	align-items: center;
	width: 100%;
}

.cookies-msg .cookies-txt p {
	font-family: var(--openSans);
	font-weight: 400;
	font-size: 1.8rem;
	width: 100%;
	margin-right: 2rem;
}

@media (max-width: 1151px) {
	.cookies-msg {
		padding: 2rem;
	}
	.cookies-msg .cookies-txt {
		flex-direction: column;
	}
	.cookies-msg .cookies-txt p {
		margin-bottom: 1.8rem;
		margin-right: 0;
	}
}

@media (max-width: 568px) {
	.cookies-msg .cookies-txt p {
		font-size: 1.4rem;
	}
	.cookies-msg .cookies-txt .cookies-btn .blue-btn {
		font-size: 1.8rem;
		padding: 0 2rem;
	}
}