@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

@font-face {
	font-family: 'DIN';
	src: url('../fonts/din-black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/din-bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/din-light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/din-medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN';
	src: url('../fonts/din-regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--orange: #FF5100;
	--blue: #00B9F2;
	--dark-blue: #002261;
	--stroke-color: #DFDFDF;
}

body {
	background-color: #ffffff;
	font-family: 'DIN', sans-serif;
	transition: all 0.6s;
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background: #FF5100;
}

::-webkit-scrollbar-thumb {
	background: #002261;
	border-radius: 6px;
}


html {
	scrollbar-width: thin;
	scrollbar-color: #002261 #FF5100;
}

ul {
	padding: 0;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

a {
	text-decoration: none;
}

header {
	width: 100%;
}

.headtop--bar {
	padding: 8px 0;
	border-bottom: 1px solid var(--stroke-color);
}

.headtop--bar .container {
	display: flex;
	justify-content: space-between;
	padding: 0;
}

.headtop--bar .app--share {
	display: flex;
	align-items: center;
	gap: 15px;
}

.headtop--bar .app--share span {
	color: #B7B7B7;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.headtop--bar .app--share span i {
	margin-left: 15px;
	font-size: 20px;
	display: flex;
	margin-top: 1px;
}

.headtop--bar .app--share a img {
	height: 32px;
}

.topbar--control {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 25px;
}

.topbar--control .search--area {
	position: relative;
	display: flex;
	align-items: center;
}

.topbar--control .search--area:hover {
	border-radius: 46px;
	background: var(--card-style-bg-color, #F2F5F8);
	padding: 3px;
}

.topbar--control .search--area:hover button {
	margin-left: 5px;
}

.topbar--control .search--area:hover .inputsearcharea {
	max-width: 150px;
}

.inputsearcharea {
	max-width: 0px;
	overflow: hidden;
	transition: 0.6;
	transition: all 0.8s;
}

.inputsearcharea input {
	border: 0;
	margin-left: 10px;
	color: #002261;
	font-size: 13px;
	background: transparent;
	margin-bottom: 1px;
}

.topbar--control .search--area::after {
	content: "";
	position: absolute;
	background: var(--stroke-color);
	width: 1px;
	height: 18px;
	right: -14px;
	top: 7px;
}

.topbar--control .search--area button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	display: flex;
}

.topbar--control .search--area button img {
	height: 15px;
}

.topbar--control .follow--area {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.topbar--control .follow--area a:hover img {
	filter: brightness(0) saturate(100%) invert(26%) sepia(24%) saturate(7392%) hue-rotate(13deg) brightness(99%) contrast(101%);
}

.topbar--control .follow--area span {
	color: #B7B7B7;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.topbar--control .follow--area span i {
	margin-left: 10px;
	font-size: 20px;
	display: flex;
	margin-top: 1px;
}

.topbar--control .follow--area::after {
	content: "";
	position: absolute;
	background: var(--stroke-color);
	width: 1px;
	height: 18px;
	right: -14px;
	top: 5px;
}

.topbar--control .mail--area {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	margin-top: 2px;
}

.topbar--control .mail--area::after {
	content: "";
	position: absolute;
	background: var(--stroke-color);
	width: 1px;
	height: 18px;
	right: -14px;
	top: 3px;
}

.topbar--control .mail--area i {
	color: #1F386B;
	margin-top: 1px;
	float: left;
	margin-right: 6px;
	transition: all 0.6s;
}

.topbar--control .mail--area span {
	color: #1F386B;
	font-family: Outfit;
	font-size: 15px;
	font-weight: 400;
	transition: all 0.6s;
}

.topbar--control .mail--area a:hover span {
	color: var(--orange);
}

.topbar--control .mail--area a:hover i {
	color: var(--orange);
}

.topbar--control .lang--area {
	display: flex;
	margin-top: 2px;
	position: relative;
}

.topbar--control .lang--area:hover .langselect span {
	color: var(--orange);
}

.topbar--control .lang--area:hover .langselect i {
	color: var(--orange);
}

.topbar--control .lang--area:hover .langsublist {
	display: block;
}

.lang--area .langsublist {
	position: absolute;
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	background: #FFF;
	box-shadow: 0px 5px 9.7px -6px rgba(0, 0, 0, 0.25);
	z-index: 3;
	top: 25px;
	right: 0;
	min-width: 145px;
	display: none;
	transition: all 0.8s;
}

.topbar--control .lang--area .langsublist ul {
	width: 100%;
	list-style: none;
	margin: 0;
}

.topbar--control .lang--area .langsublist ul li {
	width: 100%;
	border-bottom: 1px solid #DFDFDF;
	position: relative;
}

.topbar--control .lang--area .langsublist ul li::after {
	content: "";
	width: 12px;
	height: 12px;
	background: #F2F5F8;
	border: 2px solid #DFDFDF;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	top: calc(50% - 6px);
}

.topbar--control .lang--area .langsublist ul li.active::after {
	background: url(/assets/img/langcheckicon.png);
	background-size: contain;
	background-repeat: no-repeat;
	border: 0;
}

.topbar--control .lang--area .langsublist ul li:nth-last-child(1) {
	border: none;
}

.topbar--control .lang--area .langsublist ul li a {
	width: 100%;
	display: flex;
	padding: 10px;
	align-items: center;
	gap: 7px;
	color: var(--darkblue, #002261);
	font-family: Outfit;
	font-size: 14px;
	font-weight: 400;
}

.topbar--control .lang--area .langsublist ul li a img {
	height: 15px;
	object-fit: contain;
}

.topbar--control .lang--area .langsublist ul li.active a {
	color: var(--orange, #FF5100);
	font-family: Outfit;
	font-weight: 500;
}



.topbar--control .lang--area .langselect {
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}

.topbar--control .lang--area .langselect i {
	color: #1F386B;
	float: left;
	transition: all 0.6s;
}

.topbar--control .lang--area .langselect:hover i,
.topbar--control .lang--area .langselect:hover span {
	color: var(--orange);
}

.topbar--control .lang--area .langselect span {
	color: #1F386B;
	font-family: Outfit;
	font-size: 15px;
	font-weight: 400;
	transition: all 0.6s;
}

header .mainmenu {
	width: 100%;
	display: flex;
	padding: 13px 0;
	border-bottom: 1px solid var(--stroke-color);
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


header .mainmenu.sticky {
	position: fixed;
	background: #fff;
	top: -1px;
	left: 0;
	z-index: 999;
	animation: slideInDown 0.4s ease-out forwards;
}

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

header .mainmenu .logo {
	height: 30px;
}

header .mainmenu .logo img {
	height: 100%;
}

header .mainmenu .menu--area {
	display: flex;
	align-items: center;
}

header .mainmenu .menu--area ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 0;
}

header .mainmenu .menu--area ul li {
	list-style: none;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

header .mainmenu .menu--area ul li ul li::after {
	content: "";
	background: url(/assets/img/megamenuafter.png);
	width: 15px;
	height: 15px;
	position: absolute;
	right: 9px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: calc(50% - 7px);
	opacity: 0;
	transition: all 0.6s;
}

header .mainmenu .menu--area ul li ul li:hover::after {
	opacity: 1;
	animation: fadeInLeft 0.4s ease forwards;
}

header .mainmenu .menu--area ul li:hover a {
	color: var(--orange);
}

header .mainmenu .menu--area ul li:hover ul li a {
	color: var(--darkblue, #002261);
}

header .mainmenu .menu--area ul li a {
	color: #1D3A6B;
	font-family: Outfit;
	font-size: 15px;
	font-weight: 400;
	transition: all 0.6s;
	gap: 10px;
}

header .mainmenu .menu--area ul li a:hover {
	color: var(--orange);
}

header .mainmenu .menu--area ul li.submenu::after {
	content: "\EA4E";
	font-family: 'remixicon';
}

header .mainmenu .menu--area ul li.submenu::after {
	transition: transform 0.3s;
	display: inline-block;
	transform: rotate(0deg);
}

header .mainmenu .menu--area ul li.submenu:hover::after {
	transform: rotate(180deg);
	color: var(--orange);
}

header .menu--area .demobtn {
	border-radius: 5px;
	background: #FF5100;
	color: #fff;
	font-family: Outfit;
	font-size: 15px;
	padding: 14px 15px;
	margin-left: 33px;
	font-weight: 400;
	transition: all 0.6s;
	position: relative;
}

header .menu--area .demobtn::before {
	content: "";
	position: absolute;
	left: -16px;
	top: 17px;
	width: 1px;
	height: 18px;
	background: var(--stroke-color);
}

header .menu--area .demobtn:hover {
	background: #cb4202;
}

header .mainmenu .menu--area ul li.submenu:hover .megamenu {
	max-height: 1000px;
	overflow: visible;
	opacity: 1;
}

header .megamenu {
	position: absolute;
	left: 0;
	width: 100%;
	top: 64px;
	max-height: 0px;
	overflow: hidden;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0), -2px 0 5px 1px rgba(0, 0, 0, .05);
	transition: all 0.4s;
	opacity: 0;
	background: #fff;
	z-index: 99;
}

header .megamenu .area {
	background: #FBFBFB;
	padding: 60px;
	display: flex;
	height: 100%;
	display: flex;
	align-items: center;
}

.boxlooking {
	position: relative;
	overflow: hidden;
	height: 290px;
	border: 1px solid var(--stroke-color);
	width: 100%;
}

.boxlooking::after {
	content: "";
	background: url(/assets/img/nozle-vector1.svg);
	width: 100px;
	height: 70px;
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: -5px;
}

.boxlooking img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left;
}

.boxlooking .text h4 {
	color: var(--dark-blue);
	font-size: 22px;
	font-weight: 900;
	line-height: 116.371%;
}

.boxlooking .text {
	position: absolute;
	right: 25px;
	width: 100%;
	max-width: 250px;
	top: 35px;
	display: flex;
	flex-flow: column;
	z-index: 8;
}

header .menu--area .boxlooking .text a {
	border-radius: 4px;
	background: var(--orange, #FF5100);
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	padding: 13px 18px;
	display: flex;
	align-items: center;
	margin-right: 0;
	margin-top: 10px;
	margin-left: auto;
}

header .menu--area .boxlooking .text a:hover {
	color: #fff;
	background: #bc3e04;
}

header .menu--area .boxlooking .text a i {
	margin-left: 8px;
}

header .menu--area .boxlooking .brlogo {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

header .menu--area .boxlooking .brlogo img {
	height: 28px;
	position: relative;
}

header .megamenualan {
	padding: 25px;
	padding-left: 30px;
	padding-right: 0;
}

header .megamenualan ul {
	margin-bottom: 0;
	display: flex;
	flex-flow: column;
	gap: 15px;
}

header .megamenualan ul li {
	width: 100%;
	position: relative;
}

header .megamenualan li a {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	gap: 15px;
}

header .megamenualan ul li .icon {
	width: 45px;
	height: 45px;
	border: 1px solid var(--stroke-color);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

header .megamenualan ul li .icon img {
	width: 100%;
	height: 100%;
	max-height: 25px;
	object-fit: contain;
}

header .megamenualan li a span {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	transition: all 0.6s;
}

header .megamenualan li a:hover span {
	color: var(--orange, #FF5100);
}

header .megamenualan h3 {
	color: var(--orange, #FF5100);
	text-align: justify;
	font-size: 22px;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 35px;
}

header .menu--area .fullmenu {
	margin-top: 30px;
	display: flex;
	justify-content: end;
}

header .menu--area .megamenu .fullmenu a {
	color: #B7B7B7;
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
}

header .menu--area .megamenu .fullmenu a i {
	margin-left: 10px;
}

header .megamenualan .row .col-md-4 {
	position: relative;
}

header .megamenualan .row .col-md-4:nth-last-child(1) {
	padding-right: 0;
}

header .megamenualan .row .col-md-4::after {
	content: "";
	width: 1px;
	height: 100%;
	background: #DFDFDF;
	position: absolute;
	right: 9px;
	top: 0;
}

header .megamenualan .row .col-md-4:nth-last-child(1)::after {
	content: none;
}

header .megamenualan .megamenu2 label {
	color: #B7B7B7;
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 25px;
}

header .megamenualan .megamenu2 ul li a {
	color: var(--darkblue, #002261);
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
}

header .megamenualan .megamenu2 ul li:hover a {
	color: var(--orange, #FF5100) !important;
}

header .submenulist {
	position: absolute;
	max-height: 0px;
	overflow: hidden;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0), -2px 0 5px 1px rgba(0, 0, 0, .05);
	transition: all 0.4s;
	opacity: 0;
	top: 51px;
	z-index: 99;
	background: #fff;
}

header .submenu.two {
	position: relative;
}

header .submenu:hover .submenulist {
	max-height: 1000px;
	overflow: visible;
	opacity: 1;
}

header .submenulist .alan ul {
	display: flex;
	flex-flow: column;
	gap: 0px;
}

header .submenulist .alan ul li {
	min-width: 230px;
	position: relative;
}

header .submenulist .alan ul li a {
	display: flex;
	width: 100%;
	padding: 15px;
	color: var(--darkblue, #002261);
	text-align: justify;
	font-weight: 500;
	border-top: 1px solid var(--stroke-color);
}

header .submenulist .alan ul li a:hover {
	background: #F2F5F8;
}

.breadcumb {
	width: 100%;
	border-bottom: 1px solid var(--stroke-color);
	padding: 12px 0;
}

.breadcumb .container {
	padding: 0;
}

.breadcumb ul {
	margin-bottom: 0;
	display: flex;
	list-style: none;
	gap: 27px;
	align-items: center;
}

.breadcumb ul img {
	display: flex;
	margin-top: -2px;
}

.breadcumb ul li {
	position: relative;
	display: flex;
	min-height: 20px;
}

.breadcumb ul li::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #203C6C;
	border-bottom: 1px solid #203C6C;
	transform: rotate(-45deg);
	position: absolute;
	right: -14px;
	top: 7px;
}

.breadcumb ul li a {
	color: #203C6C;
	font-family: Outfit;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
}

.breadcumb ul li:nth-last-child(1)::after {
	content: none;
}

.swal2-container {
	z-index: 9999999;
}

.freedemo--section {
	width: 100%;
	padding: 65px 0;
	text-align: center;
	position: relative;
}

.freedemo--section .descriptionp {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.freedemo--section::before {
	content: "";
	background: url(/assets/img/bg-aftermap.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
}

.freedemo--section h1 {
	color: var(--orange, #FF5100);
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 23px;
}

.freedemo--section h2 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.freedemo--section p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 60px;
}

.freedemo--section .freedemo-btn {
	border-radius: 5px;
	background: var(--orange, #FF5100);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 20px 40px;
	position: relative;
	transition: all 0.6s;
	z-index: 2;
}

.freedemo--section .freedemo-btn::before {
	content: "";
	border-radius: 8px;
	border: 1px solid #FE5D25;
	position: absolute;
	left: -7px;
	top: -7px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	transition: all 0.6s;
	background: transparent;
	z-index: -1;
}

.freedemo--section .freedemo-btn:hover::before {
	background: var(--orange);
}

.regustlist--icon {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top: -70px;
	position: relative;
}

.regustlist--icon::after {
	content: "";
	background: url(/assets/img/requstafter.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 700px;
	position: absolute;
	top: -350px;
	bottom: 0;
	z-index: -1;
}

.regustlist--icon .icon {
	width: 109px;
	height: 109px;
	margin-bottom: 10px;
	border-radius: 50%;
	border: 1px solid var(--stroke-color);
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	transition: all 0.6s;
	position: relative;
}

.regustlist--icon .icon::after {
	content: "";
	background: url(/assets/img/iconafterism.png);
	width: calc(100% + 18px);
	height: calc(100% + 18px);
	position: absolute;
	left: -9px;
	bottom: -9px;
	background-size: contain;
	transition: all 0.6s;
	max-width: 0px;
}

.regustlist--icon .item:hover .icon::after {
	opacity: 1;
	max-width: calc(100% + 18px);
}

.regustlist--icon .icon img {
	max-width: 60px;
	max-height: 60px;
}

.regustlist--icon span {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

.regustlist--icon .item:nth-child(1) {
	margin-left: 30px;
}

.regustlist--icon .item:nth-child(2) {
	margin-top: 200px;
}

.regustlist--icon .item:nth-child(3) {
	margin-top: 280px;
}

.regustlist--icon .item:nth-child(4) {
	margin-top: 280px;
}

.regustlist--icon .item:nth-child(5) {
	margin-top: 200px;
}

.regustlist--icon .item:nth-child(6) {
	margin-right: 30px;
}

.freedemo--section .scrolldown {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-flow: column;
	margin: 0 auto;
	text-align: center;
	left: 0;
	width: auto;
	background: #ffffff;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.332) 0%, rgba(255, 255, 255, 1) 100%);
	width: 100%;
	z-index: 999;
	height: 120px;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.freedemo--section .scrolldown.hidden {
	opacity: 0;
	pointer-events: none;
}

.freedemo--section .scrolldown svg {
	height: 50px;
	object-fit: contain;
	margin: 0 auto;
	margin-bottom: 2px;
}

.freedemo--section .scrolldown span {
	color: #203C6C;
	font-family: Outfit;
	font-size: 12px;
	font-weight: 400;
}

.reguistion--section {
	width: 100%;
	border-top: 1px solid var(--stroke-color);
	padding: 150px 0;
	margin-top: 30px;
}

.reguistion--section h6 {
	color: var(--orange, #FF5100);
	font-size: 24px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.reguistion--section h2 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 25px;
}

.reguistion--section p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 400;
}

.reguistion--section ul {
	margin-bottom: 40px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding: 0px 50px;
}

.reguistion--section ul li {
	width: 50%;
	list-style: none;
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
}

.reguistion--section ul li i {
	color: var(--orange);
	font-size: 20px;
	margin-right: 5px;
}

.reguistion--section .item {
	border-radius: 16px;
	border: 1px solid #EFEFEF;
	background: #FFF;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	padding: 70px 20px;
	height: 100%;
	align-items: center;
	min-height: 270px;
	transition: all 0.6s;
}

.reguistion--section .item:hover {
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	background: var(--card-style-bg-color, #F2F5F8);
}

.reguistion--section .item img {
	height: 50px;
	object-fit: contain;
	margin-bottom: 20px;
}

.reguistion--section .item span {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}

.herolist--section {
	width: 100%;
}

.herolist--section .item-hero {
	width: 100%;
	padding: 150px 0;
	border-top: 1px solid var(--stroke-color);
	overflow: hidden;
	position: relative;
}

.herolist--section .item-hero .img {
	width: 100%;
	max-width: calc(100% - 90px);
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.herolist--section .item-hero .img img {
	object-fit: contain;
	width: 100%;
	max-height: 570px;
}

.herolist--section .item-hero .img video {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: 10px;
}

.herolist--section .item-hero .img .lottie-container {
	width: 100%;
	height: 400px;
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.herolist--section .item-hero .img .lottie-container svg {
	max-width: 100%;
	max-height: 100%;
}

.herolist--section .item-hero .text {
	width: 100%;
}

.herolist--section .item-hero .text h6 {
	color: #FE5D25;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 18px;
}

.herolist--section .item-hero .text h3 {
	color: var(--darkblue, #002261);
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 30px;
}

.herolist--section .item-hero .text p {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
}

.herolist--section .item-hero .text ul {
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.herolist--section .item-hero .text ul li {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
	display: flex;
}

.herolist--section .item-hero .text ul li i {
	color: var(--orange);
	margin-right: 9px;
}

.herolist--section .item-hero .heroimg {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	z-index: -1;
}

.herolist--section .item-hero .heroimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.herolist--section .item-hero:nth-child(2) .img {
	padding-right: 0;
	padding-left: 90px;
}

.herolist--section .item-hero:nth-child(2) .heroimg {
	right: 0 !important;
	left: auto;
}

.herolist--section .item-hero:nth-child(4) .img {
	padding-right: 0;
	padding-left: 90px;
}

.herolist--section .item-hero:nth-child(4) .heroimg {
	right: 0;
	left: auto;
}

.herolist--section .item-hero .hero--applist {
	display: flex;
	gap: 10px;
}

.hero--applist img {
	height: 40px;
}

.integrations--section {
	width: 100%;
}

.integrations--section .container {
	display: flex;
	text-align: center;
	flex-flow: column;
}

.integrations--section span {
	border-radius: 11px;
	background: var(--orange, #FF5100);
	color: #FFF;
	font-size: 20px;
	font-weight: 500;
	padding: 9px 18px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.integrations--section h3 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.integrations--section p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 40px;
}

.integrations--section .img {
	width: 100%;
}

.integrations--section .img img {
	width: 100%;
	object-fit: contain;
	height: 570px;
}

.testimonials--section {
	width: 100%;
	padding: 30px 0;
	margin-top: 30px;
}

.testimonials--section h3 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.testimonials--section p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 40px;
}

.testimonials--section .testimonial-item {
	border: 1px solid #F3F3F3;
	border-radius: 8px;
	padding: 35px 50px;
	display: flex;
	align-items: center;
	flex-flow: nowrap;
}

.testimonials--section .testimonial-item .testimonial-img {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	min-width: 110px;
	margin-right: 50px;
	border: 7px solid #00B9F2;
	position: relative;
}

.testimonials--section .testimonial-item .testimonial-img::before {
	content: "";
	background: #0092DA20;
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	border-radius: 50%;
	position: absolute;
	left: -15px;
	top: -15px;
	z-index: -1;
}

.testimonials--section .testimonial-item .testimonial-img::after {
	content: "";
	background: transparent;
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	border-radius: 50%;
	position: absolute;
	left: -30px;
	top: -30px;
	z-index: -1;
	border: 1px solid #0092DA14;
}

.testimonials--section .testimonial-item .testimonial-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonials--section .testimonial-item .testimonial-img .partner {
	position: absolute;
	border: 1px solid #F3F3F3;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	padding: 10px;
	background: #fff;
	left: -35px;
	top: 15px;
}

.testimonials--section .testimonial-item .testimonial-img .partner img {
	object-fit: contain;
}

.testimonials--section .testimonial-item .testimonial-text {
	display: flex;
	flex-flow: column;
}

.testimonials--section .testimonial-item .testimonial-text span {
	position: relative;
	color: var(--darkblue, #002261);
	font-size: 20px;
	font-weight: 700;
	padding-top: 42px;
	margin-bottom: 40px;
}

.testimonials--section .testimonial-item .testimonial-text span::before {
	content: "";
	background: url(/assets/img/beforetestimobials.svg);
	width: 36px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

.testimonials--section .testimonial-item .testimonial-text h5 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
}

.testimonials--section .testimonial-item .testimonial-text h6 {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 400;
}

.testimonials--section .swiper-control {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	margin-top: 20px;
	align-items: center;
}

.testimonials--section .swiper-pagination {
	width: auto;
	position: relative;
	display: flex;
	gap: 30px;
	margin-top: 20px;
}

.testimonials--section .swiper-button-next-testimonials {
	border-radius: 43px;
	background: var(--darkblue, #002261);
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 27px;
	display: flex;
	justify-content: center;
	margin-left: 30px;
	cursor: pointer;
	transition: all 0.6s;
}

.testimonials--section .swiper-button-next-testimonials:hover {
	background: var(--orange);
}

.testimonials--section .swiper-button-next-testimonials:hover i {
	animation: h2MoveRight 0.6s infinite;
}

.testimonials--section .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: var(--darkblue, #002261);
	opacity: 1;
	position: relative;
	transition: all 0.5s;
}

.testimonials--section .swiper-pagination-bullet:hover {
	background: var(--orange);
}

.testimonials--section .swiper-pagination-bullet::before {
	content: "";
	border-radius: 12px;
	border: 1px solid var(--darkblue, #002261);
	width: 16px;
	height: 16px;
	position: absolute;
	left: -3px;
	top: -3px;
}

.testimonials--section .swiper-pagination-bullet::after {
	content: "";
	width: 0;
	height: 2px;
	background: var(--orange);
	position: absolute;
	left: 18px;
	top: 4px;
	transition: all 0.6s;
}

.testimonials--section .swiper-pagination-bullet-active {
	background: var(--orange);
}

.testimonials--section .swiper-pagination-bullet-active::before {
	border: 1px solid var(--orange);
}

.testimonials--section .swiper-pagination-bullet-active::after {
	width: 20px;
}

.testimonials--section .swiper-pagination-bullet:nth-last-child(1)::after {
	left: -29px;
}

footer {
	width: 100%;
	margin-top: 50px;
}

.partnerfooter-list {
	float: left;
	width: 100%;
	border-top: 1px solid var(--stroke-color);
	padding: 40px 0;
}

.partnerfooter-list .container {
	display: flex;
	align-items: center;
}

.partnerfooter-list span {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 500;
	max-width: 230px;
	margin-right: 30px;
	position: relative;
	line-height: 24px;
}

.partnerfooter-list span::after {
	content: "";
	background: var(--stroke-color);
	width: 1px;
	height: 83px;
	position: absolute;
	right: -40px;
	top: 20px;
	z-index: 2;
}

.partnerfooter-list img {
	width: 100%;
	height: 120px;
	object-fit: contain;
}

.demofooter--bar {
	width: 100%;
	padding: 35px 0;
	background: var(--dark-blue);
	display: flex;
	text-align: center;
	justify-content: center;
	flex-flow: column;
	position: relative;
}

.demofooter--bar::before {
	content: "";
	background: url(/assets/img/demobefore.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 700px;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.demofooter--bar::after {
	content: "";
	background: url(/assets/img/demoafter.png);
	position: absolute;
	right: 0;
	top: 0;
	width: 700px;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.demofooter--bar h3 {
	color: #FFF;
	text-align: center;
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 35px;
}

.demofooter--bar a {
	background: var(--orange);
	color: #FFF;
	margin: 0 auto;
	padding: 13px 30px;
	border-radius: 6px;
	font-size: 17px;
	display: flex;
	align-items: center;
	padding-right: 15px;
	transition: all 0.5s;
}

.demofooter--bar b {
	background: var(--orange);
	color: #FFF;
	margin: 0 auto;
	border-radius: 6px;
	font-size: 17px;
	display: flex;
	align-items: center;
	padding-right: 15px;
	transition: all 0.5s;
}

.demofooter--bar a:hover {
	background: #ed4d03;
}

.demofooter--bar a i {
	font-size: 24px;
	margin-left: 20px;
}

.footer--area {
	width: 100%;
	padding-top: 50px;
}

.container-full {
	width: 100%;
	max-width: 100%;
	padding: 0 80px;
}

.footerlogo img {
	height: 40px;
	object-fit: contain;
	margin-bottom: 17px;
}

.footerdesc {
	color: var(--Secondary-400, #596780);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	max-width: 370px;
}

.aboutfooter a {
	color: var(--orange, #FF5100);
	text-align: justify;
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}

.aboutfooter a i {
	font-weight: normal;
	margin-right: 10px;
}

.aboutfooter button {
	background: transparent;
	padding: 0;
	border: 0;
	margin-left: 15px;
	margin-top: -2px;
}

.aboutfooter span {
	display: block;
	width: 100%;
	margin-top: 30px;
	color: var(--dark-blue);
	margin-bottom: 15px;
}

.footermap {
	width: 100%;
	height: 230px;
	margin-bottom: 20px;
}

.footermap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.footermail {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	flex-flow: column;
}

.footermail span {
	color: #143263;
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 5px;
}

.footermail .input {
	width: 100%;
	position: relative;
	max-width: 230px;
}

.footermail .input input {
	width: 100%;
	border: 1px solid var(--stroke-color);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	padding: 12px;
	border-radius: 8px;
	transition: all 0.6s;
}

.footermail .input input:focus {
	border-color: #DFDFDF;
	background: #F2F5F8;
}

.footermail .input input::placeholder {
	color: #DFDFDF;
}

.footermail .input button {
	padding: 0;
	background: transparent;
	border: 0;
	position: absolute;
	right: 10px;
	top: 13px;
	color: var(--dark-blue);
}

.footermenulist {
	width: 100%;
	padding-left: 50px;
}

.footermitem {
	width: 100%;
}

.footermitem label {
	color: #B7B7B7;
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	margin-bottom: 20px;
}

.footermitem ul {
	list-style: none;
}

.footermitem ul li {
	margin-bottom: 15px;
}

.footermitem ul li a {
	color: var(--darkblue, #002261);
	text-align: justify;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.6s;
}

.footermitem ul li a:hover {
	color: var(--orange);
}

.footer-end {
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid var(--stroke-color);
}

.footer-end .follow--area {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	margin-bottom: 15px;
}

.footer-end .follow--area a:hover img {
	filter: brightness(0) saturate(100%) invert(26%) sepia(24%) saturate(7392%) hue-rotate(13deg) brightness(99%) contrast(101%);
}

.footer-end .follow--area span {
	color: #B7B7B7;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.footer-end .follow--area span i {
	margin-left: 10px;
	font-size: 20px;
	display: flex;
	margin-top: 1px;
}

.footer-end .footer-c {
	color: #B7B7B7;
	text-align: justify;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}

.footer-end .footer-terms ul {
	list-style: none;
	display: flex;
	gap: 15px;
	margin-bottom: 0;
}

.footer-end .footer-terms ul li {
	position: relative;
}

.footer-end .footer-terms ul li::after {
	content: ".";
	color: var(--dark-blue);
	position: absolute;
	left: -10px;
}

.footer-end .footer-terms ul li a {
	color: #B7B7B7;
	font-size: 16px;
	font-weight: 400;
	transition: all 0.6s;
}

.footer-end .footer-terms ul li a:hover {
	color: var(--dark-blue);
}

.footer-end .footer-terms ul li:nth-child(1)::after {
	content: "";
}

.footer-certifaces {
	display: flex;
	align-items: start;
}

.footer-certifaces span {
	color: #B7B7B7;
	font-size: 16px;
	font-weight: 500;
	margin-right: 20px;
	display: flex;
	align-items: center;
}

.footer-certifaces span i {
	margin-left: 10px;
}

.footer-certifaces img {
	height: 90px;
	object-fit: contain;
}

.footer-end .app--share {
	display: flex;
	align-items: center;
	gap: 15px;
}

.footer-end .app--share span {
	color: #B7B7B7;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.footer-end .app--share span i {
	margin-left: 15px;
	font-size: 20px;
	display: flex;
	margin-top: 1px;
}

.footer-end .app--share a img {
	height: 40px;
}

.scrolldown {
	display: flex;
	flex-direction: column;
	align-items: center;
	user-select: none;
}

.scrolldown svg {
	display: block;
	/* Remove animation from svg itself */
}

.scrolldown .arrow-anim {
	animation: arrow-move 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation-delay: 0.3s;
}

.scrolldown .line-anim1 {
	animation: line-move1 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation-delay: 0s;
}

.scrolldown .line-anim2 {
	animation: line-move2 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation-delay: 0.5s;
}

@keyframes arrow-move {

	0%,
	60% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(8px);
	}

	90%,
	100% {
		transform: translateY(0);
	}
}

@keyframes line-move1 {

	0%,
	20% {
		opacity: 0.53;
		transform: translateY(0);
	}

	35% {
		opacity: 1;
		transform: translateY(8px);
	}

	50%,
	100% {
		opacity: 0.53;
		transform: translateY(0);
	}
}

@keyframes line-move2 {

	0%,
	50% {
		opacity: 0.53;
		transform: translateY(0);
	}

	65% {
		opacity: 1;
		transform: translateY(8px);
	}

	80%,
	100% {
		opacity: 0.53;
		transform: translateY(0);
	}
}

.bigtitle-vs {
	width: 100%;
	background: #FAFAFA;
	padding: 50px 0;
	margin-bottom: 50px;
	position: relative;
}

.bigtitle-vs::before {
	content: "";
	background: url(/assets/img/bigtitlevsbefore.png);
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 70%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.bigtitle-vs::after {
	content: "";
	background: url(/assets/img/bigtitlevsafter.png);
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	height: 90%;
	position: absolute;
	right: 0;
	top: 0;
	background-position: right;
}

.bigtitle-vs h1 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
}

.bigtitle-vs p {
	color: var(--darkblue, #002261);
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

.bloglist--area {
	width: 100%;
	margin-bottom: 50px;
}

.blogsidebar {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 24px;
}

.blogsidebar .backbtn a {
	color: #B7B7B7;
	font-weight: 500;
	transition: all 0.6s;
}

.blogsidebar .backbtn a:hover {
	color: var(--orange, #FF5100);
	text-decoration: none;
}

.blogsidebar .backbtn {
	margin-bottom: -9px;
}

.blogsidebar .backbtn a i {
	margin-right: 5px;
}

.blogsidebar--cat,
.blogsidebar--poposts,
.blogsidebar--follow {
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	padding: 20px;
}

.blogsidebar--cat h4,
.blogsidebar--poposts h4,
.blogsidebar--follow h4 {
	color: #1F3B6B;
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 20px;
}

.blogsidebar--cat ul {
	list-style: none;
	margin-bottom: 0;
	display: flex;
	flex-flow: column;
	gap: 15px;
	width: 100%;
}

.blogsidebar--cat ul li {
	width: 100%;
}

.blogsidebar--follow ul li {
	margin-bottom: 0px !important;
}

.blogsidebar--follow ul li a {
	color: #002261;
	border-radius: 4px;
	font-size: 21px;
}

.blogsidebar--cat ul li a {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
	width: 100%;
	display: block;
	transition: all 0.6s;
}

.blogsidebar--cat ul li a:hover {
	color: var(--orange, #FF5100);
}

.blogsidebar--poposts .list--poposts {
	display: flex;
	flex-flow: column;
	gap: 20px;
}

.blogsidebar--poposts .list--poposts .item {
	width: 100%;
	border-bottom: 1px solid var(--stroke-line-color, #DFDFDF);
	padding-bottom: 20px;
}

.blogsidebar--poposts .list--poposts .item h5 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
	transition: all 0.6s;
	margin-bottom: 15px;
}

.blogsidebar--poposts .list--poposts .item h5:hover {
	color: var(--orange, #FF5100);
}

.blogsidebar--poposts .list--poposts .item .publish {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}

.blogsidebar--poposts .list--poposts .item .publish span {
	color: var(--darkblue, #002261);
	font-size: 14px;
	font-weight: 500;
}

.blogsidebar--poposts .list--poposts .item .publish .readtime {
	color: #7F9699;
	font-size: 14px;
	font-weight: 400;
}

.blogsidebar--follow ul {
	list-style: none;
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.sidebar--bannerad {
	width: 100%;
}

.sidebar--bannerad .boxlooking .text a {
	border-radius: 4px;
	background: var(--orange, #FF5100);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 13px 18px;
	display: flex;
	align-items: center;
	margin-right: 0;
	margin-top: 10px;
	margin-left: auto;
}

.sidebar--bannerad .boxlooking .text a:hover {
	color: #fff;
	background: #dc4804;
}

.sidebar--bannerad .boxlooking .text a i {
	margin-left: 8px;
}

.sidebar--bannerad .boxlooking .brlogo {
	position: absolute;
	right: 15px;
	bottom: 15px;
	text-align: right;
}

.sidebar--bannerad .boxlooking .brlogo img {
	height: 28px;
	position: relative;
}

.sidebar--bannerad .boxlooking .text h4 {
	font-size: 17px;
	line-height: 24px;
}

.sidebar--bannerad .boxlooking .text {
	max-width: 50%;
}

.sidebar--bannerad .boxlooking img {
	width: 55%;
	object-fit: cover;
	object-position: right;
}

.sidebar--bannerad .boxlooking .brlogo img {
	object-fit: contain;
	height: 43px;
}

.bloglist--alan {
	width: 100%;
}

.bloglist--alan .col-md-6 {
	margin-bottom: 20px;
}

.bloglist--alan .item {
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	height: 100%;
}

.bloglist--alan .item .img {
	width: 100%;
	height: 286px;
}

.bloglist--alan .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bloglist--alan .item .text {
	width: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #DFDFDF;
	padding: 18px;
	border-top: 0;
	height: 100%;
}

.bloglist--alan .item .cat {
	width: 100%;
	color: var(--darkblue, #002261);
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	transition: all 0.6s;
}

.bloglist--alan .item .cat:hover {
	color: var(--orange, #FF5100);
}

.bloglist--alan .item .publis {
	width: 100%;
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
	align-items: center;
}

.bloglist--alan .item .publis span {
	color: var(--darkblue, #002261);
	font-size: 14px;
	font-weight: 500;
	align-items: center;
}

.bloglist--alan .item .publis .readtime {
	color: #7F9699;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	height: 12px;
}

.bloglist--alan .item .publis .readtime::before {
	content: "";
	width: 4px;
	height: 4px;
	background: #002261;
	position: absolute;
	left: -11px;
	top: 4px;
	border-radius: 50%;
}

.bloglist--alan .item h2 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 0px;
	transition: all 0.6s;
	text-decoration: none;
}

.bloglist--alan .item:hover h2 {
	text-decoration: underline;
}

.bloglist--alan .item p {
	color: #1F3B6B;
	font-size: 16px;
	font-weight: 400;
}

.pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 50px 0;
}

.pagination ul {
	margin-bottom: 0;
	list-style: none;
	display: flex;
	gap: 10px;
}

.pagination ul li a {
	border-radius: 6px;
	border: 1px solid var(--Gray-Text-color, #797B7C);
	width: 54px;
	height: 54px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: #00205C;
}

.pagination ul li.active a {
	border-radius: 6px;
	color: #fff;
	background: #FF5100;
	border-color: #FF5100;
}

.blogdetail--content {
	width: 100%;
	margin-top: 40px;
}

.blogdetail--content .blogdetail--img {
	width: 100%;
	height: 480px;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 25px;
}

.blogdetail--content .blogdetail--img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blogdetail--content .cat {
	color: var(--darkblue, #002261);
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
}

.blogdetail--content .publis {
	width: 100%;
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
}

.blogdetail--content .publis span {
	color: var(--darkblue, #002261);
	font-size: 14px;
	font-weight: 500;
	align-items: center;
}

.blogdetail--content .publis .readtime {
	color: #7F9699;
	font-size: 14px;
	font-weight: 400;
	position: relative;
}

.blogdetail--content .publis .readtime::before {
	content: "";
	width: 4px;
	height: 4px;
	background: #002261;
	position: absolute;
	left: -11px;
	top: 9px;
	border-radius: 50%;
}

.blogdetail--content h2 {
	color: var(--darkblue, #002261);
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
}

.blogdetail--content p {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
}

.blogdetail--content h3 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}

.blogdetail--content h4 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.blogdetail--content ul {
	padding-left: 20px;
}

.blogdetail--content ul li {
	margin-bottom: 15px;
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
}

.contactpage--content {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 40px;
}

.contact-locations {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 15px;
}

.contact-locations h6 {
	width: 100%;
	text-align: center;
	color: #FE5D25;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 0;
}

.contact-locations h2 {
	color: #1F3B6B;
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 0;
}

.contact-locations p {
	color: #1F3B6B;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 850px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.contact-locations .item {
	width: 100%;
	border: 1px solid #DFDFDF;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
}

.contact-locations .item .name {
	width: 100%;
	padding: 13px 26px;
	background: #002261;
	color: var(--white, #FFF);
	font-size: 16px;
	font-weight: 700;
}

.contact-locations .item .bialn {
	width: 100%;
	padding: 17px;
}

.contact-locations .item .img {
	width: 100%;
	border-radius: 5px;
	height: 147px;
	overflow: hidden;
	margin-bottom: 18px;
}

.contact-locations .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contact-locations .item ul {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
	list-style: none;
	padding-left: 5px;
	margin-bottom: 5px;
}

.contact-locations .item ul li {
	width: 100%;
	display: flex;
	gap: 12px;
	flex-flow: nowrap;
	align-items: center;
}

.contact-locations .item ul li img {
	object-fit: contain;
	width: 18px;
	height: 22px;
}

.contact-locations .item ul li span {
	color: #1F3B6B;
	font-size: 17px;
	font-weight: 500;
}

.contact--touch {
	width: 100%;
	margin-top: 50px;
	background: #002261;
	padding: 200px 10px;
	position: relative;
}

.contact--touch::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(/assets/img/touchworl.png);
	width: 100%;
	height: 100%;
	background-size: 95%;
	background-repeat: no-repeat;
	background-position: center 20%;
}

.contact--touch .container {
	display: flex;
	flex-flow: column;
	position: relative;
}

.contact--touch h2 {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 25px;
}

.contact--touch h2 span {
	color: var(--orange);
}

.contact--touch p {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 60px;
}

.contact--touch p a {
	color: #fff;
}

.contact--touch p span {
	font-weight: bold;
}

.contact--touch .item {
	width: 100%;
	border-radius: 12px;
	border: 0.5px solid rgba(0, 185, 242, 0.11);
	background: #00205C;
	height: 100%;
	padding: 60px 20px;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-flow: column;
}

.contact--touch .item h4 {
	color: var(--white, #FFF);
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	width: 100%;
	margin-bottom: 15px;
}

.contact--touch .item h4 span {
	color: #00B9F2;
}

.contact--touch .item p {
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	max-width: 254px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.contact--touch .item a {
	color: var(--blue, #00B9F2);
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	transition: all 0.6s;
}

.contact--touch .item a:hover {
	color: var(--orange, #FF5100);
}

.contact--touch .item a:hover i {
	animation: h2MoveRight 0.6s infinite;
}

.contact--touch .contactform {
	width: 100%;
	border: 1px solid #D8D8D8;
	background: #fff;
	border-radius: 12px;
	margin-top: 60px;
	padding: 55px;
	position: relative;
}

.contact--touch .contactform::before {
	content: "";
	background: url(/assets/img/contactofrmafter.png);
	width: 50%;
	height: 100%;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}

.contact--touch .list .row {
	margin: 0 auto;
	max-width: 1000px;
}

.contact--touch .contactform .text {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	padding-right: 30px;
	position: relative;
}

.contact--touch .contactform .text h2 {
	color: var(--darkblue, #002261);
	font-size: 48px;
	font-weight: 700;
	line-height: 106.947%;
	text-align: left;
	margin-bottom: 15px;
}

.contact--touch .contactform .text p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	line-height: initial;
	margin-bottom: 0;
}

.contact--touch .contactform .inputitem {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 10px;
	margin-bottom: 24px;
	position: relative;
}

.contact--touch .contactform .inputitem input {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 12px 19px;
	border-radius: 5px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.contact--touch .contactform .custom-select {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 12px 19px;
	border-radius: 5px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
}

.contact--touch .contactform .inputitem input::placeholder,
.contact--touch .contactform textarea::placeholder {
	color: #002261ed;
}

.contact--touch .contactform textarea {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 12px 19px;
	border-radius: 5px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	min-height: 148px;
	margin-bottom: 25px;
}

.contact--touch .contactform button {
	border-radius: 5px;
	background: #FF5100;
	width: 100%;
	border: 0;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 14px 10px;
	transition: all 0.6s;
}

.contact--touch .contactform .submit {
	border-radius: 5px;
	background: #FF5100;
	width: 100%;
	border: 0;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	padding: 14px 10px;
	transition: all 0.6s;
}

.contact--touch .contactform select {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 13px 19px;
	border-radius: 5px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
}

.contact--touch .contactform .submit:hover {
	background: #dd4701;
}

.contact--touch .contactform button:hover {
	background: #dd4701;
}

.clients--content {
	width: 100%;
	padding: 20px 0;
}

.clients--content .megatitle {
	width: 100%;
	margin-bottom: 30px;
}

.clients--content .megatitle h2 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 18px;
}

.clients--content .megatitle p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
}

.clients--list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e1e5e9;
	border-left: 1px solid #e1e5e9;
	margin-bottom: 50px;
}

.clients--list .item {
	flex: 0 0 25%;
	max-width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	border-right: 1px solid #e1e5e9;
	border-bottom: 1px solid #e1e5e9;
	border-top: none;
	border-left: none;
	box-sizing: border-box;
}

.swal2-confirm {
	background: #FF5100;
	min-width: 100px;
	border-radius: 10px;
}

.swal2-confirm:hover {
	background: #dd4701;
}

.clients--list .item img {
	width: 100%;
	object-fit: contain;
	max-height: 170px;
}

.clients--content .desctext {
	width: 100%;
	margin-bottom: 50px;
}

.clients--content .desctext h3 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.clients--content .desctext p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 25px;
}

.clients--content .desctext h4 {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
}

.solutions--content {
	width: 100%;
	padding: 10px 0;
}

.solutions--content .megatitle {
	width: 100%;
	margin-bottom: 50px;
}

.solutions--content .megatitle h5 {
	color: var(--orange, #FF5100);
	font-size: 24px;
	font-weight: 500;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.solutions--content .megatitle h2 {
	color: #1F3B6B;
	text-align: center;
	font-size: 44px;
	font-weight: 700;
}

.solutions--content .item {
	width: 100%;
	background: #fff;
	border: 1px solid #F3F3F3;
	border-radius: 10px;
	padding: 30px;
	display: flex;
	flex-flow: column;
	height: 100%;
	position: relative;
	transition: all 0.6s;
}

.solutions--content .item:hover {
	border-color: #DFDFDF;
	background: #F2F5F8;
}

.solutions--content .item:hover::after {
	animation: h2MoveRight 0.6s infinite;
	filter: brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(4344%) hue-rotate(6deg) brightness(87%) contrast(105%);
}

.solutions--content .item::after {
	content: "";
	background: url(/assets/img/aftericon.png);
	width: 20px;
	height: 15px;
	position: absolute;
	right: 26px;
	bottom: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.solutions--content .item .icon {
	border-radius: 10px;
	border: 1px solid var(--card-style-bg-color, #F2F5F8);
	background: var(--white, #FFF);
	display: flex;
	width: 85px;
	height: 85px;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.solutions--content .item h4 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
	transition: all 0.6s;
}

.solutions--content .item p {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 400;
	max-width: 250px;
	margin-bottom: 0;
	transition: all 0.6s;
}

.solutions--content .col-md-4 {
	margin-bottom: 24px;
}

.requestdemo .contact--touch {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 60px;
}

.requestdemo {
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-bottom: -50px;
}

.terms--content {
	width: 100%;
}

.terms--content h2 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 20px;
}

.terms--content p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
}

.certificates--explorelist {
	width: 100%;
	margin-bottom: 90px;
}

.certificates--explorelist h2 {
	color: #1F3B6B;
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	width: 100%;
	margin-bottom: 50px;
}

.certificates--explorelist .list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.certificates--explorelist .item-ex {
	flex: 1 1 2;
	max-width: 32%;
	min-width: 280px;
	background: #fff;
	border: 1px solid #F3F3F3;
	border-radius: 10px;
	padding: 30px;
	display: flex;
	flex-flow: column;
	height: auto;
	position: relative;
	transition: all 0.6s;
}

.certificates--explorelist .item-ex:hover {
	border-color: #DFDFDF;
	background: #F2F5F8;
}

.certificates--explorelist .item-ex::after {
	content: "";
	background: url(/assets/img/downloadicon.png);
	width: 20px;
	height: 15px;
	position: absolute;
	right: 26px;
	bottom: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

@keyframes bounceDownUp {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(5px);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(5px);
	}

	100% {
		transform: translateY(0);
	}
}

.certificates--explorelist .item-ex:hover::after {
	animation: bounceDownUp 1.6s ease forwards infinite;
	filter: brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(4344%) hue-rotate(6deg) brightness(87%) contrast(105%);
}

.certificates--explorelist .item-ex .icon {
	border-radius: 10px;
	border: 1px solid var(--card-style-bg-color, #F2F5F8);
	background: var(--white, #FFF);
	display: flex;
	width: 85px;
	height: 85px;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.certificates--explorelist .item-ex h4 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
}

.certificates--explorelist .item-ex p {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 400;
	max-width: 300px;
	margin-bottom: 0;
}

.certificates--explorelist .item-ex .icon img {
	width: 50px;
	height: 40px;
	object-fit: contain;
}

.certificates--content {
	width: 100%;
	padding-top: 15px;
}

.certificates--content .certificates--bigtext {
	width: 100%;
	margin-bottom: 50px;
}

.certificates--bigtext .text {
	width: 100%;
}

.certificates--bigtext .text h4 {
	color: #1F3B6B;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.certificates--bigtext .text p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
}

.certificates--bigtext .isolist {
	width: 100%;
	height: 270px;
	padding-left: 50px;
}

.certificates--bigtext .isolist img {
	width: 100%;
	object-fit: contain;
	height: 100%;
	margin-top: 20px;
}

.certificates--list {
	width: 100%;
	margin-bottom: 100px;
}

.certificates--list .item {
	width: 100%;
	background: #fff;
	border: 1px solid #F3F3F3;
	border-radius: 10px;
	padding: 30px;
	display: flex;
	flex-flow: column;
	height: 100%;
	position: relative;
	transition: all 0.6s;
}

.certificates--list .item:hover {
	border-color: #DFDFDF;
	background: #F2F5F8;
}

.certificates--list .item::after {
	content: "";
	background: url(/assets/img/aftericon.png);
	width: 20px;
	height: 15px;
	position: absolute;
	right: 26px;
	bottom: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.6s;
}

.certificates--list .item:hover::after {
	animation: h2MoveRight 0.6s infinite;
	filter: brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(4344%) hue-rotate(6deg) brightness(87%) contrast(105%);
}

.certificates--list .item .icon {
	border-radius: 10px;
	border: 1px solid var(--card-style-bg-color, #F2F5F8);
	background: var(--white, #FFF);
	display: flex;
	width: 85px;
	height: 85px;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.certificates--list .item h4 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
}

.certificates--list .item p {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 400;
	max-width: 300px;
	margin-bottom: 0;
}

.certificates--list .col-md-4 {
	margin-bottom: 24px;
}

.certificates--list .item .icon img {
	width: 50px;
	height: 40px;
	object-fit: contain;
}

#backToTopBtn {
	width: 55px;
	height: 55px;
	background: #002261;
	position: fixed;
	right: 13px;
	bottom: 130px;
	z-index: 9999;
	border: 1px solid #ffffff80;
	transition: all 0.6s;
}


.about--content {
	width: 100%;
	padding-top: 10px;
}

.aboutvideo--area {
	width: 100%;
	margin-bottom: 80px;
}

.aboutvideo--area h2 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 35px;
}

.aboutvideo--area p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 690px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.aboutvideo--area .videoalan {
	width: 100%;
	background: #D9D9D9;
	height: 720px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.aboutvideo--area .videoalan button {
	background: transparent;
	border: 0;
}

.changecabout--cn {
	width: 100%;
	margin-bottom: 100px;
}

.changecabout--cn h2 {
	width: 100%;
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 40px;
}

.changecabout--cn p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 690px;
	margin: 0 auto;
	margin-bottom: 90px;
}

.changecabout--cn .stepmap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 50px;
}

.changecabout--cn .stepmap .item {
	width: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	position: relative;
}

.changecabout--cn .stepmap .item::after {
	content: "";
	background: #DFDFDF;
	width: calc(100% + 27px);
	position: absolute;
	left: calc(50% + 14px);
	top: -22px;
	height: 1px;
}

.changecabout--cn .stepmap .item:nth-last-child(1)::after {
	display: none;
}

.changecabout--cn .stepmap .item b {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.changecabout--cn .stepmap .item span {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

.changecabout--cn .stepmap .item b::before {
	content: "";
	background: url(/assets/img/stepmapicon.png);
	width: 55px;
	height: 55px;
	position: absolute;
	top: -50px;
	margin-left: -5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.ouroffices--con {
	width: 100%;
	margin-bottom: 70px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.ouroffices--con h2 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
}

.ouroffices--con p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 690px;
	margin: 0 auto;
	margin-bottom: 50px;
	position: relative;
	z-index: 2;
}

.ouroffices--con .freedemo-btn {
	border-radius: 5px;
	background: var(--orange, #FF5100);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 20px 40px;
	position: relative;
	transition: all 0.6s;
	z-index: 2;
	margin: 0 auto;
}

.ouroffices--con .freedemo-btn::before {
	content: "";
	border-radius: 8px;
	border: 1px solid #FE5D25;
	position: absolute;
	left: -7px;
	top: -7px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	transition: all 0.6s;
	background: transparent;
	z-index: -1;
}

.ouroffices--con .freedemo-btn:hover::before {
	background: var(--orange);
}

.ouroffices--con .map {
	width: 100%;
	height: 780px;
	margin-top: -160px;
	position: relative;
}

.ouroffices--con .map svg {
	width: 100%;
}

.ouroffices--con .map .text {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 120px;
	color: #002261;
	font-size: 33px;
}

.about-desccont {
	width: 100%;
	margin-bottom: 80px;
}

.about-desccont .row .col-md-6 {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.about-desccont .img {
	width: calc(100% - 50px);
	height: 560px;
	overflow: hidden;
	background: #002261;
	border-radius: 15px;
	padding: 50px;
}

.about-desccont .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.about-desccont .text {
	width: 100%;
}

.about-desccont .text h3 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.about-desccont .text p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
}

.aboutexplore-commits {
	width: 100%;
	margin-bottom: 90px;
}

.aboutexplore-commits h2 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 25px;
}

.aboutexplore-commits p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 690px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.aboutexplore-commits .commit-card {
	width: 100%;
	background: var(--card-style-bg-color, #F2F5F8);
	border-radius: 15px;
}

.aboutexplore-commits .commit-card img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: 15px 15px 0 0;
}

.aboutexplore-commits .commit-card h4 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
}

.aboutexplore-commits .commit-card span {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 400;
}

.aboutexplore-commits .commit-card .txs {
	width: 100%;
	padding: 17px;
}

.certificates--explorelist.about .item-ex {
	flex: 1;
}

.aboutwhy-nozzle {
	width: 100%;
	background: var(--darkblue, #002261);
	padding: 50px 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: center;
	position: relative;
}

.aboutwhy-nozzle::before {
	content: "";
	position: absolute;
	background: url(/assets/img/whyworldmap.png);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.aboutwhy-nozzle h2 {
	font-size: 44px;
	font-weight: 700;
	background: linear-gradient(90deg, #FFF 39.9%, #00B9F2 76.19%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 30px;
}

.aboutwhy-nozzle p {
	color: var(--white, #FFF);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 70px;
}

.aboutwhy-nozzle .list {
	width: 100%;
	display: flex;
	gap: 20px;
	max-width: 750px;
	margin: 0 auto;
	justify-content: space-between;
	margin-bottom: 25px;
}

.aboutwhy-nozzle .list .item {
	display: flex;
	flex-flow: column;
}

.aboutwhy-nozzle .list .item b {
	color: var(--white, #FFF);
	text-align: center;
	font-size: 96px;
	font-weight: 400;
	letter-spacing: -9.6px;
	margin-bottom: -15px;
}

.aboutwhy-nozzle .list .item span {
	color: var(--white, #FFF);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 150px;
	margin: 0 auto;
}

.homepagecontent {
	width: 100%;
}

.megaslider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 30px 0;
	background: #002261;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 70px;
	padding-top: 40px;
	max-height: 2500px;
}

.megaslider::before {
	content: "";
	background: url(/assets/img/megaslidermap.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.4;
}

.megaslider .megaslideimg {
	width: 100%;
	height: 530px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 55px;
}

.megaslideimg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.megaslider .megaslideitem {
	position: relative;
	text-align: center;
}

.megaslider .megaslideitem h2 {
	width: 100%;
	color: var(--white, #FFF);
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #004256;
	font-size: 65px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.megaslider .megaslideitem h2 i {
	font-size: 35px;
	height: 30px;
}

.megaslider .megaslideitem h2.two {
	color: #FF5100;
	-webkit-text-stroke-width: 0px;
}

.megaslider .megaslideitem h2.three {
	color: #00B9F2;
	-webkit-text-stroke-width: 0px;
}

.megaslider .megaslideitem {
	position: relative;
}

.megaslider .megaslideitem h2 {
	position: relative;
	z-index: 2;
	letter-spacing: 1px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.megaslider .megaslideitem .h2-anim-wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 1;
}

.megaslider .megaslideitem h2.animated-h2 {
	position: absolute;
	width: 100%;
	pointer-events: none;
	user-select: none;
	font-size: 65px;
	opacity: 1;
	filter: blur(0.5px) brightness(1.1);
	transition: filter 0.2s;
}

.megaslider .megaslideitem h2.two.animated-h2 {
	color: #FF5100;
	left: 0;
	top: 0;
}

.megaslider .megaslideitem h2.three.animated-h2 {
	color: #00B9F2;
	left: 0;
	top: 0;
}

@keyframes h2MoveRight {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(3px, 0);
	}

	100% {
		transform: translate(0, 0);
	}
}

@keyframes h2MoveLeft {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(-3px, 0);
	}

	100% {
		transform: translate(0, 0);
	}
}

.megaslider .megaslideitem h6 {
	color: var(--white, #FFF);
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #004256;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 40px;
	z-index: 2;
	position: relative;
}

.megaslider .megaslideitem .h6-anim-wrap {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 1;
}

.megaslider .megaslideitem h6.animated-h2 {
	position: absolute;
	width: 100%;
	pointer-events: none;
	user-select: none;
	font-size: 44px;
	opacity: 1;
	filter: blur(0.5px) brightness(1.1);
	transition: filter 0.2s;
}

.megaslider .megaslideitem h6.two.animated-h2 {
	color: #FF5100;
	left: 0;
	top: 0;
}

.megaslider .megaslideitem h6.three.animated-h2 {
	color: #00B9F2;
	left: 0;
	top: 0;
}

.megaslideitem .h6animatedarea {
	position: relative;
}

.megaslideitem .btnlist {
	width: 100%;
	margin-bottom: 60px;
	display: flex;
	justify-content: center;
	gap: 15px;
}

.megaslideitem .btnlist a.learch {
	border-radius: 5px;
	background: var(--orange, #FF5100);
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	padding: 14px 20px;
	transition: all 0.6s;
}

.megaslideitem .btnlist a.learch:hover {
	background: #cb4202;
}

.megaslideitem .btnlist a.reqdemo {
	border-radius: 5px;
	background: transparent;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	padding: 14px 20px;
	transition: all 0.6s;
}

.megaslideitem .btnlist a.reqdemo:hover {
	color: var(--orange);
}

.megaslider .swiper-button-nexthome {
	position: absolute;
	right: 40px;
	cursor: pointer;
	z-index: 999;
}

.megaslider .swiper-button-nexthome svg circle,
.megaslider .swiper-button-nexthome svg path {
	transition: all 0.6s;
}

.megaslider .swiper-button-nexthome:hover svg circle {
	fill: #FF5100;
}

.megaslider .swiper-button-nexthome:hover svg path {
	stroke: #fff;
	animation: h2MoveRight 0.6s infinite;
}

.swiper-button-prevhome svg circle,
.swiper-button-prevhome svg path {
	transition: all 0.6s;
}

.megaslider .swiper-button-prevhome:hover svg circle {
	fill: #FF5100;
}

.megaslider .swiper-button-prevhome:hover svg path {
	stroke: #fff;
	animation: h2MoveLeft 0.6s infinite;
}

@-webkit-keyframes rotateIn {
	from {
		transform-origin: center;
		transform: rotate3d(0, 0, 1, -200deg);
	}

	to {
		transform-origin: center;
		transform: none;
	}
}

@keyframes rotateIn {
	from {
		transform-origin: center;
		transform: rotate3d(0, 0, 1, -200deg);
	}

	to {
		transform-origin: center;
		transform: none;
	}
}

.megaslider .swiper-button-prevhome {
	position: absolute;
	left: 40px;
	z-index: 999;
	cursor: pointer;
}

.megaslider .swiper-paginationhome {
	position: absolute;
	bottom: 40px;
	z-index: 10;
	left: auto;
	right: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 26px;
}

.megaslider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
	opacity: 1;
	position: relative;
	transition: all 0.6s;
}

.megaslider .swiper-pagination-bullet:hover {
	background: #FF5100;
}

.megaslider .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	left: -3px;
	top: -3px;
}

.megaslider .swiper-pagination-bullet-active {
	background: #FF5100;
}

.megaslider .swiper-pagination-bullet-active::before {
	border-color: #FF5100;
}

.megaslider .swiper-pagination-bullet::after {
	content: "";
	width: 0;
	height: 2px;
	background: var(--orange);
	position: absolute;
	left: 18px;
	top: 5px;
	transition: all 0.6s;
}

.megaslider .swiper-pagination-bullet-active::after {
	width: 20px;
}

.megaslider .swiper-pagination-bullet:nth-last-child(1)::after {
	left: -27px;
}

.home-about--section {
	width: 100%;
	padding: 60px 0;
}

.home-about--section .bigtitle {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 25px;
	padding: 40px 10px;
	position: relative;
}

.home-about--section .bigtitle::before {
	content: "";
	position: absolute;
	background: url(/assets/img/abouttitlebefore.png);
	width: 100%;
	position: absolute;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	left: 0;
	top: 0;
	z-index: -1;
}

.home-about--section .homeaboutdesc {
	width: 100%;
	text-align: center;
}

.home-about--section .homeaboutdesc p {
	color: var(--darkblue, #002261);
	font-size: 17px;
	font-weight: 400;
	margin-bottom: 0;
}

.home-about--section .homeaboutdesc a.morebtn {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.home-about--section .homeaboutdesc a.morebtn i {
	height: 24px;
}

.home-about--section .moredesc {
	max-height: 0px;
	overflow: hidden;
}

.home-about--section .homeaboutdesc .moredesc.active {
	max-height: 500px;
	transition: max-height 0.4s ease;
	margin-bottom: 20px;
}

.home-about--section .homeaboutdesc .moredesc {
	transition: max-height 0.4s ease;
}

.home-about--section .about-slide-item {
	width: 100%;
	height: 160px;
}

.home-about--section .about-slide-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.aboutswiper-home {
	width: 100%;
	margin-top: 100px;
}

.homecomplex--content {
	width: 100%;
	padding: 100px 10px;
	background: var(--darkblue, #002261);
}

.homecomplex--content .img {
	width: 100%;
	height: 565px;
}

.homecomplex--content .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.homecomplex--content .text {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.homecomplex--content .text h3 {
	color: #FFF;
	font-size: 48px;
	font-weight: 900;
	line-height: 68px;
	margin-bottom: 20px;
}

.homecomplex--content .text h4 {
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 20px;
}

.homecomplex--content .text p {
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
}

.homevessel-content {
	width: 100%;
	padding: 90px 0;
}

.homevessel-content .img {
	height: 578px;
	width: 100%;
}

.homevessel-content .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.homevessel-content .text {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.homevessel-content .text h4 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 20px;
}

.homevessel-content .text p {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 25px;
}

.homevessel-content .text ul {
	list-style: none;
	display: flex;
	flex-flow: column;
	gap: 14px;
}

.homevessel-content .text ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
}

.homevessel-content .text ul li i {
	color: #F15222;
}

.freedemo--bar {
	width: 100%;
	padding: 90px 10px;
	background: var(--darkblue, #002261);
	margin-top: 30px;
	text-align: center;
	position: relative;
}

.freedemo--bar::after {
	content: "";
	background: url(/assets/img/thefastafter.png);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.freedemo--bar::before {
	content: "";
	background: var(--darkblue, #002261);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0.93;
}

.freedemo--bar h2 {
	color: var(--white, #FFF);
	font-size: 50px;
	font-weight: 200;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}

.freedemo--bar h2 b {
	font-weight: 800;
}

.freedemo--bar h2 span {
	color: #00B9F2;
	font-weight: 800;
}

.freedemo--bar h5 {
	color: var(--white, #FFF);
	font-size: 37px;
	font-weight: 400;
	margin-bottom: 55px;
	position: relative;
	z-index: 2;
}

.freedemo--bar .freedemo-btn {
	border-radius: 5px;
	background: var(--orange, #FF5100);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding: 13px 30px;
	position: relative;
	transition: all 0.6s;
	z-index: 2;
}

.freedemo--bar .freedemo-btn::before {
	content: "";
	border-radius: 8px;
	border: 1px solid #FE5D25;
	position: absolute;
	left: -7px;
	top: -7px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	transition: all 0.6s;
	background: transparent;
	z-index: -1;
}

.freedemo--bar .freedemo-btn:hover::before {
	background: var(--orange);
}

.faq--section {
	width: 100%;
	padding: 100px 0;
}

.faq--section .accordion-button:not(.collapsed) {
	color: var(--orange);
}

.faq--section h6 {
	color: #FE5D25;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
}

.faq--section h3 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
}

.faq--section .faqlist {
	width: 100%;
	margin-top: 50px;
}

.faq--section .faqlist .accordion-item {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #DFDFDF;
	padding: 10px 0;
	background: transparent;
}

.faq--section .accordion-button {
	box-shadow: none;
	border: none;
	background: transparent;
	color: #1F3B6B;
	font-size: 28px;
	font-weight: 700;
	padding-right: 5%;
}

.faq--section .accordion-item .accordion-button::after {
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq--section .accordion-item:hover .accordion-button::after {
	animation: rotateIn 0.5s forwards;
}

.faq--section .accordion-item:not(:hover) .accordion-button::after {
	animation: rotateOut 0.5s forwards;
}

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

	to {
		transform: rotate(180deg);
	}
}

@keyframes rotateOut {
	from {
		transform: rotate(180deg);
	}

	to {
		transform: rotate(0deg);
	}
}

.faqlist .accordion-button::after {
	position: absolute;
	right: 10px;
	background: url(/assets/img/plusicon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.6s;
	content: "";
	width: 24px;
	height: 24px;
}

.faqlist .accordion-button:not(.collapsed)::after {
	background: url(/assets/img/neplusicon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.homereuest--content {
	width: 100%;
	background: #002261;
	padding: 150px 0;
}

.homereuest--content h2 {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 48px;
	font-weight: 700;
	line-height: 68px;
	margin-bottom: 50px;
}

.homereuest--content h2 span {
	color: #00B9F2;
	font-weight: 700;
}

.homereuest--content .list {
	width: 100%;
	display: flex;
	justify-content: center;
}

.homereuest--content .list .row {
	max-width: 980px;
}

.homereuest--content .item {
	width: 100%;
	border-radius: 12px;
	border: 0.5px solid rgba(0, 186, 242, 0.061);
	background: #00205C;
	height: 100%;
	text-align: center;
	padding: 25px 15px;
}

.homereuest--content .item img {
	height: 100px;
	object-fit: contain;
	margin-bottom: 15px;
	min-height: 100px;
	max-height: 100px;
}

.homereuest--content .item h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}

.homereuest--content .item h3 span {
	color: #00B9F2;
}

.homereuest--content .item p {
	margin-bottom: 0;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
}

.homereuest--content .formarea {
	width: 100%;
	justify-content: center;
	margin-top: 90px;
}

.homereuest--content .formarea .requestsendform {
	background: #fff;
	border: 1px solid rgba(0, 185, 242, 0.11);
	max-width: 640px;
	margin: 0 auto;
	border-radius: 15px;
	padding: 20px;
	position: relative;
}

.homereuest--content .formarea .requestsendform::before {
	content: "";
	background: url(/assets/img/requestbefore.png);
	width: 100%;
	position: absolute;
	height: 90px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: -102px;
	left: 0;
}

.homereuest--content .formarea .requestsendform h3 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 68px;
}

.homereuest--content .formarea .requestsendform h3 span {
	color: var(--orange, #FF5100);
}

.homereuest--content .formarea .requestsendform input {
	width: 100%;
	border: 0.5px solid var(--stroke-line-color, #DFDFDF);
	background: var(--white, #FFF);
	padding: 12px;
	margin-bottom: 18px;
	color: #002261;
	font-weight: 500;
}

.homereuest--content .formarea .requestsendform input::placeholder {
	color: #002261;
}

.homereuest--content .formarea .requestsendform textarea {
	width: 100%;
	border: 0.5px solid var(--stroke-line-color, #DFDFDF);
	background: var(--white, #FFF);
	padding: 12px;
	margin-bottom: 18px;
	color: #002261;
	font-weight: 500;
	min-height: 100px;
}

.homereuest--content .formarea .requestsendform textarea::placeholder {
	color: #002261;
}

.homereuest--content .formarea .requestsendform button {
	width: 100%;
	background: #FF5100;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	padding: 15px 5px;
	margin-top: 5px;
	transition: all 0.6s;
}

.homereuest--content .formarea .requestsendform button:hover {
	background: #cb4202;
}

.homereuest--content .formarea .requestsendform .formsubmit {
	width: 100%;
	background: #FF5100;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	padding: 15px 5px;
	margin-top: 5px;
	transition: all 0.6s;
}

.homereuest--content .formarea .requestsendform .formsubmit:hover {
	background: #cb4202;
}

.homecompanyinfo--content {
	width: 100%;
	padding: 90px 0;
}

.homecompanyinfo--content .text {
	width: 100%;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.homecompanyinfo--content .text h2 {
	color: var(--darkblue, #002261);
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}

.homecompanyinfo--content .text h6 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 30px;
}

.homecompanyinfo--content .text p {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	max-width: 758px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.homecompanyinfo--content .bx-list {
	max-width: 850px;
	margin: 0 auto;
}

.homecompanyinfo--content .bx-list .item {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-flow: wrap;
}

.homecompanyinfo--content .bx-list .item img {
	max-height: 60px;
	object-fit: contain;
	max-width: 60px;
}

.homecompanyinfo--content .bx-list .item .tx-bx {
	display: flex;
	flex-flow: column;
	text-align: left;
}

.homecompanyinfo--content .bx-list .item .icon {
	max-height: 60px;
}

.homecompanyinfo--content .bx-list .item .tx-bx span {
	color: var(--orange, #FF5100);
	font-size: 16px;
	font-weight: 700;
}

.homecompanyinfo--content .bx-list .item .tx-bx b {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
}

.homecompanyinfo--content .ceo {
	margin-top: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.homecompanyinfo--content .ceo .tx-bx {
	display: flex;
	flex-flow: column;
	text-align: left;
	padding-left: 20px;
}

.homecompanyinfo--content .ceo .tx-bx b {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
}

.homecompanyinfo--content .ceo .tx-bx span {
	color: var(--orange, #FF5100);
	font-size: 16px;
	font-weight: 700;
}

.homecompanyinfo--content .map {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	padding-top: 100px;
	position: relative;
}

.homecompanyinfo--content .map::before {
	content: "";
	background: url(/assets/img/compmapimg.png);
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.homecompanyinfo--content .hero {
	width: 100%;
	height: 580px;
}

.homecompanyinfo--content .hero img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mobilmenubtn {
	display: none;
}

.error404page {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/*min-height: 100vh;*/
	padding: 50px 10px;
}

.error404page .errorlogo {
	width: 100%;
	margin-bottom: 90px;
}

.error404page .errorlogo img {
	height: 60px;
}

.error404page .img {
	width: 100%;
	height: 280px;
	margin-bottom: 25px;
}

.error404page .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.error404page h2 {
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 50px;
}

.error404page a.backgopage {
	background: #FF5100;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	padding: 20px 20px;
	border-radius: 8px;
	transition: all 0.6s;
}

.error404page a.backgopage:hover {
	background: #e24902;
}

.error404page a i {
	margin-left: 15px;
}

.homepageSwiper {
	width: 100%;
	display: block;
}

.megaslider .pagination {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	z-index: 10;
	bottom: 0;
	position: absolute;
	padding: 40px 0;
	display: flex;
	justify-content: center;
	gap: 34px;
}

.megaslider .pagination .dot {
	width: 12px;
	height: 12px;
	background: #fff;
	opacity: 1;
	position: relative;
	transition: all 0.6s;
	border-radius: 50%;
	cursor: pointer;
}

.megaslider .pagination .dot:hover {
	background: var(--orange);
}

.megaslider .pagination .dot::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	left: -3px;
	top: -3px;
}

.pagination .dot:nth-last-child(1)::after {
	left: -27px;
}

.pagination .dot::after {
	content: "";
	width: 0;
	height: 2px;
	background: var(--orange);
	position: absolute;
	left: 18px;
	top: 5px;
	transition: all 0.6s;
}

.pagination .dot.active::after {
	width: 20px;
}

.pagination .dot.active {
	background: var(--orange);
}

.pagination .dot.active::before {
	border-color: var(--orange);
}

.megaslider .slider-container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	min-height: 100vh;
}

.megaslider .slide {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 50px;
	color: white;
	user-select: none;
	transition: transform 0.6s ease, opacity 0.6s ease;
	will-change: transform, opacity;
	opacity: 0;
	pointer-events: none;
	z-index: 0;
}

.megaslider .slide.active {
	pointer-events: auto;
	opacity: 1;
	z-index: 10;
	transform: translateX(0);
}

.megaslider .slide.next {
	z-index: 5;
	opacity: 1;
	transform: translateX(100%);
}

.custom-dropdown {
	position: relative;
	width: 100%;
}

.custom-dropdown .dropdown-toggle::after {
	display: none;
}

.custom-dropdown.open svg {
	transform: rotate(180deg);
}

.dropdown-toggle {
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 12px 40px 12px 16px;
	font-size: 16px;
	color: #002261;
	text-align: left;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.custom-dropdown button {
	background: var(--white, #FFF) !important;
	border: 1px solid #DFDFDF !important;
	padding: 12px 19px !important;
	border-radius: 5px !important;
	color: #002261 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.dropdown-toggle svg {
	margin-left: 8px;
	transition: all 0.6s;
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	z-index: 10;
	margin-top: 4px;
	padding: 0;
	list-style: none;
}

.dropdown-menu li {
	padding: 12px 16px;
	cursor: pointer;
	font-size: 16px;
	color: #002261;
}

.dropdown-menu li:hover,
.dropdown-menu li.active {
	background: #F5F7FA;
}

.custom-dropdown.open .dropdown-menu {
	display: block;
}

#searchResults {
	position: absolute;
	display: block;
	background: var(--card-style-bg-color, #F2F5F8);
	border-radius: 10px;
	padding: 10px;
	font-size: 15px;
	width: 300px;
	left: 0;
	top: 38px;
	z-index: 99;
}

.inputsearcharea:focus-within {
	max-width: 150px;
}

.search--area:focus-within {
	border-radius: 46px;
	background: var(--card-style-bg-color, #F2F5F8);
	padding: 3px;
}

.search--area:focus-within button {
	margin-left: 5px;
}

.search-result {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}

.search-result a {
	color: #333;
}

.cookiebar {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: var(--darkblue, #002261);
	padding: 10px 10px;
	z-index: 9999;
	display: none;
}

.cookiebar.show {
	display: block;
}

.cookiebar .text {
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
}

.cookiebar .text p {
	margin-bottom: 0px;
}

.cookiebar .cookiesettings {
	border: 1px solid var(--orange, #FF5100);
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	background: transparent;
	padding: 10px 15px;
	transition: all 0.6s;
	float: right;
	margin-top: 5px;
}

.cookiebar .cookiesettings:hover {
	background: var(--orange, #FF5100);
}

.form-switch {
	display: flex;
	align-items: center;
	gap: 8px;
}

.form-switch input[type="checkbox"] {
	display: none;
}

.form-switch .slider {
	width: 56px;
	height: 24px;
	background: #002261;
	border-radius: 24px;
	position: relative;
	cursor: pointer;
	transition: background 0.3s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 6px;
	box-sizing: border-box;
	font-size: 13px;
}

.form-switch .slider:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	transition: transform 0.3s;
	z-index: 1;
}

.form-switch input[type="checkbox"]:checked+.slider {
	background: #FF5100;
}

.form-switch input[type="checkbox"]:checked+.slider:before {
	transform: translateX(32px);
}

.form-switch .switch-text,
.form-switch .switch-text-off {
	position: relative;
	z-index: 2;
	font-weight: 700;
	transition: color 0.3s;
}

.form-switch .switch-text {
	color: #FF5100;
}

.form-switch .switch-text-off {
	color: #ccc;
	font-weight: 400;
}

.form-switch input[type="checkbox"]:checked+.slider .switch-text {
	color: #fff;
}

.form-switch input[type="checkbox"]:checked+.slider .switch-text-off {
	color: #fff;
	opacity: 0;
}

.form-switch input[type="checkbox"]:not(:checked)+.slider .switch-text {
	color: #fff;
	opacity: 0;
}

.form-switch input[type="checkbox"]:not(:checked)+.slider .switch-text-off {
	color: #FF5100;
}

.sendecokkie {
	border-radius: 5px;
	background: #FF5100;
	font-weight: bold;
	font-size: 17px;
	width: 100%;
	border: 0;
	color: #fff;
	padding: 12px 10px;
	margin-top: 15px;
	cursor: pointer;
}

.sendecokkie {
	border-radius: 5px;
	background: #FF5100;
	font-weight: bold;
	font-size: 17px;
	width: 100%;
	border: 0;
	color: #fff;
	padding: 12px 10px;
	margin-top: 15px;
	cursor: pointer;
}

.contactmodalform .submit {
	border-radius: 5px;
	background: #FF5100;
	font-weight: bold;
	font-size: 17px;
	width: 100%;
	border: 0;
	color: #fff;
	padding: 12px 10px;
	margin-top: 15px;
	cursor: pointer;
}

.contactmodalform input {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 10px 15px;
	border-radius: 5px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
}

.contactmodalform .col-md-6 {
	margin-bottom: 15px;
}

.contactmodalform select {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 12px 19px;
	border-radius: 5px;
	color: #002261;
	font-size: 15px;
	font-weight: 500;
	width: 100%;
}

.contactmodalform input::placeholder,
.contactmodalform textarea::placeholder {
	color: #002261ed;
	font-weight: 400;
}

.contactmodalform textarea {
	background: var(--white, #FFF);
	border: 1px solid #DFDFDF;
	padding: 12px 19px;
	border-radius: 5px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	min-height: 148px;
	margin-bottom: 5px;
}

.custom-checkbox {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}

.checbox-terms .item {
	display: flex;
	flex-flow: wrap;
	gap: 10px;
	align-items: center;
}

.checbox-terms .item span {
	font-size: 15px;
	font-weight: normal;
}

.checbox-terms .item span a {
	color: #FF5100;
}

.checkbox-terms {
	margin-bottom: 10px;
}

.custom-checkbox input {
	opacity: 0;
	width: 0;
	height: 0;
}

.custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	border-radius: 5px;
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	background: var(--white, #FFF);
}

.custom-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.custom-checkbox input:checked~.checkmark:after {
	display: block;
}

.custom-checkbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 6px;
	height: 12px;
	border: solid #FF5100;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.modallogo {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-left: 25px;
}

.modallogo img {
	height: 30px;
}

.modallogo span {
	color: #1F386B;
	font-family: Outfit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.cokielist .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	border: 1px solid #DFDFDF;
	border-radius: 10px;
	margin-bottom: 10px;
}

.cokielist .item span {
	color: #1F386B;
	font-family: Outfit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.cokielist .item b {
	color: var(--blue, #00B9F2);
	font-family: Outfit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#cookieModal .modal-header {
	padding: 0;
}

#cookieModal .btn-close {
	background: #002261;
	opacity: 1;
	width: 55px;
	height: 55px;
	background-color: #002261;
	margin: 0;
	border-radius: 0;
	color: #fff;
	font-size: 25px;
}

.cookiemodalalan p {
	color: #1F386B;
	font-family: Outfit;
	font-size: 14px;
	font-weight: 400;
}

.cookiemodalalan h3 {
	width: 100%;
	color: #1F3B6B;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 11px;
}

#cookieModal {
	z-index: 9999999;
}

#contactModal .modal-header {
	padding: 0;
}

#contactModal .btn-close {
	background: #002261;
	opacity: 1;
	width: 55px;
	height: 55px;
	background-color: #002261;
	margin: 0;
	border-radius: 0;
	color: #fff;
	font-size: 25px;
}

#contactModal {
	z-index: 9999999;
}

.a-center {
	align-items: center;
}

.j-center {
	justify-content: center;
}

.wh-border {
	border-color: #fff !important;
	margin-right: 10px;
}

.wh-border:hover {
	background: #fff !important;
	color: #F15222;
}

.careerspagelist {
	width: 100%;
	padding-bottom: 50px;
}

.careerspagelist h2 {
	width: 100%;
	text-align: center;
	color: var(--darkblue, #002261);
	text-align: center;
	font-family: "DIN";
	font-size: 38px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 40px;
}

.careerspagelist .item {
	border-radius: 5px;
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	background: var(--white, #FFF);
	padding: 20px;
	position: relative;
	height: 100%;
}

.careerspagelist .col-md-3 {
	margin-bottom: 25px;
}

.careerspagelist .item img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.careerspagelist .item .job {
	position: absolute;
	background: var(--card-style-bg-color, #F2F5F8);
	right: 20px;
	color: var(--darkblue, #002261);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 7px 15px;
	top: 20px;
	padding-left: 24px;
}

.careerspagelist .item .job::before {
	content: "";
	width: 6px;
	height: 6px;
	background: #002261;
	position: absolute;
	border-radius: 50%;
	top: 13px;
	left: 10px;
}

.careerspagelist .item .carrestext {
	width: 100%;
	margin-top: 15px;
}

.careerspagelist .item .carrestext h3 {
	color: #343A66;
	font-size: 16px;
	font-weight: bold;
}

.careerspagelist .item .carrestext h6 {
	color: #343A66;
	font-size: 14px;
	font-weight: 400;
}

.careerspagelist .item .carrestext ul {
	list-style: none;
	width: 100%;
	flex-flow: column;
	gap: 10px;
	margin-bottom: 0;
}

.careerspagelist .item .carrestext ul li i {
	color: #FF5100;
	font-size: 19px;
	margin-top: 3px;
}

.careerspagelist .item .carrestext ul li {
	color: #343A66;
	font-size: 14px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 8px;
}

.careerspagelist .item::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #203C6C;
	border-bottom: 2px solid #203C6C;
	transform: rotate(-45deg);
	position: absolute;
	right: 20px;
	bottom: 25px;
}

.careerspagelist .item .carrestext span {
	color: var(--orange, #FF5100);
	font-size: 12px;
	font-weight: 500;
}

.careerdetailpage {
	width: 100%;
	display: block;
	padding: 30px 0;
}

.careerdetailpage .container {
	padding: 0;
}

.backtopcareer {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.backtopcareer a {
	color: var(--darkblue, #002261);
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.32px;
}

.backtopcareer a i {
	color: #B7B7B7;
	margin-right: 10px;
}

.detailcontentcareer h1 {
	color: var(--darkblue, #002261);
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.detailcontentcareer ul {
	padding-left: 20px;
	gap: 13px;
	display: flex;
	flex-flow: column;
}

.detailcontentcareer .detailtext {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
}

.careerdetailpage .requirements {
	width: 100%;
	margin: 10px 0;
}

.detailcontentcareer h3 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.careerdetailpage .requirements h3 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.careerdetailpage .requirements ul {
	padding-left: 20px;
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
	display: flex;
	flex-flow: column;
	gap: 6px;
}

.careerdetailpage .aboutarea {
	margin-top: 20px;
}

.careerdetailpage .aboutarea h3 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.careerdetailpage p {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
}

.testimonialscontent {
	width: 100%;
	margin-bottom: 60px;
}

.testimonialscontent .testimonial-item {
	border: 1px solid #F3F3F3;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	align-items: center;
	flex-flow: nowrap;
}

.testimonialscontent .testimonial-item .testimonial-img {
	width: 101px;
	height: 101px;
	border-radius: 50%;
	min-width: 101px;
	margin-right: 40px;
	margin-left: 30px;
	border: 7px solid #00B9F2;
	position: relative;
}

.testimonialscontent .testimonial-item .testimonial-img::before {
	content: "";
	background: #0092DA20;
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	border-radius: 50%;
	position: absolute;
	left: -15px;
	top: -15px;
	z-index: -1;
}

.testimonialscontent .testimonial-item .testimonial-img::after {
	content: "";
	background: transparent;
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	border-radius: 50%;
	position: absolute;
	left: -30px;
	top: -30px;
	z-index: -1;
	border: 1px solid #0092DA14;
}

.testimonialscontent .testimonial-item .testimonial-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonialscontent .testimonial-item .testimonial-img .partner {
	position: absolute;
	border: 1px solid #F3F3F3;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	padding: 10px;
	background: #fff;
	left: -43px;
	top: 10px;
}

.testimonialscontent .testimonial-item .testimonial-img .partner img {
	object-fit: contain;
}

.testimonialscontent .testimonial-item .testimonial-text {
	display: flex;
	flex-flow: column;
}

.testimonialscontent .testimonial-item .testimonial-text span {
	position: relative;
	color: #343A66;
	font-size: 14px;
	font-weight: 400;
	padding-top: 21px;
	margin-bottom: 10px;
}

.testimonialscontent .testimonial-item .testimonial-text span::before {
	content: "";
	background: url(/assets/img/beforetestimobials.svg);
	width: 21px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

.testimonialscontent .testimonial-item .testimonial-text h5 {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 700;
}

.testimonialscontent .testimonial-item .testimonial-text h6 {
	color: var(--darkblue, #002261);
	font-size: 16px;
	font-weight: 400;
}

.testimonial-detail {
	width: 100%;
	margin: 40px 0;
	display: block;
}

.testimonial-hero-image {
	width: 100%;
	border-radius: 15px;
	background: #D9D9D9;
	overflow: hidden;
	height: 450px;
	margin-bottom: 40px;
}

.testimonial-hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial-content h2 {
	color: var(--darkblue, #002261);
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 18px;
}

.testimonial-content p {
	color: #1F3B6B;
	font-size: 18px;
	font-weight: 400;
}

.testimonial-content h3 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
}

.testimonial-content ul {
	padding-left: 20px;
	display: flex;
	flex-flow: column;
	gap: 14px;
}

.testimonial-content ul li {
	color: var(--darkblue, #002261);
	font-size: 18px;
	font-weight: 400;
}

.quickform {
	width: 100%;
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	background: var(--card-style-bg-color, #F2F5F8);
	padding: 50px 0;
}

.quickform h2 {
	color: var(--darkblue, #002261);
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

.quickform p {
	color: #1F3B6B;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 30px;
}

.quickform .quickitem {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.quickform .quickitem label {
	color: #1F3B6B;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
}

.quickform .quickitem label small {
	color: var(--orange, #FF5100);
}

.quickform .quickitem .inputblock {
	width: 100%;
	position: relative;
	background: var(--white, #FFF);
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	border-radius: 7px;
}

.quickform .quickitem .inputblock .icon {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 32px;
	background: var(--card-style-bg-color, #F2F5F8);
	display: flex;
	align-items: center;
	justify-content: center;
	left: 5px;
	top: 6px;
}

.quickform .quickitem .inputblock input {
	width: 100%;
	border: 0;
	background: transparent;
	padding: 10px;
	padding-left: 45px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.quickform .quickitem .inputblock input::placeholder {
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.quickform .quickitem .selectblock select {
	width: 100%;
	border: 0;
	padding: 10px;
	border-radius: 7px;
	padding-left: 15px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
	background: var(--white, #FFF);
	border: 1px solid var(--stroke-line-color, #DFDFDF);
}

.quickform .quickitem .inputblock.noicon input {
	padding-left: 15px;
}

.quickform .radiselectlist {
	width: 100%;
	display: flex;
	flex-flow: column;
	gap: 20px;
	margin-top: 15px;
}

.quickform .radiselectlist h6 {
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.quickform .radiselectlist .form-group {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.quickform .radiselectlist .form-group label {
	color: #1F3B6B;
	font-size: 14px;
	font-weight: 400;
}

.quickform .textareaitem {
	width: 100%;
	margin-top: 30px;
}

.quickform .textareaitem textarea {
	width: 100%;
	min-height: 149px;
	background: var(--white, #FFF);
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	border-radius: 8px;
	padding: 16px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.quickform .textareaitem textarea::placeholder {
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.quickform .fileitem .uploadarea {
	background: var(--white, #FFF);
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	border-radius: 8px;
	padding: 10px;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 10px;
}

.quickform .fileitem {
	margin-top: 20px;
}

.quickform .fileitem label {
	color: #1F3B6B;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
}

.quickform .fileitem label small {
	color: var(--orange, #FF5100);
}

.quickform .fileitem .uploadarea .icon {
	width: 36px;
	height: 36px;
	border-radius: 36px;
	background: var(--card-style-bg-color, #F2F5F8);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #002261;
}

.quickform .fileitem span {
	color: #1F3B6B;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	margin-bottom: 20px;
	display: flex;
}

.quickform .custom-checkbox {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	padding-left: 30px;
	margin-bottom: 30px;
	color: #1F3B6B;
}

.quickform .custom-checkbox a {
	color: var(--orange, #FF5100);
}

.quickform .sendcareer {
	border-radius: 5px;
	background: var(--orange, #FF5100);
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	padding: 18px 68px;
	transition: all 0.6s;
}

.quickform .sendcareer:hover {
	background: #b43c05;
}

/* Responsive Media Queries */
@media (max-width: 992px) {
	header .mainmenu .menu--area {
		display: none;
	}

	.mobilmenubtn {
		display: block;
	}

	.headtop--bar {
		display: none;
	}

	.demofooter--bar::before {
		display: none;
	}

	.demofooter--bar::after {
		display: none;
	}

	.footer-certifaces {
		flex-flow: column;
	}

	.container-full {
		padding: 15px;
	}

	.footer-certifaces img {
		height: 80px;
		width: 100%;
		object-position: center;
	}

	#backToTopBtn {
		display: none !important;
	}

	.footer-end .app--share {
		flex-flow: column;
	}

	.testimonials--section .testimonial-item .testimonial-text span {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.testimonials--section .testimonial-item {
		padding: 15px;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.testimonials--section .testimonial-item .testimonial-img {
		width: 80px;
		height: 80px;
		min-width: 80px;
		margin: 0 auto;
		margin-top: 25px;
	}

	.testimonials--section .testimonial-item .testimonial-img .partner {
		width: 44px;
		height: 44px;
		display: flex;
	}

	.testimonials--section h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.testimonials--section p {
		font-size: 16px;
		padding-right: 15px;
	}

	.testimonials--section .testimonial-item .testimonial-text span::before {
		height: 20px;
	}

	.testimonials--section .container {
		padding-right: 0;
	}

	.partnerfooter-list .container {
		flex-flow: column;
	}

	.homecompanyinfo--content .hero {
		height: 250px;
	}

	.homecompanyinfo--content .map {
		padding-top: 50px;
	}

	.homecompanyinfo--content {
		padding: 50px 10px;
	}

	.homecompanyinfo--content .text h2 {
		font-size: 28px;
	}

	.homecompanyinfo--content .text p {
		font-size: 16px;
	}

	.homereuest--content .item {
		height: auto;
		margin-bottom: 10px;
	}

	.homereuest--content h2 {
		font-size: 28px;
		line-height: normal;
	}

	.homereuest--content {
		padding: 50px 10px;
	}

	.partnerfooter-list {
		padding: 20px 0;
	}

	.faq--section .accordion-button {
		font-size: 16px;
	}

	.faq--section {
		padding: 40px 0;
	}

	.faq--section h3 {
		font-size: 28px;
	}

	.faq--section h6 {
		font-size: 22px;
	}

	.faq--section .faqlist {
		margin-top: 30px;
	}

	.freedemo--bar h2 {
		font-size: 26px;
	}

	.freedemo--bar h5 {
		font-size: 18px;
	}

	.homecompanyinfo--content .bx-list .col-md-6 {
		margin-bottom: 25px;
	}

	.homecompanyinfo--content .ceo {
		margin-top: 25px;
	}

	.homecompanyinfo--content .bx-list .item .tx-bx b {
		font-size: 18px;
	}

	footer {
		overflow: hidden;
	}

	.partnerfooter-list span {
		text-align: center;
		max-width: 100%;
		margin-right: 0;
		padding: 0px 10px;
		margin-bottom: 15px;
	}

	.partnerfooter-list .swiper {
		width: 100%;
	}

	.partnerfooter-list img {
		height: 70px;
	}

	.demofooter--bar h3 {
		font-size: 25px;
	}

	.demofooter--bar a {
		font-size: 16px;
	}

	.footerdesc {
		text-align: center;
	}

	.footermenulist {
		padding: 5px;
	}

	.footermenulist .col-md-3 {
		width: 50%;
	}

	.footermitem ul li {
		margin-bottom: 10px;
	}

	.footermitem ul li a {
		font-size: 15px;
	}

	.aboutfooter span {
		text-align: center;
	}

	.aboutfooter {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	.homereuest--content .formarea {
		margin-top: 10px;
	}

	.homereuest--content .formarea .requestsendform::before {
		display: none;
	}

	.footermail span {
		text-align: center;
	}

	.footermail .input {
		max-width: 100%;
		margin-top: 5px;
	}

	.footer-end {
		padding: 20px 15px;
	}

	.footer-end .container-full {
		padding: 0;
	}

	.footer-end .row .col-md-4 {
		display: flex;
		justify-content: center;
		flex-flow: column;
		align-items: center;
		margin-bottom: 20px;
	}

	.solutions--content .megatitle h5 {
		font-size: 18px;
	}

	.solutions--content .megatitle h2 {
		font-size: 28px;
	}

	.homevessel-content .text h4 {
		font-size: 28px;
	}

	.homevessel-content .text ul li {
		font-size: 16px;
	}

	.homevessel-content .text p {
		font-size: 16px;
	}

	.homevessel-content .img {
		height: 300px;
	}

	.homevessel-content {
		padding: 20px 5px;
	}

	.homecomplex--content .img {
		height: 250px;
		margin-top: 30px;
	}

	.homecomplex--content {
		padding: 20px 10px;
	}

	.homecomplex--content .text h3 {
		font-size: 28px;
		line-height: normal;
	}

	.homecomplex--content .text h4 {
		font-size: 16px;
		line-height: normal;
	}

	.homecomplex--content .text p {
		font-size: 16px;
	}

	.home-about--section .about-slide-item {
		height: 150px;
	}

	.home-about--section .bigtitle {
		font-size: 28px;
		padding: 10px;
	}

	.home-about--section {
		padding: 40px 0;
	}

	.aboutswiper-home {
		margin-top: 20px;
	}

	.megaslider .megaslideitem h2,
	.megaslider .megaslideitem h2.animated-h2 {
		font-size: 40px;
	}

	.megaslider .megaslideitem h6,
	.megaslider .megaslideitem h6.animated-h2 {
		font-size: 28px;
	}

	.megaslideitem .btnlist {
		margin-bottom: 50px;
	}

	.megaslider .megaslideimg {
		height: auto;
		margin-bottom: 40px;
	}

	.megaslider .swiper-button-prevhome {
		left: 20px;
		bottom: 27px;
		z-index: 99;
	}

	.megaslider .swiper-button-nexthome {
		right: 20px;
		bottom: 27px;
		z-index: 99;
	}

	.megaslider {
		height: auto;
		min-height: auto;
		padding-top: 20px;
	}

	.megaslider .slider-container {
		min-height: 500px;
	}

	header .mainmenu {
		padding: 15px;
	}

	.mobilbody .footer-end {
		border-top: 0;
		padding: 5px;
		overflow: hidden;
	}

	.mobilbody .footer-certifaces span {
		justify-content: center;
		width: 100%;
		margin-bottom: 15px;
	}

	.mobilbody .footer-end .app--share {
		display: block;
	}

	.mobilbody .footer-end .app--share span {
		width: 100%;
		justify-content: center;
		margin-bottom: 10px;
	}

	.mobilbody .footer-end .app--share a img {
		height: 30px;
	}

	.mobilbody .footer-end .follow--area {
		margin-bottom: 0;
		justify-content: center;
		display: flex;
		flex-flow: column;
		gap: 0;
	}

	.mobilbody .footer-end .follow--area span {
		margin-bottom: 10px;
		justify-content: center;
	}

	.mobilbody .footer-end .follow--area a {
		margin: 0px 5px;
	}

	.mobilbody .footer-end .row .col-md-4 {
		margin-bottom: 14px;
	}

	.mobilbody .mobilmenulist {
		width: 1005;
		margin-bottom: 20px;
		display: flex;
		flex-flow: column;
	}

	.mobilbody .mobilmenulist .item {
		width: 100%;
		border-bottom: 1px solid #DFDFDF;
		display: flex;
		flex-flow: wrap;
		align-items: center;
		position: relative;
	}

	.mobilbody .mobilmenulist .item .tit-t {
		padding-left: 10px;
		padding: 24px;
	}

	.mobilbody .mobilmenulist .item::after {
		content: "";
		background: url(/assets/img/toprightarrow.svg);
		width: 12px;
		height: 12px;
		position: absolute;
		right: 24px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		top: 35px;
	}

	.mobilbody .mobilmenulist .item.no-sub::after {
		display: none;
	}

	.mobilbody .mobilmenulist .item.active::after {
		background: url(/assets/img/toparrowicon.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.mobilbody .mobilmenulist .item .m-submenulist {
		width: 100%;
		overflow: hidden;
		max-height: 0px;
	}

	.mobilbody .mobilmenulist .item.active .m-submenulist {
		max-height: 100000px;
		transition: max-height 0.3s ease-in-out;
	}

	.mobilbody .mobilmenulist .item .icon {
		border-radius: 2px;
		border: 1px solid var(--stroke-line-color, #DFDFDF);
		width: 32px;
		height: 32px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobilbody .mobilmenulist .item .icon img {
		object-fit: contain;
		width: 100%;
		height: 100%;
		max-height: 20px;
	}

	.mobilbody .mobilmenulist .item span {
		color: var(--darkblue, #002261);
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: -0.32px;
	}

	.mobilbody .tit-t {
		width: 100%;
		display: flex;
		flex-flow: wrap;
		align-items: center;
	}

	.mobilbody .mobilmenulist .item .m-submenulist ul {
		width: 100%;
		margin-bottom: 0;
		padding-left: 20px;
		list-style: none;
	}

	.mobilbody .mobilmenulist .item .m-submenulist ul li {
		width: 100%;
		position: relative;
	}

	.mobilbody .mobilmenulist .item .m-submenulist ul li::after {
		content: "";
		background: url(/assets/img/toprightarrow.svg);
		width: 12px;
		height: 12px;
		position: absolute;
		right: 24px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		top: 28px;
		display: none;
	}

	.mobilbody .mobilmenulist .item .m-submenulist ul li a {
		color: var(--darkblue, #002261);
		font-size: 16px;
		font-weight: 500;
		line-height: 150%;
		letter-spacing: -0.32px;
		padding: 20px;
		border-top: 1px solid #DFDFDF;
		display: flex;
	}

	.offcanvas.offcanvas-start {
		width: 80%;
		min-height: 100vh;
	}

	.mobilmenubtn {
		border-radius: 2px;
		background: var(--card-style-bg-color, #F2F5F8);
		width: 47px;
		height: 47px;
		border: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: none;
	}

	.mobilmenubtn img {
		height: 16px;
		object-fit: contain;
		width: 100%;
	}

	.offcanvas.offcanvas-start .btn-close {
		border-radius: 2px;
		background: var(--card-style-bg-color, #F2F5F8);
		width: 29px;
		height: 29px;
		border: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 1;
		box-shadow: none;
	}

	.offcanvas.offcanvas-start .btn-close img {
		height: 14px;
	}

	.offcanvas.offcanvas-start .offcanvas-header {
		border-bottom: 1px solid #DFDFDF;
		padding: 21px 17px;
	}

	.mobilbody {
		width: 100%;
	}

	.mobilbody .reqbtnlist {
		width: 100%;
		padding: 20px;
		border-bottom: 1px solid #DFDFDF;
	}

	.mobilbody .reqbtnlist a {
		border-radius: 5px;
		background: #FF5100;
		color: #FFF;
		font-size: 14px;
		font-weight: 400;
		width: 100%;
		padding: 15px;
		display: flex;
		justify-content: center;
	}

	.offcanvas-body {
		padding: 0;
	}

	.changecabout--cn .stepmap {
		display: block;
	}

	.changecabout--cn .stepmap .item::after {
		display: none;
	}

	.changecabout--cn .stepmap .item {
		margin-bottom: 55px;
	}

	.aboutwhy-nozzle .list {
		flex-flow: column;
	}

	.aboutwhy-nozzle .list .item b {
		font-size: 60px;
	}

	.aboutwhy-nozzle p {
		margin-bottom: 30px;
	}

	.aboutwhy-nozzle h2 {
		margin-bottom: 10px;
	}

	.certificates--explorelist h2 {
		font-size: 28px;
		margin-bottom: 25px;
	}

	.certificates--explorelist .list {
		flex-flow: column;
		justify-content: center;
		width: 100%;
		gap: 5px;
	}

	.certificates--explorelist .item-ex {
		width: 100%;
		max-width: 100%;
		padding: 20px;
	}

	.aboutexplore-commits h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.aboutexplore-commits p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.about-desccont .img {
		width: 100%;
		height: 350px;
		margin-bottom: 20px;
	}

	.about-desccont .text {
		text-align: center;
	}

	.about-desccont .text h3 {
		font-size: 27px;
		margin-bottom: 15px;
	}

	.ouroffices--con h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.ouroffices--con p {
		font-size: 16px;
		margin-bottom: 35px;
	}

	.ouroffices--con .freedemo-btn {
		padding: 10px 20px;
		font-size: 16px;
	}

	.ouroffices--con .map {
		height: 500px;
		margin-top: -250px;
	}

	.ouroffices--con .map .text {
		font-size: 18px;
		bottom: 0;
	}

	.changecabout--cn {
		margin-bottom: 50px;
	}

	.changecabout--cn h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.changecabout--cn p {
		font-size: 16px;
	}

	.aboutvideo--area .videoalan {
		height: 300px;
	}

	.aboutvideo--area {
		margin-bottom: 40px;
	}

	.aboutvideo--area h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.aboutvideo--area p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.bigtitle-vs {
		padding: 20px 15px;
	}

	.bigtitle-vs h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.bigtitle-vs p {
		font-size: 15px;
	}

	.breadcumb ul {
		padding: 0px 14px;
	}

	.blogdetail--content .blogdetail--img {
		height: 250px;
		margin-bottom: 15px;
	}

	.blogdetail--content .blogdetail--img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.blogdetail--content {
		margin-top: 20px;
	}

	.breadcumb ul li a {
		font-size: 13px;
	}

	.blogdetail--content h2 {
		font-size: 21px;
	}

	.blogdetail--content p {
		font-size: 16px;
	}

	.pagination ul li a {
		width: 30px;
		height: 30px;
		font-size: 13px;
		font-weight: normal;
	}

	.bloglist--alan .item h2 {
		font-size: 18px;
	}

	.bloglist--alan .item .img {
		height: 220px;
	}

	.bloglist--area .coreserve {
		flex-flow: column-reverse;
	}

	.certificates--bigtext .text h4 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.certificates--bigtext .text p {
		font-size: 16px;
	}

	.certificates--bigtext .isolist {
		padding: 0 20px;
	}

	.certificates--list {
		margin-bottom: 50px;
	}

	.clients--content .megatitle h2 {
		font-size: 28px;
	}

	.clients--content .megatitle h2 {
		margin-top: -40px;
	}

	.clients--content .megatitle p {
		font-size: 16px;
	}

	.clients--content .desctext h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.clients--content .desctext p {
		font-size: 16px;
	}

	.clients--content {
		padding-bottom: 0;
		margin-bottom: -20px;
	}

	.contact-locations h6 {
		font-size: 20px;
	}

	.contact-locations h2 {
		font-size: 24px;
	}

	.contact-locations p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.contact-locations .item {
		height: auto;
		margin-bottom: 20px;
	}

	.contact--touch {
		padding: 30px 10px;
	}

	.contact--touch h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.contact--touch p {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.contact--touch .item {
		height: auto;
		margin-bottom: 20px;
		padding: 30px 20px;
	}

	.contact--touch .contactform {
		padding: 20px;
	}

	.contact--touch .contactform .text {
		height: auto;
		margin-bottom: 25px;
	}

	.contact--touch .contactform .text h2 {
		font-size: 37px;
	}

	.contact--touch .contactform .text p {
		font-size: 16px;
	}

	.contact--touch .contactform::before {
		display: none;
	}

	.contact--touch .contactform .selectitem {
		margin-bottom: 20px;
	}

	/* Custom Dropdown Styles */
	.custom-dropdown {
		position: relative;
		width: 100%;
	}

	.custom-dropdown .dropdown-toggle {
		width: 100%;
		padding: 12px 15px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
		text-align: left;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 16px;
		color: #333;
		transition: all 0.3s ease;
	}

	.custom-dropdown .dropdown-toggle:hover {
		border-color: #002261;
	}

	.custom-dropdown .dropdown-toggle svg {
		transition: transform 0.3s ease;
	}

	.custom-dropdown.open .dropdown-toggle svg {
		transform: rotate(180deg);
	}

	.custom-dropdown .dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border: 1px solid #ddd;
		border-top: none;
		border-radius: 0 0 5px 5px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 1000;
		max-height: 200px;
		overflow-y: auto;
		display: none;
	}

	.custom-dropdown.open .dropdown-menu {
		display: block;
	}

	.custom-dropdown .dropdown-menu li {
		padding: 10px 15px;
		cursor: pointer;
		transition: background-color 0.2s ease;
		border-bottom: 1px solid #f0f0f0;
	}

	.custom-dropdown .dropdown-menu li:last-child {
		border-bottom: none;
	}

	.custom-dropdown .dropdown-menu li:hover {
		background-color: #f8f9fa;
	}

	.custom-dropdown .dropdown-menu li.active {
		background-color: #002261;
		color: #fff;
	}

	.terms--content {
		margin-top: -30px;
		padding: 0px 10px;
	}

	.terms--content h2 {
		font-size: 28px;
	}

	.terms--content p {
		font-size: 16px;
	}

	.regustlist--icon {
		margin-top: 10px;
		flex-flow: wrap;
		padding: 40px 15px;
		justify-content: center;
		align-items: center;
	}

	.regustlist--icon::after {
		display: none;
	}

	.regustlist--icon .item {
		width: 50%;
		margin: 0 !important;
		margin-bottom: 15px !important;
	}

	.regustlist--icon .icon {
		margin: 0 auto;
		margin-bottom: 5px;
	}

	.regustlist--icon span {
		font-size: 16px;
	}

	.freedemo--section h2 {
		font-size: 28px;
	}

	.freedemo--section h1 {
		font-size: 18px;
	}

	.freedemo--section {
		padding-top: 30px;
	}

	.freedemo--section p {
		font-size: 16px;
	}

	.herolist--section .item-hero .img {
		padding: 10px;
		margin-bottom: 20px;
	}

	.herolist--section .item-hero .heroimg {
		width: 100%;
		max-width: 100% !important;
	}

	.herolist--section .item-hero {
		padding: 30px 10px;
	}

	.herolist--section .item-hero .text h3 {
		font-size: 28px;
	}

	.herolist--section .item-hero .text h6 {
		font-size: 16px;
	}

	.herolist--section .item-hero .text p {
		font-size: 16px;
	}

	.herolist--section .item-hero .text ul li {
		font-size: 16px;
	}

	.herolist--section .item-hero:nth-child(2n) .row {
		flex-flow: column-reverse;
	}

	.herolist--section .item-hero:nth-child(2) .img {
		padding: 0 !important;
	}

	.herolist--section .item-hero:nth-child(2) .heroimg {
		bottom: auto !important;
		top: 0px;
	}

	.integrations--section span {
		font-size: 16px;
	}

	.integrations--section h3 {
		font-size: 28px;
	}

	.integrations--section p {
		font-size: 16px;
	}

	.integrations--section .img img {
		height: 270px;
	}

	.herolist--section .item-hero:nth-child(4) .img {
		padding-left: 0 !important;
	}

	.herolist--section .item-hero:nth-child(4) .img img {
		object-fit: contain;
		max-width: 100%;
	}

	.reguistion--section h2 {
		font-size: 28px;
	}

	.reguistion--section h6 {
		font-size: 18px;
	}

	.reguistion--section p {
		font-size: 16px;
	}

	.reguistion--section ul {
		padding: 10px;
		flex-flow: column;
	}

	.reguistion--section ul li {
		width: 100%;
		font-size: 16px;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.reguistion--section {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.error404page h2 {
		font-size: 28px;
	}

	.error404page .errorlogo img {
		height: 50px;
	}

	.error404page .errorlogo {
		margin-bottom: 50px;
	}

	.error404page a.backgopage {
		padding: 15px;
	}

	.error404page .img {
		height: 220px;
	}


	.testimonialscontent .testimonial-item .testimonial-text span {
		font-size: 16px;
		margin-bottom: 20px;
		margin-top: 15px;
	}

	.testimonial-hero-image {
		height: 300px;
	}

	.testimonial-content h2 {
		font-size: 22px;
	}

	.testimonial-content p {
		font-size: 16px;
	}

	.testimonial-content h3 {
		font-size: 18px;
	}

	.testimonial-content ul li {
		font-size: 16px;
	}

	.careerspagelist h2 {
		font-size: 22px;
	}

	.careerspagelist .item {
		margin-bottom: 15px;
	}

	.careerdetailpage .container {
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}

	.detailcontentcareer h1 {
		font-size: 25px;
	}

	.careerdetailpage p {
		font-size: 16px;
	}

	.careerdetailpage .requirements h3 {
		font-size: 18px;
	}

	.careerdetailpage .requirements ul {
		font-size: 16px;
	}

	.testimonialscontent .testimonial-item {
		padding: 15px;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.testimonialscontent .testimonial-item .testimonial-img {
		width: 80px;
		height: 80px;
		min-width: 80px;
		margin: 0 auto;
		margin-top: 25px;
	}

	.testimonialscontent .testimonial-item .testimonial-img .partner {
		width: 44px;
		height: 44px;
		display: flex;
	}

	.testimonialscontent h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.testimonialscontent p {
		font-size: 16px;
		padding-right: 15px;
	}

	.testimonialscontent .testimonial-item .testimonial-text span::before {
		height: 20px;
	}
}

/* Form Validation Styles */
.quickform .inputblock input.invalid,
.quickform .selectblock select.invalid,
.quickform .uploadarea input.invalid,
.quickform .inputblock.invalid input,
.quickform .selectblock.invalid select,
.quickform .uploadarea.invalid input {
	border-color: #dc3545 !important;
	box-shadow: 0 0 5px rgba(220, 53, 69, 0.3) !important;
}

.quickform .inputblock input.invalid:focus,
.quickform .selectblock select.invalid:focus,
.quickform .uploadarea input.invalid:focus,
.quickform .inputblock.invalid input:focus,
.quickform .selectblock.invalid select:focus,
.quickform .uploadarea.invalid input:focus {
	border-color: #dc3545 !important;
	box-shadow: 0 0 8px rgba(220, 53, 69, 0.5) !important;
}

.quickform .uploadarea.invalid {
	border-color: #dc3545 !important;
	box-shadow: 0 0 5px rgba(220, 53, 69, 0.3) !important;
}

.quickform .radiositem.invalid {
	border: 2px solid #dc3545;
	border-radius: 8px;
	padding: 10px;
	background-color: rgba(220, 53, 69, 0.05);
}

.quickform .radiositem .form-group textarea {
	width: 100%;
	min-height: 50px;
	background: var(--white, #FFF);
	border: 1px solid var(--stroke-line-color, #DFDFDF);
	border-radius: 8px;
	padding: 10px 16px;
	color: #002261;
	font-size: 16px;
	font-weight: 500;
}

.quickform .error-message {
	color: #dc3545;
	font-size: 12px;
	margin-top: 5px;
	display: block;
}

.quickform .checkitem.invalid {
	border: 2px solid #dc3545;
	border-radius: 8px;
	padding: 10px;
	background-color: rgba(220, 53, 69, 0.05);
}
/* Temporarily hide testimonials sections */
.testimonials--section,
.testimonialscontent {
    display: none !important;
}