:root{--main-color:hsl(345, 65%, 45%);--main-light-color:oklch(58.834% 0.19233 10.972);--main-dark-color:hsl(345, 64%, 33%);--dark-text:hsl(0, 0%, 35%);--darker-text:rgb(64, 64, 64);--darkest-text:hsl(0, 0%, 15%);--off-white:hsl(0, 0%, 97%);--off-white-2:hsl(0, 0%, 95%);--off-white-3:hsl(0, 0%, 90%)}*{margin:0;padding:0;font-family:system-ui,Arial,sans-serif}body,html{height:100%;background-color:#fff;color:#fff}.hero-wrapper{position:relative;height:52rem;max-height:52rem;overflow:hidden;margin-top:79px;background-color:var(--dark-text)}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-text{display:flex;flex-wrap:wrap;flex-direction:column;position:absolute;text-align:start;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.contact-form h2,.info-section-wrapper,.project-desc{text-align:center}.hero-text-title{line-height:unset;font-weight:700;background:linear-gradient(80deg,var(--main-color),#feb47b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text h2{margin-bottom:1rem}.about-content a,.contact-form a,.hero-text a{color:var(--main-color)}.hero-text .quick-summary{color:var(--main-color);margin-bottom:0}@media only screen and (min-width:501px){.hero-text-title{font-size:4rem}.hero-text .quick-summary,.hero-text h2{font-size:2rem}}@media only screen and (max-width:500px){.hero-text-title{font-size:3rem}.hero-text .quick-summary,.hero-text h2{font-size:1.5rem}}@media only screen and (min-width:1119px){.about-content,.hero-text,.packages-info-wrapper .packages-info-content,.packages-package-cards-wrapper .packages-package-cards-content{width:1111px;max-width:1111px;padding:2rem 0}.info-section-wrapper,.portfolio-wrapper{padding:0}}@media only screen and (max-width:1118px){.about-content,.hero-text,.packages-info-wrapper .packages-info-content,.packages-package-cards-wrapper .packages-package-cards-content{padding:2rem 1rem;width:100%}.info-section-wrapper,.portfolio-wrapper{padding:0 1rem}}.about-content-wrapper{display:flex;justify-content:center}.about-content{color:#000;padding-top:7rem}.about-content h2{font-size:2rem;margin-top:4rem;margin-bottom:2rem;color:var(--darker-text)}.about-content li,.about-content p{padding:0 0 0 1rem;margin-bottom:1rem;color:var(--dark-text)}.about-content small{color:var(--dark-text)}@media only screen and (min-width:651px){.packages-info-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:3rem}}.packages-info-wrapper .packages-info-content .packages-info-card{margin-top:3rem}.packages-info-wrapper .packages-info-content .packages-info-card h3,.packages-info-wrapper .packages-info-content .packages-info-card img{font-size:calc(1.5rem + .6vw);margin-bottom:1.5rem}.info-section-wrapper,.packages-info-wrapper,.packages-package-cards-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center}.packages-info-wrapper{position:relative}.packages-info-wrapper::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(to top,#fff,transparent);pointer-events:none}.info-section-wrapper{max-width:1111px}.info-section-wrapper h2{font-size:calc(2rem + .6vw);font-weight:700;margin-top:5rem;color:var(--darker-text)}.info-section-wrapper p{font-size:1.5rem;color:var(--dark-text);margin-bottom:0}.packages-package-cards-wrapper .packages-package-cards-content{display:flex;justify-content:center;flex-wrap:wrap;column-gap:3rem;row-gap:5rem;margin-top:5rem;background-size:cover}.packages-package-cards-wrapper .packages-package-cards-content-two-tone{background-image:linear-gradient(135deg,var(--off-white-2) 50%,#f8f8f8 50%)}.packages-package-cards-wrapper .packages-package-cards-content-solid{background-color:var(--off-white-2)}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card{text-align:left;border-radius:1rem;padding:1.5rem;min-width:200px;width:317px;max-width:317px;transition:.3s;height:fit-content;position:relative}@media only screen and (max-width:650px){.packages-info-content{display:flex;flex-wrap:wrap;justify-content:center}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card{width:100%;max-width:100%;padding:0}.contact-extra div{flex-wrap:wrap}.contact-form .contact-form-fields-section{display:flex;flex-wrap:wrap;column-gap:1.5rem}.contact-form .contact-form-fields-section .contact-form-fields-section-content{width:100%}}@media only screen and (max-width:725px){.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-badge{top:-40px}}@media only screen and (min-width:726px){.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-badge{top:-45px;right:100px}}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--dark-text)}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-price{font-size:1.25rem;font-weight:700;color:var(--darkest-text);margin-bottom:16px}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-features{list-style:none;padding:0;margin:0 0 16px}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-features li{margin-bottom:8px;font-size:.95rem;color:var(--dark-text)}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-description{font-size:.875rem;color:var(--dark-text)}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-button{width:100%;padding:1rem;background-color:#fff;color:var(--main-color);border-radius:2.25rem;border:.15rem solid var(--main-color);font-size:1rem;cursor:pointer;transition:background-color .3s}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-button:hover{background-color:var(--main-color);color:#fff}.packages-package-cards-wrapper .packages-package-cards-content .packages-package-card .package-badge{background-color:#6ee750;color:var(--darker-text);padding:.25rem .75rem;font-size:.75rem;text-transform:uppercase;font-weight:700;border-radius:2rem;position:absolute;box-shadow:0 0 10px #6ee750}.portfolio-wrapper{display:grid;justify-content:space-between;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;max-width:1111px;margin:5rem 0}.portfolio-card{background:#fff;border-radius:.75rem;box-shadow:0 0 25px rgba(0,0,0,.08);padding:1rem;overflow:hidden;display:flex;flex-direction:column;align-items:center}.screenshot-wrapper{height:400px;width:100%;overflow:hidden;border-radius:.5rem;position:relative}.screenshot-wrapper img{width:100%;animation-play-state:running}.screenshot-wrapper:hover img{animation:15s linear infinite scrollPreview}@keyframes scrollPreview{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}.project-title{margin-top:1.5rem;margin-bottom:0;font-size:1.2rem;font-weight:700;color:var(--darker-text)}.project-desc{color:var(--dark-text);margin:.5rem 0 1rem}.contact-wrapper{max-width:700px;display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap;margin:7rem auto 2rem}.contact-form{max-width:700px;margin:auto}.contact-extra{display:flex;gap:1rem;max-width:700px;max-height:fit-content;margin-bottom:1rem}.contact-extra div,.contact-extra h2{flex:1}.contact-extra div{display:flex;gap:1rem;flex:0.9}.contact-extra div a{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-extra div a svg{width:35px;height:35px}.contact-extra,.contact-form{width:100%;padding:1rem;background:var(--off-white-2);border-radius:.5rem;border:.1rem solid #d4d4d4}@media only screen and (max-width:730px){.contact-extra,.contact-form{max-width:100%;border-style:solid none;border-radius:0}.contact-wrapper{max-width:100%}}.contact-extra h2,.contact-form h2{margin-bottom:1rem;color:var(--dark-text);font-weight:700}.contact-extra label,.contact-form label{display:block;margin-top:1rem;font-weight:600;color:var(--dark-text)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.75rem;margin-top:.25rem;border:.1rem solid #ccc;border-radius:.5rem;font-size:1rem;color:var(--dark-text);background-color:#fff}.contact-form input,.contact-form select{height:50px}.contact-extra a,.contact-form button,.view-site-button{text-align:center;padding:.75rem;background:var(--main-color);color:#fff;border:none;border-radius:2rem;font-size:1rem;cursor:pointer;transition:background .3s;text-decoration:none}.contact-extra a{background:#fff;border:.15rem solid var(--main-color);color:var(--darker-text);border-radius:1.25rem;padding:.5rem}.contact-extra a,.contact-form button{display:block;width:100%}.view-site-button{display:inline;padding-left:3rem;padding-right:3rem}.contact-form button:hover,.view-site-button:hover{background:var(--main-dark-color)}.contact-extra a:hover{background:var(--main-color);color:#fff}.contact-extra div a:hover svg{fill:#fff}.contact-extra div a:hover svg g{stroke:#fff}.contact-extra small,.contact-form small{display:block;margin-top:.25rem;font-size:.875rem;color:var(--dark-text)}.contact-form-required-field{color:#ec2a2a}@media only screen and (min-width:651px){.contact-form .contact-form-fields-section{display:flex;flex-wrap:wrap;column-gap:1.5rem}.contact-form .contact-form-fields-section .contact-form-fields-section-content{flex:1;width:max-content}}.faq-card{padding:0 1rem;background-color:var(--off-white-3);margin-bottom:.5rem;border-radius:.5rem}.faq-card-question{cursor:pointer;padding:1rem 0;font-weight:600;display:flex;justify-content:space-between;align-items:center;color:var(--darkest-text)}.faq-card-answer{max-height:0;overflow:hidden;transition:max-height 1s}.faq-card-answer p{color:var(--darker-text)}.faq-card.open .faq-card-answer{max-height:500px}