/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://yoursite.com
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://yoursite.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/
.yakda-header-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 40px;
}

.yakda-header-menu__list > li > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #09352c;
    text-decoration: none;
}

/* Enable dropdown on hover */
.yakda-header-menu__list li {
    position: relative;
}

.yakda-header-menu__list li ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 8px 0;
    list-style: none;
    min-width: 220px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    display: none;
    z-index: 999;
}

.yakda-header-menu__list li:hover > ul.sub-menu {
    display: block;
}

.yakda-header-menu__list li ul.sub-menu li a {
    display: block;
    padding: 8px 16px;
    color: #09352c;
    text-decoration: none;
    font-weight: 500;
}

.yakda-header-menu__list li ul.sub-menu li a:hover {
    background: #f8fafc;
}



/* Add your custom styles below */
main{
        margin-top: -113px;
}
/*header footer style*/
/* HEADER STYLE */
/* HEADER BASE */

.custom-header {
  background: #0000007a;
  backdrop-filter: blur(10px);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}

.header-container {
  max-width: 1600px;
  margin: auto;
  padding: 15px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* LOGO */
.logo img {
  height: 55px;
}
.logo{
        max-width: 200px;
    width: 100%;
}


/* NAVIGATION */
.main-nav .menu {
  list-style: none;
  display: flex;
  gap: 40px;
  margin: 0;
  padding: 0;
}
.menu ul
{
        display: flex;
    gap: 100px;
list-style: none;
}
/*.main-nav .menu li a {*/
/*  text-decoration: none;*/
/*  color: #ffffff;*/
/*  font-size: 18px;*/
/*  transition: 0.3s ease;*/
/*}*/

.main-nav .menu li a:hover {
  opacity: 0.7;
}

/* CONTACT */
.header-right {
  display: flex;
  align-items: center;
  gap: 25px;
}

.contact-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contact-info a {
  color: #ffffff;
  text-decoration: none;
  font-size: 15px;
}
.contact-info a:hover,
.contact-info a:focus,
.contact-info a:active {
  color: #fafcfb;
}
/* HAMBURGER */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
}

.hamburger span {
  width: 25px;
  height: 2px;
  background: #ffffff;
  transition: 0.3s;
}

/* MOBILE MENU */
@media (max-width: 992px) {

  .main-nav {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    width: 300px;
    background: #000000f2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease;
  }

  .main-nav.active {
    right: 0;
  }

  .main-nav .menu {
    flex-direction: column;
    gap: 30px;
  }

  .hamburger {
    display: flex;
  }

  .contact-info {
    display: none;
  }
}
/* FOOTER STYLE */

.custom-footer {
  background: #0b0b0b;
  color: #aaa;
  padding-top: 60px;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.footer-container {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  flex-wrap: wrap;
}

.footer-about h3 {
  color: #ffffff;
  margin-bottom: 15px;
}

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

.footer-links li {
  margin-bottom: 10px;
}

.footer-links li a {
  color: #aaa;
  text-decoration: none;
  transition: 0.3s;
}

.footer-links li a:hover {
  color: #00c6ff;
}

.footer-bottom {
  text-align: center;
  padding: 25px 0;
  margin-top: 40px;
  border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 14px;
}

/* Override Hello Elementor reset.css pink (#c36) - use theme blue */
a {
	color: #1e3a5f;
}
a:hover,
a:active,
a:focus {
	color: #2d5a87;
}

button,
[type="button"],
[type="submit"] {
	border-color:  #9bcd2c !important;
	color:  #9bcd2c !important;
}
button:hover,
button:focus,
[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus {
	background-color: #1f2124 !important;
	border-color: #1e3a5f !important;
	color: #fff !important;
}

/* Global heading font - matches FAQ editorial serif style */
h1, h2, h3, h4, h5, h6,
.yakda-hero-slider__heading,
.yakda-hero-slider__subheading,
.yakda-testimonial__heading,
.yakda-trusted-heading,
.about-ecosystem__title,
.about-ecosystem__subtitle,
.yakda-product-categories__title,
.yakda-product-categories__subtitle,
.yakda-faq__title,
.yakda-faq__category-title,
.yakda-products-archive__title,
.yakda-category-archive__title,
.yakda-product-card__title,
.yakda-related-products__title,
.yakda-product__title,
.yakda-archive-page-title,
.yakda-single-product__banner-title {
	font-family: Georgia, "Montserrat", serif;
}

/* Remove gap between homepage sections */
.yakda-homepage .yakda-hero-slider {
	margin-bottom: 0;
}

.yakda-homepage .about-ecosystem,
.yakda-homepage .yakda-trusted-by,
.yakda-homepage .yakda-product-categories,
.yakda-homepage .yakda-faq {
	margin-top: 0;
	position: relative;
	z-index: 10;
	background: #fff;
}
.yakda-homepage .about-ecosystem
{
        margin-top: 88px;
   
    margin-bottom: -101px;
}
}

.yakda-homepage .yakda-roadmap {
	margin-top: 0;
	position: relative;
	z-index: 10;
	background: linear-gradient(180deg, #1a2332 0%, #0f1629 50%, #0a0f2a 100%) !important;
}

.yakda-homepage .yakda-faq.yakda-faq--has-bg {
	background-color: transparent;
}

.yakda-homepage .yakda-page-content {
	margin-top: 0;
	position: relative;
	z-index: 2;
	background: #fff;
}

.yakda-homepage .yakda-testimonial {
	margin-top: 0;
	position: relative;
	z-index: 2;
	background: transparent;
}

/* About & Product Categories have their own backgrounds - override if needed */
.yakda-homepage .about-ecosystem {
	background: linear-gradient(180deg, #ffffff 0%, #f8f9fb 100%);
}

.yakda-homepage .about-ecosystem.about-ecosystem--has-bg {
	background: transparent;
}

.yakda-product__main-image
{
    position: sticky;
}
.yakda-homepage .yakda-page-content {
	background: #fff;
}

/* Header/Nav visible over hero (first view) and when scrolling - fixed with contrast */
/*body.home .site-header,*/
/*body.home .elementor-location-header,*/
/*body.home header[data-elementor-type="header"] {*/
/*	position: fixed;*/
/*	top: 0;*/
/*	left: 0;*/
/*	right: 0;*/
/*	z-index: 1000;*/
	/*background: rgba(30, 58, 95, 0.9);*/
/*	backdrop-filter: blur(8px);*/
/*	transition: background 0.3s ease;*/
/*}*/

/*body.home .site-header a,*/
/*body.home .elementor-location-header a,*/
/*body.home header[data-elementor-type="header"] a,*/
/*body.home .site-header .site-title a,*/
/*body.home .site-navigation ul.menu li a {*/
/*	color: #fff !important;*/
/*}*/

body.home .site-navigation-toggle-holder .site-navigation-toggle {
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

/* Override default pink/purple tap highlight and hover/active - use theme blue */
* {
	-webkit-tap-highlight-color: rgba(30, 58, 95, 0.3);
	tap-highlight-color: rgba(30, 58, 95, 0.3);
}

.yakda-faq__nav-link:hover,
.yakda-faq__nav-link:focus,
.yakda-faq__nav-link:focus-visible,
.yakda-faq__nav-link:active {
	outline: 2px solid #1e3a5f;
	outline-offset: 2px;
	color: inherit;
}

.yakda-faq__question:hover,
.yakda-faq__question:focus,
.yakda-faq__question:focus-visible,
.yakda-faq__question:active {
	outline: 2px solid #1e3a5f;
	outline-offset: 2px;
}

.yakda-hero-slider__dot:hover,
.yakda-hero-slider__dot:focus,
.yakda-hero-slider__dot:focus-visible,
.yakda-hero-slider__dot:active,
.yakda-hero-slider__prev:hover,
.yakda-hero-slider__prev:focus,
.yakda-hero-slider__prev:focus-visible,
.yakda-hero-slider__prev:active,
.yakda-hero-slider__next:hover,
.yakda-hero-slider__next:focus,
.yakda-hero-slider__next:focus-visible,
.yakda-hero-slider__next:active {
	outline: 2px solid #1e3a5f;
	outline-offset: 2px;
}