.breadcrumbs ul li {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    z-index: 0;
    padding: 0 20px;
    position: relative;
    display: inline-block;
    color: #ff008c !important;
}

/* =========================================================
   RM SERVICES PROFESSIONAL ICON BOX
   REMOVE GREEN → LOGO GRADIENT
========================================================= */

.rmservices-iconbox-wrap{

    position:relative;

    overflow:hidden;

    background:#0b0b0b!important;

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

    border-radius:30px;

    transition:.4s;

    box-shadow:
    0 10px 30px rgba(0,0,0,.25);
}

/* GRADIENT BACKGROUND */

.rmservices-iconbox-wrap::before{

    content:'';

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(255,0,60,.10),
        rgba(255,0,140,.10),
        rgba(123,0,255,.10),
        rgba(0,72,255,.10)
    );

    opacity:0;

    transition:.4s;
}

/* TOP BORDER GLOW */

.rmservices-iconbox-wrap::after{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    );

    background-size:300% 300%;

    animation:rmGradient 6s ease infinite;
}

/* HOVER */

.rmservices-iconbox-wrap:hover::before{
    opacity:1;
}

.rmservices-iconbox-wrap:hover{

    transform:translateY(-8px);

    border-color:rgba(255,0,140,.25)!important;

    box-shadow:
    0 0 25px rgba(255,0,140,.15),
    0 0 50px rgba(123,0,255,.10);
}

/* KEEP CONTENT ABOVE */

.rmservices-iconbox-wrap *{

    position:relative;

    z-index:2;
}

/* TITLE */

.rmservices-iconbox-wrap h3,
.rmservices-iconbox-wrap h4{

    color:#fff!important;
}

/* TEXT */

.rmservices-iconbox-wrap p{

    color:#cfcfcf!important;
}

/* ICON */

.rmservices-iconbox-wrap .icon,
.rmservices-iconbox-wrap i,
.rmservices-iconbox-wrap svg{

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    );

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

/* ANIMATION */

@keyframes rmGradient{

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

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

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

/* =========================================================
   RM SERVICES ACCORDION OPEN STYLE
========================================================= */

.rmservices-accordion-item.open{

    background:linear-gradient(
        135deg,
        rgba(255,0,60,.14),
        rgba(255,0,140,.14),
        rgba(123,0,255,.14),
        rgba(0,72,255,.14)
    )!important;

    border:1px solid rgba(255,0,140,.25)!important;

    box-shadow:
    0 0 25px rgba(255,0,140,.15),
    0 0 50px rgba(123,0,255,.10)!important;

    transition:.4s;
}

.menu-block.active .nav-link-item
 {
    color: #050505 !important;
}


/* =========================================================
   RM SERVICES CONSULTATION FORM
========================================================= */

.rmservices-contact-section{

    padding:100px 0;

    background:#f5f3ea;
}

/* =========================================================
   FORM WRAPPER
========================================================= */

.rmservices-contact-wrap{

    background:#fff;

    border-radius:35px;

    padding:60px;

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

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

.rmservices-contact-title{

    font-size:56px;

    font-weight:800;

    line-height:1.1;

    margin-bottom:20px;

    color:#050505;
}

.rmservices-contact-description{

    color:#666;

    font-size:18px;

    line-height:1.8;

    margin-bottom:45px;
}

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

.rmservices-form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:28px;
}

/* =========================================================
   FORM GROUP
========================================================= */

.rmservices-form-group{
    margin-bottom:28px;
}

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

.rmservices-form-group label{

    display:block;

    font-size:16px;

    font-weight:700;

    margin-bottom:12px;

    color:#050505;
}

/* =========================================================
   INPUTS
========================================================= */

.rmservices-form-group input,
.rmservices-form-group select,
.rmservices-form-group textarea{

    width:100%;

    height:64px;

    border-radius:22px;

    border:1px solid #ddd;

    background:#fff;

    padding:0 24px;

    font-size:16px;

    color:#050505;

    transition:.4s;

    box-shadow:none;
}

/* TEXTAREA */

.rmservices-form-group textarea{

    height:160px;

    padding-top:20px;

    resize:none;
}

/* FOCUS */

.rmservices-form-group input:focus,
.rmservices-form-group select:focus,
.rmservices-form-group textarea:focus{

    outline:none;

    border-color:#ff008c;

    box-shadow:
    0 0 0 4px rgba(255,0,140,.10);
}

/* =========================================================
   PLACEHOLDER
========================================================= */

.rmservices-form-group input::placeholder,
.rmservices-form-group textarea::placeholder{

    color:#888;
}

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

.service-grid{

    display:grid;

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

    gap:20px;

    margin-top:20px;
}

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

.service-card{

    position:relative;

    display:flex;

    align-items:center;

    gap:14px;

    min-height:85px;

    padding:20px;

    border-radius:22px;

    background:#fff;

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

    cursor:pointer;

    transition:.4s;

    overflow:hidden;
}

/* HOVER */

.service-card:hover{

    transform:translateY(-5px);

    border-color:rgba(255,0,140,.25);

    box-shadow:
    0 10px 30px rgba(255,0,140,.08);
}

/* CHECKBOX */

.service-card input[type="checkbox"]{

    width:22px;
    height:22px;

    accent-color:#ff008c;

    cursor:pointer;

    flex-shrink:0;
}

/* TEXT */

.service-card span{

    font-size:16px;

    font-weight:700;

    color:#111;

    line-height:1.5;
}

/* ACTIVE */

.service-card:has(input:checked){

    background:linear-gradient(
        135deg,
        rgba(255,0,60,.10),
        rgba(255,0,140,.10),
        rgba(123,0,255,.10),
        rgba(0,72,255,.10)
    );

    border-color:rgba(255,0,140,.30);

    box-shadow:
    0 10px 30px rgba(255,0,140,.10);
}

/* ACTIVE TEXT */

.service-card:has(input:checked) span{

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    );

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

/* =========================================================
   SUBMIT BUTTON
========================================================= */

#rmservices-submit-btn{

    margin-top:35px;

    border:none!important;

    border-radius:60px!important;

    color:#fff!important;

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    )!important;

    background-size:300% 300%!important;

    animation:rmGradient 6s ease infinite;

    /* box-shadow:
    0 0 20px rgba(255,0,140,.25),
    0 0 40px rgba(123,0,255,.18)!important; */
}

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

@media(max-width:1200px){

    .service-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:992px){

    .rmservices-form-grid{
        grid-template-columns:1fr;
    }

    .service-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:576px){

    .rmservices-contact-wrap{
        padding:30px;
    }

    .rmservices-contact-title{
        font-size:38px;
    }

    .service-grid{
        grid-template-columns:1fr;
    }

    .service-card{
        min-height:75px;
    }
}

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

@keyframes rmGradient{

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

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

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

.service-card span
{
    font-size: 16px;
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.5;
}


/* =========================================================
   FORCE 4 SERVICE CARDS IN ONE ROW
========================================================= */

.service-grid{

    display:grid!important;

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

    gap:20px;

    width:100%;
}

/* CARD */

.service-card{

    width:100%;

    min-height:90px;
}

/* TABLET */

@media(max-width:992px){

    .service-grid{

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

/* MOBILE */

@media(max-width:576px){

    .service-grid{

        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   PREMIUM HIGHLIGHT SERVICE CARD
========================================================= */

.service-card2{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        rgba(255,0,60,.16),
        rgba(255,0,140,.16),
        rgba(123,0,255,.16),
        rgba(0,72,255,.16)
    )!important;

    border:1px solid rgba(255,0,140,.35)!important;

    border-radius:22px;

    box-shadow:
    0 0 25px rgba(255,0,140,.15),
    0 0 50px rgba(123,0,255,.10);

    transition:.4s;
}

/* TOP GLOW LINE */

.service-card2::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    );

    background-size:300% 300%;

    animation:rmGradient 6s ease infinite;
}

/* HOVER */

.service-card2:hover{

    transform:translateY(-6px);

    box-shadow:
    0 0 35px rgba(255,0,140,.22),
    0 0 70px rgba(123,0,255,.14);
}

/* CHECKBOX */

.service-card2 input[type="checkbox"]{

    accent-color:#ff008c;
}

/* TEXT */

.service-card2 span{

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    );

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

/* ANIMATION */

@keyframes rmGradient{

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

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

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


/* =========================================================
   RM SERVICES SVG ICON FULL GRADIENT FIX
========================================================= */

/* ICON WRAPPER */

.rmservices-iconbox-wrap .icon,
.rmservices-iconbox-wrap .rmservices-icon,
.service-card .icon,
.process-card .icon{

    width:70px;
    height:70px;

    border-radius:20px;

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

    background:linear-gradient(
        135deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    )!important;

    background-size:300% 300%;

    animation:rmGradient 6s ease infinite;

    box-shadow:
    0 0 20px rgba(255,0,140,.18);
}

/* SVG */

.rmservices-iconbox-wrap svg,
.service-card svg,
.process-card svg{

    width:34px!important;
    height:34px!important;
}

/* FORCE SVG COLOR */

.rmservices-iconbox-wrap svg path,
.rmservices-iconbox-wrap svg rect,
.rmservices-iconbox-wrap svg circle,
.rmservices-iconbox-wrap svg line,

.service-card svg path,
.service-card svg rect,
.service-card svg circle,

.process-card svg path,
.process-card svg rect,
.process-card svg circle{

    fill:#fff!important;

    stroke:#fff!important;
}

/* HOVER */

.rmservices-iconbox-wrap:hover .icon,
.service-card:hover .icon{

    transform:translateY(-4px);

    box-shadow:
    0 0 25px rgba(255,0,140,.28),
    0 0 50px rgba(123,0,255,.18);
}

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

@keyframes rmGradient{

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

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

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

/* =========================================================
   STAR IMAGE → RM SERVICES GRADIENT
========================================================= */

img[src*="star.png"]{

    filter:
    brightness(0)
    saturate(100%)
    invert(21%)
    sepia(99%)
    saturate(7488%)
    hue-rotate(305deg)
    brightness(103%)
    contrast(104%);

    animation:rmStarGradient 6s ease infinite;

    transition:.4s;
}

/* HOVER */

img[src*="star.png"]:hover{

    transform:scale(1.08);
}

/* ANIMATION */

@keyframes rmStarGradient{

    0%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }

    50%{

        filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(88%)
        saturate(6500%)
        hue-rotate(250deg)
        brightness(110%)
        contrast(105%);
    }

    100%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }
}


/* =========================================================
   STAR2 IMAGE → RM SERVICES GRADIENT
========================================================= */

img[src*="star2.png"]{

    filter:
    brightness(0)
    saturate(100%)
    invert(21%)
    sepia(99%)
    saturate(7488%)
    hue-rotate(305deg)
    brightness(103%)
    contrast(104%);

    animation:rmStar2Gradient 6s ease infinite;

    transition:.4s;
}

/* HOVER */

img[src*="star2.png"]:hover{

    transform:scale(1.08);
}

/* ANIMATION */

@keyframes rmStar2Gradient{

    0%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }

    50%{

        filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(88%)
        saturate(6500%)
        hue-rotate(250deg)
        brightness(110%)
        contrast(105%);
    }

    100%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }
}

/* =========================================================
   SHAPE1 IMAGE → RM SERVICES GRADIENT
========================================================= */

img[src*="shape1.png"]{

    filter:
    brightness(0)
    saturate(100%)
    invert(21%)
    sepia(99%)
    saturate(7488%)
    hue-rotate(305deg)
    brightness(103%)
    contrast(104%);

    animation:rmShapeGradient 6s ease infinite;

    transition:.4s;
}

/* HOVER */

img[src*="shape1.png"]:hover{

    transform:scale(1.05);
}

/* ANIMATION */

@keyframes rmShapeGradient{

    0%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }

    50%{

        filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(88%)
        saturate(6500%)
        hue-rotate(250deg)
        brightness(110%)
        contrast(105%);
    }

    100%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }
}

.rmservices-info ul li
{
    font-size: 21px;
    color: #ff004f !important;
}

/* =========================================================
   AUTO SLIDER TITLE GRADIENT
========================================================= */

.rmservices-auto-slider-item h3{

    font-size:35px;

    white-space:nowrap;

    padding:0 24px;

    text-transform:uppercase;

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    );

    background-size:300% 300%;

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    animation:rmGradient 6s ease infinite;
}

/* ANIMATION */

@keyframes rmGradient{

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

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

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

/* =========================================================
   STAR3 IMAGE → RM SERVICES GRADIENT
========================================================= */

img[src*="star3.png"]{

    filter:
    brightness(0)
    saturate(100%)
    invert(21%)
    sepia(99%)
    saturate(7488%)
    hue-rotate(305deg)
    brightness(103%)
    contrast(104%);

    animation:rmStar3Gradient 6s ease infinite;

    transition:.4s;
}

/* HOVER */

img[src*="star3.png"]:hover{

    transform:scale(1.08);
}

/* ANIMATION */

@keyframes rmStar3Gradient{

    0%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }

    50%{

        filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(88%)
        saturate(6500%)
        hue-rotate(250deg)
        brightness(110%)
        contrast(105%);
    }

    100%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }
}



/* =========================================================
   PROFESSIONAL DARK GRADIENT BACKGROUND
========================================================= */

.dark-bg{

    position:relative;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        #050505,
        #140014,
        #1a0033,
        #001133
    )!important;

    background-size:300% 300%!important;

    animation:rmDarkGradient 10s ease infinite;

    transition:.4s;
}

/* GLOW OVERLAY */

.dark-bg::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at top left,rgba(255,0,60,.12),transparent 30%),
    radial-gradient(circle at top right,rgba(123,0,255,.12),transparent 30%),
    radial-gradient(circle at bottom left,rgba(0,72,255,.12),transparent 30%);

    pointer-events:none;
}

/* KEEP CONTENT ABOVE */

.dark-bg *{

    position:relative;

    z-index:2;
}

/* ANIMATION */

@keyframes rmDarkGradient{

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

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

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


/* =========================================================
   SWIPER PAGINATION GRADIENT
========================================================= */

/* DOT */

.swiper-pagination-bullet{

    width:12px;
    height:12px;

    opacity:1!important;

    background:#444!important;

    transition:.4s;
}

/* ACTIVE DOT */

.swiper-pagination-bullet-active{

    width:35px;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        #ff003c,
        #ff008c,
        #7b00ff,
        #0048ff
    )!important;

    background-size:300% 300%!important;

    animation:rmGradient 6s ease infinite;

    box-shadow:
    0 0 12px rgba(255,0,140,.35);
}

/* ANIMATION */

@keyframes rmGradient{

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

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

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

/* =========================================================
   QUESTION SVG → RM SERVICES GRADIENT
========================================================= */

img[src*="question.svg"]{

    filter:
    brightness(0)
    saturate(100%)
    invert(21%)
    sepia(99%)
    saturate(7488%)
    hue-rotate(305deg)
    brightness(103%)
    contrast(104%);

    animation:rmQuestionGradient 6s ease infinite;

    transition:.4s;
}

/* HOVER */

img[src*="question.svg"]:hover{

    transform:scale(1.08);
}

/* ANIMATION */

@keyframes rmQuestionGradient{

    0%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }

    50%{

        filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(88%)
        saturate(6500%)
        hue-rotate(250deg)
        brightness(110%)
        contrast(105%);
    }

    100%{

        filter:
        brightness(0)
        saturate(100%)
        invert(21%)
        sepia(99%)
        saturate(7488%)
        hue-rotate(305deg)
        brightness(103%)
        contrast(104%);
    }
}


/* =========================================================
   FOOTER BOTTOM MINIMAL
========================================================= */

.rmservices-footer-bottom{

    padding:22px 0;

    border-top:1px solid rgba(255,255,255,.06);
}

/* FLEX */

.footer-bottom-flex{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    flex-wrap:wrap;
}

/* COPYRIGHT */

.rmservices-copywright p{

    margin:0;

    font-size:16px;

    color:#9f9f9f;

    font-weight:500;
}

/* LINKS */

.footer-mini-links{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;
}

.footer-mini-links a{

    font-size:16px;

    color:#bdbdbd;

    text-decoration:none;

    transition:.3s;
}

/* HOVER */

.footer-mini-links a:hover{

    color:#ff008c;
}

/* MOBILE */

@media(max-width:768px){

    .footer-bottom-flex{

        justify-content:center;

        text-align:center;

        flex-direction:column;
    }

    .footer-mini-links{

        justify-content:center;
    }
}


/* RM Services Dropdown Fix */

.site-header,
.site-navbar,
.menu-block,
.menu-block-wrapper{
    overflow: visible !important;
}

.site-menu-main .sub-menu{
    z-index: 99999 !important;
}

li.nav-item-has-children{
    position: relative !important;
}

li.nav-item-has-children:hover > .sub-menu{
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
}

/* pc menu fix */