.elementor-697 .elementor-element.elementor-element-da45d51{--display:flex;--min-height:1600px;}.elementor-697 .elementor-element.elementor-element-35b82b9{--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-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-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-697 .elementor-element.elementor-element-3f69280{text-align:end;}.elementor-697 .elementor-element.elementor-element-3f69280 .elementor-heading-title{font-family:"Tenor Sans", Sans-serif;font-size:43px;font-weight:600;color:#00060A;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-697 .elementor-element.elementor-element-3f69280{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-c984683 */<style>

.nrt-command-center{
    overflow:hidden;
}

.nrt-wrapper{
    min-height:1600px;
    background:
    radial-gradient(circle at top left,#1d4ed840,transparent 30%),
    radial-gradient(circle at bottom right,#60a5fa25,transparent 30%),
    linear-gradient(180deg,#050B16,#081426,#0D1F3A);
    color:#fff;
    padding:100px 30px;
    text-align:center;
    font-family:Arial,sans-serif;
}

/* AI CORE */

.core-area{
    position:relative;
    width:500px;
    height:500px;
    margin:auto;
}

.nrt-core{
    position:absolute;
    inset:0;
    margin:auto;
    width:220px;
    height:220px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    font-weight:700;
    background:
    radial-gradient(circle,
    #60a5fa,
    #2563eb,
    #10284f);

    box-shadow:
    0 0 50px #60a5fa,
    0 0 100px #2563eb;

    animation:
    pulse 3s infinite,
    float 5s ease-in-out infinite;
}

.ring{
    position:absolute;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.r1{
    width:280px;
    height:280px;
    animation:spin 10s linear infinite;
}

.r2{
    width:360px;
    height:360px;
    animation:spin 14s linear infinite reverse;
}

.r3{
    width:440px;
    height:440px;
    animation:spin 18s linear infinite;
}

.r4{
    width:500px;
    height:500px;
    animation:spin 25s linear infinite reverse;
}

/* HERO */

h1{
    font-size:72px;
    margin-top:60px;
    margin-bottom:20px;
}

.subtitle{
    max-width:800px;
    margin:auto;
    color:#d6e3ff;
    line-height:2;
}

/* STATS */

.stats{
    margin-top:100px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.card{
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(20px);
    padding:35px;
    border-radius:25px;
    transition:.4s;
}

.card:hover{
    transform:translateY(-10px);
}

.card h2{
    font-size:42px;
    margin:0;
}

/* TIMELINE */

.timeline{
    margin-top:120px;
}

.timeline-item{
    max-width:700px;
    margin:25px auto;
    padding:25px;
    border-radius:20px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(15px);
}

/* PRODUCTS */

.products{
    margin-top:120px;
    display:flex;
    justify-content:center;
    gap:30px;
}

.product{
    width:230px;
    height:320px;
    background:rgba(255,255,255,.07);
    border-radius:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    backdrop-filter:blur(20px);
    animation:float 4s infinite;
}

/* CONTACT */

.contact{
    margin-top:120px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.contact div{
    padding:30px;
    border-radius:20px;
    background:rgba(255,255,255,.06);
}

@keyframes spin{
    from{
        transform:translate(-50%,-50%) rotate(0);
    }
    to{
        transform:translate(-50%,-50%) rotate(360deg);
    }
}

@keyframes pulse{
    50%{
        transform:scale(1.06);
    }
}

@keyframes float{
    50%{
        translate:0 -15px;
    }
}

@media(max-width:991px){

    .core-area{
        width:320px;
        height:320px;
    }

    .nrt-core{
        width:140px;
        height:140px;
        font-size:32px;
    }

    .r1{width:180px;height:180px;}
    .r2{width:240px;height:240px;}
    .r3{width:280px;height:280px;}
    .r4{width:320px;height:320px;}

    h1{
        font-size:38px;
    }

    .stats,
    .contact{
        grid-template-columns:1fr;
    }

    .products{
        flex-direction:column;
        align-items:center;
    }
}

</style>

<div class="nrt-wrapper">

    <div class="core-area">

        <div class="ring r1"></div>
        <div class="ring r2"></div>
        <div class="ring r3"></div>
        <div class="ring r4"></div>

        <div class="nrt-core">
            NRT
        </div>

    </div>

    <h1>ABOUT NRT TECHNOLOGY</h1>/* End custom CSS */