.mobile-menu-top,
.mobile-menu-open,
.dropn-btnmobile,
.mobile-view{
    display:none;
}


@media (max-width:1200px){

    .rg-header-cta{
        display:none;
    }

    .mobile-menu-top,
    .mobile-menu-open{
        display:block;
    }

    .nav-menu,
    .rg-nav{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        padding:70px 25px 25px;
        background:#fff;
        z-index:999999;
        transform:translateX(100%);
        opacity:0;
        visibility:hidden;
        transition:.35s ease;
        overflow-y:auto;
    }

    .nav-menu.shows{
        transform:translateX(0);
        opacity:1;
        visibility:visible;
    }

    .mega-menu-list,
    .rg-main-menu{
        display:flex;
        flex-direction:column;
        width:100%;
        margin:0;
        gap: 6px;

        padding:0;
    }

    .mega-menu-list>li,
    .rg-main-menu>li{
        width:100%;
        position:relative;
        border-bottom:1px solid rgba(0,0,0,.08);
        list-style:none;
    }

    .rg-main-menu>li>a,
    .rg-main-menu>li>span{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        padding:14px 0;
        color:#111 !important;
        font-size:15px;
        font-weight:500;
        text-decoration:none;
    }

    .rg-main-menu>li>a::after,
    .rg-main-menu>li>span::after{
        display:none;
    }

.rg-main-menu>li.active>a,
.rg-main-menu>li.active>span{
    color:#2c7849 !important;
}


    /* ---------- SUBMENU ---------- */

    .rg-main-menu .drop-menulist{
        display:none;
        position:relative;
        width:100%;
        margin:10px 0;
        padding:8px 0;
        background:#f8f8f8;
        border:1px solid rgba(0,0,0,.08);
        border-radius:10px;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
    }

    .rg-main-menu .drop-menulist.visible{
        display:block !important;
            top: 0rem;
    }

    .rg-main-menu .drop-menulist li{
        border:0;
    }

    .rg-main-menu .drop-menulist li a{
        display:block;
        padding:10px 15px;
        font-size:14px;
        color:#111;
        text-decoration:none;
    }

    .rg-main-menu .drop-menulist li a:hover{
        background:#edf7ef;
        color:#2c7849;
        border-radius:6px;
    }

    /* ---------- DROPDOWN BUTTON ---------- */

    .dropn-btnmobile{
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:55px;
        height:50px;
        cursor:pointer;
        z-index:5;
        background:transparent;
    }

    .mobile-menu-top,
    .mobile-menu-open{
        cursor:pointer;
    }

    .mobile-menu-top i,
    .mobile-menu-open i{
        font-size:26px;
        color:#2c7849;
    }
    .rg-sub-menu,
.drop-menulist{
    margin: 8px 0 0;
}

    .mobile-menu-open{
        position:absolute;
        top:20px;
        right:25px;
    }

    .rg-logo img{
        width:80px;
    }

    .rg-btn-primary.mobile-view{
        display:inline-flex;
        margin-top:20px;
    }
    
     
    
     .floating-contact-wrap {
        right: 15px;
    }
    
    .float-wa img {
        width: 35px;
        height: 35px;
    }
    .float-call img {
      width: 39px;
        height: 34px;
    }

}


@media (max-width:768px){
    
.rg-clients-grid-sec .sec-big-title {
    font-size: 19px;
}

.clients-logo-grid{
    padding-left: 0;
}

.rg-clients-grid-sec {
    padding: 2rem 0 1rem;}
    
    .client-logo-box img {
    width: 77%;}
    
    .rg-clients-grid-sec .sec-title {
    margin-bottom: 1rem;
}
    
.rg-clients-grid-sec .rg-btn-primary {
    font-size: 11px;
    margin: 0 auto 2rem;
    display: flex;
    width: max-content;
}
    .rg-process-circle-sec {
    padding: 2rem 0 0;}
    
    .step-title {
    font-size: 15px;}
    
     .floating-contact-wrap {
        right: 5px;
        gap: 5px;
    }
    
   .rg-banner-content h1 {
    font-size: 21px; 
        margin-bottom: 13px;
        text-align: center;
}
.rg-banner-sec {
    height: 65vh;
            margin-bottom: 17rem;
}

.rg-services-sec {
    padding: 3rem 0 2rem;
}

.rg-banner-content p {
    font-size: 13px;
    margin-bottom: 19px;
    text-align: center;
}
.rg-banner-actions {
    gap: 20px;
    margin-top: 37px;
    align-items: flex-start;
    flex-direction: row;
    justify-content: center;
}

.rg-btn-outline {
           font-size: 9px;
        padding: 6px 14px;
    border-radius: 7px;
    gap: 6px;
 
}
.rg-btn-primary{
       font-size: 11px;
    padding: 9px 18px;
    border-radius: 7px;
    gap: 6px; 
}

.rg-features-container {
        width: 90%;
        bottom: -273px;
    }
    .rg-features-box {
        flex-wrap: wrap;
        padding: 20px;
        gap: 20px;
        justify-content: flex-start;
    }
    .rg-feat-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        border-right: none;
        padding: 0;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    .rg-feat-item p {
        font-size: 12px;
    }
    
    .rg-feat-icon {
    width: 47px;
    height: 47px;}

.rg-feat-text h4 {
    font-size: 13px;
    font-weight: 600;}
    
    .rg-waves-wrapper {
    bottom: -13px;}
    
    .sec-big-title {
    font-size: 19px;
        text-align: center;
    }
    
    .rg-kicker {
    font-size: 12px;
    font-weight: 600;}
    
     .rg-service-grid{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .rg-service-card{
        min-width:0;
    }

    .rg-service-btn{
        /*grid-column:1 / -1;*/
        min-height:180px;
    }


.badge-text svg{
    width: 120px !important;
    height: 120px !important;
}

.kinetic-badge {
    width: 130px;
    height: 130px;}

.srv-arrow {
    width: 25px;
    height: 25px;
}

.badge-icon i{
    font-size: 14px;
}

.srv-info h4 {
    color: #111;
    font-size: 14px;
    font-weight: 600;}
    
    .srv-arrow i{
        font-size: 10px;
    }
    
    .rg-about-sec .container-fluid {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .rg-about-sec {
    padding: 3rem 0;
}
.p-card-wrap:not(.last-card)::after {
    display: none}
.rg-about-img {
    width: 100%;
     height: unset; 
    border-radius: 14px;}
    
    .rg-about-content {
    padding: unset;
}

.rg-about-content .sec-big-title {
    font-size: 19px;
}

.sec-title{
    text-align: center;
        margin-bottom: 1rem;
}


.rg-about-stats {
    margin-top: 0;
    padding-top: 0;}

.rg-about-img img {
    margin-bottom: 1rem;
    height: unset;
}
    

 .rg-about-stats{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:15px;
                margin-left: 0;
    }
    
    .rg-about-content h4 {
    font-size: 17px;
    margin: 10px 0;
        text-align: center;
    }
    
    .section-kicker::before {
        display:none;
    }
    .rg-why-bar-sec p {
    font-size: 13px;}

    .stat-item{
        width:calc(50% - 8px);
        min-width:0;
        border-right:none !important;
    }
    
    
    .stat-item span {
    font-size: 12px;
    font-weight: 600;}
    
    .rg-about-content p {
    text-align: center;
}

.rg-feat-icon svg{
    width: 23px;
    height: 23px;
}

.ind-icon {
    width: 55px;
    height: 55px;}

}