/*----------intial declartaion of css----------*/
@-ms-viewport { width: device-width!important; }
html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
*{ margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button, html input, textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; border-radius: 0px; -webkit-border-radius: 0px; }
:focus { outline: 0; }
ol, ul { margin: 0; }
li {font-size: 1.8rem; list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
.none { display: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.clear { clear: both; }
img { max-width: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf {*zoom: 1;}
::selection { background: #2F6E7E; color: #fff; }
::-moz-selection {background: #2F6E7E;color: #fff;}

@font-face {
    font-family: 'Century751 BT';
    src: url('../fonts/Century751BT-RomanB.woff2') format('woff2'),
        url('../fonts/Century751BT-RomanB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


html{font-size: 62.5%;}
body { font-family: 'Montserrat'; font-weight: normal; line-height: 1.2; font-size: 1.8rem;/*overflow: hidden !important;*/ }
p { font-family: 'Montserrat'; font-weight: normal; line-height: 1.5; font-size: 1.8rem; color: #6c6c6c; margin-bottom: 25px;  }
h1 {font-size: 6.5rem; font-family: 'Century751 BT'; font-weight: normal; color: #2F6E7E; margin-bottom: 20px; }
h2{ font-size: 6.5rem; font-family: 'Century751 BT'; font-weight: normal; color: #2F6E7E; margin-bottom: 20px; }
h3{ font-size: 4.0rem; font-family: 'Century751 BT'; font-weight: normal; color: #2F6E7E; margin-bottom: 20px; }
h4{ font-size: 2.4rem; font-family: 'Century751 BT'; font-weight: normal; color: #2F6E7E; margin-bottom: 20px; }
h5{ font-size: 1.8rem; font-family: 'Montserrat'; font-weight: normal; color: #2F6E7E; margin-bottom: 20px; }
h6{ font-size: 1.6rem; font-family: 'Montserrat'; font-weight: normal; color: #2F6E7E; margin-bottom: 20px; }


a {text-decoration: none; color: inherit; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
a:hover { text-decoration: none; outline: none; color: #9EA692 ;}
.container { max-width: 1530px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

/*.menu-open .wrapper{overflow: hidden !important;}*/
body.menu-open {overflow: hidden !important;}
.wrapper{    transition: 1.2s ease-in-out;
    transform-origin: 50% 100%;
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: clip;
    transform: none;}
/*.menu-open .wrapper{transform: translate(0px, 100%) scale(1, 1);}*/
/*.sticky.menu-open .wrapper{transform: translate(0px, 55em) scale(1, 1);}*/

.btn {display: inline-block; font-size: 1.8rem; padding: 23px 25px; color: #2F6E7E; width: 235px; margin: 0 auto; background: rgba(255, 255, 255, 0.7); overflow: hidden; z-index: 11; line-height: 1; font-style: normal; transition: all 0.4s ease-in-out; font-family: 'Montserrat'; font-weight: normal; border-radius: 50px; position: relative; text-align: center;}
/*.btn:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; background: url(../images/plus-icon.svg); z-index: -1; background-size: 15px; height: 15px; width: 15px; }*/
.btn:hover { color: #2F6E7E; background: #fff;}
.btn.focus, .btn:focus {outline: none; box-shadow: none;}


.android-fb,.ios-fb,.mo-ic,.android .desk-ic,.ios .desk-ic{display: none !important;}
.android .android-fb,.ios .ios-fb,.android .mo-ic,.ios .mo-ic{display: block !important;}

/*************************** header style start here ***************************/
/*.checked {overflow: hidden;}*/
.site-header{position:fixed; top:0; left:0; width:100%; z-index:999; padding:15px 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; background: rgba(255, 255, 255, 0.2);  z-index: 1111; backdrop-filter: blur(18px); object-fit: fill; }
.site-header.sticky { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);  }

.mirror-wrapper {position: absolute;top: 0;left: 0;overflow: hidden;z-index:1;}
.mirror-image {width: 100%;height: 100%; transform: scaleY(-1);opacity: 0.1;background-size: cover; background-position: center;object-fit: cover; display: block; filter: blur(1px); }

.site-header .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center;max-width: 1330px; }
.header-logo { width: 180px;transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; position: relative; z-index: 1;}
.header-logo .color-logo {display: none;}
.header-logo a{display: inline-block;}
.header-logo img {width: 100%;}
.header-logo.dark-icons .white-logo {display: none;}
.header-logo.dark-icons .color-logo {display: inline-block;}
/*.site-header.sticky .header-logo{ width: 150px;}*/
/*************************** menu style start here ***************************/
.menu-icon{display:flex; align-items: center;font-size:0;width:auto; height:auto;position:fixed;right:15px;top:44px; transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:11111;}
.menu-icon .menu-box{width: 45px; height: 25px; margin-right: 0; padding: 5px; position: absolute; right: 0; cursor: pointer;}
.menu-icon.active .menu-box {border: 1px solid rgba(255,255,255,0.4); border-radius: 50%;width: 40px; height: 40px;margin-right: 0; padding: 9px 3px 10px 9px;}
.menu-icon .menu-box span{width:100%;height:1px;margin-bottom:6px;background:#fff;display:block;transition:all 1s;-webkit-transition:all 1s}
.menu-icon .menu-box span:nth-child(2) {margin-bottom: 0;}

.menu-icon.active span:nth-child(2) { transform: rotate(-45deg) translateY(0px) translateX(-4px); -webkit-transform: rotate(-45deg) translateY(0px) translateX(-4px); -moz-transform: rotate(-45deg) translateY(0px) translateX(-4px); -ms-transform: rotate(-45deg) translateY(0px) translateX(-4px); }
.menu-icon.active span:nth-child(1) { transform: rotate(45deg) translateY(9px) translateX(5px); -webkit-transform: rotate(45deg) translateY(9px) translateX(5px); -moz-transform: rotate(45deg) translateY(9px) translateX(5px); -ms-transform: rotate(45deg) translateY(9px) translateX(5px); }
.menu-icon span:nth-child(3) { display: none;}

.menu-icon.dark-icons span {background: #2F6E7E;}
.menu-icon.dark-icons.active span {background: #fff;}

.enumenu_ul {
    display: block !important;
    position: fixed;
    z-index: 11;
    left: 0;
    top: -100vh;
    width: 100%;
    height: 100vh;
    background: #2F6E7E;
    padding: 50px;
    transition: 0.6s ease-in-out;
}
.menu-open .enumenu_ul {
    top: 0;
}
.enumenu_ul:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/menu-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.1; }
.desktop-nav { height: 100%; display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: space-between;}
.menu{margin:0;position: relative; z-index: 1;}
.menu > li{list-style:none;display:block;vertical-align:middle;position:relative;padding: 10px 20px;}
.menu li a{ font-family: 'Century751 BT'; font-weight: normal;color: #fff; font-style: normal; font-size: 4.0rem; position: relative;  }
.menu li a:hover{color: #9EA692 ;}

.menu-logo {text-align: center; width: 100%;}
.menu-logo a {width: auto; display: inline-block;}
.menu-logo img {max-width: 150px; margin: 0 auto;}

.social-link {position: absolute; top: 30px; left: 20px; width: auto; z-index: 11;}
.social-link ul {margin: 0; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.social-link ul li{list-style: none; font-size: 1.6rem; color: #fff; margin-right: 20px; position: relative; font-weight: 300;}
.social-link ul li:after {content: ""; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 10px; height: 1px; background: #fff;}
.social-link ul li:first-child:after{display: none;}
.social-link.dark-icons ul li { color: #2F6E7E; }
.social-link.dark-icons ul li:after { background: #2F6E7E; }
.social-link .mobile { display: none; }


.bottom-media {position: static; bottom: 20px; left: 0; right: 0; width: 100%; padding: 5px 20px 0; z-index: 1;}
.bottom-media ul {margin: 0; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between; align-items: center; }
.bottom-media ul li{list-style: none; font-size: 1.8rem; color: #fff; }

.nav {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
/*************************** header style end here ***************************/

/*************************** banner style start here ***************************/
.banner { width: 100%; text-align: center; position: relative; z-index: 111;}
.banner-slider video { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-height: 100%; max-width: 100%; }
.banner-slider iframe { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-height: 100%; max-width: 100%; }
.background-image { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items:center; height: 100vh; z-index: 1; padding-top: 70px;}
.background-image:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(47,110,126,0.4); z-index: 1; }

.banner-details { text-align: center; z-index: 2; position: relative; max-width: 1050px; margin: 0 auto 15px;}
.banner-details h1 { color: #fff; margin-bottom: 40px; font-size: 9.0rem;}
.banner-details h5 {color: #fff;}
.banner-details h1 span {color: #2F6E7E;}
.banner .btn { position: fixed; bottom: 20px; left: 0;right: 0;margin: 0 auto;}

.banner-details .btn { background-color: rgba(255,255,255,0.3); color: #fff; }
.banner-details .btn.scrolled { background-color: rgba(255,255,255,0.9); color: #2F6E7E; }
/*----------Banner section css end here ----------*/

.body-section {width: 100%; text-align: center; padding: 80px 0; background: #9EA692;}
.body-content {max-width: 1190px; width: 100%; margin: 0 auto;}
.body-content h1 {color: #fff; }
.body-section h1 br {display: none;}
.body-content p {color: #fff; font-size: 2.0rem; }
.body-btn {display: inline-block; color: #fff; background-image: url(../images/button-bg.svg); background-size: contain; background-repeat: no-repeat; background-position: center; padding: 29px 60px;  position: relative; font-size: 1.8rem;}
.body-btn:hover {color: #2F6E7E;}
.body-icon { width: 100%; margin-bottom: 20px; text-align: center;}
.body-icon img {max-width: 80px; margin: 0 auto;}

.body-section.second-body { background: #2F6E7E; }
.body-section.second-body h1 {color: #f0f1e9;}

.body-section.second-body p {color: #f0f1e9;}
.body-section.second-body .body-btn {color: #f0f1e9;background-image: url(../images/cream-button-bg.svg);}
.body-section.second-body .body-btn:hover { color: #9EA692;}
.second-body .footer-cnt-dtl { padding-top: 25px; }
.second-body .footer-cnt-blc { margin-bottom: 0; }

.expend-text {display: none;}


.greyscale-map { width: 100%;padding: 200px; }
.map-icon { border-radius: 50%; }
.map-sec { height: 500px; border-radius: 10px; overflow: hidden;}
.form-sec { width: 100%; background: #9EA692; padding: 60px 0; }
.form-sec .col-lg-10 { text-align: center; }
.form-sec.col-lg-8 { max-width: 1024px; margin: 0 auto; }
.btn-wrap { padding-top: 25px; }

.menu-section {width: 100%; text-align: center; padding: 80px 0; background: #fff; position: relative;z-index: 1;}
.menu-section:after { background: url(../images/gallery-slider-bg.jpg); content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1;}
.menu-section-cnt { margin-bottom: 80px;}
.menu-block { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -15px;}


.white-heron-gallery {width: 100%; text-align: center; padding: 80px 0; background: #fff; position: relative;z-index: 1; }
.white-heron-gallery:after {background: url(../images/gallery-background-image.png); content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; background-size: contain; background-position: center top; background-repeat: no-repeat; z-index: -1; }
.gallery-block{ display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; }
.left-gallery {width: 50%; padding: 0 15px; /*display: flex; justify-content: center; */ }
.left-gallery-img {width: 100%; margin-bottom: 30px; border-radius: 20px; overflow: hidden; position: sticky; top: 83px;line-height: 0.7;}
.left-gallery img {width: 100%;border-radius: 20px;}
.right-gallery {width: 40%; padding: 0 15px; display: flex; flex-wrap: wrap; justify-content: center;}
.right-gallery-img {width: 40%; margin-bottom: 30px; overflow: hidden;border-radius: 20px; line-height: 0.7; display: flex;  flex-direction: column; justify-content: flex-end; }
.right-gallery-img:nth-child(even) {width: 70%; }
.right-gallery img {width: 100%;border-radius: 20px;}
/*.left-gallery-img { display: flex; flex-direction: column; justify-content: center; }*/




.menu-section .owl-carousel { position: relative; }
.menu-section .carousel-wrap {margin: 90px auto; padding: 0 5%;width: 80%;position: relative;}        
.menu-section .owl-carousel .item {position: relative;z-index: 100;-webkit-backface-visibility: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%;border-radius: 20px; width: 100%;background-color: #2F6E7E;}
.menu-section .owl-carousel .item:hover {background-color: #9EA692; filter: grayscale(1);}
.menu-section .owl-carousel .item img { width: 100%; height: auto; border-radius: 15px; }
.menu-section .owl-nav { position: absolute; top: calc(50%); transform: translateY(-50%); width: 100%; margin-top: -24px; }
.menu-section .owl-carousel .owl-stage-outer {overflow: visible;}        
.menu-section .owl-nav > div { position: absolute;top: 50%;color: #cdcbcd;}
.menu-section .owl-nav div { background-color: #000; color: #fff; cursor: pointer; border: none; border-radius: .75rem; justify-content: center; align-items: center; width: 44px; height: 42px; transition: all .3s cubic-bezier(.645,.045,.355,1); display: flex; }
.menu-section .owl-nav div:hover {background: }
        
.menu-section .owl-nav .owl-next { right: -27px; position: absolute; background:#2F6E7E url(../images/right-arrow.svg); background-size: 16px; background-repeat: no-repeat; background-position: center center;  font-size: 0;  }
.menu-section .owl-nav span { display: none; }
.menu-section .owl-nav .owl-prev {left: -28px; position: absolute; background:#2F6E7E url(../images/left-arrow.svg);background-size: 16px; background-repeat: no-repeat; background-position: center center; font-size: 0;  }
.menu-section .owl-stage { display: flex; }
.menu-section .owl-nav .owl-prev:hover, .menu-section .owl-nav .owl-next:hover{background-color: #9EA692;}
.menu-section .body-btn{position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.menu-section .body-btn:hover {color: #fff;}


.gallery-slider { overflow: hidden; text-align: center; position: relative; z-index: 1; padding: 80px 0; width: 100%; background: #fff; }  
.gallery-slider:after { background: url(../images/gallery-slider-bg.jpg); content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: -1;}
.gallery-slider-cnt { margin-bottom: 80px;}
.gallery-slider .owl-carousel { position: relative; }
.gallery-slider .carousel-wrap {margin: 90px auto; padding: 0 5%;width: 80%;position: relative;}        
.gallery-slider .owl-carousel .item {position: relative;z-index: 100;-webkit-backface-visibility: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%;border-radius: 20px; width: 100%; background-color: #2F6E7E;}
.gallery-slider .owl-carousel .item img { width: 100%; height: auto; border-radius: 15px; }
.gallery-slider .owl-nav { position: absolute; top: calc(50%); transform: translateY(-50%); width: 100%; margin-top: -24px; }
.gallery-slider .owl-carousel .owl-stage-outer {overflow: visible;}        
.gallery-slider .owl-nav > div { position: absolute;top: 50%;color: #cdcbcd;}
.gallery-slider .owl-nav div { background-color: #000; color: #fff; cursor: pointer; border: none; border-radius: .75rem; justify-content: center; align-items: center; width: 44px; height: 42px; transition: all .3s cubic-bezier(.645,.045,.355,1); display: flex; }
.gallery-slider .owl-nav div:hover {background: }
        
.gallery-slider .owl-nav .owl-next { right: -27px; position: absolute; background:#2F6E7E url(../images/right-arrow.svg); background-size: 16px; background-repeat: no-repeat; background-position: center center;  font-size: 0;  }
.gallery-slider .owl-nav span { display: none; }
.gallery-slider .owl-nav .owl-prev {left: -28px; position: absolute; background:#2F6E7E url(../images/left-arrow.svg);background-size: 16px; background-repeat: no-repeat; background-position: center center; font-size: 0;  }
.gallery-slider .owl-stage { display: flex; }
.gallery-slider .owl-nav .owl-prev:hover, .gallery-slider .owl-nav .owl-next:hover{background-color: #9EA692;}
.gallery-slider .body-btn{position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;width: 290px;}
.gallery-slider .body-btn:hover {color: #9EA692;}

.section-cta { background-color: #fff; width: 100%; padding: 200px; position: relative; overflow: hidden;}
.section-cta video { object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-height: 100%; max-width: 100%; transform: rotateY(180deg); opacity: .05; filter: grayscale(1); }
.section-cta h2 {color: #fff;}
.section-cta h2 br {display: none;}
.cta-component { width: 100%; display: flex; justify-content: space-between; align-items: center; background: #9EA692;  padding: 120px 20px 125px; border-radius: 10px; overflow: hidden; flex-wrap: wrap; position: relative;}
.btn.cta { width: auto; padding: 10px 20px; font-size: 1.6rem; border-radius: 4px; background: #fff; margin-top: 30px;}
.btn.cta:after {display: none; }
.btn.cta div {display: inline-block; vertical-align: middle; }
.btn.cta .icon {width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
.cta-content {width: 100%; text-align: center; }
.cta-image {width: 40%; padding-left: 20px; text-align: right;}

.scroll-button { height: 100%;position: absolute; width: 100%; left: 0; right: 0;text-align: center;  
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);  
  -moz-animation: my-animation 5s linear infinite;
  -webkit-animation: my-animation 5s linear infinite;
  animation: my-animation 5s linear infinite;    
}
.cta-component:hover .scroll-button {position: static;-moz-transform: translateY(0%);-webkit-transform: translateY(0%); transform: translateY(0%);-moz-animation: none;-webkit-animation:  none; animation:  none;}

.mood-for-food-btn {color: #9EA692;}
.mood-for-food-btn:hover {color: #9EA692;}

@keyframes my-animation {
  from {
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}


.parallax-section {width: 100%; }
.parallax-block-1, .parallax-block-2, .parallax-block-3 {width: 100%; height: 500px; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; }
/*---------- footer section css start here ----------*/
footer {width: 100%;}
.footer-main { width: 100%; text-align: center; background: #fff; padding: 100px 0 0; background-size: cover !important; background-repeat: no-repeat;background-position: center center !important; position: relative;}
.footer-main:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 450px; background: #2F6E7E;  }
.footer-main:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/footer-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.15;}

.footer-image {width: 100%; background-size: 100% !important; background-repeat: no-repeat !important; background-position:top center !important; min-height: 700px; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; align-items: flex-end; justify-content: center; position: relative;padding-bottom: 50px; }
.footer-image:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;     background: #fff;
    opacity: 0; /*mix-blend-mode: multiply;*/  }

.footer-design-image {width: calc(100% + 10px);
    top: -2px;
    left: -5px;
    position: absolute;
    z-index: 1;}
.ft-mob {display: none;}

footer .container {position: relative; z-index: 11;}
.footer-logo { padding-bottom: 60px; }
.footer-logo a { max-width: 300px; display: inline-block; width: 100%;}
.footer-logo img {width: 100%;}

.footer-cnt { width: 100%; position: relative; z-index: 1;} 
.footer-cnt-dtl {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap; margin: 0 -15px; justify-content: center;}
.footer-cnt-blc {width: auto; padding: 0 15px; margin-bottom: 15px; width: 30%;}
.footer-cnt-blc h4 {color: #fff; }
.footer-cnt-blc ul {margin: 0; width: auto;}
.footer-cnt-blc ul li {list-style: none; text-align: center; color: #fff; margin-bottom: 10px; }

.foooter-bottom {width: 100%; padding: 30px 30px 110px 30px; position: relative; z-index: 1; }
.footer-list {width: 100%; text-align: center;}
.footer-list ul {margin: 0; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.footer-list ul li {font-size: 1.6rem; color: #2F6E7E; padding: 0 9px 0 10px; position: relative; }
.footer-list ul li:after {content: ""; position: absolute; top: 3px; left: 0; background: #2F6E7E; height: 14px; width: 1px;}
.footer-list ul li:first-child:after{display: none;}
.form-sec iframe { height: 585px !important; }
.form-sec.private-event iframe { height: 1370px !important; }
.form {  max-width: 700px; margin: 0 auto; text-align: center; }
.form-sec h2 { position: relative; color: #fff; font-family: 'Century751 BT';  }
.form-sec p { color: #fff; margin-bottom: 57px; }
.form-sec p a:hover { color: #2F6E7E;}
/*
.form-sec h2:after { content: ""; width: 90px; height: 2px; background-color: #fff;
    position: absolute; bottom: 0%;  left: 0; right: 0; margin: 0 auto; }
*/

/*.right-gallery-img, .left-gallery-img { position: relative; }*/
.right-gallery-img .btn, .left-gallery-img .btn { position: absolute; z-index: 1; left: 0; right: 0; margin: 0 auto;top: 50%;transform: translateY(-50%); }

/*---------- footer section css end here ----------*/
.fb-android, .fb-ios, .mo-link { display:none !important; }
.ios .fb-ios, .ios .mo-link { display: inline-block !important; }
.android .fb-android, .android .mo-link { display: inline-block !important; }
.ios .desktop, .android .desktop { display: none !important; }
.android .fb-android, .android .mo-link { display: flex !important; }

/*---------- comman  css end here ----------*/

/* Fullscreen Loader */
.loader-logo { position: absolute; top: 30px;width: 250px;}
.loader-wrapper { position: fixed; width: 100%; height: 100vh; background: #9EA692; display: flex; align-items: center; justify-content: center; z-index: 111111111; overflow: hidden; top: 0; left: 0; }
.slider-container { width: 250px;height: 300px; position: relative; }

.slider-container img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: zoomSlide 1.5s ease-in-out forwards;}
.slider-container img:nth-child(2) {animation-delay: 1.5s;}
.slider-container img:nth-child(3) {animation-delay: 3s;}
/*
.slider-container img:nth-child(3) {
  animation: zoomPauseZoom 3s ease-in-out forwards;
  animation-delay: 3s;
}
*/

@keyframes zoomSlide {
  0% {
    opacity: 1;
    transform: scale(0);
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/*
@keyframes zoomPauseZoom {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  60% {
    transform: scale(1);
    opacity: 1;
  }
  
  100% {
    transform: scale(8);
    opacity: 1;
  }
}
*/

/* Hide loader after animation */
.loader-wrapper.fade-out {animation: fadeOut 1s forwards;}

@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

.wrapper.show { display: flex; flex-wrap: wrap; }
.loader-wrapper.slide-up { animation: slideUp 1s ease forwards; height: 0; }

@keyframes slideUp {
  0% {    
      height: 100vh;
      top: 0;
  }
  100% {    
    height: 100vh;
    top: -100vh;
  }
}

.mfp-bg { z-index: 104212; }
.mfp-wrap { z-index: 104312; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


.white-heron-gallery {
    padding: 50px 0;
    background-color: #f5f5f5;
    position: relative;
}

.gallery-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    justify-content: flex-start;
}

.left-gallery {
    width: 30%;
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 50px; /* Adjust top position as per your requirement */
    z-index: 10;
}

.left-gallery-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.right-gallery {
    width: 65%;
    overflow: hidden; /* Prevent outer scroll bar */
}

.right-gallery-inner {
    overflow-y: scroll; /* Scroll only within this container */
    height: 80vh; /* Limit the height of the scrollable area */
    scroll-behavior: smooth; /* Smooth scroll effect */
    padding-right: 10px; /* Add a little space if you want for the scroll */
}

.right-gallery-img {
    margin-bottom: 20px;
    transition: transform 0.3s ease-out;
}

.right-gallery-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Optional hover effect */
.right-gallery-img:hover {
    transform: scale(1.05);
}


.popup-block {width: 33.3%; padding: 0 15px; margin-bottom: 28px; position: relative; text-align: center; overflow: hidden;}
.popup-image-block {height: 430px; width: 100%; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;transition: all 0.4s ease-in-out; border-radius: 20px; overflow: hidden; position: relative;}
.popup-image-block:after {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #2F6E7E; opacity: 0;transition: all 0.4s ease-in-out; }
.popup-image-block:hover:after {opacity: 0.4;}
/*
.popup-block .btn {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; opacity: 0; visibility: hidden;}
.popup-block:hover .btn { opacity: 1; visibility: visible;}
*/
/*.popup-block:hover .popup-image-block {transform: scale(1.2);}*/
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer !important;}
.mfp-title, .mfp-counter {font-size: 1.8rem; color: #F3F3F3;}