/*
Theme Name: PJS/SLS Generic Theme 2022
Theme URI: https://www.plainjoe.net
Author: PlainJoe
Author URI: https://www.plainjoe.net
Description: Custom starter generic theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.plainjoe.net
*/

:root {
  --main-color:#007076;
  --main-color-darker:#0b5e63;
  --main-hover:#111;
  
  /*text colors*/
  --txt-color-0:#392f2c;
  --txt-color-1:#fff;
  --txt-color-2:#D19F2A;
  --txt-color-3:#d4723c;
  --txt-color-4:#007076;
  --txt-color-5: #228CC0;
  
  /*background colors*/
  --bg-color-0:#392f2c;
  --bg-color-1:#fff;
  --bg-color-2:#9B9B9B;
  --bg-color-3:#d9d9d9;
  --bg-color-4:#d4723c;
  --bg-color-5:#f2f2f2;
  --bg-color-6:#007076;
  --bg-color-7: #008C95;
  --bg-color-8: #CB6026;
  --bg-color-9: #D19F2A;
  --bg-color-10: #7F4182;
  --bg-color-11: #4EA3CD;
  --bg-color-12:  #F6ECD4;
  --bg-color-13: #FAF5EA;

  
  /*misc colors*/
  --divider-color-0:#392f2c;
  
  /*fonts*/
  --font-apertura:"apertura", sans-serif;
  --font-playfair:'Playfair Display', serif;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html, body {width:100%; min-height:100%; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0;}
form {margin:0 auto; padding:0;}
p {margin:0 0 25px 0;}
p:last-child {margin-bottom:0;}
.pjs-main-container div {margin:0 auto;}

a, .a {color:var(--main-color); text-decoration:none; transition:all .24s ease;}
.pjs-main-container a:hover, .pjs-main-container .a:hover {color:var(--main-hover); text-decoration:none;}
img {border:0; outline:none; max-width:100%; height:auto;}
object, embed {outline:none; display:block;}
input, textarea, select, button {font-family:var(--font-apertura); font-weight:400; outline:none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; margin-bottom:15px;}
input[type="search"] {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; margin:10px 0 20px;}
textarea {width:100%; height:150px; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; resize:none;}
input[type="submit"], input[type="button"], button {cursor:pointer; transition:all .25s ease; -webkit-appearance:none; outline:none;}
.pjs-main-container ul {list-style:disc; margin:0 0 15px 20px; text-align:left;}
.pjs-main-container ol {margin:0 0 15px 20px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}
li:last-child, ul.children {margin-bottom:0;}
iframe {max-width:100%; max-height:100%; display:block; margin:0 auto;}
blockquote {font-size:115%; background:#f5f5f5; padding:25px; margin:0 0 25px;}
strong, b {font-weight:700;}
hr {height:1px; background:#000; clear:both; border:0; outline:0;}

::-moz-selection{background:var(--bg-color-0); color:var(--txt-color-1); text-shadow:none;}
::selection {background:var(--bg-color-0); color:var(--txt-color-1); text-shadow:none;}

::-webkit-input-placeholder {color:#969696;}
:-moz-placeholder {color:#969696; opacity:1;}
::-moz-placeholder {color:#969696; opacity:1;}
:-ms-input-placeholder {color:#969696;}
:placeholder-shown {color:#969696;}
.wFormContainer .actions .primaryAction{}

html {font-size:62.5%;}
body {font-size:1.7rem; line-height:2.1rem; font-family:var(--font-apertura); font-weight:400; color:var(--txt-color-0); background:var(--bg-color-1);}
h1, h2, h3, h4, h5, h6 {font-family:var(--font-apertura); font-weight:700; line-height:1; text-transform:none;}
h1 {font-size:3.2rem;}
h2 {font-size:2.6rem;}
h3 {font-size:2.4rem;}
h4 {font-size:2.2rem;}
h5 {font-size:1.9rem;}
@media (min-width:2000px) {
  body {font-size:2rem; line-height:2.4rem;}
}
@media (max-width:767px) {
  body {font-size:1.6rem; line-height:1.9rem;}
	h1 {font-size:3rem;}
  h2 {font-size:2.5rem;}
  h3 {font-size:2.2rem;}
  h4 {font-size:2rem;}
}

/*general styles*/
.la {text-align:left;}
.ra {text-align:right;}
.mid {text-align:center;}
.pjs-btns {padding-top:40px; display:flex; justify-content:center; flex-wrap:wrap;}
  .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button {min-width:280px; display:flex; align-items:center; justify-content:center; background:var(--bg-color-0); border-radius:35px; border:1px solid transparent; padding:26px 30px; color:var(--txt-color-1); font-size:2.4rem; line-height:1; font-weight:500; text-transform:none; margin:0 9px 10px; letter-spacing:0; overflow:hidden; position:relative; text-align:center; box-shadow:none; transition:all 0.25s ease; outline:none; cursor:pointer;}
  .pjs-btns > a:hover, .pjs-btns > .a:hover, input[type="submit"]:hover, input[type="button"]:hover, form button:hover {background-color:var(--main-color); color:var(--txt-color-1); box-shadow:0 0 2px 1px rgba(0,0,0,0.2), 0 0 4px 2px rgba(0,0,0,0.2), 0 0 8px 4px rgba(0,0,0,0.2), 0 0 16px 8px rgba(0,0,0,0.2);}
  
  .pjs-btns > a.alt {background:var(--bg-color-1); border:1px solid var(--bg-color-1); color:var(--txt-color-0);}
  .pjs-btns > a.alt:hover {background:var(--bg-color-0); border-color:var(--txt-color-0); color:var(--txt-color-1);}

  .pjs-btns > a.blue {background:var(--main-color); border:1px solid var(--main-color); color:var(--txt-color-1);}
  .pjs-btns > a.blue:hover {background:var(--bg-color-0); border-color:var(--txt-color-0); color:var(--txt-color-1);}

  .pjs-btns > a.outline {background:transparent; border:1px solid var(--bg-color-1);}
  .pjs-btns > a.outline:hover {background:var(--bg-color-1); border-color:var(--bg-color-1); color:var(--txt-color-0);}

  .mid .pjs-btns {width:fit-content;}
    .mid .pjs-btns a {margin-left:9px; margin-right:9px;}
  .ra .pjs-btns {justify-content:flex-end;}
    .ra .pjs-btns a {margin-left:18px; margin-right:0;}
  .la .pjs-btns {justify-content:flex-start;}
    .la .pjs-btns a {margin-left:0; margin-right:18px;}
  
  .pjs-btns .at-icon-wrapper {display:none !important;}
  
  @media (max-width:767px) {
    .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button {font-size:2.2rem;}
  }

/*modals*/
	.modal-bg {width:100%; height:100%; background:var(--bg-color-0); opacity:0.5; mix-blend-mode:multiply; position:fixed; left:0; top:0; right:0; bottom:0; z-index:1100; display:none;}
	.modal {width:100%; position:fixed; top:0; bottom:0; z-index:1101; display:none; transition:all 0.25s ease;}
	.modal-menu {background:var(--bg-color-0); left:0; right:0; overflow:hidden; opacity:0;}
		.modal-menu .inner {width:100vw; height:100vh; position:absolute; left:0; top:0; right:0;}
			.modal-menu .content {position:relative; font-family:var(--font-playfair);}
				.modal-menu .menu {position:relative; z-index:2;}
					.modal-menu .scroll {overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative; padding:50px 0 80px; display:flex; flex-direction:column; justify-content:space-between;}
            .modal-menu a {display:block; color:var(--txt-color-1);}
            .modal-menu a:hover {color:var(--main-color);}
            
            .modal-menu .mm-mob-nav {margin:0 8%;}
              .modal-menu .mm-mob-nav ul {list-style:none; width:100%; margin:0; display:block; padding-top:20px;}
                .modal-menu .mm-mob-nav ul li {font-size:4.5rem; line-height:1; margin:0 0 30px 0; color: var(--txt-color-1);}
                  .modal-menu .mm-mob-nav .app-icons {display: flex; column-gap: 20px;}
                  .modal-menu .mm-mob-nav ul li a {color:var(--txt-color-1); white-space:nowrap;}
                  .modal-menu .mm-mob-nav ul li a:hover {color:var(--main-color);}
            
              .modal-menu .mm-info {margin:0 8%;}
                .modal-menu .mm-group {padding-top:50px;}
                  .modal-menu .mm-info ul {list-style:none; margin:0;}
                    .modal-menu .mm-info ul li {font-family:var(--font-apertura); line-height:1.2; margin-bottom:15px;}
                      .modal-menu .mm-info ul li a, .modal-menu .mm-info a {color:var(--txt-color-1); text-decoration:underline;}
                      .modal-menu .mm-info ul li a:hover, .modal-menu .mm-info a:hover {color:var(--main-color);}
                      .modal-menu .mm-info ul li.login {margin-bottom:40px;}
                        .modal-menu .mm-info ul li.login a {width:fit-content; text-decoration:none; border:1px solid var(--bg-color-1); border-radius:35px; padding:14px 28px 12px; font-size:2.8rem;}
                .modal-menu .social-icons {padding:15px 0 20px;}
                  .modal-menu .social-icons ul {list-style:none; margin:0; display:flex;}
                    .modal-menu .social-icons ul li {margin:0 15px 0 0;}
                      .modal-menu .social-icons ul li a {display:flex; justify-content:center; align-items:center; color:var(--bg-color-1); text-decoration:none; position:relative; overflow:hidden;}
                      .modal-menu .social-icons ul li a:hover {color:var(--main-color);}
                        .modal-menu .social-icons ul li a .icon {display:block; font-size:2.8rem; line-height:1;}
                          .modal-menu .social-icons ul li a .icon .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
                .modal-menu .modal-logo {max-height:46px; display:block; margin:10px 0 0;}
  @media (max-width:1600px) {
    .modal-menu .mm-search {padding-top:20px;}
      .modal-menu .mm-cols .mm-col .mm-nav-items {padding-top:20px;}
      .modal-menu .mm-cols .mm-col .mm-nav-group .group-title {font-size:2.8rem;}
      .modal-menu .mm-cols .mm-col .mm-nav-group ul li {margin-bottom:8px;}
  }
  @media (max-width:1350px) {
    .modal-menu .mm-search input[type="text"] {font-size:2rem;}
    .modal-menu .mm-cols .mm-col .mm-nav-group .group-title {font-size:2.4rem;}
    .modal-menu .mm-cols .mm-col .map .embed-content {height:400px;}
  }
  @media (max-width:1100px) {
    .modal-menu .mm-cols .mm-col {width:100%;}
    .modal-menu .mm-cols .mm-col:first-child {border-right:0; order:2;}
    .modal-menu .mm-cols .mm-col:last-child {width:100%; order:1;}
      .modal-menu .mm-cols .mm-col .map .embed-content {width:100%; height:300px; padding-top:0;}
      .modal-menu .mm-cols .mm-col .mm-col-title {font-size:2.8rem; padding-top:28px;}
      .modal-menu .mm-cols .mm-col .mm-nav-group .group-title {font-size:1.8rem;}
      .modal-menu .mm-cols .mm-col .mm-nav-group ul li {font-size:1.5rem;}
  }
  @media (max-width:1023px) {
    .modal-menu .mm-search input[type="text"] {font-size:1.8rem;}
    .modal-menu .mm-cols .mm-col .mm-nav-group {width:48%;}
  }
  @media (max-width:920px) {
    .modal-menu .mm-mob-nav {display:block;}
  }
  @media (max-width:782px) {
    .modal-menu .scroll {padding:60px 0 40px;}
    .modal-menu .mm-search input[type="text"] {font-size:1.6rem;}
    .modal-menu .mm-cols {padding-bottom:0;}
    .modal-menu .mm-mob-nav ul li {font-size:4rem; color: var(--txt-color-1);}
    .modal-menu .mm-mob-nav .app-icons {display: flex; column-gap: 20px;}
  }
  @media (max-width:374px) {
    .modal-menu .mm-cols .mm-col .mm-nav-group {width:100%;}
  }

/*main styles*/
.pjs-main-container {width:100%; min-width:300px; min-height:100vh; margin-top:50px; display:flex; flex-direction:column; position:relative;}
.pjs-main-container.headroom--not-top {margin-top:67px;}
.pjs-main-container.mobile {margin-top:60px;}
	
	.pjs-main-header {width:100%; height:80px; background:var(--bg-color-0); text-align:center; position:fixed; left:0; top:0; right:0; z-index:1200; box-shadow:1px 1px 2px rgb(0 0 0 / 5%), 2px 2px 4px rgb(0 0 0 / 5%), 4px 4px 8px rgb(0 0 0 / 5%), 8px 8px 16px rgb(0 0 0 / 5%); transition:all .25s ease;}
	.pjs-main-container.headroom--not-top .pjs-main-header {height:67px;}
	.pjs-main-container.mobile .pjs-main-header {height:60px;}
  .pjs-main-header.modal-open {box-shadow:none;}
  body.logged-in .pjs-main-header {top:32px;}
    .pjs-main-header .pjs-inner {padding:20px 64px; display:flex; justify-content:space-between; align-items:center; transition:all .25s ease;}
    .pjs-main-container.headroom--not-top .pjs-main-header .pjs-inner {padding:10px 50px;}
    .pjs-main-container.mobile .pjs-main-header .pjs-inner {padding:0 20px;}
      .pjs-main-header .logo {margin:0; transition:all 0.25s ease;}
      .pjs-main-header.modal-open .logo {opacity:0;}
        .pjs-main-header .logo a {display:block;}
        .pjs-main-header .logo a.disabled {cursor:initial; pointer-events:none;}
          .pjs-main-header .logo a img {max-height:45px; display:block;}
          .pjs-main-container.headroom--not-top .pjs-main-header .logo a img {max-height:40px;}
          .pjs-main-container.headroom--not-top.mobile .pjs-main-header .logo a img {max-height:33px;}
      .pjs-main-header .header-main-nav {margin:0 0 0 auto;}
      .pjs-main-header.modal-open .header-main-nav {opacity:0;}
        .pjs-main-header .header-main-nav ul {list-style:none; margin:0; display:flex; justify-content:center; padding-right:15px;}
          .pjs-main-header .header-main-nav ul li {line-height:1; margin:0;}
            .pjs-main-header .header-main-nav ul li a {display:block; color:var(--txt-color-1); padding:12px 0; text-align:center; text-decoration:underline;}
            .pjs-main-header .header-main-nav ul li a:hover {color:var(--main-color);}
      .pjs-main-header .items {display:flex; justify-content:flex-start; align-items:stretch; margin:0;}
        .pjs-main-header .mega-menu-btn .hamburger-menu {padding:6px 10px 10px; cursor:pointer;}
          .pjs-main-header .mega-menu-btn .hamburger-menu div {width:34px; height:3px; background:var(--bg-color-1); margin:0 0 11px auto; transition:all 0.25s ease; text-indent:-9999px; overflow:hidden;}
          .pjs-main-header .mega-menu-btn .hamburger-menu div:nth-child(3) {margin-bottom:0;}
          .pjs-main-header .mega-menu-btn .hamburger-menu:hover div {background:var(--bg-color-1);}
          .pjs-main-header .mega-menu-btn .hamburger-menu.close {padding-top:16px; padding-bottom:19px; margin-right:15px;}
            .pjs-main-header .mega-menu-btn .hamburger-menu.close div {margin-bottom:4px;}
            .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(1) {width:40px; transform:rotate(-45deg); margin-top:5px;}
            .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(2) {width:0; opacity:0;}
            .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3) {width:40px; transform:rotate(45deg); margin-top:-14px;}
            .pjs-main-container.headroom--not-top .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3), .pjs-main-container.mobile .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3) {width:40px;}
              
    .pjs-main-container.mobile {margin-top:0;}
    body.logged-in .pjs-main-container.mobile .pjs-main-header {top:32px;}
    .pjs-main-container.mobile .pjs-main-header .pjs-inner, .pjs-main-container.headroom--not-top.mobile .pjs-main-header .pjs-inner {padding:0 20px;}
      .pjs-main-container.mobile .pjs-main-header .logo {padding:13px 0 14px 10px;}
        .pjs-main-container.mobile .pjs-main-header .logo a img {max-height:33px;}
      .pjs-main-container.mobile .pjs-main-header .mega-menu-btn {padding:7px 0 4px 10px;}
        .pjs-main-container.mobile .pjs-main-header .mega-menu-btn .hamburger-menu.close {margin-right:0;}
    .pjs-main-container.mobile .pjs-main-header .items {display:flex;}

  @media (max-width:1400px) {
    .pjs-main-header .header-main-nav ul li {font-size:1.6rem;}
  }
  @media (max-width:1225px) {
    .pjs-main-header .icons .icon a {margin-right:0;}
    .pjs-main-header .icons .menu-btn {padding-right:13px;}
  }
  @media (max-width:1150px) {
    .pjs-main-header .pjs-inner {padding-left:25px; padding-right:25px;}
  }
  @media (max-width:782px) {
    body.logged-in .pjs-main-container.mobile .pjs-main-header {top:46px;}
  }
  @media (max-width:767px) {
    .pjs-main-container.mobile .pjs-main-header .logo {padding-left:0;}
    .pjs-main-header .header-main-nav ul {padding-right:0;}
  }
  @media (max-width:390px) {
    .pjs-main-container.mobile .pjs-main-header .pjs-inner, .pjs-main-container.headroom--not-top.mobile .pjs-main-header .pjs-inner {padding:0 10px;}
  }
  @media (max-width:374px) {
    .pjs-main-container.mobile .pjs-main-header .logo a img {max-height:26px;}
  }

  /**********************************************
    preloader
  **********************************************/
  @keyframes spinning-anim {
    0% {
      transform: translate(-50%,-50%) rotate(0)
    }
    100% {
      transform: translate(-50%,-50%) rotate(360deg)
    }
  }
  .preload-spinner,.preloader {position: absolute; left: 50%; top: 50%; z-index: 4; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    .preload-spinner {width: 78px; height: 78px; display: inline-block; overflow: hidden; background: 0 0;}
      .spinner-anim {width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(.78); backface-visibility: hidden; transform-origin: 0 0;}
        .spinner-anim div {position: absolute;width: 62px; height: 62px; border: 8px solid var(--main-color); border-top-color: transparent; border-radius: 50%; animation: 1s linear infinite spinning-anim; top: 50px; left: 50px; box-sizing: content-box;}

  /**********************************************
    Header banner
  **********************************************/
  .pjs-banner {width:100%; clear:both; text-align:center; position:relative; zoom:1;}
    .pjs-banner .pjs-inner {height:900px; position:relative; background:url("https://everydaydiscipleship.com/wp-content/uploads/2024/08/hero-bg-02.png") no-repeat center/cover; padding-top: 100px;}
      .pjs-banner .pjs-inner .banner-header {font-size: 64px; line-height: 1; font-weight: 700; color: var(--txt-color-1);}
      .pjs-banner .pjs-inner .banner-subheader {font-size: 40px; line-height: 1; color: var(--txt-color-1); padding: 40px 0 45px;}
      .pjs-banner .pjs-inner .icon-container {display: flex; justify-content: center; column-gap:24px;padding-bottom: 64px;}
      .pjs-banner .pjs-inner .banner-graphic img {position: relative; z-index: 3;}
      .pjs-banner .pjs-inner .video-modal img {position: absolute; z-index: 4; bottom: 0; left: 50%; transform: translateX(-50%);}
      /* .pjs-banner .banner-bg {width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute; left:0; top:0; z-index:0; opacity:0;}
      .pjs-banner .banner-txt-bg {width:100%; max-width:606px; background:var(--bg-color-4); mix-blend-mode:multiply; position:absolute; left:0; top:calc(36% - 40px); z-index:7; opacity:0; display:none; transition:opacity 0.25s;}
      .pjs-banner .swiper-slide:nth-child(even) .banner-txt-bg {background:var(--main-color);}
      .pjs-banner .banner-txt {width:100%; color:var(--txt-color-1); position:absolute; left:0; top:36%; z-index:8; opacity:0; display:none; transition:opacity 0.25s;}
      .pjs-banner .banner-txt::after {content:''; width:100vw; max-width:606px; height:calc(100% + 120px); background:var(--bg-color-4); opacity:0.7; position:absolute; left:0; top:-40px; z-index:0;}
      .pjs-banner .swiper-slide:nth-child(even) .banner-txt::after {background:var(--main-color);}
        .pjs-banner .banner-txt-inner {width:90%; max-width:566px; background:var(--bg-color-4); padding:48px 28px 0 50px; display:flex; flex-direction:column; align-items:flex-start; position:relative; z-index:1; margin:0 auto 0 40px;}
        .pjs-banner .swiper-slide:nth-child(even) .banner-txt-inner {background:var(--main-color);}
          .pjs-banner .banner-txt svg {width:0; height:0;}
          .pjs-banner .swiper-slide-active .banner-txt .svg-line-odd {width:661px; height:545px; position:absolute; left:-130px; bottom:52px; z-index:9; transform:scale(1.25);}
          .pjs-banner .swiper-slide-active .banner-txt .svg-line-even {width:720px; height:720px; position:absolute; left:150px; bottom:-430px; z-index:9;}
            .pjs-banner .swiper-slide-active .polyElem {fill:#fff; opacity:0; animation:animarrow 0.1s linear forwards; animation-delay:2s;}
            .pjs-banner .swiper-slide-active .paths {fill:none; stroke:#fff; stroke-dasharray:8; stroke-width:2;}
            .pjs-banner .swiper-slide-active .fills {fill:#fff; stroke:#fff; stroke-dasharray:8; stroke-width:2;}
            .pjs-banner .swiper-slide-active .mask {fill:none; stroke:#fff; stroke-width:2; stroke-dasharray:3000; stroke-dashoffset:3000; animation:animline 1s linear forwards; animation-delay:1.5s;}
            @keyframes animline {
              from {stroke-dashoffset:3000;}
              to {stroke-dashoffset:0;}
            }
            @keyframes animarrow {
              from {opacity:0;}
              to {opacity:1;}
            }

          .pjs-banner .banner-txt .banner-txt-items {width:100%; max-width:460px; margin:0; font-size:3.2rem; line-height:1; text-align:left;}
            .pjs-banner .banner-txt .lrg-txt {margin:0;}
            .pjs-banner .banner-txt .sml-txt {margin:0;}
              .pjs-banner .banner-txt .lrg-txt p, .pjs-banner .banner-txt .sml-txt p {display:inline-block; width:-webkit-fill-available; margin:0; text-align:left;}
            .pjs-banner .pjs-btns {justify-content:center; padding:35px 0 0; margin:0 0 0 auto; position:relative; z-index:10;}
              .pjs-banner .swiper-slide .pjs-btns:not(.static-btns) a {min-width:280px; padding:24px 20px; background:var(--main-color); border-radius:0; color:var(--txt-color-1); font-size:2.6rem; margin:0 0 -35px;}
              .pjs-banner .swiper-slide:nth-child(even) .pjs-btns:not(.static-btns) a {background:var(--bg-color-4);}
              .pjs-banner .swiper-slide .pjs-btns:not(.static-btns) a:hover, .pjs-banner .swiper-slide:nth-child(even) .pjs-btns:not(.static-btns) a:hover {background:var(--bg-color-0);}

        .pjs-banner .static-btns {width:100%; position:absolute; left:50%; bottom:10%; transform:translateX(-50%); z-index:10; opacity:0; transition:opacity 0.25s;}
        .pjs-banner .static-btns a {min-width:180px; padding:15px 20px;}
        .pjs-main-container.mobile .pjs-banner .swiper-slide .pjs-btns.static-btns a {min-width:120px; padding:8px 16px; font-size:1.8rem;}

				.pjs-banner .swiper-container {height:100%; overflow:hidden;}
					.pjs-banner .swiper-slide {background-position:center; background-repeat:no-repeat; z-index:2;}
					.pjs-banner .swiper-slide-active {z-index:3;}
          
          .pjs-banner .swiper-horizontal>.swiper-pagination-bullets {bottom:40px;}
            .pjs-banner .swiper-pagination-bullet {width:15px; height:15px; border:1px solid var(--bg-color-5); background:transparent; opacity:1; transition:all 0.25s;}
            .pjs-banner .swiper-pagination-bullet:hover, .pjs-banner .swiper-pagination-bullet-active {background:var(--bg-color-1); border-color:var(--bg-color-1);} */

  @media (max-width: 1024px) {
    .pjs-banner .pjs-inner .banner-graphic img {max-width: 75%; margin-bottom: -60px;}
  }
  @media (max-width:900px) {
    /* .pjs-banner .banner-txt-bg {max-width:100vw; top:auto; bottom:110px;}
    .pjs-banner .swiper-slide:nth-child(even) .banner-txt-bg {bottom:150px;}
    .pjs-banner .banner-txt {top:auto; bottom:180px;}
    .pjs-banner .swiper-slide:nth-child(even) .banner-txt {bottom:220px;}
      .pjs-banner .banner-txt-inner {margin:0 0 0 auto; padding:30px 30px 0;}
        .pjs-banner .banner-txt .banner-txt-items {max-width:375px; font-size:2.1rem; line-height:2.2rem;}
          .pjs-banner .banner-txt .lrg-txt, .pjs-banner .banner-txt .sml-txt {display:block; margin:0;}
        .pjs-banner .pjs-btns:not(.static-btns) {padding-top:20px;}
          .pjs-banner .swiper-slide .pjs-btns:not(.static-btns) a {min-width:125px; padding:6px 20px; font-size:1.6rem; margin-bottom:-10px;}
      .pjs-banner .banner-txt .svg-line1 {bottom:20px;}
      .pjs-banner .swiper-slide-active .banner-txt .svg-line-odd {bottom:-30px;}
      .pjs-banner .swiper-slide-active .banner-txt .svg-line-even {left:-30px; bottom:-375px;} */
  }
  @media (max-width: 768px) {
    .pjs-banner .pjs-inner {height: auto; padding: 100px 25px 0px;}
    .pjs-banner .pjs-inner .banner-header {font-size: 38px; line-height: 42px;}
    .pjs-banner .pjs-inner .banner-subheader {font-size: 22px; padding: 7px 0 25px;}
    .pjs-banner .pjs-inner .icon-container {padding-bottom: 39px; column-gap: 16px;}
    .pjs-banner .pjs-inner .icon-container img {width: 154px; height: 46px;}
    .pjs-banner .pjs-inner .video-modal img {width: 40%}
    .pjs-banner .pjs-inner .banner-graphic img {max-width: 100%;}
  }
  @media (max-width:490px) {
    /* .pjs-banner .banner-txt .banner-txt-items {max-width:230px;} */
  }
  @media (max-width:920px) and (max-height:414px) and (orientation:landscape) {
    /* .pjs-banner .pjs-inner {height:calc(100vh + 40px);}
      .pjs-banner .banner-txt::after {height:calc(100% + 20px); top:-20px;}
      .pjs-banner .swiper-horizontal>.swiper-pagination-bullets {bottom:80px;} */
  }

  /**********************************************
    Sections
  **********************************************/
  .pjs-content-sections {width:100%; clear:both;}
  .pjs-content-sections::after, section.pjs-section::after, .pjs-section .pjs-inner::after {content:''; display:block; clear:both;}
    .pjs-section {width:100%; clear:both; position:relative; background:var(--bg-color-1); margin:0 auto;}
    .pjs-section.gray-bg {background:var(--bg-color-2);}
        .pjs-section header {margin:0 0 30px;}
          .pjs-section header h1, .pjs-section header h2 {color:var(--txt-color-0); font-size:7rem; line-height:1;}
      .pjs-section h1:not(:where(header *)) {font-size:5rem; margin-bottom:25px;}
      .pjs-section h2:not(:where(header *)) {font-size:3rem; margin-bottom:20px;}
      .pjs-section h3:not(:where(header *)), .pjs-section h4:not(:where(header *)), .pjs-section h5:not(:where(header *)) {margin-bottom:20px;}
  @media (max-width:1600px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:6rem;}
      .pjs-section h1:not(:where(header *)) {font-size:4rem;}
  }
  @media (max-width:1200px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:5rem;}
      .pjs-section h1:not(:where(header *)) {font-size:3.3rem;}
  }
  @media (max-width:767px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:4.3rem;}
    .pjs-section h1:not(:where(header *)) {font-size:3rem;}
    .pjs-section h2:not(:where(header *)) {font-size:2.6rem;}
  }
  @media (max-width:374px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:3.6rem;}
  }

  /*header notification bar*/
  .pjs-header-notif-bar {width:100%; background:rgba(255,255,255,0.4); position:absolute; top:0; left:0; z-index:2; opacity:0; transition:opacity 0.25s;}
  .pjs-main-container.mobile .pjs-header-notif-bar {top:60px;}
  .pjs-main-container.headroom--not-top .pjs-header-notif-bar {opacity:0;}
    .pjs-header-notif-bar .pjs-inner {padding:20px 64px;}
    .pjs-main-container.mobile .pjs-header-notif-bar .pjs-inner {padding:20px 20px 20px 30px;}
      .pjs-header-notif-bar .pjs-txt {color:var(--bg-color-0); font-size:2rem; line-height:1.2; font-weight:700; letter-spacing:0.03em; text-align:left;}
  @media (max-width:767px) {
    .pjs-main-container.mobile .pjs-header-notif-bar .pjs-inner {padding:20px;}
  }
  @media (max-width:413px) {
    .pjs-header-notif-bar .pjs-txt {font-size:1.8rem;}
  }
  @media (max-width:390px) {
    .pjs-main-container.mobile .pjs-header-notif-bar .pjs-inner {padding:15px 20px;}
  }
  @media (max-width:374px) {
    .pjs-main-container.mobile .pjs-header-notif-bar .pjs-inner {padding:15px 10px;}
      .pjs-header-notif-bar .pjs-txt {font-size:1.6rem; letter-spacing:0;}
  }

  /*features panel*/
  .pjs-features-panel .pjs-inner {padding:65px 0 0; background-color: var(--bg-color-12);}
    .pjs-features-panel .pjs-feature-info {padding:115px 10% 25px; text-align:center;}
      .pjs-features-panel .pjs-feature-info .highlight-txt {max-width:830px; padding:0 0 50px;}
        .pjs-features-panel .pjs-feature-info .highlight-txt h1 {color:var(--txt-color-4); font-size:3.2rem; line-height:1; font-weight:700;}
      .pjs-features-panel .pjs-feature-info .txt-item {max-width:830px; color:var(--txt-color-0); font-size:2.1rem; line-height:1.2;}
      .pjs-features-panel .pjs-feature-info .txt-item:last-child {padding-bottom:15px;}
      .pjs-features-panel .pjs-feature-info .txt-item::after {content:'+'; color:var(--bg-color-4); font-weight:700; font-size:2rem; line-height:1; display:flex; justify-content:center; align-items:center; padding:5px;}
      .pjs-features-panel .pjs-feature-info .txt-item:last-child::after {content:''; padding:0;}
    .pjs-features-panel .pjs-feature-items {background:var(--bg-color-12) url("https://everydaydiscipleship.com/wp-content/uploads/2024/08/wave-01.png")  top center / cover no-repeat; padding:298px 0 0; position:relative; z-index: 3;}
    /* .pjs-features-panel .pjs-feature-items::before {content:''; width:100%; max-width:385px; height:299px; background:url(assets/images/na-features-bg-ppl.png) no-repeat; background-size:cover; position:absolute; top:0; right:14%; z-index:2; width:0; height:0;} */
    .pjs-features-panel .pjs-feature-items .illustration {width:100%; max-width:385px; height:299px; background:url(assets/images/na-features-bg-ppl.png) no-repeat; background-size:cover; position:absolute; top:0; right:14%; z-index:2;}
      .pjs-features-panel .pjs-feature-items-lbl {position:absolute; top:200px;}
      .pjs-features-panel .pjs-feature-items-inner {background:var(--bg-color-13); padding:0 0 70px;}
        .pjs-features-panel .swiper-container {width:100%; max-width:875px; position:relative; overflow:hidden; padding:5px 0 0;}
          .pjs-features-panel .swiper-horizontal>.swiper-pagination-bullets, .pjs-features-panel .swiper-pagination-bullets.swiper-pagination-horizontal {top:auto; bottom:10px;}
            .pjs-features-panel .swiper-pagination-bullet {width:16px; height:16px; border:1px solid var(--bg-color-5); background:transparent; opacity:1; transition:all 0.25s;}
            .pjs-features-panel .swiper-pagination-bullet:hover, .pjs-features-panel .swiper-pagination-bullet-active {background:var(--main-color); border-color:var(--main-color);}
          .pjs-features-panel .swiper-wrapper {padding:0 0 60px; align-items:center;}
            .pjs-features-panel .swiper-slide {width:310px; height:534px; background:var(--bg-color-1); border-radius:15px; overflow:hidden; text-align:center; box-shadow:0 3px 8px 2px rgba(0,0,0,0.1); transition:transform 0.25s; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
              .pjs-features-panel .swiper-slide-inner {height:100%; display:flex; flex-direction:column; align-items:center;}
                .pjs-features-panel .swiper-slide .title {font-size:2.1rem; line-height:1; font-weight:700; color:var(--txt-color-0); padding:45px 30px 20px;}
                .pjs-features-panel .swiper-slide .img {margin:auto auto 0; display:block; align-self:flex-end;}
      .pjs-features-panel .pjs-btns {padding-top:20px;}
  @media (min-width:1024px) {
    .pjs-features-panel .swiper-slide, .pjs-features-panel .swiper-backface-hidden .swiper-slide {transform:translateZ(0) scale(0.7); opacity:0.5;}
    .pjs-features-panel .swiper-slide-active, .pjs-features-panel .swiper-backface-hidden .swiper-slide-active {transform:translateZ(0) scale(1); opacity:1;}
  }
  @media (max-width:1600px) {
    .pjs-features-panel .pjs-feature-items .illustration {right:8%;}
  }
  @media (max-width:782px) {
    .pjs-features-panel .pjs-feature-info {padding: 25px 16px 25px;}
    .pjs-features-panel .pjs-feature-items {background-image:url("https://everydaydiscipleship.com/wp-content/uploads/2024/08/wave-01.png"); padding-top:273px;}
    .pjs-features-panel .pjs-feature-items .illustration {width:100%; max-width:390px; height:274px; background-image:url(assets/images/na-features-bg-ppl-mob.png); left:auto; right:5%; transform:none; background-size:contain;}
    .pjs-features-panel .pjs-feature-info .highlight-txt {padding-bottom: 32px;}
    .pjs-features-panel .pjs-feature-info .highlight-txt h1 {margin-bottom: 0px;}
    .pjs-features-panel .pjs-feature-info .txt-item::after {padding: 16px 5px;}
  }
  @media (max-width:425px) {
    .pjs-features-panel .pjs-feature-items .illustration {right:auto; left:50%; transform:translateX(-50%);}
  }

  /*testimonials panel*/
  .pjs-testimonial-panel {display: block; visibility: visible;}
    .pjs-testimonial-panel .pjs-inner {padding:20px 0 50px;}
      .pjs-testimonial-panel .pjs-testimonial-intro {width:100%; margin:0; position:absolute; z-index:2;}
      /* .pjs-testimonial-panel .pjs-testimonial-intro::before {content:''; width:73%; height:100%; background:var(--main-color); opacity:0.7; position:absolute; left:0; top:0; z-index:-1;} */
        .pjs-testimonial-panel .pjs-testimonial-intro .txt {max-width:230px; margin:0; color:var(--txt-color-0); font-size:36px; line-height:42px;}
          .pjs-testimonial-panel .pjs-testimonial-intro .txt strong {color:var(--txt-color-5); }
        .pjs-testimonial-panel .bg-shapes {width:235px; height:188px; background:url(assets/images/na-bg-shapes2.png) right top no-repeat; position:absolute; bottom:-54px; right:5%; z-index:3;}
      .pjs-testimonial-panel .testimonial-items {padding:75px 7% 0;}
        .pjs-testimonial-panel .testimonial-item {max-width:310px; background:var(--bg-color-1); border-radius:15px; margin-bottom:45px; box-shadow:0 3px 15px 5px rgba(0,0,0,0.1);}
          .pjs-testimonial-panel .testimonial-item .ti-inner {display:flex; flex-direction:column; padding:0 20px 35px 26px;}
            .pjs-testimonial-panel .testimonial-item .ti-top {display:flex; justify-content:space-between; align-items:flex-end; margin:-20px 0 0; padding:0 0 25px;}
              .pjs-testimonial-panel .testimonial-item .ti-top .ti-img {width:112px; height:112px; border-radius:100%; overflow:hidden; box-shadow:0 3px 15px 5px rgba(0,0,0,0.2); background-position:center center; background-repeat:no-repeat; background-color:var(--bg-color-3); margin:0; order:2;}
              .pjs-testimonial-panel .testimonial-item:nth-child(even) .ti-top .ti-img {order:1;}
              .pjs-testimonial-panel .testimonial-item .ti-top .ti-icon {width:45px; height:36px; background:url(assets/images/na-quote-left.svg) center no-repeat; margin:0; order:1;}
              .pjs-testimonial-panel .testimonial-item:nth-child(even) .ti-top .ti-icon {order:2; /*transform:scaleX(-1);*/ background-image:url(assets/images/na-quote-right.svg);}
            .pjs-testimonial-panel .testimonial-item .ti-txt {margin:0; color:var(--txt-color-0);}
            .pjs-testimonial-panel .testimonial-item .ti-name {margin:0; color:var(--main-color); padding:15px 0 0;}
            /* .pjs-testimonial-panel .testimonial-item:nth-child(even) .ti-name {color:var(--txt-color-3);} */
  @media (min-width:375px) {
    .pjs-testimonial-panel .bg-shapes {right:6%;}
    /* .pjs-testimonial-panel .pjs-testimonial-intro {position: relative;} */
    .pjs-testimonial-panel .pjs-testimonial-intro .txt {max-width: fit-content; margin: 0 auto; padding-bottom: 40px;}
  }
  @media (min-width:390px) {
    .pjs-testimonial-panel .bg-shapes {right:7%;}
  }
  @media (min-width:414px) {
    .pjs-testimonial-panel .bg-shapes {right:8%;}
  }
  @media (min-width:768px) {
    .pjs-testimonial-panel .bg-shapes {right:16.5%;}
  }
  @media (max-width:768px) {
    .pjs-testimonial-panel {visibility: hidden; display: none;}
  }
  @media (min-width:1023px) {
    .pjs-testimonial-panel .pjs-inner {padding-top:0;}
      .pjs-testimonial-panel .pjs-testimonial-intro {width:49%; margin-bottom:50px;}
      .pjs-testimonial-panel .pjs-testimonial-intro::before {width:100%;}
        .pjs-testimonial-panel .bg-shapes {bottom:-111px; right:-56px;}
        .pjs-testimonial-panel .pjs-testimonial-intro .txt {max-width:425px; font-size:3.2rem; margin: 0;}
      .pjs-testimonial-panel .testimonial-items {display:flex; justify-content:center; align-items:flex-start; padding:161px 7% 111px;}
        .pjs-testimonial-panel .testimonial-item {width:22%; margin:0 10px;}
        .pjs-testimonial-panel .testimonial-item:nth-child(3) {margin-top:225px;}
        .pjs-testimonial-panel .testimonial-item:nth-child(2) {margin-top:156px;}
        .pjs-testimonial-panel .testimonial-item:last-child {margin-top:156px;}
  }

  @media (max-width: 1023px) {
    .pjs-testimonial-panel .pjs-testimonial-intro {position: relative;}
  }
  @media (max-width:374px) {
    .pjs-testimonial-panel .pjs-testimonial-intro::before {width:82%;}
    .pjs-testimonial-panel .bg-shapes {right:0; bottom:-44px;}
  }

  /* Testimonial Mobile Slider */
   .pjs-testimonial-panel-mobile {background-color: #CCE8EA;display: none; visibility: hidden;}
   .pjs-testimonial-panel-mobile .pjs-inner {padding:60px 40px; overflow: hidden;}
     .pjs-testimonial-panel-mobile .pjs-testimonial-intro {width:100%; margin:0; position:absolute; z-index:2;}
     /* .pjs-testimonial-panel-mobile .pjs-testimonial-intro::before {content:''; width:73%; height:100%; background:var(--main-color); opacity:0.7; position:absolute; left:0; top:0; z-index:-1;} */
       .pjs-testimonial-panel-mobile .pjs-testimonial-intro .txt {margin:0; color:var(--txt-color-0); font-size:36px; line-height:42px;}
         .pjs-testimonial-panel-mobile .pjs-testimonial-intro .txt strong {color:var(--txt-color-5); }
       .pjs-testimonial-panel-mobile .bg-shapes {width:235px; height:188px; background:url(assets/images/na-bg-shapes2.png) right top no-repeat; position:absolute; bottom:-54px; right:5%; z-index:3;}
     .pjs-testimonial-panel-mobile .testimonial-items {width: 272px; height: 293px; margin: 20px auto;}
       .pjs-testimonial-panel-mobile .testimonial-item {background:var(--bg-color-1); border-radius:15px; margin-bottom:45px; box-shadow:0 3px 15px 5px rgba(0,0,0,0.1);}
         .pjs-testimonial-panel-mobile .testimonial-item .ti-inner {display:flex; flex-direction:column; padding:0 20px 35px 26px;}
           .pjs-testimonial-panel-mobile .testimonial-item .ti-top {display:flex; justify-content:space-between; align-items:flex-end; margin:-20px 0 0; padding:0 0 25px;}
             .pjs-testimonial-panel-mobile .testimonial-item .ti-top .ti-img {width:112px; height:112px; border-radius:100%; overflow:hidden; box-shadow:0 3px 15px 5px rgba(0,0,0,0.2); background-position:center center; background-repeat:no-repeat; background-color:var(--bg-color-3); margin:0; order:2;}
             .pjs-testimonial-panel-mobile .testimonial-item:nth-child(even) .ti-top .ti-img {order:1;}
             .pjs-testimonial-panel-mobile .testimonial-item .ti-top .ti-icon {width:45px; height:36px; background:url(assets/images/na-quote-left.svg) center no-repeat; margin:0; order:1;}
             .pjs-testimonial-panel-mobile .testimonial-item:nth-child(even) .ti-top .ti-icon {order:2; /*transform:scaleX(-1);*/ background-image:url(assets/images/na-quote-right.svg);}
           .pjs-testimonial-panel-mobile .testimonial-item .ti-txt {margin:0; color:var(--txt-color-0);}
           .pjs-testimonial-panel-mobile .testimonial-item .ti-name {margin:0; color:var(--main-color); padding:15px 0 0;}
           /* .pjs-testimonial-panel-mobile .testimonial-item:nth-child(even) .ti-name {color:var(--txt-color-3);} */

 @media (min-width:1023px) {
   .pjs-testimonial-panel-mobile .pjs-inner {padding-top:0;}
     .pjs-testimonial-panel-mobile .pjs-testimonial-intro {width:49%; margin-bottom:50px;}
     .pjs-testimonial-panel-mobile .pjs-testimonial-intro::before {width:100%;}
       .pjs-testimonial-panel-mobile .bg-shapes {bottom:-111px; right:-56px;}
       .pjs-testimonial-panel-mobile .pjs-testimonial-intro .txt {max-width:425px; font-size:3.2rem; margin: 0;}
     .pjs-testimonial-panel-mobile .testimonial-items {display:flex; justify-content:center; align-items:flex-start; padding:161px 7% 111px;}
       .pjs-testimonial-panel-mobile .testimonial-item {width:22%; margin:0 10px;}
       .pjs-testimonial-panel-mobile .testimonial-item:nth-child(3) {margin-top:225px;}
       .pjs-testimonial-panel-mobile .testimonial-item:nth-child(2) {margin-top:156px;}
       .pjs-testimonial-panel-mobile .testimonial-item:last-child {margin-top:156px;}
 }

 @media (max-width: 1023px) {
   .pjs-testimonial-panel-mobile .pjs-testimonial-intro {position: relative;}
 }
 @media (max-width:374px) {
   .pjs-testimonial-panel-mobile .pjs-testimonial-intro::before {width:82%;}
   .pjs-testimonial-panel-mobile .bg-shapes {right:0; bottom:-44px;}
 }

 @media (max-width: 768px) {
  .pjs-testimonial-panel-mobile {background:url('https://everydaydiscipleship.com/wp-content/uploads/2024/08/new-bg-01.png') center top -40px / contain no-repeat, #CCE8EA;}
  .pjs-testimonial-panel-mobile {display: block; visibility: visible;}
  .pjs-testimonial-panel-mobile .swiper-pagination-bullet-active {width: 33px; height: 7px; border-radius: 5px; background: #CB6026; transition: .3s ease all;}
  .pjs-testimonial-panel-mobile .pjs-inner {padding: 60px 32px 90px;}
  .pjs-testimonial-panel-mobile .pjs-testimonial-intro .txt {padding-bottom: 28px;}
  .pjs-testimonial-panel-mobile .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 70px !important;}
 }

 @media (max-width: 537px) {
  .pjs-testimonial-panel-mobile {background:url('https://everydaydiscipleship.com/wp-content/uploads/2024/08/new-bg-01.png') center top 0px / contain no-repeat, #CCE8EA;}

 }


  /* Grow Panel */
  .pjs-grow-panel {z-index: 10;}
    .pjs-grow-panel .pjs-inner {padding: 20px 0 50px; display: flex; align-items: center; background-color: var(--bg-color-7); min-height: 700px;}
      .pjs-grow-panel .pjs-inner .left-col {flex: 0 1 50%; padding-left: 170px;}
        .pjs-grow-panel .pjs-inner .left-col .grow-header-text {font-size:64px; font-weight: 700; color: var(--txt-color-1);margin-bottom: 16px; line-height: 1;}
        .pjs-grow-panel .pjs-inner .left-col .grow-body-text {color: var(--txt-color-1); font-size: 36px; line-height: 1;}
      .pjs-grow-panel .pjs-inner .right-col {flex: 0 1 50%;}
        .pjs-grow-panel .pjs-inner .right-col img {position: relative; margin-bottom: -350px; z-index: 3;}


  @media (max-width: 1200px) {
    .pjs-grow-panel .pjs-inner {min-height: 500px;}
    .pjs-grow-panel .pjs-inner .right-col img {margin-bottom: -150px;}
    .pjs-grow-panel .pjs-inner {padding: 20px 40px 50px;}
    .pjs-grow-panel .pjs-inner .left-col {flex: 0 1 40%;  padding-left: 0px;}
    .pjs-grow-panel .pjs-inner .right-col {flex: 0 1 60%;}
  }

  @media (max-width: 1024px) {
    .pjs-grow-panel .pjs-inner .left-col .grow-header-text {font-size: 48px;}
    .pjs-grow-panel .pjs-inner .left-col .grow-body-text {font-size: 32px;}
  }

  @media (max-width: 768px) {
    .pjs-grow-panel .pjs-inner {flex-direction: column; min-height: auto; padding: 64px 24px 50px;}
    .pjs-grow-panel .pjs-inner .left-col {padding-bottom: 40px;}
    .pjs-grow-panel .pjs-inner .left-col .grow-header-text {font-size: 64px;}
    .pjs-grow-panel .pjs-inner .left-col .grow-body-text {font-size: 36px;}
    .pjs-grow-panel .pjs-inner .right-col {text-align: center;}
    .pjs-grow-panel .pjs-inner .right-col img {margin-bottom: -200px; margin-left: -20px; max-width: 110%;}
  }


  /* Explore Panel */
  .pjs-explore-panel {}
    .pjs-explore-panel .pjs-inner {padding: 20px 0 50px; display: flex; align-items: center; background-color: var(--bg-color-8); min-height: 700px;}
      .pjs-explore-panel .pjs-inner .right-col {margin-left: 0; margin-right: 210px; flex: 0 1 50%;}
        .pjs-explore-panel .pjs-inner .right-col .explore-header-text {font-size:64px; font-weight: 700; color: var(--txt-color-1);margin-bottom: 16px; line-height: 1;}
        .pjs-explore-panel .pjs-inner .right-col .explore-body-text {color: var(--txt-color-1); font-size: 36px; line-height: 1;}
      .pjs-explore-panel .pjs-inner .left-col {flex: 0 1 50%; margin-left: 170px;}
        .pjs-explore-panel .pjs-inner .left-col img {position: relative; margin-bottom: -250px; z-index: 3;}

  @media (max-width: 1366px) {
    .pjs-explore-panel .pjs-inner .left-col img {}
    .pjs-explore-panel .pjs-inner .left-col {margin-left: unset;}
  }

  @media (max-width: 1200px) {
    .pjs-explore-panel .pjs-inner {min-height: 500px;}
    .pjs-explore-panel .pjs-inner .left-col img {width: 80%; margin-bottom: -150px;}
    .pjs-explore-panel .pjs-inner {padding: 20px 40px 50px;}
    .pjs-explore-panel .pjs-inner .left-col {flex: 0 1 60%;}
    
    .pjs-explore-panel .pjs-inner .right-col {flex: 0 1 40%; margin-right: 0;}
  }
  
  @media (max-width: 1024px) {
    .pjs-explore-panel .pjs-inner .right-col .explore-header-text {font-size: 48px;}
    .pjs-explore-panel .pjs-inner .right-col .explore-body-text {font-size: 32px;}
  }

  @media (max-width: 768px) {
    .pjs-explore-panel .pjs-inner {min-height: auto; padding: 180px 24px 10px; flex-direction: column-reverse;}
    .pjs-explore-panel .pjs-inner .right-col {padding-bottom: 40px;}
    .pjs-explore-panel .pjs-inner .right-col .explore-header-text {font-size: 64px;}
    .pjs-explore-panel .pjs-inner .right-col .explore-body-text {font-size: 36px;}
    .pjs-explore-panel .pjs-inner .left-col {text-align: center;}
    .pjs-explore-panel .pjs-inner .left-col img {max-width: 100%; margin-bottom: -120px; min-width: unset; min-height:unset; width: 100%;}
  }

  @media (max-width: 320px) {
    .pjs-explore-panel .pjs-inner .left-col img {min-height: 404; min-width: 280px;}
  }

  /* Connect Panel */
  .pjs-connect-panel {}
  .pjs-connect-panel .pjs-inner {padding: 20px 0 50px; display: flex; align-items: center; background-color: var(--bg-color-9); min-height: 700px;}
    .pjs-connect-panel .pjs-inner .left-col {margin-left: 0; margin-left: 210px; flex: 0 1 50%;}
      .pjs-connect-panel .pjs-inner .left-col .connect-header-text {font-size:64px; font-weight: 700; color: var(--txt-color-1);margin-bottom: 16px; line-height: 1;}
      .pjs-connect-panel .pjs-inner .left-col .connect-body-text {color: var(--txt-color-1); font-size: 36px; line-height: 1;}
    .pjs-connect-panel .pjs-inner .right-col {flex: 0 1 50%;}
      .pjs-connect-panel .pjs-inner .right-col img {position: relative; margin-bottom: -200px; z-index: 3;}

  @media (max-width: 1366px) {
    .pjs-connect-panel .pjs-inner .right-col img {margin-bottom: unset;}
  }

  @media (max-width: 1200px) {
    .pjs-connect-panel .pjs-inner {min-height: 500px;}
    .pjs-connect-panel .pjs-inner {padding: 20px 40px 50px;}
    .pjs-connect-panel .pjs-inner .right-col {flex: 0 1 60%; text-align: center;}
    .pjs-connect-panel .pjs-inner .right-col img {width: 60%;}
    .pjs-connect-panel .pjs-inner .left-col {flex: 0 1 40%; margin: 0;}
    
  }
  
  @media (max-width: 1024px) {
    .pjs-connect-panel .pjs-inner .left-col .connect-header-text {font-size: 48px;}
    .pjs-connect-panel .pjs-inner .left-col .connect-body-text {font-size: 32px;}
  }

  @media (max-width: 768px) {
    .pjs-connect-panel .pjs-inner {min-height: auto; padding: 150px 24px 50px; flex-direction: column;}
    .pjs-connect-panel .pjs-inner .left-col {padding-bottom: 40px;}
    .pjs-connect-panel .pjs-inner .left-col .connect-header-text {font-size: 64px; }
    .pjs-connect-panel .pjs-inner .left-col .connect-body-text {font-size: 36px; }
    .pjs-connect-panel .pjs-inner .right-col {text-align: center;}
    .pjs-connect-panel .pjs-inner .right-col img {width: 100%; text-align: center; margin-bottom: -180px;}
  }

  /* share Panel */
  .pjs-share-panel {}
    .pjs-share-panel .pjs-inner {padding: 20px 0 50px; display: flex; align-items: center; background-color: var(--bg-color-10); min-height: 700px;}
      .pjs-share-panel .pjs-inner .right-col {margin-left: 0; margin-right: 210px; flex: 0 1 50%;}
        .pjs-share-panel .pjs-inner .right-col .share-header-text {font-size:64px; font-weight: 700; color: var(--txt-color-1);margin-bottom: 16px; line-height: 1;}
        .pjs-share-panel .pjs-inner .right-col .share-body-text {color: var(--txt-color-1); font-size: 36px; line-height: 1;}
      .pjs-share-panel .pjs-inner .left-col {display: flex; justify-content: center; flex: 0 1 50%;}
        .pjs-share-panel .pjs-inner .left-col img {position: relative; margin-top: -250px; z-index: 3;}

  @media (max-width: 1366px) {
  }

  @media (max-width: 1200px) {
    .pjs-share-panel .pjs-inner {min-height: 500px;}
    .pjs-share-panel .pjs-inner .left-col img {width: 80%; margin-top: -150px;}
    .pjs-share-panel .pjs-inner {padding: 20px 40px 50px;}
    .pjs-share-panel .pjs-inner .left-col {flex: 0 1 60%; text-align: center;}
    .pjs-share-panel .pjs-inner .right-col {flex: 0 1 40%; margin: 0;}
  }
  
  @media (max-width: 1024px) {
    .pjs-share-panel .pjs-inner .right-col .share-header-text {font-size: 48px;}
    .pjs-share-panel .pjs-inner .right-col .share-body-text {font-size: 32px;}
  }

  @media (max-width: 768px) {
    .pjs-share-panel .pjs-inner .left-col img {width: 100%; margin-top: unset; margin-bottom: -300px;}
    .pjs-share-panel .pjs-inner {min-height: auto; padding: 150px 24px 50px; flex-direction: column-reverse;}
    .pjs-share-panel .pjs-inner .right-col {padding-bottom: 40px; text-align: center;}
    .pjs-share-panel .pjs-inner .right-col .share-header-text {font-size: 64px; text-align: left;}
    .pjs-share-panel .pjs-inner .right-col .share-body-text {font-size: 36px; text-align: left;}
  }

  /* Go Deep Panel */
  .pjs-go-deep-panel {}
  .pjs-go-deep-panel .pjs-inner {overflow: hidden; padding: 20px 0 50px; display: flex; align-items: center; background-color: var(--bg-color-11); min-height: 700px;}
    .pjs-go-deep-panel .pjs-inner .left-col {margin-left: 0; margin-left: 210px; flex: 0 1 50%; margin-top: 200px;}
      .pjs-go-deep-panel .pjs-inner .left-col .go-deep-header-text {font-size:64px; font-weight: 700; color: var(--txt-color-1);margin-bottom: 16px; line-height: 1;}
      .pjs-go-deep-panel .pjs-inner .left-col .go-deep-body-text {color: var(--txt-color-1); font-size: 36px; line-height: 1;}
      .pjs-go-deep-panel .pjs-inner .left-col .icon-container {margin-top: 40px; display: flex; column-gap: 24px;}
      .pjs-go-deep-panel .pjs-inner .left-col .icon-container > a {width: 135px;}
    .pjs-go-deep-panel .pjs-inner .right-col {flex: 0 1 50%;}
      .pjs-go-deep-panel .pjs-inner .right-col img {position: absolute; z-index: 3; right: 0; bottom: 0; max-width: 75%;}
  
  @media (max-width: 1366px) {
    .pjs-go-deep-panel .pjs-inner {min-height: 550px;}
    .pjs-go-deep-panel .pjs-inner .left-col {margin-top: unset;}
    .pjs-go-deep-panel .pjs-inner .right-col img {margin-bottom: unset; max-width: 60%; right: 0; bottom: 0;}
  }

  @media (max-width: 1200px) {
    .pjs-go-deep-panel .pjs-inner {padding: 20px 40px 50px;}
    .pjs-go-deep-panel .pjs-inner .right-col {flex: 0 1 60%; text-align: center;}
    .pjs-go-deep-panel .pjs-inner .right-col img {max-width: 68%;}
    .pjs-go-deep-panel .pjs-inner .left-col {flex: 0 1 40%; margin: 0;}
    
    
  }
  
  @media (max-width: 1024px) {
    .pjs-go-deep-panel .pjs-inner .left-col .go-deep-header-text {font-size: 48px;}
    .pjs-go-deep-panel .pjs-inner .left-col .go-deep-body-text {font-size: 32px;}
    .pjs-go-deep-panel .pjs-inner {padding: 20px 40px 0px; min-height: 450px;}
  }

  @media (max-width: 768px) {
    .pjs-go-deep-panel .pjs-inner {min-height: auto; padding: 330px 24px 0px; flex-direction: column;}
    .pjs-go-deep-panel .pjs-inner .left-col {padding-bottom: 20px;}
    .pjs-go-deep-panel .pjs-inner .left-col .go-deep-header-text {font-size: 64px; }
    .pjs-go-deep-panel .pjs-inner .left-col .go-deep-body-text {font-size: 36px; }
    .pjs-go-deep-panel .pjs-inner .right-col {text-align: center;}
    .pjs-go-deep-panel .pjs-inner .left-col .icon-container {display: flex; justify-content: space-evenly; column-gap: 30px;}
    .pjs-go-deep-panel .pjs-inner .left-col .icon-container a {flex: 0 1 50%;}
    .pjs-go-deep-panel .pjs-inner .left-col .icon-container a img {width: 100%;}
    .pjs-go-deep-panel .pjs-inner .right-col img {position: relative; max-width: 110%; text-align: center; transform: translate(10px, 25px);}
  }
    
  /*steps panel*/
  /* .pjs-steps-panel .pjs-inner {padding:35px 0 25px;}
    .pjs-steps-panel .pjs-steps-intro {width:100%; padding:30px 10%; position:relative; z-index:2;}
    .pjs-steps-panel .pjs-steps-intro::before {content:''; width:83%; height:100%; background:var(--bg-color-4); position:absolute; left:-10%; top:0; z-index:-1;}
      .pjs-steps-panel .pjs-steps-intro .txt {max-width:185px; margin:0; color:var(--txt-color-1); font-size:2.6rem; line-height:1; font-weight:700;}
    .pjs-steps-panel .num-callout {width:112px; height:112px; background:var(--main-color); border-radius:100%; overflow:hidden; color:var(--txt-color-1); display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:104px; right:13%; z-index:3;}
      .pjs-steps-panel .num-callout .num-txt {line-height:1;}
      .pjs-steps-panel .num-callout .num {font-size:3rem; line-height:1;}
    .pjs-steps-panel .steps {margin:-60px 10% 0; position:relative; z-index:1;}
      .pjs-steps-panel .step {width:100%; max-width:310px; background:var(--bg-color-1); border:1px solid var(--bg-color-4); display:none;}
      .pjs-steps-panel .step[data-step="1"] {display:block;}
        .pjs-steps-panel .step .step-inner {padding:155px 30px 30px; display:flex; flex-direction:column; justify-content:space-between;}
          .pjs-steps-panel .step .step-title {font-size:2.4rem; line-height:1; color:var(--txt-color-3); font-weight:700; margin:0;}
          .pjs-steps-panel .step .step-content {font-size:2.4rem; line-height:1; color:var(--txt-color-0); padding:30px 0 0; margin:0;}
          .pjs-steps-panel .steps .step-nav {width:100%; padding:30px 0 0; display:flex; justify-content:space-between;}
            .pjs-steps-panel .steps .step-nav .step-icon {width:48px; height:48px; background:var(--bg-color-0); border-radius:100%; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;}
            .pjs-steps-panel .steps .step-nav .step-prev {margin:0 auto 0 0;}
            .pjs-steps-panel .steps .step-nav .step-next {margin:0 0 0 auto;}
              .pjs-steps-panel .steps .step-nav .step-icon img {display:block;}
              .pjs-steps-panel .steps .step-nav .step-prev img {transform:scaleX(-1);} */
              
  /*steps panel v2*/
  .pjs-steps-panel.v2 {margin-top: -120px; overflow: hidden;}
  .pjs-steps-panel.v2 .pjs-inner {padding:55px 5% 150px; background-color: var(--bg-color-13);}
    .pjs-steps-panel.v2 .pjs-steps-intro {width:100%; max-width:580px; text-align:center; z-index: 5; position: relative;}
      .pjs-steps-panel.v2 .pjs-steps-intro .txt {font-size:3.2rem; line-height:1; padding-bottom:18px; position:relative;}
      .pjs-steps-panel.v2 .pjs-steps-intro .txt::after {content:''; width:50px; height:2px; background:var(--bg-color-4); position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
        .pjs-steps-panel.v2 .pjs-steps-intro .txt h2 {font-size:3.2rem; font-weight:400;}
          .pjs-steps-panel.v2 .pjs-steps-intro .txt strong {color:var(--main-color);}
    .pjs-steps-panel.v2 .pjs-steps {width:100%; max-width:750px; padding:45px 0 0; position:relative;}
    .pjs-steps-panel.v2 .pjs-steps .hand-graphic {position: absolute; bottom: 0; z-index: 4; height: auto; max-width: unset; left: 50%; transform: translateX(calc(-50% + 1px)); margin-bottom: -165px;}
      .pjs-steps-panel.v2 .pjs-steps .swiper-container {width:90%; max-width:700px; overflow:hidden; z-index: 5; position: relative;}
      .pjs-steps-panel.v2 .pjs-steps .swiper-container.swiper-steps {max-width:233px; overflow:hidden; border-radius: 30px}
        .pjs-steps-panel.v2 .pjs-steps .swiper-slide {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; text-align:center;}
          .pjs-steps-panel.v2 .pjs-steps .swiper-slide .title {font-size:3.2rem; line-height:1; color:var(--main-color); font-weight:700;}
          .pjs-steps-panel.v2 .pjs-steps .swiper-slide .content {max-width:600px; font-size:2.1rem; padding:15px 0 0; padding-bottom: 50px; min-height: 120px;}
          .pjs-steps-panel.v2 .pjs-steps .swiper-slide .img {display:block; margin: 0 auto;} 
          .pjs-steps-panel.v2 .swiper-button-next, .pjs-steps-panel.v2 .swiper-button-prev {width:48px; height:48px; border-radius:100%; background:var(--bg-color-0); overflow:hidden; margin:0; top:50%; transition:all 0.25s;}
          .pjs-steps-panel.v2 .swiper-button-next:after, .pjs-steps-panel.v2 .swiper-button-prev:after {content:'';}
          .pjs-steps-panel.v2 .swiper-button-next {right:0;}
          .pjs-steps-panel.v2 .swiper-button-prev {left:0;}
          .pjs-steps-panel.v2 .swiper-button-next:hover, .pjs-steps-panel.v2 .swiper-button-prev:hover {background:var(--main-color);}
            .pjs-steps-panel.v2 .swiper-button-next .icon, .pjs-steps-panel.v2 .swiper-button-prev .icon {width:19px; height:12px; background-image:url(assets/images/na-icon-arrow-right2.png);}
            .pjs-steps-panel.v2 .swiper-button-prev .icon {transform:rotate(180deg);}
              .pjs-steps-panel.v2 .swiper-button-next .icon span, .pjs-steps-panel.v2 .swiper-button-prev .icon span {position:absolute; left:-9999px; z-index:-1; opacity:0;}
  
  @media (max-width: 1023px) {
    .pjs-steps-panel.v2 .pjs-inner {padding-top: 100px; }
  }
  @media (max-width:782px) {
    .pjs-steps-panel.v2 .pjs-steps .swiper-slide .content {max-width:235px; font-size:1.7rem;}
  }

  @media (max-width: 768px) {
    .pjs-steps-panel.v2 .pjs-steps .swiper-container.swiper-steps {max-width:200px;}
    .pjs-steps-panel.v2 .pjs-inner {padding-bottom: 120px; padding-left: 16px; padding-right: 16px;}
    .pjs-steps-panel.v2 .pjs-steps .hand-graphic {max-width: 1000px; margin-bottom: -135px;}
    .pjs-steps-panel.v2 .pjs-steps .swiper-slide .img img {width: 200px;}
    .pjs-steps-panel.v2 .pjs-steps {padding-top: 24px;}
    .pjs-steps-panel.v2 .pjs-steps-intro .txt h2 {margin-bottom: 0;}
    .pjs-steps-panel.v2 .pjs-steps-intro .txt {padding-bottom: 24px;}
    .pjs-steps-panel.v2 .pjs-steps .swiper-slide .content {padding-bottom: 20px; min-height: max-content;}
    
  }

  /*signup panel*/
  .pjs-signup-panel {background:var(--main-color);}
    .pjs-signup-panel .pjs-inner {padding:38px 10%;}
      .pjs-signup-panel .pjs-btns {padding-top:0;}
        .pjs-signup-panel .pjs-btns a {margin-bottom:0;}

  /*misc panels*/
    .pjs-more .pjs-inner {padding:26px 10% 0; text-align:center;}
      .pjs-more .txt {font-size:2.1rem; line-height:1; font-weight:700;}
      .pjs-more .arrow {padding-top:8px;}

  /**********************************************
    Footer styles
  **********************************************/
  .pjs-footer-mob {width:100%; background:var(--bg-color-0); margin:auto auto 0; display:block; clear:both; position:relative; visibility: hidden; display: none; height: auto; box-sizing: border-box;padding-bottom: env(safe-area-inset-bottom);}
    .pjs-footer-mob .footer-main {display:flex; align-items:stretch; flex-wrap:wrap; color:var(--txt-color-1);}
      .pjs-footer-mob .footer-main .main-col {width:90%; padding:100px 10% 70px;}
        .pjs-footer-mob .footer-main .main-col .main-col-inner {max-width:1200px; display:flex; justify-content:space-between; align-items:center;}
          .pjs-footer-mob .footer-main .main-col .col-graphic {width:43%; margin:0 0 0 auto; order:2;}
            .pjs-footer-mob .footer-main .main-col .col-graphic img {height:100vh; max-height:370px; display:block;}
          .pjs-footer-mob .footer-main .main-col .pjs-cols {width:52%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; margin:0 auto 0 0; order:1;}
            .pjs-footer-mob .footer-main .main-col .col {width:48%; margin:0 auto; font-size:1.5rem; line-height:2.5rem; flex:1 1 0;}
            .pjs-footer-mob .footer-main .main-col .col:last-child {flex:2;}
              .pjs-footer-mob .footer-main .main-col .col .logo {display:block;}
              .pjs-footer-mob .footer-main .main-col .col .label {color:var(--txt-color-1); font-size:1.8rem; line-height:1; font-weight:700; padding-bottom:10px;}
              .pjs-footer-mob .footer-main .main-col .col ul {list-style:none; margin:0;}
                .pjs-footer-mob .footer-main .main-col .col ul li {line-height:1.2; margin-bottom:15px;}
                  .pjs-footer-mob .footer-main .main-col .col ul li a, .pjs-footer-mob .footer-main .main-col .col a {color:var(--txt-color-1); text-decoration:underline;}
                  .pjs-footer-mob .footer-main .main-col .col ul li a:hover, .pjs-footer-mob .footer-main .main-col .col a:hover {color:var(--main-color);}
              .pjs-footer-mob .footer-main .main-col .social-icons {padding:15px 0 20px;}
                .pjs-footer-mob .footer-main .main-col .social-icons ul {list-style:none; margin:0; display:flex;}
                  .pjs-footer-mob .footer-main .main-col .social-icons ul li {margin:0 15px 0 0;}
                    .pjs-footer-mob .footer-main .main-col .social-icons ul li a {display:flex; justify-content:center; align-items:center; color:var(--bg-color-1); text-decoration:none; position:relative; overflow:hidden;}
                    .pjs-footer-mob .footer-main .main-col .social-icons ul li a:hover {color:var(--main-color);}
                      .pjs-footer-mob .footer-main .main-col .social-icons ul li a .icon {display:block; font-size:2.8rem; line-height:1;}
                        .pjs-footer-mob .footer-main .main-col .social-icons ul li a .icon .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
              .pjs-footer-mob .footer-main .main-col .info {padding-top:20px;}
        
  @media (max-width:1200px) {
    .pjs-footer-mob .footer-main .main-col .l-title {font-size:3.6rem;}
  }
  @media (max-width:980px) {
    .pjs-footer-mob .footer-main .main-col .col:last-child {flex:1;}
  }
  @media (max-width:782px) {
    .pjs-footer-mob {padding-bottom:40px; visibility: hidden; display: none;}
      .pjs-footer-mob .footer-main .main-col {width:100%; padding:40px 7% 20px;}
        .pjs-footer-mob .footer-main .main-col .col {width:100%; padding-top:15px;}
        .pjs-footer-mob .footer-main .main-col .col, .pjs-footer-mob .footer-main .main-col .col:last-child {flex:initial;}
        .pjs-footer-mob .footer-main .main-col .main-col-inner {flex-direction:column;}
          .pjs-footer-mob .footer-main .main-col .col-graphic {width:100%; padding:0 0 35px; order:1;}
          .pjs-footer-mob .footer-main .main-col .social-icons {padding-bottom:30px;}
            .pjs-footer-mob .footer-main .main-col .col-graphic img {max-height:225px; margin:0 auto;}
          .pjs-footer-mob .footer-main .main-col .col .logo {}
          .pjs-footer-mob .footer-main .main-col .pjs-cols {order:2;}
          .pjs-footer-mob .footer-main .main-col .info span {display:block; margin:0;}
  }

  /* Desktop Footer */
  .pjs-footer-desk {width: 100%; background: var(--bg-color-0);}
  .pjs-footer-desk .footer-wrapper {padding: 31px 35px;}
  .pjs-footer-desk .footer-wrapper .footer-main {display: flex; justify-content: space-between;}
  .pjs-footer-desk .footer-wrapper .footer-main .logo {flex: 0 1 33%;}
  .pjs-footer-desk .footer-wrapper .footer-main .app-icons {flex: 0 1 33%; display: flex; justify-content: center; align-items: center; column-gap: 24px;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons {flex: 0 1 33%;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons {padding:15px 0 20px; display: flex; justify-content: end; align-items: center;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons ul {list-style:none; margin:0; display:flex; justify-content: end; align-items: center;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons ul li {margin:0 15px 0 0;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons ul li a {display:flex; justify-content:center; align-items:center; color:var(--bg-color-1); text-decoration:none; position:relative; overflow:hidden;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons ul li a:hover {color:var(--main-color);}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons ul li a .icon {display:block; font-size:2.8rem; line-height:1;}
  .pjs-footer-desk .footer-wrapper .footer-main .social-icons ul li a .icon .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
  .pjs-footer-desk .footer-wrapper .footer-nav {display: flex; justify-content: space-between; padding-top: 60px;}
  .pjs-footer-desk .footer-wrapper .footer-nav .left-col {margin-left: 0;}
  .pjs-footer-desk .footer-wrapper .footer-nav .left-col ul {list-style: none; display: flex; column-gap: 16px;}
  .pjs-footer-desk .footer-wrapper .footer-nav .left-col ul li {}
  .pjs-footer-desk .footer-wrapper .footer-nav .left-col ul li a {color:var(--bg-color-1); text-decoration:underline; position:relative; overflow:hidden;}
  .pjs-footer-desk .footer-wrapper .footer-nav .left-col ul li a:hover {color:var(--main-color); }
  .pjs-footer-desk .footer-wrapper .footer-nav .right-col {margin-right: 0; color: var(--txt-color-1); display: flex; column-gap: 16px;}
  .pjs-footer-desk .footer-wrapper .footer-nav .right-col a {color: var(--txt-color-1); text-decoration: underline;}
  .pjs-footer-desk .footer-wrapper .footer-nav .right-col a:hover {color: var(--main-color);}

  @media (max-width: 1024px) {
    .pjs-footer-desk .footer-wrapper .footer-main .logo {flex: 1 1 33%; margin-left: 0;}
    .pjs-footer-desk .footer-wrapper .footer-main .app-icons {flex: 1 1 auto;}
    .pjs-footer-desk .footer-wrapper .footer-main .social-icons {flex: 0 1 auto;}
  }

  @media (max-width:768px) {
    .pjs-footer-desk {}
    .pjs-footer-desk .footer-wrapper {}
    .pjs-footer-desk .footer-wrapper .footer-main .logo {margin: 0 auto; min-width: 290px;}
    .pjs-footer-desk .footer-wrapper .footer-main .logo img {width: 100%;}
    .pjs-footer-desk .footer-wrapper .footer-main {flex-direction: column; row-gap: 20px;}
    .pjs-footer-desk .footer-wrapper .footer-main .app-icons {justify-content: start; margin-left: auto; column-gap: 20px;}
    .pjs-footer-desk .footer-wrapper .footer-main .social-icons {justify-content: center; padding: 0;}
    
    .pjs-footer-desk .footer-wrapper .footer-nav .left-col {margin-left: auto;}
    .pjs-footer-desk .footer-wrapper .footer-nav {flex-direction: column; row-gap: 20px; padding-top: 20px; justify-content: center; align-items: center;}
    .pjs-footer-desk .footer-wrapper .footer-nav .left-col ul {margin-left: 0;}
    .pjs-footer-desk .footer-wrapper .footer-nav .right-col {margin-left: 0; flex-wrap: wrap; justify-content: center;}
  }

  @media (max-width: 320px) {
    .pjs-footer-desk .footer-wrapper .footer-main .logo img {min-width: unset; width: fit-content;}
  }


.highlight-txt > h1 > p {font-weight: bold;}
.site-footer {margin-top: 0;}
.main-navigation a {font-size: 17.5px; line-height: 26px; font-family: Montserrat;}
.main-navigation ul ul a, .util-navigation .menu-donate-container a, .footer-navigation a {font-size: 16px; line-height: 24px; font-family: Montserrat;}
.util-navigation .menu-donate-container ul li.menu-item-has-children>a {font-size: 17.5px; font-family: Montserrat;}
.util-navigation .menu-donate-container ul li.menu-item-has-children .icon-down {font-size: 25.6px;}
.menu-toggle span {font-size: 6.288px;}
i.icon-menu {font-size: 20.992px;}
.site-footer .connect .gform_heading, .site-footer .connect p {font-size: 20.992px; font-family: Montserrat;}
.social-navigation .menu-social-container a:before {font-size: 26.5px;}
.site-footer .site-info .site-meta, .ecfa a, .social-navigation span {font-size: 14px; font-family: Montserrat;}
.site-footer .site-info .site-meta p {margin-top: 14px;}
footer .button {font-size: 17.488px; line-height: 21px; font-family: Montserrat;}
.wFormContainer .actions .primaryAction {min-width: unset;}
input[type="submit"]:hover {box-shadow: none;}
.site-footer .connect .email .wFormContainer #tfa_28-D input,
.site-footer .connect .email .wFormContainer #tfa_29-D input,
.site-footer .connect .email .wFormContainer #tfa_30-D input,
.site-footer .connect .email .wFormContainer #tfa_56-D input {font-size: 16px !important; font-family: Montserrat !important;}
footer h2 {font-size: 31.248px; font-weight: 500; font-family: 'Playfair Display'; margin: 37px 0 15px;}
.site-footer .connect .gform_heading, .site-footer .connect p {font-size: 20.992px; margin-top: 1em; line-height: 1.5;}
@media (min-width: 30em) {
	footer h2 {font-size: 37.904px;}
}
@media (min-width: 48em) {
	footer h2 {font-size: 45.232px;}
}