.contacts{width:100%;padding:0 25px 25px}.contacts__title{padding-top:100px;padding-bottom:25px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500}.contacts__inner{background:var(--accent-clr);border-radius:20px;gap:25px;padding:25px;display:flex}.contacts-container{flex-direction:column;row-gap:10px;width:100%;display:flex}.contacts__details-container{flex-direction:column;align-items:flex-start;row-gap:5px;display:flex}.contacts__socials-container{gap:10px;display:flex}.contacts__socials-link{justify-content:center;align-items:center;gap:5px;display:flex}.contacts-form{flex-direction:column;flex-grow:1;gap:5px;display:flex}.contacts-form textarea{flex-grow:1}.contacts-form textarea:focus{outline:1px solid var(--bg-clr)}.input-container{flex-direction:column;gap:5px;display:flex}.input-container:nth-last-child(2){flex-grow:1}.label{margin-left:10px}.contacts__input{background:#fff;border-radius:20px;padding:10px}.contacts__input:focus{outline:1px solid var(--bg-clr)}.contacts-form__btn{background:var(--sec-accent-clr);border-radius:20px;align-self:flex-end;padding:10px}.contacts-form__btn:hover{color:#fff;background:#000}.contacts-form__btn--loading{cursor:not-allowed}.contacts-form__btn--success{color:#fff;cursor:not-allowed;background:#000}.contacts-form__btn--error{color:#fff;cursor:not-allowed;background:red}.contacts__details-title{font-size:clamp(1rem,4vw,1.25rem);font-weight:500}.map{border-radius:15px;width:100%;height:400px}@media screen and (max-width:1000px){.contacts__inner{flex-direction:column-reverse;display:flex}}@media screen and (max-width:896px){.contacts{padding:0 10px 25px}.contacts__inner{padding:10px}.contacts__title{padding-top:75px;padding-bottom:25px}}
.web-app{width:100%;padding:0 25px}.web-app__title{padding-top:100px;padding-bottom:25px;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500}.web-app__container{flex-direction:row-reverse;justify-content:space-evenly;align-items:center;gap:25px;display:flex}.web-app__list{flex-direction:column;row-gap:10px;display:flex}.web-app__list li{font-size:clamp(1rem,2vw,1.25rem);list-style:inside!important}@media screen and (max-width:896px){.web-app{padding:0 10px}.web-app__title{padding-top:75px;padding-bottom:25px}.web-app__container{flex-direction:column;justify-content:space-evenly;align-items:center;gap:25px}}