.contact__container{grid-template-columns:repeat(2,max-content);justify-content:center;column-gap:6rem;padding-bottom:3rem;display:grid}.contact__info{grid-template-columns:380px;row-gap:1rem;display:grid}.contact__form{width:360px}.contact__title{text-align:center;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5)}.contact__card{background-color:var(--container-color);text-align:center;border:1px solid #00000014;border-radius:1rem;padding:1rem;transition:transform .25s,box-shadow .25s;box-shadow:0 2px 10px -6px #0000001a}.contact__card:hover{transform:translateY(-4px);box-shadow:0 16px 26px -16px #0003}.contact__card-icon{margin-bottom:var(--mb-0-5);background-color:#0000}.contact__card-icon i{font-size:1.75rem}.contact__card-title,.contact__card-data{font-size:var(--small-font-size)}.contact__card-title{font-weight:var(--font-medium)}.contact__card-data{margin-bottom:var(--mb-0-75);display:block}.contact__button{color:var(--title-color);font-size:var(--small-font-size);justify-content:center;align-items:center;column-gap:.25rem;display:inline-flex}.contact__button-icon{font-size:1rem;transition:all .3s}.contact__button:hover .contact__button-icon{transform:translate(.25rem)}.contact__bot-note{font-size:var(--small-font-size);background-color:var(--accent-tint);border:1px solid #9db6ff4d;border-radius:.75rem;align-items:flex-start;gap:.5rem;max-width:380px;margin-top:1.5rem;padding:1rem;display:flex}.contact__bot-note i{color:var(--accent-color-dark);flex-shrink:0;margin-top:.15rem}.contact__form-div{margin-bottom:var(--mb-2);height:4rem;position:relative}.contact__form-input{width:100%;height:100%;color:var(--text-color);z-index:1;background:0 0;border:2px solid #00000026;border-radius:.75rem;outline:none;padding:1.5rem;transition:border-color .25s;position:absolute;top:0;left:0}.contact__form-input:focus{border-color:var(--accent-color-dark)}.contact__form-tag{font-size:var(--smaller-font-size);background-color:var(--body-color);z-index:10;padding:.25rem;position:absolute;top:-.75rem;left:1.25rem}.contact__form-area{height:11rem}.contact__form-area>textarea{resize:none}.contact__form-status{font-size:var(--small-font-size);margin-top:1rem}.contact__form-status--success{color:#2f8a4a}.contact__form-status--error{color:#c0392b}@media screen and (max-width:992px){.contact__container{column-gap:3.5rem}}@media screen and (max-width:768px){.contact__container{grid-template-columns:1fr;row-gap:3rem}.contact__info{justify-content:center}.contact__form{margin:0 auto}}@media screen and (max-width:576px){.contact__info{grid-template-columns:1fr}.contact__form{width:100%}}