html {
	scroll-behavior: smooth;
}

body {
	font-size: 17px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 500;
	overflow-x: hidden;
	color: #444444;
}

*, a {
	text-decoration: none;
}

a,button {
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	transition: 0.4s all;
}

input:focus, textarea:focus, select:focus, button:focus, a:focus {
	outline: none;
	box-shadow: none;
}

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

p {
	font-size: 17px;
	font-weight: 500;
	color: #444444;
	margin-bottom: 20px;
	line-height: 1.54;
}

p:last-child {
	margin-bottom: 0;
}

::selection {
	color: #ffffff;
	background: #12684C;
}

*::-webkit-scrollbar {
	width: 4px;
	cursor: pointer;
}

*::-webkit-scrollbar:horizontal {
	height: 4px;
	cursor: pointer;
}

*::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px #12684C;
	border-radius: 30px;
}

*::-webkit-scrollbar-thumb {
	background: #12684C;
	border-radius: 30px;
}

*::-webkit-scrollbar-thumb:hover {
	background: #12684C;
}

.py-6 {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.pt-6 {
	padding-top: 6rem;
}

.pb-6 {
	padding-bottom: 6rem;
}

.pb-30 {
	padding-bottom: 30px;
}

.title {
	color: #12684C;
}

.title span {
	color: #858686;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
}

.title h1,.title h2 {
	font-weight: 200;
	font-size: 50px;
	margin-bottom: 0;
	color: unset;
	white-space: pre-line;
}

.title h3 {
	font-weight: 30;
	font-size: 40px;
	margin-bottom: 0;
	color: unset;
	white-space: pre-line;
}

.ct_button {
	background: #10624A;
	color: #ffffff;
	border: 2px solid #10624A;
	border-radius: 5px;
	padding: 18px 28px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.8px;
	position: relative;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
	transition: 0.4s all;
}

.ct_button:hover {
	padding-left: 32px;
	padding-right: 24px;
	background: transparent;
	color: #10624A;
}

.ct_button:before {
	content: '';
	position: absolute;
	left: -27px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	background-image: url(../images/down.svg);
	background-size: 14px;
	opacity: 0;
	z-index: 1;
	background-repeat: no-repeat;
	transition: 0.5s all;
	background-position: center;
}

.ct_button:hover:before {
	left: -12px;
	opacity: 1;
}

.ct_button.bdr_btn.dark {
	border: 2px solid #ffffff;
	color: #ffffff;
}

.ct_button.bdr_btn {
	background: transparent;
	color: #10624A;
	border: 2px solid #10624A;
	border-radius: 5px;
	padding: 18px 28px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.8px;
	position: relative;
}

.ct_button.bdr_btn:before {
	content: '';
	position: absolute;
	left: -27px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	background-image: url('../images/down.svg');
	background-size: 14px;
	opacity: 0;
	z-index: 1;
	background-repeat: no-repeat;
	transition: 0.5s all;
	background-position: center;
}

.ct_button.bdr_btn:hover {
	padding-left: 32px;
	padding-right: 24px;
}

.ct_button.bdr_btn:hover:before {
	left: -12px;
	opacity: 1;
}

.text_btn {
	margin-top: 10px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	font-size: 14px;
	display: inline-block;
	position: relative;
	padding: 0 0 0 0;
	font-weight: 600;
}

.text_btn:before {
	content: '';
	position: absolute;
	left: -5px;
	top: 5px;
	width: 10px;
	height: 10px;
	background-image: url('../images/down.svg');
	background-size: contain;
	opacity: 0;
	transition: 0.5s all;
	filter: invert(1) brightness(3);
	transform: rotate(-90deg);
	background-repeat: no-repeat;
}

.text_btn:hover {
	padding-left: 17px;
	letter-spacing: 1px;
}

.text_btn:hover:before {
	left: 5px;
	opacity: 1;
}

.text_btn.green {
	color: #12684C;
	font-weight: 600;
}

.text_btn.green:before {
	filter: invert(0) brightness(1);
}

.subpage .ct_button.bdr_btn {
	padding-top: 12px;
	padding-bottom: 12px;
}

.offcanvas-backdrop {
	display: none;
}

header .static_header {
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
	left: 0;
	transition: 0.6s all;
	z-index: 99;
	box-shadow: 0px 2px 6px -1px rgb(0 0 0 / 0%);
}

header .static_header> div {
	border-bottom: 1px solid rgb(0 0 0 / 15%);
	transition: 0.5s all;
}

header .static_header .logo {
	display: flex;
	align-items: center;
	padding: 0 0;
	max-width: 220px;
}

header .head_right {
	display: flex;
	justify-content: flex-end;
	padding: 0;
	align-items: stretch;
}

header .head_right > ul > li.menu_toggle {
	border-left: 1px solid rgb(0 0 0 / 15%);
	padding: 20px 36px;
	height: 100%;
	display: flex;
}

header .head_right .menu_toggle .navbar-toggler {
	display: flex;
	width: 27px;
	justify-content: center;
	flex-direction: column;
}

header .head_right .menu_toggle .navbar-toggler span {
	width: 100%;
	height: 4px;
	background: #444;
	margin: 3px 0px;
	border-radius: 4px;
	transition: 0.5s all;
}

header .head_right .menu_toggle .navbar-toggler span:nth-child(2) {
	width: 65%;
}

header .head_right .menu_toggle .navbar-toggler:hover span {
	width: 65%;
	background: #12684c;
}

header .head_right .menu_toggle .navbar-toggler:hover span:nth-child(2) {
	width: 100%;
}

header .head_right > ul {
	display: flex;
	align-items: center;
}

header .head_right > ul > li {
	padding: 43px 30px 43px 13px;
	transition: 0.5s all;
}

header .head_right > ul > li:last-child {
	padding-right: 26px;
}

header .head_right > ul > li .bdr_button {
	width: auto;
	height: auto;
	padding: 18px 49px;
	text-transform: unset;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 500;
}

header .head_right > ul > li .bdr_button img {
	filter: invert(1);
}

header .head_right .language_translate {
	display: flex;
	align-items: center;
	transition: all .5s ease;
	position: relative;
	font-size: 15px;
	color: #444444;
	height: 100%;
	text-align: left;
	background: none;
	outline: none;
}

header .head_right .language_translate .select {
	cursor: pointer;
	display: flex;
	padding: 3px 11px 3px 1px;
	align-items: center;
}

header .head_right .language_translate .select:before,header .head_right .language_translate .select:after {
	content: '';
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 1px;
	background: #333333;
	transition: 0.5s all;
}

header .head_right .language_translate .select:after {
	transform: translateY(-50%) rotate(-45deg);
	right: 1px;
}

header .head_right .language_translate.active .select:after {
	transform: translateY(-50%) rotate(46deg);
}

header .head_right .language_translate.active .select:before {
	transform: translateY(-50%) rotate(-45deg);
}

header .head_right .language_translate .select span {
	padding: 0 8px 0 0;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

header .head_right .language_translate .select > img {
	color: #444444;
	cursor: pointer;
	transition: all .3s ease-in-out;
	transform: rotate(0deg);
	filter: grayscale(1);
	display: none;
}

header .head_right .language_translate .select > img.globe {
	margin-right: 6px;
	width: 17px;
	height: 17px;
	transform: none !important;
	opacity: 1;
	display: block;
	    margin-left: 9px;
}

header .head_right .language_translate.active .select > img {
	transform: rotate(-180deg);
}

header .head_right .language_translate .select_dropdown-menu {
	position: absolute;
	background-color: white;
	width: 100%;
	max-width: 100px;
	left: 0;
	margin-top: 1px;
	box-shadow: 0 1px 2px rgb(204, 204, 204);
	border-radius: 0 1px 5px 5px;
	overflow: hidden;
	display: block !important;
	overflow-y: auto;
	z-index: 11;
	top: 100%;
	margin: 0 0;
	height: auto !important;
	max-height: 185px;
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0.5);
	transition: 0.3s all;
	transform-origin: top;
	padding: 0;
	list-style: none;
}

header .head_right .language_translate .select_dropdown-menu li,header .head_right .language_translate .select_dropdown-menu a {
	cursor: pointer;
	font-size: 12px;
    line-height: 30px;
    padding: 3px 4px;
	font-weight: 500;
	color: #444;
	transition: 0.4s all;
	background: transparent;
	display: block;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	width: 100%;
	position: relative;
}

header .head_right .language_translate .select_dropdown-menu li:hover {
	color: #12684C;
	background-color: rgb(5 60 127 / 5%);
}

header .head_right .language_translate .select_dropdown-menu li:active {
	background-color: #e2e2e2;
}

header .head_right .language_translate.active .select_dropdown-menu {
	visibility: visible;
	opacity: 1;
	transform: scaleY(1);
}
header.hide .head_right .language_translate.active .select_dropdown-menu {
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0);
}

/*FIXED HEADER*/
header.h_fixed .static_header {
	width: 100%;
	background: #ffffff;
	transition: 0.6s all;
	box-shadow: 0px 2px 6px -1px rgb(0 0 0 / 6%);
}

header.h_fixed .static_header> div {
	border-color: transparent;
}

header.h_fixed .static_header .logo {
	max-width: 200px;
}

header.h_fixed .head_right > ul > li {
	padding-top: 30px;
	padding-bottom: 30px;
}

/*HEADER on down scroll*/
header.hide.h_fixed .static_header {
	top: -91px;
}

/*FIXED HEADER*/
header .offcanvas {
	width: 100%;
	border-radius: 0;
	border: none;
	background: hsla(160, 70%, 24%, 0.98);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transform-origin: center;
	overflow-y: auto;
	z-index: 99;
	display: block !important;
	padding: 0 8%;
	-webkit-box-align: center;
	-webkit-clip-path: polygon(0 0%, 0 0, 100% 0%, 100% 0%);
	clip-path: polygon(0 0%, 0 0, 100% 0%, 100% 0%);
	-webkit-transition: -webkit-clip-path 1s cubic-bezier(.115, .87, .19, 1), -webkit-transform 1s cubic-bezier(.115, .87, .19, 1), -webkit-opacity 1s cubic-bezier(.115, .87, .19, 1);
	-moz-transition: -webkit-clip-path 1s cubic-bezier(.115, .87, .19, 1), -webkit-transform 1s cubic-bezier(.115, .87, .19, 1), -webkit-opacity 1s cubic-bezier(.115, .87, .19, 1);
	-o-transition: clip-path 0.4s ease, transform 0.4s ease-in-out, -webkit-clip-path 0.4s ease, -webkit-transform 0.4s ease-in-out, -webkit-opacity 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition: clip-path 0.4s ease, transform 0.4s ease-in-out, -webkit-clip-path 0.4s ease, -webkit-transform 0.4s ease-in-out, -webkit-opacity 0.3s ease-in-out, opacity 0.3s ease-in-out;
	will-change: transform, clip-path;
	z-index: 99;
	visibility: visible !important;
}

header .offcanvas.show {
	visibility: visible;
	-webkit-clip-path: polygon(0 0%, 0 0, 100% 0%, 100% 0%);
	clip-path: polygon(0 100%, 0 0, 100% 0%, 100% 100%);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

header .offcanvas button.btn-close {
	background: transparent;
	position: sticky;
	right: 0;
	z-index: 100;
	width: 50px;
	box-shadow: none;
	padding: 0;
	height: 50px;
	top: 0;
	opacity: 1;
	border: 1px solid rgb(255 255 255 / 38%);
	transition: 0.5s all;
}

header .offcanvas button.btn-close:before,header .offcanvas button.btn-close:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	height: 5px;
	border-radius: 25px;
	transform: translate(-50%, -50%) rotate(45deg);
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	background: #ffffff;
	border: 2px solid #1d6e53;
}

header .offcanvas.show button.btn-close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

header .offcanvas button.btn-close:hover:before {
	transform: translate(-50%, -50%) rotate(315deg);
}

header .offcanvas button.btn-close:hover:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

header .offcanvas button.btn-close:hover {
	border-color: #ffffff;
}

header .offcanvas ul.navbar-nav {
	display: inline-flex;
	align-items: flex-start;
}

header .offcanvas ul.navbar-nav > li.nav-item {
	display: flex;
	text-align: left;
	padding: 10px 0;
	width: auto;
	position: relative;
	align-items: flex-start;
	flex-wrap: wrap;
}

header .offcanvas ul.navbar-nav:hover > li.nav-item:hover {
	-webkit-filter: blur(0);
	filter: blur(0px);
}

header .offcanvas ul.navbar-nav > li.nav-item > a, header .offcanvas ul.navbar-nav > li.nav-item > a.dropdown-toggle {
	font-size: 2.2vw;
	f;font-weight: 500;
	padding: 4px 0px 4px 0px;
	color: #ffffff;
	width: auto;
	display: inline-block;
	transition: 0.4s all;
	text-align: left;
	line-height: 1.3;
	vertical-align: middle;
	text-transform: uppercase;
}

header .offcanvas ul.navbar-nav:hover > .nav-item > .nav-link, header .offcanvas ul.navbar-nav:hover > .nav-item > a,header .offcanvas ul.navbar-nav:hover > .nav-item > .nav-link.dropdown-toggle {
	color: rgb(255 255 255 / 61%);
}

header .offcanvas ul.navbar-nav:hover > li.nav-item:hover > a,header .offcanvas ul.navbar-nav:hover > li.nav-item:hover > a.dropdown-toggle {
	color: #ffffff;
}

header .offcanvas ul.navbar-nav:hover > li.nav-item > a {
	color: rgb(255 255 255 / 61%);
}

header .offcanvas ul.navbar-nav > li.nav-item .dropdown-menu {
	padding: 0px 0 0px 2px;
	border: none;
	margin: 0;
	position: static !important;
	box-shadow: none;
	inset: auto;
	display: block;
	max-height: 0;
	overflow: hidden;
	position: absolute;
	-moz-transition: all ease .5s;
	top: 10px !important;
	transition: .5s ease;
	width: 100%;
	background: transparent;
	transform: none !important;
}

header .offcanvas ul.navbar-nav > li.nav-item .dropdown-menu.show {
	max-height: 400px;
	transition: .5s ease;
}

header .offcanvas ul.navbar-nav > li.nav-item button.dropdown-toggle {
	background: transparent;
	outline: none;
	color: #ffffff;
	font-size: 0.9vw;
	border-left: 1px solid rgb(255 255 255 / 69%);
	padding: 0;
	margin-top: 13px;
	box-shadow: none;
	margin-left: 15px;
	border: 1px solid rgb(255 255 255 / 48%);
	border-radius: 50px;
	width: 1.5vw;
	height: 2vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .offcanvas ul.navbar-nav > li.nav-item button.dropdown-toggle:before {
	content: '\f107';
	font-family: 'fontAwesome';
	position: relative;
	margin: 0px;
	padding-left: 0;
	font-weight: 400;
	display: inline-block;
	transition: 0.5s all;
	/* line-height: 3vw; */
	top: 1px;
}

header .offcanvas ul.navbar-nav > li.nav-item > a.dropdown-toggle:after {
	display: none;
}

header .offcanvas ul.navbar-nav > li.nav-item button.dropdown-toggle:after {
	display: none;
}

header .offcanvas ul.navbar-nav > li.nav-item button.dropdown-toggle.show:before {
	transform: rotate(-180deg);
}

header .offcanvas ul.navbar-nav > li.nav-item .dropdown-menu li {
	padding: 0 10px;
	border: none;
}

header .offcanvas ul.navbar-nav > li.nav-item .dropdown-menu li a {
	width: auto;
	position: relative;
	background: transparent;
	font-size: 1.05vw;
	padding: 5px 12px 5px 20px;
	font-weight: 500;
	transition: 0.4s all;
	color: #ffffff;
}

header .offcanvas ul.navbar-nav > li.nav-item .dropdown-menu li a:before {
	content: '\f105';
	position: absolute;
	left: 0;
	font-family: 'FontAwesome';
	font-size: 83%;
	opacity: 0.65;
	line-height: 1.8;
}

.offcanvas_close {
	display: flex;
	justify-content: flex-end;
	top: 5%;
	right: 0;
	position: sticky;
}

header .offcanvas .offcanvas_block {
	padding: 0% 5% 0% 0%;
	margin-top: 0%;
}

header .offcanvas .offcanvas_block .offcanvas-body {
	padding: 10% 0 10% 0;
	height: 100%;
}

header .offcanvas .offcanvas_block .nav_contact_details {
	text-align: right;
	height: 90vh;
	border-right: 1px solid rgb(255 255 255 / 30%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	position: sticky;
	top: 0;
	padding-bottom: 0;
}

header .offcanvas .offcanvas_block .nav_contact_details .nav_logo {margin-bottom: 25px; }
header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul {padding: 70px 40px 50px 30px; border: 1px solid rgb(255 255 255 / 30%); border-right: 0; border-radius: 60px 0 0 0; width: 100%; }
header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul li h5 {font-weight: 600; text-transform: uppercase; font-size: 15px; color: rgb(255 255 255); margin-bottom: 5px; letter-spacing: 2.5px; }
header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul li p, .offcanvas_block .nav_contact_details .nav_contact_box > ul li a,header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul li .duns {white-space: pre-line; color: rgb(255 255 255 / 74%); font-size: 17px; font-weight: 400; margin: 0 0 3px; display:block; }
header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul li+li {padding-top: 25px; }
header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul li .duns {color: rgb(255 255 255 / 74%); font-weight: 400; margin: 0; }
header .offcanvas .offcanvas_block .nav_contact_details .nav_contact_box > ul li .duns strong {font-weight: 500; color: #ffffff; }
header .offcanvas .offcanvas_block .nav_contact_details .other_links {display: block; position: relative; margin: -30px 0 0 0; padding: 0 40px 0 0px; }
header .offcanvas .offcanvas_block .nav_contact_details .other_links ul li a {position: relative; width: 60px; height: 60px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; font-size: 22px; color: #ffffff; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 0; transition: 0.4s; background: #196d53; }
header .offcanvas .offcanvas_block .nav_contact_details .other_links ul li a:before {content: ''; content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; background: #ffffff; border-radius: 50%; z-index: -1; transition: 0.4s; }
header .offcanvas .offcanvas_block .nav_contact_details .other_links ul li a:hover:before {width: 100%; height: 100%; bottom: 0; left: 0; top: auto; right: auto; }
header .offcanvas .offcanvas_block .nav_contact_details .other_links ul li a:hover {color: #444444; }
footer {background: #12684C; padding: 68px 0 30px 0; position: relative; }
footer .f_contact {display: block; }
footer .f_contact .logo {margin-bottom: 40px; }
footer .f_contact .f_address h5, footer .accordion-header button {font-size: 14px; font-weight: 600; text-decoration: underline; margin-bottom: 14px; color: #ffffff; text-transform: uppercase; }
footer .f_contact .f_address p,footer .f_contact .duns {color: rgb(255 255 255 / 85%); font-weight: 400; font-size: 15px; margin: 0; padding: 0; white-space: pre-line; }
footer .f_contact .duns {padding-top: 10px; }
footer .social_links {display: flex; flex-wrap: nowrap; gap: 3px; margin-top: 15px; width: 100%; }
footer .social_links li a {position: relative; width: 50px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; font-size: 22px; color: #ffffff; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 0; transition: 0.4s; }
footer .social_links a::before {content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; background: #ffffff; border-radius: 50%; z-index: -1; transition: 0.4s; }
footer .social_links a:hover {color: #12684C; }
footer .social_links a:hover::before {width: 100%; height: 100%; top: 0; right: 0; bottom: auto; left: auto; }
footer .accordion {width: 100%; justify-content: space-between; border: none; background: transparent; border-radius: 0; }
footer .accordion .accordion-item {padding: 0; background: transparent; border: none; border-radius: 0; position: relative; display: block; }
footer .accordion .accordion-item:nth-child(3) {width: 25%; }
footer .accordion .accordion-header {width: 100%; display: block; }
footer .accordion .accordion-item .accordion-button {border: none; border-radius: 0; background: transparent; box-shadow: none; padding: 0; display: block; font-size: 14px; font-weight: 600; text-decoration: underline; margin-bottom: 14px; color: #ffffff; text-transform: uppercase; position: relative; }
footer .accordion .accordion-item .accordion-button::after {filter: invert(1) brightness(2); position: absolute; right: 15px; background-size: 17px; }
footer .accordion .accordion-item .accordion-collapse .accordion-body {padding: 0; }
footer .accordion .accordion-body ul li {padding: 4px 0; line-height: 1.3; }
footer .accordion .accordion-body ul li a {color: rgb(255 255 255 / 85%); font-size: 15px; font-weight: 500; position: relative; line-height: 1.4; display: block; width: max-content; }
footer .copyright {border-top: 1px solid rgba(255, 255, 255, 0.26); padding: 30px 30px; margin-top: 35px; }
footer .copyright .copyright_text {display: flex; align-items: center; }
footer .copyright p {margin: 0; padding: 0; font-size: 15px; color: rgb(255 255 255 / 85%); font-weight: 500; display: flex; }
footer .copyright p a {color: unset; padding: 0 7px; }
footer .copyright p.webplus img {filter: invert(1) grayscale(1) brightness(2); opacity: 0.55; transition: 0.5s all; }
footer .copyright p.webplus:before {content: '|'; padding: 0 5px; }
footer .copyright p.webplus:hover img {
	opacity: 0.8;
}

section {
	position: relative;
}

.swiper-button-white:after {
	display: none;
}

/*preloader*/
.pre-loader {
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: 111111111;
	overflow: hidden;
}

.pre-loader #loader, .hide #loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	transition: all 0.9s;
	display: block !important;
	opacity: 1;
}

.pre-loader #loader img {
	max-height: 150px;
	transform: translate(0, -150px);
	position: relative;
	top: 150px;
	opacity: 1;
	visibility: visible;
	transition: all 1s;
	scale: 0.5;
	opacity: 0;
}

.pre-loader #loader.visible img {
	scale: 1;
	opacity: 1
}

.pre-loader #loader.hide img {
	visibility: hidden;
	opacity: 0;
	transform: translate(0, -150px)
}

.pre-loader:before, .pre-loader:after {
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 100%;
	width: 60%;
	transition: all 1.6s;
	top: 0;
	left: 0;
	content: "";
	opacity: 1;
	background: rgb(226, 238, 224);
}

.pre-loader:after {
	left: auto;
	right: 0;
}

.pre-loader.hide {
	visibility: hidden;
}

.pre-loader.hide:after,.pre-loader.hide:before {
	width: 0;
}

.pre-loader.hide #loader, .hide #loader {
	transform: translate(-50%, -250%);
	opacity: 0;
}

@keyframes rotate {
	from {
		transform: rotateY(0deg);
	}

	to {
		transform: rotateY(360deg);
	}
}

.btn-whatsapp-pulse {
	background: #25d366;
	color: #fff;
	position: fixed;
	left: -15px;
	bottom: 14px;
	font-size: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	z-index: 9;
	padding: 30px 30px 30px 30px;
	text-decoration: none;
	border-radius: 0% 50% 50% 0%;
	animation-name: whatsapppulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	opacity: 0;
	visibility: hidden;
}
.btn-whatsapp-pulse.scrolled {left: 0; opacity: 1; visibility: visible;}

@-webkit-keyframes whatsapppulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37,211,102,.5)
	}

	80% {
		box-shadow: 0 0 0 14px rgba(37,211,102,0)
	}
}

@keyframes whatsapppulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37,211,102,.5)
	}

	80% {
		box-shadow: 0 0 0 14px rgba(37,211,102,0)
	}
}

.modal-dialog button.btn-close {margin: 0 auto; padding: 0; opacity: 1; background: transparent; text-align: center; box-shadow: none; outline: none; transition: 0.4s all; height: 40px; position: relative; width: 40px; }
.modal-dialog button.btn-close:before, .modal-dialog button.btn-close:after {content: ''; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 6px; border-radius: 25px; transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); background: #1d6e53; border: 2px solid #ffffff; }
.modal-dialog button.btn-close:after {transform: translate(-50%, -50%) rotate(-45deg); }
.modal-dialog button.btn-close:hover {color: #12684c; }
.modal-dialog button.btn-close:hover:before {transform: translate(-50%, -50%) rotate(315deg); }
.modal-dialog button.btn-close:hover:after {transform: translate(-50%, -50%) rotate(45deg); }
.modal-dialog button.btn-close span {display: none; }
.fixed_contact {position: fixed; top: 50%; right: 0; z-index: 10; }
.fixed_contact ul {display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.fixed_contact a {width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 50% 0px 0px 50%; background: #E3EEE0; border: 1px solid #12684c1f; border-right: none; }
.fixed_contact a:hover {background: #12684c; }
.fixed_contact a:hover img {filter: invert(1) brightness(2); }
.fixed_contact a img {transition: 0.5s all; filter: invert(0) brightness(1); }
#product_fixed {background: rgb(18 104 76 / 50%);display: block;border-radius: 0 0 40px 40px;color: #ffffff;transition: 0.3s all;position: fixed;bottom: 155px;left: -85px;padding: 19px 20px 16px 20px;border: 2px solid rgb(238 241 229 / 15%);transform: rotate(-90deg);border-top: 0;text-transform: uppercase;font-size: 15px;letter-spacing: 1px;z-index: 9; opacity: 0; visibility: hidden; }
#product_fixed.scrolled {opacity: 1; visibility: visible;left: -71px;}

.box_listing {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 22px;
}
.box_listing li {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    background: rgb(18 104 76 / 8%);
    position: relative;
    padding: 24px 14px 24px 58px;
    border-radius: 0 14px 0;
    height: 100%;
    margin: 0;
    width: calc(33.33% - 15px);
    border: 1px solid rgb(18 104 76 / 18%);
}
.box_listing li {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    background: rgb(18 104 76 / 8%);
    position: relative;
    padding: 24px 14px 24px 58px;
    border-radius: 0 14px 0;
    height: auto;
    margin: 0;
    width: calc(33.33% - 15px);
    border: 1px solid rgb(18 104 76 / 18%);
}

.box_listing li:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 5px;
    width: 35px;
    height: 45px;
    background-image: url(../images/down.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-90deg);
}

.box_listing li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 100%;
    background: #ecf3f1;
    text-align: center;
    border-radius: 0 14px 0;
    border-right: 2px solid rgb(18 104 76 / 8%);
}