@charset "UTF-8";
@import url("https://use.typekit.net/pdk8ibo.css");
@import url("https://fonts.googleapis.com/css?family=Faustina:400,600|interstate:300,400,600,700,900&display=swap");
html, body {
  font-size: 14px;
  background-color: white; }

.content {
  max-width: 800px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
}
.navbar-nav{
	visibility: visible;
}
.login-wrapper{
	visibility: visible;
}
@media (max-width: 767px) {
    .login-wrapper {
        float: none;
        padding: 0px 0px;
        background-color: #4d79bd !important;
    }
    .login-wrapper a {
        padding: 10px 5% ! Important;
        background-color: #4d79bd !important;
        color: white !important;
        font-weight: bold;
    }
}
.navbar {
  z-index: 4000000; }
  .navbar .container-fluid {
    width: 96%; }

.slide-container .slide {
  min-height: 1000px;
  background-size: cover;
  width: 100%; }
  @media (max-width: 992px) {
    .slide-container .slide {
      min-height: 600px; } }

a span {
  color: #4d79bd !important;
  text-decoration: none; }
  
/*
.home-container-1{
	margin-top: -120px;
	padding-bottom: 50px;
	@media (max-width: $screen-md) {
		margin-top: 0px;
		padding-bottom: 20px;
	}

}
*/
.listings a:hover {
  text-decoration: none !important; }

.listings .listing-tag {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  bottom: 40px;
  display: flex;
  height: 36px;
  z-index: 3000; }
  .listings .listing-tag p {
    color: white; }
  .listings .listing-tag .listing-tag-inner {
    width: calc(100% - 32px);
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background-color: #4d79bd;
    color: white;
    padding: 5px; }
  .listings .listing-tag:before {
    content: '';
    width: 16px;
    background-image: url(/media/images/tag-left.svg);
    background-size: 16px;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: bottom;
    /* left: -20px; */
    position: relative; }
  .listings .listing-tag:after {
    content: '';
    width: 16px;
    background-image: url(/media/images/tag-right.svg);
    background-size: 16px;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: bottom;
    /* left: -20px; */
    position: relative; }

.listings .map {
  background-image: url("/media/images/CGMP0221web_Region-Map_No-Mark.png");
  background-size: cover;
  background-position: center center; }

.listings form input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  display: inline-block;
  margin: 5px;
  font-family: "interstate", sans-serif;
  font-size: 16px; }

.listings #listing-form {
  text-align: left;
  background-color: white;
  padding: 40px; }

.listings label, .listings .freeform-label {
  visibility: visible;
  position: relative;
  font-size: 16px; }

.listings .asking-price {
  margin-bottom: 10px;
  font-size: 20px;
  display: inline-block; }

.listings .region {
  display: inline-block; }

.listings .custom_feature_text p {
  color: #737373;
  font-family: "interstate",sans-serif;
  font-weight: 300;
  font-size: 12px;
  margin-bottom: 0px; }

.listings .categories {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  max-width: 361px; }
  .listings .categories .category {
    color: #737373;
    font-family: "interstate",sans-serif;
    font-weight: 300;
    font-size: 12px; }
    .listings .categories .category:after {
      content: ','; }
    .listings .categories .category:last-of-type:after {
      content: ''; }

.listings .listing {
  width: 100%;
  margin: 0 auto;
  padding: 20px; }
  .listings .listing .noi-year {
    color: #737373;
    font-family: "interstate",sans-serif;
    font-weight: 300;
    font-size: 12px; }
  .listings .listing .listing-image {
    width: 100%;
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.27); }
    @media (max-width: 992px) {
      .listings .listing .listing-image {
        height: 520px; } }
    @media (max-width: 767px) {
      .listings .listing .listing-image {
        height: 300px; } }
    .listings .listing .listing-image .item {
      height: 320px; }
      @media (max-width: 992px) {
        .listings .listing .listing-image .item {
          height: 520px; } }
      @media (max-width: 767px) {
        .listings .listing .listing-image .item {
          height: 300px; } }

.listings .all-listings {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .listings .all-listings .row {
    padding-top: 0px;
    border-radius: 5px;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .listings .all-listings .row {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; } }
    .listings .all-listings .row:last-of-type {
      border-bottom: 0px; }
    .listings .all-listings .row h2 {
      margin-top: 0px;
      padding-top: 10px;
      font-size: 20px; }
    .listings .all-listings .row .row {
      padding-top: 20px;
      padding: 24px;
      height: 100%;
      padding-bottom: 100px; }
  .listings .all-listings .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .listings .all-listings .flex > [class*='col-'] {
    display: flex;
    flex-direction: column; }
    @media (max-width: 767px) {
      .listings .all-listings .flex > [class*='col-'] {
        display: block;
        width: 100%;
        height: 100%; } }
  .listings .all-listings .filter-tab {
    display: none;
    position: fixed;
    top: 120px;
    z-index: 10;
    background-color: #4d79bd;
    color: white;
    left: calc(100% - 78px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: rotate(-90deg);
    font-size: 20px;
    cursor: pointer;
    font-family: "interstate", sans-serif;
    text-transform: uppercase; }
    .listings .all-listings .filter-tab .filter-tab-inner {
      margin: 10px 20px; }
      .listings .all-listings .filter-tab .filter-tab-inner:after {
        content: '⇱';
        margin: 0 6px; }
  .listings .all-listings .button {
    bottom: 20px;
    position: absolute;
    width: 100%;
    left: calc(50% - 151px); }

.listings .listings-top {
  background-color: white !important;
  text-align: left;
  padding-top: 50px; }
  .listings .listings-top .city {
    font-size: 20px; }
  .listings .listings-top .asking-price {
    font-size: 24px;
    margin: 5px auto; }

.listings .listing-slides {
  margin: 0 auto;
  max-width: 1200px; }
  .listings .listing-slides .item {
    height: 400px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (max-width: 767px) {
      .listings .listing-slides .item {
        height: 370px; } }
  .listings .listing-slides .owl-dots {
    text-align: center;
    margin-top: -40px;
    z-index: 220;
    position: relative;
    opacity: 0.5; }
    .listings .listing-slides .owl-dots .owl-dot {
      background-color: white;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      margin: 0 2px; }
    .listings .listing-slides .owl-dots .active {
      background-color: black; }

.listings .amenities, .listings .property-brief {
  font-family: "interstate", sans-serif;
  font-size: 14px;
  line-height: 140%;
  vertical-align: top;
  padding-inline-start: 0px;
  margin: 0 auto; }
  .listings .amenities .content, .listings .property-brief .content {
    border: solid #e2d9c0;
    border-radius: 10px;
    text-align: center;
    padding: 40px;
    margin: 20px auto;
    margin-bottom: 40px;
    max-width: 1100px;
    background-color: #f7f7f7;
    padding: 0px; 
    
    border: solid 1px #4d79bd;
	--primary: #4d79bd;
    --radius: 10px;
    --shadow: 0 14px 36px rgba(77, 121, 189, .18);
    background: radial-gradient(1200px 40% at 50% -10%, rgba(77, 121, 189, .18), transparent 60%), linear-gradient(180deg, #fafcff, #f4f7ff);
    }
    .listings .amenities .content .at-wrapper, .listings .property-brief .content .at-wrapper {
      width: 100%;
      background-color: #4d79bd;
      background-image: url("/media/images/property-brief/Amenities-Icon-300.png");
      background-size: 35px;
      background-repeat: no-repeat;
      background-position: 50px center;
      border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
      .listings .amenities .content .at-wrapper h2, .listings .property-brief .content .at-wrapper h2 {
        margin: 0 auto;
        padding: 14px 0;
        color: white;
        font-size: 14px; }
    .listings .amenities .content .pb-wrapper, .listings .property-brief .content .pb-wrapper {
      background-image: url("/media/images/property-brief/Property-Brief-Icon-300.png"); }
    .listings .amenities .content .left, .listings .property-brief .content .left {
      width: 96%;
      margin: 10px auto;
      padding-top: 20px; }
    .listings .amenities .content .pb-left, .listings .property-brief .content .pb-left {
      display: flex;
      flex-flow: column wrap;
      align-content: space-between;
      /* Your container needs a fixed height, and it 
				   * needs to be taller than your tallest column. */
      padding-top: 0px;
      display: block; }
      @media (max-width: 767px) {
        .listings .amenities .content .pb-left, .listings .property-brief .content .pb-left {
          height: auto; } }
      .listings .amenities .content .pb-left .block, .listings .property-brief .content .pb-left .block {
        width: 49%;
        margin-bottom: 2%;
        width: 100%;
        display: block; }
        @media (max-width: 767px) {
          .listings .amenities .content .pb-left .block, .listings .property-brief .content .pb-left .block {
            width: 100%;
            display: block; } }
        .listings .amenities .content .pb-left .block .block-inner, .listings .property-brief .content .pb-left .block .block-inner {
          display: block;
          width: 100%; }
          .listings .amenities .content .pb-left .block .block-inner .block-title, .listings .property-brief .content .pb-left .block .block-inner .block-title {
            background-color: #6F2F4E;
            background-image: url("/media/images/property-brief/Star-icon-300.png");
            background-position: 20px center;
            background-size: 12px;
            background-repeat: no-repeat;
            text-align: center;
            padding: 4px 10px;
            width: 100%;
            display: block;
            text-align: center; }
            .listings .amenities .content .pb-left .block .block-inner .block-title h3, .listings .property-brief .content .pb-left .block .block-inner .block-title h3 {
              color: white;
              margin: 0 auto;
              text-align: center;
              font-size: 13px; }
          .listings .amenities .content .pb-left .block .block-inner ul, .listings .property-brief .content .pb-left .block .block-inner ul {
            background-color: #E6E7E8;
            margin: 5px 0;
            padding-inline-start: 0px;
            display: block;
            border-right: 4px solid white;
            width: 100%;
            list-style: none; }
            .listings .amenities .content .pb-left .block .block-inner ul li, .listings .property-brief .content .pb-left .block .block-inner ul li {
              border: 4px solid white;
              border-right: 0px;
              display: flex;
              padding: 0px;
              margin: 0px;
              width: 100%;
              font-size: 12px; }
              .listings .amenities .content .pb-left .block .block-inner ul li .type, .listings .property-brief .content .pb-left .block .block-inner ul li .type {
                border-right: 4px solid white;
                padding: 5px;
                width: 70%;
                margin-left: 20px; }
              .listings .amenities .content .pb-left .block .block-inner ul li .int, .listings .property-brief .content .pb-left .block .block-inner ul li .int {
                padding: 5px;
                width: 30%;
                text-align: center; }
              .listings .amenities .content .pb-left .block .block-inner ul li:before, .listings .property-brief .content .pb-left .block .block-inner ul li:before {
                content: '';
                width: 0px;
                height: 0px; }
    .listings .amenities .content .pb-left::before,
    .listings .amenities .content .pb-left::after, .listings .property-brief .content .pb-left::before,
    .listings .property-brief .content .pb-left::after {
      content: "";
      flex-basis: 100%;
      width: 0;
      order: 2; }
    .listings .amenities .content ul, .listings .property-brief .content ul {
      text-align: left; }
    .listings .amenities .content li, .listings .property-brief .content li {
      list-style: none;
      vertical-align: top;
      margin-bottom: 10px;
      display: inline-block;
      width: 40%;
      margin-left: 10px;
      margin-right: 15px; }
      .listings .amenities .content li:before, .listings .property-brief .content li:before {
        content: '';
        width: 12px;
        height: 12px;
        margin-right: 10px;
        background-color: #4d79bd; 
        display: inline-block;
        margin-left: -25px; }
      @media (max-width: 767px) {
        .listings .amenities .content li, .listings .property-brief .content li {
          display: block;
          width: 90%; } }

.listings .container-fluid:nth-child(even) {
  background-color: white; }

.listings .noi-wrapper {
  display: table; }
  @media (max-width: 767px) {
    .listings .noi-wrapper {
      display: block !important;
      width: 100%; } }
  .listings .noi-wrapper .noi-year {
    width: 100%;
    margin: 5px auto;
    display: table-row; }
    @media (max-width: 767px) {
      .listings .noi-wrapper .noi-year {
        display: block;
        width: 100%; } }
    .listings .noi-wrapper .noi-year .noi-grid {
      padding: 5px 15px;
      border: solid thin #e2d9c0;
      display: table-cell; }
      @media (max-width: 767px) {
        .listings .noi-wrapper .noi-year .noi-grid {
          display: block;
          width: 100%; } }

.listings .file-wrapper {
  margin-bottom: 40px; }
  .listings .file-wrapper .doc-grid a {
    padding: 15px 0;
    padding-left: 40px;
    display: block;
    background-image: url("/media/images/document-64.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px; }

.listings .financials {
  margin-bottom: 40px;
  margin-top: 40px; }

.listings .listing-images-top {
  margin-bottom: 40px; }

.noi-mobile {
  display: none;
  text-align: left; }
  .noi-mobile span {
    font-weight: 600; }
  .noi-mobile .noi-year {
    margin-bottom: 20px !important; }
  @media (max-width: 767px) {
    .noi-mobile {
      display: block; } }

.noi-desktop {
  display: block; }
  @media (max-width: 767px) {
    .noi-desktop {
      display: none; } }

#zf_div_pUxF-4WvtfYoJ1M-4QWxIuTlIGpKwt_0QRYl-LKCzeY {
  background-image: none;
  background-color: white !important;
  border: 1px solid lightgrey;
  border-radius: 10px; }

.home-listings .listing-tag {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  bottom: 50px;
  display: flex;
  height: 36px;
  z-index: 3000; }
  .home-listings .listing-tag p {
    color: white; }
  .home-listings .listing-tag .listing-tag-inner {
    width: calc(100% - 32px);
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    background-color: #4d79bd;
    color: white;
    padding: 5px; }
  .home-listings .listing-tag:before {
    content: '';
    width: 16px;
    background-image: url(/media/images/tag-left.svg);
    background-size: 16px;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: bottom;
    /* left: -20px; */
    position: relative; }
  .home-listings .listing-tag:after {
    content: '';
    width: 16px;
    background-image: url(/media/images/tag-right.svg);
    background-size: 16px;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: bottom;
    /* left: -20px; */
    position: relative; }

.home-listings .home-listing .noi-year, .listings .listing .noi-year {
  color: #3d3d3d;
  font-family: "interstate",sans-serif;
  font-weight: 500;
  font-size: 12px; }

.listings .amenities .content ul {
  text-align: left;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  @media (max-width: 767px) {
    .listings .amenities .content ul {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }

.listings .amenities .content li {
  list-style: none;
  vertical-align: top;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  margin-left: 10px;
  margin-right: 15px;
  /* float: left; */
  /* display: flex; */ }

.states-grid {
  font-size: 14px !important; }
  @media (max-width: 767px) {
    .states-grid {
      padding-left: 0px !important;
      padding-right: 0px !important; } }
  .states-grid .row {
    display: -webkit-box;
    display: -webkit-flex !important;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .states-grid .row .col-lg-4 .content {
      padding: 0px !important; }
  .states-grid .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
  .states-grid .row:before, .states-grid .row:after {
    content: '';
    display: none; }
  .states-grid h2 {
    font-size: 18px !important;
    line-height: 35px; }
  .states-grid ul {
    padding-inline-start: 20px; }
  .states-grid .region-wrapper {
    background-color: white;
    padding: 16px;
    padding-bottom: 20px;
    border-radius: 5px;
    display: block;
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.27);
    margin-bottom: 10px;
    height: 100%; }
    @media (max-width: 767px) {
      .states-grid .region-wrapper {
        padding-bottom: 50px; } }
    .states-grid .region-wrapper .content {
      margin-bottom: 50px; }

.regional-landing .art-cta {
  text-align: center; }
  .regional-landing .art-cta h4 {
    font-size: 20px; }

@media (max-width: 767px) {
  .regional-landing .home-right {
    border: none; } }

.regional-landing .home-right .tab-content .btn {
  white-space: pre-wrap;
  border-bottom: solid thin #4d79bd; }

.regional-landing .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  padding-top: 0px; }

.regional-landing .link {
  text-align: center;
  width: 100%;
  bottom: 0px;
  vertical-align: bottom;
  position: absolute;
  bottom: 10px;
  left: 0px;
  align-items: flex-end; }
  @media (max-width: 767px) {
    .regional-landing .link {
      bottom: 30px; } }
  .regional-landing .link a {
    border: 1px solid #4d79bd;
    border-radius: 5px;
    padding: 20px;
    padding: 15px 20px;
    font-size: 14px;
    width: 80%;
    text-align: center;
    background-color: #4d79bd;
    color: white;
    border-radius: 10px;
    margin: 15px 0;
    display: inline-block;
    text-transform: uppercase;
    font-family: "interstate",sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none; }
    .regional-landing .link a:hover {
      text-decoration: none; }
    @media (max-width: 767px) {
      .regional-landing .link a {
        display: block;
        width: 80%;
        margin: 0px auto;
        margin-top: 20px; } }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99999999999; }

.calc {
  font-family: "interstate", sans-serif;
  font-size: 14px;
  line-height: 140%;
  vertical-align: top;
  padding-inline-start: 0px;
  margin: 0 auto; }
  .calc .content {
    border: solid #e2d9c0;
    border-radius: 10px;
    text-align: center;
    padding: 40px;
    margin: 20px auto;
    margin-bottom: 40px;
    max-width: 1100px;
    background-color: #f7f7f7;
    padding: 0px; }
    .calc .content .block-title {
      background-color: #6F2F4E;
      background-image: url(/media/images/property-brief/Star-icon-300.png);
      background-position: 20px center;
      background-size: 12px;
      background-repeat: no-repeat;
      text-align: center;
      padding: 4px 10px;
      width: 100%;
      display: block;
      text-align: center; }
      .calc .content .block-title h3 {
        color: white;
        margin: 0 auto;
        text-align: center;
        font-size: 13px; }
  .calc form {
    padding: 20px;
    text-align: center; }
  .calc .at-wrapper {
    width: 100%;
    background-color: #96B667; }
    .calc .at-wrapper h2 {
      margin: 0 auto;
      padding: 14px 0;
      color: white;
      font-size: 14px; }

#calc label {
  display: block;
  font-size: 12px !important; }

#calc input {
  font-size: 14px; }

#calc input {
  display: inline-block;
  margin-bottom: 20px;
  margin: 10px auto;
  background-color: #E6E7E8;
  padding: 5px;
  border: none;
  width: calc(100% - 30px); }

#calc button {
  display: block;
  margin: 10px auto; }

#calc p {
  font-size: 12px; }

.total-title, .total {
  font-size: 14px; }

.home-news {
	display: block;
  background-color: #F7F3EC;
  border-top: 5px solid #4d79bd;
  padding-top: 40px;
  padding-bottom: 40px; }
  .home-news a:hover {
    text-decoration: none; }
  @media (max-width: 767px) {
    .home-news {
      background-size: 90px; } }
  .home-news .row {
    background-image: url("/media/images/SVG/corner-top-right.svg");
    background-position: 95% top;
    background-repeat: no-repeat;
    background-size: 140px;
    display: flex; }
    @media (max-width: 767px) {
      .home-news .row {
        display: block; } }
    .home-news .row .col-md-12 h2 {
      text-transform: uppercase;
      margin-top: 5px; }
      @media (max-width: 767px) {
        .home-news .row .col-md-12 h2 {
          margin-left: 0px; } }
    .home-news .row .col-md-12 h3 {
      margin-bottom: 20px;
      color: #6F2F4E;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal; }
    .home-news .row .col-md-12 .news_entry {
      display: flex;
      height: 100%; }
    .home-news .row .col-md-12 .home-news-inner {
      margin-bottom: 20px;
      background-color: white;
      padding: 16px;
      border-radius: 10px;
      filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
      display: flex;
      flex-direction: column;
      height: 100%; }
      .home-news .row .col-md-12 .home-news-inner .image-wrapper {
        display: inline-block;
        width: 100%;
        vertical-align: top; }
        .home-news .row .col-md-12 .home-news-inner .image-wrapper img {
          border-radius: 5px; }
        @media (max-width: 767px) {
          .home-news .row .col-md-12 .home-news-inner .image-wrapper {
            width: 100%; } }
        .home-news .row .col-md-12 .home-news-inner .image-wrapper p {
          font-size: 14px;
          color: #c0c0c0; }
      .home-news .row .col-md-12 .home-news-inner .home-news-text {
        display: inline-block;
        width: 55%;
        padding-left: 40px;
        color: #ccc; }
        @media (max-width: 767px) {
          .home-news .row .col-md-12 .home-news-inner .home-news-text {
            width: 100%;
            padding-left: 5%;
            padding-right: 5%; } }
        .home-news .row .col-md-12 .home-news-inner .home-news-text h4 {
          font-size: 18px;
          text-transform: uppercase; }
        .home-news .row .col-md-12 .home-news-inner .home-news-text h3 {
          font-size: 24px; }
          @media (max-width: 767px) {
            .home-news .row .col-md-12 .home-news-inner .home-news-text h3 {
              font-size: 22px; } }
        .home-news .row .col-md-12 .home-news-inner .home-news-text .btn {
          margin-left: 0px !important;
          font-size: 18px;
          background-color: #ccc; }
    .home-news .row .col-md-12 .read-more {
      vertical-align: bottom;
      margin-top: auto; }

.news2022 {
  padding-top: 50px; }
  .news2022 .single-entry {
    max-width: 1100px;
    margin: 0 auto; }
  .news2022 a:hover {
    text-decoration: none; }
  @media (max-width: 767px) {
    .news2022 {
      padding-top: 0px; } }
  .news2022 .top-container {
    margin-top: 60px; }
  .news2022 .border-one {
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: 50px;
    padding-top: 50px; }
  @media (max-width: 767px) {
    .news2022 .border-two {
      width: 100%; } }
  .news2022 .border-two-right {
    border-bottom: 1px solid #C1C1C1;
    margin-top: 30px;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .news2022 .border-two-right {
        margin-top: 0px; } }
  .news2022 .blog-grid-image {
    margin: 20px auto; }
    @media (max-width: 767px) {
      .news2022 .blog-grid-image {
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 10px; } }
  .news2022 .blog-grid-image {
    max-width: 100%; }
  .news2022 .home-news-inner {
    vertical-align: top;
    padding: 50px 0;
    padding-top: 0px;
    padding-right: 20px; }
    @media (max-width: 767px) {
      .news2022 .home-news-inner {
        padding: 5px 0;
        padding-top: 5px;
        padding-right: 0px; } }
    .news2022 .home-news-inner .image-wrapper {
      display: inline-block;
      width: 380px;
      vertical-align: top; }
      @media (max-width: 767px) {
        .news2022 .home-news-inner .image-wrapper {
          width: 100%; } }
    .news2022 .home-news-inner .credit {
      font-size: 14px;
      color: #c0c0c0; }
    .news2022 .home-news-inner .home-news-text {
      display: inline-block;
      width: 100%;
      padding-left: 0px;
      max-width: 700px; }
      @media (max-width: 767px) {
        .news2022 .home-news-inner .home-news-text {
          width: 100%;
          padding-left: 0px; } }
      .news2022 .home-news-inner .home-news-text h1, .news2022 .home-news-inner .home-news-text .h1 {
        font-size: 28pt; }
      .news2022 .home-news-inner .home-news-text h2, .news2022 .home-news-inner .home-news-text .h2 {
        font-size: 26pt; }
      .news2022 .home-news-inner .home-news-text h4 {
        font-size: 18px;
        text-transform: uppercase; }
      .news2022 .home-news-inner .home-news-text h3 {
        font-family: "interstate",sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 34px;
        /* or 134% */
        color: #5b1535;
        margin-top: 10px;
        margin-bottom: 10px; }
        @media (max-width: 767px) {
          .news2022 .home-news-inner .home-news-text h3 {
            font-size: 22px; } }
      .news2022 .home-news-inner .home-news-text p, .news2022 .home-news-inner .home-news-text a, .news2022 .home-news-inner .home-news-text ul, .news2022 .home-news-inner .home-news-text ol, .news2022 .home-news-inner .home-news-text li {
        font-family: "interstate",sans-serif;
        font-size: 18px;
        line-height: 1.6;
        color: #5b1535 !important;
        font-weight: 300; }
      .news2022 .home-news-inner .home-news-text .btn {
        background-color: #ccc;
        margin-left: 0px !important;
        font-size: 18px;
        margin: 0 auto; }
    .news2022 .home-news-inner .news-smaller {
      font-size: 14px; }
      .news2022 .home-news-inner .news-smaller h3 {
        color: #5b1535 !important;
        padding-left: 0px;
        font-size: 18px !important;
        margin-bottom: 5px;
        margin-top: 10px;
        font-weight: 400;
        line-height: 130% !important;
        letter-spacing: 0px !important; }
      .news2022 .home-news-inner .news-smaller p {
        font-size: 14px; }
  .news2022 .cta p, .news2022 .cta a, .news2022 .cta ul, .news2022 .cta ol, .news2022 .cta li {
    font-family: "interstate",sans-serif;
    font-size: 16px !important;
    line-height: 1.428571429;
    color: #5b1535 !important;
    font-weight: 300; }
  .news2022 .cta a.button {
    text-decoration: none !important;
    color: white !important;
    font-weight: 500; }
  .news2022 .home-news-inner .image-wrapper {
    width: 100%;
    display: block;
    position: relative; }
    .news2022 .home-news-inner .image-wrapper .home-news-image-one {
      width: 100%;
      min-height: 490px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      position: relative;
      margin-bottom: 20px;
      /*&:after{
					width: 80px;
					height: 80px;
					content: '';
					background-image:url('/media/images/link-icon.svg');
					background-repeat: no-repeat;
					background-position: right center;
					position: absolute;
					z-index: 10;
					bottom: -10px;
					right: -10px;
					background-size:contain;
				}*/ }
      @media (max-width: 992px) {
        .news2022 .home-news-inner .image-wrapper .home-news-image-one {
          min-height: 180px;
          max-width: 500px;
          width: 100%; } }
      @media (max-width: 767px) {
        .news2022 .home-news-inner .image-wrapper .home-news-image-one {
          min-height: 200px;
          max-width: 440px; } }
    .news2022 .home-news-inner .image-wrapper .home-news-image-one-two {
      min-height: 198px;
      width: 100%;
      background-size: cover;
      background-position: left top;
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: top;
      background-position: center center !important; }
      .news2022 .home-news-inner .image-wrapper .home-news-image-one-two:after {
        width: 80px;
        min-height: 80px;
        content: '';
        background-image: url("/media/images/link-icon.svg");
        background-repeat: no-repeat;
        background-position: right center;
        position: absolute;
        z-index: 10;
        bottom: -10px;
        right: -10px;
        background-size: contain; }
      @media (max-width: 992px) {
        .news2022 .home-news-inner .image-wrapper .home-news-image-one-two {
          min-height: 180px;
          max-width: 500px;
          width: 100%; } }
      @media (max-width: 767px) {
        .news2022 .home-news-inner .image-wrapper .home-news-image-one-two {
          min-height: 200px;
          max-width: 420px; } }
  .news2022 .border-title {
    border-bottom: 1px solid #C1C1C1;
    height: 5px;
    margin: 0 auto;
    margin-top: 30px;
    display: block;
    position: relative;
    width: 90%; }
  .news2022 .border-other {
    border-bottom: 1px solid #C1C1C1;
    height: 5px;
    margin: 20px auto;
    display: block;
    position: relative;
    width: 100%; }
  .news2022 .news-section-two .border-one {
    border: none; }
    .news2022 .news-section-two .border-one h4 {
      font-style: normal;
      font-weight: 550;
      font-size: 20px;
      line-height: 42px;
      color: #767676;
      margin-top: -45px;
      background-color: white;
      position: absolute;
      display: inline-block;
      padding: 0px 20px;
      left: -10px; }
      @media (max-width: 767px) {
        .news2022 .news-section-two .border-one h4 {
          margin-top: -45px; } }
    @media (max-width: 767px) {
      .news2022 .news-section-two .border-one {
        width: 100% !important; } }
  .news2022 .news-section-two .border-two {
    border: none;
    margin-bottom: 5px; }
  .news2022 .news-section-two .smaller-entries {
    border-left: 1px solid #C1C1C1;
    margin-top: 40px;
    margin-top: 40px;
    padding-top: 0px !important; }
    @media (max-width: 767px) {
      .news2022 .news-section-two .smaller-entries {
        border-left: 0px; } }
    .news2022 .news-section-two .smaller-entries .home-news-inner {
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .news2022 .news-section-two .smaller-entries h3 {
      margin-top: 0px;
      font-size: 26px;
      line-height: 32px;
      width: calc(100% - 20px); }
      .news2022 .news-section-two .smaller-entries h3:after {
        width: 14px;
        height: 14px;
        content: '';
        background-image: url("/media/images/link-icon-dark.svg");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: contain;
        display: inline-block;
        margin: 0px 10px; }
  @media (max-width: 767px) {
    .news2022 .category-wrapper {
      display: none; } }
  .news2022 .category-wrapper .category {
    font-style: normal;
    line-height: 28px;
    /* or 175% */
    margin-top: 0px;
    color: #000000;
    font-size: 14px;
    color: #7C8894;
    display: block; }
  .news2022 .category-wrapper h3 {
    font-size: 18px; }
  .news2022 .category-wrapper h2 {
    font-style: normal;
    line-height: 28px;
    /* or 175% */
    margin-top: 0px;
    color: #000000;
    font-size: 14px;
    color: #7C8894; }
  .news2022 .category-wrapper .selected {
    font-weight: 700;
    color: #5b1535; }
    .news2022 .category-wrapper .selected:before {
      content: '•';
      margin-right: 3px;
      color: #5b1535; }
  .news2022 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    max-width: 1600px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .news2022 .row {
        padding: 0px !important; } }
  .news2022 .row > [class*='col-'] {
    
    flex-direction: column;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 0px;
    margin-bottom: 50px; }
    @media (max-width: 767px) {
      .news2022 .row > [class*='col-'] {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
        margin-bottom: 20px;
        width: 100%; } }
  .news2022 .news-right {
    margin-top: 0px; }
    .news2022 .news-right .link-icon:after {
      width: 16px;
      height: 16px;
      content: '';
      background-image: url("/media/images/link-icon-dark.svg");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: contain;
      display: inline-block;
      margin: 0px 10px; }
  .news2022 .related-cat-wrapper {
    margin-bottom: 40px; }
    .news2022 .related-cat-wrapper .btn {
      background: #7FA9AE;
      margin: 10px 0;
      margin-right: 20px;
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      line-height: 24px;
      /* identical to box height, or 262% */
      text-align: center;
      color: #FFFFFF; }
  .news2022 .single-entry .home-news-image-one:after {
    background-image: none !important; }
  .news2022 .top-category-link {
    padding-left: 20px;
    padding-top: 0px; }
  .news2022 .category-column {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .news2022 .cat-more, .news2022 cat-type {
    display: none; }
  .news2022 .cat-more:first-of-type, .news2022 cat-type:first-of-type {
    display: block; }
  .news2022 .category-mobile-container {
    display: none !important;
    margin-top: 40px; }
    @media (max-width: 767px) {
      .news2022 .category-mobile-container {
        display: block !important;
        margin-bottom: 5px !important;
        margin-top: 30px; } }
    .news2022 .category-mobile-container #categories {
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      outline: none; }
  .news2022 .image-inner-shadow {
    display: block;
    width: 100%;
    height: 100%; }
  .news2022 .single-entry-top-navs-right .top-category-link {
    padding-left: 0px; }
    .news2022 .single-entry-top-navs-right .top-category-link:before {
      content: '';
      width: 30px;
      height: 10px;
      background-image: url("/media/images/1x/back.png");
      background-repeat: no-repeat;
      background-size: contain;
      display: inline-block; }
  .news2022 .single-entry-top-navs {
    margin-bottom: 5px; }
    .news2022 .single-entry-top-navs .top-category-link {
      font-size: 15px; }
    .news2022 .single-entry-top-navs .single-entry-top-navs-left, .news2022 .single-entry-top-navs .single-entry-top-navs-right {
      margin-bottom: 5px !important; }
    @media (max-width: 767px) {
      .news2022 .single-entry-top-navs {
        padding: 0px;
        margin-top: 30px;
        margin-bottom: 5px !important; }
        .news2022 .single-entry-top-navs .single-entry-top-navs-left {
          text-align: left;
          width: 50%; }
          .news2022 .single-entry-top-navs .single-entry-top-navs-left .top-category-link {
            padding-left: 0px; }
        .news2022 .single-entry-top-navs .single-entry-top-navs-right {
          text-align: right;
          width: 50%; } }
  .news2022 .category-link-right:last-of-type .border-two-right, .news2022 .category-link-right:last-of-type .border-other {
    border-bottom: none; }
  .news2022 .more-news {
    margin-top: 5px; }
  @media (max-width: 767px) {
    .news2022 .border-one {
      width: 100% !important; } }

.home-news-image {
  min-height: 120px;
  max-width: 500px;
  width: 100%;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  background-position: center center !important; }
  @media (max-width: 992px) {
    .home-news-image {
      min-height: 180px;
      max-width: 380px;
      width: 100%; } }
  @media (max-width: 767px) {
    .home-news-image {
      min-height: 220px;
      max-width: 460px; } }
  .home-news-image img {
    width: 100%; }

#SIGNUP_HEADING {
  text-align: center !important; }

#EMBED_FORM_EMAIL_LABEL, .SIGNUP_FLD {
  width: 100% !important;
  font-size: 17px !important; }

.SIGNUP_FLD {
  margin-bottom: 20px !important; }

#EMBED_FORM_EMAIL_LABEL {
  padding: 20px !important;
  margin-bottom: 20px; }

#zcWebOptin {
  height: 40px !important;
  border-radius: 20px !important;
  margin: 0 !important; }

.quick_form_9_css {
  background-color: transparent !important;
  border: none !important;
  margin-bottom: 20px !important; }

 .row .img-col {
  background-position: center center;
  min-height: 650px;
  min-width: 550px; }
  @media (max-width: 992px) {
     .row .img-col {
      height: 180px;
      max-width: 380px;
      width: 100%;
      margin: 0 auto; } }
  @media (max-width: 767px) {
     .row .img-col {
      height: 500px;
      max-width: 420px;
      width: 100%;
      min-width: 100%;
      margin: 0 auto; } }

.container {
  /* width: 750px; */ }

.landing-page-new {
  font-size: 18px; }
  .landing-page-new .container {
     background: linear-gradient(360deg, #fff 0%, #4d79bd1a 100%);
    width: 100%; }
  .landing-page-new h1, .landing-page-new h2, .landing-page-new h3, .landing-page-new h4 {
    margin-top: 0px; }
  .landing-page-new .lp-heading {
    min-height: 480px;
    background-position: center center;
    background-size: cover;
    border-bottom: 0px solid #a0a0a0;
    padding: 0px; }
    .landing-page-new .lp-heading .lp-top-image {
      width: 100%;
      height: 400px;
      background-position: center center;
      background-size: cover; }
  .landing-page-new .lp-heading-col {
    background-color: #4d79bd;
    padding: 40px;
    border-radius: 10px;
    max-width: 700px;
    width: 90%;
    color: white;
    margin: 0 auto;
    margin-top: -100px;
    position: relative;
    z-index: 3; }
    .landing-page-new .lp-heading-col h1, .landing-page-new .lp-heading-col h2, .landing-page-new .lp-heading-col h3 {
      color: white !important;
      margin-top: 0px; }
    .landing-page-new .lp-heading-col p {
      color: white; }
  .landing-page-new .content {
    max-width: 700px;
    padding: 20px 0; }
  .landing-page-new .lp-green-solid {
    max-width: 700px;
    margin: 0 auto;
    background-color: #4d79bd;
    padding: 40px;
    border-radius: 10px; }
  .landing-page-new .lp-light-solid {
    max-width: 700px;
    margin: 0 auto;
    background-color: #F7F3EC;
    padding: 40px;
    border-radius: 10px; }
  .landing-page-new .lp-star {
    background: url("/media/images/star.svg");
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    margin: 0 auto;
    margin-top: -55px; }
  .landing-page-new .lp-star-bottom {
    background: url("/media/images/star.svg");
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    margin: 0 auto;
    margin-bottom: -55px; }
  .landing-page-new .bullet {
    display: block;
    padding: 5px 0px;
    padding-top: 15px;
    border-bottom: solid 1px #4d79bd; }
    .landing-page-new .bullet:before {
      content: '•';
      top: 5px;
      padding-right: 10px;
      display: inline;
      vertical-align: top; }
    .landing-page-new .bullet p {
      display: inline-block;
      width: calc(100% - 40px); }
  .landing-page-new .p-cta {
    max-width: 700px;
    margin: 20px auto;
    margin-bottom: 60px;
    background-color: #F7F3EC;
    padding: 20px;
    border-radius: 10px;
    border: solid 4px #4d79bd; }
    .landing-page-new .p-cta .content {
      padding: 20px; }
      @media (max-width: 767px) {
        .landing-page-new .p-cta .content {
          padding: 5px;
          padding-top:10px;
           } }
    .landing-page-new .p-cta h2 {
      margin-top: 0px;
      margin-bottom: 30px;
      text-align: center; }
    .landing-page-new .p-cta .inner-content ul, .landing-page-new .p-cta .inner-content ol {
      columns: 2;
      -webkit-columns: 2;
      -moz-columns: 2; }
      .landing-page-new .p-cta .inner-content ul li, .landing-page-new .p-cta .inner-content ol li {
        font-weight: bold;
        margin-bottom: 10px; }
    .landing-page-new .p-cta .button {
      margin: 10px auto;
      background-color: #4d79bd;
      box-shadow: none;
      padding: 5px 50px;
      width: auto;
      display: block;
      margin-top: 30px; }
  .landing-page-new video {
    border-radius: 15px;
    width: 100%;
    max-width: 700px !important; }
  .landing-page-new .lp-bottom {
    padding: 0px; }
    .landing-page-new .lp-bottom .lp-bottom-top {
      background-color: #4d79bd;
      height: 200px;
      width: 100%;
      display: block; }
      .landing-page-new .lp-bottom .lp-bottom-top .lp-btm-icon {
        width: 80px;
        margin: 0 auto;
        display: block;
        padding-top: 60px; }
    .landing-page-new .lp-bottom .lp-bottom-row .lp-bottom-col {
      background-color: white;
      border-radius: 15px;
      margin: 0 auto;
      margin-top: -50px;
      max-width: 700px;
      padding: 50px; }

.faq-wrapper {
  margin-bottom: 40px; }
  .faq-wrapper .col-md-12 {
    padding: 0px; }
  .faq-wrapper .content {
    padding: 0px; }
    .faq-wrapper .content h2 {
      margin: 10px; }
  .faq-wrapper .faq-inner {
     background: linear-gradient(360deg, #fff 0%, #4d79bd1a 100%);
    max-width: 700px;
    margin: 0 auto;
    padding: 0px; }
  .faq-wrapper .faq-question {
    background-color: white;
    width: 90%;
    padding: 3px;
    font-size: 18px;
    padding-right: 20px;
    vertical-align: top; }
    .faq-wrapper .faq-question h2 {
      width: calc(100% - 80px);
      display: inline-block; }
    .faq-wrapper .faq-question:after {
      content: '';
      width: 30px;
      height: 30px;
      background-image: url("/media/images/chevron-down.svg");
      background-size: contain;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: center top;
      vertical-align: top;
      margin-top: 20px;
      float: right; }
  .faq-wrapper .open:after {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url("/media/images/chevron-up.svg");
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: top;
    margin-top: 20px;
    float: right; }
  .faq-wrapper .faq-answer {
    display: none;
    padding: 20px;
    width: 90%;
    font-size: 18px; }
.landing-page-new h2, .landing-page-new h3{
	text-align: center;
	padding-bottom:10px;
}
.new-heading {
  min-height: 480px;
  background-position: center center;
  background-size: cover;
  border-bottom: 0px solid #a0a0a0;
  padding: 0px; }
  .new-heading .lp-top-image {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center center; }
  .new-heading .lp-heading-col {
    background-color: #4d79bd;
    padding: 40px;
    border-radius: 10px;
    max-width: 700px;
    width: 90%;
    color: white;
    margin: 0 auto;
    margin-top: -100px;
    position: relative;
    z-index: 3; }
    .new-heading .lp-heading-col h1, .new-heading .lp-heading-col h2, .new-heading .lp-heading-col h3 {
      color: white !important;
      margin-top: 0px; }
    .new-heading .lp-heading-col p {
      color: white!important; }
  .new-heading .content {
    max-width: 700px;
    padding: 20px 0; }

.featured-wrapper {
  display: none !important;
  background-image: url(/media/images/featured-new.svg);
  position: absolute;
  margin-top: -10px;
  margin-left: -10px;
  line-height: 120% !important;
  text-align: center;
  vertical-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  color: white !important;
  z-index: 2; }
  .featured-wrapper span {
    color: white !important;
    text-align: center;
    font-weight: bold;
    font-size: 9px;
    line-height: 120%;
    vertical-align: center;
    justify-content: center;
    padding-bottom: 4px; }

.login-wrapper a {
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 14px;
  padding-bottom: 0px;
  font-size: 11pt;
  display: inline-block;
  border-bottom: 4px transparent solid;
  font-weight: 400;
  color: #4d79bd;
  cursor: pointer; }

.account-myaccount img, .account-favorites img {
  height: 15px;
  margin-top: -4px; }
/* ===== Scoped two-column styles ===== */
 .container[style*="padding-top:40px"]{
  --primary:#4d79bd;
  --radius:16px;
  --gap:clamp(1rem,3vw,3rem);
      background: linear-gradient(360deg, #fff 0%, #4d79bd1a 100%);
  padding-bottom:40px;
  border-radius:12px;
}

.lp-heading{
	background:#4d79bd1a;
}

/* Headings & text */
 .container[style*="padding-top:40px"] h2{
  color:var(--primary);
  font-weight:800;
  line-height:1.15;
  margin:0 0 .6rem;
}
 .container[style*="padding-top:40px"] .body-copy{
  color:#2d3748;
  font-size:1.0625rem;
  line-height:1.7;
  max-width:60ch;
}
 .container[style*="padding-top:40px"] .row .col-md-6:first-child .body-copy{
  background:#fff;
  border:1px solid var(--primary);
  padding:2.25rem 1.25rem 1.25rem 1.1rem;
  border-radius:12px;
}

/* Images */
 .container[style*="padding-top:40px"] .body-copy img{
  display:block;
  width:100%;
  height:auto;
  border-radius:var(--radius);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}

/* Price row accents */
 .container[style*="padding-top:40px"] .row:nth-of-type(2) .body-copy h4 strong{
  color:var(--primary);
}

/* Pretty checklist */
 .container[style*="padding-top:40px"] .row:nth-of-type(2) .body-copy ul{
  list-style:none;
  padding-left:0;
  margin-top:.5rem;
}
 .container[style*="padding-top:40px"] .row:nth-of-type(2) .body-copy ul li{
  position:relative;
  padding-left:1.7rem;
  margin:.4rem 0;
}
 .container[style*="padding-top:40px"] .row:nth-of-type(2) .body-copy ul li::before{
  content:"✓";
  position:absolute;
  left:0; top:0;
  font-weight:700;
  color:var(--primary);
}

/* Stack on tablet/phone */
@media (max-width: 991px){
   .container[style*="padding-top:40px"] .row{
    grid-template-columns:1fr;
  }
   .container[style*="padding-top:40px"] .body-copy{ max-width:100%; }
}













/* page scope + brand tokens */
.landing-page-new, .page-inner{
  --primary:#4d79bd;
  --radius:16px;
  --gap:clamp(1rem,3vw,3rem);
}

.landing-page-new h2, .page-inner h2{
	color: var(--primary) !important;
	
}

.landing-page-new h3, .page-inner h3{
	color: var(--primary) !important;
	text-align: left;
	
}
.landing-page-new .container .lp-row{
	padding:20px;
	background-color:#4d79bd12;
	margin-bottom:20px;
	border-radius: 20px;
}
.page-inner .content{
  background:#fff;
  border:1px solid var(--primary);
  padding:1.25rem 1.25rem 1.25rem 1.1rem;
  border-radius:12px;
}

/* body-copy styles */
.landing-page-new .container .row .col-md-6:first-child .body-copy{
  background:#fff;
  border:1px solid var(--primary);
  padding:2.25rem 2.25rem 1.25rem 1.1rem;
  border-radius:12px;
  color:#2d3748; line-height:1.7;
}
.landing-page-new .container .row .col-md-6{
	margin: auto;
}


.landing-page-new .container .row .body-copy h2{
  color:var(--primary); margin-top:0;
}
.landing-page-new .container .row .body-copy img{
  display:block; width:100%; height:auto;
  border-radius:var(--radius);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}

/* stack on tablet/phone */
@media (max-width: 991px){
  .landing-page-new .container .row{ grid-template-columns:1fr; }
  .landing-page-new .container .lp-row{
	padding:10px;
	background-color:#4d79bd12;
	margin-bottom:20px;
	border-radius: 20px;
}
}
/* ===== Campground Connection CTA ===== */
 .p-cta{
  --primary:#4d79bd;
  --radius:18px;
  --shadow:0 14px 36px rgba(77,121,189,.18);
  margin-block:clamp(24px,6vw,56px);
  background:
    radial-gradient(1200px 40% at 50% -10%, rgba(77,121,189,.18), transparent 60%),
    linear-gradient(180deg,#fafcff,#f4f7ff);
  border:1px solid #e5ecf9;
  border-radius:var(--radius);
  padding:clamp(18px,3.5vw,36px);
  text-align:center; /* keeps your current alignment */
}

/* Inner card */
 .p-cta .content{
  max-width:820px;
  margin-inline:auto;
  padding:clamp(12px,2.5vw,20px);
  background:#fff;
  border:1px solid #eef2fb;
  border-radius:14px;
  box-shadow:var(--shadow);
}

/* Heading (override inline size/color to be responsive) */
 .p-cta h2{
  color:var(--primary) !important;
  font-size:clamp(22px,2.2vw,34px) !important;
  line-height:1.15;
  letter-spacing:-.01em;
  margin:0 0 .35rem;
  font-weight:800;
}

/* Subtext */
 .p-cta .inner-content p{
  margin:.25rem 0 1rem;
  color:#344053;
  font-size:clamp(1rem,1.1vw,1.0625rem);
}

/* Button */
 .p-cta .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  padding:.9rem 1.2rem;
  border-radius:12px;
  background:var(--primary);
  color:#fff !important;
  text-decoration:none;
  font-weight:800;
  line-height:1;
  box-shadow:0 12px 26px rgba(77,121,189,.35);
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
  white-space:normal; /* allow wrap on small screens */
}
 .p-cta .button::after{
  content:"→";
  font-weight:800;
}
 .p-cta .button:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(77,121,189,.45);
}
 .p-cta .button:focus-visible{
  outline:3px solid #a9c0e8;
  outline-offset:2px;
}

/* Motion sensitivity */
@media (prefers-reduced-motion: reduce){
   .p-cta .button{ transition:none; }
}
/* ===== Listing cards (scoped) ===== */
 .all-listings{
  --primary:#4d79bd;
  --radius:16px;
  --shadow:0 10px 28px rgba(77,121,189,.18);
}

/* Make columns equal-height via flex */
 .all-listings .row > [class*="col-"]{
  display:flex;
}

/* Card shell */
 .all-listings .home-listing{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  background:#fff;
  border:1px solid #e8eef9;
  border-radius:var(--radius);
  padding:12px;
  width:100%;
  height:100%;
  box-shadow:0 6px 18px rgba(27,45,86,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
 .all-listings .home-listing:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(27,45,86,.16);
}

/* Image area */
 .all-listings .home-listing .listing-image{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  background:#f3f6fd;
  aspect-ratio:1/1;                /* responsive square */
}
@media (min-width:992px){
   .all-listings .home-listing .listing-image{
    aspect-ratio:auto;
    height:320px;                   /* desktop spec */
  }
}

/* Ensure Owl fills the image box */
 .all-listings .home-listing .listing-image .owl-carousel,
 .all-listings .home-listing .listing-image .owl-stage-outer,
 .all-listings .home-listing .listing-image .owl-stage,
 .all-listings .home-listing .listing-image .owl-item,
 .all-listings .home-listing .listing-image .item{
  height:100%;
}
 .all-listings .home-listing .listing-image .item{
  background-size:cover;
  background-position:center;
  transition:transform .3s ease;
}
 .all-listings .home-listing:hover .listing-image .item{
  transform:scale(1.03);
}

/* Owl dots to brand */
 .all-listings .home-listing .owl-dots{
  position:absolute; left:0; right:0; bottom:8px; text-align:center;
}
 .all-listings .home-listing .owl-dots .owl-dot span{
  width:8px; height:8px; margin:3px;
  background:rgba(77,121,189,.45);
}
 .all-listings .home-listing .owl-dots .owl-dot.active span{
  background:var(--primary); transform:scale(1.15);
}

/* Title */
 .all-listings .home-listing h2{
  font-size:clamp(1rem,1.15vw,1.15rem);
  line-height:1.3;
  margin:.25rem 0 0;
  color:#17212b;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Price badge */
 .all-listings .home-listing .asking-price{
  display:inline-block;
  margin-top:.25rem;
  padding:.35rem .6rem;
  border-radius:999px;
  background:rgba(77,121,189,.10);
  color:var(--primary);
  font-weight:800;
}

/* Region chip */
 .all-listings .home-listing .region h4{
  display:inline-block;
  margin:.25rem 0 0;
  padding:.25rem .55rem;
  border-radius:999px;
  background:#f1f5ff;
  color:#305eaa;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.02em;
}

/* Excerpt (the unclassed direct div) */
 .all-listings .home-listing > div:not([class]){
  color:#334155;
  line-height:1.6;
  margin-top:.35rem;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}

/* Learn More button pinned to bottom */
 .all-listings .home-listing .button{
  margin-top:auto;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.35rem;
  padding:.7rem 1rem;
  border-radius:12px;
  background:var(--primary);
  color:#fff !important;
  text-decoration:none;
  font-weight:800;
  line-height:1;
  box-shadow:0 10px 22px rgba(77,121,189,.28);
  transition:transform .15s ease, box-shadow .15s ease;
}
 .all-listings .home-listing .button::after{ content:"→"; font-weight:800; }
 .all-listings .home-listing .button:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(77,121,189,.38);
}

/* Small tweaks on narrow screens */
@media (max-width:767px){
   .all-listings .home-listing{ padding:10px; }
   .all-listings .home-listing h2{ -webkit-line-clamp:3; }
}
/* ===== Featured Listings (scoped to .homepage-wrapper) ===== */
.homepage-wrapper{
  --primary:#4d79bd;
  --radius:16px;
  --shadow:0 10px 28px rgba(77,121,189,.18);
}

/* Equal-height columns */
.homepage-wrapper .row.flex > [class*="col-"]{
  display:block;
}

/* Make the whole card clickable without default link styling */
.homepage-wrapper .row.flex a.listing-link{
  display:flex;
  width:100%;
  text-decoration:none;
  color:inherit;
}

/* Card shell */
.homepage-wrapper .row.flex .home-listing{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  background:#fff;
  border:1px solid #e8eef9;
  border-radius:var(--radius);
  padding:12px;
  width:100%;
  height:100%;
  box-shadow:0 6px 18px rgba(27,45,86,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
.homepage-wrapper .row.flex a.listing-link:hover .home-listing{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(27,45,86,.16);
}

/* Image box (uses inline background-image) */
.homepage-wrapper .row.flex .home-listing .listing-image{
  border-radius:12px;
  overflow:hidden;
  background-color:#f3f6fd;
  background-position:center;
  background-size:cover;
  aspect-ratio:1/1;                 /* square by default */
}
@media (min-width:992px){
  .homepage-wrapper .row.flex .home-listing .listing-image{
    aspect-ratio:auto;
    height:320px;                   /* desktop spec */
  }
}

/* Title */
.homepage-wrapper .row.flex .home-listing h3{
  font-size:clamp(1rem,1.15vw,1.15rem);
  line-height:1.3;
  margin:.25rem 0 0;
  color:#17212b;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Price badge */
.homepage-wrapper .row.flex .home-listing .asking-price{
  display:inline-block;
  margin-top:.25rem;
  padding:.35rem .6rem;
  border-radius:999px;
  background:rgba(77,121,189,.10);
  color:var(--primary);
  font-weight:800;
}

/* Region chip */
.homepage-wrapper .row.flex .home-listing .region h4{
  display:inline-block;
  margin:.25rem 0 0;
  padding:.25rem .55rem;
  border-radius:999px;
  background:#f1f5ff;
  color:#305eaa;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.02em;
}

/* Excerpt (the unclassed direct div in your markup) */
.homepage-wrapper .row.flex .home-listing > div:not([class]){
  color:#334155;
  line-height:1.6;
  margin-top:.35rem;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}

/* “See More” pill pinned to bottom */
.homepage-wrapper .row.flex .home-listing .link{
  margin-top:auto;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.35rem;
  padding:.7rem 1rem;
  border-radius:12px;
  background:var(--primary);
  color:#fff;
  font-weight:800;
  line-height:1;
  box-shadow:0 10px 22px rgba(77,121,189,.28);
  transition:transform .15s ease, box-shadow .15s ease;
}
.homepage-wrapper .row.flex .home-listing .link::after{
  content:"→"; font-weight:800;
}
.homepage-wrapper .row.flex .home-listing .link:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(77,121,189,.38);
}

/* Small tweaks on phones */
@media (max-width:767px){
  .homepage-wrapper .row.flex .home-listing{ padding:10px; }
  .homepage-wrapper .row.flex .home-listing h3{ -webkit-line-clamp:3; }
}





/* ===== Listing ATF (Above The Fold) ===== */
.container.listings-top{
  --primary:#4d79bd;
  --radius:18px;
  --shadow:0 14px 36px rgba(77,121,189,.14);
}



/* Back button */
.container.listings-top .side-buttons{ margin-bottom:.5rem; display:flex; gap:.5rem; }
.container.listings-top .back-button{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.5rem .8rem;
  border-radius:999px;
  background:#fff;
  border:1px solid #e3eaf8;
  color:var(--primary);
  font-weight:700; text-decoration:none;
  box-shadow:0 6px 16px rgba(77,121,189,.18);
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease;
}
.container.listings-top .back-button:hover{
  transform:translateY(-1px);
  background:var(--primary); color:#fff; border-color:var(--primary);
}

/* Title */
.container.listings-top article.listing h1{
  margin:.25rem 0 .35rem;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.01em;
  color:#17212b !important;                 /* override inline color */
  font-size:clamp(26px,3.2vw,40px) !important; /* override inline size */
}
.container.listings-top article.listing h1::after{
  content:""; display:block; width:48px; height:3px; margin:.45rem 0 0;
  background:var(--primary); border-radius:2px;
}

/* Meta line (Viewed …) */
.container.listings-top article.listing > p{
  margin:.15rem 0 .5rem;
  color:#4b5563;
}

/* Region chip */
.container.listings-top h4{
  display:inline-block;
  margin:.2rem 0 .35rem;
  padding:.25rem .55rem;
  border-radius:999px;
  background:#f1f5ff;
  color:#305eaa;
  font-size:.9rem; font-weight:700; letter-spacing:.02em;
}

/* Price badge */
.container.listings-top .asking-price{
  display:inline-block;
  margin:.25rem 0 .75rem;
  padding:.4rem .7rem;
  border-radius:999px;
  background:rgba(77,121,189,.10);
  color:var(--primary);
  font-weight:800;
}

/* Right-side region graphic */
.container.listings-top .top-row-2024 > .col-md-4{
  display:flex; align-items:end; justify-content:center;
}
.container.listings-top .top-row-2024 > .col-md-4 img{
  width:100%; height:auto; display:block;
  border-radius:14px;

}

/* Responsive: stack nicely on tablet/phone */
@media (max-width: 991px){
  .container.listings-top .top-row-2024{ grid-template-columns:1fr; }
  .container.listings-top .top-row-2024 > .col-md-4{ order:-1; } /* graphic above text */
}

/* Optional: hide side-buttons on small phones */
@media (max-width:575px){
  .container.listings-top .side-buttons{ display:none; }
}

/* ===== Who We Help (scoped to the section container) ===== */
.columns-container{
  --primary:#4d79bd;
  --radius:20px;
  --shadow:0 12px 30px rgba(27,45,86,.12);
  padding-top:50px; /* keeps your spacing */
}

/* Section heading */
.columns-container h2{
  text-align:center;
  font-weight:800;
  letter-spacing:-.01em;
  margin:0 0 18px;
  color:#17212b;
}
.columns-container h2 + *{
  margin-bottom: clamp(18px, 3vw, 28px);
}

/* Bootstrap row already handles layout; we just make columns equal-height */
.columns-container .columns{
  display:flex;               /* make each column flex */
}
.columns-container .columns > div{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e8eef9;
  border-radius:var(--radius);
  padding:clamp(16px,2.2vw,22px);
  width:100%;
  height:100%;
  box-shadow:var(--shadow);
  transition:transform .15s ease, box-shadow .15s ease, border-color .2s ease;
  border:1px solid var(--primary);   /* subtle brand accent */
}
.columns-container .columns > div:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(27,45,86,.18);
}

/* Column headings */
.columns-container .columns h3{
  margin:0 0 .25rem;
  color:var(--primary);
  font-weight:800;
}
.columns-container .columns h4{
  margin:.15rem 0 .4rem;
  color:#305eaa;
  font-weight:800;
}

/* Lists → pretty bullets */
.columns-container .columns ul{
  list-style:none;
  margin:.5rem 0 0;
  padding:0;
}
.columns-container .columns ul li{
  position:relative;
  padding-left:1.5rem;
  margin:.45rem 0;
  line-height:1.6;
  color:#334155;
}
.columns-container .columns ul li::before{
  content:"";
  position:absolute; left:0; top:.55em;
  width:.55rem; height:.55rem; border-radius:999px;
  background:var(--primary);
  box-shadow:0 0 0 5px rgba(77,121,189,.14); /* soft ring */
}

/* Emphasized links inside cards (e.g., Post Your Property) */
.columns-container .columns p a{
  display:inline-flex; align-items:center; gap:.35rem;
  font-weight:800; text-decoration:none;
  color:var(--primary);
  border-bottom:2px solid rgba(77,121,189,.25);
}
.columns-container .columns p a::after{ content:"→"; font-weight:800; }
.columns-container .columns p a:hover{
  border-color:var(--primary);
}

/* Tweak the surrounding wrapper strip */
.container-fluid.white.border-bottom{
  background: linear-gradient(360deg, #fff 0%, #4d79bd1a 100%);
  padding-left:0; padding-right:0;
  padding-bottom:50px;
}
.container-fluid.white.border-bottom h2{
	font-size: 30px;
	    font-family: "Interstate", sans-serif;
    font-weight: 600;
    line-height: 1.3;

    color: #4d79bd;
    font-weight: 300;
    font-size: 29px;
}
/* Responsive */
@media (max-width: 768px){
  .columns-container .row{
    max-width:99%;
    margin:0 auto;
  }
  .columns-container .columns{ margin-bottom:15px; }
}


.seller-form{
	float: none;
	max-width: 700px;
    margin: 20px auto !important;
    margin-bottom: 60px;
    background-color: #F7F3EC;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #4d79bd;
	--primary: #4d79bd;
    --radius: 10px;
    --shadow: 0 14px 36px rgba(77, 121, 189, .18);
    margin-block: clamp(24px, 6vw, 56px);
    background: radial-gradient(1200px 40% at 50% -10%, rgba(77, 121, 189, .18), transparent 60%), linear-gradient(180deg, #fafcff, #f4f7ff);
    border-radius: var(--radius);
    padding: clamp(18px, 3.5vw, 36px);
    text-align: center;
}
.seller-form .content{
    max-width: 820px;
    margin-inline: auto;
    padding: clamp(12px, 2.5vw, 20px);
    background: #fff;
    border: 1px solid #eef2fb;
    border-radius: 10px;
    box-shadow: var(--shadow);
}
.seller-form h2{
	    color: var(--primary) !important;
    font-size: clamp(22px, 2.2vw, 34px) !important;
    line-height: 1.15;
    letter-spacing: -.01em;
    margin: 0 0 .35rem;
    font-weight: 800;
}
.seller-form-wrapper{
	background: radial-gradient(1200px 20% at 50% -10%, rgba(77, 121, 189, .18), transparent 30%), linear-gradient(180deg, #fafcff, #f4f7ff);
}
.seller-form:before{
	content:'';
	background-image: url('/media/images/contact-icon.svg');
	width: 70px;
	height: 70px;
	margin:20px auto;
	display: block;
	margin-top:-70px;
}
.bk {
	padding: 20px;
	border: solid 1px #4d79bd;
	border-radius: 10px;
	--primary: #4d79bd;
    --radius: 10px;
    --shadow: 0 14px 36px rgba(77, 121, 189, .18);
    background: radial-gradient(1200px 40% at 50% -10%, rgba(77, 121, 189, .18), transparent 60%), linear-gradient(180deg, #fafcff, #f4f7ff);
}

.home-right .tab-content{
	background-color:#f4f7ff;
}
/*new styles */

    :root{
      --brand:#4d79bd;
      --brand-2:#ffd166;       /* warm gold */
      --ink:#0f172a;           /* slate-900 */
      --muted:#64748b;         /* slate-500 */
      --bg:#ffffff;            /* white */
      --card:#f8fafc;          /* slate-50 */
      --accent:#22c55e;        /* green */
      --danger:#ef4444;
      --radius:16px;
      --shadow:0 10px 30px rgba(2,6,23,.08);
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
    img{max-width:100%;display:block}
    a{color:var(--brand);text-decoration:none}
    .container{max-width:1200px;margin:auto;padding:0 20px}
    .btn{display:inline-block;background:var(--brand-2);color:#1f2937;font-weight:800;border-radius:999px;padding:14px 22px;box-shadow:var(--shadow)}
    .btn.primary{background:var(--brand);color:#fff}
    .btn.ghost{background:transparent;border:2px solid white;color:white;}
    header.hero{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(11,107,111,.70),rgba(11,107,111,.50)), url('https://images.unsplash.com/photo-1504280390368-3971e38c5a7e?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;color:#fff}
    .hero-inner{padding:140px 40px 90px;background-color: rgba(0,0,0,0.45)}
    .hero h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 16px;font-weight:800;color:white}
    .hero p{font-size:clamp(16px,2.2vw,20px);max-width:800px;margin:0 0 28px;color:#e5f8f9}
    .badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);backdrop-filter:saturate(140%) blur(4px);border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;padding:8px 14px;margin-bottom:16px;font-weight:700}
	
	
	
    .trustbar{background:#073c3f;color:#cffafe}
    .trustbar .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;padding:14px 20px}
    .trustbar .item{display:flex;align-items:center;gap:10px;font-size: 16px;}

    
    h2.section-title{color:var(--brand);font-size:clamp(26px,3.4vw,36px);margin:0 0 24px;font-weight:800}
    .muted{color:var(--muted)}

    .grid{display:grid;gap:20px}
    .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    @media (max-width:960px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(1,1fr)}}

    .card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
    .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e0f2f1;margin-bottom:12px}

    .steps{counter-reset:step}
    .step{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:20px}
    .step-number{width:36px;height:36px;border-radius:999px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;margin-top:2px;flex:0 0 36px}

    .pricing{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
    @media (max-width:960px){.pricing{grid-template-columns:1fr}}
    .plan{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative}
    .plan.popular{border-color:var(--brand)}
    .plan .tag{position:absolute;top:16px;right:16px;background:var(--brand);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;font-weight:700}
    .price{font-size:40px;font-weight:800;margin:10px 0}
    .plan ul{list-style:none;margin:0;padding:0}
    .plan li{display:flex;align-items:flex-start;gap:10px;margin:8px 0}

    .testimonials{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
    @media (max-width:960px){.testimonials{grid-template-columns:1fr}}
    .quote{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:22px}
    .quote cite{display:block;margin-top:10px;color:var(--muted);font-style:normal}
	
    .cta-sticky .inner{background:#ffffff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:var(--shadow);padding:10px 16px;display:flex;gap:12px;align-items:center}
	
	@media (max-width:960px){
		.hero-inner{    padding: 80px 20px;}
	    details{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);padding:16px}
	    summary{cursor:pointer;font-weight:700}
		.badge{font-size: 12px}
	}
	details{
		padding: 20px;
		border: 1px solid var(--brand);
		border-radius: 10px;
		    box-shadow: var(--shadow);
	}
	details summary {
	  list-style: none; /* remove default marker */
	  position: relative;
	  padding-right: 24px; /* space for chevron */
	  font-size: 18px;
	  
	}
	
	details summary::after {
	  content: "▾"; /* down chevron */
	  position: absolute;
	  right: 0;
	  top: calc(50% - 8px);
	  font-size: 50px;
	  transition: transform 0.2s ease;
	  line-height: 10px;
	  color: var(--brand);
	}
	
	/* Rotate when open */
	details[open] summary::after {
	  transform: rotate(-180deg);
	}