/*
|--------------------------------------------------------------------------
| Global CSS
|--------------------------------------------------------------------------
| Authors : Marielle Carnecer & Rubin Cabalida
| Company : Startechup
| Client  : HappyHR (HHR)
|--------------------------------------------------------------------------
*/

html,body{
    overflow-x:hidden;
}


img[src$=".svg"] { width: 100%; height: auto; }

.jet-mega-menu-item__dropdown {
    display: none !important;
}

.entry-title {
display: none !important;
}
.page-content a {
	text-decoration: none !important;
}
img.wp-image-3181 {
    height: auto;
    width: 300px;
    position: absolute;
    margin: -250px 0;
}
@media screen and (max-width: 781px) {
  img.wp-image-3181 {
    height: auto;
    width: 300px;
    margin: 0 0 0 230px;
		position: unset;
}
}
@media screen and (max-width: 567px) {
  img.wp-image-3181 {
    height: auto;
    width: 300px;
    margin: 0 0 0 100px;
		position: unset;
}
}
@media screen and (max-width: 500px) {
  img.wp-image-3181 {
    height: auto;
    width: 300px;
    margin: 0 0 0 50px;
		position: unset;
}
}
h2.elementor-tab-title {
	font-size: 20px;
	
}
#num-emp input#form-field-employees {
    color: #011E45;
}
#feat-enquiry a.elementor-button.elementor-button-link.elementor-size-sm {
    text-decoration: underline !important;
}
#pricing-link a.elementor-button.elementor-button-link.elementor-size-sm,  #pricing-link a.elementor-button.elementor-button-link.elementor-size-sm:hover{
    text-decoration: underline !important;
}
.elementor-767 .elementor-element.elementor-element-1381065 .jet-mega-menu-item__label:hover {
		border-style: none !important;
    border-color: none !important;
    border-width: 0px;
    color: none !important;
}
.steps:hover h3.elementor-image-box-title {
    color: #0664E8 !important;
}
.steps:hover p.elementor-image-box-description{
	color: #0664E8 !important;
}
.steps:hover .elementor-widget-container p {
    color: #fff;
}
.steps:hover .num-container.elementor-widget.elementor-widget-text-editor .elementor-widget-container {
    background-color: #0664E8;
}
.features-section:hover h3.elementor-image-box-title {
	color: #0664E8 !important;
	text-decoration: underline;
}
.features-section:hover p.elementor-image-box-description {
	color: #0664E8 !important;
}
.webinars:hover .web-name p {
    color: #0664E8;
    text-decoration: underline;
}
.webinars:hover .web-play .elementor-icon {
	color: #0664E8 !important;
}
section#my-cool-header {
    position: fixed;
    width: 100%;
/*     top: 81px !important; */
}
/* main#content {
    margin-top: 105px;
} */
/* 
@media (min-width: 768px) {
	.subheaders {
		padding: 0 145px 0 160px !important;
 		height: 75vh !important;
        0664E8
	}
}
*/
.res-subheader:hover p.elementor-image-box-description {
	color: #0664E8 !important; 
}
.res-subheader:hover .elementor-image-box-title a {
	color: #0664E8;
	text-decoration: underline;
}
.industries-link:hover h2.elementor-heading-title {
	color: #0664E8 !important;
	text-decoration: underline !important;
}
.industries-link:hover p{
	color: #0664E8 !important;
}
.icon-1 {
   width: 25px;
   margin-bottom: -6px;
   margin-right: 10px;
}
img.subheader-arrow {
    margin-left: 10px;
}
.tile-subheader:hover h3 {
	color: #0664E8 !important;
}
.tile-subheader:hover p {
	color: #0664E8 !important;
}
.tile-subheader:hover a {
	color: #0664E8 !important;
	text-decoration: underline !important;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-trial a {
    font-family: "Outfit", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1.25px;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 32px 32px 32px 32px;
    padding: 8px 20px 8px 20px;
    border-color: #0664E8;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-login a {
		font-family: "Outfit", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 1.25px;
    background-color: #0664E8 !important;
    border-radius: 32px 32px 32px 32px;
    border-color: #0664E8 !important;
	  padding: 8px 70px 8px 70px;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-login a span.jet-menu-label {
    color: #fff;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-trial a span.jet-menu-label {
    color: #0664E8;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-trial a span.jet-menu-label:hover {
     color: #ffff !important;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-trial a:hover {
    background-color: #0664E8;
}
.elementor-767 .elementor-element.elementor-element-6905b8e .nav-login a:hover {
    background-color: #011E45 !important;
}
.elementor-2789 .elementor-element.elementor-element-3c5cf22 .jet-timeline-item.is--active .timeline-item__point-content {
    background-color: #011E45 !important;
}
.elementor-5768 .elementor-element.elementor-element-b5a26f4 .jet-table__body-row .jet-table__cell.elementor-repeater-item-9d11ede {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-b5a26f4 .jet-table__body-row .jet-table__cell.elementor-repeater-item-eb56e3a {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-b5a26f4 .jet-table__body-row .jet-table__cell.elementor-repeater-item-58f7f34 {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-b5a26f4 .jet-table__body-row .jet-table__cell.elementor-repeater-item-fdb0f56 {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-660b9e2 .jet-table__body-row .jet-table__cell.elementor-repeater-item-9d11ede {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-660b9e2 .jet-table__body-row .jet-table__cell.elementor-repeater-item-eb56e3a {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-660b9e2 .jet-table__body-row .jet-table__cell.elementor-repeater-item-58f7f34 {
    color: #FFF;
    background-color: #0664E8 !important;
}
.elementor-5768 .elementor-element.elementor-element-660b9e2 .jet-table__body-row .jet-table__cell.elementor-repeater-item-fdb0f56 {
    color: #FFF;
    background-color: #0664E8 !important;
}
.jet-images-layout__content:before {
    background-color: transparent !important;
}
.minsFreeForm {
    display: flex;
    justify-content: center;
}
.jet-mega-menu-item__inner {
    padding: 10px 5px 10px 5px !important;
}
.elementor-18708 .elementor-element.elementor-element-2d0a80d3 .jet-mega-menu-item__label:hover{
	border-color: #fff0 !important;
}
.elementor-18708 .elementor-element.elementor-element-65ccc1ba {
    display: block;
}
#jet-mobile-menu-item-778 span.jet-menu-label {
    color: #fff;
	  text-transform: uppercase;
}
#jet-mobile-menu-item-780 span.jet-menu-label {
    color: #fff;
}
#jet-mobile-menu-item-778 a.mobile-link.mobile-top-level-link {
    background-color: var(--e-global-color-primary);
    text-decoration: none;
    letter-spacing: 1.25px;
    fill: #FFF !important;
    color: #FFF !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 32px 32px 32px 32px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / .5);
    padding: 8px 15px 8px 15px;
}
#jet-mobile-menu-item-780 a.mobile-link.mobile-top-level-link {
    background-color: #011E45;
    text-decoration: none;
    letter-spacing: 1.25px;
    fill: #FFF;
    color: #FFF;
    border-radius: 32px 32px 32px 32px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / .5);
    padding: 8px 15px 8px 15px;
}
#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;
}
.elementor-element.elementor-element-1048057.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    display: flex;
    justify-content: center;
}
.elementor-element.elementor-element-c7dfa2f.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list {
    display: flex;
    justify-content: center;
}
.savings-analysis-table {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Outfit';
}
.happyhr-costs-table {
    font-size: 18px;
    font-weight: 400;
    font-family: 'Outfit';
}

/*
==========================================================
Employee Experience Tabs Navigation
==========================================================
*/

.tabs-employee-experience .e-n-tabs{
    position:relative;
}

/* ==========================================
   Tabs Heading
========================================== */
.tabs-employee-experience .e-n-tabs-heading{
    position:relative;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scrollbar-width:none;

    /* Reserve space for arrows */
    padding:0 44px;

    gap:10px;

    /* Clip pills behind arrow gutters */
    clip-path:inset(0 44px 0 44px);
}

.tabs-employee-experience .e-n-tabs-heading::-webkit-scrollbar{
    display:none;
}

/* ==========================================
   Pills
========================================== */

.tabs-employee-experience .e-n-tab-title{
    flex:0 0 auto;
    white-space:nowrap;
    padding:10px 18px !important;
    margin:0;
}

/* ==========================================
   Arrows
========================================== */

.tabs-employee-experience .hh-tab-arrow{
    position:absolute;
    top:22px;
    transform:translateY(-50%);

    width:28px;
    height:28px;

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

    background:none;
    border:none;
    outline:none;
    box-shadow:none;

    padding:0;
    margin:0;

    cursor:pointer;

    color:#2E6BE6;

    z-index:100;

    transition:.25s ease;
}

.tabs-employee-experience .hh-tab-prev{
    left:8px;
}

.tabs-employee-experience .hh-tab-next{
    right:8px;
}

.tabs-employee-experience .hh-tab-arrow svg{
    width:20px;
    height:20px;
}

.tabs-employee-experience .hh-tab-arrow:hover{
    color:#1D4ED8;
    transform:translateY(-50%) scale(1.1);
}

.tabs-employee-experience .hh-tab-arrow.hidden{
    opacity:.25;
    pointer-events:none;
}


div#premium-support-form form input {
    border-radius: 8px !important;
}
div#premium-support-form form .elementor-field-type-recaptcha {
    margin-top: 10px;
    margin-bottom: 15px !important;
} 

div#haas-form form input {
    border-radius: 8px !important;
}
div#haas-form form .elementor-field-type-recaptcha {
    margin-top: 10px;
    margin-bottom: 15px !important;
}

#e-n-accordion-item-2211 .elementor-element.elementor-element-649e7ac.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
}
#e-n-accordion-item-2212 .elementor-element.elementor-element-53bd1fb.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
}
#e-n-accordion-item-9001 .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
}
#e-n-accordion-item-9002 .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
} 
#e-n-accordion-item-9003 .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
}
#e-n-accordion-item-9004 .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
} 
#e-n-accordion-item-9005 .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
} 
#e-n-accordion-item-9005 .elementor-element.e-flex.e-con-boxed.e-con.e-child {
    border:0; 
} 


#fixed-free-recruitment-form form label {
    font-weight: 500 !important;
    margin-bottom: 0 !important;
}

#fixed-free-recruitment-form form input {
    border-radius: 8px !important;
    margin-bottom: 0 !important;
}

#fixed-free-recruitment-form form button.elementor-button.elementor-size-sm {
    border-radius: 8px !important;
}
#fixed-free-recruitment-form form div.elementor-message {
    font-size: 14px !important;
}


div#contact-us-form form label {
    font-weight: 500 !important; 
}   
div#contact-us-form form input,
div#contact-us-form form select {
    border-radius: 8px !important;
} 

div#contact-us-form div#form-field-field_c7da0d3 {
    background: none !important;
}

div#contact-us-form .elementor-field-type-textarea.elementor-field-group.elementor-column.elementor-field-group-message.elementor-col-100.elementor-field-required.elementor-mark-required {
    margin-bottom: 10px;
    margin-top: 10px;
}

div#contact-us-form .elementor-field-type-recaptcha.elementor-field-group.elementor-column.elementor-field-group-field_c7da0d3.elementor-col-100 {
    margin-top: 5px;
    margin-bottom: 12px;
}

@media screen and (max-width: 781px) {
    div#contact-us-form form label {
        font-weight: 500 !important; 
    }   
    div#contact-us-form form input,
    div#contact-us-form form select {
        border-radius: 8px !important;
    } 

    div#contact-us-form div#form-field-field_c7da0d3 {
        background: none !important;
    }
}