body{margin: 0;padding: 0; font-family: "Open Sans", sans-serif;background: #FFF;}
.wrapper{max-width: 1260px;margin: auto;padding: 0 15px;}
header{position: fixed;top:0;z-index: 999;background: #fff;border-bottom: 1px solid #ddd;width: 100%;padding: 12px 0;}
header .logo img{height:80px;width: auto;}
li {
	list-style: none;
}
a,a:hover,img {
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}

.h1,.h2,.h3,.h4,.h5,.h6{color: #333;
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
line-height: normal;margin: 0 0 0px;line-height: 1.2;}
.h1,.h2{font-size: 48px;} .h3{font-size: 28px;} .h4{font-size:20px;}
p,.p-small{font-size: 16px;color: #6C6C6C;font-family: "Open Sans";font-weight: 500;line-height: 1.5;margin: 0;}.p-small{font-size: 14px;}
.green{color: #0D6D31;} .yellow{color: #F1CD05;} .black{color: #333;} .white{color: #fff;}

header ul {
	margin: 0;
	display: flex;
	gap: 20px;
}
.navbar {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.hamburger {
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	outline: none;
	height: 30px;
	position: relative;
	width: 30px;
	z-index: 1000;
}
.hamburger-line {
	background: #333;
	height: 3px;
	position: absolute;
	left: 0;
	transition: all 0.2s ease-out;
	width: 100%;
}
.hamburger-line-top {
	top: 3px;
}
.menu-active .hamburger-line-top {
	top: 50%;
	transform: rotate(45deg) translatey(-50%);
}
.hamburger-line-middle {
	top: 50%;
	transform: translatey(-50%);
}
.menu-active .hamburger-line-middle {
	left: 50%;
	opacity: 0;
	width: 0;
}
.hamburger-line-bottom {
	bottom: 3px;
}
.menu-active .hamburger-line-bottom {
	bottom: 50%;
	transform: rotate(-45deg) translatey(50%);
}
.menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	transition: all 0.25s ease-in;
}
.menu .menu-item a {
	color: #333;
	font-weight: 600;
	font-size: 16px;
	text-transform: capitalize;
	position: relative;
}
.menu .menu-item a:hover ,.menu .current-menu-item a{
	color: #0D6D31;
}.menu .menu-item a:hover::after,.menu .current-menu-item a::after{background: #0D6D31;}
.menu .menu-item a:after {
	background: none repeat scroll 0 0 transparent;
	bottom: -16px;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background: #0D6D31;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
.menu .menu-item a:hover:after,.menu .current-menu-item a::after {
	width: 100%;
	left: 0;
}
.custom-btn {
  padding: 14px 20px;
  border-radius: 10px;
  background: #0D6D31;
  color: #fff;
  font-weight: 600;
  display: inline-flex;
  font-family: "Open Sans";
  font-size: 16px;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;border:0px;
}

/* Pseudo elements */
.custom-btn:before,
.custom-btn:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #F1CD05;
  transition: transform 0.5s ease; /* IMPORTANT */
  z-index: -1;
}

/* Left overlay */
.custom-btn:before {
  left: 0;
  transform: translateX(-100%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}

/* Right overlay */
.custom-btn:after {
  right: 0;
  transform: translateX(100%);
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Hover */
.custom-btn:hover {
  color: #333;
}
.custom-btn:hover img {
  filter: invert(1);
}
.custom-btn:hover:before {
  transform: translateX(0);
}

.custom-btn:hover:after {
  transform: translateX(0);
}

header .custom-btn{display: flex;align-items: center;justify-content: center;gap: 10px;animation: floatY 2s ease-in-out infinite;}
@keyframes floatY {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px); /* move up */
  }
  100% {
    transform: translateY(0px); /* back to normal */
  }
}
header .custom-btn:hover{background: #F1CD05;}header .custom-btn:hover{color: #333;}header .custom-btn:hover img{filter: invert(1);}
.home-banner{position: relative;overflow: hidden;height: 650px;padding-top: 110px;}
.home-banner video {
	object-position: center;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.home-banner::after{position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.3);}.home-banner .block{position:absolute;top: 35%;left: 100px;z-index: 5;}
.home-banner .block .btn{display:flex;align-items: center;gap: 10px;margin-top: 20px;}
.home-banner .block .subblock{display: flex;align-items: center;gap: 20px;margin-top: 40px;    max-width: 750px;}
.home-banner .block .subblock .box{display: flex;align-items: center;gap: 10px;}
.home-banner .block .subblock .box p{font-size:14px;}.home-banner .block .subblock .box img{width: 50px;height: auto;animation: 4s linear infinite tada;}footer{background: #174A28;padding-top:70px;padding-bottom: 20px;}
footer .row{display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;}footer .row .column{width: 23%;}footer .row .column .logo{padding-bottom:20px;display:inline-block;}
footer .row .column .social{padding:0px;display: flex;align-items: center;gap: 10px;flex-direction: row;}footer .row .column ul{padding:0px;display: flex;flex-direction: column;gap: 6px;}footer .row .column ul li a{color: #FFF;font-size: 16px;font-weight: 500;}footer .row .column ul li a:hover{color: #F1CD05;}footer .row .column .box{display: flex;gap: 10px;align-items: center;padding-top: 12px;}footer .bottom-row{margin-top: 30px;color: #fff;font-size: 14px;border-top: 1px solid #ffffff6a;padding-top: 10px;text-align: center;display: flex;justify-content: space-between;}footer .bottom-row .links{color:#fff;display: flex;gap: 10px;}footer .bottom-row .links a{color: #6C6C6C;font-size: 14px;}footer .bottom-row .links a:hover{color: #F1CD05;}.home-banner .block p{padding-top:20px;}.dealer{background-image:url("../image/footer-bg.svg");background-size: cover;background-position: center;padding: 70px 0;position: relative;}.dealer .block{display: flex;gap: 20px;align-items:center;} 
.dealer .block .left,.dealer .block .right{width:50%;}.dealer .block .left .subblock{display: flex;gap: 40px;padding-top: 50px;}.dealer .block .left .subblock .box{display: flex;align-items: center;gap: 10px;}
.dealer .block .left p{padding-top: 10px;}.dealer .block .right form{display:flex;flex-wrap:wrap;gap:20px;padding: 20px;border-radius: 20px;background: #FFF;    justify-content: space-around;}.dealer .block .right form .block{width:100%;}.dealer .block .right form .block.half{width:48%;}
.dealer .block .right form .input-box{padding: 14px 16px;border-radius: 10px;border: 1px solid #E5E5E5;font-size: 14px;font-weight: 500;width: 100%;}.dealer .block .right form .input-box::placeholder{color:#6C6C6C;}.dealer .block .right form p{display: block;width: 94%;}
.dealer .block .right form .block.half .input-box{width: 92%;}.dealer .block .right form .custom-btn{width:100%;color: #fff !important;}.dealer .block .right form textarea{height:80px;}.dealer .block .right form .btn p{width: 100%;}.stories-sec{padding:20px 0px 10px 0px;}
.stories-sec .block{display: flex;align-items: center;gap: 20px;justify-content: space-between;flex-wrap: wrap;padding-bottom:50px;}

.testimonial-section {
overflow: hidden;
}.testimonial-section .mySwiper {position: relative;}

.testimonial-section .video-card {
	position: relative;
	height: 400px;
	border-radius: 15px;
	overflow: hidden;
	color: white;
	cursor: pointer;
	background: #000;
}

/* Video element styling */
.testimonial-section .video-card video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* Overlay for text readability - Hide when playing */
.testimonial-section .video-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
	z-index: 2;
	transition: 0.3s;
}

.testimonial-section .duration {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(0,0,0,0.6);
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 12px;
	z-index: 3;
	transition: 0.3s;
}

.testimonial-section .play-btn img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(2px);
	z-index: 3;
	transition: 0.3s;
}

.testimonial-section .content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	z-index: 3;
	transition: 0.3s;
}

.testimonial-section .content h3 {
	font-size: 18px;
	margin-bottom: 5px;
}

.testimonial-section .content p {
	font-size: 14px;
	opacity: 0.9;
	margin-bottom: 15px;
}

.testimonial-section .badge {
	background-color: #0e3d1f;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
}

/* Video Playing State: Hide Overlays */
.testimonial-section .video-card.is-playing .content,
.testimonial-section .video-card.is-playing .duration,
.testimonial-section .video-card.is-playing .play-btn,
.testimonial-section .video-card.is-playing::after {
	opacity: 0;
	visibility: hidden;
}

/* Swiper Buttons */
.testimonial-section .swiper-button-next,.testimonial-section .swiper-button-prev {
	color: #333;
	background: white;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);position: absolute;
}

.testimonial-section .swiper-button-next::after,.testimonial-section .swiper-button-prev::after {
	font-size: 0px;
}.category-sec{padding-bottom: 120px;position: relative;padding-top: 50px;overflow: hidden;}.category-sec .block{text-align: center;}.category-sec .box{display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;padding-top: 50px;}.category-sec .box .column{width: 18%;border: 1px solid #ddd;border-radius: 16px;transition: all 0.4s;    background: #fff;}.category-sec .box .column .bottom{padding: 30px 20px 20px 20px;text-align: center;position: relative;}.category-sec .box .column .cat-img{width: 100%;height: 180px;border-top-left-radius: 16px;border-top-right-radius: 16px;object-fit: cover;}.category-sec .box .column p{padding: 15px 0px;}.category-sec .block p{padding-top: 12px;}.category-sec .box .column .h3{font-size: 20px;}.category-sec .box .column .custom-btn{font-size: 16px;padding: 10px;}.category-sec .box .column .custom-btn img{width: auto;height: 15px;}.category-sec .left{position: absolute;left: -20px;top: 0;width: auto;height: 150px;animation: 4s linear infinite tada;}.category-sec .right{position: absolute;right: -20px;top: 0;width: auto;height: 150px;animation: 4s linear infinite tada;}
.category-sec .box .column .bottom .top{position: absolute;top: -30px;left: 0;right: 0;margin: 0 auto;width: 50px;height: 50px;box-shadow: #333333a8 1px 1px 4px;border-radius: 50%;animation: 4s linear infinite tada;}.category-sec .box .column:hover{transform: translateY(-5px);}.category-sec .box .column:hover .top{transform: scale(1.1);}


 .about-section {
	position: relative;
	padding: 100px 0px;
	background: 
	url('../image/about-bg.svg');
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

 .about-section .wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	align-items: center;
}

/* --- Left Side Content --- */
.about-section .content-left {
	flex: 1;
	min-width: 350px;
	color: var(--text-white);
}

.about-section .tagline {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	color: #fff;
}

.about-section .main-title {
	font-size: clamp(2rem, 5vw, 3rem);
	line-height: 1.2;
	margin-bottom: 20px;
	font-weight: 700;
}

.about-section .description {
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1.6;
	max-width: 600px;
}

.about-section .feature-list {
	list-style: none;
	margin-bottom: 40px;
	padding: 0;
}.about-section .feature-list li{display: flex;gap: 10px;align-items: center;color: #fff;}

.about-section .feature-list li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
}

.about-section .feature-list li i {
	background: white;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 15px;
	font-size: 14px;
}

/* --- Right Side Stats Grid --- */
.about-section .stats-right {
	flex: 1;
	min-width: 400px;
	background: rgba(255, 255, 255, 0.98);
	border-radius: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	box-shadow: 0 25px 50px rgba(0,0,0,0.4);
}

.about-section .stat-card {
	padding: 50px 30px;
	display: flex;
	align-items: center;
	gap: 20px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.about-section .stat-card:nth-child(2n) { border-right: none; }
.about-section .stat-card:nth-child(3),.about-section  .stat-card:nth-child(4) { border-bottom: none; }

.about-section .icon-box img{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	animation: 4s linear infinite tada;
}

.about-section .stat-info p {
	font-size: 14px;
	color: #333;
	font-weight: 500;
}.about-cat{padding: 50px 0px;}
.about-cat .wrapper{display: flex;gap: 0px;justify-content: center;align-items: flex-start;}
.about-cat .box{width: 25%;border-right: 1px solid #ddd;text-align: center;padding: 20px;}.about-cat .box:last-child{border: 0;}.about-cat .box img{width: 50px;height: auto;animation: 4s linear infinite tada;}.about-cat .box h4{padding: 15px 0px;}.about-section .content-left h2{padding-bottom: 15px;}
.dealer .block .left .subblock .box img{animation: 4s linear infinite tada;}
footer .row .column .box img{animation: 3s linear infinite rubberBand;}
.store-section { position: relative;overflow: hidden;padding: 120px 0px;}
.store-section h2{text-align: center;padding-bottom: 50px;}
/* Thumbs Styles */
.store-section .category-thumbs { margin-bottom: 30px; padding: 10px 0; }
.store-section .category-thumbs .swiper-slide { 
    text-align: center; cursor: pointer; opacity: 0.4; transition: 0.3s;
    font-weight: 600; font-size: 0.9rem;
}
.store-section .category-thumbs .swiper-slide-thumb-active { opacity: 1; transform: scale(1.1); }
.store-section .cat-circle {
    width: 70px; height: 70px; border-radius: 50%;
    margin: 0 auto 10px; display: flex; align-items: center; justify-content: center;background: #F1F1F1;position: relative;
}.store-section .cat-circle::after{position: absolute;content: '';width: 75px;height: 75px;border-radius: 50%;border: 1px solid #ddd;}
.store-section .swiper-slide-thumb-active .cat-circle { background:#0D6D31; }
.store-section .swiper-slide-thumb-active .cat-circle img{filter: invert(10);animation: 3s linear infinite rubberBand;}
@keyframes rubberBand{
	0%, 100% {
    transform: scaleX(1);
}
30% {
    transform: scale3d(1.25, .75, 1);
}
40% {
    transform: scale3d(.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, .85, 1);
}
65% {
    transform: scale3d(.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, .95, 1);
}
}
.store-section .info-side .custom-btn img{animation: 5s linear infinite arrow;}
@keyframes arrow{
	0%{transform: translateX(-5px);}50%{transform: translateX(5px);}100%{transform: translateX(-5px);}
}.store-section .p-item:hover a img{transform: translateX(4px);}.store-section .p-item:hover{transform: translateY(-4px);}
.store-section .swiper-slide-thumb-active .cat-circle::after{border-color: #0D6D31;}
/* Main Card Styles */
.store-section .content-card {
    background: #F6F7F5; border-radius: 25px; padding: 40px;
    display: flex; gap: 30px;
}

.store-section .info-side { flex: 1; }
.store-section .info-side h3 { margin-bottom: 15px; }
.store-section .info-side p { color: #555; line-height: 1.6; margin-bottom: 25px; }
.store-section .btn-all { background: var(--primary); color: white; border: none; padding: 12px 25px; border-radius: 8px; cursor: pointer; }

.store-section .product-grid { flex: 3; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.store-section .p-item { background: white; padding: 20px; border-radius: 15px; text-align: center; transition: all 0.4s; }
.store-section .p-item img { width: auto; height: 155px;}
.store-section .p-item h4 { margin: 10px 0 5px;font-weight: 600;}
.store-section .p-item p { font-size: 0.8rem; color: #888; margin-bottom: 15px; }
.store-section .p-item a { color: #0e3d1f; text-decoration: none;  font-size: 16px; }
.store-section .left{position: absolute;width: auto;height: 180px;left: -30px;top: 30px;animation: 4s linear infinite tada;}.store-section .right{position: absolute;width: auto;height: 180px;right: -30px;top: 30px;animation: 4s linear infinite tada;}
@keyframes tada{
	0%, 100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
}
.store-section .p-item a img{width: auto;height: 20px;filter: brightness(0) saturate(100%) invert(16%) sepia(64%) saturate(489%) hue-rotate(93deg) brightness(92%) contrast(95%);} 
.store-section .p-item a{display: inline-flex;align-items: center;gap: 6px;}
.home-banner .block .subblock .box p{padding: 0;}.home-banner .block .btn a img,.stories-sec .block a img{animation: 3s linear infinite rubberBand;}