@media (max-width: 1024px) {

        .cta_wrap{
            max-width: 85%;
        }
    
}


@media (max-width: 768px) {

    
  
.nav-inner {
   
    padding: 15px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo.website-logo {
    max-width: 152px;
}

a.btn.btn-ghost {
    padding: 6px 42px;
}

.hero {
    padding: 120px 0 120px;
}

.hero-inner {
    max-width: 98%;
}

.wrap {
  
    padding: 0 15px;
}

.hero h1 {

    max-width: 100%;
}

.hero p.sub {
    margin: 26px auto 0;
    max-width: 98%;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.6;
    padding-bottom: 1.5rem;
}

.hero-ct {
    display: flex;
    justify-content: center;
    gap: 14px;
    align-items: center;
    flex-direction: column;
}

.desktop_menu{
  display: none;
}

.mobile_menu_wrap{
  display: block;
}

/* body{font-family:Inter,sans-serif;background:#071112;color:#fff} */
.upx-wrap{position:relative}
.upx-top{position:fixed;left:0;right:0;top:0;height:72px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:10;backdrop-filter: blur(10px);}
.upx-logo{font-size:28px;font-weight:700;letter-spacing:.08em}
.upx-open,.upx-close{background:none;border:0;color:#fff;font-size:34px;cursor:pointer}
.upx-menu{position:fixed;inset:0;/* background:rgba(4,15,16,.72); */backdrop-filter:blur(24px);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:99;visibility:hidden;opacity:0;padding-top: 100px;margin-top: 0px;}
.upx-close{position:absolute;top:22px;right:22px}
.upx-nav{display:flex;flex-direction:column;gap:22px;align-items:center;margin-top: 150px;border-bottom: 0;}
.upx-nav a{color:#fff;text-decoration:none;font-size:2rem;/* font-weight:600; */}
.upx-nav a.active{color:#39dbc8}
.upx-social{display:flex;gap: 46px;margin:40px 0;padding-top: 7rem;}
.upx-social a{color:#9ef3e5;text-decoration:none}
.upx-btn{padding:16px 34px;border-radius:999px;background:#39dbc8;color:#071112;text-decoration:none;font-weight:700}
.upx-logo img{
    max-width: 200px;
}
.upx-social a img {
    width: 41px;
}

.upx-menu .upx-logo {
    position: absolute;
    top: 60px;
}

.case-left {
    padding: 30px 22px 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.case-left .case_image {
    position: absolute;
    width: 200px;
    right: -23px;
}
.case-right {
    padding: 30px 22px;
    background: var(--surface-2);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.case-tag {
  
    margin-bottom: 13px;
}

.case-left h3 {
    font-size: 26px;
}

.cta_wrap{
    padding: 50px 20px;
    max-width: 90%;
}

}



/* Floating Container */
.whatsapp-floating {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    z-index: 9999;

    /* Glass background */
    background: rgb(5 40 76 / 45%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .35s ease,
                transform .35s ease,
                visibility .35s ease;
    width: 228px;
}

/* Visible state */
.whatsapp-floating.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

/* Button */
.whatsapp-floating .btn {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    background: #045522;
    color: #fff;
    border-radius: 40px;
    padding: 12px 22px;
    text-decoration: none;
    font-weight: 600;
    overflow: visible;
}

/* Icon */
.whatsapp-floating img {
    width: 22px;
    height: 22px;
}

/* Ripple Animation */
.whatsapp-floating .btn::before,
.whatsapp-floating .btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    border: 2px solid rgba(37,211,102,.55);
    animation: whatsappWave 2.4s infinite;
    z-index: -1;
}

.whatsapp-floating .btn::after {
    animation-delay: 1.2s;
}

@keyframes whatsappWave {
    0% {
        transform: scale(1);
        opacity: .7;
    }
    70% {
        opacity: 0;
    }
    100% {
        transform: scale(1.45);
        opacity: 0;
    }
}

.whatsapp-floating.show .btn-ghost {
    padding: 9px 20px;
}

/* Mobile & Tablet Only */
@media (min-width: 992px) {
    .whatsapp-floating {
        display: none;
    }
}