.modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   display: flex;
   justify-content: center;
   align-items: center;
   visibility: hidden;
   opacity: 0;
   transition: opacity 0.3s ease-in-out;
}

.modal.show {
   visibility: visible;
   opacity: 1;
}

.modal-content {
   position: relative;
   background-color: #fff;
   padding: 20px;
   border-radius: 5px;
   width: 80%;
   max-width: 600px;
}

/* X tugmasi uchun styling */
.close-btn {
   position: absolute;
   top: -8px;
   right: 10px;
   color: black; /* Qora rang */
   font-size: 24px;
   cursor: pointer;
}

.close-btn:hover {
   color: red; /* Tugmani ustiga kelinganda qizil rang */
}

#map-btn {
   background-color: #007bff;
   color: white;
   border: none;
   padding: 5px 10px;
   cursor: pointer;
   font-size: 18px;
}

#map-btn:hover {
   background-color: #0056b3;
}


body {
   font-family: Arial;
   margin: 0;
}

/* Style the tab container */
.tab {
   display: flex;
   justify-content: space-between;
   border: 1px solid #e0e2e7;
   background-color: #e6effd;
}

/* Style each tab */
.tab button {
   background-color: inherit;
   flex: 1;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 2px;
   transition: 0.3s;
   font-size: 17px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

/* Change background color of buttons on hover */
.tab button:hover {
   background-color: rgba(13, 71, 161, 0.2);
}

/* Create an active/current tablink class */
.tab button.active {
   background-color: rgb(197 212 235);
}

/* Style the tab content */
.tabcontent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #cccccc00;
   border-top: none;
}

/* Style the tab content */
.bor {
   box-sizing: border-box;
   border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

button.tablinks1 {
   box-sizing: border-box;
   border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}


.tabi.bor {
   border: 1px solid #dfe0e4;
   padding: 0px;
   text-align: left;
}

body {
   font-family: Arial;
   margin: 0;
}

/* Style the tab container */
.tabi {
   display: flex;
   justify-content: space-between;
   border: 1px solid #00000047;
   background-color: #f3f6fa;
   padding: 10px;
   border: 1px solid black;
}

/* Style each tab */
.tabi button {
   background-color: inherit;
   flex: 1;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 2px;
   transition: 0.3s;
   font-size: 17px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

/* Change background color of buttons on hover */
.tabi button:hover {
   background-color: rgba(13, 71, 161, 0.2);
}

/* Create an active/current tablink class */
.tabi button.active {
   background-color: rgba(13, 71, 161, 0.2);
}

/* Style the tab content */
.tabicontent {
   display: none;
   padding: 6px 12px;
   border: 1px solid #cccccc00;
   border-top: none;
}

/* Style the tab content */
.bor {
   box-sizing: border-box;
   border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

.tabi.bor {
--bs-gutter-y: 1.5rem;
}

button#defaultOpen {
   border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

button.tablinks {
   border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

/* .viloyat,
.tuman,
.manzil {
   flex: auto;
   max-width: 27%;
}

.manzil {
   flex: auto;
   max-width: 46%;
}

@media (max-width: 1400px) {

   .viloyat,
   .tuman,
   .manzil {
      flex: auto;
      max-width: 100%;
   }
} */
/* form.write__review {
padding: 0px 0px;
} */
.tabi.bor {
width: 100%;
}

a.cmn--btn.mt-30.d-flex.justify-content-center.d-block {
background: #183e98;
}