.elementor-34 .elementor-element.elementor-element-70a6771{--display:flex;--min-height:760px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:120px;--margin-bottom:120px;--margin-left:20px;--margin-right:20px;}.elementor-34 .elementor-element.elementor-element-a5479ed{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-34 .elementor-element.elementor-element-f41cb89{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-b94bc81{width:var( --container-widget-width, 109.259% );max-width:109.259%;--container-widget-width:109.259%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-b94bc81.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-34 .elementor-element.elementor-element-b94bc81 .elementor-heading-title{font-family:"Road Rage", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-34 .elementor-element.elementor-element-8f33ef2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-34 .elementor-element.elementor-element-993f9a8{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.elementor-34 .elementor-element.elementor-element-b319d3b{--display:flex;--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-e14b36f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-34 .elementor-element.elementor-element-03ad94c{--display:flex;}.elementor-34 .elementor-element.elementor-element-2dc1eda{--display:flex;}.elementor-34 .elementor-element.elementor-element-3e417b9{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-a5479ed{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-70a6771{--width:1380px;}.elementor-34 .elementor-element.elementor-element-f41cb89{--width:100%;}.elementor-34 .elementor-element.elementor-element-993f9a8{--width:100%;}.elementor-34 .elementor-element.elementor-element-e14b36f{--content-width:1309px;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-70a6771{--width:93%;--min-height:230px;}.elementor-34 .elementor-element.elementor-element-a5479ed{--content-width:1600px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-34 .elementor-element.elementor-element-f41cb89{--margin-top:0px;--margin-bottom:34px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-b94bc81{text-align:center;}.elementor-34 .elementor-element.elementor-element-b94bc81 .elementor-heading-title{font-size:72px;}.elementor-34 .elementor-element.elementor-element-8f33ef2{width:var( --container-widget-width, 333px );max-width:333px;--container-widget-width:333px;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-8f33ef2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-993f9a8{--margin-top:41px;--margin-bottom:65px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-bf40d34 > .elementor-widget-container{margin:40px 0px 32px 0px;}.elementor-34 .elementor-element.elementor-element-0ab63e8 > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-34 .elementor-element.elementor-element-b319d3b{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-cb1ce01 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d6d9cef *//*========================================
BADGE
========================================*/

.elementor-34 .elementor-element.elementor-element-d6d9cef .kp-badge{

display:inline-flex;

align-items:center;

gap:12px;

padding:12px 15px;

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

backdrop-filter:blur(18px);

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

border-radius:100px;

box-shadow:

0 10px 30px rgba(0,0,0,.06);

margin-bottom:35px;

transition:.4s;

}

.elementor-34 .elementor-element.elementor-element-d6d9cef .kp-badge:hover{

transform:translateY(-3px);

box-shadow:

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

}

.elementor-34 .elementor-element.elementor-element-d6d9cef .kp-badge-icon{

width:22px;

height:22px;

border-radius:50%;

background:linear-gradient(135deg,#2196F3,#66C2FF);

display:flex;

justify-content:center;

align-items:center;

color:white;

}

.elementor-34 .elementor-element.elementor-element-d6d9cef .kp-badge span{

font-family:Inter,sans-serif;

font-size:12px;

font-weight:600;

color:#222;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b94bc81 *//*========================================
TITLE
========================================*/

.elementor-34 .elementor-element.elementor-element-b94bc81 .kp-title{

margin:0;

font-family:"Cormorant Garamond",serif;

font-size:40px;

font-weight:500 !important;

line-height:.92;

letter-spacing:-2px;

color:#111;

}

.elementor-34 .elementor-element.elementor-element-b94bc81 .kp-title span{

color:#59B7FF;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f33ef2 *//*========================================
BUTTONS
========================================*/

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-group{

display:flex;

gap:18px;

margin-bottom:45px;

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-primary{

display:flex;

align-items:center;

gap:12px;

padding:12px 20px ;

border-radius:100px;

background:#111;

color:white;

text-decoration:none;

font-family:Inter;

font-weight:600;

transition:.4s;

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-primary:hover{

background:linear-gradient(135deg,#2196F3,#6AC4FF);

transform:translateY(-3px);

box-shadow:

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

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-primary svg{

transition:.35s;

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-primary:hover svg{

transform:

translateX(5px)

rotate(-45deg);

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-secondary{

padding:14px 30px;

border-radius:100px;

background:white;

border:1px solid #E7E7E7;

text-decoration:none;

font-family:Inter;

font-weight:500 !important;

color:#111;

transition:.35s;

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-secondary:hover{

border-color:#2196F3;

color:#2196F3;

transform:translateY(-3px);

}

@media(max-width:767px)

{
    .elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-group{

flex-direction:column;

width:100%;

}

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-primary,

.elementor-34 .elementor-element.elementor-element-8f33ef2 .kp-btn-secondary{

width:100%;

justify-content:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf40d34 *//*=========================================================
RIGHT WRAPPER
=========================================================*/

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-right-wrap{

width:100%;
max-width:780px;
height:480px;
margin:auto;
position:relative;

}

/* Soft Glow */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-right-wrap:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:420px;
    height:420px;
    background:radial-gradient(circle,
        rgba(33,150,243,.12),
        rgba(33,150,243,0) 70%);
    filter:blur(50px);
    z-index:1;
    pointer-events:none;
}

/*=========================================================
DASHBOARD
=========================================================*/

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:640px;
    max-width: 100%;
    border-radius:26px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(255,255,255,.85);
    box-shadow:
        0 20px 40px rgba(15,23,42,.08),
        0 45px 90px rgba(15,23,42,.12);
    z-index:5;
    transition:.4s ease;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard img{
    display:block;
    width:100%;
    height:auto;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard:hover{
    transform:translate(-50%,-51%);
}

/* Shine */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard:after{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:40%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-22deg);
    transition:1.2s;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard:hover:after{
    left:170%;
}

/*=========================================================
COMMON PILL
=========================================================*/

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill{
    position:absolute;
    display:flex;
    align-items:center;
    gap:16px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.75);
    box-shadow:
        0 10px 28px rgba(15,23,42,.08);
    white-space:nowrap;
    transition:.35s ease;
    z-index:20;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill:hover{
    transform:translateY(-4px);
    box-shadow:
        0 18px 40px rgba(33,150,243,.15);
}

/*=========================================================
ICON
=========================================================*/

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-icon{
    width:24px;
    height:24px;
    border-radius:50%;
    background:#111827;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2196F3;
    flex-shrink:0;
    transition:.35s;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill:hover .kp-pill-icon{
    background:#2196F3;
    color:#fff;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-icon svg{
    width:14px;
    height:14px;
    stroke:currentColor;
}

/*=========================================================
TEXT
=========================================================*/

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-text{
    display:flex;
    flex-direction:column;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-text h4{
    margin:0;
    font:600 13px/1.2 "Inter",sans-serif;
    color:#111827;
}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-text span{
    margin-top:2px;
    font:500 10px/1.3 "Inter",sans-serif;
    color:#6B7280;
}

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

@media(max-width:767px){

    .elementor-34 .elementor-element.elementor-element-bf40d34 .kp-right-wrap{
        height:auto;
        max-width:100%;
    }

    .elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard{

transition:.45s cubic-bezier(.22,.61,.36,1);

}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard img{

transition:.45s cubic-bezier(.22,.61,.36,1);

}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard:hover{

box-shadow:

0 30px 80px rgba(0,0,0,.12);

}

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-dashboard:hover img{

transform:scale(1.02);

}
    /* Hide floating pills on mobile */

    .elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill{
        display:none;
    }

}

/*=====================================================
PILL POSITIONING
=====================================================*/

/* GST */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-1{

top:20px;
left:-15px;

transform:translate(0,0);

min-width:180px;

animation:kpFloat1 6s ease-in-out infinite;

}


/* COMPANY */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-2{

top:20px;
right:-40px;

transform:translate(0,0);

min-width:225px;

animation:kpFloat2 7s ease-in-out infinite;

}


/* STARTUP */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-3{

top:160px;
right:-40px;

transform:translate(0,0);

min-width:190px;

animation:kpFloat3 6.5s ease-in-out infinite;

}


/* TAX */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-4{

bottom:180px;
left:-15px;

transform:translate(0,0);

min-width:175px;

animation:kpFloat4 6s ease-in-out infinite;

}


/* ROC */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-5{

bottom:-13px;
left:157px;

transform:translate(0,0);

min-width:190px;

animation:kpFloat5 7s ease-in-out infinite;

}


/* AUDIT */

.elementor-34 .elementor-element.elementor-element-bf40d34 .kp-pill-6{

bottom:140px;
right:-40px;

transform:translate(0,0);

min-width:175px;

animation:kpFloat6 6.5s ease-in-out infinite;

}


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

@keyframes kpFloat1{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

@keyframes kpFloat2{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@keyframes kpFloat3{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

@keyframes kpFloat4{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

@keyframes kpFloat5{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-7px);

}

}

@keyframes kpFloat6{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ab63e8 *//*=========================================================
RIGHT WRAPPER
=========================================================*/

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-right-wrap{

width:100%;
max-width:780px;
height:480px;
margin:auto;
position:relative;

}

/* Soft Glow */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-right-wrap:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:420px;
    height:420px;
    background:radial-gradient(circle,
        rgba(33,150,243,.12),
        rgba(33,150,243,0) 70%);
    filter:blur(50px);
    z-index:1;
    pointer-events:none;
}

/*=========================================================
DASHBOARD
=========================================================*/

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:640px;
    max-width: 100%;
    border-radius:26px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(255,255,255,.85);
    box-shadow:
        0 20px 40px rgba(15,23,42,.08),
        0 45px 90px rgba(15,23,42,.12);
    z-index:5;
    transition:.4s ease;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard img{
    display:block;
    width:100%;
    height:auto;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard:hover{
    transform:translate(-50%,-51%);
}

/* Shine */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard:after{
    content:"";
    position:absolute;
    top:0;
    left:-140%;
    width:40%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transform:skewX(-22deg);
    transition:1.2s;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard:hover:after{
    left:170%;
}

/*=========================================================
COMMON PILL
=========================================================*/

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill{
    position:absolute;
    display:flex;
    align-items:center;
    gap:16px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.75);
    box-shadow:
        0 10px 28px rgba(15,23,42,.08);
    white-space:nowrap;
    transition:.35s ease;
    z-index:20;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill:hover{
    transform:translateY(-4px);
    box-shadow:
        0 18px 40px rgba(33,150,243,.15);
}

/*=========================================================
ICON
=========================================================*/

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-icon{
    width:24px;
    height:24px;
    border-radius:50%;
    background:#111827;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#2196F3;
    flex-shrink:0;
    transition:.35s;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill:hover .kp-pill-icon{
    background:#2196F3;
    color:#fff;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-icon svg{
    width:14px;
    height:14px;
    stroke:currentColor;
}

/*=========================================================
TEXT
=========================================================*/

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-text{
    display:flex;
    flex-direction:column;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-text h4{
    margin:0;
    font:600 13px/1.2 "Inter",sans-serif;
    color:#111827;
}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-text span{
    margin-top:2px;
    font:500 10px/1.3 "Inter",sans-serif;
    color:#6B7280;
}

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

@media(max-width:767px){

    .elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-right-wrap{
        max-width:200%;
    }

    .elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard{

transition:.45s cubic-bezier(.22,.61,.36,1);

}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard img{

transition:.45s cubic-bezier(.22,.61,.36,1);

}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard:hover{

box-shadow:

0 30px 80px rgba(0,0,0,.12);

}

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-dashboard:hover img{

transform:scale(1.02);

}
    /* Hide floating pills on mobile */

    .elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill{
        display:none;
    }

}

/*=====================================================
PILL POSITIONING
=====================================================*/

/* GST */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-1{

top:20px;
left:-15px;

transform:translate(0,0);

min-width:180px;

animation:kpFloat1 6s ease-in-out infinite;

}


/* COMPANY */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-2{

top:20px;
right:-40px;

transform:translate(0,0);

min-width:225px;

animation:kpFloat2 7s ease-in-out infinite;

}


/* STARTUP */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-3{

top:160px;
right:-40px;

transform:translate(0,0);

min-width:190px;

animation:kpFloat3 6.5s ease-in-out infinite;

}


/* TAX */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-4{

bottom:180px;
left:-15px;

transform:translate(0,0);

min-width:175px;

animation:kpFloat4 6s ease-in-out infinite;

}


/* ROC */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-5{

bottom:-13px;
left:157px;

transform:translate(0,0);

min-width:190px;

animation:kpFloat5 7s ease-in-out infinite;

}


/* AUDIT */

.elementor-34 .elementor-element.elementor-element-0ab63e8 .kp-pill-6{

bottom:140px;
right:-40px;

transform:translate(0,0);

min-width:175px;

animation:kpFloat6 6.5s ease-in-out infinite;

}


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

@keyframes kpFloat1{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

@keyframes kpFloat2{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@keyframes kpFloat3{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

@keyframes kpFloat4{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

@keyframes kpFloat5{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-7px);

}

}

@keyframes kpFloat6{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb1ce01 *//*==========================
Floating Strip
==========================*/

.kp-trust-strip{

margin-top:-70px;

position:relative;

z-index:20;

padding:0 20px;

}

/*==========================
Container
==========================*/

.kp-trust-container{

max-width:1380px;

margin:auto;

display:grid;

grid-template-columns:repeat(6,minmax(0,1fr));

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

backdrop-filter:blur(20px);

border-radius:28px;

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

border:1px solid rgba(0,0,0,.05);

overflow:hidden;

}

/*==========================
Items
==========================*/

.kp-item{

padding:32px 12px;

text-align:center;

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

transition:.35s ease;

}

.kp-item:last-child{

border-right:none;

}

.kp-item:hover{

background:#fafcff;

transform:translateY(-4px);

}

/*==========================
Numbers
==========================*/

.kp-item h2{

margin:0;

font-family:"Cormorant Garamond",serif;

font-size:28px;

font-weight:600;

color:#1B4F9C;

line-height:1;

}

/*==========================
Labels
==========================*/

.kp-item p{

margin-top:8px;

font-family:Inter,sans-serif;

font-size:13px;

font-weight:600;

letter-spacing:1px;

text-transform:uppercase;

color:#6C7280;

margin-bottom:0;

}

/*==========================
Responsive
==========================*/

@media (max-width:767px){

.kp-trust-container{

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

border-radius:22px;

}

.kp-item{

padding:24px 15px;

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

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

}

.kp-item:nth-child(even){

border-right:none;

}

.kp-item:nth-last-child(-n+2){

border-bottom:none;

}

.kp-item h2{

font-size:24px;

}

.kp-item p{

font-size:12px;

letter-spacing:.8px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e21625 *//* =====================================================
   KUMAR PANKAJ & COMPANY
   SERVICES SECTION
===================================================== */

:root{

--kp-blue:#2196F3;
--kp-text:#111111;
--kp-light:#68707D;
--kp-border:#ECECEC;
--kp-bg:#FCFCFD;

}

.kp-services{

padding:110px 0;

background:var(--kp-bg);

position:relative;

overflow:hidden;

}

.kp-services::before{

content:"";

position:absolute;

inset:0;

background-image:

linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),

linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);

background-size:80px 80px;

opacity:.35;

pointer-events:none;

}

.kp-services{

position:relative;

z-index:2;

}

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

.kp-services-header{

max-width:850px;

margin:0 auto 80px;

text-align:center;

}

.kp-tag{

display:inline-flex;

align-items:center;

gap:12px;

font-family:Inter,sans-serif;

font-size:14px;

font-weight:600;

letter-spacing:4px;

text-transform:uppercase;

color:var(--kp-blue);

margin-bottom:22px;

}

.kp-tag::before{

content:"";

width:34px;

height:1px;

background:var(--kp-blue);

display:block;

}

.kp-services-header h2{

margin:0;

font-family:"Cormorant Garamond",serif;

font-size:68px;

font-weight:500;

line-height:.95;

letter-spacing:-1.5px;

color:#111;

}

.kp-services-header p{

margin:28px auto 0;

max-width:720px;

font-family:Inter,sans-serif;

font-size:18px;

line-height:1.8;

color:#697280;

}

/*==================================================
GRID
==================================================*/

.kp-services-grid{

max-width:1450px;

margin:auto;

display:grid;

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

gap:28px;

}

/*==================================================
CARD
==================================================*/

.kp-service-card{

background:#fff;

border:1px solid var(--kp-border);

border-radius:32px;

padding: 18px;

min-height:200px;

display:flex;

flex-direction:column;

transition:.45s cubic-bezier(.22,.61,.36,1);

position:relative;

overflow:hidden;

}

.kp-service-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:3px;

background:linear-gradient(90deg,#2196F3,#6CC8FF);

transform:scaleX(0);

transform-origin:left;

transition:.45s;

}

.kp-service-card:hover{

transform:translateY(-10px);

border-color:#B6DDFF;

box-shadow:

0 25px 60px rgba(33,150,243,.10);

}

.kp-service-card:hover::before{

transform:scaleX(1);

}

/*==================================================
ICON
==================================================*/

.kp-icon{

width:24px;

height:24px;

border-radius:50%;

background:#111;

display:flex;

justify-content:center;

align-items:center;

color:#2196F3;

font-size:14px;

margin-bottom:32px;

transition:.4s;

}

.kp-service-card:hover .kp-icon{

background:#2196F3;

color:#fff;

transform:rotate(8deg);

}

/*==================================================
TITLE
==================================================*/

.kp-service-card h3{

margin:0 0 10px;

font-family:"Cormorant Garamond",serif;

font-size:24px;

font-weight:600;

line-height:1.15;

color:#111;

}

/*==================================================
DESCRIPTION
==================================================*/

.kp-service-card p{

margin:0;

font-family:Inter,sans-serif;

font-size:14px;

line-height:1.8;

color:#697280;

flex-grow:1;

}

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

.kp-service-card a{

margin-top:18px !important;

display:inline-flex;

align-items:center;

gap:8px;

font-family:Inter,sans-serif;

font-size:12px;

font-weight:600;

color:#111;

text-decoration:none;

transition:.35s;

}

.kp-service-card:hover a{

color:#2196F3;

gap:16px;

}

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

@media(max-width:1200px){

.kp-services-grid{

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

}

.kp-services-header h2{

font-size:28px!important;

}

}

@media(max-width:767px){

.kp-services{

padding:90px 0;

}

.kp-services-header{

margin-bottom:55px;

}

.kp-services-header h2{

font-size:28px!important;

line-height:1.05;

}

.kp-services-header p{

font-size:14px;

}

.kp-services-grid{

grid-template-columns:1fr;

gap:18px !important;

}

.kp-service-card{

min-height:auto;

padding:28px;

border-radius:24px;

}

.kp-service-card h3{

font-size:20px;

}

.kp-service-card p{

font-size:16px;

}

.kp-icon{

width:28px;

height:28px;

margin-bottom:18px;

}

}

</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec0c893 *//*=========================================================
SECTION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-why{

    display:grid;
    grid-template-columns:44% 54%;
    gap:60px;

    align-items:center;

    max-width:1380px;
    margin:0 auto;

    position:relative;

}


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

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-left{

    position:relative;

}


/*=========================================================
IMAGE
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-image{

    overflow:hidden;

    border-radius:36px;

    position:relative;

    box-shadow:
    0 25px 60px rgba(15,23,42,.08);

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-image img{

    display:block;

    width:100%;

    height:760px;

    object-fit:cover;

    transition:.6s ease;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-image:hover img{

    transform:scale(1.03);

}


/*=========================================================
FLOATING CARD
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-floating-card{

    position:absolute;

    right:-40px;

    bottom:-35px;

    width:280px;

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

    backdrop-filter:blur(18px);

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

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

    border-radius:30px;

    padding:28px;

    box-shadow:

    0 20px 50px rgba(15,23,42,.08);

    z-index:5;

}


/*=========================================================
BADGE
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-badge{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-badge svg{

    width:15px;

    height:15px;

    color:#3BA8F5;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-badge span{

    font-family:Inter,sans-serif;

    font-size:12px;

    letter-spacing:4px;

    color:#3BA8F5;

    font-weight:600;

}


/*=========================================================
FLOAT TEXT
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-floating-card h3{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:28px;

    line-height:1.15;

    font-weight:500;

    color:#111;

}


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

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right{

    display:flex;

    flex-direction:column;

}


/*=========================================================
LABEL
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-label{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:22px;

    font-family:Inter,sans-serif;

    font-size:18px;

    letter-spacing:5px;

    color:#3BA8F5;

    font-weight:600;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-label:before{

    content:"";

    width:30px;

    height:1px;

    background:#3BA8F5;

}


/*=========================================================
HEADING
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right h2{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:50px;

    line-height:1.05;

    font-weight:500;

    color:#111;

    max-width:620px;

}


/*=========================================================
DESCRIPTION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right>p{

    margin-top:30px;

    margin-bottom:45px;

    max-width:620px;

    font-family:Inter,sans-serif;

    font-size:18px;

    line-height:1.8;

    color:#6B7280;

}

/*=========================================================
FEATURE GRID
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-grid{

    display:grid;

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

    gap:24px;

}


/*=========================================================
CARD
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card{

    display:flex;

    align-items:flex-start;

    gap:22px;

    padding:30px;

    background:#ffffff;

    border:1px solid #E8EDF2;

    border-radius:28px;

    transition:all .35s cubic-bezier(.22,.61,.36,1);

    position:relative;

    overflow:hidden;

    min-height:190px;

}


/*=========================================================
TOP BORDER ANIMATION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:2px;

    background:#46A8F8;

    transition:.4s;

}


/*=========================================================
HOVER
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card:hover{

    transform:translateY(-8px);

    border-color:#A8D7FF;

    box-shadow:

    0 20px 50px rgba(15,23,42,.08);

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card:hover::before{

    width:100%;

}


/*=========================================================
ICON
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-icon{

    width:24px;

    height:24px;

    border-radius:50%;

    background:#111827;

    color:#3BA8F5;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:14px;

    flex-shrink:0;

    transition:.35s;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card:hover .kp-icon{

    background:#3BA8F5;

    color:#ffffff;

}


/*=========================================================
TITLE
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card h4{

    margin:4px 0 16px;

    font-family:"Cormorant Garamond",serif;

    font-size:24px;

    line-height:1.15;

    font-weight:500;

    color:#111;

}


/*=========================================================
DESCRIPTION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card p{

    margin:0;

    font-family:Inter,sans-serif;

    font-size:12px;

    line-height:1.8;

    color:#6B7280;

}

/*=========================================================
TABLET (1024px)
=========================================================*/

@media (max-width:1024px){

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-why{

    grid-template-columns:1fr;

    gap:60px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-left{

    max-width:700px;

    margin:0 auto;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right{

    max-width:760px;

    margin:0 auto;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right h2{

    font-size:48px!important;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right>p{

    font-size:14px!important;
    margin-bottom:35px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-grid{

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

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-floating-card{

    right:20px;

    bottom:-30px;

}

}


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

@media (max-width:767px){

/* SECTION */

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-why{

    grid-template-columns:1fr;

    gap:40px;

}


/* LEFT IMAGE */

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-image{

    border-radius:28px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-image img{

    height:480px;

}


/* FLOAT CARD */

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-floating-card{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:-25px;

    width:88%;

    max-width:280px;

    padding:22px;

    border-radius:24px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-floating-card h3{

    font-size:24px;

    line-height:1.25;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-badge{

    margin-bottom:14px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-badge span{

    font-size:12px;

    letter-spacing:3px;

}


/* RIGHT */

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right{

    margin-top:20px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-label{

    font-size:12px;

    letter-spacing:4px;

    margin-bottom:16px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right h2{

    font-size:46px;

    line-height:1.08;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right>p{

    font-size:17px;

    line-height:1.7;

    margin-top:20px;

    margin-bottom:28px;

}


/* GRID */

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-grid{

    grid-template-columns:1fr;

    gap:18px;

}


/* CARD */

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card{

    padding:24px;

    min-height:auto;

    border-radius:24px;

    gap:16px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-icon{

    width:48px;

    height:48px;

    font-size:20px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card h4{

    font-size:24px;

    margin-bottom:10px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card p{

    font-size:16px;

    line-height:1.6;

}

}


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

@media (max-width:480px){

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-right h2{

    font-size:38px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-image img{

    height:420px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-floating-card{

    width:92%;

    bottom:-18px;

}

.elementor-34 .elementor-element.elementor-element-ec0c893 .kp-card{

    padding:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-500fd62 *//*=========================================================
SECTION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process{

    position:relative;

    overflow:hidden;

    background:#0B0D10;

    border-radius:36px;

    padding:120px 70px 110px;

}


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

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-220px;

    width:700px;

    height:700px;

    background:radial-gradient(circle,
        rgba(52,168,255,.10),
        transparent 70%);

    pointer-events:none;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process::after{

    content:"";

    position:absolute;

    left:-220px;

    bottom:-220px;

    width:500px;

    height:500px;

    background:radial-gradient(circle,
        rgba(52,168,255,.05),
        transparent 70%);

    pointer-events:none;

}


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

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header{

    max-width:760px;

    margin:0 auto;

    text-align:center;

    position:relative;

    z-index:2;

}


/*=========================================================
LABEL
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-label{

    display:inline-flex;

    align-items:center;

    gap:14px;

    font-family:Inter,sans-serif;

    font-size:14px;

    font-weight:500;

    letter-spacing:2px;

    color:#34A8FF;

    text-transform:uppercase;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-label::before{

    content:"";

    width:30px;

    height:1px;

    background:#34A8FF;

}


/*=========================================================
HEADING
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header h2{

    margin:26px 0 22px;

    font-family:"Cormorant Garamond",serif;

    font-size:62px;

    line-height:1.08;

    font-weight:500;

    color:#ffffff;

}


/*=========================================================
DESCRIPTION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header p{

    max-width:760px;

    margin:0 auto;

    font-family:Inter,sans-serif;

    font-size:16px;
    
    line-height:1.8;

    color:#ffff;

}


/*=========================================================
TIMELINE LINE
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-line{

    position:relative;

    width:100%;

    height:1px;

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

    margin:110px 0 70px;

}


/* Blue Accent */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-line::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:1px;

    background:#34A8FF;

    animation:kpLine 2s ease forwards;

}


@keyframes kpLine{

    from{

        width:0;

    }

    to{

        width:100%;

    }

}

/*=========================================================
PROCESS GRID
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-grid{

    display:grid;

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

    gap:28px;

    position:relative;

    z-index:2;

}


/*=========================================================
STEP
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step{

    position:relative;

    text-align:left;

}


/*=========================================================
CIRCLE
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle{

    width:48px;

    height:48px;

    border-radius:50%;

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

    background:#0B0D10;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 34px;

    position:relative;

    transition:.45s cubic-bezier(.22,.61,.36,1);

}


/* Circle sits on timeline */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle{

    margin-top:-95px;

}


/*=========================================================
NUMBER
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle span{

    font-family:"Cormorant Garamond",serif;

    font-size:20px;

    font-weight:500;

    color:#34A8FF;

    transition:.35s;

}


/*=========================================================
TITLE
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step h3{

    margin:0 0 14px;

    font-family:"Cormorant Garamond",serif;

    font-size:24px;

    line-height:1.15;

    font-weight:500;

    color:#ffffff;

}


/*=========================================================
DESCRIPTION
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step p{

    margin:0;

    font-family:Inter,sans-serif;

    font-size:14px;
font-weight:500;
    line-height:1.65;

    color:#8C9097;

}


/*=========================================================
HOVER
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:hover .kp-circle{

    border-color:#34A8FF;

    background:#11151C;

    transform:translateY(-6px);

    box-shadow:

        0 0 0 6px rgba(52,168,255,.06),

        0 0 30px rgba(52,168,255,.15);

}


.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:hover .kp-circle span{

    transform:scale(1.15);

    color:#7BC7FF;

}


.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:hover h3{

    color:#7BC7FF;

}


.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:hover p{

    color:#B8BEC7;

}


/*=========================================================
SMOOTH APPEAR
=========================================================*/

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step{

    animation:kpFade .8s ease both;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:nth-child(1){animation-delay:.05s;}
.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:nth-child(2){animation-delay:.12s;}
.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:nth-child(3){animation-delay:.20s;}
.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:nth-child(4){animation-delay:.28s;}
.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:nth-child(5){animation-delay:.36s;}
.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step:nth-child(6){animation-delay:.44s;}

@keyframes kpFade{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

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

@media (max-width:1024px){

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process{

    padding:90px 40px 80px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header h2{

    font-size:56px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header p{

    font-size:19px;

    line-height:1.7;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-grid{

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

    gap:45px 30px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-line{

    display:none;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle{

    margin:0 auto 24px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step{

    text-align:center;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step h3{

    font-size:28px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step p{

    font-size:16px;

}

}


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

@media (max-width:767px){

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process{

    padding:70px 24px 60px;

    border-radius:34px;

}


/* Heading */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header{

    max-width:100%;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-label{

    font-size:12px;

    letter-spacing:4px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header h2{

    font-size:34px !important;

    line-height:1.1;

    margin:18px 0;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header p{

    font-size:12px;
     
    font-weight: 500px;
     
    line-height:1.6;

    margin-bottom:10px;

}


/* Hide Timeline */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-line{

    display:none;

}


/* Grid */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-grid{

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

    gap:38px 22px;

    margin-top:50px;

}


/* Step */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step{

    text-align:center;

}


/* Circle */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle{

    width:50px!important;

    height:50px!important;

    margin:0 auto 18px;

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

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle span{

    font-size:18px !important;

}


/* Title */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step h3{

    font-size:18px !important ;

    line-height:1.3;

    margin-bottom:10px;

}


/* Description */

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step p{

    font-size:14px !important;

    line-height:1.5;

    max-width:150px;

    margin:auto;

}

}


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

@media (max-width:480px){

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process{

    padding:60px 18px 50px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-header h2{

    font-size:38px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-process-grid{

    gap:34px 18px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle{

    width:68px;

    height:68px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-circle span{

    font-size:20px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step h3{

    font-size:17px;

}

.elementor-34 .elementor-element.elementor-element-500fd62 .kp-step p{

    font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663e491 *//*==================================================
INDUSTRIES SECTION
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries{

    max-width:1380px;
    margin:0 auto;
    padding:110px 20px;

}


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

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head{

    max-width:760px;
    margin:0 auto 70px;
    text-align:center;

}


/*==================================================
LABEL
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-label{

    display:inline-flex;
    align-items:center;
    gap:14px;

    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:600;
    letter-spacing:5px;
    text-transform:uppercase;

    color:#34A8FF;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-label::before{

    content:"";

    width:34px;
    height:1px;

    background:#34A8FF;

}


/*==================================================
HEADING
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head h2{

    margin:24px 0 20px;

    font-family:"Cormorant Garamond",serif;
    font-size:72px;
    font-weight:500;
    line-height:1.08;

    color:#111;

}


/*==================================================
DESCRIPTION
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head p{

    max-width:720px;

    margin:0 auto;

    font-family:Inter,sans-serif;
    font-size:22px;
    line-height:1.75;

    color:#6B7280;

}


/*==================================================
GRID
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-grid{

    display:grid;

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

    gap:22px;

}


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

@media(max-width:1024px){

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-grid{

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

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head h2{

font-size:56px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head p{

font-size:19px;

}

}


@media(max-width:767px){

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries{

padding:70px 0;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head{

margin-bottom:40px;

padding:0 18px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-label{

font-size:12px;

letter-spacing:4px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head h2{

font-size:44px;

line-height:1.15;

margin:16px 0;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head p{

font-size:17px;

line-height:1.6;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-grid{

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

gap:16px;

padding:0 16px;

}

}

/*==================================================
INDUSTRY CARD
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card{

    position:relative;

    background:#ffffff;

    border:1px solid #E9EDF2;

    border-radius:30px;

    min-height:180px;

    padding:34px 30px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    transition:all .35s cubic-bezier(.22,.61,.36,1);

    cursor:pointer;

    overflow:hidden;

}


/*==================================================
TOP BLUE BORDER
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:0;

    height:2px;

    background:#34A8FF;

    transition:.35s;

}


/*==================================================
ICON
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#111111;

    margin-bottom:34px;

    transition:.35s;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon svg{

    width:28px;

    height:28px;

    stroke-width:1.8;

}


/*==================================================
TITLE
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card h4{

    margin:0;

    font-family:"Cormorant Garamond",serif;

    font-size:34px;

    font-weight:500;

    line-height:1.15;

    color:#111111;

    transition:.35s;

}


/*==================================================
HOVER
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover{

    background:#0B0D10;

    border-color:#0B0D10;

    transform:translateY(-8px);

    box-shadow:

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

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover::before{

    width:100%;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover .kp-icon{

    color:#34A8FF;

    transform:translateY(-3px);

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover h4{

    color:#ffffff;

}


/*==================================================
ACTIVE CARD
(Default IT Companies)
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(3){

    background:#0B0D10;

    border-color:#0B0D10;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(3)::before{

    width:100%;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(3) .kp-icon{

    color:#34A8FF;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(3) h4{

    color:#ffffff;

}


/*==================================================
CARD ENTRANCE
==================================================*/

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card{

    animation:kpIndustry .6s ease both;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(1){animation-delay:.05s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(2){animation-delay:.10s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(3){animation-delay:.15s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(4){animation-delay:.20s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(5){animation-delay:.25s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(6){animation-delay:.30s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(7){animation-delay:.35s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(8){animation-delay:.40s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(9){animation-delay:.45s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(10){animation-delay:.50s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(11){animation-delay:.55s;}
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:nth-child(12){animation-delay:.60s;}

@keyframes kpIndustry{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/*==================================================
PART 4
PREMIUM POLISH + RESPONSIVE
==================================================*/

/* ---------- Card Shine ---------- */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card::after{

    content:"";

    position:absolute;

    top:0;

    left:-130%;

    width:70%;

    height:100%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.12),

        transparent

    );

    transform:skewX(-25deg);

    transition:1s;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover::after{

    left:150%;

}


/* ---------- Smooth Transition ---------- */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card,
.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon,
.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card h4{

    transition:

    all .45s cubic-bezier(.22,.61,.36,1);

}


/* ---------- Better Hover ---------- */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover{

    transform:

    translateY(-10px);

    background:#0B0D10;

    border-color:#0B0D10;

    box-shadow:

    0 25px 60px rgba(0,0,0,.22);

}


/* Icon Animation */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover .kp-icon{

    transform:

    rotate(-8deg)

    scale(1.08);

}


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

@media(max-width:1024px){

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries{

padding:90px 30px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-grid{

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

gap:18px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card{

min-height:165px;

padding:26px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head h2{

font-size:58px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head p{

font-size:18px;

}

}


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

@media(max-width:767px){

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries{

padding:70px 0;

}


/* Heading */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head{

padding:0 22px;

margin-bottom:34px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-label{

font-size:12px;

letter-spacing:4px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head h2{

font-size:42px;

line-height:1.15;

margin:18px 0;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head p{

font-size:16px;

line-height:1.6;

}


/* Grid */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-grid{

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

gap:14px;

padding:0 14px;

}


/* Card */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card{

min-height:130px;

padding:18px;

border-radius:20px;

}


/* Icon */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon{

width:34px;

height:34px;

margin-bottom:16px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon svg{

width:20px;

height:20px;

}


/* Title */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card h4{

font-size:17px;

line-height:1.3;

}


/* Remove Lift */

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card:hover{

transform:none;

box-shadow:none;

}

}


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

@media(max-width:480px){

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head{

padding:0 16px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-head h2{

font-size:34px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industries-grid{

gap:10px;

padding:0 12px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card{

padding:16px;

min-height:120px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-industry-card h4{

font-size:16px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon{

width:30px;

height:30px;

margin-bottom:14px;

}

.elementor-34 .elementor-element.elementor-element-663e491 .kp-icon svg{

width:18px;

height:18px;

}

}/* End custom CSS */