.Rooms-details .container div div .Room-details .room-images {
  padding-left: 6px;
  padding-right: 6px;
}
.Rooms-details .container div div .Room-details .room-info {
  margin-top: 4rem;
}
.Rooms-details .container div div .Room-details .room-info .d-flex .room-name {
  text-align: left;
  font-size: 2rem;
  color: rgb(0, 0, 0);
  font-weight: 600;
}
.Rooms-details .container div div .Room-details .room-info .d-flex div .fa {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
.Rooms-details .container div div .Room-details .room-info .box {
  margin-left: 2rem;
}
.Rooms-details .container div div .Room-details .room-info .box .box-container {
  margin-left: 1.2rem;
}
@media (max-width: 1000px) {
  .Rooms-details .container div div .Room-details .room-info .box .box-container {
    margin-top: 1rem;
  }
}
.Rooms-details .container div div .Room-details .room-info .box .box-container .person-type {
  text-align: center;
  margin-right: 1rem;
  font-size: 1rem;
  color: #FEA116;
  font-weight: 600;
}
.Rooms-details .container div div .Room-details .room-info .box .box-container .fa-solid {
  font-size: 1.5rem;
  margin-right: 1rem;
  color: #FEA116;
}
.Rooms-details .container div div .Room-details .room-info .box .Price,
.Rooms-details .container div div .Room-details .room-info .box .actual-price,
.Rooms-details .container div div .Room-details .room-info .box .discount-price {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 600;
}
@media (max-width: 1000px) {
  .Rooms-details .container div div .Room-details .room-info .box .Price,
  .Rooms-details .container div div .Room-details .room-info .box .actual-price,
  .Rooms-details .container div div .Room-details .room-info .box .discount-price {
    font-size: 1rem;
  }
}
.Rooms-details .container div div .Room-details .room-info .box .discount-price {
  color: #030303;
}
.Rooms-details .container div div .Room-details .room-info .discription {
  text-align: left;
  color: rgb(33, 32, 32);
}
.Rooms-details .container div div .Room-details .room-info nav .nav {
  border: white;
}
.Rooms-details .container div div .Room-details .room-info nav .nav .nav-link {
  background-color: white;
  color: black;
  margin-left: 2rem;
  padding: 0.5rem 2rem;
  border: white;
  font-size: 1rem;
  font-weight: 500;
}
.Rooms-details .container div div .Room-details .room-info nav .nav .active {
  border-bottom: 0.15rem solid #FEA116;
}
.Rooms-details .container div div .Room-details .room-info .tab-content .content-title {
  font-size: 1.2rem;
  font-weight: 700;
}

.login-container div .login-content,
.signup-container div .login-content {
  background: linear-gradient(rgba(15, 23, 43, 0.062), rgba(15, 23, 43, 0.7)), url(../../img/about-2.jpg);
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
}
.login-container div .login-content .login-container,
.signup-container div .login-content .login-container {
  padding: 2rem;
}
.login-container div .login-content .login-container .title,
.signup-container div .login-content .login-container .title {
  color: white;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
.login-container div .login-content .login-container .description,
.signup-container div .login-content .login-container .description {
  color: white;
  text-align: center;
}
.login-container div .signup-content,
.signup-container div .signup-content {
  background: linear-gradient(rgba(15, 23, 43, 0.062), rgba(15, 23, 43, 0.7)), url(../../img/about-2.jpg);
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
}
.login-container div .signup-content .signup-container,
.signup-container div .signup-content .signup-container {
  padding: 2rem;
}
.login-container div .signup-content .signup-container .title,
.signup-container div .signup-content .signup-container .title {
  color: white;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
.login-container div .signup-content .signup-container .description,
.signup-container div .signup-content .signup-container .description {
  color: white;
  text-align: center;
}
.login-container div div .login-form,
.signup-container div div .login-form {
  padding-top: 1.3rem;
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
}
.login-container div div .login-form .login-title-header .logi-header,
.signup-container div div .login-form .login-title-header .logi-header {
  text-align: center;
  color: white;
  font-size: 2rem;
  font-weight: 600;
}
.login-container div div .login-form form div label,
.signup-container div div .login-form form div label {
  color: white;
}
.login-container div div .login-form form div .form-control,
.signup-container div div .login-form form div .form-control {
  border: none;
  border-radius: 2rem;
}
.login-container div div .login-form form div .form-control:focus,
.signup-container div div .login-form form div .form-control:focus {
  box-shadow: none;
  border-left: 5px solid #FEA116;
  border-bottom: 2px solid #FEA116;
}
.login-container div div .signup-form,
.signup-container div div .signup-form {
  padding-top: 1.3rem;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
}
.login-container div div .signup-form .signup-title-header .signup-header,
.signup-container div div .signup-form .signup-title-header .signup-header {
  text-align: center;
  color: white;
  font-size: 2rem;
  font-weight: 600;
}
.login-container div div .signup-form form div label,
.signup-container div div .signup-form form div label {
  color: white;
}
.login-container div div .signup-form form div .form-control,
.signup-container div div .signup-form form div .form-control {
  border: none;
  border-radius: 2rem;
}
.login-container div div .signup-form form div .form-control:focus,
.signup-container div div .signup-form form div .form-control:focus {
  box-shadow: none;
  border-left: 5px solid #FEA116;
  border-bottom: 2px solid #FEA116;
}

.order-track .order-track-header .order-track-title {
  text-align: center;
  font-size: 2rem;
  color: #030303;
  font-weight: 700;
}

.oreder-details .oreder-details-header {
  margin-bottom: 3rem;
}
.oreder-details .oreder-details-header .oreder-details-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #030303;
}
.oreder-details .order-content table {
  padding: 2rem;
}
.oreder-details .order-content table tr .table-title {
  text-align: center;
  font-size: 1.2rem;
  color: black;
  font-weight: 600;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

input[type=date] {
  -moz-appearance: textfield;
}

.tab-container .nav {
  border: white;
}
.tab-container .nav .nav-item {
  margin: 1rem;
}
.tab-container .nav .nav-item .nav-link {
  background-color: white;
  color: black;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 2rem;
  padding-right: 2rem;
}
.tab-container .nav .nav-item .active {
  background-color: white;
  color: #030303;
  border-bottom: 2px solid #FEA116;
}

.servicecard {
  margin: 1rem;
  padding-top: 1rem;
  transition: transform 0.5s ease, border-radius 0.5s ease, border-top 0.5s ease, border-bottom 0.5s ease;
  transform: scale(1.05);
}
.servicecard:hover {
  border: 2px solid transparent;
  border-top-left-radius: 25%;
  border-bottom-right-radius: 25%;
  position: relative;
  border-top: 7px solid #030303;
  border-bottom: 7px solid #FEA116;
  transition: transform 0.5s ease, border-radius 0.5s ease, border-top 0.5s ease, border-bottom 0.5s ease;
  transform: scale(1.05);
}
.servicecard:hover img {
  transition: transform 0.5s ease, border-top-left-radius 0.5s ease;
  border-top-left-radius: 26%;
}
.servicecard img {
  transition: transform 0.5s ease, border-top-left-radius 0.5s ease;
}
.servicecard div .card-body h5 {
  color: #030303;
}

.activities .col-lg-4 .mt-2 p {
  color: black;
}
.activities .col-lg-4:hover {
  background: linear-gradient(164deg, rgb(15, 23, 43) 0%, rgb(254, 161, 22) 100%);
  transition: transform 0.5s ease;
}
.activities .col-lg-4:hover .mt-2 p {
  color: white;
}/*# sourceMappingURL=Style.css.map */