html {
    scroll-padding-top: 80px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: "Manrope", sans-serif;
}

.mobile-menu {
    padding: 2rem;
}

.mobile-menu ul {
    width: 100%;
    text-align: center;
}

.mobile-menu li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

#mobile-menu-placeholder {
    position: sticky;
    top: 66px;
    background-color: white;
    height: 100vh;
    z-index: 100;
}

.group:hover h3,
.group:hover p {
    color: #ffffff;
}

/* .phone-button {
  background: rgb(65,104,91);
  background: linear-gradient(90deg, rgba(49,125,121,1) 0%, rgba(77,122,106,1) 90%, rgba(65,104,91,1) 100%);
}

.phone-button:hover {
  background: #C31CA7;
} */

img.small_blob {
    min-height: auto !important;
    mask: none;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -24px;
    width: 100vw !important;
    max-width: 100vw !important;
}

.first-page-hero,
.contact-image {
    max-height: 380px !important;
    height: 25vh;
    mask: none;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -24px;
    width: 100vw !important;
    max-width: 100vw !important;
    background-size: cover;
    background-position: 50% 35%;
    min-height: 240px;
}

.contact-image {
    background-position: 10% 10%;
}

@media (max-width: 1023px) {
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next,
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        display: none;
    }
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.testimonials {
    border-radius: 2rem;
    background-color: #1c2c3c;
    padding: 4rem;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 25px);
    right: auto;
}

#location-map {
    width: 100vw;
}

.portrait_01-sm {
    border-radius: 50%;
    padding: 0 6rem;
    margin: 3rem auto 0 auto;
    max-width: 26rem;
}

.portrait_02-sm {
    border-radius: 50%;
    padding: 1rem 6rem;
    /* max-width: 21rem; */
    margin: 0 auto;
    max-width: 26rem;
}

/* Tailwind responsive breakpoints */
/* sm	640px	@media (min-width: 640px) { ... }
   md	768px	@media (min-width: 768px) { ... }
   lg	1024px	@media (min-width: 1024px) { ... }
   xl	1280px	@media (min-width: 1280px) { ... }
   2xl	1536px	@media (min-width: 1536px) { ... } */

@media (min-width: 768px) {
    #location-map {
        width: 100vw;
        height: 330px;
    }

    .first-page-hero,
    .contact-image {
        min-height: 50vw !important;
        height: 40vw;
        background-position: 50% 33%;
        /* background-size: contain;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: #EEE7EC; */
    }

    .portrait_02-sm {
        border-radius: 50%;
        margin: 2rem auto 0 auto;
        padding: 0 6rem 0 6rem;
    }
}

@media (min-width: 1024px) {
    img.small_blob {
        min-height: auto !important;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        width: 100% !important;
        max-width: 100% !important;
    }

    img.small_blob {
        -webkit-mask: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/LS0+CiAgICAgICAgICAgICAgPHN2ZyBpZD0ic3ctanMtYmxvYi1zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+CiAgICAgICAgICAgICAgICAgICAgPGRlZnM+IAogICAgICAgICAgICAgICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InN3LWdyYWRpZW50IiB4MT0iMCIgeDI9IjEiIHkxPSIxIiB5Mj0iMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3RvcCBpZD0ic3RvcDEiIHN0b3AtY29sb3I9InJnYmEoMjQ4LCAxMTcsIDU1LCAxKSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN0b3AgaWQ9InN0b3AyIiBzdG9wLWNvbG9yPSJyZ2JhKDI1MSwgMTY4LCAzMSwgMSkiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgICAgICAgICAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgICAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9InVybCgjc3ctZ3JhZGllbnQpIiBkPSJNMjkuNSwtMzNDMzcuNywtMjguNCw0My4yLC0xOC41LDQ0LjQsLTguNEM0NS42LDEuOCw0Mi4zLDEyLjIsMzYuNSwxOS45QzMwLjYsMjcuNiwyMi4yLDMyLjYsMTMuNSwzNC45QzQuOCwzNy4yLC00LjIsMzYuNywtMTEuMSwzMy4xQy0xOC4xLDI5LjUsLTIzLDIyLjgsLTI3LjEsMTUuN0MtMzEuMiw4LjYsLTM0LjQsMSwtMzMuNywtNi41Qy0zMywtMTMuOSwtMjguNCwtMjEuMSwtMjIuMSwtMjYuMUMtMTUuOSwtMzEsLTcuOSwtMzMuNywxLjQsLTM1LjNDMTAuNywtMzYuOSwyMS40LC0zNy42LDI5LjUsLTMzWiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAgNTApIiBzdHJva2Utd2lkdGg9IjAiIHN0eWxlPSJ0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlIDBzOyI+PC9wYXRoPgogICAgICAgICAgICAgIDwvc3ZnPg==")
            center / contain no-repeat;

        mask: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/LS0+CiAgICAgICAgICAgICAgPHN2ZyBpZD0ic3ctanMtYmxvYi1zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+CiAgICAgICAgICAgICAgICAgICAgPGRlZnM+IAogICAgICAgICAgICAgICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InN3LWdyYWRpZW50IiB4MT0iMCIgeDI9IjEiIHkxPSIxIiB5Mj0iMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3RvcCBpZD0ic3RvcDEiIHN0b3AtY29sb3I9InJnYmEoMjQ4LCAxMTcsIDU1LCAxKSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN0b3AgaWQ9InN0b3AyIiBzdG9wLWNvbG9yPSJyZ2JhKDI1MSwgMTY4LCAzMSwgMSkiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgICAgICAgICAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgICAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9InVybCgjc3ctZ3JhZGllbnQpIiBkPSJNMjkuNSwtMzNDMzcuNywtMjguNCw0My4yLC0xOC41LDQ0LjQsLTguNEM0NS42LDEuOCw0Mi4zLDEyLjIsMzYuNSwxOS45QzMwLjYsMjcuNiwyMi4yLDMyLjYsMTMuNSwzNC45QzQuOCwzNy4yLC00LjIsMzYuNywtMTEuMSwzMy4xQy0xOC4xLDI5LjUsLTIzLDIyLjgsLTI3LjEsMTUuN0MtMzEuMiw4LjYsLTM0LjQsMSwtMzMuNywtNi41Qy0zMywtMTMuOSwtMjguNCwtMjEuMSwtMjIuMSwtMjYuMUMtMTUuOSwtMzEsLTcuOSwtMzMuNywxLjQsLTM1LjNDMTAuNywtMzYuOSwyMS40LC0zNy42LDI5LjUsLTMzWiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAgNTApIiBzdHJva2Utd2lkdGg9IjAiIHN0eWxlPSJ0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlIDBzOyI+PC9wYXRoPgogICAgICAgICAgICAgIDwvc3ZnPg==")
            center / contain no-repeat;
    }

    .large_blob {
        background-size: cover;
        background-position: 25% 75%;
        min-height: 480px;
        mask-image: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/LS0+CiAgICAgICAgICAgICAgPHN2ZyBpZD0ic3ctanMtYmxvYi1zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSI+CiAgICAgICAgICAgICAgICAgICAgPGRlZnM+IAogICAgICAgICAgICAgICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9InN3LWdyYWRpZW50IiB4MT0iMCIgeDI9IjEiIHkxPSIxIiB5Mj0iMCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3RvcCBpZD0ic3RvcDEiIHN0b3AtY29sb3I9InJnYmEoMjQ4LCAxMTcsIDU1LCAxKSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN0b3AgaWQ9InN0b3AyIiBzdG9wLWNvbG9yPSJyZ2JhKDI1MSwgMTY4LCAzMSwgMSkiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgICAgICAgICAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgICAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9InVybCgjc3ctZ3JhZGllbnQpIiBkPSJNMjkuNSwtMzNDMzcuNywtMjguNCw0My4yLC0xOC41LDQ0LjQsLTguNEM0NS42LDEuOCw0Mi4zLDEyLjIsMzYuNSwxOS45QzMwLjYsMjcuNiwyMi4yLDMyLjYsMTMuNSwzNC45QzQuOCwzNy4yLC00LjIsMzYuNywtMTEuMSwzMy4xQy0xOC4xLDI5LjUsLTIzLDIyLjgsLTI3LjEsMTUuN0MtMzEuMiw4LjYsLTM0LjQsMSwtMzMuNywtNi41Qy0zMywtMTMuOSwtMjguNCwtMjEuMSwtMjIuMSwtMjYuMUMtMTUuOSwtMzEsLTcuOSwtMzMuNywxLjQsLTM1LjNDMTAuNywtMzYuOSwyMS40LC0zNy42LDI5LjUsLTMzWiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTAgNTApIiBzdHJva2Utd2lkdGg9IjAiIHN0eWxlPSJ0cmFuc2l0aW9uOiBhbGwgMC4zcyBlYXNlIDBzOyI+PC9wYXRoPgogICAgICAgICAgICAgIDwvc3ZnPg==");
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .reverse_lg_blob {
        background-size: cover;
        background-position: 80% 0;
        min-height: 480px;
        mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLT94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/LS0+CjxzdmcgaWQ9InN3LWpzLWJsb2Itc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJzdy1ncmFkaWVudCIgeDE9Ii0zMi41NjEiIHgyPSI0My4wMTMiIHkxPSIzNy42NzQiIHkyPSItMzcuOSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAzNzkgMCAwIC45NjM0NSA1MCA1MCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgPHN0b3Agc3RvcC1jb2xvcj0icmdiYSgyNDgsIDExNywgNTUsIDEpIiBvZmZzZXQ9IjAiLz4KICAgPHN0b3Agc3RvcC1jb2xvcj0icmdiYSgyNTEsIDE2OCwgMzEsIDEpIiBvZmZzZXQ9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogPC9kZWZzPgogPHBhdGggd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZD0ibTIwLjc1NiAxNy4xMDljLTguMiA0LjYtMTMuNyAxNC41LTE0LjkgMjQuNi0xLjIgMTAuMiAyLjEgMjAuNiA3LjkgMjguMyA1LjkgNy43IDE0LjMgMTIuNyAyMyAxNXMxNy43IDEuOCAyNC42LTEuOGM3LTMuNiAxMS45LTEwLjMgMTYtMTcuNHM3LjMtMTQuNyA2LjYtMjIuMmMtMC43LTcuNC01LjMtMTQuNi0xMS42LTE5LjYtNi4yLTQuOS0xNC4yLTcuNi0yMy41LTkuMnMtMjAtMi4zLTI4LjEgMi4zeiIgZmlsbD0idXJsKCNzdy1ncmFkaWVudCkiIHN0cm9rZS13aWR0aD0iMCIvPgo8L3N2Zz4K");
        mask-repeat: no-repeat;
        mask-position: left top;
    }

    .portrait_01 {
        background-position: 40% 50%;
    }

    .portrait_02 {
        background-position: 58% 50%;
    }

    .first-page-hero,
    .contact-image {
        min-height: 400px !important;
        max-height: auto;
        height: 420px;
        width: 100% !important;
        background-size: cover;
        margin: 0;
        border-radius: 0.5rem;
        background-position: 50% 11%;
    }

    #location-map {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1280px) {
    .large_blob {
        background-position: 10% 75%;
        min-height: 480px;
    }

    .reverse_lg_blob {
        background-position: 150% 0;
        min-height: 480px;
    }

    .portrait_01 {
        background-position: 34% 50%;
    }

    .portrait_02 {
        background-position: 92% 50%;
    }

    .first-page-hero,
    .contact-image {
        max-height: 420px !important;
    }
}