/*
 * This controls theme colors
 * Bootstrap will generate classes like btn-color-1, btn-black, text-color-1, bg-color-1, etc.
 * The classes can then be used across the site without repeating code
 */
/*
 * Do a sitewide search (CTRL + SHIFT + F if you're using Sublime Text or whatever your coding GUI has for a search in all files)
 * to see where these variables are used in the SASS code. They're all Bootstrap variables that control certain aspects of elements
 */
/**
 * Bootstrap removes the margin-left/right over the sm breakpoint and if we set it customly afterwards, it breaks the centered modal since it's no longer margin: auto.
 * We also can't remove this one because the value is used in a min-height calculation and removing causes the modal to go haywire on mobile
 * So set it at 15px and then after the sm breakpoint when it gets set to auto, add extra padding as need on .modal-dialog
 *
 * LE: messing with custom margins / paddings and modal-dialog is too much fuss. Simply ignore
 */
.icon-chevron-right {
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.icon-chevron-right::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  right: 6px;
  top: 4px;
}

.icon-plus,
.icon-plus::after {
  display: block;
  background: currentColor;
  border-radius: 10px;
}

.icon-plus {
  margin-top: -2px;
  position: relative;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 2px;
}

.icon-plus::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 16px;
  top: -7px;
  left: 7px;
}

body {
  position: relative;
}
body.transitions-enabled a, body.transitions-enabled button, body.transitions-enabled img, body.transitions-enabled svg, body.transitions-enabled .form-control, body.transitions-enabled .transition, body.transitions-enabled .gfield_radio label {
  transition: all 0.4s;
}
body.transitions-enabled .site-header .navbar {
  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

p {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 30px;
  line-height: 1.2;
}

label {
  cursor: pointer;
}

iframe {
  display: block;
  border: 0;
}

figure {
  margin: 0;
}

mark {
  padding: 0;
}

hr {
  margin: 0;
  opacity: 1;
}

/**
 * Helpers
 */
.grid {
  display: grid;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.rounded {
  border-radius: 50%;
}

.object-cover {
  object-fit: cover;
}

.hide {
  display: none;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

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

.img-fluid {
  width: auto;
}
.img-fluid.inl {
  display: inline-block;
}

.img-full {
  width: 100%;
}

.hover-zoom-img {
  overflow: hidden;
}
.hover-zoom-img:hover img {
  transform: scale(1.1);
}

/**
 * Content
 */
.has-fs-22-font-size {
  line-height: 1.1;
}

.wp-block-heading {
  padding-bottom: clamp(0.9375rem, 0.4694835681vw + 0.8274647887rem, 1.25rem);
  border-bottom: 1px solid;
  border-color: inherit;
}

.content {
  line-height: 1.2;
}
.content > * {
  margin-bottom: 25px;
}
.content > *:last-child {
  margin-bottom: 0 !important;
}
.content > ul, .content ol {
  padding-left: 35px;
}
.content > ul ul, .content > ul ol, .content ol ul, .content ol ol {
  padding-top: 10px;
  padding-left: 35px;
}
.content > ul ul, .content ol ul {
  list-style: disc;
}
.content > ul ol, .content ol ol {
  list-style: decimal;
}
.content > ul li, .content ol li {
  margin: 0 0 10px;
}
.content > ul {
  list-style: disc;
}
.content > ol {
  list-style: decimal;
}
.content img {
  max-width: 100%;
  height: auto;
}
.content table {
  width: 100%;
}
.content table th, .content table td {
  width: auto;
  padding: 15px 15px;
}
.content blockquote > * {
  margin-bottom: 40px;
}
.content blockquote > *:last-child {
  margin-bottom: 0 !important;
}
.content .block-postcode-form {
  margin-top: clamp(1.5625rem, 2.3474178404vw + 1.0123239437rem, 3.125rem);
}

/**
 * Main site layout
 * To make a bottom footer with flexbox we give our flex container a min-height equal to the viewport height then force our footer down to the bottom of the flex container.
 */
.site {
  position: relative;
  display: flex;
  flex-direction: column;
  /* fallback height */
  min-height: 100vh;
  /* new small viewport height for modern browsers */
  min-height: 100svh;
}

.site-main {
  overflow: hidden;
}

.site-footer {
  margin-top: auto;
}

@media (max-width: 575.98px) {
  .extra-mobile-lr-padding {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/**
 * Block margins
 */
.theme-block {
  position: relative;
}
.theme-block .theme-block {
  padding: 0;
}
.theme-block .container .container {
  padding: 0;
}

.bg-color-1 + .bg-color-1 {
  padding-top: 0 !important;
}

.bg-color-2 + .bg-color-2 {
  padding-top: 0 !important;
}

.bg-color-3 + .bg-color-3 {
  padding-top: 0 !important;
}

.bg-color-4 + .bg-color-4 {
  padding-top: 0 !important;
}

.bg-color-5 + .bg-color-5 {
  padding-top: 0 !important;
}

.bg-color-6 + .bg-color-6 {
  padding-top: 0 !important;
}

.bg-black + .bg-black {
  padding-top: 0 !important;
}

.bg-white + .bg-white {
  padding-top: 0 !important;
}
.page-type-2-main {
  padding-top: clamp(4.375rem, 2.8169014085vw + 3.7147887324rem, 6.25rem);
  padding-bottom: clamp(4.375rem, 2.8169014085vw + 3.7147887324rem, 6.25rem);
}
.page-type-2-main .page-title {
  margin-bottom: clamp(4.375rem, 1.4084507042vw + 4.0448943662rem, 5.3125rem);
}
.page-type-2-main .section-title {
  margin-bottom: clamp(1.875rem, 0.9389671362vw + 1.6549295775rem, 2.5rem);
  padding: 0 0 20px;
  font-size: 20px;
  border-bottom: 1px solid var(--bs-color-3);
}

body.error404 .site-content {
  margin-top: auto;
  margin-bottom: auto;
}

/**
 * Buttons
 */
.btn:not(.close) {
  min-width: 160px;
}

.btn:not(.btn-white):not(.btn-outline) {
  --bs-btn-color: var(--bs-white);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-white);
}

.btn.btn-outline:not(.btn-outline-white) {
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-white);
}

.btn-color-2 {
  --bs-btn-hover-bg:#000;
  --bs-btn-hover-border-color:#000;
  --bs-btn-focus-shadow-rgb:0,0,0;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 1) ;
}

.btn-full {
  width: 100%;
}

.btn-rounded {
  border-radius: 50px;
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 !important;
  gap: 16px;
}
.btn-group li {
  list-style: none;
}
.btn-group .btn {
  width: 100%;
}
.btn-group .link {
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .btn-group .link {
    font-size: 18px;
  }
}

.btn-unstyled {
  min-width: 0;
  padding: 0;
}

/**
 * Forms
 */
/**
 * Modal
 */
.modal .modal-body {
  --bs-modal-padding: 0;
}
.modal .modal-top {
  margin-bottom: clamp(1.25rem, 2.8169014085vw + 0.5897887324rem, 3.125rem);
}
.modal .modal-main {
  flex: 1;
  padding-bottom: clamp(1.875rem, 1.8779342723vw + 1.4348591549rem, 3.125rem);
  padding-left: clamp(1.875rem, 1.8779342723vw + 1.4348591549rem, 3.125rem);
  padding-right: clamp(1.875rem, 1.8779342723vw + 1.4348591549rem, 3.125rem);
}
.modal .close {
  display: flex;
  justify-content: center;
  align-self: end;
  margin: 10px 20px 10px 0;
}

/**
 * Splide Sliders
 */
.splide__arrow {
  width: clamp(5.3125rem, 1.4084507042vw + 4.9823943662rem, 6.25rem);
  height: clamp(5.3125rem, 1.4084507042vw + 4.9823943662rem, 6.25rem);
  opacity: 1;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
}
.splide__arrow:disabled {
  opacity: 0;
  pointer-events: none;
}
.splide__arrow:hover {
  background: rgba(255, 255, 255, 0.85);
}
.splide__arrow svg {
  fill: #042222;
}

/**
 * 
 */
.theme-box {
  position: relative;
  display: block;
}
.theme-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme-box .overlay .caption {
  display: flex;
  align-items: center;
  min-height: 30px;
  margin-top: clamp(0.625rem, 0.9389671362vw + 0.4049295775rem, 1.25rem);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: clamp(0.9375rem, 1.4084507042vw + 0.6073943662rem, 1.875rem);
  padding-right: clamp(0.9375rem, 1.4084507042vw + 0.6073943662rem, 1.875rem);
  border-radius: 30px;
}
.theme-box:hover svg {
  transform: scale(1.2);
}

/**
 * 
 */
.circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}
.circle:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.circle .circle-inner > *:last-child {
  margin-bottom: 0 !important;
}

/**
 * 
 */
.background-cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * 
 */
.theme-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
}
.theme-overlay .container {
  position: relative;
  z-index: 9;
}

/**
 * 
 */
.icon {
  transition: transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .icon {
    transition: none;
  }
}
.icon:after {
  transition: transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .icon:after {
    transition: none;
  }
}

.callback-form label {
  display: block;
}

.theme-block.bg-color-4 .theme-card {
  border-color: var(--bs-color-2) !important;
}

.theme-block.bg-color-1 .block-rating, .theme-block.bg-color-2 .block-rating {
  color: var(--bs-white);
}
.theme-block.bg-color-3 .block-rating, .theme-block.bg-color-4 .block-rating, .theme-block.bg-color-5 .block-rating, .theme-block.bg-white .block-rating {
  color: var(--bs-color-1);
}

.block-split-module .col-media .block-stats {
  padding: 0 0 30px;
}

@media (min-width: 992px) {
  #why_2 .col-content {
    width: 58.33333333%;
  }
}
@media (min-width: 992px) {
  #why_2 .col-media {
    width: 41.66666667%;
  }
}
#why_2 .col-media img {
  width: auto;
}
#why_2 .block-postcode-form {
  align-items: center;
  margin-top: 0;
}
#why_2 .block-rating {
  display: none;
}

@media (min-width: 992px) {
  #grid_trading_how_it_works .col-content {
    width: 58.33333333%;
  }
}
@media (min-width: 992px) {
  #grid_trading_how_it_works .col-media {
    width: 41.66666667%;
  }
}
#grid_trading_how_it_works .col-media img {
  width: auto;
}
#grid_trading_how_it_works .block-postcode-form {
  align-items: center;
  margin-top: 0;
}

.btns-app .btn {
  color: var(--bs-white);
}
.btns-app .btn svg {
  margin-right: 10px;
}

.block-blog-header.bg-color-2 .post-title a {
  color: var(--bs-white);
}
.block-blog-header.bg-color-2 .post-title a:hover {
  color: var(--bs-color-3);
}

:root {
  --theme-header-height: clamp(3.9375rem, 0.9389671362vw + 3.7174295775rem, 4.5625rem);
}

.site-header {
  position: relative;
  z-index: 99;
}
@media (max-width: 575.98px) {
  .site-header .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.site-header .navbar {
  height: var(--theme-header-height);
}
.site-header .navbar-expanded .site-logo svg {
  fill: var(--bs-white);
}
.site-header .site-logo {
  position: relative;
  z-index: 9999;
}
.site-header .site-logo svg, .site-header .site-logo img {
  margin: 0 auto;
  width: clamp(11.125rem, 3.0046948357vw + 10.4207746479rem, 13.125rem);
}
.site-header .offcanvas .container {
  flex: 1;
  overflow-y: auto;
}
@media (min-width: 1200px) {
  .site-header .offcanvas .container {
    overflow-y: visible;
  }
}
.site-header .offcanvas .btn-close {
  display: none;
  min-width: 0;
  margin-right: 22px;
}
.site-header .offcanvas.show .btn-close {
  display: block;
}
.site-header .offcanvas-header {
  height: var(--theme-header-height);
}
.site-header .offcanvas-body {
  padding: 30px 4px;
}
.site-header .nav-link {
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .site-header .nav-link {
    padding: 1rem 1.3rem !important;
  }
}
.site-header .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .site-header .dropdown-toggle .icon {
    margin-left: 30px;
  }
}
.site-header .dropdown-toggle[aria-expanded=true] .icon:after {
  transform: rotate(45deg);
  left: 4px;
  top: 2px;
}
.site-header .navbar-toggler {
  border: 0;
}
@media (min-width: 1200px) {
  .site-header .dropdown-menu {
    --bs-dropdown-min-width:18.5rem;
    --bs-dropdown-padding-y:0;
    --bs-dropdown-padding-x:0;
    --bs-dropdown-item-padding-y:0.65rem;
    --bs-dropdown-item-padding-x:1.1875rem;
    --bs-dropdown-font-size:16px;
  }
}
@media (max-width: 1199.98px) {
  .site-header .dropdown-menu {
    position: static !important;
    transform: none !important;
    inset: auto !important;
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .site-header .dropdown-menu[data-popper-placement=right-start] {
    margin-left: 20px !important;
  }
  .site-header .dropdown-menu[data-popper-placement=left-start] {
    margin-right: 20px !important;
  }
}
.site-header .dropdown-menu .nav-item.view-all .dropdown-item {
  padding-left: 15px;
  padding-right: 15px;
  background: var(--bs-color-1);
  color: var(--bs-white);
}
.site-header .dropdown-item {
  white-space: normal;
}
@media (min-width: 1200px) {
  .site-header .dropdown-item {
    white-space: nowrap;
  }
}
.site-header .site-header-right {
  gap: 20px;
  font-size: 17px;
}
@media (min-width: 1200px) {
  .site-header .site-header-right {
    gap: 30px;
  }
}
@media (min-width: 1440px) {
  .site-header .site-header-right {
    gap: 55px;
  }
}
.site-header .site-header-right .phone {
  color: var(--bs-white);
}
.site-header .site-header-right .phone:hover {
  color: var(--bs-color-3);
}

.site-footer {
  position: relative;
  z-index: 9;
  font-size: 14px;
}
.site-footer-top {
  padding: 20px 0;
  border-bottom: 1px solid var(--bs-white);
}
.site-footer-bottom {
  padding: 35px 0 50px;
}
@media (min-width: 1200px) {
  .site-footer-bottom {
    padding-bottom: 30px;
  }
}
.site-footer-bottom .col {
  margin-bottom: 30px;
}
.site-footer a {
  color: var(--bs-white);
}
.site-footer a:hover {
  color: var(--bs-color-3);
}
.site-footer .footer-heading {
  margin-bottom: 6px;
  font-size: 15px;
}
.site-footer .footer-content {
  margin-bottom: 20px;
  font-size: 15px;
}
.site-footer .social {
  gap: 6px;
}
.site-footer .social svg {
  width: 100%;
  fill: var(--bs-white);
}
.site-footer .social a {
  display: flex;
  width: 31px;
  height: 31px;
  padding: 8px;
  border: 2px solid var(--bs-white);
  border-radius: 50%;
}
.site-footer .social a:hover {
  background: var(--bs-white);
}
.site-footer .social a:hover svg {
  fill: var(--bs-color-1);
}
.site-footer .col-contact address {
  margin-bottom: 12px;
  line-height: 1.25;
}
.site-footer .col-contact svg {
  width: 13px;
  fill: var(--bs-color-3);
}
.site-footer .col-contact ul a {
  display: inline-flex;
  align-items: center;
}
.site-footer .col-contact ul a svg {
  margin-right: 10px;
}
.site-footer .copy {
  margin-bottom: 20px;
  font-size: 13px;
}
.site-footer .disclaimer {
  font-size: 9px;
}

/* =============================================================================
   WordPress Blocks
   ========================================================================== */
.wp-block-image img {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.wp-block-image[style*=border-radius] img, .wp-block-image[style*=border-radius] > a {
  border-radius: inherit;
}

.wp-block-image.has-custom-border img {
  box-sizing: border-box;
}

.wp-block-image.aligncenter {
  text-align: center;
}

.wp-block-image.alignfull img, .wp-block-image.alignwide img {
  height: auto;
  width: 100%;
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
  display: table;
}

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.aligncenter > figcaption, .wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.wp-block-image .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.wp-block-image .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image figcaption {
  margin-bottom: 1em;
  margin-top: 0.5em;
}

.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
  border-radius: 9999px;
}

@supports (-webkit-mask-image: none) or (mask-image: none) or (-webkit-mask-image: none) {
  .wp-block-image.is-style-circle-mask img {
    border-radius: 0;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-mode: alpha;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
}
.wp-block-image :where(.has-border-color) {
  border-style: solid;
}

.wp-block-image :where([style*=border-top-color]) {
  border-top-style: solid;
}

.wp-block-image :where([style*=border-right-color]) {
  border-right-style: solid;
}

.wp-block-image :where([style*=border-bottom-color]) {
  border-bottom-style: solid;
}

.wp-block-image :where([style*=border-left-color]) {
  border-left-style: solid;
}

.wp-block-image :where([style*=border-width]) {
  border-style: solid;
}

.wp-block-image :where([style*=border-top-width]) {
  border-top-style: solid;
}

.wp-block-image :where([style*=border-right-width]) {
  border-right-style: solid;
}

.wp-block-image :where([style*=border-bottom-width]) {
  border-bottom-style: solid;
}

.wp-block-image :where([style*=border-left-width]) {
  border-left-style: solid;
}

.wp-block-image figure {
  margin: 0;
}

.wp-block-video {
  box-sizing: border-box;
}

.wp-block-video video {
  width: 100%;
}

@supports (position: sticky) {
  .wp-block-video [poster] {
    object-fit: cover;
  }
}
.wp-block-video.aligncenter {
  text-align: center;
}

.wp-block-video figcaption {
  margin-bottom: 1em;
  margin-top: 0.5em;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-left {
  text-align: left;
}

.has-text-align-right {
  text-align: right;
}

.aligncenter {
  clear: both;
}

.items-justified-left {
  justify-content: flex-start;
}

.items-justified-center {
  justify-content: center;
}

.items-justified-right {
  justify-content: flex-end;
}

.items-justified-space-between {
  justify-content: space-between;
}

.reveal-from-right {
  opacity: 0;
  transform: translateX(80%);
  transition: transform 3000ms cubic-bezier(0.2, 0.7, 0.2, 1), opacity 3000ms cubic-bezier(0.2, 0.7, 0.2, 1);
  will-change: transform, opacity;
}
.reveal-from-right.in-view {
  opacity: 1;
  transform: translateX(0);
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .reveal-from-right {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
.modal-quote-general .close {
  width: 30px;
  height: 30px;
  background: var(--bs-color-4);
}
.modal-quote-general .close svg {
  fill: var(--bs-color-1);
}
.modal-quote-general .close:hover {
  background: var(--bs-white);
}
.modal-quote-general .close:hover svg {
  fill: var(--bs-color-6);
}
.modal-quote-general .modal-top p {
  margin-bottom: 10px;
}

.modal-quote {
  --bs-modal-bg: var(--bs-color-2);
  --bs-modal-color: var(--bs-white);
}
.modal-quote .modal-top p {
  margin-bottom: 10px;
}
.modal-quote .site-logo {
  margin-bottom: 20px;
}
.modal-quote .modal-main {
  padding: 0 24px;
}
.modal-quote .modal-form {
  max-width: 670px;
  margin: 0 auto 30px;
  padding: 25px 0 35px;
  border-top: 1px solid var(--bs-white);
  border-bottom: 1px solid var(--bs-white);
}
.modal-quote .modal-form form {
  max-width: 335px;
  margin: 0 auto;
}
.modal-quote .gfield {
  margin-bottom: 15px;
  text-align: center;
}
.modal-quote .gfield_html {
  font-size: 15px;
  font-weight: 500;
}
.modal-quote .gf_progressbar {
  background: #D9D9D9;
}
.modal-quote .gf_progressbar_percentage {
  background: var(--bs-color-3);
  color: var(--bs-white);
}
.modal-quote .gf_progressbar_percentage span {
  display: none;
}
.modal-quote .gfield_radio input:checked + label {
  background: var(--bs-color-3);
  color: var(--bs-color-2);
}
.modal-quote .gfield_radio label {
  background: var(--bs-white);
  color: var(--bs-color-1);
}
.modal-quote .gform_prev_button, .modal-quote .gform_next_button {
  text-transform: uppercase;
}
.modal-quote .block-rating {
  margin: 0 0 45px;
}
.modal-quote .block-rating .reviews-num {
  color: var(--bs-white);
}
.modal-quote .block-rating .reviews-num:hover {
  color: var(--bs-color-3);
}
.modal-quote .prefer {
  margin: 0 0 10px;
  font-size: 13px;
}
.modal-quote .btn-phone {
  max-width: 335px;
}

.modal-quote-unavailable .modal-main {
  max-width: 500px;
  margin: 0 auto;
}
.modal-quote-unavailable .modal-main .btn {
  margin-top: 15px;
}

.block-rating {
  display: inline-flex;
  gap: 10px;
}
.block-rating .label {
  font-size: 10px;
}
.block-rating .reviews-num {
  font-size: 9px;
  text-decoration: underline;
}