/*==================================================
    RM SERVICES - SOLUTION PAGE OVERRIDE
==================================================*/

.rmservices-hero-section7{
    padding:170px 0 90px !important;
    overflow:hidden;
}

.rmservices-hero-section7 .row{
    align-items:center !important;
}

.rmservices-hero-content7{
    max-width:600px;
}

.rmservices-hero-content7 h1{

    font-size:60px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    margin-bottom:25px !important;

}

.rmservices-hero-content7 p{

    font-size:18px !important;
    line-height:1.8 !important;
    margin-bottom:20px !important;
    max-width:560px;

}

.rmservices-hero-btn-wrap{

    margin-top:35px !important;
    display:flex;
    gap:15px;
    flex-wrap:wrap;

}

.rmservices-hero-thumb7{

    text-align:center;
    padding-left:30px;

}

.rmservices-hero-thumb7 img{

    width:100% !important;
    max-width:650px !important;
    height:auto !important;
    display:block;
    margin:auto;

}

/* Decorative Shape */

.rmservices-hero-shapev7{

    z-index:-1;

}

/* Large Desktop */

@media (min-width:1400px){

    .rmservices-hero-content7 h1{

        font-size:68px !important;

    }

}

/* Laptop */

@media (max-width:1199px){

    .rmservices-hero-content7 h1{

        font-size:52px !important;

    }

}

/* Tablet */

@media (max-width:991px){

    .rmservices-hero-section7{

        padding:120px 0 70px !important;

    }

    .rmservices-hero-content7{

        text-align:center;
        margin-bottom:50px;

    }

    .rmservices-hero-content7 h1{

        font-size:42px !important;

    }

    .rmservices-hero-content7 p{

        max-width:100%;

    }

    .rmservices-hero-btn-wrap{

        justify-content:center;

    }

    .rmservices-hero-thumb7{

        padding-left:0;

    }

}

/* Mobile */

@media (max-width:576px){

    .rmservices-hero-content7 h1{

        font-size:34px !important;
        line-height:1.25 !important;

    }

    .rmservices-hero-content7 p{

        font-size:16px !important;

    }

    .rmservices-hero-btn-wrap{

        flex-direction:column;

    }

    .rmservices-hero-btn-wrap a{

        width:100%;

    }

}

/*==================================================
RM SERVICES - PREMIUM FEATURES SECTION
==================================================*/

.rm-features-section{
    position: relative;
    padding:120px 0;
    overflow:hidden;
    background:
    radial-gradient(circle at top left,#ff007a25 0%,transparent 35%),
    radial-gradient(circle at top right,#0066ff20 0%,transparent 35%),
    linear-gradient(135deg,#050816 0%,#091127 45%,#030617 100%);
}

/* Background Glow */

.rm-features-section::before{
    content:'';
    position:absolute;
    width:650px;
    height:650px;
    left:-250px;
    top:-250px;
    background:radial-gradient(#ff008055,transparent 70%);
    pointer-events:none;
}

.rm-features-section::after{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    right:-280px;
    bottom:-280px;
    background:radial-gradient(#0066ff40,transparent 70%);
    pointer-events:none;
}

/*==================================
Title
==================================*/

.rm-section-badge{

    display:inline-block;
    padding:8px 22px;
    border-radius:50px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.05);
    color:#fff;
    font-size:13px;
    letter-spacing:2px;
    font-weight:600;
    margin-bottom:25px;

}

.rm-section-title{

    color:#fff;
    font-size:64px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:20px;
    font-family:'Outfit',sans-serif !important;

}

.rm-section-title span{

    background:linear-gradient(90deg,#ff2d7a,#6d5cff,#00b7ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-family:'Outfit',sans-serif !important;

}

.rm-section-description{

    color:rgba(255,255,255,.70);
    font-size:19px;
    line-height:1.8;
    max-width:720px;
    margin:auto;

}

/*==================================
Cards Layout
==================================*/

.rm-feature-card{

    position:relative;
    height:100%;
    padding:70px 35px 40px;
    border-radius:24px;

    background:
    linear-gradient(145deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.03));

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

    backdrop-filter:blur(18px);

    transition:.35s ease;

    overflow:hidden;

}

.rm-feature-card:hover{

    transform:translateY(-12px);

}

.rm-feature-card::before{

    content:'';

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:24px;

    background:
    linear-gradient(135deg,
    #ff2d7a,
    #6d5cff,
    #00b7ff);

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

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.35s;

}

.rm-feature-card:hover::before{

    opacity:1;

}
/*==================================
Feature Icon
==================================*/

.rm-feature-icon{

    width:90px;
    height:90px;

    margin:0 auto 30px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;

    font-size:34px;

    color:#fff;

    background:
    linear-gradient(135deg,
    #ff2d7a,
    #7b5cff,
    #0099ff);

    box-shadow:
    0 15px 40px rgba(0,153,255,.25),
    0 8px 25px rgba(255,45,122,.25);

    transition:.35s;

    z-index:2;

}

.rm-feature-card:hover .rm-feature-icon{

    transform:
    translateY(-8px)
    scale(1.08)
    rotate(-8deg);

}

.rm-feature-icon::after{

    content:'';

    position:absolute;

    width:110px;
    height:110px;

    border-radius:50%;

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

    animation:featurePulse 2.8s infinite;

}

/*==================================
Title
==================================*/

.rm-feature-card h4{

    color:#fff;

    font-size:28px;

    font-weight:700;

    text-align:center;

    margin-bottom:18px;

}

/*==================================
Divider
==================================*/

.rm-divider{

    width:55px;
    height:4px;

    margin:0 auto 22px;

    border-radius:30px;

    background:
    linear-gradient(90deg,
    #ff2d7a,
    #7b5cff,
    #00a6ff);

}

/*==================================
Paragraph
==================================*/

.rm-feature-card p{

    color:rgba(255,255,255,.75);

    text-align:center;

    line-height:1.9;

    font-size:16px;

    margin-bottom:40px;

}

/*==================================
Feature Number
==================================*/

.rm-number{

    position:absolute;

    right:30px;
    bottom:20px;

    font-size:48px;

    font-weight:800;

    line-height:1;

    background:
    linear-gradient(135deg,
    #ff2d7a,
    #7b5cff);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    opacity:.18;

    transition:.35s;

}

.rm-feature-card:hover .rm-number{

    opacity:.45;

    transform:scale(1.15);

}

/*==================================
Hover Glow
==================================*/

.rm-feature-card:hover{

    box-shadow:
    0 20px 60px rgba(0,0,0,.45),
    0 0 30px rgba(255,45,122,.20),
    0 0 40px rgba(0,153,255,.18);

}

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

@keyframes featurePulse{

    0%{

        transform:scale(.9);

        opacity:.7;

    }

    70%{

        transform:scale(1.15);

        opacity:0;

    }

    100%{

        opacity:0;

    }

}

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

@media(max-width:1199px){

    .rm-section-title{

        font-size:52px;

    }

}

@media(max-width:991px){

    .rm-features-section{

        padding:90px 0;

    }

    .rm-section-title{

        font-size:42px;

    }

    .rm-feature-card{

        padding:65px 30px 35px;

    }

}

@media(max-width:767px){

    .rm-section-title{

        font-size:34px;

    }

    .rm-section-description{

        font-size:16px;

    }

    .rm-feature-card h4{

        font-size:24px;

    }

    .rm-feature-icon{

        width:75px;
        height:75px;

        font-size:28px;

    }

    .rm-number{

        font-size:38px;

    }

}

@media(max-width:576px){

    .rm-features-section{

        padding:70px 0;

    }

    .rm-feature-card{

        padding:55px 25px 30px;

    }

}

/*====================================================
RM SERVICES - WHY CHOOSE SECTION
====================================================*/

.rm-why-section{
    padding:120px 0;
    background:#f8f9fc;
    position:relative;
    overflow:hidden;
}

/* Background Shapes */

.rm-why-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(255,0,120,.04);
    left:-180px;
    top:-120px;
    filter:blur(40px);
}

.rm-why-section::after{
    content:'';
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(0,102,255,.05);
    right:-180px;
    bottom:-150px;
    filter:blur(40px);
}

/*======================
Section Badge
======================*/

.rm-badge{

    display:inline-block;
    padding:8px 20px;

    border-radius:50px;

    background:#fff;

    border:1px solid #ececec;

    color:#ff006e;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:25px;

}

/*======================
Heading
======================*/

.rm-title{

    font-size:64px;

    font-weight:800;

    color:#111827;

    line-height:1.1;

    margin-bottom:25px;

}

.rm-title span{

    display:block;

    background:
    linear-gradient(90deg,
    #ff005c,
    #d600ff,
    #2563ff);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.rm-description{

    max-width:760px;

    margin:auto;

    color:#6b7280;

    font-size:19px;

    line-height:1.9;

}

/*======================
Cards
======================*/

.rm-why-card{

    background:#fff;

    border-radius:24px;

    padding:45px 35px;

    text-align:center;

    height:100%;

    transition:.35s;

    border:1px solid #f0f0f0;

    box-shadow:
    0 20px 50px rgba(15,23,42,.06);

}

.rm-why-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(15,23,42,.10);

}

/*======================
Icon
======================*/

.rm-why-icon{

    width:90px;

    height:90px;

    margin:auto auto 30px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:34px;

    background:
    linear-gradient(135deg,
    #ff0066,
    #8b2cff,
    #2563ff);

    box-shadow:
    0 15px 35px rgba(139,44,255,.25);

    transition:.35s;

}

.rm-why-card:hover .rm-why-icon{

    transform:scale(1.08) rotate(-8deg);

}

/*======================
Title
======================*/

.rm-why-card h4{

    font-size:30px;

    font-weight:700;

    color:#111827;

    margin-bottom:18px;

}

/*======================
Description
======================*/

.rm-why-card p{

    color:#6b7280;

    line-height:1.9;

    margin:0;

    font-size:16px;

}

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

@media(max-width:1199px){

    .rm-title{

        font-size:54px;

    }

}

@media(max-width:991px){

    .rm-why-section{

        padding:90px 0;

    }

    .rm-title{

        font-size:42px;

    }

    .rm-description{

        font-size:17px;

    }

}

@media(max-width:767px){

    .rm-title{

        font-size:34px;

    }

    .rm-why-card{

        padding:35px 25px;

    }

    .rm-why-icon{

        width:75px;
        height:75px;

        font-size:28px;

    }

    .rm-why-card h4{

        font-size:24px;

    }

}

/*====================================================
RM SERVICES - WHY CHOOSE (PREMIUM EFFECTS)
====================================================*/

/*------------------------------
Card Gradient Border
------------------------------*/

.rm-why-card{
    position:relative;
    overflow:hidden;
}

.rm-why-card::before{

    content:'';

    position:absolute;

    left:0;
    bottom:0;

    width:0;

    height:4px;

    background:
    linear-gradient(90deg,
    #ff0057,
    #b026ff,
    #2563ff);

    transition:.45s ease;

}

.rm-why-card:hover::before{

    width:100%;

}

/*------------------------------
Top Glow
------------------------------*/

.rm-why-card::after{

    content:'';

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    background:
    radial-gradient(rgba(255,0,120,.12),transparent 70%);

    top:-90px;
    right:-90px;

    opacity:0;

    transition:.4s;

}

.rm-why-card:hover::after{

    opacity:1;

}

/*------------------------------
Gradient Divider
------------------------------*/

.rm-why-card h4::after{

    content:'';

    display:block;

    width:55px;
    height:4px;

    margin:18px auto 0;

    border-radius:20px;

    background:
    linear-gradient(90deg,
    #ff0057,
    #b026ff,
    #2563ff);

}

/*------------------------------
Icon Glow
------------------------------*/

.rm-why-icon{

    position:relative;

}

.rm-why-icon::before{

    content:'';

    position:absolute;

    width:115px;
    height:115px;

    border-radius:50%;

    border:1px solid rgba(255,0,120,.18);

    animation:rmPulse 3s infinite;

}

/*------------------------------
Card Hover
------------------------------*/

.rm-why-card:hover{

    transform:
    translateY(-12px);

    box-shadow:

    0 35px 80px rgba(15,23,42,.12),

    0 0 35px rgba(255,0,120,.12),

    0 0 40px rgba(37,99,255,.10);

}

/*------------------------------
Floating Animation
------------------------------*/

.rm-why-card{

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

}

.rm-why-card:nth-child(2){

    animation-delay:.3s;

}

.rm-why-card:nth-child(3){

    animation-delay:.6s;

}

.rm-why-card:nth-child(4){

    animation-delay:.9s;

}

@keyframes rmFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(0);

    }

}

@keyframes rmPulse{

    0%{

        transform:scale(.9);

        opacity:.8;

    }

    70%{

        transform:scale(1.2);

        opacity:0;

    }

    100%{

        opacity:0;

    }

}

/*------------------------------
Section Decorations
------------------------------*/

.rm-why-section .shape-left{

    position:absolute;

    left:-100px;

    top:180px;

    width:250px;

    height:250px;

    border-radius:50%;

    background:
    radial-gradient(rgba(255,0,120,.08),transparent);

}

.rm-why-section .shape-right{

    position:absolute;

    right:-120px;

    bottom:120px;

    width:280px;

    height:280px;

    border-radius:50%;

    background:
    radial-gradient(rgba(37,99,255,.08),transparent);

}

/*------------------------------
Badge Hover
------------------------------*/

.rm-badge{

    transition:.35s;

}

.rm-badge:hover{

    background:
    linear-gradient(90deg,
    #ff0057,
    #b026ff,
    #2563ff);

    color:#fff;

    border-color:transparent;

}

.rm-title{

    font-family:'Outfit',sans-serif !important;

    font-size:72px;

    font-weight:800;

    letter-spacing:-2px;

    line-height:1.05;

    color:#0f172a;

}

.rm-title span{

    display:block;

    font-family:'Outfit',sans-serif;

    font-weight:900;

    background:linear-gradient(
    90deg,
    #ff0055,
    #d400ff,
    #2563ff);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

/*==================================================
RM SERVICES PREMIUM PRICING
==================================================*/

.rm-pricing-section{
    padding:120px 0;
    background:#f8f9fc;
    position:relative;
    overflow:hidden;
}

.rm-pricing-section::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    left:-220px;
    top:-180px;
    border-radius:50%;
    background:rgba(255,0,120,.05);
    filter:blur(50px);
}

.rm-pricing-section::after{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    right:-220px;
    bottom:-180px;
    border-radius:50%;
    background:rgba(37,99,255,.05);
    filter:blur(50px);
}

/*==============================
Heading
==============================*/

.rm-pricing-badge{

    display:inline-block;
    padding:10px 24px;
    border-radius:40px;
    background:#fff;
    border:1px solid #ececec;
    color:#ff0066;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:25px;

}

.rm-pricing-title{

    font-size:68px;
    font-weight:800;
    color:#111827;
    line-height:1.1;
    margin-bottom:20px;

}

.rm-pricing-title span{

    background:linear-gradient(
    90deg,
    #ff0066,
    #a020ff,
    #1d4ed8);

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

}

.rm-pricing-description{

    max-width:720px;
    margin:auto;
    color:#64748b;
    font-size:18px;
    line-height:1.9;

}

/*==============================
Cards
==============================*/

.rm-pricing-card{

    position:relative;

    background:#fff;

    border-radius:28px;

    padding:45px;

    border:1px solid #ececec;

    box-shadow:
    0 15px 45px rgba(15,23,42,.06);

    transition:.35s;

    height:100%;

}

.rm-pricing-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 35px 80px rgba(15,23,42,.12);

}

.rm-pricing-card.featured{

    border:2px solid #7c3aed;

    transform:scale(1.05);

}

/*==============================
Popular Badge
==============================*/

.rm-popular{

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%);

    background:
    linear-gradient(
    90deg,
    #ff0066,
    #9333ea,
    #2563eb);

    color:#fff;

    padding:8px 22px;

    border-radius:50px;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    box-shadow:
    0 15px 35px rgba(147,51,234,.25);

}

/*==============================
Header
==============================*/

.rm-plan-header h3{

    font-size:34px;

    font-weight:700;

    color:#111827;

    margin-bottom:5px;

}

.rm-plan-header span{

    color:#64748b;

    font-size:15px;

}

/*==============================
Price
==============================*/

.rm-plan-price{

    font-size:60px;

    font-weight:800;

    margin-top:25px;

    margin-bottom:5px;

    background:
    linear-gradient(
    90deg,
    #ff0066,
    #9333ea,
    #2563eb);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.rm-plan-subtitle{

    color:#94a3b8;

    margin-bottom:35px;

}

/*==============================
Features
==============================*/

.rm-plan-features{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.rm-plan-features li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:#334155;

    font-size:16px;

}

.rm-plan-features i{

    color:#7c3aed;

    font-size:18px;

}

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

.rm-pricing-btn{

    display:block;

    width:100%;

    padding:16px;

    text-align:center;

    border-radius:14px;

    text-decoration:none;

    color:#fff;

    font-weight:700;

    transition:.35s;

    background:
    linear-gradient(
    90deg,
    #ff0066,
    #9333ea,
    #2563eb);

}

.rm-pricing-btn:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:
    0 20px 40px rgba(147,51,234,.30);

}

.rm-pricing-btn.active{

    box-shadow:
    0 20px 45px rgba(147,51,234,.35);

}

/*==================================================
RM SERVICES PREMIUM PRICING EFFECTS
==================================================*/

/*-----------------------------
Animated Gradient Border
------------------------------*/

.rm-pricing-card{

    overflow:hidden;

}

.rm-pricing-card::before{

    content:'';

    position:absolute;

    inset:0;

    padding:1px;

    border-radius:28px;

    background:
    linear-gradient(
    135deg,
    #ff0066,
    #9333ea,
    #2563eb);

    -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;

}

.rm-pricing-card:hover::before{

    opacity:1;

}

/*-----------------------------
Bottom Glow
------------------------------*/

.rm-pricing-card::after{

    content:'';

    position:absolute;

    left:50%;

    bottom:-40px;

    transform:translateX(-50%);

    width:65%;

    height:12px;

    border-radius:50%;

    background:
    linear-gradient(
    90deg,
    #ff0066,
    #9333ea,
    #2563eb);

    filter:blur(18px);

    opacity:0;

    transition:.4s;

}

.rm-pricing-card:hover::after{

    opacity:.9;

}

/*-----------------------------
Featured Card
------------------------------*/

.rm-pricing-card.featured{

    background:
    linear-gradient(#fff,#fff) padding-box,

    linear-gradient(
    135deg,
    #ff0066,
    #9333ea,
    #2563eb) border-box;

    border:2px solid transparent;

}

/*-----------------------------
Price Animation
------------------------------*/

.rm-plan-price{

    transition:.35s;

}

.rm-pricing-card:hover .rm-plan-price{

    transform:scale(1.05);

}

/*-----------------------------
Check Icon
------------------------------*/

.rm-plan-features li{

    transition:.3s;

}

.rm-plan-features li:hover{

    transform:translateX(8px);

    color:#111827;

}

.rm-plan-features li i{

    transition:.3s;

}

.rm-plan-features li:hover i{

    color:#2563eb;

    transform:rotate(360deg);

}

/*-----------------------------
Button
------------------------------*/

.rm-pricing-btn{

    position:relative;

    overflow:hidden;

}

.rm-pricing-btn::before{

    content:'';

    position:absolute;

    top:0;

    left:-120%;

    width:120%;

    height:100%;

    background:

    linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.45),
    transparent);

    transition:.6s;

}

.rm-pricing-btn:hover::before{

    left:120%;

}

/*-----------------------------
Popular Badge
------------------------------*/

.rm-popular{

    animation:rmPulse 2.2s infinite;

}

@keyframes rmPulse{

    0%{

        transform:
        translateX(-50%)
        scale(1);

    }

    50%{

        transform:
        translateX(-50%)
        scale(1.06);

    }

    100%{

        transform:
        translateX(-50%)
        scale(1);

    }

}

/*-----------------------------
Floating Cards
------------------------------*/

.rm-pricing-card{

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

}

.rm-pricing-card:nth-child(2){

    animation-delay:.4s;

}

.rm-pricing-card:nth-child(3){

    animation-delay:.8s;

}

@keyframes floatCard{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0);

    }

}

/*-----------------------------
Hover Shadow
------------------------------*/

.rm-pricing-card:hover{

    box-shadow:

    0 40px 90px rgba(17,24,39,.12),

    0 0 30px rgba(255,0,102,.12),

    0 0 40px rgba(37,99,235,.10);

}

/*-----------------------------
Responsive
------------------------------*/

@media(max-width:1199px){

    .rm-pricing-title{

        font-size:56px;

    }

}

@media(max-width:991px){

    .rm-pricing-section{

        padding:90px 0;

    }

    .rm-pricing-title{

        font-size:46px;

    }

    .rm-pricing-card.featured{

        transform:none;

    }

}

@media(max-width:767px){

    .rm-pricing-title{

        font-size:36px;

    }

    .rm-plan-price{

        font-size:48px;

    }

    .rm-pricing-card{

        padding:35px 25px;

    }

}

@media(max-width:576px){

    .rm-pricing-section{

        padding:70px 0;

    }

    .rm-plan-header h3{

        font-size:28px;

    }

}

/*==================================================
RM SERVICES TYPOGRAPHY OVERRIDE
==================================================*/

/* Google Font */
/* @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap'); */

body{

    font-family:'Outfit',sans-serif !important;

    -webkit-font-smoothing:antialiased;

}

/*==================================
Section Headings
==================================*/

.rm-title,
.rm-section-title,
.rm-pricing-title{

    font-family:'Outfit',sans-serif !important;

    font-size:62px !important;

    font-weight:800 !important;

    line-height:1.05 !important;

    letter-spacing:-3px !important;

    margin-bottom:20px !important;

}

/* Gradient Word */

.rm-title span,
.rm-section-title span,
.rm-pricing-title span{

    background:linear-gradient(
        90deg,
        #ff0057,
        #c026ff,
        #2563ff
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    font-weight:900;

}

/*==================================
Descriptions
==================================*/

.rm-description,
.rm-section-description,
.rm-pricing-description{

    font-family:'Outfit',sans-serif !important;

    font-size:19px !important;

    line-height:1.8 !important;

    font-weight:400 !important;

    max-width:760px;

    margin:auto;

}

/*==================================
Badge
==================================*/

.rm-badge,
.rm-section-badge,
.rm-pricing-badge{

    font-family:'Outfit',sans-serif;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

/*==================================
Cards Title
==================================*/

.rm-feature-card h4,
.rm-why-card h4,
.rm-plan-header h3{

    font-family:'Outfit',sans-serif !important;

    font-size:34px !important;

    font-weight:700 !important;

    line-height:1.2;

    letter-spacing:-1px;

}

/*==================================
Cards Description
==================================*/

.rm-feature-card p,
.rm-why-card p,
.rm-plan-features,
.rm-plan-header span,
.rm-plan-subtitle{

    font-family:'Outfit',sans-serif !important;

    font-size:16px !important;

    font-weight:400 !important;

    line-height:1.9 !important;

}

/*==================================
Price
==================================*/

.rm-plan-price{

    font-family:'Outfit',sans-serif !important;

    font-size:60px !important;

    font-weight:800 !important;

    line-height:1;

    letter-spacing:-2px;

}

/*==================================
Buttons
==================================*/

.rm-pricing-btn,
.rmservices-default-btn{

    font-family:'Outfit',sans-serif !important;

    font-size:16px;

    font-weight:600;

    letter-spacing:.3px;

}

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

@media(max-width:1200px){

    .rm-title,
    .rm-section-title,
    .rm-pricing-title{

        font-size:54px !important;

    }

}

@media(max-width:991px){

    .rm-title,
    .rm-section-title,
    .rm-pricing-title{

        font-size:46px !important;

        letter-spacing:-2px !important;

    }

}

@media(max-width:767px){

    .rm-title,
    .rm-section-title,
    .rm-pricing-title{

        font-size:36px !important;

        line-height:1.15 !important;

    }

    .rm-plan-price{

        font-size:46px !important;

    }

}

/*==================================================
RM SERVICES - PREMIUM CTA SECTION
==================================================*/

.rm-cta-section{

    position:relative;

    padding:130px 0;

    background:#ffffff;

    overflow:hidden;

}

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

.rm-cta-section::before{

    content:'';

    position:absolute;

    width:450px;

    height:450px;

    left:-180px;

    top:-120px;

    border-radius:50%;

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

}

.rm-cta-section::after{

    content:'';

    position:absolute;

    width:450px;

    height:450px;

    right:-180px;

    top:-120px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(37,99,235,.08),
    transparent 70%);

}

/*==================================
Badge
==================================*/

.rm-cta-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:12px 28px;

    border-radius:50px;

    background:#fff;

    border:1px solid #ececec;

    color:#2563eb;

    font-size:15px;

    font-weight:600;

    box-shadow:0 10px 30px rgba(15,23,42,.06);

    margin-bottom:35px;

}

.rm-cta-badge i{

    color:#ff0066;

}

/*==================================
Heading
==================================*/

.rm-cta-title{

    font-size:78px;

    line-height:1.05;

    font-weight:800;

    letter-spacing:-3px;

    color:#111827;

    margin-bottom:30px;

}

.rm-cta-title span{

    display:block;

    background:linear-gradient(
    90deg,
    #ff0066,
    #b026ff,
    #2563eb);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

/*==================================
Description
==================================*/

.rm-cta-description{

    max-width:760px;

    margin:0 auto 45px;

    font-size:21px;

    line-height:1.9;

    color:#64748b;

    font-weight:400;

}

/*==================================
Decorative Dots
==================================*/

.rm-cta-dots{

    position:absolute;

    width:90px;

    height:90px;

    opacity:.35;

    background-image:radial-gradient(#ff2d7a 2px,transparent 2px);

    background-size:18px 18px;

}

.rm-cta-dots-left{

    left:40px;

    top:220px;

}

.rm-cta-dots-right{

    right:40px;

    bottom:120px;

    background-image:radial-gradient(#2563eb 2px,transparent 2px);

}

/*==================================
Circle Shapes
==================================*/

.rm-cta-shape{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}

.rm-cta-shape-1{

    width:320px;

    height:320px;

    left:-180px;

    bottom:-180px;

    border:2px solid rgba(255,0,102,.08);

}

.rm-cta-shape-2{

    width:380px;

    height:380px;

    right:-200px;

    top:-160px;

    border:2px solid rgba(37,99,235,.08);

}

/*==================================
Bottom Gradient Line
==================================*/

.rm-cta-line{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:5px;

    background:linear-gradient(
    90deg,
    #ff0066,
    #9333ea,
    #2563eb);

}

/*==================================================
RM SERVICES CTA - PREMIUM EFFECTS
==================================================*/

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

.rm-cta-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

}

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

.rm-cta-btn{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    color:#fff;

    font-size:18px;

    font-weight:700;

    overflow:hidden;

    transition:.35s ease;

    background:linear-gradient(
    90deg,
    #ff0057,
    #b026ff,
    #2563ff);

    box-shadow:
    0 20px 45px rgba(176,38,255,.28);

}

.rm-cta-btn:hover{

    color:#fff;

    transform:translateY(-5px);

    box-shadow:
    0 30px 60px rgba(176,38,255,.35);

}

/* Shine Effect */

.rm-cta-btn::before{

    content:'';

    position:absolute;

    top:0;

    left:-120%;

    width:120%;

    height:100%;

    background:
    linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.45),
        transparent);

    transition:.8s;

}

.rm-cta-btn:hover::before{

    left:120%;

}

/*==================================
Arrow Icon
==================================*/

.rm-cta-btn i{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    transition:.35s;

}

.rm-cta-btn:hover i{

    transform:translateX(6px);

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

}

/*==================================
Floating Badge
==================================*/

.rm-cta-badge{

    animation:badgeFloat 5s ease-in-out infinite;

}

@keyframes badgeFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-5px);

    }

    100%{

        transform:translateY(0);

    }

}

/*==================================
Heading Animation
==================================*/

.rm-cta-title{

    animation:titleFade .8s ease;

}

@keyframes titleFade{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================
Background Blur
==================================*/

.rm-cta-section{

    backdrop-filter:blur(10px);

}

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

@media(max-width:1200px){

    .rm-cta-title{

        font-size:64px;

    }

}

@media(max-width:992px){

    .rm-cta-section{

        padding:100px 0;

    }

    .rm-cta-title{

        font-size:52px;

        letter-spacing:-2px;

    }

    .rm-cta-description{

        font-size:18px;

    }

}

@media(max-width:768px){

    .rm-cta-title{

        font-size:40px;

        line-height:1.15;

    }

    .rm-cta-description{

        font-size:17px;

    }

    .rm-cta-btn{

        width:100%;

        justify-content:center;

    }

}

@media(max-width:576px){

    .rm-cta-section{

        padding:80px 0;

    }

    .rm-cta-title{

        font-size:34px;

        letter-spacing:-1px;

    }

    .rm-cta-badge{

        font-size:13px;

        padding:10px 18px;

    }

    .rm-cta-description{

        font-size:16px;

    }

    .rm-cta-btn{

        padding:16px 26px;

        font-size:16px;

    }

}

.rm-why-icon::before{

    content:'' !important;

    position:absolute;

    inset:-12px;

    border-radius:50%;

    background:radial-gradient(
        rgba(255,0,102,.10),
        transparent 70%
    );

    z-index:-1;

    border:none !important;

}