* {
  font-family: "Poppins", sans-serif;
}

p, h1, h2, h3, h4, h5, h6 {
  color: #404041; 
}  

h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

p, a, li, ul {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.01em;
}

a {
  color:#FF3741;
  text-decoration: none;
}

.text-jabmo-red {
  color:#FF3741;  
}

/* top menu */
.logo-jabmo {
  max-width: 135px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.logo-expandi {
  max-width: 135px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.fixed-top-padding {
    padding-top: 85px;
}

.navbar {
    padding-top: 0.6rem;
    padding-bottom: 0.65rem;
}

.navbar a:hover{
    color: #000 !important;
}

.solutions-dropdown {
    width: 335px !important;
}

.company-dropdown {
    width: 190px !important;
}

.resources-dropdown {
    width: 200px !important;
}

.dropdown-menu {
    border: none;
    border-radius: .5rem;
    box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 18%);
    margin-left: 15px;
    margin-top: .5rem !important;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .35rem 1rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    margin-right: .55rem;
    margin-left: .35rem;
    clear: both;
    font-weight: 300;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: #F0F0F0;
    border-radius: 25px;
    margin-left: .6rem;
    width: auto;
    transition: 0.2s;
}

.nav-link {
  margin: 0rem 0.35rem;
  color:#404041;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #404041;
}

.dropdown-toggle::after {
    font-family: FontAwesome;
    font-weight: 400;
    content: "\f107";
    border: none;
    vertical-align: inherit;
}

/* end top menu */

/* small top header */
.background-abm-platform {
    background-image: url(../img/header_image_abm_platform.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.background-account-based {
    background-image: url(../img/header_image_account_based.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.background-web-pesonalisation {
    background-image: url(../img/header_image_web_personalisation.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.background-partnership {
    background-image: url(../img/header_image_partnership.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.background-about-us {
    background-image: url(../img/header_image_about.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 275px;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.background-news {
    background-image: url(../img/header_image_news.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 275px;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.background-book-a-demo {
    background-image: url(../img/book-a-demo-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#333;
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
    background-size: cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.width-box-sm-header {
    max-width: 30em;
}

.width-box-sm-header h4{
    line-height: 1.3em;
}

.lh-lg {
    line-height: 1.75 !important;
}

/* end small top header */

.bg-lightgrey {
    background-color:#f5f5f5;
}

.bg-white {
    background-color:#fff;
}

/* buttons */

.btn {
  border-radius: 25px;
  font-size: 15px;
  font-weight: 300;
  width:auto;
  --bs-btn-padding-x: 1.00rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
}

/* Button Jabmo Red */
.btn-jabmo-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF3741;
    --bs-btn-border-color: #FF3741;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #de3039;
    --bs-btn-hover-border-color: #de3039;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #de3039;
    --bs-btn-active-border-color: #de3039;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
/* end Button Jabmo Red */

/* Button Jabmo Red Outline */
.btn-jabmo-red-outline {
    --bs-btn-color: #FF3741;
    --bs-btn-bg: none;
    --bs-btn-border-color: #FF3741;
    --bs-border-width: 1.5px;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #de3039;
    --bs-btn-hover-border-color: #de3039;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #de3039;
    --bs-btn-active-border-color: #de3039;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    font-weight: 400;
}
/* end Button Jabmo Red Outline */

/* Button Jabmo Red Outline Hover */
.btn-jabmo-red-outline-hover {
    --bs-btn-color: #FF3741;
    --bs-btn-bg: none;
    --bs-btn-border-color: #FF3741;
    --bs-border-width: 1.5px;
    --bs-btn-hover-color: #de3039;
    --bs-btn-hover-bg: none;
    --bs-btn-hover-border-color: #de3039;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #de3039;
    --bs-btn-active-bg: none;
    --bs-btn-active-border-color: #de3039;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    font-weight: 400;
}
/* end Button Jabmo Red Outline Hover */

/* Button Jabmo White */
.btn-jabmo-white {
    --bs-btn-color: #404041;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #404041;
    --bs-btn-hover-bg: #f5f5f5;
    --bs-btn-hover-border-color: #f5f5f5;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #404041;
    --bs-btn-active-bg: #f5f5f5;
    --bs-btn-active-border-color: #f5f5f5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
/* end Button Jabmo White */

/* Button Jabmo Darkgrey */
.btn-jabmo-darkgrey {
    --bs-btn-color: #fff;
    --bs-btn-bg: #333;
    --bs-btn-border-color: #333;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #282828;
    --bs-btn-hover-border-color: #282828;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #282828;
    --bs-btn-active-border-color: #282828;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
/* end Button Jabmo Darkgrey */

/* Header home */
.jabmo-header-bg {
  background-image: url(../img/header-jabmo.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 75vh;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
  background-size: cover;
}
/* end Header home */

.column-icons {
    margin: 0 auto;
    display: block;
    width: auto;
    height: 5em;
}

.column-icons-lg {
    margin: 0 auto;
    display: block;
    width: auto;
    height:7em;
}

.custom-card {
    background-color:white;
    border-radius: 10px;
    padding:80px 30px 30px 30px;
}

.card-height-wp {
    min-height: 290px;
}

.custom-card-icon {
    display:block;
    width:100px;
    height:100px;
    padding:18px;
    background-color:#fff;
    border-radius:15px;
    position:relative;
    top:50px;
    left:30px;
}

.jabmo-cta-bg-dark {
  background-image: url(../img/cta_colored_bg_dark.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.jabmo-cta-bg-light {
  background-image: url(../img/cta_colored_bg_light.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.jabmo-cta-bg-white {
  background-image: url(../img/cta_colored_bg_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.line-left-jabmo-red {
    background-image: url(../img/jabmo-red.png);
    background-repeat: no-repeat;
    background-size: 8px 92%;
    background-position: left center;
}

.ol-li-title {
    color:#404041;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
}

.size-graphic-partnership {
    width:40%;
    height:auto;
}

.bg-pr-release {
    background-image: url(../img/jabmo-purchase.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height:300px;
    padding-top: 4em;
    padding-bottom: 4em;
    background-size:cover;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.news-img img {
    max-width: 350px;
}

.news-img-sm img {
    max-width: 250px;
}

.awards-logo {
    max-width:80%;
    margin-left:10%;
    margin-right:10%;
}

/* Jabmo slider */
.jabmo-slider-bg {
  background-image: url(../img/slider_jabmo_bg.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.carousel-indicators {
    position:absolute;
    right:0;
    bottom:-50px;
    left:0;
    z-index:2;
    display:flex;
    justify-content:center;
    padding:0;
    margin-right:15%;
    margin-bottom:1rem;
    margin-left:15%;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
}

.slider-quote {
  color:#fff;
  font-size:22px;
}

.slider-quote-title {
  color:#fff;
  font-size:16px;
}
/* end Jabmo slider */

/* card styling */
.card {
    border-radius: 0px;
    border:0px;
}

.card-linkedin-icon {
    background-image: url(../img/icon_linkedin_white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width:40px;
    height:40px;
}

.card-info-icon {
    background-image: url(../img/info-leadership.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width:40px;
    height:40px;
}

.card-list {
    list-style: none;
}

.card-list li {
    display: inline-block;
    vertical-align:bottom;
}

.card-body {
    background-color:#333;
}

.card-body h5 {
    color:white;
}

.card-title {
    color:white;
}

.card-text {
    display:block;
    height:75px;
    color:white;
}

.modal-header {
    background-color:#FF3741;
}

.modal-header h4 {
    color:white;
}

.modal-header .btn-close {
    display: none;
}

.modal-content {
    border:none;
}

.test-cyance-thing {
    display: inline-block;
    width: 190px;
    vertical-align: text-top;
}
/* end card styling */

/* Book a Demo form */

.form-book-a-demo {
    padding: 2.5rem !important;
    background-color: #fff;
    border-radius: 10px;
}

.required-character {
    color:red;
    padding-left:3px;
}

.form-notification, .form-notification a {
    font-size:14px;
}

.form-control, .form-select {
    background-color:#f7f7f7;
}
/* end Book a Demo form */

/* Back to top */
.back-to-top {
    position: fixed;
    display: none;
    color: rgb(255, 255, 255,);
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    right: 15px;
    bottom: 15px;
    z-index: 11;
    background: rgb(64, 64, 65, 0.3);
    border-radius: 50%;
    transition: background 0.5s;
}

.back-to-top i {
    padding-top: 12px;
}

.fa {
    color:#fff;
}
/* end Back to top */

/* footer */
.footer-list {
    list-style: none;
}

.footer-list li {
    display: inline;
    vertical-align:top;
}

.footer-linkedin-icon {
    background-image: url(../img/icon_linkedin_white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width:40px;
    height:40px;
}

.footer-link a {
    text-decoration: none;
    color:#404041;
}
/* end footer */