/* Generated by less 3.11.1 */
/*
Theme Name: Clean Air
Author: Arriba
Author URI: https://arriba.agency
Version: 1.0.0
*/
html,
body {
  border: 0;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
html {
  scroll-behavior: smooth;
}
h1 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 20px;
}
h2,
.hs2 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}
h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
h4 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}
.has-medium-font-size {
  font-size: 22px;
}
.tagline {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 20px;
  letter-spacing: 2px;
}
.tagline:before {
  content: "";
  height: 1px;
  width: 40px;
  background-color: #ffffff;
}
a {
  text-decoration: none;
  transition: all 0.25s;
}
a:hover {
  text-decoration: none;
}
.no-marg {
  margin: 0;
}
.post-container ul li,
.site-container ul li {
  list-style: inside;
}
body {
  background-color: #E7F5FF;
}
.has-white-background-color {
  background-color: #ffffff;
}
.has-blue-background-color {
  background-color: #3287BF;
}
.has-light-blue-background-color {
  background-color: #E7F5FF;
}
.has-navy-background-color {
  background-color: #1D3557;
}
.has-green-background-color {
  background-color: #68BD49;
}
.has-white-color {
  color: #ffffff;
}
.has-white-color a {
  color: #ffffff !important;
  text-decoration: underline;
}
.has-blue-color {
  color: #3287BF;
}
.has-light-blue-color {
  color: #E7F5FF;
}
.has-navy-color {
  color: #1D3557;
}
.has-green-color {
  color: #68BD49;
}
.has-text-align-center {
  text-align: center;
}
@keyframes loading2 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 51%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes loading {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
header {
  height: 100px;
  background-color: #ffffff;
  padding: 0 calc( (100vw - 1170px) / 2 );
  margin: 0 auto;
  display: flex;
  align-items: center;
}
header .menu-button {
  display: none;
  height: 22px;
  justify-content: left;
  align-items: center;
  position: relative;
  margin-top: 3px;
}
header .menu-button span {
  display: block;
  height: 3px;
  width: 30px;
  background-color: #1D3557;
  transition: all 0.25s;
}
header .menu-button span:before,
header .menu-button span:after {
  content: "";
  display: block;
  height: 3px;
  width: 30px;
  background-color: #1D3557;
  position: absolute;
  transition: all 0.25s;
}
header .menu-button span:before {
  top: 0;
}
header .menu-button span:after {
  bottom: 0;
}
header nav {
  margin-left: auto;
}
header nav ul li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  position:relative;
}
header nav ul li:hover ul.sub-menu {
  transform: translate(-50%, 5px) scaleY(1) !important;
}
header nav ul li.menu-item-has-children > a:after {
  content:"";
  background-image:url('assets/icons/dropdown.svg');
  height:4px;
  width:6px;
  display:inline-block;
}
header nav ul ul.sub-menu {
  display:none;
  box-sizing:border;
  position: absolute;
  left: 50%;
  top:88%;
  background:#1D3557;
  border-radius: 3px;
  padding: 10px 5px;
  transition: all 0.3s ease;
  transform: translate(-50%, 0) scaleY(0);
  display: block;
  width: 260px;
  text-align:center;
  z-index:999;
}
header nav ul ul.sub-menu:before {
  content: "";
  background:#1D3557;
  transform: translate(-50%, 0) rotate(45deg);
  width: 8px;
  height: 8px;
  top: -4px;
  left: 50%;
  position: absolute;
}
header nav ul ul.sub-menu li {
  margin: 5px 0;
  display: block;
  text-align:left;
  font-size:14px;
}
header nav ul li .sub-menu li a {
  color:#fff;
  background:none;
  display:block;
  text-align:center;
}
header nav ul li a {
  display:flex;
  align-items:center;
  gap:5px;
  color: #1D3557;
  padding: 10px;
  border-radius: 30px;
  background-color: #ffffff;
}
header nav ul li a:hover {
  background-color: #E7F5FF;
}
@media only screen and (max-width: 1200px) {
  header {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 992px) {
  header {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    padding:5px 20px;
    height:auto;
  }
  header .site-logo {
    text-align:center;
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:1;
    grid-row-end:2;
  }
  header .button {
    padding:8px 0;
    text-align:center;
    grid-column-start:3;
    grid-column-end:4;
    grid-row-start:1;
    grid-row-end:2;
  }
  header .button span {
    display: none;
  }
  header .menu-button {
    display: flex;
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:1;
    grid-row-end:2;
  }
  header nav {
    grid-column-start:1;
    grid-column-end:4;
    grid-row-start:2;
    grid-row-end:3;
    overflow:hidden;
    height:0;
    width:100%;
  }
  header nav ul li {
    display:block;
    border-top:1px solid #E7F5FF;
  }
  header nav ul li a {
    display:flex;
    text-align:center;
    background:none;
    border-radius:0;
    justify-content:center;
  }
  .nav-open header nav {
    height:auto;
  }
  header nav ul ul.sub-menu {
    padding:0;
    max-height:0;
    overflow:hidden;
    background-color:#E7F5FF;
    position:relative;
    top:0;
    left:0;
    transform:none;
    box-sizing:border-box;
    width:100%;
    transition:max-height 0.5s ease-in;
  }
  header nav ul ul.sub-menu::before {
    background-color:#E7F5FF;
  }
  header nav ul li:hover ul.sub-menu {
    transform:none!important;
  }
  header nav ul li .sub-menu li a {
    color:#1D3557;
  }
  header nav ul li a.li-open + ul.sub-menu {
    max-height:2000px;
  }
}
@media only screen and (max-width: 768px) {
  header {
    padding: 0 20px;
  }
}
.button,
button {
  font-weight: 600;
  font-size: 16px;
  background-color: #68BD49;
  color: #ffffff;
  padding: 10px 30px;
  border-radius: 30px;
  overflow: hidden;
  transition: all 500ms;
  position: relative;
}
.button svg,
button svg {
  position: relative;
  top: 2px;
}
.button:after,
button:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
}
.button:hover,
button:hover {
  background-color: #3287BF;
  color: #ffffff;
}
.button:hover:after,
button:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
footer {
  background-color: #1D3557;
  padding: 60px calc( (100vw - 1170px) / 2 ) 20px;
  color: #ffffff;
}
footer .top {
  display: flex;
}
footer .top .col {
  min-width: 220px;
}
footer .top .col:first-child {
  margin-right: auto;
}
footer .top .call {
  font-size: 42px;
  font-weight: 800;
  color: #68BD49;
  transition: all 0.25s;
}
footer .top .call svg {
  fill: #68BD49;
  transition: all 0.25s;
}
footer .top .call:hover {
  color: #3287BF;
}
footer .top .call:hover svg {
  fill: #3287BF;
}
footer .top ul:not(.socials) li {
  list-style: none;
  font-size: 16px;
  margin: 10px 0;
}
footer .top ul:not(.socials) li a {
  color: #E7F5FF;
  opacity: 0.7;
}
footer .top ul:not(.socials) li a:hover {
  opacity: 1;
}
footer .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 75px;
}
footer .bottom address {
  font-style: normal;
}
footer ul.socials {
  margin: 10px 0;
}
footer ul.socials li {
  display: inline-block;
  list-style: none;
}
footer ul.socials li a {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  border: 1px solid #ffffff;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
footer ul.socials li a svg {
  max-height: 18px;
  width: auto;
  fill: #ffffff;
  position: relative;
  z-index: 2;
}
footer ul.socials li a:before {
  content: "";
  height: 100px;
  width: 100px;
  bottom: -100px;
  border-radius: 50px;
  left: -25px;
  transition: all 0.5s;
  background-color: #3287BF;
  position: absolute;
  z-index: 1;
}
footer ul.socials li a:hover {
  border-color: #3287BF;
}
footer ul.socials li a:hover:before {
  bottom: -25px;
}
@media only screen and (max-width: 1200px) {
  footer {
    padding: 60px 30px 20px;
  }
  footer .top .col {
    min-width: 180px;
  }
}
@media only screen and (max-width: 992px) {
  footer .top .col {
    min-width: 140px;
  }
  footer .top .call {
    font-size: 32px;
  }
  footer .top .call svg {
    position: relative;
    top: 2px;
    width: 20px;
  }
}
@media only screen and (max-width: 768px) {
  footer {
    padding: 40px 20px 20px;
  }
  footer .top {
    flex-direction: column;
    text-align: center;
  }
  footer .top .col {
    margin: 20px 0;
  }
  footer .top .col:first-child {
    margin-right: 0;
  }
  footer .bottom {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 75px;
  }
  footer .bottom address {
    font-style: normal;
  }
}
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: block;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.blog-index > div:not(.alignfull),
.post-container > div:not(.alignfull),
.site-container > div:not(.alignfull),
.blog-index > h1,
.post-container > h1,
.site-container > h1,
.blog-index > h2,
.post-container > h2,
.site-container > h2,
.blog-index > h3,
.post-container > h3,
.site-container > h3,
.blog-index > h4,
.post-container > h4,
.site-container > h4,
.blog-index > h5,
.post-container > h5,
.site-container > h5,
.blog-index > h6,
.post-container > h6,
.site-container > h6,
.blog-index > p,
.post-container > p,
.site-container > p,
.blog-index > ol,
.post-container > ol,
.site-container > ol,
.blog-index > ul,
.post-container > ul,
.site-container > ul,
.blog-index > table,
.post-container > table,
.site-container > table,
.blog-index > figure,
.post-container > figure,
.site-container > figure,
.blog-index > blockquote,
.post-container > blockquote,
.site-container > blockquote {
  padding: 0 calc( (100vw - 1170px) / 2 );
}
.blog-index h1,
.post-container h1,
.site-container h1,
.blog-index h2,
.post-container h2,
.site-container h2,
.blog-index h3,
.post-container h3,
.site-container h3,
.blog-index h4,
.post-container h4,
.site-container h4,
.blog-index h5,
.post-container h5,
.site-container h5 {
  color: #3287BF;
}
.blog-index .has-white-color,
.post-container .has-white-color,
.site-container .has-white-color {
  color: #ffffff;
}
.blog-index .has-blue-color,
.post-container .has-blue-color,
.site-container .has-blue-color {
  color: #3287BF;
}
.blog-index .has-light-blue-color,
.post-container .has-light-blue-color,
.site-container .has-light-blue-color {
  color: #E7F5FF;
}
.blog-index .has-navy-color,
.post-container .has-navy-color,
.site-container .has-navy-color {
  color: #1D3557;
}
.blog-index .has-green-color,
.post-container .has-green-color,
.site-container .has-green-color {
  color: #68BD49;
}
.blog-index li,
.post-container li,
.site-container li,
.blog-index p,
.post-container p,
.site-container p {
  color: #1D3557;
}
.blog-index li a,
.post-container li a,
.site-container li a,
.blog-index figcaption a,
.post-container figcaption a,
.site-container figcaption a,
.blog-index p a,
.post-container p a,
.site-container p a {
  font-weight: 300;
  color: #3287BF;
  text-decoration:underline;
  transition: all 0.25s ease;
}
.blog-index figcaption a,
.post-container strong a,
.site-container strong a {
  font-weight:700;
}
.blog-index li a:hover,
.post-container li a:hover,
.site-container li a:hover,
.blog-index p a:hover,
.post-container p a:hover,
.site-container p a:hover {
  color: #68BD49;
}
.blog-index img,
.post-container img,
.site-container img {
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(50, 135, 191, 0.5);
  max-width: 100%;
  height: auto;
  position: relative;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: loading;
  animation-timing-function: linear;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 8%, #E7F5FF 38%, #ffffff 54%);
  background-size: 1000px 640px;
}
.blog-index .no-style img,
.post-container .no-style img,
.site-container .no-style img {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.blog-index .wp-block-columns,
.post-container .wp-block-columns,
.site-container .wp-block-columns {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
.blog-index .wp-block-columns .wp-block-column,
.post-container .wp-block-columns .wp-block-column,
.site-container .wp-block-columns .wp-block-column {
  flex-grow: 1;
  flex-basis: 0;
}
.blog-index .wp-block-columns .wp-block-column[style*="flex-basis"],
.post-container .wp-block-columns .wp-block-column[style*="flex-basis"],
.site-container .wp-block-columns .wp-block-column[style*="flex-basis"] {
  flex-grow: 0;
}
.blog-index .wp-block-columns .is-vertically-aligned-center,
.post-container .wp-block-columns .is-vertically-aligned-center,
.site-container .wp-block-columns .is-vertically-aligned-center {
  align-self: center;
}
.blog-index .wp-block-lazyblock-reviews .review,
.post-container .wp-block-lazyblock-reviews .review,
.site-container .wp-block-lazyblock-reviews .review {
  padding: 20px 30px;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #DDE6EE;
  margin: 10px 0;
  box-shadow: 0 0 0 rgba(50, 135, 191, 0.5);
  transform: all 0.5s ease-in;
  cursor: pointer;
}
.blog-index .wp-block-lazyblock-reviews .review .title,
.post-container .wp-block-lazyblock-reviews .review .title,
.site-container .wp-block-lazyblock-reviews .review .title {
  display: flex;
  margin-bottom: 0;
  transform: all 0.5s ease-in;
}
.blog-index .wp-block-lazyblock-reviews .review .title p,
.post-container .wp-block-lazyblock-reviews .review .title p,
.site-container .wp-block-lazyblock-reviews .review .title p {
  margin: 0 auto 0 5px;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blog-index .wp-block-lazyblock-reviews .review .title p strong,
.post-container .wp-block-lazyblock-reviews .review .title p strong,
.site-container .wp-block-lazyblock-reviews .review .title p strong {
  display: block;
}
.blog-index .wp-block-lazyblock-reviews .review .title img,
.post-container .wp-block-lazyblock-reviews .review .title img,
.site-container .wp-block-lazyblock-reviews .review .title img {
  border-radius: 50%;
  border: 1px solid #DDE6EE;
  box-shadow: none;
}
.blog-index .wp-block-lazyblock-reviews .review .title .stars,
.post-container .wp-block-lazyblock-reviews .review .title .stars,
.site-container .wp-block-lazyblock-reviews .review .title .stars {
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-index .wp-block-lazyblock-reviews .review .title .stars svg,
.post-container .wp-block-lazyblock-reviews .review .title .stars svg,
.site-container .wp-block-lazyblock-reviews .review .title .stars svg {
  fill: #68BD49;
}
.blog-index .wp-block-lazyblock-reviews .review .content,
.post-container .wp-block-lazyblock-reviews .review .content,
.site-container .wp-block-lazyblock-reviews .review .content {
  color: #1D3557;
  display: none;
}
.blog-index .wp-block-lazyblock-reviews .review.active,
.post-container .wp-block-lazyblock-reviews .review.active,
.site-container .wp-block-lazyblock-reviews .review.active {
  box-shadow: 0 0 15px rgba(50, 135, 191, 0.5);
  cursor: auto;
}
.blog-index .wp-block-lazyblock-reviews .review.active .title,
.post-container .wp-block-lazyblock-reviews .review.active .title,
.site-container .wp-block-lazyblock-reviews .review.active .title {
  margin-bottom: 20px;
}
.blog-index .wp-block-lazyblock-reviews .review.active .content,
.post-container .wp-block-lazyblock-reviews .review.active .content,
.site-container .wp-block-lazyblock-reviews .review.active .content {
  max-height: 200vh;
}
@media only screen and (max-width: 550px) {
  .blog-index .wp-block-lazyblock-reviews .review .title img, .post-container .wp-block-lazyblock-reviews .review .title img, .site-container .wp-block-lazyblock-reviews .review .title img {
    display:none;
  }
  .blog-index .wp-block-lazyblock-reviews .review .title, .post-container .wp-block-lazyblock-reviews .review .title, .site-container .wp-block-lazyblock-reviews .review .title {
    flex-direction:column;
  }
  .blog-index .wp-block-lazyblock-reviews .review .title .stars, .post-container .wp-block-lazyblock-reviews .review .title .stars, .site-container .wp-block-lazyblock-reviews .review .title .stars {
    margin-top:10px;
    justify-content:flex-start;
  }
  .site-container .team {
    grid-template-columns:1fr 1fr;
  }
}
.blog-index .contact-form,
.post-container .contact-form,
.site-container .contact-form {
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(29, 53, 87, 0.5);
  max-width: 770px;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #DDE6EE;
}
.blog-index .contact-form h2,
.post-container .contact-form h2,
.site-container .contact-form h2,
.blog-index .contact-form h3,
.post-container .contact-form h3,
.site-container .contact-form h3 {
  font-size: 22px;
  margin-bottom: 0;
}
.blog-index .contact-form .content,
.post-container .contact-form .content,
.site-container .contact-form .content {
  padding: 40px 30px 0;
}
.blog-index .contact-form form,
.post-container .contact-form form,
.site-container .contact-form form {
  padding: 20px 30px;
}
.blog-index .contact-form form .question,
.post-container .contact-form form .question,
.site-container .contact-form form .question {
  display: flex;
  gap: 30px;
}
.blog-index .contact-form form .question .element,
.post-container .contact-form form .question .element,
.site-container .contact-form form .question .element {
  flex-grow: 1;
  flex-basis: 0;
  margin: 15px 0;
}
.blog-index .contact-form form .question .element input,
.post-container .contact-form form .question .element input,
.site-container .contact-form form .question .element input,
.blog-index .contact-form form .question .element textarea,
.post-container .contact-form form .question .element textarea,
.site-container .contact-form form .question .element textarea {
  color: #1D3557;
  font-size: 16px;
  border: 1px solid #DDE6EE;
  background-color: #E7F5FF;
  height: 40px;
  width: 100%;
  text-indent: 5px;
  border-radius: 3px;
  padding: 0;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
}
.blog-index .contact-form form .question .element textarea,
.post-container .contact-form form .question .element textarea,
.site-container .contact-form form .question .element textarea {
  padding: 10px 0;
  height: 120px;
  resize: none;
}
.blog-index .contact-form form .question .element button,
.post-container .contact-form form .question .element button,
.site-container .contact-form form .question .element button {
  background-color: #68BD49;
  color: #ffffff;
  font-size: 16px;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  border: 0;
  padding: 15px 30px;
  border-radius: 30px;
  display: block;
  margin: 0 auto;
  font-weight: 600;
  max-width: 330px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  transition: all 0.25s;
}
.blog-index .contact-form form .question .element button:hover,
.post-container .contact-form form .question .element button:hover,
.site-container .contact-form form .question .element button:hover {
  background-color: #3287BF;
}
.blog-index .contact-form .review,
.post-container .contact-form .review,
.site-container .contact-form .review {
  background-color: #E7F5FF;
  border-top: 1px solid #DDE6EE;
  text-align: center;
  padding: 10px;
}
.blog-index .contact-form .review img,
.post-container .contact-form .review img,
.site-container .contact-form .review img {
  box-shadow: none;
  background: none;
}
.blog-index .top-form .contact-form .content,
.post-container .top-form .contact-form .content,
.site-container .top-form .contact-form .content {
  padding: 30px 30px 0;
}
.blog-index .top-form .contact-form form,
.post-container .top-form .contact-form form,
.site-container .top-form .contact-form form {
  padding: 0 30px;
}
.blog-index .top-form .contact-form form .question .element,
.post-container .top-form .contact-form form .question .element,
.site-container .top-form .contact-form form .question .element {
  margin: 10px 0;
}
.blog-index .service-scroll .owl-stage,
.post-container .service-scroll .owl-stage,
.site-container .service-scroll .owl-stage {
  display: flex;
}
.blog-index .service-scroll .owl-item,
.post-container .service-scroll .owl-item,
.site-container .service-scroll .owl-item {
  display: flex;
  flex: 1 0 auto;
}
.blog-index .service-scroll .service-block,
.post-container .service-scroll .service-block,
.site-container .service-scroll-ab .service-block,
.site-container .service-scroll .service-block {
  padding: 15px;
  height: 100%;
}
.blog-index .service-scroll .service-block a,
.post-container .service-scroll .service-block a,
.site-container .service-scroll-ab .service-block a,
.site-container .service-scroll .service-block a {
  display: block;
  color: #1D3557;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(50, 135, 191, 0.5);
  height: calc(100% - 30px);
}
.blog-index .service-scroll .service-block a img,
.post-container .service-scroll .service-block a img,
.site-container .service-scroll-ab .service-block a img,
.site-container .service-scroll .service-block a img {
  box-shadow: none;
  border-radius: 5px 5px 0 0;
}
.blog-index .service-scroll .service-block a .service-details,
.post-container .service-scroll .service-block a .service-details,
.site-container .service-scroll-ab .service-block a .service-details,
.site-container .service-scroll .service-block a .service-details {
  padding: 20px;
}
.blog-index .service-scroll .service-block a .service-details h3,
.post-container .service-scroll .service-block a .service-details h3,
.site-container .service-scroll-ab .service-block a .service-details h3,
.site-container .service-scroll .service-block a .service-details h3 {
  margin: 0;
}
.blog-index .service-scroll .service-block a .arrow,
.post-container .service-scroll .service-block a .arrow,
.site-container .service-scroll-ab .service-block a .arrow,
.site-container .service-scroll .service-block a .arrow {
  padding: 0 20px 20px;
  display: flex;
  justify-content: flex-end;
}
.blog-index .service-scroll .service-block a .arrow span,
.post-container .service-scroll .service-block a .arrow span,
.site-container .service-scroll-ab .service-block a .arrow span,
.site-container .service-scroll .service-block a .arrow span {
  border: 1px solid #3287BF;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-index .service-scroll .service-block a .arrow span svg,
.post-container .service-scroll .service-block a .arrow span svg,
.site-container .service-scroll-ab .service-block a .arrow span svg,
.site-container .service-scroll .service-block a .arrow span svg {
  fill: #3287BF;
}
.blog-index .service-scroll .owl-nav,
.post-container .service-scroll .owl-nav,
.site-container .service-scroll .owl-nav {
  position: absolute;
  top: 50%;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.blog-index .service-scroll .owl-nav button,
.post-container .service-scroll .owl-nav button,
.site-container .service-scroll .owl-nav button {
  height: 40px;
  width: 40px;
  background-color: #3287BF;
  transition: all 0.25s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-index .service-scroll .owl-nav button img,
.post-container .service-scroll .owl-nav button img,
.site-container .service-scroll .owl-nav button img {
  background: none;
  border-radius: 0;
  box-shadow: none;
  width: 30px;
  height: auto;
}
.blog-index .service-scroll .owl-nav button:hover,
.post-container .service-scroll .owl-nav button:hover,
.site-container .service-scroll .owl-nav button:hover {
  background-color: #1D3557;
}
.blog-index .has-white-background-color .service-scroll .service-block a,
.post-container .has-white-background-color .service-scroll .service-block a,
.site-container .has-white-background-color .service-scroll-ab .service-block a,
.site-container .has-white-background-color .service-scroll .service-block a {
  background-color: #E7F5FF;
}
.site-container .service-scroll-ab .service-block {
  padding:15px 0;
}
.site-container .service-scroll-ab {
  margin:15px 0;
}
.blog-index .service-block,
.post-container .service-block,
.site-container .service-block {
  position: relative;
}
.blog-index .service-block a,
.post-container .service-block a,
.site-container .service-block a {
  display: block;
}
.blog-index .service-block .content,
.post-container .service-block .content,
.site-container .service-block .content {
  position: absolute;
  bottom: 7px;
  left: 0;
  width: calc(100% - 60px);
  padding: 60px 30px 30px;
  background: #000000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 50%, rgba(0, 0, 0, 0.75) 100%);
  border-radius: 5px;
  pointer-events: none;
}
.blog-index .service-block .content .title,
.post-container .service-block .content .title,
.site-container .service-block .content .title {
  display: flex;
  justify-content: space-between;
}
.blog-index .service-block .content .title h3,
.post-container .service-block .content .title h3,
.site-container .service-block .content .title h3 {
  color: #ffffff;
}
.blog-index .service-block .content .title .icon,
.post-container .service-block .content .title .icon,
.site-container .service-block .content .title .icon {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-index .service-block .content p,
.post-container .service-block .content p,
.site-container .service-block .content p {
  color: #ffffff;
}
.blog-index .smaller .service-block h3,
.post-container .smaller .service-block h3,
.site-container .smaller .service-block h3 {
  font-size: 18px;
  margin: 0;
}
.faqs .tabs {
  display:flex;
  gap:5px;
  align-items:center;
  justify-content:center;
}
.faqs .tabs li {
  list-style:none;
  margin:10px 0;
}
.faqs .tabs li .button {
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #e7f5ff;
  border: 1px solid #DDE6EE;
  color: #1D3557;
  margin: 5px 0;
  text-decoration:none!important;
  font-weight:bold;
}
.faqs .tabs li .button:after {
  display:none;
}
.faqs .tabs li .button.active {
  background-color:white;
}
.faqs .tabs li.question .button {
  background-color:#3287bf;
  color:white;
  border-color:#3287bf;
}
.faqs dl,
.blog-index .schema-faq .schema-faq-section,
.post-container .schema-faq .schema-faq-section,
.site-container .schema-faq .schema-faq-section {
  margin: 15px 0;
  background-color: #ffffff;
  border: 1px solid #DDE6EE;
  padding: 20px;
  border-radius: 5px;
  cursor: pointer;
}

.blog-index .schema-faq .schema-faq-section .schema-faq-question,
.post-container .schema-faq .schema-faq-section .schema-faq-question,
.site-container .schema-faq .schema-faq-section .schema-faq-question {
  font-size: 24px;
  color: #3287BF;
  display: flex;
  justify-content: space-between;
}
.faqs dl dt h3 {
  font-size:18px;
  color: #3287BF;
  display: flex;
  justify-content: space-between;
  margin:0;
}
.faqs dl dt h3:after,
.blog-index .schema-faq .schema-faq-section .schema-faq-question:after,
.post-container .schema-faq .schema-faq-section .schema-faq-question:after,
.site-container .schema-faq .schema-faq-section .schema-faq-question:after {
  content: "+";
  transform:rotate(0deg);
  transition: all 0.5s ease;
}
.faqs dl dd,
.blog-index .schema-faq .schema-faq-section .schema-faq-answer,
.post-container .schema-faq .schema-faq-section .schema-faq-answer,
.site-container .schema-faq .schema-faq-section .schema-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}

.blog-index .schema-faq .schema-faq-section.active .schema-faq-question:after,
.post-container .schema-faq .schema-faq-section.active .schema-faq-question:after,
.site-container .schema-faq .schema-faq-section.active .schema-faq-question:after {
  content: "-";
}
.faqs dl.active dt h3:after {
  transform:rotate(405deg);
}
.faqs dl.active dd,
.blog-index .schema-faq .schema-faq-section.active .schema-faq-answer,
.post-container .schema-faq .schema-faq-section.active .schema-faq-answer,
.site-container .schema-faq .schema-faq-section.active .schema-faq-answer {
  max-height: 2400px;
}
.blog-index .wp-block-query .is-flex-container,
.post-container .wp-block-query .is-flex-container,
.site-container .wp-block-query .is-flex-container {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.blog-index .wp-block-query .is-flex-container li,
.post-container .wp-block-query .is-flex-container li,
.site-container .wp-block-query .is-flex-container li {
  list-style: none;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
}
.blog-index .wp-block-query .is-flex-container li > .wp-block-group,
.post-container .wp-block-query .is-flex-container li > .wp-block-group,
.site-container .wp-block-query .is-flex-container li > .wp-block-group {
  padding: 0!important;
}
.blog-index .wp-block-query .is-flex-container li:before,
.post-container .wp-block-query .is-flex-container li:before,
.site-container .wp-block-query .is-flex-container li:before {
  content: "";
  background: #000000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 50%, #000000 100%);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.8;
  transition: all 0.25s ease-in;
}
.blog-index .wp-block-query .is-flex-container li:hover:before,
.post-container .wp-block-query .is-flex-container li:hover:before,
.site-container .wp-block-query .is-flex-container li:hover:before {
  background: linear-gradient(180deg, rgba(50, 135, 191, 0.5) 0%, #3287BF 50%, #3287BF 100%);
}
.blog-index .wp-block-query .is-flex-container li .wp-block-group__inner-container,
.post-container .wp-block-query .is-flex-container li .wp-block-group__inner-container,
.site-container .wp-block-query .is-flex-container li .wp-block-group__inner-container {
  position: relative;
}
.blog-index .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group,
.post-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group,
.site-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group {
  position: absolute;
  pointer-events: none;
  padding: 20px;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: calc(100% - 40px);
}
.blog-index .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group h3,
.post-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group h3,
.site-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group h3,
.blog-index .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group .wp-block-post-date,
.post-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group .wp-block-post-date,
.site-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group .wp-block-post-date {
  color: #ffffff;
  margin: 0;
}
.blog-index .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group h3,
.post-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group h3,
.site-container .wp-block-query .is-flex-container li .wp-block-group__inner-container .wp-block-group h3 {
  font-size: 18px;
  line-height: 20px;
}

.wp-block-post-template li {
  list-style:none!important;
}
.blog-index .wp-block-buttons,
.post-container .wp-block-buttons,
.site-container .wp-block-buttons {
  display: flex;
  gap: 10px;
}
.blog-index .wp-block-button .wp-block-button__link,
.post-container .wp-block-button .wp-block-button__link,
.site-container .wp-block-button .wp-block-button__link {
  padding: 15px 30px;
  border: 2px solid #3287BF;
  border-radius: 30px;
  color: #3287BF;
  font-weight: 600;
  background-color: transparent;
  transition: all 0.25s ease;
  display:block;
}
.blog-index .wp-block-button .wp-block-button__link.has-white-color,
.post-container .wp-block-button .wp-block-button__link.has-white-color,
.site-container .wp-block-button .wp-block-button__link.has-white-color {
  color: #ffffff;
  border-color: #ffffff;
}
.blog-index .wp-block-button .wp-block-button__link:hover,
.post-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button .wp-block-button__link:hover {
  color: #ffffff;
  background-color: #68BD49;
  border-color: #68BD49;
}
.blog-index .wp-block-button .wp-block-button__link.has-navy-background-color,
.post-container .wp-block-button .wp-block-button__link.has-navy-background-color,
.site-container .wp-block-button .wp-block-button__link.has-navy-background-color {
  background-color:#1D3557;
}
.blog-index .features,
.post-container .features,
.site-container .features {
  display: flex;
  gap: 30px;
  align-items: center;
}
.blog-index .features .feature-block,
.post-container .features .feature-block,
.site-container .features .feature-block {
  flex-grow: 1;
  flex-basis: 0;
}
.blog-index .features .feature-block .feature,
.post-container .features .feature-block .feature,
.site-container .features .feature-block .feature {
  border-radius: 5px;
  border: 1px solid transparent;
  background-color: transparent;
  margin: 15px 0;
  padding: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  transition: all 0.25s ease;
}
.blog-index .features .feature-block .feature h3,
.post-container .features .feature-block .feature h3,
.site-container .features .feature-block .feature h3 {
  margin-bottom: 5px;
}
.blog-index .features .feature-block .feature.active,
.post-container .features .feature-block .feature.active,
.site-container .features .feature-block .feature.active {
  background-color: #ffffff;
  border: 1px solid #DDE6EE;
}
.blog-index .features .image-block,
.post-container .features .image-block,
.site-container .features .image-block {
  flex-grow: 1;
  flex-basis: 0;
}
.blog-index .features .image-block img,
.post-container .features .image-block img,
.site-container .features .image-block img {
  width: 100%;
  height: auto;
}
.blog-index .has-white-background-color .features .feature-block .feature.active,
.post-container .has-white-background-color .features .feature-block .feature.active,
.site-container .has-white-background-color .features .feature-block .feature.active {
  background-color: #E7F5FF;
}
.blog-index .block,
.post-container .block,
.site-container .block {
  padding: 20px;
  border-radius: 5px;
  display: flex;
  height: calc(100% - 40px);
}
.blog-index .hero-slider .hero-block,
.post-container .hero-slider .hero-block,
.site-container .hero-slider .hero-block {
  position: relative;
}
.blog-index .hero-slider .hero-block img,
.post-container .hero-slider .hero-block img,
.site-container .hero-slider .hero-block img {
  box-shadow: none;
  border-radius: 0;
}
.blog-index .hero-slider .hero-block .content,
.post-container .hero-slider .hero-block .content,
.site-container .hero-slider .hero-block .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
  text-align: center;
}
.blog-index .hero-slider .hero-block .content .slide-text,
.post-container .hero-slider .hero-block .content .slide-text,
.site-container .hero-slider .hero-block .content .slide-text {
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
  margin: 0 30px;
  max-width: 700px;
}
.blog-index .hero-slider .hero-block .content .slide-text span,
.post-container .hero-slider .hero-block .content .slide-text span,
.site-container .hero-slider .hero-block .content .slide-text span {
  font-weight: normal;
  font-size: 20px;
  letter-spacing: 3px;
  display: block;
}
.blog-index .hero-slider .hero-block .content .slide-content,
.post-container .hero-slider .hero-block .content .slide-content,
.site-container .hero-slider .hero-block .content .slide-content {
  color: #ffffff;
  font-size: 24px;
  margin: 0 30px;
  max-width: 700px;
}
.blog-index .hero-slider .hero-block .content .button,
.post-container .hero-slider .hero-block .content .button,
.site-container .hero-slider .hero-block .content .button {
  margin-top: 30px;
  background: none;
  border: 2px solid #ffffff;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 50px;
}
.blog-index .hero-slider .owl-nav button,
.post-container .hero-slider .owl-nav button,
.site-container .hero-slider .owl-nav button {
  position: absolute;
  top: 50%;
  
  height: 40px;
  width: 40px;
  background-color: #1D3557;
  transition: all 0.25s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-container .hero-slider .owl-nav button.owl-prev {
  left:30px;
}
.site-container .hero-slider .owl-nav button.owl-next {
  right:30px;
}

.blog-index .hero-slider .owl-nav button img,
.post-container .hero-slider .owl-nav button img,
.site-container .hero-slider .owl-nav button img {
  background: none;
  border-radius: 0;
  box-shadow: none;
  width: 30px;
  height: auto;
}
.blog-index .hero-slider .owl-nav button:hover,
.post-container .hero-slider .owl-nav button:hover,
.site-container .hero-slider .owl-nav button:hover {
  background-color: #3287BF;
}
@media only screen and (max-width: 768px) {
  .blog-index .hero-slider .hero-block .content .slide-text, .post-container .hero-slider .hero-block .content .slide-text, .site-container .hero-slider .hero-block .content .slide-text {
    font-size:30px;
  }
  .blog-index .hero-slider .hero-block .content .slide-text, .post-container .hero-slider .hero-block .content .slide-text, .site-container .hero-slider .hero-block .content .slide-text span {
    font-size:14px;
  }
  .blog-index .hero-slider .hero-block .content .slide-content, .post-container .hero-slider .hero-block .content .slide-content, .site-container .hero-slider .hero-block .content .slide-content {
    font-size:18px;
  }
  .site-container .service-scroll.service-scroll-ab { 
    margin:0; 
  }
  .blog-index .wp-block-buttons,
  .post-container .wp-block-buttons,
  .site-container .wp-block-buttons {
    
  }
}
@media only screen and (max-width: 550px) {
  .blog-index .hero-slider .hero-block .content .slide-text, .post-container .hero-slider .hero-block .content .slide-text, .site-container .hero-slider .hero-block .content .slide-text {
    font-size:24px;
    line-height:1;
  }
  .blog-index .hero-slider .hero-block .content .slide-text, .post-container .hero-slider .hero-block .content .slide-text, .site-container .hero-slider .hero-block .content .slide-text span {
    display:none;
  }
  .blog-index .hero-slider .hero-block .content .slide-content, .post-container .hero-slider .hero-block .content .slide-content, .site-container .hero-slider .hero-block .content .slide-content {
    display:none;
  }
  .blog-index .hero-slider .hero-block .content .button, .post-container .hero-slider .hero-block .content .button, .site-container .hero-slider .hero-block .content .button {
    font-size:14px;
    padding:5px 20px;
    margin-top:10px;
  }
}
.blog-index iframe,
.post-container iframe,
.site-container iframe {
  display: block;
}
.blog-index .logo-block img,
.post-container .logo-block img,
.site-container .logo-block img {
  background: none;
  box-shadow: none;
  border-radius: 0;
}
.blog-index .wp-block-cover,
.post-container .wp-block-cover,
.site-container .wp-block-cover {
  position: relative;
  background-color:black;
}
.blog-index .wp-block-cover blockquote,
.blog-index .wp-block-cover blockquote p,
.post-container .wp-block-cover  blockquote,
.post-container .wp-block-cover  blockquote p,
.site-container .wp-block-cover blockquote p,
.site-container .wp-block-cover blockquote {
  color:#ffffff;
}
.blog-index .wp-block-cover img.wp-block-cover__image-background,
.post-container .wp-block-cover img.wp-block-cover__image-background,
.site-container .wp-block-cover img.wp-block-cover__image-background {
  border-radius: 0;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
  object-fit: cover;
  outline: none;
  border: none;
  box-shadow: none;
}
.blog-index .wp-block-cover span.has-background-dim,
.post-container .wp-block-cover span.has-background-dim,
.site-container .wp-block-cover span.has-background-dim {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width:100%;
  height:100%;
  background-color: #1D3557;
  opacity: 0;
}
.blog-index .wp-block-cover.has-white-background-color:before,
.post-container .wp-block-cover.has-white-background-color:before,
.site-container .wp-block-cover.has-white-background-color:before {
  background-color: #ffffff;
}
.blog-index .wp-block-cover span.has-blue-background-color,
.post-container .wp-block-cover span.has-blue-background-color,
.site-container .wp-block-cover span.has-blue-background-color {
  background: #3287BF;
  background: linear-gradient(258.48deg, rgba(255, 255, 255, 1) 0%, rgba(50, 135, 191, 1) 48.2%, rgba(29, 53, 87, 1) 100%);
}
.blog-index .wp-block-cover.has-blue-background-color:before,
.post-container .wp-block-cover.has-blue-background-color:before,
.site-container .wp-block-cover.has-blue-background-color:before {
  background: #3287BF;
  background: linear-gradient(258.48deg, rgba(255, 255, 255, 0.65) 0%, rgba(50, 135, 191, 0.65) 48.2%, rgba(29, 53, 87, 0.65) 100%);
}
.blog-index .wp-block-cover.has-light-blue-background-color:before,
.post-container .wp-block-cover.has-light-blue-background-color:before,
.site-container .wp-block-cover.has-light-blue-background-color:before {
  background-color: #E7F5FF;
}
.blog-index .wp-block-cover.has-navy-background-color:before,
.post-container .wp-block-cover.has-navy-background-color:before,
.site-container .wp-block-cover.has-navy-background-color:before {
  background-color: #1D3557;
}
.blog-index .wp-block-cover.has-green-background-color:before,
.post-container .wp-block-cover.has-green-background-color:before,
.site-container .wp-block-cover.has-green-background-color:before {
  background-color: #68BD49;
}
.blog-index .wp-block-cover span.has-background-dim-10,
.post-container .wp-block-cover span.has-background-dim-10,
.site-container .wp-block-cover span.has-background-dim-10 {
  opacity: 0.1;
}
.blog-index .wp-block-cover span.has-background-dim-20,
.post-container .wp-block-cover span.has-background-dim-20,
.site-container .wp-block-cover span.has-background-dim-20{
  opacity: 0.2;
}
.blog-index .wp-block-cover span.has-background-dim-30,
.post-container .wp-block-cover span.has-background-dim-30,
.site-container .wp-block-cover span.has-background-dim-30 {
  opacity: 0.3;
}
.blog-index .wp-block-cover span.has-background-dim-40,
.post-container .wp-block-cover span.has-background-dim-40,
.site-container .wp-block-cover span.has-background-dim-40 {
  opacity: 0.4;
}
.blog-index .wp-block-cover span.has-background-dim-50,
.post-container .wp-block-cover span.has-background-dim-50,
.site-container .wp-block-cover span.has-background-dim-50 {
  opacity: 0.5;
}
.blog-index .wp-block-cover span.has-background-dim-60,
.post-container .wp-block-cover span.has-background-dim-60,
.site-container .wp-block-cover span.has-background-dim-60 {
  opacity: 06;
}
.blog-index .wp-block-cover span.has-background-dim-70,
.post-container .wp-block-cover span.has-background-dim-70,
.site-container .wp-block-cover span.has-background-dim-70 {
  opacity: 0.7;
}
.blog-index .wp-block-cover span.has-background-dim-80,
.post-container .wp-block-cover span.has-background-dim-80,
.site-container .wp-block-cover span.has-background-dim-80 {
  opacity: 0.8;
}
.blog-index .wp-block-cover span.has-background-dim-90,
.post-container .wp-block-cover span.has-background-dim-90,
.site-container .wp-block-cover span.has-background-dim-90 {
  opacity: 0.9;
}
.blog-index .wp-block-cover span.has-background-dim-100,
.post-container .wp-block-cover span.has-background-dim-100,
.site-container .wp-block-cover span.has-background-dim-100 {
  opacity: 1;
}
.blog-index .wp-block-cover .wp-block-cover__inner-container,
.post-container .wp-block-cover .wp-block-cover__inner-container,
.site-container .wp-block-cover .wp-block-cover__inner-container {
  padding: 0 calc( (100vw - 1170px) / 2 );
  position: relative;
  z-index: 2;
}
.blog-index .wp-block-lazyblock-contact-block,
.post-container .wp-block-lazyblock-contact-block,
.site-container .wp-block-lazyblock-contact-block {
  height: 100%;
  display: flex;
}
.blog-index .wp-block-lazyblock-contact-block .contact-block,
.post-container .wp-block-lazyblock-contact-block .contact-block,
.site-container .wp-block-lazyblock-contact-block .contact-block {
  display: flex;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(50, 135, 191, 0.5);
  border-radius: 5px;
  transition: all 0.25s ease;
}
.blog-index .wp-block-lazyblock-contact-block .contact-block a,
.post-container .wp-block-lazyblock-contact-block .contact-block a,
.site-container .wp-block-lazyblock-contact-block .contact-block a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}
.blog-index .wp-block-lazyblock-contact-block .contact-block p,
.post-container .wp-block-lazyblock-contact-block .contact-block p,
.site-container .wp-block-lazyblock-contact-block .contact-block p {
  font-size: 20px;
  font-weight: bold;
  color: #3287BF;
  padding: 30px;
  transition: all 0.25s ease;
}
.blog-index .wp-block-lazyblock-contact-block .contact-block p span,
.post-container .wp-block-lazyblock-contact-block .contact-block p span,
.site-container .wp-block-lazyblock-contact-block .contact-block p span {
  color: #1D3557;
  font-weight: normal;
  display: block;
  font-size: 14px;
  transition: all 0.25s ease;
}
.site-container .team {
  display:grid;
  gap:30px;
  grid-template-columns:1fr 1fr 1fr 1fr;
}
.site-container .team h3 {
  color:inherit;
  margin:0;
}
.site-container .team p {
  color:inherit;
  margin:0;
}

.blog-index .wp-block-lazyblock-contact-block .contact-block:hover,
.post-container .wp-block-lazyblock-contact-block .contact-block:hover,
.site-container .wp-block-lazyblock-contact-block .contact-block:hover {
  background-color: #3287BF;
}
.blog-index .wp-block-lazyblock-contact-block .contact-block:hover p,
.post-container .wp-block-lazyblock-contact-block .contact-block:hover p,
.site-container .wp-block-lazyblock-contact-block .contact-block:hover p {
  color: #ffffff;
}
.blog-index .wp-block-lazyblock-contact-block .contact-block:hover p span,
.post-container .wp-block-lazyblock-contact-block .contact-block:hover p span,
.site-container .wp-block-lazyblock-contact-block .contact-block:hover p span {
  color: #ffffff;
}
.blog-index .wp-block-table,
.post-container .wp-block-table,
.site-container .wp-block-table {
  margin: 20px 0;
  overflow-x:auto;
}
.blog-index .wp-block-table table,
.post-container .wp-block-table table,
.site-container .wp-block-table table {
  width: 100%;
  min-width:768px;
  color: #1D3557;
  font-size:14px;
}
.blog-index .wp-block-table table th,
.post-container .wp-block-table table th,
.site-container .wp-block-table table th {
  padding: 5px 0;
}
.blog-index .wp-block-table table td,
.post-container .wp-block-table table td,
.site-container .wp-block-table table td {
  padding: 5px 0;
  border-top:1px solid #e1e1e1;
}
.blog-index .wp-block-table table tr:first-child td,
.post-container .wp-block-table table tr:first-child td,
.site-container .wp-block-table table tr:first-child td {
  border-top:0;
}
.post-container .wp-block-image.size-full {
  margin: 30px 0;
}
.blog-index {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #ffffff;
}
.blog-index .posts {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.blog-index .posts .post-block {
  flex-grow: 0;
  flex-basis: 1;
  width: calc( (100% - 40px) / 3 );
}
.blog-index .posts .post-block a {
  display: block;
  position: relative;
}
.blog-index .posts .post-block a .content {
  padding: 20px;
  position: absolute;
  bottom: 7px;
  left: 0;
  width: calc(100% - 40px );
  background: #000000;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 50%, rgba(0, 0, 0, 0.75) 100%);
}
.blog-index .posts .post-block a .content p {
  color: #ffffff;
  margin: 0;
}
.blog-index .posts .post-block a .content h3 {
  color: #ffffff;
  padding: 0;
  margin: 0;
  font-size: 18px;
}
.blog-index .nav-links {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-index .nav-links span,
.blog-index .nav-links a {
  width: 40px;
  height: 40px;
  margin: 5px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #DDE6EE;
  color: #3287BF;
  background-color: #ffffff;
  box-shadow: 0 0 0px rgba(50, 135, 191, 0.5);
  transition: all 0.25s ease;
}
.blog-index .nav-links span.prev,
.blog-index .nav-links a.prev,
.blog-index .nav-links span.next,
.blog-index .nav-links a.next {
  background-color: #1D3557;
  color: #ffffff;
}
.blog-index .nav-links span:hover,
.blog-index .nav-links a:hover {
  box-shadow: 0 0 15px rgba(50, 135, 191, 0.5);
}
.blog-index .nav-links span {
  background-color: #3287BF;
  color: #ffffff;
}

.contact-form .step .content {
  text-align:center;
}
.contact-form .step .rating {
  margin:30px 0;
}
.contact-form .step .rating input[type=radio] {
  display:none;
}
.contact-form .step .rating label {
  display:block;
  color:#8E9AAB;
}
.contact-form .step .rating .faces {
  display:flex;
  justify-content:space-between;
  margin:30px 0;
  gap:30px;
}
.contact-form .step .rating label.feedback-5,
.contact-form .step .rating label.feedback-4,
.contact-form .step .rating label.feedback-3,
.contact-form .step .rating label.feedback-2,
.contact-form .step .rating label.feedback-1,
.contact-form .step .rating label.feedback-na {
  display:block;
  background-color:#E7F5FF;
  border:1px solid #DDE6EE;
  border-radius:3px;
  width:100%;
  height:80px;
  background-repeat:no-repeat;
  background-position:center;
  box-sizing:border-box;
}
.contact-form .step .rating input[type="radio"]:checked+label.feedback-5,
.contact-form .step .rating input[type="radio"]:checked+label.feedback-4,
.contact-form .step .rating input[type="radio"]:checked+label.feedback-3,
.contact-form .step .rating input[type="radio"]:checked+label.feedback-2,
.contact-form .step .rating input[type="radio"]:checked+label.feedback-1,
.contact-form .step .rating input[type="radio"]:checked+label.feedback-na {  
  border:2px solid #3287bf;
}
  
.contact-form .step .rating label.feedback-5 {
  background-image:url('assets/icons/feedback/face-5.svg');
}
.contact-form .step .rating label.feedback-4 {
  background-image:url('assets/icons/feedback/face-4.svg');
}
.contact-form .step .rating label.feedback-3 {
  background-image:url('assets/icons/feedback/face-3.svg');
}
.contact-form .step .rating label.feedback-2 {
  background-image:url('assets/icons/feedback/face-2.svg');
}
.contact-form .step .rating label.feedback-1 {
  background-image:url('assets/icons/feedback/face-1.svg');
}
.contact-form .step .rating label.feedback-na {
  background-image:url('assets/icons/feedback/face-na.svg');
}
.contact-form .step .rating label.feedback-na.hide {
  opacity:0;
  pointer-events:none;
}
.contact-form .step .rating .checkbox label {
  display:inline-block;
}
.contact-form .step .rating input {
  display:block;
  width:14px!important;
  height:14px!important;
  float:left;
}
.contact-form .step .rating .checkbox textarea {
  display:none;
}
.contact-form .step .rating .checkbox input[type="checkbox"]:checked + textarea {
  display:block;
}
.contact-form .step .checkboxs {
  display:flex;
  gap:5px;
  flex-direction:row-reverse;
  justify-content:flex-end;
  margin:10px 0;
}
.contact-form .step .checkboxs input {
  display:block;
  width:14px!important;
  height:14px!important;
}
.contact-form .step .checkboxs label {
  color:#8E9AAB;
}
.blog-index .wp-block-cover .contact-form form .question .element, 
.post-container .wp-block-cover .contact-form form .question .element,
.site-container  .wp-block-cover .contact-form form .question .element {
  margin:5px 0;
}
.blog-index .wp-block-cover .contact-form form .question .element textarea, 
.post-container .wp-block-cover .contact-form form .question .element textarea,
.site-container  .wp-block-cover .contact-form form .question .element textarea {
  height:50px;
}

.tabs .tab-icons {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:30px 0;
  gap:30px;
}
.tabs .tab-icons .icon-box {
  padding:30px;
  border-radius:5px;
  background-color:white;
  border:1px solid #e1e1e1;
  cursor:pointer;
  box-shadow: 0px 0px 0px #3287BF;
  transition:all 0.5s ease;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:160px;
  box-sizing:border-box;
}
.tabs .tab-icons .icon-box:hover {
  box-shadow: 0px 0px 10px #3287BF;
}
.tabs .tab-icons .icon-box span {
  text-transform: uppercase;
  font-weight:bold;
  color:#3287BF;
  display:block;
  text-align:center;
  width:100%;
  font-size:10px;
}
.tabs .tab-icons svg {
  max-width:100%
  height:auto;
}
.tabs .tab-icons svg path {
  fill:#3287BF;
}
.tabs .tab-icons .icon-box.active {
  background-color:#3287BF;
  border-color:#3287BF;
}
.tabs .tab-icons .icon-box.active span {
  color:white;
}
.tabs .tab-icons .icon-box.active svg path {
  fill:white;
}
.tabs .tab-features .content-box {
  display:none;
}
.tabs .tab-features .content-box.active {
  display:block;
}
.has-white-background-color .tabs .tab-icons .icon-box {
  background-color:#E7F5FF;
}
.has-white-background-color .tabs .tab-icons .icon-box.active {
  background-color:#3287BF;
}

@media only screen and (max-width: 1200px) {
  .blog-index > div:not(.alignfull),
  .post-container > div:not(.alignfull),
  .site-container > div:not(.alignfull),
  .blog-index > h1,
  .post-container > h1,
  .site-container > h1,
  .blog-index > h2,
  .post-container > h2,
  .site-container > h2,
  .blog-index > h3,
  .post-container > h3,
  .site-container > h3,
  .blog-index > h4,
  .post-container > h4,
  .site-container > h4,
  .blog-index > h5,
  .post-container > h5,
  .site-container > h5,
  .blog-index > h6,
  .post-container > h6,
  .site-container > h6,
  .blog-index > p,
  .post-container > p,
  .site-container > p,
  .blog-index > ol,
  .post-container > ol,
  .site-container > ol,
  .blog-index > ul,
  .post-container > ul,
  .site-container > ul,
  .blog-index > blockquote,
  .post-container > blockquote,
  .site-container > blockquote,
  .blog-index .wp-block-cover .wp-block-cover__inner-container,
  .post-container .wp-block-cover .wp-block-cover__inner-container,
  .site-container .wp-block-cover .wp-block-cover__inner-container {
    padding: 0 calc( (100vw - 920px) / 2 );
  }
}
@media only screen and (max-width: 992px) {
  .blog-index > div:not(.alignfull),
  .post-container > div:not(.alignfull),
  .site-container > div:not(.alignfull),
  .blog-index > h1,
  .post-container > h1,
  .site-container > h1,
  .blog-index > h2,
  .post-container > h2,
  .site-container > h2,
  .blog-index > h3,
  .post-container > h3,
  .site-container > h3,
  .blog-index > h4,
  .post-container > h4,
  .site-container > h4,
  .blog-index > h5,
  .post-container > h5,
  .site-container > h5,
  .blog-index > h6,
  .post-container > h6,
  .site-container > h6,
  .blog-index > p,
  .post-container > p,
  .site-container > p,
  .blog-index > ol,
  .post-container > ol,
  .site-container > ol,
  .blog-index > ul,
  .post-container > ul,
  .site-container > ul,
  .blog-index > blockquote,
  .post-container > blockquote,
  .site-container > blockquote,
  .blog-index .wp-block-cover .wp-block-cover__inner-container,
  .post-container .wp-block-cover .wp-block-cover__inner-container,
  .site-container .wp-block-cover .wp-block-cover__inner-container {
    padding: 0 30px;
  }
  .blog-index .contact-form,
  .post-container .contact-form,
  .site-container .contact-form {
    max-width: 100%;
    margin: 0 30px;
  }
  .blog-index .service-block .content p,
  .post-container .service-block .content p,
  .site-container .service-block .content p {
    display: none;
  }
  .blog-index .service-block .content .title .icon,
  .post-container .service-block .content .title .icon,
  .site-container .service-block .content .title .icon {
    display: none;
  }
  .blog-index .posts .post-block {
    width: calc( (100% - 40px) / 2 );
  }
}
@media only screen and (max-width: 768px) {
  .logo-block {
    display: none;
  }
  .site-container .wp-block-columns {
    flex-direction: column;
  }
  .site-container .contact-form form .question {
    gap: 0;
    flex-direction: column;
  }
  .site-container .wp-block-query .is-flex-container {
    flex-direction: column;
  }
  .site-container .wp-block-query .is-flex-container li {
    margin: 0 auto;
  }
  .site-container .schema-faq .schema-faq-section .schema-faq-question {
    font-size: 18px;
  }
  .site-container .service-block {
    margin: 0 auto;
  }
  .site-container .service-block .content {
    padding: 60px 20px 30px;
    width: calc(100% - 40px);
  }
  .site-container .features .image-block {
    display: none;
  }
  .medium-hide {
    display: none;
  }
  .blog-index .posts .post-block {
    width: 100%;
  }
  .blog-index .posts .post-block img {
    width: 100%;
  }
  .site-container .team {
    grid-template-columns:1fr 1fr;
  }
  .site-container .wp-block-cover img.wp-block-cover__image-background {
    width:100%;
    height:auto;
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
  }
}
.post-container .post-details {
  max-width: 830px;
  padding: 0 60px;
  margin: 50px auto 0;
  text-align: center;
}
.post-container .post-details h1,
.post-container .post-details p {
  margin: 0;
  text-transform: capitalize;
}
.post-container .wp-block-image.size-full img {
  display: block;
  margin: 0 auto;
}
.post-container .wp-block-image .aligncenter img {
  margin: 0 auto;
}
#cookie-law-div {
  z-index: 10000000;
  position: fixed;
  bottom:00px;
  margin:30px;
  padding:20px;
  width: calc( 100% - 60px );
  border-radius:5px;
  background:#252525;
  font-size:14px;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  box-sizing: border-box;
}

#cookie-law-div a {
  color:#3287BF;
  transition:color 0.25s ease;
}

#cookie-law-div a:hover {
  color:white;
}

#cookie-law-div p {
  margin: 0;
  color:white;
}
#cookie-law-div p b {
  display:block;
}
#cookie-law-div button {
  align-self: center;
  line-height:1;
  color:#fff;
  background-color:#68BD49;
  border: none;
  font-size:12px;
  cursor: pointer;
  border-radius: 50px;
  transition:background-color 0.25s ease;
}

#cookie-law-div button:hover {
  background-color:#3287BF;
}
.is-content-justification-center .wp-block-button {
  margin:0 auto;
}
.wp-block-lazyblock-document-download {
  display:flex;
  width:100%;
  height:100%;
  box-sizing:border-box;
}
.pdf-download {
  display:block;
  text-align:center;
  font-size:16px;
  color:#1D3557;
  box-shadow: 0 0 15px rgba(50, 135, 191, 0.5);
  border-radius:5px;
  background-color:#E7F5FF;
  padding:30px;
  box-sizing:border-box;
  width:100%;
  height:100%;
}
.pdf-download svg {
  display:block;
  margin:10px auto;
  width:60px;
  height:60px;
}
.secondary-navigation {
  background-color:#3287BF;
  padding: 10px calc( (100vw - 1170px) / 2 );
  width:100%;
  box-sizing:border-box;
  z-index:500;
}
.fixed-nav .secondary-navigation {
  position:fixed;
  top:0;
  left:0;
}
.fixed-nav.logged-in .secondary-navigation {
  position:fixed;
  top:32px;
  left:0;
}
.secondary-navigation ul {
  padding:0;
  margin:0;
  display:flex;
  justify-content:space-between;
}
.secondary-navigation ul li {
  padding:0;
  margin:0;
  list-style:none;
  font-size:16px;
}
.secondary-navigation ul li a {
  color:white;
  text-decoration:none;
  font-weight:700;
}

.author-bio {
  display:flex;
  gap:30px;
  background-color:white;
  padding-top:50px!important;
  padding-bottom:50px!important;
}
.author-bio img {
  border-radius:50%;
  box-shadow:none;
}
.author-bio h2 {
  font-size:14px;
  color:#1D3557;
  font-weight:normal;
  margin:0;
}
@media only screen and (max-width: 1200px) {
  .secondary-navigation {
    padding: 10px calc( (100vw - 920px) / 2 );
  }
}
@media only screen and (max-width: 992px) {
  .secondary-navigation {
    display:none;
  }
}

header > nav ul.menu {
  display:flex;
}
header > nav ul.menu > li {
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media only screen and (min-width: 993px) {
header nav ul li.mega-menu {
  position:static;
}
header nav ul li.mega-menu > .sub-menu {
  position: absolute;
  display:none;
  background-color:#f1f1f1;
  left: 0;
  top: 100px;
  width: 100vw;
  padding: 60px calc( (100vw - 1170px) / 2 );
  box-sizing: border-box;
  z-index: 100;
  gap: 30px;
  border-radius:0;
  transform:none;
}
header nav ul li.mega-menu > .sub-menu > .block {
  display:block;
  width:70%;
}
header nav ul li.mega-menu > .sub-menu > .list {
  display:block;
  width:30%
}
header nav ul li.mega-menu > .sub-menu > .block > a,
header nav ul li.mega-menu > .sub-menu > .list > a {
  font-weight:400;
  color:#6f6f6f;
  font-size:16px;
  text-align:left;
}
header nav ul li.mega-menu > .sub-menu > .block > a:after,
header nav ul li.mega-menu > .sub-menu > .list > a:after {
  display:none;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu,
header nav ul li.mega-menu > .sub-menu > .list > .sub-menu {
  background:none;
  display:block;
  transform: none;
  top: 0;
  position: relative;
  text-align: left;
  width: auto;
  left: 0;
  z-index: auto;
  padding: 0;
  border-radius: 0;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu {
  display:grid;
  gap:30px;
  grid-template-columns:1fr 1fr;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu:before,
header nav ul li.mega-menu > .sub-menu > .list > .sub-menu:before {
  display:none;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu li a,
header nav ul li.mega-menu > .sub-menu > .list > .sub-menu li a {
  text-align:left;
  color:#252525;
  font-weight:400;
  font-size:16px;
  padding:0 10px;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu li {
  margin:0;
}
header nav ul li.mega-menu > ul.sub-menu::before {
  background-color:#f1f1f1;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu li a {
  border-radius:5px;
  background-color:white;
  padding:10px;
  color:#3287BF;
  font-weight:bold;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height: 16px;
  position:relative;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu li a span {
  display:block;
  font-weight:400;
  font-size:14px;
  color:#1D3557;
}
header nav ul li.mega-menu > .sub-menu > .block > .sub-menu li a:after {
  content:"";
  display:block;
  width:16px;
  height:8px;
  position:absolute;
  right:10px;
  background-image: url(assets/img/arrow.svg);
  background-size:100%;
  background-repeat:no-repeat;
}
header nav ul li.mega-menu:hover {
  height:auto;
}
header nav ul li.mega-menu:hover ul.sub-menu {
  transform:none!important;
  display:flex;
}
}
@media only screen and (max-width: 992px) {
  header > nav ul.menu { 
    display:block; 
  }
  header > nav ul.menu > li {
    display:block;
    height:auto;
  }
  
}

.arrowed {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
.arrowed:before {
  content:"";
  background-image: url('https://www.cleanairltd.co.uk/wp-content/themes/cleanair/assets/icons/down.svg');
  background-repeat: no-repeat;
  background-position: center;
  height:40px;
  width:40px;
  display:block;
  position:absolute;
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1); }
}


/*WOOCOMMERCE START*/
/*Product Page*/
.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-notices-wrapper {
  padding: 0 calc( (100vw - 1170px) / 2 );
}
.woocommerce-page .product.type-product .product-hero {
  display:flex;
  gap:50px;
  padding: 0 calc( (100vw - 1170px) / 2 ) 100px;
  position:relative;
}
.woocommerce-page .product.type-product .product-hero:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  aspect-ratio: 6.79245283;
  background-image: url("data:image/svg+xml,%3Csvg width='1440' height='212' viewBox='0 0 1440 212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1440 0.00012207C966.4 236.8 316 149.334 0 92.0002V212H1440V0.00012207Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: 2;
  pointer-events: none;
}
.woocommerce-page .product.type-product .product-hero > div {
  width:100%;
}
.woocommerce-page .product.type-product .woocommerce-product-gallery {
}
.woocommerce-page .woocommerce-breadcrumb {
  border-bottom:1px solid rgba(0,0,0,0.05);
  padding-top:5px;
  padding-bottom:5px;
  color:#1D3557;
}
.woocommerce-page .woocommerce-breadcrumb a {
  color:#3287BF;
}

.woocommerce-page .product.type-product .woocommerce-product-gallery .flex-viewport {
  border-radius:10px;
  overflow:hidden;
  background-color:white;
  margin-bottom:20px;
}
.woocommerce-page .product.type-product .woocommerce-product-gallery .flex-control-nav {
  display:flex;
  justify-content:center;
  gap:5px;
}
.woocommerce-page .product.type-product .woocommerce-product-gallery .flex-control-nav li {
  float:none;
  clear:none;
  max-width:80px;
  border-radius:3px;
  overflow:hidden;
}
..woocommerce-page .product.type-product .woocommerce-product-gallery .flex-control-nav li .flex-active {
  border:2px solid #3287bf;
  
}

.woocommerce-page .product.type-product .summary h1 {
  font-size:32px;
  line-height:1.2;
  color:#3287bf;
  font-weight:bold;
}
.woocommerce-page .product.type-product .summary .price {
  display:flex;
  gap:3px;
  align-items:center;
  color:#68bd49;
}
.woocommerce-page .product.type-product .summary .price .woocommerce-Price-amount {
  font-size:20px;
  font-weight:bold;
}
.woocommerce-page .product.type-product .summary .woocommerce-price-suffix {
  font-size:14px;
}
.woocommerce-page .product.type-product .summary .woocommerce-product-details__short-description ul li, 
.woocommerce-page .product.type-product .summary .woocommerce-product-details__short-description p {
  color:#1D3557;
  font-size:16px;
  line-height:1.4;
}
.woocommerce-page .product.type-product .summary .woocommerce-product-details__short-description ul li {
  list-style:none;
  display:flex;
  gap:5px;
  align-items:center;
  position:relative;
}
.woocommerce-page .product.type-product .summary .woocommerce-product-details__short-description ul li:before {
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.5899%200.396309C14.1367%200.924721%2014.1367%201.78145%2013.5899%202.30986L6.31658%209.33949C5.40536%2010.2202%203.92798%2010.2202%203.01675%209.33949L0.410051%206.82014C-0.136684%206.29173%20-0.136684%205.435%200.410051%204.90659C0.956785%204.37818%201.84322%204.37818%202.38995%204.90659L4.66667%207.10701L11.6101%200.396309C12.1568%20-0.132103%2013.0432%20-0.132103%2013.5899%200.396309Z%22%20fill%3D%22%233287BF%22%2F%3E%3C%2Fsvg%3E");
  display:block;
  width: 14px;
  height: 10px;
  position:relative;
  top:-6px;
}


/* Remove table layout feel */
.woocommerce-page .product.type-product .summary table.variations {
  width: 100%;
  border: 0;
  margin-top:30px;
}
.woocommerce-page .product.type-product .summary table.variations tbody,
.woocommerce-page .product.type-product .summary table.variations tr,
.woocommerce-page .product.type-product .summary table.variations th,
.woocommerce-page .product.type-product .summary table.variations td {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}
/* Spacing between variation rows */
.woocommerce-page .product.type-product .summary table.variations tr {
  margin-bottom:0;
}
/* Label styling */
.woocommerce-page .product.type-product .summary table.variations th.label {
  margin-bottom: 0.5rem;
}
.woocommerce-page .product.type-product .summary table.variations th.label label {
  font-weight: 500; /* less aggressive than bold */
  font-size: 0.9rem;
  color: #555;
  display: block;
}

/* Select styling */
.woocommerce-page .product.type-product .summary table.variations select {
  width: 100%;
  max-width:380px;
  padding: 12px 14px;
  font-size: 0.95rem;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
  padding-right: 40px;
}
/* Subtle focus state */
.woocommerce-page .product.type-product .summary table.variations select:focus {
  border-color: #3287BF;
  outline: none;
  box-shadow: 0 0 0 2px rgba(50,135,191,0.15);
}

/* Optional: style the clear link */
.woocommerce-page .product.type-product .summary .reset_variations {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #777;
  text-decoration: underline;
}


/* Wrapper */
.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart {
  display: flex;
  gap: 1rem;
  align-items: stretch;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

/* Quantity wrapper */
.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart .quantity {
  flex: 0 0 110px;
}

/* Quantity input */
.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart .qty {
  width: 100%;
  padding: 12px 14px;
  font-size: 0.95rem;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  box-sizing:border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Remove spinner arrows (optional clean look) */
.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart .qty::-webkit-outer-spin-button,
.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart .qty[type=number] {
  -moz-appearance: textfield;
}

/* Focus state */
.woocommerce-page .product.type-product .summary .woocommerce-variation-add-to-cart .qty:focus {
  border-color: #3287BF;
  outline: none;
  box-shadow: 0 0 0 2px rgba(50,135,191,0.15);
}

/* Add to basket button */
.woocommerce-page .product.type-product .summary .single_add_to_cart_button {
  flex: 1;
  padding: 14px 20px;
  font-size:16px;
  font-weight: 800;
  border-radius: 6px;
  border: none;
  background:#68bd49;
  color: #fff;
  cursor: pointer;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  transition: background 0.2s ease, transform 0.05s ease;
  text-transform:uppercase;
}

/* Hover */
.woocommerce-page .product.type-product .summary .single_add_to_cart_button:hover:not(.disabled) {
  background: #68bd49;
}

/* Active press */
.woocommerce-page .product.type-product .summary .single_add_to_cart_button:active:not(.disabled) {
  transform: translateY(1px);
}

/* Disabled state */
.woocommerce-page .product.type-product .summary .single_add_to_cart_button.disabled,
.woocommerce-page .product.type-product .summary .single_add_to_cart_button:disabled {
  background: #cfd8dc;
  cursor: not-allowed;
  opacity: 0.7;
}
.woocommerce-page .woocommerce-tabs {
  background-color:white;
  padding:0 calc( (100vw - 1170px) / 2 );
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
  display:flex;
  gap:10px;
  padding:0;
  justify-content:center;
}
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
  display:none;
}
.woocommerce.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background-color:transparent;
  border:0!important;
  padding:0;
  margin:0;
}
.woocommerce.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  font-size: 14px;
  color: blue;
  padding: 5px 10px;
  border-radius: 30px; 
  background-color:#e7f5ff;
  border:1px solid #DDE6EE;
  color:#1D3557;
  margin:5px 0;
}
.woocommerce.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
  background-color:#fff;
}
.woocommerce.woocommerce-page div.product .woocommerce-tabs .panel {
  margin-bottom:0;
  padding-bottom:50px;
  color:#1D3557;
}
.woocommerce.woocommerce-page .woocommerce-message {
  background-color:white;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 5px 20px;
}
.woocommerce.woocommerce-page .woocommerce-message:before {
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
  padding: 0;
}
.woocommerce.woocommerce-page .woocommerce-message .button {
  margin-left:auto;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 800;
  border-radius: 6px;
  border: none;
  background: #68bd49;
  color: #fff;
  cursor: pointer;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  transition: background 0.2s ease, transform 0.05s ease;
  text-transform: uppercase;
}
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart {
  width:auto;
  color:#1D3557;
}
.wp-block-woocommerce-cart .wc-block-components-product-name {
  color:#3287BF;
  font-weight:800;
}
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart__sidebar {
  box-shadow: -2.36px -1.18px 9.42px rgba(0, 0, 0, 0.08), 11.78px 8.24px 23.56px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 15px 30px;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color:white;
  border:0;
}
.woocommerce-checkout .wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-checkout-place-order-button,
.wc-block-cart__sidebar .wc-block-components-button {
  padding: 14px 20px;
  font-size:16px;
  font-weight: 800;
  border-radius: 6px;
  border: none;
  background:#68bd49;
  color: #fff;
  cursor: pointer;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  transition: background 0.2s ease, transform 0.05s ease;
  text-transform:uppercase;
}
.woocommerce-checkout .wp-block-woocommerce-checkout.wc-block-checkout .wc-blocks-components-select select,
.woocommerce-checkout .wp-block-woocommerce-checkout.wc-block-checkout .wc-block-components-text-input input {
  border-color:#DDE6EE;
}
/*WOOCOMMERCE END*/
/*WOOCOMMERCE TEST BUNDLES*/
/* Hide default Woo bottom sections even if theme is stubborn */
.related.products,
.up-sells.upsells.products,
.upsells.products {
  display: none !important;
}

/* Hide real add to cart button from user, but keep it in DOM for JS */
form.variations_form .single_add_to_cart_button {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.arriba-open-configurator,
.arriba-configure-note {
  margin-top: 12px;
}
.woocommerce .cart .button.button.arriba-open-configurator {
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  font-size:16px;
  text-transform:uppercase;
  border-radius:5px;
  background-color:#68bd49;
  color:white;
  width:100%;
  padding:10px 20px;
  position:relative;
  overflow:hidden;
}

.arriba-configure-note {
  font-size: 14px;
  opacity: .8;
}

.arriba-configurator-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.arriba-configurator-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .55);
}

.arriba-configurator-modal__dialog {
  position: relative;
  width: min(920px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  background:#E7F5FF;
  margin: 20px auto;
  border-radius: 12px;
  z-index: 2;
  box-sizing: border-box;
  color: #1D3557;
}

.arriba-configurator-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  border: 0;
  background: none;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  color:#1D3557;
  padding:0;
  border-radius:0;
}
.arriba-configurator-modal__close:hover {
  background-color:transparent
}

.arriba-configurator-modal__steps {
  display: flex;
  gap: 12px;
  padding:30px;
}

.arriba-step-indicator {
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #e7f5ff;
  border: 1px solid #DDE6EE;
  color: #1D3557;
  margin: 5px 0;
}

.arriba-step-indicator.active {
  background-color:#fff;
}

.arriba-configurator-step {
  display: none;
}

.arriba-configurator-step.active {
  display: block;
}
.arriba-configurator-modal__body {
  padding: 0px 30px 50px 30px;
}
.arriba-services-grid,
.arriba-upsells-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.arriba-service-card,
.arriba-upsell-card {
  border: 1px solid #e5e5e5;
  padding: 16px;
  background: #fff;
  box-sizing: border-box;
  border-radius:5px;
}

.arriba-service-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.arriba-service-card__content h3,
.arriba-upsell-card__content h3 {
  margin:0;
  font-size: 16px;
  color:#3287bf;
}
.arriba-service-card__content .desc,
.arriba-upsell-card__content .desc {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.arriba-service-card__price,
.arriba-upsell-card__price {
  font-size: 15px;
  color:#68bd49;
  font-weight:bold;
}
.arriba-service-card__price small,
.arriba-upsell-card__price small {
  font-weight:normal;
}


.arriba-upsell-card {
  position:relative;
}
.arriba-upsell-card[data-product-id="6383"]:before {
  content:"Recommended";
  position:absolute;
  top:-5px;
  right:-5px;
  background-color:#3287bf;
  color:white;
  text-transform:uppercase;
  font-size:8px;
  font-weight:bold;
  padding:3px 5px;
  border-radius:2px;
}

.arriba-service-card__controls {
  display: inline-flex;
  align-items: center;
  gap:0px;
  flex-shrink: 0;
}

.arriba-service-minus,
.arriba-service-plus {
  width: 26px;
  height: 38px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 12px;
  padding: 0;
  line-height: 0;
  background-color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1D3557;
  position:relative;
  overflow:hidden;
}
.arriba-service-minus {
  border-radius:3px 0 0 3px;
  border-right:0;
}
.arriba-service-plus {
  border-radius:0 3px 3px 0;
  border-left:0;
}
.arriba-service-minus:hover,
.arriba-service-plus:hover {
  background-color:#e7f5ff;
  color: #1D3557;
}
.arriba-service-qty {
  width: 42px;
  height: 36px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 0;
  background: #fff;
}

.arriba-upsell-card__image img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 12px;
}

.arriba-upsell-card__price {
  margin: 8px 0 12px;
  color:#68bd49;
  font-weight:bold;
}
.arriba-upsell-card__price small {
  font-weight:normal;
}

.arriba-upsell-card__check label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.arriba-upsell-card__check input[type="checkbox"] {
  margin: 0;
}


.arriba-configurator-message {
  margin-top: 14px;
  font-size: 14px;
  min-height: 20px;
}

.arriba-configurator-modal__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-top: 1px solid #e5e5e5;
  position: sticky;
  bottom: 0;
  background: #fff;
  width: 100%;
  left: 0;
  padding: 30px;
  box-sizing: border-box;
}
.woocommerce div.product form.cart .arriba-configurator-modal__footer .button {
  position:relative;
  overflow:hidden;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  background-color: #68bd49;
  color: white;
  padding: 10px 20px;
  position: relative;
  overflow: hidden;font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  background-color: #68bd49;
  color: white;
  padding: 10px 20px;
  position: relative;
  overflow: hidden!importatnt;
}
.woocommerce div.product form.cart .arriba-configurator-modal__footer .button.arriba-step-next {
  background-color:#3287bf;
}
.woocommerce div.product form.cart .arriba-configurator-modal__footer .button.arriba-step-back {
  background-color:#e7f5ff;
  color:#1D3557;
}

.arriba-configurator-total {
  font-size: 14px;
}

.arriba-configurator-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

body.arriba-modal-open {
  overflow: hidden;
}

.arriba-disabled {
	opacity: 0.4;
	pointer-events: none;
}

@media (max-width: 767px) {

  .arriba-services-grid,
  .arriba-upsells-grid {
    grid-template-columns: 1fr;
  }

  .arriba-service-card,
  .arriba-configurator-modal__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .arriba-configurator-modal__dialog {
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
    margin: 10px auto;
    padding: 18px;
  }
}
.cleanair-bespoke-message {
  padding:20px;
  background-color:#3287bf;
  border-radius:10px;
}
.cleanair-bespoke-message p {
  color:white;
  font-size:14px;
}
.cleanair-bespoke-message p a {
  color:white;
  text-decoration:underline;
}

.woocommerce-Tabs-panel p a {
  color:#3287bf;
}
.links {
  display:flex;
  gap:10px;
  align-items:center;
}
.download-datasheet:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0222 16L7.02222 11L8.42222 9.55L11.0222 12.15V4H13.0222V12.15L15.6222 9.55L17.0222 11L12.0222 16ZM6.02222 20C5.47222 20 5.00138 19.8042 4.60972 19.4125C4.21805 19.0208 4.02222 18.55 4.02222 18V15H6.02222V18H18.0222V15H20.0222V18C20.0222 18.55 19.8264 19.0208 19.4347 19.4125C19.0431 19.8042 18.5722 20 18.0222 20H6.02222Z' fill='%233287BF'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.more-info,
.download-datasheet {
  color:#3287bf;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3px;
  
}
.more-info:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59253 12.175L6.59253 1C6.59253 0.447716 7.04024 0 7.59253 0C8.14481 0 8.59253 0.447715 8.59253 1L8.59253 12.175L13.48 7.28753C13.8725 6.89503 14.5097 6.89785 14.8987 7.29381C15.2829 7.68483 15.2801 8.31241 14.8925 8.70003L8.29963 15.2929C7.90911 15.6834 7.27595 15.6834 6.88542 15.2929L0.292555 8.70003C-0.095057 8.31241 -0.0978329 7.68483 0.286334 7.2938C0.67534 6.89785 1.31256 6.89503 1.70506 7.28753L6.59253 12.175Z' fill='%233287BF'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  animation: subtleBounce 2.5s ease-in-out infinite;
}
@keyframes subtleBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}
.price-info {
  margin-bottom:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.price-info .price {
  margin-bottom:0;
}
.del-notice {
  font-size: 10px;
  color:#3287bf;
  font-weight: bold;
}

.button.arriba-add-another {
  overflow: hidden;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  background-color:#3287bf;
  color: white;
  padding: 10px 20px;
  position: relative;
}
/*WOOCOMMERCE END TEST BUNDLES*/

.update p {
  margin:0;
}
.update p a {
  text-decoration:none;
}
.wp-block-lazyblock-info-block {
  display:flex;
  height:100%;
}

.edit-order-button {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding: 12px 16px;
  text-align: center;
  border-radius: 8px;
  background:#f1f1f1;
  color:#1D3557;
  font-weight: 600;
  text-decoration: none;
  box-sizing:border-box;
}
.edit-order-button:hover {
  background:#3287BF;
  color: #fff;
}

.quote-checkout-button {
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 6px;
  border: none;
  background:#3287BF;
  color: #fff;
  cursor: pointer;
  font-family: 'Nunito', 'Helvetica-Neue', 'Helvetica', Arial, sans-serif;
  transition: background 0.2s ease, transform 0.05s ease;
  text-transform: uppercase;
  width: 100%;
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin-top: 10px;
}