.elementor-52772 .elementor-element.elementor-element-f8ae863:not(.elementor-motion-effects-element-type-background), .elementor-52772 .elementor-element.elementor-element-f8ae863 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("../png/franchise-hero-artwork-2.png");background-position:top right;background-repeat:no-repeat;background-size:auto;}.elementor-52772 .elementor-element.elementor-element-f8ae863{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-52772 .elementor-element.elementor-element-f8ae863 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52772 .elementor-element.elementor-element-1550a45 > .elementor-widget-container{margin:048px 0px 0px 0px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item{text-align:center;background-color:#ffffff;border-radius:0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#dfdfdf;transform:scale(1,1);}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc_classic_carousel_content{padding:0px 20px 20px 20px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc-active-item .ue-carousel-item{transform:scale(1,1);}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc_classic_carousel_border{background-color:#000000;width:50px;height:3px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc_classic_carousel_placeholder img{border-radius:0px;height:200px;object-fit:cover;}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc_classic_carousel_placeholder{padding:20px 20px 20px 20px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-item-icon{width:60px;height:60px;font-size:20px;color:#ffffff;background-color:#6e6e6e;border-radius:100px 100px 100px 100px;margin-top:0px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-item-icon svg{fill:#ffffff;}.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-item-icon-wrapper{justify-content:center;}.elementor-52772 .elementor-element.elementor-element-1550a45 .card_carousel_title{margin-top:0px;color:#000000;}.elementor-52772 .elementor-element.elementor-element-1550a45 .card_carousel_text{margin-top:10px;color:#8a8a8a;}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-nav .owl-prev{left:-20px;right:auto;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-nav .owl-next{right:-20px;left:auto;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel .owl-nav .owl-next,.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel .owl-nav .owl-prev{top:0px;border-radius:100px;width:40px;height:40px;line-height:40px;font-size:20px;background-color:#ffffff;color:#000000;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel .owl-nav .owl-next:hover,.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-dot.active{background-color:#000000;}.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-dots{margin-top:20px;}.elementor-52772 .elementor-element.elementor-element-489ffdc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-52772 .elementor-element.elementor-element-489ffdc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52772 .elementor-element.elementor-element-1273b7c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-52772 .elementor-element.elementor-element-1273b7c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-03d72c7 );}.elementor-52772 .elementor-element.elementor-element-1273b7c > .elementor-element-populated, .elementor-52772 .elementor-element.elementor-element-1273b7c > .elementor-element-populated > .elementor-background-overlay, .elementor-52772 .elementor-element.elementor-element-1273b7c > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-52772 .elementor-element.elementor-element-1273b7c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-52772 .elementor-element.elementor-element-1273b7c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52772 .elementor-element.elementor-element-3ec2b71.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-52772 .elementor-element.elementor-element-3ec2b71 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-52772 .elementor-element.elementor-element-3ec2b71 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-52772 .elementor-element.elementor-element-bead86c .ue-carousel-item{text-align:center;border-radius:0px;border-style:solid;border-width:1px 1px 1px 1px;transform:scale(1,1);}.elementor-52772 .elementor-element.elementor-element-bead86c .uc_classic_carousel_content{padding:0px 0px 0px 0px;}.elementor-52772 .elementor-element.elementor-element-bead86c .uc-active-item .ue-carousel-item{transform:scale(1,1);}.elementor-52772 .elementor-element.elementor-element-bead86c .uc_classic_carousel_border{background-color:#000000;width:50px;height:3px;}.elementor-52772 .elementor-element.elementor-element-bead86c .uc_classic_carousel_placeholder img{border-radius:0px;height:200px;object-fit:cover;}.elementor-52772 .elementor-element.elementor-element-bead86c .uc_classic_carousel_placeholder{padding:0px 0px 0px 0px;}.elementor-52772 .elementor-element.elementor-element-bead86c .ue-item-icon{width:60px;height:60px;font-size:20px;color:#ffffff;background-color:#6e6e6e;border-radius:100px 100px 100px 100px;margin-top:0px;}.elementor-52772 .elementor-element.elementor-element-bead86c .ue-item-icon svg{fill:#ffffff;}.elementor-52772 .elementor-element.elementor-element-bead86c .ue-item-icon-wrapper{justify-content:center;}.elementor-52772 .elementor-element.elementor-element-bead86c .card_carousel_title{margin-top:0px;color:#000000;}.elementor-52772 .elementor-element.elementor-element-bead86c .card_carousel_text{margin-top:10px;color:#8a8a8a;}.elementor-52772 .elementor-element.elementor-element-bead86c .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-52772 .elementor-element.elementor-element-bead86c .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-nav .owl-prev{left:-20px;right:auto;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-nav .owl-next{right:-20px;left:auto;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel .owl-nav .owl-next,.elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel .owl-nav .owl-prev{top:0px;border-radius:100px;width:40px;height:40px;line-height:40px;font-size:20px;background-color:#ffffff;color:#000000;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel .owl-nav .owl-next:hover,.elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-dot.active{background-color:#000000;}.elementor-52772 .elementor-element.elementor-element-bead86c .owl-dots{margin-top:20px;}.elementor-52772 .elementor-element.elementor-element-ac8d032{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-52772 .elementor-element.elementor-element-ac8d032 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-52772 .elementor-element.elementor-element-05b6277 > .elementor-element-populated{margin:0px 0px 0px 32px;--e-column-margin-right:0px;--e-column-margin-left:32px;}.elementor-52772 .elementor-element.elementor-element-c9ce4fa .uc_style_dp_marketo_form_elementor_form_heading_text{font-size:24px;font-weight:600;line-height:32px;}@media(max-width:767px){.elementor-52772 .elementor-element.elementor-element-f8ae863:not(.elementor-motion-effects-element-type-background), .elementor-52772 .elementor-element.elementor-element-f8ae863 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:231px auto;}.elementor-52772 .elementor-element.elementor-element-05b6277 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-582f977 */.elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credits{
    background: linear-gradient(91deg, rgba(201, 234, 239, 0.00) 10.53%, rgba(201, 234, 239, 0.70) 41.42%, rgba(201, 234, 239, 0.70) 80.4%, rgba(201, 234, 239, 0.00) 99.35%);
    max-width: 370px;
    padding: 12px 24px;
    margin-top: 32px;
}

.elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    flex-wrap: wrap;
}
.elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}
.elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos p span{}
.elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos p.client-credit-bar{
    width: 1px;
    background: #C6C7CA;
    height: 20px;
}
.elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos p span svg{
    display: table;
}

.dp-btn-normal{
    height: auto;
    min-width: auto;
    padding: 10px 24px;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos p{
        font-size: 12px;
    }
    .elementor-52772 .elementor-element.elementor-element-582f977 .dbi-ewa-provider-credit-logos p span svg{
        max-width: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f8ae863 */.elementor-52772 .elementor-element.elementor-element-f8ae863{
    background: linear-gradient(173deg, #C9EAEF -22.57%, rgba(201, 234, 239, 0.00) 75.52%), #FFF
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69629a0 */.elementor-52772 .elementor-element.elementor-element-69629a0{
    margin-bottom: 0px;
}

.elementor-52772 .elementor-element.elementor-element-69629a0 .demo-logos-text-wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.elementor-52772 .elementor-element.elementor-element-69629a0 .demo-logos-text-wrap p {
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap{
       display: flex;
    gap: 32px;
    justify-content: center;
    margin: inherit;
    width: 100%;
    max-width: 1100px;
    margin: auto;
}
.elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap .partners-logos-img-wrap-inner{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap .partners-logos-img-wrap-inner img{
    display: table;
    width: 100%;
    height: 50px;
    object-fit: contain;
}

@media all and (max-width: 1024px) {
  .elementor-52772 .elementor-element.elementor-element-69629a0 .demo-logos-text-wrap{
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
  }  
  .elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap .partners-logos-img-wrap-inner img{
      object-fit: contain;
  }
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-69629a0 .demo-logos-text-wrap p {
    width: 100%;
    max-width: none;
    text-align: center;
}
   .elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap{
       flex-wrap: wrap;
       gap: 16px 0px;
       max-width: none;
       margin: auto;
   } 
   .elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap .partners-logos-img-wrap-inner{
       width: 50%;
   }
   .elementor-52772 .elementor-element.elementor-element-69629a0 .partners-logos-img-wrap .partners-logos-img-wrap-inner img{
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d293839 */.elementor-52772 .elementor-element.elementor-element-d293839{
    padding-bottom: 120px !important;
}
@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-d293839{
        padding-bottom: 50px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a417ce */.elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar{
    display: flex;
}
.elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 32px;
}
.elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-img{
    width: 100%;
    max-width: max-content;
}
.elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-img img{
    width: 100%;
    max-width: 100px;
    transform: scale(2.0);
}
.elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-text{
    padding-left: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}
.elementor-52772 .elementor-element.elementor-element-1a417ce p.financial-wellness-text{}
@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-img{
        display: none;
    }
    .elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-text{
        flex-direction: column;
        padding: 0px;
        gap: 16px;
    }
    .elementor-52772 .elementor-element.elementor-element-1a417ce .financial-wellness-bar-text p{
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-aec7a72 */.elementor-52772 .elementor-element.elementor-element-aec7a72{
    padding: 0px !important;
    background: linear-gradient(133deg, #E3EBFC -1.12%, #E3EBFC 147.43%), #FFF;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-aec7a72{
        padding: 32px 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-edcd582 */.elementor-52772 .elementor-element.elementor-element-edcd582{
    margin-bottom: 0px;
}

.elementor-52772 .elementor-element.elementor-element-edcd582 .future-employee-pay-text-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for ucaddon_card_carousel, class: .elementor-element-1550a45 */.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-stage{
    display: flex;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-item{
    height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item{
        border: none;
            background: none;
                height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item .uc_classic_carousel_placeholder{
    padding: 0px;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel .owl-item {
    /*height: 100%;*/
    padding: 32px 24px;
    border-radius: 32px;
    background: #F5F5F5;
    min-height: 400px;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item .uc_classic_carousel_placeholder img{
    display: table;
    width: 100%;
    max-width: 100px;
    object-fit: contain;
    height: auto;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item .uc_classic_carousel_content{
    margin-top: 16px;
    padding: 0px;
    direction: ltr !important;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item .uc_classic_carousel_content .card_carousel_title{
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: left;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .ue-carousel-item .uc_classic_carousel_content p.card_carousel_text{
    margin: 0px;
    color: var(--blue-color);
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

.elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel  .owl-nav .owl-next, .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel  .owl-nav .owl-prev{
    height: 40px;
    width: 40px;
    transition: all ease 0.3s;
    top: 40%;
    border: 0.5px solid #C6C7CA;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel .owl-item {
        min-height: 350px;
    }
    .elementor-52772 .elementor-element.elementor-element-1550a45 .uc_carousel {
    margin: auto;
}
}

@media all and (max-width: 768px) {
    
    .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel  .owl-nav .owl-next, .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel  .owl-nav .owl-prev{
        top: auto;
        left: auto;
        right: 0px;
        bottom: -10px;
    }
    .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-carousel  .owl-nav .owl-prev{
        right: 50px;
    }
    
    .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-dots{
        max-width: max-content;
        padding-left: 16px;
    }
    
    .elementor-52772 .elementor-element.elementor-element-1550a45 .owl-nav{
        margin-top: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2e1b0ac */.elementor-52772 .elementor-element.elementor-element-2e1b0ac{
    padding-top: 120px !important;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-2e1b0ac{
        padding-top: 50px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6b033f */.elementor-52772 .elementor-element.elementor-element-a6b033f{
    height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-a6b033f .elementor-widget-container{
    height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-a6b033f .calculator-text-wrap{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-a6b033f .calculator-img{
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.elementor-52772 .elementor-element.elementor-element-a6b033f .calculator-img img{
    display: table;
    position: relative;
    left: -10%
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-a6b033f .calculator-img{
        display: none;
    }
    .elementor-52772 .elementor-element.elementor-element-a6b033f .calculator-text-wrap{
        margin-bottom: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1273b7c */.elementor-52772 .elementor-element.elementor-element-1273b7c{
    padding:0;
    background: #ffffff;
    border-radius: 32px 0 0 32px;
}

@media all and (max-width: 1024px) {
    .elementor-52772 .elementor-element.elementor-element-1273b7c{
      width: 100%;
    border-radius: 16px 16px 0 0;
    }
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_employee_turnover_calculator, class: .elementor-element-3ff6554 */.elementor-52772 .elementor-element.elementor-element-3ff6554{
    background: #ffffff;
    border: 1px solid #C6C7CA;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
border-radius: 3px;
width: 100%;
max-width: 550px;
}

.disclaimer-logo {
    height: 20px !important;
    object-fit: contain;
    max-width: max-content !important;
    margin-left: 4px;
}

@media all and (max-width: 1024px) {
    .elementor-52772 .elementor-element.elementor-element-3ff6554 #dp-turnover-calculator-container{
      padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3ec2b71 */.elementor-52772 .elementor-element.elementor-element-3ec2b71{
    padding: 0;
    border-radius: 0 32px 32px 0;
}


@media all and (max-width: 1024px) {
    .elementor-52772 .elementor-element.elementor-element-3ec2b71{
      width: 100%;
    padding: 0;
    border-radius: 0 0 16px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-489ffdc */@media all and (max-width: 1024px) {
    .elementor-52772 .elementor-element.elementor-element-489ffdc .elementor-container{
       flex-direction: column;
    }
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_heading_text, class: .elementor-element-078ee7e */.elementor-52772 .elementor-element.elementor-element-078ee7e{
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for ucaddon_card_carousel, class: .elementor-element-bead86c */.elementor-52772 .elementor-element.elementor-element-bead86c .owl-stage{
    display: flex;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .ue-carousel-item{
    border: none;
        display: flex;
    gap: 48px;
    height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .ue-item{
    height: 100%;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .ue-carousel-item .uc_classic_carousel_placeholder{
        width: 100%;
        max-width: 450px;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .ue-carousel-item .uc_classic_carousel_placeholder img{
    width: 100%;
    border-radius: 32px;
    height: 100%;
    object-fit: cover;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel  .owl-nav .owl-next, .elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel  .owl-nav .owl-prev{
    height: 40px;
    width: 40px;
    transition: all ease 0.3s;
    top: 40%;
    border: 0.5px solid #C6C7CA;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
}

.elementor-52772 .elementor-element.elementor-element-bead86c .uc_classic_carousel_content{
    width: 100%;
        justify-content: center;
        direction: ltr !important;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 {
 width: 100%;
 padding: 48px 32px 48px;
 border-top: 1px solid #c6c7ca;
 border-bottom: 1px solid #c6c7ca;
 position: relative;
 margin-top: 24px;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-icon {
 position: absolute;
 top: -22px;
 left: 28px;
}
.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-icon svg {
}
.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 p {
 font-size: 20px;
 line-height: 32px;
 font-weight: 600;
 text-align: left;
}
.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 p.get-started-person-name {
 margin-bottom: 0px;
 font-size: 14px;
 line-height: 20px;
 font-weight: 600;
}
.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 p.get-started-person-title {
 margin-bottom: 0px;
 font-size: 14px;
 line-height: 20px;
 font-weight: 300;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 .get-started-right-box-2-img {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 .get-started-right-box-2-img img {
 display: table;
 width: 100%;
 max-width: 60px;
}

.elementor-52772 .elementor-element.elementor-element-bead86c .uc_classic_carousel_content>p{
    margin: 0px;
}



@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-bead86c .ue-carousel-item .uc_classic_carousel_placeholder{
        display: none;
    }
    
    .elementor-52772 .elementor-element.elementor-element-bead86c .get-started-right-box-2 {
            padding: 32px 0px;
                    flex-grow: 1;
    }
    
    .elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel  .owl-nav .owl-next, .elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel  .owl-nav .owl-prev{
        top: auto;
        left: auto;
        right: 0px;
        bottom: -10px;
    }
    .elementor-52772 .elementor-element.elementor-element-bead86c .owl-carousel  .owl-nav .owl-prev{
        right: 50px;
    }
    
    .elementor-52772 .elementor-element.elementor-element-bead86c .owl-dots{
        max-width: max-content;
        padding-left: 16px;
    }
    
    .elementor-52772 .elementor-element.elementor-element-bead86c .owl-nav{
        margin-top: 32px;
    }
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_heading_text, class: .elementor-element-fc4283e */.elementor-52772 .elementor-element.elementor-element-fc4283e{
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_text, class: .elementor-element-37415b0 */.elementor-52772 .elementor-element.elementor-element-37415b0{
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83047c9 */.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles{
        display: flex;
    width: 100%;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles-outer{
        display: flex;
        flex-direction: column;
    width: 100%;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-inner{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-inner img{
    width: 100%;
    display: table;
    max-width: 190px;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 p.how-dp-works-circles-number{
    position: relative;
    text-align: center;
    bottom: 20px;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 p.how-dp-works-circles-number span{
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--blue-color);
    border-radius: 50%;
    color: var(--white-color);
    font-size: 24px;
    font-weight: 600;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 p.how-dp-works-circle-inner-text{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    max-width: 200px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 0px;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-inner.dotted-lines-hero{
    
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-inner.dotted-lines-hero img{
    width: 100%;
    max-width: max-content;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-space-1{
     height: 260px;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-space-2{
     height: 100px;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-space{
     height: 150px;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 .dotted-lines-hero-1 img{
    position: relative;
    top: 40px;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .dotted-lines-hero-2 img{
     position: relative;
    top: 40px;
}
.elementor-52772 .elementor-element.elementor-element-83047c9 .dotted-lines-hero-3 img{
    transform: scale(1.25) rotate(-8deg);
    position: relative;
    left: 45px;
    top: 30px;
}

.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles-outer-second{
    
}

.elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles-outer-inner{
    width: 100%;
}

@media all and (min-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-artwork{
        display: none;
    }
}
@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles{
               flex-direction: column;
        max-width: 400px;
        margin: auto;
        margin-top: 0px;
                gap: 48px;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 p.how-dp-works-circle-inner-text{
        margin-top: 0px;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-space{
        display: none;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-space-1{
        display: none;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-space-2{
        display: none;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .hero-dotted-line-desktop{
        display: none;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circle-inner img{
        max-width: 180px;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles-outer-inner{
        max-width: max-content;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-circles-outer{
        flex-direction: row;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-artwork{
                width: 100%;
        position: relative;
                display: flex;
        justify-content: center;
        align-items: center;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-artwork img{
        display: table;
        width: 100%;
        max-width: max-content;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-arrow-1{}
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-arrow-1 img{
        max-width: max-content;
        position: absolute;
        left: 20px;
        top: 60px;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-arrow-2{}
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-arrow-2 img{
                position: relative;
        top: 50px;
        right: -10px;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-arrow-3{
                justify-content: flex-start;
        align-items: flex-end;
    }
    .elementor-52772 .elementor-element.elementor-element-83047c9 .how-dp-works-mobile-arrow-3 img{
                position: absolute;
        bottom: -35px;
        left: 0px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4420773 */.elementor-52772 .elementor-element.elementor-element-4420773{
    padding-top: 20px !important;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-4420773{
        padding-bottom: 100px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9245686 */.elementor-52772 .elementor-element.elementor-element-9245686 .features-for-employees-wrap {
 display: flex;
 gap: 48px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-for-employees-text {
 width: 100%;
 max-width: 500px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-for-employees-img {
 width: 100%;
 margin-top: -130px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-for-employees-img img {
 display: table;
 width: 100%;
}
/* Main container for the component */
.component-container {
 max-width: 800px;
 width: 100%;
 background-color: #ffffff;
 border-radius: 12px;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 overflow: hidden;
}

/* Styling for the button container (mobile tabs) */
#features-employee-employers-buttons {
 display: flex;
 width: 100%;
 border-bottom: 1px solid #e5e7eb;
 border-radius: 16px;
 background: rgba(255, 255, 255, 0.5);
 padding: 8px;
}

/* Styling for the tab buttons */
.employee-employers-button {
 flex-grow: 1;
 padding: 12px;
 font-size: 20px;
 line-height: 28px;
 font-weight: 500;
 text-align: center;
 color: #4b5563;
 background-color: transparent;
 border: none;
 cursor: pointer;
 transition: background-color 0.3s ease, color 0.3s ease;
 outline: none;
 width: 100%;
 font-family: var(--primary-font);
}

.employee-employers-button:hover {
 background-color: #f9fafb;
}

/* Styling for the active button */
.employee-employers-button.active {
 color: var(--blue-color);
 font-weight: 600;
 border-radius: 8px;
 background: rgba(255, 255, 255, 0.5);
}

/* Styling for the main content wrapper */
.features-employee-employers-tabs-wrap {
 padding: 0;
 margin-top: 48px;
 display: flex;
 flex-wrap: wrap;
 flex-direction: row-reverse;
 gap: 20px;
}

/* Styling for individual content sections */
.features-employee-employers-tabs-inner {
 border-radius: 32px;
 background: rgba(255, 255, 255, 0.5);
 padding: 48px;
 width: calc(50% - 10px);
}
.features-employee-employers-tabs-inner h2 {
 font-size: 24px;
 color: #111827;
 margin-top: 0;
 margin-bottom: 12px;
}

.features-employee-employers-tabs-inner p {
 font-size: 16px;
 line-height: 1.6;
 color: #374151;
}

/* Add some space between sections in desktop view */

.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap {
 width: 100%;
 display: flex;
 gap: 48px;
 padding-left: 0px;
 justify-content: space-between;
}

.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-icon-wrap-outer {
 display: flex;
 flex-direction: column;
 gap: 48px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-icon-wrap {
 display: flex;
 gap: 24px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap .features-content-icon-wrap-outer {
 width: 100%;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-icon {
 width: 100%;
 max-width: max-content;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-icon img {
 display: table;
 width: 100%;
 max-width: 56px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-text {
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-text p {
 margin-bottom: 0px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-text p.features-content-text-title {
 font-size: 18px;
 line-height: 26px;
 font-weight: 600;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-text p.features-content-text-desc {
}

.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap-img {
 width: 100%;
 max-width: max-content;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap-img img {
 width: 100%;
 display: table;
 max-width: 260px;
}

.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap-img-2 {
 width: 100%;
 max-width: max-content;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap-img-2 img {
 width: 100%;
 display: table;
 max-width: 150px;
 position: relative;
 margin-top: -90px;
}

.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap .features-content-icon-wrap-outer {
 max-width: 600px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap .features-content-icon-wrap-outer p {
 max-width: 480px;
}
.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-text-wrap {
 display: flex;
 position: relative;
 gap: 12px;
}

.elementor-52772 .elementor-element.elementor-element-9245686 .features-content-icon-wrap{
    position: relative;
}
/*info box*/
.info-box {
 position: absolute;
 top: calc(100% + 6px); /* Position below the icon, +15px for arrow space */
 left: 50%;
 transform: translateX(
  -50%
 ); /* Center the info box horizontally relative to its parent */
 width: 260px; /* Max width for the info box */
 max-width: 90vw; /* Ensure responsiveness on very small screens */
 border-radius: 3px;
 opacity: 0.74;
 padding: 12px;
 background: #676b75;
 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -2px rgba(0, 0, 0, 0.05);
 z-index: 1000;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.info-box p {
 color: var(--white-color);
 font-size: 16px;
 line-height: 24px;
 font-weight: 400;
}

.info-box.visible {
 opacity: 1;
 visibility: visible;
}

/* The pointer (arrow) */
.info-box::before {
 content: "";
 position: absolute;
 bottom: 100%; /* Position at the top edge of the info box */
 left: 50%;
 transform: translateX(-50%);
 border-width: 8px; /* Size of the arrow */
 border-style: solid;
 border-color: transparent transparent #676b75 transparent; /* Top border makes the arrow */
}

/* Styling for the "i" icon */
.info-icon {
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 9999px; /* full rounded */
 cursor: pointer;
 font-weight: bold;
 font-size: 0.875rem;
 line-height: 1;
 transition: background-color 0.2s ease-in-out;
}

@media all and (max-width: 768px) {
 .elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap-img {
  display: none;
 }
 .elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-dp-tips-wrap-img-2 {
  display: none;
 }
 .elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-employers-tabs-inner {
  width: 100%;
  padding: 32px 24px 16px;
  border-radius: 32px 32px 0 0;
 }
 .elementor-52772 .elementor-element.elementor-element-9245686 .features-employee-employers-tabs-wrap {
  margin-top: 20px;
  gap: 0;
 }
 .elementor-52772 .elementor-element.elementor-element-9245686 .features-for-employees-wrap {
  flex-direction: column-reverse;
  gap: 12px;
  margin-bottom: 32px;
 }
 .elementor-52772 .elementor-element.elementor-element-9245686 .features-for-employees-img img {
  position: relative;
 }
 .elementor-52772 .elementor-element.elementor-element-9245686
  .features-employee-employers-tabs-inner.features-employee-dp-tips-wrap {
  padding-bottom: 32px;
  border-radius: 0 0 32px 32px;
 }
 .info-box{
     left: -30px;
 }
 .info-box::before{
     left: auto;
    right: 77px;
 }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-602d2e6 */.elementor-52772 .elementor-element.elementor-element-602d2e6{
    background: linear-gradient(180deg, #C9EAEF 31.05%, rgba(201, 234, 239, 0.00) 92.78%), #FFF;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-602d2e6 {
        padding-top: 70px !important;
    }
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_faq_s, class: .elementor-element-40a9c65 */.elementor-52772 .elementor-element.elementor-element-40a9c65{
    max-width: 900px;
    margin: auto;
}

.elementor-52772 .elementor-element.elementor-element-40a9c65 .accordion-head {
    font-size: 20px;
    line-height: 28px;
}

@media all and (max-width: 768px) {
.elementor-52772 .elementor-element.elementor-element-40a9c65 .accordion-head {
    font-size: 16px;
    line-height: 24px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a14a4e8 */.elementor-52772 .elementor-element.elementor-element-a14a4e8{
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-18f2e3e */.elementor-52772 .elementor-element.elementor-element-18f2e3e{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.elementor-52772 .elementor-element.elementor-element-18f2e3e .elementor-widget-container{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.elementor-52772 .elementor-element.elementor-element-18f2e3e img{
    display: table;
    max-width: 424px;
    position: relative;
    right: -32px;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-18f2e3e{
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-490e004 */.elementor-52772 .elementor-element.elementor-element-490e004 .elementor-widget-wrap{
    flex-direction: column;
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_marketo_form, class: .elementor-element-c9ce4fa */.elementor-52772 .elementor-element.elementor-element-c9ce4fa{
    margin-bottom: 0px;
    position: relative;
    z-index: 99
}

.elementor-52772 .elementor-element.elementor-element-c9ce4fa .dp-marketo-form-normal-outer{
        justify-content: flex-start;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-c9ce4fa .dp-marketo-form-normal{
        padding: 32px 24px;
    }
    .dp-marketo-form-wrap h3{
    padding: 0px;
}

}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-05b6277 */.elementor-52772 .elementor-element.elementor-element-05b6277{
    padding-bottom: 80px;
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-05b6277{
        padding-bottom: 0px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ac8d032 */.elementor-52772 .elementor-element.elementor-element-ac8d032{
    padding-bottom: 0px !important;
    background: linear-gradient(180deg, rgba(252, 235, 227, 0.00) 0%, #FCEBE3 100%);
}

@media all and (max-width: 768px) {
    .elementor-52772 .elementor-element.elementor-element-ac8d032{
        padding-bottom: 48px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67c21d6 */.industry-footnotes p{
    color: #676B75;
    font-size: 14px;
    line-height: 20px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4115469 */.elementor-52772 .elementor-element.elementor-element-4115469{
    padding: 32px 0 !important;
}/* End custom CSS */