
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html,body {scroll-behavior: smooth;padding: 0;margin: 0;height: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {line-height: 1;background-color: #E7E2D8;font-family: "Poppins", sans-serif;color: #4D4D4D;}
a,button,.btn{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
a, a:hover {text-decoration: none;}
a, button, .btn {font-family: "Poppins", sans-serif;}

ul, ol {list-style-type:none;margin:0;padding:0;}
img {border:0;max-width:100%;}
:focus,.btn:active:focus,.btn:focus,a:active,a:focus,button:focus,input:focus,textarea:focus{outline:0;}

.container {max-width: 1430px;--bs-gutter-x: 30px;}
.container-full-wrapper {max-width: 100%;padding-inline: 36px;}
.row {--bs-gutter-x: 30px;}

h1, h2, h3, h4, h5, h6, p {margin: 0;font-family: "Poppins", sans-serif;}
h1 {font-size: 40px;font-weight: 600;color: #6d5926;}
h2 {font-size: 36px;font-weight: 600;color: #6d5926;}
h3 {font-size: 30px;font-weight: 600;color: #6d5926;}
h4 {font-size: 24px;font-weight: 600;color: #6d5926;}
h5 {font-size: 20px;font-weight: 600;color: #6d5926;}
h6 {font-size: 18px;font-weight: 600;color: #6d5926;}
p:last-child {margin-bottom: 0}

.m-15 {margin: 15px !important;}
.mt-15 {margin-top: 15px !important;}
.mb-15 {margin-bottom: 15px !important;}
.ml-15 {margin-left: 15px !important;}
.mr-15 {margin-right: 15px !important;}

.p-15 {padding: 15px !important;}
.pt-15 {padding-top: 15px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pl-15 {padding-left: 15px !important;}
.pr-15 {padding-right: 15px !important;}

.g-15 {gap: 15px !important;}
.gy-15 {gap: 15px 0  !important;}
.gx-15 {gap: 0 15px !important;}

.m-20 {margin: 20px !important;}
.mt-20 {margin-top: 20px !important;}
.mb-20 {margin-bottom: 20px !important;}
.ml-20 {margin-left: 20px !important;}
.mr-20 {margin-right: 20px !important;}

.p-20 {padding: 20px !important;}
.pt-20 {padding-top: 20px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pl-20 {padding-left: 20px !important;}
.pr-20 {padding-right: 20px !important;}

.g-20 {gap: 20px !important;}
.gy-20 {gap: 20px 0  !important;}
.gx-20 {gap: 0 20px !important;}

.m-30 {margin: 30px !important;}
.mt-30 {margin-top: 30px !important;}
.mb-30 {margin-bottom: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-30 {margin-right: 30px !important;}

.p-30 {padding: 30px !important;}
.pt-30 {padding-top: 30px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pl-30 {padding-left: 30px !important;}
.pr-30 {padding-right: 30px !important;}


.g-30 {gap: 30px !important;}
.gy-30 {gap: 30px 0  !important;}
.gx-30 {gap: 0 30px !important;}

.m-35 {margin: 35px !important;}
.mt-35 {margin-top: 35px !important;}
.mb-35 {margin-bottom: 35px !important;}
.ml-35 {margin-left: 35px !important;}
.mr-35 {margin-right: 35px !important;}

.p-35 {padding: 35px !important;}
.pt-35 {padding-top: 35px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pl-35 {padding-left: 35px !important;}
.pr-35 {padding-right: 35px !important;}

.m-40 {margin: 40px !important;}
.mt-40 {margin-top: 40px !important;}
.mb-40 {margin-bottom: 40px !important;}
.ml-40 {margin-left: 40px !important;}
.mr-40 {margin-right: 40px !important;}

.p-40 {padding: 40px !important;}
.pt-40 {padding-top: 40px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pl-40 {padding-left: 40px !important;}
.pr-40 {padding-right: 40px !important;}

.bg-transparent {background: transparent !important;}

.w-auto {width: auto !important;}
.minw-auto {min-width: auto !important;}
.w-100 {width: 100% !important;}
.minw-100 {min-width: 100% !important;}
.maxw-100 {max-width: 100% !important;}

.h-auto {height: auto !important;}
.minh-auto {min-height: auto !important;}
.h-100 {height: 100% !important;}
.minh-100 {min-height: 100% !important;}
.maxh-100 {max-height: 100% !important;}

a svg * {transition: 0.2s all ease;}
.btn-row {display: flex;align-items: center;flex-wrap: wrap;gap: 10px;justify-content: center;}

.btn.primary-brown-btn {background-color: #6d5926;color: #fff;border-radius: 45px;display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size: 18px;font-weight: 300;line-height: 26px;padding: 9px 30px;}
.btn.primary-brown-btn:hover, .btn.primary-brown-btn:focus, .btn.primary-brown-btn:active {color: #fff;background-color: #E6B142;}

.btn-icon.btn-icon-sm {width: 1.5rem;height: 1.5rem;}
/*---*/

.navbar {position: relative;background: #fff;padding: 0;top: 0;z-index: 1000;}
.navbar .navbar-brand {margin: 0;display: inline-flex;padding: 0;width: 280px;position: relative;top: 38px;}
.navbar .container {justify-content: initial;position: relative;}

.navbar-wrapper {padding-left: 60px;}
.navbar-wrapper .navbar-nav {flex-direction: row;gap: 0 47px;}
.navbar-wrapper .navbar-nav > .nav-item > .nav-link {position: relative;display: inline-flex;align-items: center;color: #6d5926;font-size: 18px;font-weight: 400;line-height: 1.25;padding: 0;text-transform: capitalize;}
.navbar-wrapper .navbar-nav > .nav-item > .nav-link::after {content: '';position: absolute;top: 100%;left: 0;right: 0;display: block;width: 0;height: 1px;background-color: #6d5926;margin-top: 4px;margin-inline: auto;transition: 0.3s width ease-in-out;}
.navbar-wrapper .navbar-nav > .nav-item.active > .nav-link::after, .navbar-wrapper .navbar-nav > .nav-item > .nav-link.active::after, .navbar-wrapper .navbar-nav > .nav-item > .nav-link:hover::after {width: 100%;}

.navbar .nav-action-group {margin-left: auto;display: flex;flex-wrap: wrap;align-items: center;gap: 20px;}
.navbar .nav-action-group .nav-action-link {width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;text-align: center;padding: 2px;}
.navbar .nav-action-group .nav-action-link > img {height: 22px;}
.navbar .nav-action-group .nav-action-link:hover {background-color: #E7E2D8;}

.navbar .navbar-toggler-icon {background: transparent;border: 0;padding: 0;margin: 0;display: none;position: relative;width: 30px;height: 30px;background-color: #6d5926;}
.navbar .navbar-toggler-icon.open {background-color: #E6B142;}
.navbar-toggler-icon i, .navbar-toggler-icon i:after, .navbar-toggler-icon i:before {background-color: #fff;position: absolute;width: 22px;height: 2px;transition-timing-function: ease;transition-duration: .3s;transition-property: transform;border-radius: 24px;left: 0;right: 0;margin: auto;}
.navbar-toggler-icon i {transition-timing-function: cubic-bezier(.55,.055,.675,.19);transition-duration: 300ms;left: 0;top: 50%;display: block;margin-top: -1px;}
.navbar-toggler-icon i:after, .navbar-toggler-icon i:before {display: block;content: "";}
.navbar-toggler-icon i:before {top: -6px;transition: top 300ms ease .15s,opacity 300ms ease;}
.navbar-toggler-icon i:after {bottom: -6px;transition: bottom 300ms ease .15s,transform 300ms cubic-bezier(.55,.055,.675,.19);}
.mobile-menu-open .navbar-toggler-icon i {transition-delay: .12s;transition-timing-function: cubic-bezier(.215,.61,.355,1);transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.mobile-menu-open .navbar-toggler-icon i:before {top: 0;transition: top 300ms ease,opacity 300ms ease .15s;opacity: 0;}
.mobile-menu-open .navbar-toggler-icon i:after {bottom: 0;transition: bottom 300ms ease,transform 300ms cubic-bezier(.215,.61,.355,1) .15s;transform: rotate(-90deg);}

/*-----*/

.home-hero-img img {width: 100%;object-fit: cover;}

.welcome-section {position: relative;padding: 34px 0;}
.section-title {margin-bottom: 30px;color: #6d5926;}

.welcome-section .section-title {margin-bottom: 24px;}
.welcome-section a { text-decoration: underline; color: #4D4D4D;}

.content-flex-block {display: flex;flex-wrap: wrap;min-height: 520px;margin-bottom: 24px;}
.content-flex-block:last-child {margin-bottom: 0;}

.content-flex-block .img-col {flex: 0 0 50%;width: 50%;display: flex;}
.content-flex-block .text-col {flex: 0 0 50%;width: 50%;padding: 30px 60px;background-color: #fff;}
.content-flex-block .text-col .content-block {display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;height: 100%;}
.content-flex-block .content-block h4 {position: relative;font-weight: 300;font-size: 26px;margin-bottom: 30px;line-height: 32px;color: #6d5926;}
.underline-title {position: relative;margin-bottom: 30px;}
.underline-title::after {content: '';display: block;width: 135px;height: 3px;background-color: #E6B142;position: absolute;top: 100%;margin: 0 auto;left: 0;right: 0;margin-top: 10px;}

.content-flex-block .content-block p {color: #4D4D4D;font-size: 18px;font-weight: 300;line-height: 30px;max-width: 648px;margin: 0 auto;}

.content-flex-block .content-block.bavarian-forset p {max-width: 748px;}

.btn-row-group {display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;}

.content-flex-block .btn-row-group {margin-top: 35px;}
.content-flex-block .btn-row-group .primary-brown-btn {font-size: 22px;line-height: 26px;min-width: 240px;flex: 0 0 256px;}

.content-flex-block .bavarian-forset .btn-row-group .primary-brown-btn {min-width: 186px;}

.grid-img {display: flex;gap: 5px;width: 100%;}
.grid-img-col {flex: 1;}
.grid-img-col img {width: 100%;height: 100%;object-fit: cover;display: block;}
.grid-img-vertical-col {display: flex;flex-direction: column;gap: 4px;}
.grid-img-col-1, .grid-img-col-2 {flex: 1;}

.footer-wrapper {position: relative;padding: 38px 0;}
.footer-wrapper .container {max-width: 865px;}
.footer-wrapper .row {justify-content: center;gap: 25px 0;}
.footer-wrapper .row .col {max-width: max-content;}
.footer-wrapper .footer-info p, .footer-wrapper .footer-info a {color: #6d5926;font-size: 13px;font-weight: 400;line-height: 18px;display: block;}
.footer-wrapper .footer-info a:hover {text-decoration: underline !important;}
.footer-wrapper .footer-info .social-links {display: flex;gap: 25px;}

/*----*/

.apartment-section {position: relative;padding: 56px 0;}
.apartment-section .container {max-width: 1254px;}
.apartment-group {display: flex;flex-direction: column;gap: 30px 0;}
.apartment-row {position: relative;display: flex;flex-wrap: wrap;border-radius: 12px;background-color: #fff;overflow: hidden;min-height: 265px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.16);}
.apartment-row .image-col {border-radius: 0;overflow: hidden;width: 384px;background-color: #b1b1b1;}
.apartment-row .image-col > img {width: 100%;height: 100%;object-fit: cover;}
.apartment-row .text-col {flex: 1 0 0;display: flex;justify-content: center;flex-direction: column;align-items: flex-start;padding: 15px 54px;}
.apartment-row .text-col .underline-title {color: #6d5926;font-weight: bold;line-height: 22px;}
.apartment-row .text-col .underline-title::after {width: 72px;margin-left: 0;}
.apartment-row .text-col p {color: #4D4D4D;font-size: 18px;font-weight: 300;line-height: 30px;letter-spacing: 0.01em;}
.apartment-row .text-col p + p {margin-top: 25px;}
.apartment-row ul li { list-style-type: disc;color #4D4D4D;font-size: 18px;font-weight: 300;line-height: 30px;letter-spacing: 0.01em;}

.more-link {display: inline-flex;align-items: center;gap: 6px;color: #6d5926;font-size: 18px;font-weight: 500;line-height: 30px;margin-top: 20px;text-decoration: underline !important;text-underline-offset: 4px;}
.more-link .icon {transition: 0.3s all ease-in-out;display: inline-flex;width: 15px;}
.more-link:hover {color: #E6B142;}
.more-link[aria-expanded="true"] .icon {transform: rotate(-180deg);}

.more-details-block {padding: 28px;}

.grid-img-view {padding-top: 28px;border-top: 1px solid #CBCBCB;display: flex;gap: 8px;min-height: 469px;}
.grid-main-img,.grid-small-imgs {flex: 1;display: flex;}
.grid-main-img img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16 / 9;}
.grid-small-imgs {flex-wrap: wrap;gap: 14px 8px;}
.grid-small-imgs .img-item {flex: 1 1 calc(50% - 4px);aspect-ratio: 16 / 9;}
.grid-small-imgs .img-item img {width: 100%;height: 100%;object-fit: cover;}

.more-details-block .content {padding: 32px 0 0 0;}
.more-details-block .content h6 {font-weight: bold;line-height: 22px;margin-bottom: 18px;}
.more-details-block .content p {color: #4D4D4D;font-size: 18px;font-weight: 300;line-height: 30px;}
.more-details-block .content p + h6 {margin-top: 35px;}

.facilities-row {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 30px 50px;}
.facilities-row .facility-col {flex: 1 0 0;display: flex;flex-wrap: wrap;gap: 10px 0;}
.facilities-row .facility-col .item-info {flex: 0 0 25%;display: flex;flex-wrap: wrap;gap: 20px;align-items: center;}
.facilities-row .facility-col .item-info .icon {width: 25px;display: inline-flex;}
.facilities-row .facility-col .item-info p {flex: 1 0 0;padding-right: 10px;}

.facilities-row .primary-brown-btn {font-size: 22px;}

/*----*/

.frame-type-powermail_pi1 .tx-powermail {padding: 30px 0;}

.form-label {color: #4D4D4D;font-weight: 500;}
.form-label .mandatory {color: #DC3545;}
.form-control {border: 1px solid #CBCBCB;border-radius: 8px;padding: 7px 15px;color: #4D4D4D;font-weight: 400;font-size: 14px;min-height: 40px;}
.form-control:focus {box-shadow: none;outline: none;border-color: #6d5926;}
.powermail-errors-list {margin-top: 5px;font-size: 14px;}
.tx-powermail input:not([type=checkbox],[type=radio],[type=submit],[type=reset],[type=range],[type=hidden]):user-invalid, .tx-powermail input:not([type=checkbox],[type=radio],[type=submit],[type=reset],[type=range],[type=hidden]).powermail_field_error {background-position: calc(100% - .75rem) 0.625rem;}


.main-content-wrapper .text-col p a {
    color: #4D4D4D;
    text-decoration: underline;
}
.main-content-wrapper .text-col p a:hover {
    color: #4D4D4D;
    text-decoration: underline;
}

.main-content-wrapper p {
    color: #4D4D4D;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin: 0 auto;
}

.welcome-section iframe { width: 100%; }
.container .grid-img-col img {
    object-fit: unset;
}
.more-details-block .content .item-info p{
    line-height:20px;
}

.apartment-section .frame-type-text h3 {margin-bottom:20px;}
.apartment-section .frame-type-text p {color: #4D4D4D;font-size: 18px;font-weight: 300;line-height: 30px;letter-spacing: 0.01em;margin-bottom: 20px;}
.apartment-section .frame-type-text ul {margin-bottom:20px;}
.apartment-section .frame-type-text ul li {color: #4D4D4D; font-size: 18px; font-weight: 300; line-height: 30px; letter-spacing: 0.01em; position:relative; padding-left:20px;}
.apartment-section .frame-type-text ul li:after {position:absolute; content:""; width:6px; height:6px; background:#4D4D4D; border-radius:50%; left:0px; top:12px}
/*--Responsive-Media-Query--*/
@media (min-width: 992px) {
    .navbar-wrapper {display: block !important;}
}

@media (max-width: 1400px) {
    .navbar .navbar-brand {width: 230px;top: 40px;}
    .navbar-wrapper {padding-left: 40px;}
    .navbar-wrapper .navbar-nav {gap: 24px;}
    .navbar .nav-action-group {gap: 16px;}

    .content-flex-block .btn-row-group .primary-brown-btn {min-width: auto !important;}
    .content-flex-block .text-col {padding: 30px;}
}

@media (max-width: 1199px) {
    .navbar-wrapper {padding-left: 20px;}
    .navbar-wrapper .navbar-nav {gap: 20px;}
    .navbar-wrapper .navbar-nav > .nav-item > .nav-link {font-size: 16px;}

    .container-full-wrapper {padding: 0 15px;}

    .apartment-row .text-col {padding-inline: 30px;}
    .apartment-row .text-col p + p {margin-top: 20px;}

    .facilities-row {gap: 30px;}
    .facilities-row .facility-col .item-info {gap: 15px;}
}

@media (max-width: 991px) {
    .navbar .navbar-brand {top: 10px;width: 180px;padding: 0;}
    .navbar-wrapper {position: absolute;top: 100%;left: 0;right: 0;background-color: #fff;padding: 15px;display: none;border-top: 1px solid #E7E2D8;}
    .navbar-wrapper .navbar-nav {flex-direction: column;gap: 24px;}
    .navbar .navbar-toggler-icon {display: inline-flex;}

    .content-flex-block .img-col, .content-flex-block .text-col {flex: 0 0 100%;max-width: 100%;}

    .apartment-row .image-col {width: 300px;}
    .apartment-row .text-col {padding: 20px;}

    .facilities-row .facility-col {flex: 0 0 100%;}
    .facilities-row .primary-brown-btn {font-size: 18px;}

    .grid-img-view {min-height: 400px;}
}

@media (max-width: 767px) {
    h1 {font-size: 36px;}
    h2 {font-size: 30px;}
    h3 {font-size: 24px;}
    h4{font-size: 20px;}
    h5 {font-size: 18px;}
    h6 {font-size: 16px;}
    p {font-size: 16px;}
    .btn.primary-brown-btn {font-size: 16px;padding: 8px 20px;line-height: 22px;}

    .content-flex-block .text-col {padding: 20px;}
    .content-flex-block .content-block h4 {font-size: 20px;line-height: 26px;}
    .content-flex-block .btn-row-group .primary-brown-btn {font-size: 16px;line-height: 24px;}
    .content-flex-block .content-block p {font-size: 16px;line-height: 24px;}
    
    .welcome-section {padding: 30px 0 0 0;}

    .footer-wrapper {padding: 24px 0;}
    .footer-wrapper .row {justify-content: flex-start;gap: 20px 0;}
    .footer-wrapper .row .col {max-width: 33.33%;flex: 0 0 33.33%;}

    .apartment-row .image-col {width: 100%;}
    .apartment-row .text-col p {font-size: 14px;}

    .facilities-row .primary-brown-btn {font-size: 16px;}
    .facilities-row .facility-col .item-info {flex: 0 0 33.33%;}

    .more-details-block {padding: 15px;padding-top: 0;}
    .grid-img-view {padding-top: 15px;}
    .more-details-block .content p {font-size: 14px;}

    .grid-img-view {min-height: 100%;flex-wrap: wrap;}
    .grid-main-img, .grid-small-imgs {flex: 0 0 100%;}

    .more-details-block .content {padding-top: 20px;}
    .more-details-block .content p + h6 {margin-top: 20px;}

}

@media (max-width: 575px) {
    h1 {font-size: 32px;}
    h2 {font-size: 28px;}
    h3 {font-size: 22px;}

    .facilities-row .facility-col .item-info {flex: 0 0 50%;}
}

@media (max-width: 479px) {
    .navbar .navbar-brand {width: 150px;}
    .navbar .nav-action-group {gap: 10px;}
    .footer-wrapper .row .col {max-width: 50%;flex: 0 0 50%;}
}

@media (max-width: 360px) {
    .facilities-row .facility-col .item-info {flex: 0 0 100%;}
}