/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0.0
 Author: Rubin Cabalida & Mariel Carnecer
 Company: HHR 
*/
img[src$=".svg"] { width: 100%; height: auto; }

.elementor-nav-menu a.elementor-item.elementor-item-anchor {
    text-decoration: none !important;
}

.e--pointer-underline .elementor-item:after {
    background-color: #0664E8;
}

a.elementor-item {
    text-decoration: none !important;
}

p.elementor-image-box-description {
    font-size: 19px !important;
}

.jet-mega-menu-mega-container__inner {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.elementor-widget-wrap.elementor-element-populated {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.elementor-widget-image a img[src$=".svg"] {
    width: auto !important;
}
.elementor-image-box-title a {
    text-decoration: none !important;
}

section.elementor-section.elementor-inner-section.elementor-element.elementor-element-aa4b7a9.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    max-height: 55vh !important;
    overflow-y: auto !important;
}

/*section.elementor-section.elementor-inner-section.elementor-element.elementor-element-ea43ecf.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default {
    max-height: 400px !important;
    overflow-y: auto !important;
}
*/
a.jet-mega-menu-item__link.jet-mega-menu-item__link--top-level {
    text-decoration: none !important;
}

li#jet-mega-menu-item-20481 a.jet-mega-menu-item__link.jet-mega-menu-item__link--top-level {
    background: #0664E8;
    padding: 6px 15px 6px 15px;
    border-radius: 20px;
    color: #ffff;
}

li#jet-mega-menu-item-20481 a.jet-mega-menu-item__link.jet-mega-menu-item__link--top-level:hover {
    background: #011E45;
    color: #fff;
}

li#jet-mega-menu-item-20481 .jet-mega-menu-item__inner:hover {
    border-bottom: none !important;
}

.elementor-20456 .elementor-element.elementor-element-db42522 img {
    width: 180px;
}

a.jet-mega-menu-item__link.jet-mega-menu-item__link--top-level {
    font-weight: 500 !important;
    font-size: 14px;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-e7c1324.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}
.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-aefc29f.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-e9c45fd.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-9dc4e4f.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-93c695e.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-ae6c130.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-42ddfce.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-4ffe81b.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-mega-container__inner section.elementor-section.elementor-inner-section.elementor-element.elementor-element-974ab3c.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default p.elementor-image-box-description {
    font-size: 14px !important;
}

.jet-mega-menu-item {
    padding: 0 5px;
}

li.jet-mega-menu-item:hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #0B1F3A; /*0664e8*/
    transition: width 0.3s ease;
}

li.jet-mega-menu-item:active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #0B1F3A;
    transition: width 0.3s ease;
}

li#jet-mega-menu-item-20459:hover {
    /*border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;*/
}

li#jet-mega-menu-item-20459:active {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;
}

li#jet-mega-menu-item-20460:hover {
    /*border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;*/
}

li#jet-mega-menu-item-20460:active {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;
}

li#jet-mega-menu-item-20461:hover {
    /*border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;*/
}

li#jet-mega-menu-item-20461:active {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;
}

li#jet-mega-menu-item-20463:hover {
    /*border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;*/
}

li#jet-mega-menu-item-20463:active {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;
}

li#jet-mega-menu-item-20462:hover {
    /*border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;*/
}

li#jet-mega-menu-item-20462:active {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #cde0fb;
}

.jet-mega-menu-mega-container {
    margin-top: 5px;
}

li#jet-mega-menu-item-20459:hover {
    transform: none !important;
}

li#jet-mega-menu-item-20460:hover {
    transform: none !important;
}

li#jet-mega-menu-item-20461:hover {
    transform: none !important;
}

.jet-mega-menu-list li#jet-mega-menu-item-20463:hover {
    transform: none !important;
}

.jet-mega-menu-list li#jet-mega-menu-item-20462:hover {
    transform: none !important;
}

.jet-mega-menu-item__inner {
    padding: 0px 5px 0px 5px !important;
}

.jet-mega-menu-mega-container__inner {
    background-color: unset !important;
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-f07d538.elementor-section-full_width.elementor-section-items-top.elementor-section-height-full.elementor-section-height-default {
    backdrop-filter: blur(5px);
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-8561492.elementor-section-full_width.elementor-section-height-full.elementor-section-items-top.elementor-section-height-default {
    backdrop-filter: blur(5px);
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-02ba846.elementor-section-full_width.elementor-section-height-full.elementor-section-items-top.elementor-section-height-default {
    backdrop-filter: blur(5px);
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-0f42236.elementor-section-full_width.elementor-section-height-full.elementor-section-items-top.elementor-section-height-default {
    backdrop-filter: blur(5px);
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-429437e.elementor-section-full_width.elementor-section-height-full.elementor-section-items-top.elementor-section-height-default {
    backdrop-filter: blur(5px);
}

@media (max-width: 1024px) {
    body:not(.rtl) .elementor-20456 .elementor-element.elementor-element-5ff79a2 {
        right: 40px;
        position: absolute;
        top: 0;
    }
    
    body:not(.rtl) .elementor-20456 .elementor-element.elementor-element-872eb91 {
        right: 72px;
    position: absolute;
    top: 0;
    }
    
    .elementor-20456 .elementor-element.elementor-element-61ba615 {
        width: auto;
        max-width: auto;
        bottom: -10px;
        position: absolute;
        right: 0;
    }
    
    .elementor-20456 .elementor-element.elementor-element-db42522 {
        top: 14px;
        position: absolute;
    }
    
     .elementor-20456 .elementor-element.elementor-element-db42522 img {
        max-width: 150px !important;
        margin-top: 6px;
    }
    
    .elementor-20456 .elementor-element.elementor-element-61ba615 .jet-mobile-menu__container {
        width: 100%;
    }
    
    .elementor-20456 .elementor-element.elementor-element-61ba615 .jet-mobile-menu__container .jet-mobile-menu__back i {
        font-size: 20px;
    }
    
    .elementor-20456 .elementor-element.elementor-element-61ba615 .jet-mobile-menu__controls {
    padding-right: 25px;
    padding-left: 25px;
}

#jet-mobile-menu-item-779 a.mobile-link.mobile-top-level-link {
    border-radius: 32px 32px 32px 32px;
    padding: 8px 64px 8px 64px;
    text-decoration: none;
    border-style: solid;
    border-width: 1px !important;
    border-color: #404454 !important;
}
}

@media (max-width: 767px) {
.hr-features .uc_tab_nav, .pricing-headers .uc_tab_nav, .premium-addon .uc_tab_nav{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.hr-features .uc_tab_nav .r-tabs-tab, .pricing-headers .uc_tab_nav .r-tabs-tab, .premium-addon .uc_tab_nav .r-tabs-tab {
  flex: 0 0 auto;
  white-space: nowrap;
}

.bullet-links-swoosh .elementor-icon-list-item {
    display: flex;
    align-items: flex-start;
}

.bullet-links-swoosh .elementor-icon-list-text {
    white-space: normal !important;
    overflow-wrap: anywhere;
    flex: 1;
    min-width: 0;
}
}

.retail-indus:hover h3,
.retail-indus:hover p,
.agri-indus:hover h3,
.agri-indus:hover p,
.hosp-indus:hover h3,
.hosp-indus:hover p,
.const-indus:hover h3,
.const-indus:hover p,
.learning-indus:hover h3,
.learning-indus:hover p,
.medical-indus:hover h3,
.medical-indus:hover p,
.manu-indus:hover h3,
.manu-indus:hover p,
.real-indus:hover h3,
.real-indus:hover p,
.prof-indus:hover h3,
.prof-indus:hover p,
.software-indus:hover h3,
.software-indus:hover p,
.finance-indus:hover h3,
.finance-indus:hover p,
.franchise-indus:hover h3,
.franchise-indus:hover p,
.ndis-indus:hover h3,
.ndis-indus:hover p {
  color: #0664E8 !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.3s ease;
}

/* Equal card sizing */
.jet-mega-menu .elementor-cta {
    height: 100%;
}

/*.jet-mega-menu .elementor-widget-container {
    height: 100%;
}*/

/* Main card */

.jet-mega-menu .elementor-cta__content {
    height: 140px;
    display: flex;
    flex-direction: column;

    padding: 16px 14px !important;
}


div#for-business-head .elementor-cta__content {
    height: 170px;
    display: flex;
    flex-direction: column;

    padding: 16px 14px !important;
}


/* Title consistency */
.jet-mega-menu .elementor-cta__title {
    min-height: 38px;
    margin-bottom: 12px !important;
}

/* Description consistency */
/*.jet-mega-menu .elementor-cta__description {
    min-height: 52px;
}*/

/* Push Learn More to bottom */
.jet-mega-menu .elementor-cta__button-wrapper,
.jet-mega-menu .elementor-button-wrapper {
    margin-top: auto;
    padding-top: 12px;
}

/* Prevent hover jumping */
.for-business-head.jet-mega-menu .elementor-cta:hover .elementor-cta__content {
    min-height: 150px;
}

/*Header*/
/* Base buttons */
.header-integration-logo .elementor-button {
    width: 76px;
    height: 30px;
    padding: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

/* Base logos */
.header-integration-logo .elementor-button-icon svg,
.header-integration-logo .elementor-button-icon img {
    width: auto !important;
    height: 15px !important;
    object-fit: contain;
}

/* Xero slightly bigger */
#integration-xero .elementor-button-icon svg,
#integration-xero .elementor-button-icon img {
    height: 18px !important;
}

/* Quickbooks */
#integration-quickbooks .elementor-button-icon svg,
#integration-quickbooks .elementor-button-icon img {
    height: 26px !important;
    transform: scale(1.35);
}

/* Deputy */
#integration-deputy .elementor-button-icon svg,
#integration-deputy .elementor-button-icon img {
    height: 24px !important;
    transform: scale(1.35);
}
 
/*.job-seekers-head a {
  border-radius: 9px;  
}*/

/* Equal CTA cards */
.job-seekers-head .elementor-cta {
    display: flex;
    height: 100%;
    border-radius: 9px;
}

/* Main content */
#business-header-section .job-seekers-head .elementor-cta__content {
    display: flex;
    flex-direction: column;

    min-height: 150px;
    width: 100%;

    padding: 16px 14px !important;
}

/* Title */
.job-seekers-head .elementor-cta__title {
    margin-bottom: 12px !important;
}

/* Description wrapper */
.job-seekers-head .elementor-cta__description {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
} 

.job-seekers-head a:hover {
    text-decoration: none !important;  
  border-left: 2px solid #0664E8; 
}

.job-seekers-head .elementor-cta__content:hover {
    background-color: #C6DBFC !important;
}

/* Darker hover background */
.job-seeker-hover-card:hover { 
    background-color: #C6DBFC !important;
    border-radius: 10px;
}

.job-seeker-hover-card:hover .elementor-widget-container {
    background-color: #C6DBFC !important;
}
 

/* Title turns blue on hover */
.job-seeker-hover-card:hover .elementor-image-box-title,
.job-seeker-hover-card:hover .elementor-image-box-title a {     
    color: #021f4d !important;
}

.job-seeker-hover-card:hover img {
    /*filter: brightness(0.6) sepia(1) hue-rotate(180deg) saturate(2);*/ 
    /*filter: brightness(0.7) saturate(1.2);  */
    /*filter: brightness(0.8) saturate(1.8); */
    opacity: 1;
    /*filter: saturate(3.5);*/
    filter: hue-rotate(6deg) saturate(3.5);
}

.job-seekers-head .learn-more {
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: all 0.25s ease;
}

.job-seekers-head:hover .learn-more {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

 
.free-badge {
    display: inline-block;
    padding: 1px 6px 1px 6px;
    background: #ECFDF5;
    color: #047857;
    font-size: 9px;
    font-weight: 600;
    border-radius: 10px;
    font-family: Outfit;
    margin-top: 6px; 
    width: fit-content;
}

.learn-more {
  margin-top: 5px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0664E8 !important;
  font-size: 11px;
  font-weight: 600;
  font-family: Outfit;
  text-decoration: none !important;
  position: relative;
}

/* animated underline */
.learn-more::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 58px;
  height: 1px;
  background: #0664E8;

  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.50s ease;
}

/* swoosh effect on hover */
.job-seekers-head:hover .learn-more::before {
  transform: scaleX(1);
}

.learn-more::after {
  content: "";
  position: absolute;
}

.learn-more {
  position: relative;
}

.learn-more::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 58px; /* underline width only for text */
  height: 1px;
  background: #0664E8;
}

.learn-more .arrow {
    font-size: 0;
    line-height: 0;

    display: inline-block;
    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    transition: transform 0.25s ease;
}

/* optional hover animation */
.job-seekers-head:hover .learn-more .arrow {
    transform: translateX(2px);
}

.business-header-wrapper .elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}
/* each item */
.swoosh-list .elementor-icon-list-item a { 
    display: inline-flex !important;
    width: fit-content !important;
    flex: none !important;

    position: relative;
    align-items: center;
    text-decoration: none !important;
}

/* animated underline */
.swoosh-list .elementor-icon-list-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;

    width: 100%;
    height: 1px;

    background: currentColor;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease; 
}

/* swoosh */
.swoosh-list .elementor-icon-list-item a:hover::after {
    transform: scaleX(1);
}

/* icon animation */
.swoosh-list .elementor-icon-list-icon {
    transition: transform 0.25s ease;
}

/* move icon slightly */
.swoosh-list .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    transform: translateX(2px);
}


/*Footer*/ 
.footer-buttons .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.footer-buttons .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
}

.footer-buttons .elementor-button-icon svg {
    display: block;
}

.capterra-rating .elementor-button-content-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 18px;
}

.capterra-rating .elementor-button-content-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;

    width: 14px;
    height: 14px;

    transform: translateY(-50%);

    background-image: url('/wp-content/uploads/2022/06/star-colored.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Only make first 2 badges inline */
.elementor-element-41e1363,
.elementor-element-e014d1e {
    display: inline-flex;
    width: auto !important;
    margin-right: 8px;
    vertical-align: top;
}

/* ISO button stays block */
.elementor-element-1089f9d {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.iso-box {
    margin: auto 0px !important;
    padding: 10px 0 !important;
}

/* Remove inherited full width issues */
.elementor-element-1089f9d.elementor-widget__width-inherit {
    width: 100% !important;
}

.footer-social-hover-icons .elementor-social-icon {
    transition: all .3s ease;
}

.footer-social-hover-icons .elementor-social-icon:hover {
    background-color: #2563eb !important;
}

.footer-social-hover-icons .elementor-social-icon:hover svg * {
    /*fill: #fff !important;*/
    stroke: #fff !important;
    fill-opacity: 1 !important;
    stroke-opacity: 1 !important;
}

/* Make entire card clickable */
.footer-feature-card .elementor-icon-box-wrapper {
    position: relative;
}

.footer-feature-card .elementor-icon-box-title a {
    position: static;
}

/* Full overlay */
.footer-feature-card .elementor-icon-box-title a::after {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    z-index: 10;
}

/* Keep content above overlay visually */
.footer-feature-card .elementor-icon,
.footer-feature-card .elementor-icon-box-content {
    position: relative;
    z-index: 11;
}

/* Pointer cursor */
.footer-feature-card .elementor-icon-box-wrapper {
    cursor: pointer;
}

.footer-feature-card:hover {
	border-radius:11px ;
	background-color: #0664E8;
}

.footer-feature-card .elementor-icon-box-title a {
    transition: color 0.3s ease;
}

.footer-feature-card:hover .elementor-icon-box-title a {
    color: #FFFFFF !important;
} 

.footer-feature-card .elementor-icon svg *{
    stroke:#FFFFFF !important;
}

.footer-feature-card svg path {
    transition: fill 0.3s ease, stroke 0.3s ease; 
}

.footer-feature-card:hover svg path {
    /*fill: #0664E8 !important;*/
    stroke: #0664E8 !important;
}

.swoosh-list-footer .elementor-icon-list-item {
    width:auto !important;
    /*overflow: visible !important;*/
}

.swoosh-list-footer .elementor-icon-list-item a{
    width:auto !important;
    display:inline-block !important;
}
 
.swoosh-list-footer .elementor-icon-list-item a:hover .elementor-icon-list-text{
    color:#FFFFFF !important;
}

.swoosh-list-footer .elementor-icon-list-text {
    position: relative;
    display: inline-block;
    padding-bottom: 3px;
}

/* animated underline */
.swoosh-list-footer .elementor-icon-list-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

/* ONLY when text itself is hovered */
.swoosh-list-footer .elementor-icon-list-text:hover::after {
    transform: scaleX(1);
}
 
/* optional icon animation */
.swoosh-list-footer .elementor-icon-list-icon {
    transition: transform 0.25s ease;
}

.swoosh-list-footer .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    transform: translateX(2px);
}

#footer-footnote-links .elementor-icon-list-text{
    position: relative;
    display: inline-block; 
}

/* text hover color */
#footer-footnote-links .elementor-icon-list-item a:hover .elementor-icon-list-text{
    color:#FFFFFF !important;
}

/* animated underline */
#footer-footnote-links .elementor-icon-list-text::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#0664E8;

    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .35s ease;
}

/* hover */
#footer-footnote-links .elementor-icon-list-item a:hover .elementor-icon-list-text::after {
    transform: scaleX(1);
}



.elementor-cta__description {
    position: relative;
}

.learn-more {
    position: absolute;
    bottom: 0;
    left: 0;
}

.job-seekers-head a {
    display: inline-block;
    border-left: 2px solid transparent;
    text-decoration: none !important;
    transition: border-color 0.3s ease;
}

.job-seekers-head a:hover {
    border-left-color: #0664E8;
}

/*.elementor-20482 .elementor-element.elementor-element-438d0c3 .elementor-button,
.elementor-20482 .elementor-element.elementor-element-6383499 .elementor-button,
.elementor-20482 .elementor-element.elementor-element-a903f5d .elementor-button,
.elementor-20482 .elementor-element.elementor-element-3e8c097 .elementor-button,
.elementor-20482 .elementor-element.elementor-element-cbda98a .elementor-button {
    background-color:var(--e-global-color-secondary) !important;
}*/

/* focus */

/*.elementor-20482 .elementor-element.elementor-element-438d0c3 .elementor-button:hover,
.elementor-20482 .elementor-element.elementor-element-6383499 .elementor-button:hover,
.elementor-20482 .elementor-element.elementor-element-a903f5d .elementor-button:hover,
.elementor-20482 .elementor-element.elementor-element-3e8c097 .elementor-button:hover,
.elementor-20482 .elementor-element.elementor-element-cbda98a .elementor-button:hover {
    background-color: #0664E8 !important;
    border-color: #0664E8 !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

.elementor-20482 .elementor-element.elementor-element-438d0c3 .elementor-button:hover svg,
.elementor-20482 .elementor-element.elementor-element-6383499 .elementor-button:hover svg,
.elementor-20482 .elementor-element.elementor-element-a903f5d .elementor-button:hover svg,
.elementor-20482 .elementor-element.elementor-element-3e8c097 .elementor-button:hover svg,
.elementor-20482 .elementor-element.elementor-element-cbda98a .elementor-button:hover svg {
    fill: #FFFFFF !important;
}*/


.job-seeker-hover-card .elementor-widget-container {
    height: 100%;
    display: flex;
}

.job-seeker-hover-card .elementor-image-box-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    align-items: center;     /* horizontal centering */
    width: 100%;
    height: 100%;
}
 
.homepage-content-with-white-links a {
    color: #338BFF !important;
    position: relative;
    text-decoration: none; 
    display: inline-block;
} 

.homepage-content-with-white-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.homepage-content-with-white-links a:hover {
    color: #C6DBFC !important;
}

.homepage-content-with-white-links a:hover::after {
    transform: scaleX(1);
}


.homepage-content-with-offwhite-links a {
    /*color: #FFFFFFC7 !important;*/
    color: #FFF !important;
    position: relative;
    text-decoration: none; 
    display: inline-block;
    font-weight: 500 !important;
} 

.homepage-content-with-offwhite-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.homepage-content-with-offwhite-links a:hover {
    color: #C6DBFC !important;
}

.homepage-content-with-offwhite-links a:hover::after {
    transform: scaleX(1);
}

.footer-foot-note-links-left { 
    margin-bottom: 0px !important; 
 }

.footer-foot-note-links-left a { 
    color: #FFFFFF4D !important;
    position: relative;
    text-decoration: none !important;

    /* needed for the underline positioning */
    display: inline-block;
 }

 .footer-foot-note-links-left a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.footer-foot-note-links-left a:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.footer-foot-note-links-left a:hover::after {
    transform: scaleX(1);
}

span.trusted-by-thousand {
    font-weight: 500 !important;
    color: #FFFFFFD1 !important;
}

.section-heading-h2-title h2 {
    font-size: 14px !important;
    text-align: left;
    color: #0664E8 !important;
    opacity: 100%;
    font-weight: 500 !important;
}

.industry-service-card {
    background-color: #F5F7FA;
    border-radius: 14px;
    cursor:pointer !important;
}

.industry-service-card:hover {
    background-color: #0664E8;
    border-radius: 14px;
}

.industry-service-card a:hover {
   color: #FFFFFF !important;
}

.industry-service-card:hover .elementor-icon-box-description, 
.industry-service-card:hover .learn-more-industry-service {
    color: #FFFFFF !important;
}
.industry-service-card:hover .learn-more-industry-service::before {
    background: #FFFFFF;
}
.industry-service-card:hover .learn-more-industry-service .arrow {
    filter: brightness(0) invert(1);
}
.industry-service-card:hover .learn-more-industry-service::before {
    transform: scaleX(1);
    background: #FFFFFF;
}


.learn-more-industry-service {
    margin-top: 5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0664E8 !important;
    font-size: 11px;
    font-weight: 600;
    font-family: Outfit;
    text-decoration: none !important;
    position: relative;
}

/* underline */
.learn-more-industry-service::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 58px;
    height: 1px;
    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

/* swoosh effect when card is hovered */
.industry-service-card:hover .learn-more-industry-service::before {
    transform: scaleX(1);
}

.learn-more-industry-service .arrow {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 14px;
    height: 14px;

    background-image: url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    transition: transform 0.25s ease;
}

/* arrow moves when card is hovered */
.industry-service-card:hover .learn-more-industry-service .arrow {
    transform: translateX(2px);
}

.integration-card {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    cursor:pointer !important;
    min-height: 84px;
}

.integration-card img {
    width: 300px;
    height: 40px;
    object-fit: contain; 
}

/* =========================================
   INTEGRATION CARD TITLE SWOOSH
========================================= */

.integration-card .elementor-image-box-title a{
    position:relative;
    display:inline-block;

    color:#102A43;
    text-decoration:none !important;

    transition:color .3s ease;
}

/* underline */

.integration-card .elementor-image-box-title a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:100%;
    height:1px;
    background:#0664E8;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s ease;
}

/* card hover */

.integration-card:hover .elementor-image-box-title a{
    color:#0664E8 !important;
}

.integration-card:hover .elementor-image-box-title a::after{
    transform:scaleX(1);
}

.pricing-tag-semi-bold { 
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;  
}
  
.section-title-second-line h2{
    text-align: left !important;
    letter-spacing: -0.92px !important;
    line-height: 40.4px !important;
    font-weight: 600 !important;
}

.section-heading-h2-title h2 {
    text-align: left !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.85px;
}

/*Home First Section*/
.first-section-titled-text{
    text-align:center;
}

.first-section-titled-text h1{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:50px;
    margin-bottom:30px;
    padding:6px 16px;

    border:1px solid rgba(6,100,232,.35);
    border-radius:999px;

    background:#0664E81F;

    color:#8CB6F8 !important;

    font-size:15.9px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;

    box-shadow:
        inset 0 0 0 1px rgba(51,139,255,.15),
        0 0 20px rgba(6,100,232,.12);

    white-space:nowrap;

    width:auto;
    max-width:max-content;
}

.first-section-titled-text h1:hover{
    
    color:#FFFFFF !important;
    background:#0664E8;
}

.first-section-employment-text h2 {
    font-size: 54px !important;
    text-align: start;
}
@media (max-width: 767px){

    .first-section-titled-text h1{
        font-size:clamp(12px, 2.8vw, 13px) !important;
        padding:6px 12px;
        white-space:nowrap;
        text-align: center !important;
        /*font-size: 14px !important;*/
    }

    .first-section-employment-text h2 {
        font-size: 48px !important;
        text-align: center !important;
    }

    #section-1-second-text h2.elementor-heading-title {
        font-size: 58px !important; 
        text-align: center !important;
    }
}

@media (max-width: 480px){

    .first-section-titled-text h1{
        font-size: 13px !important;
        text-align: center !important; 
        padding:6px 8px !important;
    }

    
}
/*END Home First Section*/


 /* Homepage Blog Insights Section */

/* =========================================
   LOOP CARD
========================================= */

.e-loop-item{
    height:auto;
}

.e-loop-item .elementor-element-34e8552{
    border:1px solid #E8EDF5;
    border-radius:16px;
    overflow:hidden;
    background:#FFFFFF;
    padding:0 !important;
    height:100%;
    transition:all .3s ease;
}

.e-loop-item:hover .elementor-element-34e8552{
    transform:translateY(-4px);
    box-shadow:0 10px 30px rgba(16,42,67,.08);
}

.e-loop-item .elementor-section{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

/* =========================================
   BANNER
========================================= */

.insights-banner-container{
    height:145px !important;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    text-align:center;

    background-size:cover !important;
    background-position:top center !important;
    background-repeat:no-repeat !important;

    padding:16px 20px !important;
    margin:0 !important;

    gap:0 !important;
    --gap:0px !important;
    --row-gap:0px !important;
    --column-gap:0px !important;
}

/* Card 2 */
.e-loop-item:nth-child(3) .insights-banner-container{
    background-image:url('/wp-content/uploads/2026/06/Blog__Business-insights-background-2.jpg') !important;
}

/* Card 3 */
.e-loop-item:nth-child(4) .insights-banner-container{
    background-image:url('/wp-content/uploads/2026/06/Blog__HR-knowledge-background.jpg') !important;
}

/* =========================================
   BANNER TAG
========================================= */

.insights-banner-tag{
    width:auto !important;
    max-width:max-content !important;

    display:inline-flex !important;

    padding:2px 20px !important;

    border-radius:999px;

    background:linear-gradient(
        90deg,
        #0664E8 0%,
        rgba(6,100,232,0) 100%
    );

    color:#D6E4FF;

    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

    margin-bottom:8px;
}

/* =========================================
   BANNER TITLE
========================================= */

.insights-banner-container h1,
.insights-banner-container h2{
    color:#FFFFFF !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:600 !important;

    max-width:240px;
    margin:0 auto !important;

    text-align:center !important;
}

/* =========================================
   CONTENT AREA
========================================= */

.insights-post-container{
    background:#FFFFFF;
    padding:20px !important;

    display:flex;
    flex-direction:column;

    gap:0 !important;
    --gap:0px !important;
}

/* =========================================
   CATEGORY
========================================= */

.insights-post-category{
    display:inline-flex;
    width:auto !important;

    padding:4px 12px;

    border-radius:999px;

    background:#EEF2FF;
    color:#2563EB;

    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

    margin-bottom:12px;
}

/* =========================================
   TITLE
========================================= */

.insights-post-title h2{
    color:#102A43;

    font-size:14px !important;
    font-weight:600;
    line-height:1.5;

    text-align:left !important;

    margin:0 0 14px;

    min-height:64px;
}

/* =========================================
   META
========================================= */

.elementor-post-info{
    margin-top:10px;
    margin-bottom:14px;
}

.elementor-post-info,
.elementor-post-info .elementor-post-info__item{
    color:#8A94A6;
    font-size:11px;
}

/* =========================================
   READ ARTICLE
========================================= */

.insights-post-link a{
    position:relative;
    display:inline-block;

    color:#0664E8 !important;
    font-size:14px;
    font-weight:600;

    text-decoration:none !important;
}

.insights-post-link a::before{
    content:"";
    position:absolute;

    left:0;
    bottom:-2px;

    width:100%;
    height:1px;

    background:#0664E8;

    transform:scaleX(0);
    transform-origin:left;

    transition:transform .45s ease;
}

.e-loop-item:hover .insights-post-link a::before{
    transform:scaleX(1);
}

/* =========================================
   GRID SPACING
========================================= */

.elementor-loop-container{
    gap:24px !important;
}

/* =========================================
   TABLET
========================================= */

@media (max-width:1024px){

    .insights-banner-container{
        height:140px !important;
    }
}

/* =========================================
   MOBILE LOOP CAROUSEL ONLY
   Add class: home-insights-carousel
========================================= */

@media (max-width:767px){

    .home-insights-carousel .elementor-element-34e8552{
        border:1px solid #E8EDF5;
        border-radius:16px;
        overflow:hidden;
        background:#FFFFFF;
    }

    .home-insights-carousel .insights-banner-container{
        height:120px !important;
        padding:12px 16px !important;
    }

    .home-insights-carousel .insights-banner-tag{
        padding:3px 10px !important;
        font-size:8px !important;
    }

    .home-insights-carousel .insights-banner-container h1,
    .home-insights-carousel .insights-banner-container h2, 
    .home-insights-carousel .insights-banner-container h3,
    .home-insights-carousel .insights-banner-container .elementor-heading-title{
        font-size:11px !important;
        line-height:1.35 !important;

        width:100% !important;
        max-width:100% !important;

        text-align:center !important;

        overflow-wrap:break-word;
        word-break:break-word;
    }

    .home-insights-carousel .insights-post-container{
        padding:18px !important;
    }

    .home-insights-carousel .insights-post-title h2{
        min-height:auto;
    }

    .home-insights-carousel .insights-banner-container .elementor-widget-theme-post-title{
        width:100% !important;
        max-width:100% !important;
    }

    .home-insights-carousel .insights-banner-container .elementor-widget-theme-post-title .elementor-heading-title{
        margin:0 auto !important;
    }

    .home-insights-carousel .elementor-element-9ce5b7f{
        width:100% !important;
        max-width:100% !important;
    }
     
}
 /* END Homepage Blog Insights Section */

/*Homepage FAQ Section*/
/* ==========================================================
   ACCORDION PANEL
========================================================== */
.faq-tab-pills .e-n-tabs-content{
   /*min-height:700px;*/
}
.faq-core .e-n-accordion{
    background: transparent;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    overflow:hidden;
}

/* ==========================================================
   ACCORDION ITEMS
========================================================== */

.faq-core .e-n-accordion-item{
    margin:0 !important;
    border:none !important;
}

.faq-core .e-n-accordion-item:not(:last-child){
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

/* ==========================================================
   QUESTION ROW
========================================================== */

.faq-core .e-n-accordion-item-title{
    min-height:64px;
    padding:18px 24px !important;
    background:transparent !important;
}

.faq-core .e-n-accordion-item-title:hover{
    background:rgba(255,255,255,.02) !important;
}

.faq-core .e-n-accordion-item-title-text{
    color:#FFFFFF;
    font-size:15px;
    font-weight:600;
    line-height:1.4;
}

/* ==========================================================
   OPEN STATE
========================================================== */

.faq-core details[open]{
    background:rgba(255,255,255,.02);
}

.faq-core details[open] .e-n-accordion-item-title{
    padding-bottom:12px !important;
}

/* ==========================================================
   ANSWER AREA
========================================================== */

.faq-core [role="region"]{
    padding:0 24px 20px;
}

.faq-core [role="region"],
.faq-core [role="region"] p{
    color:rgba(255,255,255,.72);
    font-size:14px;
    line-height:1.7;
}

.faq-core [role="region"] p:last-child{
    margin-bottom:0;
}

/* ==========================================================
   LINKS
========================================================== */

.faq-core [role="region"] a{
    color:#6EA2FF;
    text-decoration:none;
}

.faq-core [role="region"] a:hover{
    text-decoration:underline;
}

/* ==========================================================
   PLUS / MINUS ICON
========================================================== */

.faq-core .e-n-accordion-item-title-icon{
    width:24px;
    height:24px;
    min-width:24px;

    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);

    display:flex;
    align-items:center;
    justify-content:center;
}

.faq-core .e-n-accordion-item-title-icon i{
    color:#FFFFFF;
    font-size:8px;
}

/* ==========================================================
   ALIGNMENT
========================================================== */

.faq-core .e-n-accordion-item-title-header{
    flex:1;
    padding-right:16px;
}
/*END Homepage FAQ Section*/
/*Homepage Last Section Featured Stars*/
/* 3 COLUMN GRID */
.feature-last-section-3-column {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px;
    width: 100%;
    /* max-width: 760px; */
    margin: 0 auto; 
    min-height: 90px;
    padding: 14px 20px;
}


/* CARDS */
.feature-last-section-3-column > .e-con {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;

    min-height: 88px;
    padding: 16px 20px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 2px !important;
}

/* REMOVE ELEMENTOR DEFAULT SPACING */
.feature-last-section-3-column .elementor-widget,
.feature-last-section-3-column .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}
  
.feature-last-section-3-column .elementor-widget-image {
    margin-bottom: 0 !important;
}

/* STAR IMAGE */
.feature-last-section-3-column img {
    width: 68px;
    height: auto;
    display: block;
}

.feature-last-section-3-column h6,
.feature-last-section-3-column span.elementor-heading-title {
    margin: 0 !important;
}

.elementor-element.elementor-element-ab13608.elementor-widget.elementor-widget-heading {
    height: 10px;
}

.elementor-element.elementor-element-2955315.elementor-widget.elementor-widget-image {
    height: 15px;
}

.elementor-element.elementor-element-c4cc1ac.elementor-widget.elementor-widget-heading {
    height: 10px;
}
  
.elementor-element.elementor-element-034fea2.elementor-widget.elementor-widget-image {
    height: 15px;
} 

.elementor-element.elementor-element-0d8aff4:hover,
.elementor-element.elementor-element-d718325:hover {
    /*background: #0664E8 !important;*/
}

.elementor-element.elementor-element-0d8aff4:hover .elementor-heading-title,
.elementor-element.elementor-element-d718325:hover .elementor-heading-title {
    /*color: #FFFFFF !important;*/
}

.feature-last-section-3-column > .e-con:hover {
    box-shadow: inset 0 0 0 1px #0664E8;
}
/*END Homepage Last Section Featured Stars*/

/*Home Page First Section */
#section-1-first-text .elementor-heading-title {
    font-size: 52px !important;
    font-weight: 300 !important;
    line-height: 1.15;
    color: rgba(255,255,255,.75);
}

#section-1-second-text .elementor-heading-title {
    font-size: 64px !important;
    font-weight: 600 !important;
    line-height: 1.1;
    color: #FFFFFF;
    text-align: start;
}

#section-1-third-text .elementor-heading-title {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4;
    color: #2E7CF6;
}
 
#section-1-first-text {
    margin-bottom: 1px !important;
}

#section-1-third-text {
    margin-bottom: 20px !important;
}

#section-1-fourth-text a {
    font-weight: 500 !important;
    color: #FFFFFF !important;
}
/*END Home Page First Section */

/*Homepage Testimonial Page*/
.customer-feedback-card{
    border:1px solid transparent;
    border-radius:12px;
    transition:all .3s ease;
}

.customer-feedback-card:hover{
    border-color:#0664E8;
    box-shadow:0 8px 24px rgba(6,100,232,.08);
}

.customer-feedback-card,
.customer-feedback-card .elementor-widget-container{
    height:100%;
}

.customer-feedback-card .elementor-testimonial-wrapper{
    padding:0 !important;
}

/* Fixed height quote area */
.customer-feedback-card .elementor-testimonial-content{
    height:140px; /* adjust */
    overflow:hidden;
}

/* Avatar section */
.customer-feedback-card .elementor-testimonial-meta{
    margin-top:24px;
}

.customer-feedback-card .elementor-testimonial-meta-inner{
    display:flex;
    align-items:center;
    gap:16px;
}   
/*END Homepage Testimonial Page*/

/*Homepage Pricing Plan*/
/* ========================================
   PRICING PLANS SECTION
======================================== */

/* Main Dark Card */
.pricing-plans-section .view-all-pricing-button{
    padding:15px !important;
    border-radius:24px;
}

/* ========================================
   LAYOUT
======================================== */

.pricing-plans-section .pricing-card{
    display:grid !important;

    grid-template-columns:72% 28%;

    column-gap:20px !important;
    row-gap:0 !important;

    gap:0 !important;

    --widgets-spacing:0px;
    --widgets-spacing-row:0px;
    --widgets-spacing-column:20px;

    align-items:start !important;

}

/* ========================================
   LEFT COLUMN
======================================== */

.pricing-plans-section .pricing-amount-container{
    padding-top:20px;
    align-items:flex-start !important;
    justify-content:flex-start !important; 
    gap:0 !important; 
    --widgets-spacing:0px;
    --widgets-spacing-row:0px;
    padding-left: 44px;
}

.pricing-plans-section .pricing-amount-container p{
    margin-bottom: 0px !important;
}

/* Price */
.pricing-plans-section .pricing-amount-container h2{
    margin:0 0 12px !important;
    padding:0 !important;
    line-height:1 !important;
    text-align:left !important;
}

.pricing-plans-section .price-big{
    font-size:58px;
    font-weight:600;
    line-height:1;
    letter-spacing:-2px;
}

.pricing-plans-section .price-small{
    font-size:18px;
    font-weight:500;
    line-height:1;
    position:relative;
    top:-4px;
}

/* Description */
.pricing-plans-section .pricing-amount-container .elementor-widget-text-editor{
    margin-bottom:12px !important;
    max-width:620px;
}

/* ========================================
   FEATURE LIST
======================================== */

.pricing-plans-section .elementor-icon-list{ 
    margin-top:25px !important;
}

.pricing-plans-section .elementor-icon-list-items{
    margin:0 !important;
    padding:0 !important;
}

.pricing-plans-section .elementor-icon-list-item{
    margin:0 0 8px 0 !important;
    padding:0 !important;
    align-items:center !important;
}

.pricing-plans-section .elementor-icon-list-item:last-child{
    margin-bottom:0 !important;
}

.pricing-plans-section .elementor-icon-list-icon{
    margin-right:2px !important;
}

.pricing-plans-section .elementor-icon-list-text{
    font-size:15px;
    line-height:1.45 !important;
}

/* Blue circle */
.pricing-plans-section .elementor-icon-list-icon i{
    color:#2563EB !important;
}
 

/* SVG version */
.pricing-plans-section .elementor-icon-list-icon svg{
    fill:#2563EB !important;
}

/* Hide Font Awesome check-circle */
.pricing-plans-section .elementor-icon-list-icon i{
    display:none;
}

/* Create blue circle */
.pricing-plans-section .elementor-icon-list-icon{
    width:18px;
    height:18px;

    border-radius:50%;
    background:#2563EB;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

/* Create white check */
.pricing-plans-section .elementor-icon-list-icon::before{
    content:"✓";
    color:#FFFFFF;
    font-size:11px;
    font-weight:700;
    line-height:1;
    margin-left: 5px;
}

 
/* ========================================
   RIGHT COLUMN
======================================== */

.pricing-plans-section .pricing-button-container{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important; 
    gap:14px !important;
    padding-top:18px;
}

/* Blue Trial Card */
.pricing-plans-section .price-tag-wrapper{ 
    width: 230px !important;
    min-height: 110px !important;
    border-radius: 16px !important;
    margin: 45px 0 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* ========================================
   VIEW ALL PRICING BUTTON
======================================== */

.pricing-plans-section .pricing-plan-view-all-button{
    width:230px !important;
}

.pricing-plans-section .pricing-plan-view-all-button .elementor-button-wrapper{
    width:100% !important;
    text-align:center !important;
}

.pricing-plans-section .pricing-plan-view-all-button .elementor-button{  
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    transition: all .3s ease;

}

.pricing-plans-section .pricing-plan-view-all-button .elementor-button:hover{
    border:1px solid #FFFFFF !important;
}

.pricing-plans-section .pricing-plan-view-all-button .elementor-button-content-wrapper{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
}

.pricing-plans-section .pricing-plan-view-all-button .elementor-button-text{
    width:100% !important;
    display:block !important;
    text-align:center !important;

    font-size:16px;
    font-weight:600;
    line-height:1.2;
}

/* ========================================
   START FREE TRIAL LINK
======================================== */

.pricing-plans-section .pricing-start-free-trial{
    text-align:center !important;
    margin:0 !important;
}

.pricing-plans-section .pricing-start-free-trial a{
    position:relative;
    display:inline-block;
    color:#FFFFFF;
    text-decoration:none;
    padding-bottom:0px; 
    border-bottom:1px solid #FFFFFF; 
    transition:color .3s ease;
}

.pricing-plans-section .pricing-start-free-trial a::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;

    width:100%;
    height:1px;

    background:#0664E8;

    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s ease;
}

.pricing-plans-section .pricing-start-free-trial a:hover{
    color:#0664E8 !important;
}

.pricing-plans-section .pricing-start-free-trial a:hover::before{
    transform:scaleX(1);
}

/* ========================================
   TALK TO US LINK
======================================== */

.pricing-plans-section .talk-to-us{
    position:relative;
    display:inline-block;
    color:#0664E8 !important;
    text-decoration:none;
    margin-left:8px;

    transition:color .3s ease;
}

.pricing-plans-section .talk-to-us::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;

    width:100%;
    height:1px;

    background:#0664E8;

    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s ease;
}

.pricing-plans-section .talk-to-us:hover::before{
    transform:scaleX(1);
}

/* ========================================
   BOTTOM NOTE
======================================== */

.pricing-plans-section .elementor-element-1e42291b{
    text-align:center; 
}

@media (max-width:1024px){

    .pricing-plans-section .view-all-pricing-button{
        padding:30px !important;
    }

    .pricing-plans-section .pricing-card{
        grid-template-columns:minmax(0,1fr) 250px !important;
        column-gap:30px !important;
    }

    .pricing-plans-section .pricing-amount-container{
        padding-left:20px !important;
        padding-top:0 !important;
    }

    .pricing-plans-section .price-big{
        font-size:52px !important;
    }

    .pricing-plans-section .price-small{
        font-size:17px !important;
    }

    .pricing-plans-section .section-title-second-line h2{
        font-size:42px !important;
        line-height:1.2 !important;
    }

    .pricing-plans-section .pricing-button-container{
        padding-top:0 !important;
    }

    .pricing-plans-section .price-tag-wrapper{
        width:100% !important;
        margin-top:20px !important;
    }

    .pricing-plans-section .pricing-plan-view-all-button{
        width:100% !important;
    }
}

@media (max-width:767px){

    /* SECTION */

    .pricing-plans-section{
        overflow:hidden;
    }

    .pricing-plans-section .view-all-pricing-button{
        padding:24px !important;
        border-radius:20px !important;
    }

    /* HEADINGS */

    .pricing-plans-section .section-heading-h2-title p{
        font-size:12px !important;
    }

    .pricing-plans-section .section-title-second-line h2{
        font-size:30px !important;
        line-height:1.2 !important;
        letter-spacing:0 !important;
    }

    .pricing-plans-section .elementor-element-4510a126 h3{
        font-size:16px !important;
        line-height:1.6 !important;
    }

    /* STACK GRID */

    .pricing-plans-section .pricing-card{
        display:flex !important;
        flex-direction:column !important;
        gap:30px !important;
    }

    /* LEFT COLUMN */

    .pricing-plans-section .pricing-amount-container{
        padding-left:0 !important;
        padding-top:0 !important;
    }

    .pricing-plans-section .pricing-plan-left-first-text p{
        font-size:13px !important;
    }

    .pricing-plans-section .price-big{
        font-size:44px !important;
        line-height:1 !important;
    }

    .pricing-plans-section .price-small{
        font-size:15px !important;
        top:0 !important;
    }

    .pricing-plans-section .pricing-amount-container h2{
        display:flex;
        flex-wrap:wrap;
        align-items:flex-end;
        gap:5px;
    }

    .pricing-plans-section .pricing-amount-container .elementor-widget-text-editor{
        max-width:100% !important;
    }

    .pricing-plans-section .pricing-amount-container .elementor-widget-text-editor br{
        display:none;
    }

    /* FEATURES */

    .pricing-plans-section .elementor-icon-list{
        margin-top:20px !important;
    }

    .pricing-plans-section .elementor-icon-list-item{
        margin-bottom:12px !important;
        align-items:flex-start !important;
    }

    .pricing-plans-section .elementor-icon-list-text{
        font-size:14px !important;
        line-height:1.5 !important;
    }

    /* RIGHT COLUMN */

    .pricing-plans-section .pricing-button-container{
        width:100% !important;
        padding-top:0 !important;
        align-items:center !important;
    }

    .pricing-plans-section .price-tag-wrapper{
        width:100% !important;
        max-width:320px !important;
        margin:0 auto !important;
    }

    .pricing-plans-section .pricing-plan-view-all-button{
        width:100% !important;
        max-width:320px !important;
    }

    .pricing-plans-section .pricing-plan-view-all-button .elementor-button{
        width:100% !important;
    }

    .pricing-plans-section .pricing-start-free-trial{
        width:100%;
        text-align:center !important;
    }

    /* BOTTOM NOTE */

    .pricing-plans-section .elementor-element-1e42291b{
        margin-top:20px !important;
    }

    .pricing-plans-section .elementor-element-1e42291b h3{
        font-size:14px !important;
        line-height:1.6 !important;
        text-align:center !important;
    }

    .pricing-plans-section .talk-to-us{
        display:inline-block;
        margin-top:8px;
        margin-left:0 !important;
    }
}

/*END Homepage Pricing Plan*/

/*Home Page HR Platforms*/
/* ========================================
   FEATURE GRID
======================================== */
@media (max-width: 767px){
    #grid-industry-wrapper{
        display:none !important;
    }
}
.section-six-pill-platform .e-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:16px !important;
    align-items:stretch !important;
}

/* ========================================
   CARD
======================================== */

.section-six-pill-platform .admin-task-feature-card,
.section-six-pill-platform .admin-task-feature-card .elementor-widget-container{
    height:100% !important;
}

/* Clickable feel */
.section-six-pill-platform .admin-task-feature-card{
    cursor:pointer; 
    border-radius:16px;
}

.section-six-pill-platform .admin-task-feature-card:hover{
    transform:translateY(-3px);
}

.section-six-pill-platform .admin-task-feature-card:hover .elementor-widget-container{
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* Card Inner */
.section-six-pill-platform .admin-task-feature-card .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    padding:20px !important;
    border-radius:16px !important;
}

/* Content */
.section-six-pill-platform .admin-task-feature-card .elementor-icon-box-content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
}

/* ========================================
   TITLE
======================================== */

.section-six-pill-platform .admin-task-feature-card .elementor-icon-box-title{
    text-align:left !important;
    font-size:28px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    margin:0 0 14px !important; 
}

/* Small cards */
.section-six-pill-platform .admin-task-feature-card:not(:first-child)
.elementor-icon-box-title{
    font-size:18px !important;
    line-height:1.3 !important;
}

/* Hover title */
.section-six-pill-platform .admin-task-feature-card:hover
.elementor-icon-box-title{
    color:#0664E8 !important;
}

/* ========================================
   DESCRIPTION
======================================== */

.section-six-pill-platform .admin-task-feature-card .elementor-icon-box-description {
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    line-height:1.5 !important;
}

.industry-card-content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    line-height:1.5 !important;
    font-size: 11px !important;
    color: #64748B;
}

 .admin-task-feature-card:hover .industry-card-content {
    color:#FFFFFF !important;
}

.section-six-pill-platform .admin-task-feature-card:hover .elementor-icon-box-description a {
    color:#FFFFFF !important;
}

/* ========================================
   LEARN MORE
======================================== */

.section-six-pill-platform .learn-more-admin-task{
    margin-top:auto !important;
    padding-top:16px !important;
    display:inline-flex !important;
    align-items:center !important;
}

/* Swoosh */
.section-six-pill-platform .learn-more-admin-task::before{
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s ease;
}

.section-six-pill-platform .admin-task-feature-card:hover
.learn-more-admin-task::before{
    transform:scaleX(1);
}

/* Arrow */
.section-six-pill-platform .learn-more-admin-task .arrow{
    transition:transform .25s ease;
}

.section-six-pill-platform .admin-task-feature-card:hover
.learn-more-admin-task .arrow{
    transform:translateX(2px);
}

/* ========================================
   FIRST FEATURED CARD
======================================== */

.section-six-pill-platform .admin-task-feature-card:first-child
.elementor-icon-box-wrapper{
    min-height:270px !important;
}

/* ========================================
   OTHER CARDS
======================================== */

.section-six-pill-platform .admin-task-feature-card:not(:first-child)
.elementor-icon-box-wrapper{
    min-height:180px !important;
}
/*END Home Page HR Platforms*/

/*Home Page Industries*/

/* ========================================
   GRID
======================================== */

.section-industry .e-grid{
    display:grid !important;
    gap:16px !important;
    align-items:stretch !important;
}

/* ========================================
   CARD
======================================== */

.section-industry .industry-service-card,
.section-industry .industry-service-card .elementor-widget-container,
.section-industry .industry-service-card .elementor-icon-box-wrapper{
    height:100% !important;
}

.section-industry .industry-service-card{
    cursor:pointer;
}

.section-industry .industry-service-card .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:200px !important;
}

/* ========================================
   CONTENT
======================================== */

.section-industry .industry-service-card .elementor-icon-box-content{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    flex:1 !important;
}

/* ========================================
   ICON
======================================== */

.section-industry .elementor-icon-box-icon{
    margin-bottom:12px !important;
}

/* ========================================
   TITLE
======================================== */

.section-industry .elementor-icon-box-title{
    text-align:left !important;
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    margin:0 0 6px !important;
}

/* ========================================
   DESCRIPTION
======================================== */

.section-industry .industry-card-content{
    flex:1 1 auto !important;

    font-family: "Outfit", Sans-serif !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:400 !important;

    text-align:left !important;
    margin:0 !important;
}

/* ========================================
   SECTION LABEL
======================================== */

.section-industry .grid-industry h2{
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:600 !important;  
    text-transform:capitalize !important;
    text-align:left !important;
}

/* ========================================
   LEARN MORE
======================================== */

.section-industry .learn-more-industry-service{
    position:relative;

    display:inline-flex !important;
    align-items:center;

    width:fit-content !important;

    margin-top:auto !important;
    padding-bottom:4px;

    color:#0664E8;
    font-size:13px !important;
    font-weight:600 !important;

    overflow:hidden;
}

/* Underline */

.section-industry .learn-more-industry-service::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#0664E8;
    transform:scaleX(0);
    transform-origin:left;

    transition:transform .5s ease;
}

/* Hover underline */

.section-industry .industry-service-card:hover .learn-more-industry-service::before{
    transform:scaleX(1);
}

/* Arrow */

.section-industry .learn-more-industry-service .arrow{
    display:inline-block;
    margin-left:4px;

    transition:transform .3s ease;
}

.section-industry .industry-service-card:hover .learn-more-industry-service .arrow{
    transform:translateX(4px);
}

/* ========================================
   CARD HOVER
======================================== */

.section-industry .industry-service-card:hover .elementor-icon-box-title,
.section-industry .industry-service-card:hover .industry-card-content,
.section-industry .industry-service-card:hover .learn-more-industry-service{
    color:#FFFFFF !important;
}

.section-industry .industry-service-card:hover .learn-more-industry-service::before{
    background:#FFFFFF !important;
}

/* ========================================
   REMOVE EMPTY ELEMENTOR DESCRIPTION
======================================== */

.section-industry .elementor-icon-box-description{
    display:none !important;
}

.section-six-pill-platform .admin-task-feature-card,
.section-six-pill-platform .admin-task-feature-card .elementor-widget-container,
.section-six-pill-platform .admin-task-feature-card .elementor-icon-box-wrapper,
.section-six-pill-platform .admin-task-feature-card * {
    transition: none !important;
}
/*END Home Page Industries*/

/*Home Page Percentage*/

/* ========================================
   SECTION
======================================== */

.section-percentage-output{
    position:relative;
}

/* ========================================
   EYEBROW
======================================== */

.section-percentage-output .section-heading-h2-title p{
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase !important;
    color:#8FB8FF !important;
    margin:0 0 12px !important;
}

/* ========================================
   INTRO TEXT
======================================== */

.section-percentage-output .elementor-element-6b8c628f h3,
.section-percentage-output .elementor-element-6b8c628f p{
    font-size:14px !important;
    line-height:1.65 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.72) !important;
    margin:0 !important;
}

/* ========================================
   GRID WRAPPER
======================================== */

.section-percentage-output .stats-grid{
    position:relative;
    background:#0B1F3A;
    border:1px solid rgba(255,255,255,.10);
    border-radius:20px !important;
    overflow:hidden;
    margin-top:15px;
}

/* Top highlight strip */

.section-percentage-output .stats-grid::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:10px;
    background:rgba(255,255,255,.06);
    pointer-events:none;
    z-index:2;
}

/* ========================================
   DESKTOP / TABLET GRID
======================================== */

.section-percentage-output .stats-grid .e-con-inner{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:0 !important;
    padding-bottom: 0px !important;
}

/* ========================================
   STAT ITEM
======================================== */

.section-percentage-output .stats-item{
    position:relative;

    padding:24px !important;

    border-right:1px solid rgba(255,255,255,.10) !important;
    border-bottom: 0px !important;

    text-align:left !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    min-height:180px;
}

.section-percentage-output .stats-item{
    width:100% !important;
    max-width:100% !important;
    gap:0 !important;
}

/* Last column */

.section-percentage-output .stats-item:nth-child(3n){
    border-right:none !important;
}

/* Last row */

.section-percentage-output .stats-item:nth-last-child(-n+3){
    border-bottom:none !important;
}

/* ========================================
   PERCENTAGE
======================================== */

.section-percentage-output .stats-number{
    margin-bottom:10px !important;
}

.section-percentage-output .stats-number .elementor-heading-title{
    font-size:58px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:#338BFF !important;
}

.section-percentage-output .stats-number span{
    font-size:.55em !important;
    color:#FFFFFF !important;
}

/* ========================================
   TITLE
======================================== */

.section-percentage-output .stats-title{
    margin-bottom:8px !important;
}

.section-percentage-output .stats-title .elementor-heading-title{
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:#FFFFFF !important;
    margin:0 !important;
}

/* ========================================
   DESCRIPTION
======================================== */

.section-percentage-output .stats-description p{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.65) !important;
}

/* ========================================
   BUTTONS
======================================== */

.section-percentage-output .elementor-widget-button{
    margin-top:28px !important;
}

.section-percentage-output .elementor-button{
    min-height:48px !important;
    border-radius:12px !important;
}

/* ========================================
   TABLET
======================================== */

@media (max-width:1024px){

    .section-percentage-output{
        padding:60px 30px !important;
    }

    .section-percentage-output .section-title-second-line h2{
        font-size:42px !important;
        line-height:1.15 !important;
    }

    .section-percentage-output h3{
        font-size:16px !important;
        line-height:1.6 !important;
    }

    .section-percentage-output .stats-number .elementor-heading-title{
        font-size:48px !important;
    }

    .section-percentage-output .stats-item{
        min-height:200px !important;
        padding:20px !important;
    }

    .section-percentage-output .section-five-calculate-roi,
    .section-percentage-output .section-five-free-assessment{
        width:100% !important;
        margin-top:20px !important;
    }

    .section-percentage-output .elementor-button{
        width:100% !important;
        justify-content:center !important;
    }

    .section-five-calculate-roi {
        padding-right: 10px;
    }
}

/* ========================================
   MOBILE
======================================== */

@media (max-width:767px){

    .section-percentage-output{
        padding:40px 20px !important;
    }

    .section-percentage-output .section-heading-h2-title p,
    .section-percentage-output .section-title-second-line h2,
    .section-percentage-output h3{
        text-align:center !important;
    }

    .section-percentage-output .section-title-second-line h2{
        font-size:32px !important;
        line-height:1.15 !important;
    }

    .section-percentage-output h3{
        font-size:15px !important;
        line-height:1.7 !important;
    }

    .section-percentage-output .stats-grid{
        border:none !important;
        background:none !important;
    }

    .section-percentage-output .stats-grid::before{
        display:none !important;
    }

    .section-percentage-output .stats-grid .e-con-inner{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:16px !important;
    }

    .section-percentage-output .stats-item{
        border:1px solid rgba(255,255,255,.12) !important;
        border-radius:16px !important;
        padding:20px !important;
        min-height:auto !important;
    }

    .section-percentage-output .stats-number .elementor-heading-title{
        font-size:42px !important;
    }

    .section-percentage-output .stats-title .elementor-heading-title{
        font-size:18px !important;
    }

    .section-percentage-output .section-five-calculate-roi,
    .section-percentage-output .section-five-free-assessment{
        width:100% !important;
        margin-top:15px !important;
    }

    .section-percentage-output .elementor-button{
        width:100% !important;
        justify-content:center !important;
    }

    .section-percentage-output .elementor-button-text{
        white-space:normal;
        text-align:center;
    }
    .section-percentage-output .stats-item:nth-child(3n),
    .section-percentage-output .stats-item:nth-last-child(-n+3){
        border:1px solid rgba(255,255,255,.12) !important;
    }

    .section-five-calculate-roi {
        padding-right: 0px !important;
    }
}

/*End Home Page Percentage*/


/*Home Page Section 2 */

/* ========================================
   CARD ROW
======================================== */

.section-2-software-everyone .elementor-element-73c0530a > .e-con-inner{
    display:flex !important;
    gap:20px !important;
    align-items:stretch;
}

/* ========================================
   ALL 3 CARDS
======================================== */

.section-2-software-everyone .software-for-business-wrapper{

    display:flex;
    flex-direction:column;
    height:560px !important;
    overflow:hidden;
    border-radius:24px;
    padding:30px 30px 0 !important;
    transition:.3s ease;
    gap:0 !important;
}

.section-2-software-everyone .software-for-business-wrapper:hover{
    transform:translateY(-6px);
}

/* ========================================
   DARK CARD
======================================== */

.section-2-software-everyone .elementor-element-1612e6ff{

    background:#071F47;

    box-shadow:  0 12px 40px rgba(7,31,71,.16);
}

/* ========================================
   LIGHT CARDS
======================================== */

.section-2-software-everyone .elementor-element-32a51bab,
.section-2-software-everyone .elementor-element-5a7252ad{

    background:#F5F8FF;
    border:1px solid #DCE4F0;
    box-shadow:  0 2px 8px rgba(16,42,67,.03);
}

/* ========================================
   EQUAL HEIGHTS
======================================== */

.section-2-software-everyone .elementor-element-1612e6ff,
.section-2-software-everyone .elementor-element-32a51bab,
.section-2-software-everyone .elementor-element-5a7252ad{
    height:600px !important;
    border-radius:24px;
}

/* ========================================
   SMALL BLUE LABEL
======================================== */

.section-2-software-everyone .section-heading-h2-title{ 
    margin-bottom:14px !important;
}

.section-2-software-everyone .section-heading-h2-title p{ 
    margin-bottom:12 !important; 
    text-transform:uppercase;
}

/* ========================================
   CARD TITLE
======================================== */

.section-2-software-everyone .section-title-second-line{
    margin-bottom:18px !important;
}

.section-2-software-everyone .section-title-second-line h4{ 
    max-width:260px; 
    margin-bottom:18px !important;
}

/* ========================================
   DESCRIPTION
======================================== */

.section-2-software-everyone .elementor-widget-text-editor{
    min-height:72px;
    margin-bottom:0 !important;
}

.section-2-software-everyone .elementor-widget-text-editor p{
    margin:0 !important;
    max-width:290px;
    font-size:15px !important;
    line-height:1.35 !important;
}

/* ========================================
   BUTTON ROW
======================================== */

.section-2-software-everyone .elementor-element-69f6903e,
.section-2-software-everyone .elementor-element-2160386a,
.section-2-software-everyone .elementor-element-5dbbedf6{
    min-height:40px;
    margin-top:10px !important; 
}

/* ========================================
   IMAGE AREA
======================================== */

.section-2-software-everyone .elementor-element-53416efd,
.section-2-software-everyone .elementor-element-2868ca32,
.section-2-software-everyone .elementor-element-5bf7a6d0{
    flex:1;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    margin:0 !important;
    padding:0 !important;
}

/* ========================================
   IMAGE CONTAINER
======================================== */

.section-2-software-everyone .elementor-widget-image .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
    line-height:0;
}

/* ========================================
   IMAGE
======================================== */

.section-2-software-everyone .elementor-widget-image img{
    display:block;
    margin:0 auto;
    width:auto;
    height:auto;
    vertical-align:bottom;
}

/* ========================================
   IMAGE SIZES
======================================== */

.section-2-software-everyone .elementor-element-53416efd img{
    max-width:300px;
}

.section-2-software-everyone .elementor-element-2868ca32 img{
    max-width:300px;
}

.section-2-software-everyone .elementor-element-5bf7a6d0 img{
    max-width:300px;
}

/* ========================================
   OUTER WRAPPERS
======================================== */

.section-2-software-everyone .elementor-element-3dc06a15,
.section-2-software-everyone .elementor-element-3ce10aa2,
.section-2-software-everyone .elementor-element-4618124a{
    height:100%;
}

/* ========================================
   REMOVE ELEMENTOR EXTRA SPACING
======================================== */

.section-2-software-everyone .elementor-widget{
    margin-bottom:0 !important;
}

.section-2-software-everyone .elementor-widget-heading{
    margin-bottom:15px !important;
}

/*End Home Page Section 2*/


/*Home Page Integration*/
/* Integration Grid */
.elementor-element-6d1b38cd .e-con-inner{
    display:grid !important;
    grid-template-columns:repeat(6,1fr) !important;
    gap:12px !important;
}

/* Card */
.integration-card{
    min-height:84px !important;
    padding:16px !important;
    margin:0 !important;
}

/* Desktop */
@media (min-width:1025px){
    .elementor-element-6d1b38cd .e-con-inner{
        grid-template-columns:repeat(6,1fr) !important;
    }
}

/* Tablet */
@media (max-width:1024px){
    .elementor-element-6d1b38cd .e-con-inner{
        grid-template-columns:repeat(3,1fr) !important;
    }
}

/* Mobile */
@media (max-width:767px){
    .elementor-element-6d1b38cd .e-con-inner{
        grid-template-columns:repeat(2,1fr) !important;
    }
}
/*End Home Page Integration*/
 

/*Quick Fix Need to Organize*/
.elementor-26397 .elementor-element.elementor-element-6153fea1 {
    text-align: center;
    font-family: "Outfit", Sans-serif;
    font-size: 16px !important;
    font-weight: 300;
    line-height: 28px;
    color: #FFFFFFC7;
    margin-bottom: 26px;
}

/* Stars + text vertically centered */
.elementor-element-5168b43f,
.elementor-element-23dadade {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.elementor-element-5168b43f img {
    display: block;
}

/* Fine tune stars position */
.elementor-element-5168b43f {
    position: relative;
    top: 2px; /* try 1px or 2px */
}
 

.elementor-26397 .elementor-element.elementor-element-23dadade.elementor-element {
    --align-self: flex-start;
    --flex-grow: 0;
    --flex-shrink: 0;
    margin-bottom: 20px;
}

 
.elementor-26397 .elementor-element.elementor-element-5168b43f.elementor-element {
    --flex-grow: 0;
    --flex-shrink: 0;
    margin-bottom: 20px;
}


 .elementor-26397 .elementor-element.elementor-element-4f260ac8.elementor-element {
    --flex-grow: 0;
    --flex-shrink: 0;
    margin-bottom: 25px;
}
 
.elementor-26397 .elementor-element.elementor-element-669119f4 .elementor-heading-title {
    font-family: "Outfit", Sans-serif;
    font-size: 14px !important;
    font-weight: 200 !important;
    text-transform: uppercase;
    letter-spacing: .77px;
    color: #EEF4FE;
}
 

.pricing-tag-30-days {
    font-size: 30px !important;
    font-weight: 600;
}

 
.elementor-26397 .elementor-element.elementor-element-764aab5b {
    --display: flex;
    --border-radius: 12px 12px 12px 12px;
    --padding-top: 12px;
    --padding-bottom: 12px;
    --padding-left: 0px;
    --padding-right: 0px;
}

.elementor-26397 .elementor-element.elementor-element-4bae9045 p {
    margin: 0 !important;
}


.pricing-plans-section .elementor-widget-container p span {
    display: block;
    text-align: center;
} 

.elementor-element.elementor-element-3501aa90.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding: 0 !important;
}
.elementor-element.elementor-element-60b8f4c.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding: 0;
}
.elementor-element.elementor-element-5ced15c4.e-grid.e-con-boxed.e-con.e-parent.e-lazyloaded {
    padding: 0;
}

.section-five-calculate-roi svg path {
    stroke: currentColor !important;
    stroke-opacity: 1 !important;
}

.section-five-calculate-roi .elementor-button:hover svg path {
    stroke: #0664E8 !important;
    fill: #FFFFFF !important;
    stroke-opacity: 1 !important;
}

.section-five-free-assessment svg path {
    stroke: currentColor !important;
    stroke-opacity: 1 !important;
}

.elementor-26397 .elementor-element.elementor-element-47c6a98 > .elementor-element-populated,
/*.elementor-26917 .elementor-element.elementor-element-59339799 > .elementor-element-populated,*/
.elementor-26397 .elementor-element.elementor-element-8b6aabb > .elementor-element-populated,
.elementor-26397 .elementor-element.elementor-element-cc07973 > .elementor-element-populated,
.elementor-26397 .elementor-element.elementor-element-4bbf7249 > .elementor-element-populated,
.elementor-26397 .elementor-element.elementor-element-4fd9a3f > .elementor-element-populated,
.elementor-26397 .elementor-element.elementor-element-7026d7b > .elementor-element-populated,
.elementor-26397 .elementor-element.elementor-element-169d19e > .elementor-element-populated,
.elementor-26397 .elementor-element.elementor-element-0c3330e > .elementor-element-populated {
    margin: 30px 0px 20px 0px !important;
}
.elementor-26917 .elementor-element.elementor-element-59339799 > .elementor-element-populated {
    padding-bottom: 0px !important;
}

.elementor-26397 .elementor-element.elementor-element-478bb34 > .elementor-element-populated {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
} 

.elementor-26397 .elementor-element.elementor-element-8b6aabb > .elementor-element-populated {
    padding-bottom: 30px !important;
}

@media (max-width:767px){

    .elementor-element-2ef2077f{
        gap:0 !important;
    }
    .faq-contact-us {
        margin-bottom: 10px !important;
    } 

    /* Both buttons */
    .section-five-calculate-roi .elementor-button,
    .section-five-free-assessment .elementor-button{
        min-height:54px !important;
        padding:18px 20px !important;
        font-size: 12px !importanti;
    }

    /* Center content vertically */
    .section-five-calculate-roi .elementor-button-content-wrapper,
    .section-five-free-assessment .elementor-button-content-wrapper{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important; 
    }

    /* Text */
    .section-five-calculate-roi .elementor-button-text,
    .section-five-free-assessment .elementor-button-text{
        line-height:1.2 !important;
    }

    /* Shield icon */
    .section-five-free-assessment .elementor-button-icon svg{
        width:18px !important;
        height:18px !important;
    }

    .section-five-free-assessment .elementor-button-icon{
        margin-right:8px !important;
    }

    /* ROI button full width */
 
     

    /* Perfect centering for ROI button */
    .section-five-calculate-roi .elementor-button-content-wrapper{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
    }
 

    .integration-card .elementor-image-box-wrapper{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .integration-card .elementor-image-box-img{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 auto 12px !important;
    }

    .integration-card .elementor-image-box-img a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .integration-card .elementor-image-box-img img{
        display:block !important;
        margin:0 auto !important;

        object-fit:contain !important;
        object-position:center center !important;
    }

}

@media (max-width:480px){

    .elementor-26397 .elementor-element.elementor-element-47c6a98 > .elementor-element-populated,
    .elementor-26917 .elementor-element.elementor-element-59339799 > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-8b6aabb > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-cc07973 > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-4bbf7249 > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-4fd9a3f > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-7026d7b > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-169d19e > .elementor-element-populated,
    .elementor-26397 .elementor-element.elementor-element-0c3330e > .elementor-element-populated {
        margin: 20px 0px 10px 0px !important;
    }
    .elementor-26917 .elementor-element.elementor-element-59339799 > .elementor-element-populated {
        padding-bottom: 10px !important;
    }

    .elementor-26397 .elementor-element.elementor-element-478bb34 > .elementor-element-populated {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    } 

    .elementor-26397 .elementor-element.elementor-element-8b6aabb > .elementor-element-populated {
        padding-bottom: 10px !important;
    }

    .section-title-second-line h2.elementor-heading-title {
        text-align: center !important;
    }

    .section-heading-h2-title.elementor-widget.elementor-widget-heading p {
        text-align: center !important;
    }
}


/* Stars */
.section-1-stars {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px; 
    letter-spacing: 1px;
    color: #FDB022; 
    margin-right: 5px;
}

.section-six-pill-platform .custom-mobile-tabs .e-n-tab-title[aria-selected="true"],
.section-six-pill-platform .custom-mobile-tabs .e-n-tab-title:hover{
    background:#0664E8 !important;
    color:#fff !important;
}

.section-six-pill-platform .custom-mobile-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.section-six-pill-platform .custom-mobile-tabs .e-n-tab-title:hover .e-n-tab-title-text{
    color:#fff !important;
}

.elementor-element.elementor-element-1ae9f2f.elementor-widget-mobile__width-inherit.insights-banner-tag.elementor-widget.elementor-widget-heading {
    margin-top: 15px;
}

.elementor-element.elementor-element-260dbe7c.elementor-view-stacked.elementor-shape-rounded.elementor-widget__width-inherit.industry-service-card.elementor-position-block-start.elementor-mobile-position-block-start.elementor-widget.elementor-widget-icon-box,
.elementor-element.elementor-element-552dc874.elementor-view-stacked.elementor-shape-rounded.elementor-widget__width-inherit.industry-service-card.elementor-position-block-start.elementor-mobile-position-block-start.elementor-widget.elementor-widget-icon-box{
    margin-bottom: 0 !important;
}

 .admin-task-feature-card:last-child{ 
   margin-bottom: 0 !important;
}

.elementor-26923 .elementor-element.elementor-element-4164b591 {
    --margin-bottom:8px !important;
}

.elementor-26917 .elementor-element.elementor-element-59339799 > .elementor-element-populated {
    margin: 20px 0px 0px 0px  !important;
}

.elementor-26397 .elementor-element.elementor-element-0c91202 > .elementor-element-populated {
    margin: 40px 0px 63px 0px !important;
}

.elementor-26397 .elementor-element.elementor-element-d06d7e5 > .elementor-element-populated {
     margin: 40px 0px 30px 0px !important;
}

.elementor-26397 .elementor-element.elementor-element-6a821c1 > .elementor-element-populated {
    margin: 30px 0px 28px 0px !important;
}

.elementor-26397 .elementor-element.elementor-element-c29689d > .elementor-element-populated {
    margin: 30px 0px 69px 0px !important;
}


.elementor-26397 .elementor-element.elementor-element-54c5ab9 > .elementor-element-populated {
    margin: 40px 0px 58px 0px !important;
}   

@media (max-width: 767px) {

    .section-2-software-everyone .software-for-business-wrapper {
        height:565px!important ;
    }

    img.attachment-large.size-large.wp-image-27440.entered.lazyloaded { 
        margin-top: 19px;
    }
}

@media (max-width: 720px) {
    .section-2-software-everyone .software-for-business-wrapper {
        height:602px !important ;
    }

}

@media (max-width: 604px) {
    .section-2-software-everyone .software-for-business-wrapper {
        height:602px !important ;
    }

}

@media (max-width: 600px) {
    .section-2-software-everyone .software-for-business-wrapper {
        height:605px !important ;
    }

}


@media (max-width: 480px) {

    .section-2-software-everyone .software-for-business-wrapper {
        height:603px!important ;
    }
}
 
 @media (max-width:767px){
    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="1"]) {
        max-height: 2650px !important;
    }

    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="5"]) {
        max-height: 7000px !important;
    }

    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="6"]) {
        max-height: 1500px !important;
    }


    .mobile-section-griid,
    .mobile-section-grid-3,
    .mobile-section-grid-12{
        grid-template-rows:auto !important;
        grid-auto-rows:auto !important;
    }

    .section-six-pill-platform .admin-task-feature-card, 
    .section-six-pill-platform .admin-task-feature-card .elementor-widget-container {
        height: auto !important;
        min-height:unset !important;
        margin:0 !important;
    }

    .admin-task-feature-card,
    .admin-task-feature-card .elementor-icon-box-wrapper,
    .admin-task-feature-card .elementor-icon-box-content{
        height:auto !important;
        min-height:0 !important;
    }
}


@media (max-width: 400px) {
    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="1"]) {
        max-height: 2800px !important;
    }

    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="6"]) {
        max-height: 1500px !important;
    }
}

@media (max-width: 393px) {
    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="1"]) {
        max-height: 2720px !important; 
    }
}
@media (max-width: 375px) {
    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="1"]) {
        max-height: 2720px !important;
    }
}

@media (max-width: 360px) {
    .section-six-pill-platform .swiper-wrapper:has(.swiper-slide-active[data-slide="1"]) {
        max-height: 2900px !important;
    }
}

a.faq-links-hover{
    position:relative;
    display:inline-block;
    text-decoration:none !important;
}

a.faq-links-hover::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;

    width:100%;
    height:1px;

    background:#0664E8;

    transform:scaleX(0);
    transform-origin:left;
    transition:transform .5s ease;
}

a.faq-links-hover:hover::after{
    transform:scaleX(1);
}
/*END Quick Fix Need to Organize*/


 
 /* ==========================================================
   ALL INTEGRATIONS ACCORDION
========================================================== */

.accordion-integration .e-n-accordion{
    background:#fff;
    border:1px solid #E6EDF7;
    border-radius:24px;
    overflow:hidden;
}

/* ITEMS */

.accordion-integration .e-n-accordion-item{
    margin:0 !important;
    border:none !important;
}

.accordion-integration .e-n-accordion-item:not(:last-child){
    border-bottom:1px solid #EEF3F9 !important;
}

/* HEADER */

.accordion-integration .e-n-accordion-item-title{
    padding:15px 15px !important;
    background:#fff !important;
}

.accordion-integration .e-n-accordion-item-title-text{
    color:#172033;
    font-size:18px;
    font-weight:600;
}

/* OPEN TITLE */

.accordion-integration details[open] .e-n-accordion-item-title-text{
    color:#0664E8;
}

/* REMOVE GREY OPEN BACKGROUND */

.accordion-integration details[open]{
    background:#fff !important;
}

/* CONTENT */

.accordion-integration [role="region"]{
    background:#fff !important;
    padding:10px 15px 15px;
}

/* CTA CARD */

.accordion-integration .elementor-cta{
    background:#fff;
}

.accordion-integration .elementor-cta__title{
    color:#0B214A; 
    font-weight:700;
    margin-bottom:18px;
}

.accordion-integration h2.elementor-cta__title {
    font-size: 24px !important;
}

.accordion-integration .elementor-cta__description{
    color:#475467; 
    line-height:1.9; 
    font-size: 15px !important;
}

/* ICON */

.accordion-integration .e-n-accordion-item-title-icon{
    width:30px;
    height:30px;
    min-width:30px;

    border-radius:50%;
    border:1px solid #CFE0FF;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* PLUS ICON */

.accordion-integration .e-n-accordion-item-title-icon svg{
    fill:#0664E8;
}

/* OPEN ICON */

.accordion-integration details[open] .e-n-accordion-item-title-icon{
    /*background:#0664E8;*/
    border-color:#0664E8;
}

.accordion-integration details[open] .e-n-accordion-item-title-icon svg{
    fill:#fff;
}

/* IMAGE */

.accordion-integration .elementor-widget-image img{
    max-width:220px;
    width:100%;
    height:auto;
}

/* SPACING BETWEEN IMAGE AND TEXT */

.accordion-integration details[open] > [role="region"]{
    gap:80px;
}

/* MOBILE */

@media(max-width:767px){

    .accordion-integration .e-n-accordion-item-title{
        padding:20px !important;
    }

    .accordion-integration [role="region"]{
        padding:10px 10px 10px;
    }
    .accordion-integration details[open]>[role="region"]{
        gap: 0 !important;
    } 

    .accordion-integration h2.elementor-cta__title {
        font-size: 19px !important;
    }

    .accordion-integration .elementor-cta__description{ 
        font-size: 13px !important;
    }

    .faq-section .e-n-tabs-content {
        transition: min-height .3s ease; 
        min-height: 550px !important;
    } 

    .faq-tab-pills .e-n-tabs {
        display: flex !important;
        flex-direction: column !important;
    }

    .faq-tab-pills .e-n-tabs-heading {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 10px;
        padding-bottom: 12px;
    }

    .faq-tab-pills .e-n-tab-title {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }

    .faq-tab-pills .e-n-tabs-content {
        width: 100% !important;
    }

    .faq-tab-pills .e-n-tab-title-text {
        white-space: nowrap !important;
    }

    .faq-tab-pills .e-n-tabs-content,
    .faq-tab-pills .e-n-tab-content,
    .faq-core,
    .faq-core .e-n-accordion {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .faq-core details[open] {
        overflow: visible !important;
    }

    .faq-section .swiper-wrapper{
        height:auto !important;
        min-height:unset !important;
    }

    .faq-section .swiper-slide{
        height:auto !important;
    }

    .faq-section .swiper{
        overflow:visible !important;
    }

    /* Hide borders from adjacent slides */ 
    .faq-section .swiper-slide-prev .faq-core,
    .faq-section .swiper-slide-next .faq-core{
        border-color: transparent !important;
    }

    .faq-section .swiper-slide-prev .e-n-accordion,
    .faq-section .swiper-slide-next .e-n-accordion{
        border-color: transparent !important;
    }

    .faq-section .swiper-slide-prev,
    .faq-section .swiper-slide-next{
        opacity:0.01 !important;
    }

    .faq-section .swiper-slide-active{
        opacity:1 !important;
    }
}

.elementor-element-ce478e0 .elementor-cta__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
} 

.elementor-element.elementor-element-6fd741ab.elementor-view-stacked.elementor-shape-rounded.elementor-widget__width-inherit.industry-service-card.elementor-position-block-start.elementor-mobile-position-block-start.elementor-widget.elementor-widget-icon-box {
    margin: 0 !important;
}

 /* ==========================================
   CTA CONTENT
========================================== */

.accordion-integration .elementor-cta__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ==========================================
   TITLE
========================================== */

.accordion-integration .elementor-cta__title {
    position: relative;
    display: inline-block !important;
    width: fit-content !important;
    max-width: fit-content !important;
    flex: 0 0 auto;
    text-align: left;
    transition: color .3s ease;
}

.accordion-integration .elementor-cta__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .5s ease;
}

/* ==========================================
   DESCRIPTION
========================================== */

.accordion-integration .elementor-cta__description {
    line-height: 1.8;
    text-align: left;
    transition: color .5s ease;
}

.accordion-integration .swoosh-text {
    display: inline;

    background-image: linear-gradient(#0664E8, #0664E8);
    background-repeat: no-repeat;
    background-position: left calc(100% - 2px);

    /* hidden initially */
    background-size: 0% 1px;

    transition:
        background-size .5s ease,
        color .5s ease;
}

/* ==========================================
   HOVER
========================================== */

.accordion-integration .e-n-accordion-item:hover .elementor-cta__title,
.accordion-integration .e-n-accordion-item:hover .elementor-cta__description {
    color: #0664E8;
}

.accordion-integration .e-n-accordion-item:hover .elementor-cta__title::after {
    transform: scaleX(1);
}

.accordion-integration .e-n-accordion-item:hover .swoosh-text {
    color: #0664E8;
    background-size: 100% 1px;
}
 
/* ==========================================
   Generic Blue Swoosh
========================================== */

.generic-blue-swoosh {
    position: relative;
    /*display: inline-block;*/
    display: inline;
    transition: color .3s ease;
    white-space: nowrap;
}

.generic-blue-swoosh::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .5s ease;
}

.generic-blue-swoosh:hover {
    color: #0664E8;
}

.generic-blue-swoosh:hover::after {
    transform: scaleX(1);
}

.seamlessly-connect-section .elementor-widget-wrap.elementor-element-populated {
    margin-bottom: 0px !important;
}

/*Custom Header Homepage Section 1 only*/
.elementor-26397 .elementor-element.elementor-element-8941f36 {
    margin: 0% 0% 1% 0% !important;
}
#section-1-second-text .elementor-heading-title  {
    margin-top:20px !important;
}
#section-1-third-text {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
} 
.elementor-26397 .elementor-element.elementor-element-6153fea1 {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
} 
.elementor-26397 .elementor-element.elementor-element-f7bf2eb {
     margin: 0px 0px 0px 0px !important;
}
/*END Custom Header Homepage Section 1 only*/




 .industry-section-titled-text{
    text-align:center;
}

.industry-section-titled-text .elementor-heading-title{
    display:inline-flex;
    align-items:center;
    justify-content:center;
 
    margin-bottom:10px;
    padding:6px 16px;

    border:1px solid rgba(6,100,232,.35);
    border-radius:999px;

    background:#0664E81F;

    color:#8CB6F8 !important;

    font-size:15.9px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:0 !important;

    box-shadow:
        inset 0 0 0 1px rgba(51,139,255,.15),
        0 0 20px rgba(6,100,232,.12);

    white-space:nowrap;

    width:auto;
    max-width:max-content;

    margin-left:auto;
    margin-right:auto;
}

.industry-section-titled-text .elementor-heading-title:hover{
    background:#0664E8;
}

.industry-section-titled-text .elementor-heading-title:hover a{
    color:#FFFFFF !important;
}

.industry-section-titled-text .elementor-heading-title a{
    color:inherit !important;
    text-decoration:none;
}

@media (max-width: 767px){

    .industry-section-titled-text .elementor-heading-title{
        font-size:clamp(12px, 2.8vw, 13px) !important;
        padding:6px 12px;
        text-align:center !important;
    }

    .section-six-pill-platform .elementor-widget-button a.elementor-button {
        padding: 15px !important;
        margin-top: -5px;
    }

    .faq-section .swiper-slide .elementor-widget-button > a.elementor-button {
        padding: 15px !important;
        margin-top: -5px;
    }
}

@media (max-width: 480px){

    .industry-section-titled-text .elementor-heading-title{
        font-size:13px !important;
        padding:6px 8px !important;
        text-align:center !important;
    }
}


/* Industry cards */
#industy-page-icon-box .elementor-icon-box-content{
    display: flex;
    flex-direction: column;
}

/* Reserve space for 2-line titles */
#industy-page-icon-box .elementor-icon-box-title{
    min-height: 45px; /* adjust as needed */
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}  
#industy-page-icon-box h2 {
    font-size: 16px !important;
}

/* Remove extra spacing */
#industy-page-icon-box .elementor-icon-box-title span{
    display: block;
    line-height: 1.3;
}

/* Description always starts at same position */
#industy-page-icon-box .industry-card-content{
    margin-top: 0;
}

#industy-page-icon-box div.industry-card-content {
    font-size: 14px !important;
}

.section-overide-to-white,
.section-overide-to-white .elementor-shortcode,
.section-overide-to-white .elementor-shortcode > div,
.section-overide-to-white .elementor-shortcode section {
    background: #fff !important;
}

.section-overide-to-light,  
.section-overide-to-light .elementor-shortcode,
.section-overide-to-light .elementor-shortcode > div,
.section-overide-to-light .elementor-shortcode section {
    background: #F5F7FA !important;
}

.product-service-card{ 
    background: #F5F7FA;
}
.product-service-card h2.elementor-icon-box-title{ 
    font-size: 16px !important;
}
.product-card-content { 
    background: #F5F7FA;
    flex:1 1 auto !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
    text-align:left !important;
    margin:0 !important;
    color:#64748B;
}

.product-service-card:hover .product-card-content, {
    color:#FFFFFF !important;
}

.product-service-card:hover .product-card-content a, {
    color:#0664E8 !important;
}

.product-service-card a:hover {
   color: #0664E8 !important;
}

/* Card */
.product-feature-card .elementor-icon-box-wrapper{
    background:#FFFFFF;
    border-radius:16px;
    padding:25px !important;

    min-height:240px;
    height:100%;

    display:flex !important;
    flex-direction:column !important;
}

/* Content */
.product-feature-card .elementor-icon-box-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

/* Icon */
.product-feature-card .elementor-icon-box-icon{
    margin-bottom:20px !important;
}

/* Title */
.product-feature-card .elementor-icon-box-title{
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    margin-bottom:12px !important;
    text-align: left;
}

/* Description */
.product-card-content{
    flex:1;
    font-size:14px !important;
    line-height:1.7 !important;
    color:#64748B;
    text-align: left;
}

.overide-font-14 {
    font-size: 14px !important;
}
.h2-font-18 h2 {
    font-size: 18px !important;
}

/* Resources page */
#resources-header-blog a {
    font-weight: 500 !important;
    color: #0B1F3A !important;
}

#resources-header-blog a:hover {
    font-weight: 500 !important;
    color: #0664E8 !important;
}

/* Partners page */
.partner-with h4 {
    height: 50px;
}

.partner-with-desc {
    height: 60px;
}

.partner-logos img {
    width: 150px !important;
}

.partner-help-container {
    min-height: 300px !important;
}

/* Generic blue text color class */
.color-me-blue {
    color: #0664E8;
}

/* Bullet links swoosh effect */
.bullet-links-swoosh .elementor-icon-list-text {
    position: relative;
    display: inline-block;
}

.bullet-links-swoosh .elementor-icon-list-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;

    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s ease;
}

.bullet-links-swoosh a:hover .elementor-icon-list-text::after {
    transform: scaleX(1);
}

/* Career page */
.career-feature-card .elementor-icon-box-title{
    text-align:left !important;
    font-size:16px !important;
    line-height:1.15 !important;
    font-weight:600 !important;
    margin:0 0 14px !important; 
}

.career-feature-card .elementor-widget-container{
    height:100% !important;
    background:#FFFFFF !important;
}

.career-feature-card .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    padding:20px !important;
    border-radius:16px !important;
}

.career-feature-card .elementor-icon-box-wrapper {
    min-height: 250px !important;
}

/* Badge */
.sub-page-feature-hero-section .industry-section-titled-text {
    margin-bottom: 12px !important;
}

/* Main H1 widget */
.sub-page-feature-hero-section .elementor-widget-heading:not(.industry-section-titled-text) {
    margin-bottom: 16px !important;
}

/* Description */
.sub-page-feature-hero-section .elementor-widget-text-editor:not(.five-star-section-1) {
    margin-bottom: 5px !important;
}

/* Hero without description */
.sub-page-feature-hero-section.no-description .elementor-widget-heading:not(.industry-section-titled-text) {
    margin-bottom: 24px !important;
}

/* Last button */
.sub-page-feature-hero-section .elementor-widget-button:last-of-type {
    margin-bottom: 20px !important;
}

.sub-page-feature-hero-section .elementor-element.elementor-element-e42a529.elementor-widget.elementor-widget-text-editor {
    margin-bottom: 22px !important;
}

.sub-page-feature-hero-section .elementor-element.elementor-element-83ce49f.elementor-widget.elementor-widget-text-editor {
    margin-bottom: 22px !important;
}

.sub-page-feature-hero-section .elementor-element.elementor-element-600d4bf.elementor-widget.elementor-widget-text-editor {
    margin-bottom: 22px !important;
}

.sub-page-feature-hero-section .elementor-element.elementor-element-5433947.elementor-widget.elementor-widget-text-editor {
    margin-bottom: 22px !important;
}

.sub-page-feature-hero-section .elementor-element.elementor-element-cc3f1c4.elementor-widget.elementor-widget-text-editor {
    margin-bottom: 10px !important;
}


/* =========================================
   HEALTH FEATURE CARD
========================================= */

.health-feature-card {
    background: #FFFFFF;
    border: 1px solid #E8EDF5;
    border-radius: 20px;
    padding: 40px;
    height: 100%;
    box-sizing: border-box;
}

/* Remove Elementor spacing issues */
.health-feature-card .elementor-widget:last-child {
    margin-bottom: 0 !important;
}

/* Icon */
.health-feature-card .elementor-icon-box-icon,
.health-feature-card .elementor-widget-icon {
    margin-bottom: 20px !important;
}

/* Icon size */
.health-feature-card .elementor-icon-box-icon svg,
.health-feature-card .elementor-icon-box-icon i {
    width: 22px;
    height: 22px;
}

/* Title */
.health-feature-card .elementor-icon-box-title,
.health-feature-card h2,
.health-feature-card h3,
.health-feature-card .elementor-heading-title {
    color: #102A43 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
    text-align: left !important;
}

/* Description */
.health-feature-card .elementor-icon-box-description,
.health-feature-card p,
.health-feature-card .elementor-text-editor {
    color: #52606D !important;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 0 !important;
}

/* Layout spacing */
.health-feature-card .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.health-feature-card .elementor-icon-box-content {
    display: flex;
    flex-direction: column;
}

/* No hover effects */
.health-feature-card,
.health-feature-card *,
.health-feature-card:hover,
.health-feature-card:hover * {
    transition: none !important;
    transform: none !important;
}

/*.health-feature-card:hover {
    background: #FFFFFF !important;
    border-color: #E8EDF5 !important;
    box-shadow: none !important;
}*/

.health-feature-card:hover .elementor-icon-box-title,
.health-feature-card:hover .elementor-heading-title,
.health-feature-card:hover p,
.health-feature-card:hover .elementor-icon-box-description {
    color: inherit !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .health-feature-card {
        padding: 32px;
    }

    .health-feature-card .elementor-icon-box-title,
    .health-feature-card h2,
    .health-feature-card h3,
    .health-feature-card .elementor-heading-title {
        font-size: 24px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .health-feature-card {
        padding: 24px;
        border-radius: 16px;
    }

    .health-feature-card .elementor-icon-box-title,
    .health-feature-card h2,
    .health-feature-card h3,
    .health-feature-card .elementor-heading-title {
        font-size: 20px;
        line-height: 1.3;
    }

    .health-feature-card .elementor-icon-box-description,
    .health-feature-card p,
    .health-feature-card .elementor-text-editor {
        font-size: 15px;
        line-height: 1.7;
    }
 
    #five-star-homepage {
        margin-top: -25px !important;
    }
}


.margin-below-title {
    margin-bottom: 10px !important;
}

.no-margin-bottom {
    margin-bottom:0 !important;
}

/* Payroll */
.payroll-feature-card .elementor-icon-box-title {
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    margin: 0 0 14px !important;
    color: #0B1F3A;
}

.payroll-feature-card .elementor-icon-box-wrapper {
    min-height: 200px !important;
    background-color: #fff;
    border-radius: 16px !important;
    height: 100% !important;
    padding: 20px !important;
    border: 1px solid #fff !important;
}

.payroll-feature-card .elementor-icon-box-wrapper:hover {
    border: 1px solid #0664E8 !important;
    border-radius: 16px !important;
}

/* Blog */
h3.elementor-post__title a {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.elementor-post__badge {
    width: auto !important;
    max-width: max-content !important;
    display: inline-flex !important;
    padding: 2px 20px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0664e8 0%, rgba(6, 100, 232, 0) 100%) !important;
    color: #D6E4FF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase !important;
    margin-inline: auto !important;
    left: 50% !important;
    transform: translateX(-50%);
}

[data-elementor-post-type="post"] .elementor-widget-text-editor a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

[data-elementor-post-type="post"] .elementor-widget-text-editor a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}

[data-elementor-post-type="post"] .elementor-widget-text-editor a:hover::after {
    transform: scaleX(1);
}

.blog-posts .elementor-post .elementor-post__read-more {
    position: relative;
    display: inline-block;
}

.blog-posts .elementor-post .elementor-post__read-more::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease;
}

.blog-posts .elementor-post:hover .elementor-post__read-more::after {
    transform: scaleX(1);
}

@media (max-width: 767px) {
    #blog_subs_form .elementor-field-type-submit {
        top: 120% !important;
        padding: 0;
    }
}


/* ========================================
   ABOUT US SECTION
======================================== */

/* GRID */

.section-about-us .e-grid{
    display:grid !important;
    gap:16px !important;
    align-items:stretch !important;
}

/* CARD */

.section-about-us .about-us-card,
.section-about-us .about-us-card .elementor-widget-container,
.section-about-us .about-us-card .elementor-icon-box-wrapper{
    height:100% !important;
}

.section-about-us .about-us-card{
    background:#F5F7FA;
    border-radius:14px;
    cursor:pointer;
    transition:all .3s ease;
}

.section-about-us .about-us-card:hover{
    background:#0664E8;
}

.section-about-us .about-us-card .elementor-icon-box-wrapper{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    min-height:180px !important;
    padding:20px !important;
}

/* CONTENT */

.section-about-us .about-us-card .elementor-icon-box-content{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
}

/* ICON */

.section-about-us .elementor-icon-box-icon{
    margin-bottom:10px !important;
}

/* TITLE */

.section-about-us .elementor-icon-box-title{
    text-align:left !important;
    font-size:16px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    margin:0 0 6px !important;
}

.section-about-us .elementor-icon-box-title a{
    color:#102A43;
    text-decoration:none !important;
}

/* DESCRIPTION */

.section-about-us .elementor-icon-box-description{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;

    font-size:13px !important;
    line-height:1.45 !important;
    color:#64748B;

    margin:0 !important;
}

/* LEARN MORE */

.section-about-us .learn-more-about-us{
    position:relative;

    display:inline-flex !important;
    align-items:center;

    width:fit-content !important;

    margin-top:auto !important;
    padding-bottom:4px;

    color:#0664E8 !important;
    font-size:13px !important;
    font-weight:600 !important;
}

/* UNDERLINE */

.section-about-us .learn-more-about-us::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:1px;

    background:#0664E8;

    transform:scaleX(0);
    transform-origin:left;

    transition:transform .5s ease;
}

/* ARROW */

.section-about-us .learn-more-about-us .arrow{
    display:inline-block;
    margin-left:4px;

    font-size:0;
    width:14px;
    height:14px;

    background-image:url("https://www.happyhr.com/wp-content/uploads/2026/05/arrow-icon-blue.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;

    transition:transform .3s ease;
}

/* HOVER */

.section-about-us .about-us-card:hover .elementor-icon-box-title,
.section-about-us .about-us-card:hover .elementor-icon-box-title a,
.section-about-us .about-us-card:hover .elementor-icon-box-description,
.section-about-us .about-us-card:hover .learn-more-about-us{
    color:#FFFFFF !important;
}

.section-about-us .about-us-card:hover .learn-more-about-us::before{
    transform:scaleX(1);
    background:#FFFFFF;
}

.section-about-us .about-us-card:hover .learn-more-about-us .arrow{
    transform:translateX(4px);
    filter:brightness(0) invert(1);
}

/* ========================================
   KEEP ICON BLUE ON HOVER
======================================== */

.section-about-us .about-us-card:hover .elementor-icon{
    background:#FFFFFF !important;
    border-radius:8px;
}

.section-about-us .about-us-card:hover .elementor-icon svg path,
.section-about-us .about-us-card:hover .elementor-icon svg rect,
.section-about-us .about-us-card:hover .elementor-icon svg circle,
.section-about-us .about-us-card:hover .elementor-icon svg line,
.section-about-us .about-us-card:hover .elementor-icon svg polyline,
.section-about-us .about-us-card:hover .elementor-icon svg polygon{
    stroke:#0664E8 !important;
    fill:none !important;
}

.section-about-us .about-us-card:hover .elementor-icon svg *{
    stroke:#0664E8 !important;
}
/* SECTION HEADING */

.section-about-us .section-heading-h2-title p{
    font-size:11px !important;
    font-weight:500 !important;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.section-about-us .section-title-second-line h2{
    text-align:left;
}

@media(max-width:767px){

    .section-about-us .e-grid{
        grid-template-columns:1fr !important;
    }

    .section-about-us .about-us-card .elementor-icon-box-wrapper{
        min-height:170px !important;
    }
}

/* Header integration logos */
.integration-grid{
    grid-template-columns:repeat(2,100px) !important;
}

.logo-default img,
.logo-hover img{
    height: 40px !important;
    width: auto !important;
    max-width: 70px !important;
}

.more_integrations .elementor-heading-title a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.more_integrations .elementor-heading-title a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #0664E8;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}

.more_integrations .elementor-heading-title a:hover::after {
    transform: scaleX(1);
}

.more_integrations .elementor-heading-title a:hover {
    text-decoration: none !important;
}

/* Calendly */
#happyhr-calendly {
    width: 100%;
    height: 760px;
}

#happyhr-calendly iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* ======================================================
   15 Minutes Free HR Support Form
====================================================== */

.minsFreeForm{
    display:flex;
    justify-content:center;
}

.minsFreeForm #agile-form{
    width:100%;
    max-width:640px;
    background:#FFFFFF !important;
    border:1.5px solid #2563EB;
    border-radius:16px  !important;
    box-sizing:border-box;
}

.minsFreeForm .agile-group{
    margin-bottom:22px;
}

.minsFreeForm .agile-label{
    display:block;
    margin-bottom:8px;
    color:#102A43;
    font-size:14px;
    font-weight:400;
    font-family: "Outfit", Sans-serif !important;
}

.minsFreeForm input,
.minsFreeForm select,
.minsFreeForm textarea{
    width:100% !important;
    border:1px solid #D1D5DB !important;
    border-radius:8px !important;
    padding:12px 14px !important;
    font-size:14px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    font-family: "Outfit", Sans-serif !important;
}

.minsFreeForm input,
.minsFreeForm select{
    height:44px;
}

.minsFreeForm textarea{
    min-height:180px;
    resize:vertical;
}

 

/* Submit Button */
.minsFreeForm .agile-button{
    width:100%;
    height:48px;
    background:#2563EB !important;
    color:#FFFFFF !important;
    border:1px solid #2563EB !important;
    border-radius:8px !important;
    font-family: "Outfit", Sans-serif !important;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:all .25s ease;
    cursor:pointer;
}

/* Hover */
.minsFreeForm .agile-button:hover{
    background:#FFFFFF !important;
    color:#2563EB !important;
    border:1px solid #2563EB !important;
}

/* AI page */
.post-33174 .elementor-form .elementor-button[type="submit"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
}

.ai-feature-card{
    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        background .35s ease,
        box-shadow .35s ease;
}

.ai-feature-card:hover{
    transform:translateY(-4px) scale(1.008);
    box-shadow:
        0 0 0 1px rgba(6,100,232,.15),
        0 8px 24px rgba(6,100,232,.10);
}

.ai-feature-card > *{
    position:relative;
    z-index:3;
}

.ai-feature-media{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    transition:
        box-shadow .35s ease,
        transform .35s ease;
}

.ai-feature-card:hover .ai-feature-media{
    box-shadow: 0 18px 35px rgba(11,31,58,.18);
}

.ai-feature-media::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:0;
    background:linear-gradient(
        to top,
        rgba(11,31,58,1) 0%,
        rgba(11,31,58,.95) 35%,
        rgba(11,31,58,.65) 70%,
        rgba(11,31,58,0) 100%
    );
    transition:height .35s ease;
    z-index:2;
    pointer-events:none;
}

.ai-feature-card:hover .ai-feature-media::after{
    height:40%;
}

.ai-feature-media img{
    display:block;
    width:100%;
    border-radius:inherit;
}

.ai-feature-btn{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(.9) translateY(8px);
    transition:
        opacity .35s ease,
        transform .35s cubic-bezier(.22,1,.36,1),
        visibility 0s linear .35s;
    z-index: 10;
}

.ai-feature-card:hover .ai-feature-btn{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    transition:
        opacity .35s ease,
        transform .35s cubic-bezier(.22,1,.36,1),
        visibility 0s;
}

.ai-timeline{
    position:relative;
    border-radius:15px;
    padding:35px 40px 35px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(95,165,255,.22),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #2B5FAF 0%,
            #1F4D94 25%,
            #173B71 65%,
            #112A50 100%
        );
    border: 2px solid #0664E8;
}

.ai-timeline-mobile{
    display:flex !important;
    flex-direction:column !important;
    /* gap:0px !important; */
    /* padding:28px 22px; */
    background:
        radial-gradient(
            circle at 50% -20%,
            rgba(95,165,255,.22),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #2B5FAF 0%,
            #1F4D94 25%,
            #173B71 65%,
            #112A50 100%
        );
    border:2px solid #0664E8;
    border-radius:15px !important;
}

.ai-mobile-item{
    display:flex;
    align-items:flex-start;
    gap:16px !important;
    position:relative;
    padding:14px 0;
    --line-scale:0;
}

.ai-mobile-item:not(:last-child)::after{
    content:"";
    position:absolute;
    left:42px;
    top:70px;
    width:6px;
    height:70px;
    border-radius:999px;
    background: #0664E8;
    opacity:.35;
    transform-origin:top center;
    transform:scaleY(var(--line-scale));
}

.ai-mobile-icon{
    display:flex;
    justify-content:center;
    margin-top:6px;
    width:56px !important;
    flex:0 0 56px;
}

.ai-mobile-content{
    flex: 1 !important;
}

.ai-mobile-title h3{
    font-size:15px !important;
    font-weight:600 !important;
}

.ai-mobile-desc{
    font-size:13px !important;
}

.ai-timeline::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.18);
    pointer-events:none;
}

.ai-timeline-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    z-index:2;
}

.ai-icon .elementor-icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0664E8;
    border: 2px solid rgba(6, 100, 232, .2);
}

.ai-icon svg{
    transition:.4s;
}

.ai-step h3,
.ai-step .elementor-heading-title{
    margin:14px auto 10px;
}

.ai-step p{
    margin:auto;
}

.ai-cards{
    display:flex;
    gap:24px;
    margin-top:28px;
}

.ai-card{
    border-radius:15px;
}

.ai-card .elementor-icon-box-content p{
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
}

.ai-result .elementor-icon-box-content p{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.ai-result h3.elementor-icon-box-title {
    margin: 0 auto;
}

.ai-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50px;
    right:-28px;
    width:56px;
    height:6px;
    border-radius:999px;
    background: #0664E8;
    transform-origin:left center;
    transform:scaleX(var(--line-scale));
}

.ai-icon{
    filter:
        drop-shadow(0 0 10px rgba(6,100,232,.25)) !important;
    transition:.35s !important;
}

.ai-processing{
    border: 1px solid #0664E8;
    border-radius: 999px !important;
    padding: 5px 12px !important;
    width: fit-content !important;
    margin-bottom: -65px !important;
    z-index: 10 !important;
    box-shadow: 0 8px 24px rgba(6, 100, 232, .20);
    backdrop-filter: blur(10px);
}

#haas-case-study-title-link h2 a{
    text-decoration: none;

    background-image: linear-gradient(#0664E8, #0664E8);
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: 0% 2px;

    transition: background-size .45s ease;
}

#haas-case-study-title-link h2 a:hover{
    background-size: 100% 2px;
}

.team-member p.elementor-image-box-description {
    font-size: 18px !important;
    margin-top: 10px;
}

.ai-heading-title h1 {
    line-height: 0.8;
}

.ai-heading-title h1 span {
    display: block;
    font-size: 32px;
    line-height: 1.1;
    margin-top: 16px;
}

@media (max-width: 767px) {
    .ai-heading-title h1 {
        line-height: 1;
    }

    .ai-heading-title h1 span {
        font-size: 24px;
        line-height: 1.2;
        margin-top: 12px;
    }

    .job-header a.btn.btncandidate {
        margin-top: 10px;
    }

    .elementor-element.elementor-element-2b34acf.elementor-widget__width-initial.elementor-widget.elementor-widget-heading {
        width: 100% !important;
    }
}

.job-about-company p strong {
    color: #000000 !important;
}
.job-about-company p  {
    color: #000000 !important;
}

#hh-sales-chat-btn {
    cursor: pointer;
}

.hh-sales-form {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 56px;
    padding: 5px 6px 5px 16px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1.5px solid #2E7CF6;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(31, 67, 112, 0.08);
}

.hh-sales-icon {
    flex: 0 0 auto;
    margin-right: 10px;
    color: #0664E8;
    font-size: 30px;
    line-height: 1;
}

#hh-sales-input {
    flex: 1;
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    font-size: 14px;
    font-family: Outfit;
    line-height: 1.4;
    color: #19365C;
}

#hh-sales-input::placeholder {
    color: #A3AAB5;
    opacity: 1;
}

.hh-sales-submit {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 35px;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #0664E8 !important;
    color: #ffffff !important;
    font-size: 17px;
    line-height: 1;
    cursor: pointer !important;
    transition: transform 0.2s ease, background 0.2s ease;
}

.hh-sales-submit:hover {
    background: #0664E8;
    transform: translateY(-1px);
}

@media (max-width: 767px) {
    .hh-sales-submit {
        flex: 0 0 35px;
        height: 32px;
        font-size: 14px !important;
    }

    .hh-sales-icon {
        margin-right: 0px;
        font-size: 26px;
    }

    #hh-sales-input {
        font-size: 12px;
    }
}

.blog-posts a {
    text-decoration: none !important;
}