.elementor-44461 .elementor-element.elementor-element-2077f6b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-44461 .elementor-element.elementor-element-2077f6b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44461 .elementor-element.elementor-element-b033096 > .elementor-widget-container{margin:048px 0px 0px 0px;}.elementor-44461 .elementor-element.elementor-element-b033096 .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-44461 .elementor-element.elementor-element-b033096 .uc_classic_carousel_content{padding:0px 20px 20px 20px;}.elementor-44461 .elementor-element.elementor-element-b033096 .uc-active-item .ue-carousel-item{transform:scale(1,1);}.elementor-44461 .elementor-element.elementor-element-b033096 .uc_classic_carousel_border{background-color:#000000;width:50px;height:3px;}.elementor-44461 .elementor-element.elementor-element-b033096 .uc_classic_carousel_placeholder img{border-radius:0px;height:200px;object-fit:cover;}.elementor-44461 .elementor-element.elementor-element-b033096 .uc_classic_carousel_placeholder{padding:20px 20px 20px 20px;}.elementor-44461 .elementor-element.elementor-element-b033096 .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-44461 .elementor-element.elementor-element-b033096 .ue-item-icon svg{fill:#ffffff;}.elementor-44461 .elementor-element.elementor-element-b033096 .ue-item-icon-wrapper{justify-content:center;}.elementor-44461 .elementor-element.elementor-element-b033096 .card_carousel_title{margin-top:0px;color:#000000;}.elementor-44461 .elementor-element.elementor-element-b033096 .card_carousel_text{margin-top:10px;color:#8a8a8a;}.elementor-44461 .elementor-element.elementor-element-b033096 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-44461 .elementor-element.elementor-element-b033096 .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-44461 .elementor-element.elementor-element-b033096 .owl-nav .owl-prev{left:-20px;right:auto;}.elementor-44461 .elementor-element.elementor-element-b033096 .owl-nav .owl-next{right:-20px;left:auto;}.elementor-44461 .elementor-element.elementor-element-b033096 .owl-carousel .owl-nav .owl-next,.elementor-44461 .elementor-element.elementor-element-b033096 .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-44461 .elementor-element.elementor-element-b033096 .owl-carousel .owl-nav .owl-next:hover,.elementor-44461 .elementor-element.elementor-element-b033096 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-44461 .elementor-element.elementor-element-b033096 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-44461 .elementor-element.elementor-element-b033096 .owl-dot.active{background-color:#000000;}.elementor-44461 .elementor-element.elementor-element-b033096 .owl-dots{margin-top:20px;}.elementor-44461 .elementor-element.elementor-element-34562d3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .ue-carousel-item{text-align:center;border-radius:0px;border-style:solid;border-width:1px 1px 1px 1px;transform:scale(1,1);}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_classic_carousel_content{padding:0px 0px 0px 0px;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc-active-item .ue-carousel-item{transform:scale(1,1);}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_classic_carousel_border{background-color:#000000;width:50px;height:3px;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_classic_carousel_placeholder img{border-radius:0px;height:200px;object-fit:cover;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_classic_carousel_placeholder{padding:0px 0px 0px 0px;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .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-44461 .elementor-element.elementor-element-bcaa3d9 .ue-item-icon svg{fill:#ffffff;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .ue-item-icon-wrapper{justify-content:center;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .card_carousel_title{margin-top:0px;color:#000000;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .card_carousel_text{margin-top:10px;color:#8a8a8a;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-nav .owl-prev{left:-20px;right:auto;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-nav .owl-next{right:-20px;left:auto;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-carousel .owl-nav .owl-next,.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .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-44461 .elementor-element.elementor-element-bcaa3d9 .owl-carousel .owl-nav .owl-next:hover,.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-dot.active{background-color:#000000;}.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-dots{margin-top:20px;}.elementor-44461 .elementor-element.elementor-element-616e647 .ue_post_carousel_item{border-radius:0px;}.elementor-44461 .elementor-element.elementor-element-616e647 .uc_image_carousel_content{padding:20px 20px 20px 20px;background-color:var( --e-global-color-03d72c7 );min-height:220px;}.elementor-44461 .elementor-element.elementor-element-616e647 .ue_post_category a{color:var( --e-global-color-text );font-family:"Graphik Regular", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;}.elementor-44461 .elementor-element.elementor-element-616e647 .ue_post_category{margin-top:0px;}.elementor-44461 .elementor-element.elementor-element-616e647 .ue_post_date{color:#9a9a9a;margin-top:0px;}.elementor-44461 .elementor-element.elementor-element-616e647 .uc_post_title{color:var( --e-global-color-text );font-family:"Horizon H1", Sans-serif;font-size:20px;font-weight:600;line-height:28px;margin-top:10px;}.elementor-44461 .elementor-element.elementor-element-616e647 .ue_post_intro{color:#747474;margin-top:10px;}.elementor-44461 .elementor-element.elementor-element-616e647 .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#000000;color:#ffffff;margin-top:20px;}.elementor-44461 .elementor-element.elementor-element-616e647 .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-44461 .elementor-element.elementor-element-616e647 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-44461 .elementor-element.elementor-element-616e647 .owl-dot.active{background-color:#000000;}.elementor-44461 .elementor-element.elementor-element-616e647 .owl-dots{margin-top:20px;}.elementor-44461 .elementor-element.elementor-element-616e647 .owl-carousel .owl-nav .owl-next,.elementor-44461 .elementor-element.elementor-element-616e647 .owl-carousel .owl-nav .owl-prev{top:200px;border-radius:0px;width:0px;height:0px;line-height:0px;font-size:20px;background-color:#ffffff;color:var( --e-global-color-text );}.elementor-44461 .elementor-element.elementor-element-b0d069f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-44461 .elementor-element.elementor-element-b0d069f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-24e9b70 */.elementor-44461 .elementor-element.elementor-element-24e9b70 .public-sector-hero-link a{
    font-size: 16px;
    line-height: 24px;
    color: var(--darkorange-color);
    display: flex; 
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.elementor-44461 .elementor-element.elementor-element-24e9b70 .public-sector-hero-link a:hover{
    color: var(--primary-color);
}

.elementor-44461 .elementor-element.elementor-element-24e9b70 .public-sector-hero-link i{
    width: 24px;
    height: 24px;
    min-width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--blue-color);
    color: var(--white-color);
    border-radius: 50%;
    font-size: 13px;
}

.dp-btn-normal{
    height: auto;
    min-width: auto;
    padding: 10px 24px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2077f6b */.elementor-44461 .elementor-element.elementor-element-2077f6b{
    background: linear-gradient(158deg, #C9EAEF -22.57%, rgba(201, 234, 239, 0.00) 75.52%), url('../png/franchise-hero-artwork-1.png') no-repeat right top;
        background-size: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db7175a */.elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar{
    display: flex;
}
.elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 32px;
}
.elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-img{
    width: 100%;
    max-width: max-content;
}
.elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-img img{
    width: 100%;
    max-width: 100px;
    transform: scale(2.0);
}
.elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-text{
    padding-left: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}
.elementor-44461 .elementor-element.elementor-element-db7175a p.financial-wellness-text{}
@media all and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-img{
        display: none;
    }
    .elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-text{
        flex-direction: column;
        padding: 0px;
        gap: 16px;
    }
    .elementor-44461 .elementor-element.elementor-element-db7175a .financial-wellness-bar-text p{
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e222ea2 */.elementor-44461 .elementor-element.elementor-element-e222ea2{
    padding: 0px !important;
    background: linear-gradient(133deg, #E3EBFC -1.12%, #E3EBFC 147.43%), #FFF;
}

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

.elementor-44461 .elementor-element.elementor-element-f3ce621 .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-b033096 */.elementor-44461 .elementor-element.elementor-element-b033096 .owl-stage{
    display: flex;
}

.elementor-44461 .elementor-element.elementor-element-b033096 .ue-item{
    height: 100%;
}

.elementor-44461 .elementor-element.elementor-element-b033096 .ue-carousel-item{
        border: none;
            background: none;
                height: 100%;
}

.elementor-44461 .elementor-element.elementor-element-b033096 .ue-carousel-item .uc_classic_carousel_placeholder{
    padding: 0px;
}

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

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

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

.elementor-44461 .elementor-element.elementor-element-b033096 .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-44461 .elementor-element.elementor-element-b033096 .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-44461 .elementor-element.elementor-element-b033096 .owl-carousel  .owl-nav .owl-next, .elementor-44461 .elementor-element.elementor-element-b033096 .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-44461 .elementor-element.elementor-element-b033096 .owl-carousel .owl-item {
        min-height: 350px;
    }
    .elementor-44461 .elementor-element.elementor-element-b033096 .uc_carousel {
    margin: auto;
}
}

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

@media all and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-0f0e548{
        padding-top: 50px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f948a8 */.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-text-img .dp-column-text-left {
 justify-content: space-between;
 gap: 48px;
}

.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-text-left-text-wrap{
    padding-left: 48px;
}

.elementor-44461 .elementor-element.elementor-element-5f948a8 .public-sector-ewa-img {
 flex-grow: 1;
 display: flex;
 justify-content: center;
 align-items: flex-end;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .public-sector-ewa-img img {
display: table;
    width: 100%;
    transform: scale(1.15);
    transform-origin: bottom;
    position: relative;
    bottom: -11px;
}

.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right {
 justify-content: flex-start;
 align-items: flex-start;
 margin-bottom: 64px;
 border-radius: 32px;
}

.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner {
 border-radius: 3px;
 background: rgba(255, 255, 255, 0.7);
 padding: 48px 32px;
 display: flex;
 flex-direction: column;
 gap: 24px;
 border-radius: 32px;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text {
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text p {
 font-size: 16px;
 line-height: 24px;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text-numbers {
 display: flex;
 gap: 48px;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-text-img{
    gap: 32px;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .inner-text-numbers-wrap {
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .inner-text-numbers-wrap p {
 font-size: 14px;
 line-height: 20px;
 font-weight: 600;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .inner-text-numbers-wrap p.inner-text-numbers-value {
 font-size: 64px;
 line-height: 64px;
 font-weight: 600;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .inner-text-numbers-wrap-footnotes {
 padding-top: 24px;
 border-top: 1px solid #c6c7ca;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .inner-text-numbers-wrap-footnotes p {
 font-size: 12px;
 line-height: 16px;
 color: #9799a0;
}

.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text-wrap {
 margin-top: 32px;
 padding-bottom: 24px;
 border-bottom: 1px solid #c6c7ca;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text-wrap p {
 display: flex;
 gap: 16px;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text-wrap p span.blue-check-circle {
 width: 24px;
 min-width: 24px;
 max-width: 24px;
 height: 24px;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #FCEBE3;
}
.elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text-wrap p span.blue-check-circle i {
 font-family: 9px;
 color: #FF4C00;
}

@media only screen and (max-width: 768px) {
 .elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right {
  margin: 0px;
  max-height: none;
  padding: 0;
  overflow: auto;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.12);
 }

 .elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner {
  padding: 48px 20px;
 }

 .elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-img-right-inner-text-numbers {
  flex-direction: column;
  gap: 32px;
 }
 .elementor-44461 .elementor-element.elementor-element-5f948a8 .public-sector-ewa-img{
     display: none;
 }
 .elementor-44461 .elementor-element.elementor-element-5f948a8 .dp-column-text-left-text-wrap{
     padding-left: 0px;
 }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0b65ed8 */.elementor-44461 .elementor-element.elementor-element-0b65ed8{
    background: #FCEBE3;
    border-radius: 32px;
    padding: 64px 48px;
    padding-bottom: 0px;
    padding-left: 0px;
}


@media only screen and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-0b65ed8{
    padding: 48px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34562d3 */.elementor-44461 .elementor-element.elementor-element-34562d3{
    margin-bottom: 0px;
}

.elementor-44461 .elementor-element.elementor-element-34562d3 .future-employee-pay-text-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88f1eaf */.elementor-44461 .elementor-element.elementor-element-88f1eaf {
 margin-top: 64px;
}
/* Styles for tabs */
.elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button-container {
 display: flex;
 justify-content: center;
 align-items: center;
 max-width: 1000px;
 margin: auto;
 margin-bottom: 64px;
 gap: 12px;
 border-radius: 9999px;
 border: 0.4px solid #9799a0;
 background: #fff;
 box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
 padding: 8px;
 position: sticky;
 top: 80px;
 z-index: 99;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .tab {
 display: none;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .tab.active {
 display: block;
}
/* Styles for tab buttons */
.elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button {
 cursor: pointer;
 padding: 8px 16px;
 width: 100%;
 font-weight: 600;
 color: #676b75;
 font-size: 20px;
 line-height: 28px;
 border-radius: 32px;
 border: none;
 background: none;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button.active {
 background-color: #c9eaef;
 color: var(--blue-color);
}
/* Styles for accordion */
.elementor-44461 .elementor-element.elementor-element-88f1eaf .accordion {
 display: none;
 position: absolute;
 right: 0;
 top: 0;
 width: 20%;
 text-align: right;
 padding: 0;
 height: 100%;
 display: flex;
 justify-content: flex-end;
 align-items: flex-start;
 padding-right: 12px;
 cursor: pointer;
 background: none;
 border: none;
 padding-top: 29px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .accordion.accordian-btn-open i {
    transform: rotate(180deg)
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .accordion.active {
 display: flex;
}

/* Media query for mobile devices */
@media screen and (min-width: 600px) {
 .subnav {
  display: flex;
  width: 100%;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .accordion {
  display: none;
 }
}
@media screen and (max-width: 600px) {
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .subnav {
  /*display: none;*/
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .subnav.active {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  position: relative;
  z-index: 1;
  gap: 8px;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button-container {
  flex-direction: column;
  border-radius: 0px;
  border-right: 0px;
  border-left: 0px;
  box-shadow: none;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .accordion {
  display: flex;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button-container {
  top: 60px;
  padding: 16px 0px;
  align-items: flex-start;
 }
}

@media only screen and (max-width: 1100px) {
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button {
  width: auto;
  flex-grow: 1;
  font-size: 18px;
  line-height: 24px;
 }
}

@media only screen and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-88f1eaf{
        margin-top: 48px;
    }
}

@media only screen and (max-width: 600px) {
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .subnav {
  width: 100%;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .subnav button.tab-button.active {
  display: block;
  width: 80%;
  min-width: max-content;
  text-align: left;
 }

 .elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button {
  display: none;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .subnav.active button.tab-button {
  display: block;
  width: 100%;
  text-align: left;
 }
 .elementor-44461 .elementor-element.elementor-element-88f1eaf button.accordion i {
  font-size: 18px;
  transition: all ease 0.3s;
 }
}

.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-text-img {
 border-radius: 32px;
 background: #f5f5f5;
 padding: 64px 48px 100px;
 gap: 48px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner {
 padding: 0;
 width: 100%;
 max-width: 550px;
     display: flex;
    justify-content: center;
    align-items: flex-start;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner-text {
    padding-bottom: 32px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner-text-wrap p {
 display: flex;
 gap: 16px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner-text-wrap {
 margin-top: 32px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner-text-wrap p span.blue-check-circle {
 width: 24px;
 min-width: 24px;
 max-width: 24px;
 height: 24px;
 border-radius: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #c9eaef;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner-text-wrap p span.blue-check-circle i {
 font-family: 9px;
 color: #25abc1;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right {
 width: 100%;
 margin-left: 0px;
 justify-content: flex-end;
 align-items: flex-end;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right img {
 display: table;
 width: 100%;
 border-radius: 32px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap {
 width: 100%;
 display: flex;
 justify-content: center;
 margin-top: -120px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-inner {
 display: flex;
 gap: 24px;
 border-radius: 16px;
 border: 1px solid #c6c7ca;
 background: #ffffff;
 box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.05);
 width: 100%;
 max-width: 85%;
 padding: 0px;
 position: relative;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf span.quote-box-quote-icon {
 position: absolute;
 top: -24px;
 display: table;
 left: 20px;
}

.elementor-44461 .elementor-element.elementor-element-88f1eaf span.quote-box-quote-icon svg {
 display: table;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left {
    width: 100%;
    max-width: 260px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left.quote-box-wrap-first {
    align-items: flex-start;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left.quote-box-wrap-third {
    align-items: flex-end;
}

.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left.quote-box-wrap-second {
    align-items: flex-end;
}

.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left img {
    width: 100%;
    display: table;
    max-width: max-content;
}

.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left img.for-your-client-img-artwork {
 width: 100%;
 display: table;
 max-width: 138px;
 position: relative;
 top: 30px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-right {
 width: 100%;
     display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px;
}
.elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left img.for-employees-img-artwork {
 width: 100%;
 display: table;
 max-width: 52px;
 position: relative;
 top: 25px;
}

@media only screen and (max-width: 768px) {
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner {
  padding: 32px 24px 0;
  width: 100%;
  max-width: none;
 }

 .elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-text-img {
  gap: 32px;
          padding: 0;
  padding-bottom: 110px;
 }

 .elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right {
  margin-top: 0px;
  display: none;
 }

 .elementor-44461 .elementor-element.elementor-element-88f1eaf .tab-button-container {
  margin-bottom: 48px;
 }

 .elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-inner {
  flex-direction: column;
  padding: 48px 24px 0px;
          padding-right: 0px;
  max-width: none;
 }

 .elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap {
  padding: 0 5%;
          margin-top: -90px;
 }
 
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .dp-column-img-right-inner-text{
     padding-bottom: 0px;
 }
 
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-right{
     padding: 0px;
     padding-right: 24px;
 }
 
 .elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left{
     max-width: none;
 }
  .elementor-44461 .elementor-element.elementor-element-88f1eaf .quote-box-wrap-left img{
          max-width: 270px;
  }
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_heading_text, class: .elementor-element-a5f66ba */.elementor-44461 .elementor-element.elementor-element-a5f66ba{
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for ucaddon_card_carousel, class: .elementor-element-bcaa3d9 */.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-stage{
    display: flex;
}

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

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .ue-item{
    height: 100%;
}

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

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

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .owl-carousel  .owl-nav .owl-next, .elementor-44461 .elementor-element.elementor-element-bcaa3d9 .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-44461 .elementor-element.elementor-element-bcaa3d9 .uc_classic_carousel_content{
    width: 100%;
        justify-content: center;
        direction: ltr !important;
}

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .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-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-icon {
 position: absolute;
 top: -22px;
 left: 28px;
}
.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-icon svg {
}
.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-right-box-2 p {
 font-size: 20px;
 line-height: 32px;
 font-weight: 600;
 text-align: left;
}
.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-right-box-2 p.get-started-person-name {
 margin-bottom: 0px;
 font-size: 14px;
 line-height: 20px;
 font-weight: 600;
}
.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-right-box-2 p.get-started-person-title {
 margin-bottom: 0px;
 font-size: 14px;
 line-height: 20px;
 font-weight: 300;
}

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .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-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-right-box-2 .get-started-right-box-2-img img {
 display: table;
 width: 100%;
 max-width: 60px;
}

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .uc_classic_carousel_content>p{
    margin: 0px;
}

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .box-blue-wrap{
    margin-top: 48px;
    border-radius: 8px;
background: var(--Secondary-Background-midnightBlue-bg, #E3EBFC);
padding: 24px;
}

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .box-blue-wrap p{
    font-weight: 400;
}

.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-positions-wrap{
    display: flex;
    gap: 24px;
}
.elementor-44461 .elementor-element.elementor-element-bcaa3d9 .get-started-positions-inner{
    width: 100%;
}

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

.elementor-44461 .elementor-element.elementor-element-9694f94 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-44461 .elementor-element.elementor-element-9694f94 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-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circle-inner.dotted-lines-hero{
    
}
.elementor-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circle-inner.dotted-lines-hero img{
    width: 100%;
    max-width: max-content;
}

.elementor-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circle-space-1{
     height: 260px;
}
.elementor-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circle-space-2{
     height: 100px;
}

.elementor-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circle-space{
     height: 150px;
}

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

.elementor-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circles-outer-second{
    
}

.elementor-44461 .elementor-element.elementor-element-9694f94 .how-dp-works-circles-outer-inner{
    width: 100%;
}

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

@media all and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-42ce1c6{
        padding-bottom: 100px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34c2374 */.elementor-44461 .elementor-element.elementor-element-34c2374 .features-for-employees-wrap {
 display: flex;
 gap: 48px;
}
.elementor-44461 .elementor-element.elementor-element-34c2374 .features-for-employees-text {
 width: 100%;
 max-width: 500px;
}
.elementor-44461 .elementor-element.elementor-element-34c2374 .features-for-employees-img {
 width: 100%;
 margin-top: -130px;
}
.elementor-44461 .elementor-element.elementor-element-34c2374 .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-direction: row-reverse;
 flex-wrap: wrap;
 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-44461 .elementor-element.elementor-element-34c2374 .features-employee-dp-tips-wrap {
 width: 100%;
 display: flex;
 gap: 48px;
 padding-left: 0px;
 justify-content: space-between;
}

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

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

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

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

.elementor-44461 .elementor-element.elementor-element-34c2374 .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-44461 .elementor-element.elementor-element-34c2374 .features-employee-dp-tips-wrap-img {
  display: none;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374 .features-employee-dp-tips-wrap-img-2 {
  display: none;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374 .features-employee-employers-tabs-inner {
  width: 100%;
  padding: 32px 24px 16px;
  border-radius: 32px 32px 0 0;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374 .features-employee-employers-tabs-wrap {
  margin-top: 20px;
  gap: 0;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374 .features-for-employees-wrap {
  flex-direction: column-reverse;
  gap: 12px;
  margin-bottom: 32px;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374 .features-for-employees-img img {
  position: relative;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374
  .features-employee-employers-tabs-inner.features-employee-dp-tips-wrap {
  padding-bottom: 32px;
  border-radius: 0 0 32px 32px;
 }
 .info-box{
    left: -90px;
 }
 .info-box::before{
     left: auto;
            right: 18px;
 }
 .elementor-44461 .elementor-element.elementor-element-34c2374 .features-content-text p.features-content-text-title {
    font-size: 16px;
    line-height: 24px;
            flex-grow: 1;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2a58977 */.elementor-44461 .elementor-element.elementor-element-2a58977{
    background: linear-gradient(180deg, #C9EAEF 31.05%, rgba(201, 234, 239, 0.00) 92.78%), #FFF;
}

@media all and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-2a58977 {
        padding-top: 70px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34e62cb */.elementor-44461 .elementor-element.elementor-element-34e62cb .inner-image-wrap{
    position: relative;
    width: 100%;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .dp-column-text-left{
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 32px;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .inner-image-wrap{
    padding-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-wrap{
        display: flex;
    flex-direction: column;
    position: relative;
    gap: 20px;
    width: 100%;
        margin-left: 0;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid{
    width: 100%;
    display: flex;
    gap: 20px;
    position: relative;
}
.elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-inner{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
box-shadow: 0px 30px 40px rgba(198, 199, 202, 0.15);
border-radius: 3px;
min-height: 106px;
padding: 10px;
position: relative;
z-index: 13;
    background: #ffffff;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-inner:first-child{
    position: relative;
    top: 20px;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-inner:last-child{
    position: relative;
    bottom: 20px;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-inner img{
        display: table;
    width: 100%;
    max-width: max-content;
    margin: auto;
}

.elementor-44461 .elementor-element.elementor-element-34e62cb .orange-shadow{
  background: #FF4C00;
    opacity: 0.7;
    filter: blur(105px);
    border-radius: 9999px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%;
    max-width: 350px;
    height: 110px;
    position: absolute;
    top: 140px;
    left: 30px;
    z-index: 0;
}

@media all and (max-width: 768px) {
   .elementor-44461 .elementor-element.elementor-element-34e62cb .orange-shadow{
        left: 0px;
            height: 75px;
    max-width: 300px;
    }
    .elementor-44461 .elementor-element.elementor-element-34e62cb .dp-column-text-left{
        padding-top: 48px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
    }
}

@media all and (max-width: 600px) {
  .elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-inner{
      min-height: 66px;
      max-height: 66px;
      padding: 8px;
  } 
  .elementor-44461 .elementor-element.elementor-element-34e62cb .data-exchange-img-grid-inner img.adp-first-logo{
      max-width: 42px;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-a47cfce */.elementor-44461 .elementor-element.elementor-element-a47cfce{
    background: #F5F5F5;
    border-radius: 32px;
}/* End custom CSS */
/* Start custom CSS for ucaddon_uc_card_post_carousel, class: .elementor-element-616e647 */.elementor-44461 .elementor-element.elementor-element-616e647 .owl-item{
    box-shadow: none !important;
}

.elementor-44461 .elementor-element.elementor-element-616e647 .owl-item .uc_image_carousel_placeholder a div{
    border-radius: 16px;
}

.elementor-44461 .elementor-element.elementor-element-616e647 .uc_image_carousel_content .ue_post_category a{
    font-size: 14px;
    line-height: 14px;
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_heading_text, class: .elementor-element-0b0ef13 */.elementor-44461 .elementor-element.elementor-element-0b0ef13{
    margin-bottom: 0px;
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_faq_s, class: .elementor-element-9cbbfbe */.elementor-44461 .elementor-element.elementor-element-9cbbfbe{
    width: 100%;
    max-width: 800px;
    margin: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6692db8 */.elementor-44461 .elementor-element.elementor-element-6692db8 {
    border-radius: 32px;
    background: url("../png/shrm-wrap-bg.png") no-repeat center center, linear-gradient(180deg, #364361 -6.92%, #05043A 84.75%);
    background-size: cover;
padding: 48px;
}

.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-wrap{
    display: flex;
    gap: 48px;
    justify-content: center;
    align-items: center;
    position: relative;
}
.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-inner-left{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
}
.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-inner-left img{
    width: 100%;
    max-width: 280px;
}
.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-inner-right{
     width: 100%;
}
.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-inner-right-text{}

.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-money-img{
    position: absolute;
    width: 100%;
    max-width: 208px;
    left: -100px;
    bottom: -110px;
}
.elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-stars-img{
    position: absolute;
    width: 100%;
    max-width: 100px;
    right: -30px;
    top: -80px;
}

@media all and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-wrap{
        flex-direction: column;
    }
    .elementor-44461 .elementor-element.elementor-element-6692db8 {
        padding: 32px 24px;
    }
   .elementor-44461 .elementor-element.elementor-element-6692db8 .shrm-money-img {
    max-width: 108px;
    left: auto;
    bottom: -70px;
    right: -20px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07ee4ab */.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap{
    background: #FCEBE3;
    padding: 80px;
    border-radius: 28px;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont{
    display: flex;
    gap: 20px;
    width: 100%;
    max-width: 1024px;
    margin: auto;
    margin-top: 48px;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner{
        background: #ffffff;
    padding: 32px 24px;
    border-radius: 27px;
    box-shadow: 0px 8px 20px rgb(0 0 0 / 12%);
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner .why-top-companies-choose-dp-inner-icon-wrap{
        display: flex;
    align-items: center;
    margin-bottom: 24px;
    width: 100%;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner .why-top-companies-choose-dp-inner-icon-wrap .why-top-companies-choose-dp-inner-icon{
        margin-right: 16px;
        width: 100%;
    max-width: 40px;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner .why-top-companies-choose-dp-inner-icon-wrap .why-top-companies-choose-dp-inner-icon img{
    width: 100%;
    max-width: 40px;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner .why-top-companies-choose-dp-inner-icon-wrap .why-top-companies-choose-dp-inner-icon-text{
    width: 100%;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner hr{
        margin: 24px 0;
    border: none;
    height: 1px;
    background: #C6C7CA;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner p{
        margin: 0;
}


.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap-heading-cont{
    display: flex;
    gap: 30px;
    justify-content: center;
    align-content: center;
    max-width: 1000px;
    margin: auto;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap-heading-cont h2{
    width: 100%;
    text-align: left;
        display: flex;
    align-items: center;
}
.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap-heading-cont .why-top-companies-choose-dp-wrap-heading-cont-btn{
    max-width: max-content;
}

.elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap-heading-cont .why-top-companies-choose-dp-wrap-heading-cont-btn a{
    min-width: max-content;
    padding: 10px 30px;
}

@media only screen and (max-width: 1024px) {
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap{
        padding: 48px 24px;
    }
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont{
        flex-direction: column;
    }
}

@media only screen and (max-width: 768px) {
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap h2{
        text-align: left;
    }
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap{
        padding: 48px 16px;
    }
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont{
        flex-direction: column;
    }
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap-heading-cont{
        flex-direction: column;
        gap: 16px;
    }
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner .why-top-companies-choose-dp-inner-icon-wrap .why-top-companies-choose-dp-inner-icon-text p{
        font-size: 17px !important;
        line-height: 24px !important;
    }
    .elementor-44461 .elementor-element.elementor-element-07ee4ab .why-top-companies-choose-dp-wrap .why-top-companies-choose-dp-wrap-cont .why-top-companies-choose-dp-wrap-inner{
        padding: 24px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87b08d6 */.industry-footnotes p{
    color: #676B75;
    font-size: 14px;
    line-height: 20px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8d89869 */.elementor-44461 .elementor-element.elementor-element-8d89869{
    padding-top: 0px !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Graphik Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://assets.dailypay.com/wp-content/uploads/Graphik-Regular-Web.woff2') format('woff2'),
		url('https://assets.dailypay.com/wp-content/uploads/Graphik-Regular-Web.woff') format('woff');
}
@font-face {
	font-family: 'Graphik Regular';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://assets.dailypay.com/wp-content/uploads/Graphik-Semibold-Web.woff2') format('woff2'),
		url('https://assets.dailypay.com/wp-content/uploads/Graphik-Semibold-Web.woff') format('woff');
}
@font-face {
	font-family: 'Graphik Regular';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://assets.dailypay.com/wp-content/uploads/Graphik-Semibold-Web.woff2') format('woff2'),
		url('https://assets.dailypay.com/wp-content/uploads/Graphik-Semibold-Web.woff') format('woff');
}
@font-face {
	font-family: 'Graphik Regular';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://assets.dailypay.com/wp-content/uploads/Graphik-Semibold-Web.woff2') format('woff2'),
		url('https://assets.dailypay.com/wp-content/uploads/Graphik-Semibold-Web.woff') format('woff');
}
@font-face {
	font-family: 'Graphik Regular';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://assets.dailypay.com/wp-content/uploads/Graphik-RegularItalic-Web-1.woff2') format('woff2'),
		url('https://assets.dailypay.com/wp-content/uploads/Graphik-RegularItalic-Web.woff') format('woff');
}
@font-face {
	font-family: 'Graphik Regular';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://assets.dailypay.com/wp-content/uploads/Graphik-RegularItalic-Web-1.woff2') format('woff2'),
		url('https://assets.dailypay.com/wp-content/uploads/Graphik-RegularItalic-Web.woff') format('woff');
}
/* End Custom Fonts CSS */