@import url('../fonts/fonts.css');

:root{
  --pp-bg-primary: #F45800;
  --pp-bg-secondary: #502225;
  --pp-text-primary: #F45800;
  --pp-text-secondary: #502225;
  --pp-body-color: #1E1E1E;
  --pp-link-color:#4E2224;
  --pp-body-misty-rose:#FCE7E0;
  --pp-body-misty-rose-rgb:252,231,224;
  --pp-font-baloo:'Baloo', sans-serif;
  --pp-font-inter:'Inter', sans-serif;
  --pp-body-font-family:var(--pp-font-inter);
  --pp-body-line-height:1.4;
  --pp-border-radius-none:0;
  --pp-white: #FFF;
  --pp-border-width: 1px;
  --pp-border-style: solid;
  --pp-font-scale:1;
  --pp-black-eel:#483A3B;

  --pp-navbar-nav-link-padding-x:1.3rem;
  --pp-navbar-nav-link-padding-y:0.25rem;

  --homepage-section-padding-y:5em;
  --pp-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2880, 34, 37, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
html{font-size: 100%;}
html,
body{font-size: 100%; min-height:100%;}
body{
  height:100%;
  font-family: var(--pp-body-font-family);
  line-height:var(--pp-body-line-height);
  color:var(--pp-body-color);
}

.scrollspy-section{padding-top:90px; margin-top:-90px;}

a{text-decoration:none; color:var(--pp-bg-primary);}
img{max-width:100%; height:auto;}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{font-family:var(--pp-font-baloo); font-weight:800; color:var(--pp-text-primary);}

.container{max-width:1280px;}

.font-baloo{font-family:var(--pp-font-baloo);}
.font-inter{font-family:var(--pp-font-inter);}

.text-primary{color:var(--pp-text-primary) !important;}
.text-secondary{color:var(--pp-text-secondary) !important;}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* input:placeholder-shown{border-bottom: 5px solid red;} */
.form-control::placeholder{color:var(--pp-white);}

/* Bootstrap Buttons */
.btn {
  --pp-btn-bg:transparent; 
  --pp-btn-padding-x: 1rem;
  --pp-btn-padding-y: 0.75rem;
  --pp-btn-font-size:1rem;
  --pp-btn-color: var(--pp-body-color);
  --pp-btn-border-color:transparent;
  --pp-btn-border-width: var(--pp-border-width);
  border-radius:var(--pp-border-radius-none);
  padding:0;
  background-color:var(--pp-btn-bg);
  text-transform:uppercase;
  border:none;
  filter: drop-shadow(9px 4px 8px #E1C2B7);
  font:800 24px var(--pp-font-baloo); text-transform:none;
}
.btn-bg-cont{display:inline-block; -webkit-filter: drop-shadow(9px 4px 8px #E1C2B7);}
.btn-bg{mask-image:url("../img/svg/btn-bg.svg"); mask-repeat:no-repeat; mask-position:center; mask-size:contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; -webkit-mask-image:url("../img/svg/btn-bg.svg"); width:240px; height:60px; display:flex; align-items:center; justify-content:center;}
.btn:hover{
  background-color:var(--pp-btn-hover-bg);
  border-color:var(--pp-btn-hover-border-color);
  color:var(--pp-btn-hover-color);
}
.btn-primary{
  --pp-btn-bg:#F45800; 
  --pp-btn-border-color:#F45800;
  --pp-btn-hover-bg: #502225;
  --pp-btn-hover-border-color: #502225;
  --pp-btn-hover-color: #FFF;
}

/* pp Header  */
.pp-header{font-family:var(--pp-font-baloo); position:absolute; left:0; top:0; width:100%; padding:25px 0; transition: all 0.3s ease; z-index:99;}
.pp-header.pp-header-sticky{background-color:var(--pp-white); position:fixed; box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);}
.pp-header .navbar{padding:0;}
.pp-header.scrollUp{transform: translateY(-112px); position:absolute;}
.pp-header-inner{justify-content:space-between;}
.pp-header .navbar-brand{position:relative; display:block; z-index:2;}
/* .pp-header .navbar-brand::before{content:""; position:absolute; width:300%; top:-25px; left:-100%; background:url(../img/svg/logo-bg.svg) no-repeat right bottom; background-size:cover; padding-bottom:100%; z-index:-1;} */
.pp-header .navbar-brand .logo{width:180px;}
.nav-link{color:var(--pp-link-color); font-size:22px; font-weight:700;}
.navbar-nav{margin-top:20px;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show{color:var(--pp-text-primary);}
.navbar-toggler{ border:none}
.navbar-toggler:focus{box-shadow:none;}
.navbar-toggler-icon{background-image:var(--pp-navbar-toggler-icon-bg);}
.navbar-toggler-wrap{display:flex; justify-content:flex-end;}

/* Home Page */
.pp-homepage{background-color:var(--pp-white);}
.pp-homepage-section{position:relative;}
.pp-homepage-section-header{padding-bottom:1em;}
.pp-homepage-section-title{font-size:3.25vw;}
.pp-homepage-section-subtitle{font-size:1.25vw; color:var(--pp-body-color); margin-bottom:0; letter-spacing:0.25em;}
.footprint-space{padding-bottom:270px;}
.footprint-layer{position:absolute; left:0; bottom:0;}
.footprint-layer.top{top:0;}
.footprint-layer.right{left:auto; right:0; bottom:0;}


.pp-section-banner{background:url('../img/banner-icons.png') no-repeat center 20%; background-size:contain; background-color:var(--pp-body-misty-rose); overflow: hidden;}
.pp-section-banner::before{content:""; position:absolute; width:540px; height:180px; top:0; left:-10%; background:url(../img/svg/logo-bg.svg) no-repeat right bottom; background-size:cover; z-index:1;}
.pp-homepage-section-inner{align-items:center; justify-content:center;}
.pp-section-banner-content{margin:10em auto 0; padding:0 3em;}
.pp-section-banner .banner-slogan{max-width:35vw; margin:0 auto;}
.pp-section-banner .banner-center{align-self:flex-start;}
.pp-section-banner .banner-left{margin-left:-5em;}
.pp-section-banner .banner-right{margin-right:-5em;}
.pp-section-banner .banner-left,
.pp-section-banner .banner-right{margin-top:5em;}
.pp-section-banner h1{font-size:5.4vw; font-weight:800; line-height:0.85; margin-bottom:0.35em;}
.pp-section-banner h1 .row-2{color:var(--pp-black-eel);}
.pp-section-banner h3{font-size:1.3vw; font-weight:600; color:var(--pp-body-color);}
.pp-section-banner .desc{max-width:90%; margin:0 auto;}
.pp-section-banner .action-row{margin-top:10vh;}

.pp-section-about{padding-bottom:var(--homepage-section-padding-y);}
.pp-section-about-container{max-width:80%; margin:-5% auto 0; position:relative; z-index:1;}

.pp-section-founder-container{max-width:80%; margin:0 auto; align-items:center;}
.pp-section-founder-left{padding-right:8%;}
.pp-section-founder-left,
.pp-section-founder-right{width:50%;}

.pp-section-core-container{flex-wrap:wrap; justify-content:center;}
.pp-section-core-col{max-width:20%; width:100%;}
.pp-section-core-col .card-img{background-color:var(--pp-body-misty-rose); mask-image:url("../img/svg/core-icon-bg.svg"); mask-repeat:no-repeat; mask-position:center; mask-size: contain; -webkit-mask-image:url("../img/svg/core-icon-bg.svg"); -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; width:150px; height:140px; margin:0 auto 1.5em; display:flex; align-items:center; justify-content:center;}
.pp-section-core-col .card-img img{max-width:65px;}
.pp-section-core-col-inner{padding:0 1.5em;}

.pp-section-services{background-color:var(--pp-body-misty-rose);}
.pp-section-services .svg-container.bottom{position:absolute; left:0; bottom:-1px; width:100%;}
.pp-section-services-container{padding:5% 0 0;}
.pp-section-services-container .footprint-layer{position: relative; bottom:-50px;}
.pp-section-services-left,
.pp-section-services-right{width:50%;}
.pp-section-services-left{overflow:hidden;}
.pp-section-services-left img{margin-bottom:-22%;}
.pp-section-services-right{padding-left:3em; padding-bottom:10em; align-self:center;}
.pp-section-services-right-inner{max-width:450px; margin:0 auto;}

.pp-section-spa-header{max-width:62%; margin:0 auto;}
.spa-owl-carousel{max-width:1260px; margin:0 auto; padding:0 65px;}
.pp-section-spa-col{margin:30px;}
.pp-section-spa-col-inner{width:100%; max-width:340px; margin:0 auto;}
.pp-section-spa-col .card-img{background-color:var(--pp-body-misty-rose); mask-image:url("../img/svg/spa-img-frame.svg"); mask-repeat:no-repeat; mask-position:center; mask-size: contain; -webkit-mask-image:url("../img/svg/spa-img-frame.svg"); -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; width:100%; height:auto; display:flex; align-items:center; justify-content:center;}
.pp-section-spa-col .card-img-wrap{position:relative;}
.pp-section-spa-col .card-img-wrap::after{content:""; background:url(../img/svg/spa-img-frame-border.svg) no-repeat; background-size:cover; width:180px; height:148px; display:block; position:absolute; top:-20px; left:10px;}
.pp-section-spa-col .card-title{font-size:2.15vw;;}

.pp-section-more .container{padding-top:5em;}
.pp-section-more-container{max-width:95%; margin:2.5em auto 0; justify-content:center;}
.pp-section-more{background-color:var(--pp-body-misty-rose);}
.pp-section-more .card{padding:2.5em 0;}
.pp-section-more-col .card-img-wrap{position:relative; width:150px; height:140px; flex-shrink:0;}
.pp-section-more-col .card-img-wrap::before{content:""; background:url('../img/more/core-icon-grey-bg.svg') no-repeat; background-size:cover; position:absolute; top:0; left:0; right:0; width:130px; height:157px; margin:0 auto;}
.pp-section-more-col .card-img{background-color:var(--pp-white); mask-image:url("../img/more/core-icon-white-bg.svg"); mask-repeat:no-repeat; mask-position:center; mask-size: contain; -webkit-mask-image:url("../img/more/core-icon-white-bg.svg"); -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; display:flex; align-items:center; justify-content:center; width:100%; height:100%; margin:0;}
.pp-section-more-col .card-img img{max-width:65px;}
.pp-section-more .pp-section-more-left .card{text-align:right;}
.pp-section-more .pp-section-more-left .card-img-wrap{order:2; margin-left:2em;}
.pp-section-more .pp-section-more-right .card-img-wrap{margin-right:2em;}
.pp-section-more .pp-section-more-center{flex-shrink:0; margin:0 2.5em;}
.pp-section-more .pp-section-more-center img{max-width:90%; margin:0 auto; display:block;}
.pp-section-more .footprint-layer.top{top:10%;}

.pp-section-walk{background-color:var(--pp-body-misty-rose);}
.pp-section-walk-container{margin:0 -1.5em 4em; padding-bottom:1em; flex-wrap:wrap; justify-content:center;}
.pp-section-walk .card{width:100%; max-width:25%; padding:1.5em;}
.pp-section-walk-col{background-color:var(--pp-white); flex:1 1 auto; text-align:center; border-radius:1em; box-shadow:0 4px 24px rgba(224, 135, 108, 0.20);}
.pp-section-walk-col .card-img{border-radius:1em; overflow:hidden; margin:0;}
.pp-section-walk-col .card-body{padding:1.5em 2em; min-height:240px;}


.pp-section-help{overflow:hidden;}
.pp-section-help-popup{
  background:url('../img/help/pop-notification.svg') no-repeat; background-size:cover; width:100%; height:290px; padding:1.8em 2em 4em; font-size:24px; text-align:center; color:var(--pp-text-secondary); position:relative; top:2em;}
.pp-section-help-left{width:350px; margin-right:2em; }
.pp-section-help-left .img-wrap img{max-width:90%;}
.pp-section-help-right{flex:1 0 0%; padding:7em 3em; position:relative; display:flex; align-items:center;

}
.pp-section-help-right::before{content:""; width:140%; height:100%; display:block; position:absolute; left:0;
  background-color:rgba(var(--pp-body-misty-rose-rgb), 0.5);
  mask-image:url("../img/help/intersect.svg"); mask-repeat:no-repeat; mask-position:40%; mask-size: contain; -webkit-mask-image:url("../img/help/intersect.svg"); -webkit-mask-repeat:no-repeat; -webkit-mask-position:40%; -webkit-mask-size:contain;}
.pp-section-help-right-content{position:relative; max-width:44vw; margin:0 auto;}
.pp-section-help-right-header{margin-bottom:2em;}
.pp-section-help-right h2{font-size:5vw;}
.pp-section-help-right h3{line-height:1.1;}
.pp-section-help-right h5{font-size:1.5rem;}
.pp-section-help-right .action-row{margin-top:2em;}

.pp-section-help-2{background-color:var(--pp-body-misty-rose);}
.pp-section-help-2 .container{max-width:50%; margin:0 auto; padding-top:15%; padding-bottom:15%;}
.pp-section-help-2 .action-row{padding-top:2em;}
.pp-section-help-2 .footprint-layer.left{bottom:auto; top:50%; transform:translateY(-50%);}
.pp-section-help-2 .footprint-layer.right{bottom:10%;}

.card{background-color:transparent; border:none;}
.card-img{margin:0 auto 2em;}
.card-body{padding:0;}
.card-title{font-size:22px; color:var(--pp-text-primary);}

/* Footer */
.pp-footer{background-color:var(--pp-bg-secondary); color:var(--pp-white); padding:5em 0 2em;}
.pp-footer-left,
.pp-footer-right{width:50%;}

.pp-footer-left{align-self:center; padding-right:3em;}
.pp-footer-left .card-title{color:var(--pp-white);}
.pp-footer-info-wrap{margin:3.5em 0}
.pp-footer-info-title{color:var(--pp-white); font-size:18px; font-weight:700; margin-bottom:3px;}
.pp-footer-info-text{font-size:15px;}
.pp-footer-info li{display:flex; margin:1.5em 0;}
.pp-footer-social-list li{margin-right:1em;}
.pp-footer-right .map{border-radius:1em; overflow:hidden;}

.pp-foooter-site-info{align-items:center; margin-top:2em;}
.pp-foooter-logo{flex:1 1 auto;}
.pp-foooter-copyright{font-size:.8em;}
.pp-foooter-copyright li::after{content:"|"; margin:0 5px;}
.pp-foooter-copyright li:last-child::after{display:none;}
.pp-foooter-copyright li a{color:var(--pp-white);}






.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
/* 
.owl-carousel::before,
.owl-carousel::after{content:""; display:block; position:absolute; top:0; width:100px; height:100%; z-index:1;}
.owl-carousel::before{background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); left:-100px;}
.owl-carousel::after{background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); right:-100px;} */

.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-item img{display:block;width:100%;}
.owl-carousel .owl-nav.disabled{display:none;}

.owl-carousel .owl-prev,
.owl-carousel .owl-next{cursor:pointer;outline:0; -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.owl-carousel .owl-prev,
.owl-carousel .owl-next{background:rgba(80, 34, 37, .50); border:none; border-radius:10px; width:50px; height:100px; position:absolute; top:50%; margin-top:-32px; font-size:18px;display: flex; align-items: center; justify-content: center; z-index:2;}

.owl-carousel .owl-prev{left:0;}
.owl-carousel .owl-next{right:0;}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover{background:rgba(80, 34, 37, 1);}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{opacity:.2; cursor:default;}

.owl-carousel .owl-prev.disabled:hover,
.owl-carousel .owl-next.disabled:hover{opacity:.2; cursor:default;}

.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel.owl-refresh .owl-item{visibility:hidden;}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-grab{cursor:move;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}