body {
	font-family: "Roboto", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
    padding-top: 82px; 
	font-size: 16px;
}

a {
	text-decoration: none;
}

.cursor-pointer {
	cursor: pointer;
}

.grey-col {
	color: #777777;
}

section {
    padding: 80px 0;
}

.min-h-auto {min-height: auto !important;}
.height-auto {height: auto !important;}

.bg-light-custom {
	background-color: #EEF0F6;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {color: #fff;}

.section_title-subheading {
    font-size: 14px;
    color: #ff6000;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.sub-title-shape-left:before {
    position: relative;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background: #ff6000;
    display: inline-block;
    margin-right: 12px;
}

.inner-title {
	font-size: 42px;
    font-weight: 800;
    line-height: 50px;
    margin-bottom: 20px;
	color: #0854a0;
}

.logo-img {
	max-width: 350px;
}

/* Go to Top */
#progress {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: conic-gradient(#2065a9 0%, #ff6000 0%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.3s ease;
    z-index: 99;
}

/* Show when scrolling */
#progress.show {
  	opacity: 1;
  	transform: scale(1);
}

#progress span {
	background: white;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
}

/* Navbar CSS */
/* =========================
	NAVBAR
========================== */
.navbar {
	background:#fff;
	padding:10px 0;
	box-shadow:0 2px 15px rgba(0,0,0,0.05);
	/* position:relative; */
	z-index:999;
	transition: all 0.3s ease;
}

.navbar-brand {
	font-size:28px;
	font-weight:700;
	color:#0d6efd !important;
}

.navbar-brand span{
	color:#ff6b00;
}

.navbar .nav-link {
	color:#222 !important;
	font-weight:500;
	padding:12px 18px !important;
	transition:.3s;
}

.navbar .nav-link:hover {
	color:#0d6efd !important;
}

.carousel-control-prev,
.carousel-control-next {
    width: 70px;
    opacity: 1;
}

/* =========================
	Home Banner CSS
========================== */
.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-size: 22px 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.3);
    box-shadow:
        0 8px 20px rgba(0,0,0,0.25),
        0 0 15px rgba(255,255,255,0.15);
    transition: all 0.35s ease;
}

/* Hover Effects */
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {
    transform: scale(1.15) rotate(8deg);
    background-color: #ff6b00;
    box-shadow:
        0 10px 30px rgba(255,107,0,0.5),
        0 0 25px rgba(255,107,0,0.7);
}

/* Optional floating animation */
.carousel-control-prev-icon, .carousel-control-next-icon {
    animation: floatBtn 2.5s ease-in-out infinite;
}

@keyframes floatBtn {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-4px);
    }
    100% {
        transform: translateY(0px);
    }
}

/* =========================
	MEGA MENU
========================== */

.mega-dropdown{
	position:static !important;
}

.mega-menu{
	width:100%;
	left:0;
	right:0;
	top:100%;
	position:absolute;
	border:none;
	border-radius: 0;
	background:#ddd;
	padding:0px 35px 35px 35px;
	display:none;
	box-shadow:0 20px 60px rgba(0,0,0,0.08);
}

/* .mega-dropdown:hover .mega-menu{
	display:block;
	animation:fadeIn .3s ease;
} */

/* Desktop Hover */
@media (hover:hover) and (pointer:fine){

    .mega-dropdown:hover .mega-menu{
        display:block;
        animation:fadeIn .3s ease;
    }

}

@keyframes fadeIn{

	from{
		opacity:0;
		transform:translateY(10px);
	}

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

}

/* LEFT PANEL */
.menu-wrapper{
	background:#f9fbff;
	border-radius:18px;
	padding:25px;
	border:1px solid #edf2ff;
	height:100%;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Main Menu Heading */
.main-menu-title{
	font-size:22px;
	font-weight:700;
	margin-bottom:20px;
	color:#111;
	display:flex;
	align-items:center;
	gap:10px;
}

.main-menu-title i{
	color:#0854a0;
}

/* Submenu Card */

.submenu-card{
	background:#fff;
	border-radius:14px;
	padding:18px;
	margin-bottom:20px;
	border:1px solid transparent;
	transition:.3s;
}

.submenu-card:hover{
	border-color:#dbe7ff;
	transform:translateY(-5px);
	box-shadow:0 10px 30px rgba(13,110,253,0.08);
}

.submenu-card h5{
	font-size:17px;
	font-weight:600;
	margin-bottom:18px;
	display:flex;
	align-items:center;
	gap:10px;
	color:#ff6b00;
}

.submenu-card h5 i{
	color:#0854a0;
}

/* Lists */

.submenu-card ul{
	padding:0;
	margin:0;
}

.submenu-card ul li{
	list-style:none;
	margin-bottom:12px;
}

.hover-item{
	text-decoration:none;
	color:#555;
	font-size:14px;
	display:flex;
	align-items:center;
	gap:8px;
	transition:.3s;
	padding:8px 10px;
	border-radius:10px;
}

.hover-item:hover{
	background:#edf4ff;
	color:#0854a0;
	transform:translateX(5px);
}

.hover-item i{
	font-size:7px;
	color:#0854a0;
}

/* =========================
	PREVIEW BOX
========================== */

.preview-box {
	background:#f9fbff;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,0.06);
	border:1px solid #edf2ff;
	height:100%;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.preview-image{
	width:100%;
	height:280px;
	object-fit:cover;
	transition:.4s;
}

.preview-content{
	padding:22px;
}

.preview-content h4{
	font-size:22px;
	font-weight:700;
	margin-bottom:10px;
}

.preview-content p{
	font-size:14px;
	color:#666;
	line-height:1.8;
	margin-bottom:0;
}

/* =========================
	MOBILE
========================== */

/* @media(max-width:991px){

	.mega-menu{
		position:relative;
		padding:20px;
		box-shadow:none;
	}

	.preview-box{
		margin-top:20px;
	}

} */

/* Footer CSS */
.footer{
	background-color: #2d3d4d;
    border-top: 5px solid #ff6000;
	color:#c9d3e0;
	padding:80px 0 30px;
	position:relative;
	font-size:15px;

}

/* headings */
.footer h5{
	color:#fff;
	margin-bottom:25px;
}

/* links animation */
.footer-links li{
	margin-bottom:12px;
	transition:all .3s ease;
}

.footer-links li:hover{
	transform:translateX(6px);
}

.footer-links a{
	color:#c9d3e0;
	text-decoration:none;
	transition:.3s;
	padding: 0 0 0 20px;
}

.footer-links a:hover{
	color:#0d6efd;
}

/* social icons animation */
.social-icons a {
	width:40px;
	height:40px;
	border:1px solid rgba(255,255,255,0.2);
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	margin-right:8px;
	transition:all .4s ease;
	color: #fff;
    text-decoration: none;
}

.social-icons a:hover{
	background:#0d6efd;
	border-color:#0d6efd;
	transform:translateY(-5px) scale(1.1);
	box-shadow:0 10px 20px rgba(0,0,0,.3);
}

/* contact icons animation */
.contact-item{
	display:flex;
	align-items:flex-start;
	margin-bottom:18px;
}

.contact-item i{
	margin-right:12px;
	background:rgba(255,255,255,0.08);
	width:38px;
	height:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	transition:.3s;
}

.contact-item:hover i{
	background:#0d6efd;
	transform:rotate(10deg) scale(1.1);
}

/* newsletter */
.newsletter-box{
	position:relative;
}

.newsletter-input{
	background:#fff;
	border:none;
	color:#fff;
	padding:14px;
	border-radius:30px;
}

.newsletter-input:focus{
	box-shadow:0 0 0 2px rgba(13,110,253,.4);
}

.newsletter-btn{
	background: linear-gradient(135deg, #0854a0 0%, #ff5600 100%);
	border:none;
	color:#fff;
	width:48px;
	height:48px;
	border-radius:50%;
	position:absolute;
	right:5px;
	top:3px;
	transition:.4s;
}

.newsletter-btn:hover{
	transform:rotate(15deg) scale(1.1);
	box-shadow:0 10px 20px rgba(0,0,0,.3);
}

/* footer bottom */
.footer-bottom{
	border-top:1px solid rgba(255,255,255,0.1);
	margin-top:50px;
	padding-top:20px;
}

.footer-bottom a{
	margin-left:20px;
	position:relative;
	text-decoration: none;
	color: #fff;
}

.footer-bottom a::after{
	content:"";
	position:absolute;
	width:0;
	height:2px;
	left:0;
	bottom:-4px;
	background:#0d6efd;
	transition:.3s;
}

.footer-bottom a:hover::after{
	width:100%;
}

/* Breadcrumb CSS */
.theme-bg-1 {
    background: lemonchiffon;
}
.pb-95 {
    padding-bottom: 95px;
}
.pt-95 {
    padding-top: 95px;
}
.z-index-11 {
    z-index: 11;
}
.breadcrumb__thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.breadcrumb__thumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.3); /* adjust opacity */
}
.breadcrumb__title {
    font-size: 64px;
    margin-bottom: 15px;
    color: #fff;
}
.breadcrumb__menu ul {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flexbox;
    padding-left: 5px;
    gap: 25px;
    justify-content: center;
}
.breadcrumb__menu ul li {
    list-style: none;
    position: relative;
    line-height: 1;
}
.breadcrumb__menu ul li span {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: var(--bd-fw-medium);
    color: #fff;
}
.breadcrumb__menu ul li span a {
	color: #fff;
	text-decoration: none;
}
.breadcrumb__menu ul li:not(:last-child):after {
    display: inline-block;
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    inset-inline-end: -15px;
    top: 50%;
    font-family: var(--bd-ff-fontawesome);
    font-size: 14px;
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


/* Banner Slider CSS */
/* .hero-banner {
	background: linear-gradient(120deg,#021c2c,#0d6b63);
	padding:100px 0;
	color:white;
}

.hero-content h1 {
	font-size:60px;
	font-weight:800;
	line-height:1.1;
	margin:20px 0;
}

.hero-content p {
	font-size:18px;
	opacity:.85;
	margin-bottom:25px;
}

.badge-custom {
	background:rgba(255,255,255,0.1);
	padding:8px 16px;
	border-radius:25px;
	font-size:14px;
}

.hero-btn {
	background:#ff7a2f;
	color:white;
	padding:14px 28px;
	border-radius:40px;
	font-weight:600;
}

.hero-btn:hover {
	background:#ff6a10;
	color:white;
}

.hero-img {
	max-height:420px;
}


@media (max-width:991px) {
	.hero-content {
		text-align:center;
		margin-bottom:40px;
	}

	.hero-content h1 {
		font-size:38px;
	}

	.hero-img {
		max-height:280px;
	}

} */

 .hero-section{
	min-height: 80vh;
	display:flex;
	align-items:center;
	background: linear-gradient(135deg,#0f172a,#111827);
	color:#fff;
	overflow:hidden;
	position:relative;
	padding: 0;
}

.hero-badge{
	display:inline-block;
	padding:10px 18px;
	background:#ffffff14;
	backdrop-filter:blur(10px);
	border-radius:50px;
	margin-bottom:20px;
	font-size:14px;
	letter-spacing:1px;
}

.hero-title{
	font-size:64px;
	font-weight:800;
	line-height:1.1;
	margin-bottom:20px;
	overflow:hidden;
}

.hero-title .word{
	display:inline-block;
	overflow:hidden;
}

.hero-subtitle{
	font-size:20px;
	color:#cbd5e1;
	margin-bottom:30px;
}

.btn-custom{
	position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #0854a0 0%, #ff5600 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s ease;
	box-shadow: 0 6px 18px rgba(8, 84, 160, 0.2);
}

.btn-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.5),
        transparent
    );
    transform: skewX(-25deg);
    transition: left 0.8s ease;
}

.btn-custom:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 12px 30px rgba(8, 84, 160, 0.45),
                0 12px 30px rgba(255, 86, 0, 0.35);
}

.btn-custom:hover::before {
    left: 150%;
}

.btn-custom .arrow {
    transition: transform 0.4s ease;
}

.btn-custom:hover .arrow {
    transform: translateX(8px);
}

.hero-img-wrapper{
	position:relative;
	perspective:1000px;
}

.hero-img {
	max-width:100%;
	filter:drop-shadow(0 30px 60px rgba(0,0,0,0.4));
	/* transform-style:preserve-3d; */
}

/* Optional Glow Effect */
.hero-img-wrapper::before{
	content:'';
	position:absolute;
	width:350px;
	height:350px;
	background:#3b82f6;
	filter:blur(120px);
	opacity:.25;
	z-index:-1;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

/* Mobile */
@media (max-width:991px) {
	.hero-section {
		padding:50px 0;
		text-align:center;
		min-height: 85vh;
	}

	.hero-title{
		font-size:36px;
	}

	.hero-img{
		margin-top:40px;
		max-width:80%;
	}
	.carousel-control-prev-icon, .carousel-control-next-icon {width: 40px;height: 40px;}
}

/* Product Section */
.product-sec, .form-section, .our-culture-sec {
	background-color: #EEF0F6;
}

/* .product-sec img {} */

.black-effect-about {
	position: relative;
	overflow: hidden;
	border: 10px solid #fff;
    border-radius: 25px;
    box-shadow: 0px 36px 68px 2px rgba(15, 19, 46, 0.07);
}

.black-effect-about:before {
	position: absolute;
    content: "";
    background: linear-gradient(180deg, rgba(16, 20, 28, 0) 0%, rgba(17, 20, 27, 0.65) 100%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* client Slider */
.client-section {
	background: #0854a0;
	padding: 20px 0;
}

.client-section .swiper {
	padding: 10px 0;
}

.logoSwiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.logoSwiper .swiper-slide {
    width: auto;
}

.client-section .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.client-section .swiper-slide img {
	max-height: 40px;
	object-fit: contain;
	filter: brightness(0) invert(1);
	opacity: 0.85;
	transition: 0.3s;
}

.client-section .swiper-slide img:hover {
	opacity: 1;
	transform: scale(1.1);
}

/* Responsive logo size */
@media (max-width: 768px) {
	.client-section .swiper-slide img {
		max-height: 30px;
	}
}

/* Product Section CSS */
.product-section .image-hover {
	text-align: center;
}

.product-section .image-hover h5 {
	text-align: center;
	margin-top: 15px;
}

/* About Page */
.section-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 8px 20px;
    position: relative;
    border-radius: 50px;
    color: #2065a9;
    display: inline-flex;
    border: 1px solid #E5E5E5;
    text-transform: uppercase;
    background-color: #fff;
    letter-spacing: 0.05em;
}

.section-subtitle .start-shape {
    display: inline-flex;
    align-items: center;
}

.section-subtitle .start-shape:before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #2065a9;
    display: inline-block;
    border-radius: 50%;
}

.section-subtitle .start-shape:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #2065a9;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px;
}

.section-subtitle .end-shape {
    display: inline-flex;
    align-items: center;
}

.section-subtitle .end-shape:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #2065a9;
    display: inline-block;
    border-radius: 50%;
    margin: 0 7px;
}

.section-subtitle .end-shape:after {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #2065a9;
    display: inline-block;
    border-radius: 50%;
}

.title-wrapper {
    margin-top: 20px;
}

h2.section-title {
    font-size: 42px;
	font-weight: 700;
	color: #0854a0;
	position: relative;
	padding-bottom: 20px;
}

h2.section-title:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, #ff6000, #ffb000);
	margin-left: -35px;
}

h2.enquiry-title:after {
	left: 0;
	margin-left: 0;
}

.badge-custom {
	background: #ece9ff;
	color: #6c4cff;
	padding: 8px 16px;
	border-radius: 50px;
	font-size: 13px;
	letter-spacing: 1px;
}

/* .title {
	font-size: 42px;
	font-weight: 700;
	color: #1c1c1c;
} */

.text-muted-custom {
	color: #6c757d;
	line-height: 1.7;
}

.feature-list i {
	color: #6c4cff;
	margin-right: 10px;
}

.image-wrapper {
	position: relative;
	max-width: 450px;
	margin: auto;
}

.img-main {
	width: 100%;
	border-radius: 20px;
}

.img-overlay {
	position: absolute;
	bottom: -40px;
	right: -40px;
	width: 70%;
	border-radius: 20px;
	border: 8px solid #fff;
}

@media (max-width: 768px) {
	.title {
		font-size: 30px;
	}

	.img-overlay {
		position: relative;
		bottom: 0;
		right: 0;
		width: 100%;
		margin-top: 20px;
	}
}

.feature-1-box {
    border: 1px solid #E5E5E5;
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 40px;
    display: flex;
    gap: 30px;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
    overflow: hidden;
}

.feature-1-box:before {
    position: absolute;
    content: "";
    width: 145px;
    height: 145px;
    left: -152px;
    top: -176px;
    background: #2065a9;
    filter: blur(60px);
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

.feature-1-box:hover:before {
    left: -52px;
    top: -76px;
    opacity: 1;
}

.feature-1-box .icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-color: #EFF0FF;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.feature-1-box .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.21;
}

.feature-1-box:hover {
    box-shadow: 0px 1px 66px 3px rgba(107, 111, 118, 0.15);
}

.feature-1-box:not(:first-child) {
    margin-top: 25px;
}


.whysarto-card {
 	background: #fff;
    border-radius: 10px;
    padding: 34px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
	margin-bottom: 25px;
	min-height: 200px;
}

.whysarto-card .box-title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
    margin-top: -0.32em;
}

.whysarto-card .box-text {
	color: #6E7070;
	margin-bottom: 0;
}

/* .whysarto-card.item-active2 .box-number {
    color: #0B1422;
} */
.whysarto-card .box-number {
    color: #d75201;
    font-size: 40px;
    font-weight: 600;
    -webkit-transition: .4s;
    transition: .4s;
}

.client-slider-about-page {
    padding: 20px 0;
}

.client-slider-about-page .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.client-slider-about-page .swiper-slide img {
    max-height: 200px;
    width: auto;
    filter: grayscale(100%);
    transition: 0.3s;
}

.client-slider-about-page .swiper-slide img:hover {
    filter: grayscale(0);
}


/* About Sarto Electro Home Page */
.about-section-home {
	background-color: #002630;
	color: #fff;
}

.gallery-section {
    margin-top: 30px;
}

.gallery-section .gallery-item {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	cursor: pointer;
	border: 5px solid #fff;
    box-shadow: 0px 36px 68px 2px rgba(15, 19, 46, 0.07);
}

.gallery-section .gallery-img {
	width: 100%;
	height: 181px;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
	/* border: 5px solid #ddd; */
}

.gallery-section .gallery-img.large {
	height: 283px;
}

/* Overlay */
.gallery-section .gallery-overlay {
	position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    background: rgba(0,0,0,.75);
    color: #fff;
    padding: 10px 20px;
    transition: bottom .4s ease;
    opacity: 1;
}

.gallery-section .gallery-content {
	color: #fff;
	transform: translateY(20px);
	transition: all 0.4s ease;
}

.gallery-section .gallery-content h5 {
	font-weight: 700;
	margin-bottom: 0;
}

.gallery-section .gallery-content p {
	margin: 0;
	font-size: 14px;
}

/* Hover Effects */
.gallery-section .gallery-item:hover .gallery-overlay {
	bottom: 0;
}

.gallery-section .gallery-item:hover .gallery-content {
	transform: translateY(0);
}

.gallery-section .gallery-item:hover .gallery-img {
	transform: scale(1.1);
}

/* Mobile */
@media (max-width: 767px) {
	.gallery-section .gallery-img,
	.gallery-section .gallery-img.large {
		height: 250px;
	}
}

/* Testimonial Slider */
.testimonial-section {
	position: relative;
    z-index: 1;
}

.testimonial-area-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #EBEBF5;
    top: 0;
    left: 0;
    z-index: -1;
}

.testimonial-area-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(235, 235, 245, 0.61);
}

.testimonial-area-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-section .swiper {
	padding-bottom: 80px;
	overflow: hidden !important;
    padding-top: 60px;
}

.testimonial-section .mySwiper {
    padding-top: 60px;
}

.testimonial-section .testimonial-card {
	background: #e9edf5;
	border-radius: 20px;
	padding: 30px;
	position: relative;
	transition: 0.4s ease;
	opacity: 0.6;
}

.testimonial-section .swiper-slide {
    overflow: visible !important;
}

/* Active Center Card */
.testimonial-section .swiper-slide-active .testimonial-card {
	background: #dfe6f3;
	transform: translateY(-40px) scale(1.05);
	opacity: 1;
	z-index: 2;
}

/* Side Cards */
.testimonial-section .swiper-slide-prev .testimonial-card,
.testimonial-section .swiper-slide-next .testimonial-card {
	opacity: 0.85;
}

.testimonial-section .profile {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 15px;
}

.testimonial-section .profile img {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	object-fit: cover;
}

.testimonial-section .profile h5 {
	margin: 0;
	font-weight: 600;
}

.testimonial-section .profile span {
	font-size: 14px;
	color: gray;
}

.testimonial-section .stars {
	margin-left: auto;
	color: #f4a742;
	font-size: 14px;
}

.testimonial-section .testimonial-text {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
}

/* Quote Icon */
.testimonial-section .quote-icon {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
	background: #2f6fed;
	color: #fff;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

/* Pagination */
.testimonial-section .swiper-pagination-bullet {
	background: #cbd5e1;
	opacity: 1;
}

.testimonial-section .swiper-pagination-bullet-active {
	background: #2f6fed;
}

/* Mobile */
@media(max-width: 768px) {
	.testimonial-section .swiper-slide-active .testimonial-card {
		transform: translateY(0) scale(1);
	}
}



/* Contact Section Home */
.contact-card {
	background: #fff;
	/* border-radius: 24px; */
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	/* padding: 40px 0; */
}

/* LEFT SIDE */
.contact-card .contact-info {
	background: #0854a0;
	padding: 40px;
	height: 100%;
	border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.contact-info .sub-title {
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
}

.contact-info h2 {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #fff;
}

.contact-info p {
	color: #fff;
	line-height: 1.8;
	margin-bottom: 40px;
}

.contact-card .info-box {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 25px 0;
	border-bottom: 1px solid #d7dce5;
}

.contact-card .info-box:last-child {
	border-bottom: none;
}

.contact-card .icon-box {
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #2457ff;
	flex-shrink: 0;
}

.contact-card .info-content span {
	display: block;
	color: #fff;
	margin-bottom: 6px;
	font-size: 15px;
}

.contact-card .info-content h5 {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

/* RIGHT SIDE */
.contact-card .contact-form {
	padding: 50px 40px;
	background: #EEF0F6;
	height: 100%;
	border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.contact-card .form-control, .contact-card .form-select {
	height: 65px;
	border: none;
	background: #fff;
	border-radius: 12px;
	padding: 0 20px;
	font-size: 15px;
	color: #111827;
	box-shadow: none !important;
}

.contact-card textarea.form-control {
	height: 220px;
	padding-top: 20px;
	resize: none;
}

.contact-card .form-control:focus, .contact-card .form-select:focus {
	border: 1px solid #2457ff;
	background: #fff;
}

.contact-card .submit-btn {
	background: linear-gradient(135deg, #ff6000, #ff9966);
	color: #fff;
	border: 1px solid #ff9966;
	border-radius: 14px;
	padding: 16px 35px;
	font-size: 18px;
	font-weight: 500;
	transition: 0.3s;
}

.contact-card .submit-btn:hover {
	background: #fff;
	color: #111827;
	border: 1px solid #ff6000;
}

/* RESPONSIVE */
@media (max-width: 991px) {
	.contact-card .contact-info, .contact-card .contact-form {
		padding: 40px 25px;
	}

	.contact-card .contact-info h2 {
		font-size: 34px;
	}

	.contact-card .info-content h5 {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.contact-card .contact-info h2 {
		font-size: 28px;
	}

	.contact-card .info-box {
		align-items: flex-start;
	}

	.contact-card .icon-box {
		width: 60px;
		height: 60px;
		font-size: 24px;
	}

	.contact-card .info-content h5 {
		font-size: 18px;
	}

	.contact-card .submit-btn {
		width: 100%;
	}
}

/* Event CSS */
.event-section {
	/* background-color: #F8F4FF; */
	overflow: hidden;
	padding: 40px 0 80px 0;
}

.event-wrap {
	background-color: #fff;
    /* margin: 0 20px;
    border: 1px solid #2563eb; 
    border-radius: 10px;
	padding: 60px 0;*/
}

.event-section .event-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	min-height: 349px;
	position: relative;
}

.event-section .event-img {
	width: 100%;
	height: 260px;
	object-fit: cover;
}

.event-section .badge-promoted {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ff4d4f;
	color: #fff;
	font-size: 10px;
	padding: 4px 6px;
	border-radius: 4px;
	z-index: 2;
}

.event-section .date-strip {
	background: #000;
	color: #fff;
	font-size: 12px;
	padding: 6px;
	text-align: center;
}

.event-section .head-strip {
	background: #000;
	color: #fff;
	font-size: 14px;
	padding: 6px;
	text-align: center;
}
.event-section .event-content {
	padding: 10px;
}

.event-section .event-title {
	font-size: 14px;
	font-weight: 600;
}

.event-section .event-location {
	font-size: 12px;
	color: gray;
}

.event-card-bg-grey {background-color: #D7D7D7 !important;}
.event-card-bg-yellow {background-color: #EFE9CE !important;}
.event-card-bg-green {background-color: #AED2BC !important;}
.event-card-bg-lighty {background-color: #E7F0B3 !important;} 
.event-card-bg-lightg {background-color: #E3E2DA !important;}
.event-card-bg-lighto {background-color: #F6DDC9 !important;}
.event-card-bg-blue {background-color: #97b8c1 !important;}


.event-section .event-header {
	background-color: #0F3B46;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}

.event-section .event-body {
	text-align: center;
	padding: 25px 15px;
}

.event-section .event-body img {
	max-width: 100%;
	height: auto;
	background: #fff;
	padding: 15px;
}

.event-section .event-date {
	text-align: center;
	font-size: 18px;
	letter-spacing: 1px;
}

/* Controls Container */
.eventSwiper .slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    margin-top: 30px;
	position: relative;
    z-index: 100;
}

.eventSwiper .swiper-button-prev,
.eventSwiper .swiper-button-next,
.eventSwiper .swiper-pagination {
    pointer-events: auto;
}

/* Remove Swiper default positioning */
.eventSwiper .slider-controls .swiper-button-prev,
.eventSwiper .slider-controls .swiper-button-next {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    transition: all .3s ease;
}

/* Arrow hover */
.eventSwiper .slider-controls .swiper-button-prev,
.eventSwiper .slider-controls .swiper-button-next {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #0854a0;
    color: #fff;
    transition: all 0.3s ease;
}

/* Hover glow */
.eventSwiper .slider-controls .swiper-button-prev:hover,
.eventSwiper .slider-controls .swiper-button-next:hover {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(255, 107, 0, 0.5);
}

.eventSwiper .slider-controls .swiper-button-prev::after,
.eventSwiper .slider-controls .swiper-button-next::after {
    font-size: 14px;
    font-weight: 700;
}

/* Pagination */
.eventSwiper .slider-controls .swiper-pagination {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Normal bullets */
.eventSwiper .slider-controls .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d1d5db;
    opacity: 1;
    border-radius: 50%;
    margin: 0 5px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* Active bullet becomes pill */
.eventSwiper .slider-controls .swiper-pagination-bullet-active {
    width: 42px;
    border-radius: 999px;
    background: rgba(255, 107, 0, 0.15);
    box-shadow: 0 0 12px rgba(255, 107, 0, 0.4);
}

.eventSwiper .slider-controls .swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, #ff6b00, #ff3d00);
    animation: fillBar 2.5s linear infinite;
}

@keyframes fillBar {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

/* Responsive tweak */
@media (max-width: 576px) {
	.event-card {
	margin: 20px;
	}
}

/* remove arrows space if any */
.swiper {
	padding-bottom: 10px;
}

/* Product Sidebar */
.sidebar-wrapper {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	overflow: hidden;
	position: sticky;
	top: 120px;
	height: fit-content;
}

.sidebar-title {
	background: #0b2a63;
	color: #fff;
	padding: 16px 20px;
	font-size: 18px;
	font-weight: 600;
}

.accordion-button {
	font-weight: 600;
	font-size: 15px;
	padding: 14px 18px;
	background: #fff;
	box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
	background: #f7f9fc;
	color: #0b2a63;
}

.accordion-collapse {
    transition: height 0.6s ease !important;
}

/* optional: smoother fade + slide feel */
.accordion-collapse.collapse {
    display: block;
    height: 0;
    overflow: hidden;
}

.accordion-collapse.collapse.show {
    height: auto;
}

.accordion-body {
	padding: 0;
}

.sidebar-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-links li a {
	display: block;
	padding: 12px 20px;
	font-size: 14px;
	color: #444 !important;
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: 0.3s;
}

.sidebar-links li a:hover, .sidebar-links li a.active-link {
	background: #f3f6fb;
	color: #ff6b00;
	border-left-color: #ff6b00;
}

@media (max-width: 991px) {
	.sidebar-wrapper {
		margin-bottom: 20px;
	}
}
.d-scanner {
    padding: 0;
}

.d-scanner a {
    display: block;
    color: #212529 !important;
    padding: 6px 0 12px 18px;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    font-size: 15px;
    border-left: 3px solid transparent;
}

.d-scanner a:hover, .d-scanner a.active-link {
	background: #f3f6fb;
	/* color: #ff6b00; */
	border-left-color: #ff6b00;
}
/* .sidebar {
  	background: linear-gradient(to bottom, #1f4163, #2c5c8a, #4a8fd1);
	color:#fff;
	border-radius:20px;
	padding:20px;
	position: sticky;
	top: 120px;
	height: fit-content;
}

.sidebar h5 {
  	margin-bottom:20px;
	color: #ff6000;
}

.accordion-button {
	background:transparent;
	color:#fff;
	font-weight:bold;
	padding: 0.5rem;
}

.accordion-button:not(.collapsed) {
	background:transparent;
	color:#fff;
	box-shadow:none;
}

.accordion-body a {
	display:block;
	color:#A9EDEF;
	padding:6px 0 12px 0;
	text-decoration:none;
	cursor:pointer;
	border-bottom: 1px dotted;
}

.accordion-body a:not([href]):not([class]), .accordion-body a:not([href]):not([class]):hover {
    color: #A9EDEF;
}

.accordion-button:focus {box-shadow: none;}

.accordion-body a:hover {
  	color:#fff;
}

.active-link {
	color:yellow !important;
	font-weight:bold;
}

.accordion-button {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");

  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E");
}

.d-scanner {
    padding: 0.5rem;
}

.d-scanner a {
	display: block;
    color: #A9EDEF !important;
    padding: 6px 0 12px 0;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dotted;
} */

/* Content Fade */
#content-area {
	opacity: 1;
	transition: opacity 0.35s ease-in-out;
}

.fade-out {
  	opacity: 0;
}

.fade-in {
  	opacity: 1;
}

@media (max-width:768px){
  .sidebar{
    	margin-bottom:20px;
  }
}s

/* Content */
.content h1 {
	font-weight: 700;
}

.highlight {
	color: orange;
	font-weight: bold;
}

.stats {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 20px;
}

.stat-item {
	min-width: 120px;
}

.section-title {
	margin-top: 30px;
}

@media (max-width: 768px) {
	.sidebar {
	margin-bottom: 20px;
	}
}

/* Product Inner Page CSS */
.counter-section {
	background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.stat-box {
	text-align: center;
	padding: 30px 20px;
	border-right: 1px solid #e5e5e5;
}

/* .stat-box:last-child {
	border-right: none;
} */

.stat-icon {
	font-size: 40px;
	color: #ff6b00;
	margin-bottom: 15px;
}

.stat-number {
	font-size: 48px;
	font-weight: 700;
	color: #0d1b2a;
}

.stat-text {
	font-size: 16px;
	color: #6c757d;
	margin-top: 10px;
}

.border-radius-40 {
	border-radius: 20px;
}

/* Responsive tweaks */
@media (max-width: 767px) {
	.stat-box {
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
	}

	.stat-box:last-child {
		border-bottom: none;
	}
}

/* World Map CSS  */
.map-container {
	position: relative;
	width: 100%;
	/* max-width: 1000px; */
	margin: auto;
	background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

.map-container img {
	width: 100%;
	height: auto;
}

/* Marker */
.map-container .marker {
	position: absolute;
	transform: translate(-50%, -100%);
	text-align: center;
}

.map-container .marker .dot {
   	position: relative;
  	width: 12px;
  	height: 12px;
 	background: #00c2cb;
	box-shadow: 0 0 10px #00c2cb, 0 0 20px #00c2cb;
  	border-radius: 50%;
  	margin: auto;
  	z-index: 2;
}

/* Ripple layers */
.map-container .marker .dot::before, .map-container .marker .dot::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: rgba(0, 194, 203, 0.4);
	animation: ripple 2s infinite;
	z-index: -1;
}

/* second wave delay */
.map-container .marker .dot::after {
  	animation-delay: 1s;
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
.map-container .label {
  font-size: 16px;
  white-space: nowrap;
  font-weight: 500;
}

/* vertical line */
.map-container .line {
	width: 2px;
	height: 60px;
	background: #00c2cb;
	margin: auto;
}

/* Tabs */
.hbd-tab .nav-tabs .nav-link {
	border: none;
	color: #555;
	font-weight: 500;
	position: relative;
	/* margin-left: 10px; */
	font-size: 18px;
	border: 1px solid #ddd;
}

.hbd-tab .nav-tabs .nav-item {
    margin-right: 10px;
}

.hbd-tab .nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.hbd-tab .nav-tabs .nav-link.active {
	color: #fff;
}

.hbd-tab .nav-tabs .nav-link.active::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background: #0854a0;
	animation: slideIn 0.3s ease;
}

@keyframes slideIn {
	from { width: 0; }
	to { width: 100%; }
}

/* Tab Animation */
.hbd-tab .tab-pane {
	opacity: 0;
	/* transform: translateY(15px);
	transition: all 0.4s ease; */
	background: #EEF0F6;
    color: #000;
    padding: 40px;
    border-radius: 0 20px 20px 20px;
}

.hbd-tab .tab-pane.active.show {
	opacity: 1;
	transform: translateY(0);
}

.hbd-tab .nav-tabs .nav-link.active {
	background-color: #0854a0;
	/* border-bottom: 2px solid #4a6cf7; */
}

ul.check-list {
  list-style: none;
  padding-left: 0;
}

ul.check-list li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
}

ul.check-list li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  color: #0854a0;
  font-size: 16px;
}

/* About Page CSS */
.mission-sec {
	position: relative;
    z-index: 1;
}

.our-mission {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.our-mission img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-mission:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(17, 0, 58, 0.73);
}

/* Logo Section CSS */
.partner-image {
    position: relative;
    padding: 30px;
    overflow: hidden;
}

.partner-image::before {
    content: "";
    position: absolute;
    inset: 0;
    border-bottom: 2px solid #0854a0; /* blue-like color */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.partner-image:hover::before {
    transform: scaleX(1);
}

.partner-image img {
    transition: transform 0.4s ease;
}

.partner-image:hover img {
    transform: scale(1.08);
}

@media screen and (min-width: 992px) {
    .border-lg-end {
        border-right: 1px solid #dee2e6;
    }
}

.border-color-extra-light-gray {
    border-color: #ededed !important;
}

/* Custom class to make 5 columns per row on large screens */
@media (min-width: 992px) {
  .col-lg-5th {
	flex: 0 0 20%;
	max-width: 20%;
  }
  
}

/* Toucan CSS */
.toucan-main-row{
	min-height: 420px;
}

.toucan-count {
	/* min-height: 250px; 
	display: flex;
	align-items: center;
	justify-content: center;*/
	padding: 40px 20px;
	background: #0854a0;
	margin-bottom: 48px;
}

.toucan-count .stat-item {
	text-align: center;
	margin-bottom: 30px;
}

.toucan-count .stat-value {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}

.toucan-count .stat-label {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	color: #fff;
}

.spec-card {
	background: #f3f3f3;
	margin-bottom: 30px;
	padding: 20px;
}

.spec-row {
	padding: 15px 0;
	border-bottom: 1px solid #d8d8d8;
}

.spec-row:last-child {
	border-bottom: none;
}

.spec-label {
	font-size: 1.3rem;
	font-weight: 600;
	color: #111;
	line-height: 1.4;
}

.spec-value {
	font-size: 1.2rem;
	color: #5f6770;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.spec-row {
		padding: 18px 0;
	}

	.spec-label {
		font-size: 1rem;
		margin-bottom: 8px;
	}

	.spec-value {
		font-size: 0.95rem;
	}
}

/* Left Image */
.toucan-main-row .image-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Right Content */
.toucan-main-row .content-section {
	background: #d9d9d9;
	padding: 40px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.toucan-main-row .content-section h2 {
	font-size: 2rem;
	line-height: 1.5;
	font-weight: 400;
	color: #222;
}

/* .toucan-main-row .content-section p {
	margin-top: 30px;
	font-size: 1.2rem;
	line-height: 1.7;
	color: #222;
} */

.toucan-main-row .dash {
	font-size: 2rem;
	margin-right: 8px;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.toucan-main-row .content-section {
		padding: 30px 20px;
	}

	.toucan-main-row .content-section h2 {
		font-size: 1.5rem;
	}

	.toucan-main-row .content-section p {
		font-size: 1rem;
	}
}

/* Responsive */
@media (max-width: 991px) {
	.contact-section  .contact-card, .contact-section  .form-card {
		margin-bottom: 20px;
	}
}

/* Product Card CSS */
.product-wrapper {
	background: #fff;
	border-radius: 14px;
	padding: 25px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.product-title {
	font-size: 32px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 12px;
}

.product-desc {
	color: #555;
	margin-bottom: 18px;
	font-size: 15px;
}

.feature-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.feature-list li {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #333;
}

.feature-list i {
	color: #0854a0;
	font-size: 18px;
	margin-top: 2px;
}

.machine-image {
	width: 100%;
	max-width: 340px;
	object-fit: contain;
}

.side-card {
	/* border: 1px solid #e5e5e5; */
	border-radius: 12px;
	/* padding: 18px; */
	text-align: center;
	height: 100%;
	transition: 0.3s ease;
}

/* .side-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
} */

.side-card h6 {
	font-weight: 600;
	margin-bottom: 15px;
	color: #222;
}

.pdf-icon {
	font-size: 60px;
	color: #e63946;
}

.pdf-name {
	font-size: 13px;
	color: #666;
	margin-top: 10px;
	word-break: break-word;
}

.video-frame {
	width: 100%;
	height: 220px;
	border: none;
	border-radius: 10px;
}

.watch-btn {
	display: inline-block;
	margin-top: 12px;
	text-decoration: none;
	color: #2b6ef2;
	font-weight: 600;
}

.watch-btn:hover {
	color: #1746a2;
}

.ytmCuedOverlayPlayButtonIcon {
	width: 50px;
	height: 50px;
}

@media (max-width: 991px) {
	.product-title {
	font-size: 28px;
	}

	.product-wrapper {
	padding: 20px;
	}
}

@media (max-width: 767px) {
	.product-title {
	text-align: center;
	}

	.product-desc {
	text-align: center;
	}

	.machine-image {
	max-width: 280px;
	}
}


/* Enquiry Page CSS */
.enquiry-form-wrapper {
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.enquiry-left-section {
	padding: 40px;
}

.enquiry-left-section .step-text {
	color: #ff6b00;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
}

.enquiry-left-section .title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #0854a0;

}

.enquiry-left-section .subtitle {
	color: #777;
	margin-bottom: 30px;
}

.enquiry-left-section .form-label {
	font-weight: 600;
	margin-bottom: 8px;
}

.enquiry-left-section .required {
	color: red;
}

.enquiry-left-section .input-group-text {
	background: transparent;
	border-left: 0;
}

.enquiry-left-section .form-control, .enquiry-left-section .form-select {
	height: 50px;
	border-radius: 8px;
}

.enquiry-left-section .input-group .form-control {
	border-right: 0;
}


.enquiry-left-section .form-control::-webkit-input-placeholder {
    color: #999;
	opacity: 0.5;
}

.enquiry-left-section .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.enquiry-left-section .form-control:-ms-input-placeholder {
    color: #999;
}

.enquiry-left-section .form-control::placeholder {
    color: #999;
    opacity: 0.5;
}

.enquiry-left-section .form-select:invalid {
    color: #999;
	opacity: 0.5;
}

.enquiry-left-section .btn-orange {
	background: #ff6b00;
	color: #fff;
	border: none;
	padding: 12px 28px;
	border-radius: 8px;
	font-weight: 600;
	transition: 0.3s;
}

.enquiry-left-section .btn-orange:hover {
	background: #e55f00;
}

.enquiry-left-section .continue-text {
	color: #777;
	font-size: 14px;
}

.enquiry-right-section {
	background: #0854a0;
	color: #fff;
	padding: 40px 30px;
	height: 100%;
}

.enquiry-right-section h3 {
	font-weight: 700;
	margin-bottom: 30px;
}

.enquiry-right-section .feature-box {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}

.enquiry-right-section .feature-icon {
	width: 45px;
	height: 45px;
	min-width: 45px;
	border-radius: 50%;
	background: #fff;
	color: #002766;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	margin-right: 15px;
}

.enquiry-right-section .feature-box h6 {
	margin-bottom: 5px;
	font-weight: 700;
}

.enquiry-right-section .feature-box p {
	margin: 0;
	font-size: 14px;
	color: #d9d9d9;
}

.enquiry-right-section .support-box {
	background: #fff;
	color: #000;
	border-radius: 12px;
	padding: 20px;
	margin-top: 40px;
}

.enquiry-right-section .support-box h6 {
	font-weight: 700;
	margin-bottom: 15px;
}

.enquiry-right-section .contact-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 16px;
}

.enquiry-right-section .contact-item i {
	margin-right: 10px;
	color: #ff6b00;
}

.enquiry-right-section .contact-item:hover i {color: #fff;}

.enquiry-right-section .whatsapp-btn {
	border: 1px solid #ff9966;
	color: #ff6b00;
	width: 100%;
	border-radius: 8px;
	padding: 14px 10px;
	font-weight: 600;
	background: linear-gradient(135deg, #ff6000, #ff9966);
	transition: 0.3s;
}

.enquiry-right-section .whatsapp-btn:hover {
	background: #fff;
    color: #000;
    border: 1px solid #ff6b00;
}
.enquiry-right-section .whatsapp-btn a {color: #fff;}
.enquiry-right-section .whatsapp-btn:hover a {color: #000;;}

@media (max-width: 991px) {
	.enquiry-right-section {
		border-top: 1px solid rgba(255,255,255,0.1);
	}
}

@media (max-width: 576px) {
	.enquiry-left-section, .enquiry-right-section {
		padding: 25px;
	}

	enquiry-left-section .title {
		font-size: 26px;
	}

	enquiry-left-section .btn-orange {
		width: 100%;
	}

	enquiry-left-section .bottom-row {
		flex-direction: column;
		gap: 15px;
	}

	enquiry-left-section .continue-text {
		text-align: center;
	}
}

/* Contact Page CSS */
.contact-form-wrapper {
	background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.contact-form-wrapper-left {
	background: #0854a0;
    padding: 40px;
    height: 100%;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.contact-form-wrapper-left h3 {
	color: #fff;
}

.contact-form-wrapper-right {
    padding: 40px;
}

.contact-form-wrapper-left .contact-info i, .contact-form-wrapper-left .contact-info p, .contact-form-wrapper-left .contact-info a {
	color: #fff !important;
	font-size: 16px !important;
} 

.contact-section .office-card{
	background:#fff;
	border-radius:20px;
	padding:35px 30px;
	height:100%;
	transition:0.4s ease;
	position:relative;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(0,0,0,0.06);
	border-top:5px solid #ff6000;
}

.contact-section .office-card:hover {
	transform:translateY(-10px);
	box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

.contact-section .office-icon {
	width:70px;
	height:70px;
	background:#e9f2ff;
	color:#0854a0;
	border-radius:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	margin-bottom:25px;
}

.contact-section .office-card h3 {
	font-size:24px;
	font-weight:600;
	margin-bottom:25px;
}

.contact-section .contact-info {
	margin-bottom:20px;
	display:flex;
	align-items:flex-start;
	gap:15px;
}

.contact-section .contact-info i {
	color:#0854a0;
	font-size:18px;
	margin-top:5px;
	min-width:20px;
}

.contact-section .contact-info p, .contact-section .contact-info a {
	color:#555;
	font-size:15px;
	line-height:1.7;
	margin:0;
}

.contact-section .contact-btn {
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:12px 22px;
	border-radius:12px;
	background: linear-gradient(135deg, #ff6000, #ff9966);
	color:#fff;
	font-weight:500;
	transition:0.3s ease;
	margin-top:10px;
	border: 1px solid #ff9966;
}

.contact-section .contact-btn:hover {
	background:#fff;
	color:#666;
	border: 1px solid #ff9966;
}

.contact-page-form h2 {
	font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.contact-page-form p {
	color: #666;
    margin-bottom: 35px;
}

.contact-page-form .form-control {
    height: 55px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
    padding: 12px 18px;
    box-shadow: none !important;
}

.form-section .map-form-wrapper {
	background:#fff;
	padding:50px;
	border-radius:25px;
	box-shadow:0 10px 35px rgba(0,0,0,0.06);
}

.form-section .contact-form-wrapper h2 {
	font-size:36px;
	font-weight:700;
	margin-bottom:15px;
}

.form-section .contact-form-wrapper p {
	color:#666;
	margin-bottom:35px;
}

.form-section .form-control {
	height:55px;
	border-radius:12px;
	border:1px solid #dcdcdc;
	padding:12px 18px;
	box-shadow:none !important;
}

.form-section textarea.form-control {
	height:140px;
	resize:none;
}

.form-section .submit-btn {
	background:#0854a0;
	border:none;
	padding:14px 35px;
	color:#fff;
	border-radius:12px;
	font-weight:600;
	transition:0.3s ease;
}

.form-section .submit-btn:hover {
	background:#0047b3;
}

.map-section .map-wrapper, .map-form-wrapper .map-wrapper {
	overflow:hidden;
	border-radius:25px;
	box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.map-section iframe, .map-form-wrapper iframe {
	width:100%;
	height:550px;
	border:0;
}

/* Newsletter Page CSS */
.newsletter-section {
    background-color: #f5f7fa;
}
/* Main Article Card */
.newsletter-section .news-card {
	position:relative;
	margin-bottom:40px;
	background:#fff;
	overflow:hidden;
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
	padding: 20px;
	border-radius: 12px;
}

/* .newsletter-section .news-image {
	height:100%;
	min-height:250px;
	object-fit:cover;
	width:100%;
} */

/* .newsletter-section .news-content {
	padding:0 25px 25px 25px;
} */

.newsletter-section .news-title {
	font-size:28px;
	font-weight:700;
	margin-bottom:15px;
	color:#222;
}

.newsletter-section .category {
	color:#666;
	margin-bottom:25px;
	display:block;
}

.newsletter-section .news-text {
	font-size:16px;
	line-height:1.8;
	color:#444;
}

/* Date Badge */
.newsletter-section .date-badge {
	position: absolute;
    top: 0;
    left: 33.5%;
    background: #0854a0;
    color: #fff;
    width: 70px;
    height: 90px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}

.newsletter-section  .date-badge .day {
	font-size:24px;
	font-weight:500;
	line-height:1;
}

.newsletter-section .date-badge .month {
	font-size:16px;
	text-transform:uppercase;
}

@media(max-width:991px){

	.newsletter-section .date-badge {
		left:20px;
	}

	.newsletter-section .news-title {
		font-size:24px;
	}
}

@media(max-width:767px) {

	.newsletter-section .news-content {
		padding:25px;
	}

	.newsletter-section .date-badge {
		width:65px;
		height:85px;
	}

	.newsletter-section .date-badge .day {
		font-size:28px;
	}
}


/* Career Page CSS */
.hero-career {
	position: relative;
	min-height: 50vh;
	/* background: linear-gradient(135deg, #0854a0 0%, #063d75 40%, #021c35 100%); */
	display: flex;
	align-items: center;
	overflow: hidden;
}

.hero-career::before {
	content: '';
	position: absolute;
	width: 500px;
	height: 500px;
	background: #ff6000;
	border-radius: 50%;
	top: -180px;
	right: -150px;
	filter: blur(120px);
	opacity: .25;
}

.hero-career::after {
	content: '';
	position: absolute;
	width: 400px;
	height: 400px;
	background: #ff6000;
	border-radius: 50%;
	bottom: -200px;
	left: -150px;
	filter: blur(120px);
	opacity: .15;
}

/* Floating Shapes */
.hero-career-page .shape {
	position: absolute;
	border-radius: 20px;
	animation: float 8s ease-in-out infinite;
}

.hero-career-page .shape1 {
	width: 120px;
	height: 120px;
	border: 2px solid #64748b;
	top: 15%;
	left: 10%;
}

.hero-career-page .shape2 {
	width: 80px;
	height: 80px;
	background: rgba(255, 96, 0, .15);
	right: 15%;
	bottom: 25%;
}

.hero-career-page .shape3 {
	width: 60px;
	height: 60px;
	border: 2px solid rgba(255, 96, 0, .4);
	top: 60%;
	left: 20%;
}

@keyframes float {
	50% {
		transform: translateY(-20px);
	}
}

.hero-career-page .hero-content {
	position: relative;
	z-index: 10;
}

.hero-career-page .hero-badge {
	background: #64748b;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, .15);
	color: white;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 50px;
	margin-bottom: 20px;
}

.hero-career-page h1 {
	color: #0854a0;
	font-weight: 800;
	font-size: clamp(3rem, 7vw, 3rem);
	line-height: 1.1;
}

.hero-career-page h1 span {
	color: #ff6000;
}

.hero-career-page p {
	color: #64748b;
	max-width: 650px;
	font-size: 1.15rem;
	margin: 25px 0;
}

.hero-career-page .hero-btn {
	background: #ff6000;
	color: white;
	padding: 15px 35px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: .4s;
	display: inline-block;
}

.hero-career-page .hero-btn:hover {
	background: white;
	color: #0854a0;
	transform: translateY(-5px);
}

.hero-career-page .hero-image {
	text-align: center;
}

.hero-career-page .hero-image i {
	font-size: 260px;
	color: #0854a0;
}

/* ===================================
SECTION
=================================== */

.section-title {
	font-size: 2.5rem;
	font-weight: 800;
	color: var(--blue);
}

.section-subtitle-career {
	color: #64748b;
	max-width: 700px;
	margin: auto;
}

/* ===================================
WHY JOIN
=================================== */

.joinus-career .feature-card {
	background: white;
	border: none;
	border-radius: 25px;
	padding: 35px;
	height: 100%;
	transition: .4s;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
	position: relative;
	overflow: hidden;
}

.joinus-career .feature-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #ff6000, #0854a0);
}

.joinus-career .feature-card:hover {
	transform: translateY(-10px);
}

.joinus-career .feature-icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #ff6000, #0854a0);
	color: white;
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	margin-bottom: 20px;
}

/* ===================================
CULTURE
=================================== */

.culture {
	background: linear-gradient(135deg, #0854a0, #04294d);
	position: relative;
	color: white;
}

.culture-card {
	background: rgba(255, 255, 255, .08);
	backdrop-filter: blur(15px);
	border-radius: 25px;
	padding: 30px;
	text-align: center;
	transition: .4s;
	height: 100%;
}

.culture-card:hover {
	background: rgba(255, 255, 255, .15);
	transform: translateY(-8px);
}

.culture-icon {
	font-size: 45px;
	color: #fff;
	margin-bottom: 15px;
}

.culture-card h5 {
    font-size: 22px;
    margin-bottom: 25px;
}

/* ===================================
FORM
=================================== */

/* .career-form {
	position: relative;
	z-index: 100;
} */

.career-form .form-card {
	background: white;
	border-radius: 30px;
	padding: 50px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, .15);
}

.career-form .form-control {
	height: 55px;
	border-radius: 12px;
}

.career-form  textarea.form-control {
	height: auto;
}

.career-form  .form-control:focus {
	border-color: #ff6000;
	box-shadow: none;
}

.career-form  .submit-btn {
	/* background: linear-gradient(135deg, #ff6000, #0854a0); */
	background: linear-gradient(135deg, #ff6000, #ff9966);
	border: none;
	color: white;
	padding: 15px;
	border-radius: 14px;
	font-weight: 600;
	transition: .4s;
}

.career-form  .submit-btn:hover {
	transform: translateY(-3px);
}

 @media(max-width:991px) {

	.hero-career {
		text-align: center;
		padding: 80px 0;
	}

	.hero-career .hero-image {
		margin-top: 40px;
	}

	.hero-career .hero-image i {
		font-size: 180px;
	}

	.career-form  .form-card {
		padding: 30px;
	}
}

/* ==========================
   FOOTER
========================== */

footer{
    border-top:1px solid rgba(255,255,255,.08);
    color:#94a3b8;
}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

.timeline::before{
    left:20px;
}

.timeline-item,
.timeline-item:nth-child(even),
.timeline-item:nth-child(odd){
    width:100%;
    left:0;
    text-align:left;
    padding-left:60px;
    padding-right:0;
}

.timeline-item::before,
.timeline-item:nth-child(odd)::before,
.timeline-item:nth-child(even)::before{
    left:11px;
}

.section-title{
    font-size:2.2rem;
}

.form-card{
    padding:30px 20px;
}
}

/* Event Gallery Page CSS */
/* Buttons */
.gallery-btns {
  text-align: center;
  margin: 25px 0;
}

.gallery-btns button {
  flex: 0 0 auto;
  border: 1px solid #ddd;
  background: #fff;
  color: #000;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.gallery-btns button:hover {
  background: #ff6000;
  color: #fff;
  border-color: #ff6000;
}

.gallery-btns button.active {
  background: linear-gradient(135deg, #ff6000, #ff9966);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(255, 96, 0, 0.3);
}

/* Gallery */
.event-gallery-page .gallery-item {
  display: none;
  margin-bottom: 15px;
}

.event-gallery-page .gallery-item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.event-gallery-page .gallery-item img:hover {
  transform: scale(1.03);
}

/* Lightbox */
.event-gallery-page .lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

/* Main image */
.event-gallery-page .lightbox-main {
  max-width: 85%;
  max-height: 70vh;
  border-radius: 10px;
  margin-bottom: 15px;
}

/* Close button */
.event-gallery-page .close-btn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}

/* Prev / Next */
.event-gallery-page .nav-btn {
  position: absolute;
  top: 45%;
  font-size: 45px;
  color: white;
  cursor: pointer;
  user-select: none;
}

.event-gallery-page .prev { left: 20px; }
.event-gallery-page .next { right: 20px; }

/* Thumbnails */
.thumb-strip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  max-width: 90%;
  padding: 10px;
}

.thumb-strip img {
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  cursor: pointer;
  opacity: 0.6;
  border: 2px solid transparent;
}

.thumb-strip img.active {
  opacity: 1;
  border: 2px solid #ff6000;
}

/* Hide scrollbar */
.thumb-strip::-webkit-scrollbar {
  display: none;
}

.ts-control {
    height: 65px !important;
    border: none !important;
    background: #fff;
    border-radius: 12px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    color: #111827 !important;
    box-shadow: none !important;
	font-size: 15px !important;
}

.ts-wrapper.multi .ts-control > div {
    background: #2065a9;
    color: #fff;
    border-radius: 4px;
    padding: 2px 8px;
}

#toastMessage{ position:fixed; top:30px; right:30px; z-index:9999; } 
.toast-success{ background:#198754; color:#fff; padding:15px 25px; border-radius:8px; margin-bottom:10px; box-shadow:0 5px 15px rgba(0,0,0,0.15); animation:slideIn .4s ease; } 
.toast-error{ background:#dc3545; color:#fff; padding:15px 25px; border-radius:8px; margin-bottom:10px; box-shadow:0 5px 15px rgba(0,0,0,0.15); animation:slideIn .4s ease; } 
@keyframes slideIn{ from{ transform:translateX(100%); opacity:0; } to{ transform:translateX(0); opacity:1; } }


.coming-soon {
    min-height: calc(60vh - 160px); /* Adjust based on header + footer height */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
}

.coming-soon .container {
    max-width: 600px;
}

.coming-soon p {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 12px;
}


/* Responsive CSS for Mobile */
@media (max-width:991px) { 
	section {padding: 50px 0;}
	.mob-mb-30 {margin-bottom: 30px;}
	.breadcrumb__title {font-size: 46px;}
	h2.section-title, .inner-title {font-size: 36px;}
	.gallery-section .hover-text {font-size: 16px;}
    .mega-menu {
        position:relative;
        display:none;
        max-height:55vh;
        overflow-y:auto;
        padding:15px;
        background:#EEF0F6;
    }

    .mega-menu.show-mega { display:block !important;}
    .preview-box {display:none;}
    .submenu-card {margin-bottom:12px;}
	.black-effect-about {margin-top: 25px;}
	.contact-card .contact-info, .contact-card .contact-form {border-radius: 0;}
	.form-section .contact-form-wrapper {padding: 25px;}
}