@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/

/* font-family: 'BreeSerifRegular'; */
/* font-family: 'RanadeRegular'; */
/* font-family: 'RanadeMedium'; */

:root {
    --white: #ffffff;
    --black: #000000;
    --transparent: #0000;
    --choclate: #876850;
    --darkgreen: #2F382D;
    --lightgreen: #7A8774;
    --beige: #E8E3D9;
}

body { font-family: 'RanadeRegular'; color: var(--slate);font-size: 18px;font-weight: 300;} 
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0;padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
ol, ul { list-style: none; margin: 0; padding: 0; }
img, video { max-width: 100%; height: auto; }
a, input, button, textarea { outline: none !important; } 
a { text-decoration: none; transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; } 
.container-fluid, .container { padding-left: 15px; padding-right: 15px; } 
.row { margin-left: -15px; margin-right: -15px; } 
.row>* { padding-left: 15px; padding-right: 15px; } 
p { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; } 
p a { text-decoration: none; color: inherit; } 
p a:hover { text-decoration: none; } 
ul li, ol li { font-size: 14px; line-height: 19px; color: #3A3A3A; } 
ul li a, ol li a { text-decoration: none; color: inherit; } 
ul li a:hover, ol li a:hover { text-decoration: none; color: #BBEADD; } 
h1 { font-size: 74px; line-height: 112px; font-weight: 600; } 
h2 { font-size: 74px; line-height: 88px; font-weight: 500; } 
h3 { font-size: 56px; line-height: 84px; font-weight: 600; } 
h4 { font-size: 48px; line-height: 72px; font-weight: 600; } 
h5 { font-size: 32px; line-height: 48px; font-weight: 500; } 
h6 { font-size: 21px; line-height: 40px; font-weight: 400; } 
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 
.form-control:focus { box-shadow: none; border-color: transparent; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
textarea { resize: none; }

/* ----- Title Declaration ----- */
/* --- 36 - 24 --- */
.page-title { color: var(--beige); font-family: 'BreeSerifRegular'; font-size: clamp(1.5rem, 1.286rem + 1.07vw, 2.25rem); font-weight: 400; line-height: normal; }
.page-title * { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
/* --- 24 - 22 --- */
.section-title { color: var(--beige); font-family: 'BreeSerifRegular'; font-size: clamp(1.375rem, 1.339rem + 0.18vw, 1.5rem); font-weight: 400; line-height: normal; }
.section-title * { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
/* --- 16- 14 --- */
.detail { color: var(--beige); font-family: 'RanadeRegular'; font-size: clamp(0.875rem, 0.839rem + 0.18vw, 1rem); font-weight: 400; line-height: normal; }
.detail * {font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}
/* ----- */
.common-text {color: var(--beige); font-family: 'RanadeRegular'; font-size: 14px; line-height: normal;}
.common-text * {font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}
/* ----- Title Declaration ----- */

.btn {display: inline-block; width: fit-content; padding: 8px 20px; font-family: 'RanadeRegular'; font-size: 14px; color: var(--white); font-weight: 400; line-height: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.btn-beige {background-color: var(--beige); color: var(--darkgreen);}
.btn-beige:hover {background-color: var(--choclate);color: var(--beige);}

.btn-outline {border: 1px solid var(--beige);background-color: var(--transparent); color: var(--beige);}
.btn-outline:hover {border-color: var(--darkgreen);background-color: var(--darkgreen);color: var(--beige);}

.btn-darkblue {background-color: var(--darkgreen); color: var(--beige);}
.btn-darkblue:hover {background-color: var(--choclate);color: var(--beige);}

.btn-icon { position: relative; color: var(--beige); font-size: 16px; font-family: 'RanadeRegular'; font-weight: 400; line-height: normal; padding-right: 30px; transition:0.3s all ease ; -webkit-transition:0.3s all ease ; -moz-transition:0.3s all ease ; -ms-transition:0.3s all ease ; -o-transition:0.3s all ease ;  }
.btn-icon::after { position: absolute; content: ''; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; right: 10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M1.4 13L0 11.6L9.6 2H1V0H13V12H11V3.4L1.4 13Z' fill='%23E8E3D9'/%3E%3C/svg%3E");width: 13px;height: 13px;}
.btn-icon:hover {text-decoration: underline;}
.btn-icon:hover::after {transition:0.3s all ease ;  right: 0;}



/*========== Header Start ==========*/
.header { position: fixed; top: 0px; left: 0; right: 0; padding-top: 60px; width: 100%; z-index: 9; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -ms-transition: 0.3s all ease; -o-transition: 0.3s all ease; }
.header.fixed-header { position: fixed;  padding-top: 0; backdrop-filter: blur(30px);background-color: var(--choclate);}


.navbar {padding: 0 0 10px 0;}
.navbar-brand {display: inline-block;width: 100%;max-width: 180px;height: 60px;padding: 0;margin-right: 0;margin-bottom: 10px;}
.navbar-brand img {height: 100%;width: 100%;object-fit: cover;}
.nav-link {cursor: pointer; color: var(--beige); font-size: 16px; font-weight: 400; line-height: normal;margin-right: 37px;padding: 0 !important ;}
.nav-link:hover {color: var(--white);}
.header-btn-group {display: flex;}
.header-btn-group >* {margin-right: 30px;}
.header-btn-group >*:last-child {margin-right: 0px;}
.navbar-nav .nav-link.active {color: var(--white); font-weight: 500;}
.header .btn-beige:hover {background-color: var(--lightgreen);}
.nav-item:has(.btn) {display: none;}
/*========== Header End ==========*/ 


/* ----- Banner ----- */
.banner-wrapper {position: relative;height: 720px;padding-top: 147px;padding-bottom: 50px;}
.banner-wrapper::after {background: linear-gradient(0deg, rgba(78, 59, 53, 0.65) 0%, rgba(78, 59, 53, 0.65) 100%);
position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;z-index: -1;}
.banner-bg {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: -2;}
.banner-bg img {width: 100%;height: 100%;object-fit: cover;}
.banner-wrapper .container {height: 100%;}
.banner-main {position: relative;z-index: 5;height: 100%;width: 100%;}
.banner-inner {position: relative;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;}
.banner-main .page-title {width: 100%;max-width: 588px;}


.banner-inner .eye-btn { position: absolute; top: 0; right: 0; background-color: #34E0A1; width: 55px; height: 55px; border-radius:100% ; -webkit-border-radius:100% ; -moz-border-radius:100% ; -ms-border-radius:100% ; -o-border-radius:100% ; display: flex; justify-content: center; align-items: center; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; }
.banner-inner .eye-btn:hover {background-color: var(--beige);}

.banner-inner .contact-btn { position: absolute; bottom: 0; right: 0; background-color: var(--beige); height: fit-content; padding: 8px 20px; display: inline-flex; transition:0.4s all ease ; -webkit-transition:0.4s all ease ; -moz-transition:0.4s all ease ; -ms-transition:0.4s all ease ; -o-transition:0.4s all ease ; }
.banner-inner .contact-btn img {width: 20px;height: 16px;}
.banner-inner .contact-btn:hover {background-color: var(--lightgreen);}
.banner-inner .contact-btn:hover img { filter:brightness(100) ; -webkit-filter:brightness(100) ; }
.button-group .btn-beige:hover {background-color: var(--darkgreen);}
/* ----- Banner ----- */


/* ----- Zimmer ----- */
.zimmer-wrapper {overflow: hidden; position: relative; background-color: var(--beige); padding-top: clamp(1.875rem, 1.518rem + 1.79vw, 3.125rem);padding-bottom: clamp(1.875rem, 1.518rem + 1.79vw, 3.125rem);} 
.zimmer-main {position: relative;}
.zimmer-main .section-title {color: var(--darkgreen);margin-bottom: 23px;}


.zimmer-main .container-fluid {width: calc(580px + 50vw); margin-right: 0; padding: 0;}
.zimmer-main .slick-arrow {background-color: var(--transparent); font-size: 0;color: var(--transparent);width: 20px;height: 20px;border: none;position: absolute;top: -41px;right: 130px;}
.zimmer-main .slick-arrow.slick-prev {padding: 0;width: 20px; height: 20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.78125 8.75L20 8.75L20 11.25L4.78125 11.25L11.7813 18.25L10 20L8.74228e-07 10L10 -8.74228e-07L11.7813 1.75L4.78125 8.75Z' fill='%2328340B'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-size: contain; margin-right: 60px;}
.zimmer-main .slick-arrow.slick-next {padding: 0;width: 20px; height: 20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.2188 11.25H0V8.75H15.2188L8.21875 1.75L10 0L20 10L10 20L8.21875 18.25L15.2188 11.25Z' fill='%2328340B'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-size: contain;  }
.zimmer-main .slick-list { margin: 0 -10px; padding-right: 128px;}
.zimmer-main .slick-slide { padding: 0 10px; }
.slide-parent {display: block; position: relative; transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; }
.slide-inner {visibility: hidden;opacity: 0; position: absolute; top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, rgba(78, 59, 53, 0.75) 0%, rgba(78, 59, 53, 0.75) 100%);height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -ms-transition: 0.4s all ease; -o-transition: 0.4s all ease; }
.slide-over {width: 100%;height: 100%; max-width: 80%;max-height: 80%; text-align: center; display: flex;flex-direction: column; justify-content: center;align-items: center;}
.slide-over .detail {margin-bottom: 15px;}
.slide-parent:hover .slide-inner {visibility: visible;opacity: 1;}
.zimmer-main .slick-arrow.slick-prev:hover {opacity: 0.5;}
.zimmer-main .slick-arrow.slick-next:hover {opacity: 0.5;}

.zimmer-detail {margin-top: 30px;}
.zimmer-main .zimmer-detail .detail {color: var(--darkgreen);}
.zimmer-main .zimmer-left {width: 100%;height: 100%;}
.zimmer-main .zimmer-left {display: flex;align-items: end;justify-content: end;}
/* ----- zimmer ----- */

/* ----- service ----- */
.services-wrapper {position: relative;overflow: hidden;}
.service-box {position: relative;}
.service-image {width: 100%;height: 100%;}
.service-image img {width: 100%;height: 100%; object-fit: cover;}


.image-box {position: absolute;top: 0;right: 0;height: 100%;width: 100%;}
.image-box .row {justify-content: flex-end;height: 100%;margin-left: -0px; margin-right: -0px;}
.image-box .row>* { padding-left: 0px; padding-right: 0px; } 
.image-box .service-image {padding-left: 100px;}

.service-image .row {margin-left: -0px; margin-right: -0px;height: 100%; }
.service-image .row>* { padding-left: 0px; padding-right: 0px; }
.service-detail-box {height: 100%;}
.service-inner {width: 100%;height: 100%;position: relative;z-index: 5;padding: 50px 10px 50px 0px;}
.service-box .data-box .row {position: relative; margin-left: -10px; margin-right: -10px; } 
.service-box .data-box .row>* { padding-left: 10px; padding-right: 10px; } 
.service-inner .section-title {margin-bottom: 15px;}
.service-inner .detail {margin-bottom: clamp(1.125rem, 0.911rem + 1.07vw, 1.875rem);}
.service-inner .button-group {display: flex;flex-direction: row;}
.service-inner .button-group>* {margin-right: 8px;}
.service-inner .button-group>*:last-child {margin-right: 0px;}


.services-wrapper .service-box:nth-child(even) .service-detail-box {padding: 50px 0px 50px 0px;}
.services-wrapper .service-box:nth-child(even) .image-box .row {justify-content: flex-start;}
.services-wrapper .service-box:nth-child(even) .data-box .row {justify-content: flex-end;}
.services-wrapper .service-box:nth-child(even) .image-box .service-image {padding-right: 68px;padding-left: 0;}
/* ----- service ----- */





/*========== Footer Start ==========*/
footer {background-color: var(--choclate);padding-top: clamp(1.875rem, 1.518rem + 1.79vw, 3.125rem);padding-bottom: clamp(1.875rem, 1.518rem + 1.79vw, 3.125rem);}
footer .row { margin-left: -10px; margin-right: -10px; } 
footer .row>* { padding-left: 10px; padding-right: 10px; } 

.footer-logo {display: block; width: 100%;max-width: 179px;height: 58px;margin-bottom: clamp(0.875rem, 0.732rem + 0.71vw, 1.375rem);}
.footer-logo img {height: 100%;width: 100%;}
.footer-icon {display: flex;}
.footer-icon >* {width: 35px;height: 35px;margin-right: 15px;}
.footer-icon >*:last-child {margin-right: 0px;}
.footer-icon >*:hover {opacity: 0.7;}

.footer-left .top-detail.detail {font-family: "RanadeMedium";}
.footer-left .top-detail ul { display: flex;flex-direction: row;flex-wrap: wrap; margin-bottom: 20px;}
.footer-left .top-detail ul li {position: relative;padding-right: 18px;}
.footer-left .top-detail ul li::after { position: absolute; content: ''; background-color: var(--beige); width: 2px; height: 100%; right: 8px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.footer-left .top-detail ul li:last-child::after {display: none;}

.footer-left .center-detail {display: flex;flex-direction: column;margin-bottom: 20px;}
.footer-left .center-detail a {display: inline-block;color: var(--beige);font-family: 'RanadeRegular'; font-size: 14px; font-weight: 400;line-height: normal;}
.footer-left .center-detail a:hover {color: var(--darkgreen);text-decoration: underline;}

.footer-left .bottom-detail {color: var(--beige);font-family: 'RanadeRegular'; font-size: 14px; font-weight: 400;line-height: normal;}


.footer-right li a {display: inline-block; color: var(--beige);font-family: 'RanadeRegular'; font-size: 14px; font-weight: 400;line-height: normal;padding-bottom: clamp(0.5rem, 0.375rem + 0.63vw, 0.938rem);}
.footer-right li a:hover {color: var(--darkgreen);text-decoration: underline;}
/*========== Footer End ==========*/