/* style-custom.css */

.site-inner {
    zoom: 100%;
}

html {
	font-size: 100%
}

.content .post h1, .content .post h2, .content .post h3, .content .post h4, .content .post h5, .content .post h6, .content .page h1, .content .page h2, .content .page h3, .content .page h4, .content .page h5, .content .page h6 {
    font-size: 175%;
}

.fl-builder-content p, .fl-builder-content ul li, .fl-builder-content ol li, .dynamik-page-builder .site-inner p, .dynamik-page-builder .site-inner ul li, .dynamik-page-builder .site-inner ol li, .entry-content p, .entry-content ul li, .entry-content ol li, .entry-pagination {
    /* font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    font-size: 135% !important; */
	/*font-size: 1.125rem !important;*/
	font-size: 1.005rem !important;
}

body.blog.content-sidebar .site-container {
    width: 100% !important;
}

body.blog .site-inner {
    padding-top: 40px;
}

/* MORE DYNAMIK FIXES AT THE BOTTOM */

/* Home Hero */

.hero .jarallax {
	position: relative;
	overflow: hidden;
	/*min-height: 80vh;*/
}

.hero .jarallax > .jarallax-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 25% 25%;
	z-index: -1;
}

@media (max-width: 767.98px) {
	.hero .jarallax {
		min-height: 570px;
	}
}

/* Footer Dropdown Toggle */

.dropdown-toggle::after {
	content: "\ea4a";
	font-family: "boxicons";
	font-size: 1.375em;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
	border: 0;
	margin-left: .255em;
	margin-right: -.25rem;
	display: inline-block;
	transition: transform .25s ease;
}

.dropdown-toggle[aria-expanded="false"]::after {
	transform: rotate(0deg);
}

.dropdown-toggle[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

.badge.badge-primary {
    background-color: rgba(249, 236, 255, 1) !important;
    color: #670099;
    font-weight: 500;
    padding: 0.4rem 0.8rem;
    font-size: 0.875rem;
    border-radius: var(--si-border-radius-pill) !important;
}

.bg-faded-light {
    background-color: rgb(247 249 251 / 8%) !important;
}

footer#platform-footer {
    background-image: url(https://1800newrate.com/wp-content/uploads/2026/07/hero-bg-scaled-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
}

.navbar-brand img {
    display: block;
    height: auto;
    max-height: 56px;
    width: 100%;
    max-width: 245px;
}

@media (max-width: 1199.98px) {
	.navbar-brand img {
		max-height: 42px;
	}
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        max-height: 48px;
    }
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        max-height: 48px;
    }
}

@media (max-width: 559.98px) {
    .navbar-brand img {
        max-height: 44px;
    }
}

/* ================================
   PERFECT PIPE MOBILE MENU
   Dark variant of Silence pattern
================================ */
@media (max-width: 991.98px) {

  /* Scrollable mobile nav */
  #mobile-nav {
    max-height: calc(100vh - 8rem);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-right: .125rem;
  }

  #mobile-nav::-webkit-scrollbar {
    display: none;
  }

  /* Dropdown layout */
  .navbar .navbar-nav .dropdown {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .navbar .navbar-nav .dropdown > .nav-link {
    flex: 1 1 auto;
  }

  /* Top-level nav items */
  .navbar .navbar-nav .nav-item {
    margin: 0 0 .85rem;
    background: linear-gradient(180deg, rgba(33, 38, 44, 0.96) 0%, rgba(24, 28, 33, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 1.35rem;
    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.03);
    overflow: hidden;
    transition:
      transform .22s ease,
      box-shadow .22s ease,
      border-color .22s ease,
      background .22s ease;
  }

  .navbar .navbar-nav .nav-item:last-child {
    margin-bottom: 0;
  }

  /* Top-level links */
  .navbar .navbar-nav > .nav-item > .nav-link {
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.2;
    margin: 0;
    padding: 1.15rem 1.35rem;
    transition: color .2s ease;
  }

  /* Regular hover/focus */
  .navbar .navbar-nav > .nav-item:hover,
  .navbar .navbar-nav > .nav-item:focus-within {
    border-color: rgba(58, 131, 246, 0.22);
    box-shadow:
      0 14px 32px rgba(0, 0, 0, 0.24),
      0 0 0 1px rgba(58, 131, 246, 0.08) inset;
  }

  .navbar .navbar-nav > .nav-item:hover > .nav-link,
  .navbar .navbar-nav > .nav-item:focus-within > .nav-link {
    color: #ffffff;
  }

  /* Open dropdown parent */
  .navbar .navbar-nav .dropdown:has(> .submenu-toggle[aria-expanded="true"]) {
    border-color: rgba(58, 131, 246, 0.28);
    background: linear-gradient(180deg, rgba(37, 43, 50, 0.98) 0%, rgba(21, 25, 30, 1) 100%);
    box-shadow:
      0 16px 36px rgba(0, 0, 0, 0.28),
      0 0 0 1px rgba(58, 131, 246, 0.12) inset;
  }

  .navbar .navbar-nav .dropdown:has(> .submenu-toggle[aria-expanded="true"]) > .nav-link {
    color: #3a83f6;
  }

  /* Toggle button zone */
  .navbar .navbar-nav .submenu-toggle {
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    min-width: 5rem;
    padding: 0.75rem 0.9rem; 
    background: rgba(255, 255, 255, 0.02);
    color: rgba(255, 255, 255, 0.88);
    box-shadow: none !important;
    transition:
      background .22s ease,
      color .22s ease,
      border-color .22s ease,
      transform .22s ease;
  }

  .navbar .navbar-nav .submenu-toggle:hover,
  .navbar .navbar-nav .submenu-toggle:focus {
    background: rgba(58, 131, 246, 0.08);
    color: #ffffff;
    border-left-color: rgba(58, 131, 246, 0.16);
  }

  /* Chevron */
  .submenu-toggle i {
    font-size: 1.45rem;
    transition: transform .25s ease;
  }

  .submenu-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
  }

  /* Inline accordion submenu */
  .navbar .navbar-nav .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100%;
    display: none;
    margin: 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0 0 1.35rem 1.35rem;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
    box-shadow: none;
    padding: .45rem 0 .8rem;
  }

  .navbar .navbar-nav .dropdown-menu.show {
    display: block;
    animation: ppp-mobile-dropdown-fade .32s ease-out;
  }

  @keyframes ppp-mobile-dropdown-fade {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Submenu links */
  .navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding: .8rem 1.35rem .8rem 1.8rem;
    color: rgba(255, 255, 255, 0.78);
    background: transparent;
    transition:
      color .18s ease,
      background-color .18s ease,
      padding-left .18s ease;
  }

  .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
  .navbar .navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
    background: rgba(58, 131, 246, 0.08);
    padding-left: 2rem;
  }

  /* Kill sticky hover weirdness */
  .navbar .nav-item:hover > .nav-link:not(.disabled) {
    color: rgba(255, 255, 255, 0.92);
  }
}


/* Top Bar */
.top-bar a.nav-link {
    color: #fff;
}

@media (min-width: 1200px) {
    .lead {
        font-size: 1.3rem;
    }
}

.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: gap .2s;
}

.link-arrow:hover {
    gap: 8px;
}

/* Arrow */
.link-arrow::after {
    content: "\ebe6";
    display: inline-block;
    font-size: 1.3em;
    font-family: "boxicons";
}

/* Hover animation */
.link-arrow:hover {
  gap: 8px;
}

#reviews .swiper-slide img {
    border: 2px solid #670099;
    box-shadow: 1px 3px 5px #00000036;
    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03);
}

.reviews-swiper {
	pointer-events: none;
}

ul.footer-license-list li {
    margin-bottom: 2px;
}

#platform-footer .legal-links ul li a {
    color: #9397ad;
    text-decoration: none;
}

#platform-footer .legal-links ul li a:hover {
    color: #fff;
}

#platform-footer .link-muted:hover {
    color: #fff;
}

body #platform-footer {
    color: #9499a8;
}

#platform-footer .link-light:hover {
    color: #d4aaff !important;
}

/* Footer Shortcode CTA */

.footer-cta-band {
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.65), -6px 20px 9px 20px rgba(15, 23, 42, 0.10), -11px 20px 20px 0px rgba(15, 23, 42, 0.08);
}

.footer-cta-band::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -22px;
    transform: translateX(-50%);
    width: min(78%, 1200px);
    height: 56px;
    pointer-events: none;
    z-index: -1;
    filter: blur(22px);
    background: radial-gradient(ellipse at center, rgba(15, 23, 42, 0.22) 0%, rgba(15, 23, 42, 0.12) 38%, rgba(15, 23, 42, 0.00) 74%);
}

.footer-cta-band::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28px;
  height: 36px;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(
    to bottom,
    rgba(15, 23, 42, 0.12) 0%,
    rgba(15, 23, 42, 0.07) 35%,
    rgba(15, 23, 42, 0.03) 65%,
    rgba(15, 23, 42, 0) 100%
  );
  filter: blur(12px);
}













@media (min-width: 576px) {
    .swiper #swiper-wrapper-service .swiper-slide {
        width: 306px !important;
    }
}

.swiper #swiper-wrapper-service .swiper-slide p {
    font-size: 16px;
}

/* Portrait Ratios */

.ratio-3x2 {
    --si-aspect-ratio: calc(2 / 3 * 100%);
}

.ratio-2x3 {
    --si-aspect-ratio: calc(2.92 / 2 * 100%);
}

.ratio-3x4 {
    --si-aspect-ratio: calc(4.5 / 3 * 100%);
}
/* Really true 3x4 */
.ratio-4x4 {
    --si-aspect-ratio: calc(4 / 3 * 100%);
}

.ratio-3x5 {
    --si-aspect-ratio: calc(5 / 3 * 100%);
}

.ratio-9x16 {
    --si-aspect-ratio: calc(16 / 9 * 100%);
}

.ratio-9x21 {
    --si-aspect-ratio: calc(21 / 9 * 100%);
}
.ratio-10x16 {
  --si-aspect-ratio: calc(16 / 10 * 100%);
}

/* Landscape Ratios */

.ratio-16x10 {
  --si-aspect-ratio: calc(10 / 16 * 100%);
}

/* Ratio Mobile */

@media (max-width: 575px) {

    .ratio-mobile-1x1 {
        --si-aspect-ratio: 100%;
    }

    .ratio-mobile-4x3 {
        --si-aspect-ratio: calc(3 / 4 * 100%);
    }

    .ratio-mobile-16x9 {
        --si-aspect-ratio: calc(9 / 16 * 100%);
    }

}

/* Img ratio */

.ratio img {
  object-fit: cover;
}

/* Img hover scale */



.img-hover-zoom img {
  transition: transform .45s ease, filter .45s ease;
  will-change: transform;
}

.img-hover-zoom:hover img {
  transform: scale(1.06);
  filter: brightness(1.05);
}

.card.img-hover-zoom {
  transition: transform .25s ease, box-shadow .25s ease;
}

.card.img-hover-zoom:hover {
  transform: translateY(-3px);
}

/* Gravity Forms */

.gform_wrapper .gfield textarea, .gform_wrapper.gform-theme--foundation .gfield input, .gform-theme--foundation .gfield select.large {
    border: 1px solid #d4d7e5;
    border-radius: 0.5rem;
    padding: 0.785rem 1.125rem;
    font-size: 1rem;
    min-height: calc(1.6em + 1.57rem + 2px);
    color: #565973;
    line-height: 1.6;
}

.gform_wrapper .gfield textarea:focus, .gform-theme--foundation .gfield select.large:focus {
    outline: none;
}

.card-img-overlay {
    background: #1b5d9524;
}

.card-img-overlay {
    background: #1b5d9524;
    background: linear-gradient(to top, rgb(27 93 149 / 39%), rgba(0, 0, 0, 0));
}



.text-off-white {
    color: #e5e7eb;
}

.text-primary-dark {
	/*   color: #2F80ED !important; */
    color: #b450e4 !important;
}

.bg-primary-gradient {
    background: linear-gradient(  90deg,  #7b1fa2 0%,  #6b3cc6 45%,  #5168c9 100% );
}
/*
.bg-dark {
    background-color: rgba(var(--si-dark-rgb), var(--si-bg-opacity)) !important;
}
*/

.bg-dark {
  background-color: #121417 !important
}

.bg-dark-ui {
	background-color: #1d2327 !important
}


.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #d5e2eb70 !important;
}

.bg-secondary {
    --si-bg-opacity: 1;
	background-color: #E2EAF4 !important; /* this is out new brand */
}

.bg-light {
	background-color: #F4F6F8 !important; /* UI Light */
}

.icon-bg-light {
    max-width: 120px;
    background-color: #F1F6FD;
}

.bg-soft {
	background-color: #EDF3FB; /* Brand Tinted */
	/* background-color: #F1F6FD; - Light Blue */
	/* background-color: #F3F6FA; - Light Blue */
	/* background-color: #F4F7FB; - Light Blue */
	background-color: #EEF4FF;
}

.bg-secondary-grad {
    background: linear-gradient(90deg, rgb(174 209 227 / 15%) 0%, rgb(226 239 242 / 25%) 51%, rgb(89 138 179 / 34%) 100%);
}
.bg-secondary-grad {
    background: linear-gradient(90deg, rgb(227 239 246 / 15%) 0%, rgb(226 239 242 / 23%) 51%, rgb(229 242 252 / 34%) 100%);
}

.bg-gradient-top {
    background: linear-gradient(to bottom, #eef4ff 0%, #f8fbff 35%, #ffffff 100%);
}

.bg-gradient-bottom {
    /* background: linear-gradient(to bottom, #ffffff 0%, #f7faff 25%, #eef4ff 100%); */
	background: linear-gradient(to bottom, #ffffff 0%, #fef7ff 25%, #f6f4ff 100%);
}

.bg-primary-soft {
	background-color: #f6f4ff;
}

.link-muted {
    color: var(--si-gray-600);
}

.link-dark:hover {
    color: #1e6fdb !important;
}

/* TEMP STYLES FOR PLUMBING */

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

.google-sans {
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-variation-settings:
    "GRAD" 0;
}

.manrope {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-optical-sizing: auto;
    letter-spacing: inherit;
	/*font-weight: 900 !important;*/
	font-family: "Manrope", sans-serif;
	font-family: "Google Sans", sans-serif;
	font-family: "Inter", sans-serif;
}

body, p {
    font-optical-sizing: auto;
    /*font-size: 1.2rem;*/
	font-family: "Manrope", sans-serif;
	font-family: "Google Sans", sans-serif;
	font-family: "Inter", sans-serif;
}

.letter-spacing-2 {
  letter-spacing: 0.12em;
}

.ls-2 {
    letter-spacing: 0.1em;
}

/* END TEMP PLUMBING STYLES */

@media (max-width: 767.98px) {
    #header .navbar-brand>img {
        width: 190px;
    }
}

/* xs: slide = full container; card = full width */
@media (max-width: 575.98px) {
  .swiper #swiper-wrapper-mission .swiper-slide { width: 100% !important; }
  .swiper #swiper-wrapper-mission .swiper-slide > .card { max-width: 100% !important;margin-right: 24px; }
}

/* sm and up: fixed 416px slides */
@media (min-width: 576px) {
  .swiper #swiper-wrapper-mission .swiper-slide { width: 416px !important; }
  .swiper #swiper-wrapper-mission .swiper-slide > .card { width: 100%; max-width: none; }
}

@media (max-width: 575.98px) {
    .swiper #swiper-wrapper-service .swiper-slide {
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .swiper #swiper-wrapper-service .swiper-slide > .card {
        max-width: 100% !important;
        margin-right: 24px;
    }
}

.container-start {
    margin-left: calc((100% - (1328px - 1.5rem)) / 2);
}

@media (max-width: 1399.98px) {
    .container-start {
        margin-left: calc((100% - (95% - 1.5rem)) / 2);
    }
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "\203A";
    font-family: inherit;
    margin-top: 0;
}

.breadcrumb {
    font-weight: 400;
}

/* Booking System */
#quote-form iframe {
    /* Prevents the iframe own internal scrollbar 
       which fights with the mobile browser thumb */
    overflow: hidden; 
    display: block;
}

/* ====== All Stuff from <head> needs sorting ====== */

/*
Orange: #fac469 (keep)

Green: #cbd4a0 (keep)

Blue: #c5e6ec (keep)

Yellow: #ffeea6 (keep)
*/

.bg-secondary-fade {
    background: radial-gradient(116.18% 118% at 50% 100%, rgba(99, 102, 241, 0.1) 0%, rgba(218, 70, 239, 0.05) 41.83%, rgba(241, 244, 253, 0.07) 82.52%);
}

footer.bg-dark {
    z-index: 222;
}

.z-index2 {
    z-index: 2 !important;
}

.border-lighter {
    border-color: #ebf4f3 !important;
}

/*
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Bangers", system-ui;
    font-optical-sizing: auto;
    letter-spacing: 2.4px;
}

body, p {
    font-family: "Kalam", cursive;
    font-optical-sizing: auto;
    font-size: 1.2rem;
}
*/

/* maybe update text-body class to this too currently #565973 */

body {
    color: #454866;
}

.text-body-secondary {
  color: #5B5E77;
}

.text-light {
    color: hsla(0, 0%, 100%, 0.7) !important;
}

.text-lighter {
    color: #eef0fd;
}

.manrope {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: inherit;
  font-style: normal;
}

.bangers {
  font-family: "Bangers", system-ui;
}

.kalam {
  font-family: "Kalam", cursive;
}

.comic-neue {
  font-family: "Comic Neue", cursive;
}

strong {
    font-weight: 600;
}

.fw-bolder {
    font-weight: 900 !important;
}

.fw-600 {
    font-weight: 600;
}

.strike { text-decoration: line-through; }

.ls-normal {
    letter-spacing: inherit;
}
.ls-lg {
    letter-spacing: 1.3px;
}

.ls-xl {
    letter-spacing: 2.2px;
}

#nav-main a.nav-link {
    font-size: 16px;
    font-weight: 400;
}

a.nav-menu-cta, button.nav-menu-cta, .btn-primary-gradient {
    background: linear-gradient(180deg, #B94BD2 0%, #9E2CC3 50%, #7C17AE 100%);
    border: 1px solid #7213A3;
    color: #fff;
    letter-spacing: 0.3px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 .5rem 1rem rgba(124, 23, 174, .22);
    transition: all .25s ease;
    max-height: 50px;
    margin: auto 0;
    height: 100%;
}

a.nav-menu-cta:hover, button.nav-menu-cta:hover, .btn-primary-gradient:hover {
	background: linear-gradient(
		180deg,
		#C45BDD 0%,
		#A833CC 50%,
		#861BB9 100%
	);

	transform: translateY(-1px);
	box-shadow:
		inset 0 1px rgba(255,255,255,.3),
		0 .75rem 1.5rem rgba(124,23,174,.3);
}

@media (max-width: 575.98px) {
    a.nav-menu-cta, button.nav-menu-cta {
        padding: 0 0.9rem;
        max-height: 42px;
        margin: auto 0;
        height: 100%;
        text-transform: uppercase;
        background: #8A16B8;
        border: 1px solid #7A13A6;
        box-shadow: 0 .25rem .75rem rgba(122, 19, 166, .18);
    }
}

@media (max-width: 374.98px) {
    a.nav-menu-cta, button.nav-menu-cta {
        display: none;
    }
}

/* MOBILE MENU */

#platform-mobile-menu {
    z-index: 1111111;
}

.platform-mobile-nav-item {
	margin: 5px 0;
	overflow: hidden;
	background: #f7f9fb;
	border: 1px solid #f2f2f2;
	border-radius: 30px;
	box-shadow: 0 5px 3px -6px rgba(44, 40, 40, .27);
}

.platform-mobile-nav-row {
	width: 100%;
}

.platform-mobile-nav .nav-link {
	margin: 0 10px;
	padding: 12px 0 10px 19px;
	font-size: 17px;
}

.platform-submenu-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 3.5rem;
	width: 3.5rem;
	padding: 15px 30px;
	color: inherit;
	text-decoration: none;
	background: rgba(255, 255, 255, .6);
	border: 0;
	border-left: 1px solid rgba(0, 0, 0, .02);
	border-radius: 0 30px 30px 0;

	box-shadow:
		0 1px 2px rgba(15, 23, 42, .06),
		0 0 0 1px rgba(15, 23, 42, .02);

	transition:
		background-color .15s ease,
		box-shadow .15s ease;
}

.platform-submenu-toggle:hover, .platform-submenu-toggle:focus {
    color: inherit;
    background: rgba(255, 255, 255, .6);
    border-left: 1px solid rgba(0, 0, 0, .05);
}

.platform-submenu-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -4px;
}

.platform-submenu-toggle i {
	font-size: 1.5rem;
	transition: transform .2s ease;
}

.platform-submenu-toggle[aria-expanded="true"] i {
	transform: rotate(180deg);
}

.offcanvas .btn-primary-gradient:hover {
    color: #fff !important;
}

.offcanvas .btn-outline-primary:hover {
    color: #fff !important;
}

/*
 * Let Bootstrap animate the submenu height.
 * We only add opacity here so it does not fight the collapse transition.
 */
.platform-mobile-submenu {
	position: static !important;
	width: 100%;
	margin: 0;
	padding: .25rem 0 .5rem;
	background: rgba(11, 15, 25, .02);
	border: 0;
	border-top: 1px solid rgba(11, 15, 25, .05);
	border-radius: 0 0 30px 30px;
	box-shadow: none;
}

.platform-mobile-submenu.collapsing {
	opacity: 0;
	transition:
		height .35s ease,
		opacity .2s ease;
}

.platform-mobile-submenu.show {
	opacity: 1;
	animation: platform-submenu-fade .25s ease-out;
}

.platform-mobile-submenu-link.nav-link {
	padding-left: 2rem;
	font-size: 16px;
	font-weight: 400;
}

@keyframes platform-submenu-fade {

	from {
		opacity: 0;
		background: #e3cfed;
	}

	to {
		opacity: 1;
		background: rgba(11, 15, 25, .02);
	}
}



.platform-mobile-nav-item:has(
	.platform-submenu-toggle[aria-expanded="true"]
) .platform-submenu-toggle {
	border-radius: 0 30px 0 0;
}

.platform-mobile-nav-item:has(
	.platform-submenu-toggle[aria-expanded="true"]
) .platform-mobile-nav-row {
	border-bottom: 1px solid rgba(11, 15, 25, .05);
}










/* Location Link Hover Effect */
a:hover .city-name {
  color: var(--si-primary);
}

.city-img {
  transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease;
}

a:hover .city-img {
  transform: scale(1.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  filter: brightness(1.05);
}

/* Icon Glow on Dark BG */

.bg-primary-glow {
	/* background: radial-gradient(circle at center, rgba(59, 130, 246, 0.15), transparent 60%); */
    background: radial-gradient(circle at center, rgb(173 32 192 / 29%), transparent 60%);
}

.bg-primary-dark {
    /* background-color: #0b1220; */
	background: linear-gradient(135deg, #0b0f1a 0%, #0f172a 50%, #020617 100%);
}

.card-dark {
    background-color: #111827;
    border-color: rgba(255, 255, 255, 0.08);
}

/* HERO - HOME + PHL */

/*
.border-light {
    opacity: 1;
    border-color: #fff !important;
} */

p.hero-lead {
    font-size: 27px;
    color: #454866;
}

@media (max-width: 767.98px){
  /* image: rounded top only */
  .hero-img{
    border-radius: 2rem 2rem 0 0 !important;
  }

  /* CTA: no rounding */
  .hero-cta{
    border-radius: 0 !important;
  }

  /* content: rounded bottom only */
  .hero-content{
    border-radius: 0 0 2rem 2rem !important;
  }

  p.hero-lead {
    font-size: 22px;
    color: inherit;
  }
}


/* PHL CUSTOM STYLES -> ALSO CHECK RELATED ITEMS EXIST ELSEWHERE */








/* Clamp */

/* Responsive font sizes with clamp() */

/* Largest heading */
.fs-1 {
  font-size: clamp(2rem, 1.5rem + 1.5vw, 3rem);   
  /* ~32px min → ~48px max */
}

/* H2 scale */
.fs-2 {
  font-size: clamp(1.75rem, 1.25rem + 1.2vw, 2.5rem); 
  /* ~28px min → ~40px max */
}

/* H3 scale */
.fs-3 {
  font-size: clamp(1.5rem, 1rem + 1vw, 2rem);    
  /* ~24px min → ~32px max */
}

/* H4 scale */
.fs-4 {
  font-size: clamp(1.25rem, 0.875rem + 0.8vw, 1.5rem); 
  /* ~20px min → ~24px max */
}

/* H5 scale */
.fs-5 {
  font-size: clamp(1rem, 0.75rem + 0.5vw, 1.25rem);    
  /* ~16px min → ~20px max */
}

/* Smallest heading / large body */
.fs-6 {
  font-size: clamp(0.875rem, 0.75rem + 0.3vw, 1rem);    
  /* ~14px min → ~16px max */
}

.display-2 {
    line-height: 1.2;
}



/* HERO MEDIA */

/* CSS: mobile-first sizing + md sticky */
.hero-media{
  /* Mobile: shorter rectangle */
  height: 200px;        /* tweak to taste (200–280px) */
}

/* sm */
@media (min-width: 576px){
  .hero-media{ height: 320px; }
}

/* md and up: your tall/sticky hero */
@media (min-width: 992px){
  .hero-media{
    height: 789px;      /* your existing tall height */
  }
}

/* END */



/* Tall MEDIA */

/* CSS: mobile-first sizing + md sticky */
.tall-media{
  /* Mobile: shorter rectangle */
  height: 400px;        /* tweak to taste (200–280px) */
}

/* sm */
@media (min-width: 576px){
  .tall-media{ height: 620px; }
}

/* md and up: your tall/sticky hero */
@media (min-width: 992px){
  .tall-media{
    height: 100%;      /* your existing tall height */
  }
}

/* END */



img.img-charity {
    max-width: 56px !important;
}

img.charity-dark {
    max-width: 135px;
    max-height: 39px;
}

.rotate-335 {
    -webkit-transform: rotate(335deg) !important;
    transform: rotate(335deg) !important;
}

/* OUTSIDE DIV ratio ratio-1x1 img w-100 h-100 object-fit-cover */

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.binded-item {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s ease-in-out, visibility .35s ease-in-out;
}

.binded-item.active {
    position: relative;
    visibility: visible;
    opacity: 1;
}

/* Heart Beat */

@keyframes rotate-cw {
  to { transform: rotate(360deg); }
}

@keyframes rotate-ccw {
  to { transform: rotate(-360deg); }
}

@keyframes swinging {
  0% { transform: rotate(10deg); }
  50% { transform: rotate(-5deg); }
  100% { transform: rotate(10deg); }
}

@keyframes heartbeat {
  0%,
  40%,
  80%,
  100% { transform: scale(.8); }
  20%,
  60% { transform: scale(1); }
}
.heartbeat {
  animation: heartbeat 1.4s infinite;
}

@keyframes blinking {
  from { opacity: 0; }
}
.blinking {
  animation: blinking 1s infinite;
}

/* Contact US Form */

p.gform_required_legend {
    display: none;
}

input#gform_submit_button_1 {
    background: #670099;
    color: #FFF;
    font-size: 1rem;
    padding: 1.05rem 3rem;
    border-radius: 0.5rem;
    font-weight: 600;
    border: 1px solid #670099;
}

input#gform_submit_button_1:hover {
    background: #8d22b8;
    border-color: #8d22b8;
    color: #fff;
}

.gfield_label, label.gfield_label.gform-field-label {
    font-weight: 600 !important;
    font-size: 1rem !important;
    margin-bottom: 0.3125rem;
}

.gfield input, .gfield select.large {
    width: 100%;
    border-radius: 6px;
}

input[type="checkbox"], input[type="radio"] {
    width: auto;
}

.page-id-17 .gform_wrapper .gfield input, .page-id-17 .gform_wrapper .gfield textarea {
    min-height: calc(1.6em + 1.57rem + 2px) !important;
    padding: 0.785rem 1.125rem !important;
    font-size: 1rem !important;
    /* border-radius: 0.5rem !important; */
    line-height: 1.6 !important;
    border: 1px solid #888a92 !important;
	outline: none;
}

/* ZIP SEARCH FORM */

div#gform_wrapper_2 {
    margin: 0 auto;
    justify-content: center;
    display: flex;
}

#gform_wrapper_2 label.gfield_label {
    margin-top: -17px;
    position: absolute;
    font-weight: 300;
    font-style: italic;
    margin-left: 4%;
    letter-spacing: 0.3px;
    padding: 3px 12px;
    background: #ffffff;
}

#gform_wrapper_2 div#field_2_1 {
    grid-column: span 8;
}

#gform_wrapper_2 input#input_2_1 {
    background: rgb(255 255 255 / 92%);
    border-color: #5f5d58;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    outline-color: transparent;
    font-size: 1.5rem;
    padding: 1.85rem 1rem;
    color: #615d57;
    text-align: left;
}

#gform_wrapper_2 #field_submit {
	/* grid-column: span 3; */
    grid-column: span 4;
    position: relative;
    z-index: 2;
    margin-left: -18px;
    border-radius: 3px;
    width: auto;
    min-width: 173px;
    justify-content: end;
}

input#gform_submit_button_2 {
    background: #2d8c9c;
    color: #fff;
    font-size: 1rem;
    padding: 1.35rem 1.5rem;
    border-radius: 0 0.5rem 0.5rem 0;
    font-weight: 900;
    border: 1px solid #21615d;
    display: inline-block;
    text-shadow: 0px 2px 0px #2d8481;
}

input#gform_submit_button_2:hover {
    background: #0f8baf;
    border-color: #28779b;
    color: #fff;
}

/* END ZIP SEARCH */




/* List Group */

.list-group-borderless .list-group-item {
    border: none;
}



/* Accordion */

#faq button.accordion-button {
    letter-spacing: 1.3px;
    font-size: 22px;
}

.accordion .accordion-item {
    color: var(--si-body-color);
}

.accordion .accordion-button {
    text-align: left;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--si-accordion-active-bg);
    -webkit-box-shadow: inset 0 calc(-1 * var(--si-accordion-border-width)) 0 var(--si-accordion-border-color);
    box-shadow: inset 0 calc(-1 * var(--si-accordion-border-width)) 0 var(--si-accordion-border-color);
}

.accordion.accordion-border-start .accordion-button {
    background-color: transparent !important;
    color: var(--si-gray-900);
    font-size: 20px;
    box-shadow: none;
    font-weight: 600 !important;
}

.accordion.accordion-border-start .accordion-button .heading-icon {
    background-color: var(--si-body-bg);
    color: var(--si-gray-900);
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    border-radius: 6px;
    margin-right: 15px;
    font-size: 1.3rem;
    font-weight: 500;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.accordion.accordion-border-start .accordion-item {
    border: 2.5px solid transparent;
    background-color: #e9f0f09c;
    border-radius: 10px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.accordion.accordion-border-start .accordion-button[aria-expanded=true] .heading-icon {
    background-color: var(--si-gray-900);
    color: var(--si-gray-100);
}

.accordion.accordion-border-start .accordion-item:has(.accordion-button[aria-expanded=true]) {
    border-left: 2.5px solid var(--si-primary);
}

.accordion.accordion-border-start .accordion-body {
    padding-left: 5rem;
}

/* end accordion */


/* Accordion Icon */

.accordion-icon .accordion-item {
    color: var(--si-accordion-color);
    background-color: transparent;
    border: none;
}

.accordion.accordion-icon .accordion-header .accordion-button {
    background: transparent;
    font-size: inherit;
    border: none;
    padding-right: 2rem;
}

.accordion.accordion-icon .accordion-header .accordion-button:before {
    content: "";
    background: var(--bs-gray-800) !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9;
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
}

.accordion.accordion-icon-start .accordion-header .accordion-button:before {
    content: "";
    left: 0 !important;
    right: auto;
    width: 15px;
    height: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#543DE7), to(#7F39F8)) !important;
    background: linear-gradient(180deg, #438781 0%, #26afa3 100%) !important;
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
    -webkit-transform: rotateZ(267deg);
    transform: rotateZ(267deg);
}

.accordion.accordion-icon .accordion-header .accordion-button:after {
    content: "";
    background: var(--bs-gray-800) !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9;
}

.accordion.accordion-icon-start .accordion-header .accordion-button:after {
    content: "";
    left: 0 !important;
    right: auto;
    width: 15px;
    height: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#543DE7), to(#7F39F8)) !important;
    background: linear-gradient(180deg, #438781 0%, #3fb7ad 100%) !important;
    border-radius: 0;
}



/* Accordion ALT  - Dark BG - accordion-alt */

.accordion-alt button.accordion-button {
    background: 0 0;
    color: #fff;
    font-size: 1.3rem;
    padding-left: 0;
    padding-right: 0;
}

.accordion-alt .accordion-item {
    background: 0 0;
    border: none;
}

.accordion-alt .accordion-button:not(.collapsed) {
    color: var(--si-accordion-btn-icon-box-active-bg);
    box-shadow: none;
}

.accordion-alt .accordion-body {
    color: #ffffffb3;
    padding-left: 0;
}

.accordion-alt .accordion-body strong {
    color: #fff;
}

/* Accordion Inline inline-faqs */

.inline-faqs .accordion-item .accordion-button {
    background: #2c93a433;
    font-size: 1.1rem;
}

.inline-faqs .accordion-item .accordion-body {
    color: #4a5663;
    font-size: 0.91rem !important;
    padding-top: 1rem !important;
}

/* Accordion btn faded primary */

.accordion-btn-faded-primary .accordion-button {
   /* background: rgba(var(--si-primary-rgb), .12); using transparancy of primary before we switch */
	font-size: 1.1rem;
	background-color: #E2EAF4; /* bg-secondary */
}

.accordion-btn-faded-primary .accordion-body, .accordion-body {
    color: #4a5663;
    font-size: 0.94rem !important;
    margin-top: 1rem;
    padding-bottom: 0.3rem;
}

/* All accordions - but need to add a class because this is for the FAQ shortcode */
.accordion .accordion-button {
	font-size: 1.1rem;
}

.accordion-body {
    color: #4a5663;
    font-size: 0.94rem !important;
    margin-top: 1rem;
    padding-bottom: 0.3rem;
}





/* ICONS */

.icon-xxl {
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    font-size: 2.5rem;
}

.icon-xl {
    width: 4.6875rem;
    height: 4.6875rem;
    line-height: 4.5rem;
    text-align: center;
    font-size: 1.9rem;
}

.icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 1.2rem;
}

.icon-md {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-size: 0.8rem;
}




/* After Added from Furniture */


/* Height */

.h-100px {
    height: 100px !important;
}

.h-150px {
    height: 150px;
}

.h-200px {
    height: 200px !important;
}

@media (min-width: 576px) {
    .h-sm-200px {
        height: 200px !important;
    }
}

@media (min-width: 576px) {
    .h-sm-300px {
        height: 300px !important;
    }
}

/* Width */

.mw-50 {
	max-width: 50px;
}
.mw-100 {
	max-width: 100px;
}
.mw-150 {
	max-width: 150px;
}
.mw-200 {
	max-width: 200px;
}
.mw-250 {
	max-width: 250px;
}
.mw-300 {
	max-width: 300px;
}
.mw-350 {
	max-width: 350px;
}
.mw-400 {
	max-width: 400px;
}
.mw-450 {
	max-width: 450px;
}
.mw-500 {
	max-width: 500px;
}
.mw-550 {
    max-width: 550px;
}
.mw-600 {
	max-width: 600px;
}
.mw-650 {
	max-width: 650px;
}
.mw-700 {
	max-width: 700px;
}
.mw-750 {
	max-width: 750px;
}
.mw-800 {
	max-width: 800px;
}
.mw-850 {
	max-width: 850px;
}
.mw-900 {
	max-width: 900px;
}
.mw-950 {
	max-width: 950px;
}

.max-width-1550 {
    max-width: 1550px;
    margin-right: auto;
    margin-left: auto;
}

/* WWT Layout */

.h-adapt {
    height: 62%;
}

.h-500px {
    height: 955px !important;
}

.h-600px {
    height: 500px !important;
}




.inner-container {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
}




/* NAV Links Animate */

.nav.nav-link-hover-underline .nav-link:hover .nav-link-text {
    opacity: 100%;
    background-size: 100% 6%;
}

.nav.nav-link-hover-underline .nav-link .nav-link-text {
    color: #c04321 !important;
    line-height: 1.8;
    opacity: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: relative;
    display: inline-block;
    /*background: -webkit-gradient(linear, left top, right top, from(#c04321), to(#c04321);*/
    background: linear-gradient(to right, #c04321 0%, #c04321 100%);
    background-size: 0px 6%;
    background-repeat: no-repeat;
    background-position: left 100%;
}

/* .nav-link:hover, .nav-link:focus {
    color: #c04321;
} */

/* Footer Nav Links */

#footer-links a.nav-link {
    color: #d7d8ef;
    font-weight: 400 !important;
}

#footer-links a.nav-link:hover {
    /* color: var(--si-nav-link-hover-color); */
	color: var(--si-white);
}

#footer-links .footer-cta-link a {
    color: #2e81ee;
    font-weight: 500 !important;
}

.footer-cta-link.link-arrow {
    color: #2f80ee;
}

/* NAV PILLS - May be from the tabber not used */

.nav-pills-primary-grad .nav-link:hover .nav-bg-primary-grad, .nav-pills-primary-grad .nav-link.active .nav-bg-primary-grad {
    opacity: 100% !important;
}
.nav-pills-primary-grad .nav-link .nav-bg-primary-grad {
    background: -webkit-gradient(linear, left top, left bottom, from(#543DE7), to(#7F39F8));
    background: linear-gradient(180deg, #543DE7 0%, #7F39F8 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* May not be needed - see related items */
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-pills-primary-grad .nav-link:hover, .nav-pills-primary-grad .nav-link.active {
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #438781;
}
.nav-pills-primary-grad .nav-link {
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem !important;
    color: #141727;
    background-color: #ffffff80;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nav-pills .nav-link {
    cursor: pointer;
    padding: 0.5rem 1rem;
    color: var(--bs-primary);
    white-space: nowrap;
}

.nav-pills-primary-grad .nav-link .nav-link-content {
    z-index: 9;
    position: relative;
}



/* Cards */

.card-content-hover .hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    padding: 40px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
    background: #2fc5cd;
    height: 100%;
}

.card-content-hover:hover .hover-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    bottom: 0;
}

.card-content-hover:hover {
    background: #2fc5cd !important;
    opacity: 1;
}

.card-bg-grad-hover {
    overflow: hidden;
}

.card-hover:hover .btn i.bx.bx-right-arrow-alt, .card-hover:hover .menu-button>a.nav-link i.bx.bx-right-arrow-alt {
    color: inherit;
    opacity: 1;
    position: relative;
    bottom: 0px;
    left: 3px;
}



/* Colors */

path.fill-body {
    fill: #fff !important;
}

.fill-body {
    fill: var(--si-body-bg) !important;
}

.alert-success {
    --si-alert-color: #2c5551;
    --si-alert-bg: #43878117;
    --si-alert-border-color: #438781;
}

.border-primary-bright {
    border-color: #2fc5cd;
}

.shadow-primary {
    -webkit-box-shadow: 0 0.2rem 0.25rem rgba(var(--bs-primary-rgb), 0.2);
    box-shadow: 0 0.2rem 0.25rem rgba(var(--bs-primary-rgb), 0.2);
}

/* Button Color */

.btn-dark:hover {
    background-color: var(--si-primary) !important;
    border-color: var(--si-primary) !important;
}

.btn-primary-grad {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#438781), color-stop(51%, #000000), to(#6bb67c));
    background: linear-gradient(to right, #30bfce 0%, #0d639d 51%, #8232c6 100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 0;
    line-height: 1.62;
}

.btn-primary-grad:hover {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(0, #000000), to(#438781));
    background: linear-gradient(to left, #438781 0%, #000000 100%);
}

.btn-secondary-grad {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#7F39F8), color-stop(51%, #543DE7), to(#7F39F8));
    background: linear-gradient(to right, #f839c7 0%, #2fc5cd 51%, #7a489a 100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 200% auto;
    border: 0;
    line-height: 1.62;
}

/* Background Color */

.bg-faded-primary-2 {
    background-color: rgb(253 244 222) !important;
}

.bg-exp {
    background-color: #ffdaa1;
}

.bg-exp-gradient {
    background: linear-gradient(102deg, #ffd79a 0%, #f8e0c8 80.43%);
}

.bg-panel {
    background-color: #fdeecc;
}

.bg-panel-2 {
    background-color: #f6ebd3;
}

.bg-faded-panel {
    background: #fff9ec;
}

/* XS-only override for specific panels */
@media (max-width: 575.98px) {
  .merge-panel-xs.bg-faded-panel {
    background: transparent; /* or none */
  }
}

.bg-panel-hue {
    background: #ffe9c6;
}

.text-panel {
    color: #171312;
}

.bg-smoke {
    background: #4a515e;
}

.bg-rust {
    background: #c04323;
}

.text-success {
    color: #66a07b !important;
}

.bg-faded-success {
    background-color: rgb(87 171 118 / 12%) !important;
}

.bg-faded-secondary {
    --bs-bg-opacity: 1;
    background-color: #f7b5291f !important;
}

/*
.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: #4387821f !important;
} */
/*
.bg-secondary-grad {
    background: linear-gradient(90deg, rgb(72 167 102 / 15%) 0%, rgb(243 252 191 / 15%) 51%, rgb(243 203 149 / 34%) 100%);
}
*/
.bg-gradient-pruple-fade {
    background: -webkit-gradient(linear, left top, right top, from(rgba(240, 150, 255, 0.15)), color-stop(51%, rgba(191, 200, 252, 0.15)), to(rgba(187, 148, 255, 0.15)));
    background: linear-gradient(90deg, rgba(240, 150, 255, 0.15) 0%, rgba(191, 200, 252, 0.15) 51%, rgba(187, 148, 255, 0.15) 100%);
}


.bg-gradient-purple-translucent {
    background: linear-gradient(180deg, rgba(46, 197, 205, 0) 0%, rgb(124 46 205 / 60%) 120%) !important;
}

/* Border Color */

.border-comic {
    border: 3px outset #0a0601;
}

/* XS-only override for specific panels */
@media (max-width: 575.98px) {
  .merge-panel-xs.border-comic {
    border: 0;
  }
}

.border-faded-primary {
    border-color: rgb(160 125 48 / 35%) !important;
}

/* Text Color */

.text-army {
    color: #638649;
}

.deep-charcoal {
  color: #121212;
}

.cool-gray {
  color: #6A6A6A;
}

.text-pink {
    color: #ff6399;
}

.text-purple {
    color: #893efb;
}

.text-gray-light {
    color: #c4c5c7;
}

.text-gradient {
    display: table;
    background: -webkit-linear-gradient(0deg, #4cd3d4, #58a7d7, #ee53f4);
    background: -webkit-linear-gradient(27deg, #ffaf00, #f33a05);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.text-gradient-primary {
    background: linear-gradient(to right, #448c74, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.icon-gradient-primary {
    background: linear-gradient(to right, #49bb93, #499f7f);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-shadow {
    text-shadow: 0px 1px 2px #170b1929 !important;
}

/* Overlay Opacity Blur */

.bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}


.opacity-1 {
    opacity: 0.1 !important;
}
.opacity-2 {
    opacity: 0.2 !important;
}
.opacity-3 {
    opacity: 0.3 !important;
}
.opacity-6 {
    opacity: 0.6 !important;
}



.blur-7 {
    -webkit-filter: blur(2rem) !important;
    filter: blur(2rem) !important;
}
.blur-8 {
    -webkit-filter: blur(5rem) !important;
    filter: blur(5rem) !important;
}

.blur-9 {
    -webkit-filter: blur(9rem) !important;
    filter: blur(9rem) !important;
}




/* Extra Padding Margin Classes */

.pt-overlap {
    padding-top: 165px !important;
}

.py-xl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
}

.pt-xl-6 {
        padding-top: 6rem !important;
}

.pb-xl-6 {
        padding-bottom: 6rem !important;
}

@media (min-width: 992px) {
    .pe-lg-6 {
        padding-right: 4.5rem !important;
    }
}

@media (min-width: 1200px) {
    .ps-xl-6 {
        padding-left: 4.5rem !important;
    }
}

.py-xl-7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
}

.pt-xl-7 {
        padding-top: 7rem !important;
}

.pb-xl-7 {
        padding-bottom: 7rem !important;
}

@media (min-width: 1200px) {
    .pe-xl-7 {
        padding-right: 6rem !important;
    }
}

.pb-8 {
    padding-bottom: 8rem !important;
}

.py-xl-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
}

.pt-xl-8 {
        padding-top: 8rem !important;
}

.pb-xl-8 {
        padding-bottom: 8rem !important;
}

@media (min-width: 1200px) {
    .pt-xl-9 {
        padding-top: 11rem !important;
    }
}

@media (min-width: 1200px) {
    .py-xl-9 {
        padding-top: 11rem !important;
        padding-bottom: 11rem !important;
    }
}

@media (min-width: 1200px) {
    .pb-xl-9 {
        padding-bottom: 11rem !important;
    }
}


@media (min-width: 1200px) {
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
}

.mt-n6 {
    margin-top: -4.5rem !important;
}

.ms-n6 {
    margin-left: -4.5rem !important;
}

.mt-n7 {
    margin-top: -6rem !important;
}

@media (min-width: 1200px) {
    .mt-xl-n7 {
        margin-top: -6rem !important;
    }
}

.mt-8 {
    margin-top: 8rem !important;
}

.mb-8 {
    margin-bottom: 8rem !important;
}

.mt-n8 {
    margin-top: -8rem !important;
}

@media (min-width: 768px) {
    .mt-md-n8 {
        margin-top: -8rem !important;
    }
}

.mt-n9 {
    margin-top: -11rem !important;
}

@media (min-width: 992px) {
    .mt-lg-n9 {
        margin-top: -11rem !important;
    }
}

.mb-n9 {
    margin-bottom: -11rem !important;
}

@media (min-width: 992px) {
    .mb-lg-n9 {
        margin-bottom: -11rem !important;
    }
}

@media (min-width: 1400px) {
    .ms-xxl-9 {
        margin-left: 11rem !important;
    }
}


/* Translate */

.translate-middle-x {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}

.translate-middle {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}












/* ====== Slideout Togglers - PF City Search - PF Upfront Price ====== */

.slideout {
    visibility: hidden;
    width: 0;
    z-index: 130;
    overflow-x: hidden;
    transition: .4s;
    box-shadow: -3px -3px 6px rgba(0, 0, 0, .125);
}

.slideout-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 120;
    display: none;
}

.slideout-inner {
    min-width: 370px;
    padding-top: 100px;
    padding-bottom: 120px;
}

@media (min-width: 1056px) {
    .slideout-inner {
        padding-top: 120px;
    }
}

/* ====== Locations Plugin Styles (But could be general if we use the same scroll box - also in PHL plugin styles) ======= */

/* Related items Scroller */

.scroll-container {
    overflow: hidden;
}

.scroll-container-inner {
    margin: 0 0 0 -16px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: auto;
}

@media (min-width: 1200px) {
    .scroll-container-inner {
        margin: 0 -24px;
    }
}

.scroll-box {
    flex-shrink: 0;
    width: 185px;
    margin: 0 16px;
    padding-bottom: .75rem;
}

@media (min-width: 768px) {
    .scroll-box {
        width: 220px;
    }
}

@media (min-width: 992px) {
    .scroll-box {
        width: 240px;
    }
}

@media (min-width: 1200px) {
    .scroll-box {
        /*width: 260px;*/
        width: 310px;
        margin: 0 24px;
    }
}

.scroll-box-img.rounded-circle {
    overflow: hidden;
}

/* .scroll-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
} */

.scroll-box-img {
    height: 197px;
    width: 197px;
    margin-bottom: 2rem;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .scroll-box-img {
        height: 220px;
        width: 220px;
    }
}

@media (min-width: 992px) {
    .scroll-box-img {
        height: 240px;
        width: 240px;
    }
}

@media (min-width: 1200px) {
    .scroll-box-img {
        height: 310px;
        /*width: 260px;*/
        width: 310px;
    }
}

/* What We Take Hero Slider */


  #heroThumbL, #heroThumbR { overflow: hidden; }
  .swiper-3d .swiper-slide-shadow { display:none !important; }
  #heroMain img { display:block; width:auto; height:auto; max-height: 400px; margin: 0 auto; }
  #heroThumbL img, #heroThumbR img { display:block; width:100%; height:auto; }
  .position-relative.user-select-none { width: 262px;height: 262px;align-content: center; }

/* Insights single blog post */

.card-img-mh{
    min-height: 280px;
    object-fit: cover;
	max-height: 280px;
}
.img-post-main {
    padding: 10px;
    background: #1d2327;
}

/*
@media (min-width: 1400px) {
    .img-post-main{
        margin-top:-275px;
    }
} */
.single-insights h2 {
    margin-top: 2.5rem;
    color: #102526;
    line-height: 1.2 !important;
}
.single-insights h3 {
    /* border-left: 3px solid #2c7ce721; */
    /* padding-left: 1rem; */
    color: #47515e;
    margin-top: 2.2rem;
    font-size: 1.55rem;
    font-weight: 700;
}
.single-insights h4 {
    font-weight: 700;
    margin-top: 1.6rem;
    color: #213939;
}
.single-insights ul li {
    margin-bottom: 0.5rem;
}
/* END Insights */

/* Links on dark bg */

a.link-hover-light {
    color: hsla(0, 0%, 100%, .5);
}

a.link-hover-light:hover {
    color: #cccccc;
}

/* Footer menu icons (Boxicons) */
#footer-links .nav-item.menu-icon-envelope > a::before {
  font-family: "boxicons";
  content: "\ed9f"; /* envelope icon */
  font-size: 1.125rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  display: inline-block;
  line-height: 0;
}

#footer-links .nav-item.menu-icon-user > a::before {
  font-family: "boxicons";
  content: "\eee8"; /* user-pin icon */
  font-size: 1.125rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  line-height: 0;
}




/* HARD FIXES FOR ANYTHING IN DYNAMIK */

.page-template-page-platform.page-id-19 img.ui-datepicker-trigger {
    position: relative !important;
    margin-left: -36px !important;
    margin-top: -6px !important;
}

.page-template-page-platform.page-id-19 .gform_wrapper li.gfield.field_description_below+li.gsection {
    margin-top: 75px !important;
    margin-left: 0 !important;
    width: 96% !important;
}

.page-template-page-platform.page-id-19 .gform_wrapper .gsection {
    padding: 0 !important;
    background: none;
    margin: 20px auto;
    clear: both;
    display: block;
    border: none;
    border-bottom: 2px solid #f1d3ff;
    width: 100% !important;
}

.page-template-page-platform.page-id-19 .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]) {
    outline: none !important;
}

.page-template-page-platform.page-id-19 div.gform_wrapper input {
    box-sizing: border-box;
    font-size: 14px !important;
    padding: 9px 15px 8px !important;
    margin-right: 5px;
    position: relative;
    top: 0;
    letter-spacing: 0.3px !important;
    font-weight: 300;
    background: #f9f9f9;
    border: 1px solid #ddd;
    outline: none;
}

.page-template-page-platform select#input_3_53, .page-template-page-platform select#input_3_66, .page-template-page-platform select#input_3_17, .page-template-page-platform select#input_3_35, .page-template-page-platform select#input_3_28, .page-template-page-platform select#input_3_85, .page-template-page-platform select#input_3_106 {
    height: 45px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    width: 97.5% !important;
    border-radius: 6px;
    padding-left: 10px;
    font-size: 14px !important;
}

.page-template-page-platform.page-id-19 .gform_wrapper .top_label .gfield_label {
    font-size: 14px !important;
    color: #484848;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}

.page-template-page-platform input#gform_submit_button_3 {
    background: #670099;
    color: #fff;
    font-size: 22px !important;
    padding: 1rem 3rem !important;
    border: none;
    text-transform: capitalize;
    font-weight: bold;
    margin-top: 20px;
    border-radius: 8px;
}

.page-template-page-platform input#gform_submit_button_3:hover {
    background: #5f50c7;
}

.fl-builder-content h1, .fl-builder-content h2, .fl-builder-content h3, .fl-builder-content h4, .fl-builder-content h5, .fl-builder-content h6, .dynamik-page-builder .site-inner h1, .dynamik-page-builder .site-inner h2, .dynamik-page-builder .site-inner h3, .dynamik-page-builder .site-inner h4, .dynamik-page-builder .site-inner h5, .dynamik-page-builder .site-inner h6, .content .post h1, .content .post h2, .content .post h3, .content .post h4, .content .post h5, .content .post h6, .content .page h1, .content .page h2, .content .page h3, .content .page h4, .content .page h5, .content .page h6, .content h1.entry-title, .content .entry-content h1, .content h2.entry-title, .content .entry-content h2, .content .entry-content h3, .content .entry-content h4, .content .entry-content h5, .content .entry-content h6 {
    font-family: "Inter", sans-serif !important;
	font-weight: 700;
}

.fl-builder-content p, .fl-builder-content ul li, .fl-builder-content ol li, .dynamik-page-builder .site-inner p, .dynamik-page-builder .site-inner ul li, .dynamik-page-builder .site-inner ol li, .entry-content p, .entry-content ul li, .entry-content ol li, .entry-pagination {
    font-family: 'Inter', sans-serif !important;
}