/* @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Kanit:wght@400;500;600;700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*============================================ 
	# Template Name: Portfolio
	# Version: 1.0
	# Date: 29/10/2023
	# Author: Bali_dev
	# Author URI:
	# Description: Personal Portfolio Website
============================================*/
/*======== Scss Compiles =========
# mixin
# variables
# Typography
# button 
# animation
# banner
# blog
# header
# section
# footer
============================================*/
/*CSS Table Of Content Ends Here*/
/* use Ada T Color Palette */
@import 'animate.css';
@import 'magnific-popup.css';
@import 'swiper-bundle.min.css';
@import 'bootstrap-icons.min.css';
@import 'nice-select.css';
@import 'odometer.css';
:root {
	--body: #141410;
	--white: #ffffff;
	--title: #181818;
	--mtitle: #000d27;

	--pra: #9c9999;
	--subtitle: #121212;

	--base: #83b4d9;

	--hover: #d5511d;

	--bg1: #e9f0ff;
	--ftext: #818181;
	--footer: #181818;
	--cusborder: rgb(38, 37, 37);
	--border1: #414141;
	--ratting: #ffa311;
	--bgsection: #000d27;

	--success: #83b4d9;

	--boxes1: rgba(26, 77, 190, 0.05);

	--cborder: #ff0000;
}

.heading {
	font-family: 'Times New Roman', Times, serif !important;
}

body {
	color: var(--white);
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	background-color: var(--body);
	font-family: 'Times New Roman', Times, serif !important;
}

h2,
h3,
h4,
h5,
h6 {
	color: var(--white);
	text-transform: capitalize;
}

h1 {
	font-size: 48px;
	font-weight: 600;
	line-height: 120%;

	font-family: 'Times New Roman', Times, serif;
}

h2 {
	font-size: 40px;
	line-height: 120%;
	font-weight: 600;

	font-family: 'Times New Roman', Times, serif;
}
.h2-head {
	color: var(--base) !important;
}
@media (max-width: 575px) {
	h2 {
		font-size: 29px;
	}
}

h3 {
	font-size: 32px;
	line-height: 120%;
	font-weight: 600;
	font-family: 'Kanit', sans-serif;
}
@media (max-width: 575px) {
	h3 {
		font-size: 26px;
	}
}

h4 {
	font-size: 24px;
	line-height: 130%;
	font-weight: 600;
	font-family: 'Kanit', sans-serif;
}

h5 {
	font-size: 20px;
	line-height: 130%;
	font-weight: 600;
	font-family: 'Kanit', sans-serif;
}

h6 {
	font-size: 16px;
	font-family: 'Kanit', sans-serif;
}

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

a {
	text-decoration: none;

	margin: 0;
	color: var(--title);
	font-family: 'Kanit', sans-serif;
	transition: all 0.3s;
}

span {
	font-family: 'Kanit', sans-serif;
}

a:hover {
	text-decoration: none;
	color: var(--title);
}

input:focus {
	color: var(--white);
	outline: none;
}

input {
	color: var(--white);
}

p {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 50px;
	width: 50px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: inset 0 0 0 2px #a1abb6;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
	z-index: 9999;
	display: none;
}

.progress-wrap svg.progress-circle path {
	stroke: #000;
	stroke-width: 4;
	box-sizing: content-box;
	transition: all 200ms linear;
}

.topping {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
}

.video__btn {
	width: 116px;
	height: 116px;
	border-radius: 50%;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
}
.video__btn i {
	font-size: 42px;
}

.video__80 {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--white);
}
.video__80 i {
	font-size: 42px;
	color: var(--white);
}
@media (max-width: 1399px) {
	.video__80 {
		width: 60px;
		height: 60px;
	}
	.video__80 i {
		font-size: 32px;
	}
}

.fz-14 {
	font-size: 14px;
}

.fz-16 {
	font-size: 16px;
}
@media (max-width: 767px) {
	.fz-16 {
		font-size: 14px;
	}
}

.fz-18 {
	font-size: 18px;
}
@media (max-width: 767px) {
	.fz-18 {
		font-size: 16px;
	}
}

.fz-20 {
	font-size: 20px;
}
@media (max-width: 767px) {
	.fz-20 {
		font-size: 18px;
	}
}

.fz-24 {
	font-size: 24px;
}
@media (max-width: 767px) {
	.fz-24 {
		font-size: 20px;
	}
}

.fz-26 {
	font-size: 26px;
}
@media (max-width: 767px) {
	.fz-26 {
		font-size: 22px;
	}
}

.fz-30 {
	font-size: 30px;
}
@media (max-width: 767px) {
	.fz-30 {
		font-size: 26px;
	}
}

.fz-32 {
	font-size: 32px;
}
@media (max-width: 767px) {
	.fz-32 {
		font-size: 28px;
	}
}

.fz-38 {
	font-size: 38px;
}

.ifz32 {
	font-size: 32px;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.d1 {
	font-size: 80px;
	line-height: 150%;
	font-weight: 600;
	display: block;
}

.d2 {
	font-size: 72px;
	line-height: 150%;
	font-weight: 600;
	display: block;
}

.d3 {
	font-size: 64px;
	line-height: 150%;
	font-weight: 600;
	display: block;
}

.d4 {
	font-size: 56px;
	line-height: 150%;
	font-weight: 600;
	display: block;
}

.pfz-24 {
	font-size: 24px;
	line-height: 150%;
}

.pfz-20 {
	font-size: 20px;
	line-height: 150%;
}

.pfz-18 {
	font-size: 18px;
	line-height: 150%;
}

.pfz-16 {
	font-size: 16px;
	line-height: 150%;
}

.pfz-14 {
	font-size: 14px;
	line-height: 150%;
}

.pfz-12 {
	font-size: 12px;
	line-height: 150%;
}

.p-24 {
	padding: 24px;
}
@media (max-width: 991px) {
	.p-24 {
		padding: 20px;
	}
}
@media (max-width: 575px) {
	.p-24 {
		padding: 15px;
	}
}

.pt-130 {
	padding-top: 130px;
}
@media (max-width: 1199px) {
	.pt-130 {
		padding-top: 100px;
	}
}
@media (max-width: 991px) {
	.pt-130 {
		padding-top: 80px;
	}
}

.pb-130 {
	padding-bottom: 130px;
}
@media (max-width: 1199px) {
	.pb-130 {
		padding-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.pb-130 {
		padding-bottom: 80px;
	}
}

.pt-120 {
	padding-top: 120px;
}
@media (max-width: 1199px) {
	.pt-120 {
		padding-top: 100px;
	}
}
@media (max-width: 991px) {
	.pt-120 {
		padding-top: 80px;
	}
}

.pb-120 {
	padding-bottom: 120px;
}
@media (max-width: 1199px) {
	.pb-120 {
		padding-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.pb-120 {
		padding-bottom: 80px;
	}
}

.pt-110 {
	padding-top: 110px;
}
@media (max-width: 1199px) {
	.pt-110 {
		padding-top: 100px;
	}
}
@media (max-width: 991px) {
	.pt-110 {
		padding-top: 80px;
	}
}

.pb-110 {
	padding-bottom: 110px;
}
@media (max-width: 1199px) {
	.pb-110 {
		padding-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.pb-110 {
		padding-bottom: 80px;
	}
}

.pt-90 {
	padding-top: 90px;
}
@media (max-width: 991px) {
	.pt-90 {
		padding-top: 80px;
	}
}

.pb-90 {
	padding-bottom: 90px;
}
@media (max-width: 991px) {
	.pb-90 {
		padding-bottom: 80px;
	}
}

.pt-80 {
	padding-top: 80px;
}
@media (max-width: 991px) {
	.pt-80 {
		padding-top: 60px;
	}
}

.pb-80 {
	padding-bottom: 80px;
}
@media (max-width: 991px) {
	.pb-80 {
		padding-bottom: 60px;
	}
}

.pt-60 {
	padding-top: 60px;
}
@media (max-width: 991px) {
	.pt-60 {
		padding-top: 50px;
	}
}

.pb-60 {
	padding-bottom: 60px;
}
@media (max-width: 991px) {
	.pb-60 {
		padding-bottom: 50px;
	}
}

.pt-40 {
	padding-top: 40px;
}
@media (max-width: 991px) {
	.pt-40 {
		padding-top: 30px;
	}
}

.pb-40 {
	padding-bottom: 40px;
}
@media (max-width: 991px) {
	.pb-40 {
		padding-bottom: 30px;
	}
}

.pb-30 {
	padding-bottom: 30px;
}
@media (max-width: 991px) {
	.pb-30 {
		padding-bottom: 20px;
	}
}

.pt-30 {
	padding-top: 30px;
}
@media (max-width: 991px) {
	.pt-30 {
		padding-top: 20px;
	}
}

.pb-24 {
	padding-bottom: 24px;
}
@media (max-width: 991px) {
	.pb-24 {
		padding-bottom: 15px;
	}
}

.pt-24 {
	padding-top: 24px;
}
@media (max-width: 991px) {
	.pt-24 {
		padding-top: 15px;
	}
}

.pb-20 {
	padding-bottom: 20px;
}
@media (max-width: 991px) {
	.pb-20 {
		padding-bottom: 15px;
	}
}

.pt-20 {
	padding-top: 20px;
}
@media (max-width: 991px) {
	.pt-20 {
		padding-top: 15px;
	}
}

.pb-16 {
	padding-bottom: 16px;
}
@media (max-width: 991px) {
	.pb-16 {
		padding-bottom: 10px;
	}
}

.pt-16 {
	padding-top: 16px;
}
@media (max-width: 991px) {
	.pt-16 {
		padding-top: 10px;
	}
}

.pb-15 {
	padding-bottom: 15px;
}
@media (max-width: 991px) {
	.pb-15 {
		margin-bottom: 10px;
	}
}

.pt-15 {
	padding-top: 15px;
}
@media (max-width: 991px) {
	.pt-15 {
		margin-top: 10px;
	}
}

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

.pt-10 {
	padding-top: 10px;
}

.pb5 {
	padding-bottom: 5px;
}

.pt5 {
	padding-top: 5px;
}

.p-8 {
	padding: 8px;
}

.mt-120 {
	margin-top: 120px;
}
@media (max-width: 1199px) {
	.mt-120 {
		margin-top: 100px;
	}
}
@media (max-width: 991px) {
	.mt-120 {
		margin-top: 80px;
	}
}

.mb-120 {
	margin-bottom: 120px;
}
@media (max-width: 1199px) {
	.mb-120 {
		margin-bottom: 100px;
	}
}
@media (max-width: 991px) {
	.mb-120 {
		margin-bottom: 80px;
	}
}

.mt-100 {
	margin-top: 100px;
}
@media (max-width: 1199px) {
	.mt-100 {
		margin-top: 90px;
	}
}
@media (max-width: 991px) {
	.mt-100 {
		margin-top: 80px;
	}
}

.mb-100 {
	margin-bottom: 100px;
}
@media (max-width: 1199px) {
	.mb-100 {
		margin-bottom: 90px;
	}
}
@media (max-width: 991px) {
	.mb-100 {
		margin-bottom: 80px;
	}
}

.mt-80 {
	margin-top: 80px;
}
@media (max-width: 991px) {
	.mt-80 {
		margin-top: 60px;
	}
}

.mb-80 {
	margin-bottom: 80px;
}
@media (max-width: 991px) {
	.mb-80 {
		margin-bottom: 60px;
	}
}

.mt-60 {
	padding-top: 60px;
}
@media (max-width: 991px) {
	.mt-60 {
		margin-top: 50px;
	}
}

.mb-60 {
	margin-bottom: 60px;
}
@media (max-width: 991px) {
	.mb-60 {
		margin-bottom: 50px;
	}
}

.mt-50 {
	padding-top: 52px;
}
@media (max-width: 991px) {
	.mt-50 {
		margin-top: 40px;
	}
}

.mb-50 {
	margin-bottom: 52px;
}
@media (max-width: 991px) {
	.mb-50 {
		margin-bottom: 40px;
	}
}

.mt-40 {
	margin-top: 40px;
}
@media (max-width: 991px) {
	.mt-40 {
		margin-top: 30px;
	}
}

.mb-40 {
	margin-bottom: 40px;
}
@media (max-width: 991px) {
	.mb-40 {
		margin-bottom: 30px;
	}
}

.mb-30 {
	margin-bottom: 30px;
}
@media (max-width: 991px) {
	.mb-30 {
		margin-bottom: 20px;
	}
}

.mt-30 {
	margin-top: 30px;
}
@media (max-width: 991px) {
	.mt-30 {
		margin-top: 20px;
	}
}

.mb-24 {
	margin-bottom: 24px;
}
@media (max-width: 991px) {
	.mb-24 {
		margin-bottom: 15px;
	}
}

.mt-24 {
	padding-top: 24px;
}
@media (max-width: 991px) {
	.mt-24 {
		margin-top: 15px;
	}
}
@media (max-width: 767px) {
	.mt-24 {
		margin-top: 10px;
	}
}

.mb-20 {
	margin-bottom: 20px;
}
@media (max-width: 991px) {
	.mb-20 {
		margin-bottom: 15px;
	}
}

.mt-20 {
	padding-top: 20px;
}
@media (max-width: 991px) {
	.mt-20 {
		margin-top: 15px;
	}
}

.mb-15 {
	margin-bottom: 15px;
}
@media (max-width: 991px) {
	.mb-15 {
		margin-bottom: 10px;
	}
}

.mt-15 {
	margin-top: 15px;
}
@media (max-width: 991px) {
	.mt-15 {
		margin-top: 10px;
	}
}

.mb-16 {
	margin-bottom: 16px;
}
@media (max-width: 991px) {
	.mb-16 {
		margin-bottom: 10px;
	}
}

.mt-16 {
	margin-top: 16px;
}
@media (max-width: 991px) {
	.mt-16 {
		margin-top: 10px;
	}
}

.mb-10 {
	margin-bottom: 10px;
}

.mt-10 {
	margin-top: 10px;
}

.mb-8 {
	margin-bottom: 8px;
}

.mt-8 {
	margin-top: 8px;
}

.mb5 {
	margin-bottom: 5px;
}

.mt5 {
	margin-top: 5px;
}

.ftext {
	color: var(--ftext);
}

.nbg {
	background: #212020 !important;
}

.nice-select {
	background: rgba(54, 58, 237, 0.03);
	border-radius: 100px;
	border: 1px solid var(--border);
	color: var(--title);
	font-size: 14px;
	font-weight: 400;
	font-family: 'Kanit', sans-serif;
	width: unset;
	outline: none;
	padding: 13px 24px 13px;
}
.nice-select:hover {
	border-color: var(--border);
}
.nice-select option {
	color: var(--white);
}
.nice-select .current {
	margin-right: 18px;
}

.nice-select:after {
	right: 23px;
	border-bottom: 1px solid var(--title);
	border-right: 1px solid var(--title);
	width: 10px;
	height: 10px;
}

.cmborder {
	border: 1px solid #d9d9d9;
}

.nice-select.open .list {
	background: var(--white);
	margin-top: 16px;
	width: unset;
}

.nice-select .option.selected.focus {
	background: var(--white);
	outline: none;
}

.nice-select .option {
	border: 1px solid var(--border);
}
.nice-select .option:hover {
	background: transparent;
}

.pagination {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.pagination a {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	border: 1px solid var(--base);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: var(--base);
	transition: all 0.4s;
}
.pagination a:hover {
	background: var(--base);
	color: var(--white);
	border-color: var(--base);
}
.pagination a:hover i {
	color: var(--white);
}
.pagination a span {
	margin-top: -4px;
}
.pagination a span i {
	font-size: 22px;
	color: var(--text);
}
.pagination .border-added {
	border: none;
	width: 26px;
	height: 44px;
}
.pagination .border-added i {
	font-size: 36px;
}
.pagination .border-added:hover {
	background: transparent;
}
.pagination .border-added:hover i {
	color: var(--base);
}

.testimonial__wraptwo .owl-dots .owl-dot span {
	background: var(--border);
	width: 8px;
	height: 8px;
}
.testimonial__wraptwo .owl-dots .owl-dot.active span {
	width: 28px;
	background: linear-gradient(90deg, #1a4dbe 0%, #ae5ebe 100%);
}

.social li a {
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 50%;
	border: 1px solid rgba(0, 13, 39, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.social li a i {
	transition: all 0.3s;
	font-size: 16px;
}
.social li:hover a {
	background: var(--base);
	border-color: var(--base);
}
.social li:hover a i {
	color: var(--white) !important;
}

.cmn__icon {
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 50%;
	border: 1px solid var(--base);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--white);
}
.cmn__icon i {
	color: var(--white);
	font-size: 16px;
}

.section__title .sub__text {
	display: flex;
	gap: 8px;
	align-items: center;
}
.section__title .sub__text span {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	color: var(--base);
}
.section__title .sub__text img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}
.section__title .text-title {
	color: var(--white);
	font-size: 55px;
	font-style: normal;
	font-weight: 700;
	line-height: 65px;
	letter-spacing: -1.1px;
	text-transform: capitalize;
}
@media (max-width: 1399px) {
	.section__title .text-title {
		font-size: 42px;
		line-height: 55px;
	}
}
@media (max-width: 575px) {
	.section__title .sub__text {
		margin-bottom: 10px;
	}
	.section__title .text-title {
		font-size: 28px;
		line-height: 42px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1350px;
		margin: 0 auto;
	}
}

.base {
	color: var(--base) !important;
}

.base2 {
	color: var(--base2);
}

.ratting {
	color: var(--ratting);
}

.title {
	color: var(--subtitle);
}

.mtitle {
	color: var(--mtitle) !important;
}

.subtitle {
	color: #343e56;
}

.white {
	color: var(--white) !important;
}

.ptext {
	color: var(--pra) !important;
}

.ptext2 {
	color: var(--pragraph2);
}

.ptext3 {
	color: var(--pragraph3);
}

.bartext {
	color: var(--bartext);
}

.rattingbg {
	background: var(--ratting);
}

.gratext {
	background: -webkit-linear-gradient(#4569e7, #1aefd5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.round16 {
	border-radius: 16px;
}

.round50 {
	border-radius: 50%;
}

.round100 {
	border-radius: 100px;
}

.round300 {
	border-radius: 300px;
}

.round10 {
	border-radius: 10px;
}

.round5 {
	border-radius: 5px;
}

.text99 {
	color: #979797;
}

.bgsection {
	background: var(--bgsection);
}

.footerbg {
	background: var(--footer);
}

.bg1 {
	background: var(--bg1) !important;
}

.fixedclr {
	color: #e9f0ff !important;
}

.bgwhtie {
	background: var(--white);
}

.transition {
	transition: all 0.4s;
}

.bg-trans {
	background: transparent !important;
}

.bord {
	border: 1px solid var(--base);
}

.bord2 {
	border: 1px solid var(--base2);
}

.bord3 {
	border: 1px solid var(--base3);
}

.Marketybor {
	border: 1px solid #414141;
}

.Marketyext {
	color: #414141 !important;
}

.ashover {
	color: #414141 !important;
}
.ashover:hover {
	color: #fff !important;
}

.aw {
	color: #818181 !important;
}

.tw {
	color: #fff !important;
}

.bborder {
	border-bottom: 1px solid var(--border);
}

.bborder1 {
	border-bottom: 1px solid var(--border1);
}

.cborder {
	border-bottom: 1px solid var(--cborder);
}

.bborderdash {
	border-bottom: 1px dashed var(--border);
}

.tborderdash {
	border-top: 1px dashed var(--border);
}

.ralt {
	position: relative;
}

.roundtop {
	border-radius: 300px 300px 0 0;
}

@media (min-width: 992px) {
	.img__ending {
		justify-content: flex-end;
	}
}

.btnround5 {
	border-radius: 5px !important;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.overhid {
	overflow: hidden;
}

.bgadd {
	position: relative;
}
.bgadd::before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #1a4dbe 0%, #ae5ebe 100%);
	opacity: 0.1;
	z-index: -1;
}

.bgwhite {
	background: var(--white);
}

.boxes1 {
	background: var(--boxes1);
}

.boxes2 {
	background: var(--boxes2);
}

.boxes3 {
	background: var(--boxes3);
}

.boxes4 {
	background: var(--boxes4);
}

.blacks {
	color: #181818 !important;
}

.tcapi {
	text-transform: capitalize;
}

.icolor1 {
	color: var(--icolor1);
}

.icolor2 {
	color: var(--icolor2);
}

.round5 {
	border-radius: 5px;
}

.round10 {
	border-radius: 10px;
}

.round16 {
	border-radius: 16px;
}

.round20 {
	border-radius: 20px;
}

.round50 {
	border-radius: 50%;
}

.shadow1 {
	box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

.shadow2 {
	box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.04);
}

.shadow6 {
	box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px var(--theme-bg);
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--base);
	border-radius: 10px;
}

.twitter {
	background: var(--secoundary-color) !important;
}

.twitch {
	background: rgb(110, 60, 210) !important;
}

.youtube {
	background: rgb(172, 46, 46) !important;
}

.insta {
	background: rgb(207, 93, 93) !important;
}

.lind {
	background: rgb(78, 131, 228) !important;
}

.face {
	background: rgb(27, 114, 244) !important;
}

.owl-nav .owl-prev:hover {
	background: transparent;
}
.owl-nav .owl-prev:hover i {
	background: linear-gradient(
		101.84deg,
		#452ff4 1.08%,
		rgba(178, 65, 226, 0.7725490196) 98.75%
	);
	color: var(--white);
}
.owl-nav .owl-prev i {
	background: var(--white);
	width: 40px;
	height: 40px;
	border: 1px solid var(--base);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--base);
}
.owl-nav .owl-next:hover {
	background: transparent;
}
.owl-nav .owl-next:hover i {
	background: linear-gradient(
		101.84deg,
		#452ff4 1.08%,
		rgba(178, 65, 226, 0.7725490196) 98.75%
	);
	color: var(--white);
}
.owl-nav .owl-next i {
	background: var(--white);
	width: 40px;
	height: 40px;
	border: 1px solid var(--base);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--base);
}

.darktitle {
	color: #181818 !important;
}

.preloader__matias {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.941);
}
.preloader__matias .matias {
	display: block;
	width: 120px;
	height: 120px;
	border: 5px solid var(--base);
	border-radius: 50%;
	overflow: hidden;
	padding: 10px 5px 0;
	animation: upd 2s linear infinite;
	margin: 0 auto 5px;
}
.preloader__matias .matias img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin-bottom: -10px;
}
.preloader__matias .mati {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--base);
	color: transparent;
	letter-spacing: 8px;
}

@keyframes upd {
	50% {
		transform: translateY(-10px);
	}
}
.cus__mb60 {
	margin-bottom: 60px;
}
@media (max-width: 1600px) {
	.cus__mb60 {
		margin-bottom: 50px;
	}
}
@media (max-width: 1399px) {
	.cus__mb60 {
		margin-bottom: 40px;
	}
}
@media (max-width: 1199px) {
	.cus__mb60 {
		margin-bottom: 30px;
	}
}

.hover__circle {
	width: 208px;
	height: 208px;
	background: var(--base);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.hover__circle .box {
	position: relative;
	z-index: 1;
}
.hover__circle .box i {
	margin-bottom: 1px;
	font-size: 28px;
	display: block;
	color: var(--title);
	transition: all 0.4s;
}
.hover__circle .box .textmore {
	color: #282828;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	text-transform: capitalize;
	transition: all 0.4s;
}
.hover__circle::before {
	width: 208px;
	height: 208px;
	border-radius: 50%;
	border: 1px solid var(--base);
	content: '';
	position: absolute;
	top: 10px;
	left: -7px;
	transition: all 0.4s;
}
.hover__circle::after {
	border-radius: 50%;
	content: '';
	position: absolute;
	bottom: 38px;
	left: 0;
	transition: all 0.4s;
	width: 10px;
	background: var(--base);
	height: 10px;
	opacity: 0;
}
.hover__circle:hover .textmore {
	color: var(--title);
}
.hover__circle:hover i {
	color: var(--title);
}
.hover__circle:hover::before {
	top: -10px;
}
.hover__circle:hover::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	bottom: 0;
}
@media (max-width: 767px) {
	.hover__circle {
		width: 120px;
		height: 120px;
	}
	.hover__circle::before {
		width: 120px;
		height: 120px;
	}
	.hover__circle .box .textmore {
		font-size: 12px;
	}
	.hover__circle .box i {
		margin-bottom: 0px;
		font-size: 26px;
	}
}

.cmn__bg {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
}

.sub__contact {
	background: var(--bgsection);
	position: relative;
}
.sub__contact::before {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 450px;
	content: '';
	background: var(--bg1);
}
@media (max-width: 1399px) {
	.sub__contact::before {
		width: 300px;
	}
}
@media (max-width: 1199px) {
	.sub__contact::before {
		display: none;
	}
}

.sub__contact__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
}
.sub__contact__wrapper .sub__contact-left {
	display: flex;
	align-items: center;
	gap: 0px;
}
@media (max-width: 1399px) {
	.sub__contact__wrapper .icon {
		display: none !important;
	}
}
@media (max-width: 1199px) {
	.sub__contact__wrapper .sub__contact-left {
		gap: 30px;
	}
	.sub__contact__wrapper .sub__contact-right .social li a {
		border-color: var(--base);
	}
}
@media (max-width: 991px) {
	.sub__contact__wrapper .sub__contact-left {
		flex-wrap: wrap;
		align-items: center;
	}
}
@media (max-width: 500px) {
	.sub__contact__wrapper {
		flex-wrap: wrap;
		gap: 40px;
	}
}

.sub__contac-item {
	display: flex;
	align-items: center;
	gap: 15px;
}
.sub__contac-item .icon {
	width: 48px;
	height: 48px;
	background: var(--base);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.sub__contac-item .icon i {
	color: var(--white);
}
.sub__contac-item .content .address {
	color: rgba(255, 255, 255, 0.5);
	font-family: 'Kanit', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.sub__contac-item .content .textp {
	color: var(--white);
	font-family: 'Kanit', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

@media (max-width: 991px) {
	.cus__nonesub {
		display: none;
	}
}

.remove__click {
	width: 58px;
	height: 58px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
}
.remove__click i {
	font-size: 32px;
	color: var(--title);
}
.remove__click:hover {
	cursor: pointer;
}
@media (max-width: 1199px) {
	.remove__click {
		width: 39px;
		height: 39px;
	}
	.remove__click i {
		font-size: 22px;
	}
}

.subside__barmenu {
	width: 319px;
	height: 100%;
	position: fixed;
	z-index: 99999;
	background: #000;
	right: -320px;
	top: 0;
	transition: all 0.4s;
	overflow-y: scroll;
}
.subside__barmenu .remove__click {
	width: 40px;
	height: 40px;
	margin: 10px;
	background: var(--base);
	padding: 5px;
	border-radius: 6px;
	margin-left: auto;
}
.subside__barmenu .remove__click:hover {
	cursor: pointer;
}
.subside__barmenu .remove__click i {
	font-size: 22px;
}
.subside__barmenu .sub__contact__wrapper {
	padding: 40px 20px;
}
.subside__barmenu .sub__contact__wrapper .side-logo {
	margin-bottom: 20px;
}
.subside__barmenu .sub__contact__wrapper p {
	font-size: 14px;
	margin-bottom: 40px;
}
.subside__barmenu .sub__contact__wrapper .sub__contact-left {
	gap: 24px;
	margin-bottom: 40px;
}
.subside__barmenu .sub__contact__wrapper .social li a {
	width: 45px;
	height: 45px;
	background: var(--base);
	border: 1px solid var(--base);
}
.subside__barmenu .sub__contact__wrapper .social li a i {
	color: var(--title);
}
.subside__barmenu::before {
	display: none;
}
.subside__barmenu.active {
	right: 0px;
}

.header-section {
	width: 100%;
	border-bottom: 1px solid var(--cusborder);
	z-index: 9;
	position: relative;
}
@media (min-width: 1200px) {
	.header-section .container {
		max-width: 1805px;
		margin: 0 auto;
	}
}
.header-section::before {
	position: absolute;
	left: calc(15% - 40px);
	top: 0;
	width: 1px;
	height: 100%;
	content: '';
	background: var(--cusborder);
}
.header-section::after {
	position: absolute;
	right: calc(20% - 60px);
	top: 0;
	width: 1px;
	height: 100%;
	content: '';
	background: var(--cusborder);
}
@media (max-width: 1600px) {
	.header-section::after {
		right: calc(20% - 30px);
	}
}
@media (max-width: 1399px) {
	.header-section::after,
	.header-section::before {
		display: none;
	}
}

.menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	transition: all 0.9s;
	background: #000000;
	box-shadow: 0px -31px 32px 9px #234dd4;
}

.header-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	transition: all 0.9s;
	width: 100%;
	position: relative;
	padding: 20px 0;
}
.header-wrapper .menu__components {
	gap: 16px;
}
.header-wrapper .menu__components .cmn--btn {
	padding: 19px 26px;
}
@media (max-width: 1199px) {
	.header-wrapper .menu__components .cmn--btn {
		font-size: 14px;
		font-weight: 500;
		padding: 9px 16px;
	}
}
@media (max-width: 991px) {
	.header-wrapper .menu__components .cmn--btn {
		padding: 7px 11px;
	}
}
@media (max-width: 500px) {
	.header-wrapper .menu__components .cmn--btn {
		padding: 6px 8px;
	}
}
@media screen and (max-width: 500px) and (max-width: 374px) {
	.header-wrapper .menu__components .cmn--btn {
		display: none !important;
	}
}
.header-wrapper .main__logo .logo {
	display: block;
	width: 150px;
}
.header-wrapper .main__logo .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media (max-width: 1199px) {
	.header-wrapper .main__logo .logo {
		width: 100px;
	}
}
@media (max-width: 575px) {
	.header-wrapper .main__logo .logo {
		width: 100px;
	}
}
.header-wrapper .main-menu {
	display: flex;
	align-items: center;
}
.header-wrapper .main-menu li {
	transition: all 0.4s;
	position: relative;
}
.header-wrapper .main-menu li a {
	color: var(--white);
	font-size: 28px;
	font-style: normal;
	font-family: 'Kanit', sans-serif;
	font-weight: bolder;
	line-height: 120%;
	text-transform: uppercase;
	padding: 40px 29px;
}
.header-wrapper .main-menu li a:hover {
	color: var(--base);
}
.header-wrapper .main-menu li a i {
	margin-left: 2px;
	font-size: 16px !important;
	color: var(--title);
}
.header-wrapper .main-menu li .sub-menu {
	position: relative;
	padding: 5px 5px 5px 5px;
	transition: all 0.4s;
}
@media (min-width: 992px) {
	.header-wrapper .main-menu li .sub-menu .sub-menutwo ul {
		position: absolute;
		top: -31px;
		left: 100%;
		width: 250px;
		z-index: 999;
		transition: all 0.3s;
		background: var(--white);
		box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 34px 0px;
		justify-content: center;
		opacity: 0;
		gap: 5px;
		transform: translateY(55px);
		visibility: hidden;
		display: block !important;
	}
	.header-wrapper .main-menu li .sub-menu .sub-menutwo ul li a {
		color: var(--title);
	}
	.header-wrapper .main-menu li .sub-menu .sub-menutwo ul li:hover a {
		color: var(--base);
		padding-left: 10px;
	}
	.header-wrapper .main-menu li .sub-menu .sub-menutwo:hover ul {
		opacity: 1;
		visibility: visible;
		transform: translateY(25px);
	}
	.header-wrapper .main-menu li .sub-menu .sub-menutwo:hover ul li a::before {
		display: none;
	}
}
@media (min-width: 992px) {
	.header-wrapper .main-menu li .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 250px;
		z-index: 999;
		transition: all 0.3s;
		background: var(--white);
		box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 34px 0px;
		justify-content: center;
		opacity: 0;
		gap: 5px;
		transform: translateY(55px);
		visibility: hidden;
		display: block !important;
	}
	.header-wrapper .main-menu li .sub-menu ul {
		display: block !important;
	}
}
.header-wrapper .main-menu li .sub-menu li {
	transition: all 0.4s !important;
}
.header-wrapper .main-menu li .sub-menu li a {
	color: var(--title);
	text-transform: capitalize;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	display: block;
	padding: 5px 8px;
	margin: 1px;
	border-radius: 8px;
	transition: all 0.4s;
}
.header-wrapper .main-menu li .sub-menu li a i {
	font-size: 14px !important;
}
@media (max-width: 991px) {
	.header-wrapper .main-menu li .sub-menu li a {
		font-size: 14px;
		font-weight: 500;
	}
}
@media (min-width: 992px) {
	.header-wrapper .main-menu li .sub-menu li:not(:last-child) {
		border-bottom: 1px solid var(--changeborder);
	}
	.header-wrapper .main-menu li .sub-menu li a {
		padding: 10px 10px;
	}
}
.header-wrapper .main-menu li .sub-menu li:hover a {
	color: var(--base);
	padding-left: 20px;
}
@media (min-width: 992px) {
	.header-wrapper .main-menu li:hover .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(25px);
	}
	.header-wrapper .main-menu li:hover .sub-menu::before {
		position: absolute;
		content: '';
		top: -18px;
		left: 26px;
		width: 28px;
		height: 20px;
		background: #fff;
		clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
		box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
	}
}
@media (max-width: 1600px) {
	.header-wrapper .main-menu {
		gap: 0 14px;
	}
	.header-wrapper .main-menu li a {
		font-size: 16px;
		padding: 16px 16px;
	}
}
@media (max-width: 1399px) {
	.header-wrapper .main-menu {
		gap: 0 14px;
	}
	.header-wrapper .main-menu li a {
		font-size: 14px;
		padding: 16px 10px;
	}
}
@media (max-width: 1199px) {
	.header-wrapper .main-menu {
		gap: 0 14px;
	}
	.header-wrapper .main-menu li a {
		font-size: 14px;
		padding: 16px 4px;
	}
}
@media (max-width: 991px) {
	.header-wrapper .main-menu {
		gap: 0 14px;
	}
	.header-wrapper .main-menu li a {
		font-size: 14px;
		padding: 16px 2px;
	}
}
.header-wrapper .menu__right__components {
	gap: 15px;
}
@media (max-width: 500px) {
	.header-wrapper .menu__right__components {
		gap: 10px;
	}
}

@media screen and (max-width: 991px) {
	.main-menu {
		position: fixed;
		top: 54px;
		width: 100%;
		left: 0;
		display: block !important;
		margin-top: 20px;
		z-index: 999;
		padding: 15px 15px;
		transition: all 0.4s !important;
		transform-origin: top;
		max-height: calc(100vh - 130px);
		background: var(--subtitle);
		overflow-y: auto;
	}
	.main-menu:not(.active) {
		position: fixed;
		opacity: 0;
		visibility: hidden;
	}
	.main-menu li {
		width: 100%;
		border-radius: 2px;
		border-bottom: 1px solid rgba(170, 181, 200, 0.5);
	}
	.main-menu li a {
		display: block;
		padding: 8px 10px 6px;
	}
	.main-menu li .sub-menu {
		display: none;
	}
	.main-menu li .sub-menu li {
		border-bottom: unset;
	}
	.main-menu .active a {
		color: var(--white);
	}
	.header-bar {
		position: relative;
		width: 31px;
		height: 20px;
	}
	.header-bar span {
		position: absolute;
		width: 100%;
		height: 2px;
		display: inline-block;
		transition: all 0.3s;
		left: 0;
		background: var(--white);
	}
	.header-bar span:first-child {
		top: 0;
		background: var(--white);
	}
	.header-bar span:nth-child(2) {
		top: 44%;
		background: var(--white);
	}
	.header-bar span:last-child {
		bottom: 0;
		background: var(--white);
	}
	.header-bar.active span:first-child {
		transform: rotate(45deg) translate(3px, 9px);
	}
	.header-bar.active span:nth-child(2) {
		opacity: 0;
	}
	.header-bar.active span:last-child {
		transform: rotate(-45deg) translate(3px, -9px);
	}
	.main-menu li a {
		font-size: 20px;
		font-weight: 500;
		padding: 12px 10px;
	}
	.header-bar:hover {
		cursor: pointer;
	}
}
.banner__section {
	background: url(../img/banner/bg.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	background-attachment: fixed;
}
.banner__section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.banner-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	position: relative;
	z-index: 2;
}

.banner__content {
	padding: 140px 0;
	flex: 1;
	max-width: 50%;
}

.banner__content .bn__currently {
	font-size: 24px;
	margin-bottom: 50px;
	border-bottom: 1px solid var(--white);
	color: var(--white);
	display: inline-block;
	padding-bottom: 16px;
}
.banner__content .bn__currently:hover {
	color: var(--base);
	border-color: var(--base);
}
.banner__content h1 {
	font-size: 86px;
	margin-bottom: 50px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.banner__content .video__area {
	gap: 24px;
	align-items: center;
	display: flex;
}
.banner__content .video__area .proces {
	font-size: 20px;
	color: var(--white);
	width: 67px;
}
@media (max-width: 1600px) and (min-width: 1200px) {
	.banner__content {
		padding-left: 40px;
	}
}
@media (max-width: 1399px) {
	.banner__content .bn__currently {
		font-size: 24px;
		margin-bottom: 50px;
		padding-bottom: 16px;
	}
	.banner__content h1 {
		font-size: 68px;
	}
	.banner__content .video__area {
		gap: 24px;
	}
	.banner__content .video__area .proces {
		font-size: 20px;
		width: 67px;
	}
}
@media (max-width: 1199px) {
	.banner__content {
		padding: 120px 0 150px;
	}
}
@media (max-width: 991px) {
	.banner__content .bn__currently {
		font-size: 26px;
		margin-bottom: 40px;
		padding-bottom: 10px;
	}
	.banner__content h1 {
		font-size: 62px;
		margin-bottom: 40px;
		line-height: 1.2;
	}
	.banner__content .video__area {
		gap: 24px;
		justify-content: flex-start;
	}
	.banner__content .video__area .proces {
		width: auto;
		font-size: 22px;
	}
}
@media (max-width: 767px) {
	.banner__content {
		padding: 80px 0 100px;
	}
	.banner__content .bn__currently {
		font-size: 22px;
		margin-bottom: 35px;
		padding-bottom: 10px;
	}
	.banner__content h1 {
		font-size: 58px;
		margin-bottom: 40px;
		line-height: 1.2;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	}
	.banner__content .video__area {
		gap: 24px;
	}
	.banner__content .video__area .proces {
		font-size: 20px;
		width: 67px;
	}
}
@media (max-width: 575px) {
	.banner__content {
		padding: 60px 0 65px;
	}
	.banner__content .bn__currently {
		font-size: 16px;
		margin-bottom: 35px;
		padding-bottom: 10px;
	}
	.banner__content h1 {
		font-size: 36px;
		margin-bottom: 30px;
	}
	.banner__content .video__area {
		gap: 24px;
	}
	.banner__content .video__area .proces {
		width: 67px;
	}
}
@media (max-width: 575px) {
	.banner__content {
		padding: 60px 0 60px;
	}
	.banner__content .bn__currently {
		margin-bottom: 28px;
	}
	.banner__content h1 {
		font-size: 42px;
		margin-bottom: 30px;
	}
	.banner__content .video__area {
		gap: 24px;
	}
	.banner__content .video__area .video__80 {
		width: 50px;
		height: 50px;
	}
	.banner__content .video__area .proces {
		font-size: 16px;
	}
}

.banner__thumb {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.banner__thumb img {
	width: 100%;
	height: auto;
	max-width: 750px;
	object-fit: contain;
}
@media (max-width: 1399px) {
	.banner__thumb {
		flex: 0 0 45%;
	}
	.banner__thumb img {
		max-width: 600px;
	}
}
@media (max-width: 991px) {
	.banner-wrapper {
		gap: 30px;
		padding: 0 20px;
	}
	.banner__content {
		max-width: 50%;
		padding: 70px 0;
	}
	.banner__thumb {
		flex: 0 0 50%;
	}
}
@media (max-width: 767px) {
	.banner-wrapper {
		gap: 20px;
	}
	.banner__content {
		max-width: 55%;
		padding: 60px 0;
	}
	.banner__thumb {
		flex: 0 0 45%;
	}
}
@media (max-width: 575px) {
	.banner-wrapper {
		flex-direction: row;
		text-align: left;
		gap: 15px;
		align-items: center;
	}
	.banner__content {
		max-width: 60%;
		padding: 50px 0;
		text-align: left;
	}
	.banner__thumb {
		flex: 0 0 40%;
		justify-content: flex-end;
	}
	.banner__thumb img {
		max-width: 200px;
	}
	.banner__content h1 {
		font-size: 28px;
	}
}

.banner__leftinfo {
	position: absolute;
	left: -55px;
	top: 45%;
	transform: translateY(-50%);
	display: grid;
	gap: 220px;
}
@media (max-width: 1600px) {
	.banner__leftinfo {
		left: -40px;
	}
}
@media (max-width: 1399px) {
	.banner__leftinfo {
		left: -60px;
	}
}
@media (max-width: 1199px) {
	.banner__leftinfo {
		left: -59px;
	}
}
@media screen and (max-width: 1199px) and (max-width: 1023px) {
	.banner__leftinfo {
		display: none;
	}
}

.left__infomobile {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 200px;
	transform: rotate(90deg);
	justify-content: center;
}
.left__infomobile a {
	font-size: 20px;
	color: var(--white);
}
.left__infomobile a img {
	transform: rotate(-90deg);
}
@media (max-width: 1600px) {
	.left__infomobile {
		gap: 16px;
	}
	.left__infomobile a {
		font-size: 16px;
	}
	.left__infomobile a img {
		width: 16px;
	}
}

.right__infoscroll {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 110px;
	transform: rotate(90deg);
	margin-bottom: 200px;
}
.right__infoscroll .scroll__bar {
	transform: rotate(-90deg);
}
.right__infoscroll .scroll {
	font-size: 18px;
	color: var(--pra);
	text-transform: uppercase;
}
@media (max-width: 1600px) {
	.right__infoscroll {
		gap: 50px;
	}
	.right__infoscroll .scroll {
		font-size: 15px;
	}
	.right__infoscroll .scroll__bar img {
		width: 20px;
		object-fit: contain;
	}
}

.banner__rightinfo {
	right: 0px;
	gap: 150px;
	top: 55%;
	display: grid;
	position: absolute;
	transform: translateY(-50%);
}
.banner__rightinfo .right__infoscroll {
	margin-bottom: 0;
}
.banner__rightinfo .banner__xlsocial .banner__soci {
	gap: 14px;
}
.banner__rightinfo .banner__xlsocial .banner__soci li a {
	width: 46px;
	height: 46px;
	border-radius: 50%;

	background-color: #183b4b;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner__rightinfo .banner__xlsocial .banner__soci li a i {
	color: var(--white);
	transition: all 0.4s;
}
.banner__rightinfo .banner__xlsocial .banner__soci li a:hover i {
	color: var(--base);
}
@media (max-width: 1399px) {
	.banner__rightinfo {
		margin-right: -30px;
	}
	.banner__rightinfo .banner__xlsocial .banner__soci {
		gap: 10px;
	}
	.banner__rightinfo .banner__xlsocial .banner__soci li a {
		width: 38px;
		height: 38px;
	}
	.banner__rightinfo .banner__xlsocial .banner__soci li a i {
		font-size: 14px;
	}
}
@media (max-width: 991px) {
	.banner__rightinfo {
		display: none;
	}
	.banner__leftinfo {
		display: none;
	}
}

.vid__arrow {
	animation: cir5 2s linear infinite;
}

.designers {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--white);
	color: transparent;
	transition: all 0.5s;
	position: relative;
	white-space: nowrap;
}
.designers::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	color: var(--base);
	width: 0px;
	overflow: hidden;
	animation: pulse-width 3s ease-in infinite;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--base);
}

@keyframes pulse-width {
	50% {
		width: 100%;
	}
}
.breadcrumnd__wrap h1 {
	font-size: 60px;
	color: var(--white);
	margin-bottom: 40px;
}
.breadcrumnd__wrap .breakcrumnd__cont {
	display: flex;
	align-items: center;
	gap: 10px;
}
.breadcrumnd__wrap .breakcrumnd__cont li {
	font-size: 24px;
	font-family: 'Caveat', cursive;
}
.breadcrumnd__wrap .breakcrumnd__cont li a {
	color: var(--white);
	font-family: 'Caveat', cursive;
}
@media (max-width: 500px) {
	.breadcrumnd__wrap .breakcrumnd__cont {
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px 14px;
	}
}
@media (max-width: 991px) {
	.breadcrumnd__wrap h1 {
		font-size: 36px;
		color: var(--white);
		margin-bottom: 34px;
	}
}
@media (max-width: 575px) {
	.breadcrumnd__wrap h1 {
		font-size: 30px;
		color: var(--white);
		margin-bottom: 22px;
	}
}

.about__section .singletab .tablinks {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	margin-bottom: 100px;
}
.about__section .singletab .tablinks li button {
	border-radius: 10px;
	background-color: rgb(29, 29, 29);
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	border: unset;
	padding: 16px 30px;
	color: var(--white);
	text-align: center;
}
.about__section .singletab .tablinks li.active button {
	background: var(--base);
	color: var(--title);
}
.tablink:hover {
	/* cursor: pointer; */
	background: var(--hover) !important;
}
@media (max-width: 991px) {
	.about__section .singletab .tablinks {
		margin-bottom: 70px;
		gap: 14px;
	}
	.about__section .singletab .tablinks li button {
		border-radius: 10px;
		background-color: rgb(29, 29, 29);
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		border: unset;
		padding: 10px 20px;
		color: var(--white);
		text-align: center;
	}
}
@media (max-width: 575px) {
	.about__section .singletab .tablinks {
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
}

.personal__head {
	margin: 0 auto 60px;
}
.personal__head p {
	font-size: 42px;
	font-weight: 500;
	color: var(--white);
}
.personal__head img {
	animation: cir360 10s linear infinite;
}
@media (max-width: 1199px) {
	.personal__head {
		margin: 0 auto 50px;
	}
}
@media (max-width: 991px) {
	.personal__head p {
		font-size: 28px;
	}
}
@media (max-width: 767px) {
	.personal__head {
		margin: 0 auto 30px;
	}
	.personal__head img {
		width: 30px;
	}
	.personal__head p {
		font-size: 20px;
	}
}
@media (max-width: 500px) {
	.personal__head img {
		width: 30px;
	}
	.personal__head p {
		font-size: 16px;
	}
}

.about__v1wrap {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
	padding: 60px 60px;
	border-radius: 10px;
	overflow: hidden;
}
@media (max-width: 575px) {
	.about__v1wrap {
		padding: 40px 20px;
	}
}
@media (max-width: 500px) {
	.about__v1wrap {
		padding: 30px 10px;
	}
}

.about__onethumb {
	width: 100%;
}
.about__onethumb img {
	width: 100%;
}

.about__onecontent {
	padding-left: 40px;
}
.about__onecontent h2 {
	font-size: 42px;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.about__onecontent h2 {
		font-size: 32px;
	}
}
.about__onecontent .about__contactwrap {
	flex-wrap: wrap;
	display: flex;
	margin-top: 40px;
}
.about__onecontent .about__contactwrap .abox {
	border-radius: 10px;
	background-color: rgb(29, 29, 29);
	padding: 35px 35px;
	border: 1px solid rgb(29, 29, 29);
	transition: all 0.4s;
}
.about__onecontent .about__contactwrap .abox a {
	font-size: 18px;
	color: var(--white);
}
.about__onecontent .about__contactwrap .abox ul li a i {
	transition: all 0.4s;
}
.about__onecontent .about__contactwrap .abox ul li a i:hover {
	color: var(--base);
}
.about__onecontent .about__contactwrap .abox:hover {
	border-color: var(--base);
}
@media (max-width: 1600px) {
	.about__onecontent .about__contactwrap .abox {
		padding: 28px 24px;
	}
}
@media (max-width: 991px) {
	.about__onecontent {
		padding-left: 0;
	}
}

.tabcontents {
	position: relative;
}

.tabitem {
	transform: translateY(100px);
	position: absolute;
	z-index: -1;
	top: 0;
	width: 100%;
	opacity: 0;
	transition: 0.5s all;
}

.tabitem.active {
	position: initial;
	z-index: 1;
	opacity: 1;
	transform: translateY(0);
}

.awoard__section {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
	padding: 120px 0px;
	overflow: hidden;
}
@media (max-width: 1399px) {
	.awoard__section {
		padding: 100px 0;
	}
}
@media (max-width: 1199px) {
	.awoard__section {
		padding: 60px 0 80px;
	}
}

.award__wraper .table tbody tr td {
	background: transparent;
	font-size: 20px;
	font-weight: 500;
	color: var(--white);
	padding: 30px 0;
	border-bottom: 1px solid #2c3030;
}
.award__wraper .table tbody tr td .table__view {
	font-size: 18px;
	margin-top: 28px !important;
}
.award__wraper .table tbody tr td .table__title {
	font-size: 42px;
}
@media (max-width: 991px) {
	.award__wraper .table tbody tr td {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.award__wraper .table tbody tr td {
		font-size: 16px;
	}
	.award__wraper .table tbody tr td .table__view {
		font-size: 16px;
		margin-top: 28px !important;
	}
	.award__wraper .table tbody tr td .table__title {
		font-size: 28px;
	}
}
@media (max-width: 500px) {
	.award__wraper .table tbody tr td {
		font-size: 14px;
	}
	.award__wraper .table tbody tr td .table__view {
		font-size: 14px;
		margin-top: 0px !important;
	}
	.award__wraper .table tbody tr td .table__title {
		font-size: 20px;
		line-height: 1.2;
	}
}
@media (max-width: 575px) {
	.award__wraper .table tbody tr .cusnoe {
		display: none;
	}
}

.exri__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--cusborder);
	padding-top: 24px;
	padding-bottom: 24px;
	transition: all 0.4s;
}
.exri__item:last-child {
	border-bottom: 1px solid var(--cusborder);
}
.exri__item:hover {
	border-color: var(--hover);
}
@media (max-width: 500px) {
	.exri__item .expri__cont h4 {
		font-size: 18px;
	}
}

.myskill__item {
	display: flex;
	align-items: center;
	gap: 24px;
}

.marquee-wrapper {
	background: var(--base);
}

.text-slider {
	padding: 13px 0;
	font-size: 36px;
	height: 90px;
	font-weight: 500;
	color: var(--white);
	text-transform: uppercase;
	letter-spacing: 7px;
}
@media (max-width: 1399px) {
	.text-slider {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	.text-slider {
		height: 70px;
		padding: 1px 0;
	}
	.text-slider .marquee-item img {
		width: 220px;
	}
}

.marquee-wrapper {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.marquee-inner {
	position: absolute;
	display: inline-flex;
	width: 200%;
}
.marquee-list {
	float: left;
	width: 50%;
}
.marquee-item {
	float: left;
	transition: animation 0.2s ease-out;
}

.marquee-inner.to-right {
	animation: marqueeRight 25s linear infinite;
}

@keyframes marqueeRight {
	0% {
		left: -100%;
	}
	100% {
		left: 0;
	}
}
.marquee-inner.to-left {
	animation: marqueeLeft 25s linear infinite;
}

@keyframes marqueeLeft {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}
.project__wrapone {
	padding-right: 18px;
}
@media (max-width: 1199px) {
	.project__wrapone {
		padding-right: 10px;
	}
}
@media (max-width: 991px) {
	.project__wrapone {
		padding-right: 6px;
	}
}
@media (max-width: 991px) {
	.project__wrapone {
		padding-right: 2px;
	}
}

.project__wraptwo {
	padding-left: 18px;
}
@media (max-width: 1199px) {
	.project__wraptwo {
		padding-left: 10px;
	}
}
@media (max-width: 991px) {
	.project__wraptwo {
		padding-left: 6px;
	}
}
@media (max-width: 991px) {
	.project__wraptwo {
		padding-left: 2px;
	}
}

.project__head {
	max-width: 920px;
	margin: 0 auto 60px;
}
.project__head h2 {
	font-size: 60px;
}
@media (max-width: 991px) {
	.project__head h2 {
		font-size: 48px;
	}
}
@media (max-width: 767px) {
	.project__head {
		margin: 0 auto 50px;
	}
	.project__head h2 {
		font-size: 36px;
	}
}
@media (max-width: 500px) {
	.project__head {
		margin: 0 auto 45px;
	}
	.project__head h2 {
		font-size: 29px;
	}
}

.common__sub {
	font-size: 32px;

	font-family: 'Times New Roman', Times, serif;

	color: var(--base);
	position: relative;
	display: flex;
	align-items: center;
	gap: 24px;
	justify-content: center;
	width: 533px;
	margin: 0 auto 30px;
	text-transform: uppercase;
}
.common__sub::after,
.common__sub::before {
	position: absolute;
	content: '';
}
.common__sub::before {
	left: 0;
	width: 50px;
	height: 1px;
	background: var(--base);
}
.common__sub::after {
	right: 0;
	width: 50px;
	height: 1px;
	background: var(--base);
}
@media (max-width: 500px) {
	.common__sub {
		width: 280px;
		gap: 14px;
	}
	.common__sub::before {
		left: 0;
		width: 20px;
		height: 1px;
		background: var(--base);
	}
	.common__sub::after {
		right: 0;
		width: 20px;
		height: 1px;
		background: var(--base);
	}
}

.project__item .thumb {
	overflow: hidden;
	display: block;
	width: 100%;
}
.project__item .thumb img {
	width: 100%;
	overflow: hidden;
	transition: all 0.4s;
	border-radius: 10px;
}
.project__item .content .left__cont span {
	font-size: 18px;
	display: block;
}
.project__item .content .left__cont h3 {
	font-size: 30px;
}
.project__item:hover .thumb img {
	transform: scale(1.025);
}
.project__item:hover .content .common__icon {
	background: var(--base);
}
.project__item:hover .content .common__icon i {
	color: var(--title);
}
@media (max-width: 1399px) {
	.project__item .content .left__cont span {
		font-size: 16px;
	}
	.project__item .content .left__cont h3 {
		font-size: 24px;
	}
}
@media (max-width: 500px) {
	.project__item .content .left__cont span {
		font-size: 16px;
	}
	.project__item .content .left__cont h3 {
		font-size: 20px;
	}
	.project__item .content .common__icon {
		min-width: 45px;
		height: 45px;
	}
	.project__item .content .common__icon i {
		font-size: 18px;
	}
}

.common__icon {
	border-radius: 6px;
	background-color: rgb(29, 29, 29);
	min-width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s;
}
.common__icon i {
	color: var(--white);
	transition: all 0.4s;
	font-size: 20px;
}
.common__icon:hover {
	background: var(--base);
}
.common__icon:hover i {
	color: var(--title);
}

.custom__hover {
	margin-top: 100px;
	display: flex;
	justify-content: center;
}
@media (max-width: 1399px) {
	.custom__hover {
		margin-top: 60px;
	}
}
@media (max-width: 767px) {
	.custom__hover {
		margin-top: 40px;
	}
}

.project__metting {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
	padding: 60px 0px;
	overflow: hidden;
}

.pro__mettingthumb {
	width: 100%;
	padding-left: 10px;
}
.pro__mettingthumb img {
	width: 100%;
}
@media (max-width: 991px) {
	.pro__mettingthumb {
		max-width: 400px;
	}
}

.pro__metting__content {
	padding-right: 60px;
}
.pro__metting__content .common__sub {
	margin: 0 0 24px;
}
.pro__metting__content .common__sub::after {
	display: none;
}
.pro__metting__content .project__head {
	border-bottom: 1px solid rgb(38, 37, 37);
	padding-bottom: 30px;
	margin-bottom: 30px;
	transition: all 0.4s;
}
.pro__metting__content .project__head:hover {
	border-bottom: 1px solid var(--base);
}
.pro__metting__content .about__contbox__item {
	display: flex;
	gap: 20px;
	align-items: center;
	transition: all 0.4s;
	border-bottom: 1px solid rgb(38, 37, 37);
}
.pro__metting__content .about__contbox__item .icon {
	min-width: 60px;
	min-height: 60px;
	border-radius: 50%;
	background: var(--base);
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro__metting__content .about__contbox__item .icon i {
	font-size: 26px;
	color: var(--title);
}
.pro__metting__content .about__contbox__item a {
	color: var(--white);
	font-size: 20px;
}
.pro__metting__content .about__contbox__item:hover {
	border-bottom: 1px solid var(--base);
}
@media (max-width: 767px) {
	.pro__metting__content .about__contbox__item {
		gap: 10px;
	}
	.pro__metting__content .about__contbox__item a {
		font-size: 16px;
	}
}
@media (max-width: 1399px) and (min-width: 992px) {
	.pro__metting__content .project__head h2 {
		font-size: 36px;
	}
}
@media (max-width: 991px) {
	.pro__metting__content {
		padding-right: 0;
	}
}

.service__section .project__head {
	max-width: 1020px;
}
.service__section .project__head .common__sub {
	width: 408px;
}
@media (max-width: 500px) {
	.service__section .project__head .common__sub {
		width: 280px;
		margin-bottom: 16px;
		font-size: 18px;
	}
	.service__section .project__head h2 {
		font-size: 22px;
		line-height: 30px;
	}
}

.service__unique__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgb(38, 37, 37);
	gap: 14px;
	transition: all 0.4s;
}
.service__unique__item .left__service {
	width: 1062px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}
.service__unique__item .left__service .serial__adjust {
	display: flex;
	gap: 60px;
}
.service__unique__item .left__service .serial__adjust span {
	font-size: 20px;
}
.service__unique__item .left__service .serial__adjust .cont h2 a {
	color: var(--white);
	transition: all 0.4s;
}
.service__unique__item .left__service p {
	font-size: 16px;
	width: 400px;
}
.service__unique__item:first-child {
	border-top: 1px solid rgb(38, 37, 37);
}
.service__unique__item:hover {
	border-color: rgba(194, 236, 29, 0.6196078431);
}
.service__unique__item:hover .left__service .serial__adjust .cont h2 a {
	color: var(--base);
}
.service__unique__item:hover .common__icon {
	background: var(--base);
}
.service__unique__item:hover .common__icon i {
	color: var(--title);
}
@media (max-width: 991px) {
	.service__unique__item .left__service .serial__adjust {
		gap: 16px;
	}
	.service__unique__item .left__service .serial__adjust h5 {
		font-size: 16px;
		font-weight: 500;
	}
	.service__unique__item .left__service .serial__adjust h2 {
		font-size: 26px;
	}
	.service__unique__item .left__service p {
		width: 300px;
	}
	.service__unique__item .left__service {
		flex-wrap: wrap;
		gap: 20px;
	}
	.service__unique__item .left__service .serial__adjust {
		width: 100%;
	}
	.service__unique__item .left__service p {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.service__unique__item .left__service {
		flex-wrap: wrap;
		gap: 8px;
	}
}
@media (max-width: 500px) {
	.service__unique__item {
		flex-wrap: wrap;
		gap: 20px;
	}
}

.service__rightbox {
	padding: 30px;
	border: 1px solid var(--cusborder);
	border-radius: 8px;
}
@media (max-width: 1399px) {
	.service__rightbox {
		padding: 20px;
	}
}
.service__rightbox h3 {
	font-size: 30px;
	color: var(--white);
	margin-bottom: 30px;
}
.service__rightbox .link__box {
	padding: 20px 28px 26px;
	border-radius: 10px;
	border: 1px solid var(--cusborder);
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--white);
	font-size: 24px;
	transition: all 0.4s;
}
.service__rightbox .link__box i {
	color: var(--white);
	font-size: 22px;
	transition: all 0.4s;
}
.service__rightbox .link__box:hover {
	background: var(--base);
	border-color: var(--base);
	color: var(--title);
}
.service__rightbox .link__box:hover i {
	color: var(--title);
}
@media (max-width: 1399px) {
	.service__rightbox .link__box {
		padding: 10px 12px;
		font-size: 14px;
	}
}
.service__rightbox .thumb {
	position: relative;
	width: 100%;
}
.service__rightbox .thumb img {
	width: 100%;
}
.service__rightbox .thumb .cmn--btn {
	width: 190px;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
}
.service__rightbox .thumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	content: '';
	border-radius: 10px;
	background-color: rgb(12, 12, 13);
	opacity: 0.651;
}

.ser__left__details .thumb {
	width: 100%;
	margin-bottom: 60px;
}
.ser__left__details .thumb img {
	width: 100%;
}
.ser__left__details .text__box .textt36 {
	font-size: 36px;
	margin-bottom: 30px;
	color: var(--white);
}
@media (max-width: 1199px) {
	.ser__left__details .text__box .textt36 {
		font-size: 24px;
		margin-bottom: 20px;
	}
}

.paythumb {
	width: 100%;
	margin-bottom: 60px;
}
.paythumb img {
	width: 100%;
}
.paythumb .video__80 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.paythumb::before {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	content: '';
	border-radius: 10px;
	background-color: rgb(12, 12, 13);
	opacity: 0.651;
}

.ser__components .accordion-item {
	border-radius: 8px;
	background-color: rgb(23, 23, 23);
	border: none;
	border-radius: 10px;
}
.ser__components .accordion-item:not(:last-child) {
	margin-bottom: 22px;
}
.ser__components .accordion-item .accordion-header .accordion-button {
	border-radius: 8px;
	box-shadow: none;
	background-color: rgb(23, 23, 23);
	font-size: 20px;
	line-height: 150%;
	font-weight: 400;
	color: #fff;
	border: unset;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px 24px;
}
.ser__components
	.accordion-item
	.accordion-header
	.accordion-button:not(.collapsed)::after {
	display: none;
}
.ser__components
	.accordion-item
	.accordion-header
	.accordion-button:not(.collapsed) {
	color: #c9f31d;
	box-shadow: none;
	border: unset;
	background: transparent;
}
.ser__components
	.accordion-item
	.accordion-header
	.accordion-button:not(.collapsed)
	i {
	transform: rotate(180deg);
}
.ser__components .accordion-body {
	border-top: unset;
	padding: 10px 16px 14px;
	padding: 0 30px 30px;
}
.ser__components .accordion-body p {
	color: #999999;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	text-transform: capitalize;
}

.ser__components .accordion-item .accordion-header .accordion-button::after {
	display: none;
}

.process__section {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
@media (max-width: 500px) {
	.process__section .project__head .common__sub {
		margin-bottom: 14px;
	}
	.process__section .project__head h2 {
		font-size: 23px;
	}
}

.process__item {
	overflow: hidden;
	transition: all 0.4s;
	border: 1px solid var(--cusborder);
	border-radius: 10px;
	padding: 30px 30px;
	position: relative;
}
.process__item ul li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #999999;
	font-size: 18px;
	padding-left: 20px;
}
.process__item ul li::before {
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--base);
	content: '';
	left: 0;
}
.process__item ul li:not(:last-child) {
	margin-bottom: 16px;
}
.process__item::before {
	position: absolute;
	width: 50px;
	height: 50px;
	bottom: 0;
	right: 0;
	content: '';
	background: #121212;
	border-radius: 100px 20px 0 0;
	transition: all 0.4s;
}
.process__item:hover {
	border-color: var(--hover);
}
.process__item:hover::before {
	background: var(--base);
}
@media (max-width: 1600px) {
	.process__item {
		padding: 20px 18px;
	}
	.process__item ul li {
		gap: 10px;
		font-size: 14px;
		padding-left: 20px;
	}
	.process__item ul li:not(:last-child) {
		margin-bottom: 8px;
	}
}

.price__item .pri__iconbox {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--base);
	margin-bottom: 40px;
}
.price__item .big__title {
	display: flex;
	font-size: 60px;
	border-bottom: 1px solid var(--cusborder);
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.price__item .big__title span {
	font-size: 20px;
	align-self: flex-end;
	line-height: 2.2;
	font-weight: 500;
}
.price__item .pri__list {
	margin-bottom: 40px;
}
.price__item::before {
	display: none;
}
@media (max-width: 1399px) {
	.price__item .pri__iconbox {
		width: 70px;
		height: 70px;
		margin-bottom: 30px;
	}
	.price__item .pri__iconbox img {
		width: 40px;
	}
	.price__item h4 {
		margin-bottom: 1px;
	}
	.price__item .big__title {
		display: flex;
		font-size: 50px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.price__item .big__title span {
		font-size: 16px;
	}
	.price__item .pri__list {
		margin-bottom: 30px;
	}
	.price__item .cmn--btn {
		padding: 12px 19px;
	}
}

.price__item.pri__active {
	background: var(--base);
}
.price__item.pri__active .pri__iconbox {
	background: var(--title);
}
.price__item.pri__active .big__title {
	border-color: #b6dc1c;
}
.price__item.pri__active .pri__list li {
	color: var(--mtitle);
}
.price__item.pri__active .pri__list li::before {
	background: var(--mtitle);
}
.price__item.pri__active .cmn--btn {
	background: var(--mtitle);
}
.price__item.pri__active .cmn--btn span {
	color: var(--white);
}
.price__item.pri__active .cmn--btn span i {
	color: var(--white);
}

.testimonial__section {
	overflow: hidden;
}
@media (max-width: 500px) {
	.testimonial__section .project__head .common__sub {
		margin-bottom: 14px;
	}
	.testimonial__section .project__head h2 {
		font-size: 23px;
	}
}
.testimonial__section .swiper-pagination3 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.testimonial__v1wrap {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
	padding: 130px 60px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
@media (max-width: 1199px) {
	.testimonial__v1wrap .man1 {
		position: absolute;
		top: 20px;
		left: 20px;
	}
	.testimonial__v1wrap .man2 {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	.testimonial__v1wrap .man3 {
		position: absolute;
		top: 20px;
		right: 20px;
	}
}
@media (max-width: 991px) {
	.testimonial__v1wrap {
		padding: 100px 30px;
	}
	.testimonial__v1wrap .man1 {
		opacity: 0.1;
	}
	.testimonial__v1wrap .man2 {
		opacity: 0.1;
	}
	.testimonial__v1wrap .man3 {
		opacity: 0.1;
	}
}
@media (max-width: 575px) {
	.testimonial__v1wrap {
		padding: 80px 16px;
	}
	.testimonial__v1wrap .man1 {
		width: 60px;
	}
	.testimonial__v1wrap .man1 img {
		width: 100%;
	}
	.testimonial__v1wrap .man2 {
		width: 60px;
	}
	.testimonial__v1wrap .man2 img {
		width: 100%;
	}
	.testimonial__v1wrap .man3 {
		width: 60px;
	}
	.testimonial__v1wrap .man3 img {
		width: 100%;
	}
}
@media (max-width: 500px) {
	.testimonial__v1wrap {
		padding: 30px 10px;
	}
}
.testimonial__v1wrap .quote {
	position: absolute;
	top: 99px;
	left: 291px;
}
@media (max-width: 1199px) {
	.testimonial__v1wrap .quote {
		left: 240px;
	}
}
@media (max-width: 991px) {
	.testimonial__v1wrap .quote {
		display: none;
	}
}
.testimonial__v1wrap .test__shape {
	position: absolute;
	bottom: 50px;
	right: 50px;
	animation: cir5 2s linear infinite;
}
@media (max-width: 991px) {
	.testimonial__v1wrap .test__shape {
		bottom: 15px;
		right: 15px;
	}
}
@media (max-width: 500px) {
	.testimonial__v1wrap .test__shape {
		display: none;
	}
}

.testimonial__slidewrap {
	margin: 0 10px 0 30px;
}
@media (max-width: 575px) {
	.testimonial__slidewrap {
		margin: 0 0 0 0;
	}
}

.test__slide {
	position: relative;
}
.test__slide p {
	font-size: 20px;
	color: var(--white);
	margin-bottom: 40px;
	font-style: italic;
}
@media (max-width: 575px) {
	.test__slide p {
		font-size: 16px;
		margin-bottom: 20px;
	}
}

.man1 {
	position: absolute;
	top: 50px;
	height: 93px;
}

.man2 {
	position: absolute;
	bottom: 60px;
	left: 40px;
}

.man3 {
	position: absolute;
	top: 60px;
	right: 40px;
}

.swiper-pagination3 {
	display: flex;
	align-items: center;
	gap: 18px;
	justify-content: flex-end;
	margin: 20px -20px;
}
.swiper-pagination3 .swiper-pagination-bullet {
	background: var(--white);
	width: 8px;
	height: 8px;
	opacity: 1;
	position: relative;
}
.swiper-pagination3 .swiper-pagination-bullet::before {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 20px;
	height: 20px;
	content: '';
	border: 1px solid var(--white);
	border-radius: 50%;
}
.swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--base);
	padding: 2px;
	width: 8px;
	height: 8px;
	position: relative;
	opacity: 1;
}
.swiper-pagination3
	.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 20px;
	height: 20px;
	content: '';
	border: 1px solid var(--base);
	border-radius: 50%;
}

.sponsor__area .sponsor__title {
	text-align: center;
	margin: 0 auto 60px;
}
@media (max-width: 1399px) {
	.sponsor__area {
		margin: 0 auto 40px;
	}
}
.sponsor__area .swiper-wrapper {
	justify-content: space-between;
}

.sponsor__slide {
	text-align: center;
	position: relative;
}
.sponsor__slide img {
	transition: all 0.4s;
}
.sponsor__slide:hover img {
	filter: brightness(2);
}

.protfolio__filter .tablinks {
	border: 1px solid var(--cusborder);
	padding: 10px 10px;
	border-radius: 8px;
	max-width: 683px;
	margin: 0 auto 60px;
	display: flex;
	align-items: center;
}
.protfolio__filter .tablinks .nav-links button {
	border: none;
	background: transparent;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	color: var(--pra);
	padding: 16px 24px;
	border-radius: 5px;
}
.protfolio__filter .tablinks .nav-links:not(:last-child) {
	border-right: 1px solid var(--cusborder);
}
.protfolio__filter .tablinks .nav-links.active button {
	background: var(--base);
	color: var(--title);
}
@media (max-width: 767px) {
	.protfolio__filter .tablinks {
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px;
		margin: 0 auto 40px;
	}
	.protfolio__filter .tablinks .nav-links {
		border: 1px solid var(--cusborder);
	}
	.protfolio__filter .tablinks .nav-links button {
		display: block;
		padding: 11px 20px;
	}
}

.details__bigthumb {
	width: 100%;
	position: relative;
}
.details__bigthumb img {
	width: 100%;
}
.details__bigthumb .prot__detail__contact {
	background-color: rgb(18, 18, 18);
	border-radius: 0 30px 0 0;
	padding: 45px 45px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.details__bigthumb .prot__detail__contact h3 {
	color: var(--white);
	margin-bottom: 32px;
}
.details__bigthumb .prot__detail__contact .prot__itembox {
	display: flex;
	gap: 100px;
	margin-bottom: 36px;
}
.details__bigthumb .prot__detail__contact .prot__itembox .prot__left .items h5 {
	font-weight: 500;
	color: var(--white);
	margin-bottom: 10px;
}
.details__bigthumb .prot__detail__contact .prot__itembox .prot__left .items p {
	font-size: 16px;
	color: var(--pra);
}
.details__bigthumb .prot__detail__contact .social li a {
	width: 46px;
	height: 46px;
	background: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.details__bigthumb .prot__detail__contact .social li a i {
	color: var(--title);
}
.details__bigthumb .prot__detail__contact .social li:hover a {
	background: var(--base);
}
.details__bigthumb .prot__detail__contact .social li:hover a i {
	color: var(--title) !important;
}
@media (max-width: 1199px) {
	.details__bigthumb .prot__detail__contact {
		padding: 24px 24px;
	}
	.details__bigthumb .prot__detail__contact h3 {
		margin-bottom: 24px;
	}
	.details__bigthumb .prot__detail__contact .prot__itembox {
		margin-bottom: 22px;
	}
	.details__bigthumb .prot__detail__contact .prot__itembox .prot__left .items {
		margin-bottom: 14px;
	}
	.details__bigthumb
		.prot__detail__contact
		.prot__itembox
		.prot__left
		.items
		h5 {
		margin-bottom: 5px;
	}
}
@media (max-width: 991px) {
	.details__bigthumb .prot__detail__contact {
		width: 100%;
		padding: 20px 12px;
		position: initial;
	}
	.details__bigthumb .prot__detail__contact .prot__itembox {
		gap: 20px;
	}
	.details__bigthumb
		.prot__detail__contact
		.prot__itembox
		.prot__left
		.items
		h5 {
		font-weight: 500;
		color: var(--white);
		margin-bottom: 10px;
	}
	.details__bigthumb
		.prot__detail__contact
		.prot__itembox
		.prot__left
		.items
		p {
		font-size: 14px;
	}
}

.mb__cus30 {
	margin-bottom: 30px;
}

.text__box .ttext__one {
	margin-bottom: 28px;
}
@media (max-width: 1199px) {
	.text__box .ttext__one {
		margin-bottom: 15px;
	}
}
.text__box .text__boxhead {
	font-size: 32px;
	margin-bottom: 30px;
}
@media (max-width: 1199px) {
	.text__box .text__boxhead {
		margin-bottom: 20px;
		font-size: 26px;
	}
}

.mb__cus60 {
	margin-bottom: 60px;
}
@media (max-width: 1199px) {
	.mb__cus60 {
		margin-bottom: 40px;
	}
}

.mb__cus50 {
	margin-bottom: 50px;
}
@media (max-width: 1199px) {
	.mb__cus50 {
		margin-bottom: 30px;
	}
}

.challenge__list li {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	font-size: 16px;
	color: var(--pra);
	padding-left: 16px;
}
.challenge__list li::before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	left: 0;
	border-radius: 50%;
	background: var(--base);
}
.challenge__list li:not(:last-child) {
	margin-bottom: 20px;
}
@media (max-width: 1199px) {
	.challenge__list li:not(:last-child) {
		margin-bottom: 10px;
	}
}

.details__small {
	display: flex;
	align-items: center;
	gap: 30px;
}
.details__small .thumb {
	width: 100%;
}
.details__small .thumb img {
	border-radius: 8px;
	width: 100%;
}
@media (max-width: 1199px) {
	.details__small {
		gap: 20px;
	}
}
@media (max-width: 500px) {
	.details__small {
		gap: 14px;
		flex-wrap: wrap;
	}
}

@keyframes cir90 {
	50% {
		transform: rotate(90deg);
	}
}
@keyframes cir360 {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes cir5 {
	50% {
		transform: rotate(10deg);
	}
}
@keyframes updown {
	50% {
		transform: translateY(-15px);
	}
}
@keyframes leftx {
	50% {
		transform: translateX(-25px);
	}
}
@keyframes leftx2 {
	50% {
		transform: translateX(25px);
	}
}
@keyframes zomin {
	50% {
		transform: scale(1.1);
	}
}
.blog__section {
	background: url(../img/about/about-bg.png) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.blog__section .project__head .common__sub {
	margin: 0 0 0;
}
.blog__section .project__head .common__sub::after {
	display: none;
}
@media (max-width: 1199px) {
	.blog__section .project__head .common__sub {
		width: 274px;
	}
}
@media (max-width: 1199px) {
	.blog__section .project__head h2 {
		font-size: 32px;
	}
}
@media (max-width: 500px) {
	.blog__section .project__head {
		justify-content: center;
		text-align: center;
	}
	.blog__section .project__head .common__sub {
		margin-left: auto;
	}
	.blog__section .project__head .blog__hoverbox .hover__circle {
		margin: 0 auto;
	}
}

.blog__hoverbox {
	margin-top: 60px;
}
@media (max-width: 1199px) {
	.blog__hoverbox {
		margin-top: 40px;
	}
	.blog__hoverbox .hover__circle {
		width: 150px;
		height: 150px;
	}
	.blog__hoverbox .hover__circle .textmore {
		font-size: 14px;
	}
	.blog__hoverbox .hover__circle::before {
		width: 150px;
		height: 150px;
	}
}
@media (max-width: 767px) {
	.blog__hoverbox {
		margin-top: 30px;
	}
}

.blog__rightwrap .left__service {
	width: 720px;
}
.blog__rightwrap .left__service .serial__adjust {
	width: 340px;
}
.blog__rightwrap .left__service .serial__adjust .cont .dates {
	color: var(--pra);
	font-size: 16px;
	border: 1px solid var(--cusborder);
	border-radius: 100px;
	padding: 7px 15px;
	margin-bottom: 26px;
	display: inline-block;
}
.blog__rightwrap .left__service .serial__adjust .cont h3 {
	font-size: 30px;
	color: var(--white);
	line-height: 44px;
}
.blog__rightwrap .left__service .serial__adjust .cont h3 a {
	color: var(--white);
}
.blog__rightwrap .left__service .opa__thumb {
	opacity: 0;
	transition: all 0.6s;
}
@media (max-width: 767px) {
	.blog__rightwrap .left__service .opa__thumb {
		opacity: 1;
	}
}
.blog__rightwrap .common__icon {
	background: none;
	border-radius: 50%;
	border: 1px solid var(--white);
}
.blog__rightwrap .common__icon i {
	color: var(--white);
}
.blog__rightwrap
	.service__unique__item:hover
	.left__service
	.serial__adjust
	.cont
	h3
	a {
	color: var(--base);
}
.blog__rightwrap .service__unique__item:hover .left__service .opa__thumb {
	opacity: 1;
}
.blog__rightwrap .service__unique__item:hover .common__icon {
	background: transparent;
	border-color: var(--base);
}
.blog__rightwrap .service__unique__item:hover .common__icon i {
	color: var(--base);
}
@media (max-width: 1199px) {
	.blog__rightwrap .left__service {
		width: 720px;
	}
	.blog__rightwrap .left__service .serial__adjust .cont h3 {
		font-size: 22px;
		line-height: 28px;
	}
}
@media (max-width: 575px) {
	.blog__rightwrap .left__service .serial__adjust {
		width: 340px;
	}
	.blog__rightwrap .left__service .serial__adjust .cont .dates {
		margin-bottom: 18px;
	}
	.blog__rightwrap .left__service .serial__adjust .cont h3 {
		font-size: 20px;
		color: var(--white);
		line-height: 30px;
	}
}
@media (max-width: 500px) {
	.blog__rightwrap {
		justify-content: center;
		text-align: center;
	}
	.blog__rightwrap .left__service {
		justify-content: center;
		margin: 0 auto;
	}
	.blog__rightwrap .left__service .serial__adjust {
		width: unset;
	}
	.blog__rightwrap .common__icon {
		margin: 0 auto;
	}
}

.blog__bleft__wrapper {
	padding-right: 26px;
}
@media (max-width: 1600px) {
	.blog__bleft__wrapper {
		padding-right: 0;
	}
}

.blog__bitem .thumb {
	overflow: hidden;
	display: block;
}
.blog__bitem .thumb img {
	width: 100%;
	overflow: hidden;
	transition: all 0.4s;
}
.blog__bitem .content {
	width: 90%;
	background: var(--body);
	border-top-right-radius: 8px;
	padding: 30px 14px 30px 20px;
	transform: translateY(-70px);
	margin-bottom: -70px;
}
.blog__bitem .content .bdate {
	margin-bottom: 30px;
}
.blog__bitem .content h3 {
	border-bottom: 1px solid var(--cusborder);
	padding-bottom: 30px;
	margin-bottom: 30px;
	font-size: 36px;
}
.blog__bitem .content h3 a {
	color: var(--white);
	transition: all 0.4s;
}
.blog__bitem .content p {
	margin-bottom: 30px;
}
.blog__bitem .content .cmn--btn {
	width: 200px;
	justify-content: center;
}
.blog__bitem:hover .thumb img {
	transform: scale(1.025);
}
.blog__bitem:hover .content h3 a {
	color: var(--base);
}
@media (max-width: 1199px) {
	.blog__bitem .content {
		width: 90%;
		padding: 20px 10px 20px 0px;
	}
	.blog__bitem .content .bdate {
		margin-bottom: 18px;
	}
	.blog__bitem .content h3 {
		padding-bottom: 24px;
		margin-bottom: 22px;
		font-size: 29px;
	}
	.blog__bitem .content p {
		margin-bottom: 30px;
	}
}
@media (max-width: 575px) {
	.blog__bitem .content {
		transform: translateY(0px);
		margin-bottom: 0px;
		width: 100%;
		padding: 20px 10px 20px 0px;
	}
	.blog__bitem .content .bdate {
		margin-bottom: 18px;
	}
	.blog__bitem .content h3 {
		padding-bottom: 20px;
		margin-bottom: 18px;
		line-height: 36px;
		font-size: 24px;
	}
	.blog__bitem .content p {
		margin-bottom: 24px;
	}
}

.pagination__box {
	border-radius: 8px;
	padding: 30px 30px;
}
.pagination__box .pagi {
	display: flex;
	gap: 14px;
	align-items: center;
}
.pagination__box .pagi li a {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--base);
	color: var(--title);
	transition: all 0.4s;
	font-size: 18px;
}
.pagination__box .pagi li a i {
	transition: all 0.4s;
}
.pagination__box .pagi li a:hover {
	background: var(--white);
	color: var(--title);
}
.pagination__box .pagi li a:hover i {
	color: var(--title);
}
@media (max-width: 1199px) {
	.pagination__box .pagi li a {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}
@media (max-width: 1199px) {
	.pagination__box {
		padding: 20px 16px;
	}
}

.blog__bright__bar {
	border: 1px solid var(--cusborder);
	padding: 30px 30px;
	border-radius: 8px;
}
@media (max-width: 1199px) {
	.blog__bright__bar {
		padding: 20px 18px;
	}
}

.scope__item .scope__title {
	color: var(--white);
	border-bottom: 1px solid var(--cusborder);
	padding-bottom: 14px;
	margin-bottom: 30px;
}
.scope__item form {
	border: 1px solid var(--cusborder);
	border-radius: 8px;
}
.scope__item form input {
	width: 100%;
	background: none;
	padding: 10px 10px 10px 20px;
	height: 60px;
	border: unset;
}
.scope__item form button {
	min-width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--base);
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border: unset;
}
.scope__item form button i {
	color: var(--title);
	font-size: 18px;
}
.scope__item .category li {
	transition: all 0.4s;
}
.scope__item .category li a {
	transition: all 0.4s;
}
.scope__item .category li a .arrow {
	transition: all 0.4s;
	width: 24px;
	height: 24px;
	background: var(--base);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
.scope__item .category li a .arrow i {
	font-size: 11px;
}
.scope__item .category li:hover a {
	color: var(--white);
}
.scope__item .category li:hover a .arrow {
	background: var(--white);
}
.scope__item .category li:hover a .arrow i {
	color: var(--title);
}
.scope__item .category li:not(:last-child) {
	margin-bottom: 24px;
}
.scope__item .tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.scope__item .tags li a {
	border: 1px solid var(--cusborder);
	padding: 12px 20px;
	border-radius: 10px;
	font-size: 14px;
	text-transform: uppercase;
	color: var(--pra);
	display: inline-block;
	transition: all 0.4s;
}
.scope__item .tags li:hover a {
	background: var(--base);
	color: var(--title);
}
.scope__item .recent__post li a {
	display: flex;
	align-items: center;
	gap: 20px;
}
.scope__item .recent__post li:not(:last-child) {
	margin-bottom: 30px;
}
@media (max-width: 1199px) {
	.scope__item .recent__post li a {
		flex-wrap: wrap;
		gap: 10px;
	}
}
.scope__item .retitle {
	color: var(--white);
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 14px;
	display: block;
}

.blog__bright__bar {
	position: sticky;
	top: 120px;
}

.content__two {
	padding: 30px 0;
}
.content__two .text__de {
	font-size: 18px;
	font-weight: 500;
	color: var(--white);
	border-bottom: 1px solid var(--cusborder);
	padding-bottom: 30px;
	margin-bottom: 28px;
	display: block;
}
.content__two .quite__box {
	background: var(--base);
	border-radius: 8px;
	padding: 30px 30px;
}
.content__two .quite__box img {
	margin-bottom: 30px;
}
.content__two .quite__box p {
	font-size: 20px;
	color: var(--title);
	margin-bottom: 35px;
}
.content__two .quite__box a {
	font-weight: 500;
	font-size: 20px;
	text-decoration: underline;
	color: var(--title);
}
@media (max-width: 991px) {
	.content__two .quite__box {
		padding: 20px 20px;
	}
}
@media (max-width: 1199px) {
	.content__two .text__de {
		padding-bottom: 20px;
		margin-bottom: 19px;
	}
}

.post__in {
	border-radius: 8px;
	padding: 30px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.post__in .post__left {
	display: flex;
	align-items: center;
	gap: 20px;
}
.post__in .post__left a {
	border-radius: 10px;
	background-color: rgb(29, 29, 29);
	padding: 12px 20px;
	text-transform: uppercase;
	color: var(--pra);
}
.post__in .post__right {
	display: flex;
	align-items: center;
	gap: 20px;
}
.post__in .post__right .social-cus {
	border-radius: 10px;
	background-color: rgb(29, 29, 29);
	padding: 10px 20px;
	gap: 20px;
}
.post__in .post__right .social-cus li a i {
	color: var(--white);
	transition: all 0.4s;
}
.post__in .post__right .social-cus li:hover a i {
	color: var(--base);
}
@media (max-width: 1199px) {
	.post__in {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
		padding: 20px 20px;
	}
}
@media (max-width: 500px) {
	.post__in {
		padding: 20px 14px;
	}
	.post__in .post__left {
		gap: 10px;
	}
	.post__in .post__left a {
		padding: 8px 10px;
		font-size: 12px;
	}
}

.replay__box {
	padding: 30px 30px;
	border-radius: 8px;
}
.replay__box h3 {
	margin-bottom: 20px;
}
.replay__box p {
	font-size: 16px;
	color: var(--pra);
	margin-bottom: 30px;
}
.replay__box form textarea,
.replay__box form input {
	width: 100%;
	padding: 18px 20px;
	border-radius: 10px;
	background-color: rgb(29, 29, 29);
	border: unset;
	outline: none;
	color: var(--white);
}
.replay__box form .cmn--btn {
	width: 250px;
	justify-content: center;
}
@media (max-width: 1199px) {
	.replay__box {
		padding: 20px 20px;
	}
}

.contact__box .replay__box {
	padding: 60px 60px;
}
.contact__box .replay__box h3 {
	margin-bottom: 30px;
	display: block;
}
@media (max-width: 1199px) {
	.contact__box .replay__box {
		padding: 30px 20px;
	}
}

.contact__rightside {
	padding: 60px 30px;
}
@media (max-width: 1199px) {
	.contact__rightside {
		padding: 30px 20px;
	}
}
@media (max-width: 500px) {
	.contact__rightside {
		padding: 30px 16px;
	}
}

.contact__item {
	border-radius: 10px;
	background-color: rgb(29, 29, 29);
	padding: 30px 30px;
}
.contact__item .he1 {
	margin-bottom: 14px;
	display: block;
	font-size: 16px;
	color: var(--pra);
}
.contact__item a {
	color: var(--white);
	font-size: 20px;
	display: block;
}
.contact__item .address {
	font-size: 20px;
	color: var(--white);
}
@media (max-width: 1199px) {
	.contact__item {
		padding: 20px 16px;
	}
	.contact__item a {
		font-size: 17px;
	}
	.contact__item .address {
		font-size: 17px;
	}
}

.footer__top .fl {
	font-size: 10.5vw;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1;
	width: 100%;
	margin-bottom: 60px;
	border: 1px solid var(--cusborder);
	border-radius: 8px;
	text-align: center;
	padding: 10px 10px;
}
.footer__top .fl img {
	width: 100%;
}
.footer__top .get__content p {
	margin-bottom: 60px;
	font-size: 24px;
	color: var(--white);
	max-width: 512px;
}
.footer__top .get__content a {
	color: var(--white);
	font-size: 36px;
	text-decoration: underline;
}
.footer__top .get__rightcontetn .social__footer {
	padding: 26px 28px;
	border-radius: 10px;
	border: 1px solid var(--cusborder);
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--white);
	font-size: 24px;
	transition: all 0.4s;
}
.footer__top .get__rightcontetn .social__footer i {
	color: var(--white);
	font-size: 22px;
	transition: all 0.4s;
}
.footer__top .get__rightcontetn .social__footer:hover {
	background: var(--base);
	border-color: var(--base);
	color: var(--title);
}
.footer__top .get__rightcontetn .social__footer:hover i {
	color: var(--title);
}
@media (max-width: 1399px) {
	.footer__top .fl {
		margin-bottom: 40px;
	}
	.footer__top .fl {
		font-size: 12vw;
	}
	.footer__top .get__content a {
		font-size: 30px;
	}
	.footer__top .get__content p {
		margin-bottom: 40px;
	}
}
@media (max-width: 991px) {
	.footer__top .get__content p {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.footer__top .get__content a {
		font-size: 28px;
	}
	.footer__top .get__content {
		margin-bottom: 30px;
	}
	.footer__top .get__rightcontetn .social__footer {
		padding: 14px 16px;
		border-radius: 10px;
		font-size: 20px;
	}
	.footer__top .get__rightcontetn .social__footer i {
		font-size: 22px;
	}
}
@media (max-width: 500px) {
	.footer__top .get__content p {
		margin-bottom: 10px;
		font-size: 17px;
	}
	.footer__top .fl {
		font-size: 15vw;
	}
	.footer__top .get__content a {
		font-size: 18px;
	}
	.footer__top .fl {
		margin-bottom: 20px;
	}
}

.copyright {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 34px 0;
}
.copyright p {
	font-size: 18px;
}
.copyright .terms {
	display: flex;
	gap: 38px;
}
.copyright .terms li a {
	font-size: 18px;
	color: var(--white);
	transition: all 0.4s;
}
.copyright .terms li:hover a {
	color: var(--base);
}
.copyright .toparrow {
	width: 40px;
	height: 50px;
	background: var(--base);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.copyright .toparrow i {
	font-size: 28px;
}

/* add hoover effect on toparrow */
.copyright .toparrow:hover {
	background: var(--hover);
}

/* adjust responsive screen for small devices  */

@media (max-width: 991px) {
	.copyright {
		flex-direction: column;
		gap: 16px;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.copyright .terms {
		justify-content: center;
		gap: 24px;
	}
	.copyright .toparrow {
		margin: 0 auto;
	}
}

/* adjust responsive screen for small devices  */
@media (max-width: 767px) {
	.copyright p {
		font-size: 16px;
	}
	.copyright .terms li a {
		font-size: 16px;
	}
}

.cmn--btn {
	padding: 20px 30px 21px;
	font-weight: 500;
	font-size: 18px;
	line-height: 120%;
	display: inline-block;
	text-transform: capitalize;
	position: relative;
	background: var(--base);
	overflow: hidden;
	font-family: 'Kanit', sans-serif;
	border-radius: 5px;
	transition: all 0.5s;
	color: var(--subtitle);
}
.cmn--btn span {
	position: relative;
	z-index: 1;
	transition: all 0.5s;
}
.cmn--btn::before {
	position: absolute;
	content: '';
	bottom: 100%;

	background: #d5511d;

	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.cmn--btn:hover {
	border-color: rgba(0, 60, 179, 0.97);
}
.cmn--btn:hover::before {
	bottom: 0;
}

.hov-white:hover {
	color: var(--white);
}
.hov-white:hover span {
	color: var(--white);
}

.video-btn {
	position: relative;
}
.video-btn::before {
	position: absolute;
	border: 2px solid #fff;
	width: 100%;
	height: 100%;
	content: '';
	animation: scales 2s linear infinite;
	border-radius: 50%;
}

@keyframes scales {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

/* Responsive Overrides */
@media (max-width: 991px) {
	.header-bar {
		display: block;
		cursor: pointer;
		z-index: 1000;
	}
	.header-bar span {
		display: block;
		width: 25px;
		height: 3px;
		margin: 5px auto;
		background-color: var(--white);
		transition: all 0.3s ease-in-out;
	}
	.header-bar.active span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}
	.header-bar.active span:nth-child(2) {
		opacity: 0;
	}
	.header-bar.active span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}

	.header-wrapper .main-menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #000;
		flex-direction: column;
		padding: 10px 0;
		display: none;
	}

	.header-wrapper .main-menu.active {
		display: flex;
	}

	.header-wrapper .main-menu li {
		width: 100%;
		text-align: center;
	}

	.header-wrapper .main-menu li a {
		padding: 15px;
		font-size: 18px;
		display: block;
	}

	.header-wrapper .main-menu li .sub-menu {
		position: static;
		width: 100%;
		background: transparent;
		box-shadow: none;
		display: none; /* Handled by JS */
	}

	.header-wrapper .main-menu li .sub-menu li a {
		color: #ddd;
	}

	.banner__content h1 {
		font-size: 42px;
	}

	.banner__thumb {
		position: relative;
		display: block;
		text-align: center;
		margin-top: 40px;
		bottom: auto;
		right: auto;
	}

	.banner__thumb img {
		max-width: 80%;
		height: auto;
	}

	.banner__section {
		padding-bottom: 60px;
	}
}

@media (max-width: 767px) {
	.banner__content h1 {
		font-size: 36px;
	}
}

@media (max-width: 575px) {
	.banner__content h1 {
		font-size: 32px;
	}
	.banner__content .video__area {
		flex-wrap: wrap;
		justify-content: center;
	}
}