@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
 
html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#192733; font-family: 'Inter', sans-serif;  font-weight:400;-webkit-text-size-adjust: 100%;overflow-x: hidden;}
.btn, a, button {webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-o-transition: all 250ms ease;-ms-transition: all 250ms ease; transition: all 250ms ease;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important;}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}


/*FORM CONTROL*/
.form-control{border: 1px solid #ddd; height: 45px;text-indent: 15px;border-radius: 10px;font-weight: 300;line-height: 45px;padding-right: 10px;padding-left: 10px;font-size: 13px;}
.form-control:focus {color: #212529;background-color: #fff;border-color: #FF5D35 !important;; outline: 0; box-shadow: 0 0 0 0.25rem rgb(50 50 50 / 25%);}
textarea{resize: none;}
textarea.form-control { height: auto !important;}
 
 
/*DROPDOWNS*/
.dropdown-item{font-size: 14px;}
.dropdown-item.active, .dropdown-item:hover {background-color: #08713d; color: #fff;}

/*BUTTONS*/
.btn {text-transform: uppercase;font-size: 12px;padding-top: 12px;padding-bottom: 12px;padding-left: 20px; padding-right: 20px;font-weight:600; letter-spacing:0.5px;}
.btn-lg{padding-left: 50px;padding-right: 50px; padding-top: 10px; padding-bottom: 10px;}

.btn-prime{background-color:#F68B37; border-color:#F68B37; color: #fff;-webkit-box-shadow: 0px 5px 25px -10px rgba(250,140,55,0.6); -moz-box-shadow: 0px 5px 25px -10px rgba(2250,140,55,0.6); box-shadow: 0px 5px 25px -10px rgba(250,140,55,0.6);}
.btn-prime:hover{background-color: #35b5db; border-color: #35b5db; color: #fff;}

/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: "Cormorant Garamond", Georgia, serif;}
.all_heading{font-size:50px; font-weight:600;font-family: "Cormorant Garamond", Georgia, serif;}  
.sub-heading{color: #516F90;font-size: 14px;font-style: normal;font-weight: 600;line-height: 160%; letter-spacing: 2.8px;text-transform: uppercase;}
.section-subtitle {font-size: 15px;font-weight: 400; color: #666;text-transform: uppercase;position: relative;letter-spacing: 6px;margin-bottom: 5px;}

/*TEXT COLORS*/
.text-prime{color:#F68B37;}
.text-secondary {color:#35b5db!important;}
.text-grey{color:#707070!important;}

/*BACKGROUNDS COLORS*/
.bg-primarys{background-color: #fff6f4;}


/*CONTAINER*/
.custom-width{max-width: 1140px} 

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: #FF5D35;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 40px; width: 40px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 30px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color: #fff; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);padding-top: 10px;padding-bottom: 10px; z-index: 99;animation: smoothScroll 1s forwards;}

@keyframes smoothScroll {0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

.isFixed.navbar{ position:fixed !important}
.isFixed.navbar .header-logo { width:80px; margin-top: -30px}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/

 
/*Top part*/
.top{padding:7px 0; background:#1f1332;color: #35B5DB;}
.top i{ margin-right:5px;}
.top li {display: inline;padding-left: 10px;font-size:12px}
.top li a{ color:#fff;font-weight: 500;}
.top li a:hover{color:#F68B33}
/*NAVBAR BRAND*/
 
.navbar{padding-top:15px; padding-bottom:15px; box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 16%); position: relative; z-index:2;}
.navbar{background-color: #251a37;}
.navbar-nav .nav-item{margin-left: 15px;}
.navbar-nav .nav-item .nav-link{color:#fff; text-transform: uppercase; font-size: 13px; font-weight: 400; letter-spacing: 0.3px; padding-left: 10px; padding-right: 10px;}
.navbar-nav .nav-item .nav-link:hover{color: #35B5DB; background-color: rgb(51 180 219 / 22%);}

.navbar-nav .nav-item .nav-link.active { border-bottom: 2px solid #F68B37;}

.header-logo{ width:143px; position:absolute; margin-top:-73px}
/*###################_______HERO SECTION_______###################*/
.banner-section .swiper-pagination .swiper-pagination-bullet {background: #fff; opacity: .5; }
.banner-section .swiper-pagination .swiper-pagination-bullet-active {background-color: #F68B37; opacity: 1;}
 
/*----about us css-----*/ 
.home-about {line-height: 190%; font-size:16px; font-weight:400}

.about-image-prt img { z-index: 1; position: relative;}
.about-image-prt:before {content: "";display: block;position: absolute;background: #ffecd2;border-radius: 10px;width: 100%;height: 80%;bottom: -15px;left: 10px}

.about-text-prt{ border-radius: 10px;background-image: radial-gradient(circle, #e5761f, #e97b25, #ee812b, #f28631, #f68b37); position:relative; margin-top:80px;padding-bottom: 20px;}
.Our_Success{border-radius: 30px;background:#35b5db;line-height: 120%; font-size: 18px;font-weight: 600;padding: 10px;text-align: center;width: 320px;margin: 0 auto;position: relative;display: block;top: -20px; color:#fff6f4}
.Our_Success:before {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;
border-top: 20px solid #35b5db;position: absolute;content: "";margin: 0 auto;left: 0;right: 0;bottom: -15px;}
.about-text-prt .count-outer .count-text { font-weight: 800;color: #fff;font-size: 48px;}
.about-text-prt .line1:after { width: 1px;height: 100%;opacity: 0.3;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 54.69%, rgba(255, 255, 255, 0.00) 100%);content: "";right:0px; display: inline-block;position: absolute;top: 0;}
.about-text-prt .line2:after {width: 85%;height: 1px;opacity: 0.3;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 54.69%, rgba(255, 255, 255, 0.00) 100%);content: ""; right: 0; position: absolute;left: 0;margin: 0 auto; top: 3px;}
 
 
.reservations {display: flex;align-items: center;}
.reservations .icon { position: relative; top: 3px;}
.reservations .icon i { font-size: 40px; color: #35B5DB;}
.reservations .text {margin-left: 10px;}
.reservations .text p {font-size: 15px;margin: 0; margin-bottom: -10px;}
.reservations .text a {font-size: 27px;color: #35B5DB;letter-spacing: -1px;}
 
/*----our room css-------*/
.room-card { }
.room-card .card-image {position: relative;display: block;overflow: hidden;}
.room-card .card-image img {width: 100%; -webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.room-card:hover img {transform: scale(1.05);} 

/*###################_______Video SECTION_______###################*/
.video-home-sec {background-color: #ddd; background-position: top right;background-repeat: no-repeat; background-attachment: fixed;padding: 80px 0 100px 0;}
.video-btn .popup-video{z-index:1;position: absolute;top: 0;left: 0;right: 0;margin: auto;content: "";bottom: 0;height: 70px;width: 70px; background: #ffffff;line-height: 70px;text-align: center;border-radius: 50%;font-size: 16px;color:#F68B37;-webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}
.video-logo{ width:200px; margin-bottom:10px}
 
 @-webkit-keyframes pulse {
	 0% { -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4)}
     70% { -webkit-box-shadow:0 0 0 45px rgba(255,255,255,0)}
     to {-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0)}
  }
@keyframes pulse {
	 0% { box-shadow:0 0 0 0 rgba(255,255,255,.4)}
	 70% {box-shadow:0 0 0 45px rgba(255,255,255,0)}
     to { box-shadow:0 0 0 0 rgba(255,255,255,0)}
}



/*###################_______Our Amenities SECTION_______###################*/
 
.Amenities .single-facility { background: transparent;padding: 30px 20px;position: relative;z-index: 1;margin-bottom: 30px; line-height: 1;border: 1px solid #f1eeeb;webkit-transition: -webkit-transform 0.3s ease 0s;transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.Amenities .single-facility:hover{-webkit-transform: translateY(-10px);transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);border: 1px solid #b2f2e0;}
.Amenities .single-facility h5 {font-size: 30px;margin-bottom: 10px;font-weight: 800;letter-spacing: 1px;}
.Amenities .single-facility i{font-size: 45px;line-height: 1;margin-bottom: 20px;display: inline-block}
.Amenities .single-facility p {line-height: 1.32em;}
.Amenities .single-facility .facility-shape {position: absolute;opacity: 0.02; z-index: -1;bottom: 15px;left: 120px;}
.Amenities .single-facility .facility-shape i {font-size: 140px;color: #222;}

/* ----testimonials css----*/
.testimonial-section{ background:#e6f6fa url(../images/texture.png) no-repeat; background-size: auto;background-size: cover;}
.testimonial-section .lead{font-size: 1.875rem;line-height: 2.5rem;color:#00566b;font-weight:600;width: 850px;margin: 0 auto; font-family: "Cormorant Garamond", Georgia, serif;}

/*****-------Get in Touch-----------******/
.get-in-touch{}
.gt-padding{ padding:28px 38px}
.get-in-touch textarea.form-control{ height:90px !important;}
.form-right-image:after{border-radius: 100px;background:#ffecd2;width: 600px;height: 500px;position: absolute;content: "";z-index: 1;bottom: -80px;right: -200px;}
.girl-img{top:-30px;z-index: 1;left:25px;}
.girl-img img{ width: 500px;}

/*###################_______FOOTER_______###################*/
/*######*-------_FOOTER-----------*######*/
.footer-main{color:#b4bcc4; font-size: 13px;background-color:#251a37; padding-top:85px}
.footer-main h6{color: #fff; margin-bottom: 20px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.2px;}
.footer-logo{ width:180px}
.footer-main .social-handles a{font-size: 20px; margin-right: 10px; color: #fff;}
.footer-main .social-handles a:hover{opacity: 0.7;}

.footer-main .footer-links ul li{margin-bottom: 10px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p a{color:#b4bcc4;}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover{color:#35b5db;}

.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}

.footer-main .ftr-contact-info .info-block h6{color:#fff; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}
.footer-main .ftr-contact-info i{margin-right: 15px; font-size: 18px}

.footer-btm{ font-size:12px}
.footer-btm .copyrights,
.footer-btm .gototop{color:#b4bcc4;}
.footer-btm .gototop a i{height: 35px; width: 35px; background: #f68b37;font-size: 14px; color:#fff; border-radius:10%; display: flex; justify-content: center; align-items: center; }

.supt img{ width:85px}

/*FIXED CONTENT BUTTONS*/
.contact-fixed{position: fixed;bottom: 20px;z-index: 9;}
.contact-fixed.right{right: 30px;}
.contact-fixed .whatsapp-btn{color: #fff; height: 60px; width: 60px; border-radius: 50%; background-color: #ddd;display: flex; justify-content: center; align-items: center; text-align: center;}
.contact-fixed .whatsapp-btn{font-size: 28px; box-shadow: 0 8px 10px rgb(16 180 24 / 50%); background-color: #10b418;-webkit-animation:highlight2 linear 1s infinite; animation:highlight2 linear 1s infinite;}
.contact-fixed i{-webkit-animation: opsimple 2s infinite; animation: opsimple 2s infinite;}
@keyframes opsimple {0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 1; } 100% {opacity: 0; } }
@-webkit-keyframes opsimple {0% {opacity: 0; } 40% {opacity: 1; } 80% {opacity: 1; } 100% {opacity: 0; } }
@-webkit-keyframes highlight1 {0% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 40% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 80% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067) } 100% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0) } }
@keyframes highlight1 {0% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 40% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2) } 80% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067) } 100% {box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0) } }
@-webkit-keyframes highlight2 {0% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 0 rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 40% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 15px rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 80% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 26.7px rgba(16,180,24,0.067) } 100% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 40px rgba(16,180,24,0.0) } }
@keyframes highlight2 {0% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 0 rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 40% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 15px rgba(16,180,24,0.2),0 0 0 0 rgba(16,180,24,0.2) } 80% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 26.7px rgba(16,180,24,0.067) } 100% {box-shadow:0 8px 10px rgba(16,180,24,0.3),0 0 0 30px rgba(16,180,24,0),0 0 0 40px rgba(16,180,24,0.0) } }



.fixed-icon {z-index: 999; position:fixed; bottom:0;width: 100%;background: #f68b37;}
.fixed-icon a{color: #fff; text-decoration: none;padding: 15px 0px;text-transform: uppercase;font-size: 12px;text-align: center;display: block;} 

/*---contact us page css---*/
.page-breadcrumb{padding: 15px 0 ; border-top: 1px; border-bottom: 1px;font-size: 12px; display: flex; align-items: center; line-height: 1; background-color: #fcffee;}
.page-breadcrumb .breadcrumb-item{}
.page-breadcrumb .breadcrumb-item a{font-weight: 600;}
.page-breadcrumb .breadcrumb-item.active{color: #F68B37; font-weight: 500;}
.google-map iframe {width: 100%;height:365px; border: 0; border-radius:20px;-webkit-filter: grayscale(100%);}


.top-banner {background-repeat: no-repeat;background-position: center center;height: 380px;width: 100%;background-color: #df7522;display: flex;justify-content: flex-start;align-items: center;}

/*-----Photo gallery Css----*/
.events-block{cursor: pointer}
.events-block figure{display: block;overflow: hidden;}
.events-block .bg-secondary{background-color:#35B5DB !important ;}
.events-block:hover .bg-secondary{background-color:#F68B37 !important ;}
.events-block img {width: 100%; -webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.events-block:hover img {transform: scale(1.05)} 
 

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/
@media (max-width: 991.98px){ 	 
 	 
}

@media (max-width: 767.98px){
.navbar-toggler{ background:#fff}
.all_heading { font-size:35px;}	
.navbar-nav .nav-item .nav-link.active { border-bottom:0;}
.navbar-collapse {padding-top: 15px;}

/* ----- homepage css----- */
.testimonial-section .lead {font-size: 1.5rem;line-height: 2rem;width: 100% }
.video-btn {margin-top: 80px !important;}
.about-image-prt{ margin-top:10px}
}

@media (max-width: 576.98px){	
.footer-main {margin-bottom: 45px;}	 
.footer-about .figure {display: block;text-align: center}	
.footer-main { padding-top: 35px;}
.titles .fs20 {font-size: 16px;}
.home-about {line-height: 176%;font-size: 14px;}
.counter-title.fs16 {font-size: 14px;}
.social-brnd{ display:none !important}
.top-banner { height: 250px;}
.gt-padding {padding: 15px;}
}