.contact-us-banner::after, .gradient-section::after, .gradient-section::before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0
}
.form-section, .gradient-section {
  position: relative
}
.maldives-asia, .our-offices {
  text-align: center
}
.box .address, .box .phone a, .box .timings {
  font-size: 14px;
  line-height: 24px;
  font-family: Inter
}
.blog-header .right-nav {
  display: none
}
.maldives-asia {
  width: 100%;
  max-width: 589px;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 74px
}
.blog-banner h1, .contact-us-banner h1 {
  color: #fff;
  margin-bottom: 15px;
  letter-spacing: 3.5px
}
.main-heading {
  margin-bottom: 60px
}
.explore-maldives h2, .our-offices h2 {
  color: #262c6d
}
.explore-maldives p {
  color: #787878
}
.explore-maldives h4 {
  color: #262c6d;
  margin-top: 70px;
  margin-bottom: 30px
}
.box .address, .box .phone, .embracing-island-pace img {
  margin-top: 20px
}
.discover-hidden-gems h4, .safety-first h4 {
  margin-top: 40px
}
.safety-first p {
  margin-bottom: 30px
}
.safety-first p:last-child {
  margin-bottom: 0;
  padding-bottom: 67px
}
.gradient-section {
  background: 0 0
}
.gradient-section::after {
  height: 518px;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(0deg, #7bc5bf 0, #d3d5c8 44%, #e8e9e3 65%, #fcfCFC00 93%, #cccAD600 100%) no-repeat padding-box
}
.gradient-section::before {
  height: 518px;
  top: 0;
  z-index: -1;
  background: linear-gradient(0deg, #fff 0, #eaf7fa 48%, #d4dcf5 100%) no-repeat padding-box
}
#nationality-dropdown {
    margin-top: 6px;
    padding-right: 18px;
}
label[for="edit-nationality"] {
    display: none;
}
@media (max-width:574px) {
  .inner-banner-section::after {
    background: 0 0
  }
  .blog-banner::after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 234px;
    z-index: 2;
    bottom: 0;
    background: linear-gradient(180deg, #00103600 0, #a2aCC8D3 63%, #cad2EBF5 84%, #d6def6 100%) no-repeat padding-box
  }
  .main-heading h1 {
    letter-spacing: 2.4px;
    margin-bottom: 0
  }
  .maldives-asia {
    padding-top: 22px;
    padding-bottom: 68px
  }
  .explore-maldives h2 {
    margin-bottom: 15px;
    font-size: 48px;
    line-height: 53px
  }
  .explore-maldives h4 {
    font-size: 40px;
    line-height: 45px;
    margin-top: 27px;
    margin-bottom: 15px
  }
  .discover-hidden-gems h4 {
    margin-top: 40px;
    max-width: 225px
  }
  .safety-first h4 {
    margin-top: 40px;
    margin-bottom: 28px
  }
}
.contact-us-banner h6 {
  color: #fff;
  max-width: 704px;
  margin: auto
}
.contact-us-banner::after {
  height: 165px;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, #00103600 0, #001035 100%) no-repeat padding-box
}
.form-section::after, .form-section::before, .offices-location::after {
  left: 0;
  z-index: -1;
  width: 100%;
  content: ""
}
.form-section::before {
  height: 253px;
  position: absolute;
  top: 0;
  background: no-repeat padding-box #001035
}
.form-section::after {
  height: 944px;
  position: absolute;
  top: 251px;
  bottom: 0;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  background: linear-gradient(0deg, #001035 0, #011A54D6 28%, #30428B74 57%, #fcaE8432 78%, #fffFFF00 100%) no-repeat padding-box
}
.plan-adventure {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 122px;
  margin-right: 62px;
  width: 100%;
  max-width: 690px
}
.plan-adventure h2 {
  width: 100%;
  max-width: 524px;
  color: #fff
}
.plan-adventure p {
  width: 100%;
  max-width: 487px;
  color: #fff
}
.form {
  margin-top: 69px
}
.len-input-col .input-sec {
  width: 100%;
  max-width: 322px
}
.message-col .input-sec {
  width: 100%;
  max-width: 486px
}
.message-col {
  padding-right: 0
}
.submit-col {
  display: flex;
  justify-content: right;
  padding-left: 0
}
.offices-location {
  margin-top: 119px;
  position: relative;
  padding-bottom: 24px
}
.offices-location::after {
  height: 439px;
  position: absolute;
  bottom: 0;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  background: linear-gradient(180deg, #7bc5bf 0, #d3d5c8 44%, #e8e9e3 65%, #fcfCFC00 93%, #cccAD600 100%) no-repeat padding-box
}
.our-offices p {
  color: #787878;
  width: 100%;
  max-width: 586px;
  margin: auto auto 40px
}
.location-details-col {
  display: flex;
  flex-direction: column;
  row-gap: 15px
}
.office-btn {
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  font-weight: 400;
  border: 0;
  background: #e96736;
  padding: 3px 10px;
  margin-left: 10px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center
}
.loacation-map {
  height: 514px
}
.loacation-map iframe {
  width: 100%;
  height: 100%;
  border-radius: 15px
}
.office-details {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.box {
  background: #fff;
  box-shadow: 0 3px 20px #0000000D;
  border-radius: 13px;
  padding: 28px 16px 18px 20px
}
.box h6 {
  margin: 0;
  color: #001035
}
.box .address {
  color: #787878
}
.box .phone {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 8px;
  margin-bottom: 10px
}
.divider span {
  width: 1px;
  height: 30px;
  background: #ebebeb;
  position: absolute;
  content: ""
}
.location-details-col .box:first-child .num-two::before {
  left: -16px
}
.box .phone a {
  color: #001035;
  font-weight: 600
}
.box .timings {
  color: #e96736;
  font-weight: 500;
  display: flex;
  justify-content: center
}
@media (max-width:1200px) {
  .plan-adventure {
    margin-top: 67px;
    margin-right: 20px
  }
  .box {
    width: 100%;
    max-width: 800px;
    margin: auto
  }
  .location-details-col {
    margin-top: 67px;
    row-gap: 20px
  }
}
@media (max-width:992px) {
  .main-heading {
    margin-bottom: 100px
  }
  .form-section::after {
    height: 1693px
  }
  .plan-adventure {
    position: relative;
    margin-right: 0;
    width: 100%;
    max-width: 100%
  }
  .form {
    margin-top: 32px
  }
  .message-col {
    padding-right: 12px
  }
  .submit-col {
    justify-content: center
  }
  .len-input-col .input-sec, .message-col .input-sec {
    max-width: 100%
  }
  .offices-location {
    margin-top: 111px
  }
  .our-offices p {
    margin-bottom: 30px
  }
  .box {
    padding: 25px 16px 18px 20px;
    width: 100%;
    max-width: 517px;
    margin: auto
  }
  .box .phone {
    margin-bottom: 17px
  }
  .offices-location::after {
    height: 514px
  }
}
@media (max-width:576px) {
  .box .phone a, .box .timings {
    font-size: 12px
  }
  .contact-us-banner h1 {
    letter-spacing: 2.4px
  }
  .contact-us-banner h6, .plan-adventure h2 {
    max-width: 300px
  }
  .plan-adventure p {
    max-width: 340px
  }
  .loacation-map {
    max-height: 227px
  }
  .box .timings {
    line-height: 15px
  }
}
/* style new 9-10-2024  joe-disney-hotel-listing.html css*/
.disney-hotel-banner .banner-overlay-ctn {
  margin-top: 100px;
}
.hotel-detail-sec .loadmore-btn {
  margin-top: 46px;
}
/* .input-sec #guests {
padding-right: 30px;
cursor: pointer;
position: relative;
}

.input-sec #guests:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
width: 12px;
height: 12px;
background: url(../images/select-orlange-dwn-arw.svg) no-repeat center center;
background-size: contain;
transform: translateY(-50%);
transition: transform 0.3s ease;
}

.input-sec #guests.rotate-arrow:after {
transform: translateY(-50%) rotate(180deg);
} */
.input-sec #guests {
  background: url(../images/select-orlange-dwn-arw.svg) no-repeat center right;
  cursor: pointer;
  padding-right: 12px;
}
.disneyland-paris-sec #contact-form {
  margin-top: 70px;
}
.disneyland-paris-sec #booking-form {
  max-width: 980px;
  margin: auto;
  margin-top: 70px;
  padding-right: 30px;
}
@media (max-width: 991px) {
  .disneyland-paris-sec .dsiney-detination-sec-block .row {
    display: flex;
    /* flex-direction: column-reverse; */
  }
}
.disney-hotel-banner .banner-img-wrapper:before {
  content: none !important;
}
.disney-hotel-banner:after {
  position: absolute;
  content: "";
  left: 0px;
  width: 100%;
  height: 200px;
  z-index: 2;
  bottom: 0px;
  background: transparent linear-gradient(180deg, #00103600 0%, #001035 100%) 0% 0% no-repeat padding-box !important;
}
.hotel-detail-sec {
  background: linear-gradient(to bottom, rgba(1, 16, 55, 1) 0%, rgba(1, 16, 55, 1) 9%, rgba(1, 19, 59, 1) 10%, rgba(0, 20, 65, 1) 16%, rgba(0, 21, 68, 1) 16%, rgba(2, 24, 74, 1) 20%, rgba(1, 22, 75, 1) 22%, rgba(1, 24, 78, 1) 22%, rgba(1, 24, 78, 1) 23%, rgba(2, 24, 81, 1) 23%, rgba(1, 26, 83, 1) 27%, rgba(42, 63, 118, 1) 32%, rgba(44, 64, 117, 1) 33%, rgba(77, 93, 144, 1) 37%, rgba(97, 110, 155, 1) 39%, rgba(116, 129, 173, 1) 43%, rgba(138, 150, 188, 1) 46%, rgba(142, 152, 188, 1) 47%, rgba(146, 156, 192, 1) 47%, rgba(148, 158, 193, 1) 48%, rgba(161, 170, 203, 1) 50%, rgba(165, 172, 201, 1) 50%, rgba(204, 198, 212, 1) 55%, rgba(214, 208, 212, 1) 57%, rgba(219, 209, 217, 1) 57%, rgba(230, 219, 217, 1) 59%, rgba(240, 226, 225, 1) 61%, rgba(243, 228, 225, 1) 61%, rgba(253, 238, 231, 1) 65%, rgba(255, 242, 234, 1) 67%, rgba(254, 243, 237, 1) 68%, rgba(254, 245, 240, 1) 68%, rgba(255, 251, 248, 1) 74%, rgba(250, 249, 245, 1) 77%, rgba(246, 245, 241, 1) 79%, rgba(237, 238, 232, 1) 81%, rgba(234, 235, 229, 1) 81%, rgba(230, 231, 225, 1) 82%, rgba(224, 225, 217, 1) 84%, rgba(221, 223, 212, 1) 85%, rgba(216, 218, 207, 1) 86%, rgba(214, 216, 205, 1) 87%, rgba(212, 214, 201, 1) 87%, rgba(211, 213, 200, 1) 87%, rgba(204, 212, 197, 1) 88%, rgba(197, 210, 200, 1) 89%, rgba(182, 208, 195, 1) 91%, rgba(181, 209, 195, 1) 91%, rgba(178, 208, 198, 1) 91%, rgba(164, 204, 195, 1) 93%, rgba(162, 205, 198, 1) 94%, rgba(156, 203, 195, 1) 95%, rgba(153, 203, 192, 1) 95%, rgba(149, 202, 194, 1) 96%, rgba(144, 201, 192, 1) 96%, rgba(131, 197, 193, 1) 98%, rgba(124, 197, 190, 1) 99%, rgba(123, 198, 191, 1) 100%);
}
.disney-hotel-div {
  padding-bottom: 20px;
}
.form-outer-div .input-sec input.datepicker {
  background: url(../images/calendar.svg) no-repeat right top;
}
.guest-row {
  align-items: center;
}
.guest-no {
  display: none;
  background: #FFFFFF 0% 0%;
  box-shadow: 0px 20px 20px #262C6D1A;
  border-radius: 13px;
  padding: 20px 20px;
  text-align: center;
  position: absolute;
  width: 344px;
  z-index: 9;
  right: 0;
}


.people{
    text-align: left;
    color: #000;
    font-weight: 500;
}

.guest-no .p-count {
  max-width: 106px;
  margin: auto;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
}
.guest-no .p-count span {
  padding: 0 20px;
  color: #262C6D;
  font-weight: 400;
}
.guest-no p {
  color: #000;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}

.form-sec .col-lg-2{
  position: relative;
}

.p-count .js-form-item{
    height: 0;
    width: 0;
}

.guest-no .inner-ctn {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.disney-hotel-sec-block {
  padding: 24px 24px 5px 24px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 28px;
}
.disney-hotel-row {
  padding-bottom: 20px;
  align-items: flex-start !important;
}
.disney-hotel-ctn h3 {
  color: #262C6D;
  margin-bottom: 15px;
  font-size: 38px;
  line-height: 45px;
}
.disney-hotel-ctn h6 {
  color: #262C6D;
  margin-bottom: 0;
}
.disney-hotel-ctn p {
  margin-top: 24px;
  font-size: 14px;
  line-height: 24px;
}
.disney-hotel-ctn span {
  margin-top: 24px;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.general-description .toggle-description {
  font-size: 14px;
  line-height: 24px;
  color: #262C6D;
  margin-bottom: 10px;
  display: block;
}
.general-description .toggle-description:hover {
  color: #1c1c1c;
}
.standard-room {
  padding-bottom: 21px;
}
.standard-room::before {
  content: '';
  position: relative;
  background: #CCCDDD;
  width: 100%;
  height: 0.5px;
  margin: 0 25px 20px 10px;
  display: inline-block;
}
.hotel-label {
  display: table !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #FFFFFF;
  padding: 1px 10px;
  background: #E96736;
  border-radius: 60px;
  margin-bottom: 22px !important;
  margin-top: 0px !important;
}
.hotel-price-tag {
  display: flex;
  align-items: center;
}
.hotel-price-tag h5 {
  line-height: 22px;
  color: #787878;
  font-size: 14px;
  padding-right: 12px;
  margin-bottom: 6px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.hotel-price-tag h4 {
  line-height: 100%;
  color: #262C6D;
  font-size: 38px;
  margin-bottom: 0;
  font-family: "minerva-modern", sans-serif;
  font-weight: 400;
}
.hotel-price-tag p {
  line-height: 24px;
  color: #787878;
  font-size: 14px;
  padding-top: 24px;
}
.hotel-price-tag h4 span {
  color: #E96736;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  display: inline;
}
.hotel-price-tag .price {
  display: flex;
  border-right: 1px solid #EBEBEB;
  padding-right: 35px;
  align-items: center;
}
.heading-and-label {
  margin-right: 10px;
  border-bottom: 1px solid #EBEBEB;
}
.choose-room {
  margin-left: 35px;
}
.choose-room-btn {
  font-size: 14px;
  line-height: 17px;
  color: #262C6D;
  text-transform: uppercase;
  letter-spacing: 2.66px;
  font-weight: bold;
  padding-left: 35px;
  background: url(../images/orange-right-arw.svg) no-repeat left center;
  text-decoration: none;
}
.choose-room-btn:hover {
  color: #e96736;
}
/* .choose-room a:hover {
  color: #262C6D;
} */
.thumbSwiper {
  margin-top: 8.48px;
}
.book-now-btn {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  border: 0px;
  background: url(../images/book-now-right-arw.svg) no-repeat right 25px center #E96736;
  padding: 13px 53px 13px 22px;
  border-radius: 36px;
  transition: all 0.3s ease 0s;
  font-family: "Inter", sans-serif;
}
.more-details {
  font-size: 12px;
  line-height: 15px;
  color: #262C6D;
  text-transform: uppercase;
  letter-spacing: 2.66px;
  font-weight: bold;
  padding-right: 26px;
  margin-left: 10px;
  background: url(../images/more-details-right-arrow.svg) no-repeat right center;
  text-decoration: none;
}
.room-info h4 {
  font-size: 20px;
  line-height: 24px;
  color: #01174A;
  margin-bottom: 5px;
}
.room-info li {
  font-size: 14px;
}
.bed-view {
  display: flex;
}
.bed-view li:first-child::after {
  content: '';
  position: relative;
  background: #CCCDDD;
  width: 1px;
  height: 14px;
  display: inline-block; /* Make it act as a block-like element */
  margin: 0 11px;
}
.bed-view li {
  font-size: 14px;
  color: #787878;
}
.capacity {
  display: flex;
  margin-top: 5px;
}
.capacity li {
  padding-right: 20px;
  color: #787878;
}
.capacity li::before {
  padding-left: 22px;
  content: '';
  position: relative;
  width: 13px;
  height: 10px;
  display: inline-block;
  background: url(../images/orange-right-arw.svg) no-repeat left center;
  text-decoration: none;
  background-size: contain;
}
.hotel-price {
  display: flex;
  align-items: center;
}
.hotel-price h4 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 6px;
  color: #262C6D;
}
.hotel-price span {
  color: #E96736;
  font-size: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.hotel-price p {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 0;
}
.hotel-price::before {
  content: '';
  position: relative;
  background: #CCCDDD;
  width: 1px;
  height: 84px;
  display: inline-block;
}
.hotel-price::after {
  content: '';
  position: relative;
  background: #CCCDDD;
  width: 1px;
  height: 84px;
  display: inline-block;
}
.price-ctn {
  padding: 0 55px 0 47px;
}
.book-now-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.book-now-btn {
  margin-bottom: 17px;
}
.hotel-rooms {
  display: none;
  margin-bottom: 20px;
}
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0 !important;
}
.capacity span {
  color: #262C6D;
  font-weight: 400;
}
.book-now-btn:focus {
  color: #fff;
}
.book-now-btn:hover {
  color: #fff;
}
.more-details:hover {
  color: #e96736;
}
.more-details:focus {
  color: #262C6D;
}
.hotelSwiper swiper-slide a img {
  border-radius: 15px;
}
.hotelSwiper .swiper-slide img {
  cursor: pointer;
}
/* .input-sec #guests {
  position: relative;
  cursor: pointer;
}

.input-sec #guests:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -4px;
  width: 12px;
  height: 8px;
  background: url(../images/select-orlange-dwn-arw.svg) no-repeat center right;
  transition: 0.5s ease;
}

.input-sec #guests.select-arrow-active:after {
  transform: rotate(180deg);
  transition: 0.5s ease;
} */
.thumbSwiper img {
  border-radius: 6px;
  height: 63px;
  object-fit: cover;
}
.hotelSwiper img {
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .hotel-detail-sec {
    padding-top: 100px;
  }
  #booking-form {
    max-width: 780px;
    margin: auto;
    margin-top: 60px;
    display: flex;
    justify-content: flex-start;
  }
  #booking-form .container {
    padding-left: 0px;
  }
  .first-layer-bg {
    background: #001137 0% 0% no-repeat padding-box;
    padding-top: 100px;
  }
  .price-ctn {
    padding: 0 25px 0 25px
  }
  .capacity li {
    padding-right: 5px;
  }
  .disney-hotel-ctn p {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .hotel-label {
    margin-bottom: 16px !important;
  }
  .disney-hotel-ctn h3 {
    margin-bottom: 10px;
  }
  .hotel-price-tag h4 {
    line-height: 40px;
    margin-bottom: 0px;
  }
  .capacity li::before {
    padding-left: 15px;
  }
}
@media (max-width:991px) {
  #booking-form .container {
    padding-left: 35px;
  }
  .swiper-slide img {
    width: 100%;
    max-width: 100%;
  }
  .disney-hotel-ctn h3 {
    margin-bottom: 20px;
    margin-top: 27px;
    font-size: 28px;
    line-height: 35px;
  }
  .hotel-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .hotel-price::before {
    content: '';
    position: relative;
    background: #CCCDDD;
    width: 100%;
    height: 0.5px;
    margin-top: 19px;
    margin-bottom: 20px;
    display: inline-block;
  }
  .hotel-price::after {
    content: '';
    position: relative;
    background: #CCCDDD;
    width: 100%;
    height: 0.5px;
    margin-top: 19px;
    margin-bottom: 20px;
    display: inline-block;
  }
  .price-ctn {
    padding: 0;
  }
  .standard-room::before {
    height: 0.5px;
  }
  .hotel-price::before {
    content: '';
    position: relative;
    background: #CCCDDD;
    width: calc(100% - 25px);
  }
  .hotel-price::after {
    content: '';
    position: relative;
    background: #CCCDDD;
    width: calc(100% - 25px);
  }
  .hotel-rooms {
    height: 333px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1 !important;
  }
  .hotel-rooms .mCSB_scrollTools_vertical {
    margin: 30px 0 0 0 !important;
  }
  .hotel-rooms .mCSB_scrollTools {
    width: 6px !important;
    height: 82% !important;
    opacity: 1 !important;
  }
  .hotel-rooms .mCSB_dragger_bar {
    width: 6px !important;
    height: 68px !important;
    background-color: #262C6D !important;
    border-radius: 50px !important;
  }
  .hotel-rooms .mCSB_draggerContainer {
    background-color: rgba(38, 44, 109, 0.1) !important;
    border-radius: 100px !important;
  }
  .hotel-rooms .mCSB_draggerRail {
    background-color: transparent !important;
  }
  .standard-room::before {
    content: '';
    height: 0.5px;
    margin: 0 20px 20px 10px;
  }
}
@media (max-width: 600px) {
  .disney-hotel-banner .banner-overlay-ctn h1 {
    margin: auto;
    margin-top: 115px;
    max-width: 302px;
  }
  .disney-hotel-banner p {
    font-size: 20px;
    line-height: 26px;
    margin: auto;
    margin-top: 15px;
    max-width: 302px;
  }
  #booking-form {
    padding-right: 0;
    margin-top: 209px;
  }
  #booking-form .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .hotel-detail-sec {
    padding-top: 235px;
  }
  .hotel-label {
    margin-bottom: 22px !important;
  }
  .disney-hotel-ctn p {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .hotel-price-tag {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .hotel-price-tag .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 20px;
    border-right: none;
    width: 100%;
  }
  .choose-room {
    margin: 30px 0px 7px;
  }
  .room-info h4 {
    margin-bottom: 9px;
    max-width: 222px;
  }
  .capacity {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
  }
  .capacity li {
    padding-right: 17px;
    margin-bottom: 6px;
  }
  .capacity li::before {
    padding-left: 20px;
    content: '';
  }
  .hotel-price h4 {
    margin-bottom: 0px;
  }
  .disney-hotel-sec-block {
    position: relative;
    padding: 24px 24px 24px 24px;
  }
  .hotel-rooms::after {
    content: '';
    position: absolute;
    bottom: -54px;
    left: 0;
    width: 100%;
    height: 70px;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 69%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  }
  .hotel-rooms {
    margin-bottom: 30px;
  }
  .guest-no {
    display: none;
    background: 0% 0% rgb(255, 255, 255);
    box-shadow: rgba(38, 44, 109, 0.1) 0px 20px 20px;
    border-radius: 13px;
    padding: 30px 30px;
    text-align: center;
    position: absolute;
    width: auto;
  }
  .hotel-detail-sec .loadmore-btn {
    margin-top: 26px;
  }
}
/* end */
/* popup */
.room-details {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
  border-top: 1px solid #E3E3E3;
  padding: 45px 50px 25px 50px;
  margin-top: 40px;
}
.highlight-box {
  background: #F6F6F9;
  padding: 22px 20px 29px;
  border-radius: 6px;
}
.highlight-box h5 {
  font-size: 20px;
  line-height: 24px;
  color: #01174A;
}
.bed-view-box {
  margin-bottom: 20px;
}
.highlights {
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: -30px;
}
.highlights li::before {
  content: '';
  width: 13px;
  height: 10px;
  display: inline-block;
  background: url(../images/orange-right-arw.svg) no-repeat left center;
  text-decoration: none;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 5px;
}
.highlights li {
  padding-right: 20px;
  font-size: 12px;
  font-weight: normal;
  color: #262C6D;
  line-height: 17px;
  position: relative;
  padding-left: 22px;
  flex: 0 0 auto;
  width: auto;
  margin-bottom: 30px;
}
.highlights li:last-child {
  padding-right: 0px;
}
.room-popup .btn-close {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
.room-popup h4 {
  text-align: center;
  margin: 24px 0 26px 0;
  font-size: 26px;
  line-height: 31px;
  color: #01174A;
}
.room-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.room-popup .modal-dialog.modal-dialog-centered {
  max-width: 790px;
  margin: auto;
  margin-top: 30px;
}
.room-slider .swiper-button-next::after, .room-slider .swiper-button-prev::after {
  display: none;
}
.room-slider {
  position: relative;
}
.room-slider .swiper-button-next, .room-slider .swiper-button-prev {
  position: absolute;
  top: 50%;
}
.room-slider .swiper-button-prev {
  left: 40px;
}
.room-slider .swiper-button-next {
  right: 40px;
}
.room-slider .swiper-button-next img, .room-slider .swiper-button-prev img {
  transition: all 0.3s ease 0s;
}
.room-slider .swiper-button-next:hover img, .room-slider .swiper-button-prev:hover img {
  transform: scale(1.2);
}
.brief-detail {
  margin-top: 30px;
}
.brief-detail p {
  font-size: 16px;
  margin-bottom: 0px;
  color: #787878;
}
.brief-detail p span {
  font-weight: bold;
}
@media (max-width: 991px) {
  .highlights li {
    padding-right: 20px;
  }
  .hotel-price::before {
    content: '';
    margin-top: 17px;
    margin-bottom: 18px;
  }
  .hotel-price::after {
    content: '';
    margin-top: 17px;
    margin-bottom: 18px;
  }
}
@media (max-width: 991px) and (min-width: 601px) {
  .disney-hotel-ctn p {
    margin-top: 24px;
    font-size: 12px;
    line-height: 20px;
  }
  .disney-hotel-ctn h3 {
    margin-bottom: 5px;
  }
  .disney-hotel-ctn p {
    margin-top: 7px;
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 20px;
  }
  .hotel-price-tag h4 {
    line-height: 22px;
    font-size: 22px;
    margin-bottom: 0px;
  }
  .choose-room-btn {
    font-size: 12px;
  }
}
@media (max-width: 819px) {
  .room-popup .modal-dialog.modal-dialog-centered {
    margin-top: 70px;
  }
}
@media (max-width: 600px) {
  .room-popup .modal-dialog.modal-dialog-centered {
    max-width: 350px;
    margin: auto;
    margin-top: 65px;
  }
  .room-slider .swiper-button-rarrow {
    margin-top: 35px;
    position: relative;
  }
  .room-slider .swiper-button-next {
    left: 55%;
    margin-bottom: -14%;
  }
  .room-slider .swiper-button-prev {
    left: 39%;
  }
  .room-popup h4 {
    text-align: center;
    margin: 24px 0 24px 0;
  }
  .room-details {
    padding: 18px 20px 10px 20px;
    margin-top: 80px;
  }
  .highlights {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
/* end */
/* request booking popup */
.request-popup .modal-body {
  padding: 57px 50px !important;
}
.request-popup .btn-close {
  position: absolute;
  right: 30px;
  top: 30px;
}
.request-popup .input-sec {
  margin-bottom: 30px;
}
.request-popup .input-sec input {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 18px;
  color: #262C6D;
  width: 100%;
  outline: none;
  box-shadow: none;
  padding: 0px 8px 12px;
  border: 0px;
  border-bottom: 1px solid #C2CDDF;
  font-weight: 500;
  background: none;
}
.request-popup input::placeholder {
  color: #262C6D;
  opacity: 1;
}
.request-popup h4 {
  margin-bottom: 25px;
  font-size: 26px;
  line-height: 31px;
  color: #01174A;
}
.request-popup p {
  font-size: 14px;
  line-height: 22px;
  color: #787878;
  font-weight: normal;
  margin-bottom: 46px;
}
.request-popup textarea::placeholder {
  color: #262C6D;
  opacity: 1;
}
.request-popup textarea {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
  color: #262C6D;
  outline: none;
  box-shadow: none;
  padding: 0px 8px 11px;
  border: 0px;
  border-bottom: 1px solid #C2CDDF;
  font-weight: 500;
  background: none;
  height: 109px;
  resize: none;
}
.request-popup .submit-btn {
  width: 100%;
  padding: 16px 83px 15px 36px;
  background: url(../images/request-booking-submit-arrow.svg) no-repeat right 41% center #E96736;
}
.request-popup .submit-btn:hover {
  width: 100%;
  background: url(../images/request-booking-submit-arrow.svg) no-repeat right 41% center #262C6D;
}
@media (max-width:600px) {
  .request-popup .modal-body {
    padding: 28px 22px 47px 21px !important;
  }
  .request-popup .submit-btn {
    width: 100%;
    padding: 16px 83px 15px 36px;
    background: url(../images/request-booking-submit-arrow.svg) no-repeat right 38% center #E96736;
  }
  .request-popup .submit-btn:hover {
    width: 100%;
    background: url(../images/request-booking-submit-arrow.svg) no-repeat right 38% center #262C6D;
  }
  .request-popup .modal-dialog.modal-dialog-centered {
    max-width: 350px;
    margin: auto;
    margin-top: 30px;
  }
  .request-popup .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}
/* end */
/* Payment page :start */
.holding-price {
  display: flex;
  margin-top: 30px;
}
.holding-price p {
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #787878;
}
.time {
  margin-left: 20px;
}
.time span {
  font-size: 20px;
  line-height: 24px;
  color: #262C6D;
  text-transform: uppercase;
  font-family: "minerva-modern", sans-serif;
  letter-spacing: 2.66px;
  font-weight: normal;
  padding-left: 25px;
  background: url(../images/clock-img.svg) no-repeat left center;
  text-decoration: none;
}
.secure-logo img {
  margin-top: 5px;
}
.more-time {
  margin-left: 20px;
}
.more-time-btn {
  font-size: 14px;
  line-height: 17px;
  color: #262C6D;
  text-transform: uppercase;
  letter-spacing: 2.66px;
  font-weight: bold;
  padding-left: 30px;
  background: url(../images/orange-right-arw.svg) no-repeat left center;
  text-decoration: none;
}
.secure-payment {
  display: flex;
  margin-top: 48px;
}
.secure-payment h6 {
  margin-bottom: 15px;
}
.secure-payment .text-ctn {
  margin-left: 25px;
}
.secure-payment .text-ctn p {
  color: #787878;
  font-size: 14px;
  line-height: 17px;
}
.payment-option {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.payment-option .option {
  padding: 22px 25px;
  background: #FFFFFF;
  box-shadow: 0px 10px 15px #262C6D26;
  border-radius: 9px;
}
.terms-and-privacy {
  color: #262C6D;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  margin-top: 40px;
}
.terms-and-privacy span {
  font-weight: bold;
}
.payment-booking-btn {
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  border: 0px;
  background: url(../images/submit-btn-right-arw.svg) no-repeat right 55px center #E96736;
  padding: 16px 100px 16px 64px;
  border-radius: 36px;
  transition: all 0.3s ease 0s;
  display: table;
  margin: auto;
}
.payment-booking-btn:hover {
  background: url(../images/submit-btn-right-arw.svg) no-repeat right 55px center #262C6D;
}
.payment-booking {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.back {
  margin-left: 74px;
}
.back-to-booking {
  font-size: 14px;
  line-height: 17px;
  color: #262C6D;
  text-transform: uppercase;
  letter-spacing: 2.66px;
  font-weight: bold;
  display: inline-block;
  padding-left: 35px;
  background: url(../images/orange-right-arw.svg) no-repeat left center;
  text-decoration: none;
}
/* .payment-option .form-check-input {
width: 20px;
height: 20px;
border: 2px solid #262C6D;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s;
}


.payment-option .form-check-input:checked {
background-color: #262C6D;
border-color: #262C6D;
}


.payment-option .form-check-input:focus {
box-shadow: none;
}


.payment-option .form-check-label {
margin-left: 10px;
} */
.payment-option .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 2px solid #262C6D;
  border-radius: 50%;
  background-color: #fff;
  transition: background-color 0.2s, border-color 0.2s;
  position: relative;
}
.payment-option .form-check-input:checked {
  background-color: #fff;
  border-color: #262C6D;
}
.payment-option .form-check-input:checked::before {
  content: '';
  position: absolute;
  top: 2.5px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: #262C6D;
  border-radius: 50%;
}
.payment-option .form-check-input:focus {
  box-shadow: none;
}
.payment-option .form-check-label {
  margin-left: 10px;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  color: #01174A;
  font-family: "minerva-modern", sans-serif;
}
.payment-info-sec .right-block-col {
  display: flex;
  justify-content: right;
}
.payment-info-sec .package-detail-right-sec-block.extras-right-sec-block {
  width: 100%;
  max-width: 358px;
  margin-top: 90px;
}
.payment-info-sec .room-box-view p {
  max-width: 220px;
  margin: auto;
  margin-bottom: 20px;
}
.payment-info-sec::after {
  background: transparent linear-gradient(0deg, #7BC5BF 0%, #D3D5C8 44%, #E8E9E3 65%, #FCFCFC00 93%, #CCCAD600 100%) 0% 0% no-repeat padding-box !important;
}
.payment-info-sec .container {
  z-index: 1;
}
.p-count img {
  cursor: pointer;
}
@media (max-width: 1200px) {
  .back {
    margin-left: 20px;
  }
}
@media (max-width: 1024px) {
  .payment-info-sec .package-detail-right-sec-block-for-desktop {
    display: block;
  }
}
@media (max-width:991px) {
  .payment-booking {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
  .back {
    margin-left: 0px;
    margin-top: 40px;
  }
  .time {
    margin-left: 15px;
  }
  .more-time {
    margin-left: 15px;
  }
  .payment-info-sec .room-box-view p {
    padding: 0 20px;
  }
}
@media (max-width: 800px) {
  .holding-price {
    display: flex;
    flex-wrap: wrap;
  }
  .holding-price p {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .payment-info-sec .row {
    flex-direction: column-reverse;
  }
  .time {
    margin-left: 0px;
  }
  .payment-info-sec .right-block-col {
    display: flex;
    justify-content: center;
  }
  .payment-info-sec .package-detail-right-sec-block.extras-right-sec-block {
    margin-top: 0px;
  }

  .highlights {
  flex-direction: column;
}
}
@media (max-width: 600px) {
  .payment-info-sec .package-detail-right-sec-block.extras-right-sec-block {
    width: 100%;
    max-width: 100%;
  }
  .payment-info-sec::after {
    background: transparent linear-gradient(0deg, #7BC5BF 0%, #D3D5C8 44%, #E8E9E3 65%, #FCFCFC00 93%, #CCCAD600 100%) 0% 0% no-repeat padding-box !important;
    height: 1226px;
  }
  .payment-info-sec .extras-left-sec-block {
    margin-top: 60px;
  }
  .holding-price {
    margin-top: 18px;
  }
}
.checkout-page .modal-backdrop {
  z-index: -9999
}
@media (max-width: 575px) {
  .general-description .toggle-description {
    margin-bottom: 28px;
  }
}

body .child-age-select-wrapper{
  margin-left: 0;
  margin-right: 0;
}

body .child-age-select-wrapper label{
  font-size: 14px;
    color: #000;
    font-weight: 500;
    width: 50%;
    text-align: left;
}

body .child-age-dropdown{
    padding-left: 0;
    padding-right: 0;
}

#amazon_ps_form .control-label{
  width: 100%;
}

.amazon-payfort-form .form-group{
    display: flex;
    flex-wrap: wrap;
}

.amazon-payfort-form .form-wrapper,
.amazon-payfort-form .form-item-disney-payment-process-offsite-payment-payment-details-card-form-expiry-date-container-year-field-expiry-year{
   width: auto!important;
}

.messages-list__wrapper.container .alert-content .placeholder{
    color: #e96736;
    background: none;
    opacity: 1;
}