.contact-layout {
    grid-template-columns:1fr 1.8fr;
    gap:4rem;
    align-items:start
}
.contact-info__title {
    font-size:1.3rem;
    color:var(--color-primary-dark);
    margin-bottom:1rem
}
.contact-info__desc {
    font-size:.92rem;
    color:var(--color-text-light);
    line-height:2;
    margin-bottom:2rem
}
.contact-info__list {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.contact-info__list li {
    font-size:.92rem;
    display:flex;
    flex-direction:column;
    gap:.25rem
}
.contact-info__label {
    font-weight:700;
    color:var(--color-primary-dark);
    font-size:.85rem
}
.contact-info__list a {
    color:var(--color-primary);
    font-weight:700
}
.contact-info__list small {
    color:var(--color-text-muted);
    font-size:.8rem
}
.form_nav_flex {
    display:flex;
    max-width:800px;
    justify-content:space-between;
    width:90%;
    margin:40px auto;
    position:relative;
    z-index:1
}
.form_nav_flex:after {
    content:"";
    position:absolute;
    top:36%;
    left:50%;
    width:90%;
    height:2px;
    background-color:var(--green);
    transform:translate(-50%,-50%);
    z-index:-1
}
.form_nav_flex_box {
    display:flex;
    flex-direction:column;
    gap:.5rem;
    align-items:center
}
.icon_container {
    background-color:#888;
    border-radius:50%;
    --size: 5rem;
    width:var(--size);
    height:var(--size);
    display:flex;
    align-items:center;
    justify-content:center
}
.contact_active .icon_container{
    background-color:var(--green);
}
.form_icon {
    --size: 2rem;
    width:var(--size);
    height:var(--size)
}
.form_nav_txt {
    font-weight:700;
    color:#888;
}
.contact_active .form_nav_txt{
    color:var(--green)
}
.contact-form {
    background:var(--color-white);
    padding:2.5rem;
    border-radius:12px;
    box-shadow:var(--shadow-md)
}
.contact-form__privacy {
    font-size:.88rem
}
.contact-form__check {
    display:flex;
    align-items:center;
    gap:.5rem;
    cursor:pointer
}
.contact-form__check a {
    color:var(--color-primary);
    text-decoration:underline
}
.contact-form__submit,
.contact-form__back{
	display:block;
    width:100%;
    justify-content:center;
    padding:.9rem;
    font-size:1rem
}
.contact-form__back {
	margin:2rem auto 0;
    width:50%;
	background-color: #666;
}
.contact-form__back:hover{
	background-color: #333;
}
@media(max-width:768px) {
    .contact-layout {
        grid-template-columns:1fr;
        gap:2rem
    }
    .contact-form {
        padding:1.5rem
    }
    .form_nav_flex:after {
        width:80%
    }
	.contact-form__back {
		margin:4vw auto 0;
	}

}