h1:not(.us_calulators_content h1, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h1){ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 48px !important; font-weight: 600 !important; line-height: 57.6px !important; } h2:not(.us_calulators_content h2, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h2){ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 40px !important; font-weight: 700 !important; line-height: 52px !important; } h3:not(.us_calulators_content h3, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h3){ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 32px !important; font-weight: 700 !important; line-height: 41.6px !important; } h4:not(.us_calulators_content h4, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h4){ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 31.2px !important; } h5:not(.us_calulators_content h5, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h5){ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 26px !important; } h6{ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 20.8px !important; } @media (max-width: 430px) { /* Covers most iPhones */ h1:not(.us_calulators_content h1, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h1) { font-size: 36px !important; line-height: 43.2px !important; } h2:not(.us_calulators_content h2, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h2) { font-size: 32px !important; line-height: 41.6px !important; } h3:not(.us_calulators_content h3, .eyebrow, .heading-using-div, .eyebrow_text_new_module, .cards-two-column h3) { font-size: 24px !important; line-height: 31.2px !important; } } body section:first-of-type:not(footer section) a:not( .text-small a, .text-sm a), body section:first-of-type:not(footer section) p:not(.testimonial-text, .calculator_hero p , .testimonial-designation, .content-container.card p, .content-line-container p, .image-content p, .container-box.container-fluid p, .item-paragraph-text, .text-sm, .text-sm a){ font-family: "Inter", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; line-height: 28px !important; } @media (max-width: 430px) { /* Targets iPhone and similar mobile screens */ body section:first-of-type:not(footer section) a:not( .text-small a, .text-sm a ), body section:first-of-type:not(footer section) p:not( .testimonial-text, .calculator_hero p, .testimonial-designation, .content-container.card p, .content-line-container p, .image-content p, .container-box.container-fluid p, .item-paragraph-text, .text-sm, .text-sm a ) { font-size: 16px !important; line-height: 24px !important; } } body, a:not(.toc a, footer a, .mobile-sub-navbar a, #wpadminbar a, .dropdown-item, header a, .psa-heading-desc, .sub-menu-pricing, .give-us-call-pricing a, .custom-payroll-section a.custom-nav-link, .text-small a, .text-sm a, .hubspot-form-text a), p:not(body section:first-of-type p, .box .card p, .us_calulators_content p, .custom-payroll-section p.nav-description, .sub-navbar-title, .testimonial-text, .testimonial-designation, .psa-heading-desc, .sub-menu-pricing, .give-us-call-pricing a, .image-content p, .counter-para, .counter-para-bold, .card-header p, .hubspot-form-text p, .signup_page_container p, .content-line-container p), ul, li, li a:not(.toc a, footer a, #wpadminbar a, .toc a , .mobile-sub-navbar a, .dropdown-item, header ul li a, .psa-heading-desc, .sub-menu-pricing, .give-us-call-pricing a, .custom-payroll-section a.custom-nav-link, .tabs-overview-paragrapg p, .two-column-content p, .form-container-hubspot li){ font-family: "Inter", sans-serif !important; font-size: 18px !important; /* font-size: 20px !important; */ font-weight: 400 !important; /* line-height: 27px !important; */ line-height: 30px !important; } @media (max-width: 430px) { /* Targets iPhone and similar mobile screens */ body, a:not( footer a, .mobile-sub-navbar a, #wpadminbar a, .dropdown-item, header a, .psa-heading-desc, .sub-menu-pricing, .give-us-call-pricing a, .custom-payroll-section a.custom-nav-link, .text-small a, .text-sm a ), p:not( body section:first-of-type p, .custom-payroll-section p.nav-description, .sub-navbar-title, .testimonial-text, .testimonial-designation, .psa-heading-desc, .sub-menu-pricing, .give-us-call-pricing a, .image-content p, .counter-para, .counter-para-bold, .card-header p ), ul, li, li a:not( footer a, #wpadminbar a, .mobile-sub-navbar a, .dropdown-item, header ul li a, .psa-heading-desc, .sub-menu-pricing, .give-us-call-pricing a, .custom-payroll-section a.custom-nav-link, .tabs-overview-paragrapg p, .two-column-content p, .form-container-hubspot li ) { font-size: 16px !important; line-height: 24px !important; } } .feature-line-container .content-line-container .dot{ color:#ffffff !important; } footer a, footer p{ font-family: "Bricolage Grotesque", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; color: #ffffff; opacity: 0.6; } footer a, footer p :hover{ color: #ffffff !important; } .btn{ font-family: "Inter", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; line-height: 24px !important; } .btn-primary{ background: #FB774D !important; border: 1px solid #FB774D !important; color: white !important; border-radius: 34px !important; padding: 11px 24px !important; } .btn-dark{ background: #302950 !important; border: 1px solid #302950 !important; color: white !important; border-radius: 34px !important; padding: 11px 24px !important; } a.btn.btn-blue-outline-alt{ position: relative; background: transparent !important; border: 1px solid #ffffff !important; color: #ffffff !important; border-radius: 34px !important; padding: 11px 24px !important; } a.btn.btn-blue-outline{ position: relative; background: transparent !important; border: 1px solid #302950 !important; color: #302950 !important; border-radius: 34px !important; padding: 11px 30px !important; } a.btn.btn-blue { background: #3C3560 !important; color: white !important; padding: 11px 24px; border-radius: 34px; position: relative; } /* a.btn.btn-orange:after, a.btn.btn-primary:after, a.btn.btn-blue:after { content: ''; width: 9px; height: 9px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%) rotate(45deg); background-color: transparent; border-right: 2px solid #fff; border-top: 2px solid #fff; opacity: 0; transition: all 1.2s ease; } */ a.btn.btn-primary:hover:after, a.btn.btn-orange:hover:after, a.btn.btn-blue:hover:after { opacity: 1; right: 13px !important; } /* a.btn.btn-blue-outline-alt:after, a.btn.btn-blue-outline:after { content: ''; width: 9px; height: 9px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%) rotate(45deg); background-color: transparent; border-right: 2px solid #302950; border-top: 2px solid #302950; opacity: 0; transition: all 0.3s ease; } */ a.btn.btn-blue-outline-alt:after{ border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; } a.btn.btn-blue-outline-alt:hover:after, a.btn.btn-blue-outline:hover:after { opacity: 1; right: 12px; } @media(min-width: 1400px) { .container,.container-box,.feature-container,.layout,.pricing,.frequent-questions,.small-container,.feature-line-container,.about-line-container,.navbar-expand-lg.sub-navbar .mobile-sub-navbar,.menu-path,.keka-client .desktop-visibility,.keka-client .desktop-button,ul.pagination { max-width: 1200px !important; } } .list-items-with-logo p{ font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; } .industries-new-sec small{ font-size: 16px !important; font-weight: 600; line-height: 22.4px; } .industries-new-sec h2{ color: #000000 !important; font-weight: 600; line-height: 57.6px; } .testimonials .container{ border-radius: 24px !important; } .testimonials .testimonial-text, .testimonial-designation{ font-family: Bricolage Grotesque !important; font-weight: 400 !important; line-height: 16.8px !important; font-size: 14px !important; letter-spacing: -0.10000000149011612px !important; } .testimonials .testimonial-description { font-size: 18px !important; font-weight: 400 !important; line-height: 24px !important; color: #3C3560 !important; font-family: Bricolage Grotesque !important; } footer /* Curved */ .curved-section, .curved-section-bottom, .curved-section-top{ position: relative; min-height: 100px; background-color: #1a153b; padding-top: 150px; margin-left: 0px; margin-right: 0px; } .curved-section-top{ margin-top: 50px; } .curved-section-bottom{ margin-bottom: 150px; } .curved-section-top::before, .curved-section-bottom::after { content: ''; position: absolute; width: 100%; } .curved-section-top::before { height: 150px; background-color: #fff; top: 0; clip-path: ellipse(55% 60% at 50% 0%); } .curved-section-bottom::after { height: 150px; bottom: -150px; background-color: #1a153b; clip-path: ellipse(51% 49% at 50% 0%); } .curved-section .bg-black-light, .curved-section .bg-black-dark, .curved-section-bottom .bg-black-light, .curved-section-bottom .bg-black-dark, .curved-section-top .bg-black-light, .curved-section-top .bg-black-dark{ background-color: #1a153b !important; } .max-w-fit-content{ max-width: fit-content !important; } body.page ul:not(header ul, footer ul, ul.toc, .mobile-sub-navbar ul, .sub-navbar-title ul, #wpadminbar ul, .nav-tabs, .tab-content ul, .form-container-hubspot ul) li{ list-style: none; position :relative; line-height:35px; color: #615B80 !important; font-weight: 500; margin: 16px 0px; } body.page ul:not(header ul, footer ul, .mobile-sub-navbar ul, .sub-navbar-title ul, #wpadminbar ul, .nav-tabs, .tab-content ul, .form-container-hubspot ul, .scrollbar-minimum-content ul, .sidebar ul, ul.toc, .hubspot-form-text ul, .results_stats_container ul) li:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg clip-path='url(%23clip0_235_9948)'%3E%3Cg clip-path='url(%23clip1_235_9948)'%3E%3Cg clip-path='url(%23clip2_235_9948)'%3E%3Cpath d='M9.63171 18.7136C14.4819 18.7136 18.4138 14.7817 18.4138 9.93151C18.4138 5.08129 14.4819 1.14941 9.63171 1.14941C4.78149 1.14941 0.849609 5.08129 0.849609 9.93151C0.849609 14.7817 4.78149 18.7136 9.63171 18.7136Z' stroke='%233C3560' stroke-opacity='0.8' stroke-width='1.69976'/%3E%3Cpath d='M8.2213 11.8585L8.43433 12.0645L8.63055 11.8424L13.3132 6.54212L13.3251 6.52867L13.3352 6.51382C13.5199 6.24205 13.8988 6.16561 14.1802 6.34957C14.4543 6.52877 14.5281 6.88478 14.3556 7.15195L9.08178 13.3252L9.07167 13.337L9.06289 13.35C8.85136 13.6611 8.39758 13.7068 8.12556 13.44L8.12449 13.439L4.99217 10.3991C4.99201 10.399 4.99232 10.3993 4.99217 10.3991C4.75828 10.1693 4.75797 9.79887 4.99217 9.56923C5.2296 9.33636 5.61679 9.33636 5.85423 9.56923L5.85564 9.57059L8.2213 11.8585Z' fill='%233C3560' fill-opacity='0.8'/%3E%3Cpath d='M4.99217 10.3991L8.12449 13.439L8.12556 13.44C8.39758 13.7068 8.85136 13.6611 9.06289 13.35L9.07167 13.337L9.08178 13.3252L14.3556 7.15195C14.5281 6.88478 14.4543 6.52877 14.1802 6.34957C13.8988 6.16561 13.5199 6.24205 13.3352 6.51382L13.3251 6.52867L13.3132 6.54212L8.63055 11.8424L8.43433 12.0645L8.2213 11.8585L5.85564 9.57059L5.85423 9.56923C5.61679 9.33636 5.2296 9.33636 4.99217 9.56923C4.75797 9.79887 4.75828 10.1693 4.99217 10.3991ZM4.99217 10.3991C4.99201 10.399 4.99232 10.3993 4.99217 10.3991Z' stroke='%233C3560' stroke-opacity='0.8' stroke-width='0.566587'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_235_9948'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.299805)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_235_9948'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.299805)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_235_9948'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.299805)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); left: -28px; top: 4px; line-height: 17px; position:absolute; } body footer .bg-black-light ul li{ margin-bottom: 8px !important; } .bg-theme-purple-dark{ background-color: #1a153b !important; } h2.inter-600, h6.inter-600, h6.inter-600 small { font-family: "Inter", sans-serif !important; font-weight: 600 !important; font-style: normal; } a.btn.btn-blue-outline:hover { background: #302950 !important; color: white !important; } a.btn.btn-blue-outline:hover:after{ border-right: 2px solid #eae9ef !important; border-top: 2px solid #eae9ef !important; } a.btn.btn-orange:hover { background: #FF6737 !important; } .us_new_hero_section_heading { font-size: 40px !important; } .navbar + .us_new_hero_section_image:nth-of-type(1) .us_new_hero_section_heading { font-size: 48px !important; line-height: 57.6px !important; } @media (max-width: 430px) { /* Targets iPhone and similar mobile screens */ .navbar + .us_new_hero_section_image:nth-of-type(1) .us_new_hero_section_heading { font-size: 36px !important; line-height: 43.2px !important; } } .navbar + .us_new_feature_section .heading-two-default{ font-size: 48px !important; line-height: 57.6px !important; } .btn.btn-link-tag:hover, .btn.btn-link-tag { color: #3c3560 !important; outline: none !important; border: none !important; } .border-blue,.navbar-expand-lg.sub-navbar .navbar-nav li.active .nav-link, .sub-menu .nav-tabs a.active, .btn.btn-primary-outline, .btn-primary-outline.mobile-button, .mobile-button.btn-share, .mobile-button.btn-learn, .btn-primary-outline.desktop-button,.desktop-button.btn-share,.desktop-button.btn-learn,.btn-primary-outline.btn-download,.btn-download.btn-share,.btn-download.btn-learn,.btn-share,.btn-learn,.btn.btn-light.active,.btn-light.active.mobile-button,.btn-light.active.desktop-button,.btn-light.active.btn-download,.btn-light.active.btn-share,.btn-light.active.btn-learn,ul.pagination li,.slider::-webkit-slider-thumb { border-color: red !important } div#myTabContent a.btn.btn-blue-outline, .industries-us-keka a.btn.btn-blue-outline { background: transparent !important; border: none !important; color: #3c3560 !important; } div#nav-tabContent a.btn.btn-blue-outline, .industries-us-keka a.btn.btn-blue-outline { background: transparent !important; border: none !important; color: #3c3560 !important; } .industries-us-keka a.btn.btn-blue-outline:not(div#myTabContent a.btn.btn-blue-outline){ padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } div#myTabContent a.btn.btn-blue-outline:hover, .industries-us-keka a.btn.btn-blue-outline:hover { background: transparent !important; border: none !important; color: #3c3560 !important; } span.learn-more, .btn.btn-link-tag{ position: relative; padding: 11px 30px 11px 0px !important; } div#myTabContent a.btn.btn-blue-outline::after, .btn.btn-link-tag::after, .industries-us-keka a.btn.btn-blue-outline::after { border-right: 2px solid !important; opacity: 1 !important; border-top: 2px solid !important; transform: translateY(-50%) rotate(45deg) !important; transition: transform 0.3s ease, right 0.3s ease; } span.learn-more::after, .btn.btn-link-tag::after { content: ''; width: 9px; height: 9px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%) rotate(45deg); background-color: transparent; border-right: 2px solid #302950; border-top: 2px solid #302950; opacity: 0; transition: all 0.3s ease; } @media (max-width: 768px) { /* Adjust breakpoint as needed */ span.learn-more::after, .btn.btn-link-tag::after { right: 112px !important; } } /* Hover effect - Moves ::after element forward */ div#myTabContent a.btn.btn-blue-outline:hover::after, .btn.btn-link-tag:hover::after, .industries-us-keka a.btn.btn-blue-outline:hover::after, span.learn-more:hover::after { right: 12px; /* Moves the arrow forward */ opacity: 1; /* Make it fully visible */ } #glossary-results-container li:before{ content: unset !important; } #glossary-results-container li a{ color: #0d6efd !important; } .glossary-posts a{ color: #0d6efd !important; } header .mega_menu_dropdown svg { width: 24px; height: 24px; } body:has(.sub_navigation_dark_mode, .hero_section_dark_mode) header{ background: #270d3d !important; } body:has(.sub_navigation_dark_mode, .hero_section_dark_mode) .navbar.navbar-expand-lg.sub-navbar.bg-new-theme-purple-dark.sub_navigation_dark_mode .mobile-sub-navbar, body:has(.sub_navigation_dark_mode, .hero_section_dark_mode) .navbar.navbar-expand-lg.sub-navbar.bg-new-theme-purple-dark.sub_navigation_dark_mode { z-index: 1; border-bottom-color: #341859 !important; border-top-color: #341859 !important; } body:has(.sub_navigation_dark_mode, .hero_section_dark_mode) header:not(.background_light_header) .navbar.navbar-expand-lg.sub-navbar.bg-new-theme-purple-dark.sub_navigation_dark_mode:after { content: ''; width: 100%; background: #341859; height: 66px; position: absolute; left: 0; right: 0; top: 0; z-index: 0; } body:has(.sub_navigation_dark_mode, .hero_section_dark_mode) .sub-navbar-title{ color: #fff !important; } body:has(.sub_navigation_dark_mode, .hero_section_dark_mode) .navbar-expand-lg.sub-navbar .navbar-nav li .nav-link{ padding-bottom: 25px !important; padding-top: 25px !important; color: rgba(255, 255, 255, 0.7) !important; }