.elementor-318 .elementor-element.elementor-element-0d48d66 > .elementor-background-overlay{opacity:0.38;}.elementor-318 .elementor-element.elementor-element-0d48d66{border-style:solid;border-width:0px 0px 4px 0px;border-color:var( --e-global-color-primary );box-shadow:0px 9px 21px -10px rgba(0,0,0,0.5);padding:20px 0px 20px 0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-86d5fc4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-86d5fc4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-86d5fc4 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-318 .elementor-element.elementor-element-86d5fc4 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-318 .elementor-element.elementor-element-86d5fc4 .elementor-element-populated .elementor-heading-title{color:var( --e-global-color-primary );}.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-318 .elementor-element.elementor-element-fc5eac4 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-318 .elementor-element.elementor-element-6c52ac5{text-align:start;}.elementor-318 .elementor-element.elementor-element-6c52ac5 img{width:80%;}.elementor-318 .elementor-element.elementor-element-5b9f772{margin-top:50px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-4ae2b21.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-4ae2b21.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-51f91b3{width:var( --container-widget-width, 104.545% );max-width:104.545%;--container-widget-width:104.545%;--container-widget-flex-grow:0;}.elementor-318 .elementor-element.elementor-element-1eb48cf{width:auto;max-width:auto;}.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-318 .elementor-element.elementor-element-4224190{margin-top:100px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-209cf93.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-209cf93.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-318 .elementor-element.elementor-element-f617696 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-318 .elementor-element.elementor-element-e0c4a2f > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-cfe2dd5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-cfe2dd5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-0071b06 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-318 .elementor-element.elementor-element-6695c27{margin-top:100px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-b7eaf64.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-b7eaf64.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-b7eaf64.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-318 .elementor-element.elementor-element-9a8c385{width:auto;max-width:auto;}.elementor-318 .elementor-element.elementor-element-d050ae6{text-align:center;}.elementor-318 .elementor-element.elementor-element-fc0bf0b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-318 .elementor-element.elementor-element-58976b3{margin-top:100px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-b1f5119.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-b1f5119.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-af1cafd{width:auto;max-width:auto;}.elementor-318 .elementor-element.elementor-element-5d7ab7c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-318 .elementor-element.elementor-element-20149f8 > .elementor-element-populated{border-style:solid;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}.elementor-318 .elementor-element.elementor-element-20149f8 > .elementor-element-populated, .elementor-318 .elementor-element.elementor-element-20149f8 > .elementor-element-populated > .elementor-background-overlay, .elementor-318 .elementor-element.elementor-element-20149f8 > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-318 .elementor-element.elementor-element-6510f1a .elementor-cta .elementor-cta__bg, .elementor-318 .elementor-element.elementor-element-6510f1a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-318 .elementor-element.elementor-element-6510f1a .elementor-cta__content{text-align:center;padding:10px 10px 10px 10px;}.elementor-318 .elementor-element.elementor-element-6510f1a .elementor-cta__bg-wrapper{min-height:259px;}.elementor-318 .elementor-element.elementor-element-6510f1a .elementor-ribbon-inner{color:var( --e-global-color-astglobalcolor4 );}.elementor-318 .elementor-element.elementor-element-e5009dd > .elementor-element-populated{border-style:solid;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}.elementor-318 .elementor-element.elementor-element-e5009dd > .elementor-element-populated, .elementor-318 .elementor-element.elementor-element-e5009dd > .elementor-element-populated > .elementor-background-overlay, .elementor-318 .elementor-element.elementor-element-e5009dd > .elementor-background-slideshow{border-radius:25px 25px 25px 25px;}.elementor-318 .elementor-element.elementor-element-8e87f4e .elementor-cta .elementor-cta__bg, .elementor-318 .elementor-element.elementor-element-8e87f4e .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-318 .elementor-element.elementor-element-8e87f4e .elementor-cta__content{text-align:center;padding:10px 10px 10px 10px;}.elementor-318 .elementor-element.elementor-element-8e87f4e .elementor-cta__bg-wrapper{min-height:259px;}.elementor-318 .elementor-element.elementor-element-8e87f4e .elementor-ribbon-inner{color:var( --e-global-color-astglobalcolor4 );}.elementor-318 .elementor-element.elementor-element-1c2e103:not(.elementor-motion-effects-element-type-background), .elementor-318 .elementor-element.elementor-element-1c2e103 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vrelevators.com/wp-content/uploads/2026/07/uri_ifs___M_wNtyvJHSeVeDn-0LC1t2leny8lel7X0n2lEitFQIjfY.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-318 .elementor-element.elementor-element-1c2e103{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:050px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-318 .elementor-element.elementor-element-1c2e103 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-57637f5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-57637f5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-57637f5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-318 .elementor-element.elementor-element-20c2a1d{width:auto;max-width:auto;text-align:center;}.elementor-318 .elementor-element.elementor-element-7f76939{text-align:center;}.elementor-318 .elementor-element.elementor-element-7f76939 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-318 .elementor-element.elementor-element-eefeb6f{margin-top:100px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-9af5bdc.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-9af5bdc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-9af5bdc.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-318 .elementor-element.elementor-element-25a000d{width:auto;max-width:auto;text-align:center;}.elementor-318 .elementor-element.elementor-element-a116608{text-align:center;}.elementor-318 .elementor-element.elementor-element-f93f606{margin-top:100px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-318 .elementor-element.elementor-element-3cea19a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-318 .elementor-element.elementor-element-3cea19a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-318 .elementor-element.elementor-element-3cea19a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-318 .elementor-element.elementor-element-66cca4b{width:auto;max-width:auto;text-align:center;}.elementor-318 .elementor-element.elementor-element-6904e31{text-align:center;}@media(min-width:768px){.elementor-318 .elementor-element.elementor-element-4ae2b21{width:50%;}.elementor-318 .elementor-element.elementor-element-f13a0ca{width:50%;}}/* Start custom CSS for heading, class: .elementor-element-fc5eac4 *//*=========================================
    ABOUT HERO TITLE
    CSS Class : hero-title
=========================================*/





/* Animated Bottom Border */

.hero-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-15px;
    width:110px;
    height:5px;
    border-radius:50px;
    background:linear-gradient(
        90deg,
        #1E3A8A,
        #FE7F2D
    );
    transition:.4s ease;
}

/* Small Accent Dot */

.hero-title::before{
    content:"";
    position:absolute;
    left:118px;
    bottom:-18px;

    width:12px;
    height:12px;

    border-radius:50%;

    background:#FE7F2D;

    animation:pulseDot 2s infinite;
}

/* Hover */

.hero-title:hover::after{
    width:180px;
}

    transition:.35s ease;
}

/* Dot Animation */

@keyframes pulseDot{

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

50%{
transform:scale(1.4);
opacity:.6;
}

}

/* Large Desktop */

@media(max-width:1400px){

.hero-title .elementor-heading-title{



}

}

/* Laptop */

@media(max-width:1200px){

.hero-title .elementor-heading-title{



}

}

/* Tablet */

@media(max-width:1024px){

.hero-title{

display:block;

}

.hero-title .elementor-heading-title{



line-height:1.2;

}

.hero-title::after{

width:90px;

height:4px;

}

.hero-title::before{

left:98px;

}

}

/* Mobile */

@media(max-width:767px){

.hero-title{

display:block;
text-align:center;

}

.hero-title .elementor-heading-title{





}

.hero-title::after{

left:50%;
transform:translateX(-50%);
width:80px;

}

.hero-title::before{

display:none;

}

}


}

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0d48d66 *//*=========================================
        ABOUT HERO SECTION
==========================================*/

.about-hero{
    position:relative;
    overflow:hidden;
    
    background:#F8FAFC;
}

/* Background */

.about-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background-image:

    linear-gradient(rgba(30,58,138,.05) 1px,transparent 1px),

    linear-gradient(90deg,rgba(30,58,138,.05) 1px,transparent 1px);

    background-size:40px 40px;
}

/* Orange Glow */

/* 1. Add these properties to the parent container */
.about-hero {
    position: relative; /* Acts as an anchor so the circle doesn't fly off the screen */
    overflow: hidden;   /* Clips the circle so it doesn't cause horizontal scrolling */
}

/* 2. Your updated pseudo-element code */
.about-hero::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -150px;
    top: -150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(254, 127, 45, 0.15), transparent 70%);
    
    /* Removed the empty 'overflow:;' property as it is invalid CSS */
}


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

.hero-content{

position:relative;
z-index:2;

animation:contentUp .9s ease;

}

/* Breadcrumb */

.hero-content .breadcrumb{

display:inline-flex;

padding:10px 18px;

border-radius:50px;

background:#fff;

border:1px solid rgba(30,58,138,.08);

box-shadow:0 8px 20px rgba(0,0,0,.05);

font-size:14px;

font-weight:600;

color:#1E3A8A;

margin-bottom:25px;

}

/* Heading */

.hero-content h1{

font-size:58px;

font-weight:800;

line-height:1.1;

color:#2D2D2D;

margin-bottom:22px;

}

/* Gradient Word */

.hero-content h1 span{

background:linear-gradient(
90deg,
#1E3A8A,
#FE7F2D);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

/* Paragraph */

.hero-content p{

font-size:18px;

line-height:1.9;

color:#666;

max-width:620px;

margin-bottom:35px;

}

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

.hero-image{

position:relative;

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

}

/* Image */

.hero-image img{

width:100%;
overflow: absolute;
border-radius:30px;

transition:.5s;

box-shadow:
0 30px 70px rgba(30,58,138,.15);

}

/* Hover */

.hero-image:hover img{

transform:
scale(1.04)
rotate(-1deg);

}

/* Border */

.hero-image::before{

content:"";

position:absolute;

top:25px;
left:-25px;

width:80%;
height:80%;

border:2px solid #FE7F2D;

border-radius:30px;

z-index:-1;

transition:.5s;

}

.hero-image:hover::before{

top:15px;
left:-15px;

}

/* Floating Badge */

.hero-image::after{



position:absolute;

left:-40px;

bottom:40px;

padding:14px 24px;

background:#fff;

border-radius:60px;

font-weight:600;

color:#1E3A8A;

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

}

/*=========================================
        Animations
==========================================*/

@keyframes imageFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@keyframes contentUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

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

@media(max-width:1024px){

.hero-content h1{

font-size:46px;

}

.hero-image{

margin-top:50px;

}

}

@media(max-width:767px){

.about-hero{

padding:80px 20px;

}

.hero-content{

text-align:center;

}

.hero-content h1{

font-size:34px;

}

.hero-content p{

font-size:16px;

margin:auto auto 30px;

}

.hero-image{

margin-top:40px;

}

.hero-image::after{

left:20px;

bottom:20px;

font-size:13px;

padding:10px 18px;

}

.hero-image::before{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2b4ed0e *//*=========================================
    TARGET SHAPE IMAGE
    CSS Class : target-image
=========================================*/

.img-ta{
    position:relative;
    overflow:hidden;
    border-radius:30px;
}

.img-ta img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;

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

    transition:.5s ease;

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

.img-ta:hover img{
    transform:scale(1.05) rotate(2deg);
}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-f498c0e *//*=========================================
    PREMIUM COUNTER 2026
    CSS Class : counter-box
=========================================*/

.counter-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:20px 2px;
    height:100%;
    border-radius:28px;

    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        inset 0 1px 1px rgba(255,255,255,.8);

    transition:.45s ease;
}

/* Animated Gradient Border */

.counter-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1.5px;
    border-radius:28px;

    background:linear-gradient(
        135deg,
        #1E3A8A,
        #FE7F2D,
        #D42A2A,
        #1E3A8A
    );

    background-size:300% 300%;
    animation:borderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

/* Soft Glow */

.counter-box::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    right:-120px;
    top:-120px;
    border-radius:50%;

    background:radial-gradient(circle,
    rgba(30,58,138,.12),
    transparent 70%);

    transition:.5s;
}

.counter-box:hover::after{
    transform:scale(1.3);
}

/* Number */

.counter-box .elementor-counter-number-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;

    font-size:58px;
    font-weight:800;
    color:#1E3A8A;
    line-height:1;
    margin-bottom:18px;
}

/* Plus Symbol */

.counter-box .elementor-counter-number-suffix{
    color:#FE7F2D;
    margin-left:4px;
}

/* Title */

.counter-box .elementor-counter-title{
    font-size:18px;
    font-weight:600;
    color:#2D2D2D;
    line-height:1.5;
}

/* Hover */

.counter-box:hover{
    transform:translateY(-12px);

    box-shadow:
        0 30px 60px rgba(30,58,138,.16),
        0 10px 30px rgba(254,127,45,.12);
}

/* Floating Animation */

@keyframes floatCounter{

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

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

}

.counter-box{
    animation:floatCounter 5s ease-in-out infinite;
}

.counter-box:hover{
    animation:none;
}

/* Gradient Animation */

@keyframes borderMove{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

/* Responsive */

@media (max-width:1024px){

.counter-box{
    padding:35px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:48px;
}

.counter-box .elementor-counter-title{
    font-size:17px;
}

}

@media (max-width:767px){

.counter-box{
    padding:30px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:40px;
}

.counter-box .elementor-counter-title{
    font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-b25862c *//*=========================================
    PREMIUM COUNTER 2026
    CSS Class : counter-box
=========================================*/

.counter-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:20px 2px;
    height:100%;
    border-radius:28px;

    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        inset 0 1px 1px rgba(255,255,255,.8);

    transition:.45s ease;
}

/* Animated Gradient Border */

.counter-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1.5px;
    border-radius:28px;

    background:linear-gradient(
        135deg,
        #1E3A8A,
        #FE7F2D,
        #D42A2A,
        #1E3A8A
    );

    background-size:300% 300%;
    animation:borderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

/* Soft Glow */

.counter-box::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    right:-120px;
    top:-120px;
    border-radius:50%;

    background:radial-gradient(circle,
    rgba(30,58,138,.12),
    transparent 70%);

    transition:.5s;
}

.counter-box:hover::after{
    transform:scale(1.3);
}

/* Number */

.counter-box .elementor-counter-number-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;

    font-size:58px;
    font-weight:800;
    color:#1E3A8A;
    line-height:1;
    margin-bottom:18px;
}

/* Plus Symbol */

.counter-box .elementor-counter-number-suffix{
    color:#FE7F2D;
    margin-left:4px;
}

/* Title */

.counter-box .elementor-counter-title{
    font-size:18px;
    font-weight:600;
    color:#2D2D2D;
    line-height:1.5;
}

/* Hover */

.counter-box:hover{
    transform:translateY(-12px);

    box-shadow:
        0 30px 60px rgba(30,58,138,.16),
        0 10px 30px rgba(254,127,45,.12);
}

/* Floating Animation */

@keyframes floatCounter{

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

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

}

.counter-box{
    animation:floatCounter 5s ease-in-out infinite;
}

.counter-box:hover{
    animation:none;
}

/* Gradient Animation */

@keyframes borderMove{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

/* Responsive */

@media (max-width:1024px){

.counter-box{
    padding:35px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:48px;
}

.counter-box .elementor-counter-title{
    font-size:17px;
}

}

@media (max-width:767px){

.counter-box{
    padding:30px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:40px;
}

.counter-box .elementor-counter-title{
    font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-3626775 *//*=========================================
    PREMIUM COUNTER 2026
    CSS Class : counter-box
=========================================*/

.counter-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:20px 2px;
    height:100%;
    border-radius:28px;

    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        inset 0 1px 1px rgba(255,255,255,.8);

    transition:.45s ease;
}

/* Animated Gradient Border */

.counter-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1.5px;
    border-radius:28px;

    background:linear-gradient(
        135deg,
        #1E3A8A,
        #FE7F2D,
        #D42A2A,
        #1E3A8A
    );

    background-size:300% 300%;
    animation:borderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

/* Soft Glow */

.counter-box::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    right:-120px;
    top:-120px;
    border-radius:50%;

    background:radial-gradient(circle,
    rgba(30,58,138,.12),
    transparent 70%);

    transition:.5s;
}

.counter-box:hover::after{
    transform:scale(1.3);
}

/* Number */

.counter-box .elementor-counter-number-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;

    font-size:58px;
    font-weight:800;
    color:#1E3A8A;
    line-height:1;
    margin-bottom:18px;
}

/* Plus Symbol */

.counter-box .elementor-counter-number-suffix{
    color:#FE7F2D;
    margin-left:4px;
}

/* Title */

.counter-box .elementor-counter-title{
    font-size:18px;
    font-weight:600;
    color:#2D2D2D;
    line-height:1.5;
}

/* Hover */

.counter-box:hover{
    transform:translateY(-12px);

    box-shadow:
        0 30px 60px rgba(30,58,138,.16),
        0 10px 30px rgba(254,127,45,.12);
}

/* Floating Animation */

@keyframes floatCounter{

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

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

}

.counter-box{
    animation:floatCounter 5s ease-in-out infinite;
}

.counter-box:hover{
    animation:none;
}

/* Gradient Animation */

@keyframes borderMove{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

/* Responsive */

@media (max-width:1024px){

.counter-box{
    padding:35px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:48px;
}

.counter-box .elementor-counter-title{
    font-size:17px;
}

}

@media (max-width:767px){

.counter-box{
    padding:30px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:40px;
}

.counter-box .elementor-counter-title{
    font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for counter, class: .elementor-element-7019f45 *//*=========================================
    PREMIUM COUNTER 2026
    CSS Class : counter-box
=========================================*/

.counter-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:20px 2px;
    height:100%;
    border-radius:28px;

    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        inset 0 1px 1px rgba(255,255,255,.8);

    transition:.45s ease;
}

/* Animated Gradient Border */

.counter-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1.5px;
    border-radius:28px;

    background:linear-gradient(
        135deg,
        #1E3A8A,
        #FE7F2D,
        #D42A2A,
        #1E3A8A
    );

    background-size:300% 300%;
    animation:borderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

/* Soft Glow */

.counter-box::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    right:-120px;
    top:-120px;
    border-radius:50%;

    background:radial-gradient(circle,
    rgba(30,58,138,.12),
    transparent 70%);

    transition:.5s;
}

.counter-box:hover::after{
    transform:scale(1.3);
}

/* Number */

.counter-box .elementor-counter-number-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;

    font-size:58px;
    font-weight:800;
    color:#1E3A8A;
    line-height:1;
    margin-bottom:18px;
}

/* Plus Symbol */

.counter-box .elementor-counter-number-suffix{
    color:#FE7F2D;
    margin-left:4px;
}

/* Title */

.counter-box .elementor-counter-title{
    font-size:18px;
    font-weight:600;
    color:#2D2D2D;
    line-height:1.5;
}

/* Hover */

.counter-box:hover{
    transform:translateY(-12px);

    box-shadow:
        0 30px 60px rgba(30,58,138,.16),
        0 10px 30px rgba(254,127,45,.12);
}

/* Floating Animation */

@keyframes floatCounter{

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

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

}

.counter-box{
    animation:floatCounter 5s ease-in-out infinite;
}

.counter-box:hover{
    animation:none;
}

/* Gradient Animation */

@keyframes borderMove{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

/* Responsive */

@media (max-width:1024px){

.counter-box{
    padding:35px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:48px;
}

.counter-box .elementor-counter-title{
    font-size:17px;
}

}

@media (max-width:767px){

.counter-box{
    padding:30px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:40px;
}

.counter-box .elementor-counter-title{
    font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f48fc3d *//*=========================================
    PREMIUM COUNTER 2026
    CSS Class : counter-box
=========================================*/

.counter-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:20px 2px;
    height:100%;
    border-radius:28px;

    background:rgba(255,255,255,.75);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

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

    box-shadow:
        0 15px 40px rgba(0,0,0,.08),
        inset 0 1px 1px rgba(255,255,255,.8);

    transition:.45s ease;
}

/* Animated Gradient Border */

.counter-box::before{
    content:"";
    position:absolute;
    inset:0;
    padding:1.5px;
    border-radius:28px;

    background:linear-gradient(
        135deg,
        #1E3A8A,
        #FE7F2D,
        #D42A2A,
        #1E3A8A
    );

    background-size:300% 300%;
    animation:borderMove 6s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

/* Soft Glow */

.counter-box::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    right:-120px;
    top:-120px;
    border-radius:50%;

    background:radial-gradient(circle,
    rgba(30,58,138,.12),
    transparent 70%);

    transition:.5s;
}

.counter-box:hover::after{
    transform:scale(1.3);
}

/* Number */

.counter-box .elementor-counter-number-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;

    font-size:58px;
    font-weight:800;
    color:#1E3A8A;
    line-height:1;
    margin-bottom:18px;
}

/* Plus Symbol */

.counter-box .elementor-counter-number-suffix{
    color:#FE7F2D;
    margin-left:4px;
}

/* Title */

.counter-box .elementor-counter-title{
    font-size:18px;
    font-weight:600;
    color:#2D2D2D;
    line-height:1.5;
}

/* Hover */

.counter-box:hover{
    transform:translateY(-12px);

    box-shadow:
        0 30px 60px rgba(30,58,138,.16),
        0 10px 30px rgba(254,127,45,.12);
}

/* Floating Animation */

@keyframes floatCounter{

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

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

}

.counter-box{
    animation:floatCounter 5s ease-in-out infinite;
}

.counter-box:hover{
    animation:none;
}

/* Gradient Animation */

@keyframes borderMove{

0%{
background-position:0% 50%;
}

50%{
background-position:100% 50%;
}

100%{
background-position:0% 50%;
}

}

/* Responsive */

@media (max-width:1024px){

.counter-box{
    padding:35px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:48px;
}

.counter-box .elementor-counter-title{
    font-size:17px;
}

}

@media (max-width:767px){

.counter-box{
    padding:30px 20px;
}

.counter-box .elementor-counter-number-wrapper{
    font-size:40px;
}

.counter-box .elementor-counter-title{
    font-size:16px;
}

}/* End custom CSS */