@font-face {
    font-family: "Avenir-Roman";
    src: url("/public/font/Avenir/Avenir-Roman-12.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Avenir-Medium";
    src: url("/public/font/Avenir/Avenir-Medium-09.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Avenir-Heavy";
    src: url("/public/font/Avenir/Avenir-Heavy-05.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Playfair";
    src: url("/public/font/Playfair/PlayfairDisplay-VariableFont_wght.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TenorSans-Regular";
    src: url("/public/font/Tenor_Sans/TenorSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/* line 33, ../sass/main.scss */
.avenir-r {
    font-family: "Avenir-Roman";
}

/* line 36, ../sass/main.scss */
.avenir-m {
    font-family: "Avenir-Medium";
}

/* line 39, ../sass/main.scss */
.avenir-h {
    font-family: "Avenir-Heavy";
}

/* line 42, ../sass/main.scss */
.playfair {
    font-family: "Playfair";
}

/* line 45, ../sass/main.scss */
.tenorSans-r {
    font-family: "TenorSans-Regular";
}

/* line 48, ../sass/main.scss */
.toggle-menu {
    display: inline-block;
    cursor: pointer;
}

/* line 53, ../sass/main.scss */
.bar1,
.bar2,
.bar3 {
    width: 45px;
    height: 3px;
    margin: 6px 0;
    transition: 0.4s;
}

/* line 62, ../sass/main.scss */
.change .bar1 {
    width: 35px;
    transform: translate(0, 11px) rotate(-45deg);
}

/* line 67, ../sass/main.scss */
.change .bar2 {
    opacity: 0;
}

/* line 71, ../sass/main.scss */
.change .bar3 {
    width: 35px;
    transform: translate(0, -7px) rotate(45deg);
}

/* line 75, ../sass/main.scss */
.swiper-container-banner .swiper-slide {
    background-size: cover;
    background-position: center;
}

/* line 80, ../sass/main.scss */
.swiper-container-person .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* line 86, ../sass/main.scss */
.dot-item {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
}

/* line 93, ../sass/main.scss */
.person-slide-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* line 102, ../sass/main.scss */
.swiper-container-person .swiper-slide .person-pic img {
    transform: scale(0.8);
    transition: 0.3s;
}
/* line 106, ../sass/main.scss */
.swiper-container-person .swiper-slide .person-detail {
    opacity: 0;
    transition: 0.3s;
}
/* line 110, ../sass/main.scss */
.swiper-container-person .swiper-slide.swiper-slide-active {
    z-index: 9;
}
/* line 112, ../sass/main.scss */
.swiper-container-person .swiper-slide.swiper-slide-active .person-detail {
    opacity: 1;
}
/* line 115, ../sass/main.scss */
.swiper-container-person .swiper-slide.swiper-slide-active .person-pic img {
    transform: scale(1);
}
/* line 120, ../sass/main.scss */
.swiper-container-person .swiper-pagination-bullet {
    height: 3px;
    width: 50px;
    border-radius: unset;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 !important;
}
/* line 126, ../sass/main.scss */
.swiper-container-person
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: white;
}

/* line 132, ../sass/main.scss */
.swiper-container-banner .swiper-pagination-bullet {
    height: 3px;
    width: 50px;
    border-radius: unset;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 !important;
}
/* line 138, ../sass/main.scss */
.swiper-container-banner
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: white;
}

/* line 144, ../sass/main.scss */
.swiper-container-service .swiper-pagination {
    text-align: unset;
}
/* line 147, ../sass/main.scss */
.swiper-container-service .swiper-pagination-bullet {
    height: 3px;
    width: 50px;
    border-radius: unset;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 !important;
}
/* line 153, ../sass/main.scss */
.swiper-container-service
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: white;
}

/* line 159, ../sass/main.scss */
.swiper-container-blog .swiper-pagination {
    text-align: unset;
}
/* line 162, ../sass/main.scss */
.swiper-container-blog .swiper-pagination-bullet {
    height: 3px;
    width: 30px;
    border-radius: unset;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0 !important;
}
/* line 168, ../sass/main.scss */
.swiper-container-blog
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: black;
}

/* line 176, ../sass/main.scss */
.blogs-nth-child img {
    aspect-ratio: 26637/17438;
}

/* line 183, ../sass/main.scss */
.gallery-container .gallery-item {
    aspect-ratio: 1/1;
    grid-column: span 2;
}
/* line 186, ../sass/main.scss */
.gallery-container .gallery-item:nth-child(6n + 1) {
    aspect-ratio: 26637/17438;
    grid-column: span 3;
}
/* line 190, ../sass/main.scss */
.gallery-container .gallery-item:nth-child(6n + 6) {
    aspect-ratio: 26637/17438;
    grid-column: span 3;
}

/* line 198, ../sass/main.scss */
.gel-item::before {
    content: "VIEW";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    color: #fff;
    font-size: 22px;
    opacity: 0;
    transition: 0.3s;
}
/* line 214, ../sass/main.scss */
.gel-item:hover::before {
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    /* line 221, ../sass/main.scss */
    .swiper-container-service .swiper-pagination-bullet {
        width: 10%;
    }
}
@media only screen and (max-width: 639px) {
    /* line 226, ../sass/main.scss */
    .gallery-container .gallery-item {
        grid-column: span 1;
    }

    /* line 229, ../sass/main.scss */
    .gallery-container .gallery-item:nth-child(6n + 1) {
        grid-column: span 2;
    }

    /* line 232, ../sass/main.scss */
    .gallery-container .gallery-item:nth-child(6n + 6) {
        grid-column: span 2;
    }
}