#contact {
    _border-top: 1px solid var(--border);
    background-color: var(--background-dark);

	.wrap {
        display: grid;
        align-content: baseline;
        grid-template-columns: 1.5fr 1fr;
        gap: 100px;     
        position: relative;
	}

    .socials {
    	display: flex;
        align-items: center;
        gap: 20px;
        
        
        a {
			display: grid;
			justify-items: center;
            gap: 8px;
            text-align: center;

            i {
            	color: var(--primary);
            }
            
            &:hover {
                color: var(--primary);
            }        
        }
    }
    
	.contacts {
		background-color: rgba(255, 255, 255, 0.12);
        background: #2c3547;
border: 1px solid var(--border);
		border-radius: 12px;
		padding: 28px;
		display: grid;
		align-content: baseline;

		.item {
			display: grid;
			padding-block: 20px;
			gap: 6px;
			border-bottom: 1px solid var(--border);

			&:first-child {
				padding-top: 0;
			}

			&:last-child {
				padding-bottom: 0;
				border-bottom: none;
			}

			.item-label {
				color: var(--primary);
				text-transform: uppercase;
				font-family: var(--font-big);
			}

			.item-content {

			}
		}
	}
}