/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */










.dnd-section > .row-fluid {
    max-width: 1440px;
}
.dnd-section {
    padding-bottom: 128px;
    padding-top: 128px;
}
.body-container__homepage .dnd-section:nth-child(odd) {
    background-color: #F8FAFC;
}
.page-center {
    max-width: 1440px;
}



html {
    font-size: 24;
}
html .BambooHR-ATS-board {
  font-size: 24 !important;
}
body {
    color: #000000;
    font-family: SharpGroteskBook19;
    font-size: 24px;
}
body .BambooHR-ATS-board {
    color: #000000;
    font-family: SharpGroteskBook19;
    font-size: 24 !important;
}
p {
    font-family: SharpGroteskBook19;
    font-weight: 400
}
.BambooHR-ATS-board p {
    font-family: SharpGroteskBook19 !important;
    font-weight: 400 !important;
}
.BambooHR-ATS-board ul li {
    margin-bottom: 24px !important;
}
.BambooHR-ATS-board ul li a {
    font-family: SharpGroteskBook19 !important;
    font-weight: 400 !important;
    font-size: 20px !important;
}
a {
    font-family: SharpGroteskBook19;
    color: rgba(0, 0, 0, 1.0);
    cursor: pointer;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
a:hover,
a:focus {
    color:#000000;
}
a:active {
    color: rgba(40, 40, 40, 1.0);
}
.BambooHR-ATS-board a {
    font-family: SharpGroteskBook19 !important;
    color: rgba(0, 0, 0, 1.0);
    cursor: pointer !important;
    -webkit-transition: all 0.15s linear !important;
    -moz-transition: all 0.15s linear !important;
    -o-transition: all 0.15s linear !important;
    transition: all 0.15s linear !important;
}
.BambooHR-ATS-board a:hover, 
.BambooHR-ATS-board a:focus {
  color:#000000 !important;
}
.BambooHR-ATS-board a:active {
    color: rgba(40, 40, 40, 1.0);
}
h1,
h3.form-title,
.display-1{
    color: #000000;
    font-family: SharpGroteskBold20;
    font-size: 88px;
    font-weight: 400;
}
h2,
.display-2{
    color: #000000;
    font-family: SharpGroteskBold20;
    font-size: 56px;
    font-weight: 400;
}
.BambooHR-ATS-board h2 {
    color: #000000 !important;
    font-family: SharpGroteskBold20 !important;
    font-size: 56px !important;
    font-weight: 400 !important;
    border: none !important;
}
h3,
.display-3{
    color: #000000;
    font-family: SharpGroteskBold20;
    font-size: 40px;
    font-weight: 400;
}
h4,
.display-4{
    color: #000000;
    font-family: SharpGroteskBold20;
    font-size: 32px;
    font-weight: 400;
}
h5,
.display-5{
    color: #000000;
    font-family: SharpGroteskSmBold20;
    font-size: 24px;
    font-weight: 400;
}
h6,
.display-6{
    color: #000000;
    font-family: SharpGroteskSmBold20;
    font-size: 16px;
    font-weight: 400;
}

blockquote {
    border-left: 10px solid #F8FAFC;;
}



form,
.submitted-message {
    border-color: rgba(#null, 0.0);
    font-family: SharpGroteskBook19;
}
h3.form-title {
    background-color: rgba(0, 0, 0, 0.0);
    color: rgba(0, 0, 0, 1.0);
}
button,.button,.hs-button,.button--primary {
    background-color: rgba(0, 0, 0, 1.0);
    border-color: rgba(0, 0, 0, 1.0);
    border-radius: 30px;
    border-width: 1px;
    color: rgba(255, 255, 255,1.0);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 13px;
    padding-bottom: 13px;
}
button:hover,.button:hover, .hs-button:hover,.hs-button:focus,.button--primary:hover,.button--primary:focus{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #000;
    border-color: rgba(0, 0, 0, 1.0);
}
.hs-button:active,.button--primary:active {
    background-color: rgba(40, 40, 40, 1.0);
    border-color: rgba(40, 40, 40, 1.0);
    color: rgba(255, 255, 255, 1.0);
}
.hs-form label {
    color: rgba(0, 0, 0, 1.0);
}
.hs-form legend {
    color: rgba(0, 0, 0, 1.0);
}
form input,form select,form textarea,.hs-input {
    border-color: rgba(0, 0, 0, 1.0);
    color: #000000;
    border-radius: 10px;
}
form input:focus,form select:focus,form textarea:focus,.hs-input:focus {
    border-color: rgba(0, 0, 0, 1.0);
}
.fn-date-picker .pika-table thead th {
    color: rgba(255, 255, 255, 0.0);
}
.hs-input:-moz-placeholder,.hs-input::-webkit-input-placeholder,.hs-field-desc,.hs-dateinput:before,.hs-richtext {
    color: #000000;
}
.hs-richtext {
    font-size: 24;
}
.hs-default-font-element,.hs-main-font-element {
    font-family: SharpGroteskBook19;
}
.fn-date-picker td.is-today .pika-button {
    color: #000000;
}
.fn-date-picker td.is-selected .pika-button {
    background: #000000;
}
.fn-date-picker td .pika-button:hover {
    background-color: #F8FAFC !important;
}



th,td {
    background-color: rgba(255, 255, 255, 1.0);
    border: 1px solid rgba(#null, 1.0);
    color: rgba(#null, 1.0);
}
thead th,thead td {
    background-color: rgba(0, 0, 0, 1.0);
    color: rgba(255, 255, 255, 1.0);
}
tfoot td {
    background-color: rgba(255, 255, 255, 1.0);
    color: rgba(#null, 1.0);
}
table,tbody + tbody {
    border-color: rgba(#null, 1.0);
}



.header {
    background-color: rgba(248, 250, 252, 0.0);
}
.header__container {
    max-width: 1440px;
}
body .custom-menu-primary aa {
    color: #000000;
}
body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a
color: #000000;
}
body .custom-menu-primary a.active-branch{
color: ;
}
body .custom-menu-primary .submenu.level-1 > li.active-branch {
    background-color: #000000;
}
body .custom-menu-primary .submenu.level-1 > li {
    background-color: ;
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
    background-color: #000000
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
    color: ;
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
    background-color: ;
}
body .custom-menu-primary .submenu.level-2 > li > a {
    color: #FFFFFF;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {
    background-color: #000000;
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
    background-color: #000000;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus {
    background-color: #000000;
    color: #FFDDB4;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
    color: #FFDDB4;
    background-color: #000000;
}
.header__language-switcher .lang_list_class li a {
    font-family: SharpGroteskBook19;
}
.header__language-switcher-label-current:after {
    border-top-color: rgba(0, 0, 0, 1.0);
}
@media(max-width: 767px) {
    .header__navigation {
        background-color: rgba(248, 250, 252, 0.0);
    }
    .header__navigation-toggle svg,
    .menu-arrow svg {
        fill: rgba(0, 0, 0, 1.0);
    }
}



.footer {
    background-color: rgba(0, 0, 0, 1.0);
    color: #FFFFFF;
}
.footer__container {
    max-width: 1440px;
}
.footer a{
    color: #FFFFFF;
}
.footer a:hover{
    color: #FFFFFF;
}



.content-wrapper,
.page-center{
    max-width: 1440px;
}
.blog-post__date {
    border-color: #000000;
}
.blog-tag-filter__menu-link,.blog-post__tag-link,.blog-card__tag-link,.blog-post__author-name,.blog-card__title a {
    color: #000000;
}
.blog-card__tag-link:hover,.blog-card__title a:hover,.blog-tag-filter__menu-link:hover,.blog-post__tag-link:hover,.blog-post__author-name:hover,.blog-card__tag-link:focus,.blog-card__title a:focus,.blog-tag-filter__menu-link:focus,.blog-post__tag-link:focus,.blog-post__author-name:focus {
    color: #000000;
}
.blog-card__tag-link:active,.blog-card__title a:active,.blog-tag-filter__menu-link:active,.blog-post__tag-link:active,.blog-post__author-name:active {
    color: #282828;
}
.blog-tag-filter__menu-link--active-item:after {
    background-color: #000000;
}
.blog-pagination__link {
    color: #000000;
}
.blog-pagination__link--active:after,.blog-pagination__prev-link:after,.blog-pagination__next-link:after {
    background-color: #000000;
}
.blog-post__title {
    color: #000000;
    font-family:SharpGroteskBold20;
    font-size: 56px;
    font-weight: ;
}
.blog-post__author {
    background-color: #F8FAFC;
}
#comments-listing .comment-reply-to {
    color: rgba(#null, 0.0);
}
#comments-listing .comment-reply-to:hover,#comments-listing .comment-reply-to:focus {
    color: rgba(#null, 0.0);
}
#comments-listing .comment-reply-to:active {
    color: rgba(#null, 0.0);
}
/*             Blog Grid Listing and Post styles            */
.blog-header {
    background-color: rgb(#null);
}
.hs-blog-listing,.hs-blog-post {
    background-color: ;
}
.blog-index__post-inner-card {
    box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}
.blog-post__tag-link:hover{
    color: #000000;
}
.blog-post__read-more svg {
    fill: #000000;
}
.blog-post__read-more a:hover svg {
    fill: #000000;
}
.blog-sidebar ul {
    box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}
.blog-sidebar a {
    color: #000000;
}
.blog-sidebar a:hover {
    color: #000000;
}
.blog__subscription-block {
    background-color: rgb(#null);
}
.post-featured-image {
    max-height: px;
}
.blog-post__meta a {
    color: #000000;
}
.blog-post__body, .blog-post__tags a {
    color: #000000;
}
.blog-post__meta a:hover {
    color: #000000
}
.blog-post__links {
    border-top:  2px solid rgb(#null);
}
.blog-post__back-to-blog {
    color: #000000;
}
.blog-post__back-to-blog:hover {
    color: #000000;
}
.blog-post__back-to-blog svg {
    fill: #000000;
}
a.blog-post__back-to-blog:hover svg {
    fill: #000000;
}
.comment.depth-0,.blog-comments form {
    border-top: 2px solid rgb(#null);
}
.comment.depth-1 {
    border-left: 2px solid rgb(#null);
}
.section.post-footer .hs-input {
    border-color: rgb(#null);
}
.blog-recent-posts {
    background-color: rgb(#null);
}





body .icon svg {
    fill: #000000;
}
body .tns-nav button.tns-nav-active {
    background-color: #000000;
}
body .tns-nav button:hover,body .tns-nav button:focus {
    background-color: #000000;
}
body .social-links__icon {
    background-color: #000000;
}
body .social-links__icon:hover svg,body .social-links__icon:focus svg {
    fill: rgba(#null, 0.0);
}
body .social-links__icon:active svg {
    fill: rgba(#null, 0.0);
}
body .team-member__description {
    background-color: #F8FAFC;
}
.page-center {
    max-width: 1440px;
    margin: 0 auto;
}



.body-container__website .dnd-section:nth-child(odd) {
    background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}
.hs-richtext.hs-main-font-element {
    display: none;
}
.grecaptcha-badge {
    margin-left: 0;
}
/*============================ ========= =======================================*/
/*============================ Our Style =======================================*/
/*============================ ========= =======================================*/
img.full-image {
    width: 100%;
    display:block;
}
ul.dash {
    list-style: "- ";
    padding-left: 15px
}
ol.dash {
    list-style-type: "– ";
    padding-left: 15px;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.text-center{
    text-align:center
}
/*====================================== Text Classes ==================================*/
.small,.small p,p.small,.detail{
    font-size:16px;
    font-family: SharpGroteskBook19;
    font-weight: 400;
    line-height:1.5;
}
.detail,.detail p,p.detail{
    font-family: 'SharpGroteskSmBold20';
}
.x-small,p.x-small{
    font-size:14px;
    font-family: SharpGroteskBook19;
    font-weight: 400;
    line-height:1.71;
}
.visible-tab {
    display: none;
}
/*======================== breadcrumb ==============================================*/
.breadcrumb-menu {
    padding-top: 30px;
}
.breadcrumb-menu ul a,.breadcrumb-menu ul li{
    font-family: 'SharpGroteskSmBold20';
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    color: #000;
}
.breadcrumb-menu ul a{
    position: relative;
}
.breadcrumb-menu ul li a:after {
    content: "";
    display: block;
    height: 2px;
    width: 0;
    background: #000;
    transition: all .3s ease;
    position: absolute;
    left: 0;
}
.breadcrumb-menu ul li a:hover:after {
    width: 100%;
}
.breadcrumb-menu ul li + li:before {
    content: ">";
    display: inline-block;
    padding: 0 5px;
    color: inherit;
}
.n-ml-72{
    margin-left:-72px;
}
.featImg {
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*=========================== Padding and Margin Classes ==================================*/
.dnd-section[class*="force-full-width-section"] > div {
    padding: 0;
}
.p-40{
    padding:40px
}
.pt-16{
    padding-top:16px;
}
.pb-16{
    padding-bottom:16px;
}
.pt-24{
    padding-top:24px;
}
.pb-24{
    padding-bottom:24px;
}
.pt-32{
    padding-top:32px;
}
.pb-32{
    padding-bottom:32px;
}
.pt-40{
    padding-top:40px;
}
.pb-40{
    padding-bottom:40px;
}
.pt-44{
    padding-top:44px;
}
.pb-44{
    padding-bottom:44px;
}
.pt-48{
    padding-top:40px;
}
.pb-48{
    padding-bottom:40px;
}
.pt-64{
    padding-top:64px;
}
.pb-64{
    padding-bottom:64px;
}
.pt-72{
    padding-top:72px;
}
.pb-72{
    padding-bottom:72px;
}
.pt-96{
    padding-top:96px;
}
.pb-96{
    padding-bottom:96px;
}
.pt-128{
    padding-top:128px;
}
.pb-128{
    padding-bottom:128px;
}
.pt-136{
    padding-top:136px;
}
.pb-136{
    padding-bottom:136px;
}
.pr-40{
    padding-right:40px;
}
.pr-72{
    padding-right:72px;
}
.pl-72{
    padding-left:72px;
}
.mr-0{
    margin:0;
}
.mt-8{
    margin-top:8px;
}
.mb-8{
    margin-bottom:8px;
}
.mt-16{
    margin-top:16px;
}
.mb-16{
    margin-bottom:16px;
}
.mt-24{
    margin-top:24px;
}
.mb-24{
    margin-bottom:24px;
}
.mt-32{
    margin-top:32px;
}
.mb-32{
    margin-bottom:32px;
}
.mt-40{
    margin-top:40px;
}
.mb-40{
    margin-bottom:40px;
}
.mt-64{
    margin-top:64px;
}
.mb-64{
    margin-bottom:64px;
}
.mt-72{
    margin-top:72px;
}
.mb-72{
    margin-bottom:72px;
}
.mt-96{
    margin-top:96px;
}
.mb-96{
    margin-bottom:96px;
}
.mt-128{
    margin-top:128px;
}
.mb-128{
    margin-bottom:128px;
}
.no-label .form-title {
    display: none;
}
.flex-form form{
    display: flex;
    flex-wrap: wrap;
    margin-left: -32px;
}
.flex-form .hs-form-field {
    width: 50%;
    padding-left: 32px;
}
.flex-form .form-columns-1 .hs-form-field {
    width: 100%;
}
.flex-form .hs-form-field.hs_how_did_you_hear_about_us_,
.flex-form .hs_category.hs-category {
  width: 100%;
}
.flex-form .hs_submit.hs-submit,.flex-form .hs-message{
    width: 100%;
}
.flex-form .hs_submit.hs-submit {
    padding-left: 32px;
}
.flex-form .form-columns-3 {width: 50%;}
.flex-form .form-columns-3 .hs-form-field {
    width: 100% !important;
    float: none !important;
}
.flex-form fieldset.form-columns-1 {
    width: 100%;
}
.dnd-section[class*="force-full-width-section"] .span12 {
    min-height: 0 !important;
}
.flex-row.row-fluid:before, .flex-row.row-fluid:after {
    content: none;
}
/*=========================== Home Page ======================================*/
.full-image img{
    display: block;
    width: 100%;
}
/*=========================== Demo Page ======================================*/
.demo-page header.header {
    background: rgba(255,221,180,1.0);
}
/*=========================== Blog Style ======================================*/
.common-blog .dnd-section .book-a-demo {
    padding: 96px 0;
}
/*=========================== Slider Style ======================================*/
button.splide__arrow {
    padding: 0;
    min-width: 0;
    background: transparent;
    height: auto;
    width: auto;
    top: 50%;
}
button.splide__arrow svg {
    height: 56px;
    width: 34px;
    fill: transparent;
}
button.splide__arrow--prev svg {
    transform: scaleX(1);
}
button.splide__arrow--prev{
    left:10px
}
button.splide__arrow--prev:hover {
    left: 0;
}
button.splide__arrow--next {
    right: 10px;
}
button.splide__arrow--next:hover {
    right: 0px;
}

ul.splide__pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.splide__pagination button {
    background: transparent;
    min-width: 0;
    width: 16px;
    height: 16px;
    opacity: 1;
    border: 2px solid #000;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    transition: all .3s ease;
}
ul.splide__pagination button:hover {
    background: #000;
}
ul.splide__pagination .splide__pagination__page.is-active {
    transform: scale(1);
    background: #000;
}
ul.splide__pagination li + li {
    margin-left: 16px;
}
.visible-tab {
    display: none !important;
}
.outer-wrapper {
    margin: 0 auto;
}
.job-inner .button {
    min-width: 0;
    max-width: 100%;
}
.right-section .button-wrapper {
    justify-content: flex-end;
}
@media(min-width:0px) {
    .content-wrapper,
    .dnd-section > .row-fluid,
    .footer__container, .page-center{
        padding-left:16px;
        padding-right:16px;
    }
}
@media(min-width:360px) {
    .content-wrapper,
    .dnd-section > .row-fluid,
    .footer__container, .page-center {
        padding-left:16px;
        padding-right:16px;
    }
    .outer-wrapper {
        padding-left:16px;
        padding-right:16px;
    }
}

@media(min-width:720px) {
    .content-wrapper,
    .dnd-section > .row-fluid,
    .footer__container, .page-center {
        padding-left:48px;
        padding-right:48px;
    }
    .outer-wrapper {
        padding-left: 48px;
        padding-right:2px;
    }
}
@media(min-width:1024px) {
    .content-wrapper,
    .dnd-section > .row-fluid,
    .footer__container, .page-center{
        padding-left:56px;
        padding-right:56px;
    }
    .outer-wrapper {
        padding-left: 56px;
        padding-right:2px;
    }
}
@media(min-width:1280px) {
    .content-wrapper,
    .dnd-section > .row-fluid,
    .footer__container, .page-center{
        padding-left:64px;
        padding-right:64px;
    }
    .outer-wrapper {
        padding-left:64;
        padding-right:2px;
    }
}
@media(min-width:1440px) {
    .content-wrapper,
    .dnd-section > .row-fluid,
    .footer__container, .page-center{
        padding-left:72px;
        padding-right:72px;
    }
    .outer-wrapper {
        padding-left: calc( (100% - 1440px + 144px ) / 2);
        margin: 0 auto;
        padding-right:2px;
    }
}
@media(max-width:1024px) and (min-width:721px){
    .col-tab-6{
        width:50%;
    }
    h2, .display-2 {
        font-size: 40px;
        line-height: 48px;
    }
  .BambooHR-ATS-board h2 {
        font-size: 40px !important;
        line-height: 48px !important;
  }
}

@media(max-width:720px){
    .hidden-tab {
        display: none;
    }
    .visible-tab {
        display: inherit !important;
    }
    .mob-rev-direction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    } 
    .col{
        padding-left:0px;
        padding-right:0px;
    }
    .row-group {
        margin: 0 0px;
    }
    .col-3,
    .col-4, 
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10{
        width:100%;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .n-ml-72 {
        margin-left: 0;
    }
    .body-container-wrapper .row-fluid-wrapper[class*="dnd_area"] .row-fluid{
        display: block !important;
    }
    .row-fluid [class*='span'] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
    .row-fluid [class*='span'] {
        margin-left: 0 !important;
    }
    .dnd-section {
        padding-bottom: 64px;
        padding-top: 64px;
    }
    /*=========================== Padding =============================*/
    .mob-pl-15{
        padding-left:15px
    }
    .mob-pr-15{
        padding-right:15px
    }
    .mob-pt-0{
        padding-top:0px;
    }
    .mob-pb-0{
        padding-bottom:0px;
    }
    .mob-pt-16{
        padding-top:16px;
    }
    .mob-pb-16{
        padding-bottom:16px;
    }
    .mob-pt-24{
        padding-top:24px;
    }
    .mob-pb-24{
        padding-bottom:24px;
    }
    .mob-pt-32{
        padding-top:32px;
    }
    .mob-pb-32{
        padding-bottom:32px;
    }
    .mob-pt-40{
        padding-top:40px;
    }
    .mob-pb-40{
        padding-bottom:40px;
    }
    .mob-pt-48{
        padding-top:40px;
    }
    .mob-pb-48{
        padding-bottom:40px;
    }
    .mob-pt-64{
        padding-top:64px;
    }
    .mob-pb-64{
        padding-bottom:64px;
    }
    .mob-pt-96{
        padding-top:96px;
    }
    .mob-pb-96{
        padding-bottom:96px;
    }
    .mob-pt-128{
        padding-top:128px;
    }
    .mob-pb-128{
        padding-bottom:128px;
    }

    /* ======= margin ======= */
    .mob-mb-0{
        margin-bottom:0;
    }
    .mob-mr-0{
        margin:0;
    }
    .mob-mt-24{
        margin-top:24px;
    }
    .mob-mb-24{
        margin-bottom:24px;
    }
    .mob-mt-32{
        margin-top:32px;
    }
    .mob-mb-32{
        margin-bottom:32px;
    }
    .mob-mt-40{
        margin-top:40px;
    }
    .mob-mb-40{
        margin-bottom:40px;
    }
    .mob-mt-48{
        margin-top:40px;
    }
    .mob-mb-48{
        margin-bottom:40px;
    }
    .mob-mt-64{
        margin-top:64px;
    }
    .mob-mb-64{
        margin-bottom:64px;
    }
    .mob-mt-72{
        margin-top:72px;
    }
    .mob-mb-72{
        margin-bottom:72px;
    }
    .mob-mt-96{
        margin-top:96px;
    }
    .mob-mb-96{
        margin-bottom:96px;
    }
    .mob-mt-128{
        margin-top:128px;
    }
    .mob-mb-128{
        margin-bottom:128px;
    }
    /*=========================== Contact =============================*/
    .row-fluid [class*='span']:last-child > div {
        margin-bottom: 0;
    }
    /*=========================== Blog =============================*/
    .common-blog .dnd-section .book-a-demo {
        padding: 64px 0;
    }
}
@media(max-width:720px){
    .dnd-section{
        padding-bottom: 64px;
        padding-top: 64px;
    }
    .banner h1.display-2 {
        font-size: 40px;
        line-height: 48px;
    }
    h2, .display-2 {
        font-size:40px;
        line-height:1.2;
    }
    .BambooHR-ATS-board h2 {
        font-size:40px !important;
        line-height:1.2 !important;
    }
    h3, .display-3 {
        font-size: 32px;
        line-height:1.25;
    }
    h4, .display-4{
        font-size:30px;
        line-height:1.26;
    }
    .button-wrapper.visible-phone {
        display: flex !important;
    }
    .breadcrumb-menu .hs-menu-wrapper ul {
        flex-direction: row !important;
    }
    .featImg {
        height: 260px;
    }
    /* =============================      */
    .blog-banner h1 {
        font-size: 40px;
        line-height: 48px;
    }
    
    .blog-banner h1,
    h2, .display-2,
    .banner h1.display-2{
        font-size: 32px;
        line-height: 38px;
    }
}
@media(max-width:767px){

    .flex-form .hs-form-field {
        width: 100%;
        padding-left: 32px;
    }
    .flex-form .form-columns-3 {width: 100%;}
    .BambooHR-ATS-board ul li {
      margin-bottom: 44px !important;
    }
}