:root {
	--primary-font: "Poppins", sans-serif;
	--secondary-font: "Lora", serif;

	/* Primary Base Colors */
	--soft-white: #fafafa; /* For backgrounds, clean and fresh look */
	--light-grey: #eaeaea; /* For secondary backgrounds and subtle accents */
	/* Accent Colors */
	--navy-blue: #003366;
	--brightCoral: #ff6b6b;
	--crispTurquoise: #2bdede;
	--black: #1f1a16;

	--yellow: #f4ac2f;

	/* Text Color */
	--dark-grey: #333333;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	outline: none;
}

/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: var(--soft-white);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 8px;
	padding: 10px;
}

*::-webkit-scrollbar-track {
	background: var(--soft-white);
}

*::-webkit-scrollbar-thumb {
	background-color: var(--black);
}

::-moz-selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

::selection {
	color: #fff;
	background: #000;
	text-shadow: none;
}

html {
	font-size: 62.5%;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	line-height: 1.6;
	font-family: var(--secondary-font);
	font-weight: 400;
	background-color: var(--soft-white);
	color: var(--dark-grey);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
	margin: 0;
}

ol,
ul,
li {
	list-style: none;
}

a {
	outline: none;
	color: inherit;
	background-color: transparent;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

main {
	display: block;
}

section {
	display: flex;
	flex-direction: column;
	width: 100%;
}

img {
	border-style: none;
}

.img-res {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}

/* ! Global css */
.cnt {
	width: 100%;
	margin: 0 auto;
}

.cnt__1600 {
	max-width: 1600px;
}

.cnt__wrapper {
	display: flex;
	flex-direction: column;
}

.cta-button {
	background-color: var(--brightCoral);
	color: var(--black);
}

.title {
	font-family: var(--primary-font);
	font-weight: 700;
}

.sub__title {
	font-family: var(--primary-font);
	font-weight: 600;
}

/* ! Header */
.header {
	position: fixed;
	width: 100%;
	z-index: 997;
	display: flex;
	padding: 2rem 5%;
	background: transparent;
	transition: all 0.3s ease-in-out;
	align-items: center;
}

.header.header__black {
	background: var(--black);
}

.header__scrolldown {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.header__scrollup {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	background: var(--black);
}

.logo {
	width: 150px;
	display: flex;
}

.header__nav {
	margin-left: auto;
	/* margin-top: 3rem; */
}

.header__nav ul {
	display: flex;
}

.header__nav li {
	margin-left: 2rem;
}

.header__nav li a {
	font-family: var(--primary-font);
	font-size: 2.2rem;
	line-height: 2rem;
	color: var(--soft-white);
}

.header__nav li a:hover {
	color: var(--yellow);
}

.header__nav li.contactBtn {
	margin-left: 7rem;
}

.header__nav li.contactBtn a {
	background: var(--yellow);
	color: #fff;
	padding: 1rem 2rem;
}

.header__nav li.contactBtn a:hover {
	background: var(--brightCoral);
}

.hamburgerMenu {
	display: none;
}

@media only screen and (max-width: 768px) {
	.hamburgerMenu {
		right: 10px;
		position: fixed;
		width: 55px;
		cursor: pointer;
		display: flex;
		backface-visibility: hidden;
	}

	.hamburgerMenu svg {
		display: block;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
	}

	.line {
		fill: none;
		stroke: #fff;
		stroke-width: 6;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}

	.line2 {
		stroke-dasharray: 60 60;
		stroke-width: 6;
	}

	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}

	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 6;
	}

	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	.header__nav {
		border: none;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 25%;
		left: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		width: 100%;
		padding: 0 5%;
	}
	.header__nav li.contactBtn {
		margin-left: 0;
		margin-top: 30px;
	}

	.header__nav.header__nav--mobile--active {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.header__nav > ul {
		flex-direction: column;
		align-items: flex-start;
	}

	.header__nav > ul > li {
		margin-left: 0rem;
		padding-left: 0rem;
		margin-bottom: 3rem;
		position: relative;
	}

	.header__nav > ul > li > a {
		font-size: 3rem;
		line-height: 3.5rem;
		position: relative;
	}
}

/* ! Footer */
.footer {
	/* height: 10rem; */
	background: var(--black);
	padding: 5rem 5%;
	display: flex;
	align-items: flex-end;
}

.footer__copywrite {
	font-family: var(--primary-font);
	color: var(--soft-white);
	font-size: 1.6rem;
}

.footer__links {
	margin-left: auto;
	margin-right: 50px;
}

.footer__links ul {
	display: flex;
}

.footer__links ul li {
	margin-left: 10px;
}

.footer__links a {
	font-family: var(--primary-font);
	color: var(--soft-white);
	font-size: 1.6rem;
}

.footer__links a:hover {
	color: var(--brightCoral);
}

.footer__links {
}

.info__contact li {
	display: flex;
	flex-direction: column;
}

.info__contact li span {
	font-family: var(--primary-font);
	color: var(--yellow);
	font-size: 1.6rem;
}

.info__contact li a {
	font-family: var(--primary-font);
	color: var(--soft-white);
	font-size: 1.8rem;
}

.info__contact li a:hover {
	color: var(--yellow);
}

.social__media {
	display: flex;
	gap: 10px;
	margin-left: 5rem;
}

.social__media li {
	width: 30px;
	height: 30px;
	background: var(--yellow);
	border-radius: 100%;
	transition: all 0.3s ease-in-out;
}

.social__media li:hover {
	background: var(--brightCoral);
}

.footer__info {
	display: flex;
	align-items: flex-end;
}
/* ! Homepage */

/* ? hero */
.hero {
	height: 100vh;
	background: var(--black);
}

.hero__swiper {
	width: 100%;
	height: 100%;
}

.hero__swiper .swiper-slide {
	width: 100%;
	height: 100%;
	display: flex;
}

.hero__slide {
	width: 100%;
	height: 100%;
	position: relative;
}

.hero__content {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 1366px;
	left: 5%;
	top: 50%;
	transform: translate(0%, -50%);
}

.hero__slide img {
	width: 100%;
	object-fit: cover;
	position: absolute;
}

.hero__title {
	font-size: 10rem;
	line-height: 10rem;
	color: var(--soft-white);
}

.hero__text {
	font-size: 4rem;
	line-height: 5rem;
	color: var(--soft-white);
	margin-top: 5rem;
	width: 70%;
}

.hero__sub {
	font-size: 2rem;
	line-height: 3rem;
	color: var(--soft-white);
	margin-top: 2rem;
}

.hero__cta {
	display: flex;
	margin-top: 4rem;
}

.hero__cta a {
	font-family: var(--primary-font);
	padding: 1rem 2rem;
	font-size: 3rem;
	color: var(--soft-white);
	border: 2px solid var(--gold);
}

.hero__cta a:hover {
	background: var(--yellow);
	border: 2px solid var(--gold);
}

/* ! About  */
.about__hp {
	padding: 10rem 0;
}

.about__hp .cnt__wrapper {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.about__hp--img {
	width: 45%;
	padding: 4rem 0 0 4rem;
	background: var(--yellow);
	position: relative;
}

.about__hp--img::after {
	content: "";
	position: absolute;
	bottom: -10px;
	right: -10px;
	height: 100px;
	width: 100px;
	background: var(--brightCoral);
	z-index: -1;
}

.about__hp--desc {
	width: 50%;
	display: flex;
	flex-direction: column;
}

.about__hp--title {
	font-size: 6rem;
	line-height: 8rem;
}

.about__hp--subtitle {
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 2rem;
}

.about__hp--text {
	font-size: 2rem;
	line-height: 3rem;
	margin-top: 1rem;
}

.about__hp--btn {
	display: flex;
	margin-top: 3rem;
}

.about__hp--btn a {
	font-family: var(--primary-font);
	padding: 1rem 2rem;
	font-size: 2rem;
	color: var(--soft-white);
}

.about__hp--btn a:hover {
	background: var(--yellow);
}

/* ? mission */
.mission__hp {
	padding: 10rem 0;
}

.mission-header {
	display: flex;
	flex-direction: column;
}

.mission-title {
	font-size: 6rem;
	line-height: 8rem;
}

.mission-subtitle {
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 2rem;
	width: 50%;
}

.mission__wrapper {
	display: flex;
	margin-top: 4rem;
	gap: 2.5%;
}

.mission-box--desc {
	position: relative;
	z-index: 1;
}

.mission-box {
	width: 25%;
	height: 300px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	font-family: var(--primary-font);
	font-size: 1.6rem;
	line-height: 2rem;
	position: relative;
	color: var(--soft-white);

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: flex-end;
}

.mission-box::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
}

.mission-box::before {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	background: var(--yellow);
	right: -10px;
	top: -10px;
	z-index: -1;
}

.mission-box--title {
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: 2rem;
}

.mission-box--desc p {
	height: 90px;
}

/* ? services */

.services__hp {
	padding: 10rem 0;
}

.services__hp--head {
	display: flex;
	flex-direction: column;
}

.services__hp--title {
	font-size: 6rem;
	line-height: 8rem;
	width: 60%;
}

.services__hp--desc {
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 2rem;
	width: 50%;
}

.services__wrapper {
	display: flex;
	width: 100%;
	margin-top: 5rem;
	flex-wrap: wrap;
	justify-content: space-between;
}

.services__wrapper .services__box {
	height: 500px;
	background: var(--black);
	margin-bottom: 5rem;
	padding: 5rem 5rem;
	display: flex;
	align-items: flex-end;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.services__wrapper .services__box::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
}

.services__box::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	background: var(--yellow);
	right: -10px;
	top: -10px;
	z-index: -1;
}

.services__box:nth-child(1) {
	width: 42%;
}
.services__box:nth-child(2) {
	width: 55%;
}

.services__box:nth-child(2)::after {
	background: var(--brightCoral);
	right: auto;
	top: auto;
	left: -10px;
	bottom: -10px;
}

.services__box:nth-child(3) {
	width: 55%;
}

.services__box:nth-child(4) {
	width: 42%;
}

.services__box:nth-child(4)::after {
	background: var(--brightCoral);
	right: auto;
	top: auto;
	left: -10px;
	bottom: -10px;
}

.services__box:nth-child(5) {
	width: 42%;
}
.services__box:nth-child(6) {
	width: 55%;
}

.services__box:nth-child(6)::after {
	background: var(--brightCoral);
	right: auto;
	top: auto;
	left: -10px;
	bottom: -10px;
}

.services__box--desc {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	position: relative;
}

.services__box--title {
	color: var(--soft-white);
	font-size: 4rem;
}

.services__box--text {
	color: var(--soft-white);
	font-size: 2rem;
	line-height: 2.4rem;
	width: 85%;
}

.services__box--text span {
	color: var(--soft-white);
	font-size: 2rem;
	line-height: 2.4rem;
	display: block;
}

/* ! corporate */
.corporate__hp {
	padding: 10rem 0 0;
}

.corporate-header {
	display: flex;
	flex-direction: column;
}

.corporate-title {
	font-size: 6rem;
	line-height: 8rem;
	width: 60%;
}

.corporate-subtitle {
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 2rem;
	width: 60%;
}

.corporate__slider {
	width: 100%;
	height: 100%;
	margin-top: 4rem;
}

.corporate__swiper {
	width: 100%;
	height: 100%;
}

.corporate__info {
	width: 100%;
	height: 400px;
	background: var(--black);
	position: relative;
	padding: 4rem;
	display: flex;
	align-items: flex-end;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.corporate__info::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}

.corporate__services {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

.corporate__services--title {
	color: var(--soft-white);
	font-size: 3rem;
	line-height: 4rem;
}

.corporate__services--text {
	color: var(--soft-white);
	font-size: 2rem;
	line-height: 2.4rem;
	width: 85%;
	margin-top: 2rem;
	height: 100px;
}

/* ? testimonials__hp */
.testimonials__hp {
	padding: 10rem 0;
	background: var(--light-grey);
}

.testimonials__slider--wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.testimonials__slider--img {
	width: 25%;
	position: relative;
	padding: 10px;
}

.testimonials__slider--img::before {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: -10px;
	left: -10px;
	background: var(--yellow);
	z-index: -1;
}

.testimonials__slider--img::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: -10px;
	right: 0px;
	background: var(--brightCoral);
	z-index: -1;
}

.testimonials__slider--desc {
	width: 70%;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
}

.testimonials__slider--text {
	font-size: 3rem;
	line-height: 5rem;
}

.testimonials__slider--author {
	font-size: 3rem;
	line-height: 3rem;
	margin-top: 4rem;
}

.testimonials__slider--company {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 400;
	margin-top: 1rem;
}

.blog__hp {
	padding: 10rem 10px 20rem;
}

.new__wrapper {
	display: flex;
	gap: 4%;
	margin-top: 5rem;
}

.news__box {
	width: 33.3333%;
}

.news__box a {
	display: flex;
	flex-direction: column;
}

.news__box--img {
	background: var(--black);
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
}

.news__box--img::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: -10px;
	right: -10px;
	background: var(--yellow);
	z-index: -1;
}

.news__box--desc {
	display: flex;
	flex-direction: column;
}

.news__box--title {
	font-size: 2.2rem;
	line-height: 2.4rem;
}

.news__box--text {
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-top: 2rem;
}

.news__bot--cta {
	display: flex;
	margin-top: 2rem;
	text-decoration: underline;
	font-size: 1.8rem;
	transition: all 0.3s ease-in-out;
}

.news__box a:hover .news__bot--cta {
	color: var(--brightCoral);
}

/* ! bmi */
.bmi__hp {
	background: var(--black);
	padding: 10rem 0;
}

.bmi-header {
	display: flex;
	flex-direction: column;
}

.bmi-title {
	font-size: 6rem;
	line-height: 8rem;
	width: 60%;
	color: var(--brightCoral);
}

.bmi-subtitle {
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 2rem;
	width: 60%;
	color: var(--soft-white);
}

.bmi__wrapper {
	display: flex;
	margin-top: 4rem;
	color: var(--soft-white);
}

#bmiCalculator {
	background-color: var(--soft-white);
	padding: 2rem;
	width: 100%;
	max-width: 500px;
	position: relative;
}

#bmiCalculator::after {
	content: "";
	position: absolute;
	right: -10px;
	top: -10px;
	height: 100px;
	width: 100px;
	background: var(--yellow);
	z-index: -1;
}

#bmiCalculator div {
	margin-bottom: 15px;
}

#bmiCalculator label {
	font-family: var(--primary-font);
	font-size: 1.8rem;
	color: var(--black);
	width: 100%;
	margin-bottom: 5px;
}

#bmiCalculator input[type="number"] {
	width: 100%;
	padding: 10px;
	border: 1px solid var(--light-grey);
	font-size: 16px;
}

#bmiResult {
	background-color: var(--soft-white);
	border: 1px solid var(--light-grey);
	padding: 10px;
	border-radius: 4px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.bmi-underweight,
.bmi-normal,
.bmi-overweight,
.bmi-obese {
	padding: 5px;
	border-radius: 4px;
	margin-top: 10px;
	color: #fff;
}

.bmi-underweight {
	background-color: #1e90ff;
}
.bmi-normal {
	background-color: #32cd32;
}
.bmi-overweight {
	background-color: #ffa500;
}
.bmi-obese {
	background-color: #ff4500;
}

#bmiExplanation {
	background-color: var(--soft-white);
	border: 1px solid var(--black);
	padding: 10px;
	border-radius: 4px;
	color: var(--black);
	font-size: 16px;
	margin-top: 10px;
}

.bmi-info-table {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	max-width: 800px;
	margin: 20px auto;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	padding: 20px;
}

/* ! contact */
.contact__hp {
	padding: 10rem 0;
}

.contact-header {
	display: flex;
	flex-direction: column;
}

.contact-title {
	font-size: 6rem;
	line-height: 8rem;
	color: var(--black);
}

.contact-subtitle {
	font-size: 2.8rem;
	line-height: 3.8rem;
	margin-top: 2rem;
	color: var(--black);
}

.contact__form {
	display: flex;
	width: 100%;
	margin-top: 4rem;
	align-items: flex-start;
}

.contact__details {
	width: 50%;
}

.forms,
.contactformsection .contact__form > div {
	width: 35%;
}

.form-group,
.js-form-item {
	margin-bottom: 15px;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.form-group label,
.js-form-item label {
	font-family: var(--primary-font);
	font-size: 1.8rem;
	color: var(--black);
	margin-bottom: 5px;
}

.form-group input,
.form-group textarea,
.js-form-item input,
.js-form-item textarea {
	font-family: var(--primary-font);
	font-size: 1.8rem;
	line-height: 2rem;
	width: 100%;
	padding: 10px;
	border: 1px solid var(--light-grey);
	box-sizing: border-box;
}

.form-group textarea,
.js-form-item textarea {
	height: 100px;
	resize: vertical;
}

.submit-button,
.form-actions input[type="submit"] {
	font-family: var(--primary-font);
	font-size: 2rem;
	background-color: var(--yellow);
	color: var(--soft-white);
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.submit-button:hover,
.form-actions input[type="submit"]:hover {
	background-color: var(--brightCoral);
}

.js-form-item.form-type-checkbox {
	flex-direction: row;
}

.gdprwrapper {
	display: flex;
}

.gdprwrapper input,
.js-form-item.form-type-checkbox input {
	width: 20px;
	height: 20px;
}

.gdprwrapper label,
.js-form-item.form-type-checkbox .description {
	font-size: 1.2rem;
	width: 85%;
	margin-left: 15px;
}

.contact__img {
	margin-left: auto;
	width: 45% !important;
	/* height: 450px; */
	position: relative;
	isolation: isolate;
}

.contact__img::after {
	content: "";
	position: absolute;
	right: -10px;
	top: -10px;
	background: var(--yellow);
	width: 100px;
	height: 100px;
	z-index: -1;
}

.contact__img::before {
	content: "";
	position: absolute;
	left: -10px;
	bottom: -10px;
	background: var(--brightCoral);
	width: 100px;
	height: 100px;
	z-index: -1;
}

.contact__img iframe {
	width: 100%;
	height: 100%;
}

.contact__inner {
	padding: 20rem 0;
}

.hero .swiper-button-next,
.hero .swiper-button-prev {
	width: 50px;
	height: 50px;
	background: var(--yellow);
	border-radius: 100%;
	color: #ffff;
	top: auto;
	bottom: 10%;

	transition: all 0.3s ease-in-out;
}

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

.hero .swiper-button-prev {
	left: 5%;
	right: auto;
}
.hero .swiper-button-next {
	right: auto;
	left: 8%;
}

.hero .swiper-button-next:hover,
.hero .swiper-button-prev:hover {
	background: var(--brightCoral);
}

/* ! about page */
.about__intro {
	padding: 30rem 0 5rem;
}

.about__intro--title {
	font-size: 6rem;
	line-height: 8rem;
	text-align: center;
}

.about__intro--text {
	text-align: center;
	font-size: 4rem;
	line-height: 6rem;
	margin-top: 2rem;
}

.about__hp.about__page .cnt__wrapper {
	align-items: flex-start;
}

.about__page .about__hp--desc {
	width: 60%;
}

.aboutp__img {
	width: 30%;
	position: relative;
	top: 20px;
}

.aboutp__img::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	height: 100px;
	width: 100px;
	background: var(--yellow);
	z-index: -1;
}

.aboutp__img::after {
	content: "";
	position: absolute;
	bottom: -10px;
	right: -10px;
	height: 100px;
	width: 100px;
	background: var(--brightCoral);
	z-index: -1;
}

.mission__ab {
	background: var(--black);
	padding: 10rem 0;
	position: relative;
	overflow: hidden;
}

.imgmission {
	width: 30%;
	position: absolute;
	right: -3%;
	top: -3%;
}

.imgmission2 {
	width: 30%;
	position: absolute;
	left: -3%;
	bottom: -3%;
	transform: rotate(45deg);
}

.balls {
	fill: rgba(255, 255, 255, 0.2);
}

.mission__ab .mission-title {
	color: var(--yellow);
}

.mission__ab .mission-subtitle {
	color: var(--soft-white);
}

.mission__ab--wrapper {
	display: flex;
	flex-direction: column;
}

.mission__inner {
	display: flex;
	flex-direction: column;
	margin-top: 10rem;
}

.mission__inner--title {
	color: var(--brightCoral);
	font-size: 4rem;
	line-height: 5rem;
	margin-bottom: 2rem;
	position: relative;
	isolation: isolate;
}

/* .mission__ab--boxes{
    display: flex;
    flex-wrap: flex-wrap;
} */

.mission__ab--boxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* Responsive Design: One column on small screens */
@media screen and (max-width: 768px) {
	.mission__ab--boxes {
		grid-template-columns: 1fr; /* Only one column on small screens */
	}
}

.mission__ab--box--title {
	font-size: 3rem;
	line-height: 3.8rem;
	color: var(--soft-white);
	margin-bottom: 1rem;
}

.mission__ab--box--text {
	font-size: 2rem;
	line-height: 3rem;
	color: var(--light-grey);
}

.mission__ab--values {
	margin-top: 10rem;
}

.gallery {
	padding: 10rem 0;
}

.gallery__desc {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.gallery__desc--title {
	font-size: 6rem;
	line-height: 8rem;
	text-align: center;
}

.gallery__desc--subtitle {
	text-align: center;
	font-size: 4rem;
	line-height: 6rem;
	margin-top: 2rem;
	width: 65%;
}

.gallery__boxes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 60%;
	margin: 5rem auto;
}

.gallery__boxes > div {
	width: 33.3333%;
}

.gallery__img {
	padding: 2.5%;
}

.gallery__btn {
	display: flex;
	margin-top: 3rem;
	justify-content: center;
}

.gallery__btn a {
	background: var(--brightCoral);
	font-family: var(--primary-font);
	padding: 1rem 2rem;
	font-size: 2rem;
	color: var(--soft-white);
	cursor: pointer;
}

.gallery__btn a:hover {
	background: var(--yellow);
}

.hidden-gallery a {
	display: none;
}

.services__inner {
	padding: 20rem 0 10rem 0;
}

.services__inner--wrapper {
	display: flex;
	flex-direction: column;
	margin-top: 10rem;
}

.services__inner--box {
	width: 100%;
	display: flex;
	margin-bottom: 5%;
}

.services__inner--box:last-child {
	margin-bottom: 0;
}

.services__inner--img {
	width: 55%;
	height: 500px;
	background: var(--black);
	padding: 5rem 5rem;
	display: flex;
	align-items: flex-end;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.services__inner--img::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.1);
	left: 0;
	top: 0;
}

.services__inner--img::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	background: var(--yellow);
	right: -10px;
	top: -10px;
	z-index: -1;
}

.services__inner--desc {
	display: flex;
	flex-direction: column;
	width: 45%;
	padding: 2.5% 5% 0 5%;
}

.services__inner--title {
	color: var(--black);
	font-size: 5rem;
	line-height: 5rem;
	margin-bottom: 3rem;
}

.services__inner--text {
	color: var(--black);
	font-size: 2.4rem;
	line-height: 2.8rem;
	width: 85%;
}

.services__inner--text span {
	color: var(--black);
	font-size: 3rem;
	line-height: 3.4rem;
	display: block;
	margin-bottom: 10px;
}

.services__inner--box:nth-child(even) .services__inner--desc {
	order: 1;
}

.services__inner--box:nth-child(even) .services__inner--img {
	order: 2;
}

.services__inner--box:nth-child(even) .services__inner--img::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	background: var(--brightCoral);
	right: auto;
	top: auto;
	z-index: -1;
	bottom: -10px;
	left: -10px;
}

.services__inner--btn {
	display: flex;
	margin-top: 4rem;
}

.services__inner--btn a {
	font-family: var(--primary-font);
	padding: 1rem 2rem;
	font-size: 2rem;
	color: var(--soft-white);
}

.services__inner--btn a:hover {
	background: var(--yellow);
}

.blog__hp.blog--inner {
	padding: 10rem 10px;
	background: var(--light-grey);
}

.bg-grey {
	background: var(--light-grey);
}

.blog__hp.blog-listing {
	padding-top: 20rem;
}

.blog__hp.blog-listing .new__wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* Three equal columns */
}

.blog__hp.blog-listing .news__box {
	width: 100%;
}

.blog__hp.blog-listing .news__box:nth-child(even) .news__box--img::after {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: -10px;
	right: -10px;
	background: var(--brightCoral);
	z-index: -1;
}

/* Responsive layout for smaller screens */
@media (max-width: 768px) {
	/* Adjust the breakpoint as needed */
	.blog__hp.blog-listing .new__wrapper {
		grid-template-columns: 1fr; /* One column */
	}
	.blog__hp.blog-listing .news__box {
		width: 100%;
	}
}

.corporate__intro {
	margin-top: 10rem;
	padding: 0rem 0;
}

.corporate__wrapper {
	display: flex;
	width: 100%;
	background: var(--black);
}

.corporate__img {
	width: 50%;
}

.corporate__intro--info {
	width: 50%;
	padding: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.corporate__intro--title {
	font-size: 6rem;
	line-height: 7rem;
	color: var(--yellow);
}

.corporate__intro--text {
	color: var(--soft-white);
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 3rem;
}

.corporate__wrapper--details {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5%;
	padding: 5% 3%;
}

.cwd-box {
	display: flex;
	flex-direction: column;
}

.cwd--icon {
	width: 64px;
	margin-bottom: 2rem;
}

.cwd-box--title {
	font-size: 3rem;
	line-height: 4rem;
}

.cwd-box--subtitle {
	font-size: 2rem;
	line-height: 3rem;
	margin-top: 1rem;
	font-weight: 600;
	text-decoration: underline;
}

.cwd-box--text {
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-top: 1rem;
}

.c__benefit {
	padding: 10rem 0;
	background: var(--black);
}

.c__benefit-header {
	display: flex;
	flex-direction: column;
}

.c__benefit-title {
	color: var(--yellow);
	font-size: 6rem;
	line-height: 8rem;
	width: 60%;
}

.c__benefit-subtitle {
	color: var(--soft-white);
	font-size: 3rem;
	line-height: 4rem;
	margin-top: 2rem;
	width: 60%;
}

.benefit__boxes {
	margin-top: 5rem;
}

.benefit__box {
	margin-bottom: 3rem;
}

.benefit__box:last-child {
	margin-bottom: 0;
}

.benefit__box--title {
	color: var(--brightCoral);
	font-size: 6rem;
	line-height: 8rem;
	padding-left: 3%;
	position: relative;
}

.benefit__box--title::before {
	content: "";
	width: 30px;
	height: 10px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: var(--brightCoral);
	position: absolute;
}

.benefit__box--text {
	padding-left: 3%;
	font-size: 2rem;
	line-height: 3rem;
	color: var(--soft-white);
}

.corporate__inner--wp {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.corporate__inner--wp--box {
	width: 100%;
	height: 500px;
	background: var(--black);
	position: relative;
	padding: 4rem;
	display: flex;
	align-items: flex-end;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.corporate__inner--wp--box::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
}

.corporate__inner--wp {
	margin-top: 5rem;
}

.blog_details {
	padding: 30rem 0 10rem;
}

.blog_details__content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.blog_details__title {
	font-size: 6rem;
	line-height: 8rem;
	text-align: center;
}

.blog_details__text {
	text-align: center;
	font-size: 4rem;
	line-height: 6rem;
	margin-top: 2rem;
}

.blog__details--img {
	width: 75%;
	margin-top: 5rem;
}

.blog_details--wrapper {
	width: 100%;
	flex-direction: column;
	display: flex;
	align-items: center;
}

.blog_details--text {
	font-size: 2rem;
	line-height: 3rem;
	margin-top: 5rem;
	width: 75%;
	margin-top: 5rem;
}

.blog_details--text h4 {
	font-family: var(--primary-font);
	font-size: 3rem;
	line-height: 5rem;
	font-weight: 700;
}

.blog__hp.blog_more {
	background: var(--black);
}

.blog__hp.blog_more .corporate-title {
	color: var(--yellow);
}

.blog__hp.blog_more .news__box--title {
	color: var(--soft-white);
}

.blog__hp.blog_more .news__box--text {
	color: var(--soft-white);
}

.blog__hp.blog_more .news__bot--cta {
	color: var(--soft-white);
}

.form-confirmation {
	font-size: 4rem;
}

.overlaymenu {
	position: fixed;
	background: var(--black);
	height: 100vh;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.overlaymenu.overlaymenu--active {
	pointer-events: all;
	opacity: 1;
	visibility: visible;
}

.testimonial-cor .testimonials__slider--text {
	font-size: 2rem;
	line-height: 3rem;
}

.gin--horizontal-toolbar #toolbar-administration {
	z-index: 999 !important;
}
.gin-secondary-toolbar--frontend {
	z-index: 998 !important;
}

.language-switcher-language-url {
	width: 100px;
	position: relative;
	margin-left: 2%;
}

.language-switcher-language-url .links {
	font-family: var(--primary-font);
	line-height: 2rem;
	color: var(--soft-white);
	background: var(--brightCoral);
	width: 100%;
	text-align: center;
}

.language-switcher-language-url .links li {
	padding: 5px 5px;
	position: absolute;
	bottom: -30px;
	opacity: 0;
	width: 100%;
	background: var(--brightCoral);
	font-size: 1.4rem;
}
.language-switcher-language-url .links:hover li {
	opacity: 1;
}

.language-switcher-language-url .links li.is-active {
	position: inherit;
	opacity: 1;
	font-size: 1.6rem;
}