header.main-header {
    position: relative;
}
.hero-content .section-title p, .hero-content .section-title h1, .hero-content .section-title h3, .main-menu ul li a, .header-contact-now {
  
    color: #000000;
}
 section.hero.parallaxie {
    background-image: none;
    background-color:#f7f4ef;
}
.hero::before{
    display: none;
}
.hero {
    padding: 30px 0  !important;
    min-height: auto;
    align-content: center;
}

.hero.hero-slider-layout .hero-slide{
    padding:0;
}
.hero-content .section-title p {
    color: #00000080;
    margin-top: 0;
}
.hero-content .section-title{
    margin-bottom: 20px;
}
.hero.hero-slider-layout {
   
    background: #f7f4ef;
}
.hero.hero-slider-layout .hero-slide{
    min-height:auto !important;
}
.hero.hero-slider-layout .hero-slide::before{
        display: none;
    }
        .contact-info-item .icon-box {
  
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 10px;
     width: 100px;
    height: 100px;
}
.contact-item-content {
    width: 100%;
}

 .contact-info-item .icon-box img{
     max-width:64px;
     width:56px;
 }
  .contact-item-content h3 {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.service-content h3 {
    font-size: 18px;
    
    line-height: 28px;
}
.service-content p{
    height:170px;
}
  .about-benefit-item .icon-box img {
   
    width: 48px;
    opacity: 0.7;
}
.service-header .icon-box img {
  
    opacity: 0.7;
}
  .team-member-image img {
    width: 100%;
    aspect-ratio: unset;
    object-fit: cover;
}
.page-team-single-box {
    background: #fff;
    display: block;
    flex-wrap: wrap;
    gap: 100px 0;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .16), 0 4px 5px 0 rgba(0, 0, 0, .05), 0 1px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
 
}
.team-member-image {
    border-radius: 0;
    overflow: hidden;
}
.team-member-info-box {
   
    gap: 0px;
}
.team-member-info-box {
   
    justify-content: space-between;
}
.member-social-list {
    background-color: var(--accent-color);
    padding: 20px 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 20px;
    justify-content: center;
}
 .service-header .icon-box img {
   
    width: 56px;
}
.what-we-body ul li {
    width: 100%;
    
}
.how-work-image::before, .how-work-image::after{
    display: none;
}
.how-work-image img {
    width: 100%;
    aspect-ratio: unset;
    object-fit: cover;
}
 .why-choose-item .icon-box img {
  
    max-width: 60px;
    opacity: 0.7;
}
  /* ---- Modal Backdrop ---- */
    .modal-backdrop.show {
        opacity: 0.55;
        background-color: #1E1E1E;
    }

    /* ---- Modal Fade + Scale Animation ---- */
    .modal.fade .modal-dialog {
        transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.35s ease;
        transform: scale(0.85) translateY(-30px);
        opacity: 0;
    }
    .modal.show .modal-dialog {
        transform: scale(1) translateY(0);
        opacity: 1;
    }

    /* ---- Modal Dialog Size ---- */
    .modal-dialog {
        max-width: 560px;
    }

    /* ---- Modal Content Card ---- */
    #premiumModal .modal-content {
        border: none;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22), 0 4px 16px rgba(0, 0, 0, 0.12);
        background: #f7f4ef;
    }

    /* ---- Modal Header ---- */
    #premiumModal .modal-header {
        background: #1E1E1E;
        padding: 18px 24px;
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #premiumModal .modal-title {
        font-family: 'Marcellus', serif;
        font-size: 1.25rem;
        font-weight: 400;
        color: #ffffff;
        letter-spacing: 0.04em;
    }
    #premiumModal .modal-header .modal-subtitle {
        font-family: 'Sora', sans-serif;
        font-size: 0.78rem;
        color: rgba(255,255,255,0.55);
        margin-top: 2px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    /* ---- Close Button ---- */
    #premiumModal .btn-close-custom {
        background: rgba(255,255,255,0.12);
        border: none;
        border-radius: 50%;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.25s ease, transform 0.3s ease;
        color: #fff;
        font-size: 1.1rem;
        line-height: 1;
        flex-shrink: 0;
    }
    #premiumModal .btn-close-custom:hover {
        background: rgba(255,255,255,0.22);
        transform: rotate(90deg);
    }

    /* ---- Modal Body ---- */
    #premiumModal .modal-body {
        padding: 28px 28px 24px;
        background: #f7f4ef;
    }

    /* ---- Form Inputs ---- */
    #premiumModal .form-control {
        background: #ffffff;
        border: 1.5px solid #e0dbd3;
        border-radius: 10px;
        padding: 12px 16px;
        font-family: 'Sora', sans-serif;
        font-size: 0.9rem;
        color: #1E1E1E;
        transition: border-color 0.25s ease, box-shadow 0.25s ease;
    }
    #premiumModal .form-control:focus {
        border-color: #1E1E1E;
        box-shadow: 0 0 0 3px rgba(30,30,30,0.08);
        outline: none;
    }
    #premiumModal .form-control::placeholder {
        color: #aaa;
        font-size: 0.85rem;
    }
    #premiumModal textarea.form-control {
        resize: none;
    }

    /* ---- Submit Button ---- */
    #premiumModal .btn-modal-submit {
        display: block;
        width: 100%;
        background: #1E1E1E;
        color: #ffffff;
        font-family: 'Sora', sans-serif;
        font-size: 0.95rem;
        font-weight: 500;
        letter-spacing: 0.04em;
        padding: 14px 24px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
        text-transform: capitalize;
    }
    #premiumModal .btn-modal-submit:hover {
        background: #333;
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(30,30,30,0.2);
    }
    #premiumModal .btn-modal-submit:active {
        transform: translateY(0);
    }

    /* ---- Responsive ---- */
    @media (max-width: 576px) {
        .modal-dialog {
            margin: 12px;
            max-width: calc(100% - 24px);
        }
        #premiumModal .modal-body {
            padding: 20px 18px;
        }
    }
    
      /* ---- Join Us Sticky Button ---- */
    .join-us-btn {
        position: fixed;
        right: 0;                        /* Flush to right edge */
        top: 55%;
        z-index: 1050;
        background: #1E1E1E;
        color: #ffffff;
        border: none;
        border-radius: 0px 6px 6px 0px;   /* Rounded on left side only */
        padding: 14px 12px;
        font-family: 'Sora', sans-serif;
        font-size: 0.8rem;
        font-weight: 500;
        letter-spacing: 0.06em;
        cursor: pointer;
        writing-mode: vertical-rl;       /* Vertical text */
        text-orientation: mixed;
        transform: translateY(-50%) rotate(180deg); /* Text reads bottom-to-top */
        box-shadow: -4px 0 20px rgba(0,0,0,0.18);
        transition: padding 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .join-us-btn:hover {
        background: #333;
        padding-left: 16px;              /* Slight slide-out on hover */
        box-shadow: -6px 0 28px rgba(0,0,0,0.28);
    }
    .join-us-btn i {
        font-size: 1rem;
    }
    
    /* ---- Sidebar Overlay (dark background behind sidebar) ---- */
    .sidebar-overlay {
        position: fixed;
        inset: 0;                        /* Covers full screen */
        background: rgba(0, 0, 0, 0.5);
        z-index: 1060;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s ease, visibility 0.35s ease;
    }
    .sidebar-overlay.open {
        opacity: 1;
        visibility: visible;
    }

    /* ---- Sidebar Panel ---- */
    .join-sidebar {
        position: fixed;
        top: 0;
        right: -400px;                   /* Hidden off-screen to the right */
        width: 370px;
        height: 100%;
        background: #f7f4ef;
        z-index: 1070;
        overflow-y: auto;
        transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth slide */
        box-shadow: -8px 0 40px rgba(0,0,0,0.18);
        display: flex;
        flex-direction: column;
    }
    .join-sidebar.open {
        right: 0;                        /* Slide in */
    }

    /* ---- Sidebar Header ---- */
    .join-sidebar .sidebar-header {
        background: #1E1E1E;
        padding: 20px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
    }
    .join-sidebar .sidebar-header h4 {
        font-family: 'Marcellus', serif;
        font-size: 1.15rem;
        font-weight: 400;
        color: #ffffff;
        margin: 0;
        letter-spacing: 0.04em;
    }
    .join-sidebar .sidebar-header p {
        font-family: 'Sora', sans-serif;
        font-size: 0.75rem;
        color: rgba(255,255,255,0.5);
        margin: 3px 0 0;
        text-transform: uppercase;
        letter-spacing: 0.07em;
    }
    .sidebar-close-btn {
        background: rgba(255,255,255,0.12);
        border: none;
        border-radius: 50%;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
        font-size: 1.1rem;
        transition: background 0.25s ease, transform 0.3s ease;
        flex-shrink: 0;
    }
    .sidebar-close-btn:hover {
        background: rgba(255,255,255,0.22);
        transform: rotate(90deg);
    }

    /* ---- Sidebar Body ---- */
    .join-sidebar .sidebar-body {
        padding: 28px 24px;
        flex: 1;
    }

    /* ---- Sidebar Form Inputs ---- */
    .join-sidebar .form-control {
        background: #ffffff;
        border: 1.5px solid #e0dbd3;
        border-radius: 10px;
        padding: 12px 16px;
        font-family: 'Sora', sans-serif;
        font-size: 0.88rem;
        color: #1E1E1E;
        transition: border-color 0.25s ease, box-shadow 0.25s ease;
        width: 100%;
    }
    .join-sidebar .form-control:focus {
        border-color: #1E1E1E;
        box-shadow: 0 0 0 3px rgba(30,30,30,0.08);
        outline: none;
    }
    .join-sidebar .form-control::placeholder {
        color: #aaa;
        font-size: 0.83rem;
    }
    .join-sidebar textarea.form-control {
        resize: none;
    }
    .join-sidebar .form-group {
        margin-bottom: 14px;
    }

    /* ---- Sidebar Submit Button ---- */
    .btn-sidebar-submit {
        display: block;
        width: 100%;
        background: #1E1E1E;
        color: #ffffff;
        font-family: 'Sora', sans-serif;
        font-size: 0.95rem;
        font-weight: 500;
        letter-spacing: 0.04em;
        padding: 14px 24px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
        margin-top: 6px;
    }
    .btn-sidebar-submit:hover {
        background: #333;
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(30,30,30,0.2);
    }

    /* ---- Responsive: Full width on mobile ---- */
    @media (max-width: 576px) {
        .join-sidebar {
            width: 100%;                 /* Full screen on mobile */
            right: -100%;
        }
    }
    
     /* ---- Mobile CTA Bar ---- */
    .mobile-cta-bar {
        display: none;                   /* Hidden by default */
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1080;
        background: #1E1E1E;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
    }
    .mobile-cta-bar .cta-bar-inner {
        display: flex;
        align-items: stretch;
    }
    /* Each CTA button takes equal width */
    .mobile-cta-bar .cta-btn {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 12px 8px;
        text-decoration: none;
        color: #ffffff;
        font-family: 'Sora', sans-serif;
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        border: none;
        background: transparent;
        cursor: pointer;
        transition: background 0.2s ease;
        border-right: 1px solid rgba(255,255,255,0.08);
    }
    .mobile-cta-bar .cta-btn:last-child {
        border-right: none;
    }
    .mobile-cta-bar .cta-btn i {
        font-size: 1.3rem;
        margin-bottom: 4px;
    }
    /* WhatsApp button — green accent */
    .mobile-cta-bar .cta-btn.cta-whatsapp {
        background: #25D366;
    }
    .mobile-cta-bar .cta-btn.cta-whatsapp:hover {
        background: #1ebe5a;
    }
    /* Register button — dark with slight highlight */
    .mobile-cta-bar .cta-btn.cta-register:hover {
        background: rgba(255,255,255,0.08);
    }
    /* Call button — blue accent */
    .mobile-cta-bar .cta-btn.cta-call {
        background: #2a5298;
    }
    .mobile-cta-bar .cta-btn.cta-call:hover {
        background: #1e3f7a;
    }

    /* Show only on mobile screens */
    @media (max-width: 767px) {
        .mobile-cta-bar {
            display: block;
        }
        /* Add bottom padding so content isn't hidden behind the bar */
        body {
            padding-bottom: 70px;
        }
    }
    .main-menu .nav-menu-wrapper {
    text-align: right;
}
.main-menu ul li a {
    font-size: 15px;
    padding: 0px 15px !important;
    text-transform: uppercase;
}
    @media only screen and (max-width: 767.5px) {
        
        
        .navbar-brand {
  
    width: 70px;
}
   .hero.hero-slider-layout{
       padding: 40px 0 !important;
   }   
   .hero-content {
    padding-top: 20px;
}
.section-title h1 {
        font-size: 26px;
        line-height: 32px;
    }
 .what-we-body ul li,  .how-work-step-content p, p, .team-member-content p,  .section-title p, .hero-content p, .about-benefit-item-content p {
        font-size: 14px !important;
        line-height: 28px !important;
    }
    .about-images {
    position: relative;
    text-align: center;
    margin: 20px 0px 20px 0;
    padding-left: 0;
}
.member-social-list{
    display: none;
}
.team-member-content {
    padding: 20px !important;
}

.team-member-info-box.second{
    flex-direction: column-reverse;
}
  .what-we-content, .what-we-body {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    }
    
       .bannercontent span{
    display: block;             /* important (you already use <br>) */
    opacity: 0;
    transform: translateY(12px);
    transition: all .45s ease;
    margin-bottom:5px;
}

.bannercontent span.show{
    opacity: 1;
    transform: translateY(0);
}

   .about-images{
    position: relative;
}

.about-image-slider{
    width:100%;
    overflow:hidden;
}

.about-image figure{
    margin:0;
}

.about-image img{
    width:100%;
    height:auto;
    display:block;
    border-radius:10px;
}

section.our-services.our-blog.new-program-section {
    background: #f8f8f8;
}
section.our-services.our-blog.new-program-section::before{
    display: none;
}
    .new-program-section{
        .post-item {
    border-radius: 10px;
   
    padding: 15px 7px;
    padding-bottom: 7px;
}
.post-item-body {
    padding: 0px;
}
.post-item-content {
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
}
.post-featured-image a {
    border-radius: 10px;
}

.col-lg-3{
    padding-left:7px;
    padding-right:7px;
}
    }
    
    
    .service-content h3 a {
    color: #9b8053;
    color: #000;
}