/* style-custom.css */


.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: 36px;
	}
}

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

/* ================================
   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;
    /* margin-left: 0.4em; */
    font-size: 1.1em;
    /* transform: translateY(-0.06em); */
    font-family: "boxicons";
}

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







/* 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;
}

.bg-primary-gradient {
  background: linear-gradient(90deg, #2F80ED, #2A78E4);
}

.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%);
}

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

/* TEMP STYLES FOR PLUMBING */

.outfit {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>;
  font-style: normal; */
}

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: "DM Sans", sans-serif;
	font-family: "Source Sans 3", sans-serif;
	font-family: "Poppins", sans-serif;
	font-family: "Manrope", sans-serif;
	font-family: "Montserrat", sans-serif;
	font-family: "Open Sans", sans-serif;
	    font-family: "Muli", sans-serif;
	    font-family: "Ubuntu", sans-serif;
    font-family: "Raleway", sans-serif;
	    font-family: "Roboto", sans-serif;
	font-family: "Inter", sans-serif;
    font-family: "Source Sans 3", sans-serif;
	font-family: "Manrope", sans-serif;
	    font-family: "Arvo", sans-serif;
	
	font-family: "Outfit", sans-serif;
}

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>;
  font-style: normal; */
}

body, p {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    /*font-size: 1.2rem;*/
			font-family: "DM Sans", sans-serif;
	font-family: "Source Sans 3", sans-serif;
	font-family: "Poppins", sans-serif;
	font-family: "Manrope", sans-serif;
	font-family: "Montserrat", sans-serif;
	font-family: "Open Sans", sans-serif;
	    font-family: "Muli", sans-serif;
	    font-family: "Ubuntu", sans-serif;
    font-family: "Raleway", sans-serif;
	    font-family: "Roboto", sans-serif;
    font-family: "Source Sans 3", sans-serif;
	font-family: "Manrope", sans-serif;
	font-family: "Outfit", 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;
    font-family: "Inter", sans-serif;
}

a.nav-menu-cta, button.nav-menu-cta {
    /* font-family: "Outfit", sans-serif; */
    /* font-size: 20px; */
    letter-spacing: 0.3px;
    /* font-weight: 800; */
    /* background: #b56938; */
    /* border-color: #b56938; */
}

a.nav-menu-cta:hover, button.nav-menu-cta:hover {
    background: #2f80ee !important;
    border-color: #2f80ee !important;
    color: #fff;
}

@media (max-width: 575.98px) {
    a.nav-menu-cta, button.nav-menu-cta {
        font-size: 1.1rem;
        padding: 0.25rem 1rem;
    }
}

.btn, .menu-button>a.nav-link {
    font-family: 'Outfit', sans-serif;
}

/* 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%);
}

.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: #2F80ED;
    color: #FFF;
    font-size: 1rem;
    padding: 1.05rem 2rem;
    border-radius: 0.5rem;
    font-weight: 600;
    border: 1px solid #2F80ED;
}

input#gform_submit_button_1:hover {
    background: #1E6FDB;
    border-color: #1E6FDB;
    color: #fff;
}

/* 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: #9397ad;
}

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

#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;
}



/* 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;
}