/* Fonts: */
@font-face {
  font-family: 'Vazirmatn';
  src: url(/static/fonts/Vazirmatn-Regular.ttf);
}
@font-face {
  font-family: 'Vazirmatn-Bold';
  src: url(/static/fonts/Vazirmatn-Bold.ttf);
}
@font-face {
  font-family: 'Vazirmatn-Medium';
  src: url(/static/fonts/Vazirmatn-Medium.ttf);
}
.fPersian{
  font-family: 'Vazirmatn', sans-serif;
}
.fbPersian{
  font-family: 'Vazirmatn', sans-serif;
  font-weight: bold;
}
.fPersianBold{
  font-family: 'Vazirmatn-Bold', sans-serif;
}
.fPersianM{
  font-family: 'Vazirmatn-Medium', sans-serif;
}

/* Others: */
.booking_main{
    height: calc(100vh - 100px);
}
.booking-badge{
    margin-top: 8px;
    margin-left: 8px;
    padding: 10px;
}
.check-icon-booking{
    display: none;
}
.check-icon-date{
    display: none;
}
.check-icon-time{
    display: none;
}
.branch-checked{
    display: none;
    margin-top: 0px;
    margin-left: 0px;
    padding: 9px;
}
#services{
    display: none;
}
#date{
    display: none;
}
#time{
    display: none;
}
.service-booking-button{
    flex: 1;
    width: auto;
    text-align: start;
}
.date-booking-button{
    flex: 1;
    width: auto;
    text-align: start;
}
.time-booking-button{
    flex: 1;
    width: auto;
    text-align: start;
}

.uLine{
    text-decoration: none;
    color:white;
}
.regularButton{
    color: #fff;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 40px;
    display: inline-block;
    border: none; 
    background-image: linear-gradient(to right bottom, #0066cc, #0058d4, #0047d9, #0033db, #100bd9);
}
.loginButton{
    color: #fff;
    padding: 10px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 40px;
    display: inline-block;
    border: none; 
    background-image: linear-gradient(to right bottom, #0066cc, #0058d4, #0047d9, #0033db, #100bd9);
}
.textGradient{
    background: linear-gradient(to right bottom, #0066cc, #0058d4, #0047d9, #0033db, #100bd9);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bgGradient{
    background-color: #36096d; background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);
}
.footerTitle{
    color:#0000FF;
}
.modalButton{
    color: #fff;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    display: inline-block;
    border: none; 
    background-image: linear-gradient(to right bottom, #0066cc, #0058d4, #0047d9, #0033db, #100bd9);
}

/* For desktop */
@media (min-width: 576px) {
  .branch-selection{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  #time{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #date{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  #services{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* For mobile */
@media (max-width: 576px) {
    .service-btn-title{
        font-size: 12px;
    }
}