/*** sass --watch sass:css ***/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@200;300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;400;700&display=swap");
/*** Arabic Styling to Override English ***/
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 {
  font-size: 105%;
  font-family: "Cairo", sans-serif;
}

body {
  direction: rtl;
}

.ltr,
.english {
  direction: ltr;
  unicode-bidi: embed;
}

.text-left {
  text-align: right !important;
}

.villaggio-header-arabic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
}

.villaggio-header-time label {
  font-family: "Cairo", sans-serif;
}

.villaggio-header-search {
  margin-left: 0rem;
  margin-right: 1.5rem;
}

.villaggio-dropdown-nav h5 {
  font-family: "Cairo", sans-serif;
  font-weight: 700;
  text-align: right;
}
.villaggio-dropdown-nav a {
  font-family: "Cairo", sans-serif;
  text-align: right;
}
.villaggio-dropdown-nav .btn {
  text-align: center;
}

.villaggio-dropdown-box p {
  font-family: "Cairo", sans-serif;
  text-align: center;
}

.villaggio-spotlight .slider .slick-slide .item .content h3 {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-banner-center .item .content h1,
.villaggio-banner-center .item .content h5,
.villaggio-banner-center .item .content h6 {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-banner-left .item .content h4,
.villaggio-banner-left .item .content h5 {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-banner .item .content h1, .villaggio-banner .item .content h3, .villaggio-banner .item .content h4 {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-banner-box .item .content p {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-footer-social {
  text-align: right;
}
@media (max-width: 600px) {
  .villaggio-footer-social {
    text-align: center;
  }
}

.villaggio-footer-subscribe {
  text-align: right;
}
@media (max-width: 600px) {
  .villaggio-footer-subscribe {
    text-align: center;
  }
}
.villaggio-footer-subscribe .align-items-center {
  position: relative;
}
.villaggio-footer-subscribe .align-items-center .error {
  position: absolute;
  bottom: -24px;
  font-size: 0.85rem;
  color: #8F5A18;
}

.villaggio-footer-app {
  text-align: right;
}
@media (max-width: 600px) {
  .villaggio-footer-app {
    text-align: center;
  }
}

.villaggio-footer-nav {
  text-align: right;
}

.villaggio-footer-nav h5 {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}
.villaggio-footer-nav a {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-whatsnew-header h1 {
  font-family: "Cairo", sans-serif;
}

.villaggio-card .content h5 {
  font-family: "Cairo", sans-serif;
}

.villaggio-breadcrumb {
  left: auto;
  right: 2rem;
  top: 1rem;
}
@media (max-width: 1024px) {
  .villaggio-breadcrumb {
    right: 1rem;
  }
}
.villaggio-breadcrumb ul li {
  margin-right: 0rem;
  font-size: 0.85rem;
}
@media (max-width: 1024px) {
  .villaggio-breadcrumb ul li {
    font-size: 0.75rem;
  }
}
.villaggio-breadcrumb ul li:not(:first-of-type):before {
  margin-right: 0.3rem;
  margin-left: 0.5em;
  transform: scaleX(-1);
}

.villaggio-whatsnew-block h4 {
  font-family: "Cairo", sans-serif;
}
.villaggio-whatsnew-block p {
  font-family: "Cairo", sans-serif;
  line-height: 1.8rem;
}

.villaggio-whatsnew-block .tag {
  float: right;
}
@media (max-width: 600px) {
  .villaggio-whatsnew-block .tag {
    float: none;
  }
}

.select-primary {
  background-position: left 9px center;
}

.list-inline-item:not(:last-child) {
  margin-right: 0rem;
  margin-left: 0rem;
}

.villaggio-offer-block h4, .villaggio-offer-block p {
  font-family: "Cairo", sans-serif;
}

.villaggio-detail-content .svg-36 {
  margin-left: 0rem;
  margin-right: 1rem;
}
.villaggio-detail-content .svg-20 {
  margin-right: 0rem;
  margin-left: 1rem;
}
.villaggio-detail-content p {
  font-family: "Cairo", sans-serif;
}
.villaggio-detail-content .indent {
  margin-right: 0rem;
  margin-left: 2.5rem;
}
.villaggio-detail-content .description {
  text-align: right;
}
.villaggio-detail-content .description p {
  line-height: normal;
}

.villaggio-detail .tag {
  float: right;
}

.villaggio-services .content {
  line-height: 1.8rem;
  text-align: right;
}
.villaggio-services .btn-info span {
  font-family: "Cairo", sans-serif;
}

.villaggio-navigation-mobile-menu a {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
  font-size: 1.05rem;
  text-align: right;
}

.villaggio-empty h5 {
  font-family: "Cairo", sans-serif;
}

.villaggio-static h1 {
  margin-bottom: 2rem;
  font-family: "Cairo", sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
}

.villaggio-modal-search h1 {
  margin-bottom: 2rem;
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}

.villaggio-static .content {
  text-align: right;
}
.villaggio-static .content h5,
.villaggio-static .content h6 {
  font-weight: 400;
}
.villaggio-static .content p {
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  line-height: normal;
}
@media (max-width: 600px) {
  .villaggio-static .content p {
    font-size: 0.95rem;
  }
}

.villaggio-modal-subscribed .modal-dialog .modal-content h4 {
  font-family: "Cairo", sans-serif;
  font-weight: 400;
}
.villaggio-modal-subscribed .modal-dialog .modal-content p {
  font-family: "Cairo", sans-serif;
  line-height: normal;
}
.villaggio-modal-subscribed .modal-dialog .modal-content .cta-close {
  right: initial;
  left: 24px;
}

.slick-slide {
  float: right;
}

.villaggio-detail-contact {
  font-family: "Cairo", sans-serif;
  text-align: right;
}
.villaggio-detail-contact p {
  font-family: "Cairo", sans-serif;
}
.villaggio-detail-contact svg {
  margin-right: 0rem;
  margin-left: 0.75rem;
}
@media (max-width: 1024px) {
  .villaggio-detail-contact svg {
    margin-left: 0.5rem;
  }
}
@media (max-width: 800px) {
  .villaggio-detail-contact svg {
    margin-left: 0.5rem;
  }
}
.villaggio-detail-contact .svg-36 {
  margin: 0 auto;
  margin-right: 1rem;
}
.villaggio-detail-contact .indent {
  margin-left: 0.75rem;
  margin-right: 1.5rem;
}
@media (max-width: 1024px) {
  .villaggio-detail-contact .indent {
    margin-right: 1rem;
  }
}
@media (max-width: 600px) {
  .villaggio-detail-contact .indent {
    margin-right: 0rem;
  }
}

.brand-logo {
  left: auto;
  right: 2rem;
}

.villaggio-header-search span {
  font-family: "Cairo", sans-serif;
}

@media (max-width: 600px) {
  .villaggio-detail-share {
    text-align: center;
  }
}

.villaggio-video .embed-responsive video {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
  background-position: center bottom;
  overflow: hidden;
}
@media (max-width: 1550px) {
  .villaggio-video .embed-responsive video {
    top: 0;
  }
}
@media (max-width: 1520px) {
  .villaggio-video .embed-responsive video {
    top: -50px;
  }
}
@media (max-width: 800px) {
  .villaggio-video .embed-responsive video {
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 600px) {
  .villaggio-video .embed-responsive video {
    top: -30px;
    left: -15px;
    width: 120%;
    height: 120%;
  }
}
@media (max-width: 400px) {
  .villaggio-video .embed-responsive video {
    top: -15px;
    left: -13px;
    width: 110%;
    height: 110%;
  }
}

.villaggio-detail-cols {
  text-align: right;
}
.villaggio-detail-cols p {
  margin-right: 0rem;
  margin-left: 1rem;
  font-family: "Cairo", sans-serif;
}
.villaggio-detail-cols .svg-18 {
  margin-right: 0rem;
  margin-left: 0.25rem;
}

.text-primary {
  text-align: right;
}

.villaggio-search .twitter-typeahead .tt-menu .tt-selectable,
.villaggio-modal-search .twitter-typeahead .tt-menu .tt-selectable {
  line-height: 2rem;
  text-align: right;
}

.askvider-sortby {
  position: relative;
}
.askvider-sortby .sortby {
  position: absolute;
  top: 3.15rem;
  right: auto;
  left: 1.15rem;
}
.askvider-sortby .sortby form .form-control {
  min-width: 200px;
}
@media (max-width: 800px) {
  .askvider-sortby .sortby form .form-control {
    min-width: 140px;
  }
}
@media (max-width: 800px) and (max-width: 600px) {
  .askvider-sortby .sortby form .form-control {
    margin: 0 auto;
    max-width: 93%;
  }
}
@media (max-width: 600px) {
  .askvider-sortby .sortby {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 1rem;
  }
}

.slider-whatsnew div.col-12:first-child .image-fill-quarter .content {
  bottom: -2rem !important;
}
@media (max-width: 1024px) {
  .slider-whatsnew div.col-12:first-child .image-fill-quarter .content {
    bottom: -1.5rem !important;
  }
}
@media (max-width: 1024px) {
  .slider-whatsnew div.col-12:last-child .image-fill-quarter .content {
    bottom: -1.5rem !important;
  }
}

.ui-menu {
  left: auto;
  right: 15px;
  text-align: right;
}
.ui-menu li.ui-menu-item .ui-menu-item-wrapper {
  padding: 0.5rem 0.5rem;
  font-size: 1.05rem;
  font-weight: 400;
}
@media (max-width: 600px) {
  .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
    font-size: 0.9rem;
  }
}
.ui-menu li.ui-menu-item .ui-state-active {
  font-weight: 600;
}

/*# sourceMappingURL=arabic.css.map */