.webDevPage .wrapper{min-height:80vh;margin:auto}.webDevPage .header{display:flex;margin-top:3em;align-items:center;flex-direction:column;justify-content:center}.webDevPage .header .headerGroup{padding:5px;width:fit-content;position:relative}.webDevPage .header .headerGroup .title{margin:0;z-index:2;color:var(--background);position:relative}@media(max-width:480px){.webDevPage .header .headerGroup .title{font-size:1.8rem}}.webDevPage .header .headerGroup .headerBg{top:0;left:0;z-index:1;content:"";width:100%;height:100%;opacity:1;border-radius:5px;position:absolute;background:var(--primary)}.webDevPage .header .motto{font-style:italic}.webDevPage .services,.webDevPage .why,.webDevPage .pricing{gap:1em;display:flex;margin-top:2em;flex-direction:column}:is(.webDevPage .services,.webDevPage .why,.webDevPage .pricing):first-of-type{margin-top:3em}:is(.webDevPage .services,.webDevPage .why,.webDevPage .pricing) .headerGroup{padding:5px;width:fit-content;position:relative}:is(.webDevPage .services,.webDevPage .why,.webDevPage .pricing) .headerGroup .title{margin:0;z-index:2;color:var(--background);position:relative}:is(.webDevPage .services,.webDevPage .why,.webDevPage .pricing) .headerGroup .headerBg{top:0;left:0;opacity:1;z-index:1;content:"";width:100%;height:100%;border-radius:5px;position:absolute;background:var(--primary)}:is(.webDevPage .services,.webDevPage .why,.webDevPage .pricing) .card{padding:20px;border-radius:20px;box-sizing:border-box;border:2px solid var(--primary);border-bottom:10px solid var(--primary)}.webDevPage .pricing .pricingGrid{display:flex;flex-wrap:wrap;transition:all .5s ease;justify-content:space-between}.webDevPage .pricing .pricingGrid .card{margin:10px;padding:20px;border-radius:8px;width:calc(25% - 20px);border:1px solid var(--text);transition:all .5s ease;transition:transform .3s,box-shadow .3s}.webDevPage .pricing .pricingGrid .card.highlight{border:2px solid var(--primary);box-shadow:0 4px 20px rgba(var(--primary),.3)}.webDevPage .pricing .pricingGrid .card .topSec{display:flex;align-items:baseline;flex-direction:column;border-bottom:1px dashed rgb(229 231 235)}.webDevPage .pricing .pricingGrid .card .topSec .type{font-weight:700;margin-right:10px}.webDevPage .pricing .pricingGrid .card .topSec .dolla{font-size:1.5rem}.webDevPage .pricing .pricingGrid .card .topSec .price{font-size:2rem;font-weight:700}.webDevPage .pricing .pricingGrid .card .topSec .unit{font-size:1rem}.webDevPage .pricing .pricingGrid .card .botSec{margin-top:15px}.webDevPage .pricing .pricingGrid .card .botSec .features{display:flex;margin-top:10px;flex-direction:column}.webDevPage .pricing .pricingGrid .card .botSec .features .checkmark{color:var(--primary)}.webDevPage .pricing .pricingGrid .card .botSec .features span{padding:5px;margin-bottom:5px;border-radius:4px}.webDevPage .pricing .pricingGrid .card:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0000001a}@media(max-width:1300px){.webDevPage .pricing .pricingGrid .card{width:calc(33.333% - 20px)}}@media(max-width:900px){.webDevPage .pricing .pricingGrid .card{width:calc(50% - 20px)}}@media(max-width:575px){.webDevPage .pricing .pricingGrid .card{width:calc(100% - 20px)}}.webDevPage .pricing .finalRibbon{color:var(--text);display:flex;padding:40px;border-radius:20px;flex-direction:column;box-sizing:border-box;background-color:var(--secondary)}@media(max-width:800px){.webDevPage .pricing .finalRibbon{align-items:center;justify-content:center}}.webDevPage .pricing .finalRibbon .headerGroup{padding:5px;width:fit-content;position:relative}.webDevPage .pricing .finalRibbon .headerGroup .title{margin:0;z-index:2;font-size:1.25em;font-weight:700;color:var(--background);position:relative}.webDevPage .pricing .finalRibbon .headerGroup .headerBg{top:0;left:0;opacity:1;z-index:1;content:"";width:100%;height:100%;border-radius:5px;position:absolute;background:var(--primary)}.webDevPage .pricing .finalRibbon p{font-size:1.15em}.webDevPage .pricing .finalRibbon .ctaBtn{color:var(--text);font-size:1.15em;width:fit-content;padding:10px 20px;border-radius:10px;letter-spacing:1.5px;text-decoration:none;border:2px solid var(--background);transition:background-color .3s,color .3s,border-color .3s}@media(max-width:550px){.webDevPage .pricing .finalRibbon .ctaBtn{font-size:1em}}.webDevPage .pricing .finalRibbon .ctaBtn:hover{color:var(--text);background-color:var(--background)}
