:root {
	 --theme: #121212;
}
 :root .dark {
	 --border: #252525;
}
/* contact area style */
 .contact-area .section-title {
	 max-width: 760px;
	 font-size: 90px;
	 line-height: normal;
}
 .contact-area .section-header {
	 display: flex;
	 gap: 20px 60px;
	 grid-template-columns: 1fr auto;
	 align-items: baseline;
}
 .contact-area .section-header .text {
	 max-width: 300px;
}
 .contact-area .contact-formwrap {
	 display: grid;
	 gap: 50px 30px;
	 grid-template-columns: repeat(2, 1fr);
}
 .contact-area .contact-formwrap .messages {
	 grid-column: span 2;
}
 .contact-area .contact-formfield input {
	 width: 100%;
	 height: 40px;
	 border: none;
	 border-bottom: 1px solid var(--border);
	 outline: none;
	 background-color: transparent;
	 transition: all 0.5s;
}
 .contact-area .contact-formfield input:focus {
	 border-color: var(--primary);
}
 .contact-area .submit-btn {
	 margin-top: 60px;
}
 .contact-area .section-content {
	 display: grid;
	 gap: 40px 60px;
	 grid-template-columns: 1fr 740px;
	 margin-top: 112px;
}
 .contact-area .info-box .text {
	 font-size: 26px;
	 line-height: 1.25;
	 font-weight: 500;
	 color: var(--primary);
	 max-width: 360px;
}
 .contact-area .contact-list {
	 margin-top: 26px;
}
 .contact-area .contact-list li {
	 font-size: 18px;
	 line-height: 24px;
}
 .contact-area .contact-list li:not(:first-child) {
	 margin-top: 15px;
}
 .contact-area .contact-list li a {
	 text-decoration: underline;
	 text-underline-offset: 2px;
}