.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-c1715d3:#FFFFFF;--e-global-color-c7d4743:#000000;--e-global-color-1427cde:#101828;--e-global-color-fbf5c7b:#525866;--e-global-color-1b2b07d:#95979C;--e-global-color-24c6dbf:#EBF3EF;--e-global-color-7556c72:#ADCEBD;--e-global-color-bddaa95:#8CB9A1;--e-global-color-15cfd25:#5A9B79;--e-global-color-a9b1acf:#38875D;--e-global-color-1d60c13:#275F41;--e-global-color-48b68dc:#225239;--e-global-color-f6d4c31:#E6EBEA;--e-global-color-379daec:#99ADA8;--e-global-color-091de55:#6E8B85;--e-global-color-2121e52:#305950;--e-global-color-b9dc263:#05372C;--e-global-color-dd4a5c8:#04271F;--e-global-color-210217f:#03221B;--e-global-color-949780a:#F2F9EE;--e-global-color-8fc61a4:#CBE6B8;--e-global-color-c85e7fa:#B5DB9B;--e-global-color-5eba2e9:#95CC70;--e-global-color-5a6c8d7:#7FC153;--e-global-color-5b8936c:#59873A;--e-global-color-9b1a333:#4D7633;--e-global-color-d2049f6:#E8EFFF;--e-global-color-56e57a0:#9FBDFE;--e-global-color-c526347:#77A1FD;--e-global-color-a6aa366:#3D79FD;--e-global-color-f4fc7e2:#155DFC;--e-global-color-4b660bf:#0F41B0;--e-global-color-a14c649:#0D399A;--e-global-color-5b6f464:#F5E7FF;--e-global-color-e1d2c43:#D59DFD;--e-global-color-cfbfb06:#C374FC;--e-global-color-c44bab5:#AA39FB;--e-global-color-da7bb14:#9810FA;--e-global-color-9c385ec:#6A0BAF;--e-global-color-1fed65b:#5D0A99;--e-global-color-a4bd043:#FFECE9;--e-global-color-4826f28:#FEB1A6;--e-global-color-1b18bd2:#FD9081;--e-global-color-2368e4a:#FD604A;--e-global-color-d70119d:#D92D20;--e-global-color-74e25a7:#B02D1A;--e-global-color-e6f2255:#9A2717;--e-global-color-0a36854:#FEF2E9;--e-global-color-3e1cfdd:#FCCAA5;--e-global-color-7e397a6:#FBB47F;--e-global-color-5a06cbc:#F99448;--e-global-color-0217f3b:#F87E23;--e-global-color-29b3950:#AE5819;--e-global-color-34ba889:#974D15;--e-global-color-99b9919:#F9FAFB;--e-global-color-8a851e4:#F2F4F7;--e-global-color-d4f4ea4:#E4E7EC;--e-global-color-0d13077:#D0D5DD;--e-global-color-978d714:#98A2B3;--e-global-color-a498dd4:#667085;--e-global-color-436e246:#475467;--e-global-color-4c39bc5:#344054;--e-global-color-14198b1:#1D2939;--e-global-color-b392dbd:#101828;--e-global-color-cfe1c05:#E7F7EF;--e-global-color-6a216ea:#CEEFDF;--e-global-color-bcef5fd:#86D7B0;--e-global-color-0a8a0f9:#55C790;--e-global-color-53b16ba:#0CAF60;--e-global-color-f1bcae4:#7FC153;--e-global-color-8403956:#38875D;--e-global-color-51603c7:#05372C;--e-global-color-0a10768:#529427;--e-global-color-4525d30:#EAECF0;--e-global-color-2eb9292:#CAD5C9;--e-global-color-d966b1a:#31331E;--e-global-color-b4594a0:#635D3B;--e-global-color-cc1d2fd:#6C4627;--e-global-typography-primary-font-family:"Geist";font-weight:500;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --White:#ffffff; --Black:#000000; --Primary-1-50:#EBF3EF; --Primary-1-75:#ADCEBD; --Primary-1-100:#8CB9A1; --Primary-1-200:#5A9B79; --Primary-1-300:#38875D; --Primary-1-400:#275F41; --Primary-1-500:#225239; --Primary-2-50:#E6EBEA; --Primary-2-75:#99ADA8; --Primary-2-100:#6E8B85; --Primary-2-200:#305950; --Primary-2-300:#05372C; --Primary-2-400:#04271F; --Primary-2-500:#03221B; --Secondary-50:#F2F9EE; --Secondary-75:#CBE6B8; --Secondary-100:#B5DB9B; --Secondary-200:#95CC70; --Secondary-300:#7FC153; --Secondary-400:#59873A; --Secondary-500:#4D7633; --Info-50:#E8EFFF; --Info-75:#9FBDFE; --Info-100:#77A1FD; --Info-200:#3D79FD; --Info-300:#155DFC; --Info-400:#0F41B0; --Info-500:#0D399A; --Purple-50:#F5E7FF; --Purple-75:#D59DFD; --Purple-100:#C374FC; --Purple-200:#AA39FB; --Purple-300:#9810FA; --Purple-400:#6A0BAF; --Purple-500:#5D0A99; --Error-50:#FFECE9; --Error-75:#FEB1A6; --Error-100:#FD9081; --Error-200:#FD604A; --Error-300:#D92D20; --Error-400:#B02D1A; --Error-500:#9A2717; --Yellow-50:#FEF2E9; --Yellow-75:#FCCAA5; --Yellow-100:#FBB47F; --Yellow-200:#F99448; --Yellow-300:#F87E23; --Yellow-400:#AE5819; --Yellow-500:#974D15; --Gray-50:#F9FAFB; --Gray-100:#F2F4F7; --Gray-200:#E4E7EC; --Gray-300:#D0D5DD; --Gray-400:#98A2B3; --Gray-500:#667085; --Gray-600:#475467; --Gray-700:#344054; --Gray-800:#1D2939; --Gray-900:#101828; --Success-100:#E7F7EF; --Success-200:#CEEFDF; --Seccess-300:#86D7B0; --Success-400:#55C790; --Success-500:#0CAF60; --Gradient-P-1:#7FC153; --Gradient-P-2:#38875D; --Gradient-A-1:#05372C; --Gradient-A-2:#529427; --Text-primary:#101828; --Text-secondary:#525866; --Text-tertiary:#95979C; --Inter:Inter; --Manrope:Manrope; --Geist:Geist; --Instrument-Serif:Instrument Serif; --Divider:#EAECF0; --Border:#CAD5C9; --Surface-color:#EDF3F1; --Teal:#35B9E9; --Teal-lighter:#EBFAFF; }
/* Start custom CSS *//* Global overrides */


/* Cookie Consent revisit button */
.cky-btn-revisit-wrapper{
    display: none !important;
}




a.DUP_button-outline{
    border-style: solid;
    transition: all 0.3s ease;
}


.elementor-icon-wrapper{
    display: flex;
}


/* section title instrument-serif font */


.title-serif {
    font-size: clamp(28px, 6vw, 64px);
    font-family: var(--Instrument-Serif);
    font-style: italic;
    line-height: 1.25em;

}


.section-heading{
    h2{
        display: flex;
        flex-direction: column;
        text-align: center;
    }
}



/* Shadows */

.shadow-xs{
    box-shadow: 0 1px 2px 0 rgba(16,24,40,0.05);
}

.shadow-sm{
    box-shadow: 0 1px 3px 0 rgba(16,24,40,0.1), 0 1px 2px 0 rgba(16,24,40,0.06);
}

.shadow-md{
    box-shadow: 0 4px 8px -2px rgba(16,24,40,0.1), 0 2px 4px -2px rgba(16,24,40,0.06);
}

.shadow-lg{
    box-shadow: 0 12px 16px -4px rgba(16,24,40,0.08), 0 4px 6px -2px rgba(16,24,40,0.03);
}

.shadow-xl{
    box-shadow: 0 20px 24px -4px rgba(16,24,40,0.08), 0 8px 8px -4px rgba(16,24,40,0.03);
}

.shadow-2xl{
    box-shadow: 0 24px 48px -12px rgba(16,24,40,0.18)
}

.shadow-3xl{
    box-shadow: 0 32px 64px -12px rgba(16,24,40,0.14)
}



/* Gradients */


.title-gradient-primary-fl{
    background: linear-gradient(90deg, var(--Gradient-P-2) 0%, var(--Gradient-P-1) 100%);
    background-clip: text;
    color: transparent;
}



.title-gradient-primary-ft{
    background: linear-gradient(180deg, var(--Gradient-P-2) 0%, var(--Gradient-P-1) 100%);
    background-clip: text;
    color: transparent;
}

/* Menu */

.nav-cta-btn{
    @media (max-width: 767px){
        display: none !important;
    }
}


.elementor-nav-menu{
    .elementor-item{
        cursor: pointer;
        gap: 8px;
        padding-right: 12px !important;
        
        .sub-arrow{
            padding: 0 !important;
            transition: all 0.3s ease;
        }
        
        &.highlighted{
            .sub-arrow{
                rotate: -180deg;
            }
        }
    }
    
    .sub-menu{
        padding: 8px !important;
        display: flex;
        flex-direction: column;
        gap:2px;
            box-shadow: 0 12px 16px -4px rgba(16,24,40,0.08), 0 4px 6px -2px rgba(16,24,40,0.03);
            
        
        .elementor-sub-item{
            border-left: 0 !important;
            border-radius: 4px !important;
        }
    }
}


/* Contact Form */


.contact-us-list{
    ul{
        padding-inline-start: 28px !important;
        li:not(:last-child){
            margin-bottom: 16px;
        }
    }
}

.contact-form{
    .elementor-button[type="submit"]{
        background:linear-gradient(180deg, #38875D 0%,#7FC153 100%);
        border-radius: 12px;
        padding: 12px 0 !important;
        font-size: 16px;
        height40px !important;
    }
}


/*----- Home -----*/

/* Hero */


.hero-title{
    
   h1 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.subtitle {
    font-size: clamp(18px, 3vw, 40px);
    font-family: var(--Inter);
    color: var(--Text-secondary);
    font-weight: 600;
    line-height: 1.4em;
}

.headline {
    font-family: var(--Geist);
    font-size: clamp(28px, 6vw, 64px);
    color: var(--Text-primary);
    font-weight: 600;
    line-height: 1.25em;
}

.tagline {
    font-size: clamp(28px, 6vw, 64px);
    font-family: var(--Instrument-Serif);
    font-style: italic;
    line-height: 1.25em;

}
    
}



/* How Revmai Works */

.stage-number{
    background: linear-gradient(180deg,#38875D 0%, #ADCEBD 100%);
    background-clip: text;
    color: transparent;
}


.stage-bg-overlay svg path{
    fill:rgba(235, 243, 239, 0.3) !important
}


/* FAQ */


.faq-tabs{
    .e-n-tabs-heading{
    flex-basis: 320px !important;
    
    @media (max-width:767px){
        flex-direction: column !important;
        flex-basis: 0 !important;
       
    }
    
    *{
        transition: all 0.3s ease !important;
    }

    .e-n-tab-title[aria-selected="false"]{
        .e-n-tab-icon{
            display: none !important;
        }
    }
}
}



.faq-wrapper{
  
    
    
    
    .e-n-accordion-item{
        
        border: 1px solid var(--Border);
        border-radius: 8px;
        background: var(--White);
        transition: all 0.3s ease;
        
        &[open] .accordion-number{
            background: var(--White);
            
        }

   &[open]{
       background: var(--Primary-1-50) !important;
       
   }
        
        
        .e-n-accordion-item-title{
        .e-n-accordion-item-title-header{
            width: 100%;
            display: flex;
            align-items: center;
            gap:16px;
        }
    }
        
        .accordion-number{
            width:40px;
            height: 40px;
            border-radius: 99px;
            background: var(--Primary-1-50);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-family: var(--Manrope);
            font-size: 14px;
            font-weight: 600;
            color: var(--Primary-1-300);
            transition: all 0.3s ease;
            
        }
    }
}



/* The Difference */

/* Platform capabilities */

.capabilities-card{
    background-size: 120px auto, cover !important;
    }
    

/* Meet ROSIE */


.rosie-text-form p{
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
    text-transform: uppercase;
    
    .rosie-letter{
        height: 48px;
        width: 48px;
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        background: var(--Primary-1-50);
        border-radius: 99px;
        font-family: var(--Geist);
        font-size: 32px;
        font-weight: 700;
        line-height: 1em;
        color: var(--Primary-1-300);
    }
}

.rosie-banner-image{
    display: flex;
    align-items: center;
    
    img{
        aspect-ratio: 721/482;
        border: 2px solid var(--Secondary-300) !important;
    }
}

.rosie-card{
    background-size: 135px auto, cover !important;
    }
    
    
    
/* How It Works (page) */

/* Timeline */

.work-progress-cards-wrapper{
    
    
    [id^="stage-"] {
        scroll-margin-top: 100px;
    }
    
    
    .work-progress-card{
        
        .timeline-mobile-dot{
            display: none !important;
            flex-shrink: 0 !important;
            box-shadow: 0 4px 4px 0 rgba(64, 142, 12, 0.14);
            
            @media (max-width:1024px){
                display: block !important;
            }
        }
        
        .work-progress-card-contents{
            
            
            .timeline-desktop-dot{
                flex-shrink: 0 !important;
                box-shadow: 0 4px 4px 0 rgba(64, 142, 12, 0.14);
                
                
                @media (max-width:1024px){
                display: none !important;
            }
                
            }
            
            
            .work-progress-card-texts{
                
                
            }
            
            .work-progress-card-image-wrapper{
             
             img{
                 box-shadow: 0 12px 16px -4px rgba(16,24,40,0.08), 0 4px 6px -2px rgba(16,24,40,0.03);
             }
                
                
            }
            
            
            
            
        }
        
    }
    
    
    
}



/* Book A Demo */

.tab-button{
    cursor: pointer;
    transition: all 0.3s ease;
    
    &.active{
        background-color:var(--White) !important;
        p:first-child{
          color: var(--Text-primary) !important;  
        }
        p:last-child{
          color: var(--Text-secondary) !important;  
        }
    }
}

.elementor-field-group-bookingService{
    display:none;
}



/* Resource Hub */

   .blog-card{
    box-shadow: 0 12px 16px -4px rgba(16,24,40,0.08), 0 4px 6px -2px rgba(16,24,40,0.03);
    
    .DUP_button-outline{
        border-style:solid;
        padding:8px 32px !important;
    }
    
}

.blog-card-title h2{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp:2;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
.blog-card-excerpt{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp:6;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }


.featured-resources{

.blog-carousel{
    .swiper{
        padding-bottom: 96px !important;
    }
    

.elementor-swiper-button-prev, .elementor-swiper-button-next{
        background-color: var(--Primary-1-50);
        height: 48px;
        width: 48px;
        border-radius: 99px;
        display: flex;
        align-items: center;
        justify-content: center;
         box-shadow: 0 1px 3px 0 rgba(16,24,40,0.1), 0 1px 2px 0 rgba(16,24,40,0.06);
         border: 1px solid var(--Primary-1-50) !important;
         opacity: 1 !important;

@media (max-width:767px){
    width: 40px;
    height: 40px;
}
         
         
        
        svg{
            
        fill: var(--Primary-1-500) !important;
        }
        
        
        &.swiper-button-disabled{
            background-color:transparent !important;
            cursor: not-allowed;
            opacity: 1;
            
            svg{
                fill: var(--Primary-1-50) !important;
            }
            
        }
    }
    
    
    .swiper-pagination{
        transform: translate(-50%, 0);
        top: unset;
        bottom: 48px !important;
        position: relative;
        display: flex;
        gap: 12px;
        
        .swiper-pagination-bullet{
            opacity: 0.2;
            width: 10px;
            height: 10px;
            border-radius: 99px;
            transition: all 0.3s ease;
            margin: 0;
            background: var(--White);
        
        }
        
        .swiper-pagination-bullet-active{
            width: 24px;
            opacity: 1;
        }
    }
}
    
}




.resource-filter{
    .elementor-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 20px;
        margin-top: 48px;
        border-top: 1px solid var(--Border);
        position: relative;
        
        
    .page-numbers:not(.prev,.next){
        height: 40px !important;
        width: 40px !important;
        color: var(--Text-secondary);
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 99px;
        transition: all 0.3s ease;
        border: 1px solid transparent;
        
        
        
        &:hover{
            border-color:var(--Primary-1-300);
            color: var(--Primary-1-300);
        }
        
        
        &.current{
            background: var(--Primary-1-300);
            color: var(--White);
            border-color:var(--Primary-1-300);
        }        
    }
    
    .page-numbers{
        
        &.prev, &.next{
            position: absolute;
        }
        
        &.prev{
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        
        &.next{
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
    }
    }
          
    a.prev, a.next{
        color: var(--Text-primary) !important;
        transition: all 0.3s ease;
        
        &:hover{
            color: var(--Primary-1-300) !important;
        }
    }
        
    span.prev, span.next{
        color: var(--Text-secondary) !important;
        cursor: not-allowed;
    }
    
}


/* Blog details */


.post-tags{
    span{
        padding:6px 16px;
        border: 1px solid var(--Secondary-300);
        border-radius: 99px;
        background: rgba(127, 193, 83, 0.06);
    }
}


.post-info-separator{
    @media (max-width:767px){
        display: none !important;
    }
}

.post-contents{
    h2{
        font-family: var(--Manrope);
        font-weight: 600;
        font-size: 32px;
        color: var(--Text-primary);
        @media (max-width:767px){
            font-size: 24px;
            
        }
    }
    
    
    blockquote{
        margin: 0;
        padding: 20px;
        border-left: 4px solid var(--Primary-1-300);
        border-radius: 8px;
        background: var(--Surface-color);
        text-decoration: none;
        
        .quote-by{
            color: var(--Primary-1-400);
            font-family: var(--Inter);
            font-size: 16px;
            font-weight: 500;
        }
    }
    
    
    .article-highlight-block{
        padding: 24px;
        border-radius: 8px;
        box-shadow:0 20px 24px -4px rgba(16,24,40,0.08), 0 8px 8px -4px rgba(16,24,40,0.03);
        background: var(--Primary-1-500);
         color: var(--White);
         font-family: var(--Geist);
         position: relative;
         overflow: hidden;
         
         
         &::before{
             content: "";
             height: 320px;
             width: 320px;
             border-radius: 50%;
             background: rgba(255, 255, 255, 0.06);
             position: absolute;
             left: 0;
             top: 0;
             transform: translate(-50%, -50%);
             
         }
         
         &::after{
             content: "";
             height: 320px;
             width: 320px;
             border-radius: 50%;
             background: rgba(255, 255, 255, 0.06);
             position: absolute;
             right: 0;
             top: 0;
             transform: translate(15%, -80%);
             
         }
    }
    
    
}



/*  Privacy Policy  */


.DUP_policy-contents{
     ul{
        padding-inline-start: 20px;
    }
    li:not(:last-child){
        margin-bottom: 12px;
    }
    .highlight{
        color:var(--Text-primary);
    }
}


.elementor-toc__header{
    padding-bottom: 16px !important;
}



.elementor-toc__list-wrapper{
    
    .elementor-toc__list-item{
        &:not(:last-child){
            margin-bottom: 12px ;
        }
        
        a{
            display: flex;
            align-items: center;
            gap: 8px;
            
            .toc-item-trigger-sn{
                height: 40px;
                width: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                flex-grow: 0;
                font-size: 14px;
                font-weight: 600;
                font-family: var(--Manrope);
                color: var(--Primary-1-300);
                background: var(--Surface-color);
                border-radius: 99px;
            }
            
        }
    }
}


[id^="elementor-toc__heading-anchor-"] {
    scroll-margin-top: 120px;
}

.toc-item-heading{
    h2{
        display: flex;
        align-items: center;
        gap: 16px;
        
        
        .toc-item-sn{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--Manrope);
    color: var(--Gray-50);
    background: var(--Primary-1-300);
    border-radius: 99px;
}
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-display: auto;
	src: url('https://revmai.com/wp-content/uploads/2026/04/Geist.ttf') format('truetype');
}
/* End Custom Fonts CSS */