@font-face {
  font-family: "greta";
  src: url(./Fonts/GRETA_SANS/GretaSansStd-Medium_OTF/GretaSansStd-Medium.otf) format("opentype");
}
@font-face {
  font-family: "greta-bt";
  src: url(./Fonts/GRETA_SANS/GretaSansStd-Bold_OTF/GretaSansStd-Bold.otf) format("opentype");
}
@font-face {
  font-family: "greta-lg";
  src: url(./Fonts/GRETA_SANS/GretaSansStd-Thin_OTF/GretaSansStd-Thin.otf) format("opentype");
}
@font-face {
  font-family: "Greta-medium";
  src: url(./Fonts/Greta_Arabic/GretaArabic-Medium.otf);
}
@font-face {
  font-family: "greta-ar";
  src: url(./Fonts/Greta_Arabic/GretaArabic-Regular.otf);
  font-style: normal;
  font-weight: normal;
 /* Range of RTL characters */
}
th{
  color: black;
}
[dir="rtl"] * {
  font-family: 'greta-ar';

}[dir="rtl"]  .normalArabicFont{
 font-size: 16px;
  font-family: greta-ar;
 }
.fa {
  /* display: inline-block; */
  font: normal normal normal 14px / 1 FontAwesome ;}
* {
  font-family: "greta";
  /*color: black;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: "Greta-bt" !important;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: "Greta-medium" !important;
}





#targetTable > tbody > tr > td {
  white-space: nowrap;
  /*text-align: center;*/
}
.no-hover{
  text-decoration: none;
}
.no-hover:hover{
  color: rgb(234,114,0);
  text-decoration: none;

}

.booking {
  /* padding: 6px 0 0 6px; */
  padding: 0;
  font-size: 17px;
  /*z-index: 1;*/
  color: black;
  background-color: #F8F8F8;
}

.language {
  width: 30px;
}
.carousel-item {
  margin-bottom: 5%;
}
.emergency_text{
  line-height: 1.1;
  font-size: 10px;
}
.about img {
  width: 100%;

}
.select-visit {
  padding-top: 3%;
  text-align: inherit;
  font-size: 1.4rem;

}
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30%; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30%; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30%; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30%; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.nation-txt {
  font-size: 17px;
  padding-top: 15px;
}
.nav-link-egy-btn {
  font-size: 15px;
  border: solid 0.5px #F8C89D;
  color: black;
}
.nav-link-egy-btn {
  font-size: 15px;
  border: solid 0.5px #F8C89D;
  color: black;
}
.booking .buttonNext {
  /*background-color: transparent;*/
  width: 13.33%;
}
.nav-tabs-navv button.nav-link {
  width: 50%;
}
.nav-tabs-navv button.nav-link.active {
  background-color: rgb(234,114,0);
  color: #fff;
}
.addonArrow{
  display: none;
}
.nav-link-ol-btn {
  font-size: 15px;
  border: solid 1px #F8C89D;
  background-color: white;
  color: black;
}
.btn-lang {
  background-color: rgb(234,114,0);
  border-radius: 8px;
}
.btn-lang .dropdown-toggle::after {
  content: none;
}
.btn-lang a:lang(ar) {
  display: none;
}
.btn-lang a:lang(ar):first-of-type {
  display: block;

}
.quantity{
  height:22px;
}
.btn-lang a:first-of-type {
  display: none;
}
.logoSize{
  width: 119px;
}
.btn-lang a {
  color: #FFF !important;
  display: block;
  font-family: "greta-ar";
}

[dir="rtl"] .btn-lang a {
  color: #FFF !important;
  font-family: "greta-bt";
}

@media (max-width: 550px) {
  .booking button.next[type=submit] {
    width: 100%;
  }
}
.btns-steps button,
.btns-steps a {
  width: 144px;
}
.my-ul {
  padding: 20px;
}
.my-ul ul {
  list-style: none;
  text-align: center;
  display: flex;
  /*background-color: #F8C89D;*/
  border-radius: 5px;
  padding: 3px;
  font-size: 18px;

}
.my-ul ul li {
  text-align: center;
  width: 33.33%;
}

.li-3 {
  background-color: rgb(234,114,0);
  padding: 9px;
  color: white;
  border-radius: 3px;
}
.li-1 {
  margin-top: 8px;
}

.li-2 {
  margin-top: 8px;
}
.booking-date {
  background-color: #F8F8F8;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 18px;
  padding-right: 18px;
}
.importantt {
  padding-top: 1.3%;
  background-color: #FCF5F4;
  margin-top: 2%;
  font-size: 15px;
  color: rgb(234,114,0);
  font-weight: bold;
  width: 90%;
}
.choos-tickt {
  font-size: 1.25rem;
  padding-top: 10px;
  font-family: "greta-bt";
  color: black;
}
.smalldisplay{
  display: block;
}

.bigdisplay{
  display: none !important;
}

/* .carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: contents;
} */

.social-icons a {
  width: 30px;
  background: rgb(234,114,0);
  color: white;
  margin-bottom: 2%;
  margin-top: 0.5%;
  text-decoration: none;
}
.verticalAlign{
  vertical-align: top;
}
.importantt ul li::marker {
  color: rgb(234,114,0);
}
.footteer {
  background-color: rgb(234,114,0);
  margin-top: 5%;
}

.ui-datepicker table {
  width: 95% !important;
  direction: ltr;
}

.ui-datepicker-title {
  font-size: 1.25rem !important;
}

.follow-txt {
  color: white;
  font-size: 15px;
  margin: 0 8% 1%;
  font-weight: lighter;
  margin-top: 1.5%;
  font-family: "greta";
}
.infoItems {
  font-size: 12px;
  color: black;
  font-weight: 500;
}

.description-txt {
  font-size: 16px;
  color: black;
  line-height: 23px;
  text-align: left;
}
[dir="rtl"] .description-txt {
  text-align: right;
}

.open-hours {
  font-size: 20px;
  font-family: "greta-bt" !important;
  color: rgb(234,114,0);
  font-weight: 700;
  padding: 30px 0 0 0;
}
.open-hours i {
  color: rgb(234,114,0);
  font-size: 24px;
}
.appointments-list {
  font-family: "greta";
  font-size: 16px;
  /*padding: 0 0 0 35px;*/
  color: black;
}
.ltrDiv{
  direction: ltr;
}
.fa-calendar {
  color: rgb(234,114,0);
  padding: 5px;
}
:root {
  --text-direction: ltr; /* Default to LTR */
}

[dir="rtl"] {
  --text-direction: rtl; /* Set text direction to RTL */
}

/* Common styles for both directions */
.social-icons a {
  font-size: 22px;
  /*padding-left: 30px; !* Default padding *!*/
}

.smalldisplay {
  display: none !important;
}

.bigdisplay {
  display: block !important;
}


.Addon{
  width: 75%;
}
.input-container {
  display: block;
  margin-bottom: 10px; /* Adjust as needed for spacing between sets */
}
@media (max-width: 1000px) {

  .social-icons a {
    font-size: 22px;
    /*padding-left: 30px;*/
  }

  .smalldisplay {
    display: none !important;
  }

  .bigdisplay {
    display: block !important;
  }


}
.ty-qu-pr-st {
  font-size: 18px;
  font-weight: 500;
}
/*.booking-date button {*/
/*  float: left;*/
/*  background-color: rgb(234,114,0);*/

/*  color: white;*/
/*  border: none;*/
/*  border-radius: 3px;*/
/*  font-size: 20px;*/
/*  width: 33%;*/
/*}*/
.totall {
  font-size: 20px;
  font-family: "greta";
  display: flex;
}
.accordion__arrow {
  /*left: 0;*/
  right: auto;
  margin-right: 91%; /* Reset margin-right */
}

[dir="rtl"] .accordion__arrow {
  left: auto;
  right:  87%;
  margin-left: 91%; /* Reset margin-left for RTL */
}
.accordion__title {
  text-align: left;
}
[dir="rtl"] .accordion__title {
  text-align: right;
}
.inc-dec {
  border-radius: 2px;
  text-align: end;
  border: solid 0.5px #B8B8B8;
  width: 52px;
  font-size: 12px;
  background-color: transparent;
  margin:0px 5px;

  text-align: center;
}
/*.t-q-p-s-txt {*/
/*  padding: 6px 0 0 6px;*/
/*  font-size: 17px;*/
/*  color: #686868;*/
/*}*/
/*.t-q-p-s-ull {*/
/*  list-style: none;*/
/*  padding: 3px;*/
/*  color: black;*/
/*  font-size: 15px;*/
/*  line-height: 39.5px;*/
/*  font-weight: 400;*/

/*}*/
.sign-up-formm {
  line-height: 8px;
}
.calanderWidth{
  width: 40%;
}
.NewticketWidth{
  width: 60%;
}
.modalPopUpContent
 {
  border:2px solid rgb(234,114,0);
 }
 .modalBottom{
  border-bottom: 0px !important;
 }
  .modalTop{
  border-top: 0px !important;
 }
 .flexInMobile{
display: flex;
 }
 .popUpBtn:hover{
color: white;
 }
 .welcomeModal{
  display: flex ;
  align-items: center;
  justify-content: center;
 }
 .link-popUp{
  color: rgb(234, 114, 0) !important;
  text-decoration: none;
 }
 .popUpBtn:hover{
background-color: rgb(234, 114, 0);
 }
 .justifyCenter{
  justify-content: center !important;
 }
 .modalPopUpTitle
 {
  color: rgb(234,114,0);
 }
.modalTicket{
 color: rgb(234,114,0);
 }
 .popUpBtn{
    background-color: rgb(234,114,0); 
     color:white;
 }
 .modal-body{

 }
.info-title {
line-height: normal;
  color: black;
  font-size: 15px;
  font-weight: 600;
}
.emergencyName{
     margin-top: 27px !important;
}
input[type=date] {
  font-size: 15px;
}
input[type=text],
input[type=password],.age {
  width: 100%;
  color: #000000;
  height: 37px;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: solid 1px #B8B8B8 !important;
  background: white;
}
input[type=text]:focus,
input[type=password]:focus {
  outline: none;
}
.nav button:focus {
  background-color: #FCF5F4;
}
.nav-link-egy-btn:active {
  background-color: #FCF5F4;
}
.nav button:active {
  background-color: #FCF5F4;
}
::-moz-placeholder {
  color: #D7D7D7;
  font-size: 13px;
}
:-ms-input-placeholder {
  color: #D7D7D7;
  font-size: 13px;
}
::placeholder {
  color: #D7D7D7;
  font-size: 13px;
}
input[type=tel]:focus {
  outline: none;
}

.addonContainer{
  width: 40%;
}
.input-group {
  margin-top: 4px;
}


input[type=tel] {
  color: #000000;
  display: inline-block;
  border: solid 1px #B8B8B8;
  background: white;
}
.contact-details {
  font-size: 25px;
  font-family: "greta";
}

.iti.iti--allow-dropdown.iti--separate-dial-code{
  width: 100% !important;
  display: flex;
  justify-content: space-between;
}
.impor-info-textt {
  font-size: 18px;
  color: rgb(234,114,0);
}
/*.liCircle:before{*/
/*  width: 52%;*/
/*  margin-left: 23px;*/
/*}*/

.dropdown-item {
  font-family: "greta-lg";
}

.pay-sum {
  font-size: 20px;
  font-family: "greta";
  font-weight: 600;
  color: rgb(234,114,0);
  text-align: inherit;
}
table thead {
  list-style: none;
  padding: 3px;
  color: black;
  font-size: 15px;
  line-height: 39.5px;
  font-weight: 400;

}
.fa-info:before {
  content: "i";
  padding-top: 1px;
}
table thead span {
  font-family: 'greta' !important;
}
.accordion__arrow {
  right: 0px;
  margin-right: 6%;
}
table td {
  list-style: none;
  padding: 3px;
  color: black;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  font-family: "greta";
}
.confirmBtnWidth{
  width: 172px !important;
}
table td {
  list-style: none;
  padding: 3px;
  color: black;
  font-size: 13px;
  line-height: 25px;
  font-weight: 400;
  font-family: "greta";
}
table td .w-90 {
  width: 90%;
}
.fs-16 {
  font-size: 16px;
}
.fs-13 {
  font-size: 13px;
}
.txt {
  text-align: inherit;
}
.fs-10 {
  font-size: 10px;
}
td select {
  width: 90%;
  padding: 6px;
}
.bann-img {
  padding: 0;
  overflow: hidden;
}
.book-tckt-txt {
  text-align: center;
  font-size: 28px;
  font-family: "greta-bt";
}
.nav-tabs-navv {
  padding: 0;
  border: none;
  height: 51px;
  background-color: white;
}
.appointments {
  font-family: "greta";
  font-size: 18px;
  padding-left: 1px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#nav-home3 {
  overflow: scroll;
}
#nav-home6 {
  overflow: scroll;
}
#nav-ramadan-2 {
  overflow: scroll;
}
html, body {
   margin: 0;
   padding: 0;
 }
.j1-clipboard {
  position: relative;
  display: block;
  float: right;
}
.addon-flex{
  display: flex;
}

.j1-tooltip + .tooltip > .tooltip-inner {background-color: #eeeeee;}

.j1-tooltip + .tooltip .tooltip-arrow {border-top: 5px solid #eeeeee !important;}
#targetTable > thead > tr > th {
  white-space: nowrap;
  /*text-align: center;*/
}
.bookingBtn:hover{
  background-color: rgb(234,114,0);
  color:white;
}
.booking .circle button {
background-color: transparent;
  width: 13.33%;
border: 1px solid rgb(234,114,0);
border-radius: 50%;

}

.next-pay {
  background-color: rgb(234,114,0) !important;

  color: white;
  border: none;
  border-radius: 3px;
  font-size: 15px;
  margin: 10px 0;
  width: 23%;
}
.booking .next button {
  width: 100%;
}
.tacbox label {
  margin-bottom: 10px;
}
.summary {
  font-size: 15px;
  font-family: "greta";
}
.summary th {
  font-size: 17px;
}
.summary td {
  font-size: 15px;
  color: #9C9C9C;
}
.payemnt ul {
  list-style: none;
}

.black-color{
  color: black !important;
}
.btn-booking {
  background-color: rgb(234,114,0);
  padding: 10px 70px;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: auto;

  transition: 0.3s;
  border: 1px solid rgb(234,114,0);
  border-radius: 12px;
  font-size: 20px;
  max-width: 100% !important;
}
.btn-booking:hover {
  transition: 0.3s;
  color: rgb(234,114,0);
  background: #fff;
}

.img-above{
  display: none;
}
.img-right{
  display: block;
}
.w-80{
  width: 80%;
}
.next-pay:hover{
  color: white;
}
.ui-icon-circle-triangle-w {
  background-position: -96px 0px !important;
}
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {*/
/*background: none !important;*/
/*  border: 0px !important;*/
/*  color: #222222;*/
/*}*/
.ui-icon-circle-triangle-e {
  background-position: -32px 0px !important;
}
.ul-circle {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 0px;
  overflow: hidden;
}

.btn-link.collapsed::before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
  transform: rotate(0deg);
  transition: transform 0.2s linear;
}
.tooltip-trigger {
  cursor: pointer;
}
.successBtnMobile{
  display:none ;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.accordion {
  margin: 0;
  padding: 0;
  background: #f3f3f3;
  color: #363535;
  /*border: 1px solid #d7d9d8;*/
}

.accordion__item {
  position: relative;
  list-style-type: none;
  margin-bottom: 8px;
  /*border: 1px solid transparent;*/
  box-shadow: 1px 1px 1px 1px #cdcccc;
border-radius: 5px;
  /*padding: 2% 4%;*/
}

.accordion__item:not(:last-of-type) {
  border-bottom: 1px solid #d7d9d8;
}
.link-hover:hover{
  color: rgb(234,114,0);
}

.accordion__item  input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.link-hover{
  text-decoration:none;
  color: white;
}
.selectAddon{

  --moz-appearance: none;
  font-size: 15px;
  appearance: none;
  background-image: url(./public/storage/tickets/images.jpg);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1.5em;
  border:#E97519 2px solid;
  border-radius: 5px;
  width: auto;
  padding: 0px 40px 0px 10px;
  background: #fff;
  /*border: 1px solid #ccc;*/
  font-size: 16px;
  cursor: pointer;
  /*min-width: 150px;*/
}
[dir="rtl"] .selectAddon{
  padding: 0px 10px 0px 40px;
  text-align: right;
  /*width: 65%;*/
}
.addonContainer {
  position: relative;
  display: inline-block; /* Keeps it sized to its content */
  width: fit-content; /* Adjust width dynamically */
}
.select-wrapper{
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
}
.select-wrapper::after {
  content: "\f107"; /* Unicode for down arrow */
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: #E97519;
  position: absolute;
  right: 15px; /* Relative placement */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none; /* Prevent interaction */
}
[dir="rtl"] .select-wrapper::after{
  right: 85%;
}
.tableHeadFont{
font-size: 1rem ;
}
.successBtn{
  background-color: transparent;
  color: rgb(234,114,0);
  border: 1px solid rgb(234,114,0);
  border-radius: 5px;
text-decoration: none;

}

.successBtn2{
  background-color: rgb(234,114,0);
  color: white;
  border: 1px solid rgb(234,114,0);
  border-radius: 5px;
  text-decoration: none;

}
.applyTable{
  display: none;
}
.successBtnMobile{
  background-color: transparent;
  color: rgb(234,114,0);
  width: fit-content;
  border: 1px solid rgb(234,114,0);
  text-decoration: none;
  border-radius: 5px;
}
successBtnMobile{
  color: rgb(234,114,0);
}
.successBtn:hover{
  color: rgb(234,114,0);
}
.successBtn2:hover{
  color: white;
}
[dir="rtl"] .mobilephone{
  direction: ltr;
  text-align: end;
}
.gemguidedTitle {
  font-size: 1.8rem;
  width: 85% !important;
  font-family: "greta-bt";
  color: black;
}
.footerEdit{
  justify-content: end;
}
[dir="rtl"] .footerEdit{
  justify-content: start;
}

.gemguidedTitle{
  font-family: "Greta-bt";
}

[dir="rtl"] .gemguidedTitle{
  font-family: "Greta-medium";
}

.ui-widget-header {
  font-weight: normal !important;
}
.margin-colom{
  margin-left: 1.1rem;
  margin-right: 0rem;
}
[dir="rtl"] .margin-colom{
  margin-right: 1.1rem;
  margin-left: 0rem;
}
.form-check-label{
  font-size: 17px;
  font-weight: 500;
  color: black;
}
.icon-success{
  background-color: rgb(234,114,0);
  color: white;
  border: 1px solid rgb(234,114,0);
  border-radius: 50%;
  font-size: 4rem;
  padding: 17px;
}
.accordion__title {
  width: 100%;
  padding: 8px;
  background:rgb(234,114,0) ;
/*text-align: left;*/
  color: white;
font-weight: 500;
  padding-right: 1.5rem;
  font-size: 24px;
  margin-bottom: 0px;
}
.price-color
{
  color: black;
}
.ticket-color{
  color: black;

}
.padding-for{
  padding-top: 3.2rem;
}
.accordion__arrow {
  position: absolute;
  /*right: 0;*/
  margin-top: 16px;
  margin-right: 6%;
}


.accordion__arrow::before,
.accordion__arrow::after {
  content: "";
  position: absolute;
  background-color: #212121;
  width: 2px;
  height: 8px;
  transition: transform 0.25s ease-in-out;
}
.accordion__arrow::before {
  transform: translateY(-2px) rotate(125deg);
  background-color: white;
}
.accordion__arrow::after {
  transform: translateY(2px) rotate(-129deg);
  background-color: white;
}
[dir="rtl"]  .accordion__arrow::before {
  transform: translateY(2px) rotate(125deg);
  background-color: white;
}
[dir="rtl"] .accordion__arrow::after {
  transform: translateY(-2px) rotate(-129deg);
  background-color: white;
}
input[type="checkbox"]:checked ~ .accordion__arrow::before {
  transform: translateX(3px) rotate(45deg);
  background-color: #212121;


}
input[type="checkbox"]:checked ~ .accordion__title {
  color: black;
  background: #eae9e9;
}
input[type="checkbox"]:checked ~ .accordion__arrow::after {
  transform: translateX(-2px) rotate(-45deg);
  background-color: #212121;

}

.tooltip-arrow,
.red-tooltip + .tooltip > .tooltip-inner {background-color: #eeeeee;}
.accordion__content {
  position: relative;
  max-height: fit-content;
  margin: 0;
  opacity: 1;
  overflow: hidden;
  transition: all 0.35s ease-in-out;
  line-height: 1.6;
  z-index: 2;
}

input[type="checkbox"]:checked ~ .accordion__content {
  max-height: 0;
  opacity: 0;
}
.link-black{
  color: black !important;
}
.btn-link[aria-expanded="true"]::before {
  transform: rotate(180deg);
}

.ui-datepicker td {
  text-align: center!important;
}
.liCircle:before{
  content: '';
  width: 90%;
  margin-left: 26px;
  border: 1px solid rgb(234,114,0);
  position: absolute;
  top: 1em;
  margin-top: 0px;
  z-index: 0;
}
/*[dir="rtl"] .liCircle:before{*/
/*  margin-left: 0px;*/
/*  margin-right: 26px;*/
/*}*/
.liCircle {
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 50%;
  background: rgb(234,114,0);
  margin: 0 1.1em;
  display: inline-block;
  color: white;
  position: relative;
}
.confirmwidth{
  padding: 0px 53px;
}
.last-circle:before{
  content: '';
  width: 0%;
  margin: 0px;
  border: 0px;
  border: 0px;
}
.payment-APPLY{
  width: 75% !important;
  margin-top: 5PX;
  height: 32px !important;
  background-color: rgb(234,114,0) !important;
  border: rgb(234,114,0) 1px solid;
  color: white;
  border-radius: 4px;

}
.ui-widget.ui-widget-content {
  width: 50% !important;
}
.border-color{
  border-color: #dee2e6;
}
.check-box-height{
  height: 19px;
}
.select-visit {
  padding-top: 3%;
  text-align: inherit;
  /*font-size: 1.6rem;*/
  font-weight: 600;
  width: 100%;
  color: black;
  /*margin: 10px 16px;*/
  font-family: "greta-bt";
}

.select-visit {
  font-family: "Greta-bt";
}
[dir="rtl"] .select-visit {
  font-family: "Greta-medium";
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover {
  border: 0px !important;
  background: transparent !important;
  text-align: center !important;
}
/*.ui-datepicker-prev span {*/
/*  background-image: url("public/storage/nextPage.jpg") !important;*/
/*  background-position: 0px 0px !important;*/
/*}*/

/*.ui-datepicker-next span {*/
/*  background-image:  url(./public/storage/nextPage.jpg) !important;*/
/*  background-position: 0px 0px !important;*/
/*}*/
.ui-datepicker th {
  color: rgb(234,114,0) !important;
  margin-top: 10px !important;
  padding: 0.7em 0em !important;
}
.ui-widget-content {
  border: 0px !important;
  background-color: transparent !important;
}
.ui-widget-header{
  border: 0px !important;
  background: transparent !important;
}
/*.ui-datepicker th {*/

/*}*/
.activeUl ~ .liCircle {
  background: transparent;
  border: 1px solid rgb(234,114,0);
color: #fd7e14;
}
.additional-info{
  padding: 0px 2rem;
}
body {
  font-family: sans-serif;
  /*padding: 2em;*/
}
.space{
  margin-top: 0.3rem;
}
.customDatePicker{
  /*width: 109px !important;*/
  /*height: 30px !important;*/
  font-size: 16px !important;
  padding: 3px !important;
  margin: 0 !important;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bookingBtn{
  background-color: rgb(234,114,0) !important;
  color: white;
  /*border: 0px ;*/
  width: 200px;
  border-radius: 4px;
  text-align: center;
  padding: 5px 12px;
}
.img-size{
  width: 100%;
  /*Height:100%;*/
border-radius: 4px;
}
.info-icon{
  border: 1px solid #444444;
  padding: 1px 7px;
  color: #444444;
  padding-top: 2px;
  font-family: "greta";
  border-radius: 11px;
  font-size: 14px;
}
.theme-color{
  color: rgb(234,114,0);
}
.selectAddon:focus {
  outline: none;
}
.theme-color-button{
  color: rgb(234,114,0);
  border: rgb(234,114,0) solid 1px ;
  /*padding: 5px;*/

  /*text-align: center;*/
  height: 20px;
  display: inline-flex;
  border-radius: 4px;
  /*vertical-align: middle;*/
  justify-content: center;
  align-items: center;
  width: 4%!important;
  font-weight: 700;
  /*font-size: 1.5rem;*/
}
/*.BOOKIINGG-DIVV{*/
/*  z-index: -5;*/
/*  position: absolute;*/
/*}*/
.color-text{
 color: #E97519
}
.errormessageHight{
  line-height: 1.1;
  margin-bottom: .5rem !important;
}
.buttonNext:disabled {
  background-color: rgb(243 179 120) !important ;

}
.nohoverAddon:hover{
  color: rgb(234,114,0);
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  background-color: rgb(234,114,0) ;
  color: white;
}
.width-4{
  display: none;
  text-align: start;
  /*color: #9C9C9C;*/
}
.widthcol{
  width: 33%;
}
.widthemailcol{
  vertical-align: middle;
}
.table-width{
  width: 61%;
}
.text-break{
  word-break: break-word;
}
.contact-box {
  border: 1px solid #cccccc;
  padding: 15px 15px;
  border-radius: 3px;

}
.continueBtn:hover {
  background-color: rgb(234,114,0);
  color: white;
}
.addonMobile{
  display: none;
}
.addonDesktop{
  display: block;
}
.nextPayment{
  background-color: rgb(234,114,0) !important;
  font-family: "greta";
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 20px;
  width: 13.7%;
}
.pay-quan{
  color: rgb(234,114,0) ;
}

.pay-price{
  color: black !important;
}

.paymentIcon{
color:  #EA4335;
  border: 1px solid #cccccc;
  padding: 5px;
  border-radius: 1px;
cursor: pointer;
}

.promo-input {
  width: 69% !important;
  color: rgb(234,114,0) !important;
  border-radius: 4px !important;
  height: 32px!important;


  border: solid 1px rgb(234,114,0) !important;

}
.theme-background{
  border: 0px;
  border-radius: 4px;
  background-color: rgb(234,114,0);
  color: white;
}
.readMore {display: none;}
.w-84{
  width: 84%;
}
.myBtn{
  display: block;
  width: 7%;

}
.title-design{
  font-size: 1.2rem;
  color:rgb(234,114,0) ;
  font-weight: 700;
  /*font-family: "greta-bt";*/
}

.circle{
  background: transparent;
  border-radius: 4px;
  border: 1px solid rgb(234,114,0);
  /*width: 21px;*/
  height: 20px;
  display: inline-flex;
  color: rgb(234,114,0);
  justify-content: center;
  align-items: center;
}
.iti_flag-container {margin-inline-start:10px} .iti_country-list{direction:ltr;}
.customSelect {
  font-size: 16px;
  width: 109px;
  margin-left: 4px;
  /*margin-right: 586px*/
}
.checkbox-header{
  width: fit-content;
  padding: 0px 25px;
  border-radius: 5px;
  margin-top: 16px;
}

.checkbox-border {
  border: 1px solid rgb(234,114,0);
  padding: 4px 14px;
}

.errormessageHight{
  line-height: 1.1;
  margin-bottom: .5rem !important;
}

.form-check-input {
  border: rgb(234,114,0) solid 1px;

}
.line{
  width: 0.5px;
  height: 34px;
  position: absolute;
  /*top: 6%;*/
  /*left: 50%;*/
  background-color: rgb(234,114,0);
}
.important-color{
  color: black;
}
.timeSlots{
  border: rgb(234,114,0) 1px solid!important;
  padding: 8px 27px!important;
background-color: transparent;
  min-width: 120px;
  color: black ;

}.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
   background-color: rgb(234,114,0);
  color: white;

 }

.btn-check+.btn:hover {
  background-color: rgb(234,114,0);
color: white;
}
.form-check-input:checked {
  background-color: rgb(234,114,0);
  border-color: rgb(234,114,0);
  color: black;

}
.form-check-input:focus {
box-shadow: 0 0 0 0rem transparent;
}
.customSelectRtl {
  font-size: 16px;
  width: 112px;
  margin-right: 15px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link{
  border: 1px solid #e8e5e1;
}
.national-Small{
  width: 40% !important;
  /*font-size: 1rem;*/
  font-weight: 500;
}
#nav-home1 {
  overflow: scroll;
}
.continueBtn{
  background-color: rgb(234,114,0);
  color: white;
}
.continueBtn:focus{
  background-color: rgb(234,114,0);
  color: white;
}
.otpContent {
  position: fixed;
  width: 33%;
  background-color: #fff;
  padding: 3%;
  border-radius: 5px;
}

.headHeigh {
  line-height: 1.5;
}

#nav-home1Addon {
  overflow-x: hidden;
}
#nav-ramadan-1 {
  overflow: scroll;
}
.fullWidth{
  width: 75%;
}
.fs-15 {
  font-size: 15px;
}
.fs-20 {
  font-size: 20px;
}
border-bottom {
  border-bottom: 1px solid #9c9c9c;
}
.arrow-border {
  margin-right: 5px;
  margin-top: 10px;
  border: 1px solid rgb(234,114,0);
  width: 50px !important;
  /*padding: 0px 19px 0px 17px;*/
  color:rgb(234,114,0);
  border-radius: 4px;
}
.buttonNext {
  background-color: rgb(234,114,0) !important;
  font-family: "greta";
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 20px;
width: 13.3%;
}
.buttonNext:hover{
  color:white;
}
.buttonback{
  background-color: transparent;
  font-family: "greta";
  color: rgb(234,114,0) !important;
  border: 1px solid rgb(234,114,0);
  border-radius: 4px;
  font-size: 20px;
}
#firstNextFromAR {
  padding: 10px;
}


.promo-input {
  width: 75% !important;
  padding: 10px;
  width: 200px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* Style the submit button */
.submit-button {
  padding: 10px 20px;
  background-color: rgb(243, 120, 19); 
  color: #fff; /* White text color */
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

/* Add some margin between the input and button */
.promo-input, .submit-button {
  margin-right: 10px;
}
.dimmed-button {
  background-color: #e0e0e0;
  cursor: not-allowed !important;
  pointer-events: none!important;
}
.dimmed-total{
  text-decoration: line-through;
  background-color: #e0e0e0; /* Set the desired background color for a dimmed button */
}

.error-promo-message {
  color: red; /* Set the desired background color for a dimmed button */
}

.success-promo-message {
  color: green;
}
.error-message{
  line-height: 1.1;
}
@media (max-width: 800px) {

  .success-promo-message {
    font-size: 9px;
  }

  .error-promo-message {
    font-size: 9px;
    text-align: center;
    vertical-align: top;
  }

  #firstNextFromAR td select {
    width: 50% !important;
  }

  .margin-colom{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .input-width{
    width: 94%;
  }
  .input-group-text{
    padding: 0.375rem 0.3rem !important;
  }
  .input-group-text .flaaaag{
    width: 25px;
  }
  .input-group-text .egy-flag{
    margin-bottom: 0;
  }
  .input-group-text .mobile-country-code {
    padding-top: 3px;
  }
  .smallSize{
    font-size: 10px;
  }

  .w-75{
    width: 75%;
  }
  .follow-txt{
    padding-top: 0.75rem;
    margin: 0px;
  }

  #nav-home {
    width: 100%;
  }
  .arrow,
  .rtlArrow {
    display: block !important;
  }
}

.rtlArrow,
.arrow {
  position: absolute;
  width: 50px;
  top: 50%;
  display: none;
  cursor: pointer;
}

.rtlArrow {
  left: -30px;
}
.arrow {
  right: -40px;
}

adan-arrow {
  right: -17px;
}

.social-icons > div {
  display: flex;
  gap: 9px;
  /*margin-top: 5px;*/
  margin-bottom: 5px;
}

.social-icons a {
  font-size: 22px !important;
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {*/
/*  text-align: center;*/
/*}*/
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {*/
/*  background: #E35A00 !important;*/
/*  text-align: center;*/
/*  color: white!important;*/
/*}*/


.iti__selected-flag {
  padding: 0 16px 0 16px !important;
}
.widthAccordion{
  width: 68%;
}
.summary-pay {
  font-size: 15px;
  color: #9C9C9C;
}
.custom-phone-input {
  width: 100%;
  color: #000000;
  height: 37px;
  display: inline-block;
  border: solid 1px #b8b8b8;
  background: white;
}


*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  /*font-size: 18px;*/
}
.important_information{
  color:  rgb(234,114,0);
}
.lineHeightTable{
  line-height: normal;
}
.home-page{
  /*height: 100vh;*/
  display: flex;
  /*padding: 0px 0px 30px 0px;*/
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: center;
  text-align: center;
  font-family: greta;
}
.content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.links{
  text-decoration: none;
  color: rgb(234,114,0);
}
.colored-text{
  color:#695444 ;
}
/*.links:hover{*/
/*  color: rgb(89, 60, 184);*/
/*}*/
.navbar{
  /*background-color: rgb(29,36,82);*/
  color: white;
}
[dir="rtl"]  .right-class{
  direction: ltr;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border: 1px solid #fca659;
  color: black;
}
.new-border{
  border-radius: var(--bs-nav-tabs-border-radius);
}
.nav-link{

}
.paddingicon{
  padding-top: 2px;
}
.tooltip.show {
  opacity: 1 !important;
}
@media only screen and (min-width: 300px) and (max-width: 980px) {
  .childWidth1{
    width: 36%;
    font-size: 16px;
    padding: 0px;
  }
  .paddingicon {
    padding: 0px;
    padding-top: 2px;
  }
  .childWidth2{
    width: 18%;
    padding: 0px;
    padding-top: 3px;
  } .childWidth3{
        width: 43%;
        padding: 0px;
    }
  .width-1{
    width: 32%;
  }
  .summerDetailsBtn{
    background-color: rgb(243, 120, 19);
    border-radius: 25px;
    font-weight: 600;
    border: 0px;
    color: white;
    padding:4px 30px;
    margin-right:20px ;
    margin-top: 4px;
    margin-bottom: 8px;
    cursor: pointer;
  }
  [dir="rtl"] .summerDetailsBtn{
    margin-right:20px ;
  }
  .summerInner1{
    height: 761PX;
  }
  .summerQueue{
    display: block;
    border: 2px solid rgb(243, 120, 19) ;
    border-radius: 10px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
  }
  .summerBorders{
    border: 0px;
    border-bottom: 1px solid rgb(243, 120, 19) ;
  }
  .centered {
    position: absolute;
    top: 45%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    color: white;

  }
  .balala{
    border: 0px;
    border-bottom: 2px solid rgb(243, 120, 19);

  }
  .summerPyramidheader{
    margin-bottom: 1rem;
    color: rgb(243, 120, 19);
    font-weight: 500;
    font-size: 2.5rem;
  }
  .ticketWidth{
    width:29% ;
   padding:  0px;
    font-size: 15px;
  }
  .price-font{
    font-size: 14px;
  }
  .button-Margin{
    margin: 4px!important;
  }
  .padding-small{
    padding-right: 40px;
  }
  [dir="rtl"] .padding-small{
    padding-left: 30px;
  }
  AddonQuan{
    width: 25%;
  }
  .addonQuanPadd{
    padding-left:40px !important;

  }
  [dir="rtl"] .addonQuanPadd{
    padding-right:40px !important;

  }
  .AddonPrice{
    padding-right:35px !important;
  }
  .addonTable{
       width: 100%;
     }
  [dir="rtl"] .AddonPrice{
    padding-left:35px !important;
  }

  .table-width{
    width: 100%;
  }
  .nextPayment{
    width: 27% !important;
  }
  .error-message
  {
line-height: 1;
  }
    .arrow-border {
    margin-right: 6px;
    margin-top: 10px;
    border: 1px solid rgb(234,114,0);
    width: 36px !important;
    color: rgb(234,114,0);
    border-radius: 4px;
  }

  .pay-quan{
  text-align: center;
  }
  .colspan2 {
    grid-column: span 2;
  }
  .summary td {
    font-size: 13px;
  }
  .ReadMorewidth{
    width: 100% !important;
  }

  .bookingBtn{
    padding: 9px;
    margin-bottom: 19px;
  }
.AddonParaghraph{
  font-size: 11px;
}
.AddonCol{
  width: 58.33333333%;
}
.theme-color-button {
  width: 13% !important;
}
.AddonImage{
  width: 40%;
}
.fullWidth{
    width: 100% !important;
  }
  .width-2 {
    width: 42%;
    padding: 0px;
  }
  .width-3{
display: none;
  }
  .accordion__content {
/*overflow-y: scroll*/
max-height:fit-content
  }
  .width-4{
    display: block;
padding: 0px;
    color: #9C9C9C;
  }
  .select-visit{
    width: 100%;
    margin: 9px 1px;
  }
  .national-Small{
    width: 40% !important;
    /*font-size: 0.7rem;*/
    font-weight: 400
  }
  .liCircle {
    margin: 0rem 0.6rem;
  }
  .widthAccordion{
    width: 100%;
  }
  table th button {
    background-color: rgb(234,114,0) !important;

    color: white;
    border: none;
    border-radius: 3px;
    font-size: 20px;
  }
  .btn-group button {
    border: none;
  }

  .btn-group .btn-outline-primary {
    color: #000000;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    box-shadow: none;
  }
  .btn-group .btn-outline-primary:hover {
    color: #000000;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
  }
  .btn-group .btn-outline-primary:focus {
    box-shadow: none;
  }
  .table > :not(:last-child) > :last-child > * {
    border-bottom-color: #d1d1d1;
  }
  table th {
    font-size: 18px;
    font-weight: bold;
  }
  .table thead tr th {
    font-size: 1.1rem;
  }
  .liCircle:before{
    width: 52%;
    margin-left: 23px;
  }

  .last-circle:before{
    content: '';
    width: 0%;
    margin: 0px;
    border: none;

  }
  .summerInner2{
    background-color: #E9F2F2;
    height: fit-content;
  }
  .summerInner1{
    background-color: #E9F2F2;
    height: 600PX;
    overflow-y: scroll;

  }
  .secondSummerCont{
    margin-left: 10px !important;
  }
  [dir="rtl"]   .secondSummerCont{
    margin-right: 40px !important;
  }
  [dir="rtl"] .national-Small{
    width: 40% !important;
    /*font-size: 0.9rem;*/
    font-weight: 400
  }
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    text-shadow: 1px 2px black;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    color: white;
  }
  .summerTime{
    color:rgb(243, 120, 19) ;
  }
  .summerBorders{
    border-right: 2px solid rgb(243, 120, 19);
  }
  .coveredImage{
    /*height : 400px;*/
    width: 100%;
    object-fit:fill ;
    /*object-position: start center;*/
  }
  .summerFlex{
    align-items: center;
  }
  .coveredImage{
    /*height : 400px;*/
    width: 100%;
    object-fit:fill ;
  }
  [dir="rtl"] .summerParagraph{
    font-weight: 700;
  }
  .detailsCamp:hover{
    color: white;
  }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .summerMoverContent {
      position: absolute;
      width: 100%;
      padding: 10px;
      left: 0%;
      top: 76%;
    }

    .mobileIcon{
      margin-bottom: 17px;
    }
    .summerDetailsBtn {
      background-color: rgb(243, 120, 19);
      border-radius: 10px;
      font-weight: 500;
      margin-top: 4px;
      margin-bottom: 8px;
      border: 0px;
      color: white;
      width: 50%;
      padding: 2px 15px;
      padding-bottom: 5px;
    }

    .summerQueue{
      display: block;
      border: 2px solid rgb(243, 120, 19) ;
      border-radius: 10px;
      padding: 0px;
      text-align: center;
      margin-bottom: 20px;
    }
    .centered {
      position: absolute;
      top: 50%;
      left: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: translate(-50%, -50%);
      font-size: 2.5rem;
      font-weight: bolder;
      text-align: center;
      text-transform: uppercase;
      color: white;
      width: 60%;
      text-shadow: 2px 2px #000;
    }
    .summerCampTags {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
    }

    .summerInner2 {
      background-color: #E9F2F2;
      padding: 40px 10px;
      z-index: 20000;
      margin-bottom: 20px;
      border-radius: 2px;
      height: fit-content;
    }
    .summerTimeParaghraph{
      font-size: 14px;
      font-weight: bold;
    }
    .summerInner1 {
      background-color: #E9F2F2;
      padding: 40px 10px;
      z-index: 20000;
      height:fit-content;
      overflow-y: hidden;
      margin-bottom: 20px;
      border-radius: 2px;

    }
  }
  .detailsCamp{
    background-color: rgb(245, 126, 29);
    border-radius: 25px;
    color: white;
    border: 0px;
    text-decoration: none;
  }

  .summerImage{
    height: 431px;
    width: 369px;
    margin-bottom: 40px;
  }
  @media (min-width: 300px) and (max-width: 450px) {
    .secondSummerCont{
      margin-left: 0px;
    }
   [dir="rtl"] .summerImage{
      height: 400px;
      width: 100%;
      margin-bottom: 40px;
    }
    [dir="rtl"] .secondSummerCont{
      margin-right: 0px;
    }
  }
  .summerInner1{
    background-color: #E9F2F2;
    height: fit-content;
    overflow-y: hidden;

  }
  .summerMoverContent{
    position: absolute;
    width: 72%;
    padding: 45px;
    left: 17%;
    top: 76%;
  }
  .summerInner2{
    background-color: #E9F2F2;
    height: fit-content;
  }
 [dir="rtl"] .summerInner1 {
    background-color: #E9F2F2;
    height:fit-content;
    overflow-y: hidden;
    padding: 40px;
    z-index: 20000;
    margin-bottom: 20px;
    border-radius: 2px;
  }
  #nav-home1Addon {
    overflow-x: scroll;
  }
  .summerDetailsBtn{
    background-color: rgb(243, 120, 19);
    border-radius: 25px;
    font-weight: 600;
    width: fit-content;
    border: 0px;
    margin-top: 4px;
    margin-bottom: 8px;
    color: white;
    padding:10px 30px;
    margin-right:20px ;
    cursor: pointer;
  }
  .summerDetailsBtn:hover{
    background-color: rgb(243, 120, 19);
    color: white;

  }
  .summerPyramidheader2{
    margin-top: 20px;
    color: rgb(243, 120, 19);
    font-weight: 700;
  }
  [dir="rtl"] .summerPyramidheader2{
    padding-right: 20px;
  }
  .summerCampDetails{
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .summerPyramidheader{
    margin-bottom: 1rem;
    color: rgb(243, 120, 19);
    font-weight: 600;
    font-size: 2.9rem;
  }
   .summerTitlear{
    font-family: greta-bt;
  }
  [dir="rtl"] .summerInner2{
    background-color: #E9F2F2;
    height: fit-content;
    padding:40px ;
    z-index: 20000;
    margin-bottom: 20px;
    border-radius: 2px;
  }
  .summerTimesSlots{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  .summerBookingButton{
    background-color: white ;
    padding: 4px 20px;
    color:rgb(243, 120, 19) ;
    font-size: 1.3rem;
    border: 1px solid rgb(243, 120, 19);
  }
  .summerMoverContent{
    position: absolute;
    width: 72%;
    padding: 45px;
    left: 17%;
    top: 76%;
  }
  .summerAgeGroup{
    margin-top: 25px;
    font-weight: 500;
    color: #000;
  }
  .summerTime{
    color:rgb(243, 120, 19) ;
    font-size: 18px;
  }
  .summerTimeParaghraph{
    margin-left: 15px;
  }
  [dir="rtl"].summerTimeParaghraph{
    margin-right: 10px;
  }
  .summerTimeIcon{
    font-size: 3rem;
    color:rgb(243, 120, 19) ;
  }
  .addonTable{
    width: 75%;
  }
  .summerQueue{
    display: flex;
    border: 3px solid rgb(243, 120, 19) ;
    border-radius: 25px;
    padding: 0px;
    /*width: 56%;*/

  }
  .summerLine{
    background-color: rgb(243, 120, 19);
    width: 1px;
    height: 20px;
  }
  .SummerTag3{
    border-right:2px solid rgb(243, 120, 19) ;
    padding: 10px 25px;
  }

  .SummerTag1{

    padding: 5px 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .SummerTag2{
    border-right:2px solid rgb(243, 120, 19) ;
    padding: 10px 25px;

  }
  .summerCampTags{
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
  }
  .summerTimeFlex{
    align-items: center;
    display: flex;
    margin-bottom: 9px;

  }

  .detailsCamp{
    background-color: rgb(245, 126, 29);
    border-radius: 25px;
    color: white;
    border: 0px;
  }
  .secondSummerCont{
    margin-left: 25px;
  }
 [dir="rtl"] .secondSummerCont{
    margin-left: 10px;
  }
  .summerTime{
    display: flex;
  }
  .img-above{
    display: block;
  }
  .img-right{
    display: none;
  }
  .booking .buttonNext {
    width: 27.7%;
  }
  /*.booking button{*/
  /*  width: 13.7%;*/
  /*}*/
  .new-border{
    padding: 0!important;
  }

}

.tooltipp {
  position: relative;
  top: -17px;


}

.tooltipp .tooltiptext {
  display: none;
  width: 250px;
  background-color: white;
  border: black 1px solid;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  /*height: 52px ;*/
  font-size: 14px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: -20%;
  margin-left: -60px;

}
.tooltipp .tooltiptext::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: solid 15px transparent;
  border-top: solid 15px white;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  top: 100%; /* At the bottom of the tooltip */
  left: 25%;

}
.tooltipp .tooltiptext::before{
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  transform: rotate(90deg);
  width: 0;
  height: 0;
  border-style: solid;
  left: 24.6%;
  border-color: transparent transparent transparent black;
  border-width: 16px;
}
.tiktok{

  margin-top: -2px;
}
/*.select-visit{*/
/*  margin: 10px 16px;*/
/*}*/
.information_message{
  margin-bottom: 3px;
  cursor: pointer
}

.height-100 {
  height: 100vh
}

.card {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.card h6 {
  font-size: 20px
}
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover  {*/
/*  background-color: #E35A00 !important;*/

/*}*/
.inputs input {
  width: 40px;
  height: 60px;
  border-width: 0 0 2px 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0
}

.form-control:focus {
  box-shadow: none;
}

.validate {
  border-radius: 20px;
  height: 40px;
  background-color: red;
  border: 1px solid red;
  width: 140px
}


.otp-disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.otp-disabled:hover {
  background-color: inherit;
  color: inherit;
}
#otp-error-message {
  padding-top: 1%;
}
#otp-error-message span {
  color: red;
  font-weight: bolder;
}

.login-button {
  color: rgb(234,114,0);
}

.text-color {
  color: rgb(234,114,0);
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active{
  background: rgb(234,114,0)!important;
  color: #ffffff !important;
  border-radius: 2px;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  background: transparent !important;
  border: 0px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: rgb(234,114,0)!important;
  color: #ffffff !important;
  border-radius: 2px;
}
@media (max-width: 768px) {
  .welcomeModalInfo {
    /* height: 100%; */
  }
  #carouselExampleControls .carousel-control-next {
    right: -17px;
  }
  #carouselExampleControls .carousel-control-prev {
    left: -17px;
  }
  [dir="rtl"] #carouselExampleControls .carousel-control-next {
    left: -17px;
  }
  [dir="rtl"]  #carouselExampleControls .carousel-control-prev {
    right: -17px;
  }

  .container {
    width: 100%;
  }
  .payment-APPLY{
    width:80% !important;
  }
  .addonDesktop{
    display: none;
    /*margin-top: 10px;*/
  }
  .addonMobile{
    display: block;
  }
  .img-size {
    Height: 50%;
    margin-top: 20px;
  }
  .applyTable{
    display: table-cell;
  }
  .successBtnMobile{
    display: block;
  }
  .successBtn{
    display: none;
  }
  .emailWidth
  {
    width: 41%;
  }

  .promo-input {
    width: 100% !important;
    padding: 3px !important;
  }

  .thPromo{
    width: 120%;
  }
  .blocks{
    display: block !important;
  }


  }
@media (min-width: 1200px) {
  #carouselExampleControls .carousel-control-next {
    right: -80px;
  }
  #carouselExampleControls .carousel-control-prev {
    left: -80px;
  }
  [dir="rtl"] #carouselExampleControls .carousel-control-next {
    left: -80px;
  }
  [dir="rtl"] #carouselExampleControls .carousel-control-prev {
    right: -80px;
  }
}
.text-justify {
  text-align: justify !important;
}
#carouselExampleControls .carousel-control-next:lang(ar) {
  left: 0 !important;
  right: auto !important;
}
@media (max-width: 575.98px) {
  .description-txt {
    font-size: 16px;
    color: black;
    max-width: 100%;
  }
  /*.logo {*/
  /*  width: 80%;*/
  /*}*/
  .appointments-list {
    font-size: 15px;
    padding: 0 0 0 0px;
  }
  .open-hours {
    padding: 10px 0 0 0;
  }
  .book-tckt-txt {
    font-size: 20px;
    margin: 10px 0 0 0;
  }
  .my-ul {
    padding: 5px;
  }

  .choos-tickt {
    font-size: 20px;
  }
}
.modal-dialog-width{
  max-width: 80% !important;
}
.popupWidth{
min-width: 55%;
}
.spaceBetweenSm{
  justify-content: space-between;
}
@media only screen and (min-width: 300px) and (max-width: 800px) {
  .otpContent {

    width: 90%;

  }
  .selectAddon {
    width: 100%;
    padding-right: 50px; /* Ensure arrow fits */
  }

  .select-wrapper::after {
    right: 20px; /* Adjust for smaller screens */
  }
  .spaceBetweenSm{
    justify-content: space-between;
    display: block !important;

  }
  .AddonQuan{
    /*width: 50%;*/
    padding-top: 0px!important;
  }
  .modal-dialog-width{
    max-width: 95% !important;
  }
  .open-hours-margin{
margin-top: 18px !important;
  }
   .AddonImage {
    width: 100%;
  }
   .addon-flex{
     display: block;
   }
   .AddonCol {
     width: 100%;
     margin-bottom: 40px;
   }
  .confirmwidth{
   width: 189px;
  }
  .confirmpadding{
    padding: 0px, 22px;
  }
}


radio-wrapper {
  display: inline-block;
  margin-right: 10px; /* Adjust spacing between radio buttons */
}

@media screen and (max-width: 800px) {
  .customSelect {
    flex-wrap: wrap;
  }
  .changeWidth{
    /*padding-top: 0.4rem;*/
    width: 55%;
  }
  .change1{
    width: 32%;
  }
  .ui-widget.ui-widget-content {
  width: 78% !important;
  }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 1.8em !important;
  }

  .radio-wrapper {
    width: 50%; /* Two items per row */
    margin-right: 0;
    margin-bottom: 12px; /* Adjust spacing between rows */
  }
  .timeSlots{
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1100px) {
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 1.8em !important;
  }
}
.ui-datepicker .ui-datepicker-next {
  right: 28!important;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 25!important;
}
.fa-plus:before {
  /*content: "\f067";*/
  font-size: 11px;
  /*padding-top: 4px;*/
}

.fa-minus:before {
  /*content: "\f067";*/
  font-size: 11px;
  /*padding-top: 4px;*/
}
.newHover{
  color: white;
}
.newHover:hover
{
  color: white;
}
.tooltip-inner {
  padding:1px 4px;
  background-color: rgb(252, 252, 252) !important;
  border: solid 1px rgb(234,114,0);
color: black;

}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  border-right-color:rgb(234,114,0) !important;
  border-left-color:rgb(234,114,0) !important;

}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color:rgb(234,114,0) !important;

}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgb(234,114,0) !important;

}
.tooltip-arrow, .red-tooltip + .tooltip > .tooltip-inner {
  background-color: transparent;
}
.importantNew{
  background-color: #E9F2F2;
}
.age-design{
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 20px;
}
.summerTime{
  color: rgb(243, 120, 19);
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  text-decoration: none; !important;
}
.check-Terms{
  margin-top: 3px;
  margin-right: 7px;
}

[dir="rtl"] .check-Terms{
  margin-left: 7px;
}

@media only screen and (min-width: 498px) and (max-width: 788px) {
  .summerFlex{
    width: 80%;
  }

}
.closeBtn{
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 11px;
}
[dir="rtl"] .closeBtn{
  right: -11px;
}
[dir="rtl"] .btn-close.btn-close_Tooltip{
  cursor: pointer;
  margin-right: 30px;
}
.btnclose-2{
  background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f37813'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.btnclose-2:hover{
  color:rgb(243, 120, 19) !important;
}
.line {
  left: 48%;
}
[dir="rtl"] .line {
  left: 53%;
}