::selection {
  background: #DC6226 !important; 
  color: #fff !important;     
}

::-moz-selection {
  background: #DC6226 !important;
  color: #fff !important;
}

.calendar-card { padding-bottom: 15px; background:#fff; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); margin-bottom:15px;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
  background: #DC6226 !important;
  border: none !important;
}
#timeSlotsContainer{
	padding:0 30px;
}
/* Stepper bullets */
.stepper { display:flex; justify-content:center; gap:20px; margin-bottom:20px; }
.stepper div { width:30px; height:30px; border-radius:50%; background:#ccc; display:flex; align-items:center; justify-content:center; font-weight:bold; color:#fff; transition: all .3s; }
.stepper div.active { background:#DC6226; }

/* Stepper animation */
.step-container { position: relative; overflow: hidden; min-height:350px; }
.step-content { position:absolute; width:100%; top:0; left:0; opacity:0; transform:translateX(100%); transition: all .5s ease; }
.step-content.active { opacity:1; transform:translateX(0); position:relative; }
.step-content.prev { transform:translateX(-100%); opacity:0; }

/* Time slots */
.time-slots {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3 equal columns */
    gap: 5px;
    margin-top: 5px;
	
}
.time-slot { display:flex; align-items:center; gap:5px; padding:10px; border:1px solid #DC6226; border-radius:6px; cursor:pointer; transition:all .3s ease; background:#fff; }
.time-slot i { font-size:22px; color:#DC6226; }
.time-text { display:flex; flex-direction:column; line-height:1.2; }
.time-text .top { font-weight:600; font-size:14px; }
.time-text .bottom { font-size:14px;font-weight:600;}
.time-slot.active { background:#DC6226; color:#fff; }
.time-slot.active i { color:#fff; }
.appbtn{
  padding:15px 25px;
  background:#DC6226 !important;
  border: none;
}
.appbtnBack{
  padding:15px 25px;
  background:#6c6c6c !important;
  border: none;
}
.appInput{
  border-radius: 0 !important;
  padding:15px !important
}
.form-control:focus,
.form-control:active {
    box-shadow: none;      /* removes the blue shadow */
    border-color: #DC6226; /* removes the border color */
    outline: none;         /* removes the outline */
}





/* Calendar Container */
.flatpickr-calendar {
  width: 80% !important;   /* পুরো ক্যালেন্ডারের width */
  max-width: 80% !important;
  margin: 0 auto;          /* Center align পুরো calendar */
}

/* Right container & day wrapper */
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
  width: 100% !important;
  max-width: 100% !important;
}

/* Day grid: 7 equal columns */
.flatpickr-calendar .dayContainer {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  justify-items: center;   /* প্রতিটা cell এর content center */
  align-items: center;
  gap: 4px; /* cell gap */
}

/* Day cells */
.flatpickr-day {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;  /* square cell */
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;   /* গোল */
  font-size: 18px !important;      /* বড় font */
  line-height: normal !important;
  margin: 0 !important;
  text-align: center !important;   /* number text center */
}

/* Weekdays (Mon, Tue, ...) */
.flatpickr-weekday {
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
.flatpickr-months .flatpickr-month, .flatpickr-weekdays{
	background:#dc6226 !important;
	color:#fff !important;
	font-weight:bold
}
.flatpickr-weekday{
	color:#fff !important;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
  fill: #fff !important;   /* ভেতরের রং */
  stroke: #fff; /* বাইরের লাইন */
  stroke-width: 2; /* লাইন মোটা */
}
.flatpickr-weekdays{
	margin-bottom:10px !important
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
	color:#000 !important
}
.dayContainer{
	padding-bottom:10px !important
}
@media (max-width: 600px) {
	/* Calendar Container */
	.flatpickr-calendar {
	  width: 100% !important;   /* পুরো ক্যালেন্ডারের width */
	  max-width: 100% !important;
	  margin: 0 auto;          /* Center align পুরো calendar */
	}
	.mycol8{
		padding:5px !important
	}
	.stepper, .mainTitle{
		font-size:23px !important;
		padding:5px !important
	}
	h5.myTitle{
		font-size:18px !important
	}
	.flatpickr-weekday ,.flatpickr-day {
  		font-size: 16px !important;
	}
	.myheight{
		height:0 !important
	}
	.buttonContainer{margin-right:0 !important}
	#step1 .d-flex{
		justify-content:center !important
	}
	#timeSlotsContainer{
		gap:5px !important;
	}
	#step2{
		padding:10px !important;
	}
	.doubleBtnCont{
		justify-content:center !important;
		gap:5px
	}
	.appbtn, .appbtnBack{
		padding:10px 20px !important
	}
	
}