@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Poppins';
  src: url('Poppins-ThinItalic-webfont.eot');
  src: url('Poppins-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('Poppins-ThinItalic-webfont.woff') format('woff'),
       url('Poppins-ThinItalic-webfont.ttf') format('truetype'),
       url('Poppins-ThinItalic-webfont.svg#PoppinsThinItalic') format('svg');
  /* (under the Apache Software License) */
  font-weight: 200;
  font-style: italic;
}

html {
  scroll-behavior: smooth;
}
 
body[style] {
  padding-top: 76px !important;
}

body {
    font-family: 'Poppins' !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    scroll-behavior: smooth;
    padding-top: 76px;  /* navbar ki exact height */

}
.container {
	max-width: 1300px !important;
}
li {
	list-style: none;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
    font-family: 'Poppins';
}
p{
    font-family: 'Poppins';

}

/* Navbar */
.navbar {
    padding: 10px 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.navbar-brand img {
  max-height: 50px;  
  width: auto;     
}
.navbar-nav li a {
    color: #000 !important;
    font-size: 14px;
    font-weight: 600;

}
.navbar-nav li {
    padding: 0px 7px;
    font-family: 'Poppins';
}
.navbar-nav li a:hover {
    color: #2bba1d !important;
}
.navbar-toggler {
  border: none;
  background:#2bba1d !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255,255,255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  
}


/* Hero Section */
.hero {
  background: url('../images/banner.jpg') no-repeat center center/cover;
  color: #fff;
padding: 200px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.hero * {
    position: relative;
    z-index: 2; /* keep text and button above overlay */
}
.hero h1 {
  font-size: 2.8rem;
  font-weight: 700;
}
.hero p {
  font-size: 1.2rem;
  margin: 15px 0 25px;
}
.hero .btn {
  padding: 12px 30px;
  font-size: 1.1rem;
  border-radius: 30px;
}

/* about */
.whatcng_section {justify-content: center;align-items: center;}
.whatcng_right h3 {font-size: 34px;color: #000;font-weight: 600; margin-bottom: 10px;}
.whatcng_right h2 {color: #000;font-size: 20px;font-weight: 500;line-height: 30px;font-style: normal;width: 80%;}
.whatcng_left img {border-radius: 10px;}
.whatcng_right h3 span {color: #28a745;}
.whatcng_right p {font-size: 18px;line-height: 30px;margin: 30px 0;}
ul.list-unstyled li {font-size: 18px;margin-bottom: 20px;color: #000;}

/* Section styling */
.services-section { padding: 60px 0; background: #08670d14; }
.services-title { margin-bottom: 40px; width:100%; text-align:center; }
.service-card { border: 0; border-radius: 12px; box-shadow: 0 6px 18px rgba(22,38,77,0.06); transition: transform .22s ease, box-shadow .22s ease; }
.service-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(22,38,77,0.12); }
.service-icon img {width: 50px;}
.service-card .card-body { padding: 25px; }
.service-title-small { font-weight:600; margin-bottom:8px; }
.service-desc { font-size: 0.95rem; color: #555; }
.service-icon i {font-size: 24px;}
.services-title h2 {font-size: 34px;color: #000;font-weight: 600;margin-bottom: 10px;}
.services-title h2 span {color: #28a745;}
.services-title p {font-size: 18px;width: 55%;text-align: center;margin: 0 auto;}
.service-icon {margin-bottom: 20px;}
.card.service-card {width: 100%;text-align: center;border-radius: 10px;}
/***************/
#testimonials {padding: 50px 0 0 0;}
#testimonials .testimonial-box {display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 250px;max-width: 700px;margin: 0px auto 60px auto;background: #fff;border-radius: 15px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);padding: 80px 30px;text-align: center;transition: transform 0.4s ease, box-shadow 0.4s ease;}
#testimonials .testimonial-box:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);}
#testimonials p {font-size: 1.1rem;color: #333;font-style: italic;margin-bottom: 15px;}
#testimonials h6 {font-weight: bold;color: #28a745;margin: 0;}
.carousel-indicators li {background-color: #28a745;}

/* FAQ */
#faq{background: #f1f5eb; padding: 50px 0;}
#faq .card-header {background-color: #fff;cursor: pointer;}
#faq .faq-btn {text-align: left;font-weight: 600;font-size: 1rem;color: #000;text-decoration: none;}
#faq .faq-btn:hover {color: #28a745;text-decoration: none;}
#faq .faq-icon {font-size: 1.2rem;color: #28a745;transition: transform 0.3s ease;}
  /* Rotate minus icon when open */
#faq .card-header[aria-expanded="true"] .faq-icon {transform: rotate(180deg);}

/* our process */
#process {padding: 20px 0 60px 0;}
.process-card {background: #fff;border-radius: 15px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.process-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.step-number {font-size: 2.5rem;font-weight: 700;color: #28a745;margin-bottom: 10px;}
.process-card h5 {color: #000;font-size: 18px;font-weight: 600;}
.process-card img {width: 50px;margin-bottom: 10px;}

/* contant us */
#contact { padding:80px 0;}
.contact-info h4 {font-size: 20px;}
.contact-info p {font-size: 16px;}
.contact-info {padding: 30px 30px;background: #f1f5eb;}
.social-icons a {color: #000;}
.services-title p a {color: #28a745;font-weight: 500;}
.services-title p a:hover {text-decoration: none;}
.services-title p strong {font-weight: 500;color: #28a745;}

/* Footer */
footer {font-size: 0.9rem;letter-spacing: 0.5px;}
footer p {margin-bottom: 0px;}
footer p a {font-weight: 600;color: #fff;}
footer p a:hover {text-decoration: none;color: #28a745;}

/*responsive*/


@media only screen and (max-width: 767px) {
.navbar-brand img {width: 100%;}
.text-right {padding-right: 0px !important;}
.hero h1 {font-size: 30px;}
.whatcng_right h3, .services-title h2 {font-size: 24px;}
.whatcng_right {margin-top: 25px;}
.whatcng_right h2 {width: 100%;font-size: 18px;}
.whatcng_right p {font-size: 16px;text-align: justify;}
.services-title p {width: 100%;}
}