.top-banner .container {
    padding-top: 65px;
}

.top-banner .h1 {
    max-width: 550px;
}

.top-banner .h1+p {
    max-width: 600px;
}

.contact-us {
    padding: 100px 0;
}

.contact-us .h3 {
    margin-bottom: 30px;
}

.contact-us .container {
    position: relative;
}

.contact-us .container:after {
    content: '';
    background: url(../images/dash-circle.svg);
    position: absolute;
    top: 310px;
    right: -410px;
    width: 145px;
    height: 128px;
    transform: rotate(-18.934deg);
    background-size: cover;
    z-index: -1;
}

.contact-us .container::before {
    display: inline-block;
    cursor: pointer;
    mask-image: var(--svg);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.contact-us .container::before {
    content: '';
    --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="278" height="314" viewBox="0 0 278 314" fill="none"><path d="M128.699 3.6795C134.887 0.106841 142.511 0.106837 148.699 3.67949L266.397 71.6325C272.585 75.2051 276.397 81.8077 276.397 88.953V224.859C276.397 232.004 272.585 238.607 266.397 242.18L148.699 310.133C142.511 313.705 134.887 313.705 128.699 310.133L11.0012 242.18C4.81314 238.607 1.00117 232.004 1.00117 224.859V88.953C1.00117 81.8077 4.81315 75.2051 11.0012 71.6325L128.699 3.6795Z" stroke="%2300AEA9" stroke-width="2"/></svg>');
    background-color: #00AEA9;
    width: 278px;
    height: 314px;
    position: absolute;
    bottom: 0;
    left: -500px;
    transform: rotate(90deg);
}

.contact-form .bottom-row {
    align-items: center;
}

@media screen and (max-width: 1799px) {
    .contact-us .container:after {
        right: -210px;
    }

    .contact-us .container::before {
        left: -290px;
        width: 222px;
        height: 251px;
    }
}

@media screen and (max-width: 1499px) {
    .contact-us {
        padding: 70px 0;
    }

    .top-banner .container {
        padding-top: 40px;
    }

    .contact-us .container:after {
        right: -70px;
    }
}

@media screen and (max-width: 1199px) {
    .contact-us {
        padding: 60px 0;
    }

    .contact-us .container:after {
        right: -100px;
    }

    .contact-us .container::before {
        left: -180px;
    }
}

@media screen and (max-width: 767px) {
    .contact-us {
        padding: 50px 0;
    }

    .contact-us .h3 {
        margin-bottom: 20px;
    }

    .contact-us .container::before {
        width: 125px;
        height: 141px;
        left: -90px;
    }

    .contact-us .container:after {
        width: 116px;
        height: 102px;
        right: -60px;
    }
}