/* hotelcheckout css start*/
        .hotel_rating.yellow{color:#ffc107;}
        .header-hotel{margin:25px auto;}
        .hotel_title_checkout,#ContactForm h2{margin-bottom:0;}
        #ContactForm .media {display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;}
        #ContactForm .media-body{flex:1;}
        .hotelcheckout .hotel_title{padding-left:0px;}
        .hotelcheckout_form h2{text-align:center;}

        .hotelcheckout_form{
          padding: 1.8rem 1rem 1.5rem 1rem;
          border: 2px solid #3b4249;
          
        }
        .p-form{padding: 0 3rem;}
        .hotelcheckout_form label{font-weight: 500;}
        #ContactForm label{margin-bottom:0;}
        .red-star{color: #e2121a;}
        .form-control{border: 1px solid #3b4249;border-radius: 0 !important;}
        .submit_booking_btn{
          color: #fff;
          background-color: #0663fe;
          border-color: #0663fe;
          font-weight: 800;
          text-transform: uppercase;
          border-radius:0px;
          width: 460px;
        }


         .s-form{padding: 0 3rem;}
        .s-form.secure-payment{
            background: #f5f5f5;
            padding: 1.5rem 0 1rem 0;
            border: 1px solid #e9e9ea;
            margin-top: 50px;
        }
        .mr-3, .mx-3 {
  margin-right: 1rem !important;
}
        .hotelcheckout .media img{
            width: 40px;
            height: 40px;
        }

        .secure-payment h2{text-align:left; }
        .secure-payment p{ line-height: 1.2rem;}
        .submit_booking_box{text-align:center;margin-top:35px;}
        .submit_booking_btn{padding:19px 3px;font-size:16px;}
        .verified-box{text-align:center;}
        .verified-box img{
            width: 200px;
            height: 55.68px;
            margin:30px 0px 0px 0px;
        }
        .v-form{padding: 0 3rem;}

        .v-form .agreement-paymentterms{
            margin-bottom: 10px;
            margin-top: 30px;

            font-weight: 400;
            line-height: 1.4;
            text-align: justify;
          }

          .block-reservation .badge-success{
          width: 100%;
          border-radius: 0;
          text-align: center;
          padding: 2.5rem 1.8rem;
          text-align:center;
          }
          .badge{display:flex;justify-content: center;align-items: center;}
          .badge-success{
            color: #202027;
            background-color: #0663fe;
            border-color: #0663fe;

          }
          .pr-phone{margin-bottom:2rem;}
          .block-reservation .badge-success p{
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 1.3rem;
            margin: 0;
            font-family: 'Nunito Sans', sans-serif;
            color: #FFF;
            

          }
          .badge-success i{font-size:1.25rem;vertical-align: middle;}
          .booking-summary{padding: 0 40px;}
          .booking-summary .background{background: #f1f2f2; padding: 3px;}
          .booking-summary h4{

            font-weight: 500;
            color: #0f0f0f;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 1.4rem;
            padding-bottom: 0.8rem;
            border-bottom: 1px solid #e0e1e2;
          }
          .booking-summary dl dt{
            flex: 0 0 40%;
            max-width: 40%;
            font-weight: 300;
          }
          .booking-summary dl dd{
            flex: 0 0 60%;
            max-width: 60%;
            text-align: right;
            margin-left: auto;
            margin-bottom: 5px;
          }
          .booking-summary dl{
            display: flex !important;
            margin-bottom: 15px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            font-size: 0.8rem;
            line-height: 1.2rem;
            font-weight: 300;
          }
          .booking-summary .background .body{padding: 0 24px;}
          .booking-summary dl.price dt{flex: 0 0 60%;max-width: 60%;}
          .booking-summary dl.price.total{
            border-top: 1px solid #e0e1e2;
            padding-top: 1.5rem;
            margin-top: 1.5rem;}
            .price{
              font-size: 1.5rem;
              font-weight: 400;
              color: #000;
              padding-left: 0px;}
              .booking-summary dl.price dd{flex: 0 0 40%;max-width: 40%;}
              .total-info{margin-top: 5px;margin-bottom:10px; padding:0px;}
              .total-info p{padding: 0px;    color: #202027;font-weight: 300; padding:0px;}
              .pay-info{padding-bottom:0px;margin-top:1rem;}
              .booking-summary dl.price.total dt{font-weight: 600;color: #202027;}
              .reference-info h2{
                font-weight: 500;

                line-height: 1.2;
                margin: 0;
                text-align: center;
              }
              .reference-info p{
                font-weight: 500;

                line-height: 1.2;

                text-align: center;
                    margin-top: 10px;
              }

              .elementor-tab-title {
              display: flex;               /* Flex layout */
              justify-content: space-between; /* Space between content and icon */
              align-items: center;          /* Vertically center items */
              padding: 15px;               /* Padding for better spacing */
              cursor: pointer;             /* Pointer cursor */
              background-color: #f5f5f5;    /* Optional background */
              border: 1px solid #ddd;       /* Optional border */
            }

            .elementor-tab-title .elementor-toggle-content {
              display: flex;
              flex-direction: column;        /* Stack title and date vertically */
              gap: 5px;                     /* Add small gap between items */
            }

            .booking-summary-title {
              font-size: 16px;              /* Title size */
              font-weight: bold;            /* Bold title */
            }

            .booking-summary-short_dates {
              font-size: 14px;              /* Dates size */
              color: #666;                  /* Optional color */
            }

            .elementor-toggle-icon {
              display: flex;                /* Center icon vertically and horizontally */
              justify-content: center;
              align-items: center;
              width: 30px;                  /* Icon container width */
              height: 30px;                 /* Icon container height */
              margin-left: auto;            /* Push icon to the right */
            }

            .elementor-toggle-icon i {
              font-size: 16px;              /* Icon size */
              color: #333;                  /* Icon color */
            }

            .elementor-tab-content {
              display: none;                /* Initially hidden */
              padding: 15px;
              border: 1px solid #ddd;        /* Optional border */
              margin-top: -1px;             /* Align content with title */
            }
.booking-summary-mobile{display:none;}
.error_section{white-space:normal;padding:10px;line-height:normal;}
footer.thankyou.fixed_footer{position:fixed;bottom:0;width:100%;}
/* thank you page css start*/

.thankyou .label_text{ font-weight: 700;font-size: 16px; color:#000; margin-top:10px;}
.thankyou .label_data{ font-weight: 500;font-size: 18px;color:#0663fe;}
.thankyou .user_booking_info{margin-bottom:20px;}
.powered_by_txt{color:#0663fe;}
.powered_by_logo img{width:200px;height:35px;margin-top:-5px;margin-left: -7px;}

/* thank you page css end*/
@media (max-width: 768px) {
  /* room price section start */
  .submit_booking_btn{width:100%;}
  .booking-summary{display: none;}
  .booking-summary-mobile{display:block; margin-bottom: 10px;}
  /* room price section end */
}

@media only screen and  (min-width:480px) and (max-width:767px)
{
  .booking-summary-mobile{display:block;  margin-bottom: 10px;}
  .submit_booking_btn{width: 100%;padding: 16px 3px; font-size:14px;}

  .pay-info-mobile dl dt {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%; font-weight: 300; float: left;}

.pay-info-mobile dl dd {-ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%;text-align: right;margin-left: auto;margin-bottom: 5px;}
.thankyou .label_text{font-size: 14px;}
  .thankyou .label_data{font-size: 16px;}
  
}
@media only screen and  (min-width:360px) and (max-width:479px)
{
  .booking-summary-mobile{display:block; margin-bottom: 10px;}
 .submit_booking_btn{width: 100%;padding: 16px 3px; font-size:14px;}
 
 .secure-payment p {line-height: 1.9rem;}
 .booking-summary-short_dates{    color: #666;font-size: 14px;font-weight: 400;}
  .booking-summary-title{color: #222;font-size: 16px;font-weight: 700;}


.pay-info-mobile dl dt {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%; font-weight: 300; float: left;}

.pay-info-mobile dl dd {-ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%;text-align: right;margin-left: auto;margin-bottom: 5px;}
.pay-info-mobile dl dt,.pay-info-mobile dl dd{ font-size:13px;}
.total-info p{font-size:13px;}
.thankyou .label_text{font-size: 14px;}
  .thankyou .label_data{font-size: 16px;}



}
 @media only screen and  (min-width:320px) and (max-width:359px)
{
  .booking-summary-mobile{display:block;    margin-bottom: 10px;}
  .submit_booking_btn{width: 100%;padding: 16px 3px; font-size:14px;}

  .pay-info-mobile dl dt,.pay-info-mobile dl dd{ font-size:12px;}

  .pay-info-mobile dl dt {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%; font-weight: 300; float: left;}

.pay-info-mobile dl dd {-ms-flex: 0 0 60%;flex: 0 0 60%; max-width: 60%;text-align: right;margin-left: auto;margin-bottom: 5px;}
.total-info p{font-size:12px;}
.booking-summary-short_dates{font-size: 13px;    font-weight: 500;}
.thankyou .label_text{font-size: 14px;}
  .thankyou .label_data{font-size: 16px;}

}

@media only screen and  (min-width:320px) and (max-width:768px)
{
  .hotelcheckout_form{
    margin:0 15px;
  }
}
