@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
html {
 min-height: calc(100% + env(safe-area-inset-top));
 padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
:root {
  --color8: #FFFFFF; /* White */
}

body {
 display: none;
 background: url("images/FwPQjU8ixFnS-8qIEcDWB-transformed.jpeg") no-repeat -340px 0px;
 background-size: cover;
 height: 100vh;
 width: 100%;
 -webkit-user-select: none;
 -webkit-tap-highlight-color: transparent;
 -webkit-touch-callout: none;
 position: fixed;
 left: 0;
 top: 0px;
 right: 0;
 bottom: 0;
}
.rtl input,.rtl form,.rtl .services {
/*    text-align: center;*/
    direction: rtl;
}
.rtl #myTab {
    display: flex;
    flex-direction: row-reverse;
}
.rtl .modal-content2 ul.list-group.mb-3 {
    padding: 0;
}
.rtl .modal-content2 row {
 text-align: right!important
}
.rtl  .bi-arrow-left:before {
    transform: rotate(180deg);
}
.rtl  .bi-arrow-right:before {
    transform: rotate(180deg);
}

#loader{
 background:#f1bf82f7;
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 11111;
}
.loading-grid1 {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.loading-grid1 div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color8);
  animation: loading-grid 1.2s linear infinite;
}

.loading-grid1 div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}

.loading-grid1 div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}

.loading-grid1 div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}

.loading-grid1 div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}

.loading-grid1 div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}

.loading-grid1 div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}

.loading-grid1 div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}

.loading-grid1 div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}

.loading-grid1 div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}

@keyframes loading-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.logo {
 background-image: url(logo/logow-no-text.png);
 background-repeat: no-repeat;
 background-color: #00000047;
 width: 83px;
 border-radius: 100%;
 height: 86px;
 background-size: 60%;
 background-position: center;
 margin: auto;
 position: fixed;
 right: 16px;
 top: 33px;
}



#labek {
 background: #ffffffd1 url("images/Untitled-1.png") no-repeat;
 width: 80%;
 height: 130px;
 float: left;
 background-size: 90%;
 background-position: center;
 position: fixed;
 top: 50%;
 transform: translateY(-50%);
 border-radius: 0px 90px 90px 0px;
}

#labek2 {
 background: #ffffffd1 url("images/Untitled-1.png") no-repeat;
 width: 40%;
 height: 100px;
 background-size: 90%;
 background-position: center;
 border-radius: 30px 0px 0px 30px;
 float: right;
 margin: 33px 0 6px 0;
 position: relative;
}

.formlogin-signup {
 width: 80%;
 margin: auto;
 position: absolute;
 bottom: 0px;
 background: #a78a688c;
 padding: 20px;
 border-radius: 50px 50px 0 0;
 text-align: center;
}

p {
 color: white!important;
}

.overlay {
 background: #cb87334d;
 width: 100%;
 height: 100vh;
 position: absolute;
 top: 0;
 z-index: -10;
 left: 0;
 backdrop-filter: blur(0.4px);
 -webkit-backdrop-filter: blur(0.4px);
}

.container {
 display: flex;
 align-content: space-around;
 align-items: center;
 flex-direction: column;
 justify-content: space-between;
}

.input-login-signup {
 margin-top: 13px;
 background: #00000052!important;
 border-radius: 40px!important;
 font-weight: bold!important;
 padding-left: 20px!important;
 border: unset!important;
 color: white!important;
 padding: 14px!important;
}

.input-login-signup::placeholder {
 color: white!important;
 opacity: 0.5!important;
}

.remember {
 color: #fff;
 font-weight: bold;
}

.btn-s1 {
 color: #fff;
 background-color: #856046;
 border-color: transparent;
}

.btn-s2 {
 color: #fff;
 background-color: #e1bf17c4;
 border-color: transparent;
}

.choosesignup {
 display: flex;
 justify-content: space-around;
 align-items: center;
 flex-direction: row-reverse;
 flex-wrap: nowrap;
}

.choosesignup .signer {
 display: flex;
 position: relative;
 background: white;
 height: 160px;
 width: 40%;
 color: black!important;
 text-align: center;
 justify-content: space-evenly;
 border-radius: 30px;
 font-weight: bold;
 font-size: larger;
 align-items: flex-end;
}

#signup > div > div > div > h4 {
 color: white;
 text-align: center;
 margin-bottom: 30px;
 position: absolute;
 top: -80px;
 left: 50%;
 transform: translatex(-50%);
 width: 84%;
}

#signup i {
 font-size: 70px;
 position: absolute;
 top: 40%;
 left: 50%;
 transform: translate(-50%, -50%);
}
#signup a {
    color: black;
    text-decoration: unset;
    line-height: 3;
}
#signup a:hover{
 color: #a78f6f;
}
.modal-content {
 background: #ffffffab;
 border-radius: 30px 30px 0 0;
 margin-bottom: -8px;
 position: absolute;
 bottom: 0;
}

button.btn-close {
 position: absolute;
 right: 50%;
 transform: translateX(50%);
 top: -50px;
 background-color: white;
 z-index: 1111111;
 border-radius: 50px;
 padding: 9px;
}

.modal-backdrop.fade.show {
 display: none;
}

.modal:before {
 content: '';
 width: 100%;
 height: 100vh;
 position: fixed;
 background: black;
 opacity: 0.5;
 z-index: -1;
}

.nav-vottom {
 display: flex;
 width: 80%;
 margin: auto;
 position: fixed;
 bottom: 0px;
 background: #a1805999;
 padding: 20px;
 border-radius: 50px 50px 0 0;
 text-align: center;
 flex-direction: row-reverse;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: center;
}

.nav-vottom i {
 width: 70px;
 display: block;
 color: #ffffff;
 font-size: 1.6rem;
}

.logo-inverted {
 background-image: url(logo/logow-no-text.png);
 background-repeat: no-repeat;
 background-color: #00000047;
 width: 75px;
 height: 75px;
 background-size: 60%;
 background-position: center;
 position: relative;
 border-radius: 60px;
 top: -29px;
 margin: -32px!important;
}

.services {
 background: #00000073;
 width: 100%;
 height: auto;
 margin: 16px;
 text-align: center;
 color: white;
 font-weight: bold;
 border-radius: 30px;
 padding: 10px;
}

.services2 {
 background: #00000073;
 width: 100%;
 height: auto;
 margin: 16px;
 text-align: center;
 color: white;
 font-weight: bold;
 border-radius: 30px;
 padding: 10px;
}

#myc-container {
 width: inherit;
 margin: auto;
 /* height: 413px; */
 position: relative;
}

#myc-nav-container {
 margin-bottom: -25px;
 font-family: monospace;
 position: absolute;
 width: 80%;
 background: #dcdcdcb8;
 top: -25px;
 left: 50%;
 transform: translateX(-50%);
 border-radius: 30px;
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 align-items: stretch;
}

#myc-current-month-year-container {
 display: inline-block;
 font-size: 1.2em;
 font-weight: lighter;
 text-align: center;
 text-transform: capitalize;
 vertical-align: top;
 width: 40%;
 height: 35px;
}

#myc-prev-week-container {
 display: flex;
 width: 15%;
 height: 35px;
 align-items: stretch;
}

#myc-next-week-container {
 display: inline-block;
 width: 15%;
}

#myc-prev-week {
 border-radius: 80px;
 color: #416b7e;
 cursor: pointer;
 float: left;
 font-size: 1.6em;
 font-weight: lighter;
 height: 40px;
 text-align: center;
 width: 40px;
}

#myc-next-week {
 border-radius: 80px;
 color: #416b7e;
 cursor: pointer;
 float: right;
 font-size: 1.6em;
 font-weight: lighter;
 height: 40px;
 text-align: center;
 width: 40px;
}

#myc-prev-week:hover,
#myc-next-week:hover {
 color: #8f6027;
}

#myc-week-container {
 border: 1px solid #e0e0e07a;
 border-radius: 32px;
 overflow: hidden;
 margin-top: 16px;
}

#myc-dates-container {
 display: list-item;
}

.myc-date-header {
 color: black;
 display: inline-block;
 /* min-height: 50px; */
 vertical-align: top;
 width: 13.77%;
}

.myc-date-header:first-of-type {
 padding-left: 15px;
}

.myc-date-header:last-of-type {
 border-right: none;
 width: 9%;
 margin: auto;
 text-align: center;
}

#myc-available-time-container {
 border-top: 1px solid #e0e0e04f;
 min-height: 150px;
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 align-items: flex-start;
}

.myc-day-time-container {
 display: inline-block;
 height: 100%;
 padding: 6px;
 vertical-align: top;
 width: 13.77%;
}

.myc-day-time-container:first-of-type {
 /* padding-left: 15px; */
}

.myc-day-time-container:last-of-type {
 /* border-right: none; */
 /* width: 13%; */
}

.myc-date-number {
 font-size: 12px;
 font-weight: lighter;
}

.myc-available-time {
 background-color: #416b7e;
 border-radius: 7px;
 color: #ffffff;
 display: block;
 margin-bottom: 15px;
 padding: 10px 0px 10px 0px;
 text-align: center;
 text-decoration: unset;
 display: block;
 width: 43px;
}

.myc-available-time.selected,
.myc-available-time:hover {
 background-color: #a78946;
 color: white;
}

.myc-date-display {
 font-size: 12px;
 text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
 .myc-date-header,
 .myc-day-time-container {
  width: 13.4%;
  color: white!important;
 }
 /*.myc-date-header:last-of-type, .myc-day-time-container:last-of-type {
        width: 12%;
    }*/
}

#selected-time,
#selected-date {
 background: #7474749e;
 color: white;
 border-radius: 6px;
 padding: 5px;
 font-size: 12px;
 font-weight: 800;
}

div#picker {
 margin-bottom: 24px;
 transform: scale(.95);
}

.selected-date-time {
 width: 100%;
 display: flex;
 justify-content: space-around;
}

.selected-date-time span:empty {
 display: none;
}

#pay {
 display: none;
 background: #a78946;
 border-radius: 20px;
 padding: 18px;
 font-weight: bolder;
 color: white;
}
#watch {
 background: #a78946;
 border-radius: 20px;
 padding: 18px;
 font-weight: bolder;
 color: white;
 position: relative;
}
.progress-bar {
 background-color: #297e34;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #ffffffc7;
    color: #d97d11!important;
}

ul#myTab {
    display: flex;
    justify-content: center;
    border: unset;
    margin-top: 22px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: transparent!important;
}


#myTab button {
    border-color: transparent;
    color: black;
    font-weight: 600;
    margin: 0;
    border-radius: 15px;
}
#popup {display: none;position: fixed;top: 12%;left: 15%;width: 70%;height: auto;background-color: #d1d1d14d;z-index: 100000000000000000000000;border-radius: 20px;}
#popup iframe {width: 100%;height: 100%;border: 0;display: none;}
#popupdarkbg {position: fixed;z-index: 100000000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color: rgba(0,0,0,.75);display: none;}
@media screen and (max-width: 630px) {
body   { display:block!important; }
}
a#link {
    display: inline-block;
    text-decoration: none;
    width: 99%;
}
video#video-preview {
    height: 50vh;
    width: 90%;
    margin-bottom: 29px;
    border-radius: 20px;
    overflow: hidden;
}
.gridumrah {
    background: #ffffff8f;
    width: 80%;
    margin: 20px auto;
    border-radius: 20px;
}
.bkblur{
  backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px); 
}
div#langSelect {
    position: absolute;
    left: 0;
    top: 45px;
    background: #00000047;
    padding: 10px;
    border-radius: 0 20px 20px 0;
    font-family: sans-serif;
}

#langSelect a {
    text-decoration: none;
    color: #ab8a2e;
    background: #edededb5;
    padding: 8px 10px;
    border-radius: 17px;
    line-height: 2;
    font-weight: bold;
} 
.accordion-item {
    background: #cdb92e6b;
    border-radius: 27px!important;
    margin-bottom: 12px;
    color: white!important;
    border: unset!important;
    overflow: hidden;
}

.accordion-button {
    background: transparent;
    color: white;
    font-weight: bold;
}

.accordion-button:focus {
    border: unset!important;
    box-shadow: unset!important;
}

.accordion-button:not(.collapsed) {
    background: #dbdbdb00;
    color: white;
    box-shadow: unset!important;
}
#watch .bi-broadcast {
    position: absolute;
    right: 20px;
    font-size: 2em;
    top: 8px;
}
div#map {
/*width: 400px;*/
 position: relative;
 z-index: 0;
height: 190px;
border-radius: 200px;
    border-radius: 20px;
overflow: hidden;}
.mapoverflow {
    width: 97%;
    overflow: hidden;
    border-radius: 20px;
    margin: auto;
}.containerized a {
    text-decoration: unset;
    color: wheat;
    margin-right: 22px;
    background: #18181873;
    padding: 6px;
    display: block;
    width: 30%;
    border-radius: 0 0  20px 20px;
}

.containerized {
    display: flex;
    justify-content: center;
}
.modal-content2 h5 {
    text-align: center;
    margin: auto;
}

.modal-content2 {
    background: gainsboro;
}

.modal-content img.img-fluid {
    width: 70%;
    align-items: center;
    background: white;
    display: block;
    margin: auto;
    border: 2px solid #8d93408a;
    border-radius: 20px;
}
.providersent {text-align: center;}

.prvidersuc h1 {
    font-size: 110px;
    color: #5bc348;
}

.providersent h5 {
    color: #545454;
}
.leaflet-bottom.leaflet-right {
    display: none!important;
}
a{
 text-decoration: none!important;
}

label.list-group-item {
    border: 0;
    background: #dcdcdc00;
    border-bottom: 3px solid gray;
    color: whitesmoke;
}

.list-group-item:last-child {
    border-bottom: 0;
}
label.list-group-item {
    text-align: left;
}
.rtl label.list-group-item {text-align: right!important;}
.btn-s3 {
    color: #fff;
    background-color: #2a62e1c4;
    border-color: transparent;
    margin-bottom: 22px;
    margin-top: -17px;
}