footer.footer { background-color: #10B981; color: #ffffff; text-align: center; padding: 20px 15px; }
footer.footer .footer-menu ul { display: flex; justify-content: center; list-style: none; align-items: center; }
footer.footer .footer-menu ul li a { color: #ffffff; line-height: normal; font-weight: 500; font-size: 22px; }
footer.footer .footer-menu ul li + li { margin: 0; padding: 0 0 0 40px; }
footer.footer .footer-menu ul li { list-style: none; padding: 0; }
footer.footer .footer-menu ul li:before { display: none; }
footer.footer .footer-menu ul li a:hover { color: #000000; }



section.steps { padding: 100px 0; }
section.steps .step-listing { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; gap: 25px; margin: 50px 0 0 0; }
section.steps .step-listing .step-list { background-color: #3E7B60; padding: 40px; border-radius: 8px; }
section.steps .step-listing .step-list span.steps-count { font-size: 74px; line-height: normal; color: #3E7B60; text-transform: capitalize; background: linear-gradient(349.9deg, #10B981 22.1%, #ffffff 95.21%); background-size: 100% 100%; -webkit-background-clip: text; -webkit-text-stroke: 2px transparent; font-weight: 700; }
section.steps .step-listing .step-list.step-list-two { background-color: #10B981; }
section.steps .step-listing .step-list.step-list-two span.steps-count { color: #10B981; background: linear-gradient(349.9deg, #ffffff 80%, #10B981 100%); background-size: 100% 100%; -webkit-background-clip: text; }
section.steps .step-listing .step-list.step-list-three { background-color: #C5E6DF; }
section.steps .step-listing .step-list.step-list-three span.steps-count { background: linear-gradient(349.9deg, #C5E6DF 22.1%, #3E7B60 95.21%); background-size: 100% 100%; -webkit-background-clip: text; color: #C5E6DF; }
section.steps .step-listing .step-list .workplandigital-title h4.workplandigitalh4 { margin: 5px 0 10px 0; }
section.steps .steps-inner .workplandigital-title { max-width: 1010px; margin: 0 auto; }

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    section.steps { padding: 40px 0; }
    section.steps .step-listing .step-list { padding: 20px; }
    section.steps .step-listing .step-list span.steps-count { font-size: 44px; }
    section.steps .step-listing .step-list .workplandigital-title h4.workplandigitalh4 { margin: 5px 0; line-height: 30px; }
    section.steps .step-listing .step-list .content.white-text { line-height: normal; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    section.steps .step-listing { grid-template-columns: repeat(1, 1fr); }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}





section.recording-tracking { background: #ffffff url(../image/recording-tracking-bg-pattern.png) no-repeat center center / cover; position: relative; padding: 120px 0 0 0; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    section.recording-tracking { padding: 40px 0 0 0; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}



.recording-companies { padding: 0 0 120px 0; position: relative; }
.recording-companies .recording-companies-inner { display: flex; align-items: center; }
.recording-companies .recording-companies-inner .recording-companies-images { width: calc(100% - 660px); position:relative; }
.recording-companies .recording-companies-inner .recording-companies-details { width: 660px; padding: 0 0 0 50px; }
.recording-companies .recording-companies-inner .recording-companies-details .content { color: #555555; font-family: var(--secondaryfontfamily); margin: 0 0 10px 0; }
.recording-companies .recording-companies-inner .recording-companies-details .points { margin: 0 0 30px 0; }
.recording-companies .recording-companies-inner .recording-companies-details .points ul li { font-weight: 600; font-size: 22px; line-height: 34px; }
.recording-companies .recording-companies-inner .recording-companies-details .points ul li:before { top:15px; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner { padding: 0 60px; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box { position: absolute; backdrop-filter: blur(20px); border: 2px solid #C5E6DF; border-radius: 6px; padding: 10px; left: 0; top: 40px; background: linear-gradient(99.5deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.55) 100%); }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner { display: flex; align-items: center; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-image { width: 54px; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-details { width: calc(100% - 54px); padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 0; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-image img { width: 100%; height: 54px; object-fit: cover; border-radius: 50%; border: 5px solid #C5E6DF; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-details span.recording-title { font-size: 20px; line-height: 28px; font-weight: 600; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-details span.recording-content { color: #555555; font-family: var(--secondaryfontfamily); font-size: 14px; line-height: normal; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box-main img { height: 620px; object-fit: cover; display: block; object-position: 84%; border-radius: 10px; box-shadow: 0px 12px 40px 0px #0000001F; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box.recording-box-company { right: 0; bottom: 30px; left: auto; top: auto; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box.recording-box-company .recording-box-inner .recording-box-image { background-color: #10B981; border-radius: 10px; height: 54px; display: flex; align-items: center; justify-content: center; border: 5px solid #C5E6DF; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box.recording-box-company .recording-box-inner .recording-box-image img { border-radius: 10px; height: auto; border: none; width: 35px; }

/* Custom CSS */
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-image.mod-recording-box-image { background-color: unset; border-radius: 0; height: auto; width: auto; display: unset; align-items: unset; justify-content: unset; border: none; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box .recording-box-inner .recording-box-image.mod-recording-box-image img { width: 100%; max-height: 54px; object-fit: cover; border-radius: 0; border: none; }
/* Custom CSS */

.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: linear-gradient(90.68deg, #000000 2.1%, #10B981 97.92%); border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; transition: all 200ms; background: linear-gradient(90.68deg, #000000 2.1%, #10B981 97.92%); }
.recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid #fff; border-top: 22px solid transparent; border-bottom: 22px solid transparent; }
@keyframes pulse-border {
    0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; }
    100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width:1428.98px) {
    .recording-companies .recording-companies-inner .recording-companies-details { padding: 0 60px 0 30px; }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    .recording-companies .recording-companies-inner .recording-companies-details { padding: 0 60px 0 30px; }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .recording-companies { padding: 0 0 60px 0; }
    .recording-companies .recording-companies-inner { flex-direction: column; }
    .recording-companies .recording-companies-inner .recording-companies-images { width: 100%; margin: 0 0 50px 0; }
    .recording-companies .recording-companies-inner .recording-companies-details { padding: 0; width:100%; }
    .recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box-main img { height: auto; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .recording-companies .recording-companies-inner .recording-companies-images { margin: 0 0 25px 0; }
    .recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner { padding: 0; }
    .recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box { position: static; border-radius: 10px; }
    .recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box.recording-box-company { margin: 20px 0 20px 0; }
    .recording-companies .recording-companies-inner .recording-companies-details .points ul li { font-size: 18px; line-height: 24px; }
    .recording-companies .recording-companies-inner .recording-companies-details .points ul li:before { top: 10px; }
    .recording-companies .recording-companies-inner .recording-companies-images .recording-companies-images-inner .recording-box-main { position: relative; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}




.recording-strip { padding: 0 0 70px 0; position: relative; }
.recording-strip .recording-strip-inner { background: url(../image/recording-bg-pattern.png) no-repeat center center / cover; position: relative; box-shadow: 0px 16px 40px 0px #0000001A; border: 1px solid #0000001F; border-radius: 16px; padding: 71px 90px; }
.recording-strip .recording-strip-inner .content { color: #555555; font-family: var(--secondaryfontfamily); max-width: 684px; margin: 20px auto 40px auto; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .recording-strip .recording-strip-inner { padding: 40px 20px; background-size: contain; background-position: bottom center; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}




.tracking-strip { position: relative; }
.tracking-strip .tracking-strip-inner .content { color: #555555; font-family: var(--secondaryfontfamily); max-width: 1100px; margin: 20px auto 80px auto; }
.tracking-strip .tracking-strip-inner .tracking-listing { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; gap: 20px; }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list { position: relative; box-shadow: 0px 16px 40px 0px #0000001A; border: 1px solid #0000001F; border-radius: 16px; padding: 80px 50px 60px 50px; background-color:#ffffff; }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .workplandigital-title { position: absolute; left: 50%; transform: translateX(-50%)rotate(-2deg); width: 70%; top: -30px; }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .workplandigital-title h4.workplandigitalh4 { display: flex; align-items: center; justify-content: center; margin: 0; background-color: #10B981; border-radius: 10px; padding: 9px 20px 8px 20px; gap: 25px; }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .workplandigital-title h4.workplandigitalh4 img { filter: brightness(0) invert(1); max-width: 34px; transform: translateY(-2px); }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .tracking-list-points ul li strong { font-weight: 600; }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .tracking-list-points ul li { font-weight: 400; }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list.not-be-recorded .workplandigital-title { transform: translateX(-50%) rotate(2deg); }
.tracking-strip .tracking-strip-inner .tracking-listing .tracking-list.not-be-recorded .workplandigital-title h4.workplandigitalh4 { background-color: #3E7B60; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list { padding: 50px 30px 30px 30px; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .tracking-strip .tracking-strip-inner .content { margin: 20px auto 30px auto; }
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .workplandigital-title { position: static; transform: none; width: 100%; }
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list { padding: 0; }
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .tracking-list-points { padding: 20px 20px 30px 20px; }
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list.not-be-recorded .workplandigital-title { transform: none; }
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .workplandigital-title h4.workplandigitalh4 { gap: 15px; padding: 9px 10px 8px 10px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .tracking-strip .tracking-strip-inner .tracking-listing { grid-template-columns: repeat(1, 1fr); }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}




.services-main { margin: 100px 0 0 0; background: url(../image/service-bg.png) no-repeat top center / cover; position: relative; padding: 260px 0 102px 0; }
.services-main .services-main-inner { display: flex; align-items: center; }
.services-main .services-main-inner .services-main-details { width: 883px; }
.services-main .services-main-inner .services-main-image { position: absolute; max-width: 483px; right: 8%; bottom: 0; height: auto; }
.services-main .services-main-inner .services-main-details .content { max-width: 720px; font-family: var(--secondaryfontfamily); margin: 0 0 40px 0; }
.services-main .services-main-inner .services-main-details .workplandigital-title h2.workplandigitalh2 { background: linear-gradient(90.68deg, #C5E6DF 2.1%, #FFFFFF 97.92%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    .services-main { padding: 140px 0 50px 0; }
    .services-main .services-main-inner .services-main-details .workplandigital-title h2.workplandigitalh2 { padding: 0 110px 0 0; }
    .services-main .services-main-inner .services-main-image { max-width: 430px; right: 1%; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .services-main { padding: 140px 0 50px 0; margin: 20px 0 0 0; }
    .services-main .services-main-inner .services-main-image { max-width: 140px; }
    .services-main .services-main-inner .services-main-details .workplandigital-title h2.workplandigitalh2 { padding: 0; }
    .services-main .services-main-inner .services-main-details .content { max-width: 500px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .services-main { padding: 40px 0 250px 0; background: none; background-color: red; border-radius: 0; background-image: linear-gradient(99.44deg, #3E7B60 0%, #10B981 100%), linear-gradient(99.44deg, #10B981 0%, #3E7B60 100%); margin: 40px 0 0 0; }
    .services-main .services-main-inner .services-main-image img { width: 100%; display: block; height: inherit; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}





section.working-hours { padding: 120px 0; position: relative; }
section.working-hours .working-hours-title-content { max-width: 980px; margin: 0 auto; }
section.working-hours .working-hours-listing { margin: 40px 0 0 0; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; gap: 0; border-width: 1px; border-style: solid; border-color: #D9D9D9; border-radius: 10px; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .list-same-padding { padding: 30px 20px 60px 30px; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon { display: flex; flex-direction: column; align-items: self-start; gap: 25px; padding: 30px; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon .working-hours-list-icon { background-color: #10B981; display: inline-block; padding: 13px 17px; border-radius: 12px; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon .working-hours-list-icon img { max-width: 54px; display: block; max-height: 54px; filter: brightness(0) invert(1); }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul { list-style: none; padding: 0; margin: 0; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li:before { display: none; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li + li { padding: 15px 0 0 0; margin: 0; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li { padding: 0; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.icon img { width: 24px; display: block; transform: translateY(6px); }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li { display: flex; gap: 15px; align-items: self-start; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.icon { display: block; width: 24px; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon h4 { margin: 0; }
section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.point-text { width: calc(100% - 39px); }
.list-border-right { border-right: 1px solid #D9D9D9; }
.list-border-bottom { border-bottom: 1px solid #D9D9D9; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .list-same-padding { padding: 20px 10px 30px 20px; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li + li { padding: 5px 0 0 0; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.icon img { transform: translateY(4px); }
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    section.working-hours { padding: 50px 0; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon { padding: 15px; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .list-same-padding { padding: 15px 15px 20px 10px; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon { height: auto !important; gap: 10px; justify-content:space-between; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon h4 { line-height: 32px; font-weight: 500; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li { gap: 10px; }
    section.tools-tabing-benefits-tracking { padding: 60px 0; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.icon { width: 15px; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.point-text { width: calc(100% - 25px); font-size: 14px; line-height: 20px; font-weight: 600; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-points ul li span.icon img { transform: translateY(3px); }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon .working-hours-list-icon { padding: 8px 12px; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .working-hours-list-title-icon .working-hours-list-icon img { max-width: 24px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    section.working-hours .working-hours-listing .working-hours-listing-wrapper { grid-template-columns: repeat(1, 1fr); }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list { border-top: 1px solid #D9D9D9; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list + .working-hours-list { padding: 30px 0 0 0; }
    section.working-hours .working-hours-listing .working-hours-listing-wrapper .working-hours-list .list-same-padding { height:auto!important; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}





section.tools-tabing-benefits-tracking { padding: 120px 0; background: #ffffff url(../image/recording-tracking-bg-pattern.png) no-repeat center center / cover; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    section.tools-tabing-benefits-tracking { padding: 60px 0; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .tools-tabing .tools-tabing-main .tab-content { padding: 20px 20px; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}




.tools-tabing { overflow: hidden; padding: 0 0 120px 0; position: relative; }
.tools-tabing .tools-tabing-title-content { max-width: 980px; margin: 0 auto; }
.tools-tabing .tools-tabing-main .tab-wrapper { display: flex; align-items: center; justify-content: space-between; margin: 60px 0; }
.tools-tabing .tools-tabing-main .tab-content { margin: 40px 0 0 0; padding: 50px; position: relative; border-radius: 10px; background-image: linear-gradient(99.44deg, #3E7B60 0%, #10B981 100%), linear-gradient(99.44deg, #10B981 0%, #3E7B60 100%); }
.tools-tabing .tools-tabing-main .tab-content:before { content: ''; border: 1px solid transparent; border-radius: 10px; background: linear-gradient(99.44deg, #10B981 0%, #3E7B60 100%); background-clip: padding-box, border-box; background-origin: padding-box, border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { font-size: 20px; line-height: 28px; box-shadow: 0px 6px 14px 0px #0000000F; transition: 400ms; padding: 13px 40px; background-color: #ffffff; border-radius: 10px; border: 2px solid #D9D9D9; cursor: pointer; min-width: 230px; text-align: center; }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title.current, .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title:hover { color: #3E7B60; border-color: #10B981; transform: translateY(-10px); }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner { display: flex; position: relative; gap: 50px; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner:before { place-items: center; border: 8px solid; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; margin: 0; border-radius: inherit; border-image-source: linear-gradient(to left, turquoise, greenyellow); opacity: 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details { width: 50%; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes { width: 50%; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box { border: 1px solid rgb(255 255 255 / 25%); border-radius: 10px; margin: 50px 0 0 0; padding: 30px 30px; position: relative; background: linear-gradient(97.53deg, rgba(197, 230, 223, 0.15) 0%, rgba(255, 255, 255, 0.1) 100%); }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box .workplandigital-title { display: flex; align-items: center; gap: 20px; margin: 0 0 20px 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box .workplandigital-title h5.workplandigitalh5 { margin: 0; width: calc(100% - 70px); }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box .workplandigital-title .icon { width: 50px; display: flex; align-items: center; justify-content: center; background-color: #ffffff; height: 50px; border-radius: 50%; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box .workplandigital-title .icon img { display: block; width: 34px; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner { display: flex; gap: 15px; height: 100%; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box { background: rgb(0 0 0 / 20%); padding: 30px 30px; border: 2px solid rgb(197 230 223 / 65%); }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box h5.text-capitalize { margin: 0 0 20px 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box.box-advantages { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box.box-disadvantages { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: blur(20px); z-index: 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box > * { position: relative; z-index: 1; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul { list-style: none; padding: 0; margin: 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li { display: flex; gap: 15px; align-items: self-start; padding: 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li:before { display: none; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li + li { padding: 15px 0 0 0; margin: 0; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li span.icon img { width: 24px; display: block; transform: translateY(1px); }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li span.icon { display: block; width: 24px; }
.tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li span.point-text { width: calc(100% - 39px); font-size: 16px; line-height: 26px; }
@media screen and (min-width:1200px) {
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list > .tabs-title { display: none; }
}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    .tools-tabing { padding: 0 0 60px 0; }
    .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { min-width: 200px; }
    .tools-tabing .tools-tabing-main .tab-content { padding: 30px 40px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box,
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box {padding: 15px 20px;}
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner { flex-direction: column; gap: 30px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details, .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes { width: 100%; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box { margin: 30px 0 0 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .workplandigital-title { }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .workplandigital-title h3.workplandigitalh3.fw-semibold { margin: 0 0 5px 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box .workplandigital-title { margin: 0 0 10px 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content { margin: 10px 0 40px 0; padding: 10px 20px; background-color: #3e7b60; border-radius: 10px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list + .tab-content-list { padding: 10px 0 0 0; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .tools-tabing .tools-tabing-main .tab-wrapper { display: none; }
    .tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { display: none; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-title { font-size: 26px; line-height: 38px; font-weight: 500; cursor: pointer; position: relative; transition: 400ms; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-title:After { background: url(../image/right-arrow.svg) no-repeat center center / contain; content: ''; filter: brightness(0) invert(1); width: 10px; height: 38px; position: absolute; right: 0; top: 0; transform: rotate(90deg); transition: 400ms; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-title.active:After { transform: rotate(-90deg); }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content { display: none; }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .content,
    .tools-tabing .tools-tabing-title-content .content, .services-main .services-main-inner .services-main-details .content,
    .tracking-strip .tracking-strip-inner .tracking-listing .tracking-list .tracking-list-points ul li,
    .tracking-strip .tracking-strip-inner .content { font-size: 16px; line-height: 22px; font-weight: 500; }
    .tools-tabing .tools-tabing-main .tab-content { padding: 10px 20px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-title { font-size: 22px; line-height: 34px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner { flex-direction: column; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box.box-advantages, .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box.box-disadvantages { border-radius: 12px; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box ul li + li { padding: 5px 0 0 0; }
    .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-right-boxes .tabs-content-right-boxes-inner .tabs-content-right-box, .tools-tabing .tools-tabing-main .tab-content .tab-content-list .tabs-content .tabs-content-inner .tabs-content-details .tabs-content-box { padding: 15px 20px 25px 20px; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}



.benefits-tracking { position: relative; padding: 0 30px; }
.benefits-tracking .benefits-tracking-inner .content { color: #555555; font-family: var(--secondaryfontfamily); max-width: 1100px; margin: 20px auto 80px auto; }
.benefits-tracking .benefits-tracking-listing-inner { display: flex; gap: 2%; }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list { width: 49%; }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list .list-image img { display: block; width: 100%; height: 420px; object-fit: cover; }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employees .list-image img, .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employees .list-points { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers .list-image img, .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers .list-points { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list .list-points { max-width: 630px; padding: 30px 40px; background-color: #ffffff; box-shadow: 0px 16px 40px 0px #0000001A; margin: -70px 0 0 0; z-index: 2; position: relative; border: 1px solid #0000001F }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employees .list-points { margin: -70px 0 0 auto; }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers .list-points { }
.benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers { }
.benefits-tracking .benefits-tracking-inner { text-align: center; }
.benefits-tracking .benefits-tracking-inner [class*="button--"] { margin: 60px 0 0 0; }
.benefits-tracking .benefits-tracking-inner > div:not([class*="button--"]) { text-align: left; }
.benefits-tracking .benefits-tracking-inner > .workplandigital-title.text-center,
.benefits-tracking .benefits-tracking-inner > .content.text-center { text-align: center; }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list .list-points { padding: 20px 30px; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .benefits-tracking .benefits-tracking-inner .content { margin: 20px auto 40px auto; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employees .list-points { margin: 0; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list .list-points { max-width: 100%; margin: 0; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers .list-points { border-top-right-radius: 0; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employees .list-points { border-top-left-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employees .list-image img { border-top-right-radius: 10px; border-bottom-left-radius: 0; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers .list-image img { border-bottom-right-radius: 0; border-top-left-radius: 10px; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list .list-points { padding: 20px 15px; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list .list-points ul li { font-size: 14px; line-height: 22px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .benefits-tracking { padding: 0 15px; }
    .benefits-tracking .benefits-tracking-listing-inner { flex-direction: column; gap: 0; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list { width: 100%; margin: 0 0 0 0; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list + .benefits-tracking-list { margin: 30px 0 0 0; }
    .benefits-tracking .benefits-tracking-listing-inner .benefits-tracking-list.benefits-employers .list-points { height: auto !important; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}




.checklist-recording { overflow: hidden; padding: 120px 0; position: relative; }
.checklist-recording .checklist-recording-title-content { max-width: 980px; margin: 0 auto; }
.checklist-recording .listing .list { display: flex; border-top: 1px solid #D9D9D9; margin: 50px 0 0 0; padding: 50px 0 0 0; }
.checklist-recording .listing .list .list-count { width: 52px; height: 50px; background-color: #3E7B60; display: flex; align-items: center; justify-content: center; font-size: 32px; line-height: normal; border-radius: 8px; }
.checklist-recording .listing .list .content { width: 797px; }
.checklist-recording .listing .list .workplandigital-title { width: calc(100% - 797px); padding: 0 20px 0 40px; }
.checklist-recording .listing .list .workplandigital-title h4.workplandigitalh4 { max-width: 310px; margin:0; }
.checklist-recording .listing .list .list-count span { background: linear-gradient(169.9deg, #FFFFFF 4.79%, #10B981 77.9%); background-clip: text; -webkit-text-fill-color: transparent; transform: translateY(3px); }
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1428.98px) {
    .checklist-recording .listing .list { margin: 20px 0 0 0; padding: 20px 0 0 0; }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .checklist-recording { padding: 60px 0; }
    .checklist-recording .listing .list { flex-direction: column; position: relative; }
    .checklist-recording .listing .list .list-count { position: absolute; left: 0; }
    .checklist-recording .listing .list .workplandigital-title { width: 100%; padding: 6px 0 0 80px; }
    .checklist-recording .listing .list .content { width: 100%; padding: 0 0 0 80px; }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .checklist-recording .listing .list .workplandigital-title, .checklist-recording .listing .list .content { padding: 0 0 0 50px; }
    .checklist-recording .listing .list .list-count { width: 30px; height: 30px; font-size: 22px; }
    .checklist-recording .listing .list .list-count span { transform: translateY(2px); }
    .checklist-recording .listing .list .content { font-size: 14px; line-height: 20px; }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}



.banner-title h1 { font-size: 60px; line-height: 80px; }
.tools-tabing .tools-tabing-main .tab-wrapper .tabs-title { padding: 13px 20px; }
@media (max-width:1428.98px) {
    .banner-title h1 { font-size: 44px; line-height: 60px; }
}
@media (max-width:767.98px) {
    .banner-title h1 { font-size: 32px; line-height: 40px; }
}





p.paragraph-no-padding { margin: 0; }
section.content-page h2.heading-no-margin { margin: 0; }

section.content-page { padding: 60px 0; font-family: var(--secondaryfontfamily); font-weight: 500; line-height: 34px; font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem); }
section.content-page h2,
section.content-page h3,
section.content-page h4 { color: #10B981; }


section.content-page h2 { font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3.5rem); }
section.content-page h3 { font-size: clamp(1.375rem, 1.15rem + 1.125vw, 3rem); }
section.content-page h4 { font-size: clamp(1.125rem, 1.05rem + 0.375vw, 2rem); }

section.content-page h2,
section.content-page h3,
section.content-page h4 { line-height: 1.4; display: block; clear: both; margin: 0; color: #10B981; }

section.content-page h2 { margin: 0 0 20px 0; }
section.content-page h3 { margin: 0 0 10px 0; }
section.content-page h4 { margin: 0 0 10px 0; }
section.content-page p + h2 { margin: 50px 0 20px 0; }
section.content-page p + h3 { margin: 40px 0 10px 0; }
section.content-page p + h4 { margin: 40px 0 10px 0; }