.elementor-kit-6{--e-global-color-primary:#DE322D;--e-global-color-secondary:#141414;--e-global-color-text:#F4F4F4;--e-global-color-accent:#DE322D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-size:18px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:#141414;font-family:"Raveo 500", Sans-serif;font-size:100px;line-height:90px;letter-spacing:-0.03em;}.elementor-kit-6 h2{color:#141414;font-family:"Raveo 500", Sans-serif;line-height:1em;letter-spacing:-0.03px;}.elementor-kit-6 h3{color:#141414;font-family:"Raveo 500", Sans-serif;font-size:54px;line-height:1em;letter-spacing:-0.03px;}.elementor-kit-6 h4{color:#141414;font-family:"Raveo 500", Sans-serif;font-size:44px;line-height:1em;letter-spacing:-0.03em;}.elementor-kit-6 h5{color:#141414;font-family:"Raveo 500", Sans-serif;font-size:36px;line-height:1.2em;letter-spacing:-0.03em;}.elementor-kit-6 h6{color:#141414;font-family:"Raveo 500", Sans-serif;font-size:24px;line-height:1.2em;letter-spacing:-0.03em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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;}}
/* Start custom CSS *//* Accordion Item */
.acc-item{
    border-bottom:1px solid #E0DDD9;
    overflow:hidden;
}

.acc-item:first-child{
    border-top:1px solid #E0DDD9;
}

/* Header */
.acc-header{
    cursor:pointer;
    user-select:none;
}

/* Keep heading color unchanged on hover */
.acc-header:hover .elementor-heading-title,
.acc-header:hover p,
.acc-header:hover span{
    color:inherit !important;
}

/* Content Hidden */
.acc-content{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(8px);

    transition:
        max-height .45s ease,
        opacity .35s ease,
        transform .35s ease;
}

/* Open */
.acc-item.is-open .acc-content{
    max-height:900px;
    opacity:1;
    transform:translateY(0);
}

/* Rotate Plus */
.acc-icon{
    transition:.35s ease;
}

.acc-item.is-open .acc-icon{
    transform:rotate(45deg);
}

/* Rounded Images */
.acc-img-col img{
    border-radius:18px;
    display:block;
    width:100%;
}

/* Mobile */
@media(max-width:767px){

.acc-content{
display:flex;
flex-direction:column;
}

.acc-img-col,
.acc-text-col{
width:100% !important;
}

}
/* ===========================================================
   CARD
=========================================================== */

.card-hover{
    overflow:hidden;
    
    transition:all .35s ease;
}

/* ===========================================================
   IMAGE
=========================================================== */

.card-imagebox{
    overflow:hidden;
    border-radius:16px;
}

.card-imagebox figure{
    overflow:hidden;
    border-radius:20px;
    margin:0;
}

.card-imagebox img{
    width:100%;
    display:block;
    border-radius:20px;
    transform:scale(1.08);
    transition:transform .65s cubic-bezier(.22,1,.36,1);
}

.card-hover:hover .card-imagebox img{
    transform:scale(1.3);
}
/* ===========================================================
   BUTTON
=========================================================== */

.card-btn .elementor-button{
    width:auto;
    display:inline-flex;
    background:transparent !important;
    border:none;
    padding:0;
    box-shadow:none;

}

/* ===========================================================
   BUTTON CONTENT
=========================================================== */

.card-btn .elementor-button-content-wrapper{
    display:inline-flex;
    align-items:center;
    gap:12px;


}

/* ===========================================================
   READ MORE
=========================================================== */

.card-btn .elementor-button-text{

    position:relative;

    display:inline-block;

    flex-grow:0 !important;

    flex-shrink:0 !important;

    width:auto !important;

}

.card-btn .elementor-button-text::after{

    content:"";

    position:absolute;

    left:0;

    bottom:1px;

    width:0;

    height:1px;

    background:#111;

    transition:width .35s ease;

}

.card-hover:hover .card-btn .elementor-button-text::after{

    width:100%;

}

/* ===========================================================
   ICON BOX
=========================================================== */

.card-btn .elementor-button-icon{

   width:20px;
height:40px;

    background:#ffffff;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    flex:0 0 55px;

}

/* ===========================================================
   ARROW
=========================================================== */

.card-btn .elementor-button-icon i{

    transition:transform .35s ease;

}

.card-hover:hover .card-btn .elementor-button-icon i{

    transform:translateX(6px);

}
/*=====================================================
  HORIZONTAL PROCESS ACCORDION
  Elementor V4 Optimized
======================================================*/


/*----------------------------------------------------
  WRAPPER
----------------------------------------------------*/
.process-wrapper{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:10px;
    overflow:hidden;
}


/*----------------------------------------------------
  CARD
----------------------------------------------------*/
.process-card{

    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;

    flex-grow:1 !important;
    flex-shrink:1 !important;
    flex-basis:0 !important;

    min-width:0 !important;

    overflow:hidden !important;

    cursor:pointer;

    transition:
        flex-grow .65s cubic-bezier(.4,0,.2,1);

}


/* Active Card */
.process-card.is-active{

    flex-grow:4 !important;

}


/* Small Hover Preview */
.process-card:not(.is-active):hover{

    flex-grow:1.25 !important;

}



/*----------------------------------------------------
  IMAGE COLUMN
----------------------------------------------------*/

.process-image-col{

    display:flex !important;

    flex:0 0 0px !important;

    overflow:hidden !important;

    padding:0 !important;

    opacity:0;

    transition:

        flex-basis .65s cubic-bezier(.4,0,.2,1),

        padding .65s cubic-bezier(.4,0,.2,1),

        opacity .35s ease .2s;

}


.process-card.is-active .process-image-col{

    flex:0 0 320px !important;

    padding:14px !important;

    opacity:1;

}



/*----------------------------------------------------
  IMAGE
----------------------------------------------------*/

.process-image-col img{

    width:100% !important;

    height:100% !important;

    min-height:320px;

    display:block;

    object-fit:cover;

}



/*----------------------------------------------------
  BODY
----------------------------------------------------*/

.process-card-body{

    display:flex !important;

    flex-direction:column !important;

    justify-content:space-between !important;

    flex:1 1 auto !important;

    min-width:0 !important;

}



/*----------------------------------------------------
  BADGE
----------------------------------------------------*/

.process-badge p{

    display:flex;

    align-items:center;

    gap:8px;

    margin:0;

}


.process-badge p::before{

    content:"";

    width:10px;

    height:10px;

    border-radius:3px;

    background:#9B89D4;

    transform:scale(.5);

    opacity:0;

    flex-shrink:0;

    transition:

        transform .3s ease,

        opacity .3s ease;

}


.process-card.is-active .process-badge p::before{

    opacity:1;

    transform:scale(1);

}



/*----------------------------------------------------
  DESCRIPTION
----------------------------------------------------*/

.process-desc{

    overflow:hidden;

    max-height:0;

    opacity:0;

    transform:translateY(12px);

    transition:

        max-height .45s ease,

        opacity .35s ease,

        transform .35s ease;

}


.process-card.is-active .process-desc{

    max-height:300px;

    opacity:1;

    transform:translateY(0);

}



/*----------------------------------------------------
  TITLE
----------------------------------------------------*/

.process-title .elementor-heading-title{

    transition:

        font-size .35s ease;

}


.process-card:not(.is-active)
.process-title
.elementor-heading-title{

    font-size:19px;

}


.process-card.is-active
.process-title
.elementor-heading-title{

    font-size:26px;

}



/*----------------------------------------------------
  EDITOR HELPER
----------------------------------------------------*/

.process-desc.editing{

    max-height:300px !important;

    opacity:1 !important;

    transform:none !important;

}

/* =====================================================
   TESTIMONIAL SLIDER — CFOUR STUDIOS
=====================================================*/

/* ---------- SECTION ---------- */

.testimonial-section{
    width:100%;
    overflow:hidden;
}

.testimonial-viewport{
    width:100%;
    overflow:hidden !important;
    position:relative;
}

/* ---------- TRACK ---------- */

.testimonial-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch;
    gap:20px;
    transition:transform .55s ease;
    will-change:transform;
}

/* ---------- CARD ---------- */

.testimonial-card{
    flex:0 0 calc((100% - 12px)/2) !important;
    display:flex !important;
    flex-direction:row;
    align-items:stretch;
    overflow:hidden;
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.testimonial-card:hover{
    transform:translateY(-4px);
}

/* ---------- IMAGE ---------- */

.card-image-col{
    flex:0 0 45% !important;
    max-width:45%;
    overflow:hidden;
    display:flex;
}

.card-image-col .elementor-widget-image,
.card-image-col .elementor-widget-container{
    height:100%;
}

.card-image-col img{
    width:100%;
    height:100%;
    min-height:460px;
    object-fit:cover;
    display:block;
}

/* ---------- CONTENT ---------- */

.card-content-col{
    flex:0 0 55% !important;
    max-width:55%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
}

/* ---------- CLIENT ROW ---------- */

.card-client-row{
    display:flex;
    align-items:center;
    gap:12px;
}

.card-client-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* ---------- PRODUCT BOX ---------- */

.card-product-box{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.product-row{
    display:flex;
    align-items:center;
    gap:12px;
}

.product-row .elementor-icon{
    flex-shrink:0;
}

.product-row .elementor-widget-text-editor{
    flex:1;
    min-width:0;
}

/* ---------- NAVIGATION ---------- */

.testimonial-nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:32px;
}

.nav-arrows{
    display:flex;
    gap:12px;
}

.nav-prev,
.nav-next{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#111;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.nav-prev:hover,
.nav-next:hover{
    transform:scale(1.08);
}

.nav-prev.is-disabled,
.nav-next.is-disabled{
    opacity:.35;
    pointer-events:none;
}

/* ---------- DOTS ---------- */

.nav-dots{
    display:flex;
    align-items:center;
    gap:8px;
}

.nav-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#D6D6D6;
    cursor:pointer;
    transition:.3s;
}

.nav-dot.is-active{
    width:24px;
    border-radius:20px;
    background:#111;
}

/* ---------- TABLET ---------- */

@media(max-width:1024px){

.testimonial-track{
    gap:16px;
}

.testimonial-card{
    flex:0 0 calc((100% - 16px)/2) !important;
}

.card-image-col{
    flex-basis:42% !important;
    max-width:42%;
}

.card-content-col{
    flex-basis:58% !important;
    max-width:58%;
}

}

/* ---------- MOBILE ---------- */

@media(max-width:767px){

.testimonial-track{
    gap:0;
}

.testimonial-card{
    flex:0 0 100% !important;
    flex-direction:column;
}

.card-image-col,
.card-content-col{
    flex:0 0 100% !important;
    max-width:100%;
}

.card-image-col img{
    min-height:260px;
}

}

/* Elementor Editor Helper */
.elementor-editor-active .acc-content{
    max-height:900px !important;
    opacity:1 !important;
    transform:none !important;
}


.elementor-editor-active .process-card{
    flex-grow:4 !important;
}/* End custom CSS */