form .dropdown .dropdown-menu li a, form .dropdown .dropdown-toggle {
    color: var(--color-0);
    font-size: 16px
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 0
}

span {
    font-family: inherit
}

button a {
    color: var(--color-1) !important
}

.btn-contactus {
    font-family: var(--tertiary-font);
    font-size: 16px
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: none
}

.content {
    overflow-x: hidden
}

h3.unsubtitle::after {
    margin: 34px auto 84px -50px
}

form .dropdown, form input, form textarea {
    border: solid 1px var(--color-0) !important;
    border-radius: 5px;
    color: var(--color-0) !important;
    resize: none
}

    form .dropdown .dropdown-toggle {
        text-transform: capitalize;
        text-align: left
    }

form .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 45%
}

form .dropdown .dropdown-menu {
    width: 100%
}

form input::placeholder, form textarea::placeholder {
    opacity: 1 !important
}

form textarea {
    height: 159px;
    padding: 5px 10px;
    font-size: 16px
}

form .underbox {
    margin: 9px auto 5px;
    font-size: 12px;
    line-height: 25px;
    color: #707070
}

.bg-map {
    background-image: url('../images/offices-map.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 0;
    background-size: auto 100%
}

.py-81 {
    padding-top: 81px;
    padding-bottom: 81px
}

.pt-101 {
    padding-top: 101px
}

.pt-77 {
    padding-top: 77px
}

.pe-106 {
    padding-right: 106px
}

.pe-108 {
    padding-right: 108.5px
}

.pb-158 {
    padding-bottom: 158px
}

.pb-178 {
    padding-bottom: 110px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-14 {
    margin-bottom: 14px
}

.mb-39 {
    margin-bottom: 39px
}

.mb-44 {
    margin-bottom: 44px
}

.mb-63 {
    margin-bottom: 63px
}

.mb-106 {
    margin-bottom: 106px
}

.textWl {
    max-width: 375px;
    line-height: 22px;
    margin-bottom: 25px
}

@media (max-width:575.98px) {
    h1 .intitle {
        font-size: 35px;
        line-height: 40px
    }

    h3.font-30, h3.unsubtitle, h4.font-22 {
        font-size: 20px;
        line-height: 25px
    }

        h3.unsubtitle::after {
            margin: 24px auto 34px -50px
        }

    .bg-map {
        background-size: 100%
    }

    .py-81 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .pt-101 {
        padding-top: 50px
    }

    .pt-77 {
        padding-top: 30px
    }

    .pe-106, .pe-108 {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .pb-158, .pb-178 {
        padding-bottom: 50px
    }

    .mb-39, .mb-44, .mb-63 {
        margin-bottom: 30px
    }

    .mb-106 {
        margin-bottom: 50px
    }

    .input-padding, .input-padding-nm {
        padding: 0
    }

    @media (max-width:359.98px) {
        .d-xs-none {
            display: none !important
        }
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    h1.intitle {
        font-size: 35px;
        line-height: 40px
    }

    h3.font-30, h3.unsubtitle, h4.font-22 {
        font-size: 20px;
        line-height: 25px
    }

        h3.unsubtitle::after {
            margin: 24px auto 34px -50px
        }

    .bg-map {
        background-size: 100%
    }

    .py-81 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pt-101 {
        padding-top: 50px
    }

    .pt-77 {
        padding-top: 30px
    }

    .pe-106, .pe-108 {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .pb-158 {
        padding-bottom: 50px
    }

    .pb-178 {
        padding-bottom: 80px
    }

    .mb-39, .mb-44, .mb-63 {
        margin-bottom: 30px
    }

    .mb-106 {
        margin-bottom: 50px
    }

    .mt-xs-30 {
        margin-top: 30px
    }

    .input-padding {
        padding: 0
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    h1.intitle {
        font-size: 40px;
        line-height: 45px
    }

    h3.font-30, h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

    h4.font-22 {
        font-size: 20px;
        line-height: 25px
    }

    .py-81 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pt-101 {
        padding-top: 80px
    }

    .pt-77 {
        padding-top: 50px
    }

    .pe-106, .pe-108 {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .pb-158, .pb-178 {
        padding-bottom: 60px
    }

    .mb-106 {
        margin-bottom: 80px
    }

    .input-padding {
        padding: 0
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    h1.intitle {
        font-size: 40px;
        line-height: 45px
    }

    h3.font-30, h3.unsubtitle {
        font-size: 25px;
        line-height: 30px
    }

    h4.font-22 {
        font-size: 20px;
        line-height: 25px
    }

    .py-81 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pt-101 {
        padding-top: 100px
    }

    .pt-77 {
        padding-top: 50px
    }

    .pe-106, .pe-108 {
        padding-right: calc(var(--bs-gutter-x) * .5)
    }

    .pb-158, .pb-178 {
        padding-bottom: 100px
    }

    .mb-14 {
        margin-bottom: 14px
    }

    .mb-39 {
        margin-bottom: 39px
    }

    .mb-44 {
        margin-bottom: 44px
    }

    .mb-63 {
        margin-bottom: 63px
    }

    .mb-106 {
        margin-bottom: 100px
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    @media (max-width:1259.98px) {
        .content {
            max-width: 100%
        }
    }

    .py-81 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pt-101 {
        padding-top: 100px
    }

    .pt-77 {
        padding-top: 50px
    }

    .pe-106, .pe-108 {
        padding-right: 50px
    }

    .pb-158, .pb-178 {
        padding-bottom: 100px
    }

    .mb-106 {
        margin-bottom: 100px
    }
}

@media (min-width:1400px) {
    button.btn-contactus {
        width: 215px !important
    }

    .g-2, .gy-2 {
        --bs-gutter-y: 12px
    }

    .g-2, .gx-2 {
        --bs-gutter-x: 12px
    }
}