@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
*{
    margin:0;
    padding:0;
     font-family: "Open Sans", sans-serif;
    outline:none !important;
}
:root{
  --primary-color:#1cbdf3;
  --primary-color-hover:#34ccfe;
  --secondary-color:#021418;
  --secondary-color-hover:#021a1f;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
   font-family: "Open Sans", sans-serif;
}
html{
  width: 100%;
}
body, html {
  line-height: 100%;
  color: #000;
  font-size: 14px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, center {
  display: block;
}
nav ul, ul {
  list-style-type: none;
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
button {
  vertical-align: middle;
}
.btn{
  transition: all 0.4s;
}
.bg-primary{
  background-color:var(--primary-color) !important;
}
.bg-secondary{
  background-color:var(--secondary-color) !important;
}
.text-primary{
  color:var(--primary-color) !important;
}
.border-color-primary{
  border-color:var(--primary-color) !important;
}
.btn-primary{
  background: var(--primary-color) !important;
  color:var(--secondary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
  background: var(--primary-hover-color) !important;
  color:var(--primary-color) !important;
  border-color: var(--primary-hover-color) !important;
}
.btn-secondary{
  background: var(--secondary-color) !important;
  color:#FFF !important;
  border-color: var(--secondary-color) !important;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
  background: var(--secondary-hover-color) !important;
  color:#000 !important;
  border-color: var(--secondary-hover-color) !important;
}
.hover-primary:hover{
  border:1px solid var(--primary-color) !important;
}
.lh-200{line-height:200%;}.lh-150{line-height:150%;}.transition{transition:all 0.4s;}

/***********************Default CSS Ends Here********************/

.menu-bar ul li a{
  color:#FFF;
  transition:all 0.4s;
}
.menu-bar ul li a:hover, .menu-bar ul li a:active, .menu-bar ul li a:focus, .menu-bar ul li.active a{
  color:var(--primary-color) !important;
}
.home-banner{
  background: url(../images/home-banner.jpg) center center;
  background-size:cover;
  background-attachment: fixed;
  min-height: 500px;
}
.home-banner:before{
  content: '';
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}

#calendarDays div {
  width: 14.28%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  cursor: pointer;
}

#calendarDays div:hover,
#calendarDays .selected, .fc-day-selected {
  background-color:var(--primary-color) !important;
  color: white;
}
.fc .fc-daygrid-day-number{
  color: #000;
}
.fc-day-disabled {
  background-color: #f5f5f5 !important; /* Gray background */
  color: #999 !important; /* Gray text for past dates */
  pointer-events: none; /* Prevent selection */
  opacity: 1 !important; /* Ensure the text is visible */
}
.fc-day-available {
  background-color: #d4edda !important;
  color: #155724 !important;
  cursor: pointer !important;
}
.fc-day-selected {
  background-color:var(--primary-color) !important;
  color: white;
}
.time-slot {
  display: inline-block;
  padding: 10px 15px;
  border-radius:20px;
  margin: 10px 10px 10px 0px;
  border:1px solid #CCC;
  background-color: #FFF;
  
  cursor: pointer;
}
.time-slot.active {
  background-color: var(--primary-color);
  border:1px solid var(--primary-color-hover);
  color: #fff;
}
.fc-button-group button{
  padding:5px !important;
}
.fc-toolbar-title{
  font-size:18px !important;
}
.fc .fc-col-header-cell-cushion{
  padding: 10px 5px;
  font-size: 13px !important;
  color: #000 !important;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
  display: none;
}
footer a:hover, footer a:active, footer a:focus{
  color:var(--primary-color) !important;
}