html,body{overflow-x:hidden;max-width:100%}
body.menu-open{overflow:hidden}
header.fixed-nav{position:fixed;top:0;width:100%;z-index:999;visibility:visible;box-shadow:0 5px 20px rgba(0,0,0,.05)}
header.fixed-nav::before{content:"";position:absolute;inset:0;z-index:-1;background:rgb(0 0 0 / 80%);backdrop-filter:blur(12px);}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideLeft{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes slideRight{from{transform:translateX(0)}to{transform:translateX(100%)}}
.site-header{position:fixed;z-index:3;width:100%}
.site-logo img{width:auto;height:50px;transition:.3s ease;}
.header-right-ele{display:flex;align-items:center}
.header-top{padding:10px 0 0;background:var(--black)}
.topbar {margin-top: 10px;}
.icon-box{background:var(--black);width:26px;height:26px;display:inline-block;position:relative;border-radius:100%}
.header-tp-right{font-weight:500}
.header-nav{padding:12px 0;display:flex;align-items:center}
.site-nav .nav-item-first{font-size:16px;color:var(--black);margin:0 0 0 30px;line-height:22px;letter-spacing:0}
.site-nav .nav-item-first:last-child{margin-right:0}
.site-nav .nav-item-first>a{color:var(--color-text);font-weight:500;display:flex;position:relative;transition:.3s}
.lets-talk-wrap .common-btn .bi{margin-right:10px}
.lets-talk-wrap .common-btn{padding:8px 22px 8px 10px}
.header .menu>ul>li .menu-subs{position:absolute;width:100%;height:auto;padding:1rem 0;border:none;outline:0;z-index:500;opacity:0;visibility:hidden;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu>ul>li .menu-subs>ul>li{line-height:1;display:flex;align-items:center}
.header .menu>ul>li .menu-column-1 li:last-child {margin-bottom: 0;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li span,.header .menu>ul>li .menu-subs>ul>li span{margin-right:5px;background:var(--black);border-radius:40px;width:22px;height:22px;text-align:center;line-height:24px;font-size:10px}
.header .menu>ul>li .menu-subs>ul>li>a{letter-spacing:0;display:inline-block;font-size:14px;font-weight:500;line-height:14px;padding:.5rem .8rem;border:none;outline:0;color:#fff;transition:color .3s ease-in-out;width:100%}
.header .menu>ul>li .menu-column-1{min-width:190px;max-width:max-content;box-shadow:0 25px 50px rgba(0,0,0,.25);background:#0b0f2a;border-radius:14px;top:120px;padding-top:10px;margin-left:0;min-height:120px}
.header .menu>ul>li .menu-column-1:after{content:'';width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:20px solid #0b0f2a;position:absolute;left:1rem;top:-12px}

/* hover ko mega-menu ke links jaisa match kar diya */
.header .menu>ul>li .menu-column-1 li>a:hover{background:transparent;color:#fff;transform:translateX(4px)}

.header .menu>ul>li .menu-column-1 li{margin-bottom:16px}
.header .menu>ul>li .menu-column-1 li a{transition:all .3s ease-out}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li{line-height:1;display:flex;align-items:center;margin-bottom:12px}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:inline-block;font-family:inherit;font-size:12px;font-weight:300;line-height:14px;border:none;outline:0;color:var(--white);transition:all .3s ease-out}
.header .menu>ul>li .menu-subs.menu-column-4{width:100%;max-width:1000px;display:flex;align-items:flex-start;justify-content:space-between;box-shadow:0 9px 17px #63636357;background:var(--black);border-radius:30px;left:0;right:0;margin:0 auto;top:73px;padding-top:31px}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item{-webkit-box-flex:0;-ms-flex:0 0 33.3%;flex:0 0 33.3%;padding:0 14px}
.header .menu>ul>li .menu-subs.menu-column-1 .title-menu,.header .menu>ul>li .menu-subs.menu-column-4>.list-item .title-menu{font-size:14px;line-height:18px;transition:all .3s ease-in-out;margin-bottom:6px;color:var(--white)}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title-menu{text-align:center}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{max-width:100%;width:100%;height:auto;margin-top:.75rem;-o-object-fit:cover;object-fit:cover;vertical-align:middle}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover span{background:var(--white);color:var(--black)}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover{padding-left:4px;transition:all .3s ease-out}
.header .menu>ul>li .menu-subs>ul>li>a:hover span{background:var(--white);color:var(--black)}
.header .menu>ul>li .menu-subs>ul>li a,.header .menu>ul>li .menu-subs>ul>li>a span{transition:all .3s ease-out}

.header .menu>ul>li>a .bi{padding-left:2px}
.title-menu a{color:var(--white)}
.site-nav .nav-item-first>a:after{top:30px;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--yellow,#ff7a1a);transition:width .3s ease 0s,left .3s ease 0s;width:0}
.site-nav .nav-item-first>a:hover:after{width:100%;left:0}
.site-nav .nav-item-first.active>a{color:var(--yellow,#ff7a1a)}
.site-nav .nav-item-first.active>a:after{width:100%;left:0}
.header .menu>ul>li>a .menu-arrow-icon{transition:transform .3s ease-in-out;margin-left:6px}
.menu-mobile-header .lets-talk-wrap {display: none;}
.lets-talk-wrap {display: none;}
.menu ul.menu-section {align-items: center;}
.menu ul.menu-section .lets-talk-wrap {display: block;}

@media only screen and (min-width:993px){
.header .menu>ul>li.menu-item-has-children:hover .menu-subs{opacity:1;visibility:visible}
.header .menu>ul>li.menu-item-has-children:hover>a .menu-arrow-icon{transform:rotate(180deg)}
}
@media only screen and (min-width:993px){
.header .menu>ul>li.menu-item-has-children:hover .menu-subs{opacity:1;visibility:visible}
}
.menu-mobile-header,.menu-mobile-trigger{display:none}
@media only screen and (max-width:991px){
.site-nav .nav-item-first>a{color:var(--color-black)}
.header-item-center{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.header .menu-mobile-trigger{position:relative;display:block;cursor:pointer;width:1.75rem;height:1rem;border:none;outline:0;margin-left:1.25rem;background:0 0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out}
.header .menu-mobile-trigger span{display:block;position:absolute;width:100%;height:2px;left:0;border:none;outline:0;opacity:1;border-radius:.25rem;background:var(--color-text-muted);-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.header .menu-mobile-trigger span:first-child{top:0}
.header .menu-mobile-trigger span:nth-child(2),.header .menu-mobile-trigger span:nth-child(3){top:.5rem}
.header .menu-mobile-trigger span:nth-child(4){top:1rem}
.header-item-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .menu{position:fixed;top:0;right:0;width:100%;height:100%;z-index:1099;overflow:hidden;background:#fff;-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu.active{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);overflow-y:auto;visibility:visible}
.header .menu>ul>li{display:block;line-height:1;margin:0;width:100%;text-align:left}
.header .menu>ul>li>a{letter-spacing:.3px;display:flex;line-height:1.4;min-height:3.4rem;padding:0 1.25rem;border-bottom:1px solid rgba(0,0,0,.08);align-items:center;justify-content:space-between;font-weight:600;font-size:.95rem;color:#111}
.header .menu>ul>li>a .menu-arrow-icon{font-size:1.05rem;color:#111;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.header .menu .menu-mobile-header{position:-webkit-sticky;position:sticky;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;min-height:4rem;z-index:501;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;width:100%;padding:0 1.25rem}
.header .menu .menu-mobile-header .menu-mobile-arrow{border:0;display:none;font-size:1.1rem;cursor:pointer;background:none;color:#121212;text-align:center}
.header .menu .menu-mobile-header.active .menu-mobile-arrow{display:flex;align-items:center;justify-content:center}
.header .menu .menu-mobile-header .menu-mobile-title{font-family:inherit;font-size:1rem;font-weight:600;color:#121212;flex:1;text-align:center}
.header .menu .menu-mobile-header .menu-mobile-close{border:1.5px solid #000;border-radius:50%;background:transparent;height:34px;width:34px;min-width:34px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;font-size:20px;margin-left:auto}
.header .menu .menu-section{overflow-y:auto;overflow-x:hidden;flex-direction:column;align-items:flex-start;margin:0}
.header .menu>ul>li .menu-column-1,.header .menu>ul>li .menu-subs.menu-mega{position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:1rem;padding-top:4rem;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:none;box-shadow:none}

.header .menu>ul>li .menu-subs.active{display:block;border-radius:0;background:#fff}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0;margin-bottom:30px}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{margin-top:0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title{margin-bottom:1.25rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title{margin-bottom:0}
.header .menu>ul>li .menu-subs>ul>li>a{display:block;background:#fff;color: #000;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul{margin-bottom:1rem}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:block}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1098;opacity:0;visibility:hidden;background:rgba(0,0,0,.55);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.overlay.active{opacity:1;visibility:visible}
.site-nav .nav-item-first>a:after{display: none;}
}
.custom-breadcrumb-wrap{background-color:var(--color-bg-alt);padding:15px 30px}
.custom-breadcrumb-wrap .breadcrumb-item a{color:#fff;text-decoration:none;font-weight:100;vertical-align:top;font-size:13px}
.custom-breadcrumb-wrap .breadcrumb-item a:hover{text-decoration:underline}
.custom-breadcrumb-wrap .breadcrumb-item.active{color:var(--yellow,#ff7a1a);font-weight:100;font-size:13px}
.custom-breadcrumb-wrap .breadcrumb-item+.breadcrumb-item::before{content:">";color:#9aa5b1;font-weight:400;vertical-align:text-top}

/* =========================================================
FOOTER CSS
 ========================================================= */

 .zf-footer{--blue-main:#1e5fd9;--blue-light:#3ec1ff;--orange:#ff7a00;color:#cfd6f0;padding:60px 0 0;position:relative;overflow:hidden;
background: url("../images/footer-bg.jpg") no-repeat center / cover;}
.zf-footer .container {
    z-index: 2;
    position: relative;
}
.zf-footer::after {
    content: "";
    background: rgb(0 0 0 / 80%);
    position: absolute;
    display: inline-block;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
    top: 0;
}
.zf-logo{max-height:50px;margin-bottom:18px}
.zf-desc{font-size:14px;line-height:1.7;color:#b9c1e0;max-width:380px}
.zf-contact{display:flex;align-items:flex-start;gap:14px;margin-top:22px}
.zf-contact-icon{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:rgba(62,193,255,.12);border:1px solid rgba(62,193,255,.4);display:flex;align-items:center;justify-content:center;color:var(--blue-light);font-size:1.1rem;transition:background .3s ease,transform .3s ease}
.zf-contact:hover .zf-contact-icon{background:var(--blue-main);color:#fff;transform:scale(1.08)}
.zf-contact p{margin:0;font-size:.85rem;color:#9aa3c9}
.zf-contact strong{display:block;color:#fff;font-size:14px;margin-top:2px;font-weight: 500;}
.zf-heading{color:#fff;font-weight:700;font-size:1.3rem;margin-bottom:10px}
.zf-underline{width:38px;height:3px;background:linear-gradient(90deg,var(--blue-main),var(--blue-light));border-radius:2px;margin-bottom:22px}
.zf-links{list-style:none;padding:0;margin:0}
.zf-links li{margin-bottom:16px}
.zf-form-box span.wpcf7-form-control-wrap {width: 100%;}
.zf-links a{color:#cfd6f0;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:color .3s ease,transform .3s ease;font-size: 14px;}
.zf-links a i{color:var(--blue-light);transition:transform .3s ease;font-size: 13px;}
.zf-links a:hover{color:#fff;transform:translateX(6px)}
.zf-links a:hover i{transform:translateX(4px);color:var(--orange)}
.zf-accordion .accordion-item{background:0 0;border:none;border-bottom:1px solid rgba(255,255,255,.12)}
.zf-accordion .accordion-button{background:0 0;color:#fff;font-weight:700;font-size:1.1rem;padding:14px 0;box-shadow:none}
.zf-accordion .accordion-button:not(.collapsed){color:var(--blue-light)}
.zf-accordion .accordion-button::after{filter:invert(1)}
.zf-accordion .accordion-body{padding:0 0 14px}
.zf-form-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:26px}
.zf-form-box h4{color:#fff;font-weight:700;font-size:1.4rem;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.zf-form-box h4 i{color:var(--blue-light)}
.zf-form-box p{font-size:.85rem;color:#9aa3c9;margin-bottom:20px}
.zf-input-group{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);border-radius:8px;margin-bottom:14px;transition:border-color .3s ease,box-shadow .3s ease}
.zf-input-group:focus-within{border-color:var(--blue-light);box-shadow:0 0 0 3px rgba(62,193,255,.15)}
.zf-input-group .input-group-text{background:0 0;border:none;color:#7d87b0}
.zf-input-group .form-control,.zf-input-group textarea.form-control{border:none;color:#fff;box-shadow:none!important;outline: none !important; padding: 0.675rem 0.85rem;font-size: 14px;}
.zf-input-group .form-control::placeholder{color:#7d87b0}
.zf-input-group .form-control:focus{background:0 0;color:#fff}
.zf-send-btn{background:linear-gradient(135deg,var(--blue-main),var(--blue-light));border:none;color:#fff;font-weight:600;padding:10px 26px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;transition:transform .3s ease,box-shadow .3s ease,gap .3s ease;font-size: 14px;}
.zf-send-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 22px rgba(30,95,217,.45);gap:12px}
.zf-social a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(62,193,255,.4);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;transition:background .3s ease,transform .3s ease,border-color .3s ease}
.zf-social a:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-4px)}
.zf-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:18px 0;font-size:.85rem;color:#9aa3c9}
.zf-bottom a{color:#9aa3c9;text-decoration:none;transition:color .3s ease}
.zf-bottom a:hover{color:var(--blue-light)}
.zf-bottom strong{color:var(--orange)}
.zf-accordion .accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none; outline: none!important;}

#backToTopBtn{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#1e5fd9,#3ec1ff);color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(30,95,217,.4);opacity:0;visibility:hidden;transform:translateY(20px);transition:transform .3s ease;z-index:999}
#backToTopBtn.show{opacity:1;visibility:visible;transform:translateY(0)}
#backToTopBtn:hover{background:linear-gradient(135deg,#ff7a00,#ff9f43)}
#backToTopBtn i{animation:bttMove 1.4s ease-in-out infinite}
@keyframes bttMove{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-5px)}
}

.zf-accordion .accordion-button::after{content:"";display:inline-block;width:1.25rem;height:1.25rem;margin-left:auto;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out;filter:invert(1)}
.zf-accordion .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg);filter:invert(1)}

/* =========================================================
 RESPONSIVE CSS
========================================================= */


@media (max-width:1450px) {
.site-nav .nav-item-first {margin: 0 0 0 22px;}      
}

@media (max-width:1200px) {
.site-nav .nav-item-first {margin: 0 0 0 24px;}  
}

@media (max-width:1199px){
.site-logo img{height:40px}
.site-nav .nav-item-first{font-size:16px;margin:0 0 0 20px}
.lets-talk-wrap .common-btn .bi{margin-right:8px}
.common-btn i.bi{margin-left:4px}
.site-nav .nav-item-first>a,.zf-links a{font-size:14px}
}

@media (max-width:991.98px){

}

@media(max-width:820px){
.zf-desc {font-size: 14px; max-width: none;}
.zf-logo {max-height: 40px;}
}

@media (max-width:767px){
#backToTopBtn{right:16px;bottom:16px;width:44px;height:44px;font-size:1.1rem}
.site-logo img{height:30px}
.zf-bottom span {text-align: center;  width: 100%;}
.zf-footer{padding: 30px 0 0;}
.zf-footer .accordion-item {border: 0 solid #e2e2e2 !important;}
.zf-input-group .form-control, .zf-input-group textarea.form-control,.zf-contact strong{font-size: 14px;}
.topbar {margin-top: 0;}  
}