border-color: #123456;
color: #123456;
background: #123456;



img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}



/*! This file is auto-generated */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}

.get-started-section-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100vh !important;
    margin: 0 !important;
    background-color: #f0f0f0 !important;
}

.get-started-section {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #fff !important;
    text-align: center !important;
    padding: 50px 20px !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3) !important;
    max-width: 600px !important;
    width: 90% !important;
    animation: fadeIn 1.5s ease-in-out !important;
}

.title {
    font-size: 2.5em !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
    animation: slideInFromTop 1s ease-in-out !important;
}

.description {
    font-size: 1.2em !important;
    margin-bottom: 30px !important;
    animation: fadeIn 1.5s ease-in-out !important;
}

.cta-button {
    display: inline-block !important;
    padding: 15px 30px !important;
    background-color: #283c5c !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    animation: bounceIn 2s infinite !important;
}

.cta-button:hover {
    background-color: #283c5c !important;
    transform: scale(1.05) !important;
}

.demo-text {
    font-size: 1em !important;
    margin-top: 10px !important;
    animation: fadeInUp 1.5s ease-in-out !important;
}

@media (max-width: 768px) {
    .get-started-section {
        padding: 30px 15px !important;
    }

    .title {
        font-size: 2em !important;
    }

    .description {
        font-size: 1em !important;
    }

    .cta-button {
        padding: 12px 25px !important;
        font-size: 1em !important;
    }

    .demo-text {
        font-size: 0.9em !important;
    }
}

/* Animation Keyframes */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideInFromTop {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes bounceIn {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-15px);
    }

    60% {
        transform: translateY(-10px);
    }
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #283c5c;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--amaranth: #E33054;
    --wp--preset--color--tuatara: #3B3A36;
    --wp--preset--color--sunshade: #ffa32b;
    --wp--preset--color--ruby: #9c2442;
    --wp--preset--color--brown: #f79768;
    --wp--preset--color--maroon-flush: #c61f43;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex> :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid> :is(*, div) {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

<style id="debloat-wpml-blocks-css">.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__track {
    background-color: #3858e9;
    border-color: #3858e9;
}

.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__thumb {
    background-color: #fff;
}

.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__track {
    background-color: #fff;
    border-color: #000;
}

.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__thumb {
    background-color: #000;
}

[data-wpml='language-item']:first-of-type {
    margin-top: 5px !important;
}

.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__track {
    background-color: #3858e9;
    border-color: #3858e9;
}

.wpml-ls-toggle-control .components-form-toggle.is-checked>.components-form-toggle__thumb {
    background-color: #fff;
}

.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__track {
    background-color: #fff;
    border-color: #000;
}

.wpml-ls-toggle-control .components-form-toggle>.components-form-toggle__thumb {
    background-color: #000;
}

[data-wpml='language-item']:first-of-type {
    margin-top: 5px !important;
}

<link rel="stylesheet" id="debloat-wpml-blocks-css" media="all" data-debloat-delay data-href="https://www.hibob.com/wp-content/cache/min/1/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=1731412196" /><style id="debloat-sage/css-bootstrap-css"> :root {
    --gotham: "Gotham SSm A", "Gotham SSm B";
    --sentinel: "Sentinel SSm A", "Sentinel SSm B";
    --dryblood: #283c5c;
    --red: #283c5c;
    --mastik: #283c5c;
}

.slick-arrow-large {
    position: absolute;
    top: calc(50% - 25px);
    height: 50px;
    width: 50px;
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    z-index: 10;
}

.slick-arrow-large:before {
    position: absolute;
    width: 32px;
    height: 32px;
    border: solid #979797;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg);
    content: "";
    display: block;
}

.slick-arrow-large:hover:before {
    border-color: #283c5c;
}

.slick-arrow-large.slick-next {
    left: calc(100% + 40px);
}

.slick-arrow-large.slick-next:before {
    border-width: 0 1px 1px 0;
}

.slick-arrow-large.slick-prev {
    right: calc(100% + 40px);
}

@media screen and (max-width:991px) {
    .slick-arrow-large:before {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
        top: calc(50% - 10px);
    }

    .slick-arrow-large.slick-prev {
        right: calc(100% - 60px);
    }

    .slick-arrow-large.slick-next {
        left: calc(100% - 60px);
    }
}

html {
    font-family: "Cairo", sans-serif !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {

    margin: 0;
    /* font-family: "Montserrat", sans-serif; */
    padding: 0;
    /* background-color: #F4F1E5; */
}

article,
aside,
details,
figcaption,
figure,
footer,

hgroup,
main,
menu,

section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 80%;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

textarea {
    overflow: auto;
}

@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@font-face {
    font-display: swap;
    font-family: "Cairo", sans-serif !important;
    src: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/fonts/bootstrap/glyphicons-halflings-regular.eot");
    src: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

*,
:after,
:before {
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Cairo", sans-serif !important;
    font-size: 16px;
    line-height: 1.7;
    color: #535353;
    background-color: #fffdfb;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #283c5c;
    text-decoration: none;
}

a:focus,
a:hover {
    color: #283c5c;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

[role=button] {
    cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #fff;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 22px;
    margin-bottom: 11px;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 11px;
    margin-bottom: 11px;
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    font-size: 75%;
}

.h2,
h2 {
    font-size: 27px;
}

.h3,
h3 {
    font-size: 23px;
}

.h5,
h5 {
    font-size: 13px;
}

p {
    margin: 0 0 11px;
}

.small,
small {
    font-size: 92%;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 11px;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}

blockquote {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 16.25px;

}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0;
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.7;
    color: #777;
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;

    border-left: 0;
    text-align: right;
}

body[lang="ar"] blockquote {
    padding-right: 15px;
    padding-left: 0;

    border-left: 0;
    text-align: right;
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: "";
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: " —";
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:after,
.container:before {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

@media (max-width: 480px) {
    .container {
        width: 100%;

        padding: 8px;

    }
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1090px;

    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:after,
.row:before {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }
}

fieldset {
    margin: 0;
    min-width: 0;
}

fieldset,
legend {
    padding: 0;
    border: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type=search] {
    box-sizing: border-box;
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type=file] {
    display: block;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

input[type=search] {
    -webkit-appearance: none;
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio-inline,
fieldset[disabled] .radio label,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.7;
    border-radius: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open>.btn-default.dropdown-toggle {
    color: #fff;
    background-color: #e6e5e5;
    border-color: #adadad;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #fff;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1e8449;
    border-color: #176739;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #176739;
    border-color: #0b311b;
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #27ae60;
    border-color: #295;
}

.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #283c5c;
    border-color: #283c5c;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #283c5c;
    border-color: #283c5c;
}

.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #283c5c;
    border-color: #283c5c;
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.dropdown-toggle:focus {
    outline: 0;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:after,
.nav:before {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav>li,
.nav>li>a {
    position: relative;
    display: block;
}

.nav>li>a {
    padding: 0 10px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav>li>a>img {
    max-width: none;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    border-radius: 0;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #27ae60;
}

.navbar-header:after,
.navbar-header:before {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width:769px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width:769px) {
    .navbar-collapse.in {
        overflow-y: visible;
    }
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -32px;
    margin-left: -32px;
}

@media (min-width:769px) {

    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 32px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width:769px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444;
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title {
    color: inherit;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal,
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out;
}

.modal.in .modal-dialog {
    transform: translate(0);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-body {
    position: relative;
    padding: 45px;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 450px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90);
}

.pull-right {
    float: right !important;
}

.hide {
    display: none !important;
}

@-ms-viewport {
    width: device-width;
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

<link rel="stylesheet" id="debloat-sage/css-bootstrap-css" media="all" data-debloat-delay data-href="https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/style-bootstrap-1533900f55.css?ver=1731412196" /><style id="debloat-sage/css-css">@keyframes shake-alert {
    2% {
        transform: translateY(-.5px) rotate(0);
    }

    4% {
        transform: translateY(-.5px) rotate(0);
    }

    6% {
        transform: translateY(.5px) rotate(0);
    }

    8% {
        transform: translateY(-.5px) rotate(0);
    }

    10% {
        transform: translateY(1.5px) rotate(0);
    }

    12% {
        transform: translateY(-.5px) rotate(0);
    }

    14% {
        transform: translateY(.5px) rotate(0);
    }

    16% {
        transform: translateY(.5px) rotate(0);
    }

    18% {
        transform: translateY(.5px) rotate(0);
    }

    20% {
        transform: translateY(-.5px) rotate(0);
    }

    22% {
        transform: translateY(-.5px) rotate(0);
    }

    24% {
        transform: translateY(1.5px) rotate(0);
    }

    26% {
        transform: translateY(1.5px) rotate(0);
    }

    28% {
        transform: translateY(.5px) rotate(0);
    }

    30% {
        transform: translateY(1.5px) rotate(0);
    }

    32% {
        transform: translateY(-.5px) rotate(0);
    }

    34% {
        transform: translateY(1.5px) rotate(0);
    }

    36% {
        transform: translateY(-.5px) rotate(0);
    }

    38% {
        transform: translateY(1.5px) rotate(0);
    }

    40% {
        transform: translateY(.5px) rotate(0);
    }

    42% {
        transform: translateY(-.5px) rotate(0);
    }

    44% {
        transform: translateY(1.5px) rotate(0);
    }

    46% {
        transform: translateY(.5px) rotate(0);
    }

    48% {
        transform: translateY(.5px) rotate(0);
    }

    50% {
        transform: translateY(-.5px) rotate(0);
    }

    52% {
        transform: translateY(.5px) rotate(0);
    }

    54% {
        transform: translateY(1.5px) rotate(0);
    }

    56% {
        transform: translateY(.5px) rotate(0);
    }

    58% {
        transform: translateY(1.5px) rotate(0);
    }

    60% {
        transform: translateY(-.5px) rotate(0);
    }

    62% {
        transform: translateY(-.5px) rotate(0);
    }

    64% {
        transform: translateY(.5px) rotate(0);
    }

    66% {
        transform: translateY(-.5px) rotate(0);
    }

    68% {
        transform: translateY(.5px) rotate(0);
    }

    70% {
        transform: translateY(1.5px) rotate(0);
    }

    72% {
        transform: translateY(-.5px) rotate(0);
    }

    74% {
        transform: translateY(.5px) rotate(0);
    }

    76% {
        transform: translateY(1.5px) rotate(0);
    }

    78% {
        transform: translateY(1.5px) rotate(0);
    }

    80% {
        transform: translateY(1.5px) rotate(0);
    }

    82% {
        transform: translateY(1.5px) rotate(0);
    }

    84% {
        transform: translateY(1.5px) rotate(0);
    }

    86% {
        transform: translateY(1.5px) rotate(0);
    }

    88% {
        transform: translateY(-.5px) rotate(0);
    }

    90% {
        transform: translateY(-.5px) rotate(0);
    }

    92% {
        transform: translateY(1.5px) rotate(0);
    }

    94% {
        transform: translateY(-.5px) rotate(0);
    }

    96% {
        transform: translateY(.5px) rotate(0);
    }

    98% {
        transform: translateY(1.5px) rotate(0);
    }

    0%,
    to {
        transform: translate(0) rotate(0);
    }
}

:root {
    --gotham: "Gotham SSm A", "Gotham SSm B";
    --sentinel: "Sentinel SSm A", "Sentinel SSm B";
    --dryblood: #8f233d;
    --red: #dc1240;
    --mastik: #ff4066;
}

#features-landing-page-wrapper #landingpage-features-wrapper .slick-arrow,
#features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow,
.slick-arrow-large,
body.page-template-template-free-mason section.more-features .morefeatures .slick-arrow,
body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    height: 50px;
    width: 50px;
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    z-index: 10;
}

#features-landing-page-wrapper #landingpage-features-wrapper .slick-arrow:before,
#features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow:before,
.slick-arrow-large:before,
body.page-template-template-free-mason section.more-features .morefeatures .slick-arrow:before,
body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-arrow:before {
    position: absolute;
    width: 32px;
    height: 32px;
    border: solid #979797;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg);
    content: "";
    display: block;
}

#features-landing-page-wrapper #landingpage-features-wrapper .slick-arrow:hover:before,
#features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow:hover:before,
.slick-arrow-large:hover:before,
body.page-template-template-free-mason section.more-features .morefeatures .slick-arrow:hover:before,
body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-arrow:hover:before {
    border-color: #283c5c;
}

#features-landing-page-wrapper #landingpage-features-wrapper .slick-next.slick-arrow,
#features-landing-page-wrapper .landing-testimonials-section .container .slick-next.slick-arrow,
.slick-arrow-large.slick-next,
body.page-template-template-free-mason section.more-features .morefeatures .slick-next.slick-arrow,
body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-next.slick-arrow {
    left: calc(100% + 40px);
}

#features-landing-page-wrapper #landingpage-features-wrapper .slick-next.slick-arrow:before,
#features-landing-page-wrapper .landing-testimonials-section .container .slick-next.slick-arrow:before,
.slick-arrow-large.slick-next:before,
body.page-template-template-free-mason section.more-features .morefeatures .slick-next.slick-arrow:before,
body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-next.slick-arrow:before {
    border-width: 0 1px 1px 0;
}

#features-landing-page-wrapper #landingpage-features-wrapper .slick-prev.slick-arrow,
#features-landing-page-wrapper .landing-testimonials-section .container .slick-prev.slick-arrow,
.slick-arrow-large.slick-prev,
body.page-template-template-free-mason section.more-features .morefeatures .slick-prev.slick-arrow,
body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-prev.slick-arrow {
    right: calc(100% + 40px);
}

@media screen and (max-width:991px) {

    #features-landing-page-wrapper #landingpage-features-wrapper .slick-arrow:before,
    #features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow:before,
    .slick-arrow-large:before,
    body.page-template-template-free-mason section.more-features .morefeatures .slick-arrow:before,
    body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-arrow:before {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
        top: calc(50% - 10px);
    }

    #features-landing-page-wrapper #landingpage-features-wrapper .slick-prev.slick-arrow,
    #features-landing-page-wrapper .landing-testimonials-section .container .slick-prev.slick-arrow,
    .slick-arrow-large.slick-prev,
    body.page-template-template-free-mason section.more-features .morefeatures .slick-prev.slick-arrow,
    body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-prev.slick-arrow {
        right: calc(100% - 60px);
    }

    #features-landing-page-wrapper #landingpage-features-wrapper .slick-next.slick-arrow,
    #features-landing-page-wrapper .landing-testimonials-section .container .slick-next.slick-arrow,
    .slick-arrow-large.slick-next,
    body.page-template-template-free-mason section.more-features .morefeatures .slick-next.slick-arrow,
    body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-next.slick-arrow {
        left: calc(100% - 60px);
    }
}

body {
    --animation-play-state: running;
}

body.a11y-stop-animations {
    --animation-play-state: paused;
}

[tabindex]:focus,
a:focus,
button:focus {
    outline: none;
}

[tabindex]:focus-visible,
a:focus-visible,
button:focus-visible {
    outline: 2px solid #e22248 !important;
    outline-offset: 1px !important;
}

input:not([type=checkbox]):not([type=radio]):focus,
select:focus,
textarea:focus {
    outline: none;
}

input:not([type=checkbox]):not([type=radio]):focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 1px solid gray !important;
    outline-offset: 0 !important;
}

input:not([type=checkbox]):not([type=radio]).cta-flow__input_invalid,
select.cta-flow__input_invalid,
textarea.cta-flow__input_invalid {
    outline-color: #e22248 !important;
}

input:is([type=checkbox], [type=radio]):focus {
    outline: none;
}

input:is([type=checkbox], [type=radio]):focus-visible {
    outline: 2px solid #e22248 !important;
    outline-offset: 1px !important;
}

.single #mega-container #content .main-content-wrap article h2 strong,
.single #mega-container #content .main-content-wrap article h3 strong,
.single #mega-container #content .main-content-wrap article h4 strong {
    font-weight: 600;
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}

.black.flat.button,
.blackbutton,
.flat.button,
.mktoForm .mktoButtonRow button,
.red.flat.button,
.red.rounded.button,
.white.flat.button,
.yellow-button,
body.page-template-template-free-mason div.testimonial .content a {
    font-family: "Cairo", sans-serif !important;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    display: inline-block;
    vertical-align: top;
    padding: 0 2em;
    width: auto;
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid;
    border-radius: 3px;
    overflow: hidden;
    white-space: nowrap;
}

.blackbutton:hover,
.flat.button:hover,
.mktoForm .mktoButtonRow button:hover,
.red.rounded.button:hover,
.yellow-button:hover,
body.page-template-template-free-mason div.testimonial .content a:hover {
    opacity: 1;
}

.black.flat.button:after,
.blackbutton:after,
.flat.button:after,
.mktoForm .mktoButtonRow button:after,
.red.flat.button:after,
.red.rounded.button:after,
.white.flat.button:after,
.yellow-button:after,
body.page-template-template-free-mason div.testimonial .content a:after {
    content: "";
    position: absolute;
    z-index: -1;
    transition: transform .3s, opacity .2s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scaleX(0);
    border-radius: 3px;
}

.blackbutton:hover:after,
.flat.button:hover:after,
.mktoForm .mktoButtonRow button:hover:after,
.red.rounded.button:hover:after,
.yellow-button:hover:after,
body.page-template-template-free-mason div.testimonial .content a:hover:after {
    opacity: 1;
    transform: scale(1);
}

.mktoForm .mktoButtonRow button,
.red.flat.button,
.red.rounded.button {
    color: #fff !important;
    text-decoration: none;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    background-color: #283c5c;
    border-color: transparent;
    text-transform: uppercase;
    font-weight: 500;
}

.mktoForm .mktoButtonRow button:after,
.red.flat.button:after,
.red.rounded.button:after {
    background: #283c5c;
}

.white.flat.button {
    color: #283c5c;
    border-color: #283c5c;
    background: #fff;
}

.white.flat.button:after {
    background: #eee;
    height: 100%;
}

.black.flat.button {
    background-color: #fff;
    color: #535353;
    border-color: #9d9d9d;
}

.black.flat.button:after {
    background-color: #f6f3e8;
}

.app-buttons strong {
    font-size: 12px;
    font-weight: 500;
    display: block;
    line-height: 1;
    margin: 2em 0 3em;
}

.app-buttons a img {
    height: 56px;
}

.app-buttons .google-play-badge {
    margin-right: 20px;
}

@media screen and (max-width:460px) {
    .app-buttons a img {
        height: 37px;
    }

    .app-buttons .google-play-badge {
        margin-right: 8px;
    }
}

a[href$="/mobile-app"] {
    display: none !important;
}

a.cta-button {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    border: .8px solid #fff;
    padding: 18.5px 0;
    border-radius: 3.1px;
    z-index: 1;
    text-transform: uppercase;
    position: relative;
    display: block;
    margin: 0 auto;
    background: #283c5c;
    width: 235px;
    text-align: center;
}

a.cta-button:before {
    background-color: #283c5c;
    content: "";
    z-index: -1;
    position: absolute;
    transition: transform .3s, opacity .2s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scaleX(0);
    border-radius: 3px;
}

a.cta-button:hover {
    color: #fff;
    text-decoration: none;
}

a.cta-button:hover:before {
    opacity: 1;
    transform: scale(1);
}

.Bob-slick-2 .slick-dots,
.bob-slick-2 .slick-dots,
.Bob-slick-3 .slick-dots,
.bob-slick-3 .slick-dots,
.Bob-slick .slick-dots,
.bob-slick .slick-dots,
.single-casestudy .cs-2021 .slick-dots,
.single-webinars .slick-dots {
    position: absolute;
    margin: 0;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.Bob-slick-2 .slick-dots li,
.bob-slick-2 .slick-dots li,
.Bob-slick-3 .slick-dots li,
.bob-slick-3 .slick-dots li,
.Bob-slick .slick-dots li,
.bob-slick .slick-dots li,
.single-casestudy .cs-2021 .slick-dots li,
.single-webinars .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.Bob-slick-2 .slick-dots li button,
.bob-slick-2 .slick-dots li button,
.Bob-slick-3 .slick-dots li button,
.bob-slick-3 .slick-dots li button,
.Bob-slick .slick-dots li button,
.bob-slick .slick-dots li button,
.single-casestudy .cs-2021 .slick-dots li button,
.single-webinars .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    background: transparent;
}

.Bob-slick-2 .slick-dots li button:before,
.bob-slick-2 .slick-dots li button:before,
.Bob-slick-3 .slick-dots li button:before,
.bob-slick-3 .slick-dots li button:before,
.Bob-slick .slick-dots li button:before,
.bob-slick .slick-dots li button:before,
.single-casestudy .cs-2021 .slick-dots li button:before,
.single-webinars .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    text-align: center;
    background-color: #c4c4c4;
    border-radius: 50%;
}

.Bob-slick-2 .slick-dots li.slick-active button:before,
.bob-slick-2 .slick-dots li.slick-active button:before,
.Bob-slick-3 .slick-dots li.slick-active button:before,
.bob-slick-3 .slick-dots li.slick-active button:before,
.Bob-slick .slick-dots li.slick-active button:before,
.bob-slick .slick-dots li.slick-active button:before,
.single-casestudy .cs-2021 .slick-dots li.slick-active button:before,
.single-webinars .slick-dots li.slick-active button:before {
    background-color: #283c5c;
}

.Bob-slick .slick-arrow,
.bob-slick .slick-arrow,
.single-casestudy .cs-2021 .slick-arrow,
.single-webinars .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    background: transparent;
    bottom: -45px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -2px);
}

.Bob-slick .slick-arrow:before,
.bob-slick .slick-arrow:before,
.single-casestudy .cs-2021 .slick-arrow:before,
.single-webinars .slick-arrow:before {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'14\' height=\'16\' viewBox=\'0 0 14 16\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M.9 6.903a1.267 1.267 0 0 0 0 2.194l11.2 6.466c.844.488 1.9-.122 1.9-1.097V1.534A1.267 1.267 0 0 0 12.1.437L.9 6.903z\' fill=\'%23C4C4C4\'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.Bob-slick .slick-prev.slick-arrow,
.bob-slick .slick-prev.slick-arrow,
.single-casestudy .cs-2021 .slick-prev.slick-arrow,
.single-webinars .slick-prev.slick-arrow {
    margin-left: -80px;
    z-index: 10;
}

.Bob-slick .slick-next.slick-arrow,
.bob-slick .slick-next.slick-arrow,
.single-casestudy .cs-2021 .slick-next.slick-arrow,
.single-webinars .slick-next.slick-arrow {
    margin-left: 80px;
}

.Bob-slick .slick-next.slick-arrow:before,
.bob-slick .slick-next.slick-arrow:before,
.single-casestudy .cs-2021 .slick-next.slick-arrow:before,
.single-webinars .slick-next.slick-arrow:before {
    transform: rotate(180deg) scale(1);
}

.Bob-slick-2 .slick-arrow,
.bob-slick-2 .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    background: transparent;
    z-index: 1;
    stroke: gray;
}

.Bob-slick-2 .slick-arrow.slick-prev,
.bob-slick-2 .slick-arrow.slick-prev {
    left: 10px;
}

.Bob-slick-2 .slick-arrow.slick-next,
.bob-slick-2 .slick-arrow.slick-next {
    right: 13px;
}

.Bob-slick-2 .slick-arrow:hover,
.bob-slick-2 .slick-arrow:hover {
    stroke: #283c5c;
}

.Bob-slick-2 .slick-arrow.slick-disabled,
.bob-slick-2 .slick-arrow.slick-disabled {
    stroke: #c4c4c3;
}

.Bob-slick-3 .slick-arrow,
.bob-slick-3 .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 78px;
    width: 70px;
    height: 70px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    background: transparent;
    z-index: 1;
}

.Bob-slick-3 .slick-arrow:before,
.bob-slick-3 .slick-arrow:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'74\' height=\'75\' viewBox=\'0 0 74 75\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Ccircle cx=\'37\' cy=\'37\' r=\'33.5\' transform=\'rotate(-180 37 37)\' fill=\'%23fff\' stroke=\'gray\' stroke-width=\'3\' filter=\'url(%23a)\'/%3E%3Cpath d=\'M41.668 23L25.556 36.81a.25.25 0 0 0 0 .38L41.668 51\' stroke=\'gray\' stroke-width=\'3\' stroke-linecap=\'round\'/%3E%3Cdefs%3E%3Cfilter id=\'a\' x=\'0\' y=\'.5\' width=\'74\' height=\'74\' filterUnits=\'userSpaceOnUse\' color-interpolation-filters=\'sRGB\'%3E%3CfeFlood flood-opacity=\'0\' result=\'BackgroundImageFix\'/%3E%3CfeColorMatrix in=\'SourceAlpha\' values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\' result=\'hardAlpha\'/%3E%3CfeOffset dy=\'.5\'/%3E%3CfeGaussianBlur stdDeviation=\'1\'/%3E%3CfeComposite in2=\'hardAlpha\' operator=\'out\'/%3E%3CfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\'/%3E%3CfeBlend in2=\'BackgroundImageFix\' result=\'effect1_dropShadow_770_2378\'/%3E%3CfeBlend in=\'SourceGraphic\' in2=\'effect1_dropShadow_770_2378\' result=\'shape\'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    display: block;
}

.Bob-slick-3 .slick-arrow:hover:before,
.bob-slick-3 .slick-arrow:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'74\' height=\'75\' viewBox=\'0 0 74 75\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Ccircle cx=\'37\' cy=\'37\' r=\'33.5\' transform=\'rotate(-180 37 37)\' fill=\'%23fff\' stroke=\'%23e52c51\' stroke-width=\'3\' filter=\'url(%23a)\'/%3E%3Cpath d=\'M41.668 23L25.556 36.81a.25.25 0 0 0 0 .38L41.668 51\' stroke=\'%23e52c51\' stroke-width=\'3\' stroke-linecap=\'round\'/%3E%3Cdefs%3E%3Cfilter id=\'a\' x=\'0\' y=\'.5\' width=\'74\' height=\'74\' filterUnits=\'userSpaceOnUse\' color-interpolation-filters=\'sRGB\'%3E%3CfeFlood flood-opacity=\'0\' result=\'BackgroundImageFix\'/%3E%3CfeColorMatrix in=\'SourceAlpha\' values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\' result=\'hardAlpha\'/%3E%3CfeOffset dy=\'.5\'/%3E%3CfeGaussianBlur stdDeviation=\'1\'/%3E%3CfeComposite in2=\'hardAlpha\' operator=\'out\'/%3E%3CfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\'/%3E%3CfeBlend in2=\'BackgroundImageFix\' result=\'effect1_dropShadow_770_2378\'/%3E%3CfeBlend in=\'SourceGraphic\' in2=\'effect1_dropShadow_770_2378\' result=\'shape\'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.Bob-slick-3 .slick-arrow.slick-prev,
.bob-slick-3 .slick-arrow.slick-prev {
    transform: translate(-22px);
    left: 0;
}

.Bob-slick-3 .slick-arrow.slick-next,
.bob-slick-3 .slick-arrow.slick-next {
    right: 0;
    transform: translate(20px) rotate(180deg);
}

.textimageslider .slick-slide {
    pointer-events: none;
}

.topbannerslider>figure+figure {
    display: none;
}

.topbannerslider figure {
    position: relative;
}

.topbannerslider figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}

@media screen and (max-width:991px) {
    .topbannerslider figure img {
        left: 0;
        height: 100%;
        width: auto;
        max-width: none;
        opacity: .5;
    }
}

.topbannerslider .slick-dots {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50%;
    z-index: 1;
    top: 100%;
    height: 4px;
    margin-top: -20px;
    transform: translatex(-50%);
}

.topbannerslider .slick-dots li {
    margin: 0 2px;
    line-height: 4px;
    height: 4px;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

.topbannerslider .slick-dots li button {
    border: none;
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
    outline: none;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}

.topbannerslider .slick-dots li.slick-active button {
    background-color: #ffa63e;
    box-shadow: 0 0 2px 0 hsla(0, 0%, 100%, .9);
}

.clientlogos figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.clientlogos figure .slick-slide.imgwrapper {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
}

.clientlogos figure img {
    width: auto;
    height: auto;
}

.clientlogos figure .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.clientlogos figure.slick-slider {
    margin-bottom: 30px;
}

@media screen and (max-width:991px) {
    .clientlogos figure {
        margin: 40px 0;
    }

    .clientlogos figure.slick-slider {
        padding: 0;
    }

    .clientlogos figure img {
        transform: scale(.7);
    }
}

@keyframes flashcheckbox {
    0% {
        transform: translatey(0);
    }

    to {
        transform: translatey(-4px);
    }
}

.mktoForm {
    padding: 43px 0 53px;
}

.mktoForm input,
.mktoForm select,
.mktoForm textarea {
    background-color: #fff;
    color: #8c8c8c;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
}

.mktoForm input::-webkit-input-placeholder,
.mktoForm select::-webkit-input-placeholder,
.mktoForm textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #9d9d9d;
}

.mktoForm input::-moz-placeholder,
.mktoForm select::-moz-placeholder,
.mktoForm textarea::-moz-placeholder {
    font-weight: 400;
    color: #9d9d9d;
}

.mktoForm input:-ms-input-placeholder,
.mktoForm select:-ms-input-placeholder,
.mktoForm textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #9d9d9d;
}

.mktoForm input,
.mktoForm textarea {
    padding-left: 16px;
    width: 100%;
}

@media screen and (min-width:992px) {
    .mktoForm textarea {
        height: 100%;
        resize: none;
        line-height: 2em;
        overflow: hidden;
        padding-top: 9px;
        min-height: 9em;
    }
}

@media screen and (max-width:991px) {
    .mktoForm textarea {
        height: 180px;
        padding-top: 10px;
    }
}

.mktoForm input,
.mktoForm select {
    width: 100%;
    height: 100%;
}

.mktoForm select {
    background: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/select-arrow-down.svg") right 22px center no-repeat #fff;
    padding-left: 16px;
    color: #9d9d9d;
}

.mktoForm select.something {
    color: #8c8c8c;
}

.mktoForm .mktoClear,
.mktoForm .mktoGutter,
.mktoForm label,
.mktoForm legend {
    display: none;
}

.mktoForm .mktoFieldWrap {
    width: 280px;
    width: 100%;
    height: 48px;
    height: auto;
    margin-bottom: 17px;
    position: relative;
    margin: 0;
    padding: 0;
}

@media screen and (max-width:991px) {
    .mktoForm .mktoFieldWrap {
        width: 100%;
    }
}

.mktoForm .mktoFieldWrap input,
.mktoForm .mktoFieldWrap select,
.mktoForm .mktoFieldWrap textarea {
    height: 48px;
    margin-bottom: 17px;
}

@media screen and (max-width:991px) {

    .mktoForm .mktoFieldWrap input,
    .mktoForm .mktoFieldWrap select,
    .mktoForm .mktoFieldWrap textarea {
        width: 100%;
    }
}

.mktoForm .mktoFieldWrap textarea {
    width: 100%;
}

@media screen and (max-width:991px) {
    .mktoForm .mktoFieldWrap textarea {
        min-height: 180px;
    }
}

.mktoForm .new_label,
.mktoForm input[name=GDPR_Opt_in__c] {
    display: none;
}

.mktoForm.show-gdpr .mktoFormRow.footer .mktoHtmlText,
.mktoForm.show-gdpr .mktoFormRow.footer .mktoHtmlText p {
    text-align: left;
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField {
    display: block;
    position: relative;
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
    margin-bottom: 17px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField input[name=GDPR_Opt_in__c] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: block;
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField input[name=GDPR_Opt_in__c]+.new_label {
    display: block;
    cursor: pointer;
    color: #3a3a37;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    padding-left: 26px;
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField input[name=GDPR_Opt_in__c]+.new_label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    color: #9d9d9d;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField input[name=GDPR_Opt_in__c]+.new_label:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField input[name=GDPR_Opt_in__c]:checked+.new_label:after {
    display: block;
}

.mktoForm fieldset.mktoFormCol legend {
    -ms-flex: 1 100%;
    flex: 1 100%;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 19px;
    text-align: center;
    padding: 0;
    border: none;
}

.mktoForm fieldset.mktoFormCol .mktoFormRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    margin-bottom: 0;
}

.mktoForm fieldset.mktoFormCol .mktoFormRow .mktoFieldDescriptor {
    width: 100%;
}

@media screen and (max-width:991px) {
    .mktoForm fieldset.mktoFormCol .mktoFormRow .mktoFormCol {
        width: 100%;
    }
}

.mktoForm .mktoButtonRow {
    margin: auto;
}

@media screen and (max-width:991px) {
    .mktoForm .mktoButtonRow {
        margin: 0;
    }
}

.mktoForm .mktoButtonRow button {
    min-width: 248px;
    height: 47px;
    margin: auto;
    display: block;
    font-size: 15px;
}

@media screen and (max-width:991px) {
    .mktoForm .mktoButtonRow button {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width:991px) {
    .mktoForm .mktoFormRow.header {
        padding: 0 20px;
    }
}

@media screen and (min-width:992px) {
    .mktoForm .mktoFormRow.header {
        padding: 0 100px;
    }
}

.mktoForm .mktoFormRow.fields h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 19px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.mktoForm .mktoFormRow.withhtml hr {
    background: none;
    border: none;
    height: 0;
    margin: 30px 0 0;
    visibility: hidden;
}

.mktoForm .mktoFormRow.onecol>.mktoFormCol {
    width: 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
}

.mktoForm .mktoFormRow.footer legend,
.mktoForm .mktoFormRow.header legend {
    display: none;
}

.mktoForm .mktoFormRow.footer fieldset,
.mktoForm .mktoFormRow.header fieldset {
    margin: 0;
}

.mktoForm .mktoFormRow.header .mktoHtmlText {
    text-align: center;
}

.mktoForm .mktoFormRow.header .frm_section_spacing,
.mktoForm .mktoFormRow.header div.h3,
.mktoForm .mktoFormRow.header h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    font-family: var(--gotham);
    text-transform: none;
    margin: 0;
    float: none;
}

.mktoForm .mktoFormRow.header .header-title {
    font-size: 34px;
    text-transform: lowercase;
    margin: 0;
}

.mktoForm .mktoFormRow.header .header-title:first-letter {
    text-transform: capitalize;
}

@media screen and (max-width:991px) {
    .mktoForm .mktoFormRow.header .header-title {
        text-align: center;
        font-size: 28px;
    }
}

.mktoForm .mktoFormRow.header .header-title+.h3,
.mktoForm .mktoFormRow.header .header-title+h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mktoForm .mktoFormRow.header .h3+.header-title,
.mktoForm .mktoFormRow.header h3+.header-title {
    margin-top: 30px;
    margin-bottom: 40px;
}

.mktoForm .mktoFormRow.footer .mktoHtmlText {
    font-weight: 400;
font-family: "Cairo", sans-serif !important;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
    color: #3a3a37;
    text-align: center;
    margin: 10px 0 20px;
}

.mktoForm .mktoFormRow.footer .mktoHtmlText a {
    color: #4a4a4a;
    font-weight: 500;
}

@media screen and (min-width:992px) {
    .mktoForm .mktoFormRow.footer .mktoHtmlText {
        margin-top: 30px;
    }
}

.mktoForm .mktoFormRow.footer .mktoHtmlText p {
    font-weight: 400;
    font-family: "Cairo", sans-serif !important;
    font-style: normal;
    font-size: 10px;
    font-size: 10px !important;
    line-height: 16px;
    line-height: 13px !important;
    color: #3a3a37;
    text-align: center;
}

.mktoForm .mktoFormRow.footer .mktoHtmlText p a {
    color: #4a4a4a;
    font-weight: 500;
}

@media screen and (min-width:992px) {
    .mktoForm .mktoFormRow.footer .mktoHtmlText p {
        margin-top: 30px;
    }
}

.mktoForm.submitted .fields,
.mktoForm.submitted .footer,
.mktoForm.submitted .header,
.mktoForm.submitted .mktoButtonRow {
    display: none;
}

.mktoForm.submitted .thankyou {
    display: block;
}

.mktoForm.loading {
    max-width: 100%;
}

.mktoForm.loading:before {
    display: block;
    width: 60px;
    height: 60px;
    border: 6px solid #283c5c;
    border-right-color: transparent;
    margin: 80px auto 20px;
    content: "";
    text-align: center;
    border-radius: 50%;
    animation: rotate 2s linear infinite, colorshift 4s linear infinite alternate-reverse;
}

.mktoForm.loading:after {
    content: "LOADING...";
    display: block;
    text-align: center;
    font-size: 16px;
    color: #3b3a36;
    margin-bottom: 30px;
}

.mktoForm.loading.marketobanned:before,
.mktoForm.loading div {
    display: none;
}

.mktoForm.loading.marketobanned:after {
    content: "The forms service are currently unavailable. We apologize for the inconvenience." !important;
    margin-top: 40px;
}

@keyframes colorshift {
    0% {
        border-color: #283c5c;
        border-right-color: transparent;
    }

    to {
        border-color: #f79768;
        border-right-color: transparent;
    }
}

@media screen and (max-width:991px) {

    body.page-template-template-single-form.thankyou .formonthebanner .thankyoutop.bobteam strong,
    body.page-template-template-single-form.thankyou .page-form-pricing .thankyoutop.bobteam strong {
        margin-top: 25px;
    }
}

@media screen and (min-width:992px) {

    body.page-template-template-single-form.thankyou .formonthebanner .thankyoutop.bobteam strong,
    body.page-template-template-single-form.thankyou .page-form-pricing .thankyoutop.bobteam strong {
        margin: 15px 0 0;
    }
}

body.page-template-template-single-form.thankyou .formonthebanner .thankyoutop strong,
body.page-template-template-single-form.thankyou .page-form-pricing .thankyoutop strong {
    font-size: 19px;
    font-family: "Cairo", sans-serif !important;
    margin: 20px 0 18px;
    line-height: 1;
    display: block;
    font-weight: 400;
}

@media screen and (max-width:991px) {
    body.frm-submitted .frm_forms .frm_message .thankyoutop.bobteam strong {
        margin-top: 25px;
    }
}

@media screen and (min-width:992px) {
    body.frm-submitted .frm_forms .frm_message .thankyoutop.bobteam strong {
        margin: 15px 0 0;
    }
}

body.frm-submitted .frm_forms .frm_message .thankyoutop strong {
    font-size: 19px;
    font-family: "Cairo", sans-serif !important;
    margin: 20px 0 18px;
    line-height: 1;
    display: block;
    font-weight: 400;
}

@media screen and (min-width:992px) {
    .modal:not(#video-modal):not(.lang-menu-modal) .modal-dialog {
        min-height: calc(100% - 60px);
        margin: 30px auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .modal:not(#video-modal):not(.lang-menu-modal) .modal-dialog .modal-content {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .modal-dialog {
        margin-left: 5vw;
        margin-top: 100px;
    }

    .modal-dialog .frm_forms,
    .modal-dialog .frm_forms .frm_message,
    .modal-dialog .frm_forms .material,
    .modal-dialog header {
        padding: 0;
    }
}

@media screen and (max-width:991px) {
    .modal-content .mkto-wrapper .mktoForm {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#book-demo-modal,
#integrationmodal,
#newsletter-modal,
#partner-modal,
#resource-center-modal,
#watch-modal {
    font-size: 16px;
}

#book-demo-modal .modal-dialog,
#integrationmodal .modal-dialog,
#newsletter-modal .modal-dialog,
#partner-modal .modal-dialog,
#resource-center-modal .modal-dialog,
#watch-modal .modal-dialog {
    width: 780px;
    max-width: 90vw;
}

#book-demo-modal .modal-content,
#integrationmodal .modal-content,
#newsletter-modal .modal-content,
#partner-modal .modal-content,
#resource-center-modal .modal-content,
#watch-modal .modal-content {
    height: auto;
    border-radius: 5px;
}

@media screen and (min-width:992px) {

    #book-demo-modal .modal-body,
    #integrationmodal .modal-body,
    #newsletter-modal .modal-body,
    #partner-modal .modal-body,
    #resource-center-modal .modal-body,
    #watch-modal .modal-body {
        padding: 45px 100px 0;
    }
}

@media screen and (max-width:991px) {

    #book-demo-modal .modal-body,
    #integrationmodal .modal-body,
    #newsletter-modal .modal-body,
    #partner-modal .modal-body,
    #resource-center-modal .modal-body,
    #watch-modal .modal-body {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width:991px) {
    #watch-modal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#watch-modal .modal-dialog {
    width: 620px;
}

body.frm-submitted-bookdemo #book-demo-modal .modal-dialog .thankyoutop strong {
    font-size: 18px;
    margin: 18px 0 21px;
}

@media screen and (max-width:991px) {
    .mkto-wrapper .thankyou .thankyoutop.bobteam strong {
        margin-top: 25px;
    }
}

@media screen and (min-width:992px) {
    .mkto-wrapper .thankyou .thankyoutop.bobteam strong {
        margin: 15px 0 0;
    }
}

.mkto-wrapper .thankyou .thankyoutop strong {
    font-size: 19px;
    font-family: "Cairo", sans-serif !important;
    margin: 20px 0 18px;
    line-height: 1;
    display: block;
    font-weight: 400;
}

.mkto-wrapper .mktoForm,
.mkto-wrapper .mktoForm .mktoFormRow.fields,
.mkto-wrapper .mktoForm .mktoFormRow.footer,
.mkto-wrapper .mktoForm .mktoFormRow.header {
    padding: 0;
}

@media screen and (max-width:991px) {

    .mkto-wrapper .mktoForm .mktoButtonRow,
    .mkto-wrapper .mktoForm .mktoFormRow.header {
        padding: 0 20px;
    }
}

.mkto-wrapper.submitted .mktoForm {
    display: none !important;
}

.mkto-wrapper#book-demo-modal.submitted .modal-dialog .thankyoutop strong {
    font-size: 18px;
    margin: 18px 0 21px;
}

.mkto-wrapper .partnerclient .mktoButtonRow .mktoButton {
    margin: 0;
}

.mkto-wrapper .partnerclient .mktoFormRow.fields h3,
.mkto-wrapper .partnerclient .mktoFormRow.footer .mktoHtmlText {
    text-align: left;
}

body>.mktoForm.loading {
    display: none;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

ul.addressbelowform li strong {
    display: block;
}

@media screen and (max-width:991px) {
    ul.addressbelowform strong {
        margin-bottom: .5em;
    }
}

.modal button[type=submit] {
    height: 47px;
    line-height: 47px;
    padding: 0;
}

.modal.identified .mktoTemplateBox .mktoButton {
    text-transform: uppercase;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    text-shadow: none;
    background-color: #283c5c;
    border-radius: 3.2px;
    border: none;
    font-family: var(--gotham);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    padding: 12px 17px;
    transition: all .3s;
    position: relative;
    z-index: 1;
    outline: none;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    width: 242px;
    max-width: 100%;
    display: block;
    margin: 0;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou {
    padding: 40px 50px;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou .header-title {
    margin-top: 0;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou p {
    font-size: 18px;
    line-height: 1.33;
    color: #4a4a4a;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou .bold {
    font-weight: 600;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou .thankyou-imgs {
    margin: 30px 0 15px;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou .thankyou-imgs p {
    padding-bottom: 15px;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou .visit-blog p {
    font-size: 16px;
    font-family: "Cairo", sans-serif !important;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou .visit-blog a {
    font-size: 38px;
    font-weight: 600;
    font-family: "Cairo", sans-serif !important;
}

@media only screen and (max-width:350px) {
    body.no-header-menu.no-footer-menu main section.hero .hero-wrap .mkto-wrapper.submitted .thankyou {
        padding: 40px 20px;
    }
}

#book-demo-modal .modal-body,
#newsletter-modal .modal-body,
#partner-modal .modal-body,
#watch-modal .modal-body {
    padding-bottom: 60px;
}

@media screen and (max-width:767px) {

    #book-demo-modal .modal-body,
    #newsletter-modal .modal-body,
    #partner-modal .modal-body,
    #watch-modal .modal-body {
        padding-bottom: 20px;
    }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0) {

    .mktoForm input:focus,
    .mktoForm select:focus,
    .mktoForm textarea:focus {
        font-size: 16px;
    }
}

.skin-red-form.mkto-wrapper .mktoForm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 0;
}

.skin-red-form.mkto-wrapper .mktoForm.loading {
    display: block;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow {
    width: 48%;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.onecol {
    width: 100%;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.fields {
    padding: 0;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.footer {
    padding: 0;
    -ms-flex-order: 10;
    order: 10;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.footer .mktoHtmlText {
    margin: 20px auto 0;
    color: #f7f2ec;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.footer .mktoHtmlText a,
.skin-red-form.mkto-wrapper .mktoForm .mktoFormRow .mktoLogicalField input[name=GDPR_Opt_in__c]+.new_label {
    color: #f7f2ec;
}

@media screen and (max-width:991px) {
    .skin-red-form.mkto-wrapper .mktoForm .mktoFormRow {
        width: 100%;
    }

    .skin-red-form.mkto-wrapper .mktoForm .mktoError {
        color: #f6f3e8;
    }
}

.skin-red-form.mkto-wrapper .mktoForm fieldset.mktoFormCol .mktoFormRow .mktoFormCol {
    width: 48%;
}

.skin-red-form.mkto-wrapper .mktoForm .mktoButtonRow,
.skin-red-form.mkto-wrapper .mktoForm .mktoFieldWrap input,
.skin-red-form.mkto-wrapper .mktoForm .mktoFieldWrap select,
.skin-red-form.mkto-wrapper .mktoForm .mktoFieldWrap textarea {
    width: 100%;
}

@media screen and (max-width:991px) {

    .skin-red-form.mkto-wrapper .mktoForm .mktoButtonRow,
    .skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.fields,
    .skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.footer,
    .skin-red-form.mkto-wrapper .mktoForm .mktoFormRow.header {
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    .skin-red-form.mkto-wrapper .mktoForm {
        padding: 15px 0 0;
    }

    .skin-red-form.mkto-wrapper .mktoForm .mktoFieldWrap input,
    .skin-red-form.mkto-wrapper .mktoForm .mktoFieldWrap select,
    .skin-red-form.mkto-wrapper .mktoForm .mktoFieldWrap textarea {
        height: 38px;
        font-size: 14px;
    }
}

@media screen and (max-width:500px) {
    .skin-red-form.mkto-wrapper .mktoForm fieldset.mktoFormCol .mktoFormRow .mktoFormCol {
        width: 100%;
    }
}

.ot-populated {
    display: none !important;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true].textareaShow #MktoPersonNotes {
    display: block;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select {
    visibility: visible;
    position: static;
    display: none;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input.force-show-field,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input.force-show-field input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input.force-show-field label,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select.force-show-field,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select.force-show-field input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select.force-show-field label {
    display: block !important;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input.zoominfoShow,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input[data-zi-input-enriched=false],
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select.zoominfoShow,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select[data-zi-input-enriched=false] {
    display: block;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input.zi-hide,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow select.zi-hide {
    display: none;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow[data-wrapper-for^=zoominfo] input {
    display: none !important;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow .mktoInstruction {
    display: none;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow[data-wrapper-for=Email] input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow[data-wrapper-for=MktoPersonNotes] input {
    display: block;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input[type=checkbox]:not(#GDPR_Opt_in__c) {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input[type=checkbox]:not(#GDPR_Opt_in__c)+label {
    display: block;
    cursor: pointer;
    padding-left: 26px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #969696;
    position: relative;
    margin-bottom: 10px;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input[type=checkbox]:not(#GDPR_Opt_in__c)+label:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    color: #9d9d9d;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input[type=checkbox]:not(#GDPR_Opt_in__c)+label:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: calc(50% - 6px);
    width: 5px;
    height: 10px;
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete=true] .mktoFormRow input[type=checkbox]:not(#GDPR_Opt_in__c):checked+label:after {
    display: block;
}

@media screen and (min-width:992px) {
    .mktoForm .mktoInvalid:first-of-type {
        border: 1px solid #283c5c;
        outline: none;
    }
}

.mktoForm .mktoError {
    position: relative;
    color: #283c5c;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 25px;
    margin-top: -5px;
    width: 100%;
    text-align: left;
    left: 0 !important;
    top: 0 !important;
}

.mktoForm .mktoError .mktoErrorMsg:before {
    content: "*";
}

.modal.flow-popup__style {
    --border-radius: 10px;
    --form-width: 470px;
    --background-width: 0px;
    --tab-padding: 30px;
    --text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width:992px) {
    .modal.flow-popup__style {
        --text-align: start;
        --tab-padding: 70px;
        --background-width: 220px;
    }
}

.modal.flow-popup__style.fade.in {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
}

.modal.flow-popup__style .modal-dialog {
    min-width: 300px;
    margin: auto !important;
    padding: 30px 0;
    max-width: 90vw;
}

@media screen and (max-width:767px) {
    .modal.flow-popup__style .modal-dialog {
        width: 100% !important;
    }
}

@media screen and (min-width:992px) {
    .modal.flow-popup__style .modal-dialog {
        width: auto !important;
    }
}

.modal.flow-popup__style .modal-content {
    margin: 0 auto;
    border-radius: var(--border-radius) !important;
}

.modal.flow-popup__style .modal-body {
    padding: 0 !important;
}

.modal.flow-popup__style .modal-body button.close {
    --offset: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    right: calc(var(--background-width) + var(--offset));
    top: var(--offset);
}

.modal.flow-popup__style .modal-body button.close svg {
    stroke: #767676;
}

.modal.flow-popup__style .flow-popup__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: var(--border-radius);
    padding: 50px var(--background-width) 50px 0;
}

@media screen and (min-width:992px) {
    .modal.flow-popup__style .flow-popup__wrap {
        background-image: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/flow-back.png");
        background-repeat: repeat-y;
        background-position: 100% 0;
    }
}

.modal.flow-popup__style .cta-flow-container {
    width: 100%;
}

.modal.flow-popup__style .cta-flow {
    margin: auto;
    padding: 0;
    text-align: var(--text-align);
}

@media screen and (min-width:992px) {
    .modal.flow-popup__style .cta-flow {
        min-width: var(--form-width);
    }
}

.modal.flow-popup__style .cta-flow__warnings {
    padding: 0 var(--tab-padding);
}

.modal.flow-popup__style .cta-flow.tabs-transition .tab {
    padding: 0 var(--tab-padding);
    width: 100%;
}

@media screen and (min-width:992px) {
    .modal.flow-popup__style .cta-flow.tabs-transition .tab {
        width: var(--form-width);
        min-width: -webkit-fit-content;
        min-width: fit-content;
    }

    .modal.flow-popup__style .cta-flow.tabs-transition .tab .cta-flow__subtitle,
    .modal.flow-popup__style .cta-flow.tabs-transition .tab .cta-flow__title {
        max-width: var(--form-width);
    }

    .modal.flow-popup__style .cta-flow.tabs-transition .tab .message-butt-wrap {
        -ms-flex-pack: start;
        justify-content: flex-start;
        column-gap: 20px;
    }

    .modal.flow-popup__style .cta-flow.tabs-transition .tab .message-butt-wrap button.cta-flow__btn.button.flat {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .modal.flow-popup__style .cta-flow.tabs-transition .tab[data-step-type=cp] {
        width: 640px;
    }
}

.modal.flow-popup__style .cta-flow p.cta-flow__terms_text {
    padding: 0 !important;
}

.modal.flow-popup__style .cta-flow button.button.flat.cta-flow__btn-video {
    margin: 30px 0 0 !important;
}

@media screen and (max-width:767px) {
    .modal.flow-popup__style .cta-flow button.button.flat.cta-flow__btn-video {
        margin: 30px auto 0 !important;
    }
}

.modal.flow-popup__style .cta-flow [data-element-id=cp-goes-here]:after {
    width: 33px;
    height: 33px;
    right: 15px;
    top: 15px;
}

#form-lp .cta-flow-container {
    padding: 75px 20px;
}

[data-icon]:before {
    content: attr(data-icon);
}

.icon-sst-buffer:before,
.icon-sst-digg:before,
.icon-sst-facebook:before,
.icon-sst-linkedin:before,
.icon-sst-reddit:before,
.icon-sst-stumbleupon:before,
.icon-sst-tumblr:before,
.icon-sst-twitter:before,
[data-icon]:before {
    display: inline-block;
    font-family: "Cairo", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

@font-face {
    font-family: "Cairo", sans-serif !important;
    src: url("data:application/font-woff;base64,d09GRgABAAAAABZYAAoAAAAAIPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAEEAAABWVr1jZ2NtYXAAAAE4AAAAewAAAXJ4kmnCZ2x5ZgAAAbQAABJOAAAaNAm0aUJoZWFkAAAUBAAAADEAAAA2Fp1nkWhoZWEAABQ4AAAAHAAAACQIYQQcaG10eAAAFFQAAAAPAAAAeHgAAABsb2NhAAAUZAAAAD4AAAA+anpkdm1heHAAABSkAAAAHQAAACABMgD7bmFtZQAAFMQAAAFJAAACkZsJjJRwb3N0AAAWEAAAAEUAAAB9EBoO4HicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYnBjyWEDcGBZ2BnYgzQjiAACbtwfYAAAAeJxjYGBgZoBgGQZGBhDIAfIYwXwWhgAgLQCEzGAZLwY/hhCGcIZIhrz//8EiTgw+UJFEkMj//f/3/d/5f/v/bf/XQ01DAYxsmGKkA0YmZhZWNnYOTgYubh6wCC8DAx8DP1RaQFBIWERUTFxCUkpaRpYaFlIVAADCQRUnAHichVgLcBxnfd//9+3j9nb39nG3u3cn3en2Tncn6yxppdM9ZFkvO5IfsSX5IbtOhOPEAULi2I4Tp8UEkhQMNiGEPKAOnpRQIG0TCDMpEKeZgmfAoQEKKS2eSWgbBgjTJmkL00Cg+Nb9f3uysJ3M9B7//V77Pf7P3//jKMedb9GDPHB93Bz3bo6LD41Cbbg+AfWhLmgw4iR0aJgJKQbl0gBIoiSWyqWayYY03HwF8jqItim6WRw+AePgOviO69Qb9ZpZLjVYd4JNNTwAJVbJs6f0c2XjgmVFSntLjo1E7u7+umSqRStnvv8DZs7q1gxIQir3lDK7S1dBAYlGRUu+TzAjPP2EbIlRKp2yRoAKrvvlJ5PJSGoyVRRNqYhPeoQm+6xIsWjbxSJb4e/E1o87HUOWYtnnn8/GJNlwOsnL+SRxYGUUVKPlaVGekqj5SoTnqfCKJVPKKyopnbI+TAWc8cknkUSSyaIoFpNJDj/k/HmO44Ge4BJck+MgkYGEWIFawS7kkTkNGRy7IeJppUK+LIOInCvVGyFTkbujMOTYJnJMovuT5ht/8YaZBLgZv/cSMyFESEQI1gfrJUMoi0SE5xPNxElVPhJR72HVbyaOnjCTb7yRNGGQQl/wT0AqNJEUiAD7gwfwMSCZAtxhmnffISuKHJy7VTAltmdghAee40ocVxTbopBCeQxPoHCHLxO667g+D5A8nJxOtgIkh5PJVisZ1oPWch3+Pp/CUhBgT+qKVKuF5NJ6nuPoEr+e4OJcmRvF9UOOlb18aQyG61UPGeKbYVvh/23juZR1boeVSln0cUbfvnxWLFbMNKTMHWYqZcKCUOplXQtmOs1qrDOspSwmz5A3+OU0roCsEjnJ4dw61yhxZT/OtFx07aqN4q0VatXaOIwC4V4KXhYE8F56CTxBCF5+6V7eSWXjcM0112/bBmubV/Ica714VPDVtD127ZtvXrtufIoTlteMcyu4BncT9xFcGY2rAjGQslAdqg2X+6Hsl/3BocY4sHIhLzFLc6tNiF+yRyoW8v1MiA22t1JtuIG1cRTmKGQBRV1BhUyIaMTsbVQ8LPtMO238l8o19q83quzv4EEdF54VBMOEnibAYGkv8K7VbWlyhIg9aYircV5ckYL3vBi8LIrgvfgieKIYvPziaMYrTvWpsmxtq5IIqU8DVHtTqYcjgpjneTWVdE0ZIBHLdUCtH/4IlJ2gJBXYqcDFxSfQBqHUmS2vFSU1oR6LKV4i70PMLRd8Av/AFrp44ZYkm5mEWYqX+nRDkskVw8UJXQZDSJHMQKovrmkRwYk61e7ymAbCW1ZjRY6LMFnQ3SiLGJfhVnLv4m7jjnIPc/+OEsmLtpRwhuqogKWCL8UImsc4Qasp+G4JWZslaDhMTsw3SiUUEXKZjYqB00UYz0OHiKQ6xBxkGUU0QPpxXh0FVvBttDdW7EdpVX2J1dg8A9BuELJgx11mkKyFvdzwBWai48BmQ4No94aGjJOEnqZeZSOGGoPM7fYv2fTQhUr10poPj0cUUAwlGrlJ0ojQLepIi0LkhYhQ5kHTxaIAamQ2Z0dpPOUlNBpNZkCjyS4aF4mhury9ODWyplFWjXjslErlsgZqOkeKzSLAZ+OdMeVzLsCzURJRjf0xJZHQopSnpkxlxYS79UQ+x/MlOQe5FFOO4HRM+VtBQ0VBrxr2nRIUfgWljdtHr1ZAk1VdmRc0QRDuYjNmlbtFLSp8Ppwtpnxe1JSwQzF5LirVpKgcQTLDTlESiKYLSIEvCkZ4RF2DOyCtG2aH2RsXevoTolCpJSSeKokJ99rpih/LRWPf0vJ6b6yk536bKfdk3SfsvPIlO++eUTrVWI/iSGbMpMSKZhR9Fdh6cK5HUIWy8tuOIp/XbRCVMyLI0rhuL/Xx3+JpnoB21cS1qqdE1O2CIOriMfa+clxUdPHJsPhlLArH2BqomuJF/imJ/nuQm+YW2n4KrR99AHoCvxgDpqfDJVTF0IO4qCtMMe1+9J1DDrN55suwz8ROD3tN1h3HBg8LJjZ42PE2fuszuut2ua7xmakdhOyYatNKs7mj2awcNW87OrNIyOIMRNvPAzAxEPxmYALwCVF8vtVXPgdOzsEf9C1Ph7QFbMYd6HTuxWmC31w0bbD1ovnwiea6zBMXOVL7QxRux4rR5UgrDKOxIW+yMDQONb+aiEGuH4xxyKFp+WRBlX8UVdXoJ1W5IqvgXPfYc49dF5JPHn89ePX148dfB+f14+S1+Ac/KavhoNfY87W9S8Oue2zvPRdGHX/9nva2LsRah/Mw4uHuisj5Wr1URudgF8yqXUVuoyMuXiobs3qZX3ekoVUkXql0wK0HQG30LjRp4HaWSiPFYmaVVB259dMXWHvBC7/2lfw4gWbpaTg05HQD7N30EhRH2BsQXA2H4HOXS5dhg6X4vBZ5iXyU0JuUoY0IXDmEBWHcTQbbUzOMpAZT0yn0PxP4GEqSrxdSrBG+mJzBajI4DZPJ5BAG/iXMQT/H5o0z/XQ9SUQtRSw0jCvkGTZcl+3pyZLnXrUrIw7ste3gEWekYr9KZqA82gOvOM1eG95hNx1YtHub9i+4y+L1/FvitWOjRrNoWK+iz20sldgTVQJhTT+qRmN4iIXCEsbyxpDj1pFgLGQPdL7+WxX2J0D+8kT/zjIBEtPWjxZqChASj3evBApxO+EaFHoPryEwOehWjGIOqJJJpwhFM3sbc9otiXd8QwTkGA+9fK9HCE/V0RLODVFq9nd0pQkMjwqK6k+BZUbihOQdQaGQT4bYMwjPDsjTDe2zI1sRFzijUETYsMQFFlPEgj/IoGe5FCJzPC+ejqFSEcNRG7BjMAjb2aHls8HPxby3jUqCxINeu231jyCDp//Zj2AVus6R6cUbntxqJTZk9RXxwoigi4KRiJIYb37EzMWpbGlpy1TmnKioszP//OyaO0d+G5WEdR0dAnSePQudQqsbYvoIvPvJrVcu4jRi1J6Pph0zakV4yzOOmVSjsu1EhZHueI/BXWzjHjcQ2jhKNoYWzsBQP56pEf5QgCGsaaOaS+yn3ijbPnVFz63fvO/muuuJeDQqXVLnpeA/Lpf3zOLiKfhjt4sKFH9drjdzxYx3WZUcv1yyrb8a8Pd8g+Oi5/GD9g9clOtCb72Km+L+hPsg9wnuJPcF9AX1hiihztUbPqocg2mNMgMKIYLAdhb9WV0H1ouozC+zN9gXwgE+4wOTZKkcDhXb46X2VKWQIH8moD17d6jdREKY2I4Qecl38wgW/cHQ9xRqzDTHgYWO5WBRIO/viB46Uih7q/Jvzm2avadRKz49t3H2Y416UVce6Or6Uz7juRbtyim6Ptuw6KaJd9aGZ0byafrIDfsf7ZPPc+LGKwYbIGkiJb35ghrVZKP/+yrdXDQTlsyr5qcEKqCNeP70o/P3wdiDUU18+N4DspWyrJTsuDnDXJnLOV29ldWVSrZnpLllZKTnV7Xau8bvSudHpvPIxnvmNs49Xaw17pndNJ/telDR43zW401ozGYEMddF4s7v3nco2pFf5ZXh93LfZw/c0Pra/KPTvodmK1L+U7rGy1rC7J6l6vf7zYgVVQv5XkKFmEgag1dsFD7+sBiTHwy+eR+IMtuVJW/K9RmGtzJ3F/SOVaAyWoEnoDk/MjK7ClU1xPT0pyGO7OQqKPf1bQRpMr7XTIYghbzI4u9SFaXW7mzH4ks7/UtfpWdUw0gahhqsVg2AsPizsAkrKpxZbmztWhrIc+n4uavi6XScPhZPP2Ub584Ztm1Q3rD/DEyt9RHNsjTyXs2E22JK67+juh4lphILzkpCcF6QJAFAYMljGx//J56rm/O57dwe7uPcV7nvcv+Fp0NtEiXbWQKhYdAYRu3zBwuY7tvVGtZrEoY2W3RcDHrlOIZpVN0sZAC9TgEhKHplzD3Yi41aGBVtYOMT4fgGQ9GOjVlJDTWaubku9h5LqfsJdmMmgV6O5UVmwhVCCMAmLbOZ2EXFMDOBKroHm72YYUU7zi4jJpYuNFimq6ORdEFYxYQ97KpPEIx7hGVPbixcoky/nKngpo1cbj6atOR5XVeNiK0ffoB+SL9dW7wR+MQXEjz8DeT2RTVirfzuyg5kMpU/kCrAhN8/1XpK232jFv0o7iL4ZqQ5IQE8dFjvNSxCYvNRqsqOvNmwqJl3IOOkDAWXPrIie8KfIKAq+3OWZa5wBsYgn75LJpr1IVEk0eF1MakrJ8XWDUeJOqFpC2JlaK8oRSIajW9RouaBwYgXGTxgRpUtCdAVSSQ/sDOdzi2y4S1682hpeIpeXaX64TOiclS336zaGYCMTa6JH/t0v7ePGsoWnwEufwsqyT+q8p0p8SbWMNXX+ue5qIZjHZDwLFEASThzOEZiZtqKzSkdskgjm41yfyUfOeRkEroVfM82vhqpj2V7gOB0ikH3eQNQT/aaMR3G+g8K6Ttl9YfIMKIIGS8m+zJVxsYUioXY2pwovpPaqUEqyMZ7rlSyVN+jaXt0mlWu3B/VwzCxlE/TTtTQJjfDXcXtDuMFhkW3gMArRL6Oi861sIyO3QbK1l5GynmpLA2NgsQUY8iV3BBGNJZgcbtSb7hojrjvquC4ZfiJoRv6DcXTWszm6X1Owravbww0Fm4h5JaFK2/W3nmylCtgsd3g9xx5Ud153Qdm5BUPFbve95w6W9uxeUViskQOjm8D2Da+c64s65vkrCFv7swGxJE20Q5IdTYtTFoKmEyt7yS3bF84SGBxI/xytHNzBcvk4ML2W0ji2cf/Glb3K8YjtDoB4kc353D41nGclj82a8Zu1zKx29V6RwGWcgl6kmdWbXFpLs/1YoTi4okUeHHT892hFWAWTM/0XbQmr+b59mVPgfGo5r+LrH/93PdK/TADt70W0INEbr154Q9PqVvf8SzPTQaTAQc6+VWptRj8kn7lBDHjpcepES89wUr/evbsRTFe4zreevtiX2A9u87wpXALhRrhLr98OPVrnv/1qTbdCRt/z3OX3xTMLfcjPZO4/wtzv//DvRhHH8W8nwMWZxlIR0jXXRaRlsroh5hXwH2IBbGMiLLbGgvH0WPTzto1qxd3HRGD//1iZndtxe4N6UyHkrhp+tCD3fr9T30NUkenelaN087ejd3aJMCRnWlb/mG1fmBKcOZu1SVhagvsArr7GVDu7/DHUvKF/VAvxHccIKsxXcBvrcrcZJ1VkR1kj7p9z2n8dHevu+nDH07lgNx1OpiE06fnR9+/Yu40JtPcMn4Cep6TUM4+xzXCHMP0PfYcLuQlsxC3ylXmaKv1LLHNEFm0mY0H9v9N23PzSzQfu2b/TQvpHwOQL2mCt29D8+rpwrmfwqTv46FCSsiLrTIcPbEQNGEL9O5+oLkGCrP7NgTX0/vQZ8HYQP84wHj/H+5O9yPTG3hCdMsCxRCSZwgmw1KEbOivMVwMhfAlpOz2Bf1/IfzlGM77lPXejwavnTNGsiQrS5RKMhamLHryW58/TcLWSITSSAQLIwY5HZw6Tcgj8uTG++HVWHaotuZ6OkuvX1MbyqITi4AMoF3SGgNZDkUhhFiO8CTUzxJGvyO462UWIbt885J0+6I8vJGl7LYN41WMsht0xGv9lN30lPBMFI/l1h3Xd7GtJJXYGNEVXXzHaTisv16ul30CG/YQsmfDekbXH3yI0ocOHmD0AJjpQmE4n093Wp3puBSnADQuWR2dVuOZsfFnGhe3xtOsdXzsmcYPSHHXvrEb33PjjWP7dhWJQPAXtmDTcgsskGvXr7+WtCk8hWu2V0a6HvLDbF2YZGuZzVPj46eaZmeHddEO3tr67GWrve36F9vjx7gieiV0tTWvAzybBXixC2yvxiCxSQtwoVovv5fo18CKV74DHVsVQpT5YP82kfwiG/wPMfcFP9hn8uTVhHbQDBx41dwkx1ovxDA0GbNiRIYzrW+TkeCDqfidpnlnPNXO3c//jv6Ql9A/6ugfPeaRdCg1zBLDIgBiObyvazDJIqLWAeou4Tq//TOGlogQGV/X+pd8hlblqSs/++cnC3rtBXn1TNCT8QiXef4Xqk6vQwTHRcamMSJG4WtCd+/JEzvtrXngIqNr4TsReym/pafQB+RCrxRmPcwslxJb0mgrX5uKFh0Pu2IIZer0abPDyV3dHJicnFwz0Nzp7UqP9Bxaveoqv2/b2tq7e+5MvZDsFMuzHamM1LsZjNJwfniRkhKhRUJ2VD8OyavG1gItUfxBbWhL8CYxvYUBvq/Qtb0P+v4PcquGNgAAeJxjYGRgYADi6Z+KFsfz23xl4GZhAIGb+wW9YPT/f/9/sjCxsAO5HAxMIFEAXGkMRQAAAHicY2BkYGBhAIIYEPn/LwszAyMDKpADADZGAoh4nGNhYGBgGQAMAB2IAHkAAAAAAACcAPYBNAGEAb4ChAPUBF4ErAUEBTAFXAXaBlAGrAeoCBQJZgn6CkIKggrKCvALOguSDEoMigzMDRoAAHicY2BkYGCQY3jPwMUAAkxAzAVm/wfzGQAjsQIuAAAAeJx1kDtOw0AQhn/nhUgkChCplwYkkJxHgxSJNqYOUnrHXuehjddabyKl4QYUnIdTcAE4BT0/zhQBEY/W+80347G9AM7xgQD765JrzwE6zPZcwwmUcJ3+RrhBHgo3yQ/CLfKjcBt3eBLu4ALPnBA0Tpnd4lU4QBdvwjWc4V24Tv8p3CB/CTfRDTrCLfKVcBvT4F64g+vgJdK5drHXqZrtVGR2xcJr5+wmT0ubLGMz0fONiQ/NAU61K5c2V4Owf2B/jSy386H3mcqcXauxzb02xqrC2ZVOfLjwvhj1epn4MLFrRNDIuRxieO4pD3aGHe8RDPcCi8o7hsWGvSlKUoIlnzCYsDanN8yO9fxvp9XUkpllTWGAEP0jvce/ssSW7x/SemTMs2rCmjSu5v50G4alKaraiiahD6s/87Qj9BjZn/6QXZz0DUfEencAAAB4nHXMWxpCUBgAwH+OiNNFlCiy/2V66Osts4CJFF85/lsjJIWDUuWo1shOzi6uWjed3t3D4Gk0eXmbLT7WnfNnA3SSAhgAAAA=");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

[class*=hbicon-] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

[class*=hbicon-]:before {
    display: inline-block;
    text-transform: none;
    font-family: roundsocial;
    font-style: normal;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hbicon-nocircle-twitter:before {
    content: "g";
}

.hbicon-nocircle-medium:before {
    content: "l";
    margin-bottom: -.1em;
    transform: scale(1.1);
    transform-origin: 0 100%;
}

.hbicon-nocircle-facebook:before {
    content: "h";
}

.hbicon-nocircle-linkedin:before {
    content: "i";
}

.hbicon-nocircle-youtube:before {
    content: "j";
    transform: scale(1.15);
}

.hbicon-nocircle-instagram:before {
    content: "k";
}

.hbicon-facebook:before,
.hbicon-instagram:before,
.hbicon-nocircle-facebook,
.hbicon-nocircle-instagram {
    font-size: .8em;
}

.hbicon-nocircle-twitter,
.hbicon-nocircle-youtube,
.hbicon-twitter:before,
.hbicon-youtube:before {
    font-size: .9em;
}

.social-icons-section {
    list-style: none;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 245px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 50px 0 30px;
}

@media screen and (max-width:767px) {
    .social-icons-section {
        width: 100%;
    }
}

.social-icons-section a {
    -ms-flex: 0 auto;
    flex: 0 auto;
    margin: 0;
    color: #535353;
    transition: color .3s linear .2s;
    border-radius: 50%;
    width: auto;
    opacity: 1;
    font-size: 18px;
    text-decoration: none;
}

.social-icons-section a:active,
.social-icons-section a:hover {
    opacity: 1;
}

.social-icons-section a:hover {
    transition-delay: 0s;
    color: #999;
}

.social-icons-section [class*=hbicon-]:before {
    font-size: inherit;
    color: inherit;
}

.boborgchart iframe,
.boborgchart img {
    width: 980px;
    height: 570px;
}

.boborgchart iframe {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 100%;
    transition: opacity .5s linear;
}

.boborgchart.finished iframe {
    position: static;
    opacity: 1;
}

@keyframes movingstripes {
    0% {
        background-position: 0 0;
    }

    to {
        background-position: 23px 0;
    }
}

.morecases .cs:hover strong {
    color: #666;
}

.morecases .cs figure {
    -ms-flex: 0 64px;
    flex: 0 64px;
    width: 64px;
    height: 60px;
}

.morecases .cs strong {
    font-family: Sentinel SSm A, Sentinel SSm B;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1em;
}

@media screen and (min-width:992px) {
    .morecases .cs strong {
        min-height: 5em;
    }
}

.morecases .slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    height: 50px;
    width: 50px;
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer;
    box-shadow: none;
    outline: hidden;
}

.morecases .slick-arrow:before {
    position: absolute;
    width: 32px;
    height: 32px;
    border: solid #979797;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg);
    content: "";
    display: block;
}

.morecases .slick-arrow:hover:before {
    border-color: #283c5c;
}

.morecases .slick-arrow.slick-next {
    left: calc(100% + 10px);
}

.morecases .slick-arrow.slick-next:before {
    border-width: 0 1px 1px 0;
}

.morecases .slick-arrow.slick-prev {
    right: calc(100% + 40px);
}

@media screen and (max-width:991px) {
    .morecases .slick-slide {
        padding: 0;
    }

    .morecases .cs strong {
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 32px;
    }

    .morecases .slick-arrow {
        top: 100px;
    }

    .morecases .slick-arrow:before {
        width: 20px;
        height: 20px;
    }

    .morecases .slick-arrow.slick-prev {
        right: calc(100% - 10px);
    }
}

a.skip-link {
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

a.skip-link:focus {
    width: auto;
    height: auto;
    text-align: center;
    background: #fff;
    border: 2px solid #283c5c;
    border-radius: 5px;
    color: #283c5c;
    left: 10px;
    top: 10px;
    margin: 10px;
    padding: 10px 12px;
    overflow: auto;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    z-index: 99999;
    text-decoration: none;
}

.red {
    color: #283c5c;
}

.pink {
    color: #283c5c;
}

.white {
    color: #fff;
}

html:not(.overflow-initial),
html:not(.overflow-initial) body {
    overflow-x: hidden;
    max-width: 100vw;
}

header.banner {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 27px 0;
    background-color: hsla(0, 0%, 100%, .7);
    top: 0;
}

body:not(.single-short-lp):not(.page-template-template-request-lp):not(.header-full-width) header.banner .container-fluid {
    max-width: 1170px;
}

header.banner+.showonscroll {
    visibility: hidden;
    transform: translatey(-100%);
    position: fixed;
    background-color: #fff;
    box-shadow: none;
    z-index: 999;
    transition: transform .5s ease-in-out .2s, visibility .5s ease-in-out .2s;
}

@media screen and (max-width:991px) {
    header.banner+.showonscroll {
        display: none;
    }
}

header.banner+.showonscroll .try-bob-free {
    display: block;
}

header.banner+.showonscroll .try-bob-free>button[data-toggle=modal] {
    background: none;
    color: #fff;
    border: none;
    padding: 0 17px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0;
    box-shadow: none;
}

header.banner+.showonscroll .try-bob-free>button[data-toggle=modal]:after {
    background-color: #283c5c;
}

header.banner.sticky+.showonscroll {
    visibility: visible;
    transform: translatey(0);
}

@media screen and (max-width:991px) {
    header.banner {
        background: transparent;
    }
}

header.banner #menu-mobile-menu .try-bob-free {
    width: 50% !important;
    padding: 0;
    margin-top: 15px !important;
    border: none;
}

header.banner li.try-bob-free a {
    font-weight: 500;
}

.a11y-panel [data-action].active {
    position: relative;
}

.a11y-panel [data-action].active:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 14px;
    width: 8px;
    border-bottom: 1px solid #283c5c;
    border-right: 1px solid #283c5c;
    transform: rotate(45deg);
    right: calc(100% + 14px);
    top: calc(50% - 8px);
}

.a11y-collapse-menu .a11y-panel {
    margin-top: 50px;
    padding: 0 50px;
}

.a11y-collapse-menu .a11y-panel ul {
    list-style: none;
}

.a11y-collapse-menu .a11y-panel ul li {
    padding: 0;
}

.a11y-collapse-menu .a11y-panel ul li a {
    padding: 10px 0;
}

.a11y-collapse-menu .a11y-panel .title {
    padding: 20px 0;
}

body.header-color-scheme-white header.banner .navbar-toggle svg {
    fill: #fff;
}

body.header-color-scheme-white header.banner:not(.showonscroll) {
    --header-link-color: #fff;
    --header-link-color-hover: #B6F881FF;
    --header-logo-bg-color: #fff;
    --header-logo-color: #283c5c;
}

body.header-color-scheme-white header.banner:not(.showonscroll) .header-subtitle2 {
    width: 40em;
    margin: auto;
    line-height: 1.1;
    max-width: 100%;
}

body.header-color-scheme-white header.banner:not(.showonscroll) .try-bob-free .red.flat.button {
    background-color: #283c5c;
}

body.header-color-scheme-white header.banner:not(.showonscroll) .try-bob-free .red.flat.button:after {
    background: #283c5c;
}

body.header-color-scheme-white header.banner:not(.showonscroll) .brand:focus,
body.header-color-scheme-white header.banner:not(.showonscroll) .menu-item>:is(button, a):focus {
    outline: none;
}

body.header-color-scheme-white header.banner:not(.showonscroll) .brand:focus-visible,
body.header-color-scheme-white header.banner:not(.showonscroll) .menu-item>:is(button, a):focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 1px !important;
}

@media screen and (max-width:991px) {
    .navbar-header {
        position: relative;
    }

    .navbar-header:after,
    .navbar-header:before {
        content: none;
    }

    .navbar-header .navbar-toggle {
        float: none;
    }

    .navbar-header .navbar-toggle>span {
        position: absolute;
        inset: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .navbar-header .navbar-toggle>span svg {
        width: 22px;
        height: 17px;
    }

    .navbar-header .navbar-toggle>span.hidden-svg {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .nav-primary.in .navbar-header {
        z-index: 10000;
    }

    .nav-primary.in .navbar-header svg {
        fill: #fff;
    }

    .navbar-toggle {
        position: relative;
        display: block;
        width: 35px;
        height: 35px;
        margin: 0;
        padding: 0;
    }

    .navbar-toggle svg {
        fill: var(--header-link-color, #535353);
    }

    .nav-primary.in .navbar-toggle:focus {
        outline: none;
    }

    .nav-primary.in .navbar-toggle:focus-visible {
        outline: 2px solid #fff !important;
        outline-offset: 1px !important;
    }

    .navbar-toggle .icon-bar {
        background-color: #535353;
        width: 30px;
        height: 3px;
        border-radius: 0;
    }

    .menuopened {
        max-width: 100 dvw;
        max-height: 100 dvh;
        overflow: hidden;
    }

    .a11y-collapse-menu {
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        position: fixed;
        width: 100%;
        inset: 0;
        overflow-y: auto;
        overflow-x: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        transform: translatex(-101vw);
        transition: transform .5s cubic-bezier(.86, 0, .07, 1), visibility .5s;
        background: #fff;
        z-index: 10000;
    }

    .a11y-collapse-menu.in {
        visibility: visible;
        transform: translatex(0);
        z-index: 9999;
    }

    .a11y-collapse-menu button.close {
        width: 29px;
        height: 28px;
        padding: 6px;
        margin: 14px 18px 12px;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
    }

    .a11y-collapse-menu.collapse.in {
        z-index: 10000;
    }

    header.banner .navbarCollapse {
        -webkit-overflow-scrolling: touch;
        visibility: hidden;
        position: fixed;
        width: 100%;
        inset: 0;
        overflow-y: auto;
        overflow-x: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        transform: translatex(-101vw);
        transition: transform .5s cubic-bezier(.86, 0, .07, 1), visibility .5s;
        background-color: #283c5c;
        padding-left: 32px;
        padding-right: 32px;
    }

    header.banner .navbarCollapse.in {
        visibility: visible;
        transform: translatex(0);
        z-index: 9999;
    }

    header.banner .navbarCollapse .nav a:focus,
    header.banner .navbarCollapse .nav button:focus,
    header.banner .navbarCollapse footer a:focus,
    header.banner .navbarCollapse footer button:focus {
        outline: none;
    }

    header.banner .navbarCollapse .nav a:focus-visible,
    header.banner .navbarCollapse .nav button:focus-visible,
    header.banner .navbarCollapse footer a:focus-visible,
    header.banner .navbarCollapse footer button:focus-visible {
        outline: 2px solid #fff !important;
        outline-offset: 1px !important;
    }

    header.banner .navbarCollapse>.nav {
        padding: 5px;
        margin: 60px -5px 20px;
    }
}

@media screen and (max-width:991px) and (min-height:450px) {
    header.banner .navbarCollapse>.nav {
        max-height: calc(100vh - 150px);
        overflow: auto;
        overflow-x: hidden;
    }
}

@media screen and (max-width:991px) {
    header.banner .navbarCollapse>.nav a {
        text-decoration: none;
        color: #fff;
    }

    header.banner .navbarCollapse>.nav.nav-pills>li {
        width: 100%;
    }

    header.banner .navbarCollapse>.nav.nav-pills>li>a {
        font-size: 38px;
        font-weight: 600;
        font-family: Sentinel SSm A, Sentinel SSm B;
        line-height: 1.31em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }

    header.banner .navbarCollapse>.nav.nav-pills>li.menu-item-has-children>a:after {
        position: static;
        width: 13px;
        height: 13px;
        transform: rotate(-45deg) scale(-1);
        margin-left: 14px;
        border: solid #fff;
        border-width: 1px 1px 0 0;
        content: "";
        transition: transform .5s;
    }

    header.banner .navbarCollapse>.nav.nav-pills>li.show>a:after {
        transform: rotate(-45deg) scale(1);
    }

    header.banner .navbarCollapse>.nav.nav-pills .sub-menu {
        box-shadow: none;
        padding: 0 0 15px;
    }

    header.banner .navbarCollapse>.nav.nav-pills .sub-menu a {
        text-transform: uppercase;
        padding: 0;
        font-size: 12px;
        font-weight: 500;
        line-height: 2.9em;
    }

    header.banner .navbarCollapse footer {
        margin: auto 0 30px;
        display: block;
    }

    header.banner .navbarCollapse footer .mobile-footer-icons {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 7px;
    }

    header.banner .navbarCollapse footer .mobile-footer-icons a {
        font-weight: 700;
        font-size: 12px;
        color: #fff;
        width: auto;
        padding: 0 15px;
        height: 48px;
        border-radius: 0;
        gap: 10px;
    }

    header.banner .navbarCollapse footer .mobile-footer-icons a svg {
        fill: #fff;
    }

    header.banner .navbarCollapse footer a,
    header.banner .navbarCollapse footer button.button {
        border-radius: 3px;
        height: 53px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    header.banner .navbarCollapse footer>button {
        box-sizing: border-box;
        margin: 0;
        color: #283c5c;
        border: 1px solid #f6f3e8;
    }

    header.banner .navbarCollapse footer>a {
        border: 1px solid #f6f3e8;
        display: block;
        margin-top: 12px;
        font-size: 13px;
        line-height: 53px;
        font-weight: 500;
        color: #f6f3e8;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
    }
}

body.menuopened #intercom-container,
body.menuopened .showonscroll,
body.menuopened .stickyfooter {
    display: none !important;
}

.logo-container a .icon,
.video header.sticky .logo-container a .icon {
    width: 88px;
    height: 35px;
    float: left;
    transition: opacity .3s ease;
}

@media screen and (max-width:767px) {

    .logo-container a .icon,
    .video header.sticky .logo-container a .icon {
        width: auto;
        height: 30px;
    }
}

@media screen and (max-width:767px) {
    .logo-container a {
        height: 35px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

.logo-container a:hover .icon,
.video header .logo-container a:hover .icon {
    opacity: .7;
}

header.banner .logo-container {
    padding: 0;
}

img {
    /* max-width: 150%; */
    /* height: auto; */
}

nav ul.nav li a {
    color: var(--header-link-color, #535353);
    font-family: Gotham SSm A, Gotham SSm B;
    font-style: normal;
    font-weight: 200;
    display: block;
    position: relative;
}

nav ul.nav li a svg {
    fill: var(--header-link-color, #535353);
    vertical-align: middle;
}

nav ul.nav li a:hover {
    color: var(--header-link-color-hover, #283c5c);
}

nav ul.nav li a:hover svg {
    fill: var(--header-link-color-hover, #283c5c);
}

nav ul.nav li.a11y-panel-wrapper div.sub-menu-list {
    padding: 40px 50px 35px 30px;
}

nav ul.nav li.a11y-panel-wrapper+.language-switcher a {
    padding-left: 5px !important;
}

nav ul.sub-menu {
    display: none;
    list-style: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}

@media screen and (min-width:992px) {
    nav ul li:hover ul.sub-menu {
        display: block;
    }
}

nav ul.nav>li.current-menu-item>a,
nav ul.nav>li>a:hover {
    font-weight: 400;
    color: #283c5c;
}

nav ul.sub-menu li:first-child a {
    border-top: none;
}

nav ul.sub-menu a {
    text-decoration: none !important;
}

.modal-content {
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    border: none;
}

.modal-content h3.header-title {
    font-family: Champion Heavywt A, Champion Heavywt B;
    font-size: 50px;
    line-height: .8;
    margin-top: 20px;
    margin-bottom: 40px;
    float: left;
    text-transform: uppercase;
}

.modal-content h3 span {
    float: left;
}

::-webkit-input-placeholder {
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 400;
}

::-moz-placeholder {
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 400;
}

:-ms-input-placeholder {
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 400;
}

input:-moz-placeholder {
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 400;
}

.modal-body button.close {
    position: absolute;
    right: 18px;
    top: 18px;
    color: #979797;
    opacity: 1;
    font-size: 40px;
    font-weight: 400;
    line-height: .7;
    outline: none;
}

.modal-body button.close svg {
    width: 19px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
}

.modal-backdrop.in {
    background: rgba(58, 58, 55, .75);
    opacity: 1;
}

iframe {
    border: none;
}

body.hide-top-navbar .header .menu-main-menu>li.menu-item,
body.hide-top-navbar .header .navbar-header {
    display: none;
}

body.hide-top-navbar .header .menu-main-menu>li.menu-item.try-bob-free {
    display: block;
}

body {
    overflow-x: hidden;
    color: #3a3a37;
}

@media screen and (min-width:992px) {
    .a11y-collapse-menu.collapse.in {
        display: none;
    }

    .desktop-navigation .sub-menu-wrap {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        border-radius: 4px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .08);
        border: 1px solid #d2d2d2;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        left: 0;
        transform: translate(-50%);
    }

    .desktop-navigation .sub-menu-wrap:first-child,
    .desktop-navigation .sub-menu-wrap:nth-child(2) {
        transform: translate(-20%);
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list {
        padding: 40px 128px 35px 15px;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list.two-column {
        padding: 40px 80px 35px 15px;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list.two-column ul {
        column-count: 2;
        gap: 40px;
        padding-right: 8px;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list .menu-list-title {
        font-size: 15px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #283c5c;
        margin-top: 0;
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list .menu-ul-wrap {
        display: -ms-flexbox;
        display: flex;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list ul {
        list-style: none;
        padding: 0;
        padding: 0 20px;
        text-transform: none;
        white-space: nowrap;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list ul li {
        line-height: 32px;
        min-width: 109px;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list ul li a {
        color: #3a3a37;
        font-size: 14px;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-list ul li a:hover {
        color: #283c5c;
        text-decoration: none;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-info {
        background-color: #f8f7f7;
        border-radius: 0 4px 4px 0;
        max-width: 300px;
        width: 300px;
        position: relative;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-info a.link-text:not(.button) {
        position: static;
    }

    .desktop-navigation .sub-menu-wrap .sub-menu-info a.link-text:hover {
        text-decoration: none;
    }

    .desktop-navigation .sub-menu-wrap.style-2 .sub-menu-info {
        padding: 41px 47px 79px 45px;
    }

    .desktop-navigation .sub-menu-wrap.style-2 .sub-menu-info .menu-title {
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 22px;
        letter-spacing: normal;
        color: #3a3a37;
        font-family: Sentinel SSm A, Sentinel SSm B;
        text-transform: none;
    }

    .desktop-navigation .sub-menu-wrap.style-2 .sub-menu-info .menu-title:hover {
        color: gray;
    }

    .desktop-navigation .sub-menu-wrap.style-2 .sub-menu-info .link-text {
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 14px;
        letter-spacing: normal;
        color: #283c5c;
        margin: 15px 0;
    }

    .desktop-navigation .sub-menu-wrap.style-2 .sub-menu-info .link-text:hover {
        color: #ff245d;
    }

    .desktop-navigation .sub-menu-wrap.style-1 .sub-menu-info {
        padding: 41px 45px 37px;
        text-align: center;
    }

    .desktop-navigation .sub-menu-wrap.style-1 .sub-menu-info .menu-title {
        text-transform: none;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 20px;
        letter-spacing: normal;
        text-align: center;
        color: #3a3a37;
    }

    .desktop-navigation .sub-menu-wrap.style-1 .sub-menu-info img {
        margin: 10px 0 16px;
    }

    .desktop-navigation .sub-menu-wrap.style-1 .sub-menu-info .link-text {
        font-size: 11px;
        letter-spacing: .37px;
        margin: 0 auto;
        display: block;
        max-width: 130px;
    }

    .desktop-navigation .sub-menu-wrap.style-1 .sub-menu-info .link-text:hover:after {
        opacity: 1;
        transform: scale(1);
        background: #ff4066;
    }

    .desktop-navigation li:nth-child(4) .sub-menu-wrap {
        left: -100px;
    }

    .desktop-navigation .menu-item:hover>a,
    .desktop-navigation .menu-item>a:is(:hover, .active) {
        color: var(--header-link-color-hover, #283c5c);
    }

    .desktop-navigation .menu-item:hover .sub-menu-wrap,
    .desktop-navigation .menu-item a:is(:hover, .active)+.sub-menu-wrap {
        opacity: 1;
        visibility: visible;
    }
}

body.header-white header.banner:not(.showonscroll) {
    --header-link-color: #fff;
    --header-link-color-hover: #feabb0;
    --header-logo-bg-color: #60062a;
    color: #fff;
}

body.header-white:not(.single-casestudy) header.banner:not(.showonscroll) .try-bob-free button {
    background: #60032a;
}

body.header-white:not(.single-casestudy) header.banner:not(.showonscroll) .try-bob-free button:after {
    background-color: #283c5c;
}

body.header-white.theme-dark header.banner:not(.showonscroll) {
    --header-logo-bg-color: #fff;
    --header-logo-color: #283c5c;
}

body.header-white.theme-red header.banner:not(.showonscroll) {
    --header-logo-bg-color: #fff;
    --header-link-color-hover: #fac7d1;
    --header-logo-color: #283c5c;
}

body>img {
    display: block;
}

body>iframe[name=google_conversion_frame] {
    height: 0 !important;
    position: absolute;
}

#footer .brand .icon {
    max-width: 161px;
    height: auto;
    transition: opacity .3s ease;
}

#footer .brand:hover .icon {
    opacity: .7;
}

#footer .container {
    padding: 0;
    max-width: 100%;
}

@media (min-width:1100px) {
    #footer .container {
        width: 1140px;
    }
}

@media screen and (max-width:767px) {
    #footer {
        border-top: 1px solid #e9e9e9;
    }

    #footer .container {
        padding: 15px;
    }

    #footer .row-footer {
        border-width: 0 0 1px;
        margin: 0;
        padding: 15px 0;
    }
}

#footer .row-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}

@media screen and (min-width:992px) {
    #footer .row-footer {
        padding: 110px 0 50px;
    }

    #footer .row-footer:before {
        content: "";
        left: 0;
        right: 0;
        position: absolute;
        height: 1px;
        background: #e9e9e9;
        width: 100%;
        margin-top: -110px;
    }
}

#footer .row-footer+.row-footer {
    position: relative;
}

#footer .app-buttons {
    margin-top: 32px;
}

#footer .app-buttons .google-play-badge {
    margin-right: 8px;
}

#footer .app-buttons a img {
    height: 36px;
}

@media screen and (min-width:992px) {
    #footer .socialandaddress {
        padding: 40px 0 20px;
    }

    #footer .socialandaddress:before {
        margin-top: -40px;
        left: 15px;
        width: calc(100% - 30px);
    }
}

#footer .social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#footer .social .copy {
    margin-bottom: 5px;
    max-width: 100%;
    font-family: var(--gotham);
    font-weight: 400;
    font-size: 13px;
    color: #3a3a37;
}

@media screen and (max-width:991px) {
    #footer .social .copy {
        display: none;
    }
}

#footer .copy-mobile {
    display: none;
}

@media screen and (max-width:991px) {
    #footer .copy-mobile {
        display: block;
        padding-top: 0 !important;
    }

    #footer .copy-mobile .copy {
        padding: 30px 15px;
    }
}

#footer .address {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 11px;
}

#footer .address .city {
    width: 33.333%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    font-size: 11px;
    line-height: 2.14;
}

#footer .address .city span:first-of-type {
    padding-right: 2em;
}

#footer .address .city a {
    text-decoration: none;
    color: inherit;
}

#footer .address .city .city-title:is(h2, h3, h4, h5, h6) {
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 1em;
    text-transform: uppercase;
}

#footer .copy {
    font-size: .8em;
    color: #888;
}

@media screen and (max-width:767px) {
    #footer .copy {
        padding-top: 60px;
        border-top: 1px solid #e9e9e9;
    }
}

@media screen and (max-width:991px) {
    #footer {
        margin-top: 40px;
    }

    #footer .socialandaddress {
        padding-top: 25px;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #footer .social {
        margin: 0 0 60px;
    }

    #footer .address {
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #footer .address .city {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2em;
    }
}

.footer-menu .menu {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    font-weight: 400;
    margin-bottom: 0;
}

.footer-menu .menu .menu-item {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu .menu .menu-item.menu-item-has-children {
    -ms-flex: 1 33.33333%;
    flex: 1 33.33333%;
}

.footer-menu .menu .menu-item.menu-item-has-children>a,
.footer-menu .menu .menu-item.menu-item-has-children>div {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color: #222;
    font-size: 13px;
    text-decoration: none;
    cursor: auto;
}

.footer-menu .menu .menu-item .sub-menu {
    padding: 0 15px 0 0;
    margin-top: .7em;
}

.footer-menu .menu .menu-item .sub-menu .menu-item a {
    color: #535353;
    font-size: 13px;
    text-decoration: none;
    line-height: 2.14;
    font-weight: 400;
}

.footer-menu .menu .menu-item .sub-menu .menu-item.red a,
.footer-menu .menu .menu-item .sub-menu .menu-item a:hover {
    color: #283c5c;
}

.footer-menu .menu .menu-item#menu-item-1597 .sub-menu {
    padding-right: 0;
}

@media screen and (max-width:767px) {
    .footer-menu .menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #e9e9e9;
    }

    .footer-menu .menu .menu-item-has-children {
        -ms-flex: 1 50%;
        flex: 1 50%;
        margin: 50px 0;
    }
}

.footer-bottom {
    background-color: #283c5c;
}

.footer-bottom .footer-bottom-inner {
    margin: 0 auto;
    float: none;
}

@media (min-width:1100px) {
    .footer-bottom .footer-bottom-inner {
        width: 1170px;
    }
}

.footer-bottom .menu-footer-menu-horizontal-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px 0;
    max-width: 100%;
}

@media screen and (max-width:767px) {
    .footer-bottom .menu-footer-menu-horizontal-container {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer-bottom .menu-footer-menu-horizontal-container ul {
    margin: 0;
    padding: 0;
}

.footer-bottom .menu-footer-menu-horizontal-container ul li {
    list-style: none;
    display: inline-block;
}

.footer-bottom .menu-footer-menu-horizontal-container ul li a {
    font-size: 13px;
    font-weight: 400;
    color: #535353;
    margin-right: 23px;
}

@media screen and (max-width:767px) {
    .footer-bottom .menu-footer-menu-horizontal-container ul li a {
        margin-right: 0;
    }
}

.footer-bottom .menu-footer-menu-horizontal-container ul li a:hover {
    text-decoration: none;
    color: #283c5c;
}

@media screen and (max-width:767px) {
    .footer-bottom .menu-footer-menu-horizontal-container ul li {
        display: block;
        text-align: center;
        padding: 5px 0;
    }
}

.footer-bottom .menu .lang-menu {
    display: none;
}

.footer-bottom .lang-menu {
    border: 0;
    padding: 0;
}

.footer-bottom .lang-menu svg {
    fill: #535353;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width:767px) {
    .footer-bottom .lang-menu svg {
        margin-right: 0;
    }
}

.footer-bottom .lang-menu:hover svg {
    fill: #283c5c;
}

.lang-menu-modal {
    color: #3a3a37;
}

.lang-menu-modal button.close {
    opacity: .75;
    padding: 5px;
}

.lang-menu-modal .modal-dialog {
    margin: 0 auto;
}

@media screen and (min-width:992px) {
    .lang-menu-modal .modal-dialog {
        max-width: 400px;
    }
}

.lang-menu-modal.in .modal-dialog {
    transform: translateY(calc(50vh - 50%));
}

.lang-menu-modal .modal-content {
    border-radius: 4px;
}

.lang-menu-modal .modal-body {
    padding: 40px;
}

.lang-menu-modal .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    font-family: var(--sentinel);
    padding: 10px 25px 25px;
}

.lang-menu-modal ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lang-menu-modal li {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    padding: 12px 12px 12px 25px;
}

.lang-menu-modal li svg {
    fill: #3a3a37;
}

.lang-menu-modal li a {
    color: inherit;
    width: 100%;
    display: block;
}

.lang-menu-modal li a:hover {
    text-decoration: none;
    color: #283c5c;
}

.lang-menu-modal li a:hover svg {
    fill: #283c5c;
}

.lang-menu-modal li.active {
    position: relative;
}

.lang-menu-modal li.active:before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 14px;
    width: 8px;
    border-bottom: 1px solid #535353;
    border-right: 1px solid #535353;
    transform: rotate(45deg);
    left: 5px;
    top: 10px;
}

.article-list .slick-list {
    padding: 0 !important;
}

* {
    outline: none;
}

.nav.menu-main-menu>li.menu-item {
    margin: 0;
    text-transform: uppercase;
}

.nav.menu-main-menu>li.menu-item>a {
    padding: 0 15px;
    font-weight: 500;
}

.nav.menu-main-menu>li.menu-item>a.a11y-collapse-button {
    top: -1px;
}

.try-bob-free {
    margin-left: 15px !important;
    margin-top: -2px !important;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    background-color: #283c5c;
    border-radius: 3.2px;
    padding: 0 !important;
}

.try-bob-free a {
    font-family: Gotham SSm A, Gotham SSm B;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    padding: 2px 17px !important;
    width: auto;
    transition: all .3s;
    position: relative;
    z-index: 1;
    outline: none;
    text-align: center;
}

.try-bob-free a:hover {
    opacity: 1;
}

.try-bob-free a:after {
    content: "";
    position: absolute;
    z-index: -1;
    transition: all .3s;
    width: 0;
    height: 103%;
    top: 50%;
    left: 50%;
    background: #ff4066;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 3.2px;
}

.try-bob-free a:hover:after {
    width: 100%;
    opacity: 1;
}

.header-title {
    font-weight: 800;
    display: inline-block;
    font-family: "Cairo", sans-serif !important;
}

.header-title span {
    float: left;
    margin-right: .1em;
}

.banner-content-container a,
.xs-signup-btn {
    display: inline-block;
    width: 188px;
    color: #fff;
    text-decoration: none;
    background-color: #283c5c;
    padding: 12px 0;
    border-radius: 3.2px;
    -o-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    -ms-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
    text-transform: uppercase;
    font-family: Gotham SSm A, Gotham SSm B;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: .5px;
    text-align: center;
    transition: all .3s;
    position: relative;
    z-index: 1;
}

.page-container .mktoForm.loading {
    padding: 20px 0 0;
}

.page-container .mktoForm.loading:before {
    width: 30px;
    height: 30px;
    border: 3px solid #283c5c;
    margin: 20px auto;
}

.page-container .mktoForm.loading.disabled {
    display: none;
}

.page-container .page-content-container strong {
    font-family: Gotham SSm A, Gotham SSm B;
    font-style: normal;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: .5px;
    color: #535353;
}

.btn:active:focus,
.btn:focus,
.form-control:focus {
    outline: none;
}

input:-webkit-autofill {
    -o-box-shadow: 0 0 0 1000px #fff inset !important;
    -ms-box-shadow: 0 0 0 1000px #fff inset !important;
    box-shadow: inset 0 0 0 1000px #fff !important;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus::-moz-input-placeholder {
    opacity: 0;
}

input:focus::-o-input-placeholder {
    opacity: 0;
}

input:focus::-ms-input-placeholder {
    opacity: 0;
}

textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

textarea:focus::-moz-input-placeholder {
    opacity: 0;
}

textarea:focus::-o-input-placeholder {
    opacity: 0;
}

textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

@media screen and (max-width:991px) {
    body.features section.hero figure.hero {
        height: 40vw;
    }

    body.features section.hero figure.hero figcaption {
        height: 100%;
    }
}

#video-modal {
    top: 5vh;
    overflow: visible;
    background: rgba(7, 7, 16, .85);
    margin-top: -2.6em;
}

#video-modal.fade.in {
    height: 100vh;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
}

#features-landing-page-wrapper .landing-testimonials-section .container .slick-list {
    margin-top: -50px;
}

#features-landing-page-wrapper .landing-testimonials-section .container .quote figure {
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -70px;
}

#features-landing-page-wrapper .landing-testimonials-section .container .quote figure img {
    width: 140px;
    height: 140px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #fff;
    padding: 12px;
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .5);
}

@media screen and (max-width:991px) {
    #features-landing-page-wrapper .landing-testimonials-section .container .quote figure {
        margin-left: -35px;
        top: -20px;
    }

    #features-landing-page-wrapper .landing-testimonials-section .container .quote figure img {
        width: 67px;
        height: 67px;
        padding: 3px;
    }
}

#features-landing-page-wrapper .landing-testimonials-section .container .quote figure {
    position: static;
    display: inline-block;
    margin: 0;
}

#features-landing-page-wrapper .landing-testimonials-section .container .quote figure img {
    width: 100px;
    height: 100px;
    padding: 5px;
}

@media screen and (max-width:991px) {
    #features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow.slick-arrow:before {
        width: 20px;
        height: 20px;
    }

    #features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow.slick-prev {
        right: calc(100% - 60px);
    }

    #features-landing-page-wrapper .landing-testimonials-section .container .slick-arrow.slick-next {
        left: calc(100% - 60px);
    }
}

@media screen and (max-width:991px) {
    #features-landing-page-wrapper .landing-testimonials-section .container .slick-list {
        margin-top: -20px;
    }

    #features-landing-page-wrapper .landing-testimonials-section .container figure img {
        width: 53px;
        height: 53px;
        padding: 3px;
    }
}

#features-landing-page-wrapper .morecases h3 strong {
    font-weight: inherit;
}

.home-registration-section {
    margin-top: 20px;
    text-align: center;
}

.home-registration-section .section-btn {
    padding: 13px 0 11px !important;
    border: none;
    height: 38px;
}

body.page-template-template-survey-landing-page #survey-icons-wrapper .slick-slide {
    padding: 0 40px;
}

body main .page-form-pricing .pricing-wrap .testimonial figure {
    display: none;
}

.page-template-page-hibob-vs-x header.banner.showonscroll {
    background-color: #fff;
}

@media screen and (max-width:767px) {
    .page-template-page-hibob-vs-x .section-accordion .text strong {
        display: block;
        padding: 20px 5px;
    }
}

.page-template-page-brochure header.banner.showonscroll {
    background-color: #fff;
}

body.page-template-template-request-lp.show-header header.banner.showonscroll {
    background-color: #fff;
}

body.page-template-template-request-lp.show-header header.banner.showonscroll .logo-container a .icon {
    fill: #535353;
}

body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-template-template-request-lp .wrap-lp .form-lp .mktoButtonRow .mktoButton {
    min-width: auto;
    width: 199px;
    border-radius: 3.2px;
    border: none;
    box-shadow: none;
}

body.page-template-template-request-lp .wrap-lp .form-lp .mktoForm .mktoFormRow.footer .mktoHtmlText {
    text-align: center;
    max-width: 100%;
}

@media screen and (max-width:1023px) {
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow-container {
        margin-bottom: 60px;
    }

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow {
        color: #fff;
    }

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow [data-step-id=basic_form] h3.cta-flow__title,
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow [data-step-id=basic_form] p.cta-flow__subtitle {
        display: none;
    }

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow input,
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow select,
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow textarea {
        color: gray;
    }

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow .cta-flow__input_label,
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow p.cta-flow__terms_text a {
        color: #fff;
    }

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow button {
        margin: 30px auto;
        color: #4a4a4a !important;
    }

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .cta-flow button:after {
        background: #f3ede5;
    }

    body.page-template-template-request-lp .wrap-lp .form-lp .mkto-wrapper .mktoForm.loading:after {
        color: #fff;
    }

    body.page-template-template-request-lp .wrap-lp .form-lp .mkto-wrapper .mktoButton {
        margin: auto;
        color: #4a4a4a !important;
        height: 49px;
        width: 229px;
        margin-top: 3px;
    }

    body.page-template-template-request-lp .wrap-lp .form-lp .mkto-wrapper .mktoButton:after {
        background: #f3ede5;
    }
}

@media screen and (max-width:767px) {

    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .mktoForm .mktoFieldWrap input,
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .mktoForm .mktoFieldWrap select,
    body.page-template-template-request-lp .wrap-lp .content-lp-wrap .mktoForm .mktoFieldWrap textarea {
        height: 48px;
        font-size: 16px;
    }
}

@media screen and (min-width:1024px) {

    body.page-template-template-request-lp .form-lp .mkto-wrapper .mktoForm[data-marketo-form="1537"] p,
    body.page-template-template-request-lp .skin-red-form.mkto-wrapper .mktoForm .mktoFormRow .mktoLogicalField input[name=GDPR_Opt_in__c]+.new_label {
        color: #3a3a37;
    }
}

body.page-template-template-free-mason.popular-solution .header-title {
    line-height: .9;
}

body.page-template-template-free-mason.popular-solution section.background-features-columns {
    padding: 1px;
}

body.page-template-template-free-mason.popular-solution section.features-columns {
    max-width: 1210px;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body.page-template-template-free-mason.popular-solution section.features-columns .feature-column {
    max-width: 376px;
    opacity: 1;
    margin-bottom: 75px;
}

body.page-template-template-free-mason.popular-solution section.features-columns .feature-column h3 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
    height: auto;
    line-height: 1.7;
}

body.page-template-template-free-mason.popular-solution section.features-columns .feature-column p {
    font-size: 17px;
    color: #4a4a4a;
    font-weight: 400;
}

body.page-template-template-free-mason.popular-solution section.features-columns p {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #4a4a4a;
}

body.page-template-template-free-mason.popular-solution section.features-columns>p {
    margin-bottom: 70px;
}

body.page-template-template-free-mason.popular-solution section.features-columns .trybobfreewrapper button {
    width: 245px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.popular-solution section.features-columns {
        margin: 10px auto 40px;
    }

    body.page-template-template-free-mason.popular-solution section.features-columns>p {
        margin-bottom: 30px;
    }

    body.page-template-template-free-mason.popular-solution section.features-columns .feature-column {
        margin: auto;
    }

    body.page-template-template-free-mason.popular-solution section.features-columns .trybobfreewrapper {
        margin-top: 50px;
    }
}

@media screen and (max-width:400px) {
    body.page-template-template-free-mason.popular-solution section.features-columns .feature-column {
        width: 100%;
    }
}

body.page-template-template-free-mason.popular-solution section.top-partners {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .11), inset 0 4px 6px 0 rgba(0, 0, 0, .11);
    background-color: #283c5c;
    padding: 43px 0 53px;
}

body.page-template-template-free-mason.popular-solution section.top-partners .gallery {
    margin: 0;
}

body.page-template-template-free-mason.popular-solution section.top-partners .gallery figcaption {
    font-size: 15px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: .16px;
    color: #fff;
    font-family: Gotham SSm A, Gotham SSm B;
    text-transform: uppercase;
    margin-bottom: 3em;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.popular-solution section.top-partners .gallery {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    body.page-template-template-free-mason.popular-solution section.top-partners .gallery img {
        -ms-flex: 0 40%;
        flex: 0 40%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media screen and (max-width:400px) {
    body.page-template-template-free-mason.popular-solution section.top-partners .gallery img {
        -ms-flex: 0 100%;
        flex: 0 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text {
    margin: 60px 0;
    overflow: visible;
}

body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text .content {
    width: 495px;
    font-size: 17px;
    line-height: 24px;
    color: #4a4a4a;
}

body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text .content p {
    margin-bottom: 25px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.popular-solution section.features-landing-media-text {
        margin-top: 10px;
    }

    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.not-responsive.image-first>figure img,
    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.not-responsive.image-last>figure img {
        max-width: 450px;
        max-height: 450px;
    }

    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-3 {
        margin: 60px 0 0;
    }

    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-3 .content {
        padding: 0 50px 70px;
    }

    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-2 .content {
        padding: 0 100px 0 0;
        margin: 0 80px 0 0;
    }
}

/* القواعد الافتراضية (للغة الإنجليزية أو LTR) */
body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-2 .content {
    padding: 0 100px 0 0;
    margin: 0 80px 0 0;
}

/* القواعد الافتراضية (للغة الإنجليزية أو LTR) */
body[dir="ltr"].page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.not-responsive.image-first>figure img,
body[dir="ltr"].page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.not-responsive.image-last>figure img {
    max-width: 450px;
    max-height: 450px;
}

/* القواعد للغة العربية (RTL) */
body[dir="rtl"].page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.not-responsive.image-first>figure img,
body[dir="rtl"].page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.not-responsive.image-last>figure img {
    max-width: 450px;
    max-height: 450px;
    transform: scaleX(-1);
    /* لعكس الصور أفقيًا إذا لزم الأمر */
}

/* القواعد للغة العربية (RTL) */
body[dir="rtl"].page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-2 .content {
    padding: 0 0 0 100px;
    margin: 0 0 0 80px;
}

body[dir="rtl"].page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-3 .content {
    padding: 0 70px 50px;
    text-align: right;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text.index-2 .content {
        padding: 0 50px;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.popular-solution section.features-landing-media-text #integrations {
        margin: 120px 0 85px;
    }

    body.page-template-template-free-mason.popular-solution section.features-landing-media-text #integrations .content {
        margin-top: 80px;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text {
        margin: 20px 0;
        padding: 20px 32px 50px;
    }
}

@media screen and (max-width:400px) {
    body.page-template-template-free-mason.popular-solution section.features-landing-media-text .media-and-text .content .header-title {
        font-size: 40px;
    }
}

body.page-template-template-free-mason.popular-solution section.request-a-demo {
    padding: 120px 0 20px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.popular-solution section.request-a-demo {
        padding: 60px 0 20px;
    }
}

body.page-template-template-free-mason.popular-solution section.request-a-demo .trybobfreewrapper button {
    width: 368px;
    height: 68px;
    font-size: 19.5px;
    margin: auto;
    display: block;
}

@media screen and (max-width:400px) {
    body.page-template-template-free-mason.popular-solution section.request-a-demo .trybobfreewrapper button {
        width: 280px;
        height: 57px;
        font-size: 17.5px;
    }
}

body.page-template-template-free-mason.popular-solution section.quotesection {
    padding: 90px 0 50px;
}

body.page-template-template-free-mason.popular-solution section.quotesection em {
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.57;
    color: #535353;
    text-transform: uppercase;
    margin-bottom: 27px;
}

body.page-template-template-free-mason.popular-solution section.quotesection .testimonial blockquote {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.14;
    max-width: 460px;
    margin: 0 auto;
    transform: none;
    padding-bottom: 40px;
    color: #fff;
}

body.page-template-template-free-mason.popular-solution section.quotesection .testimonial blockquote:after,
body.page-template-template-free-mason.popular-solution section.quotesection .testimonial blockquote:before {
    display: none;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial blockquote {
        padding-bottom: 0;
    }
}

body.page-template-template-free-mason.popular-solution section.quotesection .testimonial small {
    margin: .5em .5em 0;
}

body.page-template-template-free-mason.popular-solution section.quotesection .testimonial a {
    border: .5px solid #e6e3e0;
    background-color: #fff;
    border-radius: 3px;
    letter-spacing: .4px;
    color: #4a4a4a;
    font-weight: 700;
    margin-top: 32px;
}

body.page-template-template-free-mason.popular-solution section.quotesection .testimonial a:after {
    background-color: #f6f3e8;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.popular-solution section.quotesection {
        padding: 40px 0 20px;
        padding: 40px 0 0;
        text-align: center;
    }

    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial .content a {
        margin: 30px auto 0;
    }

    body.page-template-template-free-mason.popular-solution section.quotesection:after {
        margin-top: 0;
    }
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial .content {
        padding: 0 50px;
    }

    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial .content blockquote {
        font-size: 15px;
        line-height: 1.53;
    }

    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial .content em {
        font-size: 18px;
    }

    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial .content cite {
        font-size: 22.1px;
        line-height: 1.27;
    }

    body.page-template-template-free-mason.popular-solution section.quotesection .testimonial .content small {
        font-size: 14.3px;
        letter-spacing: .2px;
    }
}

body.page-template-template-free-mason.popular-solution section.loved-by {
    padding: 5px 0;
}

body.page-template-template-free-mason.popular-solution section.loved-by .gallery {
    margin: 90px 0;
}

body.page-template-template-free-mason.popular-solution section.loved-by .gallery figcaption {
    font-size: 15px;
    letter-spacing: .16px;
    text-transform: uppercase;
    font-family: Gotham SSm A, Gotham SSm B;
}

body.page-template-template-free-mason.popular-solution section.loved-by .gallery img {
    mix-blend-mode: luminosity;
    max-height: 50px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.popular-solution section.loved-by .gallery {
        margin: 30px 0;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    body.page-template-template-free-mason.popular-solution section.loved-by .gallery img {
        -ms-flex: 0 40%;
        flex: 0 40%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

@media screen and (max-width:400px) {
    body.page-template-template-free-mason.popular-solution section.loved-by .gallery img {
        -ms-flex: 0 100%;
        flex: 0 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
}

body.page-template-template-free-mason.popular-solution .h-e52c51 h3 {
    color: #283c5c;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.popular-solution section.hero div.media-and-text {
        padding: 90px 30px 0;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    body.page-template-template-free-mason.popular-solution div.media-and-text>figure img {
        transform: none !important;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.popular-solution .hero.big-header .header-title {
        width: 640px;
    }

    body.page-template-template-free-mason.popular-solution .hero.big-header .content {
        margin-top: 75px;
    }

    body.page-template-template-free-mason.popular-solution .hero.big-header .content p {
        width: 640px;
        line-height: 1.17;
        letter-spacing: .39px;
        color: #4a4a4a;
    }

    body.page-template-template-free-mason.popular-solution .hero.big-header .not-responsive.image-last>figure {
        margin-top: 30px;
        height: 460px;
    }

    body.page-template-template-free-mason.popular-solution .hero.img-right .media-and-text.not-responsive figure {
        height: 560px;
    }

    body.page-template-template-free-mason.popular-solution .hero.img-right .media-and-text.not-responsive figure img {
        right: 105px;
        bottom: 0;
        position: absolute;
        width: 640px;
        height: auto;
        top: 100px;
    }
}

@media screen and (min-width:992px) and (max-width:1300px) {
    body.page-template-template-free-mason.popular-solution .hero.img-right .media-and-text.not-responsive figure img {
        position: inherit;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.popular-solution div.testimonial {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.page-template-template-free-mason.content-template-2020 header.banner.showonscroll,
.page-template-template-thank-you header.banner.showonscroll,
.single-guides header.banner.showonscroll,
.single-hr-tools header.banner.showonscroll,
body.blog header.banner.showonscroll,
body.page-template-page-contact-us header.banner.showonscroll,
body.page-template-template-compliance-hub header.banner.showonscroll,
body.page-template-template-content-hub header.banner.showonscroll,
body.page-template-template-faq header.banner.showonscroll,
body.position-single-page header.banner.showonscroll,
body.single-casestudy header.banner.showonscroll,
body.single-one-pager header.banner.showonscroll,
body.transparent-header header.banner.showonscroll {
    background-color: #fff;
}

@media (max-width:720px) {

    .page-template-template-customers #customers-banners #banners-carousel-1 .slick-list .slick-track .img-fluid,
    .page-template-template-customers #customers-banners #banners-carousel-2 .slick-list .slick-track .img-fluid {
        height: 60%;
        margin: 0 10px;
    }
}

body.page-template-template-thank-you header.banner:not(.showonscroll) {
    --header-link-color: #fff;
    --header-link-color-hover: #283c5c;
    --header-logo-bg-color: #244A05FF;
}

.customers-banners:not(.hibob-carousel) .banners-carousel .slick-list {
    height: 100%;
}

.customers-banners:not(.hibob-carousel) .banners-carousel .slick-list .slick-track {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.customers-banners:not(.hibob-carousel) .banners-carousel .slick-list .slick-track .img-fluid {
    max-width: none;
    width: auto;
    height: auto;
    max-height: 53px;
    margin: auto 26px;
}

@media screen and (max-width:767px) {
    .customers-banners .banners-carousel .slick-list .slick-track .img-fluid {
        max-height: 47px;
        margin: auto 13px;
    }
}

@media screen and (min-width:992px) {

    .page-template-template-free-mason.content-template-2020 .desktop-hide,
    .page-template-template-free-mason.content-template-2020 .header.showonscroll {
        display: none;
    }
}

.page-template-template-free-mason.content-template-2020 .hero-form-wrap .resource-form-wrapper .mktoForm.loading:before {
    animation: rotate 2s linear infinite;
    border: 6px solid #f6f3e8;
    border-right-color: transparent;
}

.page-template-template-free-mason.content-template-2020 .hero-form-wrap .resource-form-wrapper .mktoForm.loading:after {
    color: #f6f3e8;
}

.page-template-template-free-mason.content-template-2020 .hero-form-wrap .resource-form-wrapper .mktoForm .mktoButtonRow button {
    width: 280px;
    background-color: #f9a251;
}

.page-template-template-free-mason.content-template-2020 .hero-form-wrap .resource-form-wrapper .mktoForm .mktoButtonRow button:after {
    background-color: #fdb471;
}

@media screen and (min-width:992px) {

    body.page-template-template-watch-video-2021 .desktop-hide,
    body.page-template-template-watch-video-2021 .header.showonscroll {
        display: none;
    }
}

body.page-template-template-watch-video-2021 .column-wrapper .video-column .video-wrap figure {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
}

body.page-template-template-watch-video-2021 .column-wrapper .video-column .video-wrap figure svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .3;
    cursor: pointer;
}

.page-template-template-content-hub .hero .sub-title strong {
    font-size: 28px;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm {
    background: #fffdfb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    border-radius: 3px;
    padding: 50px 175px;
    margin: 50px 0 100px;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 40px;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFieldWrap input,
.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFieldWrap select,
.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFieldWrap textarea {
    margin-bottom: 30px;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #969696;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFieldWrap textarea {
    height: 160px;
    padding: 19px 16px;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFieldWrap select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'14\' height=\'9\' viewBox=\'0 0 14 9\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath clip-rule=\'evenodd\' d=\'M6.875 7.835a.234.234 0 0 1-.175-.08L1.072 1.47a.3.3 0 0 1 0-.39.23.23 0 0 1 .35 0l5.627 6.284a.3.3 0 0 1 0 .39.234.234 0 0 1-.174.08z\' stroke=\'%23E52C51\'/%3E%3Cpath clip-rule=\'evenodd\' d=\'M7.125 7.835a.234.234 0 0 1-.174-.08.299.299 0 0 1 0-.39l5.627-6.284a.23.23 0 0 1 .35 0 .3.3 0 0 1 0 .39L7.3 7.754a.234.234 0 0 1-.175.081z\' stroke=\'%23E52C51\'/%3E%3C/svg%3E");
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .twocols .mktoFormCol {
    width: 48%;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFormRow.footer .mktoHtmlText {
    font-size: 10px;
    line-height: 18px;
    font-weight: 400;
    color: #3a3a37;
    font-family: Gotham SSm A, Gotham SSm B;
    margin: 15px auto 20px;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFormRow.footer .mktoHtmlText a {
    font-weight: 600;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoButtonRow button {
    min-width: 206px;
    width: 206px;
    height: 60px;
    font-size: 15px;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoError {
    font-size: 16px;
    line-height: 16px;
    color: #283c5c;
}

.page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoInvalid {
    border: 1px solid #283c5c;
}

@media screen and (min-width:992px) {
    .page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFormRow.fields {
        position: relative;
    }

    .page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFieldWrap {
        position: unset;
    }

    .page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoError {
        bottom: 0 !important;
    }
}

@media screen and (max-width:991px) {
    .page-template-page-contact-us main .mkto-wrapper .mktoForm {
        padding: 50px 20px;
    }

    .page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoError {
        position: relative;
        margin: 0 0 30px;
    }
}

@media screen and (max-width:767px) {
    .page-template-page-contact-us main .mkto-wrapper .mktoForm .mktoFormRow.fields {
        padding: 0;
    }

    .page-template-page-contact-us main .mkto-wrapper .mktoForm .twocols .mktoFormCol {
        width: 100%;
    }
}

.parent-pageid-10915 .testimonial .more {
    display: none !important;
}

.page-template-template-log-in header.banner:not(.showonscroll) {
    background-color: transparent;
}

.about-us .history-text .media-and-text.image-last figure {
    width: 614px;
}

@media screen and (min-width:992px) {
    .about-us .history-text .media-and-text.image-last figure {
        position: relative;
    }

    .about-us .history-text .media-and-text.image-last figure img {
        transform: translatex(124px);
    }

    .about-us .history-text .media-and-text.image-last figure:before {
        content: "";
        position: absolute;
        background: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/blob-about.svg") no-repeat;
        width: 40px;
        height: 42px;
        top: -40px;
        right: 0;
    }
}

@media screen and (max-width:767px) {
    .about-us .history-text .media-and-text.image-last figure {
        margin: 0 auto 35px;
    }
}

.about-us .history-slider .slick-list {
    overflow: visible;
}

.about-us .history-slider .title-and-text.slick-current p {
    color: #283c5c;
}

.about-us .history-slider .title-and-text.slick-current .text-title-columns {
    color: #3a3a37;
}

@media screen and (max-width:767px) and (min-width:415px) {
    .about-us .we-work .slick-list {
        overflow: visible;
    }
}

.about-us .text-video-slider .slick-list {
    margin: 0 -15px;
}

.about-us .text-video-slider .slick-slide>img {
    padding: 0 15px;
}

@media screen and (max-width:991px) {
    .about-us .team-list .slick-list {
        overflow: visible;
    }
}

@media screen and (max-width:767px) {
    .about-us .team-list .slick-list {
        margin-left: calc((100vw - 203px) / 2);
    }
}

.about-us .about-gallery .gallery .slick-list {
    overflow: visible;
}

.page-template-template-referral .mktoForm .mktoFieldWrap input,
.page-template-template-referral .mktoForm .mktoFieldWrap select,
.page-template-template-referral .mktoForm .mktoFieldWrap textarea {
    margin-bottom: 30px;
}

.page-template-template-referral .mktoForm .mktoButtonRow button {
    min-width: 163px;
    max-width: 163px;
    height: 60px;
}

@media screen and (max-width:767px) {

    .page-template-template-referral .mktoForm .mktoFieldWrap input,
    .page-template-template-referral .mktoForm .mktoFieldWrap select,
    .page-template-template-referral .mktoForm .mktoFieldWrap textarea {
        margin-bottom: 20px;
    }
}

.modern-hr .badges-slider .slick-slide img {
    background: #fff;
    box-shadow: 0 1.31921px 4.61725px rgba(0, 0, 0, .15);
    border-radius: 2.63843px;
    padding: 25px 26px;
    margin: 10px;
    max-width: 140px;
}

.modern-hr .Bob-slick-2 .slick-arrow,
.modern-hr .bob-slick-2 .slick-arrow {
    width: 33px;
    height: 33px;
}

.modern-hr .Bob-slick-2 .slick-arrow.slick-next,
.modern-hr .bob-slick-2 .slick-arrow.slick-next {
    right: -7px;
}

.modern-hr .Bob-slick-2 .slick-arrow.slick-prev,
.modern-hr .bob-slick-2 .slick-arrow.slick-prev {
    left: -6px;
}

@media screen and (max-width:991px) {
    .modern-hr .badges-slider .slick-slide img {
        margin: 10px auto;
    }
}

@media screen and (max-width:991px) and (max-width:767px) {
    .modern-hr .badges-slider .slick-slide img {
        max-width: 100%;
        padding: 42px 86px;
    }
}

@media screen and (max-width:767px) {
    .modern-hr .wrapped .slick-list {
        margin: 0 -30px;
    }

    .modern-hr .wrapped .slick-list img {
        margin: 0 20px !important;
    }
}

body.page-template-template-free-mason.modern-hr div.testimonial figure:after,
body.page-template-template-free-mason.modern-hr div.testimonial figure:before {
    display: none;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.modern-hr div.testimonial figure {
        display: none;
    }
}

body.page-template-template-free-mason.modern-hr .mktoForm .mktoButtonRow button {
    min-width: 261px;
    height: 60px;
    margin-top: 13px;
}

body.page-template-template-free-mason.modern-hr .mktoForm .mktoFormRow.footer .mktoHtmlText {
    color: #3a3a37;
}

.page-template-template-agenda header.banner:not(.showonscroll) {
    background-color: transparent !important;
}

@media screen and (max-width:991px) {
    .page-template-template-agenda .featured-posts .slick-slider .slick-list {
        padding: 0 !important;
    }
}

.single-thankyou .trd-ph-embedded .slick-dots button {
    box-sizing: border-box !important;
    border: none !important;
}

.single-thankyou .trd-ph-embedded .slick-initialized .trd-content-hub-item {
    margin: 0 10px 20px !important;
    max-width: 100% !important;
}

body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text {
    padding: 160px 0 90px;
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text {
        padding: 63px 30px 0;
    }
}

body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 27.2px;
    font-family: var(--gotham);
    margin: 12px 0 30px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text p {
        max-width: 558px;
    }
}

body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text .button {
    width: auto;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    padding: 0 50px;
    margin-top: 30px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text .button {
        margin: 15px auto 30px;
        display: block;
    }
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text figure {
        display: none;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text.not-responsive.image-last.image-middle>figure {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: end;
        width: 594px;
    }

    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text.not-responsive.image-last.image-middle>figure img {
        transform: none;
    }

    body.page-template-template-free-mason.pricing-page-feature section.hero div.media-and-text .content {
        width: 548px;
    }
}

body.page-template-template-free-mason.pricing-page-feature section.hero {
    position: relative;
    overflow: hidden;
}

body.page-template-template-free-mason.pricing-page-feature .pricing-header .cta-flow-container {
    width: 462px;
    max-width: 100%;
    padding: 40px 60px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
}

body.page-template-template-free-mason.pricing-page-feature .pricing-header .testimonial figure:after,
body.page-template-template-free-mason.pricing-page-feature .pricing-header .testimonial figure:before {
    display: none;
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.pricing-page-feature .pricing-header .cta-flow-container {
        padding: 30px 20px;
        width: 100%;
    }
}

.page-template-template-free-mason.pento-lp .pento-links-wrap .image-with-text[data-toggle=modal] .link {
    background-color: #283c5c;
}

.page-template-template-free-mason.pento-lp .pento-links-wrap .image-with-text[data-toggle=modal] .link:after {
    background: #283c5c;
}

body.page-template-template-free-mason.compare section.hero div.media-and-text h1 {
    font-size: 45px;
    font-family: var(--sentinel);
    font-weight: 900;
    margin: 18px 0 12px;
    line-height: 58.5px;
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text h1 {
        font-size: 30px;
        line-height: 39px;
        text-align: left;
    }
}

body.page-template-template-free-mason.compare section.hero div.media-and-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--gotham);
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text p {
        text-align: left;
    }
}

body.page-template-template-free-mason.compare section.hero div.media-and-text .resource {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    line-height: 13px;
    padding-bottom: 20px;
    color: #8e887f;
}

@media screen and (min-width:992px) and (max-width:1299px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text .resource {
        position: relative;
    }
}

body.page-template-template-free-mason.compare section.hero div.media-and-text .resource a {
    color: #8e887f;
    text-decoration: underline;
}

body.page-template-template-free-mason.compare section.hero div.media-and-text .resource a:hover {
    color: #a69f93;
    text-decoration: none;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text {
        padding: 147px 0 0;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media screen and (min-width:992px) and (min-width:992px) and (max-width:1299px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text {
        -ms-flex-align: end;
        align-items: end;
        padding: 120px 0 0;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text figure {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: end;
        width: auto;
        height: auto;
    }

    body.page-template-template-free-mason.compare section.hero div.media-and-text figure img {
        transform: none;
        height: auto;
        max-width: 565px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    body.page-template-template-free-mason.compare section.hero div.media-and-text .content {
        padding-right: 15px;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        position: relative;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.compare section.hero div.media-and-text {
        padding: 70px 0 0;
        position: relative;
    }

    body.page-template-template-free-mason.compare section.hero div.media-and-text figure {
        width: 100%;
        padding: 30px 0 0;
        margin: 0;
    }

    body.page-template-template-free-mason.compare section.hero div.media-and-text .content {
        padding: 0 30px;
    }

    body.page-template-template-free-mason.compare section.hero div.media-and-text .resource {
        bottom: -31px;
        padding: 0;
        max-width: 280px;
        width: 280px;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.compare section.hero {
        padding-bottom: 0;
        overflow: visible;
        margin-bottom: 50px;
    }
}

body.page-template-template-free-mason.compare .compares-tabs .slick-dots {
    display: none;
}

body.page-template-template-free-mason.compare .testimonials-list .slick-list {
    padding: 0 !important;
}

body.page-template-template-free-mason.compare .testimonials-list figure {
    display: none;
}

body.page-template-template-free-mason.compare div.media-and-text.not-responsive.image-first>figure {
    height: -webkit-fit-content;
    height: fit-content;
}

body.page-template-template-free-mason.compare .awards .wrapped,
body.page-template-template-free-mason.compare .awards .wrapped .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width:991px) {
    .main .blogposts .list .slick-list {
        overflow: visible;
    }
}

.slick-arrow,
.slick-arrow::-moz-focus-inner {
    outline: none;
}

.slick-slider {
    -webkit-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.slick-list.draggable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (min-width:992px) {
    .header-title {
        font-weight: 800;
        font-size: 33px;
        line-height: 1.1;
        margin-bottom: 3px;
    }

    header.sticky .sticky-hide {
        display: none;
    }

    .footer-menu ul li a {
        font-size: 10px;
        line-height: 1.7;
    }

    nav ul.nav>li {
        padding-left: 0;
        padding-right: 0;
    }

    nav ul.nav>li>a {
        font-size: 12px;
        line-height: 2.9;
    }

    nav ul.sub-menu {
        padding: 0;
        padding: 10px 0;
        min-width: 200px;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        position: absolute;
        border-radius: 4px;
        background: #fff;
        border: 1px solid #d2d2d2;
        left: 50%;
        transform: translatex(-50%);
    }

    nav ul.sub-menu:before {
        content: "";
        position: absolute;
        background: #fff;
        border: solid #d2d2d2;
        width: 10px;
        height: 10px;
        border-width: 1px 1px 0 0;
        transform: rotate(-45deg);
        top: -6px;
        left: calc(50% - 5px);
    }

    nav ul.sub-menu li {
        background-color: #fff;
    }

    nav ul.sub-menu li a {
        font-size: 14px;
        padding: 0 23px;
        line-height: 32px;
        white-space: nowrap;
        border: none;
        text-transform: none;
    }

    .disabled_video nav ul.nav li.menu-item-has-children>a:after {
        background-image: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/assets/images/menu_arrow_white.svg");
    }

    .mobile-navigation,
    legend.frm_hidden {
        display: none;
    }

    #partners-section-container .inner-container,
    #thankyou-container.in {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

    #thankyou-container.in {
        height: 150px;
        width: 100vw;
    }
}

@media screen and (max-width:991px) {
    html {
        max-width: 100vw;
        overflow: auto;
        overflow-x: hidden;
    }

    .desktop-clubs-graph-section,
    .desktop-navigation,
    .logo_area_desktop {
        display: none;
    }

    nav ul.nav>li.current-menu-item>a,
    nav ul.nav>li>a:hover {
        color: #535353;
    }

    header.banner {
        position: absolute;
        overflow: hidden;
        padding: 11px 0;
        z-index: 999;
    }

    .header-title {
        font-size: 40px;
        line-height: 1.1;
    }

    .navbar-toggle {
        padding: 0;
        margin-right: 0;
        display: block;
    }

    .navbar-toggle svg {
        fill: var(--header-link-color, #535353);
    }

    .navbar-toggle .icon-bar {
        background-color: #535353;
        width: 30px;
        height: 3px;
        border-radius: 0;
    }

    .video .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    body.page-template-template-alternate-homepage .navbar-toggle .icon-bar {
        background-color: #535353;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px;
    }

    .footer-menu ul li a {
        font-size: 11px;
        line-height: 1.6;
    }

    .logo-container {
        float: left;
        padding-left: 0;
    }
}

@media (max-width:768px) {
    header.banner .primary-navigation {
        padding-top: 0;
    }
}

@media (max-width: 460px) {
    .header-title {
        font-size: 24px !important;

        line-height: 1.2 !important;

        text-align: auto !important;
margin:auto 20px !important;


    }
}

@media screen and (max-width:767px) {
    .header-title {
        font-size: 25px;
        line-height: 1.16;
        /* margin: 15px; */
        /* margin-left: 20px; */
        /* text-align: center; */
    }

    .header-title span {
        display: block;
        line-height: 1;
    }

    .modal-body {
        padding: 45px 30px;
    }

    .page-content-container iframe {
        max-width: 100%;
        height: auto;
    }
}

body.page-template-template-free-mason header.banner {
    background-color: transparent;
}

body.page-template-template-free-mason header.banner.showonscroll {
    background-color: #fff;
}

body.page-template-template-free-mason main {
    background: #fffdfb;
}

body.page-template-template-free-mason section.hero {
    padding-bottom: .1px;
}

body.page-template-template-free-mason section.hero figure.hero {
    font-size: 24px;
    position: relative;
    width: 100%;
    text-align: center;
}

body.page-template-template-free-mason section.hero figure.hero a.more {
    font-size: 13px;
    padding-top: 20px;
    color: #ffa63e;
    font-weight: 600;
    fill: #ffa63e;
    font-family: Gotham SSm A, Gotham SSm B;
    text-transform: uppercase;
}

body.page-template-template-free-mason section.hero figure.hero a.more span svg {
    margin: 0;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero figure.hero a.more span svg {
        width: auto;
        height: auto;
        position: unset;
    }
}

body.page-template-template-free-mason section.hero figure.hero a.more-video:hover {
    opacity: .7;
}

body.page-template-template-free-mason section.hero figure.hero a.more-video span {
    vertical-align: top;
    margin-right: 10px;
    margin-left: 0;
    position: relative;
    top: -2px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason section.hero figure.hero {
        overflow: hidden;
        min-height: 700px;
    }

    body.page-template-template-free-mason section.hero figure.hero img:nth-of-type(2) {
        display: none;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero figure.hero img:nth-of-type(2) {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    body.page-template-template-free-mason section.hero figure.hero img:first-of-type {
        display: none;
    }
}

body.page-template-template-free-mason section.hero figure.hero svg {
    margin-top: -40px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero figure.hero svg {
        width: 1100px;
        height: 660px;
        left: calc(50% - 560px);
        margin: -40px 0 0;
        position: absolute;
    }
}

body.page-template-template-free-mason section.hero figure.hero svg path {
    animation: bounce-in 1s ease-in-out 0s 1 normal forwards, tremor 2.5s 10s ease-in-out 1;
    opacity: 1;
    transform: scale(0);
    transform-origin: 50% 50%;
}

body.page-template-template-free-mason section.hero figure.hero svg path:first-of-type {
    animation-delay: 0s, 10.1s;
}

body.page-template-template-free-mason section.hero figure.hero svg path:nth-of-type(2) {
    animation-delay: .2s, 10.2s;
}

body.page-template-template-free-mason section.hero figure.hero svg path:nth-of-type(3) {
    animation-delay: .3s, 10.3s;
}

body.page-template-template-free-mason section.hero figure.hero svg path:nth-of-type(4) {
    animation-delay: .4s, 10.4s;
}

body.page-template-template-free-mason section.hero figure.hero>.lottie,
body.page-template-template-free-mason section.hero figure.hero>img,
body.page-template-template-free-mason section.hero figure.hero>video {
    width: 100%;
    max-width: 1400px;
    display: inline-block;
    height: auto;
}

@media screen and (max-width:991px) {

    body.page-template-template-free-mason section.hero figure.hero>.lottie,
    body.page-template-template-free-mason section.hero figure.hero>img,
    body.page-template-template-free-mason section.hero figure.hero>video {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: 1;
        top: 0;
    }
}

body.page-template-template-free-mason section.hero figure.hero .lottie {
    max-width: 9999px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason section.hero figure.hero .lottie {
        width: 1555px;
        max-width: 100vw;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
    }

    body.page-template-template-free-mason section.hero figure.hero .lottie:before {
        content: "";
        padding-bottom: 57.14%;
        display: inline-block;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero figure.hero .lottie {
        width: 1174px;
        height: 669px;
        left: calc(50% - 590px);
    }
}

body.page-template-template-free-mason section.hero figure.hero figcaption {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 500;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason section.hero figure.hero figcaption {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
    }
}

body.page-template-template-free-mason section.hero figure.hero figcaption>* {
    margin: 0;
}

body.page-template-template-free-mason section.hero figure.hero figcaption .header-title {
    font-size: 45px;
    line-height: 1.1;
    margin-bottom: 0;
}

body.page-template-template-free-mason section.hero figure.hero figcaption .header-title+p,
body.page-template-template-free-mason section.hero figure.hero figcaption .header-title+strong {
    display: block;
    font-weight: 400;
    margin: 1em 0 1.5em;
}

@media screen and (min-width:992px) {

    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title+p br,
    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title+strong br {
        display: none;
    }
}

body.page-template-template-free-mason section.hero figure.hero figcaption .trybobfreewrapper {
    margin: 0;
}

body.page-template-template-free-mason section.hero figure.hero figcaption .trybobfreewrapper>* {
    font-size: 13px;
    height: 55px;
    line-height: 55px;
    width: 245px;
    padding: 0;
    text-align: center;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero figure.hero figcaption {
        padding: 120px 40px;
        position: relative;
        font-size: 20px;
        line-height: 1.2em;
        z-index: 10;
    }

    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title {
        font-size: 34px;
        line-height: 1.16;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 10px;
    }

    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title span {
        line-height: .9em;
        margin: 0;
    }

    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title span+span {
        margin-left: .1em;
    }
}

@media screen and (max-width:991px) and (min-width:992px) {
    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title span:nth-of-type(2) {
        font-size: 127px;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title.row {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.page-template-template-free-mason section.hero figure.hero figcaption .header-title.row span {
        -ms-flex: 0 auto;
        flex: 0 auto;
        text-indent: 5px;
        width: auto;
    }
}

body.page-template-template-free-mason section.hero div.media-and-text {
    padding: 60px 0 0;
    margin: 0;
}

@media screen and (min-width:992px) and (max-width:1299px) {
    body.page-template-template-free-mason section.hero div.media-and-text {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

body.page-template-template-free-mason section.hero div.media-and-text figure img {
    width: auto;
    max-height: 540px;
}

@media screen and (min-width:992px) and (max-width:1299px) {
    body.page-template-template-free-mason section.hero div.media-and-text figure {
        max-width: 50% !important;
        padding: 0 !important;
        -ms-flex-pack: end !important;
        justify-content: end !important;
    }

    body.page-template-template-free-mason section.hero div.media-and-text figure img {
        max-width: calc(100% - 106px) !important;
    }
}

body.page-template-template-free-mason section.hero div.media-and-text .header-title {
    font-size: 45px;
    line-height: 1.1;
}

body.page-template-template-free-mason section.hero div.media-and-text .content {
    width: 580px;
}

@media screen and (min-width:992px) and (max-width:1299px) {
    body.page-template-template-free-mason section.hero div.media-and-text .content {
        max-width: 50% !important;
    }
}

body.page-template-template-free-mason section.hero div.media-and-text h1 {
    margin: 0;
}

body.page-template-template-free-mason section.hero div.media-and-text h1 .header-title+strong,
body.page-template-template-free-mason section.hero div.media-and-text p {
    display: block;
    margin: 0 0 27px;
    font-size: 24px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 500;
    line-height: 28px;
}

body.page-template-template-free-mason section.hero div.media-and-text .button {
    width: 245px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason section.hero div.media-and-text.full-width-responsive .content>* {
        width: 580px;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero div.media-and-text {
        padding: 60px 30px;
    }

    body.page-template-template-free-mason section.hero div.media-and-text .header-title {
        font-size: 34px;
        line-height: 1.16;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.page-template-template-free-mason section.hero div.media-and-text .header-title span {
        text-align: center;
    }

    body.page-template-template-free-mason section.hero div.media-and-text h1,
    body.page-template-template-free-mason section.hero div.media-and-text h2,
    body.page-template-template-free-mason section.hero div.media-and-text h3,
    body.page-template-template-free-mason section.hero div.media-and-text h4 {
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-template-template-free-mason section.hero div.media-and-text h1 .header-title+strong,
    body.page-template-template-free-mason section.hero div.media-and-text p {
        font-size: 20px;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-template-template-free-mason section.hero div.media-and-text .button {
        width: 100%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-template-template-free-mason section.hero div.media-and-text .g2_capterra_wrap,
    body.page-template-template-free-mason section.hero div.media-and-text .hero-logos,
    body.page-template-template-free-mason section.hero div.media-and-text a,
    body.page-template-template-free-mason section.hero div.media-and-text figure img {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

body.page-template-template-free-mason section.hero.intermediate div.media-and-text .header-title {
    font-size: 45px;
}

body.page-template-template-free-mason section.hero.intermediate div.media-and-text p {
    font-family: Gotham SSm A, Gotham SSm B;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 17px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero {
        overflow: hidden;
    }
}

body.page-template-template-free-mason .features-landing-media-text .media-and-text>figure {
    height: auto !important;
    width: auto !important;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason .features-landing-media-text .media-and-text .content {
        padding: 0 50px;
    }
}

body.page-template-template-free-mason .features-landing-media-text .media-and-text .content .header-title {
    margin: 0;
    font-size: 50px;
    line-height: .95em;
}

body.page-template-template-free-mason .features-landing-media-text .media-and-text .content ul {
    list-style-image: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/red-v.svg");
    list-style-position: outside;
    padding: 0 0 0 22px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason .features-landing-media-text .media-and-text.index-3 {
        margin-bottom: -40px;
    }

    body.page-template-template-free-mason .features-landing-media-text .media-and-text.index-3 .content {
        padding: 0 0 70px;
        margin: 0 0 0 -80px;
    }
}

body.page-template-template-free-mason .features-columns {
    width: 1045px;
    max-width: 100%;
    margin: 70px auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

body.page-template-template-free-mason .features-columns p:empty {
    display: none;
}

body.page-template-template-free-mason .features-columns .header-title,
body.page-template-template-free-mason .features-columns h3,
body.page-template-template-free-mason .features-columns p {
    -ms-flex: 1 100%;
    flex: 1 100%;
    text-align: center;
}

body.page-template-template-free-mason .features-columns>h2 {
    margin: auto;
}

body.page-template-template-free-mason .features-columns>h2 strong {
    display: block;
    font-size: 14px;
    margin: 22px 0 35px;
    font-weight: 400;
}

body.page-template-template-free-mason .features-columns .header-title {
    line-height: .95;
    font-size: 50px;
}

body.page-template-template-free-mason .features-columns>p {
    font-size: 21px;
    font-family: Sentinel SSm A, Sentinel SSm B;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason .features-columns {
        padding: 0 30px;
    }

    body.page-template-template-free-mason .features-columns .header-title {
        font-size: 48px;
    }

    body.page-template-template-free-mason .features-columns>p {
        font-size: 20px;
    }
}

body.page-template-template-free-mason .feature-column {
    padding: 0;
    margin-bottom: 45px;
    text-align: center;
    max-width: 300px;
}

body.page-template-template-free-mason .feature-column svg {
    height: 26px;
    width: auto;
    margin: 0 auto;
    display: block;
}

body.page-template-template-free-mason .feature-column .wrap-h3 {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

body.page-template-template-free-mason .feature-column .wrap-h3 .include {
    font-size: 6px;
    font-weight: 500;
    line-height: 6;
    text-align: right;
    text-transform: uppercase;
}

body.page-template-template-free-mason .feature-column .wrap-h3 .include svg {
    display: inline-block;
    height: 8px;
    width: 8px;
    margin-right: 4px;
}

body.page-template-template-free-mason .feature-column h3 {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 0 0 16px;
    height: 35px;
    line-height: 35px;
}

body.page-template-template-free-mason .feature-column p {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.65em;
}

body.page-template-template-free-mason .feature-column.not-included {
    opacity: .5;
}

body.page-template-template-free-mason .gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 130px 0;
}

body.page-template-template-free-mason .gallery .title,
body.page-template-template-free-mason .gallery figcaption {
    font-size: 24px;
    text-align: center;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 500;
    margin: 0 0 2em;
    -ms-flex: 1 100%;
    flex: 1 100%;
}

body.page-template-template-free-mason .gallery:not(.hibob-carousel) img {
    margin: 0 20px;
    max-height: 50px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason .gallery {
        margin: 120px 20px;
    }

    body.page-template-template-free-mason .gallery .title,
    body.page-template-template-free-mason .gallery figcaption {
        font-size: 20px;
        margin-bottom: 17px;
    }

    body.page-template-template-free-mason .gallery:not(.hibob-carousel) img {
        margin: 22px 0;
        display: inline-block;
    }
}

body.page-template-template-free-mason div.media-and-text {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.media-and-text {
        margin: 117px 0;
        overflow: hidden;
    }
}

body.page-template-template-free-mason div.media-and-text>figure img {
    display: inline-block;
}

body.page-template-template-free-mason div.media-and-text>figure canvas,
body.page-template-template-free-mason div.media-and-text>figure video {
    max-width: 100%;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.media-and-text>figure img:nth-of-type(2) {
        display: none !important;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.media-and-text>figure img:first-of-type {
        /* display: none !important; */
    }
}

body.page-template-template-free-mason div.media-and-text .content {
    font-size: 15px;
    line-height: 1.64706;
    width: 425px;
    font-weight: 300;
    max-width: 100%;
    -ms-flex-order: 1;
    order: 1;
    box-sizing: border-box;

}

body.page-template-template-free-mason div.media-and-text .content:empty {
    display: none;
}

body.page-template-template-free-mason div.media-and-text .content .header-title {
    font-size: 50px;
    margin: 10px 0 17px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.media-and-text .content .header-title span {
        margin-left: 0;
        margin-right: 5px;
    }
}

body.page-template-template-free-mason div.media-and-text .content>h2 {
    font-size: 45px;
    line-height: 1;
    font-weight: 700;
    font-family: var(--sentinel);
    margin: 10px 0 25px;
}

@media screen and (min-width:992px) {

    body.page-template-template-free-mason div.media-and-text.not-responsive.image-first>figure,
    body.page-template-template-free-mason div.media-and-text.not-responsive.image-last>figure {
        width: 600px;
        height: 560px;
    }

    body.page-template-template-free-mason div.media-and-text.not-responsive.image-first>figure img,
    body.page-template-template-free-mason div.media-and-text.not-responsive.image-last>figure img {
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    body.page-template-template-free-mason div.media-and-text.not-responsive.image-first.image-middle>figure,
    body.page-template-template-free-mason div.media-and-text.not-responsive.image-last.image-middle>figure {
        height: auto;
    }

    body.page-template-template-free-mason div.media-and-text.image-bottom figure {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

body.page-template-template-free-mason div.media-and-text.image-top {
    -ms-flex-align: normal;
    align-items: normal;
}

body.page-template-template-free-mason div.media-and-text.image-first .content {
    -ms-flex-order: 2;
    order: 2;
}

body.page-template-template-free-mason div.media-and-text.image-first>figure {
    -ms-flex-order: 1;
    order: 1;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.media-and-text.image-first>figure img {
        transform: translatex(-106px);
    }
}

body.page-template-template-free-mason div.media-and-text.image-last figure {
    -ms-flex-order: 2;
    order: 2;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.media-and-text.image-last figure img {
        transform: translatex(106px);
    }
}

body.page-template-template-free-mason div.media-and-text.image-last .content {
    -ms-flex-order: 1;
    order: 1;
}

body.page-template-template-free-mason div.media-and-text.image-fullwidth .content,
body.page-template-template-free-mason div.media-and-text.image-fullwidth>figure {
    text-align: center;
    -ms-flex: 1 100%;
    flex: 1 100%;
}

body.page-template-template-free-mason div.media-and-text.image-fullwidth .content img,
body.page-template-template-free-mason div.media-and-text.image-fullwidth>figure img {
    display: block;
    margin: auto;
    transform: none;
    max-width: 1200px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.media-and-text.image-fullwidth>figure img:nth-of-type(2) {
        max-width: 100vw;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: 50% 100%;
        object-position: 50% 100%;
    }
}

body.page-template-template-free-mason div.media-and-text.image-cover>figure {
    display: -ms-flexbox;
    display: flex;
}

body.page-template-template-free-mason div.media-and-text.image-cover>figure:before {
    content: "";
    padding-bottom: 40%;
}

body.page-template-template-free-mason div.media-and-text.image-cover>figure img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-width: none;
}

body.page-template-template-free-mason div.media-and-text>figure {
    -ms-flex-order: 1;
    order: 1;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.media-and-text.image-mobile-first>figure {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px;
    }

    body.page-template-template-free-mason div.media-and-text.image-mobile-first .content {
        -ms-flex-order: 2;
        order: 2;
    }

    body.page-template-template-free-mason div.media-and-text.image-mobile-last .content {
        -ms-flex-order: 1;
        order: 1;
    }

    body.page-template-template-free-mason div.media-and-text.image-mobile-last>figure {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 50px;
    }
}

@media screen and (min-width:1300px) {

    body.page-template-template-free-mason div.media-and-text.full-width-responsive .content,
    body.page-template-template-free-mason div.media-and-text.full-width-responsive>figure {
        -ms-flex: 1 50%;
        flex: 1 50%;
        text-align: right;
        max-width: 950px;
    }

    body.page-template-template-free-mason div.media-and-text.full-width-responsive .content img,
    body.page-template-template-free-mason div.media-and-text.full-width-responsive>figure img {
        transform: none;
    }

    body.page-template-template-free-mason div.media-and-text.full-width-responsive.image-first>figure {
        text-align: left;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.media-and-text {
        padding: 40px 32px;
        font-size: 14px;
    }

    body.page-template-template-free-mason div.media-and-text .content {
        font-size: 14px;
        line-height: 1.43em;
    }

    body.page-template-template-free-mason div.media-and-text .content h2 {
        font-size: 35px;
    }

    body.page-template-template-free-mason div.media-and-text .content .header-title {
        font-size: 48px;
    }

    body.page-template-template-free-mason div.media-and-text figure img {
        display: block;
    }

    body.page-template-template-free-mason div.media-and-text.full-width-responsive>figure {
        margin-left: -32px;
        margin-right: -32px;
        width: 100%;
    }

    body.page-template-template-free-mason div.media-and-text.full-width-responsive.image-last>figure {
        padding-left: 30px;
    }

    body.page-template-template-free-mason div.media-and-text.full-width-responsive.image-first>figure {
        padding-right: 30px;
    }

    body.page-template-template-free-mason div.media-and-text.image-fullwidth figure {
        margin: 0 -30px;
        height: 280px;
    }

    body.page-template-template-free-mason div.media-and-text.image-fullwidth figure img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

    body.page-template-template-free-mason div.media-and-text.image-fullwidth.image-cover figure {
        height: 360px;
        margin: 0;
    }
}

body.page-template-template-free-mason section.quotesection {
    padding: 170px 0 220px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.quotesection {
        padding: 57px 30px;
        overflow: hidden;
    }
}

body.page-template-template-free-mason div.testimonial {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-align: stretch;
    align-items: center;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.testimonial .testimonial-modal .modal-body iframe {
        width: 800px;
        height: 448px;
    }
}

body.page-template-template-free-mason div.testimonial .content {
    -ms-flex: 0 1 550px;
    flex: 0 1 550px;
    max-width: 100%;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.testimonial .content {
        padding-right: 20px;
    }
}

body.page-template-template-free-mason div.testimonial .content blockquote {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: .1px;
    border: none;
    padding: 0;
    margin: 0;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.testimonial .content blockquote {
        margin-bottom: auto;
        transform: translatey(-.85em);
    }
}

body.page-template-template-free-mason div.testimonial .content blockquote:after,
body.page-template-template-free-mason div.testimonial .content blockquote:before {
    display: inline-block;
}

body.page-template-template-free-mason div.testimonial .content blockquote:before {
    content: "“";
    margin-right: .1em;
}

body.page-template-template-free-mason div.testimonial .content blockquote:after {
    content: "”";
    margin-left: .1em;
}

body.page-template-template-free-mason div.testimonial .content cite {
    font-style: normal;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.27273;
}

body.page-template-template-free-mason div.testimonial .content small {
    font-size: 14px;
    line-height: 1.57143;
    font-weight: 300;
    margin-top: .5em;
}

body.page-template-template-free-mason div.testimonial .content a {
    text-align: center;
    margin-top: auto;
    font-size: 12px;
    color: inherit;
    line-height: 44px;
    height: 44px;
    width: 230px;
    width: -webkit-fit-content;
    width: fit-content;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    text-decoration: none;
}

body.page-template-template-free-mason div.testimonial .content a:after {
    background: #f3ede5;
}

body.page-template-template-free-mason div.testimonial figure {
    position: relative;
    -ms-flex: 0 1 520px;
    flex: 0 1 520px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason div.testimonial figure {
        -ms-flex-order: 2;
        order: 2;
        height: -webkit-fit-content;
        height: fit-content;
    }
}

body.page-template-template-free-mason div.testimonial figure img,
body.page-template-template-free-mason div.testimonial figure video {
    width: 520px;
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

body.page-template-template-free-mason div.testimonial figure:after,
body.page-template-template-free-mason div.testimonial figure:before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 0;
}

body.page-template-template-free-mason div.testimonial figure:before {
    width: 120px;
    top: 130px;
    height: 110px;
    background-image: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/yellow-blot.svg");
    left: -40px;
}

body.page-template-template-free-mason div.testimonial figure:after {
    width: 322px;
    height: 253px;
    background-image: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/red-blot.svg");
    right: -80px;
    bottom: -80px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.testimonial {
        width: 100%;
    }

    body.page-template-template-free-mason div.testimonial figure {
        width: 100%;
        margin: 0 -30px;
        overflow: hidden;
        padding: 0 30px 30px;
    }

    body.page-template-template-free-mason div.testimonial figure img {
        width: 100%;
    }

    body.page-template-template-free-mason div.testimonial figure:before {
        top: 60px;
        width: 62px;
        height: 56px;
        left: 0;
    }

    body.page-template-template-free-mason div.testimonial figure:after {
        bottom: 0;
        right: -20px;
        width: 160px;
        height: 130px;
    }

    body.page-template-template-free-mason div.testimonial .content {
        margin: 40px 0;
    }

    body.page-template-template-free-mason div.testimonial .content blockquote {
        font-size: 30px;
        line-height: 1;
    }

    body.page-template-template-free-mason div.testimonial .content cite {
        font-size: 16px;
        line-height: 1.5em;
        margin-top: 30px;
    }

    body.page-template-template-free-mason div.testimonial .content a {
        margin-top: 40px;
    }
}

body.page-template-template-free-mason div.testimonial.testimonial__video {
    padding: 70px 82px;
}

body.page-template-template-free-mason div.testimonial.testimonial__video {
    padding: 70px 82px;
    direction: rtl;

}

body.page-template-template-free-mason div.testimonial.testimonial__video figure {
    display: block;
    min-width: -webkit-fit-content;
    min-width: fit-content;
}

body.page-template-template-free-mason div.testimonial.testimonial__video figure .img-wrap {
    position: relative;
}

body.page-template-template-free-mason div.testimonial.testimonial__video .content {
    padding-left: 50px;
    -ms-flex: unset;
    flex: unset;
    margin-left: 90px;
}

body.page-template-template-free-mason div.testimonial.testimonial__video blockquote {
    border: none;
    padding: 0;
    font-size: 24px;
    line-height: 140%;
    font-weight: 500;
    font-family: var(--sentinel);
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason div.testimonial.testimonial__video {
        /* max-width: 500px; */
        /* padding: 40px 23px; */
        /* -ms-flex-direction: column; */
        /* flex-direction: column; */
    }

    body.page-template-template-free-mason div.testimonial.testimonial__video .content {
        padding: 20px 0 0;
    }

    body.page-template-template-free-mason div.testimonial.testimonial__video blockquote {
        font-size: 20px;
        line-height: 150%;
    }
}

body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-track {
    display: -ms-flexbox;
    display: flex;
}

body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 15px 0 5px;
    padding: 0;
}

body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots button {
    display: none;
}

body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots li {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots li:before {
    background-color: #c4c4c4;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}

body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots li.slick-active:before,
body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots li:hover:before {
    background-color: #283c5c;
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason .testimonials_slider_wrapper .testimonials_slider .slick-dots {
        margin-top: 5px;
    }
}

body.page-template-template-free-mason .case_studies_slider_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 60px 0;
    background: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/yellow-blots.svg") no-repeat top 50% left calc(50% - 550px);
}

body.page-template-template-free-mason .case_studies_slider_wrapper .content {
    max-width: 483px;
    width: 100%;
    padding-right: 117px;
    color: #fff;
    margin-left: 45px;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .content h4 {
    font-size: 22px;
    line-height: 28px;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .content h2 {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 45px;
    line-height: 51px;
    margin: 10px 0 30px;
    font-weight: 700;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .content p {
    font-size: 24px;
    line-height: 34px;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider {
    max-width: 742px;
    width: 100%;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-track {
    display: -ms-flexbox;
    display: flex;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-track .slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .logo {
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin: 10px 10px 20px;
    padding: 45px;
    width: 270px;
    min-height: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content {
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin: 10px;
    padding: 60px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content p {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 30px;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content .details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 22.4px;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content .details img {
    border: 2px solid #fff;
    filter: drop-shadow(0 2.17957px 5.44892px rgba(0, 0, 0, .1));
    border-radius: 50%;
    width: 80px;
    margin-right: 20px;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content .details cite {
    font-weight: 500;
    font-style: normal;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content .details a {
    color: #283c5c;
    display: block;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 15px 0 5px;
    padding: 0;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots button {
    display: none;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots li {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots li:before {
    background-color: #c4c4c4;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots li.slick-active:before,
body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots li:hover:before {
    background-color: #283c5c;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slider-button {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 98px;
    cursor: pointer;
    z-index: 10;
    border: 0;
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slider-button.slick-prev {
    background: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/prev-arrow.svg");
    left: calc(50% - 30px);
}

body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slider-button.slick-next {
    background: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/next-arrow.svg");
    left: calc(50% + 30px);
}

@media screen and (max-width:1270px) and (min-width:1025px) {
    body.page-template-template-free-mason .case_studies_slider_wrapper {
        background-position: top 50% left calc(50% - 450px);
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .content {
        max-width: 420px;
        padding-right: 57px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider {
        max-width: 550px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .logo {
        width: 200px;
        min-height: 90px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content {
        padding: 40px 23px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content p {
        font-size: 27px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slider-button {
        top: 70px;
    }
}

@media screen and (max-width:1024px) {
    body.page-template-template-free-mason .case_studies_slider_wrapper {
        background: url("https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/../../../../../../../../themes/hibob-v2_etyhadar/dist/images/yellow-blot-mobile.svg") no-repeat top -250px left calc(50% - 70px);
        background-size: 800px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .content {
        padding: 0 0 100px;
        margin: 0 10px;
    }
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason .case_studies_slider_wrapper {
        padding: 30px 20px;
        background-size: 670px;
        background-position: calc(50% - 30px) calc(-250px + 11%);
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .content h2 {
        font-size: 35px;
        line-height: 35px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .content p {
        font-size: 22px;
        line-height: 32px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .logo {
        width: calc(100% - 20px);
        padding: 25px;
        min-height: 80px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content {
        padding: 40px 23px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content p {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content .details {
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slide-content .details img {
        width: 100px;
        margin: 0 0 15px;
    }

    body.page-template-template-free-mason .case_studies_slider_wrapper .case_studies_slider .slick-dots {
        margin-top: 5px;
    }
}

body.page-template-template-free-mason .article-link figure {
    margin: 30px 0;
    height: 244px;
}

body.page-template-template-free-mason .article-link figure img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.page-template-template-free-mason .article-link strong {
    font-size: 30px;
    line-height: 1.17em;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 500;
    margin-bottom: 20px;
}

body.page-template-template-free-mason div.accordion>figure:last-child figcaption:after {
    content: none;
}

body.page-template-template-free-mason .title-and-iframe {
    font-size: 17px;
    line-height: 1.65em;
    text-align: center;
    padding-top: .1em;
    font-weight: 300;
}

body.page-template-template-free-mason .title-and-iframe h1 {
    margin: 200px 0 30px;
    line-height: 1.1em;
    font-size: 55px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 900;
}

body.page-template-template-free-mason .title-and-iframe .boborgchart {
    padding: 70px 0;
}

body.page-template-template-free-mason .title-and-iframe .boborgchart iframe,
body.page-template-template-free-mason .title-and-iframe .boborgchart img {
    margin: auto;
    width: 980px;
    max-width: 100%;
}

body.page-template-template-free-mason .title-and-iframe .boborgchart img {
    height: auto;
}

body.page-template-template-free-mason .title-and-iframe .boborgchart iframe {
    height: 570px;
    background: transparent;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason .title-and-iframe {
        font-size: 14px;
        padding: 1px 30px;
        text-align: left;
    }

    body.page-template-template-free-mason .title-and-iframe h1 {
        margin-top: 130px;
        font-size: 42px;
        letter-spacing: -.04em;
    }

    body.page-template-template-free-mason .title-and-iframe .bobblogchart {
        padding: 50px 0;
    }
}

body.page-template-template-free-mason section.more-features .morefeatures a strong {
    font-size: 22px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 500;
    text-transform: none;
    line-height: 1.27;
    letter-spacing: .2px;
    margin-bottom: 5px;
}

body.page-template-template-free-mason section.more-features .morefeatures .slick-arrow {
    top: 28px;
}

body.page-template-template-free-mason .news-teasers .col-md-4 figure {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason .news-teasers .col-md-4 figure {
        position: absolute;
        bottom: 0;
        height: 80px;
        width: 80px;
        left: 15px;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason .news-teasers .col-md-4 figure {
        height: 50px;
        margin: 20px 0 0;
    }
}

body.page-template-template-free-mason .workbestwith strong {
    text-transform: uppercase;
    font-weight: 500;
}

body.page-template-template-free-mason .workbestwith figure {
    margin: 19px 0;
}

body.page-template-template-free-mason .workbestwith figure img {
    display: inline-block;
    transform: none !important;
}

body.page-template-template-free-mason .bobboard .person strong {
    font-weight: 400;
    font-size: 18px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    margin: 0 -30px .5em;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason .bobboard .person strong {
        font-size: 20px;
        margin: 0;
        margin-bottom: .3em;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason #footer {
        margin-top: 0;
    }

    body.page-template-template-free-mason #footer .container {
        padding: 15px;
    }

    body.page-template-template-free-mason #footer .row-footer {
        padding: 15px 0;
    }
}

body.page-template-template-free-mason .media-and-text.video-and-text figure a {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
}

body.page-template-template-free-mason .media-and-text.video-and-text figure a img {
    transform: translatex(0);
}

body.page-template-template-free-mason .media-and-text.video-and-text figure a svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    --opacity: .9;
    fill: #535353;
    width: 100px;
    height: 100px;
}

body.page-template-template-free-mason .media-and-text.video-and-text figure a svg:hover {
    --opacity: 1;
    fill: #283c5c;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason .media-and-text.video-and-text figure a {
        transform: translatex(106px);
    }
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason .anchors.bob-slick .slick-dots {
        width: calc(100% - 32px);
        bottom: -15px;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason section.hero__section div.media-and-text.not-responsive.image-last>figure {
        width: -webkit-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: fit-content;
        max-width: 50%;
    }

    body.page-template-template-free-mason section.hero__section div.media-and-text.not-responsive.image-last>figure img {
        transform: none;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason section.hero__section div.media-and-text.image-mobile-last>figure {
        margin-top: 20px;
    }
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason section.hero__section div.media-and-text.image-mobile-last>figure {
        margin-top: 0;
    }
}

body.page-template-template-free-mason .four-columns.Bob-slick .slick-next.slick-arrow {
    margin-left: 100px;
}

body.page-template-template-free-mason .four-columns.Bob-slick .slick-prev.slick-arrow {
    margin-left: -100px;
}

body.page-template-template-free-mason .three-columns.Bob-slick .slick-next.slick-arrow {
    margin-left: 100px;
}

body.page-template-template-free-mason .three-columns.Bob-slick .slick-prev.slick-arrow {
    margin-left: -100px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.NS div.media-and-text.not-responsive>figure {
        width: -webkit-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: fit-content;
        max-width: 49%;
    }

    body.page-template-template-free-mason.NS div.media-and-text.not-responsive>figure img {
        transform: none;
        width: 100%;
        max-width: 473px;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.NS div.media-and-text.image-mobile-last>figure {
        margin-top: 30px;
    }
}

@media screen and (min-width:992px) {
    body.home.home-2022.page-template-template-free-mason .img-text-wrap div.media-and-text figure img {
        transform: none;
    }

    body.home.home-2022.page-template-template-free-mason .img-text-wrap div.media-and-text.index-1 figure {
        margin-left: 78px;
    }

    body.home.home-2022.page-template-template-free-mason .img-text-wrap div.media-and-text.index-2 figure {
        margin-right: 118px;
    }

    body.home.home-2022.page-template-template-free-mason .img-text-wrap div.media-and-text.index-3 figure {
        margin-left: 128px;
    }

    body.home.home-2022.page-template-template-free-mason .img-text-wrap div.media-and-text.index-4 figure {
        margin-right: 166px;
    }
}

@media screen and (max-width:767px) {
    body.home.home-2022.page-template-template-free-mason .img-text-wrap div.media-and-text>figure {
        margin-top: 36px;
    }
}

@media screen and (min-width:992px) {
    body.home.home-2022.page-template-template-free-mason .hero div.media-and-text>figure {
        width: auto;
    }
}

@media screen and (max-width:991px) {
    body.home section.hero figcaption .header-title span:nth-of-type(2) {
        font-size: 126px;
    }
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

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

    70% {
        transform: scale(.9);
    }

    to {
        transform: scale(1);
    }
}

@keyframes tremor {
    0% {
        transform: rotate(0) scale(1) translateX(0) translateY(0) skewX(0) skewY(0);
    }

    20% {
        transform: rotate(0) scale(1.03) translateX(0) translateY(0) skewX(0) skewY(0);
    }

    60% {
        transform: rotate(0) scale(.98) translateX(0) translateY(0) skewX(0) skewY(0);
    }

    80% {
        transform: rotate(0) scale(1.01) translateX(0) translateY(0) skewX(0) skewY(0);
    }

    90% {
        transform: rotate(0) scale(.99) translateX(0) translateY(0) skewX(0) skewY(0);
    }

    to {
        transform: rotate(0) scale(1) translateX(0) translateY(0) skewX(0) skewY(0);
    }
}

body.page-template-template-free-mason.single-features section.hero figure.hero {
    overflow: hidden;
}

body.page-template-template-free-mason.single-features section.hero figure.hero figcaption {
    padding: 250px 0 220px;
    color: #535353;
    position: relative;
    z-index: 2;
}

body.page-template-template-free-mason.single-features section.hero figure.hero figcaption p,
body.page-template-template-free-mason.single-features section.hero figure.hero figcaption strong {
    margin: 1em 0 0;
}

body.page-template-template-free-mason.single-features section.hero figure.hero figcaption p+p,
body.page-template-template-free-mason.single-features section.hero figure.hero figcaption strong+p {
    margin-top: 0;
}

body.page-template-template-free-mason.single-features section.hero figure.hero figcaption h1 {
    margin: 0;
    padding: 0;
    font-size: inherit;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.single-features section.hero figure.hero figcaption h1+.trybobfreewrapper {
        margin-top: 35px;
    }
}

body.page-template-template-free-mason.single-features section.hero figure.hero figcaption h1 .header-title+strong {
    margin: 1.12em 0 0;
}

body.page-template-template-free-mason.single-features section.hero figure.hero .trybobfreewrapper {
    margin-top: 28px;
}

body.page-template-template-free-mason.single-features section.hero figure.hero .trybobfreewrapper>* {
    width: 230px;
    height: 44px;
    line-height: 44px;
    font-weight: 700px;
    box-shadow: none;
    font-size: 12px;
}

body.page-template-template-free-mason.single-features section.hero figure.hero img {
    position: absolute;
    height: auto;
    z-index: 1;
    left: 50%;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.single-features section.hero figure.hero img {
        transform: translateY(-50%) translatex(-50%);
        top: 50%;
        width: auto;
        height: 100%;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.single-features section.hero figure.hero {
        height: 533px;
        height: 142.1vw;
    }

    body.page-template-template-free-mason.single-features section.hero figure.hero figcaption {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
    }

    body.page-template-template-free-mason.single-features section.hero figure.hero img {
        transform: translatex(-50%);
        top: unset;
        bottom: 0;
    }
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.single-features div.media-and-text>figure img {
        width: 800px;
        height: auto;
    }
}

body.page-template-template-free-mason.single-features div.media-and-text.image-fullwidth>figure img {
    width: auto;
}

body.page-template-template-free-mason.single-features section.testimonials .testimonial figure {
    padding: 0;
    height: 123px;
    width: 123px;
    margin: auto;
    border-radius: 50%;
    border: 2px solid #fff;
    overflow: hidden;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .2);
    transform: translatey(-40px);
    -ms-flex-order: 0;
    order: 0;
}

body.page-template-template-free-mason.single-features section.testimonials .testimonial figure img {
    height: 100%;
    width: auto;
    display: block;
}

body.page-template-template-free-mason.single-features section.testimonials .testimonial figure:after,
body.page-template-template-free-mason.single-features section.testimonials .testimonial figure:before {
    content: none;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.single-features section.testimonials .testimonial figure {
        margin-bottom: 20px;
        width: 100px;
        height: 100px;
        transform: translatey(-20px);
    }
}

body.page-template-template-free-mason.single-features section.testimonials.testimonial-v2 figure {
    display: none;
}

@media screen and (max-width:991px) {

    body.page-template-template-free-mason.single-features section.hero figcaption,
    body.page-template-template-free-mason.single-features section.hero figcaption .header-title {
        text-align: center;
    }

    body.page-template-template-free-mason.single-features section.hero figcaption .header-title span {
        width: 100%;
        text-align: center;
        float: None;
        display: inline-block;
        font-size: 60px;
    }

    body.page-template-template-free-mason.single-features section.hero figcaption .header-title.smaller-font span {
        font-size: 58px;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes heartpulse {
    0% {
        transform: perspective(20cm) scaleX(1);
    }

    to {
        transform: perspective(20cm) scale3d(1.01, 1.01, 2.1);
    }
}

@keyframes alienpulse {
    0% {
        transform: matrix(-1, 0, 0, -1, 0, 0);
    }

    to {
        transform: matrix(-1.1, .2, -.2, -1.1, 0, 0);
    }
}

.more span {
    display: none;
}

body.no-header-menu.no-footer-menu .header.showonscroll .trybobfreewrapper {
    display: block;
}

body.no-header-menu.no-footer-menu main section.hero {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

body.no-header-menu.no-footer-menu main section.hero .hero-wrap {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    position: relative;
    padding: 0 10px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption {
    -ms-flex-align: start;
    align-items: flex-start;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption .header-title {
    font-size: 96px;
    line-height: .85;
    display: inline-block;
    margin: 10px 0 17px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption .header-title span {
    margin-right: 5px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption .header-title:first-child {
    margin-top: 50px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption p {
    font-size: 24px;
    color: #535353;
    letter-spacing: .39px;
    line-height: 28px;
    width: 525px;
    max-width: 100%;
    text-align: left;
    margin: 0 0 26px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption p:first-child {
    margin-top: 30px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption em {
    font-weight: 300;
    font-style: normal;
    font-family: Gotham SSm A, Gotham SSm B;
    font-size: 15px;
    line-height: 1.65;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption ul {
    padding-left: 16px;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption ul li {
    width: 538px;
    max-width: 100%;
    font-size: 15px;
    color: #535353;
    letter-spacing: .39px;
    line-height: 1.65;
    text-align: left;
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 300;
}

body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption .trybobfreewrapper {
    display: none;
}

@media screen and (max-width:991px) {
    body.no-header-menu.no-footer-menu main section.hero figure.hero {
        background-size: contain;
    }

    body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption {
        padding: 120px 10px 20px;
    }

    body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption .header-title {
        font-size: 55px;
        width: 578px;
        max-width: 100%;
    }

    body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption .header-title span {
        line-height: 1;
    }

    body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption p {
        font-size: 20px;
    }

    body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption em,
    body.no-header-menu.no-footer-menu main section.hero figure.hero figcaption ul li {
        font-size: 14px;
    }
}

body.no-header-menu.no-footer-menu main section.hero .cta-flow-container {
    padding: 30px;
}

body.no-header-menu.no-footer-menu main section.hero .cta-flow-container,
body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper {
    width: 610px;
    background: #fff;
    box-shadow: 0 6px 22px 0 rgba(87, 87, 87, .5);
    max-width: 100%;
    position: absolute;
    top: 50px;
    right: 0;
    border-radius: 5px;
    margin-top: 0;
}

@media screen and (min-width:992px) {

    body.no-header-menu.no-footer-menu main section.hero .cta-flow-container,
    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper {
        right: 3%;
    }
}

@media screen and (max-width:991px) {

    body.no-header-menu.no-footer-menu main section.hero .cta-flow-container,
    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper {
        position: relative;
        top: 0;
        height: 100%;
        margin-bottom: 80px;
    }
}

@media (min-width:992px) and (max-width:1178px) {

    body.no-header-menu.no-footer-menu main section.hero .cta-flow-container,
    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper {
        position: static;
    }
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper .form-description {
    font-size: 16px;
    color: #4a4a4a;
    text-align: center;
    line-height: 29px;
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 300;
    padding: 43px 0 0;
    text-transform: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper .form-description strong {
    font-size: 42px;
    line-height: 43px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper form textarea {
    min-height: auto;
    height: 78px;
}

@media screen and (max-width:991px) {
    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper form {
        padding: 0 0 30px;
    }

    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper form input,
    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper form textarea {
        width: 100%;
    }
}

@media screen and (max-width:991px) {

    body.no-header-menu.no-footer-menu main section.hero .mktoForm .mktoFieldWrap input,
    body.no-header-menu.no-footer-menu main section.hero .mktoForm .mktoFieldWrap select {
        width: 100%;
    }
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper.submitted {
    height: auto;
    padding-top: 45px;
}

@media screen and (min-width:992px) {
    body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper.submitted {
        margin-top: 120px;
        transition: margin-top .5s ease-in-out;
    }
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper.submitted .thankyou {
    padding-bottom: 95px;
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper.submitted .thankyou .header-title {
    margin-top: 150px;
}

body.no-header-menu.no-footer-menu main section.hero .mkto-wrapper.submitted .thankyou .thankyoutop strong {
    margin: 20px 0 18px;
}

@media screen and (max-width:991px) {
    body.no-header-menu.no-footer-menu main section.word-from-josh .testimonial figure {
        width: 100%;
        margin: 0 -30px;
        overflow: hidden;
        padding: 0 30px 30px;
    }
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .testimonial figure {
    display: none;
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-arrow {
    position: absolute;
    top: calc(50% - 15px);
    height: 30px;
    width: 30px;
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    z-index: 10;
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-prev {
    right: 100%;
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-prev:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: solid #979797;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg);
    display: block;
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-next {
    left: 100%;
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-next:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: solid #979797;
    display: block;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
}

body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-track {
    height: 100%;
}

@media screen and (max-width:991px) {
    body.no-header-menu.no-footer-menu main section.our-customers .testimonial-wrap .slick-track {
        height: auto;
    }
}

body.no-header-menu.no-footer-menu main section.smartest-companies figure figcaption {
    font-family: Gotham SSm A, Gotham SSm B;
    font-size: 18px;
    letter-spacing: .19px;
    line-height: 35px;
    font-weight: 400;
}

body.no-header-menu.no-footer-menu main section.smartest-companies .cta-flow-container {
    padding: 30px;
}

body.no-header-menu.no-footer-menu main section.smartest-companies .cta-flow-container,
body.no-header-menu.no-footer-menu main section.smartest-companies .mkto-wrapper {
    width: 610px;
    background: #fff;
    box-shadow: 0 6px 22px 0 rgba(87, 87, 87, .5);
    margin: auto;
    max-width: 100%;
    margin-bottom: -230px;
    border-radius: 5px;
}

@media screen and (max-width:991px) {

    body.no-header-menu.no-footer-menu main section.smartest-companies .cta-flow-container,
    body.no-header-menu.no-footer-menu main section.smartest-companies .mkto-wrapper {
        height: 100%;
        margin-bottom: 50px;
    }
}

body.no-header-menu.no-footer-menu main section.smartest-companies .mkto-wrapper .form-description strong {
    font-size: 42px;
    line-height: 43px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width:991px) {

    body.no-header-menu.no-footer-menu main section.smartest-companies .mktoForm .mktoFieldWrap input,
    body.no-header-menu.no-footer-menu main section.smartest-companies .mktoForm .mktoFieldWrap select {
        width: 100%;
    }
}

body.no-header-menu.no-footer-menu main section.smartest-companies .mkto-wrapper.submitted .thankyou .thankyoutop strong {
    margin: 20px 0 18px;
}

body.no-header-menu.no-footer-menu .form-description strong {
    font-size: 42px;
    line-height: 43px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 400;
    margin-top: 20px;
}

body.new-form-lp .header.showonscroll .trybobfreewrapper {
    display: block;
}

body.new-form-lp main section.hero {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

body.new-form-lp main section.hero .hero-wrap {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    position: relative;
    padding: 0 10px;
}

body.new-form-lp main section.hero figure.hero figcaption {
    -ms-flex-align: start;
    align-items: flex-start;
}

body.new-form-lp main section.hero figure.hero figcaption p {
    color: #4a4a4a;
    width: 450px;
    max-width: 100%;
    text-align: left;
    margin: 0 0 26px;
    line-height: 1;
    letter-spacing: normal;
}

body.new-form-lp main section.hero figure.hero figcaption p:first-child {
    margin-top: 100px;
    font-size: 56px;
    font-weight: 600;
}

@media screen and (max-width:991px) {
    body.new-form-lp main section.hero figure.hero figcaption p:first-child {
        margin-top: 0;
        font-size: 44px;
    }
}

@media (max-width:1024px) {
    body.new-form-lp main section.hero figure.hero figcaption p {
        width: 300px;
    }
}

body.new-form-lp main section.hero figure.hero figcaption em {
    font-weight: 300;
    font-family: Gotham SSm A, Gotham SSm B;
    font-size: 17px;
    font-style: normal;
    line-height: 1.65;
    color: #4a4a4a;
}

body.new-form-lp main section.hero figure.hero figcaption .trybobfreewrapper {
    display: none;
}

@media screen and (max-width:991px) {
    body.new-form-lp main section.hero figure.hero {
        background-size: contain;
    }

    body.new-form-lp main section.hero figure.hero figcaption {
        padding: 120px 10px 20px;
        -ms-flex-align: center;
        align-items: center;
    }
}

body.new-form-lp main section.hero .mkto-wrapper {
    width: 532px;
    width: 652px;
    height: 715px;
    background: #fff;
    box-shadow: 0 6px 22px 0 rgba(87, 87, 87, .5);
    max-width: 100%;
    position: absolute;
    top: 50px;
    right: 0;
    border-radius: 5px;
    margin-top: 0;
}

@media screen and (min-width:992px) {
    body.new-form-lp main section.hero .mkto-wrapper {
        right: 3%;
        right: 5%;
    }
}

@media screen and (max-width:991px) {
    body.new-form-lp main section.hero .mkto-wrapper {
        position: relative;
        top: 0;
        height: 100%;
        margin: auto;
        margin-bottom: 80px;
    }
}

body.new-form-lp main section.hero .mkto-wrapper .form-description {
    font-size: 16px;
    color: #4a4a4a;
    text-align: center;
    line-height: 29px;
    font-family: Gotham SSm A, Gotham SSm B;
    font-weight: 300;
    padding: 43px 0 0;
    text-transform: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.new-form-lp main section.hero .mkto-wrapper .form-description strong {
    font-size: 42px;
    line-height: 43px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 400;
    margin-top: 20px;
}

body.new-form-lp main section.hero .mkto-wrapper .form-description .header-title+.h3 {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 1.05;
}

@media screen and (max-width:991px) {
    body.new-form-lp main section.hero .mkto-wrapper .form-description .header-title+.h3 {
        font-size: 18px;
    }
}

body.new-form-lp main section.hero .mkto-wrapper form {
    padding: 0 30px 130px;
}

body.new-form-lp main section.hero .mkto-wrapper form textarea {
    min-height: auto;
    height: 78px;
}

@media screen and (max-width:991px) {
    body.new-form-lp main section.hero .mkto-wrapper form {
        padding: 0 0 30px;
    }

    body.new-form-lp main section.hero .mkto-wrapper form input,
    body.new-form-lp main section.hero .mkto-wrapper form textarea {
        width: 100%;
    }
}

body.new-form-lp main section.hero .mktoForm .mktoFieldWrap input,
body.new-form-lp main section.hero .mktoForm .mktoFieldWrap select {
    width: 231px;
    width: 280px;
}

@media screen and (max-width:991px) {

    body.new-form-lp main section.hero .mktoForm .mktoFieldWrap input,
    body.new-form-lp main section.hero .mktoForm .mktoFieldWrap select {
        width: 100%;
    }
}

body.new-form-lp main section.hero .mkto-wrapper.submitted {
    height: auto;
    padding-top: 45px;
}

@media screen and (min-width:992px) {
    body.new-form-lp main section.hero .mkto-wrapper.submitted {
        margin-top: 120px;
        transition: margin-top .5s ease-in-out;
    }
}

body.new-form-lp main section.hero .mkto-wrapper.submitted .thankyou {
    padding-bottom: 95px;
}

body.new-form-lp main section.hero .mkto-wrapper.submitted .thankyou .header-title {
    margin-top: 150px;
}

body.new-form-lp main section.hero .mkto-wrapper.submitted .thankyou .thankyoutop strong {
    margin: 20px 0 18px;
}

@media screen and (min-width:992px) {

    body.new-form-lp main section.image-text div.media-and-text.not-responsive.image-first>figure,
    body.new-form-lp main section.image-text div.media-and-text.not-responsive.image-last>figure {
        height: 445px;
    }
}

body.new-form-lp main section.testimonials .testimonial figure {
    display: none;
}

body.new-form-lp main section.bob-can-do strong {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 52px;
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width:991px) {
    body.new-form-lp main section.bob-can-do strong {
        font-size: 20px;
    }
}

body.new-form-lp .form-description strong {
    font-size: 42px;
    line-height: 43px;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-weight: 400;
    margin-top: 20px;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.new-form-lp section.hero figure.hero {
        min-height: 744px;
    }
}

body.lp-guide header.banner.showonscroll {
    background-color: #fff;
}

body.lp-guide #mega-container .quote figure {
    -ms-flex-order: 2;
    order: 2;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .2);
    margin-top: 0;
    width: 120px;
    height: 120px;
}

body.lp-guide #mega-container .quote figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.lp-guide #mega-container .quote strong {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 34px;
    border-right: none;
    text-transform: none;
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.27;
    color: #4a4a4a;
    margin-bottom: 8px;
    padding-right: 0;
}

@media screen and (max-width:991px) {
    body.lp-guide #mega-container .quote strong {
        font-size: 16px;
        margin-top: 20px;
    }
}

@media screen and (max-width:991px) {
    body.lp-guide #mega-container .included strong {
        height: 1.1em;
    }
}

body.page-template-page-glossary .glossary #primary-mono #main ul li strong {
    font-weight: 500;
}

body.page-template-page-glossary .glossary section.meet-bob p strong {
    font-family: var(--gotham);
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    font-weight: 500;
}

body.page-template-page-glossary .float-subscribe-toggle {
    position: fixed;
    left: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index: 999;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: transparent;
    border: none;
    -ms-flex-align: center;
    align-items: center;
}

body.page-template-page-glossary .float-subscribe-toggle img {
    width: 70px;
    height: 94px;
    display: inline-block;
}

body.page-template-page-glossary .float-subscribe-toggle span {
    width: 100px;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    border-radius: 2px;
    background-color: #283c5c;
    font-size: 12px;
    color: #fff;
    display: block;
}

@media screen and (min-width:992px) {
    body.page-template-page-glossary .float-subscribe-toggle {
        opacity: 0;
        transition: opacity .5s 0s;
    }
}

@media screen and (max-width:991px) {
    body.page-template-page-glossary .float-subscribe-toggle {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        background-color: #f6f3e8;
        box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .25);
        padding: 0;
        text-align: center;
        z-index: 11;
        width: 100%;
    }

    body.page-template-page-glossary .float-subscribe-toggle img {
        display: none;
    }

    body.page-template-page-glossary .float-subscribe-toggle span {
        color: #535353;
        width: 100%;
        height: 50px;
        margin: 0;
        line-height: 50px;
        text-align: center;
        text-transform: uppercase;
        border: none;
        background: none;
        font-size: 16px;
        font-weight: 500;
        padding: 0;
    }
}

body.page-template-page-glossary.scroll-topbanner .float-subscribe-toggle {
    opacity: 1;
}

body.lp-2step .n-step-form.mkto-wrapper .mktoButtonRow .mktoButton {
    min-width: auto;
    width: 199px;
    border-radius: 3.2px;
    margin-left: 0;
    border: none;
    box-shadow: none;
}

body.page-template-template-free-mason.lp-2step div.media-and-text.not-responsive.image-first figure {
    width: 577px;
    height: auto;
}

body.page-template-template-free-mason.lp-2step div.media-and-text.not-responsive.image-first figure .gallery {
    margin: 0 50px 30px;
    -ms-flex-pack: left;
    justify-content: left;
}

body.page-template-template-free-mason.lp-2step div.media-and-text.not-responsive.image-first figure .gallery .title,
body.page-template-template-free-mason.lp-2step div.media-and-text.not-responsive.image-first figure .gallery figcaption {
    margin-bottom: 1em;
    text-align: left;
    margin-left: 20px;
}

@media (max-width:768px) {

    body.page-template-template-free-mason.lp-2step div.media-and-text.not-responsive.image-first figure .gallery .title,
    body.page-template-template-free-mason.lp-2step div.media-and-text.not-responsive.image-first figure .gallery figcaption {
        text-align: center;
        margin-left: 0;
    }
}

body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text {
    margin-left: -15px;
    padding: 0;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text {
        padding: 0;
    }
}

@media (max-width:1359px) {
    body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text figure {
        width: 45%;
    }
}

@media screen and (max-width:767px) {
    body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text figure {
        width: 300px;
    }
}

body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: none;
}

body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text .content {
    width: 410px;
    max-width: 100%;
    position: absolute;
    right: 5%;
}

body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text .content h2 {
    font-size: 34px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text .content {
        position: relative;
        right: 0;
        padding: 0 15px 0 20px;
    }

    body.page-template-template-free-mason.lp-2step main section.hero div.media-and-text .content h2 {
        font-size: 30px;
    }
}

body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    width: 444px;
    max-width: 100%;
    height: 100%;
    height: 100vh;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 88px 0 45px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper {
        padding: 45px 0 100px;
        margin: auto;
        margin-bottom: 0;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-height:800px) {
    body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper {
        padding-top: 158px;
    }
}

@media (min-width:1600px) {
    body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper {
        width: 474px;
    }
}

body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper .form-description {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 34px;
    font-weight: 600;
    line-height: .78;
    color: #4a4a4a;
    text-align: left;
    margin-bottom: -10px;
    padding: 0 20px 15px 30px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper .form-description {
        padding-left: 15px;
    }
}

body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper p {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 24px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    color: #4a4a4a;
    margin-bottom: 50px;
}

body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper h3 {
    text-align: left;
    font-weight: 600;
}

body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper .footer {
    position: absolute;
    bottom: 50px;
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.lp-2step main section.hero .mkto-wrapper .footer {
        bottom: 0;
    }
}

body.no-header-menu.no-footer-menu.lp-2step main section.hero .mktoForm .mktoFieldWrap input,
body.no-header-menu.no-footer-menu.lp-2step main section.hero .mktoForm .mktoFieldWrap select,
body.no-header-menu.no-footer-menu.lp-2step main section.hero .mktoForm .mktoFieldWrap textarea {
    width: 370px;
    max-width: 100%;
}

@media (min-width:1600px) {

    body.no-header-menu.no-footer-menu.lp-2step main section.hero .mkto-wrapper .form-description,
    body.no-header-menu.no-footer-menu.lp-2step main section.hero .mkto-wrapper form {
        padding-left: 60px;
    }
}

body.no-header-menu.no-footer-menu.lp-2step main section.hero .mktoHtmlText p:first-child {
    padding-top: 8px;
}

body.packages-page main section.hero {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

body.packages-page main section.hero .hero-wrap {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    position: relative;
    padding: 0 15px;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption {
    -ms-flex-align: start;
    align-items: flex-start;
    color: #4a4a4a;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption .header-title {
    font-size: 122px;
    margin-bottom: 30px;
    z-index: 10;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption br {
    display: none;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption p {
    font-size: 28px;
    font-weight: 500;
    color: #535353;
    line-height: .89;
    width: 490px;
    max-width: 100%;
    text-align: left;
    margin: 0 0 26px;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption p:first-child {
    margin: 34px 0;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption p button {
    width: 229px;
    height: 49px;
    line-height: 1;
    font-size: 12px;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption em {
    font-family: Gotham SSm A, Gotham SSm B;
    width: 358px;
    max-width: 100%;
    font-size: 18px;
    font-style: normal;
    line-height: 1.56;
    font-weight: 300;
    text-align: left;
    display: block;
}

body.packages-page main section.hero .hero-wrap figure.hero figcaption .trybobfreewrapper {
    margin-top: 40px;
    margin-bottom: 0;
}

@media screen and (max-width:991px) {
    body.packages-page main section.hero .hero-wrap figure.hero figcaption {
        padding: 120px 10px 20px;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption .header-title {
        font-size: 66px;
        line-height: 1.57;
        width: 578px;
        max-width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption .header-title span {
        margin-right: .1em;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption p {
        font-size: 20px;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption p em {
        font-size: 16px;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption .trybobfreewrapper {
        display: block;
    }
}

body.packages-page main section.hero .hero-wrap img {
    z-index: 1;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 12%;
    border-radius: 5px;
    margin-top: 0;
    right: -25px;
}

@media screen and (max-width:991px) {
    body.packages-page main section.hero .hero-wrap img {
        max-width: 400px;
        right: 0;
    }
}

@media screen and (max-width:767px) {
    body.packages-page main section.hero .hero-wrap {
        margin-top: 50px;
    }

    body.packages-page main section.hero .hero-wrap figure.hero {
        background-image: none;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption {
        padding: 15px 10px 0;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption .header-title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption p:first-child {
        font-size: 18px;
        line-height: 1.39;
        text-align: center;
        margin: 34px 0 18px;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption p {
        width: 100%;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption p em {
        font-size: 21px;
        text-align: center;
        display: block;
        line-height: 1.43;
        margin: auto;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption .trybobfreewrapper {
        margin: 0 0 20px;
    }

    body.packages-page main section.hero .hero-wrap figure.hero figcaption .trybobfreewrapper button {
        margin: auto;
        display: block;
    }

    body.packages-page main section.hero .hero-wrap img {
        display: block;
        position: inherit;
        padding: 10px;
        margin: auto;
        max-width: 100%;
    }
}

body.packages-page main section.testimonial figure {
    display: none;
}

body.packages-page main section.feature-wrap .feature-items-wrap .slick-track .feature-column {
    max-width: 1000px;
}

body.packages-page main section.feature-wrap .slick-next,
body.packages-page main section.feature-wrap .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

body.packages-page main section.feature-wrap .slick-next:before,
body.packages-page main section.feature-wrap .slick-prev:before {
    position: absolute;
    width: 20px;
    height: 20px;
    border: solid #4a4a4a;
    border-width: 3px 3px 0 0;
    margin-top: 0;
    content: "";
}

body.packages-page main section.feature-wrap .slick-prev {
    left: -20px;
    right: auto;
    z-index: 10;
}

body.packages-page main section.feature-wrap .slick-prev:before {
    transform: rotate(-135deg) scale(1);
    margin-right: -20px;
}

body.packages-page main section.feature-wrap .slick-next {
    right: 0;
    left: auto;
}

body.packages-page main section.feature-wrap .slick-next:before {
    transform: rotate(45deg) scale(1);
}

body.packages-page main section.bob-can-do strong {
    font-family: Sentinel SSm A, Sentinel SSm B;
    font-size: 52px;
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width:991px) {
    body.packages-page main section.bob-can-do strong {
        font-size: 20px;
    }
}

body.packages-page main section.bobpartners figure {
    margin: 0;
}

@media screen and (min-width:992px) {
    body.page-template-template-free-mason.packages-page section.hero figure.hero {
        margin-top: 50px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer .row-footer {
        margin: 0;
    }
}

@media screen and (max-width:991px) {
    body.page-template-template-free-mason.packages-page div.testimonial figure {
        overflow: visible;
    }

    body.page-template-template-free-mason.packages-page div.testimonial figure:before {
        top: -23px;
        width: 95px;
        height: 79px;
        left: 10px;
    }
}

@media screen and (max-width:767px) {

    section.icons-wrap .icons .icons-container .slick-next,
    section.icons-wrap .icons .icons-container .slick-prev {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        transform: translateY(-50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

    section.icons-wrap .icons .icons-container .slick-next:before,
    section.icons-wrap .icons .icons-container .slick-prev:before {
        position: absolute;
        width: 20px;
        height: 20px;
        border: solid #4a4a4a;
        border-width: 3px 3px 0 0;
        margin-top: 17px;
        content: "";
    }

    section.icons-wrap .icons .icons-container .slick-prev {
        left: -20px;
        right: auto;
        z-index: 10;
    }

    section.icons-wrap .icons .icons-container .slick-prev:before {
        transform: rotate(-135deg) scale(1);
        margin-right: -20px;
    }

    section.icons-wrap .icons .icons-container .slick-next {
        right: 0;
        left: auto;
    }

    section.icons-wrap .icons .icons-container .slick-next:before {
        transform: rotate(45deg) scale(1);
    }
}

@media screen and (max-width:991px) {
    #footer .row-footer {
        margin-right: 0;
        margin-left: 0;
    }
}

body.single-features.feature-2020 #time-off-hero .hero-wrap .media-and-text .content,
body.single-features.feature-2020 #time-off-hero .hero-wrap .media-and-text figure {
    z-index: 10;
}

@media screen and (max-width:767px) {
    body.single-features.feature-2020 .hero .hero-wrap div.media-and-text figure {
        margin-top: 90px;
    }
}

@media screen and (min-width:992px) {
    body.single-features.feature-2020 div.media-and-text figure img {
        transform: none;
    }

    body.single-features.feature-2020 div.media-and-text.image-last figure {
        text-align: end;
    }

    body.single-features.feature-2020 div.media-and-text.image-last figure img {
        transform: translatex(8px);
    }
}

@media screen and (min-width:992px) and (max-width:1140px) {
    body.single-features.feature-2020 div.media-and-text.not-responsive>figure {
        width: 500px;
    }
}

@media screen and (max-width:767px) {
    body.single-features.feature-2020 section.main-content div.media-and-text.image-mobile-last>figure {
        margin-top: 20px;
    }
}

body.single-features.feature-2020 section.main-content .testimonial figure {
    display: none;
}

.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container,
.lity-iframe .lity-container,
.lity-vimeo .lity-container,
.lity-youtube .lity-container {
    width: 100%;
    max-width: 964px;
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000;
}

img[data-lightbox] {
    cursor: pointer;
}

#video-modal .modal-body {
    padding: 0;
    background-color: #090911;
}

#video-modal .modal-body iframe {
    width: 100%;
    height: 64vh;
}

#video-modal .modal-content {
    background-color: #090911;
}

#video-modal .close-model.home-video-popup {
    position: absolute;
    right: 3em;
    top: 3em;
    z-index: 999;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

#video-modal .close-model.home-video-popup svg {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

#video-modal .modal-dialog {
    width: 80vw;
    margin: 0 auto;
    max-width: 900px;
}

@media screen and (max-width:991px) {
    #video-modal .modal-dialog {
        max-width: -webkit-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        background-color: transparent;
    }
}

@media screen and (max-width:767px) {
    #video-modal .modal-dialog {
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width:899px) {
    #video-modal {
        top: 0;
        margin-top: 0;
    }

    #video-modal.fade.in {
        height: 100%;
    }

    #video-modal .close-model.home-video-popup {
        top: 1em;
        right: 1em;
    }

    #video-modal .modal-dialog {
        margin-top: 3em;
    }
}

@media screen and (max-width:1100px) {
    #video-modal {
        width: 100vw;
        height: 100vh;
        top: 0;
        margin: 0;
    }

    #video-modal iframe {
        margin: 0 auto;
        display: block;
    }
}

.quick-navigation-wrap .quick-navigation {
    visibility: hidden;
    opacity: 0;
    transition: width .5s ease-in-out, visibility .25s ease, opacity .25s ease;
}

.quick-navigation-wrap .quick-navigation.nav-show {
    visibility: visible;
    opacity: 1;
}

@media screen and (min-width:992px) {
    .quick-navigation-wrap {
        position: absolute;
        height: 100%;
        top: 100px;
        padding-bottom: 140px;
        left: 30px;
    }

    .quick-navigation-wrap .quick-navigation {
        position: -webkit-sticky;
        position: sticky;
        overflow-y: auto;
        top: 100px;
        z-index: 50;
        max-height: calc(100vh - 100px);
        width: 190px;
    }
}

.quick-navigation-wrap .title {
    font-size: 14px;
    font-weight: 500;
    color: #283c5c;
    border-bottom: 1px solid #3B6717FF;
    line-height: 19.6px;
    padding: 10px 0;
    text-transform: uppercase;
}

.quick-navigation-wrap .anchors {
    margin-top: 9px;
}

.quick-navigation-wrap .anchors a {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 16.8px;
    color: #3a3a37;
    padding-top: 16px;
    word-break: break-word;
    word-break: auto-phrase;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.quick-navigation-wrap .anchors a.active {
    font-weight: 700;
}

.quick-navigation-wrap .anchors a:hover {
    color: gray;
}

@media screen and (max-width:991px) {
    .quick-navigation-wrap .quick-navigation {
        margin-top: 20px;
        padding: 10px 20px 20px;
        background: #fffdfb;
        box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
        border-radius: 4px;
    }
}

.a2a_kit .hbicon-whatsapp,
.a2a_kit .love,
.a2a_kit .subscribe-toggle,
.a2a_kit hr,
.a2a_kit p {
    display: none;
}

.widget .subscribe-toggle {
    background: #406F19FF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    border-radius: 4px;
    border: none;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 30px;
    z-index: 1;
    position: relative;
    font-weight: 500;
}

.widget .subscribe-toggle:before {
    background-color: #283c5c;
    content: "";
    z-index: -1;
    position: absolute;
    transition: transform .3s, opacity .2s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scaleX(0);
    border-radius: 8px;
}

.widget .subscribe-toggle:hover:before {
    opacity: 1;
    transform: scale(1);
}

body {
    opacity: 1;
    transition: opacity .2s linear;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

[lang=nl-NL] .feature-column h3 {
    font-size: 12px;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

<link rel="stylesheet" id="debloat-sage/css-css" media="all" data-debloat-delay data-href="https://www.hibob.com/wp-content/cache/min/1/wp-content/themes/hibob-v2_etyhadar/dist/styles/main-acdda4c55a.css?ver=1731412196" /><link rel="https://api.w.org/" href="https://www.hibob.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.hibob.com/wp-json/wp/v2/pages/21546" /><meta name="generator" content="WordPress 6.6.2" /><link rel='shortlink' href='https://www.hibob.com/?p=21546' /><meta property="fb:app_id" content="1746720132320713" /><meta property="fb:admins" content="642826521" /><meta property="og:image" content="888398" /><script type="rocketlazyloadscript">var postTopics='';
var funnelCluster='';

</script><meta property="twitter:image" content="888398" /><meta name="generator" content="WPML ver:4.6.13 stt:37,1,3,20,2,66;" /><style id="custom-css-wprocket">.hris-lp .banners-carousel:not(.slick-initialized) {
    overflow: hidden;
    max-width: 100%
}

.bob-vs-alternatives-lp .banners-carousel:not(.slick-initialized) {
    overflow: hidden;
    max-width: 100%
}

.bob-vs-alternatives-lp .wrapped:not(.slick-initialized) {
    overflow: hidden;
    max-width: 100%
}

.logos-slider:not(.slick-initialized) {
    width: 360px;
    display: block;
    height: 61px;
    overflow: hidden;
}

.logos-slider:not(.slick-initialized) .img-wrap {
    width: 120px;
    padding: 0 10px;
    float: left;
}

.videos.bob-slick-3 {
    display: flex;
    flex-wrap: wrap;
}

section.customer-videos .video-item {
    flex-basis: 31.433333333%;
}

.mktoForm.show-gdpr .mktoFieldWrap .mktoLogicalField input[name=GDPR_Opt_in__c] {
    height: 20px;
    width: 20px;
    z-index: 9999;
}

#lobby-slider a:not(:first-child) {
    display: none;
}

#lobby-slider.slick-slider a {
    display: block
}

.banners-carousel .img-fluid {
    max-width: none;
    width: auto;
    height: auto;
    max-height: 53px;
    margin: auto 26px
}

.banners-carousel {
    display: flex;
}

.modal.fade.in {
    display: flex !important;
    align-items: center;
}

fieldset {
    border: none !important;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.fade.in {
    opacity: 1;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.in {
    background: rgba(58, 58, 55, .75);
    opacity: 1;
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

@media screen and (min-width: 992px) {
    .modal:not(#video-modal):not(.lang-menu-modal) .modal-dialog {
        min-height: calc(100% - 60px);
        margin: 30px auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

#book-demo-modal .modal-dialog,
#integrationmodal .modal-dialog,
#newsletter-modal .modal-dialog,
#partner-modal .modal-dialog,
#resource-center-modal .modal-dialog,
#watch-modal .modal-dialog {
    width: 780px;
    max-width: 90vw;
}

.modal.in .modal-dialog {
    transform: translate(0);
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal.in .modal-dialog {
    transform: translate(0);
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 450px;
        margin: 30px auto;
    }
}

body.page-template-template-free-mason div.media-and-text>figure video.video-desktop {
    width: 580px !important;
    height: 530px !important
}

html:not(.is-active-page):not(.is-ocp) .demo_wprocket {
    display: none !important
}

ul {
    box-sizing: border-box;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button,
html [type="button"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

.case_studies_slider_wrapper .case_studies_slider .slick-dots li,
.testimonials_slider_wrapper .testimonials_slider .slick-dots li {
    width: 20px;
    height: 20px;
    position: relative
}

.case_studies_slider_wrapper .case_studies_slider .slick-dots li button,
.testimonials_slider_wrapper .testimonials_slider .slick-dots li button {
    color: transparent;
    background-color: #c4c4c4;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    cursor: pointer;
    border: 0;
    padding: 0
}

.case_studies_slider_wrapper .case_studies_slider .slick-dots li.slick-active button:hover,
.case_studies_slider_wrapper .case_studies_slider .slick-dots li button:hover,
.testimonials_slider_wrapper .testimonials_slider .slick-dots li.slick-active button:hover,
.testimonials_slider_wrapper .testimonials_slider .slick-dots li button:hover {
    background-color: #283c5c
}

@media screen and (max-width:767px) {
    .testimonials_slider_wrapper .testimonials_slider .slick-dots {
        margin-top: 5px;
    }
}

/* adjust fallback font overrides */
@font-face {
    font-family: fallback-font-ct;
    size-adjust: 108%;
    ascent-override: 100%;
    src: local(Arial);
}

.fa-check-circle:before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 562 562"><path fill="%23E52B51" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"/></svg>')
}


/* zoominfo */
.zoominfo-form .mktoFormRow input {
    visibility: hidden;
    position: absolute;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"].textareaShow #MktoPersonNotes {
    display: block;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select {
    visibility: visible;
    position: static;
    display: none;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input.force-show-field,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input.force-show-field input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input.force-show-field label,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select.force-show-field,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select.force-show-field input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select.force-show-field label {
    display: block !important;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input.zoominfoShow,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input[data-zi-input-enriched="false"],
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select.zoominfoShow,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select[data-zi-input-enriched="false"] {
    display: block;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input.zi-hide,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow select.zi-hide {
    display: none;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow[data-wrapper-for^="zoominfo"] input {
    display: none !important;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow .mktoInstruction {
    display: none;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow[data-wrapper-for="Email"] input,
.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow[data-wrapper-for="MktoPersonNotes"] input {
    display: block;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input[type="checkbox"]:not(#GDPR_Opt_in__c) {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input[type="checkbox"]:not(#GDPR_Opt_in__c)+label {
    display: block;
    cursor: pointer;
    padding-left: 26px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #969696;
    position: relative;
    margin-bottom: 10px;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input[type="checkbox"]:not(#GDPR_Opt_in__c)+label:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    color: #9d9d9d;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input[type="checkbox"]:not(#GDPR_Opt_in__c)+label:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: calc(50% - 6px);
    width: 5px;
    height: 10px;
    border: solid #9d9d9d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.zoominfo-form.mktoForm[data-initial-wrapper-tagging-complete="true"] .mktoFormRow input[type="checkbox"]:not(#GDPR_Opt_in__c):checked+label:after {
    display: block;
}

.mkto-email__text {
    margin: 80px auto 50px;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
}

.marketo-title {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--sentinel);
    text-transform: none;
    line-height: 1.3;
}

@media screen and (min-width: 992px) {
    .mktoForm .mktoInvalid:first-of-type {
        border: 1px solid #e52c51;
        outline: none;
    }
}

.mktoForm .mktoError {
    position: relative;
    color: #283c5c;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 0 25px;
    margin-top: -5px;
    width: 100%;
    text-align: left;
    left: 0 !important;
    top: 0 !important;
}

.mktoForm .mktoError .mktoErrorMsg:before {
    content: "*";
}



@media screen and (max-width: 991px) {
    .navbarCollapse.collapse.in {
        visibility: visible;
        transform: translatex(0);
        z-index: 9999;
    }

    header.banner+.showonscroll {
        display: none;
    }
}

.slick-arrow-large {
    position: absolute;
    top: calc(50% - 25px);
    height: 50px;
    width: 50px;
    font-size: 0;
    background: none;
    border: none;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    z-index: 10;
}

.slick-arrow-large:before {
    position: absolute;
    width: 32px;
    height: 32px;
    border: solid #979797;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg);
    content: "";
    display: block;
}

.slick-arrow-large:hover:before {
    border-color: #283c5c;
}

.slick-arrow-large.slick-next {
    left: calc(100% + 40px);
}

.slick-arrow-large.slick-next:before {
    border-width: 0 1px 1px 0;
}

.slick-arrow-large.slick-prev {
    right: calc(100% + 40px);
}

@media screen and (max-width: 991px) {
    .slick-arrow-large:before {
        width: 20px;
        height: 20px;
        left: calc(50% - 10px);
        top: calc(50% - 10px);
    }

    .slick-arrow-large.slick-prev {
        right: calc(100% - 60px);
    }

    .slick-arrow-large.slick-next {
        left: calc(100% - 60px);
    }
}

.bob-slick-2 .slick-dots,
.bob-slick .slick-dots,
.single-casestudy .cs-2021 .slick-dots,
.single-webinars .slick-dots {
    position: absolute;
    margin: 0;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.bob-slick-2 .slick-dots li,
.bob-slick .slick-dots li,
.single-casestudy .cs-2021 .slick-dots li,
.single-webinars .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.bob-slick-2 .slick-dots li button,
.bob-slick .slick-dots li button,
.single-casestudy .cs-2021 .slick-dots li button,
.single-webinars .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.bob-slick-2 .slick-dots li button:before,
.bob-slick .slick-dots li button:before,
.single-casestudy .cs-2021 .slick-dots li button:before,
.single-webinars .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    text-align: center;
    background-color: #c4c4c4;
    border-radius: 50%;
}

.bob-slick-2 .slick-dots li.slick-active button:before,
.bob-slick .slick-dots li.slick-active button:before,
.single-casestudy .cs-2021 .slick-dots li.slick-active button:before,
.single-webinars .slick-dots li.slick-active button:before {
    background-color: #283c5c;
}

.bob-slick .slick-arrow,
.single-casestudy .cs-2021 .slick-arrow,
.single-webinars .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    bottom: -45px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -2px);
}

.bob-slick .slick-arrow:before,
.single-casestudy .cs-2021 .slick-arrow:before,
.single-webinars .slick-arrow:before {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.9 6.903a1.267 1.267 0 0 0 0 2.194l11.2 6.466c.844.488 1.9-.122 1.9-1.097V1.534A1.267 1.267 0 0 0 12.1.437L.9 6.903z' fill='%23C4C4C4'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.bob-slick .slick-prev.slick-arrow,
.single-casestudy .cs-2021 .slick-prev.slick-arrow,
.single-webinars .slick-prev.slick-arrow {
    margin-left: -80px;
    z-index: 10;
}

.bob-slick .slick-next.slick-arrow,
.single-casestudy .cs-2021 .slick-next.slick-arrow,
.single-webinars .slick-next.slick-arrow {
    margin-left: 80px;
}

.bob-slick .slick-next.slick-arrow:before,
.single-casestudy .cs-2021 .slick-next.slick-arrow:before,
.single-webinars .slick-next.slick-arrow:before {
    transform: rotate(180deg) scale(1);
}

.bob-slick-2 .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
    stroke: gray;
}

.bob-slick-2 .slick-arrow.slick-prev {
    left: 10px;
}

.bob-slick-2 .slick-arrow.slick-next {
    right: 13px;
}

.bob-slick-2 .slick-arrow:hover {
    stroke: #e52c51;
}

.bob-slick-2 .slick-arrow.slick-disabled {
    stroke: #c4c4c3;
}

@media screen and (max-width: 767px) {
    body.single-webinars #primary-mono #main .slick-slider .slick-list {
        overflow: visible;
    }

    body.single-webinars #primary-mono #main .slick-dots {
        bottom: -20px;
    }

    body.single-webinars #primary-mono #main .slick-arrow {
        bottom: -35px;
    }
}


.posts-grid #top-menu .moveme {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1301px) {
    .posts-grid #top-menu .moveme {
        width: 2100px;
        transform: translatex(0);
        transition: transform 0.6s cubic-bezier(0.79, 0.14, 0.45, 0.95) 0s;
        background: #fff;
    }

    .posts-grid #top-menu .moveme .menu-categories-container,
    .posts-grid #top-menu .moveme .menu-resources-container {
        width: 1035px;
    }
}

@media (max-width: 1300px) {
    .posts-grid #top-menu .moveme {
        height: 45px;
    }

    .posts-grid #top-menu .moveme .menu-categories-container,
    .posts-grid #top-menu .moveme .menu-resources-container {
        opacity: 1;
        transition: opacity 0.2s linear 0.5s;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex: 0 auto;
        flex: 0 auto;
        margin: 0 0 0 auto;
    }
}

.posts-grid #top-menu .moveme .menu {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

.posts-grid #top-menu .moveme .menu li {
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    padding: 0;
    position: relative;
    display: inline-block;
}

.posts-grid #top-menu .moveme .menu li:not(:first-child):before {
    content: "";
    height: 40px;
    top: 3px;
    left: 0;
    width: 1px;
    position: absolute;
}

.posts-grid #top-menu .moveme .menu li:hover {
    background-color: #f3f3f3;
}

.posts-grid #top-menu .moveme .menu a {
    line-height: 4em;
    display: block;
    color: gray;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    border-right: 1px solid #e0e0e0;
}

.posts-grid #top-menu .moveme .menu a:hover {
    color: #535353;
}

.posts-grid #top-menu .moveme .menu .current-menu-item a {
    color: #283c5c;
}

@media (max-width: 1300px) {
    .posts-grid #top-menu .moveme .menu {
        display: none;
    }
}

.posts-grid #top-menu .moveme label.open {
    margin: 0;
    width: 71px;
    text-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.posts-grid #top-menu .moveme label.open path {
    fill: gray;
}

.posts-grid #top-menu .moveme label.open:hover path {
    fill: #283c5c;
}

@media (max-width: 1300px) {
    .posts-grid #top-menu .moveme label.open {
        width: 45px;
        position: relative;
        z-index: 10;
    }
}


/* Fluid Video Embeds */
.fve-video-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    background-color: transparent;
    padding-bottom: 56.25%;
    margin: 0.5em 0;
}

.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fve-video-wrapper a.hyperlink-image {
    position: relative;
    display: none;
}

.fve-video-wrapper a.hyperlink-image img {
    position: relative;
    z-index: 2;
    width: 100%;
}

.fve-video-wrapper a.hyperlink-image .fve-play-button {
    position: absolute;
    left: 35%;
    top: 35%;
    right: 35%;
    bottom: 35%;
    z-index: 3;
    background-color: rgba(40, 40, 40, 0.75);
    background-size: 100% 100%;
    border-radius: 10px;
}

.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
    background-color: rgba(0, 0, 0, 0.85);
}


body.page-template-template-free-mason.popular-solution .hero.big-header .not-responsive.image-last>figure,
body.page-template-template-free-mason div.media-and-text>figure video {
    height: auto;
}

body.page-template-template-free-mason.popular-solution .hero.big-header .content p {
    max-width: 520px;
    width: auto;
    margin-bottom: 50px;
    line-height: 1.4;
}

body.page-template-template-free-mason.popular-solution[dir="rtl"] .hero.big-header .content p {
    text-align: right;
    margin-left: 120px;
    direction: rtl;

}

body.page-template-template-free-mason.popular-solution .hero.big-header .header-title {
    max-width: 460px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

body.page-template-template-free-mason.popular-solution[dir="rtl"] .hero.big-header .header-title {
    text-align: right;
    margin-right: auto;
    margin-left: 120px;
}

.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
    background-image: none !important;
}

@media screen and (max-height: 1024px) {

    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}

@media screen and (max-height: 640px) {

    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
    .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
        background-image: none !important;
    }
}


.hide-video-popup-butt #video-modal #registration-via-video {
    display: none;
}

.fve-video-wrapper {
    padding-bottom: 56.25% !important;
}

body.page-id-2221.trd-top-space .formonthebanner {
    margin-top: 160px;
}

body.trd-top-space #cookies-container {
    padding-top: 66px;
}

body.trd-top-space header.banner {
    top: 63px;
}

body.trd-top-space header.banner.cookie-unaccepted {
    top: 93px;
}

@media screen and (max-width: 991px) {
    body.page-id-2221.trd-top-space .formonthebanner {
        margin-top: 140px;
    }
}

@media screen and (max-width: 767px) {
    body.trd-fixed-plus {
        padding-top: 99px !important
    }

    body.trd-top-space header.banner {
        top: 99px !important;
    }

    body.trd-top-space header.banner.cookie-unaccepted {
        top: 50px !important;
    }
}

body.page-template-template-free-mason.event-template-2023 .anchors {
    opacity: 1;
}

body.page-template.page-template-page-inner-resource #featured-image .leftside h1 .header-title:not(:has(span)) {
    font-size: 34px;
    line-height: 1.05;
}

@media screen and (min-width: 500px) {
    body.page-template.page-template-page-inner-resource #featured-image .leftside h1 .header-title:not(:has(span)) {
        max-width: 50%;
        font-size: 38px;
    }
}

@media screen and (min-width: 992px) {
    body.page-template.page-template-page-inner-resource #featured-image .leftside h1 .header-title:not(:has(span)) {
        margin-bottom: 30px;
        font-size: 58px;
    }

    /** Styling Trendemon top banner promotion **/
    .trd-comp-container .int-con-td-item.trd-title:before {
        content: url("data:image/svg+xml,%3Csvg width='45' height='43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Cpath d='M10.9 35.86c-.002.262-.146.534-.444.596-1.215.254-2.43.3-3.652.127a.515.515 0 0 1-.445-.6c.214-1.158.32-2.314.294-3.488a.624.624 0 0 1 .034-.214c-.23-.317-.008-.977.495-.972 1.158.01 2.317.023 3.476.034.03 0 .057.006.084.01.28.047.188 4.448.158 4.508Z' fill='%23F7E7CE'/%3E%3Cpath d='M7.386 36.61c-.455.238-1.682.153-1.864-.024a.57.57 0 0 1-.175-.542.575.575 0 0 1-.034-.292c.16-1.297.279-2.608.48-3.902.107-.69 1.336-.763 2.02-.642.186 1.67.08 3.1-.427 5.403Z' fill='%2383143D'/%3E%3Cpath d='M3.87 36.589c.04-.49.139-.958.266-1.432l.113-1.708c.026-.404-.082-1.974.07-2.245.139-.25.459-.181.692-.146.196.03.394.03.592.02.406-.017.8-.05 1.197.053.141.037.188.24.136.36a.34.34 0 0 1-.063.098c-.046.095-.135.166-.255.156-.084-.007-.148.038-.222.105a1.343 1.343 0 0 0-.22.26c-.13.188-.222.405-.252.622a.935.935 0 0 0 .113.633c.053.088.12.163.198.229.076.032.153.058.233.078.032.005.065.008.098.012a.278.278 0 0 1 .161.023c.06.02.108.065.138.12.041.057.061.13.05.203-.136.85-.203 1.709-.192 2.567v.014c.024.122-.016.265-.152.33-.317.157-.376.279-.413.592-.022.196 1.253.197.854 1.18-.149.312-.845.243-1.117.27-.567.057-1.253-.022-1.664-.461-.235-.253-.313-.577-.353-.91-.052-.433-.047-.592-.01-1.026l.002.003Z' fill='%23FFD887'/%3E%3Cpath d='M37.04 31.477c.28-.014.577.127.652.447.31 1.31.398 2.632.248 3.977-.035.311-.306.564-.632.522a17.92 17.92 0 0 0-3.751-.102.65.65 0 0 1-.23-.023c-.333.27-1.05.07-1.06-.479l-.07-3.794c0-.033.005-.063.009-.092.042-.309 4.768-.484 4.834-.455v-.001Z' fill='%23F7E7CE'/%3E%3Cpath d='M37.954 35.263c.267.481.214 1.826.03 2.035a.62.62 0 0 1-.577.225.62.62 0 0 1-.312.055c-1.398-.092-2.808-.14-4.204-.279-.744-.074-.86-1.41-.75-2.163 1.787-.308 3.325-.281 5.813.127Z' fill='%2383143D'/%3E%3Cpath d='M32.474 36.075c.04.015.076.037.106.062a.272.272 0 0 1 .176.27c-.004.091.045.157.12.234.092.095.169.152.285.225.207.13.442.216.676.236.235.02.461-.02.676-.164.093-.063.17-.142.24-.23.032-.085.058-.17.076-.26.006-.035.007-.071.01-.107a.312.312 0 0 1 .02-.177.276.276 0 0 1 .125-.158.294.294 0 0 1 .215-.067c.916.095 1.84.115 2.761.048h.015c.13-.035.285 0 .36.145.154.291.462.462.754.587.335.143.685.248 1.015.402.617.286 1.257.814.996 1.584a.26.26 0 0 1-.212.18.313.313 0 0 1-.182.05c-2.526-.02-5.051-.041-7.576-.063a1.07 1.07 0 0 1-.542.055c-.097.093-.267.072-.37.012-.247-.148-.18-.493-.152-.736.026-.215.02-.431.005-.647-.032-.441-.08-.87.019-1.309.035-.157.251-.22.383-.17v-.002Z' fill='%23FFD887'/%3E%3Cpath d='M9.33 33.703c-.01-1.143.307-2.411.5-3.308.038-.173.419-.243.419-.243.77.045 1.542.088 2.313.131.848.046 1.707.067 2.554-.004 1.073-.088 1.637-.533 1.662-1.638.036-1.574.258-3.091.423-4.656.081-.776.175-1.55.275-2.323.093-.717.148-1.437.216-2.156.077-.824.169-1.649.353-2.457a.332.332 0 0 1 .058-.126c.012-.17.193-.346.413-.277.508.158 1.07.002 1.578-.081.617-.1 1.25-.099 1.874-.12.681-.022 1.361-.02 2.042-.033.655-.012 1.309-.055 1.962-.1 1.332-.093 2.68-.21 4.014-.103 1.115.09 5.81.97 7.713 2.872 1.902 1.902 1.549 7.463 1.556 8.563.009 1.264-.322 6.374-.584 6.432-.208.046-.444.031-.657.037-.614.017-2.36-.026-2.97-.093a14.1 14.1 0 0 1-1.784-.314c-.403-.097-.88-.189-1.218-.446-.479-.365-.314-.913-.228-1.418.11-.644.166-1.295.22-1.945.107-1.275.057-.305.2-1.576.069-.615.182-1.223.242-1.839.037-.367.212-.925-.02-1.26-.889-1.28-2.85-1.242-4.148-1.293-1.296-.051-2.372-.302-2.556.307-.185.609-.307 3.832-.42 4.706-.173 1.345-.38 2.707-.772 4.008-.289.952-.666 1.883-1.2 2.725-.475.75-1.106 1.433-1.916 1.822-.338.163-.92.395-2.08.625-1.16.228-9.371.17-9.757-.184-.428-.394-.267-3.092-.277-4.235Z' fill='%23FEABB0'/%3E%3Cpath d='M14.628 12.893c.022-.075.046-.152.074-.228.353-.982.84-1.886 1.61-2.545.722-.617 1.744-1.21 2.648-1.552a2.25 2.25 0 0 1 .928-.13c.416.018.676-.12 1.048-.286.407-.18.682-.097 1.066.072.36.16.735.159 1.117.227.818.147 1.491.152 2.214.564.81.462 1.24 1.593 1.91 2.96.735 1.502.933 3.2.987 4.853.029.875.008.905.018 1.78.004.327.05.429-.091.733-.132.284-2.7 1.703-4.726.537-1.657-.983-.614.184-1.166.245-.553.061-3.253.061-4.581.01-.068-.448-.11-.902-.15-1.353-.021-.254-.02-.298-.21-.455-.158-.131-.313-.27-.467-.409a13.028 13.028 0 0 1-.883-.861c-1.047-1.137-1.785-2.617-1.345-4.163v.001Z' fill='%2383143D'/%3E%3Cpath d='M18.061 7.444a.8.8 0 0 1 .413-.6.746.746 0 0 1 .5-.069c.175-.436.477-.808.88-1.048a1.91 1.91 0 0 1 1.029-.275c.678-.117 1.397.197 1.837.827.61.872.62 1.985.205 2.793a1.772 1.772 0 0 1-.234.366l-.012.016c-.01.01-.017.02-.026.03-.387.463-.957.739-1.659.653a2.49 2.49 0 0 1-2.101-1.81l-.002-.008a.679.679 0 0 1-.138.007.744.744 0 0 1-.522-.283.817.817 0 0 1-.17-.6v.001Z' fill='%23F7E7CE'/%3E%3Cpath d='M17.632 5.686c.029-.125.09-.229.123-.333.41-.605.404-1.332.724-1.655.26-.264.598-.341.954-.376.128-.013.27-.024.381-.056a.748.748 0 0 0 .337-.196c.19-.194.321-.438.514-.63.238-.24.543-.385.885-.382.214.002.39.069.578.165.14.072.277.153.442.123.18-.033.344-.147.51-.216.174-.072.366-.121.554-.129.778-.032 1.314.574 1.43 1.306.117.741-.433 1.323-1.093 1.554a2.786 2.786 0 0 1-.52.121c-.077.011-.157.016-.235.033a.644.644 0 0 0-.152.064c-.292.19-.428.569-.632.838-.28.366-.862.15-1.319.154-.38.004-.742-.19-1.126-.179-.834.024-.392 1.073-.107 1.442.235.305.255.688-.155.644-.46-.054-.693-1.349-1.304-1.087-.161.093-.31.357-.31.357s-.042-.54-.138-.66c-.111-.139-.2-.283-.27-.448-.061-.142-.106-.3-.07-.454Z' fill='%2360032A'/%3E%3Cpath d='M22.653 17.935c.178-.46.399-.906.65-1.335.228-.39.512-.776.877-1.063.184-.145.388-.263.63-.296.178-.023.362.003.534.051.17-1.999.088-1.172.109-3.181.006-.654-.021-1.31-.148-1.956-.296-.087-.574-.216-.785-.44-.279-.294-.328-.686-.299-1.06.014-.174.028-.322-.034-.49l-.014-.017-.07-.074c-.052-.05-.107-.098-.16-.147-.252-.242-.426-.594-.12-.867a.9.9 0 0 1 .749-.217c.255.048.46.196.632.372.17.176.31.383.425.602.016-.448.025-.896.047-1.343.033-.667.123-1.32.215-1.98.062-.442.26-1.075.885-.993.521.068.502.661.498.805l-.012.415s.034-.41.203-.583c.222-.227.744-.154.904.14.022.04.056.106.081.143.106-.16.206-.24.355-.278.349-.09.614.054.844.34l.046.066c.1-.192.28-.249.431-.28.15-.03.386.1.49.219.493.563.55 2.087.606 2.762.08.95.143 1.902.17 2.854.053 1.877-.111 3.755-.278 5.622-.086.962.05-.902-.074.057-.11.844-.203 1.705-.407 2.534-.149.607-.379 1.198-.779 1.7-.385.483-.948.826-1.57.989-.967.255-2.084.278-3.05-.013-.485-.147-.923-.393-1.354-.643-.372-.216-.74-.454-1.156-.59a.288.288 0 0 1-.152-.12c-.12-.028-.217-.108-.221-.249-.016-.503.12-.987.3-1.455l.002-.001ZM23.526 7.301l.004.002-.005-.002h.001Z' fill='%23F7E7CE'/%3E%3Cpath d='M32.087 31.172c1.088.127 2.13.497 3.211.664 1.157.178 2.349.19 3.514.14.268-.013.225.37-.029.38-1.165.051-2.348.031-3.505-.138-1.085-.158-2.13-.537-3.22-.665-.263-.03-.225-.412.03-.381Z' fill='%23FAC7D1'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='.84' y='0' width='43.32' height='42.998' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6258_17628'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_6258_17628' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        vertical-align: middle;
        margin-right: 11px;
        display: flex;
        align-items: center;
        margin-bottom: -8px;
        justify-content: center;
    }

    .trd-comp-container .int-con-td-item.trd-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/*
[lang=he-IL] .post-type-archive-pr .posts-grid .primary.slider-used .site-main article .article-img img {
	object-fit: fill;
}
*/


@font-face {
    font-family: "Champion Bantamwt A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Bantamwt A.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Bantamwt B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Bantamwt B.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Featherwt A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Featherwt A.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Featherwt B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Featherwt B.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Lightwt A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Lightwt A.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Lightwt B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Lightwt B.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Welterwt A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Welterwt A.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Welterwt B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Welterwt B.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Middlewt A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Middlewt A.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Middlewt B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Middlewt B.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Heavywt A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Heavywt A.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Champion Heavywt B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Champion Heavywt B.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm A 200.woff') format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm B 200.woff') format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm A 300.woff') format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm B 300.woff') format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm A 400.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm B 400.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm A 500.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm B 500.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm A 700.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm B 700.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm A 800.woff') format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Gotham SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Gotham SSm B 800.woff') format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 300.woff') format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 300.woff') format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 300 italic.woff') format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 300 italic.woff') format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 400.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 400.woff') format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 400 italic.woff') format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 400 italic.woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 500.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 500.woff') format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 500 italic.woff') format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 500 italic.woff') format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 600.woff') format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 600.woff') format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 600 italic.woff') format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 600 italic.woff') format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 700.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 700.woff') format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 700 italic.woff') format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 700 italic.woff') format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 800.woff') format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm B";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 800.woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm A 800 italic.woff') format("woff");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Sentinel SSm A";
    src: url('https://www.hibob.com/wp-content/themes/hibob-v2_etyhadar/fonts/Sentinel SSm B 800 italic.woff') format("woff");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}


.cta-flow-container {
    height: auto;
}

.site-content .entry-content .cta-flow-container {
    padding: 50px 30px;
    border-radius: 10px;
    background: var(--flow-white);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    margin: 50px 0;
}

.cta-flow {
    text-align: center;
    color: var(--flow-text-color);
    max-width: 646px;
    z-index: 5;
}

.cta-flow__image-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.cta-flow .cta-flow__title:is(h1, h2, h3) {
    font-size: 32px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    font-family: var(--flow-sentinel) !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
}

.cta-flow p.cta-flow__subtitle {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    font-family: var(--flow-gotham) !important;
    margin: 0 0 20px !important;
}

.cta-flow legend.cta-flow__group-title,
.cta-flow p.cta-flow__group-title {
    text-align: start;
    font-size: 16px !important;
    margin-bottom: 15px !important;
    line-height: 1 !important;
    border: 0;
}

p.cta-flow__terms_text {
    margin-bottom: 0 !important;
}

p.cta-flow__terms_text a {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit;
    font-weight: bold !important;
}

.cta-flow__subtitle:empty {
    display: none;
}

.cta-flow__field-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: relative;
}

.cta-flow__field-wrapper[role="group"] {
    margin-top: 30px;
    row-gap: 30px;
}

.cta-flow__field-wrapper_checkbox {
    text-align: start;
}

.cta-flow__field-wrapper_checkbox:not(:last-child) {
    margin-bottom: 15px !important;
}

.cta-flow__field-wrapper_checkbox label {
    cursor: pointer;
}

.cta-flow__field-wrapper_lists {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    position: relative;
}

.cta-flow__checkbox {
    height: 16px;
    width: 16px;
    position: absolute;
}

.cta-flow__checkbox:hover {
    cursor: pointer;
}

.cta-flow__checkbox:checked {
    accent-color: var(--flow-text-color);
}

.cta-flow__checkbox:disabled+.cta-flow__checkbox_label {
    color: var(--field-disabled);
}

.cta-flow__checkbox_label {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding-left: 10px !important;
    margin: 0 0 0 16px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: start;
}

.cta-flow__checkbox_label[for^="consent"] {
    font-size: 12px !important;
}

.cta-flow .cta-flow__input {
    width: 100%;
    background-color: var(--field-input-field);
    border: 1px solid var(--field-input-border);
    border-radius: 4px;
    padding: 10px 15px;
    outline: none;
    font-size: 16px !important;
    order: 2;
    transition: border .2s;
}

.cta-flow__input_label {
    position: absolute;
    bottom: 100%;
    left: 0;
    text-align: start;
    color: var(--field-placeholder);
    padding: 0;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: .75 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    order: 1;
    opacity: 0;
    transition: border .3s, transform .3s, opacity .3s;
    transform: scale(0);
    transform-origin: bottom left;
}

.cta-flow__input:focus {
    border: 1px solid gray;
}

.cta-flow__input:where(:focus, :not(:placeholder-shown, select), select:has(option[value=""]:not(:checked)))+.cta-flow__input_label,
.custom-dropdown:not(.closed)+.cta-flow__input_label {
    transform: scale(1);
    opacity: 1;
}

.cta-flow .cta-flow__input_invalid {
    border-color: var(--flow-red);
    background-color: var(--field-invalid);
}

.cta-flow .cta-flow__input_invalid:focus {
    border-color: var(--flow-red-dark);
}

.cta-flow .cta-flow__input_default {
    color: var(--field-placeholder);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'8\' viewBox=\'0 0 14 8\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M6.87472 7.41721C6.81169 7.41721 6.7483 7.39027 6.70014 7.3365L1.0723 1.05272C0.975899 0.94518 0.975899 0.770302 1.0723 0.662762C1.16862 0.555121 1.32524 0.555121 1.42156 0.662762L7.0494 6.94654C7.1458 7.05408 7.1458 7.22896 7.0494 7.3365C7.00124 7.39027 6.93785 7.41721 6.87472 7.41721V7.41721Z\' stroke=\'%23969696\'/%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M7.12525 7.41721C7.06213 7.41721 6.99873 7.39027 6.95058 7.3365C6.85417 7.22896 6.85417 7.05408 6.95058 6.94654L12.5784 0.662762C12.6747 0.555121 12.8314 0.555121 12.9277 0.662762C13.0241 0.770302 13.0241 0.94518 12.9277 1.05272L7.29983 7.3365C7.25167 7.39027 7.18864 7.41721 7.12525 7.41721V7.41721Z\' stroke=\'%23969696\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
    text-overflow: ellipsis;
    white-space: pre-line;
    padding-right: 45px;
    line-height: 1.25;
    min-height: 49px;
}

.cta-flow .cta-flow__input_default option {
    font-size: 16px !important;
    color: var(--flow-text-color);
}

.cta-flow ::placeholder {
    opacity: 1;
    transition: transform .3s, opacity .3s;
    transform-origin: top left;
    color: var(--field-placeholder);
}

.cta-flow .cta-flow__input:focus::placeholder {
    opacity: 0;
    transform: scale(0);
}

input[type='radio'].cta-flow__checkbox {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' fill=\'none\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'7.5\' fill=\'white\' stroke=\'%23535353\'/%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'1\' fill=\'white\'/%3E%3C/svg%3E");
    outline: 0;
    opacity: .8;
    border-radius: 50%;
}

input[type='radio'].cta-flow__checkbox:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' fill=\'none\'%3E%3Ccircle cx=\'8\' cy=\'8\' r=\'7.5\' fill=\'white\' stroke=\'%23535353\'/%3E%3Ccircle cx=\'8.00001\' cy=\'7.99989\' r=\'3.55556\' fill=\'%23EE164F\'/%3E%3C/svg%3E");
    opacity: 1;
}

input[type='radio'].cta-flow__checkbox:disabled {
    opacity: .4;
}

input[type='radio'].cta-flow__checkbox:hover {
    opacity: 1;
}

input[type='radio'].cta-flow__checkbox:active {
    opacity: .7;
}

.cta-flow option:checked {
    background-color: var(--field-input-border);
    color: var(--flow-black);
    font-weight: 700 !important;
    cursor: pointer;
}

.cta-flow__input_warning:empty {
    display: none;
}

.cta-flow__input_warning {
    color: var(--flow-red);
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-align: start;
    margin: 10px 0 0 !important;
    -webkit-touch-callout: none;
    display: block;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    order: 3;
}

button.cta-flow__btn.button.flat {
    padding: 18px 30px;
    min-width: 120px;
    border-radius: 4px;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: .55 !important;
    text-align: center;
    margin: 30px auto 0 !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
}

button.button.flat.cta-flow__btn-video {
    min-width: 120px;
    border-radius: 4px;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: .55 !important;
    text-align: center;
    margin: 30px auto 0 !important;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
    display: flex;
    align-items: center;
    padding: 15px 38px;
}

.cta-flow__btn-video svg {
    margin-right: 10px;
}

.cta-flow__btn_hide {
    display: none;
}

.message-component-btn {
    margin-left: 10px;
    margin-right: 10px;
}

div.cta-flow-container p.cta-flow__terms_text.cta-flow_text-hide {
    display: none !important;
}

.cta-flow p.cta-flow__terms_text {
    color: var(--flow-text-gray);
    font-size: 10px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    padding: 0 15px !important;
    margin-top: 30px !important;
}

.cta-flow:before {
    content: "";
    display: block;
    opacity: 0;
    transition: opacity var(--form-transition) var(--form-transition-delay);
}

.cta-flow.spinner-inside:before {
    content: "";
    opacity: 1;
    position: absolute;
    inset: 0;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 210 60\' width=\'210\' height=\'60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Ccircle fill=\'%23FFA32B\' cx=\'30\' cy=\'30\' r=\'30\'%3E%3Canimate attributeName=\'fill-opacity\' dur=\'1500ms\' repeatCount=\'indefinite\' values=\'0;.6;1;1;1;.6;0;0\' /%3E%3Canimate attributeName=\'r\' dur=\'1500ms\' repeatCount=\'indefinite\' values=\'0;0;10;20;30;20;10;0\' /%3E%3C/circle%3E%3Ccircle fill=\'%23E42C51\' cx=\'105\' cy=\'30\' r=\'30\'%3E%3Canimate attributeName=\'fill-opacity\' dur=\'1500ms\' repeatCount=\'indefinite\' values=\'0;0;.6;1;1;1;.6;0\' /%3E%3Canimate attributeName=\'r\' dur=\'1500ms\' repeatCount=\'indefinite\' values=\'10;0;0;10;20;30;20;10\' /%3E%3C/circle%3E%3Ccircle fill=\'%239C2442\' cx=\'180\' cy=\'30\' r=\'30\'%3E%3Canimate attributeName=\'fill-opacity\' dur=\'1500ms\' repeatCount=\'indefinite\' values=\'.6;0;0;.6;1;1;1;.6\' /%3E%3Canimate attributeName=\'r\' dur=\'1500ms\' repeatCount=\'indefinite\' values=\'20;10;0;0;10;20;30;20\' /%3E%3C/circle%3E%3C/svg%3E%0A");
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
}

.cta-flow [data-element-id="cp-goes-here"] iframe {
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .15);
    background: #f7f9fa;
    border: 0;
    border-radius: 10px;
}

.cta-flow.hide-cp-close-button [data-element-id="cp-goes-here"] {
    position: relative;
}

.cta-flow.hide-cp-close-button [data-element-id="cp-goes-here"]:after {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #fffdfb;
    z-index: 100;
    right: 15px;
    top: 15px;
}

#mirror-form-wrap {
    display: none;
}

.cta-flow-container .hide {
    display: none;
}

.cta-flow.tabs-transition {
    min-height: 350px;
}

.tabs-transition {
    position: relative;
    transition-property: height, min-height, width, min-width;
    transition-duration: var(--form-transition);
    transition-delay: var(--form-transition-delay);
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.tabs-transition .tab {
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition-property: visibility, opacity, z-index;
    transition-duration: var(--form-transition);
}

.tabs-transition .tab.shown {
    position: static;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition-delay: var(--form-transition);
}

@media screen and (max-width:991px) {
    .tabs-transition {
        width: 100% !important;
    }
}

body.recaptcha-inside .cta-flow .g-recaptcha {
    display: flex;
    justify-content: center;
    padding: 30px 0 0;
}

body.gated-content.modal-open>:where(#main, #mega-container, main, footer, header, .footer-bottom) {
    filter: blur(5px);
}

body.gated-content.modal-open .modal-backdrop.in {
    opacity: 1;
}

.message-butt-wrap {
    display: flex;
    justify-content: center;
}

.message-butt-wrap button.cta-flow__btn.button.flat {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

@media screen and (max-width:767px) {
    .message-butt-wrap {
        flex-direction: column;
        align-items: center;
    }
}

.email_warning {
    display: none;
    line-height: 1.5 !important;
    font-size: 14px !important;
}

.email_warning.visible {
    display: block;
    margin: 30px auto 0;
}

.bobUser-startOver {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font-weight: 500;
    color: var(--flow-red);
    cursor: pointer;
}

.bobUser-startOver:hover {
    text-decoration: underline;
}

.regex-element {
    float: none !important;
}

@media screen and (min-width:992px) and (max-height:820px) {
    .modal .cta-flow [data-element-id="cp-goes-here"] iframe {
        min-height: calc(100vh - 350px);
    }
}

<style>.features-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.feature-column {
    width: 30%;
    /* العرض الافتراضي للأعمدة في الشاشات الكبيرة */
    margin: 10px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .feature-column {
        width: 100% !important;
        /* عند الشاشات الصغيرة، كل عمود سيأخذ كامل العرض */
        margin: 10px 0;
        /* إضافة مسافة بين الأعمدة */
    }

    .features-columns {
        display: block;
        /* عرض الأعمدة في سطر واحد */
    }
}

.features-section {
    padding: 50px 0;
    text-align: center;
    /* margin-bottom: -190px; */

}

.main-title {
    font-size: 23px;
    line-height: 1.16;
    font-size: 3rem;
    color: #2a2a2a;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}

.main-title::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #2196F3;
    /* خط تحت العنوان */
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out;
}

.main-title:hover {
    color: #2196F3;
    /* تغيير اللون عند التمرير */
}

.main-title:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.sub-title {
    font-family: 'Arial', sans-serif;
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-top: 10px;
    max-width: 800px;
    margin: 0 auto;
    transition: color 0.3s ease;
    text-align: start;
    /* المحاذاة حسب اتجاه النص */
    direction: auto;
    /* تحديد اتجاه النص تلقائيًا */
}

@media (max-width: 768px) {
    .sub-title {
        font-size: 15px;
        /* text-align: left; */
        /* حجم الخط للأجهزة المحمولة */
    }
}

.quotesection .content ul {
    list-style: none;
    color: #fff;
    padding: 0;
    margin: 0;
}

.quotesection .content ul li {
    margin-bottom: 10px;
    /* إضافة مسافة بين العناصر */
}

.quotesection .content ul li strong {
    display: block;
    /* جعل النص في سطر منفصل */
    font-weight: bolder;

    font-size: 1.0em;
    text-transform: capitalize;
    /* جعل أول حرف من كل كلمة كبير والباقي صغير */
    font-family: inherit;
    /* العودة إلى الخط الافتراضي */
}

.quotesection .content ul li strong::first-letter {
    text-transform: uppercase;
    /* جعل أول حرف فقط كبير */
}

.quotesection .content ul li p {
    /* text-align: justify; */
    color: #ffffff;
    margin: 0;
    font-size: 0.8em;
    /* تقليل حجم الفقرة لتكون أصغر من العنوان */
    font-weight: normal;
    /* إزالة البولد */

    /* لون النص (اختياري) */
}

.responsive-title {
    font-family: "Cairo", sans-serif !important;
    font-size: 40px;
    color: #fff !important;
    font-weight: bolder;
    width: 100%;
    max-width: 400px;
    line-height: 1.5;

}

.content p {
    font-family: "Cairo", sans-serif !important;
    font-size: 18px;
    /* color: #fff; */
    line-height: 1.8;
    margin-bottom: 25px;
    /* margin: 25px; */

}

@media (max-width: 768px) {
    .content p {
        font-size: 12px !important;
        margin-top: 15px !important;
        margin-bottom: 20px !important;

    }

    blockquote ul li {
        margin-bottom: 10px;
        transition: color 0.3s ease;
        font-size: 16px !important;
    }
}

blockquote ul li {
    margin-bottom: 10px;
    transition: color 0.3s ease;
    font-size: large;
}

blockquote ul li:hover {
    color: #28a745;
    cursor: pointer;
}


blockquote {
    quotes: none !important;

}

blockquote::before,
blockquote::after {
    content: none !important;
}

.hero-section {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 5%;
    height: 100vh;
    background: linear-gradient(135deg, #283c5c, #4B6CA1FF);
    color: #fff;
    position: relative;
    overflow: hidden;

}

.hero-content {
    z-index: 2;
    max-width: 60%;
    text-align: center;
    margin-bottom: 2rem;
}

.hero-section[dir="rtl"] .hero-content {
    text-align: right;
}


.hero-title {
    color: #ffffff;
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 1.2;
    animation: fadeIn 1.5s ease-in-out;
    text-align: center !important;
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem !important;
        /* يمكنك تعديل هذا الحجم حسب ما يتناسب مع تصميمك */
    }

    .hero-subtitle {
        font-size: 1.2rem !important;
        /* تعديل حجم الخط هنا */
    }
}

.hero-subtitle {
    font-size: 2rem;
    margin-top: 1rem;
    animation: fadeIn 2s ease-in-out;
}

.hero-buttons {
    margin-top: 2rem;
}

.btn-primary,
.btn-secondary {
    display: inline-block;
    padding: 0.8rem 2rem;
    font-size: 1rem;
    border-radius: 30px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-primary {
    background: #fff;
    color: #1e3a8a;

    margin-right: 1rem;
}

.btn-primary:hover {
    background: #A04CEFFF;

    color: #fff;
}

.btn-secondary {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    color: #fff;
}

.btn-secondary:hover {
    background: #fff;
    color: #9025F5FF;
}

/* Hero Shapes */
.hero-shapes {
    position: absolute;
    bottom: 10%;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    z-index: 1;
    flex-wrap: wrap;
}

.shape {
    position: relative;
    opacity: 0.7;
    mix-blend-mode: screen;
    /* إضافة خاصية clip-path لرسم الشكل الخماسي */
    clip-path: polygon(50% 0%, 100% 38%, 81% 100%, 19% 100%, 0% 38%);
}

.big-circle {
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(169, 169, 169, 0.5), rgba(169, 169, 169, 0.1));
    /* تدرج رمادي */
}

.medium-circle {
    width: 150px;
    height: 150px;
    background: rgba(169, 169, 169, 0.5);
    /* اللون الرمادي الفاتح */
}

.small-circle {
    width: 100px;
    height: 100px;
    background: rgba(169, 169, 169, 0.3);
    /* اللون الرمادي الفاتح */
}

.dotted-circle {
    width: 120px;
    height: 120px;
    border: 4px dashed rgba(169, 169, 169, 0.5);
    /* خط رمادي متقطع */
    clip-path: polygon(50% 0%, 100% 38%, 81% 100%, 19% 100%, 0% 38%);
    /* نفس الشكل الخماسي */
}

.gradient-circle {
    width: 180px;
    height: 180px;
    background: conic-gradient(#666666, #777777, #888888) !important;
    /* تدرج لوني من الرمادي */
    clip-path: polygon(50% 0%, 100% 38%, 81% 100%, 19% 100%, 0% 38%);
    /* نفس الشكل الخماسي */
}

/* Animations */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (max-width: 768px) {
    .media-and-text figure img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
        visibility: visible !important;
    }

    .media-and-text {
        display: block !important;
        text-align: center !important;
    }

    .media-and-text.image-first,
    .media-and-text.image-last {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .not-responsive {
        width: 100% !important;
    }
}

.media-and-text img {
    display: block !important;
    max-width: 100% !important;
    visibility: visible !important;
}

@media only screen and (max-width: 768px) {

    .image-first,
    .image-last {
        flex-direction: column !important;
        align-items: center !important;
    }

    .media-and-text {
        display: flex !important;
        flex-direction: column !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
}




body[lang="ar"] .navbar {
    text-align: right !important;
    /* محاذاة النص لليمين */
}

/* توجيه العناصر إلى اليسار عند استخدام اللغة الإنجليزية */
body[lang="en"] .navbar {
    text-align: left !important;
    /* محاذاة النص لليسار */
}

/* محاذاة القائمة العلوية */
.navbar {
    display: flex !important;
    justify-content: flex-start !important;
    /* محاذاة العناصر إلى اليسار */
    align-items: center !important;
    width: 100% !important;
}

/* تعديل القائمة العلوية بحيث تتجه لليمين أو لليسار حسب اللغة */
body[lang="ar"] .navbar-nav {
    flex-direction: row-reverse !important;
    /* ترتيب العناصر من اليمين لليسار */
}

body[lang="en"] .navbar-nav {
    flex-direction: row !important;
    /* ترتيب العناصر من اليسار لليمين */
}

/* إذا كنت تستخدم قائمة منسدلة في القائمة العلوية */
.navbar-nav .nav-item {
    padding-left: 20px !important;
    /* إضافة مساحة بين العناصر */
    padding-right: 20px !important;
    /* إضافة مساحة بين العناصر */
}

/* تحسين العرض في الشاشات الصغيرة */
@media (max-width: 768px) {
    .navbar-nav {
        text-align: center !important;
        /* المحاذاة للوسط في الشاشات الصغيرة */
    }
}

 @media (max-width: 360px) {

     .features-columns {
         margin: auto 20px;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         gap: 20px;
     }
 }

 @media (min-width: 769px) {

     .features-columns {
         margin: auto 150px;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         gap: 20px;
     }
 }

 .feature-column {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     text-align: center;
     margin-bottom: 20px;
     width: calc(30.33% - 20px);
     height: 100%;
 }

 .feature-column svg {
     margin-bottom: 15px;
     max-width: 60px;
     max-height: 60px;
 }

 .feature-column h3 {
     color: #000;
     font-size: 2rem;
     margin-bottom: 10px;
 }

 .feature-column p {
     font-size: 1.5rem;
 }

 @media (max-width: 768px) {
     .features-columns {
         flex-direction: column;
         align-items: center;
     }

     .feature-column {
         width: 100%;
         text-align: center;
         margin-bottom: 20px;
         padding: 0 20px;
     }

     .feature-column h3 {
         font-size: 1.5rem;
     }

     .feature-column p {
         font-size: 1.2rem;
     }

     .feature-title-mobile {
         font-size: 1.5rem !important;
         padding: 0 15px;
     }
 }


 .top-partners {
     width: 80%;
     height: 600px;
     margin: 0 auto;
     padding: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .gallery {
     width: 80%;
     height: 80%;
     position: relative;
     text-align: center;
 }

 .gallery iframe {
     width: 100%;
     height: 100%;
 }

 .gallery h1 {
     position: absolute;
     top: 10px;
     left: 50%;
     transform: translateX(-50%);
     margin: 0;
     padding: 10px;
     background-color: rgba(0, 0, 0, 0.5);
     color: #fff;
     font-size: 24px;
 }

 @media (max-width: 1024px) {
     .top-partners {
         height: 500px;
     }

     .gallery h1 {
         font-size: 22px;
         padding: 8px;
     }
 }

 @media (max-width: 768px) {
     .top-partners {
         height: 400px;
     }

     .gallery h1 {
         font-size: 18px;
         padding: 5px;
     }
 }

 @media (max-width: 480px) {
     .top-partners {
         height: 300px;
         width: 100% !important;
     }

     .gallery h1 {
         font-size: 16px;
         padding: 3px;
     }
 }


 .quosectionon {
     background-color: #b8e4f4 !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     padding: 20px !important;
 }

 .testimonial {
     display: flex !important;
     flex-direction: row !important;
     gap: 20px !important;
     align-items: center !important;
     width: 100% !important;
     max-width: 1200px !important;
 }

 .testimonial figure {
     flex: 1 !important;
     text-align: center !important;
 }

 .testimonial img {
     max-width: 100% !important;
     height: auto !important;
     border-radius: 8px !important;
 }

 .testimonial .content {
     flex: 1 !important;
     color: #4B6CA1FF !important;
     text-align: left !important;
 }

 body[lang='ar'] .testimonial {
     flex-direction: row-reverse !important;
     /* الصورة على اليمين والنص على اليسار في النسخة العربية */
 }

 body[lang='ar'] .testimonial .content {
     text-align: right !important;
 }

 body[lang='ar'] .testimonial ul {
     text-align: right !important;
 }

 @media (max-width: 768px) {

     /* عندما تكون الشاشة أصغر من 768px (الهواتف) */
     .testimonial {
         flex-direction: column !important;
         /* جعل المحتوى عموديًا على الهواتف */
         text-align: center !important;
     }

     .testimonial figure {
         order: 0 !important;
         /* الصورة دائمًا في الأعلى */
         margin-bottom: 20px !important;
     }

     .testimonial .content {
         order: 1 !important;
         /* النص دائمًا تحت الصورة */
     }

     .testimonial .content h2 {
         /* text-align: center !important; */
         margin: 23px;
         font-size: 24px;
         font-weight: bold;

     }

     body[lang='ar'] .testimonial {
         flex-direction: column !important;

     }

 }


 .container {
     display: flex;
     flex-direction: column;
     gap: 0px;
     max-width: 1200px;
     margin: -50px auto !important;
     padding: 20px;
 }


 .media-and-text {
     display: flex;
     align-items: center;
     gap: 20px;
 }

 .media-and-text.reverse-row {
     flex-direction: row-reverse;
     /* عكس الترتيب للصورة والنص */
 }

 .image-container img {
     max-width: 100%;
     height: auto;
     border-radius: 10px;
 }

 .content {
     max-width: 50%;
 }

 .content h2 {
     /* font-size: 24px; */
     /* font-weight: bold; */
     margin-bottom: 0px;
     color: #4B6CA1FF;


     margin: 0;
     font-size: 0.8em;
     font-weight: normal;
 }

 @media (min-width: 769px) {
     .content h2 {
         margin-bottom: 10px;

         margin-top: 40px;
         margin-left: 20px;

         margin-right: 20px;

         color: #4B6CA1FF;
         font-size: 25px;

         font-weight: bold;

     }

     .content p {
         font-size: 18px;
         line-height: 1.6;
         text-align: <?php echo $language =='ar' ? 'right': 'left';
         ?>;
         margin-top: 10px;

     }
 }

 .content p {
     font-size: 18px;
     line-height: 1.6;


 }

/* التصميم الافتراضي (للإنجليزية) */
body {
    direction: ltr !important;
    text-align: left !important;
}

.media-and-text {
    display: flex !important;
    flex-direction: row !important;
    text-align: left !important;
}

/* عكس ترتيب الصورة والنص لكل صف */
.media-and-text.reverse-row {
    flex-direction: row-reverse !important;
}

.content {
    text-align: left !important;
}

.content p,
.content h2,
.header-title {
    text-align: left !important;
}

/* التنسيق الخاص باللغة العربية */
body[lang="ar"] {
    direction: rtl !important;
    text-align: right !important;
}

/* body[lang="ar"] .media-and-text {
    flex-direction: row-reverse !important;
    text-align: right !important;
} */

body[lang="ar"] .media-and-text.reverse-row {
    flex-direction: row !important;
}

/* الوضع الافتراضي - للعربية */
body[lang='ar'] .media-and-text.reverse-row {
    flex-direction: row-reverse !important;
    /* عكس الترتيب للصورة والنص */
}

/* للشاشات الصغيرة والمتوسطة - تحويل إلى عمودي */
@media (max-width: 768px) {
    body[lang='ar'] .media-and-text.reverse-row {
        flex-direction: column !important;
        /* وضع العناصر عموديًا */
    }
}

@media (max-width: 360px) {
    body[lang='ar'] .media-and-text.reverse-row {
        flex-direction: column !important;
        /* وضع العناصر عموديًا */
    }
}

/* الوضع الافتراضي - للغات الأخرى */


/* للشاشات الصغيرة والمتوسطة - تحويل إلى عمودي */
@media (max-width: 768px) {
    body:not([lang='ar']) .media-and-text.reverse-row {
        flex-direction: column !important;
        /* وضع العناصر عموديًا */
    }
}

@media (max-width: 360px) {
    body:not([lang='ar']) .media-and-text.reverse-row {
        flex-direction: column !important;
        /* وضع العناصر عموديًا */
    }
}

body[lang="ar"] .content {
    text-align: right !important;
}

body[lang="ar"] .content p,
body[lang="ar"] .content h2,
body[lang="ar"] .header-title {
    text-align: right !important;
}

body[lang="ar"] .content h2{
  /* margin: auto 20px; */
}

/* تنسيقات لعناصر القائمة */
.li-style {
    position: relative !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    color: black !important;
    line-height: 2.0 !important;
    direction: ltr !important;
    text-align: left !important;
}

.li-style::before {
    content: '✔' !important;
    position: absolute !important;
    font-size: 20px !important;
    color: red !important;
    top: 0 !important;
    left: 10px !important;
}

/* التنسيقات الخاصة باللغة العربية لعناصر القائمة */
body[lang="ar"] .li-style {
    padding-left: 40px !important;
    padding-right: 40px !important;
    direction: rtl !important;
    text-align: right !important;
}

body[lang="ar"] .li-style::before {
    right: 10px !important;
    left: auto !important;
}

/* تصميم متجاوب */

@media (max-width: 768px) {
    .media-and-text {
        flex-direction: column !important;
        text-align: center !important;
        font-family: "Cairo", sans-serif !important;
            color: #3A3A37;
            line-height: 2.0;


    }

    .content {
        max-width: 100% !important;
    }

    .content p {
        font-size: 18px !important;
        line-height: 1.6 !important;
        /* margin: 25px !important; */
    }

    .li-style {
        font-size: 14px !important;
        line-height: 1.9 !important;
    }
}

@media (max-width: 360px) {
    .container {
        padding: 10px !important;
        margin: 0 auto !important;
    }

    .media-and-text {
        gap: 10px !important;
    }

    .content p {
        font-size: 16px !important;
        /* padding-left: 30px !important; */
        line-height: 2.0 !important;
    }

    .li-style {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }

    .li-style::before {
        font-size: 18px !important;
        color: red !important;
    }
}

@media (min-width: 769px) {
    .li-style {
        font-size: 18px !important;
        line-height: 2.0 !important;
    }

    .li-style::before {
        font-size: 20px !important;
    }

    /* عكس ترتيب الصورة والنص في الديسكتوب لكل صف */
    .media-and-text:nth-child(even) {
        flex-direction: row-reverse !important;
    }

    /* عكس ترتيب الصورة والنص في الديسكتوب فقط */
    .media-and-text.reverse-row {
        flex-direction: row-reverse !important;
    }
}