@charset "UTF-8";

/*!
Theme Name: Udhayam
Theme URI: http://underscores.me/
Author: Codes & Ideas
Author URI: https://codesandideas.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: udhayam
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Udhayam is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
  --common-font: "Roboto", sans-serif;
  --heading-font: "Poppins", sans-serif;
  --transition: 0.5s all ease;
  --all-size: 16px;
  --white-color: #ffffff;
  --black-color: #464648;
  --grey-color: #4e4e4e;
  --green-color: #206733;
  --primary-color: #206733;
  --offcanvas-bg: #ffffff;
  --offcanvas-text: #1f2a23;
  --offcanvas-muted: rgba(31, 42, 35, 0.6);
}

/* Mobile Offcanvas Menu */
.sun-mobile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sun-hamburger {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  width: 42px;
  height: 42px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(32, 103, 51, 0.08);
  border: 1px solid rgba(32, 103, 51, 0.15);
  cursor: pointer;
  transition: var(--transition);
}

.sun-hamburger span {
  display: block;
  height: 2px;
  width: 100%;
  background: var(--green-color);
  border-radius: 999px;
  transition: var(--transition);
}

.sun-hamburger:hover {
  background: rgba(32, 103, 51, 0.16);
}

.sun-offcanvas-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 25, 19, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
  z-index: 999;
}

.sun-offcanvas {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: min(92vw, 380px);
  background: var(--offcanvas-bg);
  color: var(--offcanvas-text);
  box-shadow: -15px 0 40px rgba(0, 0, 0, 0.18);
  transform: translateX(100%);
  transition: var(--transition);
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.sun-offcanvas-open {
  transform: translateX(0);
}

body.sun-menu-open .sun-offcanvas-backdrop {
  opacity: 1;
  visibility: visible;
}

body.sun-menu-open {
  overflow: hidden;
}

.sun-offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid rgba(32, 103, 51, 0.1);
}

.sun-offcanvas-brand img {
  max-height: 46px;
  width: auto;
}

.sun-offcanvas-close {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(32, 103, 51, 0.12);
  background: rgba(32, 103, 51, 0.08);
  color: var(--green-color);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: var(--transition);
}

.sun-offcanvas-close:hover {
  background: rgba(32, 103, 51, 0.18);
}

.sun-offcanvas-body {
  padding: 10px 20px 24px;
  overflow-y: auto;
  flex: 1;
}

.sun-offcanvas-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(32, 103, 51, 0.08);
  color: var(--offcanvas-muted);
  font-size: 0.78rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.sun-offcanvas-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sun-offcanvas-menu .nav-item {
  margin: 0;
}

.sun-offcanvas-menu .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 12px;
  color: var(--offcanvas-text);
  font-weight: 600;
  font-size: 1rem;
  transition: var(--transition);
  background: rgba(32, 103, 51, 0.03);
}

.sun-offcanvas-menu .nav-link:hover,
.sun-offcanvas-menu .nav-link:focus,
.sun-offcanvas-menu .nav-link.active {
  color: #ffffff;
  background: var(--green-color);
}

.sun-offcanvas-menu .dropdown-menu,
.sun-offcanvas-menu .dropdown-menu.show {
  position: static !important;
  float: none !important;
  display: none !important;
  transform: none !important;
  margin: 0;
  padding: 6px 0 6px 12px;
  border: none;
  box-shadow: none;
  background: transparent;
  inset: auto !important;
}

.sun-offcanvas-menu .dropdown > .dropdown-toggle::after {
  content: "›";
  font-size: 1rem;
  transform: rotate(90deg);
  color: var(--offcanvas-muted);
  border: none;
  vertical-align: middle;
  margin-left: 0;
}

.sun-offcanvas-menu .dropdown.sun-submenu-open > .dropdown-menu,
.sun-offcanvas-menu .dropdown.sun-submenu-open > .dropdown-menu.show {
  display: block !important;
}

.sun-offcanvas-menu .dropdown.sun-submenu-open > .dropdown-toggle::after {
  transform: rotate(-90deg);
  color: var(--green-color);
}

/* Dropdowns controlled by click (sun-submenu-open class) only */

.sun-offcanvas-menu .dropdown-item {
  display: block;
  padding: 8px 12px;
  border-radius: 10px;
  font-size: 0.95rem;
  color: var(--offcanvas-text);
  background: transparent;
}

.sun-offcanvas-menu .dropdown-item:hover,
.sun-offcanvas-menu .dropdown-item:focus,
.sun-offcanvas-menu .dropdown-item.active {
  background: rgba(32, 103, 51, 0.12);
  color: var(--green-color);
}

@media (min-width: 992px) {
  .sun-offcanvas,
  .sun-offcanvas-backdrop,
  .sun-hamburger,
  .sun-mobile-header {
    display: none;
  }
}

.testimonial-area {
  background-image: url(./assets/img/home-one/team-bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
}

.testimonial-area .testimonial-content {
  display: flex;
  flex-direction: column;
}

.testimonial-area .section-title h2 {
  color: #464648;
}

.testimonial-area .testimonial-author {
  margin-top: auto;
  /* text-align: right; */
}

.testimonial-area .testimonial-content {
  padding: 3rem 5rem;
  border: 1px solid var(--green-color);
  background-color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 0 15px;
  height: 100%;
  border-radius: 1rem;
}

@media screen and (max-width: 900px){
  .testimonial-area .testimonial-content {
    padding: 1rem 1.5rem;
  }
  .testimonial-area .testimonial-content>p {
  font-size: .9rem;
  line-height: 1.4;
}
}

.testimonial-area .testimonial-content>p {
  font-size: 1rem;
  line-height: 1.5;
  font-style: italic;
}

.testimonial-area .testimonial-content h4 {
  color: var(--green-color);
}

.section-title h2 {
  color: var(--green-color);
}

.cmn-btn.green-bg {
  background-color: var(--green-color);
  border-color: var(--green-color);
  color: var(--white-color);
}

.partner-area {
  margin-top: 0;
}

.about-area {
  padding-block: 4rem;
}

.counter-area {
  padding: 0;
  padding-block: 5rem;
}

.counter-area .counter-item {
  margin-bottom: 0;
}

.counter-area {
  background: #f8f9fa;
}

.counter-area .counter-item {
  background: linear-gradient(135deg, #35573e 0%, #1b682e 100%);
}

.counter-area * {
  color: white !important;
}

.navbar-brand img {
  max-width: 200px;
}

.footer-logo img {
  max-width: 170px;
}

.navbar-area .main-nav:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 39px;
  height: 100%;
  width: 34%;
  border-left: 0px solid transparent;
  border-top: 115px solid #fff;
  border-right: 130px solid transparent;
  transition: 0.5s all ease;
}

.partner-item img {
  max-width: 100%;
  height: 80px;
  object-fit: contain;
}

.navbar-area .main-nav.menu-shrink:before {
  border-top: 105px solid #fff !important;
}

#subheader {
  display: flex;
  align-items: center;
  margin-top: var(--navbar-height);
  padding: 4rem 0;
}

#subheader .container {
  position: relative;
  z-index: 10;
}

#subheader h1 {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 500;
  letter-spacing: -0.5px;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}

#subheader .de-overlay {
  background: linear-gradient(135deg, rgba(32, 103, 51, 0.85) 0%, rgba(32, 103, 51, 0.6) 50%, rgba(0, 0, 0, 0.4) 100%);
  backdrop-filter: blur(2px);
}

.crumb {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  margin: 0;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  list-style: none;
  font-size: 0.875rem;
  font-weight: 500;
}

.crumb li {
  display: inline-flex;
  align-items: center;
}

.crumb li:after {
  content: "›";
  font-size: 1rem;
  margin-left: 0.5rem;
  opacity: 0.7;
  font-family: inherit;
}

.crumb li:last-child:after {
  display: none;
}

.crumb li.active {
  opacity: 0.85;
}

.crumb a {
  color: #ffffff;
  text-decoration: none;
  transition: 0.5s all ease;
  position: relative;
}

.crumb a:hover {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#subheader.text-light .crumb {
  color: #ffffff;
}

@media (max-width: 991px) {
  #subheader {
    min-height: 250px;
    padding: 3rem 0;
    text-align: center;
  }

  #subheader .row {
    justify-content: center;
  }

  #subheader .col-lg-6 {
    text-align: center !important;
  }

  #subheader h1 {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }

  .crumb {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #subheader {
    min-height: 200px;
    padding: 2rem 0;
  }

  #subheader h1 {
    font-size: 1.75rem;
  }

  .crumb {
    font-size: 0.8rem;
    padding: 0.4rem 0.75rem;
  }
}

.sticky-top {
  position: relative !important;
}

.navbar-area {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

/* Navbar Desktop Styling */
.main-nav .navbar-nav {
  gap: 1rem;
}

.main-nav .navbar-nav a {
  color: white;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.5rem 0;
  transition: 0.3s all ease;
  position: relative;
}

.main-nav .navbar-nav a:hover {
  color: black;
}

.main-nav .navbar-nav a::after {
  content: '';
  /* position: absolute; */
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--green-color);
  transition: width 0.3s ease;
}

.main-nav .navbar-nav a:hover::after {
  /* width: 100%; */
}

.main-nav .navbar-nav .current-menu-item a,
.main-nav .navbar-nav .current_page_item a {
  color: var(--green-color);
}

/* CTA Button Styling */
.side-nav .cta-highlight {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: white;
  color: #206733 !important;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 50px;
  text-decoration: none;
  transition: 0.3s all ease;
  box-shadow: 0 4px 15px rgba(32, 103, 51, 0.2);
  white-space: nowrap;


}

/* .side-nav .cta-highlight:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(32, 103, 51, 0.3);
  background: linear-gradient(135deg, #35573e 0%, var(--green-color) 100%);
} */

/* Menu Shrink State */
.main-nav.menu-shrink .navbar-nav a {
  color: #464648;
}

.main-nav.menu-shrink .navbar-nav a:hover {
  color: var(--green-color);
}

.main-nav.menu-shrink .navbar-nav a {
  color: white;
}

.main-nav.menu-shrink .navbar-nav a:hover {
  color: black;
}


.main-nav .navbar-nav .current-menu-item a,
.main-nav .navbar-nav .current_page_item a {
  color: black;
}