.banner-area{z-index:1;position:relative;min-height:80vh;background-position:center;background-size:cover; padding-bottom: 30px;}
.banner-area::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top, rgb(0 0 0 / 40%), transparent);}
.banner .owl-nav{width:100%;margin:0;transition:all ease-in-out .3s;position: absolute;top:50%;transform:translateY(-50%);}
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{ position:absolute; display:inline-block; vertical-align:middle; cursor:pointer; -webkit-transition:all .4s ease; transition:all .4s ease; color:#888; width:45px; height:45px; line-height:45px; text-align:center; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:9; transition:all .4s ease; margin:0; padding:0; font-size:14px; font-weight:600; opacity:.8; border:2px solid rgba(255, 255, 255, 0.4)!important; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.banner-area:hover .owl-nav .owl-next,.banner-area:hover .owl-nav .owl-prev{opacity:1;width:48px;}
.banner .owl-nav .owl-next:hover,.banner .owl-nav .owl-prev:hover{opacity: 1;}
.banner .owl-nav .owl-next{right:5px;background:url(images/right.svg) no-repeat center center rgba(255,255,255,0.5)!important;}
.banner .owl-nav .owl-prev{left:5px;background:url(images/left.svg) no-repeat center center rgba(255,255,255,0.5)!important;}
.banner .owl-nav .owl-next:hover{right:8px;background:url(images/right.svg) no-repeat center center rgba(255,255,255,0.8);}
.banner .owl-nav .owl-prev:hover{left:8px;background:url(images/left.svg) no-repeat center center rgba(255,255,255,0.8);}
.banner .owl-nav .owl-next i,.banner .owl-nav .owl-prev i{font-size:20px;line-height:26px;font-weight:600;position:relative;top:2px;}
@media(max-width:991px){
.banner .owl-nav{margin:0;transition:all ease-in-out .3s;position: absolute;bottom:50%;left:0;width: 100%;}
.banner .owl-nav .owl-next{left:auto;right:5px;}
.banner .owl-nav .owl-prev{left:5px;}
}
@media(max-width:575px){
.banner .owl-nav .owl-next,.banner .owl-nav .owl-prev{width:32px;height:32px;line-height:32px;background-size:20px!important;}
.banner-area:hover .owl-nav .owl-next,.banner-area:hover .owl-nav .owl-prev{opacity:1;width:34px;}
}

.banner-content{max-width: 700px;display: flex;flex-flow: column;justify-content: center;margin: 0 auto 30px;text-align: center;color: #fff;}
/* .banner-content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} */
.banner-content .hedu{font-size: 48px;margin-bottom: 10px;line-height: 1.3;font-weight: 700;text-transform: uppercase;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);}
.banner-content .hedu{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner .active .banner-content .hedu{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.7s;animation-delay:.7s}

.banner-content .subio{font-size: 32px;line-height: 1.4;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);font-weight: 400;}
.banner-content .subio{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner .active .banner-content .subio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.8s;animation-delay:.8s}

.banner-content .citio{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
.banner .active .banner-content .citio{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.9s;animation-delay:.9s}

@media only screen and (max-width:1199px) {
.banner-area{overflow:hidden;min-height:78vh;}
.banner-content .hedu{font-size:40px;}
.banner-content .subio{font-size:18px}
.banner-content img{display: none;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.banner-area{overflow:hidden;min-height:70vh;}
.banner-content{max-width:310px;}
.banner-content .hedu{font-size:34px;}
}
@media only screen and (max-width:991px) {
.banner-area{padding-top:0;padding-bottom:4%;min-height:70vh;}
.banner-content{width:100%;max-width:90%;text-align: center;}
}
@media only screen and (max-width:767px) {
.banner-area{overflow:hidden;min-height:70vh;background-position: center;padding-bottom:3%;}
.banner-content{width:100%;max-width:100%;margin:0 auto;text-align:center;}
.banner-content .hedu{font-size:28px;margin-bottom:10px;}
.banner-content .subio{margin-bottom:5px}
.banner .banner-content .citio .main-btn{padding:5px 10px;}
}
@media only screen and (max-width:575px) {
.banner-area{min-height:64vh;}
.banner-content{padding:8px;}
/* .banner-content{background:rgba(0,0,0,.1);padding:8px;} */
.banner-content .hedu{font-size:24px;margin-bottom:10px;}
.banner-content .subio{margin-bottom:5px}
}

.topright::before,.bottomleft::before{position:absolute;content:'';pointer-events: none;z-index:1;}
.topright::before{width:0;height:0;top:0;right:0;border-top:30px solid var(--main-color);border-left:30px solid transparent;}
.bottomleft::before{width:0;height:0;bottom:0;left:0;border-bottom:30px solid var(--main-color);border-right:30px solid transparent;}

/* Booking */
.booking-wrapper .form-control{box-shadow:none;border: 1px solid rgb(203 203 203 / 44%);border-radius:1px;color:var(--mainColor3)!important}
.booking-wrapper .form-control::placeholder{color:#acacac!important}
.booking-wrapper .form-control::-moz-placeholder{color:#acacac!important}
.booking-wrapper .form-control::-webkit-placeholder{color:#acacac!important}
.booking-wrapper .form-control::-webkit-input-placeholder{color:#acacac!important}

.booking-wrapper input[type="text"],.booking-wrapper input[type="tel"],.booking-wrapper input[type="email"],.booking-wrapper select{height: 50px;font-weight: normal;color: #acacac !important;font-size: 15px;background: #fff;}
.booking-wrapper .dropdown-menu{width: 100%;min-width:400px;border-radius:0;padding:0;}
.booking-wrapper .dropdown-menu .form-control{border:1px solid #ccc;}
.booking-wrapper label{font-weight:normal!important;color:#333;margin:0;font-size:13px;}
.booking-wrapper .dropdown-menu li .btn{color:#ed2a2a;background:#fff;border:1px solid #ddd;box-shadow:none;font-size:15px;border-radius:1px;font-size:20px;padding:0;width:30px;height:30px;line-height:22px;display:inline-block;padding-bottom: 4px;}
.booking-wrapper .dropdown-menu li .btn:hover,.booking-wrapper .dropdown-menu li .btn:focus,.booking-wrapper .dropdown-menu li .btn:active{color:#333!important;}
.booking-wrapper .dropdown-menu li .form-group.thelast{border:0;margin-bottom:0;padding-bottom:0;}
.booking-wrapper .dropdown-menu li .form-control{font-weight:normal;color:#333;height:36px;}
.booking-wrapper .dropdown-menu li .transs{width:30px;padding:4px;cursor:pointer;text-align:center;font-size:20px;cursor:none;}
.booking-wrapper .dropdown-menu li .transs:focus{outline:none!important;cursor:none!important;}
.booking-wrapper .dropdown-menu li .transs,.booking-wrapper .dropdown-menu li .transs:focus,.booking-wrapper .dropdown-menu li .transs:active,.booking-wrapper .dropdown-menu li .transs:hover{border:none;box-shadow:none;}

@media(max-width:767px) {
.booking-wrapper .dropdown-menu{min-width: auto;}
}
.before-sec .chev-right{position: absolute;top: 50%;right: -15px;width: 35px;height: 35px;line-height: 35px;display: block;transform: translateY(-50%);background: #fff;text-align: center;color: var(--main-color3);border-radius: 50%;font-size: 18px;opacity: .9;}
.before-sec .icon-log{position: absolute;top: 10px;right: 30px;opacity: .5;}

@media(min-width:768px) and (max-width:991px){.w-100-md{width:100% !important;}}

.hostwithus::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;background: linear-gradient(180deg,rgba(5, 33, 58,0) 0%,rgba(5, 33, 58, 0.7) 80%,#05213a 100%);pointer-events: none;z-index:1;}
.hostwithus .content{position:absolute;left:0;bottom:0;}

@media(min-width:991px){
.durhatt{position:absolute;right:0;}
}
.flt-btn{display: none !important;}
.iconmona{width:70px;height:70px;border-radius:50px;border:2px solid #ffc107;margin:0 auto;padding:5px;line-height:56px;margin-bottom:10px;}

/* WP */
.blantershow-chat2{display:none;opacity:0;}
#whatsapp-chat{box-sizing:border-box!important;outline:none!important;position:fixed;width:350px;border-radius:10px;box-shadow:0 1px 15px rgba(32,33,36,0.28);bottom:150px;left:20px;overflow:hidden;z-index:99;animation-name:showchat;animation-duration:1s;transform:scale(1)}
a.blantershow-chat{background:#fff;color:#404040;position:fixed;display:flex;justify-content:space-between;z-index:98;bottom:95px;left:25px;right:auto;font-size:15px;padding:10px 20px;border-radius:30px;box-shadow:0 1px 15px rgba(32,33,36,0.28);visibility: hidden;left:-50%;transition:all ease-in-out 2s;transform:scaleX(.2)}
.blantershow-chat.slide-clip{visibility: visible;left:15px;opacity:1;transform:scaleX(1)}
a.blantershow-chat svg{transform:scale(1.2);margin:0 10px 0 0}
.whatsapp-chat-header{background:#009688;background:#095e54;color:#fff;padding:10px;display: table;width: 100%;}
.whatsapp-chat-header h3{margin:0 0 10px}
.whatsapp-chat-header p{font-size:14px;line-height:1.7;margin:-10px}
.whatsapp-chat-header .whatsapp-chat-name{font-size:16px;font-weight:500;padding-bottom:0;margin-bottom:0;line-height:.5}
.whatsapp-chat-avatar{position:relative}
.whatsapp-chat-avatar::after{content:"";bottom:0;right:0;width:12px;height:12px;box-sizing:border-box;background-color:#4ad504;display:block;position:relative;z-index:1;border-radius:50%;border:2px solid #095e54;left:40px;top:38px}
.whatsapp-chat-avatar img{border-radius:100%;width:50px;float:left;margin:0 10px 0 0}
.info-chat span{display:block}
#get-label,span.chat-label{font-size:12px;color:#888}
#get-nama,span.chat-nama{margin:5px 0 0;font-size:15px;font-weight:700;color:#222}
#get-label,#get-nama{color:#fff}
span.my-number{display:none}
textarea#chat-input{border:none;width:100%;height:50px;outline:none;resize:none;padding:10px;font-size:14px}
a#send-it{font-weight:500;background:#fff;padding-right: 8px;}
a#send-it svg{fill:#a6a6a6;height:20px;width:20px}
.first-msg{background:transparent;padding:30px;text-align:center}
.first-msg span{background:#e2e2e2;color:#333;font-size:14.2px;line-height:1.3;border-radius:10px;padding:15px 20px;display:inline-block}
.start-chat .blanter-msg{display:flex;align-items:center;background:#fff;}
#get-number{display:none}
a.close-chat{position:absolute;top:5px;right:15px;color:#fff;font-size:30px}
@keyframes ZpjSY {
0%{background-color:#b6b5ba}
15%{background-color:#111}
25%{background-color:#b6b5ba}
}
@keyframes hPhMsj {
15%{background-color:#b6b5ba}
25%{background-color:#111}
35%{background-color:#b6b5ba}
}
@keyframes iUMejp {
25%{background-color:#b6b5ba}
35%{background-color:#111}
45%{background-color:#b6b5ba}
}
@keyframes showhide {
from{transform:scale(0.5);opacity:0}
}
@keyframes showchat {
from{transform:scale(0);opacity:0}
}
@media screen and (max-width: 767px) {
    a.blantershow-chat{bottom: 20px;}
    form.booking-wrapper{margin-top: 20px;}
}
@media screen and (min-width: 1200px) {
    .heigh {width: 100%; height: 550px;}
    .heigh img{width: 100%; height: 100%; object-fit: cover;}
}
@media screen and (max-width: 480px) {
#whatsapp-chat{width:auto;left:5%;right:5%;font-size:80%}
.scroll-top.open{bottom: 140px;}
}
.hide{display:none;animation-name:showhide;animation-duration:.5s;transform:scale(1);opacity:1}
.showwp{display:block;animation-name:showhide;animation-duration:.5s;transform:scale(1);opacity:1}
.whatsapp-message-container{display:flex;z-index:1}
.whatsapp-message{padding:7px 14px 6px;background-color:#fff;border-radius:0 8px 8px;position:relative;transition:all .3s ease;opacity:0;transform-origin:center top 0;z-index:2;box-shadow:rgba(0,0,0,0.13) 0 1px .5px;margin-top:4px;margin-left:-54px;max-width:calc(100% - 66px)}
.whatsapp-chat-body{padding:20px 20px 20px 10px;background-color:#e6ddd4;position:relative}
.whatsapp-chat-body::before{display:block;position:absolute;content:"";left:0;top:0;height:100%;width:100%;z-index:0;opacity:.08;background-image:url(https://elfsight.com/assets/chats/patterns/whatsapp.png)}
.dAbFpq{display:flex;z-index:1}
.eJJEeC{background-color:#fff;width:52.5px;height:32px;border-radius:16px;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;margin-left:10px;opacity:0;transition:all .1s ease;z-index:1;box-shadow:rgba(0,0,0,0.13) 0 1px .5px}
.hFENyl{position:relative;display:flex}
.ixsrax{height:5px;width:5px;margin:0 2px;border-radius:50%;display:inline-block;position:relative;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;top:0;background-color:#9e9da2;animation-name:ZpjSY}
.dRvxoz{height:5px;width:5px;margin:0 2px;background-color:#b6b5ba;border-radius:50%;display:inline-block;position:relative;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;top:0;animation-name:hPhMsj}
.kAZgZq{ padding:7px 14px 6px; background-color:#fff; border-radius:0 8px 8px; position:relative; transition:all .3s ease; opacity:0; transform-origin:center top 0; z-index:2; box-shadow:rgba(0,0,0,0.13) 0 1px .5px; margin-top:4px; margin-left:-54px; max-width:calc(100% - 66px); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; }
.kAZgZq::before{position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";top:0;left:-12px;width:12px;height:19px}
.bMIBDo{font-size:13px;font-weight:700;line-height:18px;color:rgba(0,0,0,0.4)}
.iSpIQi{font-size:14px;line-height:19px;margin-top:4px;color:#111;font-size:14px;line-height:19px;margin-top:4px;color:#111}
.cqCDVm{text-align:right;margin-top:4px;font-size:12px;line-height:16px;color:rgba(17,17,17,0.5);margin-right:-8px;margin-bottom:-4px}
/* wp end */

.faq-accordion{position: relative;margin-top: -80px;z-index: 1;}
.faq-accordion .accordion-item{background: transparent; border: none;}
.faq-accordion .accordion-header {border-bottom: 1px solid #dfdfdf;border-radius: 0;border-top: 1px solid #dfdfdf;}
.faq-accordion .accordion-content ul {margin: 0;padding: 0;padding-left: 20px;}
.faq-accordion .accordion-button:not(.dusra),
.faq-accordion .accordion-button:not(.collapsed) { border: 0; color: var(--main-color3); background: #f5fbf4; border-radius: 0px; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
.faq-accordion .accordion-button:hover,
.faq-accordion .accordion-button:not(.collapsed):hover {color: var(--main-color3);background: inherit;}
.faq-accordion .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2305213a' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;}
.faq-accordion .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%2305213a' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");}
.gal-height{ width: 100%; height: 350px; overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.gal-height img{width: 100%; height: 100%; object-fit: cover;}

.hotel-desc p{margin-bottom: 0;font-weight: 400;color: var(--whiteColor);overflow: hidden;white-space: pre-wrap;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;width: 100%;height: 90px;}
.hotel-desc p strong{font-weight: 400;}
.circle-icon{position: absolute;top: -230px;right: 0;opacity: 0.03; pointer-events: none;}
.room-bottom-icon img{ filter:invert(1) ; -webkit-filter:invert(1) ; }
.room-bottom-icon span{color: var(--whiteColor);}
.shaper::before{content: '';position: absolute;top: -20px;right: -20px;width: 70px;height: calc(100% + 40px);background: var(--main-color2);border-radius: 4px;z-index: -1;opacity: 0.3;}
.shaper1::before{content: '';position: absolute;top: -20px;left: -20px;width: 70px;height: calc(100% + 40px);background: var(--main-color2);border-radius: 4px;z-index: -1;opacity: 0.3;}
.rounded-30{ border-radius: 100px 0 0 100px; -webkit-border-radius: 100px 0 0 100px; -moz-border-radius: 100px 0 0 100px; -ms-border-radius: 100px 0 0 100px; -o-border-radius: 100px 0 0 100px; }
.rounded-30-right{ border-radius: 0px 100px 100px 0; -webkit-border-radius: 0px 100px 100px 0; -moz-border-radius: 0px 100px 100px 0; -ms-border-radius: 0px 100px 100px 0; -o-border-radius: 0px 100px 100px 0; }

@media screen and (max-width: 767px){
    .gal-height{height: 160px;}
    .heigh {width: 100%; height: 250px;}
    .heigh img{width: 100%; height: 100%; object-fit: cover;}
}

/* Video Banner */
.banners{overflow:hidden;position:relative;background-position:50% 0;height:100%; z-index: 1;}
.banners::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;opacity: .5;}
.banners.banner-slider{background-position:0 0;min-height:1px}
.banners .banner-video{ position:absolute; left:-1px; top:0; bottom:0; right:0; z-index:-1; background:url(images/video-cover.jpg) no-repeat; background-size:cover; background-position:50% 50%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.banners .banner-video.has-overlay:before{position:absolute;z-index:-4;top:0;left:0;bottom:0;right:0;content:'';background-color:rgba(85, 76, 40, 0.24);}
.banners .banner-video video{object-fit: cover;width: 100%;height: 100%;}
.banner-caption-s1 .center-text,.banner-home .banner-caption-s1 .center-text{max-width:850px;text-align:center; position: relative;margin-bottom: 90px;}
.banner-caption-s1 .center-text h1,.banner-home .banner-caption-s1 .center-text h1{color:#fcf7e9;}
.banner-caption-s1 .center-text h1 span{font-size:50%;}
.banner-caption-s1 .center-text h1 span,.banner-home .banner-caption-s1 .center-text h1 span{color:#fcf7e9;font-weight:400;}
.banner-caption-s1 .center-text .banner-subtitle,.banner-home .banner-caption-s1 .center-text .banner-subtitle{font-weight:700;color:#fcf7e9;margin-top:30px;letter-spacing:2px;}
@media only screen and (min-width:240px) {
.banners {height:380px;}
}
@media only screen and (min-width:576px) {
.banners {min-height: 70vh;}
}
@media only screen and (min-width: 768px) {
.banners {min-height: 100vh;}

}
@media only screen and (min-width: 1200px) {
    .banners {min-height: 80vh;}
}
@media only screen and (max-width: 991px) {
    .banner-caption-s1 .center-text, .banner-home .banner-caption-s1 .center-text{margin-bottom: 0; max-width: 100%;}
}

.ele-button {font-size: 15px;font-weight: 500;text-transform: uppercase;line-height: 1.4em;letter-spacing: 1px; display: inline-block;}
.button-content-wrapper {position: relative;padding: 5px 0;}
.button-content-wrapper:before, .button-content-wrapper:after { content: ""; position: absolute; left: 0; height: 1px; background: #ddd; transform-origin: right; transform: scaleX(1) translateZ(0); transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, -webkit-transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s; bottom: 0; width: 100%; -webkit-transform: scaleX(1) translateZ(0); -moz-transform: scaleX(1) translateZ(0); -ms-transform: scaleX(1) translateZ(0); -o-transform: scaleX(1) translateZ(0); }
.button-content-wrapper:before{background: var(--main-color);}
.button-content-wrapper:after{background: var(--main-color);}
.button-content-wrapper:after{ transform-origin: left; transform: scaleX(0) translateZ(0); transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scaleX(0) translateZ(0); -moz-transform: scaleX(0) translateZ(0); -ms-transform: scaleX(0) translateZ(0); -o-transform: scaleX(0) translateZ(0); -webkit-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); }
.ele-button:hover .button-content-wrapper:before { transform: scaleX(0) translateZ(0); transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: scaleX(0) translateZ(0); -moz-transform: scaleX(0) translateZ(0); -ms-transform: scaleX(0) translateZ(0); -o-transform: scaleX(0) translateZ(0); }
.ele-button:hover .button-content-wrapper:after{ transform: scaleX(1) translateZ(0); transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, -webkit-transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s; -webkit-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, -webkit-transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s; -moz-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, -webkit-transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s; -ms-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, -webkit-transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s; -o-transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s, -webkit-transform .6s cubic-bezier(0.165, 0.84, 0.44, 1) .3s; -webkit-transform: scaleX(1) translateZ(0); -moz-transform: scaleX(1) translateZ(0); -ms-transform: scaleX(1) translateZ(0); -o-transform: scaleX(1) translateZ(0); }

@media screen and (min-width:991px) {
   
.ml-minus{margin-left: -15%; position: relative; z-index: 1;}
.mr-minus{margin-right: -15%; position: relative; z-index: 1;}
.why-right::before{position: absolute;top: 0;left: -50px;width: 100%;height: 100%;content: '';background: #f5fbf4;z-index: -1; }
.home-dine{position: absolute; top: 50%; left: 0; width: 100%; }
}