* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: 'OPTIBelwe';
    src: url('./assets/OPTIBelwe-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Jost';
    src: url('./assets/Jost-VariableFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    overflow: scroll; /* Enable scrolling */
    -ms-overflow-style: none; /* Internet Explorer */
    scrollbar-width: none; /* Firefox */

}
body::-webkit-scrollbar {
    display: none; 
  }
html {
    scroll-behavior: smooth;
}
html, body {
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.header p {
    font-family: 'OPTIBelwe';
    color: #ffffff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem;
}
.header {
    position: relative;
    height: 100vh;
}
.header-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60vh;
    min-height: 510px;
    object-fit: cover; 
    z-index: -1;
    margin: 0;
    background: linear-gradient(#3c3232, #aeabb7);
}
.tour-video {
    position: relative;
    width: 350px;
    height: auto;
    object-fit: contain;
    z-index: 10;
    padding: 0;
    /* border: 1px solid black; */
}
.tour{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem 0 6rem 0;
}
.logo{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
}
a.logo, .button1, .button, .button3 {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
}
a.logo:focus, a.logo:active {
    outline: none;
    background-color: transparent;
}
.logo p {
    padding: 0;
    margin: 0;
}
.centerRow{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.menu-icon {
    color: #ffffff;
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 6a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m0 6a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m.5 5.5a.5.5 0 0 0 0 1h14a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    margin: 1rem;
    z-index: 10;
}
.primaryText p {
    font-family: 'Jost';
    font-size: 2rem;
    padding: 0;
    margin: 0;
}
.secondaryText p {
    font-family: Jost;
    font-size: 1rem;
    color: black;
    padding: 0;
    margin: 0;
}
.buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
}
button {
    font-family: 'Jost';
    font-size: 1rem;
    text-transform: uppercase;
    background-color: transparent;
    color: #ffffff;
    padding: 0.8rem;
    width: 14rem;
    cursor: pointer;
    border: 1px solid white;
    letter-spacing: 1px;
}
.button1 {
    background-color: white;
    color: #000000;
}
.button3{
    color: black;
    border: 1px solid black;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.button3:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}
.button{
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    transition: background-color 0.3s ease, color 0.3s ease;
}
.button:hover {
    background-color: white;
    color: black;
}
.button2 {
    background-color: transparent;
    color: #000000;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(0, 0, 0);
}
.buttons2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 3rem 0 0 0;
}
.map, .map1 {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    flex-direction: column;
}
.location {
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
}
.menu {
    /* padding: 2rem 0 4rem 0; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
}
.border {
    padding: 2rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgb(0, 0, 0);
    margin: 0 auto;
    width: 80vw;
}
.border2 {
    padding: 2rem 0 2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgb(0, 0, 0);
    margin: 0 auto;
    width: 80vw;
}
.contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.rowContainer {
    padding: 2rem 0 4rem 0;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: row;
    gap: 2rem;
}
.hours {
    padding: 10rem 0 2rem 0;
}
.hoursMap {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}
.rowContainer2 {
    display: none;
}
.contactInfo{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    padding: 0 2rem 1rem 2rem;
}
.contactInfo p{
    text-align: justify;
}
.times-table {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}
.catergory {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 6rem; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.map-image{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.catergory2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 6rem;
}
.serviceNames, .servicePrices {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.oneCatergory {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
}

.fullFill {
    padding: 2rem 0 0 0;
    margin-bottom: -0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
    font-weight: bold;
}
.interPrices {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.fullPrice, .fillPrice {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.nav-menu {
    position: relative;
}

.nav-menu ul.active, .nav-menu ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3rem;
    z-index: 2;
}
.nav-menu ul {
    position: fixed;
    list-style: none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
    transition: opacity 0.3s ease-in-out, visibility 0s 0.5s;
    height: 100vh;
    width: 100vw;
    visibility: hidden;
    opacity: 0;
}
.nav-menu ul.active {
    opacity: 0.98;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, visibility 0s 0s;
}
a {
    letter-spacing: 1px;
    color: black;
    font-family: 'Jost';
    font-size: 1.2rem;
    text-decoration: none;
    list-style: none;
    text-transform: uppercase;
}
.phone-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24c1.12.37 2.33.57 3.57.57c.55 0 1 .45 1 1V20c0 .55-.45 1-1 1c-9.39 0-17-7.61-17-17c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1c0 1.25.2 2.45.57 3.57c.11.35.03.74-.25 1.02z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

.time-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m12.6 11.503l3.891 3.891l-.848.849L11.4 12V6h1.2zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-1.2a8.8 8.8 0 1 0 0-17.6a8.8 8.8 0 0 0 0 17.6'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.location-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M256 32C167.67 32 96 96.51 96 176c0 128 160 304 160 304s160-176 160-304c0-79.49-71.67-144-160-144m0 224a64 64 0 1 1 64-64a64.07 64.07 0 0 1-64 64'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    margin-bottom: 10px;
}

.phone-icon, .time-icon, .location-icon {
    padding: 1rem 0 5rem 2rem;
    z-index: 1;
}

.footer{
    border-top: solid 1px black;
    width: 100%;
    background-color: #ece9ec;
}
.footerContainer {
    width: 100%;
}
.footer-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 2rem;
}
.footer-content2 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-top: 2rem;
}
.footer span {
    padding: 1rem;
}

.aboutUs{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    padding: 1rem 2rem 4rem 2rem;
}
.features {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    padding: 2rem 2rem 4rem 2rem;
    gap: 1rem;
}
.features p {
    padding-bottom: 2rem;
}
.nails-icon {
    display: inline-block;
    width: 56px;
    height: 56px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none'%3E%3Cpath stroke='%23000' stroke-width='4' d='M18.895 5.89A2 2 0 0 1 20.892 4h6.216a2 2 0 0 1 1.997 1.89l.778 14A2 2 0 0 1 27.886 22h-7.772a2 2 0 0 1-1.997-2.11zM11 28a6 6 0 0 1 6-6h14a6 6 0 0 1 6 6v13a3 3 0 0 1-3 3H14a3 3 0 0 1-3-3z'/%3E%3Ccircle cx='24' cy='33' r='3' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
.certified-icon {
    display: inline-block;
    width: 56px;
    height: 56px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M11.8 6.13a.683.683 0 0 0-.11-.973a.715.715 0 0 0-.992.108l-3.31 4.06l-1.77-1.36a.715.715 0 0 0-.994.089a.683.683 0 0 0 .09.975l2.32 1.81a.715.715 0 0 0 1.003-.1l3.76-4.62z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M6.51.714C7.044.322 7.311.126 7.6.05a1.6 1.6 0 0 1 .787 0c.292.076.56.272 1.09.664l.677.497c.185.136.278.204.378.257q.134.07.279.116c.109.033.222.05.449.085l.83.127c.655.1.982.151 1.24.304c.23.135.422.327.557.557c.153.26.203.588.304 1.24l.127.83c.035.227.052.341.085.45q.045.145.116.278c.054.1.121.193.257.378l.497.677c.392.534.588.801.664 1.09a1.6 1.6 0 0 1 0 .787c-.075.292-.272.56-.664 1.09l-.497.677a3 3 0 0 0-.257.378a1.6 1.6 0 0 0-.116.28c-.033.108-.05.221-.085.448l-.127.83c-.1.655-.151.982-.304 1.24c-.135.23-.327.421-.557.557c-.26.153-.588.203-1.24.304l-.83.127a3 3 0 0 0-.449.086q-.145.044-.279.116c-.1.053-.193.12-.378.257l-.677.497c-.534.392-.801.588-1.09.664a1.6 1.6 0 0 1-.787 0c-.292-.076-.56-.272-1.09-.664l-.677-.497a3 3 0 0 0-.378-.257a1.6 1.6 0 0 0-.279-.116a3 3 0 0 0-.449-.086l-.83-.127c-.655-.1-.983-.15-1.24-.304a1.6 1.6 0 0 1-.557-.557c-.153-.26-.203-.588-.304-1.24l-.127-.83c-.035-.227-.052-.34-.085-.449a1.5 1.5 0 0 0-.116-.279a3 3 0 0 0-.257-.378l-.497-.677c-.392-.534-.588-.8-.664-1.09a1.6 1.6 0 0 1 0-.787c.075-.292.272-.56.664-1.09l.497-.677c.136-.185.204-.278.257-.378q.07-.134.116-.279c.033-.109.05-.222.085-.449l.127-.83c.1-.655.151-.983.304-1.24c.135-.23.327-.42.557-.557c.26-.153.588-.203 1.24-.304l.83-.127c.227-.034.341-.052.449-.085q.145-.045.279-.116c.1-.053.193-.121.378-.257zm2.38.806l.711.522c.151.111.3.22.466.309q.22.117.456.189a4 4 0 0 0 .548.111l.872.134c.741.114.833.145.887.177q.127.076.202.202c.032.054.064.146.177.887l.134.872a4 4 0 0 0 .111.548q.073.238.189.456c.088.166.198.315.309.466l.522.711c.444.604.486.691.502.753a.6.6 0 0 1 0 .286c-.016.061-.058.148-.502.753l-.522.711c-.111.151-.221.3-.309.466a2.6 2.6 0 0 0-.189.456a4 4 0 0 0-.111.548l-.134.872c-.114.741-.145.833-.177.887a.6.6 0 0 1-.202.202c-.054.032-.146.064-.887.177l-.872.134a4 4 0 0 0-.548.111a2.6 2.6 0 0 0-.456.189c-.166.088-.315.198-.466.309l-.711.522c-.604.444-.691.486-.753.502a.6.6 0 0 1-.286 0c-.061-.016-.148-.058-.753-.502l-.711-.522a4 4 0 0 0-.466-.309a2.6 2.6 0 0 0-.456-.189a4 4 0 0 0-.548-.111l-.872-.134c-.741-.114-.833-.145-.887-.177a.6.6 0 0 1-.202-.202c-.032-.054-.064-.146-.177-.887l-.134-.872a4 4 0 0 0-.111-.548a2.6 2.6 0 0 0-.189-.456c-.088-.166-.198-.315-.309-.466l-.522-.711c-.444-.604-.486-.691-.502-.753a.6.6 0 0 1 0-.286c.016-.061.058-.148.502-.753l.522-.711c.111-.151.221-.3.309-.466q.116-.22.189-.456a4 4 0 0 0 .111-.548l.134-.872c.114-.741.145-.833.177-.887a.6.6 0 0 1 .202-.202c.054-.032.146-.064.887-.177l.872-.134a4 4 0 0 0 .548-.111q.238-.073.456-.189c.166-.088.315-.198.466-.309l.711-.522c.604-.444.691-.486.753-.502a.6.6 0 0 1 .286 0c.061.016.148.058.753.502' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
.hygiene-icon {
    display: inline-block;
    width: 72px;
    height: 72px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M5.94 3.475L3.474 5.938a1.5 1.5 0 0 0 0 2.121l2.962 2.962a3 3 0 0 0-.599.816l-3.07-3.07a2.5 2.5 0 0 1 0-3.536l2.464-2.465a2.5 2.5 0 0 1 3.536 0l2.536 2.537a2.5 2.5 0 0 0-.767.647L8.061 3.475a1.5 1.5 0 0 0-2.122 0M15.914 7A1.5 1.5 0 0 0 14.5 6h-2a1.5 1.5 0 0 0-1.415 1H11a2 2 0 0 0-2 2v2.31a3 3 0 0 0-.562-.06c-.354 0-.763.078-1.13.345c-.372.27-.646.695-.793 1.283a.5.5 0 0 0 .288.581a8.04 8.04 0 0 1 3.62 3.033c.529.818 1.438 1.508 2.518 1.508h1.823A2.5 2.5 0 0 0 17 16.618l.63-1.261A3.5 3.5 0 0 0 18 13.79V9a2 2 0 0 0-2-2zM14 7h.5a.5.5 0 0 1 .5.5v4a.5.5 0 1 0 1 0V8a1 1 0 0 1 1 1v4.791c0 .388-.09.771-.264 1.118l-.63 1.261a1.5 1.5 0 0 1-1.342.83h-1.822c-.642 0-1.273-.422-1.678-1.05a9 9 0 0 0-3.64-3.214a.9.9 0 0 1 .272-.332a.9.9 0 0 1 .542-.155c.211 0 .423.048.59.102a2 2 0 0 1 .24.091l.009.005h.001A.5.5 0 0 0 10 12V9a1 1 0 0 1 1-1v3.5a.5.5 0 1 0 1 0v-4a.5.5 0 0 1 .5-.5h.5v4.5a.5.5 0 1 0 1 0zM3.5 12a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 0 1H4v.5a.5.5 0 1 1-1 0V14h-.5a.5.5 0 1 1 0-1H3v-.5a.5.5 0 0 1 .5-.5M7 15.5a.5.5 0 0 0-1 0v.5h-.5a.5.5 0 0 0 0 1H6v.5a.5.5 0 1 0 1 0V17h.5a.5.5 0 1 0 0-1H7z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.plus-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 5.25a.75.75 0 0 1 .75.75v5.25H18a.75.75 0 0 1 0 1.5h-5.25V18a.75.75 0 0 1-1.5 0v-5.25H6a.75.75 0 0 1 0-1.5h5.25V6a.75.75 0 0 1 .75-.75'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    margin-top: 10px;
    transition: transform 0.5s ease;
}
.catergoryTitle.active .plus-icon {
    transform: rotate(45deg);
}
.catergoryTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px black;
    padding-top: 1rem;
}
.desktop-nav {
    display: none;
}

@media screen and (min-width: 720px) {
    .header-video { 
        object-position: 100% 60%; 
        height: 30vh;
    }
    .primaryText p {
        font-size: 3rem;
        max-width: 70vw !important;
    }
    .secondaryText p {
        font-size: 1.1rem; 
    }
    .button1, .button, .button3 {
        padding: 1rem 4rem 1rem 4rem;
        font-size: 1.2rem;
        gap: 1rem;
        max-width: fit-content;
    }
    .button{
        padding: 1rem 3.4rem 1rem 3.4rem;
        
    }
    .buttons {
        flex-direction: column;
        gap: 1rem;
        margin-top: -3rem;
    }
    .buttons button, .button3 { 
        width: 100%; 
    }
    .map .hours p, .rowContainer p, .features p, .aboutUs p {
        font-size: 1.1rem; 
    }
    .hoursMap{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .map-image iframe, .tour-video {
        width: 550px;
        height: 400px;
    }
    .map-image{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .catergoryTitle, .services .menu, .services {
        width: 70vw; 
    }
    .footerContainer, .footer-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footerContainer { 
        flex-direction: row; 
    }
    .map .times-table { 
        width: 40vw; 
    }
    .footer .location p, .footer .location, .footer-content {
         width: 100%; 
    }
    .features p, .aboutUs p {
        max-width: 70vw !important; 
    }
    .hours {
        display: flex; 
        flex-direction: column;
    }
}
@media screen and (max-width: 1024px) {
    .header-video { 
        object-position: 100% 60%; 
        height: 20vh;
    }
}
@media screen and (min-width: 1024px) {
    .logo p {
        font-size: 2rem;
    }
    .menu-icon{
        display: none;
    }
    .header-video { 
        object-position: 100% 60%; 
        height: 50vh;
    }
    .desktop-nav{
        display: flex;
        flex-direction: row;
        gap: 2rem;
        justify-content: center;
        align-items: center;
    }
    .desktop-nav a {
        color: white!important;
    }
    .rowContainer2{
        display: flex;
        justify-content: center;
        align-items: flex-start;  
        gap: 2rem;
    }
    .centerRow {
        display: flex;
        justify-content: space-around;
        align-items: center;  
        gap: 17rem;
        padding-right: 1rem;
    }
    .tour .tour-video{
        width: 650px!important;
        padding: 0;
    }
    .primaryText p {
        font-size: 3rem;
        max-width: 60vw !important;
    }
    .secondaryText p {
        font-size: 1.2rem; 
    }
    .button1, .button, .button3 {
        padding: 1rem 4rem 1rem 4rem;
        font-size: 1.2rem;
        gap: 1rem;
        max-width: fit-content;
    }
    .button{
        padding: 1rem 3.4rem 1rem 3.4rem;
    }
    .buttons {
        flex-direction: column;
        gap: 1rem;
    }
    .buttons button, .button3 { 
        width: 100%; 
    }
    .hoursMap{
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 0 0 4rem 0;
        gap: 2rem;
    }
    .rowContainer {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: row;
    }
    .map .hours p, .rowContainer p, .features p, .aboutUs p {
        font-size: 1.2rem; 
    }
    .map-image iframe {
        padding-top: 9rem;
        width: 500px;
        height: 500px;
    }
    .map-image2 iframe {
        padding-top: 0;
        padding-bottom: 4rem;
        width: 500px;
        height: 400px;
    }
    .map1 map-frame{
        margin-top: -2rem;
    }
    .tour{
        max-width: 100vw;
    }
    .rowContainer {
        display: none;
    }
    .catergoryTitle, .services .menu, .services {
        width: 70vw; 
    }
    .footerContainer, .footer-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footerContainer { 
        flex-direction: row; 
    }
    .map .times-table { 
        width: 40vw; 
    }
    .footer-content2 {
        padding: 0;
        margin-top: -1rem;
    }
    .footer .location p, .footer .location, .footer-content {
         width: 100%; 
    }
    .features p, .aboutUs p {
        max-width: 70vw !important; 
    }
    .rowContainerNoMap{
        display: flex;
        justify-content: center;
        align-items: center;  
        flex-direction: row;
        padding-bottom: 5rem;
    }
}
@media screen and (min-width: 1206px){
        .buttons {
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }
    .rowContainerNoMap{
        padding-top: 4rem;
    }
}

@media screen and (min-width: 1605px) {
    .centerRow {
        padding-bottom: 2rem;
    }
    .logo p {
        font-size: 2rem;
    }
    .menu-icon{
        display: none;
    }
    .menu, .map1 {
        padding-top: 7rem;
    }

    .header-video { 
        object-position: 50% 65%; 
        height: 60vh;
        object-fit: cover;
    }
    .desktop-nav{
        display: flex;
        flex-direction: row;
        gap: 2rem;
        justify-content: center;
        align-items: center;
    }
    .desktop-nav a {
        color: white!important;
    }
    .rowContainer2{
        display: flex;
        justify-content: center;
        align-items: flex-start;  
        gap: 2rem;
    }
    .rowContainerNoMap{
        display: flex;
        justify-content: center;
        align-items: center;  
        flex-direction: row;
    }
    .centerRow {
        display: flex;
        justify-content: space-around;
        align-items: center;  
        gap: 60rem;
        padding-right: 1rem;
    }
    .tour .tour-video{
        width: 850px!important;
        padding: 0;
    }
    .primaryText p {
        font-size: 3rem;
        max-width: 60vw !important;
    }
    .secondaryText p, .map .hours p, .rowContainer p, .features p, .aboutUs p {
        font-size: 1.2rem; 
    }
    .button1, .button, .button3 {
        padding: 1rem 4rem 1rem 4rem;
        font-size: 1.2rem;
        gap: 1rem;
        max-width: fit-content;
    }
    .button{
        padding: 1rem 3.4rem 1rem 3.4rem;
    }
    .buttons {
        flex-direction: column;
        gap: 1rem;
    }
    .buttons button, .button3 { 
        width: 100%; 
    }
    .hoursMap{
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 8rem 0 6rem 0;
    }
    .rowContainer2 {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }

    .rowContainer {
        display: none;
    }
    .map-image iframe {
        padding-top: 12rem;
        width: 600px;
        height: 500px;
    }
    .map-image2 iframe {
        padding-top: 0;
        padding-bottom: 4rem;
        width: 500px;
        height: 400px;
    }
    .map1 map-frame{
        margin-top: -2rem;
    }
    .tour{
        max-width: 100vw;
    }

    .catergoryTitle, .services .menu, .services {
        width: 60vw; 
    }
    .footerContainer, .footer-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footerContainer { 
        flex-direction: row; 
    }
    .map .times-table { 
        width: 40vw; 
    }
    .footer-content2 {
        padding: 0;
        margin-top: -1rem;
    }
    .footer .location p, .footer .location, .footer-content {
         width: 100%; 
    }
    .features p, .aboutUs p {
        max-width: 60vw !important; 
    }
}