@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=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
	
	/*============================================ 
		# Template Name: matias
		# Version: 1.0
		# Date: 29/10/2023
		# Author: matias
		# Author URI: https://themeforest.net/user/theme_ocean
		# Description: Matias - Personal Portfolio Templates
	============================================*/
	/*======== Scss Compiles =========
	# mixin
	# variables
	# Typography
	# button 
	# animation
	# banner
	# blog
	# header
	# section
	# footer
	============================================*/
	/*CSS Table Of Content Ends Here*/
	@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: #999999;
	  --subtitle: #121212;
	  --base: #fbe50a;
	  --hover: #fbe50a45;
	  --bg1: #E9F0FF;
	  --ftext: #818181;
	  --footer: #181818;
	  --cusborder: rgb(38, 37, 37);
	  --border1: #414141;
	  --ratting: #ffa311;
	  --bgsection: #000D27;
	  --success: #3FCA90;
	  --danger: #ED5050;
	  --boxes1: rgba(26, 77, 190, 0.05);
	  --cborder: #D9D9D9;
	}
	
	body {
	  color: var(--white);
	  padding: 0;
	  margin: 0;
	  overflow-x: hidden;
	  /*background-color: var(--body);*/
	  background-color: #000000;
	  font-family: "Kanit", sans-serif;
	}
	
	h2,
	h3,
	h4,
	h5,
	h6 {
	  color: var(--white);
	  text-transform: none;
	  font-family: "Kanit", sans-serif;
	}
	
	h1 {
	  font-size: 48px;
	  font-weight: 600;
	  line-height: 95%;
	  font-family: 'Poppins';
	}
	
	h2 {
	  font-size: 40px;
	  line-height: 120%;
	  font-weight: 700;
	  font-family: 'Poppins';
	}
	@media (max-width: 575px) {
	  h2 {
	    font-size: 29px;
	  }
	}
	
	h3 {
	  font-size: 32px;
	  line-height: 120%;
	  font-weight: 600;
	  font-family: 'Poppins';
	}
	@media (max-width: 575px) {
	  h3 {
	    font-size: 26px;
	  }
	}
	
	h4 {
	  font-size: 24px;
	  line-height: 130%;
	  font-weight: 600;
	  font-family: 'Poppins';
	}
	
	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;
	  /* text-transform: capitalize; */
	  margin: 0;
	  color: var(--title);
	  font-family: "Kanit", sans-serif;
	  transition: all 0.3s;
	}
	
	span {
	  font-family: 'Poppins';
	  /* font-weight: 700; */
	}
	
	a:hover {
	  text-decoration: none;
	  color: var(--title);
	}
	
	input:focus {
	  color: var(--white);
	  outline: none;
	}
	
	input {
	  color: var(--white);
	}
	
	p {
	  font-size: 18px;
	  line-height: 1.5;
	  margin-bottom: 0;
	  color: #ffffff;
	}
	
	.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;
	  }
	  .header-section{
	      height: 90px !important; 
	  }
	  .reverse-col{
	      flex-direction: column-reverse!important;
	  }
	  .reverse-row{
	      flex-direction: column-reverse !important;
	  }
	}
	
	.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: 0px !important;
	  }
	}
	
	.pt-40 {
	  padding-top: 40px;
	}
	@media (max-width: 991px) {
	  .pt-40 {
	    padding-top: 29px;
	  }
	}
	
	.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 !important;
	  }
	}
	
	.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: 0;
	  }
	}
	
	.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: 10px;
	}
	@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: #fbe50a !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: #c7c7c7 !important;
	}
	
	.ptext2 {
	  color:  #c7c7c7 !important;
	}
	
	.ptext3 {
	  color:  #c7c7c7 !important;
	}
	
	.bartext {
	  color: var(--bartext);
	}
	
	.rattingbg {
	  background: var(--ratting);
	}
	
	.gratext {
	  background: -webkit-linear-gradient(#4569E7, #1AEFD5);
  background-clip: text;
	  -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;
    background-color: #000000;
}
	
	.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: #000000;
	  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: 705px;
	  height: 100%;
	  position: fixed;
	  z-index: 99999;
	  background: #000;
	  right: -705px;
	  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: 100px 60px;
	}
	.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: 34px;
	  margin-bottom: 30px;
	
	}
	.subside__barmenu .sub__contact__wrapper .social li a {
	  width: 45px;
	  height: 45px;
	  background: #000000;
	  border: 1px solid #000000;
	}
	.subside__barmenu .sub__contact__wrapper .social li a i {
	  color: #fbe50a;
	}
	.subside__barmenu::before {
	  display: none;
	}
	.subside__barmenu.active {
	  right: 0px;
	}
	
.header-section {
  width: 100%;
  /*border-bottom: 1px solid var(--cusborder);*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  height: 110px;
  background: transparent;
}
	@media (min-width: 1200px) {
	  .header-section .container {
	    margin: 0 auto;
	  }
	}
	.header-section::before {
	  position: absolute;
	  left: calc(15% - 40px);
	  top: 0;
	  width: 0;
	  height: 100%;
	  content: "";
	  background: var(--cusborder);
	}
	.header-section::after {
	  position: absolute;
	  right: calc(20% - 60px);
	  top: 0;
	  width: 0;
	  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: transparent;
  box-shadow: none;
	}
	
	.header-wrapper {
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  justify-content: space-between;
	  transition: all 0.9s;
	  width: 100%;
	  position: relative;
	  padding: 10px 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: 18px;
	  font-style: normal;
	  font-family: "Kanit", sans-serif;
	  font-weight: 500;
	  line-height: 120%;
	  text-transform: uppercase;
	  padding: 40px 29px;
	}
	.header-wrapper .main-menu li a:hover {
	  color: #fbe50a;
	}
	.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);
	  }
	  .header-bar:hover {
	    cursor: pointer;
	  }
	}
.banner__section {
  background: #000;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-attachment: local;
  background-position: center;
  min-height: 100vh;
  display: flex;
  align-items: center;
  width: 100%;
}
.banner__section::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.banner__section .container {
  position: relative;
  z-index: 2;
  width: 100%;
}
.banner__bg-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease;
  z-index: 0;
}
.banner__bg-layer.is-visible {
  opacity: 1;
}
	
	.banner__content {
	  padding: 140px 0 180px;
	}
	.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: 106px;
  margin-bottom: 50px;
  line-height: 1.1em;
  font-weight: 800;
}
.banner__hero-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1em;
  font-size: clamp(72px, 13vw, 190px);
  line-height: 0.95;
  font-weight: 900;
  text-transform: uppercase;
  color: #ffff00;
  text-align: center;
  text-shadow: 0 18px 35px rgba(0, 0, 0, 0.55);
  letter-spacing: 0.05em;
}
.banner__hero-heading span {
  display: block;
}
.banner__hero-heading .banner__hero-outline {
  color: transparent;
  -webkit-text-stroke: 4px #ffff00;
  text-shadow: none;
}
.banner__scroll-indicator {
  position: absolute;
  left: 50%;
  bottom: 25px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 2;
}
.banner__scroll-indicator .scroll__circle {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 2px solid #ffff00;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffff00;
  font-size: 28px;
  transition: transform 0.3s ease, background 0.3s ease;
}
.banner__scroll-indicator .scroll__circle:hover {
  transform: translateY(4px);
  background: rgba(255, 255, 0, 0.1);
}
.banner__scroll-indicator span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--white);
}
/* ================================
   STORY SECTION (Diary Of A CEO Style)
   ================================ */

	 .story__section {
		position: relative;
		background: #000;
		overflow: hidden;
		padding: 90px 0;
	}
	
	
	/* -------------------------------
		 BACKGROUND MOSAIC GRID
	-------------------------------- */
	.story__bg-grid {
		position: absolute;
		inset: 0;
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding: 20px;
		opacity: 0.40;
		z-index: 1;
	}
	
	.bg-row {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 14px;
		transform: translateX(0);
	}
	
	.bg-row img {
		width: 100%;
		height: 160px; /* Thumbnail size */
		object-fit: cover;
		border-radius: 14px;
		filter: brightness(0.75);
	}
	
	
	/* -------------------------------
		 TEXT SECTION (Foreground)
	-------------------------------- */
	.story__content-wrapper {
		position: relative;
		z-index: 5;
		width: 100%;
		display: flex;
		align-items: flex-start;
	}
	
	.story__content {
		width: 70vw; /* EXPANDED TEXT WIDTH */
		background: linear-gradient(
				90deg,
				#000 0%,
				rgba(0, 0, 0, 0.85) 55%,
				rgba(0, 0, 0, 0) 100%
		);
		padding: 60px 70px;
		border-radius: 0 40px 40px 0;
	}
	
	
	/* -------------------------------
		 TEXT STYLING
	-------------------------------- */
	.story__eyebrow {
		color: #ffff00;
		letter-spacing: 0.15em;
		font-size: 15px;
		text-transform: uppercase;
		display: inline-block;
		margin-bottom: 20px;
	}
	
	.story__content h2 {
		font-size: clamp(80px, 6vw, 96px);
		font-weight: 200;
		line-height: 1.1;
		text-transform: uppercase;
		color: #fff;
		max-width: 100%;
		margin-bottom: 10px;
	}
	
	.story__content p {
		color: #d8d8d8;
		font-size: 18px;
		line-height: 1.55;
		max-width: 85%;
		margin-top: 20px;
	}
	

@media (max-width: 991px) {
  .story__section {
    padding: 60px 20px;
  }
  .story__layout {
    grid-template-columns: 1fr;
  }
  .story__image-row {
    grid-template-columns: repeat(3, minmax(110px, 1fr));
  }
  .story__image-row.shift-left,
  .story__image-row.shift-right {
    transform: translateX(0);
  }
  .story__content {
    margin-right: 0;
    padding: 24px;
    border-radius: 20px;
  }
}

	.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: 86px;
	    margin-bottom: 50px;
	  }
	  .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 {
	    padding: 90px 0 100px;
	  }
	  .banner__content .bn__currently {
	    font-size: 24px;
	    margin-bottom: 40px;
	    padding-bottom: 10px;
	  }
	  .banner__content h1 {
	    font-size: 68px;
	    margin-bottom: 50px;
	  }
	  .banner__content .video__area {
	    gap: 24px;
	  }
	  .banner__content .video__area .proces {
	    font-size: 20px;
	    width: 67px;
	  }
	}
	@media (max-width: 767px) {
	  .banner__content {
	    padding: 80px 0 85px;
	  }
	  .banner__content .bn__currently {
	    font-size: 20px;
	    margin-bottom: 35px;
	    padding-bottom: 10px;
	  }
	  .banner__content h1 {
	    font-size: 48px;
	    margin-bottom: 40px;
	  }
	  .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: 38px;
	    margin-bottom: 30px;
	  }
	  .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 60px;
	  }
	  .banner__content .bn__currently {
	    margin-bottom: 28px;
	  }
	  .banner__content h1 {
	    font-size: 60px;
	    margin-bottom: 0;
	    display: block !important;
	  }
	  .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 {
	  position: absolute;
	  left: calc(50% + 120px);
	  bottom: 0;
	}
	@media (max-width: 1399px) {
	  .banner__thumb {
	    left: calc(50% + 80px);
	    max-width: 500px;
	  }
	  .banner__thumb img {
	    width: 100%;
	  }
	}
	
	.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: 45%;
	  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: rgb(18, 18, 18);
	  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;
	  }
	}
	
	.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;
	}
	.designers::before {
	  content: attr(data-text);
	  position: absolute;
	  color: #fbe50a;
	  width: 0px;
	  overflow: hidden;
	  animation: pulse-width 3s ease-in infinite;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: #fbe50a;
	}
	
	@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: 20px;
	  font-family: 'Poppins';
	}
	.breadcrumnd__wrap .breakcrumnd__cont li a {
	  color: var(--white);
	  font-family: 'Poppins';
	}
	@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: #fbe50a;
	  color: var(--title);
	}
	@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-story__section {
  position: relative;
  z-index: 1;
}
.about-story__subtitle {
  max-width: 660px;
  margin: 0 auto;
  display: block;
  font-weight: 600;
}
.about-story__panel {
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 30px 40px;
  backdrop-filter: blur(6px);
}
.about-story__panel .pro__mettingthumb {
  border-radius: 18px;
  overflow: hidden;
}
.about-story__panel .pro__mettingthumb img {
  border-radius: 24px;
}
.about-pillars {
  position: relative;
  z-index: 1;
}
.about-pillars .pillars__intro {
  max-width: 820px;
  margin: 0 auto;
}
.about-pillars .pillars__intro h2 {
  font-size: 42px;
}
.about-pillars .pillars__intro .pillars__lead {
  color: var(--paragraph);
  margin-top: 12px;
}
.pillar-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.pillar-card__label {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--base);
}
.pillar-card__media {
  border-radius: 18px;
  overflow: hidden;
}
.pillar-card__media img {
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.pillar-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pillar-card h3 {
  font-size: 30px;
  color: var(--white);
}
.pillar-card p {
  color: var(--paragraph);
}
.pillar-card__list {
  margin: 0;
  padding-left: 20px;
}
.pillar-card__list li {
  margin-bottom: 10px;
  color: var(--paragraph);
}
.pillar-card__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-top: auto;
}
.pillar-card__stats .stat__value {
  font-size: 32px;
  font-weight: 600;
  color: var(--white);
}
.pillar-card__stats .stat__label {
  display: block;
  color: var(--paragraph);
  font-size: 14px;
}
.pillar-card--vision {
  background: radial-gradient(circle at top, rgba(251, 229, 10, 0.12), transparent 70%), rgba(255, 255, 255, 0.03);
}
.pillar-card--mission {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));
}
.values__deck {
  display: grid;
  grid-template-columns: minmax(250px, 320px) 1fr;
  gap: 24px;
  align-items: stretch;
}
.values__deck .values__card {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 22px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.values__deck .values__card .values__heading {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--base);
  font-size: 14px;
}
.values__deck .values__card p {
  margin-top: 12px;
  color: var(--paragraph);
}
.values__deck .values__chips {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
}
.value-chip {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.02);
}
.value-chip span {
  font-weight: 600;
  color: var(--white);
  display: block;
  margin-bottom: 8px;
}
.value-chip p {
  margin: 0;
  color: var(--paragraph);
  font-size: 15px;
}
@media (max-width: 991px) {
  .pillar-card h3 {
    font-size: 26px;
  }
  .values__deck {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .pillar-card__media img {
    height: 220px;
  }
}
@media (max-width: 575px) {
  .pillar-card {
    padding: 24px;
  }
  .values__chips {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}
.about-story__content {
  padding-right: 80px;
}
.about-story__content h3 {
  font-size: 32px;
  line-height: 1.6;
  color: var(--white);
}
.about-story__content span {
  color: var(--base);
  font-weight: 600;
}
.about-story__panel,
.about-story__panel p,
.about-story__narrative p {
  font-family: "Poppins", sans-serif;
  color: var(--white);
}
.about-story__narrative {
  margin-top: 40px;
}
.about-story__narrative .project__item {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 30px;
}
.about-story__narrative p {
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width: 991px) {
  .about-story__panel {
    padding: 30px;
  }
  .about-story__content {
    padding-right: 0;
  }
  .about-story__subtitle {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .about-story__panel {
    padding: 20px;
  }
  .about-story__narrative .project__item {
    padding: 20px;
  }
  .about-story__content h3 {
    font-size: 26px;
  }
}
	.about__v1wrap {
	  /* background: url(../img/about/about-bg.png) no-repeat center center; */
    background-size: cover;
    background-color: #000000;
	  padding: 15px 60px;
	  border-radius: 10px;
	  overflow: hidden;
	}
	.bg-new {
	  background-size: cover;
	    padding: 40px 60px;
	    border-radius: 10px;
	    overflow: hidden;
	  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/about/bg-new.jpg);
	}
	@media (max-width: 575px) {
	  .about__v1wrap {
	    padding: 40px 20px;
	  }
	}
	@media (max-width: 500px) {
	  .about__v1wrap {
	    padding: 20px 10px;
	  }
	}
	
	.about__onethumb {
	  width: 100%;
	}
	.about__onethumb img {
	  width: 100%;
	}
	
	.about__onecontent {
	  padding-left: 40px;
	}
	.about__onecontent h2 {
	  font-size: 35px;
	  margin-bottom: 10px;
	}
	.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: 20px;
	  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: 1399px) {
	  .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: 10px;
	  padding-bottom: 10px;
	  transition: all 0.4s;
	}
	.exri__item:last-child {
	  border-bottom: 1px solid var(--cusborder);
	}
	.exri__item:hover {
	  border-color: #fbe50a78;
	}
	@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: 20px;
	    padding-left: 20px;
	  }
	}
	
	.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: 20px;
	    padding-right: 20px;
	  }
	}
	
	.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 !important;
	  }
	}
	
	.common__sub {
	  font-size: 24px;
	  font-family: "Caveat", cursive;
	  color: #fbe50a;
	  position: relative;
	  display: flex;
	  align-items: center;
	  gap: 24px;
	  justify-content: center;
	  width: 333px;
	  margin: 0 auto 30px;
	}
	.common__sub::after, .common__sub::before {
	  position: absolute;
	  content: "";
	}
	.common__sub::before {
	  left: -0;
	  width: 80px;
	  height: 1px;
	  background: #fbe50a;
	}
	.common__sub::after {
	  right: -0;
	  width: 80px;
	  height: 1px;
	  background: #fbe50a;
	}
	@media (max-width: 500px) {
	  .common__sub {
	    width: 340px !important;
	    gap: 14px;
	  }
	  .common__sub::before {
	    /*left: 0;*/
	    /*width: 10px;*/
	    /*height: 1px;*/
	    /*background: var(--base);*/
	    display:none;
	  }
	  .common__sub::after {
	    /*right: 0;*/
	    /*width: 10px;*/
	    /*height: 1px;*/
	    /*background: var(--base);*/
	    display:none;
	  }
	}
	
	.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);
	}
#videos .video__heading {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  padding-right: 80px;
}
@media (max-width: 767px) {
  #videos .video__heading {
    padding-right: 0;
    padding-top: 60px;
  }
}
#videos .video__heading h1 {
  font-size: clamp(32px, 4vw, 56px);
  color: var(--white);
  margin-bottom: 20px;
}
#videos .video__heading p {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.85);
  font-size: 18px;
}
#videos .video__heading code {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(251, 229, 10, 0.12);
  color: var(--base);
  font-size: 15px;
}
#videos .video__heading .video__heading-link {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  color: #ff0000;
  font-size: 28px;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}
#videos .video__heading .video__heading-link:hover {
  background: rgba(251, 229, 10, 0.2);
  transform: translateY(-3px);
}
@media (max-width: 767px) {
  #videos .video__heading .video__heading-link {
    top: -10px;
    right: 50%;
    transform: translateX(50%);
  }
  #videos .video__heading .video__heading-link:hover {
    transform: translateX(50%) translateY(-3px);
  }
}
#videos .video__mount {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#videos .video-card__wrapper {
  padding: 40px 32px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
  transition: border-color 0.3s ease, transform 0.3s ease;
  position: relative;
}
#videos .video-card__wrapper:hover {
  border-color: rgba(251, 229, 10, 0.6);
  transform: translateY(-4px);
}
@media (max-width: 1199px) {
  #videos .video-card__wrapper {
    padding: 32px 26px;
    border-radius: 24px;
  }
}
@media (max-width: 991px) {
  #videos .video-card__wrapper {
    padding: 28px 22px;
  }
}
@media (max-width: 767px) {
  #videos .video-card__wrapper {
    padding: 24px 18px;
    border-radius: 20px;
  }
}
#videos .video-card__wrapper.is-empty,
#videos .video-card__wrapper.is-loading {
  text-align: center;
}
#videos .video-card__wrapper .video-card__channel {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  color: #ff0000;
  font-size: 22px;
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
}
#videos .video-card__wrapper .video-card__channel:hover {
  background: rgba(251, 229, 10, 0.2);
  transform: translateY(-2px);
}
#videos .video__mount p {
  max-width: 720px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.85);
  font-size: 18px;
}
#videos .video__mount code {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  background: rgba(251, 229, 10, 0.12);
  color: var(--base);
  font-size: 15px;
}
	@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;
	  }
	  .imp{
    justify-content: left;
}
	}
	
	.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;
    background-color: #000000;
	  padding: 30px 0px;
	  overflow: hidden;
	
	}
	
	.pro__mettingthumb {
	  width: 100%;
	  padding-left: 10px;
	}
	.pro__mettingthumb img {
	  width: 100%;
	  border-radius: 500px;
	}
	@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: #fbe50a;
	  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;
	  }
	}
	@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(255 255 255);
	  border: unset;
	  outline: none;
	  color: #000000;
	}
	.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: 10px 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: #fbe50a;
	  padding: 30px 30px;
	}
	.contact__item .he1 {
	  margin-bottom: 14px;
	  display: block;
	  font-size: 16px;
	  color: var(--pra);
	}
	.contact__item a {
	  color: #000000;
	  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);
	}
.footer__social-bar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 30px;
  background: #000000;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.footer__social-bar-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px 0;
  color: var(--white);
  font-size: 28px;
  transition: background 0.3s ease, color 0.3s ease;
  overflow: hidden;
  z-index: 0;
}
.footer__social-bar-item i {
  color: inherit;
  transition: color 0.3s ease;
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .footer__social-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.shorts__section {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.shorts__header h2 {
  font-size: clamp(32px, 3.5vw, 48px);
  color: var(--white);
}
.shorts__header p {
  color: rgba(255, 255, 255, 0.8);
}
.shorts__scroller {
  margin-top: 32px;
  display: flex;
  gap: 18px;
  overflow-x: auto;
  padding-bottom: 10px;
  scroll-snap-type: x mandatory;
}
.shorts__scroller::-webkit-scrollbar {
  height: 6px;
}
.shorts__scroller::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.shorts__track {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
.shorts__nav {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.4);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.shorts__nav:hover {
  background: var(--base);
  color: #000;
  border-color: var(--base);
}
.shorts__track .shorts__scroller {
  flex: 1;
  margin-top: 0;
}
.shorts__card {
  min-width: 260px;
  max-width: 260px;
  flex: 0 0 auto;
  scroll-snap-align: start;
}
@media (max-width: 575px) {
  .shorts__card {
    min-width: 220px;
    max-width: 220px;
  }
}
.shorts__thumb {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 12px;
  position: relative;
}
.shorts__thumb img {
  width: 100%;
  display: block;
  transition: transform 0.35s ease;
}
.shorts__thumb::after {
  content: "▶";
  position: absolute;
  right: 12px;
  bottom: 10px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.shorts__thumb:hover img {
  transform: scale(1.04);
}
.shorts__title {
  font-size: 16px;
  color: var(--white);
  line-height: 1.4;
}
.shorts__empty {
  width: 100%;
  text-align: center;
  padding: 40px 0;
  color: rgba(255, 255, 255, 0.6);
}
.footer__social-bar-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--base);
  transform: translateX(100%);
  transition: transform 0.35s ease;
}
.footer__social-bar-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  bottom: 15%;
  width: 1px;
  background: rgba(255, 255, 255, 0.08);
}
.footer__social-bar-item:last-child::after {
  display: none;
}
.footer__social-bar-item:hover {
  color: #000000;
}
.footer__social-bar-item:hover::before {
  transform: translateX(0);
}
.footer__social-bar-item--x .footer__social-xmark {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-block;
  z-index: 1;
}
.footer__social-bar-item--x .footer__social-xmark::before,
.footer__social-bar-item--x .footer__social-xmark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  background: currentColor;
  transform-origin: center;
  transition: background 0.3s ease;
}
.footer__social-bar-item--x .footer__social-xmark::before {
  transform: translateX(-50%) rotate(45deg);
}
.footer__social-bar-item--x .footer__social-xmark::after {
  transform: translateX(-50%) rotate(-45deg);
}
@media (max-width: 575px) {
  .footer__social-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
	@media (max-width: 1399px) {
	  .footer__top .fl {
	    margin-bottom: 40px;
	  }
	  .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__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 .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: 14px;
	}
	.copyright .terms {
	  display: flex;
	  gap: 38px;
	}
	.copyright .terms li a {
	  font-size: 16px;
	  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;
	}
	@media (max-width: 991px) {
	  .copyright {
	    flex-wrap: wrap;
	    display: grid;
	    gap: 16px;
	    justify-content: center;
	    text-align: center;
	  }
	  .copyright .terms {
	    justify-content: center;
	    gap: 24px;
	  }
	  .copyright .toparrow {
	    margin: 0 auto;
	  }
	  .subside__barmenu {
	  width: auto;
	}
	}
	
	.cmn--btn {
	  padding: 20px 30px 21px;
	  font-weight: 500;
	  font-size: 18px;
	  line-height: 120%;
	  display: inline-block;
	  text-transform: capitalize;
	  position: relative;
	  background: #fbe50a;
	  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: #fbe50a8c;
	  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;
	  }
	}/*# sourceMappingURL=main.css.map */
	h3.fw-600.aos-init.aos-animate {
    line-height: 1.3em;
}
.text-c{
    color: #fbe50a;
}
.text-b{
    color: #000000;
}
.text-h:hover{
    color: #ffffff;
}