:root{--primaryFont:"Mulish", sans-serif;--color1:#2a2438;--color2: #352f44;--color3:#5c5470;--color4:#dbd8e3;--white:#fff;--headingFont:"Passion One", sans-serif}*,body,html{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Mulish,sans-serif;font-size:16px;line-height:1.5em;background-color:var(--color1);color:var(--white);font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--headingFont);letter-spacing:1px;text-transform:uppercase;line-height:1.2em;margin-bottom:20px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}p{line-height:1.6em}a{color:var(--color4);text-decoration:none}a:hover{color:var(--color3)}.btn:hover,.btn:focus{background:var(--color3);color:var(--white);border-color:var(--color4)}p.subtitle{font-size:20px}.main{max-width:100%;margin:0 auto}section{padding:100px 40px}header .container{display:flex;justify-content:space-between;align-items:center;padding:10px 0;background-color:var(--color1)}.logo{text-transform:uppercase;font-size:1.5em;font-weight:700;color:var(--white);letter-spacing:1px;font-family:var(--headingFont)}.btn{box-shadow:none;border:2px solid var(--color3);background-color:var(--white);padding:10px 20px;font-size:1em;font-family:var(--headingFont);letter-spacing:1px;border-radius:4px;text-transform:uppercase;cursor:pointer;transition:.3s all ease-in-out}section.banner{overflow:hidden;padding:100px 0 0;width:100%}.two-columns{display:flex;justify-content:space-between;align-items:center;gap:40px}.banner,.cta{background:url(/echomuthoughts/assets/hero-1-Cv9jePuD.png);background-size:cover;background-position:fixed}.img-container img{width:100%;border-radius:10px;filter:drop-shadow(1px 2px rgba(0,0,0,.1));max-width:100%}.col:first-child{width:40%}.col:last-child{width:60%}.container{max-width:1200px;padding:0 10px;margin:0 auto}.wavy-bottom-img{margin-top:-100px}section.services{background:var(--white);margin-top:-6px;padding:100px 40px}section.services *{color:var(--color2)}.container{padding:10px 0px !important}section.services .container{display:flex;flex-wrap:wrap;gap:40px;align-items:center;text-align:center}section.services .container .title-container{flex-basis:100%;text-align:center;margin-bottom:30px}section.services .container .title-container p{margin-bottom:20px}section.services .container .product-list{width:30%;min-height:300px;position:relative;z-index:1;cursor:pointer}.product-list:after{background:#dbd8e366;border-radius:78% 22% 22% 78%/50% 22% 22% 50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(0) rotate(-50deg);transition:all .5s}.product-list:hover:after{transform:scale(1) rotate(0)}section.services span{display:inline-block;font-size:50px;background-color:var(--color4);border-radius:30% 70% 70% 30%/30% 50% 50% 30%;color:var(--color3);padding:5px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;transition:.3s all ease-in}.product-list:hover span{background-color:transparent!important}.cta .container{text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:40px}.cta .container h3{margin:0}footer{padding:40px}footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px}footer .container p.copywright{flex-basis:100%;text-align:center;padding:20px 0 0;border-top:1px solid var(--color4);color:var(--color4)}footer .social-icon-container{display:flex;gap:30px;font-size:30px}footer .footer-logo{width:20%;display:flex;flex-direction:column;gap:20px}footer .footer-logo p{color:var(--color4)}@media screen and (max-width:980px){header.header{padding:0 10px}section.banner{padding:50px 0 0}section.banner .col{padding:0 30px}.two-columns{flex-direction:column-reverse}.col:first-child,.col:last-child{width:100%}.wavy-bottom-img{margin-top:0;width:100%}section.services .container{flex-direction:column}section.services .container .product-list{width:100%}section.services{padding:50px 30px}footer .container{flex-direction:column}footer{padding:20px}footer .footer-logo{width:100%;text-align:center}footer .container p.copywright{width:100%}}
