@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap";
	
	:root { --black: hsl(0, 0%, 10%);--white: hsl(0, 0%, 100%);
		--pink: hsl(339, 76%, 59%);--pink2: hsl(339, 67%, 52%);
		--boxshadow-s: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
		--boxshadow-m: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
		--boxshadow-l: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); 
		--accent: #f6b93b;--blue:#172337; --green: #006400;
		--accent: #cba636;
        --bg: #ffffff;
        --muted: #6b7280;
		--dark:#2b2b2b;
        --radius: 14px;
        --shadow: 0 6px 18px rgba(16,24,40,0.08);
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	}

	*,*::before,*::after {padding:0;margin:0;-webkit-box-sizing:border-box;
		box-sizing:border-box;list-style:none;list-style-type:none;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
	}

	html { font-size:100%;-webkit-box-sizing:inherit;box-sizing:inherit;
		scroll-behavior:smooth;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	}
	body {font-size: 1rem;font-weight: 400;line-height: 1.5;
		color: var(--black);background: transparent !important
	}

	/* ! custom scroll bar start */
	/* ! custom scroll bar  end */

	.space{padding: 30px 40px 30px 40px;}

	.heading-inn .heading {font-size: 1.8rem;text-align: left;color: var(--text-dark); margin-bottom: 5px;}
	.heading-inn .heading span {color: var(--accent);}
	.heading-inn p {  text-align: left;max-width: 100%;margin: 0 auto 30px;color: #666;font-size: 0.9rem;line-height: 1.4;}

	.para {font-size: 16px; text-align: left; font-weight: 400; color: #333;}

	.sub-texts {
		font-size: 1rem !important;
      color: #475569;
      max-width: 500px;
	}


		@media (max-width: 768px) {
			.space{padding: 30px 10px 10px 10px;}
			.heading-inn .heading { font-size: 1.6rem };
		}

	/* grid/grid4 */
	.grid{display:grid;width:100%;gap: 0px; margin:0 auto; align-items: center;}
	.grid-2{ grid-template-columns: repeat(2, 1fr);  }
	.grid-3{ grid-template-columns: repeat(3, 1fr);  }
	.grid-4{ grid-template-columns: repeat(4, 1fr);  }
	.grid-2-cust { grid-template-columns:1.5fr 0.8fr}
	.grid.gap{gap: 30px;}
			@media (max-width: 990px) { .grid-2-cust { grid-template-columns:1fr}}
			
			@media (max-width: 990px) { 
				.grid-4{grid-template-columns: repeat(2, 1fr); } 
				.grid-2,
				.grid-3 { grid-template-columns:1fr}
				.grid.gap {gap: 4px;}
			}
			
			@media (max-width: 390px) { 
				.grid-4{grid-template-columns: 1fr;  } 
			}

	.flex {display: flex; align-items: center; gap: 10px;} 
	.flex-3 {display: flex; flex-wrap: wrap; }
	.flex.justify,
	.flex.justify { justify-content: space-between;  align-items: center; text-align: center; }
	.flex .flex-card { flex: 1 1 30%; }
				@media (max-width: 990px) { .flex .flex-card { flex: 1 1 45%; } }
				@media (max-width: 328px) { .flex .flex-card { flex: 1 1 100%; } }

	.cards {
		background-color: transparent;
		display: block;margin: auto;text-align: center;
	}
	.cards .card-heading {font-size: 19px;font-weight: 600;}

	.cards img {display: block;width: 200px; height: 130px;}

	.btn {
		display: inline;
		position: relative;
		width: 100%;
		padding: 12px 30px;
		top: 20px;
		background-color: transparent;
		color: #2b0b09;
		border: 1.5px solid #2b0b09;
		border-radius: 8px;
		font-size: 15px;
		cursor: pointer;
		font-weight: 500;
		margin-bottom: 5px;
		transition: background-color 0.3s ease;
	}
	.btn:hover {border:none;background-color: var(--accent);}

	.white {color: var(--white) !important;}
	.dark {color: var(--black) !important;}
	.txt-left {text-align: left !important;}
	.h3 {color: var(--dark) !important;}

	.header-top {background: linear-gradient(90deg, #b34597, #d17bb6); width: 100%; color: #fff; 
		box-shadow: 0 2px 6px rgba(0,0,0,0.15); position: relative;  z-index: 1; padding:6px 2rem ;
		background: #262e37;
	}

	.header-top .top-flex { display: flex; align-items: center; gap: 0.8rem;    }
	.header-top .top-flex.justify {justify-content: space-between; }
	.header-top .right-sid ion-icon { font-size: 1.4rem; cursor: pointer; }

	.topbar{background:var(--green);color:#fff;font-size:0.8rem}
	.topbar .cards{display:flex;justify-content:space-between;gap:16px;align-items:center;
	padding:6px 0}

	.topbar .left, .topbar .right{ display:flex; gap:16px; align-items:center; flex-wrap:wrap }
	
	.topbar a{ color:#fff; opacity:.9}
	
	@media (min-width: 993px) {
		.header-top .top-flex { max-width: 1280px; margin: 0 auto;}

		.top-header2 ul { padding-bottom: 10px; }

		.top-header2 ul::before { position: absolute; content: "" ; width: 100%; bottom: 0; left: 0;
			right: 0; background-color: transparent; border-bottom: 1px solid #b1b1b129;
		}
		.top-header2 ul li {position: relative;}
		.top-header2 ul li.line::before { position: absolute; content: "" ; width: 100%; height: 100%;
			top: 0; left: 10px; right: 0; background-color: transparent; border-right: 1px solid #b1b1b13a; border-radius: 3px;
		}
		.top-header2 ul li a {color: var(--white);}
	}


			@media (max-width: 992px) { .top-header2 {display: none;} .header-top {padding:0 0 } }

		/* header top */
	
	/* main header */
	.header-inner { display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align:center;-ms-flex-align:center;align-items: center; max-width:100%; position:fixed; left:0; width:100%; z-index:100; -webkit-box-shadow:var(--boxshadow-m); box-shadow:var(--boxshadow-m);margin:0 auto; gap:2rem; top:auto; transition: background-color 0.4s ease, box-shadow 0.4s ease; padding:0 30px 0 30px; background-color:var(--white);height: auto
	}

	.header-inner.fixed-h {top:0;background-color:var(--white); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

	.header-inner .logo img {width: 340px; height: 60px; display: block; object-fit: cover; border-radius:3px;}

	.header-inner .menu > .menu-item {position:relative;display:inline-block;margin: 0 0.75rem;}

	.header-inner .menu > .menu-item > a { border: none; outline: none; display: block; font-family: inherit; line-height: inherit; font-size: 1.1rem; font-weight: 400; padding: 0px 0; text-transform: capitalize; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;  color: var(--blue);
	}

	.header-inner .menu  .menu-item .sub-menu .menu-item > a:hover { color: var(--blue); }

	.header-inner .menu  .menu-item .sub-menu { position: absolute; border: none; outline: none; 
		opacity: 0; visibility: hidden; -webkit-box-shadow: var(--boxshadow-m);  box-shadow: var(--boxshadow-m); -webkit-transform: translateY(1rem); transform: translateY(1rem); -webkit-transition: all 0.35s ease;transition: all 0.35s ease; width: 13rem; height: auto; padding: 0.75rem 0; top: 100%; left: -3rem;  background: var(--white); 
	}

	.header-inner .menu  .menu-item .sub-menu .menu-item { display: block; }

	.header-inner .menu  .menu-item > a,
	.header-inner .menu  .menu-item .sub-menu .menu-item > a { display:block; font-family:inherit; line-height:inherit; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;text-transform:capitalize; font-weight: 400; font-size: 1.1rem;   
	}

	
	.header-inner .menu  .menu-item > a { color: var(--darky); }

	.header-inner .menu  .menu-item .sub-menu .menu-item > a { padding: 0.5rem 1.25rem; color:var(--blue); }


	/* + submenu sign arrow start 
	.header-inner .menu > .menu-item > a .expand { border: none;outline: none;display: none; pointer-events: none; position: relative; display: inline-block; width: 0.75rem; height: 0.75rem; margin-left: 0.35rem; }
	.header-inner .menu > .menu-item > a .expand:before,
	.header-inner .menu > .menu-item > a .expand:after { position: absolute; -webkit-box-sizing: 
		inherit; box-sizing: inherit; content: ""; top: 50%; left: 50%; width: 100%; height: 2px;  background: var(--black); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.35s ease; transition: all 0.35s ease;
	}
	+ submenu sign arrow end  */

	/* ▼ down arrow submenu */
	.header-inner .menu > .menu-item > a .expand { display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: middle; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--blue); transition: transform 0.3s ease }
	
	.header-inner .menu > .menu-item:hover > a .expand { border-top-color: var(--blue); }
	.menu-item.active > a .expand { transform: rotate(180deg); border-top-color: var(--blue);}

	.header-inner .menu > .menu-item:hover > a { color: var(--blue); }
	.header-inner .menu > .menu-item:hover > a .expand::before,
	.header-inner .menu > .menu-item:hover > a .expand::after { background: var(--blue); }

	.header-inner .menu > .menu-item > a .expand::after { -webkit-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); }


	.header-inner .burger { position: relative; cursor: pointer; display: none; margin-top: -0.25rem;
		outline: none; opacity: 0; visibility: hidden; background: none; -webkit-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: all 0.35s ease; transition: all 0.35s ease; font-family: inherit; font-size: inherit; line-height: inherit;cursor: pointer; border: none;outline: none; background: none; width: 2rem; height: 1.5rem;
	}
	.header-inner .burger-line { position: absolute; display: block;
		width: 100%; height: 2px; left: 0; border: none; outline: none;opacity: 1;border-radius: 0.25rem; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; background: var(--blue);
	}
	.header-inner .burger-line:nth-child(1) { top: 0; width: 1.5rem; }
	.header-inner .burger-line:nth-child(2), 
	.header-inner .burger-line:nth-child(3) { top: 0.5rem; }
	.header-inner .burger-line:nth-child(4) { top: 1rem; width: 1.5rem;  }

	.header-inner .burger.active .burger-line:nth-child(1) { transform: rotate(45deg); top: 0.5rem; } 
	.header-inner .burger.active .burger-line:nth-child(2),
	.header-inner .burger.active .burger-line:nth-child(3) { opacity: 0; } 
	.header-inner .burger.active .burger-line:nth-child(4) { transform: rotate(-45deg); top: 0.5rem;} 
	
	.header-inner .overlay {
		position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; opacity: 0; visibility: hidden; background: #000000a6; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;
	}

	
		@media (min-width: 993px) {
			.header-inner .menu { padding: 10px 0; }
			.header-inner .menu .menu-item-child:hover .sub-menu {
				display: block; opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);
			}
			
			.header-inner .menu  .menu-item .sub-menu,
			.header-inner .menu  .menu-item .sub-menu .menu-item-child-2 .sub-menu { border-top: 3px solid var(--blue); }

			.header-inner .menu .menu-item-child:hover  a .expand::after {
			-webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
		}

				@media (max-width: 992px) {
					.header-inner {padding: 10px 20px;}
					.header-inner .logo img {width: 240px; height: 50px; object-fit: contain;}
					
					.header-inner .overlay.active { display: block; opacity: 1;  visibility: visible; }
					
					.header-inner .navbar { position: fixed; top: 0; left: -100%;  z-index: 999; opacity: 0; overflow-y: auto;  visibility: hidden; -webkit-box-shadow: var(--boxshadow-m); box-shadow: var(--boxshadow-m); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: var(--accent); width: 75%; height: 100%; 
					}
					.header-inner .navbar.active { left: 0rem; opacity: 1; visibility: visible; }
					.header-inner .menu { width: 100%; height: auto; margin: 1rem 0; }
					.header-inner .menu > .menu-item { display: block; margin: 0; }
					.header-inner .menu .menu-item-child > a { display: -webkit-box; 
						display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center;align-items: center;
					}
					.header-inner .menu > .menu-item > a { padding: 0.625rem 1.25rem; font-weight: 500;
						color: var(--blue);
					}
					.header-inner .menu > .menu-item > a .expand::before,
					.header-inner .menu > .menu-item > a .expand::after { background: var(--blue); }
					.header-inner .menu .menu-item-child.active > a .expand:after {
						-webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);
					}
					.header-inner .menu  .menu-item .sub-menu { position: relative; top: auto; 
						left: auto; width: 100%; max-height: 0; padding: 0px; border: none; outline: none; opacity: 1; overflow: hidden; visibility: visible; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(0px);           transform: translateY(0px);
					}
					.header-inner .menu  .menu-item .sub-menu .menu-item > a { padding: 0.625rem 2rem; color: var(--blue);}

					.header-inner .burger { display: block; opacity: 1; visibility: visible;}
				
				}

				@media (max-width: 330px) {
					.header-inner {padding: 10px 10px;}
					.header-inner .logo img {width: 200px; height: 50px; object-fit: contain;}
				}




/* main--- */
/* .bgs {background-color:  red!important;} */
.herosec {margin-top:89px;}
.herosec .swiper-wrapper {background-color: transparent;}
.herosec .swiper-slide{border:4px solid transparent;
}
.herosec .swiper-slide a { width: 100%;display: flex;justify-content: center;align-items:center;}
.herosec .swiper-slide img {width: 100%;height: 60vh;display: block;}
.herosec .swiper-slide,
.herosec .swiper-slide img{border-radius:10px;}
.herosec .swiper-button-next, .herosec .swiper-button-prev {
	display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;background:#000;
	width: 20px;height: 20px;margin: 0px 0px;
	/* background-color: var(--white); */
}
.herosec .swiper-button-next::after, .herosec .swiper-button-prev::after { display: none;}
.swiper-button-next ion-icon,.swiper-button-prev ion-icon {  font-size: 30px; color:#fff; }

.herosec .swiper-pagination-bullet {
	display: inline-block;border-radius: 10px; margin: 0 4px;
	height: 10px; width: 10px; background:#ccc;background: blue;
	transition: width 4s linear, background 0.3s ease;
}

.herosec .swiper-pagination-bullet-active{width: 30px!important; background:#000;}


	@media (max-width: 990px) {
		.herosec {margin-top:59px;}
		.herosec .swiper-slide img  { height: 250px;}
		.herosec .swiper-button-next, .herosec .swiper-button-prev { margin: 0 10px;}
	}

	@media (max-width: 590px) {
	.herosec .swiper-slide img  { height: 180px;}
	}

	/* @media (max-width: 600px) {} */
/* about us */
.cust-slid {position: relative; width:350px;overflow: hidden; margin: auto;}
.cust-slid .custSlides { position: relative; width: 100%; transition: opacity 0.5s ease; }
.cust-slid .custSlide { min-width:100%; height: 50vh; opacity: 0; transition: opacity 0.5s ease; position: absolute; border-radius: 5px; border: 2px solid #868686;  }
.cust-slid .custSlide.active { opacity: 1; position: relative;}
.cust-slid .prev, .next { position: absolute; top: 50%; transform: translateY(-50%); 
background-color:transparent; color: var(--white); border: none; cursor: pointer; padding: 10px; font-size: 30px; z-index: 1;
}
.cust-slid .prev { left: 10px; } .cust-slid .next {  right: 10px; }
/* @media (max-width: 1024px) { .cust-slid .custSlide { height: 20vh; } } */
@media (max-width: 1200px) {
.cust-slid { display: none;}
}
			

/* project */
.our-project h3 {padding: 10px 0;}
.our-project .cards {border-radius: 15px; border: 2px solid #868686; margin: 0; margin-bottom: 20px;  }
.our-project img { width: 100%; height: 250px; border-radius: 15px; }

@media (max-width: 990px) {.our-project  img { height: 300px;  } } 
@media (max-width:678px) { .our-project  img { height: 250px;  } } 
@media (max-width:478px) {.our-project  img { height: 190px;  } } 

/* service */
.services .cards {border-radius: 10px;padding: 10px;  border: 1px solid #F5F5F4;}
.services .cards h3 { padding:10px 0; }
.services .cards img {border-radius: 10px; width: 100%; height: 160px;}

@media (max-width: 990px) { 
.services .cards {border-radius: 10px;padding: 5px;}
.services .cards img {border-radius: 10px; width: 100%; height: 260px;}
}
@media (min-width: 200px) and (max-width:668px) { 
.services .cards img {border-radius: 10px; width: 100%; height: 180px;}
}
/* service */


/* why us */
.why-us .heading-inn .heading {padding: 30px 0;}
.why-us img { width: 100%;height: 60vh; border-radius: 10px; }
.why-us .title {font-size: 1rem;}
.why-us .grid-2 {  align-items: center; gap: 50px;}
.why-us ion-icon {font-size: 20px; color: var(--accent);}
.why-us .crd {margin-bottom: 15px; color: #fff !important;}

@media (max-width: 990px) {
.why-us .heading-inn .heading {padding: 0px 0;}
.why-us img { width: 100%;height: 30vh; border-radius: 10px;margin-top: 20px; }
.why-us .crd {
margin-bottom: 12px;
}
}

/* @media (min-width: 689px)  and (max-width: 990px) {
.why-us img { width: 100%;height: 30vh; border-radius: 10px; }
} */



.township-feature-section.space{max-width:1200px; margin:40px auto; padding:24px;}
                
.township-feature-section .section-sub{color:var(--muted); font-size:14px; margin:0 0 18px}

/* Grid layout: Desktop 4, Tablet 2, Mobile 2 (2-2 block) */
.township-feature-section .features-grid{display:grid; gap:20px; grid-template-columns: repeat(4, 1fr)}

@media (max-width:1000px){
	.township-feature-section .features-grid{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width:460px){
	/* keep 2 columns on very small devices too (2-2 block) */
	.township-feature-section .features-grid{grid-template-columns: repeat(1, 1fr); gap:14px}
	.township-feature-section .section{padding:16px; margin:20px auto}
	.township-feature-section .icon-wrap{width:52px;height:52px;font-size:22px}
}

.township-feature-section .feature-card{background:#fff; border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); transition:transform .28s ease, box-shadow .28s ease; display:flex; gap:14px; align-items:flex-start}
.township-feature-section .feature-card:hover{transform:translateY(-6px); box-shadow:0 18px 40px rgba(16,24,40,0.12)}

.township-feature-section .icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;font-size:26px;box-shadow:0 6px 18px rgba(16,24,40,0.06);flex-shrink:0}
.township-feature-section .feature-content{flex:1}
.township-feature-section .feature-title{font-size:16px;font-weight:700;margin:0 0 6px}
.township-feature-section .feature-desc{color:var(--muted);font-size:14px;line-height:1.45;margin:0}

/* Gradient color icons */
.township-feature-section .blue{background:linear-gradient(135deg,#93c5fd,#2563eb);color:#fff}
.township-feature-section .green{background:linear-gradient(135deg,#6ee7b7,#16a34a);color:#fff}
.township-feature-section .yellow{background:linear-gradient(135deg,#fde68a,#ca8a04);color:#fff}
.township-feature-section .purple{background:linear-gradient(135deg,#c4b5fd,#7c3aed);color:#fff}
.township-feature-section .pink{background:linear-gradient(135deg,#fda4af,#db2777);color:#fff}
.township-feature-section .teal{background:linear-gradient(135deg,#99f6e4,#0d9488);color:#fff}
.township-feature-section .orange{background:linear-gradient(135deg,#fdba74,#ea580c);color:#fff}
.township-feature-section .gray{background:linear-gradient(135deg,#d1d5db,#374151);color:#fff}

/* small helper to ensure long descriptions don't overflow */
.township-feature-section .feature-desc small{display:block;color:var(--muted);font-weight:600;margin-top:6px}



/* form */
/* .form-wrap .bgimg2 {background-color: red; display: flex; justify-content: flex-end;} */
.form-wrap {
	width: 100%;;
	height: auto;
	background-repeat: no-repeat;
	background-color:#22222213;
	background-size: cover;
	background-position: center;
	background-blend-mode: overlay;
	transition: var(--transation);
	background-image: url(../img/formBg.jpg);
	padding-bottom: 0;
	overflow: hidden !important;
}

.form-wrap .bgimg2 img{
	object-fit: contain; position: relative; bottom: -5px; overflow: hidden; height: 500px;
	float: right;
	
}
/* form */
.form-wrap .form { 
	max-width: 70%;
	width: 100%;
	background: transparent;
	border-radius: 10px;
	margin: auto;
	position: relative;
	/* top: 50px; */
}
 .enquiry-sec .form-wrap .form {  top: 50px; }

.form-wrap .form .form-group {
	position: relative;
}

.form-wrap .form label {
	font-weight: 600;
	display: block;
	color: #444;
	/* margin-top: 10px; */
	padding: 10px 0;
}
.form-wrap .form input {
	width: 100%;
	padding:10px 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	outline: 0;
	border-radius: 5px;
	font-size: 14px;
	transition: 0.3s;
	background:#ffffff4d;}
	
.form-wrap .form input::placeholder ,
	.form-wrap .form .textarea-msg::placeholder { color: #ffffff;}

.form-wrap .form .textarea-msg {
	width: 100%;
	padding: 15px 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	outline: 0;
	border-radius: 5px;
	font-size: 14px;
	transition: 0.3s;
	background:#ffffff4d;
		color: #fff;
}

.form-wrap .form .custom-upload {
border: 1px dashed #ccc;
padding: 10px ;
text-align: center;
cursor: pointer;
margin-top: 10px;
border-radius: 10px;
transition: 0.3s;
background:#ffffff4d;
		color: #fff;
}

.form-wrap .form .custom-upload:hover {
background-color: transparent; /* f0f0f0 */
}

.form-wrap .form .custom-upload.active {
border-color: #6e8efb;
background-color: #f9f9ff;
}

.form-wrap .form .custom-upload p {
margin: 0;
color: #666;
}

.form-wrap .form .prviw-img {
margin-top: 10px;
width: 100px;
height: 100px;
display: none;
border-radius: 5px;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
object-fit: contain;
}

.form-wrap .form .file-name {
font-size: 14px;
color: #333;
margin-top: 5px;
}

.form-wrap .form .select {
	width: 100%; 
	border: 1px solid #999999;
	padding:10px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	overflow: hidden;
}

.form-wrap .form .select .wrsp {
display: flex;
justify-content: space-between;
align-items: center;
background-color: transparent;
}

.form-wrap .form .select-button {
width: 100%;
	/* padding:15px 10px; */
	border:none;
	outline: 0;
	border-radius: 5px;
	font-size: 14px;
	transition: 0.3s;
	background: transparent;
	text-align: left;
}

.form-wrap .form .select-button, 
.form-wrap .form .select-option { 
	/* box-shadow: var(box-shadow); */
	font-weight: 400;
	font-size: 14px;
	/* line-height: 18.2px; */
	letter-spacing: 0%;
	color: var(--black);

}

.form-wrap .form .select-option {
	padding:5px 0 2px 0;  
	display: none; 
	cursor: pointer;
	position: absolute;
	background-color: #fff;
	width: 105%;
	left: 0;
	top: 80px;
	box-shadow:0 8px 11px rgb(14 55 54 / 15%);
}

.form-wrap .form .select-option option {
	font-size:15px;
	margin-bottom: 1px;
	cursor:pointer;
	padding: 3px 10px;
}

.form-wrap .form .select-option option:hover { background-color: var(--mcolor) !important ; }


.form-wrap .form .select-icon { 
	display: block; 
	position: relative;
}

.form-wrap .form .select-icon img {
	display: block;
	width:20px;
	border-radius: 50%;
}


.form-wrap .form .select.open .select-icon { transform: rotate(180deg); }
.form-wrap .form .select.open .select-option { display: block; }

.form-wrap .form .btn {background-color: var(--accent); width: 200px; border: 0;}

.form-wrap .form .error-message {
	color: red;
	font-size: 14px;
	margin-top: 5px;
	display: none;
}
.form-wrap .form .error {
	border-color: red !important;
}
.form-wrap .form .success {
	border-color: green !important;
}

.form-wrap .popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: white;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
	text-align: center;
	width: 300px;
	display: none;
}

@media (min-width: 990px) { .dnoneL {display: none !important;}}

			@media (max-width: 990px) {
				.form-wrap .bgimg2 img{height: 390px; top:30px;}
				.form-wrap .form {max-width: 80%;}
			}

			@media (max-width: 768px) {
				.form-wrap {  padding:60px 30px ;}
				.form-wrap .heading-inn {display: block;padding-bottom: 17px;}
				.form-wrap .bgimg2 img{display: none; }
				.form-wrap .form {max-width: 100%; top: 0px;}
				.dnoneS {display: none;}
			}

/* partner */
.prtnr-sli { width: 100%; overflow: hidden; position: relative;  background: #fff }
.prtnr-sli .wrap { display: flex; gap: 24px; padding: 16px 0px; 
	animation: 30s linear 0s infinite normal none running scroll; 
	/* animation: scroll 15s linear infinite; */
}
.prtnr-sli .prtnrSlideItem { min-width: 150px; transition: transform 0.3s;cursor: pointer; }
.prtnr-sli .prtnrSlideItem img { width: 100%; height: 60px; object-fit: contain; transition: 0.3s; }
.prtnr-sli .prtnrSlideItem img:hover {  transform: scale(1.1); }

@keyframes scroll {from { transform: translateX(0); } to { transform: translateX(-80%); }}
	@media (max-width: 768px) { .prtnr-sli .prtnrSlideItem { min-width: 120px; } }


/* footer */
.footer {
	background-color: #172337;color: #fff;padding: 40px 90px 20px 90px;
	font-family: 'Roboto', sans-serif;display: block
}

.footer .footer-inner {max-width: 1300px;margin: 0 auto}

.footer .footer-grid {
	display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 10px;margin-bottom: 0px
}
.footer .footer-cards .logo img {width: 150px; height: 90px; display: block; object-fit: contain; background-color: #fff; border-radius: 5px;}

.footer .footer-cards h4{font-size: 19px;color:#878787;margin-bottom: 15px}

.footer .footer-cards ul {list-style: none;padding: 0}

.footer .footer-cards ul li {margin: 6px 0}

.footer .footer-cards ul li a {color: #fff; font-size: 14px;text-decoration: none }

.footer .footer-cards.address p, .footer .footer-cards.address a {
	color: #fff;font-size: 14px;line-height: 1.5;text-decoration: none
}

/* .footer .social-icons {margin-top: 10px} */
.footer .social-icons a {margin-right: 5px;color: #fff;font-size: 15px}

.footer .footer-bottom {border-top: 1px solid #2b3747;
	display:flex;flex-wrap:wrap;gap: 20px;justify-content:space-between;align-items: center;font-size: 14px;color: #fff;padding-top: 20px
}

.footer .footer-bottom .bottom-item{display:flex;align-items:center;gap: 8px}

.footer .footer-bottom .cards img {width: 32px;margin-left: 8px}

 .footer-copyright {
	display: block;
	text-align: center;
	font-size: 15px;
	color: var(--blue);
	padding: 3px 0 5px 0;
	border-top: 1px solid red;
	margin-top: 0px;
	width:100%;
	font-weight: 500;
}

.footer-copyright ion-icon {
	vertical-align: middle;
	margin-right: 4px;
	font-size: 16px;
}

				@media (max-width:1200px) {
					.footer {padding: 20px 10px 60px 0px;}
					.footer .footer-grid { grid-template-columns: 1fr 1fr}
					.footer .footer-cards {padding-left: 70px;}
					.footer .quickinfo-card {position: relative;;top: 130px;}
					.footer .social-icons a {font-size: 22px}
					.footer .footer-cards  h4 {padding: 15px 0 10px 0;}
					.dnoneS {display: none;}
				}

				@media (min-width: 769px) and (max-width: 890px) {
					.footer {padding: 50px 0px 100px 0px; }
				}

					

					@media (max-width:495px) {
					.footer .footer-grid {display: block;}
					.footer .footer-cards {padding-left: 30px;}
					.footer .quickinfo-card {top: 0;}
					/* .footer .quickinfo-card {position: relative;;top: 0px;} */
					.footer .footer-cards  h4 {padding: 10px 0 5px 0;}
					.dnoneS {display: none;}
				}

				@media (min-width: 496px) and (max-width:669px) {
					/* .footer .footer-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));background-color: red !important;}  */
					.footer .footer-cards {padding-left: 20px;}
				}

.scrolltop .scrollToTop { position:fixed; bottom:60px; right:20px;
display:none; border:none; cursor:pointer; z-index:1000; opacity:0;
border-radius: 5px;padding: 12px 15px; transition: opacity 0.3s ease, transform 0.3s ease; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
background-color:blue; color:white; font-size: 18px;
}
.scrolltop .scrollToTop.scroll-show { display: block; opacity: 1; transform: translateY(0); }
.scrolltop .scrollToTop.scroll-show { transform: translateY(-10px); }
.scrolltop .scrollToTop .scroll-icon {font-size: 20px;}
.scrolltop .scrollToTop:hover { background-color:#0056b3; transform: scale(1.1);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}



/* page----- */
.breadcrumb-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	width: 100%;
	background-color: var(--blue);
	position: relative;
	top:85px;
	margin-bottom: 90px;
}

.breadcrumb-sec .right-side {position: relative;}

.breadcrumb-sec::before {
	position: absolute;
	content: "" ;
	width: 600px;
	height: 150px;
	bottom: -20px;
	right: 0px;
	z-index: 9;
	border-radius: 3px;
	/* background-image: url(../img/township1.jpg); */
	background-repeat: no-repeat;
	/* background-color:#22222213; */
	background-size: contain  ;
	background-blend-mode: overlay;
}

.breadcrumb-sec .hero-left {
	flex: 1; padding: 40px 80px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 2;
}

.breadcrumb-sec .hero-left h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 20px; }
.breadcrumb-sec .hero-left .breadcrumb { display: flex; align-items: center; gap: 10px; font-size: 1.1rem; }
.breadcrumb-sec .hero-left .breadcrumb a { color: #ffc107; font-weight: 600; text-decoration: none;}
.breadcrumb-sec .hero-left .breadcrumb span { color: #fff; }


			@media (max-width: 990px) {
			.breadcrumb-sec { height: auto; top: 71px; padding-top: 30px; }
			.breadcrumb-sec::before { width:250px; height: 180px; bottom: -80px; right: 50px; }
			.breadcrumb-sec .hero-left { padding:30px 40px 50px 70px; }
			.breadcrumb-sec .hero-left h1 { font-size: 2rem; margin-bottom: 20px; }
			.breadcrumb-sec .hero-left .breadcrumb { font-size: 1.3rem; }
			.breadcrumb-sec .hero-left .breadcrumb span { color: #fff; }
			
			}

			@media (max-width: 789px) {
			.breadcrumb-sec .hero-left { padding:10px 40px 50px 20px; }
			.breadcrumb-sec .hero-left h1 { font-size: 1.7rem; margin-bottom: 20px; }
			.breadcrumb-sec::before { width:150px; height: 100px; bottom: -60px; right: 10px; }
			}



/* contact page */
 .contact-page { 
	background: var(--shadow); 
}
.contact-page li { display: flex; align-items: center; padding: 40px;gap:20px; 
	border-bottom:0.1px solid var(--green)  
}

		@media (max-width: 768px) {
			.contact-page ul { display: block;}
			.contact-page li { padding: 25px;}
		}

/* service page */
.servecepage .cpara { color: var(--dark); }


.service-experience {
  display: flex;
  gap: 20px;
  margin: 1rem 0;
  justify-content: center;
}

.exp-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
}

.exp-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.exp-card h3 {
  font-size: 1.8rem;
  color: #0f172a;
  margin: 0;
}

.exp-card p {
  color: #64748b;
  margin: 5px 0 0 0;
}

		@media (min-width: 600px) and (max-width: 990px) {
		  .servecepage .grid-2 { grid-template-columns: 1fr 1fr;}
		
		}
		@media  (max-width: 590px) {
			.township-feature-section .feature-card {display: block;}	
			.township-feature-section .feature-title {padding-top: 10px;}
		}

.cta-section {
  background: #0c284e;
  color: #fff;
  text-align: center;
  padding: 70px 20px;
	background-image: url(../img/formBg.jpg);
	width: 100%;;
	height: 100%;
	background-repeat: no-repeat;
	background-color:#22222213;
	background-size: cover;
	background-blend-mode: overlay;
	border-radius: 5px;
}

.cta-section h2 {
  font-size: 2rem;
  margin-bottom: 15px;
}

.cta-section p {
  font-size: 1rem;
  color: #d1d5db;
  margin-bottom: 25px;
}

.cta-btn {
  background: var(--white);
  color: #0c284e;
  border: none;
  padding: 14px 28px;
  border-radius: 30px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.cta-btn:hover {
  background: #000;
  transform: scale(1.05);
  color: #fff;
}


/* projectpage */
 .our-project-page .cards {background-color: #fff;}
     .our-project-page .cards .cont {
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      flex-grow: 1;
      text-align: left;
    }
    .our-project-page .project-location {
      color: #64748b;
      font-size: 0.95rem;
    }

    .our-project-page .project-status {
      background: #f1f5f9;
      color: #475569;
      padding: 6px 12px;
      border-radius: 12px;
      font-size: 0.85rem;
      display: inline-block;
      margin-top: 5px;
    }

    .our-project-page .rating {
      display: flex;
      align-items: center;
      gap: 4px;
      font-size: 0.9rem;
      color: #f59e0b;
      margin-top: 5px;
    }

    .our-project-page .rating span {
      color: #334155;
      font-weight: 500;
    }

    .our-project-page .progress {
      background: #e2e8f0;
      border-radius: 10px;
      overflow: hidden;
      height: 8px;
      margin-top: 8px;
      position: relative;
    }

    .our-project-page .progress-bar {
      height: 8px;
      background: linear-gradient(90deg, #10b981, #16a34a);
      width: 0%; /* start at 0 for animation */
      transition: width 2s ease-in-out;
    }

	.our-project-page .progress-label {
      margin-top: 8px;
      font-size: 0.85rem;
      color: #333;
      text-align: right;
    }



.greenColor {color: var(--green) !important;}
.dark {color: var(--dark) !important;}

    @media (min-width: 991px) { .dnoneL {display: none !important;}}
	@media (max-width: 990px) { .dnoneS {display: none !important;}}