body {background-color:var(--color-white);}
.sec0 h1 {text-align:center; left:calc(50% - 10vw); top:calc(50% - 5vw);}
.sec0 h1 span {font-size:calc(var(--font-x-lg) - 55%); opacity:0.6;}
.sec2 {overflow:hidden; position:relative; background-color:var(--color-lightbrown);}
.sec2 .sec-prlx {background-image:url(../img/marum-estate/banner_sec2.webp);}
.sec2 .content {text-align:center; display:block; padding-top:var(--spacing-lg); padding-bottom:var(--spacing-lg);}
.sec2 .content h2 {text-align:center; font-family:var(--font-family-heading); color:var(--color-dark); font-size:var(--font-lg); margin-bottom:var(--spacing-sm); text-transform:none;}
.sec2 .content p {margin-bottom:1vw;}
.sec2 .content img {display:block; width:1.9vw; height:auto; margin:0 auto; margin-bottom:var(--spacing-sm);}
.sec2 .elem_cloud1 {position:absolute; display:block; top:1%; right:0%; width:33.4vw; height:auto;}
.sec2 .elem_cloud2 {position:absolute; display:block; top:18%; left:0%; width:44vw; height:auto;}
.sec2 .elem_leaves {position:absolute; display:block; top:29%; left:0%; width:12.5vw; height:auto;}
.sec3 {overflow:hidden; position:relative;}
.sec3 .sec-prlx {background-image:url(../img/marum-estate/sec3_bg.webp);}
.sec3 .prlx-inner {padding:50vh 0; background:rgba(000, 000, 000, 0.4);}
.sec3 .content {position:absolute; top:7vw; left:13%; width:80%;}
.sec3 .cnt-title {margin-bottom:var(--spacing-sm); width:87%; vertical-align:middle;}
.sec3 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-lg); color:var(--color-white); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); width:50%; float:left; line-height:2.5;}
.sec3 .cnt-title h2 span {color:var(--color-lightgold);}
.sec3 .cnt-title p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-white); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); width:50%; display:inline-block;}
.sec3 .content ul h3 {color:var(--color-lightcream); font-family:var(--font-family-heading); white-space:nowrap; font-size:var(--font-md-s); text-transform:none; -ms-transform:translateY(-0.5vw); -webkit-transform:translateY(-0.5vw); transform:translateY(-0.5vw); line-height:1.2;}
.sec3 .content p {color:#fff; font-family:var(--font-family-body); font-size:0.93vw; line-height:1.2; -ms-transform:translateY(-0.3vw); -webkit-transform:translateY(-0.3vw); transform:translateY(-0.3vw);}
.sec3 .content ul li {float:left;}
.sec3 .content ul li:nth-child(1) {width:10.5vw;}
.sec3 .content ul li:nth-child(2) {width:13.9vw;}
.sec3 .content ul li:nth-child(3) {width:13.3vw;}
.sec3 .content ul li:nth-child(4) {width:13vw;}
.sec3 .content ul li:nth-child(5) {width:15.6vw;}
.sec3 .content ul li:nth-child(6) {width:11vw;}
.sec3 .content ul ._l1 {border-left:1px solid #fff; padding-left:0.9vw; padding-right:0.5vw; height:7.9vw;}
.sec4 {background-image:url(../img/marum-estate/sec4_bg.webp); background-size:cover; overflow:hidden; position:relative; padding:var(--spacing-lg) var(--spacing-sm);}
.sec4 .sec4_guide {opacity:0;}
.sec4 .content {width:100%;}
.sec4 .content .cnt-banner {margin-bottom:var(--spacing-md-l);}
.sec4 .cnt-title {margin-bottom:var(--spacing-sm); width:55%; margin-left:auto; margin-right:auto; text-align:center; display:block; padding-top:var(--spacing-sm);}
.sec4 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-lg); color:var(--color-lightgold); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); width:100%; float:left;}
.sec4 .cnt-title h2 span {color:var(--color-lightgold);}
.sec4 .cnt-title p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-white); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw);}
.sec4 .content ul h3 {color:var(--color-lightgold); font-family:var(--font-family-heading); font-size:calc(var(--font-body) * 1.3); text-transform:none; -ms-transform:translateY(-0.5vw); -webkit-transform:translateY(-0.5vw); transform:translateY(-0.5vw); line-height:1.2;}
.sec4 .content p {color:#fff; font-family:var(--font-family-body); font-size:var(--font-body); -ms-transform:translateY(-0.3vw); -webkit-transform:translateY(-0.3vw); transform:translateY(-0.3vw);}
.sec4 .content ul {width:55%; margin:0 auto;}
.sec4 .content ul li {float:left; width:25%; padding:0 1vw; text-align:center;}
.sec4 .content ul li img {width:30%; margin-bottom:1.5vw; text-align:center; margin-left:auto; margin-right:auto;}
.sec4 .content ul ._l1 {padding-left:0.9vw; height:7.9vw;}
.sec5 {display:inline-block; width:100%; position:relative; background-color:var(--color-white); text-align:left; padding:var(--spacing-lg) 0;}
.sec5 .cnt-title {margin-bottom:var(--spacing-md); padding:0 var(--spacing-sm);}
.sec5 .cnt-title h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-lg); color:var(--color-softdarkgreen); width:30%; float:left;}
.sec5 .cnt-title p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); width:70%; display:inline-block; padding-left:25%;}
.sec5 .hr-slider {width:100%; position:relative;}
.sec5 .hr-slider .cnt-slide {padding:1.5vw; position:relative; min-height:12vw; font-weight:400;}
.sec5 .hr-slider .cnt-slide .ver-line {height:20%; width:1px; position:absolute; left:0; top:0; background:var(--color-lightgreen);}
.sec5 .hr-slider .title {font-family:var(--font-family-heading); text-transform:none; font-size:calc(var(--font-body) * 1.3); color:var(--color-dark); display:block;}
.sec5 .hr-slider .desc {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-black); margin-bottom:var(--spacing-sm); display:block;}
.Mwrap {width:fit-content; display:flex; flex-wrap:nowrap;}
.sm-hide .panel {width:calc(40vw - 5px); font-weight:700; color:white; display:flex; justify-content:center; align-items:center; margin-left:5px;}
.panel:first-child {margin-left:0;}
.progressBar, .progressBar-wrap {width:calc(100% - 5vw); height:1px; position:fixed; display:inline-block; background-color:#e6e6e6; bottom:3vw; left:2.5vw;}
.progressBar {background-color:#000000;}
.drag-proxy {visibility:hidden; position:absolute;}
.sec6 {width:100%; padding-top:0; padding-bottom:var(--spacing-lg); background:var(--color-white);}
.sec6 .cnt-img {width:60%; display:inline-block; vertical-align:top;}
.sec6 .cnt-desc {width:calc(38% - 5vw); margin-left:5vw; margin-top:var(--spacing-sm); display:inline-block;}
.sec6 .cnt-desc h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-softdarkgreen); line-height:1.2; margin-bottom:var(--spacing-sm);}
.sec6 .cnt-desc p {font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-dark); margin-bottom:var(--spacing-xs); line-height:1.3;}
.sec6 .cnt-bottom {margin-top:var(--spacing-sm);}
.sec6 .cnt-bottom img {display:inline-block; width:35%;}
.sec6 .cnt-bottom span {display:inline-block; width:calc(65% - 2vw); padding-left:2vw; font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-dark);}
.sec6 .img-moringa {position:absolute; width:20%; height:auto; bottom:0vw; right:0vw; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
.sec6.hit_2 .img-moringa {transition-duration:1s; transition-delay:0.6s; transform:scale(1.1);}
.sec7 {width:100%; padding-bottom:var(--spacing-lg); background:var(--color-white); padding:0 var(--spacing-sm); display:block; padding-bottom:var(--spacing-lg);}
.sec7 .cnt-img {width:60%; margin:0 var(--spacing-sm); display:inline-block;}
.sec7 h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-softdarkgreen); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); margin-bottom:var(--spacing-sm); text-align:center;}
.sec7 .cnt-row {margin-bottom:var(--spacing-md); margin-bottom:var(--spacing-md); display:flex; gap:5vw; align-items:center;}
.sec7 .cnt-desc img {width:23%; margin-bottom:var(--spacing-md); display:block;}
.sec7 .cnt-desc p {width:100%; margin-bottom:var(--spacing-xs); display:inline-block; font-family:var(--font-family-body); text-transform:none; font-size:var(--font-body); color:var(--color-black);}
.sec7 .cnt-slider {width:50%;}
.sec7 .cnt-slider img {width:100%; display:inline-block;}
.sec7 .cnt-slider span {width:100%; display:inline-block; width:20%; display:inline-block; width:calc(65% - 2vw); font-family:var(--font-family-body); text-transform:none; font-size:var(--font-sm); color:var(--color-black); padding-top:var(--spacing-xs);}
.slick-prev, .slick-next {top:98% !important;}
.slick-next {right:unset; left:calc(100% - 2vw);}
.slick-prev {left:88%; z-index:2;}
.slick-next:before, .slick-prev:before {width:2vw; height:2vw; background-size:100%; background-repeat:no-repeat; background-position:center;}
.slick-next:before {background-image:url(../img/marum-estate/right-chevron.svg) !important;}
.slick-prev:before {background-image:url(../img/marum-estate/left-chevron.svg) !important;}
.sec8 {width:100%; position:relative;}
.sec8 .sec-prlx {background-image:url(../img/marum-estate/bg_award.webp);}
.sec8 .prlx-inner {min-height:90vh;}
.sec8 .content {position:absolute; top:9.2vw; left:15vw; width:75%;}
.sec8 .content h2 {font-family:var(--font-family-heading); text-transform:none; font-size:var(--font-md); color:var(--color-lightgold); -ms-transform:translateY(-2.3vw); -webkit-transform:translateY(-2.3vw); transform:translateY(-2.3vw); margin-bottom:var(--spacing-sm); text-align:center;}
.sec8 .content .col1 {width:33%; display:block; float:left;}
.sec8 .content .col2 {width:67%; display:block; float:right;}
.sec8 .content ul {display:block; margin-bottom:var(--spacing-sm);}
.sec8 .content ul li {padding:0 var(--spacing-xs); display:inline-block !important;}
.sec8 .content .col1 ul li {width:49%; display:inline-block !important;}
.sec8 .content .col2 ul li {width:24%; display:inline-block !important;}
.sec8 .content ul li img {width:100%;}
.sec8 .content .col1, .sec8 .content .col2 {text-transform:none; color:var(--color-lightgold); text-align:center;}
.sec8 .content .col1 span, .sec8 .content .col2 span {font-size:var(--font-sm); font-family:var(--font-family-body); margin-bottom:var(--spacing-xs); line-height:1.2; display:block;}
.sec8 .content .col1 h3, .sec8 .content .col2 h3 {font-family:var(--font-family-body); line-height:1.2; font-size:var(--font-body); display:block; text-transform:unset;}

@media (max-width: 1023px) {
._iconpan {width:10vw; bottom:-15vw; left:calc(50% - 5vw); -webkit-animation:hotspotfadeIn 2s linear infinite; -moz-animation:hotspotfadeIn 2s linear infinite; -ms-animation:hotspotfadeIn 2s linear infinite; -o-animation:hotspotfadeIn 2s linear infinite;}
.sec0 {background-image:url(../img/teaser/mob_comp5_bg.webp); background-size:cover;}
.sec0 h1 {text-align:center; left:0; top:calc(50% - 30vw); width:100%;}
.glass-case {position:relative; height:auto !important; width:100% !important; margin-left:0; border:1px solid rgba(000, 000, 000, 0.2); overflow:hidden;}
.glass-case img {height:100vh !important; width:auto !important;}
.gc-display-area {border:none !important; background-color:transparent !important; overflow:hidden !important;}
.sm-zoom-img .gc-display-container, .sm-zoom-img .gc-overlay-left-icons, .sm-zoom-img .gc-overlay-right-icons {display:none !important;}
.sec3 {background-color:#cec2a8;}
.sec3 .content {position:unset; padding:var(--spacing-lg) 6vw; width:100%;}
.sec3 .cnt-title {width:100%; color:var(--color-dark);}
.sec3 .cnt-title h2 {width:100%; line-height:1.3; color:var(--color-darkgreen);}
.sec3 .cnt-title h2 span {color:var(--color-darkgreen);}
.sec3 .cnt-title p {width:100%; font-size:var(--font-body); color:var(--font-DARK);}
.sec3 .content ul {display:flex; gap:8vw; flex-direction:row; flex-wrap:wrap; align-items:baseline; justify-content:left;}
.sec3 .content ul li {width:45% !important;}
.sec3 .content ul ._l1 {border-left:none; padding-left:0; height:auto;}
.sec3 .content ul h3 {color:var(--color-darkgreen); font-size:calc(var(--font-body) * 1.3);}
.sec3 .content p {color:var(--color-dark); font-size:var(--font-body);}
.sec4 {padding:var(--spacing-md) 6vw;}
.sec4 .content .cnt-banner {margin-bottom:var(--spacing-sm);}
.sec4 .cnt-title {width:100%; margin-bottom:var(--spacing-md); text-align:left;}
.sec4 .content ul {width:100%; display:flex; gap:0; flex-direction:row; flex-wrap:wrap; align-items:baseline; justify-content:left;}
.sec4 .content ul li {width:50%; padding:5vw 2vw;}
.sec4 .content ul li img {width:10vw; margin-bottom:1.5vw; text-align:center; margin-left:auto; margin-right:auto; position:absolute; left:0;}
.sec4 .content ul ._l1 {padding-left:12vw; height:auto; text-align:left;}
.sec5 {padding:var(--spacing-lg) 0;}
.sec5 .cnt-title {padding:0 6vw;}
.sec5 .cnt-title h2 {width:100%;}
.sec5 .cnt-title p {width:100%; padding-left:0;}
.sec5 .hr-slider .cnt-slide .ver-line {display:none;}
.sec5 .hr-slider .cnt-slide {padding:var(--spacing-sm) 6vw 0 6vw; min-height:unset;}
.sec5 .hr-slider .desc {margin-bottom:0;}
.sec5 .slick-dots li {width:20%;}
.sec5 .slick-dots {padding-left:6vw; padding-right:6vw;}
.sec5 .slick-prev, .sec5 .slick-next {top:calc(50% + -17.5vw) !important;}
.sec6 .cnt-img {width:100%; display:flex; flex-direction:column; gap:6vw;}
.sec6 .cnt-desc {width:100%; margin-left:0; padding:0 6vw; padding-bottom:var(--spacing-md);}
.sec6 .cnt-bottom img {width:35%;}
.sec6 .img-moringa {width:40%;}
.sec7 {padding:0 6vw;}
.sec7 .cnt-img {width:100%;}
.sec7 h2 {margin-bottom:var(--spacing-md);}
.sec7 .cnt-row {flex-direction:column; gap:6vw;}
.sec7 .cnt-row .cnt-slider {order:2;}
.sec7 .cnt-row .cnt-desc {order:1;}
.sec7 .cnt-desc img {width:35%; margin-bottom:var(--spacing-sm);}
.sec7 .cnt-slider {width:100%;}
.slick-prev, .slick-next {top:calc(50% - 3.5vw) !important;}
.slick-next {right:unset; left:calc(100% - 10vw);}
.slick-prev {left:calc(0% + 3vw);}
.slick-next:before, .slick-prev:before {width:7vw; height:7vw; background-size:100%; background-repeat:no-repeat; background-position:center; color:#fff;}
.slick-next:before {background-image:url(../img/marum-estate/right-chevron-w.svg) !important;}
.slick-prev:before {background-image:url(../img/marum-estate/left-chevron-w.svg) !important;}
.slick-dots {bottom:-30px;}
.sec7 .slick-dots li {width:50%;}
.slick-dots li button {width:100%;}
.slick-dots li button:before {width:100%; content:""; border-top:1px solid; color:#d0d0d0 !important;}
.sec8 .prlx-inner {padding:25vw 0;}
.sec8 .content {position:unset; display:flex; flex-direction:column; gap:var(--spacing-md); width:100%; justify-content:center; align-items:center; padding-left:6vw; padding-right:6vw;}
.sec8 .content .col1, .sec8 .content .col2 {display:flex; flex-direction:column; gap:6vw;}
.sec8 .content .col1 {width:55%;}
.sec8 .content .col2 {width:100%;}
.sec8 .content ul {order:2;}
.sec8 .content h3 {order:1;}
}