:root {
    --gray01-color:#6B7280;
    --text-color:#333333;
    --primary-color:#6161FF;
    --primary-hover-color:#292663;
}
* { box-sizing: border-box; }
html body { padding:0; font-size:16px; /* font-family: "Poppins", sans-serif;*/ }

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    color: #333;
    letter-spacing: 0;
}
h3, h4, h5, h6 {
    font-weight: 500;
}
h1 { font-size:56px; line-height: 1.3; }
h2 { font-size:48px; line-height: 1.2; }
:is(button, a, input, select, textarea, .button):focus { outline: none; box-shadow: none; }
button, 
input[type="reset"],
input[type="submit"] { text-transform: none; }
.text-primary { color:var(--primary-color) !important; }

input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
input:read-write, select, textarea { 
    height: 44px; padding: 10px 14px; border: 1px solid #ddd;
    border-radius: 8px; box-sizing: border-box;
    font-weight:300;
    margin-right: 0;
 }
textarea {
    height: 80px; min-height: 80px;
}

button:hover, 
input:is([type="reset"], [type="submit"]):hover { background:var(--primary-color); border-color:var(--primary-color);
color:#fff; box-shadow:none; }

#main-nav a, 
#site-logo { text-transform: none; }
#main-nav a { font-size:15px; }
.testimonial-entry-content p { font-size:16px; }
.testimonial-author { font-size: 16px; }
.row_inner { width: min(1400px,100%); }
.pagewidth { width: min(1400px,100%); }

#footer a { text-decoration:none; }
#footerwrap .widgettitle, 
#footerwrap h4 { font-size: 18px; font-weight: 700; text-transform: none; color: #fff; }
.footer-left-col .footer-text { border-color:rgba(255,255,255,0.8); padding-top:30px; margin-top: 40px;
  display: inline-block; width: 100%; }
#footerwrap { padding: 80px 0 0; background: #333333; }
footer .wp-widget-group__inner-blocks p { margin-bottom:12px; }

#headerwrap { /* box-shadow: 0px 4px 8px rgba(107, 114, 128, 0.15); */ box-shadow:none; border-bottom: 1px solid #D1D3D4; }
#header { padding:22px 0;  }
.footer-widgets-wrap { margin-top:0; }
#footerwrap .main-col.first {  }
.footer-text .one { width:100%; margin: 0; }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap:wrap; gap:6px; }
.footer-bottom ul { display:flex; gap:4px 24px; margin:0; flex-wrap: wrap; }
.footer-bottom ul li { list-style:none; margin: 0; font-size: 12px; }
.footer-bottom p { margin:0; font-size: 12px; }
.footer-text { padding: 28px 0; border-top: 1px solid rgba(255,255,255,0.3); }
#footerwrap .widgettitle, 
#footerwrap h4 { font-size: 24px; font-weight: 600; margin-bottom:20px; }
#footerwrap .widget li { padding: 0 0 14px; line-height: 1.2; font-size: 16px; }
.section { padding:60px 0; }
#footer-logo { margin-bottom: 30px; }
#footer-logo img { vertical-align: top; display: block; }
#footerwrap .footer-socials h3 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.footer-socials { padding-bottom: 40px; }
#footerwrap .footer-socials ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap:10px 24px; }
#footerwrap .footer-socials ul li { margin: 0; padding: 0; list-style: none; }
#footerwrap .footer-socials ul li a { background: #F2F2F2; border-radius: 100%; width: 32px; height: 32px; display: flex;
align-items: center; justify-content: center; padding: 5px; }
#footerwrap .footer-app-download h3 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
#footerwrap .footer-app-download ul { list-style: none; margin: 0; padding: 0; display: flex; gap:10px; }
#footerwrap .footer-app-download ul li { list-style: none; margin: 0; padding: 0; }

/*header*/
/*megamenu*/
.mb-mm-auto-wrap { position:relative; width: 100%;
  display: flex; justify-content: center; }
#header { display: flex; align-items: center; justify-content: space-between; }
#header:after { display:none; }
.mb-megamenu .mb-top-item { margin:0; }
.mb-megamenu { width:100%; padding-left:30px; }
.mb-megamenu .mb-top-item.ml-auto { margin-left:auto; }
/*.mb-megamenu .mb-top-item.portal-login { margin-left:auto; }*/
.mb-megamenu .mb-top-item > a { font-size:15px; font-weight:300; padding: 4px; }
.mb-top-item.menu-item-has-children > a::after { content: "\e09e"; font-family: uicons-thin-rounded; border:0;
width: auto; height: auto; }
.mb-megamenu .mb-top-item.contact-sales > a { background-color: #fff; border: 1px solid var(--primary-color);  color:var(--primary-color); padding: 8px 28px; border-radius: 40px; }
.mb-megamenu .mb-top-item.portal-login > a { background-color: var(--primary-color);  color: #ffffff; padding: 8px 28px; border-radius: 40px; }
.mb-megamenu .mb-megamenu-list { gap:20px; }
.mb-megamenu .mb-mega-panel { border: 1px solid #D9D9D9; box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.21); border-radius: 4px; 
padding:20px; min-width:680px; }
.mb-megamenu .mb-v2-col-title,
.mb-megamenu .mb-mega-head-main, 
.mb-megamenu .mb-mega-head-secondary { font-weight: 300; color: #6B7280; margin-bottom:17px; font-size:12px; letter-spacing: 0; }
.mb-megamenu .mb-card > a { padding:0; background:transparent; }
.mb-megamenu .mb-card-icon { flex: 0 0 36px; width: 36px; height: 36px; background: #F2F2F2; border-radius: 6px; padding: 4px; }
.mb-megamenu .mb-card-title { font-weight:400; font-size:13px; color:#333; }
.mb-megamenu .mb-card:hover > a .mb-card-title { color:var(--primary-color); }
.mb-megamenu .mb-card-desc { font-weight: 300; font-size: 11px; line-height: 1.3; }
.mb-megamenu .mb-mega-col-secondary { padding-left:20px; min-width: 160px; }
.mb-megamenu .mb-card-icon img { width:26px; height:26px; }
.mb-mega-col-secondary .mb-simple-title { font-weight: 400; font-size: 13px; }
.mb-mega-col-secondary .mb-simple > a { padding:0; background: transparent; }
.mb-mega-col-secondary .mb-simple-icon img { width:15px; height:15px; }
.mb-megamenu .mb-mega-panel-inner { gap:20px; align-items: inherit; }
.mb-submenu-bar .mb-submenu-list { padding:0; }
.mb-submenu-bar .mb-submenu-list li { margin:0; padding:0; border:0; }
.mb-mm-submenu-only .mb-submenu-bar { border-top: 1px solid var(--mb-border); margin-bottom: -1px; border-bottom:0; }
.mb-submenu-inner { padding: 0; width: min(1400px,100%); margin: 0 auto; flex-wrap:wrap; gap: 0px 28px; }
.mb-submenu-inner .mb-submenu-item > a { font-weight:400; padding: 20px 3px; }
.mb-submenu-inner .mb-submenu-title { font-weight: 500; font-size: 22px; padding: 10px 30px 10px 0; border: 0; line-height:1.1; }
.mb-plain-dropdown .mb-plain-item > a { border-radius: 0; }
.mb-plain-dropdown .mb-plain-item > a:hover { background: rgba(217, 217, 217, 0.2); }
.mb-plain-dropdown .mb-plain-item { margin-bottom:0; }
.mb-megamenu-list .mb-plain-dropdown { padding:0; }
.mb-megamenu-list .mb-plain-dropdown .mb-plain-submenu { padding:0; margin-left:0; transform: translateX(0px); }
.mb-megamenu button:hover { background-color: transparent; box-shadow: none; }
.mb-mm-nav-only { z-index:9; }
.mb-megamenu .mb-v2-item > a:hover { background: transparent; }
.mb-megamenu .mb-v2-item > a { padding: 0; background: transparent; font-weight:400; }
.mb-megamenu .mb-v2-icon { flex: 0 0 16px; width: 16px; height: 16px; }
.mb-megamenu .mb-v2-label { font-size:13px; }
.mb-megamenu .mb-v2-col:not(:last-child) { border-right: 1px solid var(--mb-border); }

#headerwrap:has(.mb-submenu-bar) {
    position: relative;
    top: 0;
}

.fixed-header .mb-mm-submenu-only:has(.mb-submenu-bar) {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
}
header .mb-plain-item.current-menu-item > a { color:var(--primary-color); }

/*cms*/
.cms-submenu-bar { background: #f9fafb; }
.cms-submenu-bar .mb-submenu-list li { margin: 0; padding: 0; border: 0; }
.cms-submenu-bar .mb-submenu-list { padding:0; }
.cms-submenu-sticky { position:sticky; top:0; z-index: 2; }
body:has(.cms-submenu-sticky) #headerwrap { position: relative; top: 0; }
.cms-submenu-bar .mb-submenu-item > a { border-bottom:0; }

/*megamenu end*/


#main-nav a[href="#"] { /* pointer-events:none;*/ }
header #main-nav-wrap { 
align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
header #main-nav { 
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 300;
}
header #main-nav > li:first-child {
    margin-left: auto;
}
#main-nav .highlight-link:last-child { margin-left:auto; }  

#main-nav .child-arrow { display:block; }
.header-bottom { text-align:center; }
.header-bottom p { margin:0; font-size:14px; }
#main-nav > li.menu-item-has-children > a { padding-right: 30px; }
#main-nav .sub-menu .menu-item .child-arrow { transform: rotate(-90deg); top: 3px; width:32px; height:32px; }
#main-nav li > .sub-menu { background: #FFF; border: 1px solid #D9D9D9; box-shadow: 0px 4px 10px rgba(51, 51, 51, 0.21);
  border-radius: 4px; width:230px; }
#main-nav ul a { font-size:14px; }
#main-nav ul .current-menu-parent > a,
#main-nav ul .current-menu-item > a, 
#main-nav ul .current_page_item > a, 
#main-nav ul li:hover > a { background: rgba(217, 217, 217, 0.2); color:var(--primary-color); }

/*header end*/

/*home page css*/
.home-banner { border-radius: 0px 0px 30px 30px; }
.home-banner h1 { font-weight: 600; font-size: 60px; line-height: 1.4; color:var(--text-color); }
.home-banner h1 span { display:block; }
.home-banner p { color:var(--text-color); font-size:24px; font-weight:300; line-height: 1.4; max-width: 550px; }
.home-banner .image-wrap img {}
.home-banner .ui.builder_button,
.home-banner .module-buttons-item a{ border-radius:40px; font-size:16px; color:#6161FF; border:1px solid #6161FF; background:transparent;
padding:10px 28px; text-transform: none; font-weight: 400; }
.home-banner .module-buttons { margin: 0px; display: flex; flex-wrap: wrap; gap: 8px 12px; }
.home-banner #startFree-btn { margin: 0px auto; }
.home-banner #book-consult-btn { background:#6161FF; color:#fff;  margin: 0px auto; }
.home-banner #book-consult-btn:hover,
.home-banner .module-buttons-item a:hover,
.home-banner .ui.builder_button:hover { background:#6161FF; color:#fff; }
.home-trusted-logo .trusted-logo-row { padding:0 !important; background:transparent !important; }
.home-trusted-logo .trusted-logo-row h3 { font-size:24px; font-weight:300; }

.testimonials-section h2 { color:#111827; font-size:38px; max-width: 900px; margin: 0 auto 16px; font-weight:500; } 
.module-testimonial-slider.image-bubble .testimonial-content { background: #FFFFFF; border: 1px solid rgba(0,0,0,0.3); border-radius: 18px; 
box-shadow: none; padding:36px; display:block; margin-bottom:0; }
.module-testimonial-slider.image-bubble .testimonial-image { transform: none; display: inline-block; vertical-align: middle; }
.testimonial-author { display: inline-block; width: calc(100% - 60px); vertical-align: middle; padding-left: 10px;
  box-sizing: border-box; }
.testimonial-author { color:#111827; font-size:16px; line-height:1.2; }  
.person-position { color:#6B7280; font-size:12px; display:block; }
.module-testimonial-slider.image-bubble .person-name { margin-bottom:2px; }
.module-testimonial-slider.image-bubble .carousel-nav-wrap { top: -72px; width: auto; padding: 0; bottom:auto; }
.testimonials-section .post { margin-bottom:1px; }
.module-testimonial-slider { margin-bottom:0; }
.module-testimonial-slider.image-bubble .tf_swiper-wrapper { padding-bottom:0; }
.home-platform h2 { max-width: 800px; margin: 0 auto 20px; }
.home-platform h2 span { display:block; }
.home-platform p { font-size: 22px; max-width: 1200px; margin: 0 auto; }

.pricing-tabs.home-platform-tab .ui .tab-content { max-width:100%; }
.pricing-tabs.home-platform-tab .ui .tab-nav li a { padding: 12px 22px; }
.pricing-tabs.home-platform-tab .ui .tab-nav li { font-size:18px; }
.home-platform-tab .module-title { font-size:34px; margin-bottom: 12px; }
.home-platform-tab h2 { margin-bottom:40px; }
.home-platform-tab h2 span { display:block; }
.home-platform-tab ul { margin:0; }
.home-platform-tab ul li { margin:0 0 5px; font-weight:300; list-style:none; }
.integration-list { margin:60px 0 40px; }
.home-platform-tab .ui.module.module-tab { margin-bottom:0; }

.home-banner .module-buttons-item + .module-buttons-item { margin-left: 0; }

/****/
.built-results-row .module .tb-image-wrap { width: 60px; height: 60px; min-width: 60px; border-radius: 10px;
background: var(--primary-color); display: flex; align-items: center; justify-content: center; }
.built-results-row .module_column { background: #FFFFFF; box-shadow: 0px 4px 10px rgba(107, 114, 128, 0.5);
border-radius: 20px; padding:40px 110px 30px 30px; overflow: hidden; }
.built-results-row .tb-menu-title { margin-bottom: 10px; font-size: 20px; font-weight: 500; }
.built-results-row .tb-menu-description { font-size: 20px; font-weight: 300; margin-bottom: 0; }
.built-results-row { gap:60px; margin-bottom: 40px; }
.built-results-row .module-service-menu  { margin-bottom: 0 !important }
.built-results-row:last-child { margin-bottom: 0; }
.built-results-row .module_column:before { position: absolute; width: 150px; height: 150px; right: -40px;
top:-40px; background: rgba(245, 166, 35, 0.14); border-radius: 100%; content: ""; }
.built-results-row .module_column.circle2:before { background: rgba(80, 227, 194, 0.14); }
.built-results-row .module_column.circle3:before { background: rgba(97, 97, 255, 0.14); }
.built-results-row .module_column.circle4:before { background: rgba(217, 60, 101, 0.14); }
.setup-section .darkgray-btn .ui.builder_button { padding: 10px 28px; margin-top: 30px; font-size: 16px; }

.setup-process {    
    text-align: center;
}

.setup-process h2 {
    margin: 0 0 36px;
    color: #333;    
    line-height: 1.2;
}

.setup-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1080px;
    margin: 0 auto;
    gap:20px;
}

/* Dotted connecting line */
.setup-steps::before {
    content: "";
    position: absolute;
    top: 60px;
    left: 16.666%;
    right: 16.666%;
    border-top: 1px dashed #6161FF;
    z-index: 0;
}

.setup-step {
    position: relative;
    z-index: 1;
    text-align: center;
}

.step-number {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #625cff;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
}

.step-content h3 {
    margin: 0 0 10px;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

.step-content p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
}


/* Tablet */
@media (max-width: 768px) {
    .setup-process h2 {
        font-size: 30px;
    }

    .setup-steps {
        max-width: 700px;
    }

    .step-content p br {
        display: none;
    }
}


/****/

.integration-row {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 24px;
    align-items: center;
    margin-bottom: 24px;
}

.integration-category {
    min-height: 56px;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eeeeff;
    border-radius: 7px;
    color: #625cff;
    font-size: 24px;
    text-align: center;
}

.integration-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 7px;
    width: fit-content;
    max-width: 100%;
}

.integration-item {
    min-height: 42px;
    padding: 10px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    white-space: nowrap;
    box-sizing: border-box;
    height: 56px;
}

.integration-item img {
    max-height: 100%;
    object-fit: contain;
    flex-shrink: 0;
}

.integration-item span {
    color: #555;
    font-size: 13px;
}

.subscription-plan {
    text-align: center;
}

.subscription-plan__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12/px;
    flex-wrap: wrap;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
}

.subscription-plan__title .highlight {
    color: #625cff;
}

.subscription-plan__title .arrow {  color: #333;font-weight: 400; line-height: 1; font-size: 25px; margin:0 10px; }

.subscription-plan p {
    margin: 4px 0 0;
    font-size: 20px;
    line-height: 1.5;
    color: #666;
    font-weight: 300;
}


/* Tablet */
@media (max-width: 991px) {
    .integration-row {
        grid-template-columns: 150px 1fr;
        gap: 15px;
        align-items: start;
    }

    .integration-items {
        width: 100%;
    }
}

/* TRUSTED LOGO SECTION */
.trusted-logo-row .row_inner{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
}

/* IMAGE MODULE */
.trusted-logo-row .module-image{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* LOGO IMAGE */
.trusted-logo-row img{
    max-height:48px;
    width:auto;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.9;
    /*transition:all .3s ease;*/
}

/* HOVER EFFECT */
.trusted-logo-row img:hover{
    filter:grayscale(0%);
    opacity:1;
    /*transform:scale(1.05);*/
}
.trusted-logo-row .module-image.auto_fullwidth :is(.image-wrap,img) { height: 48px; }
/* MOBILE */
@media(max-width:768px){
    .trusted-logo-row .module_subrow.themify_builder_sub_row.tf_w.col_align_top.tb_col_count_5.tb_kl5j171{ display: flex; flex-direction: column; gap: 28px; }
    .empower-workforce-tab .module-image .image-wrap img { margin-left: 0px; }
    .empower-workforce-tab .module.ui .module-tab .tb_zpw5617 { display: flex; flex-direction: column; } 
    .trusted-logo-row img{  max-height:36px; }
}
.empower-workforce-img{
    text-align:center;
}

.empower-workforce-tab .module-image .image-wrap img {
    margin-left: 90px;
}
.empower-workforce-tab .ui.vertical>.tab-nav { width: 300px; }

.empower-workforce-tab .ui.transparent>ul.tab-nav li {
    background-color: #FFFFFF;
    padding: 0px;
    color: #333333;
    width: 250px;
    border: 1px solid #333333;
    border-radius: 12px;
    margin-bottom: 12px;
    height: 50px;
}

.empower-workforce-tab .ui.transparent>ul.tab-nav li.current {
    background-color: #6161FF;
    padding: 0px;
    color: #fff;
    width: 250px;
    border: 1px solid #6161FF;
    border-radius: 12px;
    margin-bottom: 12px;
    height: 50px;
}
.empower-workforce-tab .ui.vertical>.tab-nav li a { padding: 1em 1.25em; }
.empower-workforce-tab .ui .tab-content { padding: 0 1.3em 0 1.3em; }
.empower-workforce-tab .module-fancy-heading .fancy-heading {
    line-height: 2.25;
}

/* ===================================== EMPLOYEE LIFECYCLE FLOW ===================================== */

.emp-lifecycle-flow{
    padding:80px 0;
}

/* TITLE */
.tb_rjg2421 p{
    font-size:64px;
    font-weight:500;
    color:#2d2d2d;
    margin-bottom:50px;
    line-height:1.1;
}

/* ROW */
.emp-lifecycle-flow-row{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:40px;
    position:relative;
}

/* EACH ITEM */
.emp-lifecycle-flow-row .sub_column{
    position:relative;
    text-align:center;
}

/* IMAGE */
.emp-lifecycle-flow-row img{
    width:150px;
    height:auto;
    transition:all .3s ease;
}

/* HOVER */
.emp-lifecycle-flow-row .sub_column:hover img{
    transform:translateY(-5px);
}

.emp-lifecycle-flow-row .sub_column:not(:last-child)::after{
    content:"→";
    position: absolute;
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
    font-size: 32px;
    color: #333333;
    font-weight: bolder;
    z-index: 5;
}

@media(max-width:991px){
    .emp-lifecycle-flow-row{
        flex-wrap:wrap;
        gap:30px;
    }
    .emp-lifecycle-flow-row .sub_column::after{
        display:none;
    }
    .tb_rjg2421 p{
        font-size:42px;
    }
}

/* MOBILE */
@media(max-width:767px){
    .tb_rjg2421 p{
        font-size:34px;
    }
    .emp-lifecycle-flow-row img{
        width:120px;
    }
}

.automation-benefits .module-fancy-heading .tf_textc .sub-head:before{ border: none; display: none; }

.plan-section { padding:80px 0 60px; }
.plan-row .sub_column { text-align:left; border-radius: 18px; padding:34px; box-shadow: none; 
background: #FFFFFF; border: 1px solid rgba(41, 38, 99, 0.69); color:#333; transition: 0.3s; }
.plan-row .sub_column:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 25px 30px; }
.plan-row .sub_column.plan-col-second { background: var(--primary-color); border: 1px solid var(--primary-color); color:#fff; }
.plan-section h2 { color:#333; font-weight:600; max-width: 780px; margin: 0 auto 50px; } 
.plan-section h2 .sub-head { font-size: 24px; font-weight: 300; padding:15px 0 0; }  
.plan-row .sub_column h3 { font-size:20px; margin-bottom:10px; font-weight:600; color:var(--primary-color); }
.plan-row .sub_column p { font-size:14px; margin-bottom:10px; }
.plan-row .price-type { font-size:20px; color: #333; }
.plan-row .price { font-size:40px; color: #111827; }
.plan-row .currency { font-size:40px; color: #111827; }
.price-row  { line-height:1; }
.plan-row .old-price { font-size:30px; color: rgba(107, 114, 128, 0.5); }
.plan-row .old-price .price-type { color: rgba(107, 114, 128, 0.5); }
.plan-row .feature-list { margin: 0; border-top: 1px solid rgba(107, 114, 128, 0.14); margin: 20px -34px 0; padding: 22px 34px 0; }
.plan-row .module-buttons-item { margin-top: 30px; }
.plan-row .feature-list li { margin: 0 0 8px 10px; font-size: 16px; color: #333; }
.plan-row .billing-text { color: #111827; padding-bottom: 15px; }

.plan-row .plan-col-second .feature-list { border-color:rgba(255, 255, 255, 0.3) }
.plan-row .sub_column.plan-col-second h3,
.plan-row .plan-col-second .feature-list li,
.plan-row .plan-col-second .sub_column p,
.plan-row .plan-col-second .old-price .price-type,
.plan-row .plan-col-second .old-price,
.plan-row .plan-col-second .price,
.plan-row .plan-col-second .price-type,
.plan-row .plan-col-second .currency,
.plan-row .plan-col-second .billing-text,
.plan-row .plan-col-second .price { color:#fff; }

.faq-section { padding:60px 0; }
.faq-section ul.ui.module-accordion .accordion-title a { justify-content: space-between; width: 100%; flex-direction: row-reverse; 
color: #FFFFFF; font-size: 22px; font-weight: 400; }
.faq-section h2 { color:#FFFFFF; }
.faq-section .ui.module-accordion.transparent li { background: #333333; color: #fff; }
.faq-section ul.ui.separate > li { padding:12px 0px !important; background-color: #fff;
  box-shadow: none !important; border: 0; border-bottom: 1px solid #6B7280; border-radius: 0 !important;margin: 0 !important; }
.faq-section .row_inner { width: min(800px,100%); }
.faq-section .separate > li > .accordion-content { padding: 10px 0 0 !important; }
.faq-section ul.ui.module-accordion .accordion-title a { color: #FFFFFF; }


/*home page css end*/

/*home slider*/

.home-slider {
    position:relative;
    width:100%; max-width:900px;  height:320px;
    background:transparent;  overflow:visible;
  }

  .home-slider .label{
    position:absolute; top:6px; left:0; right:0;
    text-align:center; font-size:18px; font-weight:700;
    color:var(--primary-color); letter-spacing:.2px;
    transition:opacity .6s ease;
  }

  .home-slider .cards {
    position:absolute; top:0; left:0; right:0; bottom:20px;
    display:flex; align-items:flex-end; justify-content:center;
    perspective:1400px; transform-style:preserve-3d;
  }

  .home-slider .card{
    position:absolute; bottom:30px; width:150px; height:180px;
    border-radius:28px;
    /*background:linear-gradient(160deg, #ffffff 0%, #f6f5fa 55%, #ecebf3 100%);
    box-shadow:0 18px 30px -14px rgba(90,80,140,.22), 0 2px 4px rgba(90,80,140,.05);*/
    display:flex; align-items:center; justify-content:center;
    transition:transform 1.1s cubic-bezier(.22,.61,.36,1), opacity .9s ease, box-shadow 1.1s ease;
    transform-origin:bottom center;

    background: linear-gradient(180deg, #F7F7F7 0%, #CCCCCC 151.71%);
    box-shadow: 0px 4px 12px rgba(107, 114, 128, 0.6);
  }

  .home-slider .card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    background:linear-gradient(160deg, rgba(255,255,255,.9), rgba(255,255,255,0) 55%);
    pointer-events:none;
  }

  .home-slider .card svg {
    width:34px; height:34px; position:relative; z-index:2;
    filter:drop-shadow(0 6px 8px rgba(90,80,160,.2));
  }

  .home-slider .card .icon-img {
    width:100px; height:auto; position:relative; z-index:2;
    filter:drop-shadow(0 10px 12px rgba(90,80,160,.28));
    transition:width 1.1s cubic-bezier(.22,.61,.36,1), filter 1.1s ease;
    padding: 10px;
  }

  .home-slider .card.center{
    width:200px; height:200px;
/*    background:linear-gradient(160deg, #ffffff 0%, #f7f6fb 55%, #eeecf6 100%);
    box-shadow:0 26px 40px -16px rgba(90,80,150,.28), 0 4px 10px rgba(90,80,150,.07);*/
    z-index:5;    
  }
  .home-slider .card.center svg { width:48px; height:48px; }
  .home-slider .card.center .icon-img{
    width:150px;
    filter:drop-shadow(0 14px 16px rgba(90,80,160,.3));
  }

  .home-slider .controls { position:absolute; bottom:20px; right:26px; z-index:10;
  }
  .home-slider .pause-btn{
    width:36px; height:36px; border-radius:50%; border:1px solid var(--primary-color); background:#fff; color:var(--primary-color);
    display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:14px; padding: 0; transform: none;
  }
  .home-slider .pause-btn:hover{ background:#f1efff; }
  .home-slider .caption {
    position:absolute; bottom:16px; left:0; right:0; text-align:center;
    color:#7a7a7a; font-size:13px;
  }

/*home slider end*/

/*Employee management*/
.full-bg-img { 
    margin-left: 60px;
    margin-right: 60px;
    width: auto;
    border-radius: 16px;
 }
.full-bg-content-top {
    margin-left: 60px;
    margin-right: 60px;
    width: auto;
    border-radius: 16px;
    margin-top:80px;
} 
.full-bg-img .module-image { margin-top:-160px;  }
.full-bg-content-top:has(+ .full-bg-img .rectangle-pattern) { padding-bottom:130px; }
.full-bg-content-top + .full-bg-img .module-image.rectangle-pattern { margin-top:-200px; }
.full-bg-img .module-image.rectangle-pattern:before,
.full-bg-img .module-image.rectangle-pattern:after { content:""; background:url(../images/rectangle-shape.svg) 0 0 no-repeat; 
    width:120px; height:120px; position:absolute; left:-55px; top:-60px; background-size:100% auto; z-index: -1; }
.full-bg-img .module-image.rectangle-pattern:after { left:auto; right:-55px; }

.full-bg-img .module-image.rectangle-pattern.rectangle-btm:before,
.full-bg-img .module-image.rectangle-pattern.rectangle-btm:after { top:auto; bottom:-50px; }


.full-bg-img .module-image.round-pattern:before,
.full-bg-img .module-image.round-pattern:after { content:""; background:url(../images/round-shape.svg) 0 0 no-repeat; 
    width:90px; height:90px; position:absolute; left:-40px; bottom:-40px; background-size:100% auto; }
.full-bg-img .module-image.round-pattern:after { left:auto; right:-40px; }
.full-bg-img .module-image.round-pattern .image-wrap { z-index:1; }

.full-bg-img .module-image .image-wrap { position:relative; } 
.full-bg-img .module-image .image-wrap img { border-radius:20px; box-shadow:0px 4px 20px rgba(107, 114, 128, 0.3); }
.full-bg-img .module-image .image-wrap:before,
.full-bg-img .module-image .image-wrap:after { content:""; background:url(../images/dots.svg) 0 0 no-repeat; width:36px; 
height:130px; position:absolute; left:-55px; top:12px; background-size:100% auto; }
.full-bg-img .module-image .image-wrap:after { left:auto; right:-55px; }
.full-bg-content-top ~ .full-bg-img .module-image .image-wrap:before { top: -38px; height: 80px; }
.full-bg-content-top ~ .full-bg-img .module-image .image-wrap:after { height: 80px; bottom: 10px; top: auto; }
.full-bg-content-top ~ .full-bg-img .module-image .image-wrap:before { top: -38px; height: 80px; }
.full-bg-content-top ~ .full-bg-img.left-dots-bottom .module-image .image-wrap::before { bottom: 10px; top: auto; }

.full-bg-content .module_column { max-width: 1100px; margin: 0 auto; }
.full-bg-content { margin-bottom: 100px; }
.full-bg-content p { font-size:20px; }
.schedule-bottom-section { min-height: 170px; }
.schedule-bottom-section .builder_row_cover::before { background-repeat:no-repeat; }
.schedule-bottom-section h2 { font-size:44px; color:#fff; }
.schedule-bottom-section .ui.builder_button { padding-left:60px; padding-right:60px; text-transform: capitalize;
  font-weight: 500; padding-top:15px; padding-bottom:15px; }
.workforce-row .module-image img { border-radius:20px; }
.workforce-row .module-title { font-size: 30px; font-weight: 400; margin-bottom:18px; line-height:1.1;
border-bottom:1px solid #999; display: inline-block; padding-bottom: 15px; }
.workforce-row p { font-size:18px; }
.feature-content { display: flex; gap: 10px; color: #fff; }
.feature-content p { font-size:20px; font-weight:300; }
.feature-content p:last-child { margin-bottom:0; }
.role-section .feature-icon { font-size: 22px; }
.role-section .feature-list h3 { font-size:24px; color:#fff; border-bottom:1px solid #F2F2F2; display:inline-block; padding-bottom:10px;
margin-bottom:10px; font-weight:400; }
.role-section .feature-item:not(:last-child) { margin-bottom: 30px; }
.role-section .slide-image img { border-radius:20px; }
.role-section .slide-image { margin-bottom:0; }
.role-section .carousel-nav-wrap { margin:0; }
.role-section .module-slider { margin-bottom:0; }

.workday-tab .module-tab { display:flex; align-items: center; flex-wrap:wrap; }
.workday-tab .module-tab .tab-nav { width: 50%; order:1; padding:0 0 0 40px; background:transparent; border:0; }
.workday-tab .module-tab .tab-content { width: 50%; padding:0 40px 0 0; background:transparent; border:0; }


.workday-tab .tb_tab_desc { display: flex; gap: 10px; color: #333333; 
font-size:20px; font-weight:300; }
.workday-tab .tb_tab_desc:before { content: "\e17a"; font-family: uicons-solid-rounded; }
.workday-tab li .tb_tab_title { font-size:24px; color:#333333; border-bottom:1px solid #333333; display:inline-block; padding-bottom:10px;
margin-bottom:10px; }
.workday-tab .ui.vertical > .tab-nav li { background:transparent; padding:0; border:0; margin:0; }
.workday-tab .ui.vertical > .tab-nav li:not(:last-child) { margin-bottom: 45px; }
.workday-tab .ui.vertical > .tab-nav li a { padding:0; }
.workday-tab .image-wrap img { border-radius:20px; }
.workday-tab li.current .tb_tab_title { color:var(--primary-color); }
.role-section .module-slider.slider-agency .slide-inner-wrap { align-items:center; }
.role-section .module-slider.slider-agency .slide-image { padding:0 22px 0 0; }
.role-section .module-slider.slider-agency .slide-content { padding:0 0 0 22px; }
.role-section .feature-list ul { margin:0; padding:0; }
.role-section .feature-list li { list-style:none; margin:0 0 10px; color: #fff; display: flex; gap: 10px; }
.role-section .feature-list li:before { content: "\e17a"; font-family: uicons-solid-rounded; }
.role-section .module-slider .module-title { font-size: 28px; max-width: 1150px; margin: 0 auto 40px; font-weight: 400; color: #fff; text-align: center; }
.role-section .subtext p { font-size: 28px; max-width: 1150px; margin: 0 auto 40px; font-weight: 400; color: #fff; text-align: center; }

/*Employee management end*/

/****/
.process-list {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.process-list .process-item {
    position: relative;
    display: flex;
    width: 100%;
    margin-bottom: 48px;
}

.process-list .process-left {
    justify-content: flex-start;
}

.process-list .process-right {
    justify-content: flex-end;
}

.process-list .process-center {
    justify-content: center;
}

.process-list .process-card {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 52%;
    min-height: 112px;
    padding: 18px 22px;
    background: #fff;
    border: 1px solid #99A2B4;
    border-radius: 6px;
}

.process-list .process-icon {
    width: 120px;
    height: 120px;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 32px;
    padding: 10px;
}

.process-list .icon-green {
    background: #e5f8f3;
}

.process-list .icon-purple {
    background: #eeeeff;
}

.process-list .icon-yellow {
    background: #fff5dc;
}

.process-list .icon-pink {
    background: #fff0fb;
}

.process-list .icon-blue {
    background: #eeeeff;
}

.process-list .icon-orange {
    background: #fff2db;
}

.process-list .icon-red {
    background: #ffe9e9;
}

.process-list .process-content h3 {
    margin: 0 0 5px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 500;
    color: #333333;
}

.process-list .process-content p {
    margin: 0;
    font-size: 17px;
    line-height: 1.45;
    color: #333;
    font-weight: 300;
}


/* Desktop */
@media (min-width: 769px) {

    .process-list .process-item:not(:last-child)::after {
        content: "";
        position: absolute;
        border-color: #6B7280;
        border-style: dashed;
        z-index: 1;
    }

    .process-list .process-left:not(:last-child)::after {
        top: 50%;
        left: 48%;
        width: 27%;
        height: calc(100% + 48px);
        border-width: 1px 1px 0 0;
    }

    .process-list .process-right:not(:last-child)::after {
        top: 50%;
        right: 48%;
        width: 27%;
        height: calc(100% + 48px);
        border-width: 1px 0 0 1px;
    }
    .process-list .process-item:has(+ .process-center)::after {
        width: 21%;
    }
}


/* Tablet */
@media (max-width: 991px) {

    .process-list .process-card {
        padding: 12px 12px;
    }

    .process-list .process-icon {
        width: 100px;
        height: 100px;
        min-width: 100px;
        font-size: 26px;
        padding: 10px;
    }

    .process-list .process-content h3 {
        font-size: 16px;
    }

    .process-list .process-content p {
        font-size: 12px;
    }
    .about-conent-row .module-image img {
        border-radius: 10px;
    }
}


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

    .process-list {
        padding-left: 28px;
    }

    .process-list::before {
        content: "";
        position: absolute;
        left: 8px;
        top: 40px;
        bottom: 40px;
        border-left: 1px dashed #aeb7c3;
    }

    .process-list .process-item,
    .process-list .process-left,
    .process-list .process-right,
    .process-list .process-center {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    .process-list .process-item::before {
        content: "";
        position: absolute;
        left: -20px;
        top: 50%;
        width: 20px;
        border-top: 1px dashed #aeb7c3;
    }

    .process-list .process-card {
        width: 100%;
        min-height: auto;
        padding: 15px;
        gap: 12px;
    }

    .process-list .process-icon {
        width: 80px;
        height: 80px;
        min-width: 80px;
        font-size: 24px;
    }

    .process-list .process-content h3 {
        font-size: 15px;
    }

    .process-list .process-content p {
        font-size: 12px;
    }
}


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

    .process-list .process-card {
        align-items: flex-start;
    }

    .process-list .process-icon {
        width: 54px;
        height: 54px;
        min-width: 54px;
        font-size: 21px;
    }

    .process-list .process-content h3 {
        font-size: 14px;
    }

    .process-list .process-content p {
        font-size: 11px;
        line-height: 1.5;
    }
}
/****/

.collaboratio-section h3.module-feature-title { color:#fff; margin: 0 0 15px;
  font-size: 21px; font-weight: 500; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding-bottom: 15px; }
.collaboratio-section p { color:#fff; font-weight:300; }
.collaboratio-section .module-feature-chart-html5 img { border-radius:0; }
.top-left-right-icons:before { content:""; background:url(../images/task-top-icon-left.png) 0 0 no-repeat; width:280px; height:300px;
background-size:contain; position:absolute; left:4%; top:50px; pointer-events:none; }
.top-left-right-icons:after { content:""; background:url(../images/task-top-icon-right.png) 0 0 no-repeat; width:330px; height:240px;
background-size:contain; position:absolute; right:4%; top:50px; pointer-events:none; }
.top-left-right-icons p { max-width: 540px; margin: 0 auto 20px; font-weight: 300; }

.project-teams-slider .tf_swiper-wrapper { gap: 20px; }
.project-teams-slider .tf_swiper-slide { background: rgba(255, 196, 189, 0.4);  border-radius: 24px; padding:30px; text-align:left; 
min-height: 100%; }
.project-teams-slider .module-fancy-heading .fancy-heading { max-width: 900px; margin: 0 auto 40px; }
.project-teams-slider .slide-image { margin: 0 0 70px; width:140px; }
.project-teams-slider .slide-content { padding: 0; font-weight: 300; }
.project-teams-slider .slide-title { font-size:28px; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 12px; }
.project-teams-slider .tf_carousel_nav_wrap a {  width: 48px;
    height: 48px;  border-radius: 50%; background: #F2F2F2; border: 0;
    display: flex; align-items: center; justify-content: center; text-decoration: none;
    transition: all .3s ease; position: relative; }
.project-teams-slider .carousel-nav-wrap { justify-content: end; }    

.project-teams-slider .tf_swiper-slide:nth-child(4n+1) {
    background-color: #FDE4E1;
}
.project-teams-slider .tf_swiper-slide:nth-child(4n+2) {
    background-color: #D2F3EE;
}
.project-teams-slider .tf_swiper-slide:nth-child(4n+3) {
    background-color: #F8DDFC;
}
.project-teams-slider .tf_swiper-slide:nth-child(4n+4) {
    background-color: #E2E3FF;
}

/****/
.gantt-alternatives {    
    padding: 60px 0px 120px;
}

.gantt-alternatives h2 {
    margin: 0 0 44px;
    text-align: center;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #373737;
}

.alternatives-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px 80px;
}

.alternative-card {
    min-height: 230px;
    padding: 24px;
    background: rgba(217, 217, 217, 0.18);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    width: calc((100% - 160px) / 3);
}
.card-number {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #D9D9D9;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.card-number i { line-height:1; }
.card-content {
    margin-top: 70px;
}

.card-content h3 {
    margin: 0 0 9px;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 400;
    color: #333;
}

.card-content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 300;
}

.sticky-section .workforce-row { 
  background: #F0F0F0;
  border-radius: 20px;
  padding: 40px; 
  align-items: flex-start;
}
.sticky-section .workforce-row .module-title { margin-top:20px; } 

/****/
/*recruitment*/
.recruitment-app-slider .workforce-row { align-items:flex-start; }
.recruitment-app-slider { padding: 100px 0 20px; }
.recruitment-app-slider .carousel-nav-wrap { justify-content: end; }
.recruitment-app-slider .tf_swiper-container { margin: 0 -15px; }
.recruitment-app-slider .tf_swiper-slide { padding:0px 15px; text-align:left; min-height: 100%; }
.recruitment-app-slider .module-fancy-heading .fancy-heading { max-width: 900px; margin: 0 0 40px; }
.recruitment-app-slider .slide-image { margin: 0 0 24px; width:100%; }
.recruitment-app-slider .module img { border-radius:24px; }
.recruitment-app-slider .slide-content { padding: 0; font-weight: 300; font-size:18px; }
.recruitment-app-slider .slide-title { font-size:28px; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 12px; }
.recruitment-app-slider .tf_carousel_nav_wrap a {  width: 48px;
    height: 48px;  border-radius: 50%; background: #F2F2F2; border: 0;
    display: flex; align-items: center; justify-content: center; text-decoration: none;
    transition: all .3s ease; position: relative; }
.right-section-scroll .block-scroll-row {  
    background:  linear-gradient(231.49deg, rgba(123, 211, 234, 0.4) 11.12%, rgba(142, 225, 211, 0.4) 36.63%, rgba(161, 238, 189, 0.4) 61.31%, rgba(230, 132, 174, 0.4) 88.73%);;
    border-radius: 24px;
    padding: 40px 0 0 50px;
}
.block-scroll-row .module-image { padding:40px 3px 0 120px; }
.block-scroll-row .image-wrap img { border-radius:20px; width:100%; }
.block-scroll-row .module-title { font-size: 30px; font-weight: 400; margin-bottom:18px; line-height:1.1;
border-bottom:1px solid #999; display: inline-block; padding-bottom: 15px; }
.block-scroll-row p { font-size:18px; padding-right: 20px; max-width: 500px; }
.block-scroll-box { gap:40px; }
.right-section-scroll > .row_inner { align-items: flex-start; }
.right-section-scroll { padding:70px 0 140px; }

.recruit-reports-section { margin-bottom:30px; }
.recruit-reports-section .module-image .image-wrap { margin-bottom:10px; }
.recruit-reports-section .image-title { font-size: 28px; font-weight: 400; margin-bottom:18px; line-height:1.1;
border-bottom:1px solid #999; display: inline-block; padding-bottom: 15px; }
.recruit-reports-section .image-caption { font-size:20px; font-weight:300; }
.recruit-reports-section .module-fancy-heading .sub-head { font-weight: 300; font-size: 24px; max-width: 1160px; margin: 0 auto; line-height: 1.4; }

.openings-tab { padding:120px 0 40px; }
.openings-tab .module-tab { display:flex; align-items: flex-start; flex-wrap:wrap; }
.openings-tab .module-tab .tab-nav { width: 40%; padding:0 40px 0 0px; background:transparent; border:0; }
.openings-tab .module-tab .tab-content { width: 60%; padding:0 0 0 40px; background:transparent; border:0; }


.openings-tab .tb_tab_desc { color: #fff; font-size:17px; font-weight:300; margin-top: 5px; line-height: 1.5; margin-bottom: 16px; 
width: 200px; opacity: 0; transition: opacity .5s; }
.openings-tab .ui.vertical > .tab-nav li.current .tb_tab_desc { width:100%; opacity: 1; }
.openings-tab li .tb_tab_title { font-size:22px; color:#fff; height: 60px; display: flex; align-items: center; gap: 12px; 
font-weight: 300; }
.openings-tab li .tb_tab_title:before { content: "\ef85"; font-family: uicons-thin-rounded; 
background: rgba(217, 217, 217, 0.21); width: 36px;
  height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 100%;
  font-size: 20px; font-weight: 600; min-width: 36px; }

.openings-tab .ui.vertical > .tab-nav li { background:transparent; border:0; margin:0; }
.openings-tab .ui.vertical > .tab-nav li:not(:last-child) { margin-bottom: 12px; }
.openings-tab .ui.vertical > .tab-nav li.current a { height:auto; }
.openings-tab .ui.vertical > .tab-nav li a { border: 1px solid #fff; padding: 7px 24px; border-radius: 30px; height: 74px; overflow: hidden; transition: all .5s cubic-bezier(.731,-.238,.257,1.224); display:inline-block; }
.openings-tab .image-wrap img { border-radius:20px; width:100%; }
.openings-tab li.current .tb_tab_title { color:#fff; }
.openings-tab li.current .tb_tab_title::before { display:none; }

.tab-style-top .tab-content[aria-hidden="false"] .image-wrap,
.openings-tab .tab-content[aria-hidden="false"] .image-wrap {
    animation: imageZoomFade 0.2s ease-in-out;
}
@keyframes imageZoomFade {
    0% {
        opacity:0.5;
        transform: scale(0.98);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*recruitment end*/

/*sales*/
.dashboard-widgets-section .feature-icon { font-size: 22px; }
.dashboard-widgets-section .feature-list h3 { font-size:24px; color:#333; border-bottom:1px solid rgba(0, 0, 0, 0.5); display:inline-block; padding-bottom:10px;
margin-bottom:10px; font-weight:400; }
.dashboard-widgets-section .feature-item:not(:last-child) { margin-bottom: 30px; }
.dashboard-widgets-section .feature-list ul { margin:0; padding:0; }
.dashboard-widgets-section .feature-list li { list-style:none; margin:0 0 10px; color: #333; display: flex; gap: 10px; }
.dashboard-widgets-section .feature-list li:before { content: "\e17a"; font-family: uicons-solid-rounded; }
.dashboard-widgets-section .module-image .image-wrap img { border-radius:24px; }
.dashboard-widgets-section .module-fancy-heading .sub-head { font-size:20px; font-weight:300; max-width: 1000px;
  margin: 0 auto; line-height:1.4; }
.dashboard-widgets-row { align-items:center; }

/*sales*/
/*integrations*/
.integrations-logo-slider {
    width: 100%;
    overflow: hidden;
    padding:80px 0 0; ;
}

.integrations-logo-slider .logo-track {
    display: flex;
    width: max-content;
    gap: 70px;
    margin-bottom: 50px;
    will-change: transform;
    justify-content: center;
}

.integrations-logo-slider .logo-item {
    width: 120px;
    height: 120px;
    padding: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D5DCE0;
    border-radius: 14px;
    background: #fff;
}

.integrations-logo-slider .logo-item img {
    max-width: 100%;
    max-height: 100%;
}

.integrations-logo-slider .track-left {
    animation: moveLeft 20s linear infinite;
}

.integrations-logo-slider .track-right {
    animation: moveRight 20s linear infinite;
}

@keyframes moveLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes moveRight {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

.integrations-logo-slider .logo-slider:hover .logo-track {
    animation-play-state: paused;
}
.darkgray-btn .ui.builder_button { background:#333333; font-size:18px; font-weight:300; text-transform:none;
color: #fff; padding: 15px 30px; gap: 15px;  }
.darkgray-btn .ui.builder_button:hover { background:#111; }
.integration-top p { font-size:22px; max-width: 710px; margin: 0 auto; }
.integration-top h1 { max-width: 1070px; margin: 0 auto 20px; }


.sticky-full-section .sticky-full-row {   
  padding: 40px 0; 
  align-items: flex-start;
  border-top: 1px solid #333;
  background: #fff;
}
.sticky-full-row > .module_column { width: min(1400px,100%); margin: 0 auto; }
.sticky-full-row .image-wrap img { border-radius:24px; }
.sticky-full-row .module-title { font-weight:400; font-size:40px; }
.sticky-full-row p { font-weight:300; font-size:22px; }
.sticky-full-row p:last-child { margin-bottom:0; }

.tab-style-top .tab-nav { display:flex; justify-content:center; gap:70px; padding: 0 0 40px; flex-wrap:wrap; }
.tab-style-top .ui .tab-nav li { border:0; font-size:24px; font-weight:300; background:transparent; }
.tab-style-top .ui .tab-nav li a { color:#333; padding:0; }
.tab-style-top .ui .tab-nav li.current a { color:var(--primary-color); padding:0; }
.tab-style-top .ui .tab-nav li.current a:before { content:""; width:100%; height:1px; background:var(--primary-color);
position:absolute; bottom:0; left:0; }
.tab-style-top .ui .tab-content { background: rgba(97, 97, 255, 0.14); border-radius: 24px; border:0; padding:0; }
.tab-style-top .image-wrap img { border-radius:24px; }
.tab-style-top .tab-content .module_subrow { align-items: center; }
.tab-style-top .tab-content .module.module-text { padding:70px; }
.tab-style-top .tab-content h5 { font-size:20px; font-weight:300; margin-bottom:5px; }
.tab-style-top .tab-content h3 { font-size:44px; font-weight:400; }
.tab-style-top .tab-content p { font-size:22px; font-weight:300; }

/*integrations*/
/*About us*/
.aboutus-top h1 { max-width: 1070px; margin: 0 auto 20px; }
.aboutus-top p { font-size:22px; max-width: 1160px; margin: 0 auto; }
.about-team-section .module-image.image-overlay .image-wrap { overflow: hidden; border-radius: 10px; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1); }
.about-team-section .image-overlay .image-content {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(15px);
border-radius: 10px !important;
margin-bottom: 0;
color: #333;
transform: translateY(100%);
transition: transform 0.4s ease;
}
.about-team-section .image-overlay .image-content h3 { color:#333; }
.about-team-section .image-overlay:hover .image-content {
    transform: translateY(0);
}

/*About us end*/
/*blog*/

.blog-list .loops-wrapper.boxed .post { box-shadow: 0px 4px 20px rgba(107, 114, 128, 0.2); border-radius:10px; }
.blog-list .loops-wrapper.boxed .post-image img { border-radius:10px 10px 0 0; }
.blog-list .module .post-filter li a { border: 1px solid #333333; border-radius: 30px; font-weight:300; font-size:18px; text-transform:none;
color:#333; padding:10px 26px; }
.blog-list .post-filter { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 20px; margin:0 0 60px; }
.blog-list .module .post-filter li.active a { background:var(--primary-color); border-color:var(--primary-color); color:#fff; }
.blog-list .loops-wrapper .post-title { font-size: 22px; font-weight: 400; color: #333; margin-bottom: 14px; }
.blog-list .entry-content p { font-weight:300; font-size: 18px; }
.blog-list .post-date { text-transform: none; margin-bottom: 12px; font-size: 16px; font-weight: 300; letter-spacing: 0; }

.blog-list-top { margin-bottom:50px; }
.blog-list-top .loops-wrapper.list-large-image .post-image { max-width: 50%; }
.blog-list-top .loops-wrapper.list-large-image > .post { display:flex; align-items:center; margin: 0; gap:50px; }
.blog-list-top .loops-wrapper .post-content { order:-1; }
.blog-list-top .builder-posts-wrap .post-title a { color:#fff; }
.blog-list-top .post-date { color:#fff; text-transform: none; font-size: 16px; font-weight: 300; letter-spacing: 0; }
.blog-list-top .entry-content { color:#fff; }
.blog-list-top .post-meta a { color:#fff; }
.blog-list-top .builder-posts-wrap .post-image img { border-radius:20px; }
.blog-list-top .loops-wrapper.list-large-image .post-image { margin:0; }
.blog-list-top .builder-posts-wrap .post-title { margin-bottom:24px; }

.blog-list-top .loops-wrapper.list-large-image > .post .post-image:after { display:none; }
.blog-list-top .loops-wrapper.list-large-image > .post:after { display:none; }
/*blog end*/

/*customer*/
.customer-top-section .module-title { font-size: 44px; margin-bottom: 18px; color:#fff; }
.customer-top-section p { color:#fff; font-weight:300; font-size:24px; }
.customer-row div.module_column { background: #FFFFFF; border-radius: 10px;
    box-shadow:0px 4px 20px rgba(107, 114, 128, 0.2); padding: 30px;
 }
 .customer-row { gap:80px; margin-bottom:80px; }
 .customer-row:last-child { margin-bottom:0; }
.customer-row .module-image .image-wrap { margin:20px 0; }
.customer-row .image-content { font-weight:300; font-size:17px; }


/*customer end*/
/*contact*/
.contact-page .contact-info { background: #FFFFFF; padding: 20px; box-shadow: 0px 4px 10px 1px rgba(107, 114, 128, 0.24);
border-radius: 20px; margin-bottom:30px; font-weight:300; }
.contact-page .contact-info h3 { font-weight:500; font-size:24px; }
.contact-page .contact-info p { margin-bottom:12px; }
.contact-info .icon_vertical .module-icon-item:not(:last-child) { margin-bottom:14px; }
.contact-info .module-icon { margin-bottom:0 !important; } 
.contact-form { background: #FFFFFF; padding: 32px; box-shadow: 0px 4px 10px 1px rgba(107, 114, 128, 0.24);
border-radius: 20px; }

.contact-form ul { margin: 0; padding: 0; list-style: none; }
.contact-form li { margin-bottom: 20px; }
.contact-form h3 { text-align: center; margin-bottom: 20px; font-size: 22px; font-weight: 400; }
.contact-form label { display: block; margin-bottom: 8px; font-weight:300; }
.contact-form input:not([type="submit"]),
.contact-form textarea { width: 100%; margin:0; }
.contact-form .wpcf7-form-control-wrap { display:block; }
.contact-form .wpcf7-not-valid-tip { font-size: 12px; position: absolute; top: 100%; }
.contact-form li p { margin:0; }
.contact-form li br { display:none; }
.contact-form textarea { resize: vertical;
    min-height: 44px; }

.contact-form input[type="submit"] {
    width: 100%; padding: 14px 20px; border: 0; border-radius: 10px; cursor: pointer; background: var(--primary-color);
    font-weight: 400; margin: 0;
}
.contact-form input[type="submit"]:hover { background:var(--primary-hover-color); }
.contact-form li.submit-field { margin-bottom:0; }
.contact-form .wpcf7-spinner { position: absolute; bottom: 5px; right: 10px; left: 10px; margin: 0 auto; }
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
    color: #D9D9D9;
    opacity: 1;
}

.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
    color: #D9D9D9;
    opacity: 1;
}

.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
    color: #D9D9D9;
}

.contact-form input::-ms-input-placeholder,
.contact-form textarea::-ms-input-placeholder {
    color: #D9D9D9;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #D9D9D9;
    opacity: 1;
}

/*contact end*/
/*pricing*/
.pricing-customer h2 { color:var(--primary-color); font-weight:500; font-size:60px; margin-bottom:0; }
.pricing-customer .module-fancy-heading .sub-head { font-weight:300; font-size:24px; color:#333; }
.pricing-customer-row .module_column { padding:15px; }
.pricing-customer-row .module_column:not(:last-child) { border-right:1px solid var(--primary-color); }
.pricing-top h1 { max-width: 800px; margin: 0 auto 20px; }
.pricing-top span { color:var(--primary-color); }
.pricing-top p { font-size: 22px; max-width: 710px; margin: 0 auto; }
.primary-btn .ui.builder_button { background:var(--primary-color); color:#fff; font-weight: 500;
  text-transform: none; padding: 10px 32px; gap: 15px; }
.primary-btn .ui.builder_button:hover { background:var(--primary-hover-color); }  

.pricing-tabs .module-tab { text-align:center; }
.pricing-tabs .tab-nav { display:inline-flex; justify-content:center; gap:5px; padding: 4px; flex-wrap:wrap; border:1px solid #333333; border-radius:40px; 
margin-bottom: 50px !important; }
.pricing-tabs .tab-nav:after { display:none; }
.pricing-tabs .ui .tab-nav li { border:0; font-size:20px; font-weight:300; background:transparent; margin:0; border-radius: 40px; }
.pricing-tabs .ui .tab-nav li a { color:#333; padding:12px 30px; border-radius:40px; }
.pricing-tabs .ui .tab-nav li.current a { background:#333; color: #D9D9D9;  }
.pricing-tabs .ui .tab-content { border:0; padding:0; background:transparent; max-width: 1300px; margin: 0 auto; }

.pricing-row .sub_column { text-align:left; border-radius: 16px; padding:30px; box-shadow: none; 
background: #FFFFFF; border: 1px solid #6B7280; color:#6B7280; transition: 0.3s; }
.pricing-row .sub_column:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 25px 30px; }

.pricing-row .sub_column.plan-col-second { border-color:var(--primary-color); color:var(--primary-color); }
.pricing-row .sub_column h3 { font-size:30px; margin-bottom:10px; font-weight:600; color:#333; text-align:center; }
.pricing-row .pricing-card { text-align:center; padding-bottom: 4px; }
.pricing-row .sub_column p { font-size:14px; margin-bottom:10px; }
.pricing-row .price-type { font-size: 24px; color: #333; font-weight: 500; }
.pricing-row .price,
.pricing-row .currency { font-size:42px; color: #333; font-weight:600; }
.pricing-row .price-row  { line-height:1; }
.pricing-row .old-price { font-size:30px; color: rgba(107, 114, 128, 0.5); }
.pricing-row .old-price .price-type { color: rgba(107, 114, 128, 0.5); }
.pricing-row .feature-list { margin: 0; border-top: 1px solid #6B7280; margin: 30px -30px 0; padding: 20px 30px 0; }
.pricing-row .feature-list li { margin: 0 0 10px; font-size: 14px; color: #6B7280; list-style:none; display:flex; gap:10px; }
.pricing-row .feature-list li:before { content: "\e430"; font-family: uicons-thin-rounded !important;
background: #EBEBEB; width: 24px; height: 24px; text-align: center; border-radius: 100%;
  align-items: center; justify-content: center; display: flex; min-width:24px; }
.pricing-row .user-count { display: inline-block; background: #F2F2F2; color: #333; padding: 3px 10px; border-radius: 4px;
  margin-top: 16px; }
.pricing-row .ui.builder_button { border: 1px solid #D1D3D4; border-radius: 60px; color:#6B7280; font-weight:300; font-size:14px;
background:#fff; text-transform:none; display: block; width: 100%; }  
.pricing-row .plan-col-second .ui.builder_button,
.pricing-row .ui.builder_button:hover { border-color:var(--primary-color); color:var(--primary-color); }
.pricing-row .module-buttons-item { width: 90%; margin: 0 auto; }
.pricing-row .plan-col-second .feature-list li:before { background: rgba(97, 97, 255, 0.14); }
.pricing-row { align-items: flex-start; }

.pricing-row .plan-col-second .feature-list { border-color:var(--primary-color); }
.pricing-row .sub_column.plan-col-second h3,
.pricing-row .plan-col-second .feature-list li,
.pricing-row .plan-col-second .sub_column p,
.pricing-row .plan-col-second .old-price .price-type,
.pricing-row .plan-col-second .old-price,
.pricing-row .plan-col-second .price,
.pricing-row .plan-col-second .price-type,
.pricing-row .plan-col-second .currency,
/*.pricing-row .plan-col-second .billing-text,*/
.pricing-row .plan-col-second .price { color:var(--primary-color); }
.schedule-bottom-p p { font-size:24px; font-weight:300; margin-bottom:20px; }

/*pricing end*/
/*core hr*/
.step-into-future-setion p { font-size: 22px; }
.step-into-future-setion h2 { margin:0 0 15px; }
.ui.builder_button { font-weight: 400; letter-spacing: 0; font-size: 14px; padding:12px 20px; text-transform: none; }
/*core hr end*/

/*Project*/
.project-banner h1 {  font-size: 44px; line-height: 1.4; color:var(--text-color); }
.project-banner p { color:var(--text-color); font-size:24px; font-weight:300; line-height: 1.4; }
.project-banner .ui.builder_button,
.project-banner .module-buttons-item a{ border-radius:40px; font-size:16px; color:#6161FF; border:1px solid #6161FF; background:transparent;
padding:11px 28px; text-transform: none; font-weight: 400; }
.project-banner .module-buttons { margin: 0px; display: flex; flex-wrap: wrap; gap: 8px 12px; }
.project-banner #startFree-btn { margin: 0px auto; }
.project-banner #book-consult-btn { background:#6161FF; color:#fff;  margin: 0px auto; }
.project-banner #book-consult-btn:hover,
.project-banner .module-buttons-item a:hover,
.project-banner .ui.builder_button:hover { background:var(--primary-hover-color); border-color: var(--primary-hover-color); color:#fff; }
.project-banner .module-buttons-item + .module-buttons-item { margin:0; }
.feature_list ul { margin:0; padding:0; }
.feature_list li { list-style:none; margin:0 0 10px; color: #333; display: flex; gap: 10px; }
.feature_list li:before { content: "\e17a"; font-family: uicons-solid-rounded; }
.feature-row { border-radius:24px; border:1px solid #D9D9D9; margin-bottom:100px; }
.feature-row:last-child { margin-bottom:0; }
.feature-row .module-title { font-size: 28px; font-weight: 400; margin-bottom: 12px;  line-height: 1.1; }
.feature-row .module-image .image-wrap img { border-radius:24px 0 0 24px }
.feature-row .module_column:has(.module-text) + .module_column .image-wrap img { border-radius:0 24px 24px 0; }
.feature-row p { font-size: 18px; }
.feature-row .module_column:has(.module-text) { padding: 20px 50px; }
.tageline { background: rgba(97, 97, 255, 0.14); padding:7px 16px; font-size:12px; font-weight:300; border-radius:22px;
display:inline-block; color:var(--primary-color); }

/*project end*/

/*ai assistent*/
.ai-assistent-feature .workforce-row .module-title { border-bottom: 0; padding-bottom:0; }
.aiAssistent-banner { background: linear-gradient(260.59deg, #333333 -37.36%, #000538 5.74%, #0E293A 45.01%, #1B1B48 79.53%, #000000 119.21%); }
.aiAssistent-banner .builder_row_cover::before { background-size: 580px; background-repeat: no-repeat !important; background-position: bottom left !important; }
.aiAssistent-banner h1 {  font-size: 44px; line-height: 1.4; color:#fff; }
.aiAssistent-banner p { color:#fff; font-size:24px; font-weight:300; line-height: 1.4; }
.tageline-outline { border: 1px solid var(--primary-color); border-radius: 30px; padding:4px 30px; font-size:18px; font-weight:300;
display:inline-block; color:var(--primary-color); }
/*ai assistent end*/

/*Enterprise*/
.feature-accordion-row > .module_column:has(.module-text) { display:flex; flex-direction:column; justify-content:space-between; }
.feature-accordion-row .module.module-accordion { border-top:1px solid #333; }
.feature-accordion-row .module_column ul.ui.transparent > li > .accordion-title a { flex-direction: row-reverse; display: flex;
  justify-content: space-between; padding: 4px 0; }
.feature-accordion-row .module_column .module-accordion > .ui > li { padding: 10px 0; border:0; box-shadow: none; border-bottom:1px solid #333;
border-radius:0; margin: 0; }
.feature-accordion-row .module_column .module-accordion > .ui > li .accordion-content { padding:0; font-weight:300; }
.feature-row .module-accordion p { font-size:14px; }
.feature-accordion-row .accordion-title { font-size:18px; font-weight:300; }
.feature-accordion-row .module-accordion .module_column:has(.module-text) { padding:0; }
.feature-row.feature-accordion-row > .module_column:has(.module-text) { padding: 40px 50px; }
.feature-accordion-row .module-title { font-size:36px; }
.enterprise-top p { font-size:22px; max-width: 850px; margin: 0 auto; }
.enterprise-top h1 { max-width: 1070px; margin: 0 auto 20px; }
.enterprise-bottom .module-image .image-wrap img { width:100%; }
.enterprise-btm-row > .module_column:has(.module-text) { max-width: 720px; margin-left: auto; padding-right: 60px; padding-left: 20px; }
.enterprise-btm-row h2 { font-weight:300; }
.enterprise-btm-row p { font-weight:300; font-size:22px; }
/*Enterprise end*/
/*SMB*/
.tagline-text { text-transform:uppercase; color:var(--primary-color); font-size:14px; font-weight:600; margin-bottom:12px; display: inline-block; letter-spacing: 1px; }
.need-section .fancy-heading { font-weight: 400; max-width: 600px; margin-bottom: 5px; }
.need-section .subtext p { font-size:18px; max-width:670px; color:#6B7280; }
.need-section .subtext { padding-bottom:20px; }
.smb-need-row .module_column { background: #FFFFFF; border: 1px solid rgba(78, 52, 211, 0.12); border-radius: 16px;
padding:24px; transition: .5s ease; }
.smb-need-row .module_column:hover { transform: translateY(-8px); box-shadow: 0 8px 5px #ECECEC; }
.smb-need-row { gap:40px; margin-bottom:40px; }
.smb-need-row:last-child { margin-bottom:0; }
.smb-need-row .module.image-top .tb-image-content { margin:0; }
.smb-need-row .module .tb-menu-title { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.smb-need-row .module .tb-menu-description { margin-bottom:0; font-size:14px; }
.steps_number { color: rgba(78, 52, 211, 0.12); font-size:90px; }
.smb-step-row .module-title { font-size:30px; margin-bottom: 10px; }
.smb-step-row p { color:#6B7280; font-size:20px; }
.smb-step-row .module-image .image-wrap img { border-radius:16px; vertical-align:top; 
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1); }
.smb-step-row { max-width: 1200px; margin: 0 auto; }
.smb-book-row { background: #FFFFFF; border: 1px solid #DDE3EE; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 16px; max-width:1150px; margin:0 auto; }
.smb-book-row > .module_column.first:has(.module-plain-text) { border-radius:16px 0 0 16px; padding:40px; }
.smb-book-row .module-title { font-size:24px; }
.smb-book-row p { font-weight:300; }
.smb-book-row .expect-list { padding:30px 0 0; }
.expect-list h4 { color:#4A5D75; text-transform:uppercase; font-weight:600; margin-bottom:10px; font-size: 16px; }
.expect-list ul { margin:0; padding:0; }
.expect-list li { margin: 0 0 10px; color: #6B7280; list-style:none; display:flex; gap:10px; }
.expect-list li:before { content: "\e430"; font-family: uicons-thin-rounded !important;
background: #D6E0FF; color: #5B7CFA; width: 22px; height: 22px; text-align: center; border-radius: 100%;
  align-items: center; justify-content: center; display: flex; min-width: 22px; font-size: 11px; font-weight: 600; }

.smb-testi-card { background: #fff; border: 1px solid #DDE3EE; border-radius: 16px; padding: 20px; margin-top: 36px; }
.smb-testi-text { margin: 0 0 12px; font-size: 14px; line-height: 1.65; }
.smb-testi-author { display: flex; align-items: center; gap: 16px; }
.smb-testi-author img { width: 36px; height: 36px; border-radius: 50%;  object-fit: cover; }
.smb-author-info h4 { margin: 0; font-size: 12px; font-weight: 700; color: #1f2937; }
.smb-author-info span { display: block; margin-top: 2px; color: #7A8BA6; font-size: 11px; line-height: 1.5; }
.schedule-bottom-section .module-fancy-heading .sub-head { font-size:20px; font-weight:500; padding: 15px 0 10px; line-height: 1.4; }
.schedule-bottom-section #light-transp-btn { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
 color:#fff; }
 /*{ padding:15px 20px; }*/

.smb-book-form  { padding:40px; }
.smb-book-form ul { margin: 0; padding: 0; list-style: none; display:grid; grid-template-columns:1fr 1fr; column-gap: 12px; }
.smb-book-form li { margin-bottom: 20px; }
.book-form-top h3 { text-align: left; margin-bottom: 5px; font-size: 20px; font-weight: 600; }
.book-form-top p { text-align: left; margin-bottom: 28px; font-size: 14px; font-weight: 300; color:#6B7280; }
.note-text p { text-align: center; margin: 15px 0 0; font-size: 12px; font-weight: 300; color:#6B7280; }
.smb-book-form label { display: block; margin-bottom: 6px; font-weight:300; line-height: 1.3; }
.smb-book-form label span:not(.wpcf7-list-item-label) { color:var(--primary-color); }
.smb-book-form select,
.smb-book-form input:not([type="checkbox"]):not([type="submit"]),
.smb-book-form textarea { width: 100%; margin:0; }
.smb-book-form .wpcf7-form-control-wrap { display:block; }
.smb-book-form .wpcf7-not-valid-tip { font-size: 12px; position: absolute; top: 100%; }
.smb-book-form li p { margin:0; }
.smb-book-form li br { display:none; }
.smb-book-form textarea { resize: vertical; height: 93px;; min-height: 93px; }
.smb-book-form input[type="checkbox"] { padding: 0; border-radius: 2px; margin: 5px 10px 0 0; }
.smb-book-form .wpcf7-list-item label { display:flex; margin-bottom:0; font-size: 14px; }
.smb-book-form li.submit-btn { margin-bottom:0; }
.smb-book-form ul li.full {  grid-column: 1 / -1; }
.smb-book-form .wpcf7-list-item { margin:0; }
.smb-book-form input[type="submit"] {
    width: 100%; padding: 14px 20px; border: 0; border-radius: 10px; cursor: pointer; background: var(--primary-color);
    font-weight: 400; margin: 0;
}
.smb-book-form input[type="submit"]:hover { background:var(--primary-hover-color); }
.smb-book-form li.submit-field { margin-bottom:0; }
.smb-book-form .wpcf7-spinner { position: absolute; bottom: -28px; right: 10px; left: 10px; margin: 0 auto; }
.smb-book-form input::-webkit-input-placeholder,
.smb-book-form textarea::-webkit-input-placeholder {
    color: #D9D9D9;
    opacity: 1;
}

.smb-book-form input::-moz-placeholder,
.smb-book-form textarea::-moz-placeholder {
    color: #D9D9D9;
    opacity: 1;
}

.smb-book-form input:-ms-input-placeholder,
.smb-book-form textarea:-ms-input-placeholder {
    color: #D9D9D9;
}

.smb-book-form input::-ms-input-placeholder,
.smb-book-form textarea::-ms-input-placeholder {
    color: #D9D9D9;
}
.smb-book-form input::placeholder,
.smb-book-form textarea::placeholder {
    color: #D9D9D9;
    opacity: 1;
}
/*SMB End*/
/*IT */
.it-platform-boxs { 
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1); 
border-radius: 16px;
}
.it-platform-boxs .it-platform-row { gap: 0; }
.it-platform-boxs .it-platform-row:not(:first-child) .module_column { border-top:1px solid #ededed;  }
.it-platform-boxs .it-platform-row .module_column:not(:last-child) { border-right:1px solid #ededed; }
.it-platform-boxs .it-platform-row .module_column { padding:30px; }
.bottom-center-pattern .builder_row_cover { background:url(../images/bottom-center-pattern.png) center center no-repeat;
background-size:contain; }
.bottom-center-pattern .module-fancy-heading .sub-head { max-width: 850px; margin: 0 auto; font-weight:400; }

/* ---------- Tabs ---------- */

.slider-tab-section .team-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 0 38px 22px;
    padding-bottom: 10px;
    overflow: auto;
    white-space: nowrap;
}

.slider-tab-section .team-tabs button {
    padding: 9px 20px;
    background: #fff;
    border: 1px solid #D1D3D4;
    border-radius: 50px;
    color: #6B7280;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s ease;
    letter-spacing: 0;
    transform: none;
}

.slider-tab-section .team-tabs button:hover,
.slider-tab-section .team-tabs button.active {
    border-color: #333;
    color: #333;
    background: #fff;
    box-shadow: 0px 0px 0px 1px rgba(11, 57, 84, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
}

/* ---------- Slider ---------- */

.slider-tab-section .team-slider {
    position: static;
    overflow-x: clip;
    overflow-y: inherit;
}

.slider-tab-section .team-slider .swiper-slide {
    display: flex;
    background: #fff;
    border: 1px solid #e8edf4;
    border-radius: 22px;
    align-items: center;
}

/* ---------- Left Content ---------- */

.slider-tab-section .team-content {
    flex: 1;
    padding: 50px;
}

.slider-tab-section .team-content h2 {
    margin: 0 0 30px;
    font-size: 38px;
    font-weight: 700;
    color: #222;
}

.slider-tab-section .team-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slider-tab-section .team-content li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 24px;
    color: #61697c;
    font-size: 18px;
    line-height: 1.8;
}

.slider-tab-section .team-content li::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0c3b63;
    position: absolute;
    left: 0;
    top: 12px;
}

.slider-tab-section .team-content strong {
    color: #1c2432;
}

/* ---------- Right Image ---------- */

.slider-tab-section .team-image {
    width: 340px;
    flex-shrink: 0;
}

.slider-tab-section .team-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* ---------- Navigation ---------- */

.slider-tab-section .team-slider .swiper-button-next,
.slider-tab-section .team-slider .swiper-button-prev {
    width: 32px;
    height: 42px;
    background: #fff;
    border: 1px solid rgba(11, 57, 84, 0.1);
    border-radius: 3.35544e+07px;
    color: #222;
    top: 22px;
}
.slider-tab-section .team-slider .swiper-button-prev { left:0;  }
.slider-tab-section .team-slider .swiper-button-next { right:0; left:auto; }

.slider-tab-section .team-slider .swiper-button-next::after,
.slider-tab-section .team-slider .swiper-button-prev::after {
    font-size: 16px;
    font-weight: 700;
}
.slider-tab-section .content { padding:20px 40px; }
.slider-tab-section .image { width: 340px; min-width:340px; }
.slider-tab-section .image img { border-radius:0 22px 22px 0; }
.it-brings-table .row_inner { width: min(1150px,100%); }
.slider-tab-section .content h3 { font-size:24px; }
.slider-tab-section .content ul { margin:0 0 0 16px; }
.slider-tab-section .content li { color:#6B7280; font-size:14px; }
.slider-tab-section .content li:last-child { margin-bottom:0; }
.slider-tab-section .content li strong { color:#333; }
.slider-tab-section .content li::marker { color: #0B3954; font-size: 21px; line-height: 1; }
.it-brings-table .subtext p { color: #6B7280; font-size: 20px; max-width: 600px; margin: 0 auto 36px; }

/*IT End*/

/*Manufacturing*/
.manufacturing-banner h1 { line-height: 1.4; max-width: 630px; }
.manufacturing-banner p { font-size: 18px; }
.hr-banner .module-buttons .ui,
.manufacturing-banner .module-buttons .ui { background:var(--primary-color); }
.hr-banner .module-buttons .ui:hover,
.manufacturing-banner .module-buttons .ui:hover { background:var(--primary-hover-color); border-color:var(--primary-hover-color); }
.tageline-bg { background: rgba(97, 97, 255, 0.14); border: 1px solid rgba(97, 97, 255, 0.14); border-radius:40px;
font-weight: 500; font-size: 14px; line-height: 16px; letter-spacing: 1.2px; text-transform: uppercase; 
color:var(--primary-color); padding:4px 12px; display: inline-block; }

.factories-main-row .factories-left { border-radius:16px; padding:30px; color:#fff; transition: .5s ease; 
display: flex; flex-direction:column; }

.factories-section .module-fancy-heading .fancy-heading { max-width: 600px; padding-bottom: 20px; }
.factories-section .module .tb-menu-title { margin-bottom:12px; }
.factories-section .module .tb-menu-description { margin-bottom:0; }
.factories-main-row { gap:16px; }
.factories-point { margin-top:auto; }
.factories-left ul { margin:40px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; max-width:300px;
gap:8px 20px; text-align: center; }
.factories-left ul li { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 40px;
padding:4px 10px; margin:0; font-size: 14px; }
.factories-main-row .module.image-top .tb-image-content { margin:4px 0 0; }
.factories-row { gap:16px; margin-bottom:16px; }
.factories-row:last-child { margin-bottom:0; } 
.factories-row .module_column { background: #FFFFFF; padding: 28px; border: 1px solid rgba(11, 57, 84, 0.0611765);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
border-radius: 16px; transition: .5s ease; }
.factories-left:hover,
.factories-row .module_column:hover { transform: translateY(-2px); box-shadow: 0 8px 5px #ECECEC; }
.manufacturing-built-row .module-title { font-size: 30px; margin-bottom: 10px; }
.manufacturing-built-row .module-image .image-wrap img { border-radius:16px; vertical-align:top; 
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1); }
.manufacturing-built-row { max-width: 1200px; margin: 0 auto; }
.check_list ul { margin:0; padding:0; }
.check_list li { list-style:none; margin:0 0 10px; color: #333; display: flex; gap: 10px; }
.check_list li:before { content: "\e431"; font-family: uicons-thin-straight; color:var(--primary-color); }
.manufacturing-features {  }
.manufacturing-features-row { color:#fff; }
.manufacturing-features .fancy-heading { font-weight: 400; margin-bottom: 5px; color:#fff; }
.manufacturing-features .subtext p { font-size:18px; color: rgba(255, 255, 255, 0.6); }
.manufacturing-features .subtext { padding-bottom:20px; }
.manufacturing-features-row .module_column { background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding:24px; transition: .5s ease; }
.manufacturing-features-row .module_column:hover { transform: translateY(-4px); box-shadow: 0 8px 5px rgba(0,0,0,0.1); }
.manufacturing-features-row { gap:16px; margin-bottom:16px; }
.manufacturing-features-row:last-child { margin-bottom:0; }
.manufacturing-features-row .module.image-top .tb-image-content { margin:0; }
.manufacturing-features-row .module .tb-menu-title { font-size: 18px; font-weight: 500; margin-bottom: 8px; }
.manufacturing-features-row .module .tb-menu-description { margin-bottom:0; color: rgba(255, 255, 255, 0.8); }

/*Manufacturing end*/

/*free tools*/
.free-tools-top p { font-size: 20px; font-weight: 300; max-width: 800px; margin: 0 auto; }
.free-tools-top .module-fancy-heading .sub-head { padding:0; }
.free-tools-top .builder_row_cover::before { background-repeat: no-repeat; background-size: 250px; }
.free-tools-top .builder_row_cover::after { background:url(../images/free-tools-right.png) right top no-repeat; background-size: 250px; opacity: 1; }
.free-tools-top .builder_row_cover { background:url(../images/free-tools-center.png) bottom center no-repeat; opacity: 1; }

.need-section .fancy-heading {  }
.free-tools-row .module_column { background: #FFFFFF; border: 1px solid #d9d9d9; border-radius: 26px;
padding:24px; transition: .5s ease; display: flex; flex-direction: column; }
.free-tools-row .module_column:hover { transform: translateY(-6px); box-shadow: 0 8px 5px rgba(0,0,0,0.05); }
.free-tools-row .module_column.free-tools-none { border:0 !important; box-shadow:none !important; }
.free-tools-row { gap:36px; margin-bottom:36px; }
.free-tools-row:last-child { margin-bottom:0; }
.free-tools-row .module.image-top .tb-image-content { margin:0; }
.free-tools-row .module .tb-menu-title { font-size: 22px; font-weight: 500; margin-bottom: 10px; }
.free-tools-row .module .tb-menu-description { margin-bottom:20px; }
.free-tools-row .image-top .tb-image-wrap { width:70px; height:70px; background:#F2F2F2; border-radius:10px;
display:inline-flex; justify-content:center; align-items:center; }
.free-tools-row .image-top .tb-image-wrap img { width:auto; }
.calculate-btn { margin-top:auto; }
.calculate-btn .module-buttons-item { width:100%; }
.calculate-btn .ui.builder_button { width:100%; text-align:center; justify-content: center;
border: 1px solid #6B7280; border-radius: 10px; background:#fff; font-size:18px; font-weight:300; line-height: 1.1; }
.calculate-btn .ui.builder_button:hover { background:#f8f8f8; }

.free-tools-top { min-height: 500px; display: flex; align-items: center; flex-direction: column;
  justify-content: center; }

/*free tools end*/
/*free tools view*/
.hra-main-section h2 { font-weight:400; }
.tools-hra-row .module_column { background:#F2F2F2; border-radius:10px; padding:20px; transition: .5s ease; }
.tools-hra-row h3 { font-size:24px; font-weight:400; margin-bottom: 14px; }
.tools-hra-row p { font-size:14px; font-weight:400; }
.tools-hra-row li { font-size:14px; }
.tools-hra-row p:last-child { margin-bottom:0; }
.tools-hra-row { gap:40px; margin-bottom:40px; }
.tools-hra-row:last-child { margin-bottom:0px; }
.formula-section ul { margin:0 0 40px 15px; }
.formula-section ul li { margin:0 0 12px; }
.formula-title p { margin:0; color:#6B7280; }
.formula-row { gap:80px; margin:0 auto 80px; max-width: 928px; }
.formula-row:last-child { margin-bottom:0; }
.formula-row .module_column {
  background: #FFFFFF; border: 1px solid #d9d9d9;
  border-radius: 18px; padding: 20px;
  transition: .5s ease;
}
.formula-row .module_column:hover { transform: translateY(-6px); box-shadow: 0 8px 5px rgba(0,0,0,0.05); }
.formula-row .module .tb-menu-title { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.formula-row .module .tb-menu-description { margin-bottom:0px; font-size:18px; font-weight:300; } 
.benefits-section .module-fancy-heading .fancy-heading { margin-bottom:40px; }
.benefits-section .module.image-top .tb-image-content { margin: 30px 0 0 0; }

.salary-hike-box { border: 1px solid #333333; border-radius: 12px; padding:30px; }
.salary-hike-box p:last-child { margin-bottom:0; }
.salary-hike-box ol { margin-left: 17px; margin-bottom: 12px; }
.salary-hike-box ol li { margin-bottom:10px; }

.calculator-accordion ul.ui.module-accordion { border: 1px solid #333; border-radius:12px; }
.calculator-accordion .module-accordion > li { margin:0; }
.calculator-accordion .module-accordion > li { border-top-color:#333; }
.calculator-accordion .module-accordion > li:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; border-top:0; }
.calculator-accordion .module-accordion > li:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.calculator-accordion .accordion-title { font-weight:300; font-size:26px; background: #fff; }
.calculator-accordion .ui > li:hover > .accordion-title { background: #fff; }
.calculator-accordion ul > .builder-accordion-active > .accordion-content { box-shadow:none; }
.calculator-accordion .accordion-title span { padding-right:40px; }
.calculator-accordion ul.ui.module-accordion .accordion-title a { padding: 20px 55px 20px 30px; width:100%; }
.calculator-accordion .accordion-title i { position: absolute;right: 15px; top: 50%; transform: translateY(-50%); }

.sample-calculation {
    max-width: 100%;
    color: #333;
}

.sample-calculation h3 { margin: 0 0 12px; font-size: 20px; font-weight: 300; color: #333; }
.calculation-table { border: 1px solid #999; border-radius: 10px; overflow: hidden; }
.calculation-row { min-height: 42px; padding: 4px 20px; display: flex; align-items: center; justify-content: space-between; 
    border-bottom: 1px solid #999; font-size: 14px; gap: 8px; }
.calculation-row:last-child { border-bottom: 0; }
.calculation-row span { color: #555; }
.calculation-row strong { font-weight: 400; color: #333; text-align: right; }
.annual-savings { margin-top: 10px; min-height: 50px; padding: 4px 20px; display: flex; align-items: center; justify-content: space-between;
    border: 1px solid #625cff; border-radius: 10px; background: #f2f1ff; color: var(--primary-color); font-size: 14px; font-weight: 500; }
.annual-savings strong { font-weight: 500; }
.savings-highlight { margin: 0 70px 20px 0; color: var(--primary-color); font-size: 24px; font-weight: 500; text-align: right; }
.calculator-accordion .feature_list h3 { font-size: 20px; margin-bottom: 20px; font-weight: 300; }
.calculator-accordion .feature_list { font-weight:300; }
.calculator-accordion .feature_list ul { margin-left:0; }
.calculator-accordion .accordion-content { padding: 10px 30px 30px; }
.salary-hike-card { padding: 20px; border: 1px solid #333; border-radius: 18px; color: #333; background: #fff; font-weight: 300; }
.salary-formula { padding: 7px 16px; border: 1px solid var(--primary-color); border-radius: 8px; background: #6161FF24;
    color: var(--primary-color); font-size: 14px; line-height: 1.4; }
.salary-example { margin: 16px 0 0; font-weight: 300; }
.salary-hike-card h3 { font-size:24px; }
.hourly-salary-employers-row { gap:60px; max-width: 1260px; margin: 0 auto; }
.hourly-salary-employers-row div.module_column { display: flex; flex-direction: column; }
.hourly-salary-employers-row .module { min-height: 100%; }
.hourly-salary-employers-row .module .tb_text_wrap { min-height: 100%; display: flex; }
.how-calculate-row { gap:100px; max-width:1212px; margin: 0 auto; }
.how-calculate-row .salary-hike-card h3 { margin-bottom:20px; }
.how-calculate-row .salary-hike-card { border-radius:12px; }
.salary-table-wrap { width: 100%;margin-top: 60px; overflow: auto; }
.salary-table-wrap h3 { margin: 0 0 10px; font-size: 18px; font-weight: 400; line-height: 1.4; }
.salary-table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #777; border-radius: 12px; }
.salary-table th,
.salary-table td {
    padding: 12px 20px; border-bottom: 1px solid #aaa; text-align: left; font-weight: 300;
}
.salary-table th { font-weight: 500; color: #292929; }
.salary-table th:last-child,
.salary-table td:last-child { text-align: right; }
.salary-table tbody tr:last-child td { border-bottom: 0; }

.pay-comparison { width: 100%; max-width: 100%; overflow-x: auto; }
.pay-comparison-table { width: 100%; border: 1px solid #777; border-radius: 10px;
    border-spacing: 0; border-collapse: separate; overflow: hidden; color: var(--text-color);  background:#D9D9D92E; }
.pay-comparison-table th,
.pay-comparison-table td {
    padding: 14px 20px; text-align: left; border-bottom: 1px solid #aaa; font-weight: 300; line-height: 1.4;
}
.pay-comparison-table th { font-weight: 500; color: #292929; }
.pay-comparison-table tbody tr:last-child td { border-bottom: 0; }

.profitability-gross-row { }
.profitability-gross-card { border: 1px solid #333; background: #fff; color: #333; padding:20px; border-radius:14px; font-weight:300; }
.profitability-gross-card .salary-formula { margin-bottom:10px; border: 0; }
.profitability-gross-card .hike-badge { padding: 5px 16px;
  margin-bottom: 14px;  border: 1px solid var(--primary-color); border-radius: 8px;
  background: rgba(97, 97, 255, 0.14); color: var(--primary-color); font-size: 14px; font-weight: 300;
  display: inline-block; }
.profitability-gross-card h3 { font-size:16px; font-weight:500; margin-bottom: 10px; }  
.profitability-gross-card p { margin-bottom:0; }

.industry-table-wrap { width: 100%; overflow-x: auto; }
.industry-table { width: 100%; border: 1px solid #777; border-radius: 10px; border-spacing: 0; border-collapse: separate;
    overflow: hidden; color: var(--text-color); }

.industry-table th,
.industry-table td { padding: 15px 24px; text-align: left;
    border-bottom: 1px solid #aaa; font-weight: 300; line-height: 1.4; }
.industry-table th { font-weight: 500; color: #292929; }
.industry-table th:last-child,
.industry-table td:last-child { text-align: right; }
.industry-table tbody tr:last-child td { border-bottom: 0; }
.industry-table .total-row td { font-weight: 500; }
.related-metrics-row .pay-comparison-table td strong { font-weight:500; }


.margin-mistakes {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: Arial, sans-serif;
}

.mistake-card {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 20px 30px;
    background: #D9D9D92E;
    border-radius: 12px;
}

.mistake-number {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    color: #fff;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 400;
}

.mistake-content {
    min-width: 0;
}

.mistake-content h4 {
    margin: 0 0 5px;
    color: var(--text-color);
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
}

.mistake-content p {
    margin: 0;
    color: var(--text-color);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 300;
}

.pf-works-row .module_column { padding: 20px; border: 1px solid #333; border-radius: 18px; color: #333; background: #fff; font-weight: 300; }
.pf-works-row .module_column p { margin-bottom:0; }
.pf-works-row { gap:40px; margin-bottom:40px; }
.pf-works-row:last-child { margin-bottom:0px; }
.pf-works-row h3 { font-size:24px; font-weight: 500; margin-bottom:10px; }


.contribution-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.contribution-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #999;
    border-radius: 12px;    
    color: var(--text-color);
}

.contribution-table th,
.contribution-table td {
    padding: 12px 20px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #999;
    font-weight: 300;
}

.contribution-table th {
    color: var(--text-color);
    font-weight: 500;
}

.contribution-table tbody tr:last-child td {
    border-bottom: 0;
}

/*free tools view end*/

/*HR*/
.hr-banner p { font-size:20px; max-width: 900px; margin: 0 auto 32px; }
.hr-service-row .module-image .image-wrap img { border-radius:16px; width:100%; }
.hr-service-row { gap:56px; }
.hr-bottom-btn a.ui.builder_button { padding-left: 28px; padding-right: 28px; }
.hr-bottom-section h2 { max-width:1100px; margin-left:auto; margin-right:auto; }
.hr-bottom-btn #outline-btn { border: 1px solid #fff; background: transparent; color: #fff; }
.hr-bottom-btn .module-buttons-item + .module-buttons-item { margin:0; }
.hr-bottom-btn { gap:10px; display: flex; justify-content: center; flex-wrap: wrap; padding-top:10px; }
.hr-service-row h2 { font-size:32px; }

/*HR*/

/*guides*/
.guides-banner h2 { margin-bottom:5px; }
/*guides end*/

/*Privacy Policy*/

/*Privacy Policy end*/

/*Secure Vault*/

/*Security dashboard*/
.security-dash-btn #gray-outline-btn { border: 1px solid #333; background: #fff; color: #333; }
.security-dash-btn #gray-outline-btn:hover { border-color: #111; background: #111; color: #fff; }
.darkgray-btn.security-dash-btn .ui.builder_button { min-width: 240px; justify-content: center; }
.security-dash-top p { font-size: 22px; max-width: 920px; margin: 0 auto; }
.security-dash-top h1 { max-width: 1070px; margin: 0 auto 20px; }
.security-dash-btn .module-buttons-item + .module-buttons-item { margin:0; }
.security-dash-btn { display:flex; justify-content:center; gap:10px 30px; flex-wrap:wrap; }
.security-dash-btn:after { display:none; }
.twoFactor-works .step-number { width: 90px; height: 90px; }
.twoFactor-works .setup-steps { max-width:100%; }
.twoFactor-works .setup-steps::before { top: 45px; }
.twoFactor-works .step-content h3 { font-weight:500; }
.twoFactor-works .step-content p { font-weight:400; }

.salary-hike-works-row { margin: 0 auto; gap: 200px; }


.salaryHike-result-row {
    gap: 100px;
}
.salaryHike-result-card {
    width: 100%;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 18px;
    background: #fff;    
}

.salaryHike-result-card .hike-badge {    
    padding: 5px 16px;
    margin-bottom: 14px;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    background: #6161FF24;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
}

.salaryHike-result-card .salary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-color);
    padding-bottom: 10px;
    column-gap: 8px;
    font-weight: 300;
}

.salaryHike-result-card .salary-row strong {
    color: var(--primary-color);
    font-weight: 400;
    white-space: nowrap;
}

.salaryHike-result-card .salary-divider {
    height: 1px;
    margin: 10px 0 12px;
    background: #999;
}

.salaryHike-result-card .salary-total {
    padding-bottom: 0;
}

.salaryHike-result-card .salary-total span {
    color: #555;
}

.salaryHike-result-card .salary-total strong {
    font-weight: 400;
}

/*Security dashboard end*/

/******* responsive ********/

@media (min-width: 1451px) and (max-width: 1800px) {
  .top-left-right-icons::after,
  .top-left-right-icons::before {
      width: 240px; height: 250px;
   }    
}
@media (min-width: 1501px) and (max-width: 1650px) {
  .full-bg-content-top { margin-left: 20px; margin-right: 20px; }

  .full-bg-img { margin-left: 20px; margin-right: 20px; }

}
@media (min-width: 1400px) and (max-width: 1550px) {
    .top-left-right-icons::after,
    .top-left-right-icons::before {
        width: 220px; height: 200px;
    }    
}
@media (min-width: 1051px) and (max-width: 1180px) {
 .mb-megamenu .mb-megamenu-list { gap: 12px; }   
 .mb-megamenu { padding-left: 20px; }
 .mb-megamenu .mb-top-item.portal-login > a,
 .mb-megamenu .mb-top-item.contact-sales > a { padding: 8px 20px; }
}
@media (min-width: 901px) and (max-width: 1050px) {
 .mb-megamenu .mb-megamenu-list { gap: 7px; }
 .mb-megamenu .mb-top-item > a { font-size:13px; }
 .mb-megamenu .mb-top-item.portal-login > a,
 .mb-megamenu .mb-top-item.contact-sales > a { padding: 8px 16px; }
 .mb-megamenu { padding-left: 10px; }
}
@media (max-width: 900px) {
    .mb-mm-auto-wrap { width:auto; }
    .mb-megamenu { width:auto; }
    .mb-megamenu.mb-mobile-open .mb-megamenu-list { 
        position: absolute; width: auto; right: calc(-3% + -2px); left: calc(-3% + -2px);
    padding: 10px 25px 20px;  box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
    border-radius: 4px;  border: 0px solid #ddd; gap: 0; }
    .mb-megamenu .mb-top-item > a { padding: 10px 0; }
    .mb-megamenu .mb-top-item.portal-login { border-bottom:0; }
    .mb-megamenu .mb-top-item.portal-login > a { margin: 11px 0 0; justify-content: center; }
    .mb-megamenu .mb-top-item.contact-sales { border-bottom:0; }
    .mb-megamenu .mb-top-item.contact-sales > a { margin-top:11px; justify-content: center; }
    .mb-nav-toggle { cursor: pointer; margin-right: -14px; }
    .mb-mega-panel, .mb-plain-dropdown { background:transparent; }
    .mb-megamenu .mb-mega-panel { min-width:100%; box-shadow: none; margin-bottom:16px; }
    .mb-megamenu .mb-mega-col-secondary { padding-left:0; }
    .mb-megamenu .mb-mega-panel-inner { gap:0; }
    .mb-submenu-inner { gap: 0; }    
    .mb-mm-auto-wrap { position: static; }
    .mb-megamenu {  position: static;  }
    .mb-megamenu .mb-v2-col:not(:last-child) { border-right:0; }
    
}
@media (max-width: 1550px) {
    .full-bg-img { margin-left: 20px; margin-right: 20px; }
    .full-bg-content-top { margin-left: 20px; margin-right: 20px; }
    .full-bg-img .row_inner { max-width:90%; }

    .gratuity-header h3 { font-size: 21px; }

}
@media (max-width: 1450px) {
 .pagewidth { max-width: 94%; }
 .row_inner { max-width: 94%; } 
 .sticky-full-row > .module_column { max-width: 94%; }
 .mb-submenu-inner { max-width: 94%; }
 .row_inner .row_inner { max-width: 100%; }

.top-left-right-icons::after,
.top-left-right-icons::before {
    display: none;
}
.customer-row { gap:50px; margin-bottom:50px; }
.customer-row div.module_column { padding: 20px; }
}
@media (min-width: 1280px) and (max-width: 1399px) {
    .home-banner h1 { font-size: 50px; }
    .pricing-tabs.home-platform-tab .ui .tab-nav li a { padding: 12px 18px; }

    .full-bg-img .module-image.rectangle-pattern::before, 
    .full-bg-img .module-image.rectangle-pattern::after { width: 80px; height: 80px; left: -30px; top: -30px; }
    .full-bg-img .module-image.rectangle-pattern::after { left: auto; right: -30px; }
    .full-bg-content-top + .full-bg-img .module-image.rectangle-pattern { margin-top: -180px; }
    .full-bg-content-top:has(+ .full-bg-img .rectangle-pattern) { padding-bottom: 100px; }

    .full-bg-img .module-image.rectangle-pattern.rectangle-btm::before, 
    .full-bg-img .module-image.rectangle-pattern.rectangle-btm::after { bottom: -30px; }


}
@media (max-width: 1279px) {
    h1 { font-size: 44px; }
    h2 { font-size: 38px; }
    .testimonials-section h2,
    .schedule-bottom-section h2 { font-size: 38px; }
    .workforce-row .module-title { font-size:24px; }
    .full-bg-img {        
        border-radius: 10px;
        min-height: 60px;
    }
    .full-bg-content-top { width: auto; border-radius: 10px; margin-top:30px; } 
    .full-bg-img .module-image .image-wrap img { border-radius: 10px; }
    .role-section .module-slider .module-title { font-size: 22px; margin: 0 auto 30px; }
    .role-section .subtext p { font-size: 22px; margin: 0 auto 30px; }
    .collaboratio-section h3.module-feature-title { font-size:20px; }
    .collaboratio-section p { font-size:15px; }

    .full-bg-content-top ~ .full-bg-img .module-image .image-wrap::before { top: -8px; width: 24px; height: 55px; left: -36px; }
    .full-bg-content-top ~ .full-bg-img .module-image .image-wrap::after { width: 24px; height: 55px; right: -36px; }

    .cms-pages h2,
    .mb-policy-section h2 { font-size: 26px; }
    .cms-page-title h1 { font-size: 28px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .alternatives-list { gap: 20px; }
    .card-content h3 { font-size: 21px; }
    .card-content { margin-top: 30px; }
    .card-content p { font-size:16px; }
    .card-number { width: 60px; height: 60px; font-size: 20px; }
    .alternative-card { border-radius: 10px; width: calc((100% - 40px) / 3); }
    .gantt-alternatives h2 { margin: 0 0 30px; }
    .gantt-alternatives { padding: 40px 0px 70px; }

    .recruit-reports-section .module-fancy-heading .sub-head { font-size: 22px; }
    .recruit-reports-section .image-title { font-size:22px; }
    .recruit-reports-section .image-caption { font-size:17px; }
    .block-scroll-row .module-image { padding: 10px 3px 0 50px; }
    .block-scroll-row p { font-size:16px; }
    .block-scroll-row .module-title { font-size:24px; }
    .recruitment-app-slider .slide-content { font-size:17px; }

    .openings-tab { padding: 80px 0 30px; }
    .recruitment-app-slider { padding: 50px 0 20px; }
    .right-section-scroll { padding: 50px 0 80px; }
    .openings-tab li .tb_tab_title { font-size:18px; }
    .openings-tab .tb_tab_desc { font-size:16px; }
    .recruitment-app-slider .module-fancy-heading .fancy-heading { margin-bottom:30px; }
    .recruitment-app-slider .slide-title { font-size:24px; }

    .integrations-logo-slider .logo-track { gap: 30px; margin-bottom: 30px; }
    .sticky-full-row .module-title { font-size:32px; }
    .sticky-full-row p { font-size:18px; }
    .tab-style-top .tab-nav { gap: 30px; padding:0 0 30px; }
    .tab-style-top .ui .tab-nav li { font-size:18px; }
    .tab-style-top .tab-content .module.module-text { padding:10px 30px; }
    .tab-style-top .tab-content h3 { font-size:32px; }
    .tab-style-top .tab-content p { font-size:18px; }
    .tab-style-top .ui .tab-content,
    .tab-style-top .image-wrap img  { border-radius:12px; }

    .blog-list-top { margin-bottom:20px; }
    .blog-list .module .post-filter li a { font-size:15px; }
    .blog-list .entry-content p { font-size:16px; }
    .blog-list .loops-wrapper .post-title { font-size:18px; }
    .blog-list .post-filter { gap: 10px 14px; }
    .blog-list .post-filter { margin-bottom:40px; }

    .pricing-customer h2 { font-size: 40px; }
    .pricing-customer .module-fancy-heading .sub-head { font-size:18px; }
    .pricing-tabs .tab-nav { flex-wrap: wrap; margin-bottom: 30px !important; }
    .pricing-tabs .ui .tab-nav li a { padding: 8px 20px; }
    .pricing-tabs .ui .tab-nav li { font-size:17px; margin:0; }
    .pricing-row .price, .pricing-row .currency { font-size:28px; }
    .pricing-row .sub_column h3 { font-size:26px; }

    .home-banner h1 { font-size: 40px; }
    .home-banner p { font-size: 18px; }
    .home-banner .ui.builder_button, 
    .home-banner .module-buttons-item a { padding: 10px 22px; font-size: 15px; }
    .integration-list { margin: 30px 0 30px; }
    .integration-item { height: 46px; }
    .subscription-plan__title { font-size: 24px; }
    .pricing-tabs.home-platform-tab .ui .tab-nav li a { padding: 9px 16px; }
    .pricing-tabs.home-platform-tab .ui .tab-nav li { font-size: 14px; }
    .built-results-row .module_column { padding: 30px 110px 20px 20px; border-radius: 10px; }
    .built-results-row .tb-menu-description { font-size: 16px; }
    .built-results-row .tb-menu-title { font-size: 18px; }
    .built-results-row { gap: 30px; margin-bottom: 30px; }
    .home-platform p { font-size: 18px; }
    .step-into-future-setion p { font-size:18px; }
    
    .project-banner h1 { font-size:36px; }
    .project-banner p { font-size:18px; }
    .feature-row .module_column:has(.module-text) { padding:10px 24px; }
    .feature-row p { font-size:15px; line-height: 1.4; }
    .feature_list li { margin: 0 0 6px; }
    .feature-row .module-title { font-size:24px; }
    .feature-row { margin-bottom:50px; }

    .aiAssistent-banner h1 { font-size:30px; }
    .aiAssistent-banner p { font-size:18px; }
    .aiAssistent-banner .builder_row_cover::before { background-size: 400px; }

    .feature-row.feature-accordion-row > .module_column:has(.module-text) { padding: 24px 20px; }
    .enterprise-top p { font-size:20px; }
    .enterprise-btm-row p { font-size:17px; }
    .enterprise-btm-row > .module_column:has(.module-text) { padding-right:20px; }

    .smb-book-row > .module_column.first:has(.module-plain-text) { padding: 24px; }
    .smb-step-row p { font-size:16px; }
    .smb-step-row .module-title { font-size:24px; }
    .smb-need-row { gap: 20px; margin-bottom: 20px; }

    .slider-tab-section .team-tabs button { padding: 9px 18px; }

    .schedule-bottom-section .builder_row_cover::before { /* background-size: 150px; */ }
    .bottom-center-pattern { background-size: 150px; }
    .free-tools-row { gap: 16px; margin-bottom: 16px; }
    .free-tools-row .module_column { border-radius: 10px; }
    .free-tools-row .module .tb-menu-title { font-size:18px; }

    .free-tools-top .builder_row_cover::before { background-size: 150px; }
    .free-tools-top .builder_row_cover::after { background-size: 150px; }
    .free-tools-top .builder_row_cover { background-size: 250px; }
    .free-tools-top { min-height: 400px; }

    .formula-row { gap: 30px; margin-bottom:30px; }
    .tools-hra-row { gap: 20px; margin-bottom: 20px; }
    .benefits-section .module-fancy-heading .fancy-heading { margin-bottom: 30px; }
    .hr-banner p { font-size:18px; }
    .hr-service-row { gap:40px; }

    .full-bg-img .module-image.rectangle-pattern::before, 
    .full-bg-img .module-image.rectangle-pattern::after { width: 80px; height: 80px; left: -30px; top: -30px; }
    .full-bg-img .module-image.rectangle-pattern::after { left: auto; right: -30px; }
    .full-bg-content-top + .full-bg-img .module-image.rectangle-pattern { margin-top: -180px; }
    .full-bg-content-top:has(+ .full-bg-img .rectangle-pattern) { padding-bottom: 100px; }

    .full-bg-img .module-image.rectangle-pattern.rectangle-btm::before, 
    .full-bg-img .module-image.rectangle-pattern.rectangle-btm::after { bottom: -30px; }

    .mb-submenu-list { gap: 4px 15px; }
    .mb-submenu-inner .mb-submenu-item > a { padding: 15px 3px; }

    .security-dash-top p { font-size:18px; }
    .security-dash-btn { gap: 10px 20px; }
    .schedule-bottom-p p { font-size:20px; }    
    .schedule-bottom-section h2 { font-size:32px; }

    .calculator-accordion .accordion-title { font-size: 20px; }
    .calculator-accordion .accordion-title span { padding-right:15px; }
    .calculator-accordion ul.ui.module-accordion .accordion-title a { padding:15px 55px 15px 20px; }

    .salary-hike-works-row { gap: 50px; }
    .salaryHike-result-row { gap:20px; }
    .how-calculate-row { gap: 20px; }
    .hourly-salary-employers-row { gap:20px; }

    .home-slider .card { width: 100px; height: 150px; }
    .home-slider .card.center { width: 170px; height: 170px; }
    .process-list .process-content h3 { font-size: 24px; }


}
@media (max-width: 1100px) {
    header #main-nav { flex-direction: column; }
    #headerwrap #main-nav a { pointer-events:auto; }
    #main-nav li > .sub-menu { border: 0; box-shadow: none; border-radius: 0; width: 100%; }
    #header { padding: 12px 0; }
    #headerwrap .header-icons { top: auto; bottom: 8px; transform: none; }
    #main-nav .sub-menu .menu-item .child-arrow { top: 23px; background: transparent; }
    #main-nav .toggle-on > a > .child-arrow { background: transparent; }
    #main-nav .child-arrow:hover { background: transparent; }

}
@media (max-width: 1024px) {  
  .footer-bottom { gap: 12px; }

    .feature-content p,
    .workday-tab .tb_tab_desc { font-size:16px; }
    .workday-tab li .tb_tab_title,
    .role-section .feature-list h3 { font-size:21px; }
}
@media (max-width: 1023px) {
    .alternatives-list { gap: 20px; }
    .card-content h3 { font-size: 21px; }
    .card-content { margin-top: 30px; }
    .card-content p { font-size:16px; }
    .card-number { width: 60px; height: 60px; font-size: 20px; }
    .alternative-card { border-radius: 10px; width: calc((100% - 40px) / 2); }
    .gantt-alternatives h2 { margin: 0 0 30px; }
    .gantt-alternatives { padding: 40px 0px 70px; }

    .recruit-reports-section .module-fancy-heading .sub-head { font-size: 18px; }
    .recruit-reports-section .image-title { font-size:22px; }
    .recruit-reports-section .image-caption { font-size:17px; }
    .block-scroll-row .module-image { padding: 10px 3px 0 10px; }
    .right-section-scroll .block-scroll-row { border-radius: 10px; padding: 24px 0 0 30px; }
    .block-scroll-row p { font-size:16px; }
    .block-scroll-row .module-title { font-size:24px; }
    .recruitment-app-slider .slide-content { font-size:17px; }
    .block-scroll-row .image-wrap img { border-radius:10px; }
    .right-section-scroll { padding: 30px 0 60px; }

    .openings-tab { padding: 80px 0 30px; }
    .recruitment-app-slider { padding: 50px 0 20px; }
    .right-section-scroll { padding: 30px 0 60px; }
    .openings-tab li .tb_tab_title { font-size:18px; }
    .openings-tab .tb_tab_desc { font-size:16px; }
    .recruitment-app-slider .module-fancy-heading .fancy-heading { margin-bottom:30px; }
    .recruitment-app-slider .slide-title { font-size:24px; }
    .openings-tab .ui.module.module-tab { margin-bottom:0; }

    .sticky-full-row .module-title { font-size:26px; }
    .sticky-full-row p { font-size:16px; }
    .tab-style-top .tab-nav { gap: 30px; padding:0 0 30px; }
    .tab-style-top .ui .tab-nav li { font-size:16px; }
    .tab-style-top .tab-content .module.module-text { padding:10px 30px; }
    .tab-style-top .tab-content h3 { font-size:26px; }
    .tab-style-top .tab-content p { font-size:16px; }
    .tab-style-top .tab-content h5 { font-size:14px; }
    .tab-style-top .ui .tab-content,
    .tab-style-top .image-wrap img  { border-radius:12px; }
    .integrations-logo-slider .logo-track { gap: 16px; margin-bottom: 20px; }
    .integrations-logo-slider .logo-item { width: 70px; height: 70px; }
    .tab-style-top .ui.module.module-tab { margin-bottom:0; }
    .sticky-full-section .sticky-full-row { padding: 20px 0; }

    .blog-list-top { margin-bottom:20px; }
    .blog-list .module .post-filter li a { font-size:15px; }
    .blog-list .entry-content p { font-size:16px; }
    .blog-list .loops-wrapper .post-title { font-size:18px; }
    .blog-list .post-filter { gap: 10px 14px; }
    .blog-list .post-filter { margin-bottom:40px; }
    .blog-list-top .loops-wrapper.list-large-image > .post { gap:20px; }
    .blog-list-top .builder-posts-wrap .post-title { margin-bottom: 10px; font-size: 22px; }
    .blog-list-top .builder-posts-wrap .post-image img { border-radius:10px; }
    
    .customer-row .image-content { font-size:16px; }
    .customer-row { gap: 30px; margin-bottom: 30px; }
    .customer-top-section p { font-size:18px; }

    .customer-top-section .module-title { font-size: 34px; }
    .customer-top-section p { font-size:16px; }


    .pricing-customer h2 { font-size: 32px; }
    .pricing-customer .module-fancy-heading .sub-head { font-size:16px; }
    .pricing-tabs .tab-nav { flex-wrap: wrap; margin-bottom: 30px !important; }
    .pricing-tabs.home-platform-tab .tab-nav { border-radius: 14px; }
    .pricing-tabs .ui .tab-nav li a { padding: 8px 20px; }
    .pricing-tabs .ui .tab-nav li { font-size:17px; }
    .pricing-row .price, .pricing-row .currency { font-size:24px; }
    .pricing-row .sub_column h3 { font-size:24px; }

    .home-banner h1 { font-size: 32px; }
    .home-banner p { font-size: 16px; }
    .home-banner .ui.builder_button, 
    .home-banner .module-buttons-item a { padding: 10px 22px; font-size: 15px; }
    .integration-list { margin: 30px 0 30px; }
    .integration-item { height: 46px; }
    .subscription-plan__title { font-size: 21px; }
    .pricing-tabs.home-platform-tab .ui .tab-nav li a { padding: 9px 16px; }
    .pricing-tabs.home-platform-tab .ui .tab-nav li { font-size: 14px; }
    .built-results-row .module_column { padding: 30px 110px 20px 20px; border-radius: 10px; }
    .built-results-row .tb-menu-description { font-size: 16px; }
    .built-results-row .tb-menu-title { font-size: 18px; }
    .built-results-row { gap: 30px; margin-bottom: 30px; }
    .home-platform p { font-size: 18px; }
    .integration-category { font-size: 18px; }
    .home-platform-tab .module-title { font-size: 24px; }
    .home-platform-tab ul li { font-size: 14px; }
    .step-number { width: 80px; height: 80px; font-size: 24px; }
    .setup-steps::before { top: 40px; }
    #footerwrap .footer-socials ul  { gap: 5px 8px; }
    .step-content h3 { font-size: 18px; }
    .plan-section { padding: 40px 0 20px; }
    .step-into-future-setion p { font-size:16px; }
    .sticky-full-row .image-wrap img { border-radius:10px; }

    .project-banner h1 { font-size:36px; }
    .project-banner p { font-size:18px; }
    .feature-row .module_column:has(.module-text) { padding:10px 24px; }
    .feature-row p { font-size:15px; line-height: 1.4; }
    .feature_list li { margin: 0 0 6px; }
    .feature-row .module-title { font-size:24px; }
    .feature-row { margin-bottom:40px; }
    .feature_list li { font-size:15px; }

    .aiAssistent-banner h1 { font-size:26px; }
    .aiAssistent-banner p { font-size:16px; }

    .aiAssistent-banner .builder_row_cover::before { background-size: 350px; }
    .feature-row.feature-accordion-row > .module_column:has(.module-text) { padding: 24px 20px; }
    .enterprise-top p { font-size:16px; }
    .enterprise-btm-row p { font-size:16px; }
    .enterprise-btm-row > .module_column:has(.module-text) { padding-right:20px; }

    .smb-book-row > .module_column.first:has(.module-plain-text) { padding: 24px; }
    .smb-step-row p { font-size:16px; }
    .smb-step-row .module-title { font-size:24px; }
    .smb-need-row { gap: 20px; margin-bottom: 20px; }

    .slider-tab-section .image { width: 250px; min-width: 250px; }
    .slider-tab-section .content { padding:15px 24px; }
    .slider-tab-section .team-slider .swiper-slide { border-radius:10px; }

    .it-platform-boxs .it-platform-row .module_column { padding:20px; }
    .it-brings-table .subtext p { font-size:16px; }
    .manufacturing-features .subtext p { font-size:16px; }

    .schedule-bottom-section .builder_row_cover::before { /* background-size: 150px; */ }
    .bottom-center-pattern { background-size: 150px; }

    .free-tools-row { gap: 16px; margin-bottom: 16px; }
    .free-tools-row .module_column { border-radius: 10px; }
    .free-tools-row .module .tb-menu-title { font-size:18px; }

    .free-tools-top .builder_row_cover::before { background-size: 120px; }
    .free-tools-top .builder_row_cover::after { background-size: 120px; }
    .free-tools-top .builder_row_cover { background-size: 200px; }
    .free-tools-row .image-top .tb-image-wrap { width: 60px; height: 60px; padding: 10px; }
    .free-tools-top { min-height: 300px; }

    .formula-row { gap: 20px; margin-bottom:20px; }
    .formula-row .module_column { border-radius:10px; }
    .formula-row .module .tb-menu-description { font-size:16px; }
    .formula-row .module .tb-menu-title { font-size:20px; }
    .tools-hra-row { gap: 20px; margin-bottom: 20px; }
    .benefits-section .module-fancy-heading .fancy-heading { margin-bottom: 20px; }
    .hr-banner p { font-size:16px; }
    .hr-service-row { gap:20px; }

    .full-bg-img .module-image .image-wrap::before,
    .full-bg-img .module-image .image-wrap::after { width: 26px; height: 100px; top: 15px; left: -42px; }
    .full-bg-img .module-image .image-wrap::after { left:auto; right: -42px; }

    .full-bg-content-top ~ .full-bg-img .row_inner { max-width: 84%; }
    .full-bg-img .row_inner { max-width: 84%; }


    .full-bg-img .module-image.rectangle-pattern::before, 
    .full-bg-img .module-image.rectangle-pattern::after { width: 60px; height: 60px; left: -24px; top: -24px; }
    .full-bg-img .module-image.rectangle-pattern::after { left: auto; right: -24px; }
    .full-bg-content-top + .full-bg-img .module-image.rectangle-pattern { margin-top: -160px; }
    .full-bg-content-top:has(+ .full-bg-img .rectangle-pattern) { padding-bottom: 80px; }

    .full-bg-img .module-image.rectangle-pattern.rectangle-btm::before, 
    .full-bg-img .module-image.rectangle-pattern.rectangle-btm::after { bottom: -24px; }

    .full-bg-img .module-image.round-pattern::before, 
    .full-bg-img .module-image.round-pattern::after { width: 40px; height: 40px; left:-18px; bottom: -18px; }
    .full-bg-img .module-image.round-pattern::after { left:auto; right:-18px; }

    .mb-submenu-bar .mb-submenu-list,
    .cms-submenu-bar .mb-submenu-list { overflow:auto; }
    .mb-submenu-list { flex-wrap: nowrap; }
    .mb-submenu-item > a { white-space: nowrap; }
    .mb-submenu-inner .mb-submenu-item > a { padding: 10px 3px; }

    .schedule-bottom-p p { font-size: 18px; }

    .security-dash-top p { font-size:16px; }
    .security-dash-btn { gap: 10px 10px; }

    .dashboard-widgets-section .module-image .image-wrap img { border-radius:10px; }

    .calculator-accordion .accordion-title { font-size: 20px; }
    .calculator-accordion .accordion-title span { padding-right:15px; }
    .calculator-accordion ul.ui.module-accordion .accordion-title a { padding:15px 55px 15px 20px; }
    .salary-hike-works-row { gap: 20px; }
    .salaryHike-result-row { gap:10px; }

    .how-calculate-row { gap: 20px; }
    .hourly-salary-employers-row { gap:20px; }

    .contribution-table th, .contribution-table td { padding: 10px 12px; }

}

@media (min-width: 681px) and (max-width: 1023px) {
    #footerwrap .footer-app-download ul { flex-direction: column; }
}
@media (min-width: 769px) and (max-width: 1023px) {
    .schedule-bottom-section h2 { font-size:24px; }
    .faq-section ul.ui.module-accordion .accordion-title a { font-size:18px; }
    .feature-content p { font-size:16px; }
    .workday-tab .tb_tab_desc { font-size:16px; }
    .workday-tab .module-tab .tab-nav { padding: 0 0 0 10px; }
    .workday-tab .module-tab .tab-content { padding: 0 10px 0 0; }
    .role-section .module-slider.slider-agency .slide-content { padding:0 0 0 5px; }
    .role-section .feature-list h3 { font-size:21px; }
    .workday-tab .module-tab .tab-nav { padding: 0 0 0 20px; }
    .workforce-row p { font-size:16px; } 
    .workforce-row .module-title { font-size:21px; margin-bottom: 10px; padding-bottom: 10px; }
    .collaboratio-section h3.module-feature-title { font-size:17px; }   

    .openings-tab .ui.vertical > .tab-nav li a { padding: 7px 18px; border-radius: 16px; }
    .openings-tab .module-tab .tab-nav { padding-right:20px; }
    .openings-tab .module-tab .tab-content { padding: 0 0 0 20px; } 
    .smb-book-form { padding: 20px; }
    .smb-book-form ul { grid-template-columns: 1fr; }

    .home-slider { height: 260px; }
    .home-slider .cards { perspective: 230px; }
    .home-slider .card { width: 100px; height: 120px; }
    .home-slider .card.center { width: 130px; height: 130px; }

    .cms-icon-img .image-wrap { width: 150px; height: 150px; min-width: 150px; }
}
@media (min-width: 769px) {
    .right-section-scroll .left-text-sticky { position:sticky; top:110px; }
    .sticky-full-section .sticky-full-row { position: sticky; top: 70px; }

.sticky-section .workforce-row { 
  position: sticky;
  top: 150px;
}

/*Privacy Policy*/
    .legal-page-main { align-items: flex-start; }
    .legal-sidebar-sticky { position:sticky; top:130px;  }
/*Privacy Policy end*/

.pay-comparison-table th:first-child,
.pay-comparison-table td:first-child { width: 40%; }
.pay-comparison-table th:nth-child(2),
.pay-comparison-table td:nth-child(2),
.pay-comparison-table th:nth-child(3),
.pay-comparison-table td:nth-child(3) { width: 30%; }

.related-metrics-row .pay-comparison-table th:first-child,
.related-metrics-row .pay-comparison-table td:first-child,
.related-metrics-row .pay-comparison-table th:nth-child(2),
.related-metrics-row .pay-comparison-table td:nth-child(2),
.related-metrics-row .pay-comparison-table th:nth-child(3),
.related-metrics-row .pay-comparison-table td:nth-child(3) { width: auto; }    

}
@media (max-width: 768px) {
    .workforce-row .module-image .image-wrap { margin-bottom: 20px; }
    h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    .schedule-bottom-section h2 { font-size: 26px; }
    .testimonials-section h2 { font-size: 28px; }
    .full-bg-content p { font-size:16px; }
    .full-bg-img .module-image { margin-top: -140px; }
    .workforce-row .module-title { font-size:21px; margin-bottom: 10px; padding-bottom: 10px; }
    .module-slider.slider-agency .slide-inner-wrap { flex-wrap:wrap; }
    .role-section .module-slider.slider-agency .slide-content { padding: 30px 0 0; }
    .role-section .module-slider.slider-agency .slide-image { padding:0; }
    .workday-tab .module-tab .tab-nav { width:100%; padding: 30px 0 0; }
    .workday-tab .module-tab .tab-content { width:100%; padding:0; }
    .workday-tab .ui.module.module-tab { margin:0; }
    .feature-content p,
    .workday-tab .tb_tab_desc { font-size:16px; }
    .workday-tab li .tb_tab_title,
    .role-section .feature-list h3 { font-size:21px; }
    .workday-tab .ui.vertical > .tab-nav li:not(:last-child) { margin-bottom:30px; }
    .workday-tab .image-wrap img,
    .role-section .slide-image img,
    .workforce-row .module-image img { border-radius:10px; }
    .section { padding: 40px 0; }
    .faq-section ul.ui.module-accordion .accordion-title a { font-size:18px; }
    .workforce-row p { font-size:16px; }    
    .faq-section { padding:40px 0; }
    .role-section .module-slider .module-title { font-size: 17px; margin-bottom: 20px; }
    .role-section .subtext p { font-size: 17px; margin-bottom: 20px; }
    .collaboratio-section h3.module-feature-title { padding-bottom: 10px; margin: 0 0 10px; }
    .recruit-reports-section .workforce-row { gap:24px; }
    .recruitment-app-slider { padding: 30px 0 20px; }
    .recruitment-app-slider .module-fancy-heading .fancy-heading { margin-bottom:15px; }

    .openings-tab .module-tab .tab-nav { width: 100%; padding: 0 0 40px; }
    .openings-tab .module-tab .tab-content { width: 100%; padding: 0; }
    .openings-tab { padding-top:50px; }
    .recruitment-app-slider .slide-title { font-size:20px; }
    .openings-tab .ui.vertical > .tab-nav li a { border-radius:16px; }

    .sticky-full-row .module_subrow { row-gap:20px; }
    .tab-style-top .tab-content .module.module-text { padding:24px 24px 10px; }
    .tab-style-top .tab-nav { gap: 15px; padding-bottom:20px; }
    .tab-style-top .ui .tab-nav li { font-size:15px; }
    .integration-top p { font-size:16px; }
    .aboutus-top p { font-size:16px; }
    .enterprise-top p { font-size:16px; }

    .blog-list-top .loops-wrapper.list-large-image > .post { flex-wrap:wrap; }
    .blog-list-top .loops-wrapper.list-large-image .post-image { width:100%; max-width: 100%; }
    .blog-list-top .loops-wrapper .post-content { width:100%; order: 0; }
    .blog-list-top { margin-bottom:0; }
    .blog-list-top .entry-content p:last-child { margin-bottom:0; }
    .customer-row .module-image .image-wrap { margin: 0px 0 15px; }
    .customer-top-section p { font-size:16px; }
    .customer-top-section .module-title { font-size:32px; margin-bottom: 10px; }
    .pricing-customer-row .module_column:nth-child(2) { border-right:0; }
    .schedule-bottom-p p { font-size:16px; }
    .plan-section h2 .sub-head { font-size: 17px; }
    #footerwrap { padding: 40px 0 0; }
    .footer-left-col .footer-text { margin-top: 0; }
    #footerwrap .footer-socials h3 { margin-bottom: 10px; }
    .footer-socials { padding-bottom: 30px; }
    #footerwrap .footer-app-download h3 { margin-bottom: 12px; }
    #footerwrap .footer-app-download ul { gap: 6px; }
    #footerwrap .widgettitle, #footerwrap h4 { font-size: 21px; }
    #footer-logo { max-width: 220px; }

    .feature-row { border-radius: 10px; }
    .feature-row .module-image .image-wrap img,
    .feature-row .module_column:has(.module-text) + .module_column .image-wrap img { border-radius: 10px 10px 0 0; }
    .feature-row .module_column:has(.module-text) { padding: 24px; }
    .project-banner h1 { font-size:24px; }
    .project-banner p { font-size:16px; }

    .enterprise-btm-row > .module_column:has(.module-text) { max-width: 100%; padding: 24px; }
    .steps_number { font-size: 60px; line-height: 1; }
    .smb-schedule-btm .module-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
    .smb-schedule-btm .module-buttons-item + .module-buttons-item { margin:0; }
    .need-section .subtext p { font-size:16px; }

    .smb-book-form { padding: 24px; }
    .smb-book-row > .module_column.first:has(.module-plain-text) { border-radius: 16px 16px 0 0; }
    .smb-step-row .module-image .image-wrap img { border-radius:10px; }
    .schedule-bottom-section .module-fancy-heading .sub-head { font-size:16px; }
    .smb-testi-card { border-radius:8px; }
    .smb-book-row .module-title { font-size:21px; }
    .it-platform-boxs .it-platform-row .module_column:not(:last-child) { border-right:0; }
    .it-platform-boxs .it-platform-row:first-child .module_column:not(:first-child) { border-top: 1px solid #ededed; }
    .slider-tab-section .team-slider .swiper-slide { flex-direction: column; }
    .slider-tab-section .image { order: -1; width: 100%; min-width: 100%; overflow: hidden; }
    .slider-tab-section .content { padding:24px; }
    .slider-tab-section .image img { border-radius: 10px 10px 0 0; width: 100%; }
    
    .manufacturing-features-row .module_column,
    .factories-row .module_column,
    .factories-main-row .factories-left,
    .manufacturing-built-row .module-image .image-wrap img { border-radius:10px; }
    .manufacturing-banner p { font-size:16px; }
    .free-tools-top p { font-size:16px; }
    .hr-banner h1 br { display:none; }

    .smb-need-row .module_column { border-radius:10px; }
    .hr-service-row { gap:10px; }
    .hr-service-row .module-image .image-wrap img { border-radius:10px; }

    .logistics-workforce .smb-need-row { gap: 12px; margin-bottom: 12px; }
    .logistics-workforce .smb-need-row:last-child { margin-bottom: 0px; }

    .sticky-section .workforce-row { margin-bottom:20px; border-radius: 10px; padding: 24px; }
    .sticky-section .workforce-row .module-title { margin-top:0; }
    .sticky-section { margin-bottom:20px; }

    .row_inner { max-width: 90%; }
    .hr-service-row h2 { font-size:28px; }
    .hr-service-row div.module_column { display: block; width: 100%; }  

    .full-bg-content-top ~ .full-bg-img .module-image .image-wrap::before { width: 18px; height: 41px; left: -32px; }  
    .full-bg-content-top ~ .full-bg-img .module-image .image-wrap::after { width: 18px; height: 41px; right: -32px; }    

    .security-dash-top h1 { margin-bottom:15px; }
    .darkgray-btn .ui.builder_button { font-size: 16px; padding: 12px 20px; }
    .darkgray-btn.security-dash-btn .ui.builder_button { min-width: 196px; }

    .twoFactor-works .step-number { width: 70px; height: 70px; }

    .gratuity-header h3 { font-size: 18px; }
    .savings-highlight { margin: 0 0px 10px 0; }
    .calculator-accordion .accordion-content { padding:10px 20px 20px; }

    .salaryHike-result-row { gap:20px; }

    .pay-comparison { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .pay-comparison-table {
        font-size: 14px;
    }
    .pay-comparison-table th,
    .pay-comparison-table td {
        padding: 10px 12px;
    }

    .salary-table-wrap { margin-top:30px; }
    .profitability-gross-row { gap: 12px; }
    .mistake-card { padding: 12px 20px; border-radius: 6px; gap: 14px; }
    .mistake-number { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 4px; font-size: 15px; }
    .mistake-content h4 { font-size:14px; }
    .mistake-content p { font-size:13px; }
    .industry-table th, .industry-table td { padding: 12px 16px; }

    .pf-works-row { gap: 15px; margin-bottom: 15px; }
    .about-conent-row p { font-size:16px; }

    .faq-page .efm-faq-wrap .efm-content { padding: 30px 24px 30px; }
    .efm-faq-wrap .efm-tabs { margin-bottom:10px; }
    .faq-page .efm-faq-wrap .efm-hero { padding:50px 16px 50px; }
    .faq-page .efm-faq-wrap .efm-search-wrap .efm-search-btn { padding: 0 12px; }
    .module-testimonial-slider.image-bubble .testimonial-content { border-radius: 10px; padding: 20px; }
    .openings-tab .image-wrap img { border-radius:10px; }
    .recruitment-app-slider .module img { border-radius:10px; }
    .recruit-reports-section .workforce-row-cards { gap:24px; }

    .feature-row { margin-bottom:20px; }
    .about-team-section .image-overlay .image-content { transform: none; }




}
@media (max-width: 767px) {
    .gantt-alternatives h2 {
        font-size: 28px;
    }

    .alternatives-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .alternative-card,
    .alternative-card:nth-child(4),
    .alternative-card:nth-child(5) {
        grid-column: auto;
    }

    .alternative-card {
        min-height: 220px;
    }
    .home-platform .module.module-plain-text { width: 100%; }
    .integration-row {
        display: block;
        margin-bottom: 25px;
    }

    .integration-category {
        width: 100%;
        min-height: 46px;
        margin-bottom: 12px;
    }

    .integration-items {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        padding: 8px;
    }

    .integration-item {
        min-width: 0;
        padding: 7px 10px;
    }

    .integration-item span {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .built-results-row .module_column::before { width: 110px; height: 110px; }
    .built-results-row .module_column { padding-right: 80px; }
    
    .mb-megamenu.mb-mobile-open .mb-megamenu-list { right: calc(-5% + -2px); left: calc(-5% + -2px); }

    .slider-tab-section .team-tabs{
        justify-content:flex-start;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:10px;
    }

    .slider-tab-section .team-tabs::-webkit-scrollbar{
        display:none;
    }

    .slider-tab-section .team-tabs button{
        white-space:nowrap;
        font-size:14px;
        padding:10px 18px;
    }

    .slider-tab-section .team-content{
        padding:25px;
    }

    .slider-tab-section .team-content h2{
        font-size:26px;
        margin-bottom:20px;
    }

    .slider-tab-section .team-content li{
        font-size:16px;
        line-height:1.7;
        margin-bottom:18px;
    }

    .slider-tab-section .team-image{
        height:260px;
    }
    .schedule-bottom-section .builder_row_cover::before { /* background-size: 100px; */ }
    .bottom-center-pattern { background-size: 100px; }

    .full-bg-content:has(+ .full-bg-img .module-image.rectangle-pattern.rectangle-btm) { margin-bottom: 40px; }
    .full-bg-img .module-image.rectangle-pattern.rectangle-btm { margin-top: -80px; }
    .full-bg-img .module-image.rectangle-btm .image-wrap::before, 
    .full-bg-img .module-image.rectangle-btm .image-wrap::after { height: 60px; }
     
    .full-bg-content:has(+ .full-bg-img .module-image.round-pattern) { margin-bottom: 40px; }
    .full-bg-img .module-image.round-pattern { margin-top: -80px; }
    .full-bg-img .module-image.round-pattern .image-wrap::before, 
    .full-bg-img .module-image.round-pattern .image-wrap::after { height: 60px; }


}
@media (max-width: 639px) {
.schedule-bottom-section h2 { font-size:24px; }
#headerwrap .header-icons { right: 3%; }

.full-bg-img .module-image .image-wrap::before,
.full-bg-img .module-image .image-wrap::after { width: 12px; height: 48px; top: 15px; left: -18px; }
.full-bg-img .module-image .image-wrap::after { left:auto; right: -18px; }

/* Mobile */
    .setup-section .darkgray-btn .ui.builder_button { margin-top: 10px; }
    .setup-process {
        text-align: left;
    }

    .setup-process h2 {
        margin-bottom: 30px;
        font-size: 28px;
        text-align: center;
    }

    .setup-steps {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .setup-steps::before {
        top: 33px;
        bottom: 33px;
        left: 27px;
        right: auto;
        width: 1px;
        border-top: 0;
        border-left: 1px dashed #b9b7ff;
    }

    .setup-step {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        text-align: left;
    }

    .step-number {
        width: 56px;
        height: 56px;
        min-width: 56px;
        flex: 0 0 56px;
        margin: 0;
    }

    .step-content {
        padding-top: 3px;
    }

    .step-content h3 {
        font-size: 16px;
    }

    .step-content p {
        font-size: 12px;
    }
    .twoFactor-works .step-number { width: 56px; height: 56px; min-width: 56px; }
}
@media (max-width: 600px) {
    .schedule-bottom-section { text-align:center; }
    .schedule-bottom-section .module-image .image-wrap { margin-top:40px; }
    .trusted-logo-row .module_subrow { row-gap:14px; }
    .workforce-row p:last-child { margin-bottom:0; }

    .full-bg-img .module-image .image-wrap img { min-height: 150px; object-fit: contain; background: #fff; }
    .alternative-card { border-radius: 10px; width: calc((100% - 0px) / 1); }
    .dashboard-widgets-row { gap:20px; }
    .customer-top-section .row_inner { gap:12px; }
    .contact-form { padding:24px; }

    .integration-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .home-banner h1 { font-size: 28px; }
    

    .free-tools-top .builder_row_cover::before { background-size: 80px; }
    .free-tools-top .builder_row_cover::after { background-size: 80px; }
    .free-tools-top .builder_row_cover { background-size: 150px; }
    .calculate-btn .ui.builder_button { font-size:16px; }
    .full-bg-content-top { margin-left: 15px; margin-right: 15px; }

    .secureVault-bottom h2 { text-align:center; }
    .schedule-bottom-section.secureVault-bottom .module-image .image-wrap { margin-top:0; }
    .calculator-accordion .accordion-title { font-size: 16px; }
    .calculator-accordion .accordion-title span { padding-right:10px; }
    .savings-highlight { font-size: 20px; }

    .home-slider { height: 260px; }
    .home-slider .cards { perspective: 230px; }
    .home-slider .card { width: 100px; height: 120px; }
    .home-slider .card.center { width: 130px; height: 130px; }

    .home-banner p { font-size:14px; }
}

@media (max-width: 479px) {
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size:22px; }
    .gantt-alternatives h2,
    .schedule-bottom-section h2 { font-size: 24px; }
    .testimonials-section h2 { font-size: 24px; }    
    .feature-content p,
    .workday-tab .tb_tab_desc { font-size:15px; }
    .workday-tab li .tb_tab_title,
    .role-section .feature-list h3 { font-size:18px; }
    .faq-section ul.ui.module-accordion .accordion-title a { font-size:16px; line-height: 1.3; }
    .section { padding: 30px 0; }
    .role-section .module-slider .module-title { font-size: 15px; }
    .role-section .subtext p { font-size: 15px; }

    .customer-top-section .module-title { font-size: 28px; }
    .contact-form { border-radius:10px; }
    .pricing-tabs .ui .tab-nav li { width:100%; }
    .pricing-tabs .tab-nav { border-radius: 16px; }
    .pricing-tabs .ui .tab-nav li a { border: 1px solid #eee; display: block; }
    .pricing-tabs .ui .tab-nav li.current a { border-color:#333; }

     .subscription-plan__title { font-size: 15px; gap: 5px; }
    .subscription-plan p { font-size: 12px; }
    .built-results-row .module .tb-image-wrap { width: 50px; height: 50px; min-width: 50px; margin-right: 15px; }
    .home-trusted-logo .trusted-logo-row h3 { font-size: 20px; }
    .home-platform p { font-size: 16px; }
    .built-results-row .module_column::before { width: 90px; height: 90px; }
    .built-results-row .module_column { padding-right: 50px; }
    .plan-section h2 { margin-bottom: 20px; }
    .plan-row .feature-list { margin-top: 10px; }
    #footerwrap .widgettitle, #footerwrap h4 { font-size: 20px; }
    #footerwrap .widget li { font-size: 14px; }
    .smb-book-form ul { grid-template-columns: 1fr; }
    .smb-step-row .module-title { font-size:21px; }
    .smb-step-row p { font-size:15px; }
    .expect-list li { font-size:14px; }
    .bottom-center-pattern .builder_row_cover { background-size: 50% auto; }
    .plan-section h2 .sub-head { font-size:16px; }
    .hr-service-row h2 { font-size:24px; }    
    .full-bg-content-top ~ .full-bg-img .module-image .image-wrap::before { width: 16px; height: 36px; left: -24px; top:-6px; }  
    .full-bg-content-top ~ .full-bg-img .module-image .image-wrap::after { width: 16px; height: 36px; right: -24px; }

    .full-bg-img .module-image.rectangle-pattern::before, 
    .full-bg-img .module-image.rectangle-pattern::after { width: 40px; height: 40px; left: -16px; top: -16px; }
    .full-bg-img .module-image.rectangle-pattern::after { left: auto; right: -16px; }
    .full-bg-content-top + .full-bg-img .module-image.rectangle-pattern { margin-top: -150px; }
    .full-bg-content-top:has(+ .full-bg-img .rectangle-pattern) { padding-bottom: 60px; }
    .about-conent-row .module-title { font-size:24px; }
    .contact-page .contact-info { border-radius:10px; }
    .recruit-reports-section .module-fancy-heading .sub-head { font-size: 16px; }
    .openings-tab .ui.vertical > .tab-nav li a { border-radius:8px; padding:7px 20px; }
    .recruitment-app-slider .slide-content { font-size: 16px; }
}

@media (max-width: 440px) {
    .home-slider { height: 220px; }
    .home-slider .cards { perspective: 150px; }
    .home-slider .card { width: 80px; height: 100px; }
    .home-slider .card.center { width: 100px; height: 100px; }
    .home-slider .card { border-radius:10px; }
    .home-slider .card::after { border-radius:10px; }
}
@media (max-width: 370px) {
    .home-slider .cards { perspective: 120px; }
    .home-slider .card.center { width: 80px; height: 100px; }
}
@media (max-width: 350px) {
    .integration-items {
        grid-template-columns: 1fr;
    }
}