/* ==========================
   Global Styles
========================== */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 40px; 
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Nature Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #4a5565;
    background: #ffffff;
    letter-spacing: 1px;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
    color: #f8442c;
}
p{
    letter-spacing: 1px;
    color: #000000;
}

img {
    max-width: 100%;
    display: block;
}

.container {
    width: 100%;
    max-width: 1260px !important;
    margin: 0 auto;
    padding: 0 20px;
}
.quick-link{
    padding-top: 30px;
}
.quick-link-item {
    transition: color 0.2s ease-in-out, font-weight 0.2s ease-in-out;
}
.quick-link-item.active {
    color: #f8442c !important;
    font-weight: 400;          
}
#toc-container li{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@font-face {
    font-family: 'Nature Sans';
    src: url('./assets/fonts/ZTNature-Regular.otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Nature Sans';
    src: url('./assets/fonts/ZTNature-Bold.otf');
    font-weight: 700;
    font-style: normal;
}


/* ==========================
   Header
========================== */
.header-area{
    background: #0b0b0b;
}

.navbar-area {
    background: #fff;
    border-bottom: 2px solid #5886BF;
}

/* ==========================
   Navbar
========================== */

.site-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
}

/* Logo */

.site-logo img {
    width: 300px;
}

/* Navigation */
.main-nav {
    position: relative;
}

.main-nav ul {
    display: flex;
    align-items: center;
    gap: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Base top-level items */
.main-nav ul > li {
    position: relative; /* Anchor the absolute sub-menus here */
    padding: 10px 0;    /* Vertical padding creates a seamless hover bridge */
}

.main-nav a {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-block;
    transition: color 0.2s ease;
}

.main-nav a:hover {
    color: #f8442c;
}

/* ==========================================================================
   Desktop Dropdown Menu Style (Fixed Hover Bridge)
   ========================================================================== */

@media (min-width: 993px) {
    /* Add indicator arrow */
    .main-nav ul li.menu-item-has-children > a::after {
        content: " ▾";
        font-size: 11px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    /* Target the WP-generated nested dropdown ul (.sub-menu) */
    .main-nav ul li ul.sub-menu {
        position: absolute;
        top: 100%; /* Sits exactly below the parent li padding zone */
        left: 0;
        width: 220px;
        background: #ffffff;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
        border: 1px solid #f1f5f9;
        border-radius: 6px;
        padding: 8px 0;
        display: none; /* Simplest, most reliable way to prevent layout jumps */
        flex-direction: column;
        gap: 0; 
        z-index: 9999;
    }

    /* Sub-menu items */
    .main-nav ul li ul.sub-menu li {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    /* Sub-menu links */
    .main-nav ul li ul.sub-menu li a {
        color: #111;
        font-size: 14px;
        text-transform: none;
        padding: 5px 18px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-transform: uppercase;
    }

    /* Sub-menu link hover state */
    .main-nav ul li ul.sub-menu li a:hover {
        background: #f8f9fa;
        color: #f8442c;
    }

    /* Instantly display dropdown on hover with zero gaps */
    .main-nav ul li:hover > ul.sub-menu {
        display: flex;
    }
}

/* Action Buttons */
.nav-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.login-btn {
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none !important;
}

.login-btn:hover {
    color: #f8442c;
}

.book-btn {
    background: #F86505;
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 27px;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none !important;
}

.book-btn:hover {
background: #bf1c0d !important;
}
.hero-text{
font-size: 24px;
font-weight: 400;
text-transform: capitalize;
}

/* Slider Wrapper & Mask */
.slider-wrapper {
display: inline-block;
vertical-align: bottom;
height: 1.3em; /* Matches parent line-height */
overflow: hidden;
position: relative;
}

/* Sliding Text Track */
.slider-text {
display: flex;
flex-direction: column;
animation: slideUp 7.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}

.slider-text span {
display: block;
height: 1.3em;
line-height: 1.3em;
color: #F86505; /* Uses your Lime Accent */
white-space: nowrap;
font-weight: 700;
}

/* CSS Keyframes Animation */
@keyframes slideUp {
0%, 25% {
transform: translateY(0);
}
33%, 58% {
transform: translateY(-25%);
}
66%, 91% {
transform: translateY(-50%);
}
100% {
transform: translateY(-75%);
}
}
.vtext{
font-size: 70px;
font-weight: 700;
}
.bg-white{
    background-color: #fff;
}

/* ==========================
   Mobile Toggle
========================== */
.nav-toggler {
    display: none;
    border: none;
    background: transparent;
    cursor: pointer;
}

.nav-toggler span,
.nav-toggler span::before,
.nav-toggler span::after {
    width: 28px;
    height: 1px;
    background: #fff;
    display: block;
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
}

.nav-toggler span::before,
.nav-toggler span::after {
    content: "";
    position: absolute;
    left: 0;
}

.nav-toggler span::before {
    top: -8px;
}

.nav-toggler span::after {
    top: 8px;
}

/* Hamburger Animation */
.nav-toggler.active span {
    background: transparent;
}

.nav-toggler.active span::before {
    top: 0;
    transform: rotate(45deg);
}

.nav-toggler.active span::after {
    top: 0;
    transform: rotate(-45deg);
}

/* ==========================
   Mobile Responsive
========================== */
@media (max-width: 992px) {
    .site-navbar {
        min-height: 70px;
        position: relative;
    }

    .nav-toggler {
        display: block;
    }

    .nav-actions {
        display: none;
    }

    .main-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 999 !important;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .main-nav.open {
        max-height: 500px;
        overflow-y: auto;
    }

    .main-nav ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 15px 20px;
    }

    .main-nav ul li {
        width: 100%;
        position: relative;
        padding: 0; /* Clear desktop hover padding spacing */
    }

    .main-nav ul li a {
        display: block;
        width: 100%;
        padding: 8px 0;
        text-align: center;
    }

    /* Mobile Dropdown Layout */
    .main-nav ul li ul.sub-menu {
        display: block;
        width: 100%;
        background: #f8f9fa;
        padding: 0;
        border-radius: 4px;
        border: none;
        box-shadow: none;
    }

    .main-nav ul li ul.sub-menu li a {
        font-size: 13px;
        padding: 8px 0;
        color: #64748b;
        text-transform: none;
        text-align: center;
    }
}

 
 /*** shortcut***/
 .highlight{
    font-family: 'Nature Sans', sans-serif;
    font-weight: bold;
 }
 .bg-black{
    /* background-color: #0b0b0b; */
    /* background-color: #5886BF; */
    background: linear-gradient(135deg,#0b1b2c 0%,#274f78 52%,#5886BF 100%);
 }
 .cw{
    color: #000000;
 }
 .cg{
    color: #fff;
 }
 .ptb-100{
    padding: 100px 0;
 }
 .pb-35{
    padding-bottom: 35px;
 }
 .hc{
    color: #000000;
 }
.sub-heading{
    font-size: 28px;
    font-weight: 500;
}

 /*** shortcut end***/
 /** 1. Hero section ***/
 .hero-section{
    padding: 105px 0 170px 0;
 }
 .hero-headingarea{
    padding: 120px 0 20px 0;
 }
 .hero-heading{
    font-size: 54px;
    font-weight: 400;
    color: #f8f8f8;
 }
 .sub-headline{
    font-size: 22px;
    padding: 10px 0;
 }

 .hero-btn{
    margin-top: 40px;
 }
 .hero-btn a{
    padding: 10px 60px;
    background: #F86505;
    color: #ffffff !important;
    border-radius: 27px;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none !important;
    
 }
 .hero-btn a:hover{
    background: #F86505 !important;
 }
/*** Trust bar section****/
.trust-bar{
    padding:40px 0;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background: #1C1C1C;
}

.trust-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.trust-item{
    text-align:center;
    flex:1;
}

.trust-item h3{
    padding-top: 20px;
    font-size:24px;
    font-weight:700;
    margin-bottom:10px;
    color: #9e9e9e;
}

.trust-item span{
    font-size:15px;
    opacity:.8;
    color: #9e9e9e;
}
.trust-icon i{
    font-size: 45px;
    color: #401C17;
}
 /**** 3. Problem section ****/
 .phead{
    font-size: 40px;
    font-weight: 700;
    color: #000000;
 }
 .prob-items .prob-item{
    display: flex;
    padding-bottom: 15px;
 }
 .prob-items li{
    list-style: none;
 }
 .prob-items li i{
    font-size: 40px;
    margin-right: 22px;
    color: #5886BF;
 }
 .prob-item h3{
    font-size: 18px;
    font-weight: 700;
 }
 .solution{
    padding: 0 0 0 45px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px !important;
 }
 .solu-list li{
    list-style: none;
    color: #000000;
    margin-bottom: 10px;
    letter-spacing: 1px;
 }
 .solu-list li span i{
    color: #F86505;
    padding-right: 5px;
 }
 
/*** 4. How it work section****/
.sub-title{
    color: #000000;
    font-size: 40px;
    font-weight: 700;
}
.sub-des{
    font-weight: 400;
    font-size: 20px;
}
.process-item{
    position: relative;
    padding: 40px 40px 0px 30px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.27);
    text-align: center;
    transition: .3s ease;
    cursor: pointer;
}

.process-item:hover{
    transform:translateY(-8px);
    border-color:#f8442c;
}

.process-icon{
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F86505;
    border: 1px solid #F86505;
}

.process-icon i{
    font-size:30px;
    color: #fff;
}

.process-item h3{
    font-size:22px;
    margin-bottom:15px;
}
/*** 5.result section ****/
.client-video{
    background: #F7F7F7;
    padding: 60px 0;
}

/* Gallery Core Layout */
.video-gallery-section {
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
}
.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
}
.video-card {
    background: #fff;
    overflow: hidden;
    border-radius: 20px 20px 20px 20px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 11px 0;
}

/* Background Image Preview Wrapper */
.video-thumbnail-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.video-card:hover .video-thumbnail-wrapper {
    transform: scale(1.02);
}

/* Competitor Hover Overlay & Play Button styling */
.et_pb_video_overlay_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}
.video-card:hover .et_pb_video_overlay_hover {
    background: rgba(0, 0, 0, 0.4);
}

.et_pb_video_play {
    width: 60px;
    height: 45px;
    background: #000;
    border: none;
    border-radius: 20%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: all 0.2s ease;
}
.video-card:hover .et_pb_video_play {
    background: #ff0000;
}

/* Inline Active Player Layout */
.video-thumbnail-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 5;
}

/* Info & Centered Star Ratings Layout */
.video-info {
    display: flex;
    flex-direction: column;
    align-items: center;  
    justify-content: center;
    padding: 15px;   
    text-align: center;   
}
.video-title {
    margin: 0 0 10px 0; 
    font-size: 1.1rem;
    font-family: sans-serif;
    color: #333;
}
.rate {
    height: auto;
    display: inline-flex;       
    flex-direction: row-reverse;
    justify-content: center;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ffc700;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate > label{
    margin-bottom: 0 !important;
}
/*** 6. Gurarente area***/
.guarantee-area{
    padding: 100px 0;
}
.guarntee{
    width: 65%;
    margin: auto;
    background: #A6C1E0;
    padding: 50px 50px;
    border: 1px solid #F86505;
    border-style: dashed;
}
.guarntee hr{
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #222;
}
/* .guarntee p,
.guarntee li{
    color: #9e9e9e;
} */
.guarntee-bottom li{
    padding-bottom: 20px;
    font-weight: 400;
}
.gr-logo{
    display:block;
    text-align:center;
    padding-bottom: 30px;
}
.gr-logo img{
    display:block;
    margin:0 auto;
}
/***7.Funder section***/
.founder{
    padding: 100px 0;
}
.funder-area{
    width: 65%;
    margin: auto;
}
.video-small{
    margin-bottom: 60px;
}
 
.video-container{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:20px;
    cursor:pointer;
    background:#000;
}

.video-thumbnail{
    width:100%;
    /* height:auto; */
    display:block;
}

.video-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.6),
        rgba(0,0,0,.1)
    );
    z-index:1;
}

.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 50px;
    border: none;
    border-radius: 10px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: .3s ease;
    opacity: 0.6;
    color: #fff;
}

.play-btn:hover{
    transform:translate(-50%, -50%) scale(1.08);
}

.play-btn i{
    font-size:32px;
    margin-left:6px;
}

.video-content{
    position:absolute;
    left:30px;
    bottom:30px;
    z-index:2;
    max-width:500px;
}

.video-content span{
    display:inline-block;
    padding:8px 15px;
    border-radius:8px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:13px;
    margin-bottom:15px;
}

.video-content h3{
    color: #fff;
    font-size: 19px;
    line-height: 1.3;
    margin: 0;
    font-weight: 700;
}

.video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
}

@media(max-width:767px){

    .play-btn{
        width:70px;
        height:70px;
    }

    .play-btn i{
        font-size:24px;
    }

    .video-content{
        left:20px;
        bottom:20px;
    }

    .video-content h3{
        font-size:22px;
    }

}

.founder-text .founder-talk{
    margin: 20px 15px 0 0;
    border-left: 4px solid #F86505;
    padding-left: 30px;
    font-style: italic;
    color: #fff;
}
.founder-heading{
    padding-top: 40px;
    color: #fff;
}
.founder-heading span{
    font-weight: 700;
}
/***8. blog post slider***/
.blog-section{
    background-image:url(assets/img/blueprint.jpg);
}
.blog-card{
    overflow:hidden;
    border: none;
    }
    
.blog-card img{
    width:100%;
    height:auto;
    object-fit:cover;
    }
    
.blog-content{
    padding:25px;
    }
    
.blog-content span{
    color:#2563eb;
    font-size:13px;
    display:block;
    margin-bottom:10px;
    }
    
.blog-content h3{
    margin-bottom:20px;
    font-size: 22px;
    color: #222;
    padding-top: 60px;
    font-weight: 700;
}
    
    .swiper-button-next,
    .swiper-button-prev{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#2563eb;
    color:#fff;
    }
    
    .swiper-button-next:after,
    .swiper-button-prev:after{
    font-size:18px;
    font-weight:700;
    }
    
    .swiper-pagination{
    margin-top:40px;
    position:relative;
    }
    
    .swiper-pagination-bullet{
    width:10px;
    height:10px;
    }
    
    /* .swiper-pagination-bullet-active{
    background:#2563eb;
    } */
    .blog-card{
        position:relative;
        overflow:hidden;
    }
    
    .blog-content{
        position:absolute;
        inset:0;
        opacity:0;
        visibility:hidden;
        transition:.3s ease;
        background: #fff;
        border: 1px solid #ddd;
        text-align: center;
        cursor: pointer;
    }
    
    .blog-card:hover .blog-content{
        opacity:1;
        visibility:visible;
    }
    
    .blog-card img{
        transition:.3s ease;
    }
    
    .blog-card:hover img{
        opacity:0;
    }
.swiper-pagination{
    position: relative !important;
}
.swiper-pagination-bullet-active{
    background: #f8442c !important;
}
.swiper-button-next,
.swiper-button-prev{
    width:55px !important;
    height:55px !important;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
    background: none !important;
    color: #0b0b0b !important;
    top: 43% !important;
}

.swiper-button-next{
    right:-15px !important;
}

.swiper-button-prev{
    left:-15px !important;
}

.blog-slider-wrapper:hover .swiper-button-next,
.blog-slider-wrapper:hover .swiper-button-prev{
    opacity:1;
    visibility:visible;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    color:#222 !important;
    background: none !important;
    cursor: pointer;
}
/*** cTR*******/
.final-cta{
    position:relative;
    background-image:url(assets/img/blueprint.jpg);
}

.cta-box{
    max-width:980px;
    margin:0 auto;
    padding:80px 60px;
    border-radius:67px;
    background:#5886BF;
    border:1px solid rgba(255,255,255,.08);
}

.cta-badge{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:rgba(248,68,44,.1);
    color: #000;
    font-weight: 700;
    font-size:14px;
    margin-bottom:25px;
    border: 1px solid #F8442C;
    border-style: dashed;
}

.cta-box h2{
    margin-bottom:20px;
    font-size: 40px;
    font-weight: 700;
    color: #F8F8F8;
}

.cta-box p{
    max-width:650px;
    margin:0 auto 35px;
}

.cta-btns{
    display:flex;
    justify-content:center;
    gap:15px;
    margin-bottom:35px;
}

.cta-features{
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
}

.cta-features span{
    font-size:18px;
    color: #fff;
}

.cta-features i{
    color:#ddd;
    margin-right:6px;
}

@media(max-width:767px){

    .cta-box{
        padding:50px 30px;
    }

    .cta-btns{
        flex-direction:column;
    }

}
/**** Footer section****/
.footer-reveal{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:1;
}
.site-content{
    position:relative;
    z-index:2;
    background:#fff;
    margin-bottom:500px;
}

.footer{
    background: #0f2235;
    padding: 70px 0 0 0;

    min-height:500px;
}
.footer-logo{
    width: 150px;
    padding-top: 50px;
}
.footer-top h3{
    font-size: 22px;
    color: #fff;
    padding-top: 35px;
}
.footer-top p{
    color: #fff;
}
.footer-top form{
    padding-top: 20px;
}
.footer-top input{
    padding: 25px 18px;
}
.footer-top button{
    background: #F86505;
    border-color: #F86505;
    width: 100% !important;
    padding: 10px 0;
}
.footer-top button:hover{
    background: #bf1c0d !important;
    border-color: #bf1c0d !important;
    box-shadow: none !important;
}
.footer-top .btn{
    font-size: 20px !important;
    color: #ffffff !important;
}
.social-area{
    position: absolute;
}
.social-area ul{
    display: flex;
    position: relative;
    top: 160px;
    left: 25px;
}
.social-area ul li{
    list-style: none;
}
.social-area ul li a{
    color: #f8442c;
    margin: 10px;
    padding: 5px 15px;
    background: #fff;
    font-size: 28px;
    border-radius: 5px;
}
.social-area ul li a:hover{
    background: #bf1c0d !important;
    color: #fff !important;
}
.footer hr{
    border-top: 1px solid #333;
    margin-top: 40px;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
}

.footer-left{
    text-align:left;
}

.footer-right{
    text-align:right;
}

.footer-right ul{
    display:flex;
    align-items:center;
    gap:20px;
    margin:0;
    padding:0;
    list-style:none;
}
.footer-left p a,
.footer-right ul li a{
    text-decoration: none;
    color: #999;
    font-size: 14px;
}
.footer-left a:hover,
.footer-right ul li a:hover{
    color: #f8442c;
}
.footer-left a,
.footer-left p{
    padding-top: 10px;
    font-size: 14px;
    color: #999;
}

.footer-right ul li:not(:last-child)::after{
    content:"|";
    color:#333;
    margin-left:15px;
}
@media (max-width: 767px){

    .footer-bottom{
        flex-direction:column;
        text-align:center;
    }

    .footer-left,
    .footer-right{
        width:100%;
        text-align:center;
    }

    .footer-right ul{
        justify-content:center;
    }

}

/*************************************** =============== 2. Program Page Start ============== ***************************/

/******* Program section*******/
.client-say{
    background: #ffffff;
    padding: 60px 0;
}
.pre-program{
    background: #F7F7F7;
    padding: 60px 0;
}
.step-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:55px;
    height:55px;
    border-radius:50%;
    /* background:#9e9e9e;
    border:2px solid #f8442c;
    color:#612820; */
    font-size: 23px;
    font-weight: 700;
    margin-right: 22px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px !important;
}

/**** System process****/
.cb{
    color: #000 !important;
    font-weight: 700;
}
.system-process{
    position:relative;
    background: #F7F7F7;
    padding: 60px 0;
    }
    
    .process-row{
    margin-bottom:120px;
    }
    
    .process-row:last-child{
    margin-bottom:0;
    }
    
    .process-content{
    max-width:520px;
    }
    
  
    .process-content h3{
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 40px;
    }
    
    .process-content p{
    margin-bottom:25px;
    }
    
    .process-list{
    margin:0;
    padding:0;
    list-style:none;
    }
    
    .process-list li{
    margin-bottom:8px;
    position:relative;
    padding-left:30px;
    }
    
    .process-list li:before{
    content:'✓';
    position:absolute;
    left:0;
    top:0;
    color:#f8442c;
    font-weight:700;
    }
    
    .process-image{
    text-align:center;
    margin-top: 60px;
    }
    
    .process-image img{
    width:100%;
    max-width:315px;
    margin: auto;
    }
    
    @media(max-width:991px){
    
   
    .process-row{
        margin-bottom:80px;
    }
    
    .process-content{
        max-width:100%;
        margin-bottom:40px;
    }
    
    .process-content h3{
        font-size:34px;
    }

    
    }
    
    @media(max-width:767px){
    

    .process-content h3{
        font-size:28px;
    }
    
    .process-number{
        width:60px;
        height:60px;
        font-size:20px;
    }

    
    }
/***** client says*****/
.client-say img{
    margin-bottom: 25px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px !important;
}
.client-title{
    font-size: 30px !important;
}
/* Make thumbnails look clickable */
.popup-img {
    cursor: pointer;
    transition: transform 0.2s ease;
}
.popup-img:hover {
    transform: scale(1.02); /* Subtle hover effect */
}
/* Lightbox container */
#lightbox {
    border: none;
    background: transparent;
    padding: 0;
    overflow: visible;
    
    /* Perfect screen-centering positioning */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0; /* Clears default dialog margins */
}

/* Ensure the popup image stays within screen bounds gracefully */
#lightbox img {
    max-width: 90vw;
    max-height: 85vh;
    width: auto;
    height: auto;
    display: block;
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}

/* Dim backdrop background */
#lightbox::backdrop {
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(4px);
}

/* Close button positioned neatly over the upper-right corner of the image */
.close-btn {
    position: absolute;
    top: -35px;
    right: -25px;
    color: #ffffff;
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s ease;
}

.close-btn:hover {
    color: #ff4d4d; /* Subtle red glow on hover */
}

  /**** blog page****/
  .blog-area{
    padding: 100px 0;
    background-color: #F2F4F7;
  }
  .author-meta{
    display: flex;
  }
  .author-img{
    margin-right: 20px;
  }
  .author-img img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .post-date{
    padding-top: 20px;
  }
  .post-date li{
    list-style: none;
  }
  .post-date .author-name{
    font-weight: 700;
  }
  .blog-detail{
    background: #fff;
    padding: 20px 20px;
    border: 1px solid #D0D3D7;
    box-shadow: 0 2px 2px #0000001a, 0 12px 12px #0000001a;
  }
  .blog-item{
    padding-top: 30px;
  }
  .blog-title{
    font-size: 21px;
    padding-bottom: 10px;
  }
  .blog-short{
    font-size: 15px;
  }
  .learn{
    color: #f8442c;
  }
  .learn:hover{
    color: #f8442c;
  }
/* The outer section/wrapper */
.search-container {
    display: flex;
    justify-content: center;  /* Centers the form horizontally */
    align-items: center;      /* Centers the form vertically if container has height */
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* The form itself */
.search-form {
    display: flex;
    width: 100%;
    max-width: 500px;        /* Limits search bar width so it doesn't look too wide */
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-radius: 30px;     /* Gives it a modern rounded look */
    overflow: hidden;
}

/* The input field */
.search-input {
    flex-grow: 1;            /* Takes up all available space inside the form box */
    padding: 12px 20px;
    border: 1px solid #e2e8f0;
    border-right: none;
    outline: none;
    font-size: 16px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

/* The search button */
.search-submit-btn {
    background: #F86505;     /* Match your theme color */
    color: #fff;
    border: none;
    padding: 0 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.search-submit-btn:hover {
    background: #cc0000;
}
.content-box{
    padding: 40px 0 50px 20px;
}
.content-box h2{
    font-size: 26px;
    font-weight: 700;
    padding-top: 40px;
}
.content-box .wp-block-image img{
    border: 1px solid #ddd;
    margin: 30px 0;
}
.single-sidebar{
    margin-top: 50px;
    padding: 0 40px 0 0;
}
.author-des{
    padding: 25px 0;
}
.author-des p{
    font-size: 15px;
}
.single-sidebar .post-date{
    padding-top: 30px;
}
.single-sidebar .post-date .author-name{
    font-size: 20px;
}
.social-share ul{
    display: flex;
}
.social-share ul li{
    list-style: none;
    margin: 0 7px;
}
.social-share ul li a{
    text-decoration: none;
    background: #f0f1f2;
    color: #000;
    padding: 5px 10px;
    border-radius: 4px;
}
.social-share ul li a:hover{
    color: #f8442c;
}
.share-icon{
    margin: 0 10px 0 0 !important;
}
/* Normal state */
.social-fix {
    margin-top: 30px;
    width: 100%;
    transition: all 0.2s ease;
}

/* JavaScript will apply this class when scrolling down */
.social-fix.is-sticky {
    position: fixed;
    top: 70px; /* Space from top of screen */
    z-index: 9999;
    
    /* This ensures it stays aligned with your sidebar width */
    width: inherit; 
    max-width: 350px; /* Adjust this to match your sidebar width if needed */
}
.single-heading{
    padding: 85px 0 20px 0;
}
.single-heading h1{
    font-size: 35px;
}
.admin-area {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px; /* Adjust space between items and pipes */
    color: #ddd !important; /* Adjust text color as needed */
}

.admin-area li {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between the text and the trailing pipe */
}

/* Adds a pipe character after every item except the last one */
.admin-area li:not(:last-child)::after {
    content: "|";
    color: #ccc; /* Makes the pipe a slightly lighter, subtle color */
}
.author-name a{
    color: #ddd;
    font-weight: 700;
}
.author-name a:hover{
    color: #F86505;
    text-decoration: none;
}
/*** breadgrumbs***/
.breadcrumb-section {
    padding: 15px 0;
    background-color: #1a1a1a;
    margin-top: 20px;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Style the links */
.breadcrumb-item a {
    color: #b3b3b3;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover {
    color: #ffffff;
}

/* Style the current active page item */
.breadcrumb-item.active {
    color: #888888;
    pointer-events: none;
}

/**** About Page****/
.founder-area,
.agency-area{
    padding: 100px 0;
}
.agency-text{
    padding: 0 0 0 35px;
}
.founder-text{
    padding-right: 45px;
}
.founder-img img{
    width: 350px;
    height: 350px;
    border-radius: 50%;
    margin-top: 60px;
}
.founder-name{
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 40px;
}
.founder-name span{
    font-size: 20px;
    font-weight: 400 !important;
}
.pl-40{
    padding-left: 40px;
}
.author-main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px; /* Adds a clean gap below the image before the name h1 */
}

.author-main img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
}

/**** new adjustment*****/
/**** gpt css****/
/* =========================================================
   Practice Marketing Engine™ — Homepage Conversion Layer
   Add AFTER the existing stylesheet so these rules override
   the current homepage styles without affecting inner pages.
========================================================= */

:root{
    --pme-blue:#5886BF;
    --pme-blue-dark:#35699f;
    --pme-orange:#F86505;
    --pme-orange-dark:#d94e00;
    --pme-ink:#101828;
    --pme-muted:#667085;
    --pme-light:#F7F9FC;
    --pme-border:#E4E7EC;
}

body{letter-spacing:.3px;}

/* HERO */
.pme-hero{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#0b1b2c 0%,#274f78 52%,#5886BF 100%);
    color:#fff;
    padding: 180px 0 120px;
}
.pme-hero:after{
    content:"";
    position:absolute;
    width:520px;height:520px;
    right:-180px;top:-260px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02);
}
.pme-hero-inner{position:relative;z-index:2;max-width:1000px;margin:auto;}
.pme-eyebrow,.pme-kicker{
    display:inline-block;
    font-size:13px;
    line-height:1.4;
    letter-spacing:1.7px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--pme-orange);
}
.pme-hero .pme-eyebrow{color:#fff;opacity:.88;margin-bottom:20px;}
.pme-hero h1{
    margin:0;
    color:#fff;
    font-size:68px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-1.7px;
}
.pme-rotating-wrap{display:inline-block;vertical-align:bottom;height:1.05em;overflow:hidden;color:var(--pme-orange);}
.pme-rotating{display:flex;flex-direction:column;animation:pmeSlide 7.5s cubic-bezier(.68,-.55,.27,1.55) infinite;}
.pme-rotating span{display:block;height:1.05em;line-height:1.05em;white-space:nowrap;}
@keyframes pmeSlide{
    0%,25%{transform:translateY(0)}
    33%,58%{transform:translateY(-25%)}
    66%,91%{transform:translateY(-50%)}
    100%{transform:translateY(-75%)}
}
.pme-hero-copy{
    max-width:760px;
    margin:24px auto 0;
    color:rgba(255,255,255,.9);
    font-size:19px;
    line-height:1.65;
}
.pme-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;}
.pme-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:52px;
    padding:13px 28px;
    border-radius:999px;
    font-size:16px;
    font-weight:700;
    letter-spacing:.1px;
    text-decoration:none!important;
    transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.pme-btn:hover{transform:translateY(-2px);}
.pme-btn-primary{background:var(--pme-orange);color:#fff!important;box-shadow:0 10px 25px rgba(248,101,5,.25);}
.pme-btn-primary:hover{background:var(--pme-orange-dark)!important;}
.pme-btn-secondary{border:1px solid rgba(255,255,255,.45);color:#fff!important;background:rgba(255,255,255,.07);}
.pme-btn-secondary:hover{background:rgba(255,255,255,.15);}
.pme-hero-proof{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:30px;color:rgba(255,255,255,.82);font-size:13px;}
.pme-hero-proof i{color:#fff;margin-right:5px;}

/* SHARED */
.pme-section-heading{max-width:850px;margin:0 auto 48px;}
.pme-section-heading h2,.pme-why h2,.pme-guarantee h2,.pme-founder-wrap h2{
    color:var(--pme-ink);
    font-size:42px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.7px;
    margin:10px 0 18px;
}
.pme-section-heading p,.pme-section-subtext{max-width:760px;margin:0 auto;color:var(--pme-muted);font-size:17px;line-height:1.7;}

/* PROBLEM */
.pme-problem{padding:90px 0;background:#fff;}
.pme-problem-grid{row-gap:24px;}
.pme-problem-card{height:100%;padding:30px 25px;border:1px solid var(--pme-border);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,.06);}
.pme-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(88,134,191,.12);color:var(--pme-blue);font-size:22px;margin-bottom:20px;}
.pme-problem-card h3{font-size:20px;color:var(--pme-ink);font-weight:700;margin-bottom:10px;}
.pme-problem-card p{font-size:15px;line-height:1.65;color:var(--pme-muted);margin:0;}

/* STRATEGY */
.strategy-area{padding:96px 0;background:var(--pme-light);}
.strategy-area .tag-des{max-width:800px;width:auto;padding-bottom:0;color:var(--pme-muted);font-size:17px;line-height:1.7;}
.pme-strategy-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px rgba(16,24,40,.12);}
.pme-strategy-image img{width:100%;height:520px;object-fit:cover;}
.pme-image-badge{position:absolute;left:22px;bottom:22px;background:#fff;border-radius:12px;padding:14px 17px;box-shadow:0 8px 25px rgba(16,24,40,.14);}
.pme-image-badge strong{display:block;color:var(--pme-ink);font-size:15px;}
.pme-image-badge span{display:block;color:var(--pme-muted);font-size:12px;margin-top:2px;}
.strategy-items{padding-left:35px;}
.strategy-items h3{display:block;font-size:30px;color:var(--pme-ink);font-weight:700;margin-bottom:18px;}
.stra-item{align-items:flex-start;padding:18px!important;margin:12px 0!important;border:1px solid #e9edf3;border-radius:14px!important;box-shadow:0 5px 18px rgba(16,24,40,.04)!important;}
.stra-img{padding-right:18px!important;flex:0 0 58px;}
.stra-img img{width:48px!important;height:48px;object-fit:contain;}
.stra-text h4{font-size:18px;color:var(--pme-ink);margin:0 0 5px;}
.stra-text p{font-size:14px;line-height:1.55;color:var(--pme-muted);margin:0;}

/* HOW */
.pme-how{padding:96px 0;background:#fff;}
.pme-step-item{height:100%;padding:28px 22px!important;border:1px solid var(--pme-border);box-shadow:0 8px 25px rgba(16,24,40,.06)!important;}
.pme-step-item .step-sec{width:100px;height:64px;margin:0 auto 18px;}
.pme-step-item .step-sec img{width:100%;height:100%;object-fit:contain;}
.pme-step-item .step-bot h3{font-size:19px;color:var(--pme-ink);margin:0 0 10px;padding-top:0;}
.pme-step-item .step-bot p{font-size:14px;line-height:1.6;color:var(--pme-muted);margin:0;}

/* WHY */
.pme-why{padding:96px 0;background:#0f2235;}
.pme-why h2{color:#fff;}
.pme-why p{color:rgba(255,255,255,.72);font-size:16px;line-height:1.7;}
.pme-why .pme-kicker{color:#ffb17d;}
.pme-text-link{display:inline-block;margin-top:14px;color:#fff!important;font-weight:700;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px;}
.pme-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-left:40px;}
.pme-why-grid>div{padding:26px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:14px;}
.pme-why-grid i{font-size:23px;color:var(--pme-orange);margin-bottom:16px;}
.pme-why-grid h3{color:#fff;font-size:18px;margin:0 0 7px;}
.pme-why-grid p{font-size:14px;margin:0;}

/* TESTIMONIALS */
.client-video{padding:96px 0;background:#f7f8fa;}
.client-video .video-gallery-section{padding:0;max-width:none;}
.video-grid{gap:22px;}
.video-card{border-radius:16px;box-shadow:0 8px 28px rgba(16,24,40,.08);}

/* GUARANTEE */
.guarantee-area{padding:96px 0;background:#0f2235!important;}
.pme-guarantee{max-width:900px;margin:auto;padding:55px 60px;text-align:center;background:#fff;border-radius:22px;border:1px solid rgba(248,101,5,.35);box-shadow:0 20px 60px rgba(0,0,0,.18);}
.pme-guarantee-icon img{width:65px;margin:0 auto 20px;}
.pme-guarantee h2{margin:10px 0 15px;color:var(--pme-ink);font-size:40px;}
.pme-guarantee>p{max-width:680px;margin:0 auto;color:var(--pme-muted);font-size:16px;line-height:1.7;}
.pme-guarantee-points{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0;text-align:left;}
.pme-guarantee-points>div{padding:20px;border-radius:12px;background:var(--pme-light);border:1px solid var(--pme-border);}
.pme-guarantee-points strong{display:block;color:var(--pme-ink);margin-bottom:6px;}
.pme-guarantee-points span{display:block;color:var(--pme-muted);font-size:14px;line-height:1.55;}

/* FOUNDER */
.founder{padding:96px 0;background:#0f2235!important;}
.pme-founder-wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;max-width:1080px;margin:auto;}
.pme-founder-video{order:2;}
.pme-founder-wrap .founder-text{padding-right:0;order:1;}
.pme-founder-wrap h2{color:#fff;font-size:40px;}
.pme-founder-wrap .pme-kicker{color:#ffb17d;}
.pme-founder-wrap .founder-talk{border-left:3px solid var(--pme-orange);padding-left:22px;margin:25px 0 0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.75;font-style:normal;}
.pme-founder-wrap .founder-heading{padding-top:20px;color:#fff;}
.pme-founder-wrap .founder-heading span{font-weight:700;}
.pme-founder-video .video-container{border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.3);}

/* BLOG */
.blog-section{padding:96px 0;background:#f7f8fa;background-image:none;}
.blog-card{border-radius:15px;box-shadow:0 7px 22px rgba(16,24,40,.08);background:#fff;}
.blog-card img{aspect-ratio:16/10;object-fit:cover;}
.blog-content{background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.04));}
.blog-content h3{color:#fff;padding-top:0;margin:0 0 8px;font-size:18px;}
.blog-content span{color:#fff;}

/* FINAL CTA */
.final-cta{padding:96px 0;background:#fff;background-image:none;}
.cta-box{max-width:1000px;padding:70px 60px;border-radius:24px;background:linear-gradient(135deg,#35699f,#5886BF);box-shadow:0 20px 55px rgba(16,24,40,.14);text-align: center;}
.cta-box .pme-kicker{color:#fff;opacity:.85;}
.cta-box h2{font-size:43px;line-height:1.15;margin:10px 0 17px;}
.cta-box p{max-width:700px;color:rgba(255,255,255,.88);font-size:17px;line-height:1.7;}
.cta-features span{font-size:14px;color:#fff;}
.cta-features i{color:#fff;}

/* MOBILE */
@media(max-width:991px){
    .pme-hero h1{font-size:54px;}
    .pme-strategy-image img{height:420px;}
    .strategy-items{padding:40px 0 0;}
    .pme-why-grid{margin:35px 0 0;}
    .pme-founder-wrap{grid-template-columns:1fr;gap:35px;}
    .pme-founder-video{order:1;}
    .pme-founder-wrap .founder-text{order:2;}
}
@media(max-width:767px){
    .hero-headingarea,
    .pme-hero{padding: 115px 0 50px;}
    .pme-hero h1{font-size:42px;letter-spacing:-1px;}
    .pme-hero-copy{font-size:16px;}
    .pme-hero-proof{flex-direction:column;gap:8px;}
    .pme-section-heading h2,.pme-why h2,.pme-guarantee h2,.pme-founder-wrap h2{font-size:32px;}
    .pme-problem,.strategy-area,.pme-how,.pme-why,.client-video,.guarantee-area,.founder,.blog-section,.final-cta{padding:70px 0;}
    .pme-guarantee{padding:38px 22px;}
    .pme-guarantee-points{grid-template-columns:1fr;}
    .pme-why-grid{grid-template-columns:1fr;}
    .cta-box{padding:50px 25px;border-radius:18px;}
    .cta-box h2{font-size:32px;}
    .pme-btn{width:100%;}
    .pme-hero-actions{flex-direction:column;align-items:stretch;}
    .pme-image-badge{left:12px;right:12px;bottom:12px;}
}

/* =========================================================
   PRACTICE MARKETING ENGINE — PROGRAM PAGE
   Conversion-focused additions
========================================================= */

.program-hero {
    padding-bottom: 110px;
    background: linear-gradient(135deg,#0b1b2c 0%,#274f78 52%,#5886BF 100%);
}

.program-eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.program-hero .hero-heading {
    max-width: 920px;
    margin: 0 auto;
    line-height: 1.12;
}

.program-hero-copy {
    max-width: 760px;
    margin: 25px auto 0;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .4px;
}

.program-hero-trust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 32px;
    color: #fff;
    font-size: 14px;
}

.program-hero-trust i {
    color: #F86505;
    margin-right: 6px;
}

.program-intro {
    padding: 90px 0;
}

.program-intro .pro-title {
    max-width: 900px;
    margin: 0 auto;
}

.program-intro .phead {
    max-width: 850px;
    margin: 20px auto;
}

.program-lead {
    max-width: 820px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
}

.program-lead-last {
    margin-top: 20px;
}

.program-section-intro {
    max-width: 760px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
}

.program-outcomes {
    padding: 100px 0;
}

.program-outcome-grid {
    margin-top: 10px;
}

.program-outcome-card {
    height: 100%;
    padding: 35px 28px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,.08);
    border: 1px solid #edf0f3;
    transition: transform .25s ease, box-shadow .25s ease;
}

.program-outcome-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 35px rgba(0,0,0,.12);
}

.outcome-number {
    display: block;
    margin-bottom: 18px;
    color: #F86505;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.outcome-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: #5886BF;
    color: #fff;
    font-size: 24px;
}

.program-outcome-card h3 {
    margin-bottom: 12px;
    color: #000;
    font-size: 23px;
    font-weight: 700;
}

.program-outcome-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
}

.program-process {
    padding: 100px 0;
}

.program-process-row {
    margin-bottom: 110px;
}

.program-process-row:last-child {
    margin-bottom: 0;
}

.program-step-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #F86505;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.program-process .process-content {
    max-width: 560px;
}

.program-process .process-content h3 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 42px;
}

.program-process .process-content p {
    font-size: 17px;
    line-height: 1.8;
}

.program-process .process-list li {
    margin-bottom: 10px;
    font-size: 15px;
}

.program-process-image {
    margin-top: 0;
    padding: 35px;
    border-radius: 25px;
}
.pb-60{
    padding-bottom: 60px;
}

.program-process-image img {
    max-width: 360px;
}

.program-included {
    padding: 100px 0;
    background: #F7F7F7;
}

.included-grid {
    margin-top: 10px;
}

.included-card {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    padding: 32px 28px;
    background: #fff;
    border: 1px solid #e8ebef;
    border-radius: 18px;
}

.included-card > i {
    margin-bottom: 18px;
    color: #F86505;
    font-size: 30px;
}

.included-card h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 21px;
    font-weight: 700;
}

.included-card p {
    margin: 0;
    line-height: 1.7;
}

.program-proof {
    padding: 100px 0;
}

.program-proof .section-title p {
    color: #000;
    line-height: 1.75;
}

.program-proof .popup-img {
    width: 100%;
    margin-bottom: 24px;
}

.program-proof .client-title {
    font-size: 38px !important;
}

@media (max-width: 991px) {
    .program-hero .hero-heading {
        font-size: 48px;
    }

    .program-outcome-card {
        margin-bottom: 24px;
    }

    .program-process-row {
        margin-bottom: 80px;
    }

    .program-process-image {
        margin-top: 35px;
    }

    .program-proof .section-title {
        margin-bottom: 40px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .program-hero {
        padding-bottom: 80px;
    }

    .program-eyebrow {
        font-size: 11px;
    }

    .program-hero .hero-heading {
        font-size: 36px;
    }

    .program-hero-copy {
        font-size: 16px;
        line-height: 1.7;
    }

    .program-hero-trust {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .program-intro,
    .program-outcomes,
    .program-process,
    .program-included,
    .program-proof {
        padding: 70px 0;
    }

    .program-lead,
    .program-section-intro {
        font-size: 16px;
    }

    .program-process .process-content h3 {
        font-size: 34px;
    }

    .program-process-row {
        margin-bottom: 65px;
    }

    .program-process-image {
        padding: 25px;
    }
}

/* =========================================================
   PRACTICE MARKETING ENGINE — ABOUT PAGE
========================================================= */

.about-hero {
    padding-bottom: 95px;
}

.about-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.about-hero .hero-heading {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.12;
}

.about-hero-copy {
    max-width: 760px;
    margin: 24px auto 0;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .4px;
}

.about-story {
    padding: 100px 0;
}

.about-visual {
    position: relative;
    padding-right: 30px;
}

.about-visual > img:first-child {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0 15px 45px rgba(0,0,0,.12);
}

.about-visual-badge {
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 190px;
    padding: 22px;
    background: #5886BF;
    border: 4px solid #fff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    color: #fff;
}

.about-visual-badge strong,
.about-visual-badge span {
    display: block;
}

.about-visual-badge strong {
    font-size: 21px;
}

.about-visual-badge span {
    margin-top: 5px;
    font-size: 13px;
}

.section-kicker {
    display: inline-block;
    margin-bottom: 14px;
    color: #F86505;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.about-story-text h2,
.about-mission h2,
.about-founder-text h2,
.about-fit h2 {
    margin-bottom: 25px;
    color: #000;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.about-story-text p,
.about-founder-text p,
.about-mission p,
.about-fit p {
    font-size: 16px;
    line-height: 1.85;
}

.about-principles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 30px;
}

.about-principle {
    display: flex;
    gap: 15px;
    padding: 20px;
    background: #F7F7F7;
    border-radius: 14px;
}

.about-principle > i {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #5886BF;
    color: #fff;
}

.about-principle h3 {
    margin: 0 0 5px;
    color: #000;
    font-size: 17px;
    font-weight: 700;
}

.about-principle p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.about-mission {
    padding: 100px 0;
    background: #F7F7F7;
}

.about-mission-box {
    padding: 70px;
    background: #5886BF;
    border-radius: 28px;
    box-shadow: 0 15px 40px rgba(0,0,0,.1);
}

.about-mission h2,
.about-mission p {
    color: #fff;
}

.about-mission-points {
    padding-left: 35px;
}

.about-mission-points > div {
    position: relative;
    padding: 0 0 25px 65px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.about-mission-points > div:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.about-mission-points span {
    position: absolute;
    left: 0;
    top: 0;
    color: #F86505;
    font-size: 13px;
    font-weight: 700;
}

.about-mission-points strong {
    display: block;
    color: #fff;
    font-size: 20px;
}

.about-mission-points p {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 1.6;
}

.about-founder {
    padding: 110px 0;
}

.about-founder-image {
    text-align: center;
}

.about-founder-image img {
    width: 330px;
    height: 330px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 15px 45px rgba(0,0,0,.14);
}

.founder-social-proof {
    margin: 25px auto 0;
    text-align: center;
}

.founder-social-proof strong,
.founder-social-proof span {
    display: block;
}

.founder-social-proof strong {
    color: #000;
    font-size: 20px;
}

.founder-social-proof span {
    margin-top: 4px;
    color: #666;
    font-size: 14px;
}

.about-founder-text {
    padding-right: 50px;
}

.about-founder-text blockquote {
    margin: 30px 0;
    padding: 25px 30px;
    border-left: 4px solid #F86505;
    background: #F7F7F7;
    color: #222;
    font-size: 19px;
    line-height: 1.65;
    font-style: italic;
}

.about-approach {
    padding: 100px 0;
    background: #F7F7F7;
}

.about-section-intro {
    max-width: 760px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
}

.approach-card {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #e7ebef;
    border-radius: 18px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.approach-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.approach-card > span {
    display: block;
    margin-bottom: 18px;
    color: #F86505;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.approach-card > i {
    margin-bottom: 18px;
    color: #5886BF;
    font-size: 30px;
}

.approach-card h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 21px;
}

.approach-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}

.about-fit {
    padding: 110px 0;
}

.about-fit-list {
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.about-fit-list li {
    margin-bottom: 14px;
    color: #222;
    font-size: 15px;
    line-height: 1.6;
}

.about-fit-list i {
    margin-right: 9px;
    color: #F86505;
}

.about-fit-card {
    margin-left: 35px;
    padding: 45px;
    background: #F7F7F7;
    border: 1px solid #e5e9ee;
    border-radius: 24px;
}

.about-fit-card h3 {
    margin: 22px 0 15px;
    color: #000;
    font-size: 30px;
    line-height: 1.25;
}

.about-fit-card p {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.75;
}

.about-fit-card a {
    color: #000;
    font-weight: 700;
}

.about-fit-card a i {
    margin-left: 7px;
    color: #F86505;
}

@media (max-width: 991px) {
    .about-story,
    .about-mission,
    .about-founder,
    .about-approach,
    .about-fit {
        padding: 80px 0;
    }

    .about-story-text {
        padding-top: 60px;
    }

    .about-mission-box {
        padding: 50px 40px;
    }

    .about-mission-points {
        padding: 40px 0 0;
    }

    .about-founder-image {
        margin-bottom: 50px;
    }

    .about-founder-text {
        padding-right: 0;
    }

    .about-fit-card {
        margin: 50px 0 0;
    }
}

@media (max-width: 767px) {
    .about-hero .hero-heading {
        font-size: 36px;
    }

    .about-hero-copy {
        font-size: 16px;
    }

    .about-visual {
        padding-right: 0;
    }

    .about-visual-badge {
        right: 10px;
        bottom: 15px;
        width: 160px;
        padding: 16px;
    }

    .about-story-text h2,
    .about-mission h2,
    .about-founder-text h2,
    .about-fit h2 {
        font-size: 32px;
    }

    .about-principles {
        grid-template-columns: 1fr;
    }

    .about-mission-box {
        padding: 35px 25px;
        border-radius: 20px;
    }

    .about-founder-image img {
        width: 260px;
        height: 260px;
    }

    .about-fit-card {
        padding: 30px 25px;
    }

    .about-fit-card h3 {
        font-size: 25px;
    }
}

/* =========================================================
   PRACTICE MARKETING ENGINE — CONTACT PAGE
========================================================= */

.contact-hero {
    padding-bottom: 90px;
}

.contact-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.contact-hero .hero-heading {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.12;
}

.contact-hero-copy {
    max-width: 720px;
    margin: 25px auto 0;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: .4px;
}

.contact-intro {
    padding: 80px 0 45px;
}

.contact-intro-copy {
    max-width: 720px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
}

.contact-main {
    padding: 55px 0 100px;
}

.contact-sidebar {
    padding: 20px 45px 20px 0;
}

.contact-sidebar h2 {
    margin-bottom: 20px;
    color: #000;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.contact-sidebar > p {
    font-size: 16px;
    line-height: 1.8;
}

.contact-info-list {
    margin-top: 30px;
}

.contact-info-card {
    display: flex;
    gap: 18px;
    margin-bottom: 18px;
    padding: 20px;
    background: #F7F7F7;
    border: 1px solid #e8ebef;
    border-radius: 14px;
}

.contact-info-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
    background: #F86505;
}

.contact-info-card h3 {
    margin: 0 0 5px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.contact-info-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.contact-reassurance {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 25px;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
}

.contact-reassurance i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #F86505;
}

.contact-form-card {
    padding: 45px;
    background: #fff;
    border: 1px solid #e3e7eb;
    border-radius: 24px;
    box-shadow: 0 12px 40px rgba(0,0,0,.08);
}

.contact-form-heading {
    margin-bottom: 30px;
}

.contact-form-heading h2 {
    margin: 0 0 8px;
    color: #000;
    font-size: 32px;
    font-weight: 700;
}

.contact-form-heading p {
    margin: 0;
    color: #555;
}

.contact-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-field-full {
    grid-column: 1 / -1;
}

.contact-field label {
    display: block;
    margin-bottom: 7px;
    color: #111;
    font-size: 14px;
    font-weight: 700;
}

.contact-field input,
.contact-field textarea {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid #d9dee5;
    border-radius: 8px;
    outline: none;
    background: #fff;
    color: #222;
    font-family: inherit;
    font-size: 15px;
    letter-spacing: .2px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.contact-field input {
    height: 50px;
}

.contact-field textarea {
    min-height: 145px;
    resize: vertical;
}

.contact-field input:focus,
.contact-field textarea:focus {
    border-color: #5886BF;
    box-shadow: 0 0 0 3px rgba(88,134,191,.12);
}

.contact-submit {
    margin-top: 25px;
    padding: 13px 30px;
    border: 0;
    border-radius: 27px;
    background: #F86505;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    transition: transform .2s ease, background .2s ease;
}

.contact-submit:hover {
    background: #d94f00;
    transform: translateY(-2px);
}

.contact-submit i {
    margin-left: 8px;
}

.contact-form-note {
    margin: 15px 0 0;
    color: #777;
    font-size: 12px;
}

.contact-form-note i {
    margin-right: 5px;
    color: #5886BF;
}

.contact-booking {
    padding: 0 0 100px;
}

.contact-booking-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 50px 60px;
    border-radius: 24px;
    background: #5886BF;
}

.contact-booking-box h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
}

.contact-booking-box p {
    max-width: 700px;
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.contact-booking-btn {
    flex: 0 0 auto;
    margin-top: 0;
}

.contact-booking-btn a {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .contact-main {
        padding-top: 35px;
    }

    .contact-sidebar {
        padding: 0 0 50px;
    }

    .contact-booking-box {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .contact-hero .hero-heading {
        font-size: 36px;
    }

    .contact-hero-copy {
        font-size: 16px;
    }

    .contact-intro {
        padding-top: 65px;
    }

    .contact-main {
        padding-bottom: 70px;
    }

    .contact-sidebar h2 {
        font-size: 32px;
    }

    .contact-form-card {
        padding: 30px 22px;
        border-radius: 18px;
    }

    .contact-form-heading h2 {
        font-size: 27px;
    }

    .contact-form-grid {
        grid-template-columns: 1fr;
    }

    .contact-field-full {
        grid-column: auto;
    }

    .contact-booking {
        padding-bottom: 70px;
    }

    .contact-booking-box {
        padding: 35px 25px;
        border-radius: 20px;
    }

    .contact-booking-box h2 {
        font-size: 28px;
    }

    .contact-booking-btn a {
        white-space: normal;
    }
}
.single-title{
    margin-top: -45px !important;
}
.page-head{
    text-transform: capitalize;
}
.page-box{
    width: 60%;
    margin: auto;
}

/* =========================================================
   PRACTICE MARKETING ENGINE — GET STARTED PAGE
========================================================= */

/* .get-started-hero {
    padding-bottom: 90px;
}

.get-started-eyebrow {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 16px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
}

.get-started-hero .hero-heading {
    max-width: 920px;
    margin: 0 auto;
    line-height: 1.12;
}

.get-started-hero-copy {
    max-width: 760px;
    margin: 25px auto 0;
    font-size: 18px;
    line-height: 1.8;
}

.get-started-trust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 30px;
    color: #fff;
    font-size: 14px;
}

.get-started-trust i {
    color: #F86505;
    margin-right: 6px;
}

.get-started-steps {
    padding: 100px 0;
}

.get-started-section-intro {
    max-width: 760px;
    margin: 20px auto 0;
    font-size: 17px;
    line-height: 1.75;
}

.get-started-step {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    padding: 32px 25px;
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
}

.get-started-step-number {
    display: block;
    margin-bottom: 18px;
    color: #F86505;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.get-started-step-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #5886BF;
    color: #fff;
    font-size: 24px;
}

.get-started-step h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
    line-height: 1.3;
}

.get-started-step p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}

.get-started-calendar {
    padding: 100px 0;
    background: #F7F7F7;
}

.calendar-heading {
    max-width: 800px;
    margin: 0 auto 45px;
}

.calendar-heading h2 {
    margin-bottom: 15px;
}

.calendar-heading p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
}

.calendly-wrapper {
    max-width: 1080px;
    min-height: 760px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e5e9;
    border-radius: 20px;
    box-shadow: 0 12px 40px rgba(0,0,0,.08);
}

.calendar-fallback {
    padding: 80px 30px;
    text-align: center;
}

.calendar-fallback-link {
    font-weight: 700;
    color: #F86505;
}

.get-started-video {
    padding: 110px 0;
}

.get-started-video h2 {
    margin-bottom: 22px;
    color: #000;
    font-size: 40px;
    line-height: 1.2;
}

.get-started-video p {
    font-size: 16px;
    line-height: 1.8;
}

.video-value-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 25px;
}

.video-value-list span {
    font-size: 14px;
    line-height: 1.5;
}

.video-value-list i {
    margin-right: 8px;
    color: #F86505;
}

.get-started-video-frame {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: #111;
    box-shadow: 0 15px 40px rgba(0,0,0,.14);
    aspect-ratio: 16 / 9;
}

.get-started-video-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.get-started-review {
    padding: 100px 0;
    background: #F7F7F7;
}

.review-card {
    height: calc(100% - 24px);
    margin-bottom: 24px;
    padding: 32px 28px;
    background: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 18px;
}

.review-card > i {
    margin-bottom: 18px;
    color: #F86505;
    font-size: 29px;
}

.review-card h3 {
    margin-bottom: 10px;
    color: #000;
    font-size: 20px;
}

.review-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
}

.get-started-fit {
    padding: 100px 0;
}

.fit-box {
    height: 100%;
    padding: 45px;
    border-radius: 22px;
}

.fit-good {
    background: #F7F7F7;
    border: 1px solid #e5e9ed;
}

.fit-not {
    background: #fff;
    border: 1px solid #e5e9ed;
}

.fit-box h2 {
    margin: 0 0 25px;
    color: #000;
    font-size: 30px;
}

.fit-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fit-box li {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.6;
}

.fit-box li i {
    margin-right: 9px;
}

.fit-good li i {
    color: #5886BF;
}

.fit-not li i {
    color: #F86505;
}

.get-started-proof {
    padding: 100px 0;
    background: #F7F7F7;
}

.get-started-proof .popup-img {
    width: 100%;
    margin-bottom: 24px;
}

.get-started-proof .popup-img:hover {
    transform: translateY(-4px);
}

@media (max-width: 991px) {
    .get-started-video {
        padding: 80px 0;
    }

    .get-started-video h2 {
        font-size: 34px;
    }

    .get-started-video-frame {
        margin-top: 45px;
    }

    .fit-box {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .get-started-hero .hero-heading {
        font-size: 36px;
    }

    .get-started-hero-copy {
        font-size: 16px;
    }

    .get-started-trust {
        flex-direction: column;
        align-items: center;
        gap: 9px;
    }

    .get-started-steps,
    .get-started-calendar,
    .get-started-video,
    .get-started-review,
    .get-started-fit,
    .get-started-proof {
        padding: 70px 0;
    }

    .calendly-wrapper {
        min-height: 700px;
        border-radius: 15px;
    }

    .fit-box {
        padding: 32px 25px;
    }
} */

/**** header new css for mobile***/
/* =========================================================
   MOBILE HEADER FIX
========================================================= */

@media (max-width: 992px) {

    /* Header */
    .navbar-area {
        position: relative;
        z-index: 9999;
    }

    .site-navbar {
        min-height: 70px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* Logo */
    .site-logo img {
        width: 175px;
        height: auto;
    }

    /* Hamburger */
    .nav-toggler {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        position: relative;
        z-index: 10001;
        cursor: pointer;
    }

    .nav-toggler span,
    .nav-toggler span::before,
    .nav-toggler span::after {
        width: 27px;
        height: 2px;
        background: #111 !important;
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: all .25s ease;
    }

    .nav-toggler span {
        position: relative;
    }

    .nav-toggler span::before,
    .nav-toggler span::after {
        content: "";
    }

    .nav-toggler span::before {
        top: -8px;
    }

    .nav-toggler span::after {
        top: 8px;
    }

    /* Hamburger → X */
    .nav-toggler.active span {
        background: transparent !important;
    }

    .nav-toggler.active span::before {
        top: 0;
        transform: translateX(-50%) rotate(45deg);
    }

    .nav-toggler.active span::after {
        top: 0;
        transform: translateX(-50%) rotate(-45deg);
    }

    /* =====================================================
       MOBILE NAV — CLOSED BY DEFAULT
    ===================================================== */

    .main-nav {
        position: absolute !important;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;

        background: #fff;
        border-top: 1px solid #e5e7eb;
        box-shadow: 0 10px 25px rgba(0,0,0,.10);

        z-index: 10000;

        display: block !important;

        max-height: 0 !important;
        overflow: hidden !important;

        opacity: 0;
        visibility: hidden;

        transition:
            max-height .3s ease,
            opacity .2s ease,
            visibility .2s ease;
    }

    /* =====================================================
       MOBILE NAV — OPEN
    ===================================================== */

    .main-nav.open {
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;

        opacity: 1;
        visibility: visible;
    }

    /* Main menu */
    .main-nav > ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;

        width: 100%;
        margin: 0;
        padding: 10px 20px 20px;
    }

    /* Menu items */
    .main-nav > ul > li {
        width: 100%;
        margin: 0;
        padding: 0 !important;
        border-bottom: 1px solid #edf0f3;
    }

    .main-nav > ul > li:last-child {
        border-bottom: 0;
    }

    .main-nav > ul > li > a {
        display: block !important;
        width: 100%;
        padding: 14px 5px !important;

        color: #111 !important;
        font-size: 14px;
        font-weight: 700;

        text-align: left !important;
    }

    .main-nav > ul > li > a:hover {
        color: #F86505 !important;
    }

    /* =====================================================
       MOBILE DROPDOWNS
    ===================================================== */

    .main-nav ul li ul.sub-menu {
        position: static !important;

        display: block !important;

        width: 100%;
        margin: 0;
        padding: 0 0 8px;

        background: #f7f8fa;

        border: 0;
        border-radius: 8px;
        box-shadow: none;
    }

    .main-nav ul li ul.sub-menu li {
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }

    .main-nav ul li ul.sub-menu li a {
        display: block !important;
        width: 100%;

        padding: 10px 15px !important;

        color: #555 !important;
        font-size: 13px;

        text-align: left !important;
        text-transform: none;
    }

    /* =====================================================
       MOBILE GET STARTED CTA
    ===================================================== */

    .nav-actions {
        display: flex !important;
        align-items: center;
        margin-left: auto;
        margin-right: 8px;
    }

    .nav-actions .get-started-btn,
    .nav-actions a {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 9px 15px;

        background: #F86505;
        color: #fff !important;

        border-radius: 25px;

        font-size: 12px;
        font-weight: 700;

        white-space: nowrap;
        text-decoration: none !important;
    }

    /* Hide unnecessary desktop actions if present */
    .nav-actions .login-btn {
        display: none;
    }
}


/* Smaller phones */
@media (max-width: 480px) {

    .page-box{
        width: 100%;
    }

    .site-logo img {
        width: 155px;
    }

    .nav-actions .get-started-btn,
    .nav-actions a {
        padding: 8px 12px;
        font-size: 11px;
    }

    .nav-toggler {
        width: 40px;
        height: 40px;
    }

}

/*** search box***/
/* =========================================================
   BLOG SEARCH
========================================================= */

.search-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.search-form {
    display: flex;
    width: 100%;
    max-width: 500px;
    height: 50px;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.search-input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 50px;

    padding: 0 20px;

    border: 1px solid #e2e8f0;
    border-right: 0;
    border-radius: 30px 0 0 30px;

    outline: none;
    background: #fff;

    font-size: 16px;
    color: #333;

    box-sizing: border-box;
}

.search-input::placeholder {
    color: #777;
}

.search-input:focus {
    border-color: #5886BF;
}

.search-submit-btn {
    flex: 0 0 90px;
    width: 90px;
    min-width: 90px;
    height: 50px;

    padding: 0;

    border: 0;
    border-radius: 0 30px 30px 0;

    background: #F86505;
    color: #fff;

    font-size: 16px;
    font-weight: 700;

    cursor: pointer;
    white-space: nowrap;

    transition: background 0.2s ease;
}

.search-submit-btn:hover {
    background: #d94f00;
}


/* =========================================================
   MOBILE SEARCH
========================================================= */

@media (max-width: 576px) {
    .hero-heading{
        font-size: 25px;
    }
    .hero-section{
        padding: 14px 0 80px 0;
    }
    .single .hero-section{
        padding: 95px 0 80px 0;
    }
    .hero-headingarea{
        padding: 115px 0 0px;
    }
    .single  .hero-headingarea{
        padding: 80px 0 0px;
    }
    .single-head{
        max-width: 100% !important;
        flex: 100% !important;
    }
    .single-heading h1{
        font-size: 20px;
        padding-bottom: 30px;
    }
    .admin-area li{
        font-size: 12px !important;
    }
    .social-fix.is-sticky {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .search-container {
        padding: 20px 15px;
    }

    .search-form {
        width: 100%;
        max-width: 100%;
        height: 50px;
    }

    .search-input {
        min-width: 0;
        padding: 0 16px;
        font-size: 14px;
    }

    .search-submit-btn {
        flex: 0 0 72px;
        width: 72px;
        min-width: 72px;
        font-size: 13px;
    }
}