/* CSS styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
}

header {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

/* Common styles for both vertical and horizontal navigation */
.nav-container {
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
    transition: top 0.3s;
}

.nav-container a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
}

nav {
    align-items: center;
    background-color: #444;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    justify-content: center; /* Center the navigation bar horizontally */
    max-width: 100%; /* Limit the width of the navigation bar */
    margin: 0 auto; /* Center the navigation bar on the screen */
    max-height: 324px;
}

.logo {
    width: 250px;
    height: auto;
}

.menu-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hamburger-menu {
    display: none;
    font-size: 30px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

.menu-text {
    display: none;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-top: 5px;
}

.nav-links {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #444;
    padding: 10px 0;
    border-radius: 10px;
}

nav a {
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    margin: 0 5px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

nav a.active {
    background-color: #007BFF;
}

nav a:hover {
    background-color: #555;
}

.nav-padding {
    padding-top: 350px;
}

/* Media query for switching to hamburger menu */
@media (max-width: 1249px) {
    .hamburger-menu, .menu-text {
        display: block;
    }

    .menu-text {
        font-size: 15px;
    }

    .logo {
        width: 150px; /* Adjust the size as needed */
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%; /* Below the nav */
        left: 0;
        width: 100%;
    }

    .nav-links.show {
        display: flex;
    }

    .nav-links {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    nav a {
        display: block;
        margin: 5px 0;
    }

    .nav-padding {
        padding-top: 275px;
    }
}

/* Media query for horizontal navigation */
@media (min-width: 1250px) {
    .hamburger-menu, .menu-text {
        display: none;
    }

    .menu-text {
        font-size: 15px;
    }

    .nav-links {
        display: flex;
        flex-direction: row;
        justify-content: center; /* Center the links */
        position: static; /* Reset position for larger screens */
        background-color: transparent;
        width: auto;
        padding: 0;
    }

    nav a {
        display: inline-block;
        margin: 0 5px;
    }
}

.nav-container.hidden {
    top: -1000px; /* Adjust this value to ensure the nav bar is fully hidden */
}

section {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Roboto', sans-serif;
}

footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

footer p {
    margin: 0;
}

.google-widget {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
    max-width: 400px;
    margin: auto;
    text-align: center;
    font-family: Arial, sans-serif;
}
.google-button {
    display: inline-block;
    background-color: #4285F4;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 20px;
    transition: background-color 0.3s;
}
.google-button:hover {
    background-color: #357ae8;
}
.reviews {
    text-align: left;
}
.review {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.review:last-child {
    border-bottom: none;
}
.review .author {
    font-weight: bold;
}
.review .rating {
    color: #f39c12;
}
.review .text {
    margin-top: 5px;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.contact-info {
    background-color: #fff;
    color: #333;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    line-height: 1.6;
}

h1 {
    text-align: center;
}

.header-container {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

.header-container img {
    width: 100px; /* Adjust width as needed */
    height: auto; /* Maintain aspect ratio */
    margin-right: 10px; /* Add spacing between image and text */
}

.about {
    background-color: #fff;
    color: #333;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    line-height: 1.6;
}

.about p {
    margin-bottom: 15px;
}
.about img {
    max-width: 200px; /* Adjust as needed */
    max-height: 100%; /* Maintain aspect ratio */
    display: block;
    border-radius: 10px;
    float:left;
    margin-left: 15%;
    margin-top: -25px;
}

.centered-div {
    text-align: center;
    margin-right: 100px; 
    margin-top: 50px;
}
.centered-div div {
    margin-top: 5px;
}

.attention-blue {
    color: blue;
}

.attention-green {
    --one-unit: 1cqw;
    --wst-button-color-fill-primary: rgb(var(--color_48));
    --wst-button-color-border-primary: rgb(var(--color_49));
    --wst-button-color-text-primary: rgb(var(--color_50));
    --wst-button-color-fill-primary-hover: rgb(var(--color_51));
    --wst-button-color-border-primary-hover: rgb(var(--color_52));
    --wst-button-color-text-primary-hover: rgb(var(--color_53));
    --wst-button-color-fill-primary-disabled: rgb(var(--color_54));
    --wst-button-color-border-primary-disabled: rgb(var(--color_55));
    --wst-button-color-text-primary-disabled: rgb(var(--color_56));
    --wst-button-color-fill-secondary: rgb(var(--color_57));
    --wst-button-color-border-secondary: rgb(var(--color_58));
    --wst-button-color-text-secondary: rgb(var(--color_59));
    --wst-button-color-fill-secondary-hover: rgb(var(--color_60));
    --wst-button-color-border-secondary-hover: rgb(var(--color_61));
    --wst-button-color-text-secondary-hover: rgb(var(--color_62));
    --wst-button-color-fill-secondary-disabled: rgb(var(--color_63));
    --wst-button-color-border-secondary-disabled: rgb(var(--color_64));
    --wst-button-color-text-secondary-disabled: rgb(var(--color_65));
    --wst-color-fill-base-1: rgb(var(--color_36));
    --wst-color-fill-base-2: rgb(var(--color_37));
    --wst-color-fill-base-shade-1: rgb(var(--color_38));
    --wst-color-fill-base-shade-2: rgb(var(--color_39));
    --wst-color-fill-base-shade-3: rgb(var(--color_40));
    --wst-color-fill-accent-1: rgb(var(--color_41));
    --wst-color-fill-accent-2: rgb(var(--color_42));
    --wst-color-fill-accent-3: rgb(var(--color_43));
    --wst-color-fill-accent-4: rgb(var(--color_44));
    --wst-color-fill-background-primary: rgb(var(--color_11));
    --wst-color-fill-background-secondary: rgb(var(--color_12));
    --wst-color-text-primary: rgb(var(--color_15));
    --wst-color-text-secondary: rgb(var(--color_14));
    --wst-color-action: rgb(var(--color_18));
    --wst-color-disabled: rgb(var(--color_39));
    --wst-color-title: rgb(var(--color_45));
    --wst-color-subtitle: rgb(var(--color_46));
    --wst-color-line: rgb(var(--color_47));
    --wst-font-style-h2: var(--font_2);
    --wst-font-style-h3: var(--font_3);
    --wst-font-style-h4: var(--font_4);
    --wst-font-style-h5: var(--font_5);
    --wst-font-style-h6: var(--font_6);
    --wst-font-style-body-large: var(--font_7);
    --wst-font-style-body-medium: var(--font_8);
    --wst-font-style-body-small: var(--font_9);
    --wst-font-style-body-x-small: var(--font_10);
    --color_0: 255,255,255;
    --color_1: 255,255,255;
    --color_2: 0,0,0;
    --color_3: 237,28,36;
    --color_4: 0,136,203;
    --color_5: 255,203,5;
    --color_6: 114,114,114;
    --color_7: 176,176,176;
    --color_8: 255,255,255;
    --color_9: 114,114,114;
    --color_10: 176,176,176;
    --color_11: 255,255,255;
    --color_12: 222,222,222;
    --color_13: 146,146,146;
    --color_14: 85,85,85;
    --color_15: 54,54,54;
    --color_16: 186,233,255;
    --color_17: 151,222,255;
    --color_18: 48,189,255;
    --color_19: 32,126,169;
    --color_20: 16,63,84;
    --color_21: 182,232,227;
    --color_22: 141,209,202;
    --color_23: 65,186,174;
    --color_24: 43,124,116;
    --color_25: 22,62,58;
    --color_26: 244,192,175;
    --color_27: 233,159,134;
    --color_28: 222,80,33;
    --color_29: 148,54,22;
    --color_30: 74,27,11;
    --color_31: 249,240,187;
    --color_32: 243,229,152;
    --color_33: 237,210,59;
    --color_34: 158,140,40;
    --color_35: 79,70,20;
    --color_36: 255,255,255;
    --color_37: 54,54,54;
    --color_38: 222,222,222;
    --color_39: 146,146,146;
    --color_40: 85,85,85;
    --color_41: 48,189,255;
    --color_42: 54,54,54;
    --color_43: 146,146,146;
    --color_44: 255,255,255;
    --color_45: 54,54,54;
    --color_46: 54,54,54;
    --color_47: 85,85,85;
    --color_48: 48,189,255;
    --color_49: 48,189,255;
    --color_50: 255,255,255;
    --color_51: 255,255,255;
    --color_52: 48,189,255;
    --color_53: 48,189,255;
    --color_54: 146,146,146;
    --color_55: 146,146,146;
    --color_56: 255,255,255;
    --color_57: 255,255,255;
    --color_58: 48,189,255;
    --color_59: 48,189,255;
    --color_60: 48,189,255;
    --color_61: 48,189,255;
    --color_62: 255,255,255;
    --color_63: 255,255,255;
    --color_64: 146,146,146;
    --color_65: 146,146,146;
    --font_0: normal normal normal 40px/1.4em tahoma,tahoma-w01-regular,tahoma-w02-regular,tahoma-w10-regular,tahoma-w15--regular,tahoma-w99-regular,sans-serif;
    --font_1: normal normal normal 16px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_2: normal normal normal 25px/1.4em verdana,geneva,sans-serif;
    --font_3: normal normal normal 60px/1.4em verdana,geneva,sans-serif;
    --font_4: normal normal normal 40px/1.4em tahoma,tahoma-w01-regular,tahoma-w02-regular,tahoma-w10-regular,tahoma-w15--regular,tahoma-w99-regular,sans-serif;
    --font_5: normal normal normal 30px/1.4em tahoma,tahoma-w01-regular,tahoma-w02-regular,tahoma-w10-regular,tahoma-w15--regular,tahoma-w99-regular,sans-serif;
    --font_6: normal normal normal 22px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_7: normal normal normal 17px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_8: normal normal normal 15px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_9: normal normal normal 14px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_10: normal normal normal 10px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --wix-ads-height: 0px;
    --sticky-offset: 0px;
    --wix-ads-top-height: 0px;
    --site-width: 980px;
    --above-all-z-index: 100000;
    --portals-z-index: 100001;
    -webkit-font-smoothing: antialiased;
    --minViewportSize: 320;
    --maxViewportSize: 1920;
    --theme-spx-ratio: 1px;
    --scrollbar-width: 0px;
    --pinned-layers-in-page: 0;
    --top-offset: 0px;
    --header-height: 269px;
    --pinned-layer-in-container: 52;
    --above-all-in-container: 49;
    --transition-duration: 700ms;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    text-size-adjust: 100%;
    direction: var(--text-direction);
    overflow-wrap: break-word;
    --min-height: 80px;
    pointer-events: auto;
    font: var(--font_2);
    letter-spacing: 0em;
    line-height: normal;
    text-align: center;
    font-size: 30px;
    color: rgb(55, 176, 17);
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif;
}

.phone-number {
    --one-unit: 1cqw;
    --wst-button-color-fill-primary: rgb(var(--color_48));
    --wst-button-color-border-primary: rgb(var(--color_49));
    --wst-button-color-text-primary: rgb(var(--color_50));
    --wst-button-color-fill-primary-hover: rgb(var(--color_51));
    --wst-button-color-border-primary-hover: rgb(var(--color_52));
    --wst-button-color-text-primary-hover: rgb(var(--color_53));
    --wst-button-color-fill-primary-disabled: rgb(var(--color_54));
    --wst-button-color-border-primary-disabled: rgb(var(--color_55));
    --wst-button-color-text-primary-disabled: rgb(var(--color_56));
    --wst-button-color-fill-secondary: rgb(var(--color_57));
    --wst-button-color-border-secondary: rgb(var(--color_58));
    --wst-button-color-text-secondary: rgb(var(--color_59));
    --wst-button-color-fill-secondary-hover: rgb(var(--color_60));
    --wst-button-color-border-secondary-hover: rgb(var(--color_61));
    --wst-button-color-text-secondary-hover: rgb(var(--color_62));
    --wst-button-color-fill-secondary-disabled: rgb(var(--color_63));
    --wst-button-color-border-secondary-disabled: rgb(var(--color_64));
    --wst-button-color-text-secondary-disabled: rgb(var(--color_65));
    --wst-color-fill-base-1: rgb(var(--color_36));
    --wst-color-fill-base-2: rgb(var(--color_37));
    --wst-color-fill-base-shade-1: rgb(var(--color_38));
    --wst-color-fill-base-shade-2: rgb(var(--color_39));
    --wst-color-fill-base-shade-3: rgb(var(--color_40));
    --wst-color-fill-accent-1: rgb(var(--color_41));
    --wst-color-fill-accent-2: rgb(var(--color_42));
    --wst-color-fill-accent-3: rgb(var(--color_43));
    --wst-color-fill-accent-4: rgb(var(--color_44));
    --wst-color-fill-background-primary: rgb(var(--color_11));
    --wst-color-fill-background-secondary: rgb(var(--color_12));
    --wst-color-text-primary: rgb(var(--color_15));
    --wst-color-text-secondary: rgb(var(--color_14));
    --wst-color-action: rgb(var(--color_18));
    --wst-color-disabled: rgb(var(--color_39));
    --wst-color-title: rgb(var(--color_45));
    --wst-color-subtitle: rgb(var(--color_46));
    --wst-color-line: rgb(var(--color_47));
    --wst-font-style-h2: var(--font_2);
    --wst-font-style-h3: var(--font_3);
    --wst-font-style-h4: var(--font_4);
    --wst-font-style-h5: var(--font_5);
    --wst-font-style-h6: var(--font_6);
    --wst-font-style-body-large: var(--font_7);
    --wst-font-style-body-medium: var(--font_8);
    --wst-font-style-body-small: var(--font_9);
    --wst-font-style-body-x-small: var(--font_10);
    --color_0: 255,255,255;
    --color_1: 255,255,255;
    --color_2: 0,0,0;
    --color_3: 237,28,36;
    --color_4: 0,136,203;
    --color_5: 255,203,5;
    --color_6: 114,114,114;
    --color_7: 176,176,176;
    --color_8: 255,255,255;
    --color_9: 114,114,114;
    --color_10: 176,176,176;
    --color_11: 255,255,255;
    --color_12: 222,222,222;
    --color_13: 146,146,146;
    --color_14: 85,85,85;
    --color_15: 54,54,54;
    --color_16: 186,233,255;
    --color_17: 151,222,255;
    --color_18: 48,189,255;
    --color_19: 32,126,169;
    --color_20: 16,63,84;
    --color_21: 182,232,227;
    --color_22: 141,209,202;
    --color_23: 65,186,174;
    --color_24: 43,124,116;
    --color_25: 22,62,58;
    --color_26: 244,192,175;
    --color_27: 233,159,134;
    --color_28: 222,80,33;
    --color_29: 148,54,22;
    --color_30: 74,27,11;
    --color_31: 249,240,187;
    --color_32: 243,229,152;
    --color_33: 237,210,59;
    --color_34: 158,140,40;
    --color_35: 79,70,20;
    --color_36: 255,255,255;
    --color_37: 54,54,54;
    --color_38: 222,222,222;
    --color_39: 146,146,146;
    --color_40: 85,85,85;
    --color_41: 48,189,255;
    --color_42: 54,54,54;
    --color_43: 146,146,146;
    --color_44: 255,255,255;
    --color_45: 54,54,54;
    --color_46: 54,54,54;
    --color_47: 85,85,85;
    --color_48: 48,189,255;
    --color_49: 48,189,255;
    --color_50: 255,255,255;
    --color_51: 255,255,255;
    --color_52: 48,189,255;
    --color_53: 48,189,255;
    --color_54: 146,146,146;
    --color_55: 146,146,146;
    --color_56: 255,255,255;
    --color_57: 255,255,255;
    --color_58: 48,189,255;
    --color_59: 48,189,255;
    --color_60: 48,189,255;
    --color_61: 48,189,255;
    --color_62: 255,255,255;
    --color_63: 255,255,255;
    --color_64: 146,146,146;
    --color_65: 146,146,146;
    --font_0: normal normal normal 40px/1.4em tahoma,tahoma-w01-regular,tahoma-w02-regular,tahoma-w10-regular,tahoma-w15--regular,tahoma-w99-regular,sans-serif;
    --font_1: normal normal normal 16px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_2: normal normal normal 25px/1.4em verdana,geneva,sans-serif;
    --font_3: normal normal normal 60px/1.4em verdana,geneva,sans-serif;
    --font_4: normal normal normal 40px/1.4em tahoma,tahoma-w01-regular,tahoma-w02-regular,tahoma-w10-regular,tahoma-w15--regular,tahoma-w99-regular,sans-serif;
    --font_5: normal normal normal 30px/1.4em tahoma,tahoma-w01-regular,tahoma-w02-regular,tahoma-w10-regular,tahoma-w15--regular,tahoma-w99-regular,sans-serif;
    --font_6: normal normal normal 22px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_7: normal normal normal 17px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_8: normal normal normal 15px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_9: normal normal normal 14px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --font_10: normal normal normal 10px/1.4em arial,'ｍｓ ｐゴシック','ms pgothic','돋움',dotum,helvetica,sans-serif;
    --wix-ads-height: 0px;
    --sticky-offset: 0px;
    --wix-ads-top-height: 0px;
    --site-width: 980px;
    --above-all-z-index: 100000;
    --portals-z-index: 100001;
    -webkit-font-smoothing: antialiased;
    --minViewportSize: 320;
    --maxViewportSize: 1920;
    --theme-spx-ratio: 1px;
    --scrollbar-width: 0px;
    --pinned-layers-in-page: 0;
    --top-offset: 0px;
    --header-height: 269px;
    --pinned-layer-in-container: 52;
    --above-all-in-container: 49;
    --transition-duration: 700ms;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    text-size-adjust: 100%;
    direction: var(--text-direction);
    overflow-wrap: break-word;
    --min-height: 80px;
    pointer-events: auto;
    font: var(--font_2);
    line-height: normal;
    text-align: center;
    font-size: 30px;
    letter-spacing: normal;
    color: #000000;
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: impact,impact-w01-2010,impact-w02-2010,impact-w10-2010,sans-serif;
    color: blue;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-width: 1200px;
    padding: 10px;
    box-sizing: border-box;
}

.gallery-item {
    flex: 1 1 calc(33.333% - 20px);
    margin: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
    background-color: white;
    transition: transform 0.3s;
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

.gallery-item:hover {
    transform: scale(1.05);
}