/* bai-jamjuree-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 300;
  src: url("/site/templates/build/fonts/bai-jamjuree-v11-latin/bai-jamjuree-v11-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 400;
  src: url("/site/templates/build/fonts/bai-jamjuree-v11-latin/bai-jamjuree-v11-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 500;
  src: url("/site/templates/build/fonts/bai-jamjuree-v11-latin/bai-jamjuree-v11-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 600;
  src: url("/site/templates/build/fonts/bai-jamjuree-v11-latin/bai-jamjuree-v11-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bai-jamjuree-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Bai Jamjuree";
  font-style: normal;
  font-weight: 700;
  src: url("/site/templates/build/fonts/bai-jamjuree-v11-latin/bai-jamjuree-v11-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bai Jamjuree", sans-serif !important;
}

.content .text-primary-500 {
  --text-opacity: 1;
  color: #18578c;
  color: rgba(2, 103, 180, var(--text-opacity));
}

.home-intro {
  background-color: #18578c;
  color: #fff;
  font-family: "Bai Jamjuree";
}
.home-intro p {
  margin-top: 20px;
}

header .nav ul a {
  padding: 0.5rem 1rem;
}
header .nav .uk-dropdown-nav {
  background: #18578c !important;
}

.middle-feature {
  min-height: 650px;
}

.hero-large {
  min-height: 1200px;
}
.hero-large p + p {
  margin-top: 20px;
}

.hero-alternate {
  height: 1000px;
}
.hero-alternate img {
  height: 750px;
}
.hero-alternate .caption-container {
  background-color: #80c342;
}

#product-table thead th {
  text-align: left !important;
}
#product-table tbody tr td {
  background-color: #fff;
}
#product-table tbody tr td:first-of-type {
  background-color: #80c342 !important;
  text-align: left !important;
  font-weight: 600 !important;
}

* + address,
* + dl,
* + fieldset,
* + figure,
* + ol,
* + p,
* + pre,
* + ul {
  margin-top: 20px;
}

.group:hover .group-hover\:text-primary-500 {
    --text-opacity: 1;
    color: #18578C;
    color: rgba(24, 87, 140,var(--text-opacity));
}

.text-secondary-500 {
    --text-opacity: 1;
    color: #80C342;
    color: rgba(128, 195, 66,var(--text-opacity));
}

.bg-primary-500 {
    --bg-opacity: 1;
    background-color: #18578C;
    background-color: rgba(24, 87, 140,var(--bg-opacity));
}

.bg-primary-700 {
    --bg-opacity: 0.8;
    background-color: #18578C;
    background-color: rgba(24, 87, 140,var(--bg-opacity));
}

.bg-secondary-500 {
    --bg-opacity: 1;
    background-color: #80C342;
    background-color: rgba(128, 195, 66,var(--bg-opacity));
}

.bg-secondary-800 {
    --bg-opacity: 0.8;
    background-color: #80C342;
    background-color: rgba(128, 195, 66,var(--bg-opacity));
}

.group:hover .group-hover\:bg-secondary-500 {
    --bg-opacity: 1;
    background-color: #80C342 ;
    background-color: rgba(128, 195, 66,var(--bg-opacity));
}

.bg-custom-gray {
  background-color: #f1f1f1 !important;
}

.bg-medium-gray {
  background: #d2d2d2 !important;
}

.bg-light-blue {
  background-color: #00aeef !important;
}

.text-light-blue {
  color: #00aeef !important;
}


proactive-charts {display: block; height: 440px; margin: 0 0 20px;}

/* quotes-table */
.quotes-table {
    column-gap: 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    
    > div {
        border-bottom: 1px solid #dedede;
        display: flex;
        flex: 1 0 48%;
        font-size: clamp(14px, 12px + 0.313vw, 17px);
        font-weight: 600;
        justify-content: space-between;
        line-height: 1.4;
        min-width: 280px;
        padding: 6px 10px;

        span {
            font-weight: 400;
        }
    }
}