@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html{overflow-x: hidden;}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}



body{

    font-family:'Montserrat', sans-serif;

}



body {
    -webkit-user-select: text; /* Chrome, Safari, Opera */
    -moz-user-select: text;    /* Firefox */
    -ms-user-select: text;     /* Internet Explorer/Edge */
    user-select: text;         /* Standard syntax */
}



input, textarea {

    -webkit-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}




/* ================= TOPBAR ================= */
.topbar{

    width:100%;

    background:linear-gradient(135deg,#ff9f1c,#ffb703);

    position:relative;

    overflow:hidden;

    box-shadow:0 2px 15px rgba(0,0,0,.08);

}



.topbar::before{

    content:"";

    position:absolute;

    top:0;

    left:-100px;

    width:200px;

    height:100%;

    background:rgba(255,255,255,.12);

    transform:skewX(-30deg);

}



.topbar-wrapper{

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:55px;

}



.social-icons a {

    position: relative;

    z-index: 1;

    overflow: hidden;

    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;

}



.social-icons a i {

    transition: all 0.3s ease !important;

}



.social-icons a:hover i {

    color: #ffffff !important;

    transform: scale(1.15);

}



.social-icons a:nth-of-type(1):hover {

    background: #1877f2 !important;

    border-color: #1877f2 !important;

}



.social-icons a:nth-of-type(2):hover {

    background: #000000 !important;

    border-color: #000000 !important;

}



.social-icons a:nth-of-type(3):hover {

    background: #0077b5 !important;

    border-color: #0077b5 !important;

}



.social-icons a:nth-of-type(4):hover {

    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;

    border-color: #dc2743 !important;

}

/* ================= LEFT ================= */



.topbar-left{

    display:flex;

    align-items:center;

}



.social-icons{

    display:flex;

}



.social-icons a{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#0f172a;

    border-right:1px solid rgba(0,0,0,.15);

    transition:.3s;

}



/* .social-icons a:first-child{

    border-left:1px solid rgba(0,0,0,.15);

}



.social-icons a:hover{

    background:#0f172a;

    color:#fff;

} */



.call-box{

    display:flex;

    align-items:center;

    gap:12px;

    padding-left:25px;

    white-space:nowrap;

}



.call-text{

    color:#0f172a;

    font-size:15px;

    font-weight:700;

    letter-spacing:.3px;

}



.call-text a{

    color:#0f172a;

    text-decoration:none;

    font-weight:800;

}



/* ================= RIGHT ================= */



.topbar-right{

    display:flex;

    align-items:center;

}



.top-link{

    height:55px;

    padding:0 22px;

    display:flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#0f172a;

    font-size:14px;

    font-weight:700;

    border-left:1px solid rgba(0,0,0,.15);

    transition:.3s;

    white-space:nowrap;

}



.top-link:hover{

    background:rgba(255,255,255,.25);

}



.payment-btn{

    background:#0f172a;

    color:#fff;

}



.payment-btn:hover{

    background:#000;

}



/* ================= LARGE DEVICES ================= */



@media(max-width:1200px){

    .call-text{ font-size:14px; }

    .top-link{ padding:0 18px; }

}



/* ================= TABLET ================= */



@media(max-width:991px){

    .social-icons a{ width:50px; height:50px; }

    .call-text{ font-size:13px; }

    .top-link{ height:50px; font-size:13px; }

}



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



@media(max-width:768px){

    .topbar-left{ display:none; }

    .topbar-wrapper{ justify-content:center; }

    .topbar-right{ width:100%; justify-content:center; align-items:center; gap:0; }

    .top-link{ padding:0 15px; height:50px; font-size:13px; }

}



/* ================= SMALL MOBILE ================= */



@media(max-width:480px){

    .topbar-right{ display:flex; justify-content:center; width:100%; }

    .top-link{ padding:0 10px; font-size:11px; gap:5px; height:45px; }

    .top-link span{ display:inline-block; }

}



/* ================= EXTRA SMALL ================= */



@media(max-width:320px){

    .top-link{ padding:0 8px; font-size:10px; }

    .top-link i{ font-size:11px; }

}



/* ================= HEADER ================= */



.main-header{

    width:100%;

    background:#fff;

    position:sticky;

    top:0;

    z-index:999;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.header-container{

    margin:auto;

    padding:0 20px;

    min-height:85px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



/* LOGO */



.logo{

    flex:0 0 auto;

}



.logo img{

    height:80px;

    width:auto;

    display:block;

}



/* MENU DESKTOP BASE */



.navbar{

    flex:1;

    display:flex;

    justify-content:center;

}



.nav-menu{

    display:flex;

    align-items:center;

    gap:30px;

    list-style:none;

}



.nav-menu li a{

    text-decoration:none;

    color:#333;

    font-size:16px;

    font-weight:bolder;

    position:relative;

    white-space:nowrap;

    letter-spacing:1px; 

    line-height:55px;

}

@media only screen and (min-width: 1299px) and (max-width: 1800px) {

    .logo img {

        height: 40px !important;

    }

    .nav-menu{

        gap: 15px;

    }

    .nav-menu li a{

        font-size: 13.5px;

    }

}



.mega-title i{

    display:none;

}

/* ================= CONTACT HUB ================= */



.mwt-controls-hub{

    display:flex;

    align-items:center;

    gap:25px;

    margin-left:10px;

}



.comms-radar{

    display:flex;

    align-items:center;

    gap:12px;

}



.radar-trigger{

    width:46px;

    height:46px;

    background:#ff9f1c;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:black;

    font-size:17px;

    position:relative;

    text-decoration:none;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}



.radar-trigger::after{

    content:'';

    position:absolute;

    inset:0;

    border-radius:50%;

    border:2px solid rgba(0, 0, 0, 0.5);

    animation:radarWave 2s infinite;

}



@keyframes radarWave{

    0%{ transform:scale(1); opacity:1; }

    100%{ transform:scale(1.6); opacity:0; }

}



.radar-data{

    display:flex;

    flex-direction:column;

}



.radar-label{

    font-size:10px;

    text-transform:uppercase;

    font-weight:700;

    color:#94a3b8;

    letter-spacing:.5px;

}



.radar-value{

    font-size:14px;

    font-weight:700;

    color:#0f172a;

    white-space:nowrap;

}



@media(max-width:1420px){

    .mwt-controls-hub{ gap:20px; margin-left:15px; }

    .radar-trigger{ width:44px; height:44px; font-size:16px; }

    .radar-data{ display:none; }

    .logo img{ height:40px;}

}



@media(max-width:1200px){

    .mwt-controls-hub{ gap:12px; margin-left:10px; }

    .comms-radar{ gap:0; }

    .radar-trigger{ width:42px; height:42px; font-size:15px; }

}



/* MOBILE TOGGLE & BASE HOVER EFFECT */

.mobile-contact { display: none; }

.menu-toggle{

    display:none;

    width:30px;

    cursor:pointer;

}

.menu-toggle span{

    display:block;

    width:100%;

    height:3px;

    background:#0f172a;

    margin:6px 0;

    transition:.4s;

}



@media(max-width:1400px){ .nav-menu{ gap:22px; } }

@media(max-width:1200px){ .nav-menu{ gap:9px; } .nav-menu li a{ font-size:14px; } .logo img{ height:50px; } }



/* ================= DESKTOP ABOUT US DROPDOWN (PC ONLY) ================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}



body{

    font-family:'Montserrat', sans-serif;

}



/* ================= TOPBAR ================= */



.topbar{

    width:100%;

    background:linear-gradient(135deg,#ff9f1c,#ffb703);

    position:relative;

    overflow:hidden;

    box-shadow:0 2px 15px rgba(0,0,0,.08);

}



.topbar::before{

    content:"";

    position:absolute;

    top:0;

    left:-100px;

    width:200px;

    height:100%;

    background:rgba(255,255,255,.12);

    transform:skewX(-30deg);

}



.topbar-wrapper{

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    min-height:55px;

}



.social-icons a {

    position: relative;

    z-index: 1;

    overflow: hidden;

    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;

}



.social-icons a i {

    transition: all 0.3s ease !important;

}



.social-icons a:hover i {

    color: #ffffff !important;

    transform: scale(1.15);

}



.social-icons a:nth-of-type(1):hover {

    background: #1877f2 !important;

    border-color: #1877f2 !important;

}



.social-icons a:nth-of-type(2):hover {

    background: #000000 !important;

    border-color: #000000 !important;

}



.social-icons a:nth-of-type(3):hover {

    background: #0077b5 !important;

    border-color: #0077b5 !important;

}



.social-icons a:nth-of-type(4):hover {

    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;

    border-color: #dc2743 !important;

}

/* ================= LEFT ================= */



.topbar-left{

    display:flex;

    align-items:center;

}



.social-icons{

    display:flex;

}



.social-icons a{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    color:#0f172a;

    border-right:1px solid rgba(0,0,0,.15);

    transition:.3s;

}



/* .social-icons a:first-child{

    border-left:1px solid rgba(0,0,0,.15);

}



.social-icons a:hover{

    background:#0f172a;

    color:#fff;

} */



.call-box{

    display:flex;

    align-items:center;

    gap:12px;

    padding-left:25px;

    white-space:nowrap;

}



.call-text{

    color:#0f172a;

    font-size:15px;

    font-weight:700;

    letter-spacing:.3px;

}



.call-text a{

    color:#0f172a;

    text-decoration:none;

    font-weight:800;

}



/* ================= RIGHT ================= */



.topbar-right{

    display:flex;

    align-items:center;

}



.top-link{

    height:55px;

    padding:0 22px;

    display:flex;

    align-items:center;

    gap:8px;

    text-decoration:none;

    color:#0f172a;

    font-size:14px;

    font-weight:700;

    border-left:1px solid rgba(0,0,0,.15);

    transition:.3s;

    white-space:nowrap;

}



.top-link:hover{

    background:rgba(255,255,255,.25);

}



.payment-btn{

    background:#0f172a;

    color:#fff;

}



.payment-btn:hover{

    background:#000;

}



/* ================= LARGE DEVICES ================= */



@media(max-width:1200px){

    .call-text{ font-size:14px; }

    .top-link{ padding:0 18px; }

}



/* ================= TABLET ================= */



@media(max-width:991px){

    .social-icons a{ width:50px; height:50px; }

    .call-text{ font-size:13px; }

    .top-link{ height:50px; font-size:13px; }

}



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



@media(max-width:768px){

    .topbar-left{ display:none; }

    .topbar-wrapper{ justify-content:center; }

    .topbar-right{ width:100%; justify-content:center; align-items:center; gap:0; }

    .top-link{ padding:0 15px; height:50px; font-size:13px; }

}



/* ================= SMALL MOBILE ================= */



@media(max-width:480px){

    .topbar-right{ display:flex; justify-content:center; width:100%; }

    .top-link{ padding:0 10px; font-size:11px; gap:5px; height:45px; }

    .top-link span{ display:inline-block; }

}



/* ================= EXTRA SMALL ================= */



@media(max-width:320px){

    .top-link{ padding:0 8px; font-size:10px; }

    .top-link i{ font-size:11px; }

}



/* ================= HEADER ================= */



.main-header{

    width:100%;

    background:#fff;

    position:sticky;

    top:0;

    z-index:999;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.header-container{

    margin:auto;

    padding:0 20px;

    min-height:85px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



/* LOGO */



.logo{

    flex:0 0 auto;

}



.logo img{

    height:80px;

    width:auto;

    display:block;

}



/* MENU DESKTOP BASE */



.navbar{

    flex:1;

    display:flex;

    justify-content:center;

}



.nav-menu{

    display:flex;

    align-items:center;

    gap:30px;

    list-style:none;

}



.nav-menu li a{

    text-decoration:none;

    color:#333;

    font-size:16px;

    font-weight:bolder;

    position:relative;

    white-space:nowrap;

    letter-spacing:1px; 

    line-height:55px;

}

@media only screen and (min-width: 1299px) and (max-width: 1800px) {

    .logo img {

        height: 40px !important;

    }

    .nav-menu{

        gap: 20px;

    }

}



.mega-title i{

    display:none;

}

/* ================= CONTACT HUB ================= */



.mwt-controls-hub{

    display:flex;

    align-items:center;

    gap:25px;

    margin-left:10px;

}



.comms-radar{

    display:flex;

    align-items:center;

    gap:12px;

}



.radar-trigger{

    width:46px;

    height:46px;

    background:#ff9f1c;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:black;

    font-size:17px;

    position:relative;

    text-decoration:none;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}



.radar-trigger::after{

    content:'';

    position:absolute;

    inset:0;

    border-radius:50%;

    border:2px solid rgba(0, 0, 0, 0.5);

    animation:radarWave 2s infinite;

}



@keyframes radarWave{

    0%{ transform:scale(1); opacity:1; }

    100%{ transform:scale(1.6); opacity:0; }

}



.radar-data{

    display:flex;

    flex-direction:column;

}



.radar-label{

    font-size:10px;

    text-transform:uppercase;

    font-weight:700;

    color:#000000;

    letter-spacing:.5px;

}



.radar-value{

    font-size:14px;

    font-weight:700;

    color:#0f172a;

    white-space:nowrap;

}



@media(max-width:1420px){

    .mwt-controls-hub{ gap:20px; margin-left:15px; }

    .radar-trigger{ width:44px; height:44px; font-size:16px; }

    .radar-data{ display:none; }

    .logo img{ height:40px;}

}



@media(max-width:1200px){

    .mwt-controls-hub{ gap:12px; margin-left:10px; }

    .comms-radar{ gap:0; }

    .radar-trigger{ width:42px; height:42px; font-size:15px; }

}



/* MOBILE TOGGLE & BASE HOVER EFFECT */

.mobile-contact { display: none; }

.menu-toggle{

    display:none;

    width:30px;

    cursor:pointer;

}

.menu-toggle span{

    display:block;

    width:100%;

    height:3px;

    background:#0f172a;

    margin:6px 0;

    transition:.4s;

}



@media(max-width:1400px){ .nav-menu{ gap:22px; } }

@media(max-width:1200px){ .nav-menu{ gap:9px; } .nav-menu li a{ font-size:14px; } .logo img{ height:50px; } }



/* =========================================

   MOBILE MENU + RESPONSIVE BREAKPOINTS

========================================= */



/* Overlay */



.menu-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:998;

}



.menu-overlay.active{

    opacity:1;

    visibility:visible;

}



/* Toggle Animation */



.menu-toggle.active span:nth-child(1){

    transform:translateY(9px) rotate(45deg);

}



.menu-toggle.active span:nth-child(2){

    opacity:0;

}



.menu-toggle.active span:nth-child(3){

    transform:translateY(-9px) rotate(-45deg);

}



/* =========================================

   1920px+

========================================= */



@media (min-width:1921px){



    .header-container,

    .topbar-wrapper{

        max-width:1800px;

        margin:auto;

    }



    .nav-menu{

        gap:35px;

    }



    .nav-menu li a{

        font-size:17px;

    }



    .logo img{

        height:90px;

    }



}



/* =========================================

   1600px

========================================= */



@media (max-width:1600px){



    .header-container,

    .topbar-wrapper{

        padding:0 30px;

    }



    .nav-menu{

        gap:20px;

    }



    .nav-menu li a{

        font-size:15px !important;

    }



}



/* =========================================

   1440px

========================================= */



@media (max-width:1440px){



    .logo img{

        height:50px !important;

    }



    .nav-menu{

        gap:20px;

    }



    .nav-menu li a{

        font-size:15px !important;

    }

    .radar-trigger{

        width:40px;

        height:40px;

    }

}



/* =========================================

   1366px

========================================= */



@media (max-width:1366px){



    .nav-menu{

        gap:20px;

    }



    .nav-menu li a{

        font-size:15px !important;

    }



    .radar-data{

        display:none;

    }



}



/* =========================================

   1280px

========================================= */



@media (max-width:1280px){



    .logo img{

        height:50px !important;

    }



    .nav-menu{

        gap:20px;

    }



    .nav-menu li a{

        font-size:14px !important;

    }



}



/* =========================================

   1200px

========================================= */



@media (max-width:1200px){



    .nav-menu{

        gap:20px;

    }



    .nav-menu li a{

        font-size:13px !important;

        letter-spacing:1px;

    }



    .radar-trigger{

        width:40px;

        height:40px;

    }

    .logo img{

        height:40px !important;

    }



}



/* =========================================

   1024px

========================================= */



@media (max-width:1024px){



    .menu-toggle{

        display:block;

        width:30px;

        cursor:pointer;

        z-index:1001;

    }



    .mobile-contact{

        display:flex;

        align-items:center;

        gap:10px;

        margin-right:15px;

    }



    .mobile-contact a{

        width:40px;

        height:40px;

        border-radius:50%;

        background:#ff9f1c;

        color:#000;

        display:flex;

        align-items:center;

        justify-content:center;

        text-decoration:none;

    }



    .mwt-controls-hub{

        display:none;

    }



    .navbar{

        position:absolute;

        top:100%;

        left:-320px;

        width:320px;

        height:calc(100vh - 85px);

        background:#fff;

        overflow-y:auto;

        display:block;

        transition:.4s ease;

        z-index:999;

        box-shadow:5px 0 20px rgba(0,0,0,.15);

    }



    .navbar.active{

        left:0;

    }



    .nav-menu{

        width:100%;

        flex-direction:column;

        align-items:flex-start;

        gap:0;

        padding:0;

    }



    .nav-menu li{

        width:100%;

        border-bottom:1px solid #eee;

    }



    .nav-menu li a{

        display:block;

        width:100%;

        padding:0 20px;

        line-height:55px;

        font-size:15px;

    }



}



/* =========================================

   991px

========================================= */



@media (max-width:991px){



    .header-container{

        min-height:75px;

    }



    .logo img{

        height:45px;

    }



}



/* =========================================

   768px

========================================= */



@media (max-width:768px){



    .topbar-left{

        display:none;

    }



    .topbar-wrapper{

        justify-content:center;

    }



    .topbar-right{

        width:100%;

        justify-content:center;

    }



    .top-link{

        padding:0 12px;

        font-size:12px;

    }



    .navbar{

        top:75px;

        height:calc(100vh - 75px);

    }



}



/* =========================================

   640px

========================================= */



@media (max-width:640px){



    .logo img{

        height:40px;

    }



    .mobile-contact a{

        width:36px;

        height:36px;

    }



}



/* =========================================

   576px

========================================= */



@media (max-width:576px){



    .top-link{

        font-size:11px;

        padding:0 10px;

    }



    /* .payment-btn span{

        display:none;

    } */



}



/* =========================================

   480px

========================================= */



@media (max-width:480px){



    .navbar{

        width:100%;

        left:-100%;

    }



    .navbar.active{

        left:0;

    }



    .logo img{

        height:38px;

    }



    .top-link{

        padding:0 8px;

        font-size:10px;

    }



}



/* =========================================

   425px

========================================= */



@media (max-width:425px){



    .header-container{

        padding:0 12px;

    }



    .mobile-contact{

        gap:8px;

        margin-right:8px;

    }



    .mobile-contact a{

        width:34px;

        height:34px;

    }



}



/* =========================================

   375px

========================================= */



@media (max-width:375px){



    .logo img{

        height:35px;

    }



    .top-link{

        font-size:9px;

        padding:0 7px;

    }



}



/* =========================================

   360px

========================================= */



@media (max-width:360px){



    .mobile-contact a{

        width:32px;

        height:32px;

    }



    .top-link{

        font-size:8px;

    }



}



/* =========================================

   320px

========================================= */



@media (max-width:320px){



    .logo img{

        height:30px;

    }



    .mobile-contact a{

        width:30px;

        height:30px;

    }



    .top-link{

        padding:0 5px;

        font-size:8px;

    }



    .menu-toggle{

        width:25px;

    }



}



/* =========================================

   ABOUT US DROPDOWN DESKTOP

========================================= */



.has-dropdown{

    position:relative;

}



.has-dropdown > a{

    display:flex;

    align-items:center;

    gap:6px;

}



.mobile-arrow{

    display:none;

}



.desktop-arrow{

    display:inline-block;

    transition:.3s;

}



.dropdown-menu{



    position:absolute;



    top:100%;



    left:0;



    min-width:260px;



    background:#fff;



    list-style:none;



    padding:10px 0;



    margin:0;



    border-radius:12px;



    box-shadow:0 15px 40px rgba(0,0,0,.12);



    opacity:0;



    visibility:hidden;



    transform:translateY(15px);



    transition:.35s ease;



    z-index:99999;

}



.dropdown-menu::before{



    content:"";



    position:absolute;



    top:-7px;



    left:30px;



    width:14px;



    height:14px;



    background:#fff;



    transform:rotate(45deg);

}



.dropdown-menu li{

    width:100%;

}



.dropdown-menu li a{



    display:block;



    width:100%;



    padding:14px 20px;



    color:#333;



    text-decoration:none;



    font-size:14px;



    font-weight:600;



    line-height:normal !important;



    transition:.3s;

}



.dropdown-menu li a:hover{



    background:#ff9f1c;



    color:#fff;



    padding-left:28px;

}



.has-dropdown:hover .dropdown-menu{



    opacity:1;



    visibility:visible;



    transform:translateY(0);

}



.has-dropdown:hover .desktop-arrow{



    transform:rotate(180deg);

}



/* =========================================

   MOBILE ABOUT SUBMENU

========================================= */



.mobile-about-submenu{

    display:none;

}



/* =========================================

   MOBILE

========================================= */



@media(max-width:1024px){



    .desktop-arrow{

        display:none;

    }



    .mobile-arrow{

        display:block;

    }



    /* Desktop Dropdown Hide */



    .dropdown-menu{

        display:none !important;

    }



    .mobile-about-submenu{



        position:absolute;



        top:0;



        left:100%;



        width:100%;



        height:100%;



        background:#fff;



        display:block;



        transition:.4s ease;



        z-index:9999;



        overflow-y:auto;

    }



    .mobile-about-submenu.active{

        left:0;

    }



    .back-to-main{



        width:100%;



        border:none;



        background:#ff9f1c;



        color:#000;



        font-size:15px;



        font-weight:700;



        text-align:left;



        padding:18px 20px;



        cursor:pointer;



        border-bottom:1px solid rgba(0,0,0,.08);

    }



    .back-to-main i{

        margin-right:8px;

    }



    .mobile-about-submenu ul{

        margin:0;

        padding:0;

        list-style:none;

    }



    .mobile-about-submenu ul li{

        border-bottom:1px solid #eee;

    }





    .mobile-about-submenu ul li a:hover{



        background:#f8f8f8;



        color:#ff9f1c;

    }



    .about-open{



        display:flex !important;



        justify-content:space-between;



        align-items:center;



        width:100%;

    }



}



/* =========================================

   SMALL MOBILE

========================================= */



@media(max-width:768px){



    .back-to-main{

        font-size:14px;

        padding:16px 18px;

    }



}



/* =========================================

   EXTRA SMALL

========================================= */



@media(max-width:480px){



    .back-to-main{

        font-size:13px;

    }



    .mobile-about-submenu ul li a{

        font-size:13px;

    }



}







/* =========================================

PREMIUM TAB MEGA MENU

========================================= */



.mega-menu-parent{

    position:static;

}



.mega-menu-parent > a{

    display:flex;

    align-items:center;

    gap:6px;

}



.mega-menu{





    position:fixed;



    top:140px;



    left:0;



    width:100%;



    height:500px;



    background:#fff;



    display:flex;



    opacity:0;



    visibility:hidden;



    transition:.35s;



    box-shadow:0 20px 60px rgba(0,0,0,.12);



    z-index:99999;

    overflow:hidden;





}



.main-header.scrolled .mega-menu{

    top:85px;

}



.mega-menu-parent:hover .mega-menu{





    opacity:1;



    visibility:visible;





}



/* LEFT SIDE */



.mega-left{

        width:320px;

        height:100%;

        overflow-y:auto;



        background:linear-gradient(

            180deg,

            #fff8ec 0%,

            #ffffff 100%

        );



        border-right:1px solid #eee;

        padding:25px;

}



.mega-tab{





    display:flex;



    align-items:center;



    gap:12px;



    padding:8px 12px;



    margin-bottom:10px;



    border-radius:14px;



    cursor:pointer;



    font-size:14px;



    font-weight:700;



    color:#333;



    transition:.35s;







}



.mega-tab i{





    width:42px;



    height:42px;



    background:#fff;



    border-radius:12px;



    display:flex;



    align-items:center;



    justify-content:center;



    color:#0f172a;



    box-shadow:0 5px 15px rgba(0,0,0,.08);





}



.mega-tab:hover,

.mega-tab.active{





    background:#0f172a;



    color:#fff;



    transform:translateX(8px);





}



.mega-tab:hover i,

.mega-tab.active i{





    color:#ff9f1c;



    background:#fff;





}



/* RIGHT SIDE */



.mega-right{

    flex:1;

    height:100%;

    overflow-y:auto;



    padding:35px;

}



.mega-content,.product-mega-content{





    display:none;



    grid-template-columns:

    repeat(4,1fr);



    gap:20px;





}



.mega-content.active{

    display:grid;

}



.product-mega-content.active{

    display: grid;

}



.mega-content a{

    position:relative;



    background:#fff;



    border:1px solid #eee;



    border-radius:18px;



    /* min-height:90px; */



    padding:10px 20px;



    display:flex;



    align-items:center;



    text-decoration:none;



    color:#333;



    font-size:14px;



    font-weight:600;



    transition:.35s;



    overflow:hidden;





}

.product-mega-content a{

    position:relative;



    background:#fff;



    border:1px solid #eee;



    border-radius:18px;



    /* min-height:90px; */



    padding:10px 20px;



    display:flex;



    align-items:center;



    text-decoration:none;



    color:#333;



    font-size:14px;



    font-weight:600;



    transition:.35s;



    overflow:hidden;

}

.mega-content a::before{





    content:"";



    position:absolute;



    left:0;



    top:0;



    width:5px;



    height:100%;



    background:#0f172a;



    transition:.35s;





}



.product-mega-content a::before{

        content:"";



    position:absolute;



    left:0;



    top:0;



    width:5px;



    height:100%;



    background:#0f172a;



    transition:.35s;

}



.mega-content a:hover{





    transform:translateY(-8px);



    box-shadow:0 15px 35px rgba(0,0,0,.12);



    color:#0f172a;





}



.product-mega-content a:hover{

    transform:translateY(-8px);



    box-shadow:0 15px 35px rgba(0,0,0,.12);



    color:#0f172a;

}



.mega-content a:hover::before{





    width:100%;



    opacity:.08;





}



.product-mega-content a:hover::before{

    

    width:100%;



    opacity:.08;

}

/* ICON STYLE */



.mega-content a{



    display:flex;

    align-items:center;

    gap:15px;

}



.product-mega-content a{



    display:flex;

    align-items:center;

    gap:15px;

}



.mega-content a i{



    width:50px;

    height:50px;



    min-width:50px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:14px;



    background:#fff8ec;



    color:#0f172a;



    font-size:20px;



    transition:.35s;

}



.product-mega-content a i{



    width:50px;

    height:50px;



    min-width:50px;



    display:flex;

    align-items:center;

    justify-content:center;



    border-radius:14px;



    background:#fff8ec;



    color:#0f172a;



    font-size:20px;



    transition:.35s;

}



.mega-content a span{



    font-size:14px;

    font-weight:600;

    line-height:22px;

}



.product-mega-content a span{



    font-size:15px;

    font-weight:600;

    line-height:22px;

}

/* HOVER */



.mega-content a:hover i{



    background:#ff9f1c;



    color:#fff;



    transform:rotate(10deg) scale(1.1);

}



.product-mega-content a:hover i{



    background:#ff9f1c;



    color:#fff;



    transform:rotate(10deg) scale(1.1);

}

.mega-content a{



    backdrop-filter:blur(8px);



    background:linear-gradient(

        135deg,

        #ffffff,

        #fafafa

    );

}



.product-mega-content a{



    backdrop-filter:blur(8px);



    background:linear-gradient(

        135deg,

        #ffffff,

        #fafafa

    );

}



.mega-content a:hover{



    background:linear-gradient(

        135deg,

        #fff8ec,

        #ffffff

    );

}



.product-mega-content a:hover{



    background:linear-gradient(

        135deg,

        #fff8ec,

        #ffffff

    );

}

.mega-left::-webkit-scrollbar,

.mega-right::-webkit-scrollbar{

    width:8px;

}



.mega-left::-webkit-scrollbar-track,

.mega-right::-webkit-scrollbar-track{

    background:#f1f1f1;

    border-radius:20px;

}



.mega-left::-webkit-scrollbar-thumb,

.mega-right::-webkit-scrollbar-thumb{

    background:#ff9f1c;

    border-radius:20px;

}



.mega-left::-webkit-scrollbar-thumb:hover,

.mega-right::-webkit-scrollbar-thumb:hover{

    background:#e68900;

}

/* RESPONSIVE */



@media(max-width:1400px){





.mega-content,.product-mega-content{

    grid-template-columns:repeat(3,1fr);

}





}



@media(max-width:1024px){





    .mega-menu{

        display:none !important;

    }



    .navbar{

        overflow-y:auto;

        overflow-x:hidden;

    }



    .mobile-submenu{

        visibility:hidden;

        opacity:0;

        pointer-events:none;

    }



    .mobile-submenu.active{

        visibility:visible;

        opacity:1;

        pointer-events:auto;

    }

    .mobile-about-submenu,

    .mobile-services-menu,

    .mobile-submenu{



        overflow-y:auto;

        overflow-x:hidden;



        height:100%;

    }





}



/* =====================================

   DYNAMIC MOBILE SUBMENU

===================================== */



.mobile-submenu{

    display:none;

}



@media(max-width:1024px){



    .mobile-submenu{



        position:absolute;

        top:0;

        left:100%;



        width:100%;

        height:100%;



        background:#fff;



        z-index:9999;



        transition:.35s ease;



        overflow-y:auto;



        display:block;

    }



    .mobile-submenu.active{

        left:0;

    }



    .back-main,

    .back-services{



        width:100%;

        border:none;



        background:#ff9f1c;

        color:#000;



        font-size:15px;

        font-weight:700;



        text-align:left;



        padding:18px 20px;



        cursor:pointer;

    }



    .mobile-submenu ul{



        list-style:none;

        margin:0;

        padding:0;

    }



    .mobile-submenu li{



        border-bottom:1px solid #eee;

    }



    .mobile-submenu li a{



        display:flex;

        align-items:center;



        padding:18px 20px;



        color:#333;

        text-decoration:none;



        font-weight:600;



        gap:12px;

    }

    .mobile-submenu li a .fa-angle-right{

        margin-left:auto;

    }

    .mobile-submenu li a i{



        color:#ff9f1c;

    }



}

@media(max-width:1024px){



    .about-open,

    .services-open,

    .webdesign-open,

    .graphic-open

    .pricing-open{



        display:flex !important;



        justify-content:space-between;



        align-items:center;



        width:100%;

    }



    .about-open .mobile-arrow,

    .services-open .mobile-arrow,

    .webdesign-open .mobile-arrow,

    .graphic-open .mobile-arrow,

    .pricing-open .mobile-arrow{



        display:block;



        font-size:14px;



        color:#999;

    }

}



@media(max-width:1024px){



    .portfolio-open{

        display:flex !important;

        justify-content:space-between;

        align-items:center;

        width:100%;

    }



    .portfolio-open .mobile-arrow{

        display:block;

        margin-left:auto;

        font-size:14px;

        color:#999;

    }



}



@media(max-width:1024px){



    .pricing-open{

        display:flex !important;

        justify-content:space-between;

        align-items:center;

        width:100%;

    }



    .pricing-open .mobile-arrow{

        display:block;

        margin-left:auto;

        font-size:14px;

        color:#999;

    }



}



.services-open .desktop-arrow,

.portfolio-open .desktop-arrow,

.pricing-open .desktop-arrow{

    transition:0.3s ease;

}



.mega-menu-parent:hover .services-open .desktop-arrow,

.mega-menu-parent:hover .portfolio-open .desktop-arrow,

.mega-menu-parent:hover .pricing-open .desktop-arrow{

    transform:rotate(180deg);

}







/* ================= CINEMATIC VORTEX HERO SLIDER ================= */

.mwt-vortex-hero {

    position: relative;

    width: 100%;

    height: clamp(560px, 56vw, 550px);

    background: #0f172a;

    overflow: hidden;

    perspective: 3000px;

}



/* Sci-fi Electronic Circuit Matrix Line Background */

.mwt-vortex-circuit {

    position: absolute;

    inset: 0;

    background-image: 

        linear-gradient(rgba(255, 159, 28, 0.04) 1px, transparent 1px),

        linear-gradient(90deg, rgba(255, 159, 28, 0.04) 1px, transparent 1px);

    background-size: 40px 40px;

    z-index: 1;

    pointer-events: none;

}



/* Deep Space Ambient Glow Core Engine */

.mwt-vortex-core-glow {

    position: absolute;

    top: -10%;

    right: -10%;

    width: 55%;

    height: 75%;

    background: radial-gradient(circle, rgba(11, 49, 103, 0.28) 0%, transparent 70%);

    filter: blur(45px);

    z-index: 2;

    pointer-events: none;

}



.mwt-vortex-container {

    width: 100%;

    height: 100%;

    position: relative;

}



/* THE ULTIMATE LIQUID DISTORTION TRANSITION MECHANIC */

.mwt-vortex-slide {

    position: absolute;

    inset: 0;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

    

    /* 3D Twist-Warp Distortion Reveal */

    transform: scale(1.15) rotate(4deg) translateZ(-150px);

    filter: blur(20px);

    transition: transform 1.1s cubic-bezier(0.2, 1, 0.2, 1), filter 1.1s ease, opacity 1.1s ease;

}



.mwt-vortex-slide.active {

    opacity: 1;

    visibility: visible;

    z-index: 3;

    transform: scale(1) rotate(0deg) translateZ(0);

    filter: blur(0);

}



/* Symmetrical Dynamic Wrapper Framework */

.mwt-vortex-wrapper {

    display: flex;

    width: 100%;

    height: 100%;

    align-items: center;

    padding: 0 clamp(40px, 9vw, 140px);

}



/* LEFT SIDE - FLUID DIGITAL CONTENT CORE */

.mwt-vortex-left-info {

    width: 55%;

    position: relative;

    z-index: 5;

}



/* RIGHT SIDE - NEON TARGET HUB */

.mwt-vortex-right-visual {

    width: 45%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    z-index: 4;

}



.mwt-vortex-target-stage {

    position: relative;

    width: clamp(280px, 32vw, 460px);

    height: clamp(280px, 32vw, 460px);

    display: flex;

    align-items: center;

    justify-content: center;

}



/* DOUBLE CONCENTRIC KINETIC HUD RINGS */

.mwt-neon-hud-ring {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 1;

}



.mwt-neon-hud-ring.ring-clockwise {

    width: 100%;

    height: 100%;

    border: 2px dashed rgba(255, 159, 28, 0.2);

    animation: spinClockwise 25s linear infinite;

}



.mwt-neon-hud-ring.ring-counter {

    width: 82%;

    height: 82%;

    border: 1px dotted rgba(11, 49, 103, 0.5);

    animation: spinCounter 15s linear infinite;

}



@keyframes spinClockwise {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}



@keyframes spinCounter {

    0% { transform: rotate(360deg); }

    100% { transform: rotate(0deg); }

}



/* MASTER DIGITAL IMAGE COMPONENT */

.mwt-vortex-asset {

    max-width: 170%;

    max-height: 170%;

    object-fit: contain;

    z-index: 3;

    filter: drop-shadow(0 25px 50px rgba(0,0,0,0.6));

    

    /* Advanced 3D Pull Reveal On Entry */

    transform: scale(0.65) translateZ(-100px);

    opacity: 0;

    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0.15s, opacity 1.2s ease 0.15s;

}



.mwt-vortex-slide.active .mwt-vortex-asset {

    transform: scale(1) translateZ(0);

    opacity: 1;

    animation: cosmicFloatCore 5s ease-in-out infinite alternate 1.35s;

}



@keyframes cosmicFloatCore {

    0% { transform: translateY(0px) rotate(0deg); }

    100% { transform: translateY(-16px) rotate(1deg); }

}







/* ================= HARDCORE TYPOGRAPHY & ELEMENTS ANIMATIONS ================= */



/* 1. NODE CONSOLE STATUS BADGE */

.mwt-vortex-badge {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: rgba(255, 255, 255, 0.02);

    border: 1px solid rgba(255, 255, 255, 0.06);

    padding: 15px 14px;

    border-radius: 3px;

    margin-bottom: 25px;

    

    transform: translateY(-40px);

    opacity: 0;

    transition: transform 0.65s cubic-bezier(0.25, 1, 0.5, 1) 0.4s, opacity 0.65s ease 0.4s;

}



.mwt-vortex-flash {

    width: 6px;

    height: 6px;

    background: #ff9f1c;

    border-radius: 50%;

    box-shadow: 0 0 10px #ff9f1c;

    animation: flashBeacon 1.5s infinite;

}



@keyframes flashBeacon {

    0% { transform: scale(1); opacity: 1; }

    100% { transform: scale(2.8); opacity: 0; }

}



.mwt-vortex-string {

    font-size: 12px;

    color: #94a3b8;

    font-weight: 900;

    letter-spacing: 2px;

}



/* 2. CHROMA GRADIENT TITLES WITH STAGGERED BLUR DISPLACE */

.mwt-vortex-title {

    font-size: clamp(24px, 3.6vw, 50px);

    font-weight: 950;

    color: #ffffff;

    line-height: 1.15;

    margin-bottom: 22px;

    letter-spacing: -0.5px;

    text-transform: uppercase;

    filter: blur(12px);



}



.mwt-neon-chroma {

    color: #ff9f1c;

    /* background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; */

    filter: drop-shadow(0 0 20px rgba(255, 159, 28, 0.4));

}



/* 3. PARAGRAPHS DESCRIPTION */

.mwt-vortex-desc {

    font-size: clamp(13px, 1.25vw, 16px);

    color:white;

    line-height: 1.65;

    margin-bottom: 38px;

    max-width: 550px;

    font-weight: 500;

    letter-spacing: 1.5px;

    filter: blur(8px);

}





/* 4. PREMIUM SCIFI INTERACTIVE CAPSULE BUTTON LINK */

.mwt-vortex-action-zone {

    display: inline-block;

}



.mwt-vortex-btn {

    display: flex;

    align-items: center;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.12);

    text-decoration: none;

    border-radius: 4px;

    overflow: hidden;



}



.mwt-vortex-btn-txt {

    padding: 15px 32px;

    color: #ffffff;

    font-size: clamp(11px, 1.1vw, 14px);

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition: background 0.35s, color 0.35s;

}



.mwt-vortex-btn-icon {

    padding: 15px 22px;

    background: rgba(255, 255, 255, 0.04);

    color: #ff9f1c;

    font-size: 14px;

    border-left: 1px solid rgba(255, 255, 255, 0.12);

    transition: background 0.35s, color 0.35s, border-color 0.35s;

}



/* Hover Science Mechanics */

.mwt-vortex-btn:hover {

    border-color: #ff9f1c;

    box-shadow: 0 12px 35px rgba(255, 159, 28, 0.2);

}



.mwt-vortex-btn:hover .mwt-vortex-btn-txt {

    background: #ff9f1c;

    color: #010409;

}



.mwt-vortex-btn:hover .mwt-vortex-btn-icon {

    background: #ffffff;

    color: #010409;

    border-left-color: #ff9f1c;

}



/* AUTOMATICALLY HOOK TRANSITIONS VIA ACTIVE STATE CLASS */

/* .mwt-vortex-slide.active .mwt-vortex-badge { transform: translateY(0); opacity: 1; }

.mwt-vortex-slide.active .mwt-vortex-title { transform: translateY(0); filter: blur(0); opacity: 1; }

.mwt-vortex-slide.active .mwt-vortex-desc { transform: translateY(0); filter: blur(0); opacity: 1; }

.mwt-vortex-slide.active .mwt-vortex-btn { transform: scale(1); opacity: 1; } */





/*.mwt-vortex-controls-hud {

    display: none !important;

}*/



.mwt-vortex-nav-arrows {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%);

    width: 100%;

    display: flex;

    justify-content: space-between;

    padding: 0 30px;

    z-index: 100;

    pointer-events: none; 

}



.nav-arrow {

    width: 50px;

    height: 50px;

    background: rgba(255, 159, 28, 0.2);

    border: 1px solid rgba(255, 159, 28, 0.4);

    color: #ff9f1c;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    font-size: 20px;

    transition: 0.3s;

    pointer-events: auto; 

}



.nav-arrow:hover {

    background: #ff9f1c;

    color: #0f172a;

    box-shadow: 0 0 20px rgba(255, 159, 28, 0.5);

}



.mwt-vortex-action-zone{

    display:flex;

    align-items:center;

    gap:15px;

    flex-wrap:wrap;

}



.mwt-vortex-btn{

    display:flex;

    align-items:center;

    text-decoration:none;

    border-radius:6px;

    overflow:hidden;

    transition:.35s ease;

}



.primary-btn{

    background:#ff9f1c;

    border:1px solid #ff9f1c;

}



.primary-btn .mwt-vortex-btn-txt{

    color:#000;

}



.primary-btn .mwt-vortex-btn-icon{

    background:rgba(0,0,0,.12);

    color:#000;

}



.secondary-btn{

    background:transparent;

    border:1px solid rgba(255,255,255,.25);

}



.secondary-btn:hover{

    border-color:#ff9f1c;

}



@media(max-width:768px){



    .mwt-vortex-action-zone{

        gap:12px;

    }



    .mwt-vortex-btn{

        width:fit-content;

        justify-content:center;

    }



    .mwt-vortex-btn-txt{

        padding:14px 20px;

        text-align:center;

    }



    .mwt-vortex-btn-icon{

        padding:14px 18px;

    }

}



@media(max-width:480px){



    .mwt-vortex-action-zone{

        flex-direction:column;

        width:100%;

    }



    .mwt-vortex-btn{

        width:fit-content;

    }

}



@media (max-width: 768px) {

    .mwt-vortex-nav-arrows {

        padding: 0 10px;

    }

    .nav-arrow {

        width: 40px;

        height: 40px;

        font-size: 16px;

    }

}



/* ================= UNBREAKABLE 100% PRO-GRADE RESPONSIVE ADAPTER SYSTEM ================= */



@media (max-width: 1200px) {

    .mwt-vortex-hero { height: 500px; }

    .mwt-vortex-wrapper { padding: 0 50px; }

    .mwt-vortex-left-info { width: 58%; }

    .mwt-vortex-right-visual { width: 42%; }

}



@media (max-width: 991px) {

    .mwt-vortex-hero {  

        height: 750px; 

        /* min-height: 100vh;  */

        padding: 60px 0; 

    }

    .mwt-vortex-wrapper { 

        flex-direction: column !important; 

        padding: 40px 20px; 

        justify-content: center; 

        gap: 30px; 

    }

    

    .mwt-vortex-left-info { 

        width: 100%; 

        text-align: center;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }

    

    .mwt-vortex-desc { margin-left: auto; margin-right: auto; }

    .mwt-vortex-title { transform: translateY(25px); }

    .mwt-vortex-desc { transform: translateY(15px); }

    

    .mwt-vortex-right-visual { 

        display: flex !important; 

        width: 100%;

        justify-content: center;

        align-items: center;

    }

    

    /* .mwt-vortex-target-stage {

        width: clamp(240px, 50vw, 360px);

        height: clamp(240px, 50vw, 360px);

    } */



    .mwt-vortex-asset {

        max-width: 120% !important;

        max-height: 120% !important;

        opacity: 1 !important;

        transform: scale(1) !important;

    }

    .mwt-vortex-nav-arrows {

        top: 50%;

        transform: translateY(-50%);

        padding: 0 10px;

    }

}



@media (max-width: 480px) {

    .mwt-vortex-hero {

        padding: 40px 0;

    }

    .mwt-vortex-wrapper { padding: 20px 15px; gap: 20px; }

    .mwt-vortex-badge { margin-bottom: 12px; }

    .mwt-vortex-title { margin-bottom: 10px; }

    .mwt-vortex-desc { margin-bottom: 20px; }

    .nav-arrow {

        width: 35px;

        height: 35px;

        font-size: 14px;

    }

}



/* HIDE ALL TEXT FIRST */



.mwt-vortex-badge,

.mwt-vortex-title,

.mwt-vortex-desc,

.mwt-vortex-action-zone{

    opacity:0;

}



/* IMAGE FIRST */



.mwt-vortex-slide.active .mwt-vortex-asset{

    animation:imageRight .8s ease forwards;

}



@keyframes imageRight{

    from{

        opacity:0;

        transform:translateX(200px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}



/* BADGE */



.mwt-vortex-slide.active .mwt-vortex-badge{

    animation:badgeDown .6s ease forwards;

    animation-delay:1s;

}



/* TITLE */



.mwt-vortex-slide.active .mwt-vortex-title{

    animation:titleLeft .6s ease forwards;

    animation-delay:1.3s;

}



/* DESCRIPTION */



.mwt-vortex-slide.active .mwt-vortex-desc{

    animation:descUp .6s ease forwards;

    animation-delay:1.6s;

}



/* BUTTON */



.mwt-vortex-slide.active .mwt-vortex-action-zone{

    animation:btnJump .8s ease forwards;

    animation-delay:1.9s;

}



@keyframes badgeDown{

    from{

        opacity:0;

        transform:translateY(-60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



@keyframes titleLeft{

    from{

        opacity:0;

        transform:translateX(-120px);

        filter:blur(12px);

    }

    to{

        opacity:1;

        transform:translateX(0);

        filter:blur(0);

    }

}



@keyframes descUp{

    from{

        opacity:0;

        transform:translateY(60px);

        filter:blur(8px);

    }

    to{

        opacity:1;

        transform:translateY(0);

        filter:blur(0);

    }

}



@keyframes btnJump{

    0%{

        opacity:0;

        transform:scale(.5);

    }



    70%{

        opacity:1;

        transform:scale(1.1);

    }



    100%{

        opacity:1;

        transform:scale(1);

    }

}

/* ================= THE ULTIMATE FULL-WIDTH DOMAIN SEARCH ================= */

.mwt-fullwidth-search-bar {

    position: relative;

    width: 100%;

    background: #0b3167;

    padding: 50px 0;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);

}

.mwt-fullwidth-search-bar::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 35%;

    height: 100%;

    background: linear-gradient(135deg, rgba(255, 159, 28, 0.1) 0%, rgba(255, 183, 3, 0.05) 100%);

    transform: skewX(-20deg) translateX(50px);

    pointer-events: none;

}



.mwt-fw-wrapper {

    width: 100%;

    padding: 0 4%; 

    margin: 0 auto;

}



.mwt-fw-content-grid {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    width: 100%;

}



/* LEFT SIDE INFO */

.mwt-fw-info-side {

    flex: 0 0 30%;

    min-width: 280px;

}



.mwt-fw-mini-tag {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #ff9f1c;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.5px;

    margin-bottom: 10px;

}



.mwt-fw-sec-title {

    color: #ffffff;

    font-size: clamp(22px, 2vw, 32px);

    font-weight: 900;

    line-height: 1.2;

    letter-spacing: -0.5px;

}



.mwt-fw-highlight {

    color: #ff9f1c;

    position: relative;

}



/* RIGHT SIDE FORM FIELD CONTAINER */

.mwt-fw-form-side {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.mwt-fw-tip-text {

    color: white;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 1px;

}



.mwt-fw-search-box {

    display: flex;

    align-items: center;

    gap: 15px;

    width: 100%;

}



/* THE PREMIUM FLUID CAPSULE INPUT */

.mwt-fw-input-container {

    display: flex;

    align-items: center;

    flex: 1;

    background: #ffffff;

    border-radius: 8px; 

    padding: 4px;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);

}



.mwt-fw-www {

    background: #f1f5f9;

    color: #0b3167;

    font-weight: 800;

    font-size: 15px;

    padding: 12px 20px;

    border-radius: 6px;

}



.mwt-fw-input {

    flex: 1;

    border: none;

    outline: none;

    background: transparent;

    padding: 0 20px;

    font-size: 15px;

    font-weight: 500;

    color: black;

    letter-spacing: 1px;

}



.mwt-fw-input::placeholder {

    color: #94a3b8;

}



/* DROPDOWN CUSTOM PACK */

.mwt-fw-select-box {

    position: relative;

    display: flex;

    align-items: center;

    /* background: #f8fafc; */

    /* border-left: 1px solid #e2e8f0; */

    padding: 0 20px;

    height: 100%;

}



.mwt-fw-dropdown {

    border: none;

    outline: none;

    background: transparent;

    font-size: 16px;

    font-weight: 700;

    color: #0b3167;

    cursor: pointer;

    padding-right: 20px;

    appearance: none;

    -webkit-appearance: none;

}



.mwt-fw-arrow {

    position: absolute;

    right: 18px;

    font-size: 12px;

    color: #0b3167;

    pointer-events: none;

}



/* BUTTON CONTROLS */

.mwt-fw-buttons {

    display: flex;

    gap: 12px;

}



/* Button 1: Search */

.mwt-fw-btn-search {

    background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%);

    color: #0b3167;

    border: none;

    outline: none;

    padding: 16px 30px;

    font-size: 14px;

    font-weight: 800;

    text-transform: uppercase;

    border-radius: 8px;

    cursor: pointer;

    white-space: nowrap;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    box-shadow: 0 4px 15px rgba(255, 159, 28, 0.3);

    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.mwt-fw-btn-search:hover {

    background: #ffffff;

    color: #0b3167;

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);

}



/* Button 2: Hosting Link */

.mwt-fw-btn-hosting {

    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

    text-decoration: none;

    padding: 16px 25px;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    border-radius: 8px;

    border: 1px solid rgba(255, 255, 255, 0.15);

    white-space: nowrap;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    transition: all 0.3s ease;

}



.mwt-fw-btn-hosting:hover {

    background: #ffffff;

    color: #0b3167;

    border-color: #ffffff;

    transform: translateY(-2px);

}



/* ================= COMPACT FULL RESPONSIVE CONVERTER ================= */



@media (max-width: 1200px) {

    .mwt-fw-content-grid {

        gap: 25px;

    }

}

@media (max-width: 1024px) {

    .mwt-fw-content-grid {

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

    }

    .mwt-fw-info-side {

        width: 100%;

    }

    .mwt-fw-form-side {

        width: 100%;

    }

}

@media (max-width: 768px) {

    .mwt-fullwidth-search-bar {

        padding: 35px 0;

    }

    .mwt-fw-search-box {

        flex-direction: column; 

        align-items: stretch;

        gap: 15px;

    }

    .mwt-fw-buttons {

        width: 100%;

    }

    .mwt-fw-btn-search, .mwt-fw-btn-hosting {

        flex: 1;

        justify-content: center;

        padding: 14px;

        font-size: 13px;

    }

}



@media (max-width: 420px) {

    .mwt-fw-www {

        padding: 10px 12px;

        font-size: 13px;

    }

    .mwt-fw-input {

        padding: 0 10px;

        font-size: 14px;

    }

    .mwt-fw-select-box {

        padding: 0 10px;

    }

    .mwt-fw-dropdown {

        font-size: 14px;

    }

    .mwt-fw-buttons {

        flex-direction: column; 

    }

}



/* ================= GEOMETRIC WELCOME & STATS SECTION ================= */

.mwt-welcome-premium-sec {

    position: relative;

    width: 100%;

    background: #ffffff;

    padding: 40px 0 30px 0;

    overflow: hidden;

}



.mwt-welcome-container {

    max-width: 1250px;

    margin: 0 auto;

    padding: 0 20px;

    position: relative;

}



.mwt-welcome-layout-grid {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 50px;

    width: 100%;

    margin-bottom: 30px;

}

.mwt-welcome-visual-side {

    flex: 0 0 45%;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

}



.mwt-orbit-ring-holder {

    position: relative;

    width: clamp(260px, 35vw, 600px);

    height: clamp(260px, 35vw, 600px);

    display: flex;

    align-items: center;

    justify-content: center;

}



.mwt-orbit-circle-deco {

    position: absolute;

    inset: -15px;

    border: 15px solid #ff9f1c; 

    border-radius: 50%;

    z-index: 1;

    pointer-events: none;

}



/* Rounded Mask for Inside Image */

.mwt-image-circle-mask {

    width: 100%;

    height: 100%;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

    z-index: 2;

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);

    background: #f1f5f9;

}



.mwt-image-circle-mask img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.5s ease;

}



.mwt-orbit-ring-holder:hover .mwt-image-circle-mask img {

    transform: scale(1.05); 

}



/* --- RIGHT SIDE: PREMIUM TYPOGRAPHY --- */

.mwt-welcome-content-side {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



.mwt-welcome-subtitle {

    color: #ff9f1c;

    font-size: clamp(12px, 1.1vw, 15px);

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 8px;

    text-transform: uppercase;

}



.mwt-welcome-main-title {

    color: #ff9f1c; 

    font-size: clamp(24px, 2.8vw, 44px); 

    font-weight: 900;

    line-height: 1.15;

    letter-spacing: -0.5px;

    margin-bottom: 25px;

}



.blue-brand-text {

    color: #0b3167; 

}



.mwt-welcome-paragraph-box {

    color: black;

    font-size: clamp(13px, 1.1vw, 15px);

    line-height: 1.6;

    display: flex;

    flex-direction: column;

    gap: 15px;

    margin-bottom: 30px;

    text-align: justify;

    font-weight: 500;

    letter-spacing: 1px;

}



.mwt-welcome-paragraph-box strong {

    color: #0b3167;

    font-weight: 800;

    letter-spacing: 1px;

}



.text-highlight {

    color: #0b3167;

    font-weight: 800;

    letter-spacing: 1px;

}



/* Premium Action Button */

.mwt-welcome-btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 14px 35px;

    background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%);

    color: #0b3167;

    text-decoration: none;

    font-weight: 800;

    border-radius: 30px;

    font-size: 14px;

    text-transform: uppercase;

    box-shadow: 0 8px 20px rgba(255, 159, 28, 0.3);

    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
	margin-top:10px;

}



.mwt-welcome-btn i {

    font-size: 15px;

    transition: transform 0.3s ease;

}



.mwt-welcome-btn:hover {

    background: #0b3167;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(11, 49, 103, 0.3);

}



.mwt-welcome-btn:hover i {

    color: #ff9f1c;

    transform: translateX(3px);

}

/* ================= NEW ISOLATED FULL-WIDTH COUNTER SECTION ================= */

.mwt-isolated-counter-sec {

    width: 100%;

    background: #0b3167;

    padding: 30px 0;

    position: relative;

    overflow: hidden;

}


.mwt-isolated-counter-sec::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, rgba(255, 159, 28, 0.04) 1px, transparent 1px);

    background-size: 80px 100%;

    pointer-events: none;

}



.counter-fluid-wrapper {

    width: 100%;

    padding: 0 4%;

    margin: 0 auto;

}



.mwt-isolated-counter-sec .mwt-floating-stats-dock {

    position: static;

    transform: none;

    width: 100%;

    background: transparent;

    box-shadow: none;

    padding: 0;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}



.mwt-isolated-counter-sec .mwt-stat-core-item {

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 15px 20px;

    /* background: rgba(255, 255, 255, 0.03);

    border: 1px solid rgba(255, 255, 255, 0.06);*/

    border-radius: 12px;

    transition: all 0.4s ease;

}



.mwt-isolated-counter-sec .mwt-stat-core-item:hover {

    background: rgba(255, 159, 28, 0.1);

    border-color: #ff9f1c;

    transform: translateY(-5px);

}



.mwt-isolated-counter-sec .mwt-stat-icon-wrap {

    width: 60px;

    height: 60px;

    background: rgba(255, 159, 28, 0.1);

    border: 1px solid rgba(255, 159, 28, 0.2);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ff9f1c;

    font-size: 26px;

    flex-shrink: 0;

    transition: all 0.4s ease;

}



.mwt-isolated-counter-sec .mwt-stat-core-item:hover .mwt-stat-icon-wrap {

    background: #ff9f1c;

    color: #0b3167;

    transform: rotateY(180deg);

}



.mwt-isolated-counter-sec .mwt-stat-data {

    display: flex;

    flex-direction: column;

}



.mwt-isolated-counter-sec .mwt-counter-number {

    color: #ffffff;

    font-size: clamp(28px, 2.5vw, 42px);

    font-weight: bold;

    line-height: 1.1;

    letter-spacing: 1px;

}



.mwt-isolated-counter-sec .mwt-counter-label {

    color: #94a3b8;

    font-size: 16px;

    font-weight: 600;

    /* text-transform: uppercase; */

    letter-spacing: 1px;

    margin-top: 4px;

}



@media (max-width: 991px) {

    .mwt-welcome-premium-sec {

        padding: 60px 0 40px 0 !important; 

    }

}



/* ================= MEDIA QUERIES FOR COUNTER SECTION ================= */



@media (max-width: 1200px) {

    .mwt-isolated-counter-sec .mwt-floating-stats-dock {

        gap: 20px;

    }

    .mwt-isolated-counter-sec .mwt-stat-core-item {

        padding: 12px 15px;

    }

}



@media (max-width: 991px) {

    .mwt-isolated-counter-sec {

        padding: 40px 0;

    }

    .mwt-isolated-counter-sec .mwt-floating-stats-dock {

        grid-template-columns: repeat(2, 1fr); /* ટેબ્લેટ પર ૨ કોલમ */

        gap: 20px;

    }

}



@media (max-width: 576px) {

    .mwt-isolated-counter-sec {

        padding: 30px 0;

    }

    .mwt-isolated-counter-sec .mwt-floating-stats-dock {

        grid-template-columns: 1fr; /* મોબાઈલ પર ૧ કોલમ */

        gap: 15px;

    }

    .mwt-isolated-counter-sec .mwt-stat-core-item {

        padding: 15px;

    }

    .counter-fluid-wrapper {

        padding: 0 20px;

    }

}



/* ================= 100% UNBREAKABLE RESPONSIVE ADAPTER ================= */

@media (max-width: 991px) {

    .mwt-welcome-premium-sec {

        padding: 60px 0 260px 0; 

    }

    .mwt-welcome-layout-grid {

        flex-direction: column; 

        gap: 40px;

    }

    .mwt-welcome-visual-side {

        width: 100%;

    }

    .mwt-welcome-content-side {

        width: 100%;

        align-items: center;

        text-align: center;

    }

    .mwt-welcome-paragraph-box {

        text-align: center;

    }

    .mwt-floating-stats-dock {

        grid-template-columns: repeat(2, 1fr); 

        bottom: -220px;

        padding: 25px;

    }

    .mwt-stat-core-item {

        border-right: none; 

        background: rgba(255, 255, 255, 0.03);

        padding: 15px;

        border-radius: 8px;

    }

}



@media (max-width: 500px) {

    .mwt-welcome-premium-sec {

        padding: 40px 0 380px 0; 

    }

    .mwt-floating-stats-dock {

        grid-template-columns: 1fr;

        bottom: -350px;

        width: 92%;

        gap: 12px;

        padding: 15px;

    }

    .mwt-stat-core-item {

        padding: 10px;

    }

    .mwt-counter-number {

        font-size: 24px;

    }

    .mwt-counter-label {

        font-size: 10px;

    }

}



/* ================= NEXT-GEN CYBER DECK ENGINE (PURE WHITE BG) ================= */

.mwt-cyber-hive-sec {

    position: relative;

    width: 100%;

    background: #ffffff; /* Explicitly fixed to pure white background surface */

    /* Light technological coordinates pattern mask overlay to establish core structural layers */

    background-image: radial-gradient(rgba(11, 49, 103, 0.02) 1px, transparent 0);

    background-size: 26px 26px;

    padding: 95px 0;

    overflow: hidden;

    font-family: 'Montserrat', sans-serif;

}



.mwt-hive-fluid-wrap {

    width: 100%;

    padding: 0 4%;

    margin: 0 auto;

}



/* Header Text Core Identity Branding Setup */

.mwt-hive-main-head {

    text-align: center;

    max-width: 800px;

    margin: 0 auto 60px auto;

}



.mwt-hive-mini-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    background: rgba(11, 49, 103, 0.05);

    color: #0b3167;

    border: 1px solid rgba(11, 49, 103, 0.1);

    font-size: 11px;

    font-weight: 900;

    padding: 6px 16px;

    border-radius: 4px;

    letter-spacing: 2px;

    margin-bottom: 20px;

}



.mwt-hive-sec-title {

    color: #0b3167; 

    font-size: clamp(26px, 3.2vw, 46px);

    font-weight: 900; 

    line-height: 1.2;

    letter-spacing: -0.5px;

    margin-bottom: 15px;

}



.mwt-orange-neon {

    color: #ff9f1c; 

    text-shadow: 0 4px 15px rgba(255, 159, 28, 0.25);

}



.mwt-hive-sub-txt {

    color: #475569;

    font-size: 14.5px;

    font-weight: 500; 

    margin-bottom: 25px;

    letter-spacing: 0.5px;

}



.mwt-hive-download-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 15px 36px;

    background: #0b3167;

    color: #ffffff;

    text-decoration: none;

    font-weight: 900; 

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    border-radius: 30px;

    box-shadow: 0 10px 25px rgba(11, 49, 103, 0.15);

    border: 1px solid rgba(255, 255, 255, 0.05);

    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.mwt-hive-download-btn i {

    font-size: 15px;

    color: #ff9f1c;

    transition: transform 0.3s ease;

}



.mwt-hive-download-btn:hover {

    background: #ff9f1c;

    color: #0b3167;

    box-shadow: 0 12px 30px rgba(255, 159, 28, 0.3);

    transform: translateY(-2px);

}



.mwt-hive-download-btn:hover i {

    color: #0b3167;

    transform: translateY(3px);

}



/* Swiper Rails Custom Framework Setup Modules Track */

.mwt-hive-slider-container {

    width: 100%;

    padding: 30px 10px 70px 10px !important;

}



.mwt-hive-mesh-layout {

    display: flex !important;
    height:fit-content !important;

}



/* ULTRA PREMIUM UI STYLE: Asymmetric Slanted Uniform Cyber Blade Platform Card */

.mwt-cyber-slat-card {

    position: relative;

    background: #ffffff;

    border: 1px solid #e2e8f0;

    /* Geometrical forward fin style clip-path pattern block uniform styling */

    clip-path: polygon(0 0, 90% 0, 100% 12%, 100% 100%, 10% 100%, 0 88%);

    border-radius: 0px; 

    overflow: hidden;

    width: 100%;

    height: 100%;

    transition: border-color 0.4s, box-shadow 0.4s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.slat-card-inner {

    position: relative;

    z-index: 5;

    padding: clamp(35px, 4vw, 50px) 26px;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    height: 100%;

    width: 100%;

}



/* NEW ADDITION: High-Tech Connected Circuit Node Tech Grid Background Matrix (Visible Grey Mesh) */

.slat-circuit-matrix-sheet {

    position: absolute;

    inset: 0;

    background-image: 

        radial-gradient(circle at 10% 15%, rgba(11, 49, 103, 0.04) 0%, transparent 55%),

        linear-gradient(rgba(11, 49, 103, 0.02) 1px, transparent 1px),

        linear-gradient(90deg, rgba(11, 49, 103, 0.02) 1px, transparent 1px);

    background-size: 100% 100%, 18px 18px, 18px 18px; /* Clean visible tech matrix net backdrop pattern */

    opacity: 0.95;

    pointer-events: none;

    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}



/* Vector Laser Velocity Line Intersection Pipeline */

.slat-laser-vector-line {

    position: absolute;

    bottom: 0;

    left: -100%;

    width: 100%;

    height: 2px;

    background: linear-gradient(90deg, transparent, #ff9f1c, transparent);

    transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1);

    pointer-events: none;

}



/* AUTOMATIC MICRO LEVITATION RECURSIVE OSCILLATION SEQUENCE (STEADY NORMAL STATE) */

@keyframes cyberSlatFloat {

    0% { transform: translateY(0px); }

    50% { transform: translateY(-6px); }

    100% { transform: translateY(0px); }

}



.slat-icon-scope {

    font-size: 36px;

    color: #0b3167;

    width: 72px;

    height: 72px;

    background: rgba(11, 49, 103, 0.03);

    border: 1px dashed rgba(11, 49, 103, 0.15);

    border-radius: 12px; /* Structural industrial square housing setup look */

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    animation: cyberSlatFloat 4s ease-in-out infinite; 

    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), border-style 0.3s, border-color 0.3s, background 0.3s, color 0.3s;

}



.slat-card-title {

    color: #0b3167;

    font-size: clamp(14px, 1.2vw, 16.5px);

    font-weight: 800; 

    letter-spacing: 0.5px;

    margin-bottom: 12px;

    text-transform: uppercase;

    transition: color 0.3s;

}



.slat-card-desc {

    color:black;

    font-size: 13.5px;

    line-height: 1.6;

    font-weight: 500;

    letter-spacing: 1px;

    margin-bottom: 24px;

}



/* Ultra Clean Sharp Structural Action Link Button */

.slat-action-link {

    font-size: 12px;

    font-weight: 800;

    color: #0b3167;              

    text-transform: uppercase;

    text-decoration: none;

    letter-spacing: 1px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 2px solid #0b3167;   

    border-radius: 30px;         

    padding: 10px 24px;          

    background: transparent;     

    margin-top: auto;            

    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

    white-space: nowrap;

}



.slat-action-link i {

    font-size: 11px;

    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.mwt-cyber-slat-card:hover{

    background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%); 

    color: #0b3167;              

    border-color: transparent;  

    box-shadow: 0 5px 15px rgba(255, 159, 28, 0.3); 

}



.slat-action-link:hover {

    background: #0b3167 !important; 

    color: #ffffff !important;     

    border-color: #0b3167 !important;

    transform: translateY(-2px);    

    box-shadow: 0 5px 15px rgba(11, 49, 103, 0.3) !important;

}



.slat-action-link:hover i {

    transform: translateX(4px);    

}



/* Discrete System Hardware Register Array Index Badge Indicator */

.slat-node-index {

    font-size: 12px;

    font-weight: 900; 

    color: #cbd5e1;

    margin-top: 20px;

    font-family: monospace;

    letter-spacing: 1.5px;

    transition: color 0.3s;

}



/* ================= PRESTIGE INTERACTIVE HOVER INTERACTIVE ACTIONS ================= */

.mwt-cyber-slat-card:hover {

    border-color: rgba(11, 49, 103, 0.18);

    background: #ffffff;

    transform: translateY(-8px) scale(1.02); /* Clean stable scaling matrix forward lift */

    box-shadow: 0 30px 60px rgba(11, 49, 103, 0.06);

}



/* Shifting circuit layout lines backward on mouse trigger interaction to expand visual space depth */

.mwt-cyber-slat-card:hover .slat-circuit-matrix-sheet {

    transform: scale(1.08) rotate(1deg);

}



/* Slices laser coordinate vector pulse path indicator line rightwards across rail bounds */

.mwt-cyber-slat-card:hover .slat-laser-vector-line {

    left: 100%;

}



/* Shuts down levitation loops logic seamlessly to enforce continuous mechanical spin loops architecture */

@keyframes continuousSlatSpin {

    from { transform: rotateY(0deg); }

    to { transform: rotateY(360deg); }

}



.mwt-cyber-slat-card:hover .slat-icon-scope {

    animation: continuousSlatSpin 2.5s linear infinite; /* Mechanical looping continuous 3D spin execution on pointer input lock */

    border-style: solid;

    border-color: #ff9f1c;

    background: rgba(255, 159, 28, 0.05);

    color: #ff9f1c;

    box-shadow: 0 5px 22px rgba(255, 159, 28, 0.2);

}



.mwt-cyber-slat-card:hover .slat-card-title {

    color: #ff9f1c; 

}



.mwt-cyber-slat-card:hover .slat-action-link i {

    transform: translateX(5px);

}



.mwt-cyber-slat-card:hover .slat-node-index {

    color: rgba(11, 49, 103, 0.25);

}



/* Swiper Rails Custom Unified Base Dots Styling Modules Customization Control */

.mwt-hive-dots .swiper-pagination-bullet {

    background: #0b3167 !important;

    opacity: 0.2;

    transition: all 0.3s ease;

}

.mwt-hive-dots .swiper-pagination-bullet-active {

    background: #ff9f1c !important;

    opacity: 1;

    width: 25px;

    border-radius: 4px;

}



.mwt-hive-slider-container .swiper-slide {

    display: flex;

    height: auto;

}



.mwt-cyber-slat-card {

    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%; 

}



.slat-card-inner {

    display: flex;

    flex-direction: column;

    height: 100%;

    width: 100%;

    justify-content: flex-start;

}



.slat-card-desc {

    flex-grow: 1; 

    margin-bottom: 20px;

}



.slat-action-link {

    margin-top: auto; 

}



.slat-node-index {

    margin-top: 15px; 

}



/* ================= 100% UNBREAKABLE DECK ADAPTABILITY RESPONSIVE CORES ================= */

@media (max-width: 1100px) {

    /* Balance properties are completely handled internally by active swiper grid tracking objects engine script module */

}



@media (max-width: 600px) {

    .mwt-cyber-slat-card {

        clip-path: polygon(0% 0%, 92% 0%, 100% 8%, 100% 100%, 8% 100%, 0% 92%); /* Mathematical safe boundaries constraint optimization safe profile limits for phones screens frames sizes */

    }

    .slat-card-inner {

        padding: 40px 20px;

    }

    .mwt-cyber-slat-card:hover {

        transform: translateY(-4px) scale(1.01); 

    }

}









/* ================= UNIQUE HEX-MESH SECTION ================= */

.mwt-unique-industry-mesh{

    width:100%;

    padding:40px 0;

    background: linear-gradient(135deg, #121f56, #2b2c2e);

}



/* REMOVE 1200px LIMIT */

.mesh-container{

    width:100%;

    max-width:100%;

    padding:0 50px;

    margin:0;

}



.mesh-header {

    text-align: center;

    margin-bottom: 70px;

}





.mesh-title {

    font-size: clamp(30px, 4vw, 48px);

    font-weight: 900;

    color: #fff;

    letter-spacing: 2px;

}



.gradient-text {

    color: #ff9f1c;

    /* background: linear-gradient(90deg, #ff9f1c, #fbbf24);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; */

}



.mesh-desc{

    color:white;

    font-size:18px;

    font-weight:500;

    max-width:1000px;

    margin:15px auto 0;

    letter-spacing:1px;

}



/* HEX GRID SYSTEM */

.mesh-grid {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 40px;

}



.mesh-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 160px;

    transition: 0.4s;

}



.hex-shape {

    width: 140px;

    height: 140px;

    background: rgba(255, 255, 255, 0.03);

    clip-path: url(#hex-clip);

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    border: 1px solid rgba(255, 159, 28, 0.1);

}



.hex-inner {

    width: 90%;

    height: 90%;

    background: #0f172a;

    clip-path: url(#hex-clip);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 35px;

    color: #ff9f1c;

    transition: 0.5s;

}



.mesh-item:hover .hex-shape {

    transform: translateY(-10px) scale(1.1);

    background: #ff9f1c;

    box-shadow: 0 0 30px rgba(255, 159, 28, 0.3);

}



.mesh-item:hover .hex-inner {

    transform: rotateY(180deg); /* Unique Flip Rotation */

    background: #ff9f1c;

    color: #000;

}



.hex-label{

    color:white;

    font-weight:500;

    font-size:14px;

    letter-spacing:1px;

    /* white-space: nowrap; */

    text-align: center;

    text-transform: uppercase;

}



/* GLOW COLORS */

.tech-glow:hover { box-shadow: 0 0 25px rgba(14, 165, 233, 0.5); }

.health-glow:hover { box-shadow: 0 0 25px rgba(239, 68, 68, 0.5); }



/* ================= RESPONSIVE DESIGN ================= */



@media (max-width: 991px) {

    .mesh-grid { gap: 30px; }

    .mesh-item { width: 140px; }

    .hex-shape { width: 100px; height: 112px; }

}



@media (max-width: 768px) {

    .mwt-unique-industry-mesh { padding: 60px 0; }

    .mesh-grid { gap: 20px; }

}



@media (max-width: 480px) {

    .mesh-item { width: 45%; } 

    .hex-label { font-size: 12px; }

}



/* ================= PREMIUM CYBER PORTFOLIO SECTION ================= */

.mwt-premium-portfolio-sec {

    position: relative;

    width: 100%;

    padding: 40px 0;

    background: #ffffff; 

}



.portfolio-fluid-container {

    width: 100%;

    margin: 0 auto;

    padding: 0 4%;

}



.portfolio-main-header {

    text-align: center;

    max-width: 800px;

    margin: 0 auto 55px auto;

}



.portfolio-tag-line {

    font-size: 13px;

    font-weight: 800;

    color: #ff9f1c; 

    letter-spacing: 2px;

    display: inline-block;

    margin-bottom: 6px;

    text-transform: uppercase;

}



.portfolio-section-title {

    font-size: clamp(26px, 3.2vw, 42px);

    font-weight: 900;

    color: #0b3167;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 12px;

    line-height: 1.2;

}



.portfolio-sub-text {

    font-size: 14.5px;

    color: #475569;

    font-weight: 500;

    line-height: 1.6;

    letter-spacing: 1px;

}



.portfolio-grid-matrix {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

    width: 100%;

}



.portfolio-work-card {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(11, 49, 103, 0.06);

    background: #f8fafc;

    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;

}



.work-img-holder {

    position: relative;

    width: 100%;

    padding-top: 60%; 

    overflow: hidden;

}



.work-img-holder img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.work-card-overlay {

    position: absolute;

    inset: 0;

    background: rgba(11, 49, 103, 0.65);

    backdrop-filter: blur(4px);

    -webkit-backdrop-filter: blur(4px);

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transition: opacity 0.4s ease;

    z-index: 2;

}





.portfolio-action-gate {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 12px;

    width: 100%;

    padding: 0 15px;

}





.view-project-btn {

    padding: 12px 26px;

    background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%);

    color: #0b3167;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    border-radius: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    cursor: pointer;

    width: 170px; 

    transform: translateY(25px);

    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s;

    box-shadow: 0 8px 25px rgba(255, 159, 28, 0.3);

    white-space: nowrap;

}





.view-live-link {

    padding: 12px 26px;

    background: rgba(255, 255, 255, 0.15);

    color: #ffffff;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1px;

    border-radius: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    text-decoration: none;

    width: 170px;

    border: 1px solid rgba(255, 255, 255, 0.3);

    transform: translateY(35px); 

    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s, border-color 0.3s;

    white-space: nowrap;

}



.view-live-link:hover {

    background: #ffffff;

    color: #0b3167;

    border-color: #ffffff;

}



/* HOVER ACTIONS MECHANICS */

.portfolio-work-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 40px rgba(11, 49, 103, 0.15);

}



.portfolio-work-card:hover .work-img-holder img {

    transform: scale(1.08);

}



.portfolio-work-card:hover .work-card-overlay {

    opacity: 1;

}



.portfolio-work-card:hover .view-project-btn {

    transform: translateY(0);

}



.portfolio-work-card:hover .view-live-link {

    transform: translateY(0);

}



/* ================= LIGHTBOX MODAL STYLES ================= */

.portfolio-lightbox-modal {

    position: fixed;

    inset: 0;

    background: rgba(2, 4, 12, 0.95);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    z-index: 2000; 

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.4s ease, visibility 0.4s ease;

}



.portfolio-lightbox-modal.active {

    opacity: 1;

    visibility: visible;

}



.lightbox-stage {

    position: relative;

    max-width: 85%;

    max-height: 85vh;

    transform: scale(0.9);

    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);

}



.portfolio-lightbox-modal.active .lightbox-stage {

    transform: scale(1);

}



.lightbox-stage img {

    max-width: 100%;

    max-height: 85vh;

    object-fit: contain;

    border-radius: 8px;

    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7);

    border: 1px solid rgba(255, 255, 255, 0.08);

}



.lightbox-close-trigger {

    position: absolute;

    top: 30px;

    right: 40px;

    font-size: 50px;

    color: #cbd5e1;

    cursor: pointer;

    transition: color 0.3s, transform 0.3s;

    user-select: none;

    line-height: 1;

    z-index: 2005;

}



.lightbox-close-trigger:hover {

    color: #ff9f1c;

    transform: rotate(90deg);

}



/* ================= PORTFOLIO CTA FOOTER BUTTON ================= */

.portfolio-footer-cta {

    text-align: center;

    margin-top: 60px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.portfolio-cta-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 16px 40px;

    background: linear-gradient(135deg, #0b3167 0%, #071e43 100%);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    text-decoration: none;

    letter-spacing: 1px;

    border-radius: 30px;

    box-shadow: 0 10px 25px rgba(11, 49, 103, 0.15);

    border: 2px solid transparent;

    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

}



.portfolio-cta-btn i {

    font-size: 16px;

    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);

}



.portfolio-cta-btn:hover {

    background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%);

    color: #0b3167;

    transform: translateY(-4px);

    box-shadow: 0 12px 30px rgba(255, 159, 28, 0.3);

}



.portfolio-cta-btn:hover i {

    transform: translateX(6px); 

}



/* ================= RESPONSIVE QUERIES ================= */

@media (max-width: 1100px) {

    .portfolio-grid-matrix {

        grid-template-columns: repeat(2, 1fr);

        gap: 25px;

    }

}



@media (max-width: 768px) {

    .mwt-premium-portfolio-sec {

        padding: 60px 0;

    }

    .portfolio-main-header {

        margin-bottom: 40px;

    }

    .portfolio-grid-matrix {

        gap: 20px;

    }

    .view-project-btn, .view-live-link {

        padding: 10px 20px;

        font-size: 11px;

        width: 150px;

    }

    .lightbox-close-trigger {

        top: 20px;

        right: 25px;

        font-size: 40px;

    }

    .portfolio-footer-cta {

        margin-top: 45px; 

    }

    .portfolio-cta-btn {

        padding: 14px 32px;

        font-size: 14px; 

    }

}



@media (max-width: 520px) {

    .portfolio-fluid-container {

        padding: 0 20px;

    }

    .portfolio-grid-matrix {

        grid-template-columns: 1fr; 

        gap: 20px;

    }

    .lightbox-stage {

        max-width: 92%;

    }

    .portfolio-footer-cta {

        margin-top: 35px;

        padding: 0 10px;

    }

    .portfolio-cta-btn {

        width: 100%; 

        padding: 14px 24px;

        font-size: 13.5px;

    }

}



/* ================= PREMIUM DIAGONAL SHATTER SECTION ================= */

.mwt-premium-diagonal-shatter-sec {

    position: relative;

    width: 100%;

    padding: 40px 0;

    background: #0b3167;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mwt-premium-diagonal-shatter-sec::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, rgba(255, 159, 28, 0.03) 1px, transparent 1px);

    background-size: 60px 100%;

    z-index: 1;

    pointer-events: none;

}



.shatter-geometric-cut {

    position: absolute;

    top: 0;

    right: 0;

    width: 45%;

    height: 100%;

    background: linear-gradient(135deg, #ff9f1c 0%, #ffb703 100%);

    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);

    z-index: 2;

    transition: all 0.6s cubic-bezier(0.25, 1, 0.3, 1);

}



.shatter-fluid-container {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    padding: 0 4%;

    position: relative;

    z-index: 5;

}



.shatter-content-block {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 40px;

    width: 100%;

}



.shatter-main-heading {

    font-size: clamp(26px, 3.6vw, 30px);

    font-weight: 950;

    color: #ffffff;

    text-transform: uppercase;

    line-height: 1.2;

    letter-spacing: -0.5px;

    max-width: 850px;

}



.shatter-action-block {

    display: block;

    width: 100%;

}



.shatter-quote-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 18px 46px;

    background:whitesmoke;

    color: black;

    font-size: 15px;

    font-weight: 800;

    text-transform: uppercase;

    text-decoration: none;

    letter-spacing: 1.5px;

    border-radius: 50px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);

    border: 2px solid transparent;

    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.shatter-quote-button i {

    font-size: 16px;

    transition: transform 0.3s ease;

}



.mwt-premium-diagonal-shatter-sec:hover .shatter-geometric-cut {

    width: 48%;

    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);

}



.shatter-quote-button:hover {

    background: #ffffff;

    color: #0b3167;

    transform: translateY(-5px);

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);

}



.shatter-quote-button:hover i {

    transform: translateX(8px);

}



@media (max-width: 991px) {

    .mwt-premium-diagonal-shatter-sec {

        padding: 90px 0;

    }

    .shatter-geometric-cut {

        width: 100%;

        height: 40%;

        top: auto;

        bottom: 0;

        clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);

    }

    .shatter-content-block {

        gap: 30px;

    }

    .mwt-premium-diagonal-shatter-sec:hover .shatter-geometric-cut {

        width: 100%;

        clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);

    }

    .shatter-quote-button {

        background: #0b3167;

        color: #ffffff;

    }

}



@media (max-width: 520px) {

    .mwt-premium-diagonal-shatter-sec {

        padding: 70px 0;

    }

    .shatter-fluid-container {

        padding: 0 20px;

    }

    .shatter-geometric-cut {

        height: 35%;

    }

    .shatter-quote-button {

        width: 100%;

        padding: 14px 24px;

        font-size: 13.5px;

    }

}

/* ================= CYBER TECH MATRIX ECOSYSTEM (ANIMATED DYNAMIC FULL-WIDTH) ================= */

.mwt-fw-split-tech-sec {

    position: relative;

    width: 100%;

    background: #F4F7FF; /* Rich premium dark sci-fi background space */

    padding: 40px 0;

    overflow: hidden;

}



.fw-tech-full-container {

    width: 100%;

    max-width: 100%; /* Pure full-width grid engine extension */

    margin: 0 auto;

    padding: 0 4%;

}



/* Master Core Heading Structures */

.tech-top-header-zone {

    text-align: center;

    max-width: 800px;

    margin: 0 auto 60px auto;

}



.tech-mini-tag {

    font-size: 11px;

    font-weight: 900;

    color: #ff9f1c;

    letter-spacing: 3px;

    display: inline-block;

    margin-bottom: 12px;

}



.tech-main-heading {

    font-size: clamp(28px, 3.8vw, 48px);

    font-weight: 900;

    color: #0b3167;

    line-height: 1.2;

    letter-spacing: -0.5px;

    margin-bottom: 18px;

    text-transform: uppercase;

}



.tech-gradient-text {

    color: #ff9f1c;

    /* background: linear-gradient(135deg, #ff9f1c 0%, #ff6b00 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent; */

}



.tech-description {

    font-size: 15px;

    color: #6b7280;

    line-height: 1.6;

    font-weight: 500;

    letter-spacing: 1px;

}



/* New Cyber Terminal Interlinked Bar Tabbing Layout */

.tech-cyber-nodes-track-bar {

    width: 100%;

    margin-bottom: 60px;

    overflow-x: auto; /* Drag scroll active for tablet and phone matrix layouts */

    scrollbar-width: none;

    padding: 5px 0;

}

.tech-cyber-nodes-track-bar::-webkit-scrollbar {

    display: none;

}



.tech-filter-nodes-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}



/* Connective Pipeline Line Underlay beneath Node Tracks */

.tech-filter-nodes-wrapper::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 1px;

    background: rgba(255, 255, 255, 0.05);

    z-index: 1;

    transform: translateY(-50%);

}



.tech-panel-btn {

    background: #030712;

    border: 1px solid rgba(255, 255, 255, 0.08);

    color: white;

    padding: 12px 24px;

    font-size: 13.5px;

    font-weight: 800;

    border-radius: 6px;

    cursor: pointer;

    display: flex;

    align-items: center;

    gap: 12px;

    position: relative;

    z-index: 5; /* Overlays pipeline track cleanly */

    text-transform: uppercase;

    letter-spacing: 1px;

    white-space: nowrap;

    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.node-ring-glow {

    width: 8px;

    height: 8px;

    background: transparent;

    border: 2px solid #4b5563;

    border-radius: 50%;

    transition: all 0.3s ease;

}



/* Tab Selection Switches Visual State Tracking Hooks */

.tech-panel-btn:hover {

    color: #ff9f1c;

    border-color: rgba(255, 255, 255, 0.2);

    transform: scale(1.02);

}



.tech-panel-btn:hover .node-ring-glow {

    border-color: #ffffff;

    background: #ffffff;

}



.tech-panel-btn.active {

    background: #030712;

    border-color: #ff9f1c;

    color: #ff9f1c;

    box-shadow: 0 0 15px rgba(255, 159, 28, 0.15);

}



.tech-panel-btn.active .node-ring-glow {

    border-color: #ff9f1c;

    background: #ff9f1c;

    box-shadow: 0 0 10px #ff9f1c, 0 0 20px #ff9f1c;

}



/* Bottom Matrix Engine Fluid Multi Columns Grid Mesh Layout */

.tech-bottom-matrix-display {

    width: 100%;

}



.tech-fluid-cyber-cards-mesh {

    display: grid;

    grid-template-columns: repeat(4, 1fr); /* Balanced 4 columns setup filling edge to edge space */

    gap: 30px;

    width: 100%;

}



/* Premium High-End Node Matrix Blocks Engine */

.tech-matrix-node {

    position: relative;

    background: rgba(255, 255, 255, 0.01);

    border: 1px solid rgba(255, 255, 255, 0.04);

    border-radius: 24px;

    height: 100px; /* Enhanced space distribution layout framework */

    overflow: hidden;

    cursor: default;

    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.4s;

}



.node-inner-layer {

    position: relative;

    z-index: 5;

    padding: 0 28px;

    display: flex;

    align-items: center;

    gap: 24px;

    height: 100%;

    width: 100%;

}



.node-laser-wave-bg {

    position: absolute;

    inset: 0;

    background: radial-gradient(circle at center, rgba(255, 159, 28, 0.15), transparent 70%);

    opacity: 0;

    transition: opacity 0.4s ease;

    pointer-events: none;

}



/* DYNAMIC DISSOLVED FLOATING ROTATION LOOP (NORMAL CORE STATE) */

@keyframes cyberCoreFloat {

    0% { transform: translateY(0px) rotate(0deg); }

    50% { transform: translateY(-8px) rotate(3deg); }

    100% { transform: translateY(0px) rotate(0deg); }

}



.node-icon-capsule {

    font-size: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    animation: cyberCoreFloat 4s ease-in-out infinite; /* Continuous micro-levitation loop execution */

    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), color 0.3s;

}



/* Ecosystem Branding Identity Accent Mapping Module */

.icon-html { color: #e34f26; }

.icon-css { color: #1572b6; }

.icon-js { color: #f7df1e; }

.icon-react { color: #61dafb; }

.icon-angular { color: #dd0031; }

.icon-vue { color: #4fc08d; }

.icon-laravel { color: #ff2d20; }

.icon-php { color: #777bb4; }

.icon-node { color: #339933; }

.icon-python { color: #3776ab; }

.icon-java { color: #007396; }

.icon-net { color: #512bd4; }

.icon-sql { color: #00758f; }

.icon-nosql { color: #47a248; }

.icon-android { color: #3ddc84; }

.icon-apple { color: #000000; }

.icon-flutter { color: #02569b; }

.icon-wordpress { color: #21759b; }

.icon-joomla { color: #f44336; }

.icon-drupal { color: #0077c0; }



.node-meta-block {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.node-title {

    font-size: 17px;

    font-weight: 700;

    color:black;

    letter-spacing: 1px;

    transition: color 0.3s;

}



.node-tag {

    font-size: 11px;

    font-weight: 600;

    color: #4b5563;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition: color 0.3s;

}



/* HIGH-END INTERACTIVE MOUSE CURSOR HOVER TRIGGERS */

.tech-matrix-node:hover {

    transform: translateY(-8px) scale(1.02);

    border-color: rgba(255, 159, 28, 0.4);

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.005) 100%);

    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);

}



.tech-matrix-node:hover .node-laser-wave-bg {

    opacity: 1;

}



/* Interrupts float sequence instantly to initialize 3D mechanical rotation */

.tech-matrix-node:hover .node-icon-capsule {

    animation: none;

    transform: rotateY(360deg) scale(1.18); /* Extreme 3D mechanical spinning animation */

}



.tech-matrix-node:hover .node-title {

    color: #ff9f1c;

}



.tech-matrix-node:hover .node-tag {

    color: #9ca3af;

}



/* Dynamic Interactive Node Active Filter Hidden Node Class Utility Module Control */

.tech-matrix-node.hide-node {

    opacity: 0;

    transform: scale(0.8) translateY(15px);

    pointer-events: none;

    position: absolute;

    visibility: hidden;

    width: 0 !important;

    height: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

    border: none !important;

}



/* ================= 100% UNBREAKABLE HIGH-END RESPONSIVE MEDIA BREAKPOINTS MATRIX ================= */



/* Medium Layout Notebook Profiles Screens */

@media (max-width: 1300px) {

    .tech-fluid-cyber-cards-mesh {

        grid-template-columns: repeat(3, 1fr);

        gap: 20px;

    }

}



/* Medium Tablets Systems Layout Profiles Media Queries Adjustment Modules */

@media (max-width: 991px) {

    .tech-cyber-nodes-track-bar {

        justify-content: flex-start;

        padding-left: 10px;

    }

    .tech-filter-nodes-wrapper {
        margin: 0; /* Snaps bounds leftward flush to boundaries when swipe actions engage */
		flex-wrap: nowrap;
		justify-content: flex-start;
    }

    .tech-fluid-cyber-cards-mesh {

        grid-template-columns: repeat(2, 1fr);

    }

}



/* Touch Smartphone Devices Viewports Media Query Configurations */

@media (max-width: 580px) {
    .mwt-fw-split-tech-sec {
        padding: 60px 0;
    }

    .tech-top-header-zone {
        margin-bottom: 35px;
    }

    .tech-cyber-nodes-track-bar {
        margin-bottom: 40px;
    }

    .tech-fluid-cyber-cards-mesh {
        grid-template-columns: 1fr; /* Complete balanced cascade single block list profile view for mobile spaces */
        gap: 15px;
    }

    .tech-matrix-node {
        height: 105px;
    }

    .node-inner-layer {
        padding: 0 20px;
    }

    .node-icon-capsule {

        font-size: 34px;

    }

    .node-title {

        font-size: 15px;

    }

    .tech-main-heading {

        font-size: 26px;

    }

}



/* ================= PREMIUM CYBER FOOTER SECTION ================= */

.mwt-cyber-footer-sec {

    position: relative;

    width: 100%;

    background: #1D4287;

    padding: 40px;

    overflow: hidden;

}

/* .footer-video-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.footer-video-bg video {

    width: 100%;

    height: 100%;

    object-fit: cover; 

}



.video-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(29, 66, 135, 0.85); 

    z-index: 1;

} */

 .mwt-cyber-footer-sec{

    position:relative;

    overflow:hidden;

}



.mwt-cyber-footer-sec::before{

    content:'';

    position:absolute;

    top:-10%;

    left:-10%;

    width:120%;

    height:120%;



    background:url('../images/your-world-map-image.avif') center center/cover no-repeat;



    animation:worldMove 25s linear infinite alternate;

    z-index:0;

}



.mwt-cyber-footer-sec::after{

    content:'';

    position:absolute;

    inset:0;

    background:rgba(5,10,25,.85);

    z-index:1;

}



.footer-fluid-container{

    position:relative;

    z-index:2;

}



@keyframes worldMove{

    0%{

        transform:scale(1) translateX(0);

    }

    50%{

        transform:scale(1.1) translateX(-30px);

    }

    100%{

        transform:scale(1.15) translateX(30px);

    }

}

.footer-fluid-container {

    width: 100%;

    /* max-width: 1400px; */

    margin: 0 auto;

    padding: 0 4%;

    position: relative;

    z-index: 5;

}



.footer-top-matrix {

    display: grid;

    grid-template-columns: 2fr 1fr 1.2fr 1.2fr;

    gap: 40px;

    padding-bottom: 50px;

    /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */

}



.footer-column {

    display: flex;

    flex-direction: column;

}



.col-brand {

    padding-right: 30px;

}



.footer-logo {

     margin-bottom: 20px;
    background: white;
    border-radius: 10px;
    width: fit-content;
    height: 100px;

}



.footer-logo img {

    height: 70px;
    width: auto;
    display: block;
    /* filter: drop-shadow(2px 4px 6px black); */
    margin-top: 15px;
    padding: 0px 20px;

}



.footer-brand-desc {

    font-size: 14px;

    color:white;

    line-height: 1.6;

    margin-bottom: 25px;

    font-weight: 500;

    letter-spacing: 1px;

}



.footer-social-links {

    display: flex;

    gap: 12px;

}



.footer-social-links a {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.02);

    border: 1px solid rgba(255, 255, 255, 0.06);

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 15px;

    text-decoration: none;

    transition: all 0.3s ease;

}



.footer-social-links a:hover {

    background: #ff9f1c;

    color: #05070f;

    border-color: #ff9f1c;

    transform: translateY(-3px);

    box-shadow: 0 5px 15px rgba(255, 159, 28, 0.3);

}



.footer-col-title {

    font-size: 16px;

    font-weight: 800;

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 25px;

    position: relative;

    padding-bottom: 6px;

    border-left: 30px solid #FFAB2E;

    padding-left: 15px;

    padding-top: 5px;

}



/* .footer-col-title::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 35px;

    height: 2px;

    background: #ff9f1c;

} */



.footer-links-list {

    list-style: none;

    display: flex;

    flex-direction: column;

    gap: 12px;

}



.footer-links-list li a {

    font-size: 14px;

    color:White;

    text-decoration: none;

    font-weight: 600;

    transition: all 0.3s ease;

    display: inline-block;

    letter-spacing: 1px;

}



.footer-links-list li a:hover {

    color: #ff9f1c;

    transform: translateX(5px);

}



.footer-middle-contact-bar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding: 40px 60px;

    /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */

    background: #00000063;

    border-radius: 20px;

}



.footer-contact-node {

    display: flex;

    align-items: center;

    gap: 20px;

    flex: 1;

}



.contact-node-icon {

    width: 80px;

    height: 80px;

    border-radius: 12px;

    background: rgba(255, 159, 28, 0.05);

    border: 1px solid rgba(255, 159, 28, 0.15);

    color: #ff9f1c;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

}



.contact-node-info {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.contact-label {

    font-size: 18px;

    font-weight: 800;

    color:white;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}



.contact-value {

    font-size: 15px;

    font-weight: 700;

    color: #f1f5f9;

    text-decoration: none;

    transition: color 0.3s ease;

}



a.contact-value:hover {

    color: #ff9f1c;

}



.footer-bottom-copyright {

    text-align: center;

    padding: 30px 0;

}



.footer-bottom-copyright p {

    font-size: 13px;

    color: white;

    letter-spacing: 1px;

    font-weight: 600;

}



/* ================= MULTI-LEVEL RESPONSIVE BREAKPOINTS ================= */



@media (max-width: 1200px) {

    .footer-top-matrix {

        grid-template-columns: 1.8fr 1fr 1.2fr 1.2fr;

        gap: 30px;

    }

    .col-brand {

        padding-right: 15px;

    }

    .contact-label {

        font-size: 15px;

        font-weight: 800;

        color:white;

        text-transform: uppercase;

        letter-spacing: 1.5px;

    }

    .contact-value {

        font-size: 13px;

        font-weight: 700;

        color: #f1f5f9;

        text-decoration: none;

        transition: color 0.3s ease;

    }

    .contact-node-icon {

        width: 50px;

        height: 50px;

        border-radius: 12px;

        background: rgba(255, 159, 28, 0.05);

        border: 1px solid rgba(255, 159, 28, 0.15);

        color: #ff9f1c;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 30px;

    }

}



@media (max-width: 991px) {

    .footer-top-matrix {

        grid-template-columns: repeat(2, 1fr);

        gap: 40px 30px;

    }

    .col-brand {

        grid-column: span 2;

        padding-right: 0;

        margin-bottom: 10px;

    }

    .footer-middle-contact-bar {

        flex-direction: column;

        align-items: flex-start;

        gap: 25px;

    }

    .footer-contact-node {

        width: 100%;

    }

        .contact-node-icon {

            width: 60px;

            height: 60px;

            font-size: 24px;

        }

        .contact-value {

            font-size: 14px;

        }



}



@media (max-width: 576px) {

    .mwt-cyber-footer-sec {

        padding: 60px 0 0 0;

    }

    .footer-fluid-container {

        padding: 0 20px;

    }

    .footer-top-matrix {

        grid-template-columns: 1fr;

        gap: 35px;

    }

    .col-brand {

        grid-column: span 1;

    }

    .footer-logo img {

        height: 55px;

    }

    .footer-col-title {

        margin-bottom: 20px;

    }

    .footer-middle-contact-bar {

        padding: 35px 20px;

    }

    .contact-node-icon {

        width: 45px;

        height: 45px;

        font-size: 18px;

    }

    .contact-value {

        font-size: 14px;

    }

    .footer-bottom-copyright {

        padding: 25px 0;

    }

    

}



/* .footer-middle-contact-bar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding: 40px 60px;

    background: #00000063;

    border-radius: 20px;

    width: 100%;

    transition: background 0.3s ease, border-radius 0.3s ease, padding 0.3s ease;

}



.footer-middle-contact-bar.sticky-dock {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    max-width: 100% !important;

    z-index: 9999;

    background: #112852; 

    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.25);

    border-radius: 0px; 

    padding: 20px 4%; 

}



.footer-contact-node {

    display: flex;

    align-items: center;

    gap: 20px;

    flex: 1;

}



.footer-middle-contact-bar.sticky-dock .contact-node-icon {

    width: 45px;

    height: 45px;

    font-size: 20px;

    border-radius: 8px;

}



.contact-node-info {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.contact-label {

    font-size: 18px;

    font-weight: 800;

    color: white;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}



.footer-middle-contact-bar.sticky-dock .contact-label {

    font-size: 13px;

}



.contact-value {

    font-size: 15px;

    font-weight: 700;

    color: #f1f5f9;

    text-decoration: none;

    transition: color 0.3s ease;

}



a.contact-value:hover {

    color: #ff9f1c;

}

@media (max-width: 1200px) {

    .footer-top-matrix { grid-template-columns: 1.8fr 1fr 1.2fr 1.2fr; gap: 30px; }

    .col-brand { padding-right: 15px; }

    .contact-label { font-size: 15px; }

    .contact-value { font-size: 13px; }

    .contact-node-icon { width: 50px; height: 50px; font-size: 30px; }

}



@media (max-width: 991px) {

    .footer-top-matrix { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; }

    .col-brand { grid-column: span 2; padding-right: 0; margin-bottom: 10px; }

    .footer-middle-contact-bar { flex-direction: column; align-items: flex-start; gap: 25px; }



    .footer-middle-contact-bar .footer-contact-node:nth-child(3) {

        display: none !important;

    }



    .footer-middle-contact-bar.sticky-dock { 

        display: flex !important; 

        flex-direction: row !important; 

        justify-content: space-between !important;

        align-items: center !important;

        position: fixed; 

        bottom: 0;

        left: 0;

        width: 100%; 

        border-radius: 0px; 

        padding: 15px 25px; 

        gap: 15px;

    }

    .footer-middle-contact-bar.sticky-dock .footer-contact-node {

        flex-direction: row !important;

        align-items: center !important;

        gap: 10px;

        width: auto;

    }

    .footer-middle-contact-bar.sticky-dock .contact-node-icon {

        width: 35px;

        height: 35px;

        font-size: 14px;

        margin: 0;

    }

    .footer-middle-contact-bar.sticky-dock .contact-label {

        display: none !important; 

    }

    .footer-middle-contact-bar.sticky-dock .contact-value {

        font-size: 13px !important;

        white-space: nowrap !important;

    }

    

    .footer-contact-node { width: 100%; }

    .contact-node-icon { width: 60px; height: 60px; font-size: 24px; }

    .contact-value { font-size: 14px; }

}



@media (max-width: 576px) {

    .mwt-cyber-footer-sec { padding: 60px 0 0 0; }

    .footer-fluid-container { padding: 0 20px; }

    .footer-top-matrix { grid-template-columns: 1fr; gap: 35px; }

    .col-brand { grid-column: span 1; }

    .footer-logo img { height: 55px; }

    .footer-col-title { margin-bottom: 20px; }

    .footer-middle-contact-bar { padding: 35px 20px; }

    .contact-node-icon { width: 45px; height: 45px; font-size: 18px; }

    .contact-value { font-size: 14px; }

    .footer-bottom-copyright { padding: 25px 0; }

}



@media (max-width: 480px) {

    .footer-middle-contact-bar.sticky-dock { 

        display: flex !important;

        flex-direction: row !important; 

        justify-content: space-around !important;

        align-items: center !important;

        padding: 10px 5px !important; 

        gap: 5px !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .footer-contact-node {

        flex-direction: column !important; 

        align-items: center !important;

        justify-content: center !important;

        gap: 4px !important;

        flex: 1 !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-node-icon {

        width: 28px !important;

        height: 28px !important;

        font-size: 12px !important;

        border-radius: 6px !important;

        margin: 0 !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-node-info {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        text-align: center !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-value {

        font-size: 11px !important; 

        white-space: nowrap !important;

        letter-spacing: 0.5px !important;

        font-weight: 700 !important;

    }



    .footer-middle-contact-bar.sticky-dock .footer-contact-node:nth-child(1) a:nth-of-type(2) {

        display: none !important;

    }

} */





.footer-middle-contact-bar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    padding: 40px 60px;

    background: #00000063;

    border-radius: 20px;

    width: 100%;

    transition: all 0.3s ease;

}





.footer-middle-contact-bar.sticky-dock{

    position:fixed;

    bottom:0;

    left:0;

    width:100%;

    z-index:9999;



    background:#0b3167;

    overflow:hidden;



    box-shadow:0 -10px 30px rgba(0,0,0,.25);

    border-radius:0;

    padding:8px 4%;

}



.footer-middle-contact-bar.sticky-dock::after{

    content:"";

    position:absolute;

    top:0;

    right:0;

    width:450px;

    height:100%;

    background:rgb(11 49 103);

    clip-path:polygon(

        25% 0,

        100% 0,

        100% 100%,

        0% 100%

    );

}



/* Content Shape ni upar rahe */

.footer-middle-contact-bar.sticky-dock .footer-contact-node{

    position:relative;

    z-index:2;

}



.footer-middle-contact-bar.sticky-dock::after{

    width:800px;

}



.footer-contact-node {

    display: flex;

    align-items: center;

    gap: 20px;

    flex: 1;

}



.footer-middle-contact-bar.sticky-dock .contact-node-icon {

    width: 45px;

    height: 45px;

    font-size: 20px;

    border-radius: 8px;

}



.contact-node-info {

    display: flex;

    flex-direction: column;

    gap: 4px;

}



.contact-label {

    font-size: 18px;

    font-weight: 800;

    color: white;

    text-transform: uppercase;

    letter-spacing: 1.5px;

}



.footer-middle-contact-bar.sticky-dock .contact-label {

    font-size: 13px;

}



.contact-value {

    font-size: 15px;

    font-weight: 700;

    color: #f1f5f9;

    text-decoration: none;

    transition: color 0.3s ease;

}



a.contact-value:hover {

    color: #ff9f1c;

}





.footer-quote-node{

    display:none;

}



.sticky-dock .footer-address-node{

    display:none;

}



.sticky-dock .footer-quote-node{

    display:flex;

    align-items:center;

    justify-content:center;

}



.footer-quote-btn{position:relative;display:flex;gap:12px;align-items:center;padding:18px 35px;color:#fff;text-decoration:none;border-radius:14px;
background: linear-gradient(
  135deg,
  #1e60cb 0%,   /* Deep Blue */
  #6a1b9a 25%,  /* Purple */
  #c2185b 50%,  /* Magenta */
  #f4511e 75%,  /* Deep Orange */
  #ffeb3b 100%  /* Bright Yellow */
);   
	font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
background-size:200% 200%;animation:bgBlink 3s ease-in-out infinite alternate;transition:background .3s ease;}
.footer-quote-btn:hover{animation:none;background:#000;}
svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none; transition:all 0.4s ease;}
rect{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:45 260;animation:border 2s linear infinite;}
.footer-quote-btn:hover svg {
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    width: 235px;
    height: 65px;
    pointer-events: none;
}
@keyframes border{100%{stroke-dashoffset:-305;}}
@keyframes bgBlink{0%{background-position:0% 50%;}100%{background-position:100% 50%;}}


@media (max-width: 1024px) {

    .footer-middle-contact-bar {

        display: flex !important;

        flex-direction: column !important; 

        align-items: flex-start !important;

        padding: 20px !important;

        gap: 20px !important;

        background: #00000063;

    }



    .footer-middle-contact-bar.sticky-dock {

        display: none !important;

    }

}



@media (max-width: 1200px) {

    .footer-top-matrix { grid-template-columns: 1.8fr 1fr 1.2fr 1.2fr; gap: 30px; }

    .col-brand { padding-right: 15px; }

    .contact-label { font-size: 15px; }

    .contact-value { font-size: 13px; }

    .contact-node-icon { width: 50px; height: 50px; font-size: 30px; }

}



@media (max-width: 991px) {

    .footer-top-matrix { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; }

    .col-brand { grid-column: span 2; padding-right: 0; margin-bottom: 10px; }



    .footer-middle-contact-bar { 

        flex-direction: column; 

        align-items: flex-start; 

        gap: 25px; 

    }



    .footer-middle-contact-bar.sticky-dock .footer-contact-node:nth-child(3) {

        display: none !important;

    }



    /* .footer-middle-contact-bar.sticky-dock { 

        display: flex !important; 

        flex-direction: row !important; 

        justify-content: space-between !important;

        align-items: center !important;

        position: fixed; 

        bottom: 0;

        left: 0;

        width: 100%; 

        border-radius: 0px; 

        padding: 15px 25px; 

        gap: 15px;

    }

     */

    .footer-middle-contact-bar.sticky-dock .footer-contact-node {

        flex-direction: row !important;

        align-items: center !important;

        gap: 10px;

        width: auto;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-node-icon {

        width: 35px;

        height: 35px;

        font-size: 14px;

        margin: 0;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-label {

        display: none !important; 

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-value {

        font-size: 13px !important;

        white-space: nowrap !important;

    }

    

    .footer-contact-node { width: 100%; }

    .contact-node-icon { width: 60px; height: 60px; font-size: 24px; }

    .contact-value { font-size: 14px; }

}



@media (max-width: 576px) {

    .mwt-cyber-footer-sec { padding: 60px 0 0 0; }

    .footer-fluid-container { padding: 0 20px; }

    .footer-top-matrix { grid-template-columns: 1fr; gap: 35px; }

    .col-brand { grid-column: span 1; }

    .footer-logo img { height: 55px; }

    .footer-col-title { margin-bottom: 20px; }

    .footer-middle-contact-bar { padding: 35px 20px; }

    .contact-node-icon { width: 45px; height: 45px; font-size: 18px; }

    .contact-value { font-size: 14px; }

    .footer-bottom-copyright { padding: 25px 0; }

}



@media (max-width: 480px) {

    /* .footer-middle-contact-bar.sticky-dock { 

        display: flex !important;

        flex-direction: row !important; 

        justify-content: space-around !important;

        align-items: center !important;

        padding: 10px 5px !important; 

        gap: 5px !important;

    } */

    

    .footer-middle-contact-bar.sticky-dock .footer-contact-node {

        flex-direction: column !important; 

        align-items: center !important;

        justify-content: center !important;

        gap: 4px !important;

        flex: 1 !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-node-icon {

        width: 28px !important;

        height: 28px !important;

        font-size: 12px !important;

        border-radius: 6px !important;

        margin: 0 !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-node-info {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        text-align: center !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .contact-value {

        font-size: 11px !important; 

        white-space: nowrap !important;

        letter-spacing: 0.5px !important;

        font-weight: 700 !important;

    }

    

    .footer-middle-contact-bar.sticky-dock .footer-contact-node:nth-child(1) a:nth-of-type(2) {

        display: none !important;

    }

}



.mwt-sticky-quote-side-btn {
    position: fixed;
    right: 0;
    top: 40%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right bottom;
    /*background: linear-gradient(135deg, #1e60cb 6%, #6a1b9a 45%, #c2185b 46%, #f4511e 75%, #ffeb3b 103%); */
    background: linear-gradient(135deg, rgb(30, 96, 203) 0%, rgb(106, 27, 154) 25%, rgb(194, 24, 91) 50%, rgb(244, 81, 30) 75%, rgb(255 255 255 / 55%) 100%) 0% 0% / 200% 200%;
    animation: 3s ease-in-out 0s infinite alternate none running bgBlink !important;
    color: #ffffff !important;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
        border-radius: 20px 20px 0 0;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    background-size: 200%, 200% !important;
}



.mwt-sticky-quote-side-btn i {

    transform: rotate(90deg);

    font-size: 16px;

}



.mwt-sticky-quote-side-btn:hover {

    padding-right: 35px;

    background: #0b3167;

    box-shadow: -6px 0 25px rgba(11, 49, 103, 0.4);

}



@media (max-width: 768px) {

    .mwt-sticky-quote-side-btn {

        padding: 8px 18px;

        font-size: 11px;

    }

    .mwt-sticky-quote-side-btn i {

        font-size: 13px;

    }

}



.mwt-bottom-left-actions {

    position: fixed;

    bottom: 105px;

    left: 25px;

    display: flex;

    flex-direction: column;

    gap: 16px;

    z-index: 99999;

}



.mwt-action-btn {

    width: 55px;

    height: 55px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ffffff !important;

    font-size: 26px;

    text-decoration: none;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);

    position: relative;

    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



.whatsapp-btn {

    background: #25d366;

}



.phone-btn {

    background: #ff9f1c;

}



/* --- LIVE PULSE LAYER ANIMATION --- */

.mwt-action-btn::before,

.mwt-action-btn::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    z-index: -1;

    opacity: 0.6;

    pointer-events: none;

}



.whatsapp-btn::before, .whatsapp-btn::after {

    background: #25d366;

}



.phone-btn::before, .phone-btn::after {

    background: #ff9f1c;

}



.mwt-action-btn::before {

    animation: mwtPulseWave 2s infinite linear;

}



.mwt-action-btn::after {

    animation: mwtPulseWave 2s infinite linear 1s;

}



@keyframes mwtPulseWave {

    0% {

        transform: scale(1);

        opacity: 0.6;

    }

    100% {

        transform: scale(1.6);

        opacity: 0;

    }

}



.mwt-action-btn:hover {

    transform: scale(1.1) translateY(-5px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);

}



/* --- SCROLL TO TOP PREMIUM BUTTON --- */

.mwt-scroll-top-btn {

    position: fixed;

    bottom: 25px;

    right: 25px;

    width: 55px;

    height: 55px;

    border-radius: 50%;

    background: white;

    color: #0b3167;

    border: none;

    font-size: 22px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);

    z-index: 99999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(40px) scale(0.5);

    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



.mwt-scroll-top-btn.show-btn {

    opacity: 1;

    visibility: visible;

    transform: translateY(0) scale(1);

}



.mwt-scroll-top-btn i {

    transition: transform 0.3s ease;

}



.mwt-scroll-top-btn:hover {

    background: #ff9f1c;

    box-shadow: 0 12px 30px rgba(255, 159, 28, 0.4);

}



.mwt-scroll-top-btn:hover i {

    transform: translateY(-4px);

}



@media (max-width: 768px) {

    .mwt-bottom-left-actions {
		display:none;

    }

    .mwt-action-btn {

        width: 48px;

        height: 48px;

        font-size: 22px;

    }

    .mwt-scroll-top-btn {
        bottom: 90px;
        right: 20px;
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

}



/* --- NEON WORKFLOW SECTION STYLES --- */

/* .mwt-crm-workflow-sec {

    padding: 100px 0;

    background: #06090f;

    position: relative;

    overflow: hidden;

}



.mwt-workflow-head {

    text-align: center;

    margin-bottom: 70px;

}



.mwt-workflow-visual-grid {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 20px;

    flex-wrap: wrap;

}



.mwt-flow-card {

    flex: 1;

    min-width: 240px;

    background: rgba(255, 255, 255, 0.03);

    border: 1px solid rgba(255, 255, 255, 0.08);

    padding: 40px 25px;

    border-radius: 20px;

    text-align: center;

    position: relative;

    transition: all 0.4s ease;

}



.mwt-flow-card:hover {

    background: rgba(255, 106, 0, 0.05);

    border-color: #ff6a00;

    transform: translateY(-10px);

}



.mwt-flow-icon-wrap {

    width: 70px;

    height: 70px;

    background: #1a1f2e;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 25px;

    font-size: 28px;

    color: #ff6a00;

    position: relative;

    z-index: 2;

}



.mwt-pulse-ring {

    position: absolute;

    width: 100%;

    height: 100%;

    border: 2px solid #ff6a00;

    border-radius: 50%;

    animation: mwtPulse 2s infinite;

}



@keyframes mwtPulse {

    0% { transform: scale(1); opacity: 0.5; }

    100% { transform: scale(1.5); opacity: 0; }

}



.mwt-flow-card h4 {

    color: #fff;

    font-size: 20px;

    margin-bottom: 15px;

    text-transform: uppercase;

}



.mwt-flow-card p {

    color: #a0aec0;

    font-size: 14px;

    line-height: 1.6;

}





.mwt-flow-connector {

    position: absolute;

    top: 25%;

    right: -45px;

    width: 70px;

    height: 2px;

    background: rgba(255, 255, 255, 0.1);

    z-index: 1;

}



.mwt-moving-dot {

    position: absolute;

    width: 8px;

    height: 8px;

    background: #ff6a00;

    border-radius: 50%;

    top: -3px;

    left: 0;

    box-shadow: 0 0 10px #ff6a00;

    animation: moveLine 2s linear infinite;

}



@keyframes moveLine {

    0% { left: 0; }

    100% { left: 100%; }

}



.mwt-workflow-footer {

    text-align: center;

    margin-top: 60px;

    color: #fff;

    font-size: 18px;

}



.mwt-workflow-footer a {

    color: #ff6a00;

    text-decoration: none;

    font-weight: 700;

    margin-left: 10px;

}





@media (max-width: 1024px) {

    .mwt-flow-connector { display: none; }

    .mwt-flow-card { margin-bottom: 30px; }

} */





.logo-slider-section {

    padding: 0px 0;

    background-color: #f8f9fa;

    overflow: hidden;

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

}



.logo-slider-header {

    text-align: center;

    margin-bottom: 20px;

}



.logo-slider-header h4 {

    font-size: 0.85rem;

    color: #94a3b8;

    letter-spacing: 2px;

    font-weight: 800;

}



.logo-track-wrapper {

    width: 100%;

    position: relative;

    overflow: hidden;

    padding: 0px 0;

}





.logo-track-wrapper::before,

.logo-track-wrapper::after {

    content: "";

    height: 100%;

    position: absolute;

    /* width: 150px; */

    z-index: 2;

    pointer-events: none;

}



.logo-track-wrapper::before {

    left: 0;

    top: 0;

    background: linear-gradient(to right, white 0%, transparent 100%);

}



.logo-track-wrapper::after {

    right: 0;

    top: 0;

    background: linear-gradient(to left, white 0%, transparent 100%);

}



.logo-track {

    display: flex;

    width: calc(250px * 12); 

    animation: scrollLogos 30s linear infinite; 

}



.logo-slide {

    width: 250px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.logo-slide img {

    height: 200px; 

    width: 250px;

    transition: 0.4s ease;

}



.logo-slide img:hover {

    filter: grayscale(0%);

    opacity: 1;

    transform: scale(1.1);

}



/* Animation Keyframes */

@keyframes scrollLogos {

    0% { transform: translateX(0); }

    100% { transform: translateX(calc(-250px * 6)); } 

}



/*=========================

  PREMIUM MARQUEE SECTION

==========================*/



.mwt-marquee-stats-sec{

    width:100%;

    background:#F4F7FF;

    overflow:hidden;

    padding:12px 0;

    position:relative;

    z-index:5;

}



.mwt-marquee-track{

    display:flex;

    width:max-content;

    animation:mwtMarquee 35s linear infinite;

}



.mwt-marquee-track span{

    display:flex;

    align-items:center;

    gap:15px;

    margin-right:50px;

    font-size:15px;

    font-weight:700;

    color:#0f172a;

    white-space:nowrap;

    text-transform:uppercase;

    letter-spacing:1px;

}



.mwt-marquee-track span i{

    color:black;

    font-size:16px;

}



@keyframes mwtMarquee{

    0%{

        transform:translateX(0);

    }

    100%{

        transform:translateX(-50%);

    }

}



/* Hover Stop */

.mwt-marquee-stats-sec:hover .mwt-marquee-track{

    animation-play-state:paused;

}



/* Tablet */

@media(max-width:768px){



    .mwt-marquee-track span{

        font-size:18px;

        margin-right:35px;

    }



}



/* Mobile */

@media(max-width:480px){



    .mwt-marquee-stats-sec{

        padding:14px 0;

    }



    .mwt-marquee-track span{

        font-size:15px;

        margin-right:25px;

        gap:10px;

    }



}



/* Multi-level Dropdown CSS */

.dropdown-menu li {

    position: relative;

}



.dropdown-menu .sub-menu {

    position: absolute;

    left: 100%;

    top: 0;

    min-width: 260px;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

    box-shadow: 0 15px 40px rgba(0,0,0,.12);

}



.dropdown-menu li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

}



.dropdown-menu li {

    position: relative;

}



.dropdown-menu .sub-menu {

    position: absolute;

    left: 100%; 

    top: 0;

    min-width: 200px;

    background: #fff;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s;

    box-shadow: 0 15px 40px rgba(0,0,0,.12);

    border-radius: 12px;

    padding: 10px 0;

}



.dropdown-menu li:hover .sub-menu {

    opacity: 1;

    visibility: visible;

}



.sub-menu li a {

    padding: 10px 20px !important;

}



.sub-menu li{

    text-decoration: none !important;

    list-style: none !important;

}



.custom-btn{

    background: linear-gradient(135deg, #ff9f1c, #ffb703);

    border: 1px solid #ff9f1c;

}



.custom-btn .mwt-vortex-btn-txt{

    color:#0f172a;

    font-weight:800;

}



.custom-btn .mwt-vortex-btn-icon{

    background:white;

    color:#0f172a;

    border-left:1px solid rgba(0,0,0,0.15);

}



.custom-btn:hover{

    background:#ffffff;

    border-color:#ffffff;

}



.custom-btn:hover .mwt-vortex-btn-txt{

    background:transparent;

    color:#0f172a;

}



.custom-btn:hover .mwt-vortex-btn-icon{

    background:#ff9f1c;

    color:#ffffff;

}


/* Green */
.icon-glow-epsilon.mwt-icon-large{
    background:rgba(34,197,94,.08)!important;
    color:#22c55e!important;
}

/* Red */
.icon-glow-zeta.mwt-icon-large{
    background:rgba(239,68,68,.08)!important;
    color:#ef4444!important;
}

/* Pink */
.icon-glow-eta.mwt-icon-large{
    background:rgba(236,72,153,.08)!important;
    color:#ec4899!important;
}

/* Emerald */
.icon-glow-theta.mwt-icon-large{
    background:rgba(16,185,129,.08)!important;
    color:#10b981!important;
}

/* Indigo */
.icon-glow-iota.mwt-icon-large{
    background:rgba(99,102,241,.08)!important;
    color:#6366f1!important;
}

/* Teal */
.icon-glow-kappa.mwt-icon-large{
    background:rgba(20,184,166,.08)!important;
    color:#14b8a6!important;
}

/*====================================
MOBILE STICKY ACTION BAR
====================================*/

.mobile-sticky-bar{
    display:none;
}

@media(max-width:768px){

.mobile-sticky-bar{

    position:fixed;
    left:15px;
    right:15px;
    bottom:15px;

    height:65px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#fff;

    border-radius:20px;

    box-shadow:
    0 15px 45px rgba(0,0,0,.18);

    z-index:99999;

    overflow:hidden;

    animation:stickyUp .5s ease;

}

.sticky-item{

    flex:1;
    height:100%;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-decoration:none;

    color:#222;

    font-size:11px;

    font-weight:700;

    transition:.3s;

}

.sticky-item i{

    font-size:20px;
    margin-bottom:6px;

}

.sticky-item:hover{

    background:#f6f6f6;

}

.payment{

    background:#ff9f1c;
    color:#fff;

}

.payment:hover{

    background:#ff8c00;
    color:#fff;

}

}

@keyframes stickyUp{

from{

    transform:translateY(100px);
    opacity:0;

}

to{

    transform:translateY(0);
    opacity:1;

}

}


/*=========================
VIDEO POPUP
=========================*/

.video-modal{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.85);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:99999;
}

.video-modal.active{
    opacity:1;
    visibility:visible;
}

.video-modal-content{
    position:relative;
    width:90%;
    max-width:900px;
    aspect-ratio:16/9;
    border-radius:18px;
    overflow:hidden;
    background:#000;
    transform:scale(.8);
    transition:.35s;
}

.video-modal.active .video-modal-content{
    transform:scale(1);
}

.video-modal iframe{
    width:100%;
    height:100%;
    border:0;
}

.video-close{
    position:absolute;
    top:-45px;
    right:0;
    width:38px;
    height:38px;
    background:#fff;
    color:#000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:20px;
    transition:.3s;
}

.video-close:hover{
    background:#0d6efd;
    color:#fff;
}

@media(max-width:768px){

    .video-modal-content{
        width:95%;
    }

    .video-close{
        top:-40px;
        right:5px;
    }
    .popup-type-full-image .popup-card{height: max-content !important;}

}

/*====== Popup style ======= */
    .popup-overlay{position:fixed;inset:0;width:100%;height:100vh;background:rgba(0,0,0,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;z-index:9999999999;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1);overflow:hidden!important}.popup-overlay.active{opacity:1;visibility:visible}body.popup-active{overflow:hidden!important}.popup-card{background:#fff;color:#000;border-radius:5px;padding:10px;text-align:center;position:relative;overflow:visible;transform:scale(.6) rotate(-2deg);opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out,box-shadow .25s cubic-bezier(.16,1,.3,1)}.popup-overlay.active .popup-card{transform:scale(1) rotate(0deg);opacity:1}.popup-type-full-image .popup-card{padding:0;border:2px solid #000;width:auto; max-width:90%; max-height:85%;     min-height: 150px;     height: 500px;}.popup-full-image-link{display:block;width:100%;height:100%;text-decoration:none}.popup-type-full-image .popup-image{width:100%;display:block;object-fit:cover}.popup-image-container{width:100%;height:160px;border-radius:5px;overflow:hidden;margin-bottom:1.25rem;border:2px solid #000}.popup-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.popup-type-content-only .popup-card{padding:24px 18px}.popup-badge{display:inline-flex;align-items:center;gap:6px;background:#0b3167;color:#ff9f1c;font-size:.75rem;font-weight:800;padding:6px 16px;border-radius:100px;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.popup-card h2{font-size:1.8rem;font-weight:900;margin-bottom:.5rem;color:#0b3167;line-height:1.15;letter-spacing:-.5px}.popup-card h2 span{color:#ff9f1c;background:#0b3167;padding:0 8px;border-radius:6px;display:inline-block}.popup-card p{color:#4b5563;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;line-height:1.4}.popup-actions{display:flex;flex-direction:column;gap:10px}.popup-btn-primary{position:relative;width:100%;padding:.9rem 1.5rem;background:#ff9f1c;color:#000;border:2px solid #000;border-radius:6px;font-size:.95rem;font-weight:900;cursor:pointer;overflow:hidden;z-index:1;transition:color .25s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 0 #000}.popup-btn-primary::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:0%;background:#0b3167;z-index:-1;transition:height .25s cubic-bezier(.16,1,.3,1)}.popup-btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 0 #000}.popup-btn-primary:hover::before{height:100%}.popup-btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #000}.popup-btn-secondary{position:relative;background:0 0;color:#0b3167;border:none;font-size:.85rem;font-weight:700;cursor:pointer;padding:4px;align-self:center}.popup-btn-secondary::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background:#ff9f1c;transition:width .25s ease,left .25s ease}.popup-btn-secondary:hover::after{width:100%;left:0}.close-icon{position:absolute;top:-16px;right:-16px;background:#fff;border:2px solid #000;color:#000;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;z-index:20;transition:all .2s cubic-bezier(.34,1.56,.64,1);border-bottom-left-radius: inherit;}.close-icon:hover{background:#ff9f1c;transform:rotate(90deg) scale(1.1)}

/* Fix CF7 wrapper display and spacing */
.mwt-input-field-housing .wpcf7-form-control-wrap {
    flex: 1;
    display: flex;
    align-items: start;
    width: 100%;
    flex-direction: column;
    justify-content: start;
}

/* Ensure inputs fill the housing correctly */
.mwt-input-field-housing input,
.mwt-input-field-housing textarea {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
}

/* Trigger focus laser animation when input inside CF7 wrapper is focused */
.mwt-input-field-housing:focus-within .mwt-input-focus-laser {
    width: 100%; /* Or your custom active animation width/transform */
    left:0;
}

/* Target the element directly by class name, tag type, and ID prefix */
    
div.screen-reader-response,
    .screen-reader-response,
    div[class*="screen-reader-response"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        position: absolute !important;
        overflow: hidden !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
    }

    .cf7-custom-cards .wpcf7-form-control-wrap {
        display: contents !important;
    }

    div.wpcf7 .screen-reader-response {
        display: none !important;
    }

    .wpcf7-form .wpcf7-response-output {
        display: none !important;
    }

    .wpcf7-form.invalid .wpcf7-response-output,
    .wpcf7-form.unckecked .wpcf7-response-output,
    .wpcf7-form.sent .wpcf7-response-output {
        display: block !important;
    }

    .wpcf7-not-valid-tip {
        color: crimson !important;
    }

    .wpcf7-valid-tip {
        color: rgb(6, 128, 6) !important;
    }

    .custom-response-container .wpcf7-response-output {
        margin: 20px 0 !important;
        padding: 15px 20px !important;
        border-radius: 4px !important;
        font-weight: 600 !important;
        text-align: left !important;
        font-size: 16px !important;
        display: block !important;

    }

    .wpcf7-form[data-status="invalid"] .wpcf7-response-output,
    .wpcf7-form[data-status="unsent"] .wpcf7-response-output,
    .wpcf7-form[data-status="spam"] .wpcf7-response-output,
    .wpcf7-form[data-status="aborted"] .wpcf7-response-output {
        background: #d9534f !important;
        background-color: #d9534f !important;
        color: #ffffff !important;
        border: 1px solid #d43f3a !important;
        margin-top: 10px !important;
        border-radius: 5px !important;
        padding: 5px 5px !important;
        line-height: 1.2 !important;
    }

    .wpcf7-form[data-status="sent"] .wpcf7-response-output {
        background: #26a65b !important;
        background-color: #26a65b !important;
        color: #ffffff !important;
        border: 1px solid #1e824c !important;
        margin-top: 10px !important;
        border-radius: 5px !important;
        padding: 5px 5px !important;
        line-height: 1.2 !important;
    }

    .wpcf7-not-valid-tip {
        color: #dc3545 !important;
        font-size: 14px;
        font-weight: 600;
        margin-top: 5px;
    }
    .wpcf7 input.wpcf7-not-valid,
    .wpcf7 textarea.wpcf7-not-valid,
    .wpcf7 select.wpcf7-not-valid {
        border: 2px solid #dc3545 !important;
        background: #fff5f5 !important;
    }
    .wpcf7-response-output {
        display: none !important;
    }
    #cf7-toast {
        position: fixed;
        left: 50%;
        bottom: 25px;
        transform: translate(-50%, 120px);
        min-width: 320px;
        max-width: 550px;
        width: calc(100% - 30px);
        padding: 16px 50px 16px 18px;
        border-radius: 10px;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        box-shadow: 0 15px 35px rgba(0, 0, 0, .25);
        opacity: 0;
        visibility: hidden;
        transition: .35s ease;
        z-index: 999999999;
    }

    #cf7-toast.show {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
    }

    #cf7-toast.success {
        background: #16a34a;
    }

    #cf7-toast.error {
        background: #dc2626;
    }

    #cf7-toast button {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        background: none;
        color: #fff;
        cursor: pointer;
        font-size: 24px;
        line-height: 1;
    }

    #cf7-toast .bar {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 4px;
        background: rgba(255, 255, 255, .4);
        width: 100%;
        animation: cf7progress 5s linear forwards;
    }

    @keyframes cf7progress {
        from {
            width: 100%;
        }

        to {
            width: 0;
        }
    }
    

/* Container in Top-Right */
#mwt-toast-container {
    position: fixed !important;
    top: 25px !important;
    right: 25px !important;
    z-index: 9999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    pointer-events: none !important;
}

/* Base Toast Card */
.mwt-toast-card {
    min-width: 320px !important;
    max-width: 420px !important;
    padding: 16px 20px !important;
    border-radius: 8px !important;
    font-family: 'Segoe UI', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    pointer-events: auto !important;
    opacity: 0 !important;
    transform: translateX(120%) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Active Display Trigger */
.mwt-toast-card.mwt-show {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* SUCCESS PALETTE - Solid Green */
.mwt-toast-card.mwt-success {
    background-color: #2e7d32ad !important;
    border-left: 6px solid #02181191 !important;
    color: #ffffff !important;
    backdrop-filter: blur(10px);
}

/* ERROR PALETTE - Solid Red */
.mwt-toast-card.mwt-error {
    background-color: #a40e0e99 !important;
    border-left: 6px solid #991b1b !important;
    color: #ffffff !important;
    backdrop-filter: blur(10px);
}

/* Icon Styling */
.mwt-toast-icon {
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Message Body */
.mwt-toast-text {
    flex: 1 !important;
    color: #ffffff !important;
}

/* Close ('X') Button Styling */
.mwt-toast-card.mwt-error .mwt-toast-close {
    background: #540b0b8a !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    opacity: 0.8 !important;
    line-height: 1 !important;
    padding: 5px !important;
    border-radius: 5px !important;
}
.mwt-toast-card.mwt-success .mwt-toast-close{
    border: none !important;
    color: #ffffff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    opacity: 0.8 !important;
    padding: 0 !important;
    line-height: 1 !important;
    padding: 5px !important;
    background: #0a500e !important;
    border-radius: 5px !important;
}

.mwt-toast-close:hover {
    opacity: 1 !important;
}

/* Hide native CF7 output box beneath the form */
.wpcf7-response-output {
    display: none !important;
}

/* ==========================================================================
   MOBILE MENU ACTIVE — FLOATING BUTTONS MENUની પાછળ રહેશે
   ========================================================================== */

@media (max-width: 1024px) {

    /* Header અને mobile navbarને floating elementsથી ઉપર રાખો */
    .main-header {
        position: sticky;
        top: 0;
        z-index: 999999 !important;
    }

    .navbar {
        z-index: 999999 !important;
    }

    .navbar.active {
        z-index: 999999 !important;
    }

    /* Dark overlay */
    .menu-overlay {
        z-index: 999900 !important;
    }

    .menu-overlay.active {
        z-index: 999900 !important;
    }

    /*
     * Floating elements menuની નીચે રહેશે.
     * Menu બંધ હોય ત્યારે normal દેખાશે.
     */
    .mwt-sticky-quote-side-btn,
    .mwt-bottom-left-actions,
    .mwt-scroll-top-btn,
    .mobile-sticky-bar {
        z-index: 900 !important;
    }
}