/*HOMEPAGE CSS*/
  .mod-hero-rotator{
    display:none;
  }
  .home .mod-navigation-wrapper{
    position:relative;
  }
  .home .hero__title{
    max-width:1140px;
  }
  .home .hero__content{
    max-width:1200px;
  }
  .home .hero__body{
    max-width:850px;
  }
/*WIDE CARD AREA*/
  .wideCard{
        height: 334px;
max-width: 1698px;
    display:flex;
    flex-direction:row;
    overflow:hidden;
    border-radius:30px;
    margin:0 auto;
    background:#C5DBDF;
    gap:4em;
  }
  .wideCardImg{
    max-width: 829px;
    width: 100%;
  }
  .wideCardImg img{
        max-width: 829px;
        width:100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .wideCardTxt{
    width:100%;
  }
  .wideCardTxt .feature__title{
    margin-top:2em;
  }
  .wideCardTxt .feature__text{
    margin:2em 2em 1em 0;
    max-width:100%;
  }
  /*END WIDE CARD AREA*/
  /*SECTION AREA*/
    .sectionTitleArea{
        text-align: center;
    }
    .sectionTitleArea .feature__title{
        font-size:26px;
    }
  /*END SECTION AREA*/
  /*WIDE CARD1 AREA*/
  .wideCard1{
        max-height:587px;
    height: 100%;
    max-width: 1698px;
    width:100%;
    display:flex;
    flex-direction:row;
    overflow:hidden;
    border-radius:30px;
    margin:0 auto;
    background:#F8F7F7;
    gap:4em;
  }
  .wideCard1Img{
    max-width: 829px;
    width: 100%;
  }
  .wideCard1Img img{
        max-width: 829px;
        width:100%;
        height: 100%;
    object-fit: cover;
  }
  .wideCard1Txt{
    width:100%;
    margin:auto 0;
  }
  .wideCard1Txt .feature__title{
    margin-top:1em;
  }
  .wideCard1Txt .feature__text{
    margin:1em 1em .5em 0;
    max-width:100%;
  }
  /*END WIDE CARD1 AREA*/

/*WIDE CARD2 AREA*/
  .wideCard2.thinCard{
    height:250px;
  }

  .wideCard2{
        height: 334px;
    max-width: 1698px;
    width:100%;
    display:flex;
    flex-direction:row;
    overflow:hidden;
    border-radius:30px;
    margin:0 auto;
    background:#F8F7F7;
    gap:4em;
  }
  .wideCard2Img{
    max-width: 575px;
    width: 100%;
  }
  .wideCard2Img img{
        max-width: 575px;
        width:100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  .widetCard2Txt{
    width:100%;
  }
  .wideCard2Txt .feature__title{
    margin-top:2em;
  }
  .wideCard2Txt .feature__text{
    margin:1em 1em 1em 0;
    max-width:100%;
  }
  .third{
    background:#757575;
    color:#fff;
  }
  .third:hover, .third:focus{
    opacity:.8;
  }
  /*END WIDE CARD AREA*/

  /*SOCIAL MEDIA AREA*/
  /*END SOCIAL MEDIA AREA*/
  .socialFlex{
    display:flex;
    flex-direction:row;
    gap:30px;
  }
  .mod-footer-social {
    padding: .5em .2em;
  }
  .social__cards{
        display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap:10px;
  }
  .featureSocial-card{
    border-radius: var(--card-radius);
    overflow: hidden;
    background-image: var(--card-image, url(https://plotmarketing.co/wp-content/uploads/2025/08/placeholder-image.png));
    width:318.719px;
    height:366.516px;
  }
  .section2{
    padding: 0 95px;
    margin: 0 10em;
  }
  /*END HOMEPAGE CSS*/

  /*NAVIGATION*/
  .mod-navigation-center{
    min-height:8em;
  }
  .mod-navigation-logo-v9 img {
    height: 125px;
}
  .mod-navigation-center{
    background:#C6DBDF;
    max-width:100%;
    padding: 0 2em;
  }
  .mod-navigation-login-link{
    display:none;
  }
  .home .mod-navigation-link-wrap, .mod-navigation-link-wrap{
    margin-top:3em;
  }
  .mod-navigation-link{
    color:#011525;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    padding: 1.5em 1.67em 0 1.67em;
  }
  .mod-navigation-children{
    box-shadow: 0px 10px 13px -5px rgb(0 0 0 / 20%);
    border-radius: 0px 20px 20px 20px;
  }
  .mod-navigation-children .mod-navigation-link{
    color:#757575;
  }
  .mod-small-navigation-wrap .mod-navigation-center{
    background:#24374A;
  }
  .mod-small-navigation-link{
    background:#24374a;
    color:#fff;
    text-transform:uppercase;
    margin-top:1em;
    font-size:20px;
    font-weight:bold;
    padding:.5em 1em;
    border-radius: 10px 10px 0px 0px; 
    padding: 1.5em 1.67em 1em 1.67em;
  }
  .mod-small-navigation-link:hover, .mod-small-navigation-link:focus{
    background:#001725;
    color:#fff;
  }
/*MOBILE NAVIGATION*/
.mod-navigation-icon::before, .mod-navigation-icon:before, .mod-navigation-icon::after, .mod-navigation-icon:after{
      border-top: 2px solid #24374a;
    border-bottom: 2px solid #24374a;
}
@media screen and (max-width: 1200px) {
    .mod-navigation-section.mod-navigation-section-short .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:hover .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus .mod-navigation-link-parent {
        background: #c6dbdf;
        color:#011525;
    }
    .mod-navigation-link-wrap {
        background: #c6dbdf;
    }
        .mod-navigation-section-short .mod-navigation-children .mod-navigation-link {
        display: block;
        color: #011512;
        background: #c6dbdf;
    }
    .mod-navigation-icon::after, .mod-navigation-icon:after{
      border-bottom:none !important;
    }
}
/*END MOBILE NAVIGATION*/

/*END NAVIGATION*/

/*FOOTER AREA*/
.mod-footer-column-wrap{
  display:none;
}
.mod-footer-social-wrap p a{
  color:#fff;
}
.mod-footer-wrap{
  background:#24374A;
}
.mod-footer-copyright-wrap p, .mod-footer-copyright-wrap a{
  color:#fff;
}
.mod-footer-tray-wrap{
  border-top:none;
}
.footerLogo{
  max-width:307px;
  width:100%;
}
.newFooter{
      padding: 5em 1.5em;
      display: flex;
    flex-direction: row;
    gap:11em;
}
.newFooter__links{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 10px;
    padding: 20px;
    color:#fff;
}
.newFooter__links ul{
  padding:0;
}
.newFooter__links a, .newFooter__links p{
  color:#fff;
  font-size:16px;
}
.newFooter__links h3{
  font-size:18px;
  font-weight:600;
}
.column{
  flex: 1 1 20%;
  min-width: 160px;
}
.column1{
      flex: 1 1 25%;
      min-width:200px;
}
.column ul li::before, .column ul li:before, .column1 ul li::before, .column1 ul li:before{
  content:none;
}
.column ul li, .column1 ul li{
      padding: .5em 1em .5em 0em;
}
.social-icons img{
  width:30px;
  height:30px;
}
.social-icons a{
  text-decoration:none;
}
@media screen and (max-width:900px){
  .mod-footer-tray-wrap{
    padding:0;
  }
}
@media screen and (max-width:640px){
  .newFooter{
        flex-wrap: wrap;
    justify-content: center;
        padding: 5em 1.5em 1.5em 1.5em;
  }
}
/*END FOOTER AREA*/

 
        /*****PLOT CSS****/
        :root {
            --hero-max-width: 1800px;
            --hero-radius: 45px;

            --content-max-width: 1320px;
            --cards-gap: 24px;
            --card-radius: 30px;

            --space-1: .5rem;
            --space-2: 1rem;
            --space-3: 1.5rem;
            --space-4: 2rem;
            --space-6: 3rem;

            --maxwell-navy: #24374A;
            /* maxwell navy text */

            --maxwell-body: #24374a;
            /* body text */

            --maxwell-body-m: #24374a;
            /* body muted text */

            --maxwell-pink: #a36552; 
            /* maxwell header primary pink */

            --maxwell-lb75: #497983;
            /* maxwell larimar 75 */

            --maxwell-lb40: #C5DBDF;
            /* maxwell larimar 40  */

            --btn-primary: #F8E7EA;
            /* maxwell button primary pink */

            --btn-secondary: #e6e8eb;
            /* maxwell secondary button */

            --btn-radius: 999px;

        }

        /* -------- Base + utilities -------- */
        * {
            box-sizing: border-box;
        }

        html,
        body {
            height: 100%;
        }

        body {
            margin: 0;
            font-family: "Overpass", sans-serif;
            color: var(--maxwell-body-m);
            line-height: 1.5;
            background: #fff;
        }

        h1,
        h2 {
            font-family: "termina", sans-serif;
            font-weight: 700;
        }

        .container-parent {
            width: 100%;
            display: flex;
            justify-content: center;
            padding-inline: var(--space-3);
            padding-block: var(--space-2);
        }

        .hero {
            width: 100%;
            max-width: var(--hero-max-width);
            border-radius: var(--hero-radius);
            overflow: hidden;
            position: relative;
            min-height: 780px;
            background-image: var(--hero-image, none);
            background-size: cover;
            background-position: center left;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
        }

        /* White overlay with gradient to transparent */
        .hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
            pointer-events: none;
        }

        .hero__content {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: var(--space-3);
            max-width: 965px;
            padding: 30px;
        }

        .eyebrow {
            font-size: 1rem;
            letter-spacing: .02em;
            font-weight: 700;
            opacity: .9;
            color: var(--maxwell-pink);
            margin-bottom: -20px;
        }

        .hero__title {
            margin: 0;
            font-weight: 800;
            line-height: 1.1;
            font-size: 2.5rem;
            letter-spacing: .01em;
            color: var(--maxwell-navy);
        }

        .hero__body {
            margin: 0;
            color: var(--maxwell-body);
            font-size: 1rem;
        }

        .hero__actions {
            display: flex;
            gap: var(--space-2);
            flex-wrap: wrap;
            padding-top: var(--space-1);
        }

        /* -------- Buttons (anchor tags) -------- */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            padding: .85rem 2.25rem;
            font-weight: 500;
            text-decoration: none;
            text-transform: uppercase;
            border-radius: var(--btn-radius);
            line-height: 1;
            transition: transform .06s ease, opacity .2s ease;
            will-change: transform;
        }

        .btn.primary {
            background: var(--btn-primary);
            color: var(--maxwell-navy);
        }

        .btn.primary:hover {
            opacity: .8;
        }

        .btn.secondary {
            background: var(--btn-secondary);
            color: var(--maxwell-navy);
        }

        .btn.secondary:hover {
            opacity: .8;
        }

        .section {
            width: 100%;
            display: flex;
            justify-content: center;
            padding-inline: var(--space-3);
            padding-block: clamp(2rem, 6vw, 5rem);
        }

        .section__inner {
            width: 100%;
            max-width: var(--content-max-width);
            display: flex;
            gap: var(--space-6);
            align-items: flex-start;
        }

        /* Left column */
        .section__copy {
            flex: 1 1 48%;
            display: flex;
            flex-direction: column;
            gap: var(--space-2);
        }

        .section__title {
            margin: 0;
            font-weight: 800;
            line-height: 1.1;
            font-size: 1.8rem;
            color: var(--maxwell-navy);
        }

        .section__lead {
            margin: 0;
            color: #24374a;
            font-size: 1rem;
        }

        .section__why {
            margin: var(--space-2) 0 var(--space-1);
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--maxwell-lb75);
        }

        /* Icon rows */
        .feature-list {
            display: flex;
            flex-direction: column;
            gap: var(--space-2);
        }

        .feature {
            display: flex;
            gap: var(--space-2);
            align-items: flex-start;
        }

        .feature__icon {
            width: 35px;
            height: 40px;
            flex: 0 0 auto;
            margin-top: 2px;
        }

        .feature__copy {
            display: flex;
            flex-direction: column;
            gap: .25rem;
        }

        .feature__title {
            font-weight: 700;
            color: var(--maxwell-pink);
            font-size:24px;
        }

        .feature__text, .feature__text p, .feature__text p a {
            color: #24374a;
            max-width: 48ch;
            line-height: 1.2em;
        }

        .rule {
            height: 1px;
            background: var(--maxwell-lb40);
            margin: var(--space-2) 0;
        }

        .section__cta {
            margin-top: var(--space-3);
        }

        .section__cards {
            flex: 1 1 52%;
            display: flex;
            flex-wrap: wrap;
            gap: var(--cards-gap);
            justify-content: space-between;
            flex-direction:column;
            margin:auto;
        }

        .feature-card {
            position: relative;
            flex: 1 1 calc(50% - var(--cards-gap)/2);
            aspect-ratio: 2 / 1.15;
            border-radius: var(--card-radius);
            overflow: hidden;
            /*background-image: var(--card-image, url('https://plotmarketing.co/wp-content/uploads/2025/08/placeholder-image.png'));*/
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: flex-start;
            justify-content: flex-end;
            text-decoration: none;
            flex-wrap:wrap;
            flex-direction:column;
                max-height: 376px;
    max-width: 655px;
        }

        .feature-card::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 60%;
            background: linear-gradient(0deg,
                    color-mix(in srgb, #c19385 100%, transparent) 0%,
                    color-mix(in srgb, #c19385 35%, transparent) 70%,
                    transparent 100%);
            pointer-events: none;
            transition: height .55s cubic-bezier(.22, 1, .36, 1);
        }

        .feature-card:hover::before {
            height: 70%;
        }

        .feature-card__label {
            font-size: 1.2rem;
            line-height: 1.2rem;
            position: relative;
            margin-bottom: 5px;
            padding: 0 var(--space-3);
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .06em;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
        }
        /*DCI ADDITION*/
        .feature-card__txt{
            font-size: 16px;
            line-height: 1.2em;
            position: relative;
            margin-bottom: 18px;
            padding: 0 var(--space-3);
            letter-spacing: .06em;
            color: #fff;
            text-align: left;
            text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
            font-weight: 500;
        }

        /* Responsive */
        @media screen and (max-width:1355px){
          .newFooter{
            gap:3em;
          }
        }

        @media (max-width: 1024px) {
            .section__inner {
                flex-direction: column;
            }

            .section__cards {
                width: 100%;
            }
        }
        @media screen and (max-width:1024px){
          .feature-card{
            margin:auto;
          }
        }
        @media screen and (max-width:1000px){
          .wideCard{
            height:auto;
            flex-direction:column;
            flex-wrap:wrap;
            max-width:680px;
            width:100%;
            gap:0;
          }
          .wideCardTxt .feature__text{
            margin:1em;
          }
          .wideCardTxt .feature__title {
            margin: 1em;
          }
          .wideCardTxt .hero__actions{
            padding: var(--space-1);
          }
          .wideCard1{
            height:auto;
            max-height:none;
            flex-direction:column;
            flex-wrap:wrap;
            max-width:680px;
            width:100%;
            gap:0;
          }
          .wideCard1Txt .feature__text{
            margin:1em;
          }
          .wideCard1Txt .feature__title {
            margin: 1em;
          }
          .wideCard1Txt .hero__actions{
            padding: var(--space-1);
          }
          .wideCard2{
            height:auto;
            max-height:none;
            flex-direction:column;
            flex-wrap:wrap;
            max-width:680px;
            width:100%;
            gap:0;
          }
          .wideCard2Txt .feature__text{
            margin:1em;
          }
          .wideCard2Txt .feature__title {
            margin: 1em;
          }
          .wideCard2Txt .hero__actions{
            padding: var(--space-1);
          }
          .wideCard2Img img{
            max-width:none;
          }
          .wideCard2Img{
            max-width:none;
          }
        }

        @media (max-width: 720px) {
            .hero {
                background-position: 60% center;
                align-items: start;
                padding-top: 50px;
                min-height: 680px;
            }

            .hero__title {
                font-size: 1.4rem;
            }

            .hero::before {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 50%, rgba(255, 255, 255, 0) 100%);
            }

           /* .feature-card {
                flex-basis: 100%;
            }*/
        }

  /*****END PLOT CSS****/

/*******PAGES CSS*******/
/***GENERAL PAGE***/
p, p a {
  color:#24374a;
}
.mod-back-to-top-footer:before, .back-to-top-footer::before{
  background: var(--maxwell-pink);
}
.mod-back-to-top-footer:hover:before, .back-to-top-footer:hover::before, .mod-back-to-top-footer:focus:before, .back-to-top-footer:focus::before{
  color:#24374a;
}
.mod-page-wrap{
  padding:0;
  background:#fff;
}
.htmlModuleWrap {
    padding: 0;
}
.mod-safe-area{
  max-width:1920px;
}
.medSpace {
    display: none;
}
.h1style{
  display:none;
}
ul li::before, ul li:before{
background:#757575;
}
ul{
  padding:0 0 0 1em;
}
/***END GENERAL PAGE***/
.mod-navigation-link-parent::after, .mod-navigation-link-parent:after{
  color:#000;
}
.mod-navigation-close::before, .mod-navigation-close:before{
          background: url(/doccenter/a7789b84316042b4a6e4afded838f2ca) no-repeat center center;
          background-size: 100% auto;
}
.middleTextArea{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding-top:100px;
}
.midTitle{
font-size:26px;
font-weight:bold;
color:var(--maxwell-pink);
padding:0;
}
.midHeading{
font-size:36px;
font-weight:bold;
color:var(--maxwell-navy);
padding:0;
}
.midText{
  margin: 0;
  color: #24374a;
  font-size: 1rem;
}
/*******END PAGES CSS*******/

/******MOBILE******/

@media screen and (max-width:700px){
  .mod-small-navigation-link{
    padding:1em;
  }
}

@media screen and (max-width:640px){
  .newFooter__links{
    justify-content:center;
  }
  
}

@media screen and (max-width: 600px) {
    .htmlModuleWrap img {
        float: initial !important;
        width: 100% !important;
        height: 100% !important;
    }
    .feature img{
      width: auto !important;
        height: 40px !important;
    }
    .feature-card__txt{
      display:none;
    }
}

@media screen and (max-width:429px){
  .newFooter__links{
    text-align:center;
  }
  .column ul li, .column1 ul li {
    padding: .5em 0em .5em 0em;
}
}

@media screen and (max-width:400px){
  .section__cta{
    text-align:center;
  }
}

@media screen and (max-width:390px){
  .hero__actions{
    justify-content:center;
  }
  .btn{
    text-align:center;
  }
  
}

@media screen and (max-width:370px){
      .mod-small-navigation-link {
        padding: .5em;
    }
    .feature-card{
      flex-wrap:nowrap;
    }
    .feature-card__txt{
      margin-bottom:0;
      line-height:1em;
    }
    .feature-card__label{
    font-size:20px;
    line-height:20px;
  }
}

@media screen and (max-width:350px){
  .footerLogo{
    text-align:center;
  }
  .footerLogo img{
    width:225px;
  }
  .hero__content{
    padding:30px 15px;
  }
}

@media screen and (max-width:340px){
      .mod-navigation-logo-wrap {
        left: calc(50% - 10em / 2);
    }
    .mod-navigation-logo-wrap{
      width:10em;
    }
    
}

@media screen and (max-width:300px){
  .mod-navigation-logo-wrap {
        left: calc(50% - 8em / 2);
    }
    .mod-navigation-logo-wrap{
      width:8em;
    }
    .feature{
      gap:10px;
    }
}