@font-face {
     font-family: 'STIXTwoText-SemiBold';
     src: url(/assets/font/STIX_Two_Text/static/STIXTwoText-SemiBold.ttf) format('truetype');

 }

 /* Mulish */
 @import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

 /* /Mulish */
 /* @font-face {
    font-family: 'roboto';
    src: url(/assets/font/Roboto/Roboto-Medium.ttf) format('truetype');
} */
 html {
     scroll-behavior: smooth;
 }

 .sixt {
     font-family: 'STIXTwoText-SemiBold';
 }

 .roboto {
     font-family: 'roboto';
 }

 .mulish {
     font-family: "Mulish", sans-serif;
 }

 img {
     width: 100%;
 }

 a {
     text-decoration: none !important;
 }

 p {
     font-family: Roboto;
 }

 .btn.focus,
 .btn:focus {
     box-shadow: unset;
 }

 /* banner -video css*/

 .video-container {
     z-index: -1;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
 }

 .video-container video {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .video-container::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     /* background-color: rgba(0, 0, 0, 0.82); */
     /* background-color: rgb(155 155 155 / 82%); */
 }

 /* banner_text-css */
 .showcase_text {
     position: absolute;
     top: 35%;
     left: 50%;
     transform: translateX(-50%);
     width: 36%;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .showcase_text h1 {
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     color: #ffffff;
 }

 .showcase_text p {
     font-size: 20px;
     font-weight: 600;
     line-height: 25px;
     text-align: center;
     color: #ffffff;
     padding-inline: 4pc;
 }

 .total_baneer {
     position: relative;
     height: 100vh;
 }

 /* video_button */
 .play_button {
     text-align: center;
 }

 .play_button .button {
     display: inline-block;
     position: relative;
 }

 .play_button .button.is-play {
     background-color: #fff;
     border-radius: 50%;
     width: 100px;
     height: 100px;
 }

 .play_button .button.is-play .button-outer-circle {
     background: rgba(255, 255, 255, 0.2);
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     height: 100%;
     width: 100%;
 }

 .play_button .button.is-play .button-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 30px;
     height: 30px;
     transform: translate(-50%, -50%);
 }

 .play_button .button.is-play .button-icon .triangle {
     -webkit-animation: fadeIn 7s ease;
     animation: fadeIn 7s ease;
 }

 .play_button .button.is-play .button-icon .path {
     stroke-dasharray: 90;
     stroke-dashoffset: 0;
     -webkit-animation: triangleStroke 3s;
     animation: triangleStroke 3s;
     -webkit-animation-timing-function: ease;
     animation-timing-function: ease;
 }

 .play_button .has-scale-animation {
     -webkit-animation: smallScale 3s infinite;
     animation: smallScale 3s infinite;
 }

 .play_button .has-delay-short {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
 }

 @-webkit-keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @-webkit-keyframes triangleStroke {
     from {
         stroke-dashoffset: 90;
     }

     to {
         stroke-dashoffset: 0;
     }
 }

 @keyframes triangleStroke {
     from {
         stroke-dashoffset: 90;
     }

     to {
         stroke-dashoffset: 0;
     }
 }

 @-webkit-keyframes smallScale {
     from {
         transform: scale(1);
         opacity: 1;
     }

     to {
         transform: scale(1.5);
         opacity: 0;
     }
 }

 @keyframes smallScale {
     from {
         transform: scale(1);
         opacity: 1;
     }

     to {
         transform: scale(1.5);
         opacity: 0;
     }
 }

 .play_flex {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 25px;
 }

 .play_flex h3 {
     font-size: 20px;
     font-weight: 700;
     line-height: 23.44px;
     text-align: center;
     color: white;
 }

 /* location_css */
 .home .location_section {
     margin-bottom: 80px;
 }

 .home .location_section .location_div {
     background-color: #FFFFFF;
     box-shadow: 0px 10px 30px 0px #7BBCB080;
     /* background: linear-gradient(to bottom, #39599600 52%, #ffffff 43%);
     box-shadow: 0px 7px 9px 0px #93939380; */
     padding: 15px 15px;
     position: absolute;
     bottom: -46px;
     left: 50%;
     transform: translateX(-50%);
     border-radius: 0px 10px 10px 10px;
     z-index: 999;
 }

 .input_flex_baner {
     display: flex;
     align-items: center;
     gap: 5px;
     width: 100%;
 }

 .input_flex_baner .twitter-typeahead input {
     width: 100%;
     border: 0;
 }

 .daterangepicker .calendar-table th {
     /* height: 35px; */
     font-size: 19px !important;
     font-weight: 400;
     color: #1A1A1A;
 }

 .table-condensed thead tr:nth-of-type(2) th {
     padding-block: 15px 20px;
 }

 /* .daterangepicker .drp-calendar.left {
    padding: 8px 15px 22px 8px !important;

}

.daterangepicker .drp-calendar.right {
    padding: 8px 8px 8px 20px !important;
} */

 .input_flex_baner .twitter-typeahead input:focus-visible {
     width: 100%;
     border: 0;
 }

 .input_flex_baner .twitter-typeahead input:focus {
     width: 100%;
     border: 0;
     outline: none !important;
 }

 .input_flex_baner .twitter-typeahead {
     width: 100%;
 }

 .table-condensed thead tr:nth-of-type(2) {
     padding-bottom: 20px;
 }

 .paging_serch_bar {
     padding-inline: 7px 0px;
 }

 .paging_left_bar {
     padding-left: 15px;
     padding-right: 0px;
 }

 .pading_ser_bar {
     padding-right: 15px;
     padding-left: 0px;
 }

 .button_class {
     font-family: STIX Two Text;
     padding: 12px 55px 12px 55px;
     border-radius: 5px;
     background-color: #395996;
     color: white;
     border: 1px solid #395996;
 }

 .button_class:hover {
     background-color: #B57F1A;
     border: 1px solid #B57F1A;
     color: #ffffff;
 }

 .pos_reltive {
     position: relative;
 }

 /* location-form */
 .controls {
     text-align: left;
     position: relative;
 }

 .controls input[type="text"],
 .controls input[type="email"],
 .controls input[type="number"],
 .controls input[type="date"],
 .controls input[type="tel"],
 .controls textarea,
 .controls button,
 .controls select {
     padding: 12px;
     font-size: 14px;
     border: 1px solid #c6c6c6;
     width: 100%;
     /* margin-bottom: 18px; */
     color: #888;
     font-family: "Lato", "sans-serif";
     font-size: 16px;
     font-weight: 300;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }

 .controls input[type="text"]:focus,
 .controls input[type="text"]:hover,
 .controls input[type="email"]:focus,
 .controls input[type="email"]:hover,
 .controls input[type="number"]:focus,
 .controls input[type="number"]:hover,
 .controls input[type="date"]:focus,
 .controls input[type="date"]:hover,
 .controls input[type="tel"]:focus,
 .controls input[type="tel"]:hover,
 .controls textarea:focus,
 .controls textarea:hover,
 .controls button:focus,
 .controls button:hover,
 .controls select:focus,
 .controls select:hover {
     outline: none;
     border-color: #9fb1c1;
 }

 .controls .fa-sort {
     position: absolute;
     right: 10px;
     top: 17px;
     color: #999;
 }

 .controls select {
     -moz-appearance: none;
     -webkit-appearance: none;
     cursor: pointer;
 }

 .controls label {
     position: absolute;
     left: 8px;
     top: 10px;
     width: 85%;
     color: #999;
     font-size: 16px;
     display: inline-block;
     padding: 4px 10px;
     font-weight: 400;
     background-color: rgba(255, 255, 255, 0);
     -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
     -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
     -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
     transition: color 0.3s, top 0.3s, background-color 0.8s;
     background-color: white;
 }

 .controls label.active {
     top: -15px;
     color: #555;
     background-color: white;
     width: auto;
 }

 .controls label.active .span_tag {
     display: none;
 }

 .controls textarea {
     resize: none;
     height: 200px;
 }

 .controls_drowdown li {
     list-style-type: none;
 }

 .controls_drowdown {
     border: 1px solid #E8EAEB;
 }

 .controls_drowdown .dropdown-item i {
     padding-right: 5px;
 }

 /*  */
 .btn_serch_loction {
     border: 1px solid #00000096;
     padding: 12px;
     border-radius: 5px;
     font-size: 17px;
     font-weight: 600;
     line-height: 18px;
     text-align: left;
     color: #000000;
     height: 50px;
 }

 .btn_serch_loction i {
     padding: 0px 8px 0px 0px;
 }

 .dropdown-menu.show {
     width: 100%;
     /* border-radius: 5px; */
 }

 .dropdown-menu.show .dropdown-item {
     padding: 10px 15px;
 }

 .search_location {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .search_location i {
     font-size: 25px;
 }

 .city_name {
     font-size: 14px;
     font-weight: bold;
 }

 .state_name {
     font-size: 14px;
 }

 .date_picker_css input {
     height: 50px;
     width: 100%;
 }


 /*  */
 .slide-container {
     max-width: 1120px;
     width: 100%;
     padding: 40px 0;
 }

 .slide-content {
     margin: 0 40px;
     overflow: hidden;
 }

 .hotel-slider .swiper-slide {
     border-radius: 16px;
     cursor: pointer;
 }

 .child-age {
     margin: 0 10px;
     font-size: 14px;
     font-weight: 400;
     line-height: 25px;
     text-align: left;

     font-size: 15px;
     font-weight: 600;

     display: flex;
     justify-content: space-between;
     margin-inline: 10px 0px;
     margin-block: 10px;
 }

 .child-age select {
     border-radius: 5px;
     padding: 5px 3px;
     font-size: 14px;
     font-weight: 400;
     line-height: 25px;
     text-align: left;
     border-color: #b57f1a;
 }

 .image-content {
     border-radius: 16px 16px 0px 0px;
 }

 .card-content {
     border-radius: 0px 0px 16px 16px;
 }

 .image-content,
 .card-content {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 20px;
     background-color: #fff;
 }

 .image-content {
     position: relative;
     row-gap: 5px;
     padding: 0;
     height: 285px;
     width: auto;
 }

 .hotel-slider .image-content img {
     border-radius: 16px;
     height: 285px;
 }

 .overlay {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #4070F4;
     /* border-radius: 25px 25px 0 25px; */
 }

 .hotel-slider {
     /* background-color: #918250; */
     background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 99%);
     padding-block: 50px;
 }

 .overlay::after {
     /* border-radius: 0 25px 0 0; */
     background-color: #FFF;
 }

 .section-title h2 {
     text-align: center;
     color: rgb(0, 0, 0);
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     line-height: 54px;
     text-align: left;
     text-transform: capitalize;
 }

 .section-title p {
     text-align: center;
     color: rgb(0, 0, 0);
     width: 50%;
     font-size: 18px;
     font-weight: 400;
     line-height: 32px;
     text-align: center;


 }

 .card-image {
     position: relative;
     height: 150px;
     width: 150px;
     border-radius: 50%;
     background-color: #FFF;
     padding: 3px;
 }

 .card-image .card-img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     border-radius: 50%;
     border: 4px solid #4070F4;

 }

 .name {
     font-size: 18px;
     font-weight: 500;
     color: #333;
 }

 .description {
     font-size: 14px;
     color: #707070;
     text-align: center;
 }

 .button {
     border: none;
     font-size: 16px;
     color: #FFF;
     padding: 8px 16px;
     background-color: #4070F4;
     border-radius: 6px;
     margin: 14px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .button:hover {
     background-color: #265DF2;
 }

 .swiper-navBtn {
     color: #6E93f7;
     transition: color 0.3s ease;
 }

 .swiper-navBtn:hover {
     color: #395996;
     background-color: #FEFCFB;
 }

 .swiper-navBtn::before,
 .swiper-navBtn::after {
     font-size: 38px;
 }

 .swiper-button-next {
     right: 0;
 }

 .swiper-button-prev {
     left: 0;
 }

 .swiper-pagination-bullet {
     background-color: #6E93f7;
     opacity: 1;
 }

 .swiper-pagination-bullet-active {
     background-color: #4070F4;
 }

 @media screen and (max-width: 768px) {
     .slide-content {
         margin: 0 10px;
     }


 }

 .prev_button_swiper {
     top: 0;
     position: absolute;
     right: 7pc;
     background-color: #395996;
     padding: 10px 15px;
     color: white;
     border-radius: 5px;
 }

 .next_button_swiper {
     top: 0;
     position: absolute;
     right: 3pc;
     background-color: #395996;
     padding: 10px 15px;
     color: white;
     border-radius: 5px;
 }

 .slide-container.swiper {
     padding-block: 4pc 0px;
 }

 .section-title {
     display: flex;
     flex-direction: column;
     align-items: center;
 }


 /* slide-content */
 .best_hotelname_flex {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     width: 100%;
 }



 .best_hotelname_flex i {
     padding-right: 5px;
 }

 .rating_div i {
     color: #ffc107;
 }

 .bed_div i {
     color: #1C1B1A;
     font-weight: 500;
 }

 .location_div p {
     font-family: STIX Two Text;
     font-size: 24px;
     font-weight: 500;
     line-height: 32px;
     text-align: left;
     color: #222222;
 }

 .prize_div p {
     font-family: STIX Two Text;
     font-size: 24px;
     font-weight: 600;
     line-height: 32px;
     text-align: left;
     color: #1C1B1A;
 }

 .bed_div p {
     font-size: 15px;
     font-weight: 400;
     line-height: 20px;
     text-align: left;
     color: #262729;
 }

 .rating_div p {
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     text-align: center;
     color: #666666;
 }


 /* tab content */
 /* Style the tab */


 .tab_home .tab {
     overflow: hidden;
     text-align: center;
     padding-block: 10px;
 }

 /* Style the buttons inside the tab */
 .tab_home .tab button {
     background-color: white;
     color: #1C1B1A;
     outline: none;
     cursor: pointer;
     padding: 10px 43px;
     transition: 0.3s;
     font-size: 14px;
     font-weight: 700;
     border-radius: 5px;
     margin-inline: 3px;
 }

 /* Change background color of buttons on hover */
 .tab_home .tab button:hover {
     background-color: #B57F1A;
     color: #fffF;
 }

 /* Create an active/current tablink class */
 .tab_home .tab button.active {
     background-color: #B57F1A;
     color: #fffF;
 }

 /* Style the tab content */
 .tab_home .tabcontent {
     display: none;
     padding: 6px 12px;
 }

 /* Style the close button */
 .tab_home .topright {
     float: right;
     cursor: pointer;
     font-size: 28px;
 }

 .tab_home .topright:hover {
     color: red;
 }

 .tab_head {
     border: 1px solid #B57F1A;
 }

 .tab_contentheading h3 {
     font-family: STIX Two Text;
     font-size: 16px;
     font-weight: 500;
     line-height: 22px;
     text-align: left;
     color: #1C1B1A;
 }

 .tab_contentheading p {
     font-size: 14px;
     font-weight: 300;
     line-height: 20px;
     letter-spacing: 0.04em;
     text-align: left;
     margin-bottom: 10px;
 }

 .tab_contentheading i {
     color: #1C1B1A;
     font-weight: 500;
     margin-right: 5px;
     width: 18px;
 }

 .tab_rating_div i {
     color: #B57F1A;
     font-size: 14px;
 }

 .tab_rating_div p {
     font-size: 12px;
     font-weight: 600;
     line-height: 14.06px;
     text-align: left;
     color: #778088;
 }

 .tab_ratingprize_flex {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid #E8EAEB;
     padding-top: 5px;
 }

 .tab_prize_div p {
     font-family: STIX Two Text;
     font-size: 20px;
     font-weight: 700;
     line-height: normal;
     text-align: right;
     color: #1C1B1A;
     margin: 0px;
 }

 .tab_prize_div p span {
     font-family: Roboto;
     font-size: 12px;
     font-weight: 600;
     line-height: 15.06px;
     text-align: left;
     color: #778088;

 }

 .dip_feex_down {
     display: flex;
 }

 .tab_total_card {
     margin-block: 10px;
     background: white;
     box-shadow: 0px 8px 34px 0px #0000000F;
     border-radius: 3px;
 }

 .tab_total_card img {

     padding: 10px;
 }

 .tab_total_card .tab_contentheading {
     padding: 10px 20px;
 }

 .tab_total_card .tab_ratingprize_flex {
     padding: 10px 20px;
 }

 .tab_home {
     padding-block: 50px;
 }

 .explore_div h3 {
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     color: #000000;
 }

 /* owl_slider */
 .uk-section {
     background-color: #666
 }

 .owl-carousel {
     position: relative;
     margin-top: 30px;
 }

 .owl-nav {
     position: absolute;
     top: -60px;
     left: 10px;
 }

 .uk-card-primary {
     border-radius: 8px;
 }

 .uk-card> :last-child {
     margin-top: 0;
     margin-bottom: 10px
 }

 .owl-next {
     background-color: #3286f0;
 }

 .owl-theme .owl-nav [class*='owl-'] {
     background-color: #383838;
 }

 .owl-dots {
     margin-top: 30px;
 }

 .uk-card-title {
     padding-bottom: 20px
 }




 /* fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff */


 .fetute_hotal_heading {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .fetute_hotal_heading h3 {
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     line-height: 60px;
     text-align: left;
     color: #000000;
 }

 .fetute_hotal_heading p {
     font-size: 18px;
     font-weight: 400;
     text-align: center;
     color: #1C1B1A;
     width: 50%;
 }



 /*  */
 .fulwidth_slider {
     padding-block: 50px;
 }

 .fulwidth_slider .slide-container {
     max-width: 100%;
     width: 100%;
     padding: 40px 0;
 }

 .fulwidth_slider .slide-content {
     margin: 0 40px;
     overflow: hidden;
 }

 .fulwidth_slider .card {
     /* background-color: transparent; */
     border: 1px solid #0000000F;
     box-shadow: 0px 8px 34px 0px #0000000F;
     border-radius: 3px;
     cursor: pointer;

 }

 .fulwidth_slider .image-content {
     border-radius: 16px 16px 0px 0px;
     height: 300px;
 }

 .fulwidth_slider .image-content img {
     height: 100%;
     object-fit: cover;
 }

 .fulwidth_slider .card-content {
     border-radius: 0px 0px 16px 16px;
 }

 .fulwidth_slider .image-content,
 .fulwidth_slider .card-content {
     display: block;
     padding: 10px 9px;
     background-color: #fff;

 }

 .fulwidth_slider .image-content {
     position: relative;
     row-gap: 5px;
     padding: 10;

 }

 .fulwidth_slider .overlay {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #4070F4;
     /* border-radius: 25px 25px 0 25px; */
 }

 .fulwidth_slider .hotel-slider {
     background-color: #1C1B1A;
     padding-block: 50px;
 }

 .fulwidth_slider .overlay::after {
     /* border-radius: 0 25px 0 0; */
     background-color: #FFF;
 }

 .fulwidth_slider .section-title h2 {
     text-align: center;
     color: white;
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     line-height: 54px;
     text-align: left;
 }

 .fulwidth_slider .section-title p {
     text-align: center;
     color: white;
     width: 50%;
     font-size: 18px;
     font-weight: 400;
     line-height: 32px;
     text-align: center;
 }

 .fulwidth_slider .card-image {
     position: relative;
     height: 150px;
     width: 150px;
     border-radius: 50%;
     background-color: #FFF;
     padding: 3px;
 }

 .fulwidth_slider .card-image .card-img {
     height: 100%;
     width: 100%;
     object-fit: cover;
     border-radius: 50%;
     border: 4px solid #4070F4;
 }


 .fulwidth_slider .swiper-navBtn {
     color: #6E93f7;
     transition: color 0.3s ease;
 }

 .fulwidth_slider .swiper-navBtn:hover {
     color: #B57F1A80;
     background-color: #FEFCFB;
 }

 .fulwidth_slider .swiper-navBtn::before,
 .fulwidth_slider .swiper-navBtn::after {
     font-size: 38px;
 }

 .fulwidth_slider .swiper-button-next {
     right: 0;
 }

 .fulwidth_slider .swiper-button-prev {
     left: 0;
 }

 .fulwidth_slider .swiper-pagination-bullet {
     background-color: #6E93f7;
     opacity: 1;
 }

 .fulwidth_slider .swiper-pagination-bullet-active {
     background-color: #4070F4;
 }

 @media screen and (max-width: 768px) {
     .fulwidth_slider .slide-content {
         margin: 0 10px;
     }


 }

 .fulwidth_slider .prev_button_swiper {
     top: 0;
     position: absolute;
     right: 7pc;
     background-color: #B57F1A;
     padding: 10px 15px;
     color: white;
     border-radius: 5px;
 }

 .fulwidth_slider .prev_button_swiper:hover {
     border: 1px solid #B57F1A;
     background-color: #FEFCFB;
     color: #B57F1A;
 }

 .fulwidth_slider .next_button_swiper {
     top: 0;
     position: absolute;
     right: 3pc;
     background-color: #B57F1A;
     padding: 10px 15px;
     color: white;
     border-radius: 5px;
 }

 .fulwidth_slider .next_button_swiper:hover {
     border: 1px solid #B57F1A;
     background-color: #FEFCFB;
     color: #B57F1A;
 }

 .fulwidth_slider .slide-container.swiper {
     padding-block: 4pc 0px;
 }

 .fulwidth_slider .section-title {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 /*  */

 .tab_ratingprize_flex {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid #E8EAEB;
     padding-top: 5px;
 }

 .tab_ratingprize_flex {
     padding: 10px 10px;
 }

 .tab_contentheading {
     padding: 10px 10px;
 }

 /* wild_crft */
 .wild_craft {
     background-image: url(../image/body/back.png);
     background-position: center;
     background-repeat: no-repeat;
     /* height: 100vh; */
     background-size: cover;
 }

 .wild_craft_flex {
     display: flex;
     align-items: baseline;
     gap: 8px;
 }

 .wild_craft .tranding_class p span {
     background-color: #FAE07E;
     padding: 8px 20px;
     border-radius: 5px;
     font-size: 12px;
     font-weight: 800;
     text-align: center;
     text-transform: uppercase;
 }

 .wild_craft_flex .location_div {
     border-right: 1px solid #D6DDE1;
     padding-right: 10px;
 }

 .wild_craft .wild_side_total {
     padding-block: 50px;
 }

 .wild_craft .wild_side_total h4 {
     font-family: STIX Two Text;
     font-size: 36px;
     font-weight: 700;
     line-height: 45px;
     text-align: left;
     color: #FFFFFF;
 }

 .wild_craft .wild_craft_flex p {
     font-size: 14px;
     font-weight: 600;
     text-align: left;
     color: #FFFFFF;
 }

 .wild_craft .wild_craft_flex p i {
     padding-right: 5px;
 }

 .start_icon i {
     color: #B57F1A;
     font-size: 16px;
 }

 .tran_iner_para p {
     font-size: 16px;
     font-weight: 600;
     text-align: left;
     color: #FFFFFF;
 }

 .wild_craft .butt_div {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 10px 0px;
 }

 .wild_craft .butt_div i {
     border: 1px solid #FFFFFF33;
     background-color: #FFFFFF33;
     padding: 15px;
     border-radius: 50%;
     color: white;
 }

 .wild_craft .share_icon_button {
     position: relative;
     padding-left: 20px;
 }

 .wild_craft .share_icon_button::before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     height: 20px;
     width: 1px;
     /* Border thickness */
     background-color: #FFFFFF4D;
     /* Border color */
 }

 .wild_craft .main_row {
     display: flex;
     align-items: center;
 }

 /*  */
 .daterangepicker {
     z-index: 9999 !important;
 }

 .input-group-text {
     background-color: transparent;
 }

 .input-group input {
     border: 1px solid #00000096;
     border-left: 0px;
     padding-left: 0;
     font-size: 17px;
     font-weight: 600;
     line-height: 18px;
     text-align: left;
     color: #000000;
 }

 .input-group-text {
     border: 1px solid #00000096;
     border-right: 0px;
 }

 .form-control {
     font-size: 14px;
     font-weight: 400;
     line-height: 25px;
     text-align: left;

 }

 .form-control:focus {
     color: #495057;
     background-color: #fff;
     border-color: #00000096;
     outline: 0;
     box-shadow: unset;
 }



 /*  */
 .smart_hotel {
     background-image: url(../image/body/back2.png);
     background-position: center;
     background-repeat: no-repeat;
     /* height: 100vh; */
     background-size: cover;
     padding-block: 50px;
 }

 /* galery */
 .gallery_div {
     padding-block: 50px;
 }

 .image_galery_div img {
     padding-block: 15px;
 }

 .gallery_div_content h3 {
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     line-height: 60px;
     text-align: center;
     color: #000000;
 }


 .gallery_div_content p {
     font-size: 16px;
     font-weight: 600;
     line-height: 25px;
     text-align: center;
     color: #778088;
     width: 50%;
 }

 .gallery_div_content {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 /*  */
 .common_button {
     font-family: STIX Two Text;
     padding: 22px 40px 22px 40px;
     text-decoration: none;
     border-radius: 5px;
     background-color: #395996;
     color: #fff;
 }

 .common_button:hover {
     text-decoration: none;
     background-color: #B57F1A;
     color: #fff;
 }

 .gale_but_pading {
     float: right;
     padding-block: 0px 20px;
 }

 .hotel_side_bar h4 {
     font-family: STIX Two Text;
     font-size: 36px;
     font-weight: 700;
     line-height: 45px;
     text-align: left;
     color: #FFFFFF;
 }

 .hotel_side_bar p b {
     font-size: 16px;
     font-weight: 800;
     text-align: left;
     color: #FFFFFF;
 }

 .hotel_side_bar p {
     font-size: 16px;
     font-weight: 600;
     text-align: left;
     color: #FFFFFF;
 }

 .post_download_flex {
     display: flex;
     gap: 25px;
     padding-top: 50px;
 }

 .smart_hotel .main_row {
     display: flex;
     align-items: center;
 }

 .need_do {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .need_do h3 {
     font-family: STIX Two Text;
     font-size: 48px;
     font-weight: 700;
     text-align: center;
     color: #FFFFFF;
 }

 .need_do p {
     font-size: 18px;
     font-weight: 400;
     line-height: 32px;
     text-align: center;
     color: #FFFFFF;
     width: 50%;
 }

 .need_toda_div {
     background-color: #5f5e53;
     padding-block: 50px;
 }

 .need_to_box img {
     width: 15%;
 }

 .need_to_box {
     text-align: center;
     background-color: #FFFFFF;
     padding: 45px;
     box-shadow: 14px 24px 72px 0px #6666661A;
     border-radius: 5px;
     margin-block: 10px;
 }

 .need_to_box h4 {
     font-size: 24px;
     font-weight: bold;
     line-height: 34px;
     text-align: center;
     color: #1C1B1A;
     padding-block: 22px 10px;
 }

 .need_to_box p {
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     text-align: center;
     color: #1C1B1A;
 }


 /* footer */
 .footer_div {
     background-color: #f8f8f8;
     padding-block: 50px 0px;
 }


 .footer .dropdown-label {
     font-family: STIX Two Text;
     font-size: 17px;
     font-weight: 700;
     text-align: left;
     color: #000000CC;
 }

 .footer_div .dropdown img {
     width: 10%;
     margin-right: 5px;
 }

 .footer .dropdown-toggle-custom {
     background-color: #000000;
     color: #ffffffff;
     border: none;
     width: 100%;
     text-align: left;
 }

 .footer .dropdown-toggle-custom:focus {
     box-shadow: none;
 }

 .footer .dropdown-toggle::after {
     display: inline-block;
     margin-left: .255em;
     vertical-align: .255em;
     content: "";
     border-top: .3em solid;
     border-right: .3em solid transparent;
     border-bottom: 0;
     border-left: .3em solid transparent;
     position: absolute;
     top: 16px;
     right: 16px;
 }

 .footer_subpage h4 {
     font-family: STIX Two Text;
     font-size: 17px;
     font-weight: 700;
     text-align: left;
     color: #000000CC;
 }

 .footer_subpage p {
     margin: 0;
     padding-block: 5px;
 }

 .footer_subpage p a {
     position: relative;
     display: inline-block;
     margin-bottom: 10px;
     transition: all 0.3s ease;
     text-decoration: none;
     font-size: 16px;
     font-weight: 600;
     text-align: left;
     color: #00000099;
     margin: 0;
 }

 .pb-40 {
     padding-bottom: 40px;
 }

 .footer_subpage p a::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     height: 2px;
     width: 0%;
     background-color: #000;
     transition: width 0.3s ease;
 }

 .footer_subpage p a:hover::after {
     width: 100%;
 }

 .Payment_meddiv img {
     width: 15%;
 }

 .Payment_meddiv input {
     padding: 5px;
     flex-grow: 1;
     border: 1px solid #ccc;
     border-radius: 10px 0px 0px 10px;
 }

 .footer_form {
     padding-block: 0px 20px;
 }

 .footer_form form {
     display: flex;
     margin-top: 10px;
     width: 87%;
 }

 .footer_form form input {
     width: 100%;
     padding: 9px 0px 10px 15px;
     flex-grow: 1;
     border: 1px solid #ccc;
     border-radius: 7px 0px 0px 7px;
 }

 .footer_form form button {
     background-color: #000000;
     color: #ffffff;
     padding: 0px 6px;
     border: none;
     white-space: nowrap;
     border-radius: 0px 5px 5px 0px;
 }

 .footer_form p {
     font-family: STIX Two Text;
     font-size: 16px;
     font-weight: 700;
     text-align: left;
     color: #000000CC;
 }

 .Payment_meddiv {
     display: flex;
     gap: 10px;
     margin-block: 8px;
 }

 .last_footer {
     background-color: #00000033;
     padding: 15px 0px;
 }

 .footer_last_flex {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .footer_last_flex p {
     margin: 0;
     font-size: 15px;
     font-weight: 600;
     text-align: left;
     color: #00000099;

 }

 .footer_last_flex i {
     padding: 10px;
     background-color: #000000;
     color: #FFFFFF;
     border-radius: 5px;
 }

 /* date-picker */


 .daterangepicker td.in-range {
     background-color: #EFDEB3 !important;
 }

 .daterangepicker td.active {
     background-color: #395996 !important;
 }

 .daterangepicker .drp-calendar.right {
     padding: 8px 8px 8px 35px !important;
 }


 .daterangepicker .drp-calendar {

     max-width: max-content !important;
 }

 .drp-buttons {
     display: none !important;
 }

 .daterangepicker th.available {
     padding: 15px;
     line-height: unset !important;
 }

 .daterangepicker td.active {
     background-color: #395996 !important;

 }

 .daterangepicker .calendar-table td {
     padding: 10px 10px;
     background-color: #C7E8F7;
     border-radius: 0px !important;
     font-size: 19px !important;
     font-weight: 400;
     /* min-width: 53px !important; */

 }

 .daterangepicker th.month {
     width: auto;
     font-size: 19px !important;
     font-weight: 600 !important;
     line-height: 26px !important;
 }

 .daterangepicker td.start-date {
     border-radius: 10px 0px 0px 10px !important;
 }

 .daterangepicker td.end-date {
     border-radius: 0px 10px 10px 0px !important;
 }

 /* list */

 .list_page {
     background-color: #E8E6E6;
     padding-block: 0px 50px;
 }

 .list_page .show-more {
     display: block;
     color: #0073e6;
     text-decoration: none;
     font-size: 14px;
     margin-top: 10px;
 }

 .show-more:hover {
     text-decoration: underline;
 }

 /*  */
 .sort_div {
     margin-bottom: 15px;
 }

 .hotel-card {
     display: flex;
     box-shadow: 0px 8px 34px 0px #0000000F;
     border-radius: 4px;
     width: 100%;
     background-color: #fff;
     margin-block: 0px 22px;
     padding: 10px;
 }

 .hotel-image {
     position: relative;
     width: 40%;
     height: 255px;
 }

 .hotel-image img {
     object-fit: cover;
     height: 100%;
 }

 .total_list_content {
     position: relative;
     width: 100%;
 }

 .favorite-icon_list i {
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 18px;
     color: #000000;
     background-color: #F7F7F7;
     border-radius: 5px;
     padding: 4px 5px;
     cursor: pointer;
 }



 .hotel-info {
     padding: 15px;
     padding-bottom: 0px
 }

 .hotel-info h3 {
     font-family: STIX Two Text;
     font-size: 15px;
     font-weight: 600;
     text-align: right;
     color: #000000;
     margin: 0;
 }



 .place_list_div p {
     font-size: 12px;
     font-weight: 500;
     color: #000000;
     margin: 0;
     padding-block: 5px;
 }

 .place_list_div a {
     font-size: 12px;
     font-weight: 500;
     color: #000000;
     margin: 0;
     padding-block: 5px;

 }

 .place_list_div a:hover {
     text-decoration: none;
 }

 .borde_bottom {
     border-bottom: 1px solid;
     padding-bottom: 3px;
 }

 .hotel-details {
     display: flex;
     gap: 5px;
     color: #555;
     font-size: 12px;
 }

 .list_ditels_div {
     border-left: 1px solid #00000080;
     padding-inline: 15px 0px;

 }


 .hotel-terms {
     margin-top: 10px;
 }

 .free-cancellation,
 .no-prepayment {
     color: green;
     font-size: 12px;
 }

 .list_name_flex {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .list_star_icon i {
     color: #FFA432;
     font-size: 15px;
 }

 .bed_per_list {
     display: flex;
     gap: 20px;
     align-items: center;
     padding-block: 10px;
 }

 .bor_side_list {
     border-inline: 1px solid #c4c7c9;
     padding-inline: 10px;
 }

 .bed_per_list i {
     font-size: 15px;
     padding-right: 5px;
     font-weight: 500;
 }

 .bed_per_list p {
     font-size: 12px;
     font-weight: 600;
     color: #000000;
     margin: 0;
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .list_ditels_div .city_name {
     font-size: 12px;
     font-weight: 500;
     color: #000000;
     margin: 0;
     padding-block: 0px 5px;
 }

 .list_ditels_div .bed_name {
     font-size: 11px;
     font-weight: 600;
     color: #000000B2;
     margin: 0;
     padding-block: 0px 5px;
 }

 .colection_div {
     color: #008000;
     font-size: 12px;
     font-weight: 700;
     margin: 0;
 }

 .colection_div i {
     font-size: 12px;
     padding-right: 5px;
 }

 .list_left {
     height: 155px
 }

 .side_left_list .date_div {
     font-size: 13px;
     font-weight: 400;
     text-align: center;
     border: 1px solid #000000;
     padding: 7px;
     border-radius: 5px;
     margin: 0px;
 }

 .side_left_list .days_text {
     font-size: 12px;
     font-weight: 400;
     text-align: center;
     color: #000000;
     margin: 0px;
 }

 .side_left_list .tax_div {
     font-size: 25px;
     font-weight: 600;
     text-align: center;
     color: #000000;
     margin: 0px;
 }

 .see_ava_button {
     font-size: 15px;
     font-weight: 700;
     line-height: 17.58px;
     color: #FFFFFF;
     background-color: #395996;
     border-radius: 5px;
     padding: 15px;
     margin: 0px;
     text-align: center;
 }

 .see_ava_button a {
     color: #FFFFFF;
 }

 .see_ava_button a i {
     font-size: 12px;
     padding-left: 5px;
 }

 .see_ava_button a:hover {
     text-decoration: none;
 }

 .pos_abos_list {
     position: absolute;
     right: 0;
     top: 4pc;
     padding: 10px 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 20px;
 }



 /*  */




 .list_page .amenities-card {
     border: 1px solid #ddd;
     border-radius: 4px;
 }

 .list_page .amenities-card i {
     color: #495560;
 }

 .list_page .card-header {
     background-color: #f8f9fa;
     font-weight: bold;
     cursor: pointer;
 }

 .list_page .card-header {
     padding: 1rem 1rem 1rem 1.5rem;
     border-bottom: 1px solid rgb(0 0 0 / 5%);
     background-color: white;
 }

 .list_page .card-body {
     padding: 1.5rem 1rem 1rem 1.5rem;
     background-color: white;
 }

 .list_page .form-check-label {
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     text-align: left;
 }

 .list_page .form-check {
     margin-bottom: 0.5rem;
 }

 .amenities {
     position: sticky;
     top: 10px;
     height: auto;
 }

 .list_page .show-more-amenities {
     font-size: 14px;
     font-weight: 600;
     text-align: left;
     color: #000000;
 }

 .list_page .show-more-amenities:hover {
     text-decoration: none;
 }


 .list_page .fas.fa-chevron-down {
     transition: transform 0.2s ease;
 }

 .list_page .collapse.show+.card-header .fas.fa-chevron-down {
     transform: rotate(180deg);
 }

 .load_more_list {
     color: white;
     background-color: #395996;
     padding: 10px 25px;
     border-radius: 5px;
 }

 .load_more_list:hover {
     color: white;
     background-color: #B8A766;

 }

 .load_more_list a {
     color: #fff;
 }

 .load_more_list a:hover {
     text-decoration: none;
 }











 /*  */



 .under_consti_pad {
     padding-block: 50px;
 }








 .room-selector {
     position: relative;
     display: inline-block;
     width: 100%;
     border: 1px solid #00000096;
     /* padding: 6px; */
     border-radius: 5px;
     height: 50px;
 }

 .room_add_button {
     background-color: #000000;
     border: none;
     color: white;
 }

 .room-btn {
     display: flex;
     align-items: center;
     background: transparent;
     color: #000000;
     padding: 0px 10px;
     border-radius: 4px;
     cursor: pointer;
     gap: 5px;
     height: 50px;


 }

 .room-btn i {
     padding: 0px 8px 0px 0px;
 }

 .room-btn img {
     width: 20px;
     margin-right: 5px;
 }

 .room-popup {
     position: absolute;
     top: 102%;
     left: 0;
     background: white;
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 4px;
     width: 300px;
     padding: 15px;
     z-index: 10;
     display: none;
     /* Hidden by default */
 }

 .counter {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 10px 0;
 }

 .counter button {
     background: none;
     border: 1px solid #b57f1a;
     color: #b57f1a;
     width: 30px;
     height: 30px;
     border-radius: 4px;
     font-size: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }

 .counter span {
     margin: 0 10px;
     font-size: 14px;
     font-weight: 400;
     line-height: 25px;
     text-align: left;
     font-size: 15px;
     font-weight: 600;
 }

 .room-popup .info {
     font-size: 12px;
     color: #555;
     margin-top: 15px;
 }

 .room_flex_add {
     display: flex;
 }

 .list_room_button {
     white-space: nowrap;
     font-size: 17px;
     font-weight: 600;
     line-height: 18px;
     text-align: left;
     color: #000000;
 }

 .broadcomes_div {
     display: flex;
     gap: 4px;
     padding-block: 15px;
 }

 .broadcomes_div p a {
     font-size: 13px;
     font-weight: 400;
     color: #006CE4CC;
 }

 .broadcomes_div p {
     font-size: 13px;
     font-weight: 400;
 }

 .broadcomes_div p a i {
     color: #000000;
     padding-inline: 4px;
     font-size: 13px;
     font-weight: 500;
 }





 /*  */



 .sort_div .dropdown {
     position: relative;
     display: inline-block;
     margin-block: 10px 15px;
 }

 .sort_div .dropdown-btn {
     background-color: transparent;
     color: #000;
     padding: 10px 20px;
     border: 1px solid #868686;
     border-radius: 50px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 16px;
     width: 300px;
 }

 .filter_arrow i {
     font-size: 16px;
     padding-right: 5px;
 }

 .drop_down_filter i {
     font-size: 16px;
     padding-left: 5px;
 }

 .sort_div .arrow {
     margin-left: 10px;
 }

 .sort_div .dropdown-content {
     display: none;
     position: absolute;
     background-color: #fff;
     box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
     /* width: 100%; */
     border-radius: 3px;
     z-index: 1;
     margin-top: 6px;
 }

 .sort_div .dropdown-content a {
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     border-bottom: 1px solid #f1f1f1;
     cursor: pointer;

 }

 .sort_div .dropdown-content a:hover {
     background-color: #f1f1f1;

 }

 .sort_div .dropdown-btn:hover {
     background-color: #f1f1f1;
 }

 .favorite-icon_list_home {
     position: absolute;
     top: 18px;
     right: 18px;
     font-size: 17px;
     color: #000000;
     background-color: #F7F7F7;
     border-radius: 5px;
     /* padding: 7px 10px; */
     padding: 0px 4px;
     cursor: pointer;
 }

 .November_filter p {
     font-size: 22px;
     font-weight: 700;
     line-height: 26px;
     color: #000000;
     margin: 0;
 }

 .list_search {
     background-color: #FFB700;
     padding: 10px;
     border-radius: 5px;
 }

 .list_search .btn_serch_loction {
     background-color: white;
 }

 .list_search .input-group-text {
     background-color: white;
 }

 .list_search .room-selector {
     background-color: white;
 }

 .back_list_total {
     /* background: linear-gradient(to bottom, #000000 60%, #e8e6e6 60%); */
     background: linear-gradient(to bottom, #395996 60%, #e8e6e6 60%);
     padding-block: 25px 0px;
 }

 /* login */
 .proges_step .stepper-wrapper {
     font-family: Arial;
     display: flex;
     justify-content: space-between;
 }

 .proges_step .stepper-item {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 1;
 }

 .proges_step .stepper-item::before {
     position: absolute;
     content: "";
     border-bottom: 2px solid #ccc;
     width: 100%;
     top: 22px;
     left: -50%;
     z-index: 2;
 }

 .proges_step .stepper-item::after {
     position: absolute;
     content: "";
     border-bottom: 2px solid #ccc;
     width: 100%;
     top: 22px;
     left: 50%;
     z-index: 2;
 }

 .proges_step .stepper-item .step-counter {
     position: relative;
     z-index: 5;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #fff;
     margin-bottom: 6px;
     border: 2px solid #000000
 }

 .proges_step .stepper-item.active {
     font-weight: bold;
 }

 .proges_step .stepper-item.active .step-counter {
     background-color: #395996;
     color: white;
     border: none;
 }

 .proges_step .stepper-item.completed .step-counter {
     background-color: #395996;
     color: white;
     border: none;
 }

 .proges_step .stepper-item.completed::after {
     position: absolute;
     content: "";
     border-bottom: 2px solid #395996;
     width: 100%;
     top: 22px;
     left: 50%;
     z-index: 3;
 }

 .proges_step .stepper-item:first-child::before {
     content: none;
 }

 .proges_step .stepper-item:last-child::after {
     content: none;
 }

 .proges_step .progers_bar_flex {
     display: flex;
     align-items: center;
     padding-left: 5px;
     z-index: 999999;
     background: white;
 }

 .proges_step .step-name {
     background-color: white;
     padding: 0px 7px;
     z-index: 99;
 }

 .proges_step {
     padding: 25px 0px;
 }

 .side_content_first {
     border: 1px solid #E7E7E7;
     padding: 15px;
     border-radius: 5px;
 }

 .side_content_first .list_detile_hotel p {
     font-size: 15px;
     font-weight: 400;
     color: #000000BF;
     margin: 0;
 }

 .side_content_first .list_detile_hotel i {
     font-size: 16px;
     color: #FFA432;
 }

 .side_content_first .list_detile_hotel {
     display: flex;
     gap: 10px;
 }

 .side_content_first h3 {
     font-size: 16px;
     font-weight: bold;
     color: #000000;
 }

 .side_content_first .addres_hotel_details p {
     font-size: 14px;
     font-weight: 400;
     line-height: 16.41px;
     text-align: left;
     color: #000000;
     width: 59%;
 }

 .side_content_first .room_pets {
     display: flex;
     gap: 25px;
 }

 .side_content_first .parking_fitness {
     display: flex;
     gap: 25px;
 }

 .side_content_first .fitness_icon i {
     --fa-rotate-angle: 45deg;
 }

 /* details */
 .back_details_total {
     /* background: linear-gradient(to bottom, #000000 60%, #fff 60%); */
     background: linear-gradient(to bottom, #395996 60%, #ffffff 60%);
     padding-block: 25px 0px;
 }

 .details_page_heading .broadcomes_div {
     padding-block: 15px;
 }

 .broadcomes_div p {
     margin: 0;
 }


 /*  */

 .details_tab .nav-tabs-container {
     border-bottom: unset;
 }

 .details_tab .nav-item {
     margin-inline: 0 50px;
 }

 .details_tab .nav-tabs {
     border-bottom: unset;
     padding-bottom: 0;
 }

 .details_tab .nav-tabs .nav-link {
     color: #333;
     padding: 0.5rem 0rem;
     border: none;
     border-bottom: 2px solid transparent;
     font-weight: 500;
     cursor: pointer;
 }

 .details_tab .nav-tabs .nav-link.active {
     border-bottom: 2px solid #1e3d7b;
     /* Change the color to match your preference */
     color: #1e3d7b;
 }

 .details_tab .tab-section {
     padding: 25px 0;
     border-bottom: 1px solid #ddd;
 }

 .over_viwe_flex {
     display: flex;
     justify-content: space-between;
 }

 .overview_details_list h3 {
     font-family: STIX Two Text;
     font-size: 20px;
     font-weight: 600;
     color: #000000;
     padding-top: 3px;
 }

 .overview_details_list p {
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .over_view_star i {
     font-size: 18px;
     color: #FFA432;
 }

 .details_first_loction i {
     color: #000000;
     padding-right: 5px;
 }

 .details_first_loction p {
     font-size: 16px;
     font-weight: 400;
     line-height: 26px;
     color: #000000;
     margin: 0;
 }

 .search_module_flex {
     display: flex;
     gap: 12px;
     align-items: center;
 }

 .search_module_flex i {
     font-size: 20px;
     cursor: pointer;
     color: #395996;
 }

 .over_view_star {
     padding-bottom: 10px;
 }


 .pb-15 {
     padding-bottom: 15px;
 }

 .pt-15 {
     padding-top: 15px;
 }

 .mtb-2 {
     margin-block: 20px;
 }


 /*  */
 .image_details {
     padding-block: 20px 15px;
     padding-inline: 0px;
 }

 .image_details .image-container {
     width: 100%;
     height: 200px;
     overflow: hidden;
 }

 .image_details .bottom_image_div .image-container {
     width: 100%;
     height: 150px;
     overflow: hidden;
 }

 .image_details .image-container img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     /* margin: 10px; */
 }

 .image_details .first_view_imgae img {
     padding-block: 0px 10px;
 }

 .image_details .first_view_imgae {
     padding-inline: 15px 0;
 }

 .image_details .overlay {
     position: absolute;
     bottom: 10px;
     right: 10px;
     background: transparent;
     font-family: Roboto;
     font-size: 21px;
     font-weight: 900;
     line-height: 26px;
     text-align: right;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     backdrop-filter: blur(4px);
 }

 .image_details .map-container {
     position: absolute;
     text-align: center;
     height: 300px;
     /* Adjust to match image height */
 }

 .image_details .map-container img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .image_details .map-container .show-map {
     position: absolute;
     bottom: 10px;
     left: 50%;
     transform: translateX(-50%);
     background-color: #395996;
     color: #fff;
     border: none;
     padding: 8px 15px;
     border-radius: 5px;
     white-space: nowrap;
 }

 .image_details .extra_image_width {
     height: 400px;
 }

 .image_details .mr-top_img img {
     padding-block: 0px 15px;
 }

 .div_sub_catagry p {
     border: 1px solid #E5E5E5;
     padding: 15px 30px 15px 15px;
     margin: 0;
     font-size: 16px;
     font-weight: 500;
     line-height: 18px;
     text-align: left;
     border-radius: 5px;
 }

 .tota_subcate_flex {

     display: flex;
     justify-content: space-between;
 }

 .tota_subcate_flex .div_sub_catagry {
     padding-block: 15px;
 }

 .hotel_chin_div {
     padding-block: 10px;
     width: 50%;
 }

 .tota_subcate_flex i {
     padding-right: 10px;
 }

 .des_div_details h3 {
     font-family: STIX Two Text;
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
     text-align: left;
     color: #000000;
     margin-bottom: 20px;
 }

 .des_div_details p {
     font-size: 16.44px;
     font-weight: 400;
     line-height: 27.9px;
     text-align: left;
     color: #1C1B1A;
 }

 .p-50 {
     padding-block: 50px;
 }

 .p-25 {
     padding-block: 25px;
 }

 .pb-25 {
     padding-block: 0 25px;
 }

 .p-15 {
     padding-block: 15px;
 }

 .pt-25 {
     padding-top: 25px;
     border-top: 1px solid #ddd;
 }


 .popular_div .amenities {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     font-size: 16px;
     color: #333;
 }

 .popular_div .amenity-item {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .popular_div .amenity-item i {
     font-size: 20px;
     color: #333;
 }

 .popular_div .amenity-item span {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 500;
     color: #1C2B38;
 }

 .popular_div h3 {
     margin-bottom: 15px;
     font-family: STIX Two Text;
     font-size: 16px;
     font-weight: 700;
     line-height: 20px;
     text-align: left;
     color: #000000;
 }

 .hotal_de_flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-inline: 15px;
     border: 1px solid #00000080;
     border-radius: 5px;
     width: 100%;
 }

 .hotal_de_flex p {
     font-size: 16px;
     font-weight: 400;
     margin: 0;
     color: #000000;
 }

 .hotel_lo_details {
     border-left: 1px solid #00000080;
     width: 50%;
     text-align: center;
     padding-block: 10px;
 }

 .proper_hign_div {
     background-color: #F0F6FF;
     padding: 20px;
     margin-top: 25px;
     border-radius: 5px;
 }

 .proper_hign_div .proper_div_heading h3 {
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     text-align: left;
     color: #000000;
 }

 .proper_hign_div .perfer_div h4 {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     color: #000000;
     margin-top: 25px;
 }

 .proper_hign_div .perfer_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 300;
     line-height: 23px;
     text-align: left;
     width: 60%;
     padding-left: 25px;
 }

 .proper_hign_div .breakfast_div h4 {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     text-align: left;
     color: #000000;
     margin-top: 20px;
 }

 .proper_hign_div .breakfast_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 300;
     line-height: 18px;
     text-align: left;
 }

 .proper_hign_div .rooms_with_div h4 {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     text-align: left;
     color: #000000;
     margin-top: 20px;
 }

 .proper_hign_div .rooms_with_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 700;
     line-height: 18px;
     text-align: left;
     color: #1C2B38;
     padding-block: 5px;
 }


 .proper_hign_div .rooms_with_div i {
     padding-right: 10px;
 }

 .proper_hign_div .resour_div {
     margin-block: 5px;
     padding: 14px;
     width: 100%;
     border-radius: 5px;
     background-color: #395996;
     border: 1px solid #395996;
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     line-height: 18px;
     text-align: center;
     color: #FFFFFF;
 }

 .proper_hign_div .resour_div:hover {
     background: transparent;
     color: #000000;
 }

 .proper_hign_div .save_div {
     margin-block: 5px;
     padding: 14px;
     width: 100%;
     border-radius: 5px;
     background: transparent;
     border: 1px solid #395996;
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     line-height: 18px;
     text-align: center;
     color: #000;
 }

 .proper_hign_div .save_div:hover {
     background-color: #395996;
     color: #fff;
 }


 /*  */

 .bacl_clr_details {
     background-color: #E5E5E5;
     padding-block: 12px;
 }

 .tab-section .image-slider {
     position: relative;
 }

 .tab-section .btn-gallery {
     position: absolute;
     bottom: 10px;
     right: 4px;
     background-color: #395996;
     color: white;
     border: 1px solid #395996;
     padding: 10px 30px;
     border-radius: 3px;
     font-family: Roboto;
     font-size: 13px;
     font-weight: 500;
 }

 .tab-section .btn-gallery:hover {
     background-color: #000;
     color: white;
     border: 1px solid #000;
 }

 .tab-section .btn-map {
     position: absolute;
     bottom: 10px;
     left: 4px;
     width: 18%;
     background-color: #ffffff;
     color: white;
     border: 1px solid #ffffff;
     padding: 10px;
     cursor: pointer;
 }

 /*  */
 .slide_detaild_image {
     padding-inline: 15px 0px;
 }

 .back_white {
     background-color: #fff;
 }

 .view_booking_details {
     background: white;
     padding: 20px 20px 15px;
 }


 .view_booking_details h3 {
     font-family: STIX Two Text;
     font-size: 24px;
     font-weight: 700;
     line-height: 30px;
     color: #000000;
 }


 .view_booking_details .room-features {
     list-style: none;
     font-family: STIX Two Text;
     font-size: 14px;
     font-weight: 500;
     line-height: 18px;
     text-align: left;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin-top: 20px;
 }

 .view_booking_details .room-features li {
     flex: 1 1 calc(50% - 20px);
     box-sizing: border-box;
 }

 .view_booking_details .room-features li:not(:nth-child(-n+2)) {
     border-top: 1px solid #ccc;
     padding-top: 10px;
 }

 .view_booking_details .room-features li i {
     padding-right: 7px;
     font-size: 16px;
 }

 .tab-section .room-features li {
     margin-bottom: 5px;
     font-size: 14px;
     font-weight: 500;
     color: #5B5B5BB2;
 }

 .view_booking_details .btn-learn-more {
     background-color: white;
     border: 1px solid #ddd;
     padding: 10px 30px;
     margin-top: 20px;
     border-radius: 0px;
     font-size: 14px;
     font-weight: 400;
     line-height: 18px;
     text-align: left;
     font-family: Roboto;
     color: #5B5B5B;
 }

 .view_booking_details .btn-learn-more:hover {
     background-color: #395996;
     color: #fff;
     border: 1px solid #395996;
 }

 .tab-section .price-box {
     background-color: #fff;
     padding: 20px;
     border-radius: 0px;
     border: 1px solid #ddd;
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .tab-section .price {
     font-family: STIX Two Text;
     font-size: 50px;
     font-weight: 700;
     line-height: 62.5px;
 }

 .price-box p {
     font-family: STIX Two Text;
     font-size: 12px;
     font-style: italic;
     font-weight: 400;
     line-height: 15px;
     color: #5B5B5B;
 }

 .tab-section .btn-room-rates {
     background-color: #395996;
     border: 1px solid #395996;
     color: white;
     padding: 10px 20px;
     font-family: Roboto;
     font-weight: 300;
     border-radius: 0px;
     margin-top: 12px;
 }

 .tab-section .btn-room-rates:hover {
     background-color: #ffffff;
     color: #395996;
     border: 1px solid #395996;
 }

 /* ------------------------ */









 .tab-section .slick-slide .slide-content {
     margin: 0 1%;
     background-color: #fff;
 }



 .tab-section .slick-prev {
     position: absolute;
     left: 0;
     background: none;
     border: none;
     color: white;
     top: 50%;
 }

 .tab-section .slick-next {
     position: absolute;
     right: 0;
     background: none;
     border: none;
     color: white;
     top: 50%;
 }

 .tab-section .slick-next i {
     font-size: 27px;
     font-weight: bold;
 }

 .tab-section .slick-prev i {
     font-size: 27px;
     font-weight: bold;
 }

 .tab-section .slick-dots {
     list-style: none;
     margin: 0 auto;
     text-align: center;
 }

 .tab-section .slick-dots li {
     display: inline-block;
 }

 .tab-section .slick-dots li button {
     transition: 0.2s background-color ease-in-out 0s;
     border: none;
     padding: 0;
     color: transparent;
     width: 10px;
     height: 10px;
     background-color: #777;
     margin-right: 10px;
     border-radius: 50%;
 }

 .tab-section .slick-dots li.slick-active button {
     background-color: #fff;
 }

 .tab-section .slick-slide {
     height: 300px;
     /* Adjust this height as needed */
     overflow: hidden;
 }

 .tab-section .slick-slide img {
     width: 100%;
     height: 300px;
     /* Matches the slide height */
     object-fit: cover;
     object-position: center;
 }

 /* For mobile view adjustments */


 .padi_dropbl_div {
     margin-inline: 25px;
     background: white;
     margin-block: 10px;
 }

 .dlex_dte_div {
     padding: 15px;
 }

 .rate_div_night {
     padding-block: 15px;
 }

 .padi_dropbl_div .dlex_dte_div h3 {
     font-family: STIX Two Text;
     font-size: 24px;
     font-weight: 700;
     color: #000000;
 }

 .padi_dropbl_div .dlex_dte_div p {
     color: #5B5B5B;
     font-family: STIX Two Text;
     font-size: 20px;
     font-weight: 400;
     line-height: 25px;
 }

 .padi_dropbl_div img {
     height: 100%;
     object-fit: cover;
 }

 .rate_div_night h3 {
     font-family: STIX Two Text;
     font-size: 30px;
     font-weight: 700;
     line-height: 37.5px;
     text-align: center;
     color: #000000;
 }

 .rate_div_night h3 span {
     font-size: 17px;
     font-weight: 400;
     line-height: 21.25px;
     text-align: center;
     color: #5B5B5B;
     padding-left: 10px;
 }

 .rate_div_night p {
     font-size: 12px;
     font-weight: 400;
     text-align: center;
     color: #5B5B5B;
     margin-bottom: 5px;
 }

 .rate_div_night p span {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     text-align: center;
     color: #006CE4;
     text-decoration: underline;
 }

 .room_ava_heading h3 {
     font-family: STIX Two Text;
     font-size: 26px;
     font-weight: 700;
     color: #000000;
 }

 .room_ava_heading {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 25px;
     padding-block: 0px 15px;
 }

 .short_div_price select {
     width: 220px;
     padding: 5px 5px;
     border: 1px solid #E5E5E5;
 }


 /*  */

 .short_div_price .sort-by {
     display: flex;
     align-items: center;
     white-space: nowrap;
 }

 .short_div_price .sort-label {
     margin-right: 8px;
     margin-bottom: 0px;
     font-size: 14px;
     color: #333;
 }

 .short_div_price .select-wrapper {
     position: relative;
     width: 100%;
     max-width: 320px;
 }

 .short_div_price .select-wrapper select {
     width: 250px;
     padding: 7px 15px;
     font-size: 16px;
     border: 1px solid #ccc;
     border-radius: 4px;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background: white;
     cursor: pointer;
 }

 .custom_div_drop.short_div_price .select-wrapper select {
     width: auto;
     margin: 10px 0px;
 }

 .short_div_price .select-wrapper i {
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
     font-size: 14px;
     color: #333;
 }

 /*  */
 .faacility_div_head h3 {
     font-family: STIX Two Text;
     font-size: 26px;
     font-weight: 700;
     color: #000000;
 }

 .faacility_div_head p {
     font-size: 14px;
     color: #5B5B5BB2;
 }

 .most_popular_div h3 {
     font-family: STIX Two Text;
     font-size: 21px;
     font-weight: 700;
     color: #000000;
     padding-bottom: 13px;
 }

 .faacility_div_head {
     padding-block: 13px;
 }

 .most_popular_div .facilities-list {
     display: flex;
     flex-wrap: wrap;
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .most_popular_div .facilities-list li {
     display: flex;
     align-items: center;
     padding-right: 20px;
     padding-bottom: 10px;
 }

 .most_popular_div .facilities-list .icon i {
     font-size: 1.2em;
     color: #2a8f2a;
     padding-right: 10px;
 }

 .most_popular_div .facilities-list .icon span {

     font-size: 16px;
     color: #1a1a1a;
 }

 .sub_facility_div h3 {
     font-family: STIX Two Text;
     font-size: 20px;
     color: #1a1a1a;
     font-weight: 700;
 }

 .sub_facility_div h3 i {
     margin-right: 6px;
 }

 .sub_facility_div p {
     margin-bottom: 5px;
 }

 .sub_facility_div p span {
     font-size: 16px;
     color: #1a1a1a;
     line-height: 25px;
 }

 .sub_facility_div p i {
     padding-right: 10px;
     margin-right: 6px;
 }

 .sub_facility_div {
     padding-block: 15px;
 }


 /*  */
 .policies_div_tab .policies-header {
     display: flex;
     justify-content: space-between;
 }

 .policies_div_tab .policies-header h3 {
     font-family: STIX Two Text;
     font-size: 26px;
     font-weight: 700;
     color: #000000;
 }

 .policies_div_tab .policies-header p {
     color: #5B5B5B;
     font-size: 16px;
     color: #1a1a1a;
 }

 .policies_div_tab .policies-list {
     border: 1px solid #ddd;
     padding: 10px;
     border-radius: 5px;
 }

 .policies_div_tab .policy-item:last-child {
     border-bottom: none;
 }

 .policies_div_tab .policy-item {
     display: flex;
     align-items: center;
     border-bottom: 1px solid #ddd;
     padding: 15px 0;
 }

 .policies_div_tab .policy-icon {
     font-size: 20px;
     margin-right: 15px;
     color: #555;
 }

 .policies_div_tab .policy-title {
     font-weight: bold;
     flex: 0 0 280px;
     color: #333;
 }

 .policies_div_tab .policy-content {
     flex: 1;
     color: #666;
 }

 .policies_div_tab .imag_paymed_div {
     display: flex;
     flex: auto;
 }

 .policies_div_tab .policy-content a {
     color: #007bff;
     text-decoration: none;
 }

 .policies_div_tab .policy-content a:hover {
     text-decoration: underline;
 }

 .policies_div_tab .availability-button {
     display: block;

     padding: 10px 12px;
     background-color: #395996;
     color: #fff;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-size: 16px;
     text-align: center;
 }

 .policies_div_tab .availability-button:hover {
     background-color: #000000;
 }

 .policies_div_tab .payment-icon {
     width: 5%;
     margin-right: 10px;
 }

 /*  */


 .logn_page {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
 }

 .logn_page .login-container {
     display: flex;
     width: 800px;
     border-radius: 10px;
     overflow: hidden;
     border: 1px solid #00000080;
     align-items: flex-start;
     background-color: #e8e6e6;
     padding-block: 40px;
     padding-inline: 40px;
 }

 .logn_page .logo-section {
     flex: 1;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     background-color: #E8E6E6;
 }

 .logn_page .logo {
     max-width: 80%;
     height: auto;
 }

 .logn_page .login-section {
     flex: 1;
     /* padding: 40px; */
     display: flex;
     flex-direction: column;
     justify-content: center;
     background-color: #E8E6E6;
 }


 .logn_page label {
     display: block;
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     line-height: 21px;
     margin-bottom: 4px;
 }

 .logn_page input[type="email"],
 .logn_page input[type="text"],
 .logn_page input[type="password"] {
     width: 100%;
     padding: 10px;
     margin-bottom: 7px;
     border: 1px solid #000000;
     border-radius: 5px;
     color: #A6A6A6;
 }

 .logn_page .password-input {
     position: relative;
 }

 .logn_page .toggle-password {
     position: absolute;
     top: 43%;
     right: 10px;
     transform: translateY(-50%);
     cursor: pointer;
 }

 .logn_page .remember-forgot {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 13px;
 }

 .logn_page .login-btn {
     background-color: #395996;
     color: white;
     padding: 10px;
     border: none;
     border-radius: 4px;
     width: 100%;
     cursor: pointer;
     font-family: STIX Two Text;
     font-size: 16px;
     font-weight: 700;

 }

 .logn_page .login-btn:hover {
     background-color: #B57F1A;
 }

 .logn_page .register-option {
     text-align: center;
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding-top: 25px;
 }

 .logn_page .register-option a {
     color: #3d4a89;
     text-decoration: none;
 }

 .logn_page .register-option a:hover {
     text-decoration: underline;
 }

 .logn_page .social-login {
     display: flex;
     justify-content: center;
     gap: 20px;
 }

 .logn_page .social-login button {
     /* width: 48%; */
     padding: 13px 27px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;

 }

 .logn_page .apple-login {
     background-color: #fff;
     color: #000000;
 }

 .logn_page .apple-login img {
     width: 33%;
     padding-right: 10px;
 }


 .logn_page .google-login {
     background-color: #fff;
     color: #000000;
 }

 .logn_page .google-login img {
     width: 33%;
     padding-right: 10px;
 }

 .logo_head h2 {
     font-family: Roboto;
     font-size: 20px;
     font-weight: 700;
     color: #000000;
 }

 .for_got_con a {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     line-height: 21px;
     text-align: right;
     color: #000000;
 }

 .for_got_con a:hover {
     color: #006CE4;
 }

 .remeb_me_cont label {
     display: flex;
     align-items: center;
     gap: 7px;
     cursor: pointer;
     margin: 0;
 }

 .account_yet_conte p {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     line-height: 19.6px;
     text-align: center;
     color: #000000;
     margin: 0;
 }

 .account_yet_conte p a {
     color: #07689F;

 }

 .or_cont_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     text-align: center;
     color: #000000;
     margin: 0;
 }



 /*  */


 .register_page .register-option {
     text-align: center;
     display: flex;
     flex-direction: column;
     gap: 3px;
     padding-top: 5px;
 }

 .register_page .register-option a {
     color: #3d4a89;
     text-decoration: none;
 }

 .register_page .register-option a:hover {
     text-decoration: underline;
 }

 .guest_head h2 {
     font-family: Roboto;
     font-size: 20px;
     font-weight: 700;
     line-height: 28px;
     text-align: center;
     color: #000;
     margin: 0px;
 }

 .guest_page .login-container {
     display: flex;
     align-items: center;

 }

 .guest_button {
     background-color: #ffffff;
     color: #000000;
     padding: 15px 30px;
     border-radius: 5px;
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     line-height: 16.41px;
     text-align: left;
     border: none;

 }

 .guest_button:hover {
     color: #fff;
     background-color: #B57F1A;
 }

 .guest_button_flex {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 12px;
 }

 .df-40 {
     display: flex;
     gap: 40px;
 }












 .mobile_view_adult {
     display: flex;
 }








 .adult_mobile .box {
     background-color: white;
     border: 1px solid #ccc;
     border-radius: 5px;
     padding: 10px;
     text-align: center;
     flex-grow: 1;
 }

 .adult_mobile .box label {
     display: block;
     font-weight: bold;
     margin-bottom: 5px;
 }

 .adult_mobile .box select {
     width: 100%;
     padding: 5px;
     border: 1px solid #ccc;
     border-radius: 5px;
     font-size: 16px;
 }

 .adult_mobile .age-container {
     display: flex;
     gap: 10px;
     margin-top: 10px;
     flex-wrap: wrap;

 }

 .adult_mobile .age-container .age-box {
     display: flex;
     flex-wrap: wrap;
     width: 30%;
     gap: 10px;
     margin-top: 10px;

 }

 #childrenAgesBox {
     display: none;
 }


 .overview .gallery {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
     max-width: 1000px;
     margin: auto;
 }

 .overview .gallery img {
     width: 100%;
     height: 100%;
     cursor: pointer;
     object-fit: cover;
 }

 .overview .gallery-item.large {
     grid-column: span 2;
     grid-row: span 2;
 }

 /* Modal for slider */
 .overview .modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     justify-content: center;
     align-items: center;
     z-index: 1000;
 }

 .overview .modal-content {
     width: 80%;
     height: 55vh;
     max-width: 800px;
     display: flex;
     justify-content: center;

 }

 .overview .slick-slide img {
     width: 100%;
     height: auto;
 }

 .overview .close-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     color: white;
     border-radius: 5px;
     cursor: pointer;
     background-color: #B57F1A;
     padding: 10px 15px;
 }

 .overview .bottom_imgae {
     height: 275px;
     overflow: hidden;
     position: relative;
 }

 .overview .bottom_imgae span {
     font-family: Roboto;
     font-size: 26px;
     font-weight: 900;
     line-height: 26px;
 }

 .overview .custom-prev,
 .overview .custom-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: white;
     background-color: #B57F1A;
     width: 40px;
     height: 40px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     z-index: 2;
 }

 .overview .custom-prev {
     left: 10px;
 }

 .overview .custom-next {
     right: 10px;
 }

 /* Optional hover effect */
 .overview .custom-prev:hover,
 .overview .custom-next:hover {
     background-color: rgba(0, 0, 0, 0.8);
 }



 .tab-section.overview .slick-slide img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .tab-section.overview .slick-slide {
     height: 100%;
     overflow: hidden;
 }

 .overview .more-overlay {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: rgba(0, 0, 0, 0.5);
     color: white;
     padding: 10px;
     font-size: 20px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     width: 100%;
     height: 100%;
 }

 .overview .more-images img {
     opacity: 0.6;
 }

 .overview .more-images:hover img {
     opacity: 1;
 }

 .overview .more-images:hover .more-overlay {
     background: rgba(0, 0, 0, 0.7);
 }

 /*  */
 .rate_div_night .cust-cap {
     text-transform: uppercase;
     margin: 0;
 }



 /*  */
 .progress_div .progress-container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background-color: #fff;
     padding: 20px;
     border-radius: 8px;
 }

 /* Step circles */
 .progress_div .step {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #d3d3d3;
     color: white;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     font-weight: bold;
     z-index: 1;
     transition: background-color 0.5s, transform 0.3s;
     opacity: 0;
     animation: activateStep 3s forwards;
 }

 /* Line between steps */
 .progress_div .line {
     flex-grow: 1;
     height: 2px;
     background-color: #d3d3d3;
     position: relative;
     top: 0px;
     overflow: hidden;
     opacity: 0;
     animation: fillLine 1s forwards;
 }

 /* Keyframes for step activation */
 @keyframes activateStep {
     0% {
         background-color: #d3d3d3;
         transform: scale(1);
         opacity: 0;
     }

     100% {
         background-color: #395996;
         transform: scale(1.2);
         opacity: 1;
     }
 }

 /* Keyframes for line fill animation */
 @keyframes fillLine {
     from {
         width: 0;
         background-color: #d3d3d3;
         opacity: 0;
     }

     to {
         width: 100%;
         background-color: #395996;
         opacity: 1;
     }
 }

 /* Add delay to steps for sequential animation */
 .progress_div #step1 {
     animation-delay: 0s;
 }

 .progress_div #line1 {
     animation-delay: 1s;
 }

 .progress_div #step2 {
     animation-delay: 2s;
 }

 .progress_div #line2 {
     animation-delay: 3s;
 }

 .progress_div #step3 {
     animation-delay: 4s;
 }

 /* Step label */
 .progress_div .step-label {
     font-family: Roboto, sans-serif;
     font-size: 18px;
     font-weight: 500;
     text-align: center;
 }

 /* Step container */
 .progress_div .step-container {
     display: flex;
     align-items: center;
     white-space: nowrap;
     gap: 15px;
     padding-inline: 10px;
 }

 .progress_div {
     padding-block: 20px;
 }

 /*  */
 .left_booking_first {
     border: 1px solid #E7E7E7;
     padding-block: 15px 10px;
     padding-inline: 15px;
     border-radius: 5px;
     margin-bottom: 15px;
 }

 .left_booking_first .holet_star {
     display: flex;
     align-items: center;
     gap: 10px;
     padding-bottom: 10px;
 }

 .left_booking_first .holet_star p {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 400;
     margin: 0;
     text-align: center;
     color: #000000BF;
 }

 .left_booking_first .holet_star i {
     color: #FFA432;
 }

 .left_booking_first .popular_div .amenity-item span {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 200;
     line-height: 18px;
     text-align: left;
     color: #1C2B38;
 }

 .address_innre p {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     color: #000000;
     width: 70%;
 }

 .address_innre h3 {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 700;
     color: #000000;
     padding-bottom: 5px;
 }






 .left_booking_second .booking-details {
     border: 1px solid #E7E7E7;
     padding-block: 15px 10px;
     padding-inline: 10px;
     border-radius: 5px;
     margin-bottom: 15px;
 }

 .left_booking_second .booking-details h5 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     color: #000000;
 }

 .left_booking_second .check-in-out {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #ddd;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }

 .left_booking_second .check-in-out .check-in {
     text-align: center;
     border-right: 1px solid #ddd;
     padding-right: 40px;
     margin-right: 10px;
 }

 .left_booking_second .check-in-out .check-out {
     text-align: center;
 }

 .left_booking_second .check-in-out h6 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     line-height: 22.4px;
     text-align: left;
     color: #000000;
 }

 .left_booking_second .check-in-out .date {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 800;
     line-height: 24px;
     text-align: left;
     color: #000000;
 }

 .left_booking_second .check-in-out .time {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 300;
     line-height: 22.4px;
     text-align: left;
     color: #000000;
 }

 .left_booking_second .summary {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     text-align: left;
     color: #000000;
 }

 .left_booking_second .summary strong {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 800;
     text-align: left;
     color: #000000;
 }

 .left_booking_second .selection a {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     line-height: 16.41px;
     text-align: left;
     color: #006CE4;
 }

 .left_booking_second .toal_inner_topic {
     padding-left: 15px;
 }

 .left_booking_third {
     border: 1px solid #E7E7E7;
     padding-block: 15px 10px;
     /* padding-inline: 10px; */
     border-radius: 5px;
     margin-bottom: 15px;
 }

 .left_booking_third .header_con h3 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     padding-inline: 10px;
     color: #000000;
     margin: 0;
     padding-block: 10px 15px;
 }



 .price-summary {
     padding: 16px;
     background-color: #fff9db;
     text-align: center;
 }

 .price-summary .price p {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 700;
     color: #000000;
 }

 .price {
     display: flex;
     justify-content: space-between;
 }

 .price-summary .tax-info {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     text-align: right;
     color: #000000B2;
 }

 .price-information {
     padding: 15px 10px;
     font-size: 14px;
     color: #333;
 }

 .price-information h3 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     color: #000000;
 }

 .price-information p {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     color: #000000;
     display: flex;
     align-items: center;
     width: 85%;
 }

 .price-information p img {
     width: 20px;
     margin-right: 8px;
 }

 .price-information .tax-detail {
     color: #000000;
     display: flex;
     justify-content: space-between;
     padding-inline: 25px;
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
 }

 .cancellation-info h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 500;
     color: #000000;
 }

 .cancellation-info {
     font-size: 14px;
     color: #333;
     background-color: #fff;
 }

 .cancellation-info .free-cancel {
     color: #008000;
     margin-bottom: 8px;
     font-family: Roboto;
     font-size: 13px;
     font-weight: 400;
 }

 .cancellation-info .cancel-cost {
     display: flex;
     justify-content: space-between;
     color: #333;
 }

 .cancellation-info .cancel-date {
     color: #000000;
     font-family: Roboto;
     font-size: 13px;
     font-weight: 400;
 }

 .left_booking_four {
     border: 1px solid #E7E7E7;
     padding-block: 15px 10px;
     padding-inline: 10px;
     border-radius: 5px;
     margin-bottom: 15px;
 }

 .left_booking_third .selection {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 500;
     color: #006CE4;
     padding-top: 10px;
 }





 .right_booking_first .firsr_bbok_flex {
     display: flex;
     width: 100%;
     gap: 15px;
 }

 .right_booking_first .firsr_bbok_flex p {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     color: #000000;
     margin: 0;
     padding-bottom: 5px;
     width: 70%;
 }

 .right_booking_first .image_div {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     overflow: hidden;
 }

 .right_booking_first .image_div img {
     height: 100%;
 }

 .btn-rbooking_rooms {
     background-color: #395996;
     border: 1px solid #395996;
     color: white;
     padding: 10px 40px;
     border-radius: 0px;
     margin-top: 12px;
     border-radius: 5px;
     font-family: Roboto;
     font-size: 17px;
     font-weight: 600;
     text-align: center;
 }

 .btn-rbooking_rooms:hover {

     background-color: #B57F1A;
     border: 1px solid #B57F1A;
     color: white;
 }

 .right_booking_first {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 0px 15px;
 }

 .right_booking_second {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .right_booking_third {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .right_booking_four {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .right_booking_five {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .right_booking_six {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .right_booking_seven {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .right_booking_eight {
     border: 1px solid #E7E7E7;
     padding: 15px 25px;
     border-radius: 5px;
     margin-block: 10px;
 }

 .detail_div h3 {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 600;
     color: #000000;
 }

 .allmost_divZ {
     background-color: #D9D9D933;
     border: 1px solid #000000B2;
     border-radius: 5px;
 }

 .allmost_divZ i {
     margin-inline: 8px
 }

 .allmost_divZ p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
     margin: 0;
     padding: 15px 0px 15px 5px;
 }

 .allmost_divZ p span {
     color: #FF0000;
 }

 .right_booking_second .form_div input[type="text"],
 .right_booking_second .form_div input[type="number"],
 .right_booking_second .form_div select[name="country"],
 .right_booking_second .form_div input[type="tel"],
 .right_booking_second .form_div input[type="email"] {
     padding: 7px 8px;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #00000080;
 }

 .mtb-3 {
     margin-block: 10px;
 }

 .mail_address_head h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 600;
     color: #000000;

 }

 .form_div label {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     color: #000000;

 }

 .form_div label span {
     color: #FF0000;
     padding-left: 5px;
 }

 .form_div .confor_div p {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     color: #000000E5;
 }

 .form_div select {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .form_div option {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .form_div .iti {
     width: 100%;
 }

 .form_div .iti input {
     padding: 19px 8px;
     padding-block: 19px !important;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #00000080;
 }


 .form_div .iti__country-list {
     width: 382px;
 }

 .form_div .iti--separate-dial-code .iti__selected-flag {
     background-color: transparent !important;
 }

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

 .form_div .check_box_div input {
     width: 20px;
     height: 20px;

 }


 .form_div .check_box_div label {
     padding-left: 10px;
 }

 .form_div .check_box_div label span {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     color: #000000B2;
 }

 .form_div .booking_guest h3 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     color: #000000;
 }

 .form_div .booking_guest input {
     width: 20px;
     height: 20px;
 }

 .form_div .booking_guest label {
     padding-left: 10px;
 }

 .form_div .booking_guest .pbl_2 {
     padding-block: 5px;
 }

 .form_div .travel_div input {
     width: 20px;
     height: 20px;
 }

 .form_div .travel_div h3 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     color: #000000;
 }

 .form_div .travel_div .d-flex {
     gap: 10px;
 }

 .form_div .travel_div .main_flex {
     gap: 15px;
     display: flex;
 }

 .mb-0 {
     margin-bottom: 0;
 }

 .right_booking_third .stay_flex_div {
     display: flex;
     gap: 15px;
 }

 .right_booking_third .stay_flex_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
     margin: 0;
 }

 .right_booking_third .stay_flex_div i {
     color: #008000;
     font-size: 20px;
 }

 .right_booking_third .good_head h3 {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 600;
     color: #000000;
 }


 .ocean_div h3 {
     font-family: Roboto;
     font-size: 18px;
     font-weight: 600;
     color: #000000;
 }

 .brek_fast_div i {
     color: #008000;

 }

 .brek_fast_div p {
     color: #008000;
     font-family: Roboto;
     font-size: 17px;
     font-weight: 400;
     margin: 0;
 }

 .brek_fast_div p span {
     padding-left: 14px;
 }

 .brek_fast_div {
     display: flex;
     align-items: center;
     padding-block: 5px;
     gap: 10px;
 }

 .guest_fast_div {
     display: flex;
     align-items: center;
     padding-block: 5px;
     gap: 10px;
 }


 .guest_fast_div p {
     color: #000000;
     font-family: Roboto;
     font-size: 17px;
     font-weight: 400;

     margin: 0;
 }

 .popu_div_crl.popular_div .amenity-item span {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 300;
     color: #000000;
 }


 .right_booking_four .form_div input[type="text"],
 .right_booking_four .form_div input[type="number"],
 .right_booking_four .form_div select[name="country"],
 .right_booking_four .form_div input[type="email"] {
     padding: 7px 8px;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #00000080;
 }


 .right_booking_five .stay_div h3 {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 600;
     color: #000000;
 }

 .right_booking_five input {
     height: 35px;
     width: 35px;
 }

 .right_booking_five label {
     font-family: Roboto;
     font-size: 18px;
     font-weight: 600;
     color: #000000;

 }

 .right_booking_five label span {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 400;
     color: #000000B2;
 }

 .right_booking_five .form_three_div {
     display: flex;
     gap: 10px;
     width: 90%;
 }

 .right_booking_five .align_center {
     align-items: center;
     margin-block: 10px;
 }

 .right_booking_six .special_req h3 {
     font-family: Roboto;
     font-size: 18px;
     font-weight: 600;
     color: #000000;
 }

 .right_booking_six .special_req p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .optional_req p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 300;
     color: #000000;
 }

 .optional_req p b {
     font-weight: 500;
 }

 .room_div_circle p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .room_div_circle p i {
     color: #008000;
     padding-right: 10px;
     font-size: 17px;
 }


 .right_booking_seven .form_div input[type="text"],
 .right_booking_seven .form_div input[type="number"],
 .right_booking_seven .form_div select[name="country"],
 .right_booking_seven .form_div input[type="email"],
 .right_booking_seven .form_div input[type="tel"] {
     padding: 7px 8px;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #00000080;
 }

 .left_booking_four input[type="text"] {
     padding: 7px 8px;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #00000080;
 }



 .right_booking_seven .dropdown {
     position: relative;
     display: inline-block;
     width: 100%;
 }

 .right_booking_seven .dropdown input {
     width: 100%;
     padding: 10px 12px;
     font-size: 16px;
     border: 2px solid #007bff;
     border-radius: 4px;
     outline: none;
     cursor: pointer;
     background-color: #fff;
 }

 .right_booking_seven .dropdown-menu {
     /* display: none;   */
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 4px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     z-index: 1000;
     max-height: 150px;
     overflow-y: auto;
 }

 .right_booking_seven .dropdown-menu div {
     padding: 10px 12px;
     font-size: 14px;
     cursor: pointer;
 }

 .right_booking_seven .dropdown-menu div:hover {
     background-color: #007bff;
     color: #fff;
 }

 .right_booking_seven .dropdown-menu.active {
     display: block;
     /* Show dropdown on click */
 }

 .time_date_div .drop_icon {
     position: absolute;
     right: 12px;
     /* Align icon to the right */
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
     /* Prevent click events on the icon */
     font-size: 16px;
     color: #000000;
 }

 .time_content p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .cots_div h3 {
     font-family: Roboto;
     font-size: 18px;
     font-weight: 600;
     color: #000000;
 }

 .booking_ul_li li {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .booking_ul_li p a {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 500;
     color: #006CE4;
 }

 .add_your_occen p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 400;
     color: #000000;
 }

 .add_your_occen p b {
     font-family: Roboto;
     font-size: 21px;
     font-weight: 500;
     color: #000000;

 }

 .last_form_booking input {
     width: 20px;
     height: 20px;
     border: 1px solid #E7E7E7;
     border-radius: 10px;
 }

 .last_form_booking label {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 500;
     color: #000000;
     margin: 0;
     padding-left: 10px;
 }

 .last_form_booking .d-flex {
     display: flex;
     align-items: center;
     padding-block: 5px;
 }

 .end_button_div p {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 500;
     color: #000000;
     margin: 0;
 }

 .end_button_div p i {
     padding-right: 10px;
 }

 .end_button_div {
     display: flex;
     align-items: baseline;
     justify-content: flex-end;
     gap: 25px;
 }

 .right_booking_eng {
     padding-block: 30px;
 }

 .right_booking_eng .btn-rbooking_rooms {
     margin-top: 0;
 }

 .after_login_page .right_booking_first .firsr_bbok_flex {
     display: flex;
     width: 100%;
     gap: 15px;
     align-items: center;
 }

 .after_login_page .right_booking_second .credit_check_box label {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     text-align: left;
     color: #000000;
     padding-left: 6px;
     margin: 0;
 }

 .after_login_page .right_booking_five {
     border: unset;
 }

 .after_login_page .right_booking_six {
     border: unset;
 }

 .after_login_page .right_booking_six a {
     color: #000000;
     font-family: Roboto;
     font-size: 13px;
     font-weight: 600;
     text-decoration: underline !important;
 }

 .apply_div_code {
     background: #395996;
     border: 1px solid #395996;
     padding: 10px 25px;
     color: #fff;
     margin-top: 25px;
     border-radius: 5px;
 }

 .apply_div_code:hover {
     color: #fff;
 }

 .mtb-5 {
     margin-block: 25px;
 }



 .after_login_page .right_booking_seven {
     border: unset;
 }

 .after_login_page .check_div_flex {
     display: flex;
     justify-content: flex-end;
     gap: 40px;
 }

 .after_login_page .check_div_flex .booking_button {
     background: #FFFFFF;
     border: 1px solid #395996;
     border-radius: 5px;
     padding: 15px 30px;
     color: #395996;
 }

 .after_login_page .check_div_flex .booking_button:hover {
     background: #395996;
     border: 1px solid #395996;
     color: #fff;
 }

 .after_login_page .check_div_flex .completed_button {
     background: #395996;
     border: 1px solid #395996;
     border-radius: 5px;
     padding: 15px 30px;
     color: #fff;
 }


 .after_login_page .check_div_flex .completed_button:hover {
     background: #FFFFFF;
     border: 1px solid #395996;
     color: #395996;
 }


 .completed_bk_div p span {
     color: #000;
     font-family: Roboto;
     font-size: 16px;
     font-weight: 300;
 }


 .completed_bk_div p {
     font-family: Roboto;
     font-size: 18px;
     font-weight: 500;
     line-height: 20px;
     text-align: left;
     color: #000000;
 }

 .completed_bk_div h3 {
     font-family: Roboto;
     font-size: 20px;
     font-weight: 800;
     line-height: 20px;
     color: #006CE4;

 }

 .booking_confon_first {
     padding-block: 50px;
 }

 .Check_in_in p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 300;
     color: #000000;
     margin: 0;
 }

 .booking_confon_first .booking-card {
     display: flex;
     flex-wrap: wrap;
     align-items: center;

     padding: 16px;
     border-radius: 8px;

 }

 .booking_confon_first .details {
     flex: 2;
     margin-right: 20px;
 }

 .booking_confon_first .image {
     flex: 1;
     display: flex;
     justify-content: center;
 }

 .booking_confon_first .image img {
     width: 100%;
     border-radius: 8px;
 }

 .booking_confon_first .heading {
     font-weight: bold;
     margin-bottom: 4px;
 }


 .booking_confon_first .directions a {
     color: #007BFF;
     text-decoration: none;
     font-weight: bold;
 }

 .booking_confon_first .directions a:hover {
     text-decoration: underline;
 }

 .Check_in_in p span {
     font-weight: 800;
 }

 .check_in_out_total .d-flex {
     gap: 10px;
 }

 .booking-card .d-flex {
     gap: 75px;
 }

 .dlex_div {
     display: flex;
     gap: 10px;
 }

 .profile_flex_div {
     display: flex;
     justify-content: space-between;
     padding-bottom: 10px;
 }


 .profile_flex_div h3 {
     font-family: Roboto;
     font-size: 30px;
     font-weight: 700;
     color: #000;
     margin: 0;
 }

 .profile_flex_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 300;
     color: #000000;
 }

 .profile_flex_div_second {
     display: flex;
     justify-content: space-between;
     border-top: 1px solid #D9D9D9;
     padding-block: 10px;
 }


 .profile_flex_div_second P {
     margin: 0;
     font-family: Roboto;
     font-size: 14px;
     font-weight: 300;
     color: #000000;
     margin-bottom: 10px;
 }

 .profile_flex_div_second P span {
     background: #008000;
     color: #FFFFFF;
     padding: 7px 11px;
     border-radius: 5px;
     margin-left: 10px;
 }

 .profile_flex_div_second>div {
     width: 33%;
 }

 .profile_flex_div_second .edit_div p {
     text-align: end;
 }






 /*  */
 .profile_tab_details {
     padding-block: 50px;
 }

 .profile_tab_details .tab {

     background-color: #fff;


 }

 .profile_tab_details .tab i {
     background: #F5F5F5;
     padding: 10px;
     border-radius: 50px;
     margin-right: 10px;
 }

 .profile_tab_details .tab button {
     display: block;
     background-color: inherit;
     color: black;
     padding: 18px 16px;
     margin: 0;
     border: none;
     outline: none;
     text-align: left;
     cursor: pointer;
     transition: 0.3s;
     font-size: 17px;
     border-radius: 4px;
 }



 .profile_tab_details .tab button.active {
     background-color: #fff;
     color: #006CE4;
 }

 .profile_tab_details .tabcontent {
     float: left;
     padding: 0px 12px;
     width: 70%;
     border-left: none;

 }




 .profile_tab_details .avatar-upload {
     position: relative;

 }

 .profile_tab_details .avatar-upload .avatar-edit {
     position: absolute;
     left: 19px;
     z-index: 1;
     top: 54px;
 }

 .profile_tab_details .avatar-upload .avatar-edit input {
     display: none;
 }

 .profile_tab_details .avatar-upload .avatar-edit input+label {
     display: inline-block;
     width: 25px;
     height: 25px;
     margin-bottom: 0;
     border-radius: 100%;
     background: #FFFFFF;
     border: 1px solid transparent;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
     cursor: pointer;
     font-weight: normal;
     transition: all 0.2s ease-in-out;
 }

 .profile_tab_details .avatar-upload .avatar-edit input+label:hover {
     background: #f1f1f1;
     border-color: #d6d6d6;
 }

 .profile_tab_details .avatar-upload .avatar-edit input+label:after {
     content: "\f040";
     font-family: 'FontAwesome';
     color: #757575;
     position: absolute;
     top: 4px;
     left: 0px;
     right: 42px;
     text-align: center;
     margin: auto;
     font-size: 12px;
 }

 .profile_tab_details .avatar-upload .avatar-preview {
     width: 80px;
     height: 80px;
     position: relative;
     border-radius: 100%;
     border: 6px solid #F8F8F8;
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
 }

 .profile_tab_details .avatar-upload .avatar-preview>div {
     width: 100%;
     height: 100%;
     border-radius: 100%;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .profile_tab_details .second_div {
     width: 54%;
 }

 .profile_tab_details .edit_div {
     width: 13%;
 }


 .room_details .room_details_div {
     width: 75px;
     height: 75px;
 }

 .room_details .room_details_div img {
     object-fit: cover;
     height: 100%;
     border-radius: 5px;
 }

 .holyday_div {
     background-color: #595959;
     color: #FFFFFF;
     border-radius: 5px;
 }

 .div_room_flex {
     display: flex;
     align-items: center;
     gap: 10px;
     padding-top: 15px;
 }

 .holyday_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 400;
     line-height: 20px;
     color: #FFFFFF;
     padding: 5px 10px;
     margin: 0;
 }

 .nido_div p {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 700;
     line-height: 20px;
     color: #000000;
     margin: 0;
 }

 .table_room_details table {
     width: 100%;
     margin-top: 10px;
 }

 .table_room_details table tr td {
     width: 50%;
 }

 .table_room_details table tr th {
     padding-block: 8px;
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;
 }

 .table_room_details table tr td {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 300;
     line-height: 20px;
     color: #000000;
 }

 .table_room_details table tr td b {
     font-weight: 600;
 }

 .hotel_houseprice_div {
     border: 0.5px solid #BED8FF;
     border-radius: 5px;
     margin-block: 20px;
 }

 .house_div_flex {
     display: flex;
     justify-content: space-between;
     padding: 10px;
     padding-bottom: 15px;
     border-bottom: 0.5px solid #BED8FF;
     margin-inline: 10px;
 }

 .house_div_flex p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
     margin: 0;
 }

 .prize_div_flex {
     display: flex;
     justify-content: space-between;
     padding: 10px;
     padding-bottom: 15px;
     border-bottom: 0.5px solid #BED8FF;
     margin-inline: 10px;

 }

 .prize_div_flex p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     line-height: 20px;
     color: #000000;
     margin: 0;

 }

 .prize_div_flex p b {
     font-size: 16px;
     font-weight: 400;
 }

 .prize_div_flex p span {
     font-size: 15px;
     font-weight: 500;
     padding-left: 15px;
 }

 .prize_and_payment_div {
     background: #FAFCFF;
 }

 .payment_div_flex {
     padding: 10px;
     margin: 2px;
 }

 .payment_div_flex h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;
 }

 .payment_div_flex p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .payment_div_flex p b {
     font-size: 13px;
     font-weight: 600;
 }

 .room_details .payment_info_div {
     border: 0.5px solid #000000;
     border-radius: 5px;
     padding: 25px 15px;
     margin-block: 20px;
 }


 .room_details .payment_info_div .pay_in_bor h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000;
 }

 .room_details .payment_info_div .pay_in_bor p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 500;
     color: #000000;
     margin: 0;
 }

 .room_details .payment_info_div .pay_in_bor p span {
     color: #008000;
 }

 .pay_in_bor {
     padding-bottom: 10px;
     border-bottom: 0.5px solid #00000080;
 }

 .room_details .payment_info_div .visa_img img {
     width: 21px;
 }

 .mon_div_fle {
     padding-block: 10px 0;
 }

 .mon_div_fle p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 500;
     color: #000000;
     margin: 0;
 }

 .visa_div_fle {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .pid_amount_div {
     display: flex;
     justify-content: space-between;
 }

 .paid_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .paid_div p span {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 500;
     color: #000000;

 }

 .rreview_div h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;

 }

 .rreview_div ul li {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .impor_bor_div {
     border: 0.5px solid #00000080;
 }

 .impor_div h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;
 }

 .bor_div_property {
     border: 0.5px solid #00000080;
     padding: 10px 12px;
     border-radius: 5px;
 }

 .bor_div_property p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
     margin: 0;
 }

 .special_div h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;
 }

 .special_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .scontact_div h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;
 }

 .scontact_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .mail_flex {
     display: flex;
     gap: 10px;
     margin-block: 15px;
 }

 .mail_flex a {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     color: #006CE4;
 }

 .mail_flex p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
     margin: 0;
 }

 .mail_flex p b {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 600;
     color: #000000;
 }

 .mail_flex h4 {
     font-family: Roboto;
     font-size: 14px;
     font-weight: 700;
     color: #000000;
 }

 .confirma_div p {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 300;
     color: #000000;
 }

 .confirma_div p b {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 600;
     color: #000000;
 }

 .confirma_div .d-flex {
     gap: 10px;
 }

 .confirma_div {
     background: #F5F5F5;
     border: 0.5px solid #000000;
     border-radius: 5px;
     padding: 10px;
     margin-block: 0 10px;
 }

 .every_thing_div {
     border: 0.5px solid #000000;
     padding: 10px;
     border-radius: 5px;
 }

 .ever_this_ct_div h3 {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 700;
     color: #000000;
 }

 .ever_this_ct_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .every_thing_div .cncel_div p a {
     color: #395996;
     text-decoration: underline !important;
     padding-left: 10px;
 }

 .contact_property_div h4 {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 500;
     color: #000000;
 }

 .contact_property_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 300;
     color: #000000;
 }

 .contact_property_div p a {
     color: #395996;
     font-family: Roboto;
     font-size: 12px;
     font-weight: 600;
     margin: 0;
     text-decoration: underline !important;
 }


 .tabcontent.fulwidth_slider .image-content {
     border-radius: 16px 16px 0px 0px;
     height: 200px;
 }








 /*  */
 .booking_tab .tab {
     overflow: hidden;
 }

 /* Style the buttons inside the tab */
 .booking_tab .tab button {
     background-color: inherit;
     float: left;
     border: none;
     outline: none;
     cursor: pointer;
     padding: 14px 16px;
     transition: 0.3s;
     font-size: 17px;
 }

 /* Change background color of buttons on hover */
 .booking_tab .tab button:hover {
     background-color: transparent;
 }

 /* Create an active/current tablink class */
 .booking_tab .tab button.active {
     background-color: transparent;
     border-bottom: 4px solid #484848;
 }

 /* Style the tab content */
 .booking_tab .tabcontent1 {
     display: none;
     padding: 6px 12px;
     border-top: none;
 }

 .profile_tab_details .booking_tab .tab {
     width: 100%;
     border-bottom: 1px solid #E8EAEC;
 }

 .tabcontent1.active {
     display: block;
 }

 .pro_img_tab {
     width: 140px;
     height: 140px;
 }

 .upcoming_div_tab {
     border: 1px solid #D9D9D9;
     padding: 10px;
     display: flex;
     gap: 10px;
     margin-block: 10px;
 }

 .check_guest_flex {
     display: flex;
     justify-content: space-between;
 }

 .check_guest_flex p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 600;
     color: #000000;
     margin: 0;
 }

 .check_guest_flex p span {
     color: #1C1B1A80;
 }

 .check_price .price_div p {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 600;
     color: #000000;
 }

 .check_price h3 {
     font-family: Roboto;
     font-size: 16px;
     font-weight: 900;
     color: #000000;
 }

 .check_price {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     width: 33%;
 }

 .prodiv_img {
     width: 33%;
 }

 .length_div p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 500;
     color: #000000;
 }

 .length_div p span {
     color: #1C1B1A80;
 }

 .length_div {
     width: 33%;
     text-align: end;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
 }

 .but_view {
     border: 1px solid #395996;
     color: #395996;
     padding: 10px 20px;
     border-radius: 5px;
 }










 /* datepicker */
 .date_picker_css.paging_serch_bar #date-range {
     border: 1px solid #00000096;

     border-left: 0;
 }

 .date-picker-wrapper {
     transform: translateX(50%) !important;

 }

 .date-picker-wrapper .normal-top {
     font-size: 15px !important;
 }

 .date-picker-wrapper .day.toMonth.valid.checked.first-date-selected {
     background-color: #395996 !important;
     border-radius: 20px 0px 0px 20px;
 }

 .date-picker-wrapper .day.toMonth.valid.checked.last-date-selected {
     background-color: #395996 !important;
     border-radius: 0px 20px 20px 0px;
 }

 .date-picker-wrapper .day.toMonth.valid.checked.first-date-selected .d-price,
 .date-picker-wrapper .day.toMonth.valid.checked.last-date-selected .d-price {
     color: #ffffff !important;
 }

 .date-picker-wrapper .day.toMonth.valid.checked.first-date-selected span,
 .date-picker-wrapper .day.toMonth.valid.checked.last-date-selected span {
     color: #ffffff !important;
 }

 .date_picker_css.paging_serch_bar .input-group {
     flex-wrap: nowrap !important;
 }


 .date-picker-wrapper .month-element {
     display: inline-block;
     vertical-align: middle;
     font-size: 19px;
     font-weight: 600;
     line-height: 26px;
     color: #1A1A1A;
 }

 .date-picker-wrapper .month-wrapper table .day {
     padding: 8px 8px !important;
 }

 .date-picker-wrapper .month-wrapper {
     /* width: max-content !important;
     border: unset !important;
     border-top: 1px solid #bfbfbf !important;
     padding: 15px 35px !important; */
     width: max-content !important;
     box-shadow: 0px 0px 3px 0px #00000040 !important;
     margin-inline: 35px !important;
     border: unset !important;
     padding: 20px 5px;
 }

 .date-picker-wrapper .month-wrapper table.month2 {
     width: max-content !important;
 }

 .date-picker-wrapper .month-wrapper table {
     width: max-content !important;
 }


 .date-picker-wrapper .month-wrapper table .day.real-today {
     background-color: transparent !important;
     color: #ffb700 !important;
 }

 .date-picker-wrapper .month-wrapper table .day.real-today .d-price {
     color: #ffb700 !important;
 }

 .date-picker-wrapper .gap {
     background-color: transparent !important;
 }

 .date-picker-wrapper .gap .gap-line {
     display: none;
 }

 .date-picker-wrapper .month-wrapper table th {
     font-family: Roboto;
     font-size: 14px !important;
     font-weight: 400 !important;
     color: #1A1A1A !important;
     vertical-align: baseline !important;
     text-transform: capitalize;
 }

 .date-picker-wrapper .month-wrapper table .week-name {
     height: 30px !important;

 }

 .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
     font-family: Roboto;
     font-size: 15px;
     font-weight: 400;
     /* line-height: 26px; */
     /* width: 50px !important;
     height: 60px !important; */
 }

 .date-picker-wrapper .month-wrapper table .day.checked {
     background-color: #EFDEB3 !important;
 }

 .date-picker-wrapper .first-date-selected span,
 .date-picker-wrapper .last-date-selected span {

     color: #1E1E1E !important;
 }

 .date-picker-wrapper .drp_top-bar .apply-btn {
     padding: 10px 30px !important;
     border: solid 1px #395996 !important;
     background: #395996 !important;
     color: #ffffff !important;
     font-size: 18px !important;
 }

 .date-picker-wrapper .drp_top-bar {
     line-height: unset !important;
     padding: 15px 40px 17px 20px !important;
     margin-right: 20px !important;
 }

 .date-picker-wrapper {
     color: #395996 !important;
     font-family: Roboto !important;
     font-size: 18px !important;
     font-weight: 400 !important;
     line-height: 26px !important;
 }

 .date-picker-wrapper table .caption .next,
 .date-picker-wrapper table .caption .prev {
     padding: 5px 10px !important;
 }

 .date-picker-wrapper {
     border: 1px solid transparent !important;
     background-color: #ffffff !important;
     padding: 0px 0px !important;
     border-radius: 5px !important;
 }

 .d-price {
     font-family: Roboto;
     font-size: 10px;
     font-weight: 400;
     line-height: 24px;
 }

 /* .month-wrapper .caption .prev::before {
     content: "\f105";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 20px;
     color: green;
 }
 .month-wrapper .caption .prev {
    content: "";

 } */
 .date-picker-wrapper .footer {
     padding-top: 0 !important;
 }

 .roomchosen_div {
     align-items: center;
     position: sticky;
     top: 0px;
     height: auto;
     z-index: 99;
     background: #f0f6ff;
     padding: 10px;
 }

 .roomchosen_div .room_chosen p {
     font-size: 16px;
     font-weight: 500;
     line-height: 30px;
     color: #000000;
     margin: 0;
 }

 .roomchosen_div .room_chosen p b {
     font-family: Roboto;
     font-size: 20px;
     font-weight: 700;
 }

 .roomchosen_div .price_choose s {
     font-size: 16px;
     font-weight: 500;
     line-height: 30px;
     color: #395996;
     padding-right: 10px;
 }

 .roomchosen_div .price_choose p {
     margin: 0;
 }

 .roomchosen_div .price_choose p b {
     font-family: Roboto;
     font-size: 20px;
     font-weight: 700;

 }

 .conformtion_price ul li {
     font-size: 16px;
     font-weight: 500;
     line-height: 30px;
     color: #000000;
     margin: 0;
 }

 .conformtion_price ul {
     margin: 0;
 }

 .model_body_div_head .modal-header {
     padding: 0;
     padding-top: 10px;
     padding-right: 10px;

     border: 0px;
 }

 .model_body_div_head .modal-body {
     padding-top: 0px;
 }

 .model_body_div_head .modal-body h5 {
     text-align: center;
 }





















 /*  */







 .galery_model_di .slider-modal {
     display: none;
     opacity: 0;
     border-top: 2px solid #083;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(1) translateZ(0);
     max-width: 575px;
     width: 100%;
     background: #fff;
     z-index: 9001;
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4), 0px 0px 0px 3000px rgba(0, 0, 0, 0.25);
 }

 .galery_model_di .slider-modal.modal-active {
     display: block;
     -webkit-animation-name: modal-enter;
     animation-name: modal-enter;
     -webkit-animation-duration: 0.3s;
     animation-duration: 0.3s;
     animation-iterations: 1;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
 }

 .galery_model_di .slider-modal.modal-close {
     -webkit-animation-name: modal-leave;
     animation-name: modal-leave;
     -webkit-animation-duration: 0.2s;
     animation-duration: 0.2s;
     animation-iterations: 1;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
 }

 .galery_model_di .slider-modal .title {
     font-size: 16px;
     padding: 20px;
     font-weight: normal;
     color: #929292;
 }

 .galery_model_di .slider-modal .slides {
     position: relative;
     overflow: hidden;
     height: 300px;
     width: 100%;
 }

 .galery_model_di .slider-modal .slide {
     position: absolute;
     width: 100%;
     height: 300px;
     background-size: cover;
     background-position: center center;
     display: inline-block;
     z-index: 1;
 }

 .galery_model_di .slider-modal .slide.active {
     z-index: 3;
 }

 .galery_model_di .slider-modal .slider-image-caption {
     text-align: center;
     font-size: 14px;
     color: #777;
 }

 .galery_model_di .slider-modal .close-icon {
     position: absolute;
     right: -15px;
     top: -17px;
     background: #ffffff;
     border: 1px solid #395996;
     color: #395996;
     height: 30px;
     width: 30px;
     border-radius: 50%;
     transition: all 0.2s;
     cursor: pointer;
     z-index: 9;
 }

 .galery_model_di .slider-modal .close-icon:before,
 .galery_model_di .slider-modal .close-icon:after {
     position: absolute;
     content: "";
     height: 20px;
     width: 2px;
     background: #395996;
     left: 50%;
     top: 50%;
     margin-top: calc(20px / -2);
     margin-left: calc(2px / -2);
 }

 .galery_model_di .slider-modal .close-icon:before {
     transform: rotate(45deg);
 }

 .galery_model_di .slider-modal .close-icon:after {
     transform: rotate(-45deg);
 }

 .galery_model_di .slider-modal .close-icon:active {
     background: rgba(0, 0, 0, 0.1);
 }

 .galery_model_di .slider-modal .nav-arrow {
     opacity: 0.3;
     position: absolute;
     background: #fff;
     height: 30px;
     width: 30px;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
     border-radius: 50%;
     z-index: 10;
     top: 50%;
     margin-top: -15px;
     cursor: pointer;
     transition: all 0.2s ease-out;
 }

 .galery_model_di .slider-modal .nav-arrow:hover {
     opacity: 0.8;
 }

 .galery_model_di .slider-modal .nav-arrow:before,
 .galery_model_di .slider-modal .nav-arrow:after {
     content: "";
     width: 2px;
     height: 10px;
     background: #000;
     position: absolute;
     left: 9px;
     top: 10px;
 }

 .galery_model_di .slider-modal .nav-arrow:before {
     transform: rotate(50deg) translateY(-50%);
 }

 .galery_model_di .slider-modal .nav-arrow:after {
     transform: rotate(-50deg) translateY(50%);
 }

 .galery_model_di .slider-modal .nav-arrow.right {
     right: 20px;
     transform: rotate(180deg);
 }

 .galery_model_di .slider-modal .nav-arrow.left {
     left: 20px;
 }

 @-webkit-keyframes modal-enter {
     0% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(0.5);
     }

     70% {
         transform: translate(-50%, -50%) scale(1.1);
     }

     100% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }
 }

 @keyframes modal-enter {
     0% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(0.5);
     }

     70% {
         transform: translate(-50%, -50%) scale(1.1);
     }

     100% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }
 }

 @-webkit-keyframes modal-leave {
     0% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }

     100% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(0.8);
     }
 }

 @keyframes modal-leave {
     0% {
         opacity: 1;
         transform: translate(-50%, -50%) scale(1);
     }

     100% {
         opacity: 0;
         transform: translate(-50%, -50%) scale(0.8);
     }
 }

 textarea {
     overflow: auto;
     resize: vertical;
     width: 100%;
 }












 /*  */



 .date-picker-footer {

     padding-bottom: 5px;
     /* border-top: 1px solid #ddd; */
     background-color: #ffffff;
     text-align: center;
 }

 .date-picker-footer .dropdown {
     margin: 10px 0;
 }

 .date-picker-footer .dropdown-toggle-custom {
     display: flex;
     align-items: center;
     gap: 5px;
     /* Space between flag and text */
 }

 .date-picker-footer .footer_bottom_divflex {
     display: flex;
     justify-content: space-between;
     padding: 20px 35px;
 }

 .date-picker-footer .total_days_ownwe {
     border: 1px solid #B3B3B3;
     padding: 10px 15px;
     width: 280px;
 }

 .date-picker-footer .total_content_div h3 {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 500;
     text-align: center;
 }

 .date-picker-footer .total_content_div h3 span {
     font-size: 19px;
     font-weight: 600;
 }

 .date-picker-footer .gendral_div {
     display: flex;
     align-items: center;
     gap: 25px;
     margin-bottom: 10px;

 }

 .date-picker-footer .gendral_div i {
     font-size: 10px;
     color: #B3B3B3;
     position: absolute;
     bottom: 4px;
     right: 5px;
 }

 .date-picker-footer .avalabile_div {
     width: 20px;
     height: 20px;
     border: 1px solid #B3B3B3;
     position: relative;
 }

 .date-picker-footer .peakgendral_div {
     width: 20px;
     height: 20px;
     border: 1px solid #C7E8F7;
     background: #C7E8F7;
 }

 .date-picker-footer .paidavalabile_div {
     width: 20px;
     height: 20px;
     border: 1px solid #395996;
     background: #395996;
 }

 .date-picker-footer .avalable_div_par p {
     font-family: Roboto;
     font-size: 13px;
     font-weight: 400;
     color: #000000;
     margin: 0;
 }

 .date-picker-footer .avalable_div_par p span {
     font-family: Roboto;
     font-size: 12px;
     font-weight: 500;
     color: #000000;
     margin: 0;
 }

 .date-picker-footer .totl_used_div p {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 500;
     text-align: end;
     margin: 0;
     color: #000000;
 }

 .date-picker-footer .totl_used_div p span {
     font-family: Roboto;
     font-size: 19px;
     font-weight: 700;
 }

 .date-picker-footer .total_nights p {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 500;
     color: #000000;
     margin: 0;
     text-align: end;
 }

 .date-picker-footer .total_nights p span {
     font-family: Roboto;
     font-size: 12px;
     font-weight: 500;
     color: #0000008F;
 }

 .date-picker-footer .total_dis_flex {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .date-picker-footer .button_class_book {
     background: #395996;
     padding: 15px 30px;
     color: #FFFFFF !important;
     cursor: pointer;
 }

 .date-picker-footer .button_class_book:hover {
     color: #FFFFFF;

 }

 .date-picker-footer .book_div {
     text-align: end;
     margin-block: 30px;
     padding-right: 25px;
 }

 .date-picker-footer .date_div {
     padding: 10px;
     padding-bottom: 20px;
     box-shadow: 0px 4px 4px 0px #00000040;
     margin-inline: 35px;
     /* border: 1px solid #ddd; */
 }

 .date-picker-footer .date_div p {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 500;
     color: #000000;
     margin: 0;
     text-align: start;
 }

 .date-picker-footer .date_div p span {
     font-family: Roboto;
     font-size: 17px;
     font-weight: 500;
     color: #395996;
 }

 .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
     background-color: #EFDEB3 !important;

 }

 .location_div_tab {
     gap: 20px;
     display: flex;
     margin-block: 0 10px;
     justify-content: flex-start;
     position: absolute;
     bottom: 0px;
     left: 0;
     background: #ffffff;
     border-radius: 10px 10px 0px 0px;
     padding: 13px;
 }

 .location_div_tab p {
     border: 1px solid #9a8143;
     margin: 0;
     border-radius: 5px;
     background: #fff;
     color: #725a2e;
     cursor: pointer;
     transition: background 0.3s, color 0.3s;
     font-family: STIX Two Text;
     padding: 12px 55px 12px 55px;
     font-size: 18px;
 }

 .location_div_tab p.active {
     background: #9a8143;
     color: #ffffff;
 }

 .location_div_tab p:hover {
     background: #9a8143;
     color: #ffffff;
 }

 #other_login_content {
     display: none;
 }

 .days_side_alignment {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }