.elementor-254 .elementor-element.elementor-element-4c08b45{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-4c08b45{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-8c2355b */<style>

/* ==========================================
   KUMAR PANKAJ & COMPANY
   PREMIUM FOOTER
========================================== */

:root{

--kp-bg:#050505;
--kp-card:#0d0d0d;
--kp-text:#bdbdbd;
--kp-heading:#ffffff;
--kp-accent:#2196F3;
--kp-accent2:#6CC5FF;
--kp-border:rgba(255,255,255,.08);
--kp-transition:.45s cubic-bezier(.22,.61,.36,1);

}

.kp-footer{

position:relative;

background:
linear-gradient(
180deg,
#090909 0%,
#050505 100%
);

padding:110px 0 35px;
border-radius: 40px;
overflow:hidden;

color:var(--kp-text);

font-family:Inter,sans-serif;

}


/*==========================
BACKGROUND GLOW
===========================*/

.kp-footer::before{

content:"";

position:absolute;

width:600px;
height:600px;

background:
radial-gradient(circle,
rgba(33,150,243,.08),
transparent 70%);

left:-180px;
top:-220px;

pointer-events:none;

}

.kp-footer::after{

content:"";

position:absolute;

width:500px;
height:500px;

background:
radial-gradient(circle,
rgba(255,255,255,.03),
transparent 75%);

right:-150px;
bottom:-250px;

pointer-events:none;

}



/*==========================
CONTAINER
===========================*/

.kp-footer-container{

width:min(92%,1400px);

margin:auto;
 !important;

display:grid;

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

gap:70px;

position:relative;

z-index:2;

}



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

.kp-footer-logo{

height:50px !important;

margin-bottom:28px;
border-radius: 23px !important;
transition:var(--kp-transition);

}

.kp-footer-logo:hover{

transform:scale(1.05);

filter:
drop-shadow(0 12px 20px rgba(33,150,243,.25));

}

.kp-company h3{
    color:#dddd;
}

/*==========================
ABOUT
===========================*/

.kp-company p{

font-size:17px;

line-height:1.9;

color:#dddd;

max-width:340px;

}



/*==========================
HEADINGS
===========================*/

.kp-footer-column h4{

font-size:14px;

font-weight:700;

letter-spacing:4px;

text-transform:uppercase;

color:#dddd;

margin-bottom:28px;

}



/*==========================
LIST
===========================*/

.kp-footer-column ul{

list-style:none;

padding:0;

margin:0;

}

.kp-footer-column li{

margin-bottom:18px;

}

.kp-footer-column a{

position:relative;

text-decoration:none;

color:#A8A8A8;

font-size:17px;

transition:var(--kp-transition);

display:inline-block;

}



/*==========================
LINK UNDERLINE
===========================*/

.kp-footer-column a::after{

content:"";

position:absolute;

left:0;

bottom:-5px;

width:0;

height:2px;

background:var(--kp-accent);

transition:.35s;

border-radius:20px;

}

.kp-footer-column a:hover{

color:white;

transform:translateX(6px);

}

.kp-footer-column a:hover::after{

width:100%;

}



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

.kp-contact li{

display:flex;

align-items:flex-start;

gap:14px;

font-size:17px;

line-height:1.8;

color:#A8A8A8;

}

.kp-contact span{

font-size:18px;

color:var(--kp-accent);

margin-top:3px;

}



/*==========================
DIVIDER
===========================*/

.kp-divider{

width:min(92%,1400px);

margin:80px auto 35px;

height:1px;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.10),

transparent

);

}



/*==========================
BOTTOM
===========================*/

.kp-footer-bottom{

width:min(92%,1400px);

margin:auto;

display:grid;

grid-template-columns:

1fr
1fr
1fr;

align-items:center;

gap:20px;

}



/*==========================
COPYRIGHT
===========================*/

.kp-copyright{

font-size:15px;

color:#8E8E8E;

}



/*==========================
TRENDZCORE CREDIT
===========================*/

.kp-credit{

display:flex;

justify-content:center;

align-items:center;

gap:8px;

font-size:15px;

color:#999;

}

.kp-credit a{

position:relative;

text-decoration:none;

font-weight:600;

color:var(--kp-accent);

transition:var(--kp-transition);

}

.kp-credit a::after{

content:"";

position:absolute;

left:50%;

bottom:-4px;

width:0;

height:2px;

background:var(--kp-accent);

transform:translateX(-50%);

transition:.35s;

border-radius:20px;

}

.kp-credit a:hover{

color:var(--kp-accent2);

text-shadow:

0 0 15px rgba(33,150,243,.45);

}

.kp-credit a:hover::after{

width:100%;

}



/*==========================
SOCIAL
===========================*/

.kp-social{

display:flex;

justify-content:flex-end;

gap:14px;

}

.kp-social a{

width:46px;

height:46px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

background:

rgba(255,255,255,.04);

border:

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

backdrop-filter:blur(12px);

transition:var(--kp-transition);

color:#A8A8A8;

}

.kp-social svg{

width:19px;

height:19px;

}

.kp-social a:hover{

background:

linear-gradient(

135deg,

#2196F3,

#58B7FF

);

color:white;

transform:

translateY(-6px)
scale(1.08);

box-shadow:

0 18px 35px rgba(33,150,243,.30);

}



/*==========================
ANIMATION
===========================*/

.kp-footer-column{

transition:.45s;

}

.kp-footer-column:hover{

transform:translateY(-4px);

}



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

@media(max-width:1100px){

.kp-footer-container{

grid-template-columns:

1fr
1fr;

gap:55px;

}

.kp-footer-bottom{

grid-template-columns:1fr;

text-align:center;

}

.kp-social{

justify-content:center;

margin-top:10px;

}

.kp-credit{

justify-content:center;

}

.kp-copyright{

text-align:center;

}

}



@media(max-width:768px){

.kp-footer{

padding:80px 0 30px;

}

.kp-footer-container{

grid-template-columns:1fr;

gap:45px;

}

.kp-company p{

max-width:100%;

}

.kp-footer-column{

text-align:left;

}

.kp-divider{

margin:50px auto 25px;

}

.kp-footer-logo{

height:56px;

}

.kp-footer-column h4{

margin-bottom:18px;

}

.kp-footer-column li{

margin-bottom:14px;

}

.kp-social a{

width:42px;

height:42px;

}

}

</style>/* End custom CSS */