/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

* {
    box-sizing: border-box;
    list-style: none;
    outline: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-block-end: 0;
    margin-block-start: 0;
    color: #724145;
}
a:hover {
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;
}
.e-con.e-flex>.e-con-inner {
    max-width: 1280px !important;
    width: 100% !important;
}



/* header-css-start */
.site-header {
    justify-content: center;
    background: #FFFCFC;
    border-bottom: 1px solid #FE9D4A;
    padding: 0px 0px;
}
.site-header > .elementor {
    max-width: 1280px !important;
    width: 100% !important;
}
.site-header ul li.menu-item a {
    color: rgba(59, 28, 29, 0.8);
    font-size: 16px;
    font-family: "manrope", Sans-serif;
    font-weight: 400;
}
.site-header ul {
    display: flex;
    gap: 36px;
}

/* home-hero-slider-css-start */

    /* ── HERO ── */
    .hero {
      position: relative;
      width: 100%;
      height: 100vh;
      min-height: 600px;
      overflow: hidden;
      display: flex;
      align-items: center;
    }

    /* Background image placeholder — swap src for the real photo */
    .hero__bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      z-index: 0;
    }

    /* Dark gradient over left side so text stays readable */
    .hero__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to right,
        rgba(20, 12, 4, 0.82) 0%,
        rgba(20, 12, 4, 0.55) 45%,
        rgba(20, 12, 4, 0.10) 70%,
        transparent 100%
      );
      z-index: 1;
    }

    /* ── CONTENT ── */
    .hero__content {
      position: relative;
      z-index: 2;
      max-width: 660px;
      padding: 0 60px;
    }

    /* Eyebrow pill */
    .hero__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(6px);
      border: 1px solid rgba(255, 255, 255, 0.18);
      border-radius: 999px;
      padding: 6px 14px 6px 10px;
      margin-bottom: 24px;
    }

    .hero__eyebrow-icon {
      width: 20px;
      height: 20px;
      background: #E8864A;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .hero__eyebrow-icon svg {
      width: 11px;
      height: 11px;
    }

    .hero__eyebrow-text {
      font-size: 13px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.88);
      letter-spacing: 0.01em;
    }

    /* Headline */
    h1.hero__headline {
      font-family: "Gilda Display", Sans-serif;
      font-size: 52px;
      font-weight: 400;
      line-height: 1.08;
      letter-spacing: -0.01em;
      color: #fff;
      margin-bottom: 22px;
    }

    /* Sub-copy */
    .hero__sub {
      font-size: 15px;
      font-weight: 300;
      line-height: 1.65;
      color: rgba(255, 255, 255, 0.72);
      max-width: 420px;
      margin-bottom: 38px;
    }

    /* CTA row */
    .hero__cta {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }



.home-about-grid {
    border: 1px solid #E8DADA;
    border-radius: 25px;
    padding: 20px;
    margin-top: 20px;
}
.home-about-grid h3 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 4px;
    font-family: "Gilda Display", Sans-serif;
}
.home-about-grid p {
    margin: 0px;
}
.homt-about-floting-text h3, 
.homt-about-floting-text p {
    color: #fff;
    margin: 0px;
}
.home-about-grid  .elementor-widget-image {
    max-width: 45px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    background: #F2E4E4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.section-title h6 {
    font-size: 14px;
    color: #FE9D4A;
    margin-bottom: 12px;
    font-weight: 600;
    font-family: "manrope", Sans-serif;
    text-transform: uppercase;
    letter-spacing: 2.8px;
}
.home-about-grid:hover .elementor-widget-image {
    background: #FE9D4A;
} 

/* counselling css start  */

.counselling-grid h3 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 4px;
    font-family: "Gilda Display", Sans-serif;
}
.counselling-grid .elementor-widget-image {
    max-width: 45px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    background: #F2E4E4;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}


/* home-services-slider-start */
.home-services-slider {
    position: relative;
}
.home-services-slider .swiper-slide {
    border: 1px solid #E8DADA;
    border-radius: 25px;
    overflow: hidden;
    height: -webkit-fill-available;
}
.home-services-slider .swiper-content {
    padding: 20px;

}
.home-services-slider .swiper-content h3 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 4px;
    font-family: "Gilda Display", Sans-serif;
}
.home-services-slider .slider-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    right: 0px;
    top: -85px;

}
.home-services-slider .slider-nav .slider-btn img {
    width: 20px;
    height: 20px;
}
.home-services-slider .slider-nav .slider-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #E8DADA;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.home-services-slider .slider-nav .slider-btn:hover {
    background: #FE9D4A;
}


/* step-css-start */
.steps-grid {
    position: relative;
}
.steps-grid::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: -24px;
    width: 100%;
    background: url(http://putholi.local/wp-content/uploads/2026/06/ep_right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9;
    width: 28px;
    height: 28px;
}
.steps-grid:last-child::after {
    display: none;
}
.steps-grid img {
    width: 55px;
    height: 55px;
}
.steps-grid h3 {
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 0px;
    font-family: "Gilda Display", Sans-serif;
}
.steps-grid p {
    margin: 0px;
}

/* home-testimonials-css-start */
.home-testimonial-section h2 {
    color: #fff;
}
.home-testimonials-slider {
max-width: 835px;
    width: 100%;
    margin: 0 auto;
}
.home-testimonials-slider .swiper-slide {
    border: 1px solid #E8DADA;
    border-radius: 25px;
    overflow: hidden;
    height: -webkit-fill-available;
    padding: 45px;
    background: #fff;
    text-align: center;
}
.home-testimonials-slider .swiper-slide img {
    width: 116px;
}
.home-testimonials-slider .swiper-slide p {
    font-size: 20px;
    line-height: 32px;
    margin-top: 15px;
}
.home-testimonials-slider .swiper-slide h3 {
    color: #FE9D4A;
    font-size: 20px;
    font-family: "Gilda Display", Sans-serif;
}
.slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}
.slider-pagination .swiper-pagination-bullet {
    background: #FEF7F2;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0px !important;
}
.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FE9D4A;
    width: 40px;
}



/* footer-css-start */
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main 
{
    max-width: 100%;
}

.site-footer {
    background: #724145;
    padding: 0px 0px;
}
.site-footer h2 {
    color: #fff;
    font-size: 36px;
    font-family: "Gilda Display", Sans-serif;
}
.site-footer p {
    color: rgba(254, 247, 242, 0.75);
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0px;
}
.site-footer .e-atomic-element{
    flex-direction: column;
    padding: 0px 0px;
}
.footer-mid h4 {
    color: #fff;
    font-size: 20px;
    font-family: "Gilda Display", Sans-serif;
    margin-bottom: 12px;
}
.footer-social-media .elementor-icon-list-item .elementor-icon-list-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(254, 247, 242, 0.1);
}
.footer-social-media .elementor-icon-list-item .elementor-icon-list-icon:hover {
    background: #FE9D4A;
}
.footer-form form {
    display: grid;
    grid-template-columns: 70% 30%;
}
.footer-form form p label {
    width: 100%;
}
.footer-form form input {
    height: 60px;
}
.footer-form form input[type="email"] {
    border: none;
    padding: 0px 20px;
    border-radius: 50px 0px 0px 50px;
}
.footer-form form input[type="submit"] {
    background: #FE9D4A;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 210px;
    border-radius: 0px 50px 50px 0px;
}
/* Responsive menu styles */
@media (max-width: 1024px) {
    .main-menu,
    .primary-menu,
    .elementor-nav-menu,
    .elementor-nav-menu--main {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
    }

    .main-menu li,
    .primary-menu li,
    .elementor-nav-menu li {
        width: 100% !important;
    }

    .main-menu a,
    .primary-menu a,
    .elementor-nav-menu a,
    .elementor-nav-menu .elementor-item {
        display: block !important;
        width: 100% !important;
        padding: 12px 18px !important;
        box-sizing: border-box !important;
    }

    .elementor-nav-menu .elementor-sub-menu,
    .main-menu .sub-menu,
    .primary-menu .sub-menu {
        position: static !important;
        box-shadow: none !important;
        background: transparent !important;
        width: 100% !important;
    }

    .elementor-nav-menu .elementor-item {
        white-space: normal !important;
    }
}

@media (max-width: 768px) {
    .site-header,
    .elementor-nav-menu,
    .main-menu,
    .primary-menu {
        width: 100% !important;
    }

    .elementor-nav-menu .elementor-sub-item,
    .main-menu .sub-menu li,
    .primary-menu .sub-menu li {
        padding-left: 20px !important;
    }
}

.mobile-menu-toggle {
    display: none;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;
    padding: 10px 14px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 0 12px;
}

.mobile-menu-toggle span {
    display: inline-block;
}

@media (max-width: 1024px) {
    .mobile-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .main-menu,
    .primary-menu,
    .elementor-nav-menu,
    .elementor-nav-menu--main {
        display: none !important;
    }

    .main-menu.mobile-menu-open,
    .primary-menu.mobile-menu-open,
    .elementor-nav-menu.mobile-menu-open,
    .elementor-nav-menu--main.mobile-menu-open {
        display: flex !important;
        flex-direction: column !important;
    }
}