@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');



*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    font: inherit;
}

a {
    transition: all 0.3s ease-in-out;
}

img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
}

input,
select,
textarea {
    background-color: transparent;
    outline: none;
}

button {
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: 0;
}

body {
    min-height: 100vh;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    font-family: "Source Code Pro", monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
}

.cs-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.site-branding a {
    display: block;
    width: 280px;
}

.main-navigation ul {
    display: flex;
    gap: 32px;
}
.menu-toggle{
	width:32px;
	height:32px;
	display:none;
}
.main-navigation ul li a {
    font-size: 20px;
    font-weight: 500;
	text-transform:uppercase;
	letter-spacing:0.02em;
}
.main-navigation ul li a:hover{
	color:#1d4ed8;
}
.gform_required_legend {
    display: none !important;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color .2s ease;
    height: auto !important;
}

.contact-form .gfield_label {
    color: #f5f5f5 !important;
    font-size: 16px !important;
}

.contact-form .gform_footer input[type="submit"] {
    height: auto !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    min-height: auto !important;
    padding: 14px 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    background-color: #3b82f6 !important;
    color: #fff !important;
}

.contact-form .gform_footer input[type="submit"]:hover {
    background-color: #1d4ed8 !important;
}

.gform_confirmation_message {
    font-size: 20px;
    text-align: center;
}
@media (max-width:1023px){
	.menu-toggle{
		display:block;
	}
	.menu-toggle .open,.menu-toggle.active .close{
		display:block;
	}
	.menu-toggle .close,.menu-toggle.active .open{
		display:none;
	}
	.main-navigation ul{
		flex-direction:column;
		gap:24px;
	}
	.header-menu-wrapper{
		 position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: all 0.4s ease;
        padding: 40px 20px;
        text-align: center;
	}
	.main-navigation ul li a{
		color:#000;
	}
	 .header-menu-wrapper.active {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1);
    }
}
@media (max-width:767px) {
    .contact-form textarea {
        min-block-size: 200px !important;
        height: 200px !important;
    }

    .contact-form .gform_fields {
        gap: 20px !important;
    }

    .main-navigation ul li a {
        font-size: 16px;
    }

    .site-branding a {
        width: 180px;
    }
	.main-navigation ul{
		gap:20px;
	}
	.header-menu-wrapper{
		padding:32px 20px;
	}
}