.carousel{grid-auto-flow:column;grid-auto-columns:calc(100% / var(--items,1));scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;display:grid;overflow-x:auto;&::-webkit-scrollbar{display:none}&>*{scroll-snap-align:start}}.carousel-dots{justify-content:center;width:100%;padding-bottom:10px;display:flex;& button{cursor:pointer;background:#f07c004d;border:0;border-radius:50%;width:15px;height:15px;margin:7.5px;padding:0;transition:background .3s;&:hover{background:var(--orange)}&[aria-current=true]{background:var(--blue)}}}.carousel-nav{display:none}.mid-wrap{flex-direction:column;display:flex}span.calltoaction{display:none}.selling-points{z-index:3;position:relative}@media (width>=1025px){.selling-points{--items:2}}@media (width>=1350px){.selling-points{--items:3}}.selling-point{color:var(--white);background:linear-gradient(var(--black), var(--blueAccent));text-align:center;cursor:pointer;flex-direction:column;justify-content:center;width:100%;min-height:250px;display:inline-flex;& h3{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.25rem;line-height:1.2em}& span{padding:0 20px;font-size:1.8rem;line-height:1.5em}}.sp1 h3{background-image:linear-gradient(to left, #55ccf4, var(--blue))}.sp2 h3{background-image:linear-gradient(270deg,#aaeaf9,#55ccf4)}.sp3 h3{background-image:linear-gradient(to left, var(--blue), #aaeaf9)}.flip-card{perspective:1000px}.flip-card-inner{width:100%;height:0;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-card:hover .flip-card-inner,.flip-card:focus-within .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.flip-card-back{background:radial-gradient(var(--black), var(--blueAccent));transform:rotateY(180deg)}@media (width>=769px){.selling-point h3{padding:0 20px}}#contact-flag{display:none}@media (width>=1800px){#contact-flag{background:var(--orange);z-index:2;justify-content:center;align-items:center;width:175px;height:100px;display:flex;position:fixed;top:50%;right:0;box-shadow:1px 15px 15px #0000004d;&:hover{box-shadow:1px 15px 15px #f07c0080}}.flag-text{color:var(--white);text-align:center;padding:10px;font-size:2.2rem;font-weight:700;transition:all .3s ease-in-out;&:hover{color:#ffffffe6;padding:8px;font-size:2.7rem;text-decoration:none}}}.content-pb-intro{display:flex;position:relative}.zip-code{font-size:10rem;font-weight:700;font-family:var(--headerFont);color:#00aeef0d;z-index:-1;animation:.5s ease-in-out both fade-in;position:absolute;top:-100px;right:0}.content-wrap{width:100%;display:flex;position:relative}.content{flex-direction:column;margin:10px;display:flex;& span{font-weight:700}}.content,.content2,.content3{& ul{list-style:none}}.sidebar-wrap{display:none}@media (width>=769px){.content-wrap{flex-direction:column;flex:75%}.zip-code{font-size:20rem;top:-300px}.content{margin:20px}.sidebar-wrap{background:linear-gradient(var(--blueAccent), var(--white));flex:25%;order:-1;padding:10px;display:flex}.sidebar{flex-direction:column;width:100%;margin:0 auto;display:flex;& div{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:auto;width:100%;margin:100px auto}}.volleyball{background-image:url(/images/sidebar/volleyball.jpg)}.sunset{background-image:url(/images/sidebar/pacific-beach-sunset.jpg);&.lazy{background-image:url(/images/sidebar/pacific-beach-sunset-lazy.jpg)}}.pier-sunset{background-image:url(/images/sidebar/crystal-pier-sunset.jpg);&.lazy{background-image:url(/images/sidebar/crystal-pier-sunset-lazy.jpg)}}.surfimg{background-image:url(/images/sidebar/surfing.jpg);&.lazy{background-image:url(/images/sidebar/surfing-lazy.jpg)}}}@media (width>=769px) and (width<=1350px){.pier{background-image:url(/images/sidebar/crystal-pier-drone.jpg);&.lazy{background-image:url(/images/sidebar/crystal-pier-drone-lazy.jpg)}}}@media (width>=769px) and (width<=1600px){.wavesimg{background-image:url(/images/sidebar/waves.jpg);&.lazy{background-image:url(/images/sidebar/waves-lazy.jpg)}}}@media (width>=1025px){.content{margin:20px 40px}.sidebar div{margin:50px auto}}@media (width>=1350px){.sidebar .pier{display:none}.sidebar div{margin:10px auto}}@media (width>=1600px){.sidebar .wavesimg{display:none}}.image-buttons{grid-auto-columns:calc((100% - 10px * (var(--items,1) - 1)) / var(--items,1));gap:10px;padding:0 10px;scroll-padding-inline:10px;position:relative}@media (width>=1025px){.image-buttons{--items:2}}.imagebutton{text-align:center;background:50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:300px;display:flex;& a{color:var(--white);background:linear-gradient(#0078a3f2,#00aeeff2);border-radius:50px;margin:20px;padding:20px 30px;font-size:1.6rem;font-weight:700;transition:box-shadow .3s ease-in-out;box-shadow:1px 4px 8px #00000080;&:hover{background:var(--blueAccent);text-decoration:none;box-shadow:1px 5px 10px #000000e6}&:active{background:#0078a3cc;box-shadow:1px 2px 4px #00000080}}}.pbsale{background-image:url(/images/button/oceanfront-house.jpg);&.lazy{background-image:url(/images/button/oceanfront-house-lazy.jpg)}}.homeworth{background-image:url(/images/button/crystal-pier.jpg);&.lazy{background-image:url(/images/button/crystal-pier-lazy.jpg)}}@media (width>=769px){.imagebutton{height:400px;margin:25px 0;transition:transform .3s ease-in-out;&:hover{transform:scale(1.01);& a{box-shadow:1px 4px 8px #000000b3}}& a{font-size:1.8rem}}}.content-wrap2{display:flex}.content2{flex-direction:column;margin:10px;display:flex;& h2{text-align:center}}.local{color:var(--blue);font-size:2.25rem;line-height:1.2em;font-family:var(--headerFont);text-align:center;margin:50px 30px 0;font-weight:700}.ryanimg-container{display:none}@media (width>=769px){.local{margin:100px 50px 50px;font-size:3.6rem}.ryanimg-container{float:right;width:25%;max-width:300px;margin:0;display:flex;& .ryanimg{background:url(/images/agents/ryan-pearson.png) 50%/cover no-repeat;width:100%;padding-bottom:164%;&.lazy{background-image:url(/images/agents/ryan-pearson-lazy.jpg)}}}.content2,.content3{padding:0 15px}.mid-wrap{max-width:1600px;margin:auto}}.testimonials-header{text-align:center}.testimonials-container{background:var(--white);margin:15px;position:relative;box-shadow:0 0 10px 5px #0000001a}.testimonials{align-items:center}.testimonial{flex-direction:column;justify-content:center;height:100%;padding:15px;display:flex}@media (width>=769px){.testimonials-header{margin:100px 10px 30px}.testimonials-container{margin:25px 25px 0}.testimonial{padding:15px 80px}.carousel-nav{box-shadow:none;cursor:pointer;color:#f07c00cc;text-shadow:2px 2px 4px #0000004d;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:15rem;line-height:75px;transition:transform .3s,color .3s;display:flex;position:absolute;top:50%;transform:translateY(-65%);&:hover{color:var(--orange);transform:translateY(-65%)scale(1.1)}&.prev{left:-25px}&.next{right:-25px}}}@media (width>=1025px){.testimonials-container{max-width:80%;margin:15px auto}}.content-services{display:flex}.content-wrap3{width:100%;display:flex}.content3{flex-direction:column;margin:10px;display:flex;& ul li:before{content:"•";color:var(--orange);width:1em;margin-left:-1em;font-weight:700;display:inline-flex}}@media (width>=769px){.content-wrap3{padding-top:90px}.content3 h2{text-align:center;margin-top:20px;line-height:1}}@media (width>=1025px){.content3{width:80%;margin:40px auto}}