* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	  font-family: "Montserrat", sans-serif;
	line-height: 1.6;
	color: #333;
	font-weight: 500;
	font-size: 16px;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block; }
audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }
audio:not([controls]) {display: none; height: 0; }
[hidden],template {display: none; }
a {background-color: transparent; }
a:active,a:focus,a:hover {outline: 0 none; }
abbr[title] {border-bottom: 1px dotted; }
b,strong {font-weight: 700; }
dfn {font-style: italic; }
h1 {font-size: 2em; margin: .67em 0; }
mark {background: #ff0 none repeat scroll 0 0; color: #000; }
small {font-size: 80%; }
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -.5em; }
sub {bottom: -.25em; }
img {border: 0 none; }
svg:not(:root) {overflow: hidden; }
figure {margin: 1em 40px; }
hr {box-sizing: content-box; height: 0; }
pre {overflow: auto; }
code,kbd,pre,samp {font-family: monospace,monospace; font-size: 1em; }
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0; }
button {overflow: visible; }
button,select {text-transform: none; }
button,html input[type=button],input[type=reset],input[type=submit] {cursor: pointer; }
button[disabled],html input[disabled] {cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner {border: 0 none; padding: 0; }
input {line-height: normal; }
input[type=checkbox],input[type=radio] {box-sizing: border-box; padding: 0; }
fieldset {border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
legend {border: 0 none; padding: 0; }
textarea {overflow: auto; }
optgroup {font-weight: 700; }
table {border-collapse: collapse; border-spacing: 0; }
td,th {padding: 0; }
body,button,input,optgroup,select,textarea {color: #585858; font-size:16px; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 {clear: both; color: #000; font-size: 40px;font-family: "Poppins", sans-serif;
    font-weight: 400; }
h2 {font-size: 32px; margin: 0; }
h3 {font-size: 22px; margin: 0; }
p {margin-bottom: 1.5em; }
cite,dfn,em,i {font-style: italic; }
blockquote {margin: 0 1.5em; }
address {margin: 0 0 1.5em; }
pre {background: #eee none repeat scroll 0 0; font-family: "Courier 10 Pitch",Courier,monospace; font-size: .9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code,kbd,tt,var {font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; font-size: .9375rem; }
abbr,acronym {border-bottom: 1px dotted #666; cursor: help; }
ins,mark {background: #fff9c0 none repeat scroll 0 0; text-decoration: none; }
big {font-size: 125%; }
html {box-sizing: border-box; }
* {box-sizing: border-box; }
body {background: #fff none repeat scroll 0 0; }
blockquote::after,blockquote::before,q::after,q::before {content: ""; }
blockquote,q {quotes: """"; }
hr {background-color: #ccc; border: 0 none; height: 1px; margin-bottom: 1.5em; }
ol,ul {margin: 0 0 1.5em; }
ul {list-style: outside none disc; }
li {padding: 0 0 5px; }
ol {list-style: outside none decimal; }
li>ol,li>ul {margin-bottom: 0; margin-left: 1.5em; }
dt {font-weight: 700; }
dd {margin: 0 1.5em 1.5em; }
img {height: auto; max-width: 100%; }
figure {margin: 1em 0; }
table {margin: 0 0 1.5em; width: 100%; }
button,input[type=button],input[type=reset],input[type=submit] {font-weight: 500; font-size: 16px; background-color: #008dd2; border: 1px solid #008dd2; border-radius: 5px; padding: 10px 35px; text-align: center; min-width: 100px; color: #fff; display: inline-block; transition: ease-in-out .5s all; -webkit-appearance: none; }
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {background-color: #000; border-color: #000; }
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {border: 1px solid rgba(132,132,132,.5); border-radius:8px; color: #2a2a2a; font-size: 16px; padding: 10px 10px; font-weight:500; transition:all ease-in-out 0.5s}
select {border: 1px solid rgba(132,132,132,.5); border-radius:8px; color: #2a2a2a; font-size: 16px; padding: 11px 10px; font-weight:500; transition:all ease-in-out 0.5s }
.asterisk{color:red;}
input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {color: #111; border-color:#000; }
textarea {width: 100%; }
::-webkit-input-placeholder {color: #9a9a9a; }
:-ms-input-placeholder {color: #9a9a9a; }
::placeholder {color: #9a9a9a; }
a {color: #505dff; text-decoration: none; transition: all .3s ease 0s; }
a:visited {transition: all .3s ease 0s; }
a:active,a:focus,a:hover {outline: medium none; }
a:focus {outline: medium none; }
a:active,a:hover {outline: 0 none; }

h1,
h2,
h3,
h4 {
	 font-family: "Montserrat", sans-serif;
	font-weight: 500;
}

strong{font-weight: 600;}
.text-center{text-align: center;}


.mr-2 {
	margin-right: 10px
}

.mt-2{margin-top: 20px;}

.container {
	max-width: 1600px;
	margin: 0px auto;
padding: 0px 20px;

}

/* Header Styles */


.logo {}

.logo img {
	max-height: 70px;
}

.contact-info {
	display: flex;
	gap: 20px;
}

/* Navigation */

.header {
	background-color: white;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
	position: sticky;
	top: 0;
	z-index: 1000;
}

.header .container {

	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*padding: 10px 15px;*/
	padding-top: 15px;
	padding-bottom: 15px;
}




.btn-default {
    text-align: center;
    min-width: 100px;
    color: rgb(255, 255, 255);
    display: inline-block;
    background: linear-gradient(90deg, #09B5FF 0%, #505DFF 63.69%);
    border-radius: 8px;
    padding: 10px 20px;border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-default:hover {
    
    background: linear-gradient(270deg, #09B5FF 0%, #505DFF 63.69%);
  
}


.btn-group{display: flex;gap: 10px}




.login-btn {
  padding: 8px 20px; 
  border-radius: 8px;
  border: 2px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(90deg, #09B5FF, #505DFF) border-box;
  cursor: pointer;
  color: #000;
  display: block;
}

.login-btn:hover{background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(270deg, #09B5FF, #505DFF) border-box;}

.maintitle {
	color: #000;
	font-size: 28px;
	line-height: normal;
	text-align: center;
	margin: 0px 0px 12px 0px;
	display: flex;
	gap: 10px;
	justify-content: center;
}




.login-page {
	
	left: 0;
	width: 100%;
	min-height: calc(100vh - 158px);
	
	display: flex;
	align-items: center;
	justify-content: center;
    position: relative;
 
	
}


.login-page::before {
    content: "";
    position: absolute;
    inset: 0;                      
    background-image: url("../images/login-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(8px) brightness(1); 
    z-index: -2;
}

        
.responsive-login {	  
    border-radius: 100px;  
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #09B5FF, #505DFF) border-box;
  display: none;
height: 44px;width: 44px;text-align: center;line-height: 50px;

}

.responsive-login:hover{background: linear-gradient(#fff, #fff) padding-box, linear-gradient(230deg, #09B5FF, #505DFF) border-box;}

.responsive-login img{filter: brightness(0) invert(0);}


/* LOGIN CONTAINER */

.center-wrap {
	position: relative;
	z-index: 10;
	max-width: 920px;
	width: 94%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}

.login-container {
	position: relative;
	/* max-width: 430px; */
	margin: 0 auto;
	text-align: center;
	z-index: 20;
	width: 100%;
}
.w-100{width: 100%;}

/* LOGIN BOX */
.box {
	background: #FFF;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	max-width: 478px;
	margin: 0 auto;
	height: 330px;
}

.box label {
	color: #000;
	display: flex;
}
.input-field {
    width: 100%;
    margin: 8px 0 18px;position: relative;
}


.input-field input {
    width: 100%;
  padding: 15px 18px 15px 50px;
    background: #F3F3F5;
   border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
.input-field img{
position: absolute;
    top: 18px;
    left: 20px;
}

.forgot-box{display:flex; justify-content:space-between; align-items:center;}
.forgot {
 
    color: #505DFF;
    cursor: pointer;
    margin-left: 10px;
}

.footer {
    background: #101828;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    position: relative;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.footer a{color: #fff;}
.footer span{padding: 0px 15px;}



.btn-login {
	text-align: center;
	/* min-width: 100px; */
	color: rgb(255, 255, 255);
	display: inline-block;
	background: linear-gradient(90deg, #09B5FF 0%, #505DFF 63.69%);
	border-radius: 8px;
	padding: 15px 20px;
	font-size: 18px;
    margin-top: 10px;
}
.back-center-link{
    justify-content: center;
    margin: 12px 0px 0px
}

.login-p{font-size: 14px;opacity: 0.7;}


/*main-menu */



/* top Nav menu*/

 nav.main-nav {
     display: flex;
  align-items: center;
  gap: 15px;
    }

    .nav-menu {
      list-style: none;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 20px;  margin-bottom: 0px;  
    }

    .nav-item {
      position: relative;
    }

    .nav-link {
      text-decoration: none;
      color: #333;
      font-weight: 500;
      padding: 8px 12px;
      display: block;
    }
    .nav-link:hover, .nav-link.active , .dropdown-link.active {color: #505dff;}

    /* Dropdown */
   .dropdown {
    display: none;
    position: absolute;
    top: 51px;
    left: 0;
    background: #4d4d4d;
  
    min-width: 300px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-10px);
    transition: all 0.3s ease;
    text-align: left;
}


.dropdown-item {
	list-style: none;
}

    .dropdown-item a {     
      display: block;
padding: 5px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;text-decoration: none;border-bottom: 1px solid #000;

    }



   .dropdown-item a:hover {
	background: #f8f9fa;
	color: #ED1C24;
	padding-left: 30px;
}

    /* Show dropdown on hover (desktop) */
    .nav-item:hover .dropdown {
      display: block;
    }

    /* Hamburger button */

    .menu-toggle {
	display: none;
	font-size: 32px;
	cursor: pointer;
	padding: 28px 0px 28px 20px;
	position: absolute;
	right: 10px;
	top: 0px;
	background: transparent;
	border: 0;
}


 /* Arrow style */
    .arrow {
      font-size: 12px;
      transition: transform 0.3s ease;
    }

    .arrow.rotate {
      transform: rotate(180deg);
    }

     /* Font Awesome arrow style */
   .nav-link .fa-chevron-down {
	font-size: 12px;
	transition: transform 0.3s ease;
	text-align: right;
	float: right;
	position: relative;
	top: 6px;
	padding-left: 10px;
}

    .nav-link .fa-chevron-down.rotate {
      transform: rotate(180deg);
    }

    /* Responsive */
    @media (max-width: 1023px) {
		.btn-group {	
	padding-right: 30px;
}
      .menu-toggle {
        display: block;
      }

    


	  .nav-menu {
	position: fixed;
	top: 80px;
	left: -100%;
	width: 100%;
	background: white;
	flex-direction: column;
	align-items: stretch;
	gap: 0;border-bottom: 1px solid #d6d6d6;
}
      .nav-menu.active {
        left: 0;
      }

      .nav-item {
        width: 100%;
        text-align: left;
      }

      .dropdown {
        position: static;
        box-shadow: none;
        border-radius: 0;
        min-width: unset;margin-top: 10px;border-bottom:1px solid #d6d6d6 ;
      }

      .nav-item:hover .dropdown {
        display: none; /* disable hover on mobile */
      }

		.nav-link{padding: 8px 20px;border-bottom: 1px solid #d6d6d6;}

    }

    .nav-menu.active {
	animation: slideDown 0.3s ease-out forwards; 
	}

	.back-btn{padding-top: 20px;display: block;margin-left: 0px;}

label.error{color: #f00 !important;padding: 5px 0 0 0 ;}


@keyframes slideDown {
      0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-20px);
      }
      100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
      }
    }


@media(min-width:320px) and (max-width:479px) {
.responsive-login{display: block;}
.login-btn{display: none;}

}

@media (max-width: 600px) {
.btn-default {
	padding: 10px 10px;
	font-size: 14px;
}
.logo img {
	max-height: 50px;
}

 .menu-toggle {
	
	padding: 19px 0px 19px 20px;
}

.booknow-btn{display: none;}

.btn-group-main {
	gap: 10px;
	font-size: 14px;
}

}


/* End main-menu */





/* room booking */

.room-booking{
    display:flex;
    gap:20px;
    align-items:flex-start;      
    margin:auto;
    border-bottom: 1px solid #d6d6d6;
}
.room-img {
	position: relative;
	min-width: 220px;
}

.badge {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #6CB36F;
	color: #fff;
	padding: 5px 12px;
	font-size: 12px;
	border-radius: 30px;font-weight: 600;
}
.room-img img {
	width: 100%;
	border-radius: 15px;
	display: block;
}

.room-content {
	flex: 1;
}
.room-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.price {
	
	font-size: 18px;
	 background: linear-gradient(90deg, #00b4ff , #1e5bff);
	 -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*END room booking */


@media only screen and (max-width:1040px){
	.nav-menu{gap:5px;}


}
@media(min-width:1041px) and (max-width:1200px) {
	.nav-menu{gap:5px;}

	
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;text-align: left;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.btn-group-main{display: flex;align-items: center;gap: 20px;}

.welcome-msg{
 background: linear-gradient(90deg, #00b4ff , #1e5bff);
	 -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;text-align: center;}



    @media (max-width: 600px) {

.booknow-btn{display: none;}

.btn-group-main {
	gap: 10px;
	font-size: 14px;
}