/* * {

  margin: 0;



  padding: 0;



  box-sizing: border-box;

} */

/* body {



        background: #222323;



        font-family: Arial, sans-serif;



        margin: 0;



        padding: 20px;



        color: #fff;



    } */

#loading_full_data {
  margin: auto;

  max-width: 1200px;
}

#loading_full_data .serviceContainer {
  padding: 32px;
  background: #1a1a1a;
  border-radius: 12px;
}

.text_12 {
  font-size: 12px;
  line-height: 20px;
  color: #eeeeee;
  font-weight: 400;
  text-decoration: underline;
}

.text_14 {
  font-size: 14px;

  line-height: 22px;

  color: #eeeeee;

  font-weight: 400;
}

.text_16 {
  font-size: 16px;

  line-height: 24px;

  font-weight: 600;

  color: #eeeeee;
}

.text_18 {
  font-size: 18px;

  line-height: 26px;

  font-weight: 400;

  color: #eeeeee;
}

#loading_full_data .sectionTitle {
  font-size: 12px;

  line-height: 20px;

  color: #949494;

  margin: 16px 0 12px;

  text-transform: uppercase;
}

#loading_full_data .serviceItem {
  display: flex;

  align-items: center;

  padding: 16px;

  margin-bottom: 10px;

  border-radius: 12px;

  cursor: pointer;

  background: #1a1a1a;

  transition: all 360ms ease;

  border: 1px solid #2a2a2a;
}

#loading_full_data .serviceItem:hover {
  background: #222222;

  border: 1px solid #ffffff;
}

#loading_full_data .serviceItem img {
  width: 48px;

  height: 48px;

  border-radius: 8px;

  object-fit: cover;

  margin-right: 12px;
}

#loading_full_data .service-info {
  flex: 1;
}

#loading_full_data .service-info h3 {
  font-size: 15px;

  margin: 0;

  color: #eeeeee;
}

#loading_full_data .service-info a {
  font-size: 13px;

  color: #4da6ff;

  text-decoration: none;
}

#loading_full_data .arrow {
  width: 20px;

  height: 20px;

  fill: #ffffff;
}

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

#loading_full_data .wrapper {
  padding: 16px;

  border-radius: 12px;

  background: #1a1a1a;
}

#loading_full_data .back {
  display: inline-flex;

  align-items: center;

  gap: 6px;

  font-size: 14px;

  color: #000000;

  margin-bottom: 15px;

  text-decoration: none;
}

#loading_full_data .back .arrow svg {
  width: 16px;

  height: 16px;

  transform: rotate(180deg);
}

#loading_full_data .areaBnt button {
  font-size: 0;

  border: none;

  outline: none;

  width: 26px;

  height: 26px;

  fill: #949494;

  padding: 6px;

  cursor: pointer;

  border-radius: 20px;

  background: transparent;
}

#loading_full_data .areaBnt button:hover {
  background: #222323;
}

#loading_full_data .areaBnt .leftBtn {
  transform: rotate(180deg);
}

#loading_full_data .mainCalendar {
  display: flex;

  align-items: flex-start;

  gap: 50px;

  margin-top: 20px;
}

#loading_full_data .calendarHeader .text_16 {
  font-weight: 400;

  margin-bottom: 0;
}

#loading_full_data .calendarHeader .text_16 span {
  color: #949494;
}

#loading_full_data .calendarContainer {
  border-radius: 10px;

  width: 300px;
}

#loading_full_data .calendarHeader {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 10px;
}

#loading_full_data .calendarHeader .year {
  color: #aaa;
}

#loading_full_data .calendarContainer .calendar-days,
#loading_full_data .calendarContainer .calendar-dates {
  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 18px;

  text-align: center;
}

#loading_full_data .calendarContainer .calendar-days {
  margin-bottom: 14px;
}

#loading_full_data .calendarContainer .calendar-days div {
  color: #666;

  text-transform: lowercase;

  font-size: 0.85em;
}

#loading_full_data .calendarContainer .calendar-dates div {
  margin: auto;

  width: 24px;

  height: 24px;

  border-radius: 5px;
}

#loading_full_data .calendarContainer .calendar-dates div button {
  width: 24px;

  height: 24px;

  border-radius: 5px;

  border: none;

  outline: none;

  cursor: pointer;

  color: #eeeeee;

  background: transparent;

  border: 1px solid transparent;

  transition: all 360ms ease;

  box-shadow: none;

  padding: 0;

  font-size: 12px;

  line-height: normal;
}

#loading_full_data .calendarContainer .calendar-dates div button:hover {
  opacity: 0.8;

  border: 1px solid #fff;
}

/* .calendarContainer .calendar-dates div button.today {



        color: white;



        font-weight: bold;



        background-color: #00b300;



        transition: all 360ms ease;



    }







    .calendarContainer .today:hover {



        background-color: #028f02;



    } */

#loading_full_data .calendarContainer .past {
  background-color: #333;

  color: #aaa;
}

#loading_full_data .calendarContainer .calendar-dates div button.next-month,
#loading_full_data .calendarContainer .next-month {
  color: #666;
}

#loading_full_data .calendarContainer .calendar-dates div button.disabled {
  cursor: default;

  opacity: 0.45;

  border-color: transparent;
}

#loading_full_data .calendarContainer .calendar-dates div button.selected {
  color: #ffffff;

  font-weight: bold;

  background-color: #00b300;
}

#loading_full_data .calendarContainer .calendar-dates div button.del {
  text-decoration: line-through;
}

#loading_full_data .calendarContainer .empty {
  visibility: hidden;
}

#loading_full_data .calendarContainer .timezoneSelectArea {
  color: #fff;

  margin-top: 20px;
}

#loading_full_data .calendarContainer .timezoneSelect label {
  color: #fff;

  font-weight: 500;

  font-size: 0.9em;
}

#loading_full_data .calendarContainer .timezoneSelect select {
  width: 100%;

  font-weight: 400;

  margin-top: 5px;

  padding: 12px 12px;

  color: white;

  border-radius: 5px;

  background-color: #1a1a1a;

  border: 1px solid #444;
}

#loading_full_data .calendarContainer .del {
  color: #888;

  text-decoration: line-through;

  cursor: not-allowed;
}

#loading_full_data .calendarTimeSet {
  width: 100%;
}

#loading_full_data .calendarTimeSet .text_12 {
  text-decoration: none;

  font-weight: 500;

  margin-bottom: 10px;
}

#loading_full_data .allTimeBtn {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  align-items: center;

  gap: 10px;
}

#loading_full_data .calendarTimeSet .timeBtn {
  width: 100%;

  padding: 10px;

  color: #fff;

  font-weight: 500;

  border-radius: 6px;

  border: 1px solid #444;

  background: transparent;

  transition: all 360ms ease;

  cursor: pointer;
}

#loading_full_data .calendarTimeSet .timeBtn.active {
  background: #444;
}

#loading_full_data .calendarTimeSet .timeBtn:hover {
  background: #444;
}

/* ----- Select2 Custom Dark Theme ----- */
/* .select2-container--default .select2-selection--single {
  border-radius: 8px;
  border: 1px solid #555;
  background: #1a1a1a;
} */
/* Select box container */
#loading_full_data .select2-container .select2-selection {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 8px !important;
  color: #fff !important;
  border: 1px solid #555 !important;
  background: #1a1a1a !important;
  font-size: 12px !important; /* ফন্ট সাইজ */
}

/* Selected text */
#loading_full_data .select2-container .select2-selection__rendered {
  line-height: normal !important;
  padding-left: 8px !important;
  font-size: 12px !important; /* ফন্ট সাইজ */
  color: #fff !important;
}

/* Arrow আইকন */
#loading_full_data .select2-container .select2-selection__arrow {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  right: 8px !important;
}

/* Dropdown options */
.select2-container .select2-results__option {
  background: #1a1a1a !important; /* ব্যাকগ্রাউন্ড কালার */
  color: #fff !important; /* টেক্সট কালার */
  font-size: 12px !important; /* ফন্ট সাইজ */
  padding: 6px !important; /* একটু padding */
}

/* Hover করলে (highlight) */
.select2-container .select2-results__option--highlighted {
  background: #333 !important;
  color: #fff !important;
}

.select2-container--default .select2-search--dropdown {
  background: #1a1a1a !important;
  color: #fff !important;
  font-size: 14px;
  width: 250px;
  border: 1px solid #333 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  background: #1a1a1a !important;
  color: #fff !important;
  font-size: 14px;
  width: 250px;
}
/* 🔹 Search box লুকানো */
input[aria-controls="select2-timezoneSelect-results"] {
  display: none !important;
}

/* 🔹 Dropdown position নিচে নামানো */
.select2-container .select2-dropdown {
  margin-top: 6px !important; /* একটু gap */
  border-radius: 8px !important; /* corner গোল */
  border: 1px solid #333 !important;
  background: #1a1a1a !important;
}
.select2-container--default
  #select2-timezoneSelect-results
  .select2-results__option--selected {
  color: #fff !important;
  background: #292929 !important;
}
#select2-phone_nubmer-results::-webkit-scrollbar {
  display: none;
}
#select2-phone_nubmer-results {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* #loading_full_data
  .timezoneSelectArea
  .select2-container--default
  .select2-selection--single {
  height: 44px;

  border-radius: 8px;

  border: 1px solid #555;

  background-color: #1a1a1a;
}

#loading_full_data
  .timezoneSelectArea
  .select2-container--open
  .select2-dropdown--above {
  padding: 2px;
}

#loading_full_data
  .timezoneSelectArea
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: white;

  line-height: 44px;

  font-size: 12px;

  font-weight: 400;

  padding-left: 12px;
}

#loading_full_data
  .timezoneSelectArea
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 44px;

  right: 10px;
}

.select2-search--dropdown {
  padding: 0 !important;
  background-color: #1a1a1a !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: clamp(12px, 1.7vw, 14px) !important;
}

input[aria-controls="select2-timezoneSelect-results"] {
  display: none !important;
}

#select2-timezoneSelect-results .select2-dropdown {
  color: #e6e6e6;
  border: 1px solid #444 !important;
  background-color: #1a1a1a !important;
}

#select2-timezoneSelect-results .select2-dropdown {
  border: 1px solid #444 !important;
  background-color: #1a1a1a !important;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  font-size: 14px;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #1a1a1a !important;
  color: #e6e6e6;
  font-size: 14px;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  color: #ffffff !important;
  border: 1px solid #444 !important;
  background-color: #1a1a1a !important;
  padding: 1px;
  border-radius: 8px;
  font-size: 14px;
}

.select2-container--default
  #select2-timezoneSelect-results
  .select2-results__option--selected {
  color: #fff !important;

  background: #292929 !important;
} */

/* telefon  */

/* .select2-container--default .select2-search--dropdown .select2-search__field {
  color: #fff;

  border: 1px solid #aaa;

  background: #1a1a1a;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #ffffff;

  background: #1a1a1a;

  padding: 6px 4px;

  font-size: 14px;
}

.select2-container .select2-selection--single {
  box-sizing: none;

  cursor: pointer;

  display: block;

  height: 42px;

  user-select: none;

  -webkit-user-select: none;

  border: 1px solid #444 !important;

  background-color: #1a1a1a !important;
}

.select2-container--default
  #select2-phone_nubmer-results
  .select2-results__option--selected {
  color: #fff !important;
  background: #292929 !important;
}

#select2-phone_nubmer-results::-webkit-scrollbar {
  display: none;
}

#select2-phone_nubmer-results {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#loading_full_data
  .select2-container--default
  .select2-search--dropdown
  .select2-search__field {
  padding: 10px;
}

#loading_full_data .select2-search__field {
  color: white;

  border-radius: 8px;

  border: 1px solid #666;

  background-color: #1a1a1a;
}

#loading_full_data .select2-results__option {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 6px 12px;

  font-size: 12px;

  line-height: 22px;

  font-weight: 400;
}

#loading_full_data .select2-results__option--highlighted[aria-selected="true"] {
  color: #fff !important;

  border-radius: 6px;

  background: #292929 !important;
}

#loading_full_data .timezone-label {
  font-weight: 500;
}

#loading_full_data .timezone-time {
  font-size: 12px;

  color: #aaa;

  white-space: nowrap;

  margin-left: 10px;
}

#loading_full_data
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered
  strong {
  font-weight: 400;
}

#loading_full_data .select2-results__options::-webkit-scrollbar {
  width: 8px;
}

#loading_full_data .select2-results__options::-webkit-scrollbar-track {
  background: #1e1e1e;
}

#loading_full_data .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #555;

  border-radius: 4px;
} */

/* -----------------------------3 */

#loading_full_data .formContainer {
  width: 100%;

  max-width: 500px;
}

#loading_full_data .formContainer form {
  display: flex;

  flex-direction: column;
}

#loading_full_data .formContainer label {
  margin: 12px 0 5px;

  font-size: 14px;

  line-height: 22px;

  font-weight: 500;

  color: #fff;
}

#loading_full_data .formContainer label span {
  color: #949494;
}

#loading_full_data .formContainer input,
#loading_full_data .formContainer select {
  padding: 10px;

  border-radius: 8px;

  border: 1px solid #333;

  background-color: transparent;

  color: white;

  font-size: 14px;

  width: 100%;

  box-sizing: border-box;
}

#loading_full_data .formContainer .phone-group {
  display: flex;

  gap: 10px;
}

#loading_full_data .formContainer .phone-group select {
  width: 200px;
}

#loading_full_data .formContainer button {
  max-width: 90px;

  margin-top: 10px;

  padding: 8px;

  color: white;

  border: none;

  font-size: 16px;

  cursor: pointer;

  font-size: 14px;

  line-height: 22px;

  font-weight: 500;

  border-radius: 20px;

  background-color: #27912b;

  transition: all 0.3s ease;
}

#loading_full_data .formContainer button:hover {
  background-color: #009900;
}

#loading_full_data .formContainer .terms {
  margin-top: 16px;
}

#loading_full_data .formContainer .terms a {
  color: #efffee;

  text-decoration: underline;
}

#loading_full_data .infoBox {
  padding: 16px;

  margin-top: 40px;

  color: #ddd;

  border-radius: 10px;

  background-color: #1f1f1f;
}

#loading_full_data .infoBox strong {
  color: #fff;
}

#loading_full_data .infoBox .text_12 {
  color: #949494;

  text-decoration: none;
}

#loading_full_data .infoBox h2 {
  font-size: 12px;

  line-height: 22px;

  font-weight: 500;
}

#loading_full_data .marginTop_14 {
  margin-top: 14px;
}

/* ------------------------------ 4 */

#loading_full_data .confirmationBox {
  width: 100%;

  margin: auto;

  max-width: 600px;

  padding: 30px;

  border-radius: 12px;

  background-color: #1e1e1e;

  text-align: center;
}

#loading_full_data .confirmationBox .logo img {
  width: 70px;

  height: 70px;

  margin-bottom: 10px;

  border-radius: 50px;
}

#loading_full_data .confirmationBox h1 {
  font-size: 26px;

  font-weight: 600;
}

#loading_full_data .confirmationBox .subtitle {
  margin-top: 8px;

  font-size: 14px;

  color: #aaa;

  margin-bottom: 30px;
}

#loading_full_data .confirmationBox .infoGrid {
  display: grid;

  grid-template-columns: 1fr 4fr;

  gap: 22px 20px;

  text-align: left;

  margin-bottom: 30px;
}

#loading_full_data .confirmationBox .infoGrid h3,
#loading_full_data .confirmationBox .infoGrid p span {
  color: #949494;
}

#loading_full_data .confirmationBox .addressLink {
  color: #ffffff;

  text-decoration: underline;
}

#loading_full_data .confirmationBox .code {
  display: flex;

  align-items: center;

  gap: 10px;

  font-weight: bold;

  color: #fff;
}

#loading_full_data .confirmationBox .copy-icon {
  cursor: pointer;

  font-size: 16px;
}

#loading_full_data .confirmationBox .service {
  display: flex;

  align-items: center;

  gap: 10px;
}

#loading_full_data .confirmationBox .service-img {
  width: 40px;

  height: 40px;

  object-fit: cover;

  border-radius: 5px;
}

#loading_full_data .confirmationBox .confirmationText {
  font-size: 14px;

  color: #949494;

  margin-bottom: 20px;
}

#loading_full_data .backLink {
  font-size: 14px;

  color: #efffee;

  text-decoration: underline;

  font-weight: 500;
}

#loading_full_data .hidden {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  #loading_full_data .allTimeBtn {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  #loading_full_data .allTimeBtn {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  #loading_full_data .allTimeBtn {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 567px) {
  #loading_full_data .mainCalendar {
    flex-direction: column;

    gap: 20px;
  }

  #loading_full_data .allTimeBtn {
    grid-template-columns: repeat(2, 1fr);
  }

  #loading_full_data .calendarContainer {
    width: 100%;

    margin: auto;
  }
}
ul#select2-phone_nubmer-results
{
  width: 250px !important;
}

/* .phone-group #select2-data-3-erns
{
  width: 200px !important;
} */