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