#start{position:relative}#start .button{padding:.75em 1em;font-size:calc(clamp(1.25rem,2.5vw,1.5rem)/1.25)}#start #about{flex-direction:column;gap:50px;width:90%;max-width:1200px;margin-top:150px;display:flex}#start #about .content-container{justify-content:space-between;align-items:stretch;width:100%;display:flex;overflow:hidden}#start #about .content-container .image-container{border-radius:8px;width:48%;position:relative;overflow:hidden}#start #about .content-container .image-container img{object-fit:cover}#start #about .content-container .text-container{max-width:48%}#start #about .content-container .text-container a{margin-top:50px}#start #about .content-container .text-container p:first-child{font-weight:500}#start #services{flex-direction:column;align-items:center;gap:37.5px;width:90%;max-width:1200px;margin-bottom:150px;display:flex}#start #services h3:first-child{font-size:clamp(1.5rem,3vw,2rem)}#start #services .card-container{grid-template-columns:calc(50% - 20px) calc(50% - 20px);grid-row:auto auto;grid-column-gap:40px;grid-row-gap:40px;display:grid}#start #services .card-container .card{border-radius:16px;flex-direction:column;gap:.5rem;padding:2rem;display:flex;box-shadow:0 0 16px #0808081a}#start #services .card-container .card .flex{align-items:center;gap:1rem;display:flex}#start #services .card-container .card .flex .icon{color:#2e2e2e;min-width:3rem;min-height:3rem;font-size:3rem}#start #services .card-container .card .line-animation{align-items:center;gap:.25rem;width:max-content;margin-top:auto;padding-top:10px;display:flex}#start #services .card-container .card a{color:#2877d7;font-weight:500}#start #services .card-container .card svg{color:#2877d7;font-size:clamp(.7rem,2.5vw,.9rem)}#start #previous-work{background-color:#001f5c;flex-direction:column;justify-content:center;align-items:center;gap:4rem;width:100%;height:auto;padding:75px 0 100px;display:flex}#start #previous-work>h3{text-align:center;color:#f7f7f7;width:90%;font-size:clamp(1.5rem,3vw,2rem)}#start #contact{flex-direction:column;gap:2rem;width:90%;max-width:1200px;margin-top:75px;display:flex}#start #contact .text-container{width:100%;max-width:600px}#start #contact .text-container h3{font-size:clamp(1.5rem,3vw,2rem)}#start #contact>h3{text-align:center;margin-top:75px;font-size:clamp(1.5rem,3vw,2rem)}@media (max-width:900px){#start #about{margin-top:75px}#start #about .content-container{flex-direction:column-reverse;gap:1rem;height:auto}#start #about .content-container .text-container{max-width:100%}#start #about .content-container .text-container .button{margin-top:20px}#start #about .content-container .image-container{display:none}#start #services .card-container{flex-direction:column;gap:40px;width:100%;display:flex}#start #services .card-container .card,#start #contact .text-container{width:100%}#start #contact form .flex{flex-direction:column;gap:1rem}#start #contact form .flex .form-part{width:100%}#start #contact form .flex #message-container{height:300px}}@media (max-width:500px){#start #hero .content .text-container .button{margin-top:1rem;font-size:clamp(1.25rem,2.5vw,1.5rem)}#start #services .card-container .card .flex{flex-direction:column;gap:1rem}#start #services .card-container .card .flex h3{align-self:flex-start}}