.elementor-248 .elementor-element.elementor-element-b5856a6{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-18a8e58 */<style>

/* ==========================
   KUMAR PANKAJ HEADER
========================== */

:root{

--kp-blue:#2196F3;
--kp-dark:#111111;
--kp-white:#ffffff;
--kp-text:#363636;
--kp-radius:38px;
--kp-transition:.55s cubic-bezier(.22,.61,.36,1);

}

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

.kp-header-wrapper{

position:fixed;

top:0;

left:0;

width:100%;

z-index:9999;

display:flex;

justify-content:center;

padding:18px 0;

transition:var(--kp-transition);

pointer-events:none;

}

.kp-navbar{

width:min(95%,1450px);

height:82px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 28px;

border-radius:42px;

transition:var(--kp-transition);

pointer-events:auto;

position:relative;

overflow:hidden;

}

/*======================
INITIAL
======================*/

.kp-header-wrapper:not(.kp-scrolled) .kp-navbar{

background:transparent;

border:1px solid transparent;

backdrop-filter:none;

box-shadow:none;

}

/*======================
SCROLLED
======================*/

.kp-header-wrapper.kp-scrolled{

padding-top:14px;

}

.kp-header-wrapper.kp-scrolled .kp-navbar{

background:
linear-gradient(
135deg,
rgba(255,255,255,.72),
rgba(255,255,255,.46)
);

backdrop-filter:

blur(26px)

saturate(180%);

-webkit-backdrop-filter:

blur(26px)

saturate(180%);

border:

1px solid rgba(255,255,255,.58);

box-shadow:

0 18px 45px rgba(0,0,0,.12),

0 4px 12px rgba(255,255,255,.15) inset;

}

/*======================
LIQUID LIGHT
======================*/

.kp-navbar::before{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(

120deg,

transparent 0%,

rgba(255,255,255,.35) 40%,

transparent 75%

);

transform:translateX(-140%);

transition:2s;

}

.kp-header-wrapper.kp-scrolled .kp-navbar::before{

animation:

kp-shine 8s linear infinite;

}

@keyframes kp-shine{

100%{

transform:translateX(220%);

}

}

/*======================
LOGO
======================*/

.kp-logo{

display:flex;

align-items:center;

transition:.45s;

}

.kp-logo img{

height:58px;
border-radius: 28px;
display:block;

transition:.45s;

}

.kp-logo:hover img{

transform:scale(1.04);

}

/*==========================
Brand
==========================*/

.kp-brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    transition:.4s ease;
}

.kp-brand img{
    width:52px;
    height:52px;
    object-fit:contain;
    transition:.35s ease;
}

.kp-brand:hover img{
    transform:scale(1.05);
}

/*==========================
Text
==========================*/

.kp-brand-name{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.kp-title{
    font-family:"Cormorant Garamond", serif;
    font-size:17px;
    font-weight:600;
    color:#111;
    line-height:1.05;
    letter-spacing:.2px;
}

.kp-subtitle{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:4px;
}

.kp-subtitle span:first-child{

    font-family:"Cormorant Garamond", serif;
    font-size:17px;
    font-weight:500;
    color:#444;

}

.kp-subtitle span:last-child{

    font-family:Inter,sans-serif;
    font-size:10px;
    font-weight:500;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#6E7681;

}



/*==========================
Hover
==========================*/

.kp-brand:hover .kp-title{
    color:#2196F3 !important;
}

.kp-brand:hover .kp-subtitle span:last-child{
    color:#2196F3 !important;
}

.kp-nav a::after{
    display:none;
}

.kp-nav a:hover{
    color:#2196F3 !important;
}

/*==========================
Sticky
==========================*/

.kp-scrolled .kp-title{
    color:#111;
}

.kp-scrolled .kp-subtitle span:last-child{
    color:#6E7681;
}

/*==========================
Mobile
==========================*/

@media(max-width:767px){

.kp-brand{
    gap:10px;
}

.kp-brand img{
    width:44px;
    height:44px;
}

.kp-title{
    font-size:15px;
}

.kp-subtitle span:first-child{
    font-size:15px;
}

.kp-subtitle span:last-child{
    font-size:9px;
    letter-spacing:3px;
}

}

/*======================
MENU
======================*/

.kp-nav ul{

display:flex;

gap:48px;

list-style:none;

}

.kp-nav a{

text-decoration:none;

font-family:Inter,sans-serif;

font-size:17px;

font-weight:500;

color:#404040;

position:relative;

transition:.35s;

}

.kp-nav a::after{

content:"";

position:absolute;

left:50%;

bottom:-8px;

width:0;

height:2px;

background:var(--kp-blue);

transition:.35s;

transform:translateX(-50%);

border-radius:50px;

}

.kp-nav a:hover{

color:var(--kp-blue);

}

.kp-nav a:hover::after{

width:100%;

}

/*======================
BUTTON
======================*/

.kp-btn{

display:flex;

align-items:center;

gap:12px;

padding:17px 30px;

border-radius:50px;

text-decoration:none;

background:#111;

color:white;

font-family:Inter;

font-size:17px;

font-weight:600;

transition:var(--kp-transition);

position:relative;

overflow:hidden;

}

.kp-btn::before{

content:"";

position:absolute;

inset:0;

background:

linear-gradient(

135deg,

#2196F3,

#5DB8FF

);

opacity:0;

transition:.45s;

z-index:0;

}

.kp-btn span{

position:relative;

z-index:2;

}

.kp-arrow{

position:relative;

z-index:2;

transition:.45s;

}

.kp-btn:hover{

transform:

translateY(-3px);

box-shadow:

0 20px 40px rgba(33,150,243,.30);

}

.kp-btn:hover::before{

opacity:1;

}

.kp-btn:hover .kp-arrow{

transform:

translateX(7px)

rotate(-45deg);

}

/*======================
HAMBURGER
======================*/

.kp-toggle{

display:none;

flex-direction:column;

gap:5px;

cursor:pointer;

}

.kp-toggle span{

width:26px;

height:2px;

background:#222;

transition:.4s;

border-radius:10px;

}

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

@media(max-width:1024px){

.kp-nav{

display:none;

}

.kp-btn{

display:none;

}

.kp-toggle{

display:flex;

}

.kp-navbar{

padding:0 22px;

height:74px;

border-radius:30px;

}

.kp-logo img{

height:48px;

}

}

</style>/* End custom CSS */