.elementor-37551 .elementor-element.elementor-element-5ecc9640:not(.elementor-motion-effects-element-type-background), .elementor-37551 .elementor-element.elementor-element-5ecc9640 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05043A;}.elementor-37551 .elementor-element.elementor-element-5ecc9640{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-37551 .elementor-element.elementor-element-5ecc9640 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-37551 .elementor-element.elementor-element-208f60ea:not(.elementor-motion-effects-element-type-background), .elementor-37551 .elementor-element.elementor-element-208f60ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-03d72c7 );}.elementor-37551 .elementor-element.elementor-element-208f60ea{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-37551 .elementor-element.elementor-element-208f60ea > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-37551 .elementor-element.elementor-element-39fd6176.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-37551 .elementor-element.elementor-element-39fd6176.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-37551 .elementor-element.elementor-element-39fd6176 > .elementor-element-populated, .elementor-37551 .elementor-element.elementor-element-39fd6176 > .elementor-element-populated > .elementor-background-overlay, .elementor-37551 .elementor-element.elementor-element-39fd6176 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-37551 .elementor-element.elementor-element-39fd6176 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-37551 .elementor-element.elementor-element-39fd6176 > .elementor-element-populated > .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-37551 .elementor-element.elementor-element-537c871b > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-37551 .elementor-element.elementor-element-7060cfa3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-37551 .elementor-element.elementor-element-7060cfa3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#25ABC1;}.elementor-37551 .elementor-element.elementor-element-7060cfa3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-37551 .elementor-element.elementor-element-7060cfa3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-37551 .elementor-element.elementor-element-4c3289ce > .elementor-element-populated{margin:0px 80px 0px 0px;--e-column-margin-right:80px;--e-column-margin-left:0px;}.elementor-37551 .elementor-element.elementor-element-5dee669f > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-37551 .elementor-element.elementor-element-4be137c3.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}@media(max-width:1024px){.elementor-37551 .elementor-element.elementor-element-537c871b{text-align:start;}}@media(max-width:767px){.elementor-37551 .elementor-element.elementor-element-4c3289ce > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-37551 .elementor-element.elementor-element-4be137c3 > .elementor-element-populated{margin:32px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-5a82c17a */.elementor-37551 .elementor-element.elementor-element-5a82c17a{
    margin-bottom: 0px;
}

nav {
	    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    background: #ffffff;
        gap: 16px;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	position: relative;
}

nav ul li a {
    color: #04143A;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    transition: all ease 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 6px solid var(--white-color);
    border-top: 6px solid var(--white-color);
    text-align: center;
    font-weight: 400;
    padding: 20px 0;
}

nav ul li a:hover {
    color:var(--blue-color);
	border-bottom: 6px solid var(--blue-color);
}

.nav-dropdown {
	position: absolute;
	display: none;
	z-index: 1;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
/* Mobile navigation */
.nav-mobile {
	display: none;
	position: relative;
}

.nav-list {
	display: flex;
	gap: 24px;
	justify-content: center;
}

nav .worklife-nav-logo {
        width: 100%;
    max-width: max-content;
}
nav .worklife-nav-logo a{
    display: table;
}

nav .worklife-nav-logo img {
        width: 100%;
    max-width: max-content;
    display: table;
}

nav .get-dp-btn {
    width: 100%;
    max-width: max-content;
}

nav .get-dp-btn a {
        padding: 10px 20px;
    display: table;
    background: var(--blue-color);
    color: var(--white-color);
    border-radius: 32px;
}

nav .get-dp-btn a:hover {
    background: var(--darkorange-color)
}
nav ul li.get-dp-btn-nav{
    display: none;
}
@media only screen and (max-width: 1200px) {
    .nav-list{
        gap: 24px;
    }
}
@media only screen and (max-width: 992px) {
	.nav-mobile {
		display: block;
	}

	nav {
		width: 100%;
		    padding: 10px 0;
	}

	nav ul {
		display: none;
	}

	nav ul li {
		float: none;
		border-top: 1px solid #C6C7CA;
	}

	nav ul li a {
    padding: 10px 5%;
    line-height: 20px;
    border-bottom: 0px !important;
    text-align: left;
    justify-content: flex-start;
    border-top: 0;
	}

	.nav-list {
		display: none;
		    position: fixed;
    top: 52px;
    width: 100%;
    left: 0;
    background: #ffffff;
    border-bottom: 1px solid #C6C7CA;
    box-shadow: 0px 20px 20px 1px rgb(0 0 0 / 19%);
	}

	.nav-dropdown {
		position: static;
	}
	.get-dp-btn{
	    display: none;
	}
	nav ul li.get-dp-btn-nav{
	          display: table;
    width: 100%;
    border-top: 0px;
    padding: 0 20px 16px;
	}
	
	nav ul li.get-dp-btn-nav a{
	   padding: 10px 20px;
    display: table;
    background: var(--blue-color);
    color: var(--white-color);
    border-radius: 32px;  
    width: 100%;
        max-width: 340px;
    margin: auto;
	}
	nav .worklife-nav-logo img{
	        max-width: 130px;
	}
}

#nav-toggle {
	position: relative;
	left: 0;
	top: 0;
	cursor: pointer;
	width: 100%;
	display: flex;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: var(--blue-color);
	justify-content: center;
	align-items: center;
	height: 25px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
	cursor: pointer;
	border-radius: 0px;
	height: 2px;
	width: 25px;
	position: relative;
	display: block;
	content: "";
	background: var(--blue-color);
	transition: all 300ms ease-in-out;
	padding-left: 16px;
}

#nav-toggle span:before {
    top: 7px;
    left: -16px;
    width: 25px;
    height: 2px;
    border-radius: 0;
}

#nav-toggle span:after {
	bottom: 9px;
    width: 25px;
    height: 2px;
    border-radius: 0;
    right: 16px;
    display: table;
}

#nav-toggle.active span {
    background: transparent;
}

#nav-toggle.active span:before {
	    top: 2px;
    transform: rotate(45deg);
    width: 22px;
    left: -15px;
}

#nav-toggle.active span:after {
	transform: rotate(-45deg);
    width: 22px;
    right: 15px;
    bottom: 0px;
}

.elementor-37551 .elementor-element.elementor-element-5a82c17a .demo-nav-cta{
    padding: 12px 24px;
    background: var(--blue-color);
    color: var(--white-color);
    border-radius: 32px;
    height: auto;
    border: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
        justify-content: center;
}

.elementor-37551 .elementor-element.elementor-element-5a82c17a .demo-nav-cta:hover{
    background: var(--darkorange-color);
}

@media only screen and (min-width: 992px) {
    .elementor-37551 .elementor-element.elementor-element-5a82c17a .mobile-demo-nav-cta{
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .elementor-37551 .elementor-element.elementor-element-5a82c17a .nav-cta-demo-desktop{
        display: none;
    }
    
    .elementor-37551 .elementor-element.elementor-element-5a82c17a .mobile-demo-nav-cta{
        padding: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1c2ebb09 */.elementor-37551 .elementor-element.elementor-element-1c2ebb09 {
    padding: 0px !important;
        border-bottom: 1px solid #C4C4C4;
        position: sticky;
        top: 0px;
        z-index: 99;
        background: #ffffff;
}

@media only screen and (max-width: 798px) {
    .elementor-37551 .elementor-element.elementor-element-1c2ebb09 {
    z-index: 99;
    width: 100%;
        background: #f5f5f5;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f7a0e07 */.elementor-37551 .elementor-element.elementor-element-6f7a0e07 .dp-column-img-right img{
    border-radius: 32px;
}

.elementor-37551 .elementor-element.elementor-element-6f7a0e07 .dp-column-img-right{
    justify-content: center;
    align-items: center;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5381fd1b */.elementor-37551 .elementor-element.elementor-element-5381fd1b {
    background: linear-gradient(180deg, #F5DAEC 0%, rgba(245, 218, 236, 0) 100%), #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20421786 */.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-wrap{
    display: flex;
    gap: 32px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-wrap-head{
    width: 100%
}
.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-wrap-head h2{
    max-width: 400px;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-wrap-text{
    width: 100%;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-wrap-text p{
    width: 100%;
    max-width: 450px;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap{
    display: flex;
    gap: 60px;
    margin-top: 64px;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap-inner{
    width: 100%;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap-inner h5{
    font-size: 52px;
    line-height: 72px;
    font-weight: 600;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap-inner h5 span{
    font-family: var(--secondary-font) !important
}
.elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap-inner p{
    width: 100%;
    max-width: 215px;
    margin-bottom: 0px;
}

.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-footnotes{
    display: flex;
    gap: 32px;
}
.elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-footnotes p{
    font-size: 12px;
    line-height: 20px;
    color: #9799A0;
}

@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap{
        flex-wrap: wrap;
        gap: 32px 0
    }
    .elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap-inner{
        width: 50%;
    }
    .elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-footnotes{
        flex-direction: column;
        gap: 8px;
        margin-top: 24px;
    }
}

@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-20421786 .improve-employee-wrap{
        flex-direction: column;
    }
    
    .elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap-inner{
        width: 100%;
    }
    
    .elementor-37551 .elementor-element.elementor-element-20421786 .imporve-employee-numbers-wrap{
        margin-top: 32px;
        gap: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-517fde7a */.elementor-37551 .elementor-element.elementor-element-517fde7a {
    background: #E3EBFC;
border-radius: 32px;
padding: 64px;
padding-bottom: 32px;
}

@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-517fde7a{
        padding: 48px 32px;
    }
}

@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-517fde7a{
        padding: 32px 24px;
        border-radius: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-73630336 */.elementor-37551 .elementor-element.elementor-element-73630336{
  background: -webkit-linear-gradient(0deg, #E3EBFC 50%, #ffffff 50%);
  background: -o-linear-gradient(0deg, #E3EBFC 50%, #ffffff 50%);
  background: -moz-linear-gradient(0deg, #E3EBFC 50%, #ffffff 50%);
  background: linear-gradient(0deg, #05043A 40%, #ffffff 0%);
  padding-top: 20px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73adf557 */.elementor-37551 .elementor-element.elementor-element-73adf557 .supporting-starts-wrap{
text-align: center;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.elementor-37551 .elementor-element.elementor-element-73adf557 img.supporting-starts-wrap-blue{
        position: relative;
    left: 45px;
}
.elementor-37551 .elementor-element.elementor-element-73adf557 img.supporting-starts-wrap-yellow{}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_heading_text, class: .elementor-element-4734e9c3 */.elementor-37551 .elementor-element.elementor-element-4734e9c3 h3{
    line-height: 48px !important;
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_heading_text, class: .elementor-element-6c67552f */.elementor-37551 .elementor-element.elementor-element-6c67552f h2{
    padding-left: 64px;
}

@media all and (max-width: 1024px) {
   .elementor-37551 .elementor-element.elementor-element-6c67552f h2{
       padding-left: 0px;
   } 
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_text, class: .elementor-element-3109316f */.elementor-37551 .elementor-element.elementor-element-3109316f p{
    padding-left: 64px;
}


@media all and (max-width: 1024px) {
   .elementor-37551 .elementor-element.elementor-element-3109316f p{
       padding-left: 0px;
   } 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-537c871b */@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-537c871b img{
      max-width: 350px;
      width: 100%;
      position: relative;
      left: -24px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-39fd6176 */.elementor-37551 .elementor-element.elementor-element-39fd6176{
    padding: 120px 64px;
    background: #C9EAEF;
    border-radius: 32px 0 0 32px;
    padding-left: 0px
}

@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-39fd6176{
      width: 100%;
    padding: 32px 24px;
    border-radius: 16px 16px 0 0;
    }
}/* End custom CSS */
/* Start custom CSS for ucaddon_dp_employee_turnover_calculator, class: .elementor-element-d9036da */.elementor-37551 .elementor-element.elementor-element-d9036da{
    background: #ffffff;
    border: 1px solid #C6C7CA;
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.12);
border-radius: 3px;
}

.elementor-37551 .elementor-element.elementor-element-d9036da h4.slider-header{
    font-weight: 600;
}

@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-d9036da #dp-turnover-calculator-container{
      padding: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-7060cfa3 */.elementor-37551 .elementor-element.elementor-element-7060cfa3{
    padding: 44px 32px;
    background: #25ABC1;
    border-radius: 0 32px 32px 0;
}


@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-7060cfa3{
      width: 100%;
    padding: 32px 16px;
    border-radius: 0 0 16px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-208f60ea */.elementor-37551 .elementor-element.elementor-element-208f60ea{
  background: -webkit-linear-gradient(180deg, #E3EBFC 50%, #ffffff 50%);
  background: -o-linear-gradient(180deg, #E3EBFC 50%, #ffffff 50%);
  background: -moz-linear-gradient(180deg, #E3EBFC 50%, #ffffff 50%);
  background: linear-gradient(180deg, #05043A 15%, #ffffff 0%);
}

@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-208f60ea .elementor-container{
       flex-direction: column;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-289f7833 */.partners-logos-img-wrap{
        display: flex;
    gap: 40px;
    flex-grow: 1;
        max-width: 700px;
}
.partners-logos-img-wrap .partners-logos-img-wrap-inner{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partners-logos-img-wrap .partners-logos-img-wrap-inner img{
    display: table;
    width: 100%;
    height: 50px;
    object-fit: contain;
}

.elementor-37551 .elementor-element.elementor-element-289f7833 .logo-wrapper{
    display:  flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-289f7833 .logo-wrapper{
        flex-direction: column;
    }
   .elementor-37551 .elementor-element.elementor-element-289f7833 p{
        text-align: center;
    }
    .partners-logos-img-wrap{
        flex-wrap: wrap;
        gap: 32px 0;
        max-width: 400px;
    }
    .partners-logos-img-wrap .partners-logos-img-wrap-inner{
        width: 50%;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-46db7a83 */.elementor-37551 .elementor-element.elementor-element-46db7a83{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3063be54 */.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap{
        display: flex;
    flex-direction: column;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-inner{
    display: flex;
    gap: 32px;
    padding: 32px 0;
    border-top: 1px solid #CDD0D8;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-inner:last-child{
    padding-bottom: 0px;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-img-number{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-img{
    width: 100%;
    max-width: 300px;
        height: 100%;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-img img{
    display: table;
    width: 100%;
    border-radius: 32px;
        height: 100%;
    object-fit: cover;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers{
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    height: 100%;
    max-width: 250px;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers.purple-bg{
    background: #E3EBFC;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers.yellow-bg{
    background: #FCE6C7;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers.blue-bg{
    background: #C9EAEF;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers.green-bg{
    background: #C1E3D0;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers p.number-percentage{
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 8px;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers p.number-text{
    font-size: 18px;
    line-height: 18px;
    max-width: 100px;
    text-align: center;
}
.elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-text-desc{
    width: 100%;
}

@media all and (max-width: 1024px) {
    .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-inner{
        flex-direction: column;
    }
    
    .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-img-number{
            align-items: inherit;
    }
    .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers{
        height: auto;
    }
}


@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-numbers, .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-img img{
        border-radius: 16px;
    }
    .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-img-number{
        gap: 16px;
    }
    .elementor-37551 .elementor-element.elementor-element-3063be54 .companies-accross-wrap-inner{
        gap: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3c1425cc */.elementor-37551 .elementor-element.elementor-element-3c1425cc{
    padding-bottom: 0px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-322833aa */.elementor-37551 .elementor-element.elementor-element-322833aa .ebook-thumbnail-wrap{
    display: flex;
    width: 100%;
    max-width: 500px;
    justify-content: center;
    align-items: center
}
.elementor-37551 .elementor-element.elementor-element-322833aa .ebook-thumbnail-wrap-text{
    width: 100%;
    max-width: 60%;
}
.elementor-37551 .elementor-element.elementor-element-322833aa .ebook-thumbnail-wrap-img{
    width: 100%;
    max-width: 40%;
    text-align: center;
}
.elementor-37551 .elementor-element.elementor-element-322833aa .ebook-thumbnail-wrap-img img{
    display: table;
    width: 100%;
    max-width: max-content;
    margin: auto;
}

@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-322833aa .ebook-thumbnail-wrap{
        max-width:: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d982301 */.elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap{
        display: flex;
    flex-direction: column;
}
.elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 32px 24px;
    border-bottom: 1px solid #C6C7CA;
}

.elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner:last-child{
    border-bottom: 0px;
}

.elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner-number{
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    height: 100px;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}
.elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner-text{
    width: 100%;
}
.elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner-text p{
    font-size: 20px;
    line-height: 28px;
}

@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner{
        padding: 32px 0;
        gap: 16px;
    }
    .elementor-37551 .elementor-element.elementor-element-3d982301 .mofu-stats-circle-wrap-inner-number{
        height: 90px;
    }
}


/*chart*/

.circle-chart__circle {
  animation: circle-chart-fill 2s reverse; /* 1 */ 
  transform: rotate(-90deg); /* 2, 3 */
  transform-origin: center; /* 4 */
}

.circle-chart__circle--negative {
  transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}

.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em);
}

@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-59aebd45 */@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-59aebd45 {
        padding-top: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-365153eb */.elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap{
        display: flex;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-left{
    width: 100%;
    background: #C1E3D0;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-left-inner{
    padding-right: 64px;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .last-sec-artwork{
    margin-bottom: 32px;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .last-sec-artwork img{
    width: 100%;
    max-width: 150px;
    height: 120px;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .dp-btn-wrap{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.elementor-37551 .elementor-element.elementor-element-365153eb .dp-btn-normal{
    min-width: auto;
    padding: 10px 24px;
    height: auto;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-right{
    width: 100%;
    background: #E3EBFC;
}
.elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-right-inner{
    padding-left: 64px;
}

@media all and (max-width: 768px) {
    .elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap{
        flex-direction: column;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-left{
        padding: 40px 5%;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-right{
        padding: 40px 5%;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-left-inner{
        padding-right: 0px;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-right-inner{
        padding-left: 0px;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .mofu-last-sec-wrap-right-inner .last-sec-artwork{
        margin-bottom: 0px;
    }
    .elementor-37551 .elementor-element.elementor-element-365153eb .dp-btn-wrap{
           flex-wrap: nowrap;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .dp-btn-wrap p{
        width: 100%;
    }
    
    .elementor-37551 .elementor-element.elementor-element-365153eb .dp-btn-normal{
        padding: 10px 16px;
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4a65fb61 */.elementor-37551 .elementor-element.elementor-element-4a65fb61{
background: linear-gradient(90deg, #C1E3D0 50%, #E3EBFC 50%);
}

@media all and (max-width: 768px) {
.elementor-37551 .elementor-element.elementor-element-4a65fb61{
padding: 0px !important
}

.elementor-37551 .elementor-element.elementor-element-4a65fb61 .elementor-container{
padding: 0px !important;
max-width: none !important
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2893bcd8 */footer{
    display: none !important;
}
.unbounce-footer-nav{
        display: flex;
    padding: 24px 0;
    flex-wrap: wrap;
       gap: 12px 32px;
}
.unbounce-footer-nav a{
        font-size: 13px;
    color: var(--blue-color);
    font-weight: 400;
}
.unbounce-footer-nav a:hover{
     color: var(--primary-color);
}

@media all and (max-width: 768px) {
    .unbounce-footer-nav{
        justify-content: center;
        gap: 12px 24px;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3f8c03ea */.elementor-37551 .elementor-element.elementor-element-3f8c03ea {
    border-top: 1px solid #9799A0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-41feccba */.elementor-37551 .elementor-element.elementor-element-41feccba{
    padding: 0px !important;
    padding-top: 80px !important;
}/* End custom CSS */