.elementor-44 .elementor-element.elementor-element-9282961{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-44 .elementor-element.elementor-element-66546a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-0c0ff1f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-3648615{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-f6cde58{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-9282961{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-66546a3 *//*=========================================================
 Epsilon Orbit Framework
=========================================================*/

.epsilon-orbit-framework{
    position:relative;
    width:100%;
    background:#050505;
    padding:120px 40px;
    overflow:hidden;
}

.eof-bg{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 20% 20%,rgba(255,70,70,.18),transparent 40%),
    radial-gradient(circle at 80% 60%,rgba(255,170,0,.08),transparent 45%),
    linear-gradient(180deg,#080808 0%,#040404 100%);
}

.eof-container{
    position:relative;
    z-index:2;
    max-width:1450px;
    margin:auto;
}

.eof-heading{
    text-align:center;
    margin-bottom:90px;
}

.eof-top{
    display:block;
    color:#ff0000;
    letter-spacing:4px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:18px;
}

.eof-line{
    width:80px;
    height:2px;
    background:#ff0000;
    margin:0 auto 25px;
}

.eof-heading h2{
    color:#fff;
    font-size:62px;
    line-height:1.1;
    margin:0;
    font-weight:800;
}

.eof-heading h2 span{
    color:#ff0000;
}

.eof-heading p{
    color:#b7b7b7;
    margin-top:22px;
    font-size:22px;
}

.eof-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:28px;
}

.eof-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:35px 24px;
    text-align:left;
    backdrop-filter:blur(18px);
    transition:.35s;
    position:relative;
}

.eof-card:hover{
    transform:translateY(-10px);
    border-color:#ff0000;
    box-shadow:0 20px 50px rgba(210,166,76,.18);
}

.eof-card .letter{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#ff0000;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    font-weight:800;
    margin-bottom:25px;
}

.eof-card h3{
    color:#fff;
    margin:0 0 15px;
    font-size:24px;
}

.eof-card p{
    color:#bfbfbf;
    line-height:1.8;
    font-size:16px;
}

.eof-bottom{
    text-align:center;
    margin-top:80px;
}

.eof-bottom p{
    color:#cfcfcf;
    font-size:20px;
    margin-bottom:35px;
}

.eof-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 38px;
    border-radius:100px;
    background:#ff0000;
    color:#111;
    text-decoration:none;
    font-weight:700;
    transition:.35s;
}

.eof-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(210,166,76,.30);
}

/*========================*/

@media(max-width:1200px){

.eof-grid{

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

}

}

@media(max-width:768px){

.epsilon-orbit-framework{

padding:80px 20px;

}

.eof-heading h2{

font-size:42px;

}

.eof-grid{

grid-template-columns:1fr;

}

}
/*=========================================================
 Gold Connection Lines
=========================================================*/

.eof-grid{
    position:relative;
}

.eof-grid::before{
    content:"";
    position:absolute;
    top:42px;
    left:7%;
    right:7%;
    height:2px;
    background:linear-gradient(
        90deg,
        transparent,
        #ff0000,
        #ff0000,
        #ff0000,
        transparent
    );
    z-index:0;
    opacity:.7;
}

.eof-card{
    z-index:2;
    overflow:hidden;
}

.eof-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,
    rgba(210,166,76,.18),
    transparent 55%);
    opacity:0;
    transition:.4s;
}

.eof-card:hover::before{
    opacity:1;
}

/*=========================================================
 Golden Border Animation
=========================================================*/

.eof-card::after{

content:"";

position:absolute;

inset:-1px;

border-radius:24px;

padding:1px;

background:linear-gradient(
135deg,
transparent,
rgba(210,166,76,.7),
transparent);

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

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

opacity:0;

transition:.4s;

}

.eof-card:hover::after{

opacity:1;

}

/*=========================================================
 Letter Glow
=========================================================*/

.eof-card .letter{

box-shadow:

0 0 25px rgba(210,166,76,.35);

transition:.35s;

}

.eof-card:hover .letter{

transform:scale(1.08);

box-shadow:

0 0 20px rgba(255,220,120,.6),

0 0 40px rgba(210,166,76,.45);

}

/*=========================================================
 Button
=========================================================*/

.eof-btn{

position:relative;

overflow:hidden;

}

.eof-btn::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent);

transform:skewX(-25deg);

transition:1s;

}

.eof-btn:hover::before{

left:150%;

}

/*=========================================================
 Floating Animation
=========================================================*/

.eof-card{

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

}

.eof-card:nth-child(2){

animation-delay:.3s;

}

.eof-card:nth-child(3){

animation-delay:.6s;

}

.eof-card:nth-child(4){

animation-delay:.9s;

}

.eof-card:nth-child(5){

animation-delay:1.2s;

}

.eof-card:nth-child(6){

animation-delay:1.5s;

}

.eof-card:nth-child(7){

animation-delay:1.8s;

}

@keyframes eofFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

/*=========================================================
 Background Glow
=========================================================*/

.epsilon-orbit-framework::before{

content:"";

position:absolute;

width:700px;

height:700px;

left:-250px;

bottom:-250px;

background:radial-gradient(circle,

rgba(210,166,76,.18),

transparent 70%);

filter:blur(40px);

animation:glowMove 12s ease-in-out infinite alternate;

}

.epsilon-orbit-framework::after{

content:"";

position:absolute;

width:650px;

height:650px;

right:-220px;

top:-220px;

background:radial-gradient(circle,

rgba(255,90,0,.10),

transparent 70%);

filter:blur(50px);

animation:glowMove2 14s linear infinite;

}

@keyframes glowMove{

from{

transform:translate(-30px,20px);

}

to{

transform:translate(40px,-20px);

}

}

@keyframes glowMove2{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3648615 *//*=========================================================
 Epsilon Orbit Framework
=========================================================*/

.epsilon-orbit-framework{
    position:relative;
    width:100%;
    background:#050505;
    padding:120px 40px;
    overflow:hidden;
}

.eof-bg{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 20% 20%,rgba(255,70,70,.18),transparent 40%),
    radial-gradient(circle at 80% 60%,rgba(255,170,0,.08),transparent 45%),
    linear-gradient(180deg,#080808 0%,#040404 100%);
}

.eof-container{
    position:relative;
    z-index:2;
    max-width:1450px;
    margin:auto;
}

.eof-heading{
    text-align:center;
    margin-bottom:90px;
}

.eof-top{
    display:block;
    color:#ff0000;
    letter-spacing:4px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:18px;
}

.eof-line{
    width:80px;
    height:2px;
    background:#ff0000;
    margin:0 auto 25px;
}

.eof-heading h2{
    color:#fff;
    font-size:62px;
    line-height:1.1;
    margin:0;
    font-weight:800;
}

.eof-heading h2 span{
    color:#ff0000;
}

.eof-heading p{
    color:#b7b7b7;
    margin-top:22px;
    font-size:22px;
}

.eof-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:28px;
}

.eof-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:35px 24px;
    text-align:left;
    backdrop-filter:blur(18px);
    transition:.35s;
    position:relative;
}

.eof-card:hover{
    transform:translateY(-10px);
    border-color:#ff0000;
    box-shadow:0 20px 50px rgba(210,166,76,.18);
}

.eof-card .letter{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#ff0000;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    font-weight:800;
    margin-bottom:25px;
}

.eof-card h3{
    color:#fff;
    margin:0 0 15px;
    font-size:24px;
}

.eof-card p{
    color:#bfbfbf;
    line-height:1.8;
    font-size:16px;
}

.eof-bottom{
    text-align:center;
    margin-top:80px;
}

.eof-bottom p{
    color:#cfcfcf;
    font-size:20px;
    margin-bottom:35px;
}

.eof-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 38px;
    border-radius:100px;
    background:#ff0000;
    color:#111;
    text-decoration:none;
    font-weight:700;
    transition:.35s;
}

.eof-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(210,166,76,.30);
}

/*========================*/

@media(max-width:1200px){

.eof-grid{

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

}

}

@media(max-width:768px){

.epsilon-orbit-framework{

padding:80px 20px;

}

.eof-heading h2{

font-size:42px;

}

.eof-grid{

grid-template-columns:1fr;

}

}
/*=========================================================
 Gold Connection Lines
=========================================================*/

.eof-grid{
    position:relative;
}

.eof-grid::before{
    content:"";
    position:absolute;
    top:42px;
    left:7%;
    right:7%;
    height:2px;
    background:linear-gradient(
        90deg,
        transparent,
        #ff0000,
        #ff0000,
        #ff0000,
        transparent
    );
    z-index:0;
    opacity:.7;
}

.eof-card{
    z-index:2;
    overflow:hidden;
}

.eof-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,
    rgba(210,166,76,.18),
    transparent 55%);
    opacity:0;
    transition:.4s;
}

.eof-card:hover::before{
    opacity:1;
}

/*=========================================================
 Golden Border Animation
=========================================================*/

.eof-card::after{

content:"";

position:absolute;

inset:-1px;

border-radius:24px;

padding:1px;

background:linear-gradient(
135deg,
transparent,
rgba(210,166,76,.7),
transparent);

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

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

opacity:0;

transition:.4s;

}

.eof-card:hover::after{

opacity:1;

}

/*=========================================================
 Letter Glow
=========================================================*/

.eof-card .letter{

box-shadow:

0 0 25px rgba(210,166,76,.35);

transition:.35s;

}

.eof-card:hover .letter{

transform:scale(1.08);

box-shadow:

0 0 20px rgba(255,220,120,.6),

0 0 40px rgba(210,166,76,.45);

}

/*=========================================================
 Button
=========================================================*/

.eof-btn{

position:relative;

overflow:hidden;

}

.eof-btn::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent);

transform:skewX(-25deg);

transition:1s;

}

.eof-btn:hover::before{

left:150%;

}

/*=========================================================
 Floating Animation
=========================================================*/

.eof-card{

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

}

.eof-card:nth-child(2){

animation-delay:.3s;

}

.eof-card:nth-child(3){

animation-delay:.6s;

}

.eof-card:nth-child(4){

animation-delay:.9s;

}

.eof-card:nth-child(5){

animation-delay:1.2s;

}

.eof-card:nth-child(6){

animation-delay:1.5s;

}

.eof-card:nth-child(7){

animation-delay:1.8s;

}

@keyframes eofFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

/*=========================================================
 Background Glow
=========================================================*/

.epsilon-orbit-framework::before{

content:"";

position:absolute;

width:700px;

height:700px;

left:-250px;

bottom:-250px;

background:radial-gradient(circle,

rgba(210,166,76,.18),

transparent 70%);

filter:blur(40px);

animation:glowMove 12s ease-in-out infinite alternate;

}

.epsilon-orbit-framework::after{

content:"";

position:absolute;

width:650px;

height:650px;

right:-220px;

top:-220px;

background:radial-gradient(circle,

rgba(255,90,0,.10),

transparent 70%);

filter:blur(50px);

animation:glowMove2 14s linear infinite;

}

@keyframes glowMove{

from{

transform:translate(-30px,20px);

}

to{

transform:translate(40px,-20px);

}

}

@keyframes glowMove2{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f6cde58 *//*=========================================================
 Epsilon Orbit Framework
=========================================================*/

.epsilon-orbit-framework{
    position:relative;
    width:100%;
    background:#050505;
    padding:120px 40px;
    overflow:hidden;
}

.eof-bg{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 20% 20%,rgba(255,70,70,.18),transparent 40%),
    radial-gradient(circle at 80% 60%,rgba(255,170,0,.08),transparent 45%),
    linear-gradient(180deg,#080808 0%,#040404 100%);
}

.eof-container{
    position:relative;
    z-index:2;
    max-width:1450px;
    margin:auto;
}

.eof-heading{
    text-align:center;
    margin-bottom:90px;
}

.eof-top{
    display:block;
    color:#ff0000;
    letter-spacing:4px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:18px;
}

.eof-line{
    width:80px;
    height:2px;
    background:#ff0000;
    margin:0 auto 25px;
}

.eof-heading h2{
    color:#fff;
    font-size:62px;
    line-height:1.1;
    margin:0;
    font-weight:800;
}

.eof-heading h2 span{
    color:#ff0000;
}

.eof-heading p{
    color:#b7b7b7;
    margin-top:22px;
    font-size:22px;
}

.eof-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:28px;
}

.eof-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:35px 24px;
    text-align:left;
    backdrop-filter:blur(18px);
    transition:.35s;
    position:relative;
}

.eof-card:hover{
    transform:translateY(-10px);
    border-color:#ff0000;
    box-shadow:0 20px 50px rgba(210,166,76,.18);
}

.eof-card .letter{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#ff0000;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    font-weight:800;
    margin-bottom:25px;
}

.eof-card h3{
    color:#fff;
    margin:0 0 15px;
    font-size:24px;
}

.eof-card p{
    color:#bfbfbf;
    line-height:1.8;
    font-size:16px;
}

.eof-bottom{
    text-align:center;
    margin-top:80px;
}

.eof-bottom p{
    color:#cfcfcf;
    font-size:20px;
    margin-bottom:35px;
}

.eof-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 38px;
    border-radius:100px;
    background:#ff0000;
    color:#111;
    text-decoration:none;
    font-weight:700;
    transition:.35s;
}

.eof-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(210,166,76,.30);
}

/*========================*/

@media(max-width:1200px){

.eof-grid{

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

}

}

@media(max-width:768px){

.epsilon-orbit-framework{

padding:80px 20px;

}

.eof-heading h2{

font-size:42px;

}

.eof-grid{

grid-template-columns:1fr;

}

}
/*=========================================================
 Gold Connection Lines
=========================================================*/

.eof-grid{
    position:relative;
}

.eof-grid::before{
    content:"";
    position:absolute;
    top:42px;
    left:7%;
    right:7%;
    height:2px;
    background:linear-gradient(
        90deg,
        transparent,
        #ff0000,
        #ff0000,
        #ff0000,
        transparent
    );
    z-index:0;
    opacity:.7;
}

.eof-card{
    z-index:2;
    overflow:hidden;
}

.eof-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right,
    rgba(210,166,76,.18),
    transparent 55%);
    opacity:0;
    transition:.4s;
}

.eof-card:hover::before{
    opacity:1;
}

/*=========================================================
 Golden Border Animation
=========================================================*/

.eof-card::after{

content:"";

position:absolute;

inset:-1px;

border-radius:24px;

padding:1px;

background:linear-gradient(
135deg,
transparent,
rgba(210,166,76,.7),
transparent);

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

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

opacity:0;

transition:.4s;

}

.eof-card:hover::after{

opacity:1;

}

/*=========================================================
 Letter Glow
=========================================================*/

.eof-card .letter{

box-shadow:

0 0 25px rgba(210,166,76,.35);

transition:.35s;

}

.eof-card:hover .letter{

transform:scale(1.08);

box-shadow:

0 0 20px rgba(255,220,120,.6),

0 0 40px rgba(210,166,76,.45);

}

/*=========================================================
 Button
=========================================================*/

.eof-btn{

position:relative;

overflow:hidden;

}

.eof-btn::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:70%;

height:100%;

background:linear-gradient(

90deg,

transparent,

rgba(255,255,255,.45),

transparent);

transform:skewX(-25deg);

transition:1s;

}

.eof-btn:hover::before{

left:150%;

}

/*=========================================================
 Floating Animation
=========================================================*/

.eof-card{

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

}

.eof-card:nth-child(2){

animation-delay:.3s;

}

.eof-card:nth-child(3){

animation-delay:.6s;

}

.eof-card:nth-child(4){

animation-delay:.9s;

}

.eof-card:nth-child(5){

animation-delay:1.2s;

}

.eof-card:nth-child(6){

animation-delay:1.5s;

}

.eof-card:nth-child(7){

animation-delay:1.8s;

}

@keyframes eofFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

/*=========================================================
 Background Glow
=========================================================*/

.epsilon-orbit-framework::before{

content:"";

position:absolute;

width:700px;

height:700px;

left:-250px;

bottom:-250px;

background:radial-gradient(circle,

rgba(210,166,76,.18),

transparent 70%);

filter:blur(40px);

animation:glowMove 12s ease-in-out infinite alternate;

}

.epsilon-orbit-framework::after{

content:"";

position:absolute;

width:650px;

height:650px;

right:-220px;

top:-220px;

background:radial-gradient(circle,

rgba(255,90,0,.10),

transparent 70%);

filter:blur(50px);

animation:glowMove2 14s linear infinite;

}

@keyframes glowMove{

from{

transform:translate(-30px,20px);

}

to{

transform:translate(40px,-20px);

}

}

@keyframes glowMove2{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}/* End custom CSS */