/* Enquiry form styles, lifted from the legacy stylesheets so the form keeps its
   design on pages served by the Touria layout, which does not load them.
   Sources: css/style.min.css, css/style.css, css/singleTour/style.min.css --
   the three disagree on coverage, e.g. .button_moblie is only in style.css and
   .bottonInqueryFrom only in style.min.css. Only rules matching the form's own
   classes are included; no global element or utility rules. */

.button_moblie{position:fixed;bottom:0;display:block;padding:16px 10px;display:flex;flex-direction:row;justify-content:center;align-items:center;height:75px;background:#e46d30;border-radius:8px 8px 0 0;width:100%;overflow:hidden;cursor:pointer;z-index:100}
#blogContainer .splide__arrows,.button_moblie.close{display:none}
.button_moblie button{font-family:Cairo,sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:20px;text-align:center;letter-spacing:.03em;color:#fff;background-color:#0f4c81!important;padding:14px;border-radius:8px;animation:2s 2s infinite wiggle}
@media only screen and (max-width:500px) {.textCounter{font-size:14px!important}.counterContainer i,.counterContainer span{font-size:13px}
}

@media only screen and (min-width:768px) {#offerSection .splide__arrows,.button_moblie{display:none}
}

.button_moblie{
  position: fixed;
  bottom: 0;
  display: block;
  padding: 16px 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 75px;
  background: #e46d30;
  border-radius: 8px 8px 0px 0px;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  z-index: 100;
}
.button_moblie.close{
  display: none;
}
.button_moblie button{
  font-family: "Cairo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #ffffff;
  background-color: #0f4c81 !important;
  padding: 14px;
  border-radius: 8px;
  /* a short shake, then a pause; repeats every 3s to catch the eye */
  animation: te-shake 3s ease-in-out 1s infinite;
}
@keyframes te-shake {
  0%, 20%, 100% { transform: translateX(0) rotate(0); }
  2%  { transform: translateX(-4px) rotate(-3deg); }
  5%  { transform: translateX(4px) rotate(3deg); }
  8%  { transform: translateX(-4px) rotate(-3deg); }
  11% { transform: translateX(4px) rotate(3deg); }
  14% { transform: translateX(-2px) rotate(-1deg); }
  17% { transform: translateX(2px) rotate(1deg); }
}
@media (prefers-reduced-motion: reduce) {
  .button_moblie button { animation: none; }
}
@media only screen and (max-width: 500px) {
  .textCounter {
    font-size: 14px!important;
  }
  .counterContainer i, .counterContainer span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 768px) {
  .button_moblie {
    display: none;
  }
}

.accordion-item.mt-4.rounded-3,.counterbox,.headerInquery,.inputCounter,.inquireSection{background:#fff}
.flightFelid,.layoutviews{display:none}
.flightFelid.active,.layoutviews.active{display:block}
.inquireSection{border:1px solid #b6ddff;border-radius:16px}
.headerInquery{padding:14px;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;line-height:30px;text-align:center;color:#ff6b01}
.inputCounter span,.textCounter{line-height:28px;font-size:14px}
.form_inquire .form-control,.form_inquire .form-select{height:40px;border-radius:8px;border:.68px solid #e4f2ff}
.code_selected{width:90px;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
.inputCode{border-top-left-radius:0;border-bottom-left-radius:0}
.endDate,.startDate,.textArea{display:flex;flex-direction:column;gap:5px}
.endDate input,.startDate input{padding:11px 0;border-radius:10px;background:#fff;border:1px solid #c4c4c4;width:100%}
.endDate input::placeholder,.startDate input::placeholder{font-style:normal;font-weight:400;font-size:14px;line-height:28px;color:silver;padding-left:8px}
.endDate input:focus,.startDate input:focus{outline:0}
.bottonInqueryFrom button,.buttoncounter button{line-height:24px;font-weight:400;text-align:center}
.counterContainer i,.counterContainer span{cursor:pointer;transition:.2s ease-in-out;color:#ff6b01}
.textCounter{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;color:#3d3d3d}
.bottonInqueryFrom button,.buttoncounter button,.contextFormInauire{font-family:Cairo,sans-serif;font-style:normal}
.counterContainer input{width:40px;background-color:transparent!important;border:0}
.counterContainer input:focus{box-shadow:none!important}
.bottonInqueryFrom:hover,.buttoncounter:hover,.counterContainer img:hover,.formRview .buttomSubmit:hover{transform:scale(.9)}
.contextFormInauire{font-weight:700;font-size:14px;line-height:20px;letter-spacing:.03em;color:#7a7a7a}
.form-group textarea::placeholder{font-family:Roboto;font-style:normal;font-weight:400;font-size:14px;line-height:28px;color:silver}
.bottonInqueryFrom{background:#ff6b01;border-radius:10px}
.bottonInqueryFrom button{font-size:20px;color:#fff}
/* The legacy sheet neutralised buttons globally with
     button { border:none !important; background-color:inherit !important }
   which is what let the orange .bottonInqueryFrom wrapper show through. That
   global rule is not loaded on the Touria layout, so the button fell back to the
   browser's grey default. Restate it for the form's own buttons only. */
.bottonInqueryFrom button,
.buttoncounter button,
.counterContainer button {
  background: transparent;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
}
.bottonInqueryFrom button {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}