.pricing{display:flex;flex-direction:column;align-items:center}.pricingTitle{text-align:center}.hostingMonthly,.hostingYearly{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:4rem;gap:4rem;width:90%;margin-bottom:150px}.timeframeToggle{align-items:center;padding:50px}.switch,.timeframeToggle{display:flex;justify-content:center}.switch{--_switch-bg-clr:var(--color-primary);--_switch-padding:4px;--_slider-bg-clr:var(--color-accent);--_slider-bg-clr-on:var(--color-accent);--_slider-txt-clr:#ffffff;--_label-padding:1rem 2rem;--_switch-easing:cubic-bezier(0.47,1.64,0.41,0.8);color:white;width:-moz-fit-content;width:fit-content;border-radius:9999px;cursor:pointer;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;isolation:isolate}.switch input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch>span{display:grid;place-content:center;transition:opacity .3s ease-in-out .15s;padding:var(--_label-padding)}.switch:after,.switch:before{content:"";position:absolute;border-radius:inherit;transition:inset .15s ease-in-out}.switch:before{background-color:var(--_slider-bg-clr);inset:var(--_switch-padding) 50% var(--_switch-padding) var(--_switch-padding);transition:inset .5s var(--_switch-easing),background-color .5s ease-in-out;z-index:-1;box-shadow:inset 0 1px 1px rgba(0,0,0,.3),0 1px rgba(255,255,255,.3)}.switch:after{background-color:var(--_switch-bg-clr);inset:0;z-index:-2}.switch:focus-within:after{inset:-.25rem}.switch:has(input:checked):hover>span:first-of-type,.switch:has(input:not(:checked)):hover>span:last-of-type{opacity:1;transition-delay:0s;transition-duration:.1s}.switch:has(input:checked):hover:before{inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 45%}.switch:has(input:not(:checked)):hover:before{inset:var(--_switch-padding) 45% var(--_switch-padding) var(--_switch-padding)}.switch:has(input:checked):before{background-color:var(--_slider-bg-clr-on);inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 50%}.switch>input:checked+span:first-of-type,.switch>span:last-of-type{opacity:.75}.switch>input:checked~span:last-of-type{opacity:1}.pageTitle{text-align:center;margin-bottom:75px}.techComparison{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:150px 0}.techComparison h1{text-align:left;width:100%;padding-left:10%;background-color:var(--color-foreground);color:var(--color-background)}.slidesContainer{padding-top:50px}.slidesContainer h2{text-align:center}.mobileArrowContainer{display:none}.mobileArrow{color:var(--color-foreground)}.comparisonContent{padding:3rem;overflow:hidden;position:relative}.comparisonContent,.contentContainer{display:flex;flex-direction:row;justify-content:center;align-items:center}.contentContainer{gap:2rem;flex-wrap:wrap;overflow:hidden!important}.contentContainer.slide{transition:transform 1s ease,opacity 1s ease;transform:translateX(-100%);opacity:0;overflow:hidden!important}.contentCard,.ourContentCard{width:20%;border:2px solid var(--color-border);border-radius:25px;height:35vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:10px}.ourContentCard{border:4px solid var(--color-accent)}.cardTitle{height:15%}.cardContent{height:80%;text-align:center}.arrow{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;font-size:2rem}.arrow:hover{cursor:pointer;color:var(--color-secondary)}.slide-out-left{transform:translateX(-100%);opacity:0}.slide-out-right{transform:translateX(100%);opacity:0}.slide-out-left,.slide-out-right{transition:transform .6s ease,opacity .6s ease}.slide-in-left{transform:translateX(-100%);opacity:0;animation:slideInLeft .6s ease forwards}.slide-in-right{transform:translateX(100%);opacity:0;animation:slideInRight .6s ease forwards}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.techComparison h1{text-align:center;padding:0;margin:0}.contentCard,.ourContentCard{width:70vw;height:27.5vh}.arrow{display:none}.mobileArrowContainer{flex-direction:row;margin-top:25px;gap:1rem}.mobileArrow,.mobileArrowContainer{display:flex;justify-content:center;align-items:center}.mobileArrow{background-color:transparent;border:none;font-size:2rem;border:1px solid var(--color-border);border-radius:25px;padding:0 2rem}.mobileArrow:hover{cursor:pointer;color:var(--color-background);background-color:var(--color-foreground)}}@media (min-width:768px) and (max-width:1330px){.techComparison h1{text-align:center;padding:0;margin:0}.contentCard,.ourContentCard{width:30vw;height:25vh}.arrow{display:none}.mobileArrowContainer{flex-direction:row;margin-top:25px;gap:1rem}.mobileArrow,.mobileArrowContainer{display:flex;justify-content:center;align-items:center}.mobileArrow{background-color:transparent;border:none;font-size:2rem;border:1px solid var(--color-border);border-radius:25px;padding:0 2rem}.mobileArrow:hover{cursor:pointer;color:var(--color-background);background-color:var(--color-foreground)}}.web-development_webDevServices__CTlJG{font-family:var(--family-text);background-color:var(--color-background);display:flex;flex-direction:column}.web-development_titleContainer__5qI3X{position:relative;color:white;z-index:1;overflow:hidden;height:35vh;display:flex;justify-content:flex-end;flex-direction:column;padding:70px}.web-development_titleContainer__5qI3X:before{content:"";position:absolute;inset:0;background-image:url(/web-dev-header.avif),url(/web-dev-header.jpg);background-size:cover;background-position:50%;filter:brightness(35%) blur(2px);z-index:-1}.web-development_titleContent__m4xsN{display:flex;flex-direction:column;gap:1rem}.web-development_titleContent__m4xsN h1,.web-development_titleContent__m4xsN h3{color:var(--color-background)}.web-development_titleContent__m4xsN h1{font-size:2.5rem;font-weight:var(--font-title)}.web-development_titleContent__m4xsN h3{font-size:1.5rem;font-weight:var(--font-heading)}.web-development_serviceContainer__USOwd{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;grid-gap:4rem;gap:4rem;margin:75px}.web-development_webBuildPricing__KjC_t{display:flex;flex-direction:column;align-items:center}.web-development_buildPricing__MbNT2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-content:center;grid-gap:4rem;gap:4rem;width:90%;margin-bottom:150px}.web-development_buildPricingTitle__kluiR{text-align:center;margin-bottom:50px}.web-development_timeframeToggle__niiwW{display:flex;justify-content:center;align-items:center;padding:50px}.web-development_ourProcess__Iohun{margin-bottom:150px}.web-development_switch__YJNoc{--_switch-bg-clr:var(--color-primary);--_switch-padding:4px;--_slider-bg-clr:var(--color-accent);--_slider-bg-clr-on:var(--color-accent);--_slider-txt-clr:#ffffff;--_label-padding:1rem 2rem;--_switch-easing:cubic-bezier(0.47,1.64,0.41,0.8);color:white;width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;border-radius:9999px;cursor:pointer;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;isolation:isolate}.web-development_switch__YJNoc input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.web-development_switch__YJNoc>span{display:grid;place-content:center;transition:opacity .3s ease-in-out .15s;padding:var(--_label-padding)}.web-development_switch__YJNoc:after,.web-development_switch__YJNoc:before{content:"";position:absolute;border-radius:inherit;transition:inset .15s ease-in-out}.web-development_switch__YJNoc:before{background-color:var(--_slider-bg-clr);inset:var(--_switch-padding) 50% var(--_switch-padding) var(--_switch-padding);transition:inset .5s var(--_switch-easing),background-color .5s ease-in-out;z-index:-1;box-shadow:inset 0 1px 1px rgba(0,0,0,.3),0 1px rgba(255,255,255,.3)}.web-development_switch__YJNoc:after{background-color:var(--_switch-bg-clr);inset:0;z-index:-2}.web-development_switch__YJNoc:focus-within:after{inset:-.25rem}.web-development_switch__YJNoc:has(input:checked):hover>span:first-of-type,.web-development_switch__YJNoc:has(input:not(:checked)):hover>span:last-of-type{opacity:1;transition-delay:0s;transition-duration:.1s}.web-development_switch__YJNoc:has(input:checked):hover:before{inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 45%}.web-development_switch__YJNoc:has(input:not(:checked)):hover:before{inset:var(--_switch-padding) 45% var(--_switch-padding) var(--_switch-padding)}.web-development_switch__YJNoc:has(input:checked):before{background-color:var(--_slider-bg-clr-on);inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 50%}.web-development_switch__YJNoc>input:checked+span:first-of-type,.web-development_switch__YJNoc>span:last-of-type{opacity:.75}.web-development_switch__YJNoc>input:checked~span:last-of-type{opacity:1}@media (max-width:1200px){.web-development_webDevServices__CTlJG{overflow-x:hidden}.web-development_titleContainer__5qI3X{padding:70px 30px 30px}.web-development_titleContent__m4xsN h3{width:90%}.web-development_serviceContainer__USOwd{grid-template-columns:repeat(2,1fr);gap:5rem!important;margin:50px 40px}.web-development_buildPricing__MbNT2{gap:2rem;width:95%;margin-bottom:80px}.web-development_buildPricingTitle__kluiR{margin-bottom:30px}.web-development_timeframeToggle__niiwW{padding:30px}.web-development_ourProcess__Iohun{margin-bottom:80px}}@media (max-width:767px){.web-development_webDevServices__CTlJG{overflow-x:hidden}.web-development_titleContainer__5qI3X:before{filter:brightness(30%) blur(4px)}.web-development_titleContainer__5qI3X{height:auto;padding:7rem 30px 30px}.web-development_titleContent__m4xsN h1{font-size:2rem}.web-development_titleContent__m4xsN h3{font-size:1.25rem;width:90%}.web-development_serviceContainer__USOwd{grid-template-columns:1fr;gap:2rem;margin:40px 20px}.web-development_buildPricing__MbNT2{grid-template-columns:1fr;gap:2rem;width:90%;margin-bottom:60px}.web-development_buildPricingTitle__kluiR{font-size:1.5rem;margin-bottom:20px}.web-development_timeframeToggle__niiwW{padding:20px}.web-development_ourProcess__Iohun{margin-bottom:60px}}