/*
Theme Name: Upstaff
Theme URI: https://upstaff.com/
Author: Upstaff
Author URI: https://upstaff.com/
Description:
Requires at least: WordPress 5.7
Version: 250926-1339
License: 
License URI: 
Text Domain: upstaff
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
@import url("//upstaff.com/wp-content/uploads/omgf/local-stylesheet-import-96/local-stylesheet-import-96.css");
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.user-type-1 {
  --main-color: #ff1030;
  --second-color: #ff1030;
  --background-gradient: radial-gradient(100% 171.15% at 0% 100%, #a03bc7 0%, #e43048 100%);
  --button-gradient: radial-gradient(65.23% 154.63% at 0% 50%, #ff8058 0%, #ff1030 100%);
  --button-gradient-hover: radial-gradient(65.23% 154.63% at 0% 50%, #901bbc 0%, #ff1030 100%);
  --section-background-color: #faecd7;
  --faq-item-background-color: #efefef;
  --slider-username-color: #262626;
  --button-shadow: 0px 20px 30px rgba(255, 16, 48, 0.25);
  --how-it-works-background: #ffffff;
  --developers-ay-background: #ffffff;
  --carousel-dot-color: #ff1231;
  --carousel-arrow-background: transporent;
  --carousel-arrow-hover-background: #fff;
  --carousel-arrow-color: #fff;
  --carousel-arrow-hover-color: #dd3055;
}

.user-type-2 {
  --main-color: #0080ff;
  --second-color: #0066ff;
  --background-gradient: radial-gradient(71.41% 149.84% at 0% 100%, #36c3ff 0%, #0080ff 100%);
  --button-gradient: radial-gradient(50% 125.81% at 0% 50%, #29b3ff 0%, #0080ff 100%);
  --button-gradient-hover: radial-gradient(65.23% 154.63% at 0% 50%, #901bbc 0%, #ff1030 100%);
  --section-background-color: #ebf4fb;
  --faq-item-background-color: #ebf4fb;
  --slider-username-color: #262626;
  --button-shadow: 0px 20px 30px rgba(0, 128, 255, 0.25);
  --how-it-works-background: #ffffff;
  --developers-ay-background: #ffffff;
  --carousel-dot-color: #131313;
  --carousel-arrow-background: transporent;
  --carousel-arrow-hover-background: #fff;
  --carousel-arrow-color: #fff;
  --carousel-arrow-hover-color: #262626;
}

.user-type-3 {
  --main-color: #8b44c3;
  --second-color: #8b44c3;
  --background-gradient: radial-gradient(100.51% 238.24% at -35.27% 50%, #ba88e2 0%, #8b44c3 100%);
  --button-gradient: radial-gradient(100.51% 238.24% at -35.27% 50%, #ba88e2 0%, #8b44c3 100%);
  --button-gradient-hover: radial-gradient(50% 125.81% at 0% 50%, #29b3ff 0%, #0066ff 100%);
  --section-background-color: #faecd7;
  --faq-item-background-color: #f7f3ff;
  --slider-username-color: #8b44c3;
  --button-shadow: 0px 20px 30px rgba(139, 68, 195, 0.2);
  --how-it-works-background: #ffffff;
  --developers-ay-background: #faecd7;
  --carousel-dot-color: #131313;
  --carousel-arrow-background: #fff;
  --carousel-arrow-hover-background: #bee0f3;
  --carousel-arrow-color: #131313;
  --carousel-arrow-hover-color: #131313;
}

.up-h, .up-h3-large,
.up-text h2, .up-h3-small,
.up-text h4, .up-h3, .up-salaries-grid__description:not(.up-salaries-grid__description--calculating) h2:not(.up-salaries-grid__description-title),
h3,
.up-text h3, .up-article-h2,
.up-blog-article .up-text h2,
.up-blog-article .up-project-stack__heading, .up-h2,
h2, .up-h1, h1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #0e2a30;
}

.up-h1, h1 {
  font-size: 40px;
  line-height: 130%;
}
@media (max-width: 1199px) {
  .up-h1, h1 {
    font-size: 32px;
  }
}
@media (max-width: 900px) {
  .up-h1, h1 {
    font-size: 36px !important;
    line-height: 125%;
  }
}
@media (max-width: 767px) {
  .up-h1, h1 {
    font-size: 32px !important;
    line-height: 125%;
  }
}

.up-h2,
h2 {
  font-size: 32px;
  line-height: 130%;
}
@media (max-width: 1199px) {
  .up-h2,
  h2 {
    font-size: 32px;
  }
}
@media (max-width: 900px) {
  .up-h2,
  h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .up-h2,
  h2 {
    font-size: 24px !important;
  }
}

.up-article-h2,
.up-blog-article .up-text h2,
.up-blog-article .up-project-stack__heading {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}

.up-h3, .up-salaries-grid__description:not(.up-salaries-grid__description--calculating) h2:not(.up-salaries-grid__description-title),
h3,
.up-text h3 {
  font-size: 24px;
  line-height: 140%;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .up-h3, .up-salaries-grid__description:not(.up-salaries-grid__description--calculating) h2:not(.up-salaries-grid__description-title),
  h3,
  .up-text h3 {
    font-size: 18px;
    line-height: 150%;
  }
}
@media (max-width: 900px) {
  .up-h3, .up-salaries-grid__description:not(.up-salaries-grid__description--calculating) h2:not(.up-salaries-grid__description-title),
  h3,
  .up-text h3 {
    font-size: 20px;
  }
}

.up-h3-small,
.up-text h4 {
  font-size: 20px !important;
  line-height: 150%;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .up-h3-small,
  .up-text h4 {
    font-size: 16px !important;
    line-height: 150%;
  }
}
@media (max-width: 900px) {
  .up-h3-small,
  .up-text h4 {
    font-size: 18px !important;
  }
}

.up-h3-large,
.up-text h2 {
  font-size: 28px;
  line-height: 140%;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .up-h3-large,
  .up-text h2 {
    font-size: 28px;
  }
}

.up-h4,
h4 {
  font-size: 18px !important;
  line-height: 150%;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .up-h4,
  h4 {
    font-size: 16px !important;
  }
}
@media (max-width: 1199px) {
  .up-h4,
  h4 {
    font-size: 16px !important;
  }
}
@media (max-width: 900px) {
  .up-h4,
  h4 {
    font-size: 18px !important;
  }
}
@media (max-width: 900px) {
  .up-h4,
  h4 {
    font-size: 16px !important;
  }
}

html {
  margin-top: 0 !important;
}

#wpadminbar {
  opacity: 0.5 !important;
}

html,
body {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  min-height: 100vh;
}

b,
strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.wysiwyg b,
.wysiwyg strong {
  font-weight: bold;
}
.wysiwyg em {
  font-style: italic;
}
.wysiwyg a {
  text-decoration: none;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  color: #0535db;
}
.wysiwyg a:hover {
  text-decoration: underline;
}
.wysiwyg ul li {
  margin-bottom: 10px;
}
.wysiwyg ul {
  padding-left: 20px;
}
.wysiwyg ul li {
  padding-left: 26px;
}
.wysiwyg ul li:before {
  top: 14px;
  width: 16px;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, color-stop(10%, #ff910f), color-stop(40.03%, #b717df), color-stop(81.79%, #1e54ff));
  background: linear-gradient(270deg, #ff910f 10%, #b717df 40.03%, #1e54ff 81.79%);
  border-radius: 0;
}
.wysiwyg ol {
  padding-left: 20px;
}
.wysiwyg ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
  padding-left: 26px;
}
.wysiwyg ol li:before {
  content: counter(list) ".";
  position: absolute;
  text-align: left;
  left: 0;
  width: 26px;
  background-image: linear-gradient(236.57deg, #ff910f 30.7%, #b717df 53.8%, #1e54ff 85.92%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-box-decoration-break: clone;
}

html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

a {
  text-decoration: none;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  color: #0e2a30;
}
a:hover {
  color: #0535db;
}

.no-scroll {
  overflow: hidden;
  width: 100%;
  height: calc(100 * var(--vh));
  position: fixed;
  left: 0;
  top: 0;
}
.no-scroll .page__main {
  overflow: scroll;
}
.no-scroll .hero__logos,
.no-scroll .hero__ad-notice {
  overflow-y: scroll;
}
.no-scroll #tcl-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.up-link {
  color: #0535db;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.up-link:hover {
  opacity: 0.7;
}

.up-breadcrumbs {
  color: rgba(8, 20, 38, 0.6);
  margin-bottom: 15px;
  font-size: 14px;
}
.up-breadcrumbs span {
  padding-right: 2px;
  padding-left: 1px;
}
.up-breadcrumbs a {
  color: rgba(8, 20, 38, 0.6);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.up-breadcrumbs a:hover {
  color: #1f55ff;
}
.up-breadcrumbs .breadcrumb_last {
  display: none;
}
.up-breadcrumbs #breadcrumbs {
  margin-bottom: 0;
}
.up-breadcrumbs #breadcrumbs > span span:nth-last-child(2) {
  display: none;
}

ul li {
  margin-bottom: 20px;
  padding-left: 6px;
  position: relative;
}
ul li:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #0e2a30;
  left: 0;
  top: 13px;
}

p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #0e2a30;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 170%;
  min-height: 100%;
  word-break: break-word;
}

p {
  line-height: 170%;
}

.page-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.no-scroll {
  overflow: hidden;
  width: 100%;
  height: calc(100 * var(--vh));
  position: fixed;
  left: 0;
  top: 0;
}

body .splide {
  display: none;
}
body .splide.is-initialized {
  display: block;
}
body .splide__track {
  overflow: visible;
}
body .splide__arrow {
  background-color: var(--carousel-arrow-background);
  width: 80px;
  height: 80px;
  border: 1.5px solid #fff;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1199px) {
  body .splide__arrow {
    display: none;
  }
}
body .splide__arrow:hover {
  background-color: var(--carousel-arrow-hover-background);
}
body .splide__arrow:hover svg path {
  stroke: var(--carousel-arrow-hover-color);
}
body .splide__arrow svg {
  fill: transparent;
}
body .splide__arrow svg path {
  -webkit-transition: stroke 0.4s ease;
  transition: stroke 0.4s ease;
}
body .splide__arrow--next {
  right: -140px;
}
body .splide__arrow--next svg {
  -webkit-transform: translateX(2px);
      -ms-transform: translateX(2px);
          transform: translateX(2px);
}
body .splide__arrow--prev {
  left: -140px;
}
body .splide__arrow--prev svg {
  left: -2px;
  -webkit-transform: translateX(-2px);
      -ms-transform: translateX(-2px);
          transform: translateX(-2px);
}
body .splide__slide {
  opacity: 0.2 !important;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
body .splide__slide.is-active {
  opacity: 1 !important;
}
body .splide__pagination {
  margin-top: 24px;
  position: relative;
  bottom: 0;
}
body .splide__pagination li {
  padding-left: 0;
}
body .splide__pagination li:before {
  display: none;
}
body .splide__pagination button {
  margin: 0 14px;
  width: 8px;
  height: 8px;
  background: #0e2a30;
  opacity: 0.2;
}
body .splide__pagination button.is-active {
  opacity: 1;
  background-color: #2049d8;
}

.up-container, .quillbooking-body:not(.body-in-iframe) {
  max-width: 1400px;
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 2000px) {
  .up-container, .quillbooking-body:not(.body-in-iframe) {
    max-width: 100%;
  }
}
@media (max-width: 1919px) {
  .up-container, .quillbooking-body:not(.body-in-iframe) {
    max-width: 1400px;
    width: 85%;
  }
}
@media (max-width: 1024px) {
  .up-container, .quillbooking-body:not(.body-in-iframe) {
    width: calc(100% - 48px);
    max-width: 100%;
  }
}

.up-section.setting-grey-background {
  background-color: #f4f5f3;
}
.up-section.setting-top-inner-padding {
  padding-top: 80px;
}
@media (max-width: 1199px) {
  .up-section.setting-top-inner-padding {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .up-section.setting-top-inner-padding {
    padding-top: 45px;
  }
}
.up-section.setting-bottom-inner-padding {
  padding-bottom: 80px;
}
@media (max-width: 1199px) {
  .up-section.setting-bottom-inner-padding {
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .up-section.setting-bottom-inner-padding {
    padding-bottom: 45px;
  }
}
.up-section--margin-small {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .up-section--margin-small {
    margin-bottom: 20px;
  }
}
.up-section--margin-medium {
  margin-bottom: 80px;
}
@media (max-width: 1199px) {
  .up-section--margin-medium {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .up-section--margin-medium {
    margin-bottom: 35px;
  }
}
.up-section--margin-large {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .up-section--margin-large {
    margin-bottom: 60px;
  }
}
.up-section--margin-none {
  margin-bottom: 0;
}

.up-white-button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  padding: 13px 16px;
  line-height: 19.2px;
  text-align: center;
  color: #1f55ff !important;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.4s ease !important;
  transition: 0.4s ease !important;
  border: 1px solid #2049d8;
}
.up-white-button:hover {
  background-color: #1f55ff;
  border-color: #fff;
  color: #fff !important;
}

.up-gradient-button, .quillbooking-meeting .book-now-btn, .quillbooking-body .schedule-btn, .up-gradient-button-no-shadow {
  cursor: pointer;
  background-color: #2049d8;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(32, 73, 216, 0.3019607843);
          box-shadow: 0px 6px 16px 0px rgba(32, 73, 216, 0.3019607843);
  border-radius: 4px;
  font-weight: 600;
  font-size: 16px;
  padding: 13px 16px;
  line-height: 19.2px;
  text-align: center;
  color: #ffffff !important;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.4s ease !important;
  transition: 0.4s ease !important;
}
.up-gradient-button:hover, .quillbooking-meeting .book-now-btn:hover, .quillbooking-body .schedule-btn:hover, .up-gradient-button-no-shadow:hover {
  background-color: #1f55ff;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(31, 85, 255, 0.3019607843);
          box-shadow: 0px 8px 16px 0px rgba(31, 85, 255, 0.3019607843);
}
.up-gradient-button span, .quillbooking-meeting .book-now-btn span, .quillbooking-body .schedule-btn span, .up-gradient-button-no-shadow span {
  position: relative;
  z-index: 2;
}
.up-gradient-button.loading, .quillbooking-meeting .loading.book-now-btn, .quillbooking-body .loading.schedule-btn, .loading.up-gradient-button-no-shadow {
  cursor: wait;
}
.up-gradient-button.loading::before, .quillbooking-meeting .loading.book-now-btn::before, .quillbooking-body .loading.schedule-btn::before, .loading.up-gradient-button-no-shadow::before {
  content: "";
  position: absolute;
  width: 95%;
  height: 95%;
  background-color: #1f55ff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.up-gradient-button.loading::after, .quillbooking-meeting .loading.book-now-btn::after, .quillbooking-body .loading.schedule-btn::after, .loading.up-gradient-button-no-shadow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  padding: 2px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  -webkit-animation: l3 1s infinite linear;
          animation: l3 1s infinite linear;
  z-index: 2;
}
@-webkit-keyframes l3 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes l3 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

.up-gradient-button-no-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.up-border-button {
  cursor: pointer;
  border-radius: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: #2049d8;
  padding: 13px 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid #2049d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.4s ease, color 0.4s ease;
  transition: background-color 0.4s ease, color 0.4s ease;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.up-border-button span {
  position: relative;
  z-index: 2;
}
.up-border-button:hover {
  color: #fff;
  background-color: #1f55ff;
}

.up-section-head {
  margin-bottom: 16px;
}
.up-section-head h2,
.up-section-head .wysiwyg h2 {
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}
.up-section-head .up-h2 {
  margin-bottom: 2px;
}
.up-section-head ul li {
  margin-bottom: 0 !important;
}
.up-section-head p {
  margin-bottom: 5px;
}

.up-arrow-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  color: #0535db;
  font-weight: 600;
}
.up-arrow-link:hover {
  text-decoration: underline;
}
.up-arrow-link .up-arrow-link__arrow {
  width: 18px;
  margin-left: 8px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  display: block;
}
.up-arrow-link:hover .up-arrow-link__arrow {
  -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
          transform: translateX(5px);
}

.up-gradient-border {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(25, 26, 24, 0.2);
          box-shadow: 0px 2px 8px 0px rgba(25, 26, 24, 0.2);
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
}
.up-gradient-border:before {
  position: absolute;
  content: "";
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(256.07deg, #ff910f 0%, #b717df 30.03%, #1e54ff 71.79%);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  opacity: 0;
  border-radius: 4px;
}
@media (max-width: 1199px) {
  .up-gradient-border:before {
    display: none;
  }
}
.up-gradient-border:after {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 80%;
  height: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 40px 10px rgba(25, 26, 24, 0.2);
          box-shadow: 0px 0px 40px 10px rgba(25, 26, 24, 0.2);
}
.up-gradient-border:hover, .up-gradient-border.active {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(32, 73, 216, 0.2509803922);
          box-shadow: 0px 2px 6px 0px rgba(32, 73, 216, 0.2509803922);
}
.up-gradient-border:hover::before, .up-gradient-border.active::before {
  opacity: 1;
}
.up-gradient-border:hover:after, .up-gradient-border.active:after {
  -webkit-box-shadow: 0px 0px 40px 10px rgba(32, 73, 216, 0.2);
          box-shadow: 0px 0px 40px 10px rgba(32, 73, 216, 0.2);
}
.up-gradient-border-content {
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .up-gradient-border:before:after {
    display: none;
  }
}

.up-text-color-fragment span {
  background-image: linear-gradient(256.07deg, #ff910f 0%, #b717df 30.03%, #1e54ff 71.79%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-box-decoration-break: clone;
}

.up-loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #2049d8;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  -webkit-animation: l3 1s infinite linear;
          animation: l3 1s infinite linear;
}
@keyframes l3 {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

.up-small-card {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.up-small-card:nth-child(1) {
  background: linear-gradient(86.5deg, #ffd6d6 0%, #fde4d7 100%);
}
.up-small-card:nth-child(2) {
  background: linear-gradient(86.5deg, #fde4d7 0%, #fcf1d7 100%);
}
.up-small-card:nth-child(3) {
  background: linear-gradient(86.5deg, #fcf1d7 0%, #d9f4d4 100%);
}
.up-small-card:nth-child(4) {
  background: linear-gradient(85.72deg, #d4f4d8 0%, #d3f4fb 100%);
}
.up-small-card:nth-child(5) {
  background: linear-gradient(85.72deg, #cff2f9 0%, #d0e6ff 100%);
}
.up-small-card:nth-child(6) {
  background: linear-gradient(85.72deg, #d8eaff 0%, #d9d6ff 100%);
}
.up-small-card:nth-child(7) {
  background: linear-gradient(86.07deg, #d5d9ff 0%, #eee2fe 100%);
}
.up-small-card:nth-child(8) {
  background: linear-gradient(86.07deg, #eee2fe 0%, #fbd6f5 100%);
}
.up-small-card:nth-child(9) {
  background: linear-gradient(86.07deg, #ffddfa 0%, #fccfcf 100%);
}
.up-small-card .up-small-card-content {
  padding: 20px;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 1px;
}
@media (max-width: 767px) {
  .up-small-card .up-small-card-content {
    padding: 17px 20px;
  }
}
.up-small-card .up-small-card-content:hover {
  background-color: transparent;
}

.up-cards-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 24px;
}
@media (max-width: 1199px) {
  .up-cards-grid {
    gap: 16px;
  }
}
@media (max-width: 900px) {
  .up-cards-grid {
    gap: 16px;
  }
}
.up-cards-grid > * {
  width: calc(33.3333333333% - 24px + 8px);
}
@media (max-width: 1199px) {
  .up-cards-grid > * {
    width: calc(33.3333333333% - 16px + 5.3333333333px);
  }
}
@media (max-width: 900px) {
  .up-cards-grid > * {
    width: calc(50% - 16px + 8px);
  }
}
@media (max-width: 767px) {
  .up-cards-grid > * {
    width: 100%;
  }
}

.up-not-found {
  padding: 70px 0;
  text-align: center;
}

table,
th,
td {
  border: 1px solid;
  border-color: rgba(8, 20, 38, 0.1019607843);
}

th,
td {
  padding: 5px;
  font-size: 14px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

ol {
  list-style: auto;
  padding-left: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1199px) {
  #wpadminbar {
    display: none;
  }
  html {
    margin-top: 0 !important;
  }
}
.accordion-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 32px);
  margin-left: -16px;
}
@media (max-width: 1199px) {
  .accordion-columns {
    width: calc(100% + 24px);
    margin-left: -12px;
  }
}
@media (max-width: 900px) {
  .accordion-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
  }
}
.accordion-columns-item {
  width: calc(50% - 32px);
  margin: 0 16px;
}
@media (max-width: 1199px) {
  .accordion-columns-item {
    width: calc(50% - 24px);
    margin: 0 12px;
  }
}
@media (max-width: 900px) {
  .accordion-columns-item {
    width: 100%;
    margin: 0;
  }
}

.splide__slide * {
  -webkit-transition: none !important;
  transition: none !important;
}
.splide__slide a:before {
  display: none;
}
.splide__slide a .up-card-template__name {
  color: #0e2a30 !important;
  text-decoration: none;
}
.splide__slide > * {
  height: 100%;
}

.up-cut-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.up-input {
  height: 48px;
  border: 1px solid rgba(6, 42, 70, 0.4);
  padding: 0 16px;
  font-weight: 500;
  border-radius: 4px;
  outline: none;
}
.up-input::-webkit-input-placeholder {
  opacity: 0.6;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.up-input::-moz-placeholder {
  opacity: 0.6;
  -moz-transition: 0.4s ease;
  transition: 0.4s ease;
}
.up-input:-ms-input-placeholder {
  opacity: 0.6;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
}
.up-input::-ms-input-placeholder {
  opacity: 0.6;
  -ms-transition: 0.4s ease;
  transition: 0.4s ease;
}
.up-input::placeholder {
  opacity: 0.6;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.up-input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.up-input:focus::-moz-placeholder {
  opacity: 0;
}
.up-input:focus:-ms-input-placeholder {
  opacity: 0;
}
.up-input:focus::-ms-input-placeholder {
  opacity: 0;
}
.up-input:focus::placeholder {
  opacity: 0;
}

.up-tag {
  background-color: #f5f6f3;
  padding: 6px 10px 6px 10px;
  font-size: 14px;
  color: #0e2a30 !important;
  text-decoration: none;
  border-radius: 4px;
}
.up-tag.active {
  background-color: #2049d8;
  font-weight: 600;
  color: #fff !important;
}

a.up-tag {
  -webkit-transition: 0.4s ease rgba(6, 42, 70, 0.4);
  transition: 0.4s ease rgba(6, 42, 70, 0.4);
}
a.up-tag:hover {
  -webkit-box-shadow: 0px 2px 6px 0px rgba(25, 26, 24, 0.2);
          box-shadow: 0px 2px 6px 0px rgba(25, 26, 24, 0.2);
}

.content-with-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 900px) {
  .content-with-sidebar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.content-with-sidebar .up-share-buttons {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .content-with-sidebar .up-share-buttons {
    position: sticky;
    top: 64px;
    margin-right: 0;
    width: 100%;
    z-index: 10;
    padding: 10px 0 5px;
  }
  .content-with-sidebar .up-share-buttons:before {
    content: "";
    position: absolute;
    width: calc(100% + 40px);
    left: -20px;
    height: 100%;
    top: 0;
    background-color: #fff;
    z-index: -1;
  }
  .content-with-sidebar .up-share-buttons .up-share-buttons__label {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    margin-left: 10px;
  }
  .content-with-sidebar .up-share-buttons .up-share-buttons__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-right: 0;
    margin-left: auto;
    gap: 10px;
  }
  .content-with-sidebar .up-share-buttons .up-share-buttons__icon {
    margin-bottom: 0;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}
.content-with-sidebar .up-share-buttons__container {
  position: sticky;
  top: 74px;
}
@media (max-width: 767px) {
  .content-with-sidebar .up-share-buttons__container {
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.content-with-sidebar .up-blog-sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.content-with-sidebar__content {
  width: calc(100% - 64px - 370px);
}
.content-with-sidebar__content .up-section {
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .content-with-sidebar__content {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: calc(100% - 64px);
  }
  .content-with-sidebar__content .up-container, .content-with-sidebar__content .quillbooking-body:not(.body-in-iframe) {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .content-with-sidebar__content {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}

.up-text h3,
.up-text h4,
.up-text h5,
.up-text h6,
.up-small-text h3,
.up-small-text h4,
.up-small-text h5,
.up-small-text h6 {
  margin-top: 20px;
}

.wysiwyg h2,
.up-text .wysiwyg h2 {
  margin-bottom: 20px !important;
  margin-top: 40px !important;
}
.wysiwyg h3,
.up-text .wysiwyg h3 {
  margin-bottom: 20px !important;
}
.wysiwyg ul,
.up-text .wysiwyg ul {
  padding-left: 20px;
}
.wysiwyg ul li,
.up-text .wysiwyg ul li {
  padding-left: 26px;
}
.wysiwyg ul li:before,
.up-text .wysiwyg ul li:before {
  top: 14px;
  width: 16px;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, color-stop(10%, #ff910f), color-stop(40.03%, #b717df), color-stop(81.79%, #1e54ff));
  background: linear-gradient(270deg, #ff910f 10%, #b717df 40.03%, #1e54ff 81.79%);
  border-radius: 0;
}
.wysiwyg ol,
.up-text .wysiwyg ol {
  padding-left: 20px;
}
.wysiwyg ol li,
.up-text .wysiwyg ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
  padding-left: 26px;
}
.wysiwyg ol li:before,
.up-text .wysiwyg ol li:before {
  content: counter(list) ".";
  position: absolute;
  text-align: left;
  left: 0;
  width: 26px;
  background-image: linear-gradient(236.57deg, #ff910f 30.7%, #b717df 53.8%, #1e54ff 85.92%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-box-decoration-break: clone;
}

.small-bottom-padding {
  padding-bottom: 10px;
}

.up-table-wrapper {
  overflow-y: auto;
}
.up-table-wrapper table {
  word-break: normal;
}

pre {
  background-color: #f5f6f4;
  padding: 20px;
  margin-bottom: 20px;
  white-space: pre-wrap;
}
pre > br:nth-child(1) {
  display: none !important;
}
pre br {
  display: block !important;
}
@media (max-width: 767px) {
  pre {
    font-size: 14px;
    line-height: 1.2;
  }
}

blockquote {
  position: relative;
  font-size: 18px;
  font-weight: 300;
  padding-top: 45px;
  padding-left: 20px;
  padding: 65px 20px 20px;
  margin-bottom: 20px;
  background: #f4f5f3;
}
blockquote p {
  margin-bottom: 0 !important;
}
blockquote p a {
  text-decoration: underline;
}
blockquote::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 49px;
  height: 35px;
  background-image: url(/wp-content/themes/upstaff/images/quote.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.cursor {
  pointer-events: none;
  z-index: 1111;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.cursor__circle {
  position: absolute;
}
.cursor__circle-item {
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.cursor__circle.is-hover .cursor__circle-item {
  -webkit-transform: translate(-50%, -50%) scale(2);
      -ms-transform: translate(-50%, -50%) scale(2);
          transform: translate(-50%, -50%) scale(2);
  background-color: rgba(0, 0, 0, 0.3);
}
.cursor__circle.is-hover + .cursor__point .cursor__point-item {
  width: 0;
  height: 0;
}
.cursor__point {
  position: absolute;
}
.cursor__point-item {
  position: absolute;
  background-color: black;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 1199px) {
  .cursor {
    display: none;
  }
}

.size-full img,
img.size-full,
.illustration-after-pattern {
  width: 100% !important;
  margin-bottom: 20px;
}

.top-space {
  margin-top: -64px;
  padding-top: calc(64px + 50px);
}
@media (max-width: 900px) {
  .top-space {
    margin-top: -64px;
    padding-top: calc(64px + 40px);
  }
}

.up-back-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: auto;
  cursor: pointer;
  margin-right: 10px;
  -webkit-transform: translateY(18px);
      -ms-transform: translateY(18px);
          transform: translateY(18px);
}
@media (max-width: 767px) {
  .up-back-button {
    -webkit-transform: translateY(12px);
        -ms-transform: translateY(12px);
            transform: translateY(12px);
  }
}
.up-back-button img {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  display: block;
}

.up-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .up-pagination {
    gap: 20px;
  }
}
.up-pagination .page-numbers {
  width: 32px;
  height: 32px;
  color: #1f55ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .up-pagination .page-numbers {
    display: none;
  }
}
.up-pagination .page-numbers.prev, .up-pagination .page-numbers.next {
  width: auto;
}
@media (max-width: 767px) {
  .up-pagination .page-numbers.prev, .up-pagination .page-numbers.next {
    display: block !important;
  }
}
.up-pagination .page-numbers.current {
  background-color: #ebeffb;
  color: #0e2a30;
  border-radius: 4px;
}

body .content-with-sidebar__content,
body .up-hero-text-button-image__text {
  width: calc(100% - 64px - 250px);
}
@media (max-width: 767px) {
  body .up-hero-text-button-image__text {
    width: 100%;
  }
  body .up-hero-text-button-image__image {
    margin-left: 0 !important;
  }
}
body .up-blog-sidebar {
  width: 313px;
  padding-left: 20px;
}
@media (max-width: 900px) {
  body .up-blog-sidebar {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
  }
  body .up-blog-sidebar .up-blog-sidebar__group {
    width: 100%;
  }
  body .up-blog-sidebar .up-blog-sidebar__content {
    top: 0;
  }
}
body .up-blog-sidebar__call-heading {
  margin-bottom: 10px;
}
body .up-blog-sidebar__group--blue {
  padding: 30px;
}

.swiper-button-prev,
.swiper-button-next {
  height: 28px !important;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 0 !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.swiper-button-prev:before,
.swiper-button-next:before {
  content: "";
  background: #cccccc;
  width: 17px;
  height: 3px;
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
  position: absolute;
  top: 18px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "";
  background: #cccccc;
  width: 17px;
  height: 3px;
  display: block;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 2px;
  position: absolute;
  top: 8px;
}

.swiper-button-next {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.swiper-button-next:hover {
  -webkit-transform: scale(1.2) rotate(180deg);
      -ms-transform: scale(1.2) rotate(180deg);
          transform: scale(1.2) rotate(180deg);
}

.sp-image img {
  width: 100% !important;
  height: auto !important;
}

iframe[src*=quillbooking_calendar] {
  opacity: 0;
}

.quillbooking-body {
  padding: 10px;
}
.quillbooking-body .ant-form > div {
  margin-bottom: 15px !important;
}
.quillbooking-body .form-label p {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.quillbooking-body textarea {
  height: 150px !important;
}
.quillbooking-body .ant-form-item-label {
  padding-bottom: 0 !important;
}
.quillbooking-body .ant-form-item-explain-error {
  font-size: 12px;
}
.quillbooking-body .schedule-btn-container {
  margin-top: 30px !important;
}
.quillbooking-body .ant-form-item-control-input-content input,
.quillbooking-body textarea {
  padding: 8px 12px;
  border: 1px solid #bebebe;
  border-radius: 5px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}
.quillbooking-body .ant-form-item-control-input-content input:hover,
.quillbooking-body textarea:hover {
  border-color: #bebebe;
}
.quillbooking-body .ant-form-item-control-input-content input:focus,
.quillbooking-body textarea:focus {
  border-color: #262626;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.quillbooking-body #quillbooking-booking-page {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
  max-width: 900px;
  padding: 40px;
  margin: 0 auto;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .quillbooking-body #quillbooking-booking-page {
    padding: 20px;
  }
}
.quillbooking-body .host-name {
  font-family: inherit;
}
.quillbooking-body .title {
  color: #2049d8;
}
.quillbooking-body .event-card-wrapper {
  max-width: 100% !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  overflow: visible !important;
}
.quillbooking-body .event-card-container {
  padding: 0 !important;
}
.quillbooking-body .event-card-header {
  display: none;
}
.quillbooking-body .event-card-details {
  padding: 0;
}
.quillbooking-body .ant-picker-calendar,
.quillbooking-body .ant-picker-panel,
.quillbooking-body .time-picker-container {
  background-color: #fff;
}
.quillbooking-body .nav-arrow {
  color: #2049d8;
}
.quillbooking-body .highlight-date,
.quillbooking-body .nav-arrow,
.quillbooking-body .time-slot:hover {
  background-color: rgba(32, 73, 216, 0.1);
}
.quillbooking-body .calendar-date .dot,
.quillbooking-body .selected-date {
  background-color: #2049d8;
}
.quillbooking-body .time-picker-container {
  scrollbar-color: #2049d8 rgb(245, 245, 245);
  padding: 0;
  padding-right: 10px;
}
.quillbooking-body .date-time-picker {
  gap: 10px;
}
.quillbooking-body .host-image {
  display: block;
  width: 120px;
  height: 120px;
}
.quillbooking-body .host-name {
  font-size: inherit;
  color: inherit;
}
.quillbooking-body .time-slot {
  white-space: nowrap;
}
.quillbooking-body .time-slot:hover {
  color: #2049d8;
  border-color: #2049d8;
}
.quillbooking-body .questions-container {
  border: none;
}
.quillbooking-body .questions-container,
.quillbooking-body .ant-picker-panel {
  padding: 0;
}
.quillbooking-body .calendar-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
.quillbooking-body .questions-header p {
  margin-top: 0 !important;
}
.quillbooking-body .event-card-details {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative;
}
@media (max-width: 767px) {
  .quillbooking-body .event-card-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.quillbooking-body .hosts-container {
  position: absolute;
}
.quillbooking-body .hosts-container .host-card {
  display: none;
}
.quillbooking-body .hosts-container .host-card:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .quillbooking-body .hosts-container {
    position: relative;
    margin-bottom: 20px;
  }
}
.quillbooking-body .event-details-container {
  width: 40%;
  margin-top: 170px;
  padding-right: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media (max-width: 767px) {
  .quillbooking-body .event-details-container {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }
}
.quillbooking-body .date-time-container,
.quillbooking-body .questions-container {
  width: 60%;
}
@media (max-width: 767px) {
  .quillbooking-body .date-time-container,
  .quillbooking-body .questions-container {
    width: 100%;
  }
}
.quillbooking-body .time-picker-title {
  word-break: normal;
}
.quillbooking-body .time-picker-container {
  border-radius: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 130px;
}
@media (max-width: 767px) {
  .quillbooking-body .time-picker-container {
    width: 100%;
  }
}
.quillbooking-body .ant-picker-calendar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.quillbooking-body .event-card-header + div:not(.event-card-details) {
  display: none;
}

.html-in-iframe,
.body-in-iframe {
  min-height: 0 !important;
  overflow: hidden;
  width: 100%;
}

.quillbooking-body:not(.body-in-iframe) {
  padding: 50px 0;
}