@import "https://use.typekit.net/aua1inq.css";
@import "/wp-content/themes/windowrama/assets/fonts/stylesheet.css";

.layout--two-grid .egc-container{
max-width: 100%;
 padding: 0;	
}
.layout--two-grid.has-bg-color.brand-color-1 .columns-container :not(a.btn),
.layout--two-grid.has-bg-color.brand-color-2 .columns-container :not(a.btn),
.layout--two-grid.has-bg-color.off-black-1 .columns-container :not(a.btn),
.layout--two-grid.has-bg-color.off-black-2 .columns-container :not(a.btn),
.layout--two-grid.has-bg-color.off-black-3 .columns-container :not(a.btn) {
    color: #fff;
}
.layout--two-grid.fifty-fifty .columns-container {
    grid-template-columns: 1fr 1fr;
}
.layout--two-grid.sixty-forty .columns-container {
    grid-template-columns: 6fr 4fr;
}
.layout--two-grid.seventy-thirty .columns-container {
    grid-template-columns: 7fr 3fr;
}
.layout--two-grid.forty-sixty .columns-container {
    grid-template-columns: 4fr 6fr;
}
.layout--two-grid.thirty-seventy .columns-container {
    grid-template-columns: 3fr 7fr;
}
.layout--two-grid.xl-p .columns-container > .entry-content a,
.layout--two-grid.xl-p .columns-container > .entry-content li,
.layout--two-grid.xl-p .columns-container > .entry-content p {
    font-size: var(--egc-font-size-xl) !important;
}
.layout--two-grid.lg-p .columns-container > .entry-content a,
.layout--two-grid.lg-p .columns-container > .entry-content li,
.layout--two-grid.lg-p .columns-container > .entry-content p {
    font-size: var(--egc-font-size-lg) !important;
}
.layout--two-grid.sm-p .columns-container > .entry-content a,
.layout--two-grid.sm-p .columns-container > .entry-content li,
.layout--two-grid.sm-p .columns-container > .entry-content p {
    font-size: var(--egc-font-size-sm) !important;
}
.layout--two-grid.xs-p .columns-container > .entry-content a,
.layout--two-grid.xs-p .columns-container > .entry-content li,
.layout--two-grid.xs-p .columns-container > .entry-content p {
    font-size: var(--egc-font-size-xs) !important;
}
.layout--two-grid .columns-container {
    /*grid-gap: max(18px, min(calc(-6.79908px + 3.23326vw), 32px));
    display: grid;
    gap: max(18px, min(calc(-6.79908px + 3.23326vw), 32px));
    width: 100%;*/
display: flex;
    align-items: center;
    justify-content: flex-end;;
}
.layout--two-grid h3{
	    font-size: 45px;
    font-family: 'bebas-kai';
    font-weight: 400;
    letter-spacing: 0px;
}
.layout--two-grid h2{
	    font-size: 45px;
    font-family: 'bebas-kai';
    font-weight: 400;
    letter-spacing: 0px;
}
.content-button{
	    color: #006FB6!important;
    text-transform: uppercase;
    font-family: 'bebas-kai';
    font-size: 30px;
    text-decoration: none;
    font-weight: 400!important;
}
.layout--two-grid h4{
font-size: 24px;
    font-family: 'GothamBook';
    margin-bottom: 0;
	font-weight: 700;
}
.layout--two-grid p{
    font-size: 21px;
    font-family: 'GothamBook';
    line-height: 39px;
}

.layout--two-grid .image-column{
	width: 50%;
}
.layout--two-grid .content-column{
	width: 50%;
}
.layout--two-grid .content-column .content-wrapper{
	max-width: 686px;
}
.reverse .image-column{
	width: 50%;
	text-align: right;
}
.reverse .image-column img{
	width: 100%;
}
.reverse .content-column{
	padding-left: 25px;
}
.reverse .content-column .content-wrapper{
	margin-bottom: 15px;
}
@media (max-width: 991px) {
    .layout--two-grid .columns-container {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 767px) {
    .layout--two-grid .columns-container {
        grid-template-columns: 1fr !important;
    }
}
.layout--two-grid .columns-container > .entry-content {
    max-width: 100%;
}
.layout--two-grid .columns-container > .entry-content p > img {
    height: auto;
    max-width: 100%;
}
.layout--two-grid .columns-container > .entry-content img.alignright {
    float: right;
}
.layout--two-grid .columns-container > .entry-content img.alignleft {
    float: left;
}
.layout--two-grid .columns-container > .entry-content form {
    grid-gap: 1.25rem;
    align-items: flex-start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
@media (max-width: 991px) {
    .layout--two-grid .columns-container > .entry-content form {
        grid-template-columns: 1fr;
    }
}
.layout--two-grid .columns-container > .entry-content form br {
    display: none;
}
.layout--two-grid .columns-container > .entry-content form .form-group {
    grid-gap: 0.5ch;
    display: grid;
    gap: 0.5ch;
    grid-column: 1/-1;
    grid-template-columns: 1fr;
}
.layout--two-grid .columns-container > .entry-content form .form-group.name {
    grid-gap: 1.25rem;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
    .layout--two-grid .columns-container > .entry-content form .form-group.name {
        grid-template-columns: 1fr;
    }
    .layout--two-grid .columns-container > .entry-content form .form-group.name label:first-of-type {
        order: -1;
    }
    .layout--two-grid .columns-container > .entry-content form .form-group.name label:last-of-type {
        order: 1;
    }
    .layout--two-grid .columns-container > .entry-content form .form-group.name input:first-of-type {
        order: 0;
    }
    .layout--two-grid .columns-container > .entry-content form .form-group.name input:last-of-type {
        order: 2;
    }
}
.layout--two-grid .columns-container > .entry-content form .form-group[\:has\(input\[type\%3Dsubmit\]\)] {
    grid-column: 1/-1;
}
.layout--two-grid .columns-container > .entry-content form .form-group:has(input[type="submit"]) {
    grid-column: 1/-1;
}
.layout--two-grid .columns-container > .entry-content form .form-group[\:has\(input\[type\%3Dsubmit\]\)] input {
    margin-left: auto;
    margin-right: auto;
}
.layout--two-grid .columns-container > .entry-content form .form-group:has(input[type="submit"]) input {
    margin-left: auto;
    margin-right: auto;
}
.layout--two-grid .columns-container > .entry-content form .form-group input:not([type="submit"]),
.layout--two-grid .columns-container > .entry-content form .form-group select,
.layout--two-grid .columns-container > .entry-content form .form-group textarea {
    align-self: flex-start;
    border: 1px solid #333;
    border-radius: 4px;
    color: var(--egc-text-color-body);
    font-size: 16px;
    padding: 0.5em 0.75em;
    width: 100%;
}
.layout--two-grid .columns-container > .entry-content form .form-group textarea {
    max-height: 7.5ch;
}
.layout--two-grid .columns-container > .entry-content form .wpcf7-response-output {
    border-radius: 4px;
    color: #fff;
    font-size: var(--egc-font-size-lg);
    font-weight: 700;
    grid-column: 1/-1;
    margin: 0;
    padding: 0.75em 1.25em;
    text-align: center;
    width: 100%;
}
.layout--two-grid .columns-container > .entry-content form.invalid .wpcf7-response-output {
    background-color: #ff4f4f;
    border-color: #ff4f4f;
}
.layout--two-grid .columns-container > .entry-content form.sent .wpcf7-response-output {
    background-color: #4a934a;
    border-color: #4a934a;
}