*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: "Inter", sans-serif; */
    font-style: normal;
    --prime: #3FC197;
    --bodycolor: #F4F0E8;
    --shadow: 0px 4px 40px 0px #0000001A;
}
:root {
    --c-dark-grey: #f5f6fa;
    --prime: #3FC197;
	--purple: #502E6C;
    --c-red: #3FC197;
    --c-black-text: #000000;
    --c-primary-text: #555555;
    --c-white: #ffffff;
    --c-light-grey: #efefef;
}
html{
	
}
.bg-body,
body {
    font-size: 15px;
    color: var(--c-black-text);
    /*background-color:#f4f2f0;*/
    font-family: "Inter", sans-serif;
	background: url(../img/body-bg.webp) #f6f6f6 0 0 no-repeat;
    
}
body {
    overflow-x: hidden;
    --screen-width: calc(100vw - (100vw - 100%));
}
ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a:focus,
a:hover {
    outline: none;
}
a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: none;
    color: var(--c-primary-text);
}
button {
    background-color: transparent;
    border: none;
}
p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: var(--c-primary-text);
	line-height: 1.5;
    font-weight:300;
}
.text-prime{
    color: var(--c-red) !important;
}
.text-underline {
    /* text-decoration: underline !important; */
    border-bottom: 1px solid var(--c-red);
    padding-bottom: 2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--c-black-text);
    margin-bottom: 0;
    color: var(--c-black-text);
}
h1{
	font-size: 64px; 
	font-weight: 700;
}
.h3, h3 {
    font-size: 48px;
	font-weight: 700;
}
  
.h4, h4 {
  font-size: 24px;
  font-weight: 700;
}
.h5, h5 {
  font-size:20px;
}
h6 {
  font-size: 16px;
  font-weight: 700;
}
h3 span{font-size:14px; font-weight:normal; color:#999;} 
.red-txt{
	color:#ED7581;
}
.grn-txt{
	color:#68C4AC;
}
.text-prime {
    font-family: var(--ff-primary);
    color: var(--c-primary-text);
}

.custom-pad{
	padding:50px 0;
}

#mainHeader {
  transition: all 0.3s ease;
}

#mainHeader.sticky .hero-section{  
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.47) 0%, rgba(0, 0, 0, 0.46) 100%);
}
.owl-dots{display:none;}
.btn-explore {
            background: #FFEBD0;
			background: linear-gradient(180deg, rgba(255, 235, 208, 1) 0%, rgba(200, 151, 108, 1) 100%);
            color: #000;
            padding: 10px 25px;
            border-radius:0px; /* Sharper corners */
            margin-right: 15px;
            font-weight:400;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
			font-size:15px;
        }
        
        .btn-bdr-only {
            background-color: transparent;
            color: white;
            border:1px solid white;
            padding: 10px 25px;
            border-radius:0px; 
            font-weight: 500;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
			font-size:15px;
        }
        
        .btn-bdr-only:hover {
            background-color: white;
            color: #333;
        }
		.btn-bdr-dark {
		  background-color: transparent;
		  color: #333;
		  border: 1px solid #333;
		  padding: 0.625rem 1.5625rem;
		  border-radius: 0;
		  font-weight: 500;
		  transition: all 0.3s ease;
		  display: inline-block;
		  font-size: 0.9375rem;
		}

		.btn-bdr-dark:hover {
		  background-color: #333;
		  color: white;
		}
		.btn-black {
		  background-color:#000;
		  color: #fff;
		  border: 1px solid #000;
		  padding: 0.625rem 1.5625rem;
		  border-radius: 0;
		  font-weight: 500;
		  transition: all 0.3s ease;
		  display: inline-block;
		  font-size: 0.9375rem;
		}

		.btn-black:hover {
		  background-color: transparent;
		  color: #333;
		  border: 1px solid #333;
		  
		}
		.site-bdr-btn{
			background-color: transparent;
		  color: #532800;
		  border: 1px solid #532800;
		  padding: 0.625rem 1.5625rem;
		  border-radius: 0;
		  font-weight: 500;
		  transition: all 0.3s ease;
		  display: inline-block;
		  font-size: 0.9375rem;
		  border-radius:6px;
		}
		.site-bdr-btn:hover {
		  background-color: #532800;
		  color:#fff;
		}
		.site-common-btn{
		  background: #AD8661;
		  background: linear-gradient(90deg, rgba(173, 134, 97, 1) 0%, rgba(83, 40, 0, 1) 100%);
		  color: #fff;
		  border:0px solid #532800;
		  padding: 0.625rem 1.5625rem;
		  border-radius: 0;
		  font-weight: 500;
		  transition: all 0.3s ease;
		  display: inline-block;
		  font-size: 0.9375rem;
		  border-radius:6px;
		}
		.site-common-btn:hover {
		  background: #AD8661;
background: linear-gradient(270deg, rgba(173, 134, 97, 0.86) 0%, rgba(83, 40, 0, 0.82) 100%);
		  color:#fff;
		}
		.btn-white{
			background-color: #fff; 
			color: #222; 
			padding: 10px 25px; 
			text-decoration: none; 
			border-radius: 0; 
			display: inline-block; 
			font-weight: 500; 
			border: 1px solid #333; 
			transition: all 0.3s ease; 
			font-size: 15px;
		}
		.btn-white:hover{
			background-color: #000; 
			color: #fff;
		}
/**********header**********/
.hero-section {
           position: fixed;
		   top: 0;
		   left: 0;
		   width: 100%;
		   z-index: 999;
           background-size: cover;
           background-position: center;
        }
        
        .navbar-container {
            position: relative;
            width: 100%;            
            border-bottom: 1px solid white;
        }
        
        .navbar {
            padding:0;
            display: flex;
            align-items: center;
            position: relative;
        }
        .top-head{
			display:flex;
			width:100%;
			align-items: center ;
		}
        .logo-container {
            border-right: 1px solid white;
            padding:16px 0;
            margin-right: 0;
            display: flex;
            align-items: center;
            justify-content: left;
            position: relative;
            width: 250px;
			transition: all 0.3s ease;
        }
        #mainHeader.sticky .logo-container{
			padding:12px 0;
		}
        .navbar-brand {
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .navbar-brand img {
            height:50px;
            display: block;
        }
        
        .navbar-collapse {
            border-left: 1px solid white;
            padding:24px 0;
            margin-left: -1px; /* To overlap with the logo container's right border */
            display: flex;
            align-items: center;
            position: relative;
			transition: all 0.3s ease;
        }
        #mainHeader.sticky .navbar-collapse{
			padding:12px 0;
		}
        .nav-item .nav-link {
            color: #fff;
            margin: 0 10px;
            font-weight: 500;
			font-size:15px;
			transition: all 0.3s ease;
        }
         .nav-item .nav-link:hover{
			 color:#FFEBD0;
		 }
		 .nav-item .nav-link.active{
			 color:#df8e00;
		 }
        .contact-btn {
            background-color: transparent;
            color: white;
            border:1px solid white;
            padding: 8px 20px;
            transition: all 0.3s ease;
            text-decoration: none; /* Remove underline */
            display: inline-block;
        }
        
        .contact-btn:hover {
            background-color: white;
            color: #333;
        }
        .contact-btn.active {
            background-color: white;
            color:#df8e00;
        }
        .hero-content {
            padding-top: 60px;
            padding-bottom: 40px;
			text-align:left;
        }
        select.form-control{appearance: button !important;}
        .hero-heading {
            font-size: 3.5rem;
            line-height: 1.2;
            color:#fff;
        }
        
        .thin-text {
            font-weight: 300;
			
        }
        .hero-heading strong{
			font-weight:700;
		}
        .hero-divider {
            width: 100%; /* Full width line */
            height: 1.5px;
            background-color: white;
            margin: 45px 0 10px;
        }
        
        .hero-text {
            font-size:15px;
            max-width: 800px;
            margin-left: auto;
            margin-bottom:20px;
			color:#fff;
			font-weight:400;
        }
        
        .buttons-container {
            text-align:left;
        }
        .carousel-caption{
			width:100%; 
			left:0;
		}
		#carouselExampleCaptions .carousel-item:before{
			position:absolute;
			content:'';
			width:100%;
			height:100%;
			z-index:9;
			background-color:rgba(0, 0, 0, 0.0);
		}
		#carouselExampleCaptions .carousel-caption{
			z-index:99;
		}
		#carouselExampleCaptions .carousel-indicators{
			z-index:999;
			width:180px;
			bottom:100px;
			margin-left: 5%;
		}
        
/**********nav-icon**********/

/**********footer**********/
		.footer-section {
            background-image: url('../img/footer.webp');
            background-size: cover;
            color: white;
            position: relative;
            /* Ensuring no blur or opacity effects */
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        
        .footer-container {
            padding: 0;
            position: relative;
            background-color: transparent;
        }
        
        .footer-heading {
            font-weight: 600;
            font-size: 1.2rem;
            position: relative;
            padding-bottom: 10px;
			color:#fff;
        }
        
        .footer-links {
            list-style: none;
            padding-left: 0;
        }
        
        .footer-links li {
            margin-bottom: 10px;
        }
        
        .footer-links a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .footer-links a:hover {
            opacity: 0.8;
            padding-left: 5px;
        }
        
        .footer-contact {
            list-style: none;
            padding-left: 0;
        }
        
        .footer-contact li {
            margin-bottom: 15px;
            display: flex;
            align-items: flex-start;
        }
        
        .footer-contact i {
            margin-right: 10px;
            font-size: 1.1rem;
        }
        
        .footer-divider {
            border-color: white;
            margin: 0;
        }
        
        .copyright-text {
            color: white;
            font-size: 0.9rem;
        }
        
        .social-icons {
            display: flex;
            justify-content: flex-end;
            gap: 15px;
        }
        
        .social-icon {
            color: white;
            font-size: 1.2rem;
            transition: all 0.3s ease;
			margin: 0 !important;
        }
        
        .social-icon:hover {
            opacity: 0.8;
            transform: translateY(-3px);
        }
		
		.mission-section {
		  position: relative;
		  overflow: hidden;
		  background: url(../img/body-bg.webp) #f6f6f6 0 bottom no-repeat;
		  margin-bottom: 50px;
		}

		.mission-content {
		  padding: 5rem 4.375rem;
		  height: 100%;
		  display: flex;
		  flex-direction: column;
		  justify-content: center;
		}

		.mission-content h6 {
		  color:#888888;
		  font-size:16px;
		  font-weight:400;
		  margin-bottom: 1.25rem;
		  letter-spacing: 1px;
		}

		.mission-content p {
		  color:#222222;
		  font-size:18px;
		  font-weight:400;
		  margin-bottom: 1.875rem;
		}

		.mission-image {
		  height: 100%;
		  overflow: hidden;
		}

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

		.counter-section {
		  background-color: #fff;
		  padding: 3.75rem 0;
		}

		.counter-item {
		  text-align: center;
		  position: relative;
		  display: flex;
		  align-items: center;
		}

		.counter-content {
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  justify-content: center;
		  width: 100%;
		}

		.counter-number-wrapper {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  margin-bottom: 0.625rem;
		}

		h2.counter {
		  font-size: 3.75rem;
		  font-weight:400;
		  color:#473728;
		  line-height: 1;
		  margin-bottom: 1.5rem;
		}
		p.text-muted {
			font-size: 17px;
			color:#888888;
			margin: 0;
			font-weight: 400;
		}

		/**********projects-section**********/
		

		

		

		.project-item {
			position: relative;
			overflow: hidden;
			height: 400px;
			margin: 0 1px; /* Minimal margin between items */
		}

		.project-item img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border: none;
		}

		

		/**********products-section**********/
		.section-divider {
			border-color: #e0e0e0;
			border-width: 1px;
		}

		.products-section {
			background:url(../img/body-bg.webp) 0 0 no-repeat;
			padding: 60px 0;
			position: relative;
			background-size:cover;
		}
		.product-item{
			background:#fff;
			border-radius:10px;
			padding:10px;
			box-shadow:0 0 6px 6px #f1f1f1;
		}

		/**********lightning-section**********/
		.lightning-section {
			padding: 0;
			position: relative;
			color: #fff;
		}

		.lightning-container {
			width: 100%;
		}

		.lightning-content-wrapper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.lightning-content {
			padding: 30px 15px;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.lightning-heading {
			color: #fff;
			font-size: 36px;
			font-weight: 600;
			line-height: 1.3;
			margin-bottom: 20px;
		}

		.lightning-text-container {
			padding: 30px 15px;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.lightning-text {
			color: #fff;
			font-size: 18px;
			line-height: 1.6;
			margin-bottom: 0;
			font-weight: 300;
		}

		.products-content {
			padding: 40px 0 30px 30px; /* Added left padding of 30px */
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: start;
		}

		.products-heading {
			color: #333;
			font-size: 36px;
			font-weight: 600;
			margin-bottom: 20px;
		}

		.products-text {
			color: #555;
			font-size: 16px;
			line-height: 1.6;
			margin-bottom: 30px;
		}

		.products-btn {
			color: #333;
			border-color: #333;
		}

		.products-btn:hover {
			background-color: #333;
			color: #fff;
		}
		
		#products-carousel .owl-stage{
			padding:15px 0;
		}

		/* Product caption styling */
		.product-caption {			
			background: none; 
			padding: 15px 12px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.product-caption a{
			width:250px; 
			display:inline-block;
			}
		.product-name {
			color:#797979;
			font-size: 16px;
			font-weight:400; 
			text-decoration:underline;
			height:50px;
			overflow:hidden;
			display:block;
			
		}
		.product-thum{
			height:272px;
			overflow:hidden;
			border-radius:10px;
		}
		.product-thum img{
			width:100%;
			height:100%;
			object-fit:cover;
		}

		.product-arrow {
			width:42px !important;
			height: 42px;
			background:#532800;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			transition: all 0.3s ease;
			box-shadow: 0 2px 5px rgba(0,0,0,0.2);
			rotate: -44deg;
			display:inline-block;
			padding-left: 11px;
  padding-top: 8px;
		}

		.product-arrow:hover {
			background: #f5f5f5;
			transform: translateX(3px);
			cursor: pointer;
			box-shadow: 0 4px 8px rgba(0,0,0,0.3);
		}

		.product-arrow i {
			font-size: 18px;
			font-weight: 700; /* Increased font weight of the arrow */
		}

		.products-carousel .owl-nav {
			position: absolute;
			top: -60px;
			right: 0;
			display: flex;
		}

		.products-carousel .owl-prev,
		.products-carousel .owl-next {
			width: 40px;
			height: 40px;
			background: #fff;
			border: 1px solid #e0e0e0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 10px;
			transition: all 0.3s ease;
		}

		.products-carousel .owl-prev:hover,
		.products-carousel .owl-next:hover {
			background: #333;
			color: #fff;
		}

		.products-carousel .owl-prev span,
		.products-carousel .owl-next span {
			font-size: 24px;
			line-height: 1;
		}

		/* Special styling for the carousel to show half of next slide */
		.products-carousel .owl-stage {
			display: flex;
			background-color: #fff; /* White background for the gap */
			padding: 5px 0; /* Add some vertical padding */
		}

		.products-carousel .owl-item {
			transition: all 0.3s ease;
			padding: 0 2px; /* Reduced padding for smaller gap */
		}

		.cus::before {
			font-weight: bold !important;
		}

		/**********contact-section**********/
		.contact-form .mt-3 p{display:none;}
		.contact-form #formMessage.d-block p{display:block !important;}
		.contact-form #formMessage.d-block{border:2px solid #0db04a; padding:4px 6px;}
		.contact-section {
			background:url(../img/gray-bg.webp) 0 0 no-repeat;
			padding:150px 0 80px;
			background-size:cover;
		}

		.contact-section .card {
			border: none;
			overflow: hidden;
			background-color: #fff;
		}

		.contact-heading {
			font-size:24px;
			font-weight: 600;
			color: #333;
			margin-bottom: 15px;
		}

		.contact-text {
			color: #666;
			margin-bottom: 30px;
			line-height: 1.6;
		}

		.contact-form .form-label {
			font-weight: 500;
			color: #555;
			margin-bottom: 8px;
		}

		.contact-form .form-control,
		.contact-form .form-select {
			border-radius:0px;
			padding: 12px 15px;
			border: 1px solid #bdcce0;
			background-color: #fff;
			font-size:15px;
			font-weight:400;
		}

		.contact-form .form-control:focus,
		.contact-form .form-select:focus {
			box-shadow: none;
			border-color: #3FC197;
		}

		.contact-form textarea.form-control {
			min-height: 120px;
		}

		.contact-form .btn-send-message {
			background-color: transparent;
			border: 1px solid #473728;
			color:#473728;
			padding: 12px 30px;
			border-radius:1px;
			font-weight: 500;
			transition: all 0.3s ease;
			width: 50%;
			text-transform:capitalize;
			letter-spacing: 0.5px;
			margin-top:10px;
		}

		.contact-form .btn-send-message:hover {
			background-color: #000;
			color: white;
		}

		.contact-image-container {
			position: relative;
			height: 100%;
			overflow: hidden;
		}

		.contact-overlay {			
			width: 100%;
			height: 100%;
			background:url(../img/info-bg.webp)0 0 no-repeat;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			background-size: cover;
		}
		.contact-overlay h4{
			font-weight:500;
		}
		.contact-card {
			display: flex;
			align-items: center;
			background-color: rgba(37, 26, 19, 0.7); /* Darker background for better visibility */
			border-radius: 0; /* Sharp borders */
			padding: 15px;
			margin-bottom: 15px;
			transition: all 0.3s ease;
		}

		.contact-card:hover {
			background-color: rgba(0, 0, 0, 0.8);
			transform: translateY(-2px);
			box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
		}

		.contact-card-icon {
			width: 40px;
			height: 40px;
			background: linear-gradient(180deg, rgba(255, 235, 208, 1) 0%, rgba(200, 151, 108, 1) 100%);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 15px;
		}

		.contact-card-icon i {
			font-size: 20px;
			color: #473728; /* Updated to the specified color */
		}

		.contact-card-content {
			flex: 1;
		}

		.contact-card h6 {
			font-size: 16px;
			font-weight:400;
			margin-bottom: 5px;
		}

		.contact-card p {
			font-size: 15px;
			opacity: 0.9;
			margin-bottom: 0;
		}

		.contact-divider-white {
			border-color: white;
			background-color: white;
			width: 100%;
			border-width: 1px;
			opacity: 1;
		}

		.social-connect h6 {
			font-size: 16px;
			font-weight: 600;
		}

		.social-icons-left {
			display: flex;
			justify-content: flex-start;
			gap: 15px;
		}
		
		
		
		.counter {
		  font-size: 2.5rem;
		  font-weight: bold;
		  color: #4a3b2b; /* Brown tone */
		}
		.slidable-cards-container {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  overflow: visible;
  z-index: 10;
}

.slidable-cards-wrapper {
  display: flex;
  user-select: none;
}

.slidable-card {
  /*min-width: 380px;*/
  height: 320px;
  padding: 1.875rem;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

.slidable-card h4 {
  font-size: 1.625rem;
  margin-bottom: 1.25rem;
  color: #000000;
}

.slidable-card p {
  font-size: 1rem;
  opacity: 0.9;
  color: #000000;
  line-height: 1.5;
}

.slidable-card a {
  position: absolute;
  bottom: 1.875rem;
  right: 1.875rem;
  font-size: 1.5rem;
}

.slidable-card i {
  color: #000000;
}
.space-card{
	background: linear-gradient(180deg, rgba(255, 235, 208, 1) 0%, rgba(200, 151, 108, 1) 100%); 
	 padding:30px 30px 30px 30px;
	color: #000;
	min-height:320px;
} 
.card-icon{
	background-color: rgba(255, 255, 255, 0.4); 
	width: 65px; 
	height: 65px; 
	border-radius: 50%; 
	display: flex; 
	align-items: center; 
	justify-content: center; margin-bottom: 15px; backdrop-filter: blur(1px);
}
.card-navigation{
	position: absolute; left: 5%; top: 50%; transform: translateY(-50%); z-index: 10; display: flex; gap: 10px;
}
.nav-arrow-square{
	width: 45px; height: 45px; background-color: transparent; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; transition: all 0.3s ease;
}
.space-card p{color:#000000; font-size:15px; font-weight:400;}
.space-card h4{color:#000000; font-size:24px; font-weight:400; margin-bottom:13px;}
.slidable-card{
	position:relative;
}
.slidable-card img{
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
	top:0;
	left:0;
}
.btn-card{
	position: relative; 
	background-color: transparent; 
	border-color: #fff; 
	font-size: 14px;
	padding: 8px 18px; 
	display: flex;
	align-items: center; 
	gap: 10px;
	margin-top: auto; 
	transition: all 0.3s ease;
	border-radius: 0;
	border: 1px solid #fff;
  font-size: 15px !important;
  margin: 0 auto;
  left: 27%;
  right:27% !important;
  text-align: center !important;
  width:46%;
  justify-content: center;
}
.btn-card span{display: inline-flex; align-items: center; justify-content: center; background-color: white; width: 22px; height: 22px; border-radius: 50%; transition: background-color 0.3s ease;}
.btn-card i{color: black; font-size: 12px; transition: color 0.3s ease;}
.btn-card:hover{background:#000; color:#fff;}
#space-card-slider .owl-stage{position:relative;}
#space-card-slider .owl-nav{
	display:flex;
	position: absolute;
  bottom: 143px;
  left: -250px;
} 
#space-card-slider .owl-nav button{
	width: 45px;
  height: 45px;
  background-color: transparent;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s ease;
  border-radius:0;
}
#space-card-slider .owl-nav button span{
 font-size:32px;margin-top: -6px;
}

#back-to-up {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border:0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-to-up i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 1px;
    top: 1px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-to-up:hover {
    background: rgba(0, 0, 0, 0.9);
}
#back-to-up:hover i {
    color: #fff;
    top: -3px;
}

/*--------------------INNER HEAD---------------------------------*/
.head-inner .hero-section{background:url(../img/bg-head-inner.webp) 0 0 no-repeat;background-size: cover;}

/*-----------------common head area----------------------------*/
.projects-button-container {
			
		}

		.projects-button-container .btn-bdr-only {
			font-size: 15px;
			padding: 10px 25px;
			background-color: transparent;
			color: #333;
			border: 1px solid #333;
			border-radius: 0;
			font-weight: 500;
			transition: all 0.3s ease;
			text-decoration: none;
			display: inline-block;
		}

		.projects-button-container .btn-bdr-only:hover {
			background-color: #333;
			color: white;
		}
		.projects-head-section {
			/*background: url(../img/gray-bg.webp) 0 0 no-repeat;*/
			background-size:cover;
			padding: 80px 0 0 !important;
			position: relative;
			overflow: hidden;
			margin-top: 80px; /* Additional top margin */
		}

		.projects-head-section .projects-content h2 {
			font-size: 42px;
			font-weight: 700;
			color: #000;
			margin-bottom: 20px;
		}
	.projects-head-section .projects-content h2 span{display:block; font-weight:300;}
		.projects-button-container p {
			font-size: 16px;
			line-height: 1.6;
			color:#000000;
			margin-bottom:20px;
		}

/*-------------------------------- ABOUT US------------------------------*/
.about-banner-section{
	background:url(../img/about-banner.webp) 0 0 no-repeat; 
	background-size:cover;
	padding:600px 0 20px;	
}
.about-banner-section .banner-caption{
	border-left:6px solid #fff;
	padding-left:12px;
}
.about-banner-section .banner-caption h4{
	font-size:24px;
	font-weight:500 !important;
	color:#fff;
}

.bg-left-head-section{
	background: url(../img/about-philosophy-bg.webp) #f6f6f6 0 bottom no-repeat;	
	padding: 80px 0 !important;
}
.bg-left-head-section .left-head{
	/*position:sticky;
	top:120px;*/
}
.bg-left-head-section .left-head h2{
	font-size:40px;
	color:#000;
	font-weight:700;
}
.bg-left-head-section .left-head h2 span{
	font-size:40px;
	color:#000;
	font-weight:300;
}
.philo-acco-holder .philo-content p{
	font-size:15px;
	color:4c4b4a;
	font-weight:400;
	margin-bottom:12px;
}
.philo-acco-holder .accordion .accordion-item{
	background:none;
	border:0;
	border-bottom:1px solid #D9D9D9;
}
.philo-acco-holder .accordion .accordion-button{
	background:none;
}

.accordion-header a img{
	width:100%; 
	height:100%;
	}
.accordion-header a i{
	margin-right:10px;
	width:20px; 
	height:24px;
	}
.philo-acco-holder .accordion .accordion-button{
	box-shadow:none;
	font-size:20px;
	color:#000;
	font-weight:400;
}
.philo-acco-holder .accordion-button:not(.collapsed){
	color:#000;
}
.philo-acco-holder .accordion-button::after{
	display:none;
}
.bg-yellow{
	background: url(../img/bg-yellow.webp) 0 0 no-repeat;
	background-size:cover;
}
.experience-section{
	padding:80px 0;
}
.experience-section .site-head{
	margin-bottom:50px;
	text-align:center;
}
.site-head h2{
	font-size:40px;
	color:#000;
	font-weight:700;
	margin-bottom:15px;
}
.site-head h2 span{
	font-size:40px;
	color:#000;
	font-weight:300;
}
.site-head p{
	font-size:16px;
	color:#555555;
}

.custom-box{
	background:#fcf9f7; 
	border-radius:20px;
	box-shadow: 0 0 12px 12px #f0deca;
	padding:20px;
}
.experience-item{
	text-align:center;
	padding:20px 50px 20px;
	min-height:180px;
}
.experience-item h3{
	font-size:20px;
	font-weight:700;
	color:#000;
	margin-bottom:10px;
}
.experience-item p{
	font-size:15px;
	font-weight:400;
	color:#4c4b4a;
	margin-bottom:4px;
}
.experience-item a{
	font-size:15px;
	font-weight:400;
	color:#86674a;
	margin-bottom:10px;
	text-decoration:underline;
}
.experience-item a:hover{
	color:#000;
}
.experience-item i img{
	width:100%; 
	height:100%;
	}
.experience-item i{
	margin-right:10px;
	width:20px; 
	height:20px;
	display:block;
	margin:0 auto 10px;
	}
.bg-golden{
	background: url(../img/golden-bg.webp) 0 0 no-repeat;
	background-size:cover;
}
.zigzag-section{
	padding:40px 0;
}
.zigzag-content-box{
	padding:0 50px 0 0;
}
.zigzag-content-box h2{
	font-size:40px;
	color:#000;
	font-weight:700;
	margin-bottom:15px;
}
.zigzag-content-box h2 span{
	font-size:40px;
	color:#000;
	font-weight:300;
}
.zigzag-content-box p{
	font-size:15px;
	color:#000;
}
.bg-golden .zigzag-content-box h2{
	font-size:40px;
	color:#fff;
	font-weight:700;
	margin-bottom:21px;
}
.bg-golden .zigzag-content-box h2 span{
	font-size:40px;
	color:#fff;
	font-weight:300;
}
.bg-golden .zigzag-content-box p{
	font-size:16px;
	color:#fff;
	margin-bottom:10px;
}
.zigzag-thum{
	border-radius:20px;
	overflow:hidden;
	
}
.zigzag-thum img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.zigzag-content-box .highlight-head{
	border-left:5px solid #000;
	padding-left:15px;
	margin:15px 0 30px;
}
.zigzag-content-box .highlight-head p{
	color:#000;
	font-size:18px;
}
.bg-golden .zigzag-content-box .highlight-head{
	border-left:5px solid #fff;
	padding-left:15px;
	margin:15px 0 30px;
}
.bg-golden .zigzag-content-box .highlight-head p{
	color:#fff;
}
.center-box{
	align-content: center;
}
.odd-section{
	padding-left:50px;
}
.odd-section.zigzag-content-box{
	padding-right:0;
}
.gray-bg-section {
	background:url(../img/gray-bg.webp) 0 0 no-repeat;
	padding:80px 0 80px;
	background-size:cover;
}
.site-head {
  margin-bottom:30px;
  text-align: center;
}
.approach-item{
	background:#fff;
	border-radius:16px;
	padding:24px;
	min-height:320px;
	transition: 0.3s;
}
.approach-item i{
	font-size: 30px;
  margin-bottom: 5px;
	display:block;
	color:#000;
	transition: 0.3s;
}

.approach-item h3{
	font-size:18px;
	color:#000;
	font-weight:700;
	margin-bottom:40px;
	transition: 0.3s;
}
.approach-item p{
	color:#000;
	font-weight:400;
	transition: 0.3s;
}
.approach-item:hover{
	background: #0D0701;
background: linear-gradient(149deg, rgba(13, 7, 1, 1) 0%, rgba(78, 38, 1, 1) 100%);
transition: 0.3s;
}
.approach-item:hover p{
color:#fff;
}
.approach-item:hover h3{
	color:#fff;
}
.approach-item:hover i{
	color:#fff;
}
#approach-carousel .owl-dots{
	display:none;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #473728;
}
.products-tab{
	padding:50px 0 0;
}
.products-tab #nav-tab{
	border-bottom:1px solid #00000020;
}
.products-tab .nav-tabs{
	border-bottom:0px solid #00000020;
}
.products-tab .nav-tabs .nav-link{
	border-bottom:0px solid #00000020;
	font-size:18px;
	color:#444444;
	font-weight:300;
}
.products-tab .nav-tabs .nav-link.active{
	border-bottom:2px solid #532800 !important;
	border:0;
	color:#532800;
	font-weight:700;
	background:none;
}
.product-item{
	background:#fff;
	border-radius:10px;
	padding:15px;
	box-shadow: 0 0 6px 6px #f1f1f1;
	margin-bottom:35px;
}
.product-item .product-thum{
	border-radius:12px;
	overflow:hidden;
	height:250px;
}
.product-item .product-thum img{
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:1;
	transition: transform .3s;
}
.product-item:hover .product-thum img{
	transform: scale(1.2);
}
.product-item .product-title-link{
	padding:15px 0 15px 15px;
	display:flex;
}
.product-item .product-title-link .product-title{
	width:85%;
	font-size:18px;
	font-weight:400;
	color:#797979;
	text-decoration:underline;
	height: 50px;
  overflow: hidden;
}
.product-item .product-title-link .product-title a{
	font-size:18px;
	font-weight:400;
	color:#797979;
	text-decoration:underline;
}
.product-item .product-title-link .product-link{
	width:15%;
	text-align:center;
}
.product-item .product-title-link .product-link a{
	margin:0 auto;
}
.product-item .product-title-link .product-link .product-arrow{
	padding-left:0;
}
/*---------------------------Product details----------------------------------*/
.zoom-container {
  overflow: hidden;
  position: relative;
  height: 500px;
}

.zoom-image {
  transition: transform 0.2s ease;
  transform-origin: center center;
}

.zoom-container:hover .zoom-image {
  transform: scale(2); /* Zoom level */
}



.details-product-section{
	background: url(../img/gray-bg.webp) 0 0 no-repeat;
	background-size:cover;
	position: relative;
	margin-top: 80px; /* Additional top margin */
}
.product-details-button-group{
	padding:20px 0;
	display:flex;
	justify-content: space-around;
	gap: 10px;
}
.product-details-button-group a{
	display: block;
  width: 50%;
  text-align: center;
}
.product-thum-slider .carousel-indicators button{
	width:8px;
	height:8px;
	border-radius:50%;
	border:1px solid #532800;
}
.details-summery{
	padding:25px 0 0 50px;
}
.product-thum-slider .carousel-item{
	height:500px;
	border-radius:10px;
	overflow:hidden;
}
.product-thum-slider .carousel-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:10px;
}
.details-summery h2{
	font-size: 40px;
  color: #000;
  font-weight: 700;
}
.details-summery h2 span{
	font-weight: 300;
}
.product-accrodion-tab{
	padding:40px 0 0;
}
.product-accrodion-tab .accordion-item{
	background:none;
	border:0;
	margin-bottom:10px;
}
.product-accrodion-tab .accordion-button{
	background:none;
	border:0;
	padding: 10px 0;
	color:#000000;
	font-weight:700;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.product-accrodion-tab .accordion-body {
  padding: 10px 0;
}
.product-accrodion-tab .accordion-body p{
	font-size:13px;
	font-weight:400;
	margin-bottom:8px;
}
.product-accrodion-tab .accordion-body p span{
	font-weight:700;
}
.product-accrodion-tab .accordion-body table{
	width:100%;
}
.product-accrodion-tab .accordion-body table td:nth-child(even){
	text-align:right;
}
.product-accrodion-tab .accordion-body table td{
	width:50%;
	padding:6px 8px 8px;
}
.product-accrodion-tab .accordion-body td{
	font-size:13px;
	font-weight:400;
	margin-bottom:8px;
}
.product-accrodion-tab .accordion-body td span{
	font-weight:700;
}
.product-accrodion-tab .accordion-button::after{
	width:20px;
	height:20px;
	background:url(../img/arrow_circle_up.svg) 0 0 no-repeat;
	color:#fff;
	border-radius:50%;
}
.description-content{
	text-align:right;
}
#related-carousel .owl-dots{
	display:block;
}
/*-----------------------------Product Application-------------------------*/
.application-head{
	display:flex;
}
.application-section .application-itembox{
	margin-bottom:30px;
}
.application-head .application-title{
	width:85%;
	font-size:18px;
	font-weight:400;
	color:#797979;
}
.application-head .application-title a{
	font-size:18px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
}
.application-head .application-link{
	width:15%;
	text-align:right;
}
.application-itembox{
	position:relative;
}
.application-itembox .application-thumbnail{
	width:100%;
	height:450px;
	overflow:hidden;
}
.application-itembox .application-thumbnail img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition: transform .2s;
}
.application-itembox:hover .application-thumbnail img{
	transform: scale(1.1);
}
.application-itembox .application-head{
	position: absolute;
  bottom: 0;
	width:100%;
	background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
z-index: 99;
  height: 80px;
  padding: 25px 30px;
}
.application-itembox .application-head .product-arrow{
	rotate: 0deg;
	background: #fff;
	color:#000;
	width: 35px;
  height: 42px;
  margin-right: 0;
  margin-left: auto;
  text-align:center;
  padding-left: 1px;
  padding-top: 8px;
}
/*-------------------Application details----------------------*/
.application-banner {
	position:relative;
}
.application-banner .application-banner-holder{
	height:500px;
	overflow:hidden;
}
.application-banner .application-banner-holder img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.application-banner .application-banner-heading{
	background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.83) 50%, rgba(255, 255, 255, 0) 100%);
position:absolute;
height:120px;
bottom:190px;
z-index:9;
width:100%;
padding-top:20px;
}
.application-banner .application-banner-heading h2{
	color:#fff;
	text-align:center;
	font-size:54px;
	font-weight:700;
}
#products-carousel .owl-dots{
	display:block;
}
/*------------------------------Contact-------------------------*/
.info-box{
	background:#fff;
	padding:30px;
	border-radius:2px;
	box-shadow: 0 0 6px 6px #f1f1f1;
	min-height: 260px;
}
.info-box i{
	border:0px solid #D9D9D9;
	border-radius:4px;
	padding:0;
	color:#000;
	font-size:20px;
	margin-bottom:22px;
	display: inline-block;
}
.info-box i img{
	height:50px;
	width:auto;
}
.info-box h3{
	font-size:15px;
	font-weight:700;
	margin:0 0 6px;
}
.info-box p{
	font-size:14px;
	font-weight:400;
	color:#000;
}
.info-box a{
	font-size:14px;
	font-weight:700;
	color:#000;
	text-decoration:underline;
}

.faq-section{
	background:#fff;
}

.contents {
  display: flex;
  padding: 20px 0;
}

.mains {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2000px;
  margin-right: 10px;
  background: #ccc;
  background: linear-gradient(to bottom, #eeeeee 0%,#B7EAE0 100%);
}
.sides {
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  width: 140px;
  height: 140px;
  color: #fff;
  background: #30b298;
}


.faq-thumb { 
  padding-left: 50px;
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  display: flex;
}

.faq-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.faq-tab-holder .accordion-item{
	background:none;
	border:0;
	margin-bottom:10px;
}
.faq-tab-holder .accordion-button{
	background:none;
	border:0;
	padding: 10px 0;
	color:#000000;
	font-weight:400;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
	font-size:18px;
}
.faq-tab-holder .accordion-body {
  padding: 10px 0;
}
.faq-tab-holder .accordion-body p{
	font-size:15px;
	font-weight:400;
	margin-bottom:8px;
	color:#555555;
}
.faq-tab-holder .accordion-button::after{
	width:40px;
	height:40px;
	background:url(../img/faq-arrow.svg) 0 0 no-repeat;
	color:#fff;
	background-size: 100%;
}
.common-text p{
	font-size:15px;
	font-weight:400;
	margin-bottom:12px;
	color:#222222;
}
.common-text ul{
	margin-left:14px;
}
.common-text ul li{
	font-size:15px;
	font-weight:400;
	margin-bottom:8px;
	color:#222222;
	list-style-type: square;
}
.common-text h2{
	font-size:20px;
	font-weight:700;
	margin:10px 0 6px;
}
.common-text h3{
	font-size:15px;
	font-weight:700;
	margin:10px 0 6px;
}