Gecko [ www.hotelharisharanam.in ]

Name	Size	Permission
hmh.txt	0 B	-rwxr-x---
villoz-custom-rtl.css	402 B	-rwxr-x---
villoz-dark.css	5.63 KB	-rwxr-x---
villoz-rtl.css	334 KB	-rwxr-x---
villoz.css	331.92 KB	-rwxr-x---

Code Editor : villoz-rtl.css

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/
:root {
  --villoz-font: "Plus Jakarta Sans", sans-serif;
  --villoz-heading-font: "Plus Jakarta Sans", serif;
  --villoz-special-font: "reeyregular", cursive;
  --villoz-text: #737a83;
  --villoz-text-rgb: 115, 122, 131;
  --villoz-text-dark: #859ab7;
  --villoz-text-dark-rgb: 133, 154, 183;
  --villoz-text-gray: #89868d;
  --villoz-text-gray-rgb: 137, 134, 141;
  --villoz-base: #537eac;
  --villoz-base-rgb: 83, 126, 172;
  --villoz-gray: #f0f6fd;
  --villoz-gray-rgb: 240, 246, 253;
  --villoz-white: #fff;
  --villoz-white-rgb: 255, 255, 255;
  --villoz-black: #132742;
  --villoz-black-rgb: 19, 39, 66;
  --villoz-black2: #0e1e34;
  --villoz-black2-rgb: 14, 30, 52;
  --villoz-black3: #000;
  --villoz-black3-rgb: 0, 0, 0;
  --villoz-border-color: #d6e2f0;
  --villoz-border-color-rgb: 214, 226, 240;
  --villoz-letter-space: 0.1em;
  --villoz-letter-space-xl: 0.2em;
}

/*--------------------------------------------------------------
# Utility
--------------------------------------------------------------*/
.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-120 {
  margin-top: 120px;
}

.mt--60 {
  margin-top: -60px;
}

.mt--120 {
  margin-top: -120px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb--60 {
  margin-bottom: -60px;
}

.mb--120 {
  margin-bottom: -120px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-142 {
  padding-top: 142px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-5 {
  padding-right: 5px;
}

.pl-10 {
  padding-right: 10px;
}

.pl-15 {
  padding-right: 15px;
}

.pl-20 {
  padding-right: 20px;
}

.pl-30 {
  padding-right: 30px;
}

.pr-5 {
  padding-left: 5px;
}

.pr-10 {
  padding-left: 10px;
}

.pr-15 {
  padding-left: 15px;
}

.pr-20 {
  padding-left: 20px;
}

.pr-30 {
  padding-left: 30px;
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  color: var(--villoz-text, #737a83);
  font-size: 16px;
  line-height: 2.125;
  font-weight: 500;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--villoz-base, #537eac);
  transition: all 400ms ease;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

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

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--villoz-heading-font, "Plus Jakarta Sans", serif);
  color: var(--villoz-black, #132742);
  font-weight: 600;
}
@media (max-width: 575px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}

@media (max-width: 575px) {
  p br {
    display: none;
  }
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.background-base {
  background-color: var(--villoz-base, #537eac);
}

.background-gray {
  background-color: var(--villoz-gray, #f0f6fd);
}

.background-black {
  background-color: var(--villoz-black, #132742);
}

.background-black-2 {
  background-color: var(--villoz-black2, #0e1e34);
}

.villoz-text-dark {
  color: var(--villoz-text-dark, #859ab7);
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

.container-fluid,
.container {
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

.gutter-y-10 {
  --bs-gutter-y: 10px;
}

.gutter-y-15 {
  --bs-gutter-y: 15px;
}

.gutter-y-20 {
  --bs-gutter-y: 20px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

.gutter-y-60 {
  --bs-gutter-y: 60px;
}

.villoz-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  outline: none !important;
  background-color: var(--villoz-base, #537eac);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  transition: 500ms;
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.villoz-btn > i {
  font-style: normal;
  background-color: var(--villoz-base, #537eac);
  padding: 10.25px 38.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 300px;
  transition: transform 500ms ease;
  transform-origin: top center;
  transform: translateY(0%) translateZ(0px) scaleY(1) rotateX(0deg);
}
.villoz-btn:hover > i {
  transform-origin: bottom center;
  transform: translateY(-100%) translateZ(150px) scaleY(0) rotateX(90deg);
}
.villoz-btn > span {
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 700ms ease, top 700ms ease;
  background-color: var(--villoz-black, #132742);
  transform: translateY(0%) translateZ(150px) scaleY(0) rotateX(90deg);
  perspective: 300px;
  transform-origin: bottom center;
}
.villoz-btn:hover > span {
  transition: transform 500ms ease, top 500ms ease;
  transform: translateY(0%) translateZ(0px) scaleY(1) rotateX(0deg);
}
.villoz-btn--border {
  background-color: transparent;
  border: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.1);
}
.villoz-btn--border > i {
  background-color: transparent;
}
.villoz-btn--border:hover {
  border-color: var(--villoz-black, #132742);
}
.villoz-btn--black > i {
  background-color: var(--villoz-black, #132742);
}
.villoz-btn--black > span {
  background-color: var(--villoz-base, #537eac);
}

.tabs-box .tabs-content .tab:not(.active-tab) {
  display: none;
}

.bootstrap-select .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  background-color: var(--villoz-base, #537eac);
}

.tns-outer .tns-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.tns-outer .tns-controls button {
  width: 45px;
  height: 45px;
  border: 2px solid #f4f4f4;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--villoz-text, #737a83);
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
}

.block-title {
  margin-top: -8px;
  margin-bottom: 50px;
}
.block-title__decor {
  width: 21px;
  height: 14px;
  background-image: url(../images/shapes/leaf-1-1.html);
  background-repeat: no-repeat;
  background-position: top center;
  display: inline-block;
  line-height: 1;
  margin-bottom: -5px;
  position: relative;
  top: -7px;
}
.block-title p {
  margin: 0;
  color: var(--villoz-text, #737a83);
  font-size: 16px;
  line-height: 1;
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  .block-title p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .block-title p {
    font-size: 20px;
  }
}
.block-title h3 {
  margin: 0;
  font-size: 35px;
  color: var(--villoz-black, #132742);
  font-family: var(--villoz-special-font, "reeyregular", cursive);
}
@media (min-width: 768px) {
  .block-title h3 {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  .block-title h3 {
    font-size: 50px;
  }
}

.ul-list-one {
  margin-bottom: 0;
}
.ul-list-one li {
  position: relative;
  padding-right: 45px;
  font-size: 16px;
  font-weight: 500;
  color: var(--villoz-black, #132742);
}
@media (min-width: 481px) {
  .ul-list-one li {
    font-size: 20px;
  }
}
.ul-list-one li::before {
  content: "\e907";
  color: var(--villoz-base, #537eac);
  font-size: 26px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "azino-icon";
}

.preloader {
  position: fixed;
  background-color: var(--villoz-black, #132742);
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9991;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
}
.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
  width: 100%;
  height: 100%;
}

/* scroll to top */
.scroll-top {
  position: fixed;
  left: 30px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  background-color: var(--villoz-black, #132742);
  z-index: 99;
  opacity: 0;
  padding: 6px;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.scroll-top--active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-top::after {
  position: absolute;
  content: "\e927";
  font-family: "icomoon" !important;
  text-align: center;
  line-height: 50px;
  font-size: 17px;
  color: var(--villoz-base, #537eac);
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.scroll-top__circle path {
  stroke: var(--villoz-base, #537eac);
  stroke-width: 4;
  fill: none;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

/* post paginations */
.post-pagination {
  margin-bottom: 0;
  margin-top: 0px;
}
@media (min-width: 992px) {
  .post-pagination {
    margin-top: 0px;
  }
}
.post-pagination a {
  display: flex;
  width: 45px;
  height: 45px;
  background-color: #eff2f6;
  align-items: center;
  justify-content: center;
  color: var(--villoz-text, #737a83);
  font-size: 16px;
  font-weight: 500;
  border-radius: 50%;
  transition: 500ms ease;
}
@media (min-width: 992px) {
  .post-pagination a {
    width: 60px;
    height: 60px;
    font-size: 18px;
  }
}
.post-pagination a:hover {
  background-color: var(--villoz-base, #537eac);
  color: #fff;
}
.post-pagination li:first-child a {
  background-color: var(--villoz-base, #537eac);
  color: #fff;
}
.post-pagination li:last-child a {
  background-color: var(--villoz-black, #132742);
  color: #fff;
}
.post-pagination li + li {
  margin-right: 10px;
}

.villoz-owl__carousel--with-shadow .owl-stage-outer {
  overflow: visible;
}
.villoz-owl__carousel--with-shadow .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}
.villoz-owl__carousel--with-shadow .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.villoz-owl__carousel--basic-nav .owl-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}
.villoz-owl__carousel--basic-nav .owl-nav button span {
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  background-color: var(--villoz-gray, #f0f6fd);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--villoz-text, #737a83);
  border-radius: 50%;
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
}
.villoz-owl__carousel--basic-nav .owl-nav button span:hover {
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
}
.villoz-owl__carousel--basic-nav .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
}
.villoz-owl__carousel--basic-nav .owl-dots .owl-dot span {
  background-color: var(--villoz-black, #132742);
  margin: 0;
  width: 7px;
  height: 7px;
  transition: 500ms ease;
  opacity: 0.3;
  display: inline-block;
  border-radius: 50%;
}
.villoz-owl__carousel--basic-nav .owl-dots .owl-dot:hover span, .villoz-owl__carousel--basic-nav .owl-dots .owl-dot.active span {
  background-color: var(--villoz-black, #132742);
  transform: scale(2);
  opacity: 1;
}
.villoz-owl__carousel--basic-nav .owl-nav.disabled + .owl-dots {
  margin-top: 60px;
}

.sec-title {
  padding-bottom: 60px;
}
.sec-title__tagline {
  margin: 0;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: var(--villoz-letter-space, 0.1em);
  font-weight: 600;
  margin-bottom: 7px;
}
.sec-title__tagline::before {
  content: "";
  display: block;
  width: 68px;
  height: 2px;
  background-color: var(--villoz-base, #537eac);
  margin-bottom: 17px;
}
.sec-title.text-center .sec-title__tagline::before {
  margin-right: auto;
  margin-left: auto;
}
.sec-title.text-end .sec-title__tagline::before {
  margin-right: auto;
}
.sec-title__title {
  margin: 0;
  font-size: 30px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: -10px;
}
@media (min-width: 768px) {
  .sec-title__title {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .sec-title__title {
    font-size: 50px;
  }
}

.ui-datepicker .ui-datepicker-header {
  background-image: none;
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}

.ui-datepicker-calendar th span {
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
.ui-datepicker-calendar td {
  background-color: var(--villoz-gray, #f0f6fd);
  background-image: none;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  color: var(--villoz-text, #737a83);
}
.ui-datepicker-calendar td a {
  border-color: var(--villoz-border-color, #d6e2f0);
  background-color: var(--villoz-gray, #f0f6fd);
  background-image: none;
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
  border-color: var(--villoz-border-color, #d6e2f0);
  background-color: var(--villoz-gray, #f0f6fd);
  background-image: none;
  color: var(--villoz-text, #737a83);
  padding: 10px 5px;
  text-align: center;
  line-height: 1em;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-default:hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-default:hover {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-base, #537eac);
}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-base, #537eac);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background-image: none;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  top: 2px;
}

.ui-datepicker .ui-datepicker-prev:hover {
  right: 2px;
}

.ui-datepicker .ui-datepicker-next:hover {
  left: 2px;
}

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
  position: relative;
  z-index: 2;
  margin-bottom: -181px;
}
.video-one__content {
  position: relative;
  padding: 250px 80px 81px 0;
}
@media (max-width: 767px) {
  .video-one__content {
    padding: 150px 30px 81px 30px;
  }
}
.video-one__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.video-one__bg::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(var(--villoz-black2-rgb, 14, 30, 52), 0.3);
}
.video-one__shape {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: top left;
  background-repeat: no-repeat;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .video-one__shape {
    display: none;
  }
}
.video-one .video-popup {
  width: 89px;
  height: 89px;
  background-color: var(--villoz-white, #fff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  position: relative;
  z-index: 2;
}
.video-one .video-popup__border-one {
  border: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.4);
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  display: block;
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  border-radius: 50%;
  animation: zoomBig 2s linear infinite;
}
.video-one .video-popup__border-two {
  border: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.4);
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  display: block;
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  border-radius: 50%;
  animation: zoomBig 3s linear infinite;
}
.video-one .video-popup:hover {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-base, #537eac);
}
@keyframes zoomBig {
  0% {
    transform: translate(50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
.video-one__title {
  position: relative;
  z-index: 2;
  margin: 0;
  color: var(--villoz-white, #fff);
  font-size: 40px;
  margin-top: 43px;
}

.video-two {
  position: relative;
  background-color: var(--villoz-black, #132742);
  padding: 120px 0 110px;
}
@media (max-width: 767px) {
  .video-two {
    padding: 80px 0;
  }
}
.video-two__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--villoz-black, #132742);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.3;
}
@media (min-width: 1200px) {
  .video-two .col-lg-7 {
    flex: 0 0 auto;
    width: 65%;
  }
  .video-two .col-lg-5 {
    flex: 0 0 auto;
    width: 35%;
  }
}
.video-two__content {
  position: relative;
}
.video-two .video-popup {
  width: 90px;
  height: 90px;
  background-color: var(--villoz-base, #537eac);
  font-size: 24px;
  color: var(--villoz-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 15px;
}
.video-two .video-popup:hover {
  background-color: var(--villoz-black, #132742);
}
.video-two .video-popup::before {
  position: absolute;
  width: calc(100% + 30px);
  height: calc(100% + 30px);
  right: -15px;
  top: -15px;
  content: "";
  border: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.2);
  animation: shadows 1s linear infinite;
  -moz-animation: shadows 1s linear infinite;
  -webkit-animation: shadows 1s linear infinite;
}
@keyframes shadows {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--villoz-white-rgb, 255, 255, 255), 0.21), 0 0 0 30px rgba(var(--villoz-white-rgb, 255, 255, 255), 0.21), 0 0 0 50px rgba(var(--villoz-white-rgb, 255, 255, 255), 0.21);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(var(--villoz-white-rgb, 255, 255, 255), 0.21), 0 0 0 50px rgba(var(--villoz-white-rgb, 255, 255, 255), 0.21), 0 0 0 70px rgba(var(--villoz-white-rgb, 255, 255, 255), 0);
  }
}
.video-two__sub-title {
  display: block;
  font-size: 30px;
  font-family: var(--villoz-special-font, "reeyregular", cursive);
  color: var(--villoz-base, #537eac);
  font-weight: 400;
  margin: 64px 0 28px;
}
.video-two__title {
  font-size: 50px;
  color: var(--villoz-white, #fff);
  margin: 0;
}
@media (max-width: 1199px) {
  .video-two__title {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .video-two__title {
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .video-two__title {
    font-size: 36px;
  }
}
.video-two .gutter-y-10 .col-md-6 {
  padding-right: 5px;
  padding-left: 5px;
}
.video-two__box {
  position: relative;
  border: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.2);
  padding: 29px 20px 25px;
}
.video-two__box:hover .video-two__box__icon span {
  transform: scale(0.9);
}
.video-two__box:hover .video-two__box__icon {
  color: var(--villoz-base, #537eac);
}
.video-two__box:hover .video-two__box__icon::before {
  top: 100%;
}
.video-two__box:hover .video-two__box__icon::after {
  bottom: -50%;
}
.video-two__box__icon {
  width: 77px;
  height: 77px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: var(--villoz-white, #fff);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.video-two__box__icon::before {
  content: "";
  position: absolute;
  top: -50%;
  right: 50%;
  transform: translateX(50%);
  width: 150%;
  height: 150%;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  background-color: var(--villoz-base, #537eac);
  transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.video-two__box__icon::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform: translateX(50%);
  width: 150%;
  height: 150%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--villoz-white, #fff);
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.video-two__box__icon span {
  position: relative;
  z-index: 2;
  transform: scale(1);
  transition: 500ms ease;
}
.video-two__box__title {
  font-size: 20px;
  color: var(--villoz-white, #fff);
  margin: 18px 0 0;
}
.video-two__box__title br {
  display: block;
}

.team-one {
  padding: 120px 0;
  position: relative;
}
@media (max-width: 767px) {
  .team-one {
    padding: 80px 0;
  }
}
.team-one--with-border {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (min-width: 992px) {
  .team-one__carousel .owl-nav {
    display: none;
  }
}

.team-card {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 0 30px;
}
.team-card::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 120px;
  width: 100%;
  content: "";
  background-color: var(--villoz-white, #fff);
}
.team-card::before {
  position: absolute;
  right: 0;
  top: 0;
  height: 90px;
  width: 6px;
  content: "";
  background-color: var(--villoz-base, #537eac);
  z-index: 1;
}
.team-card__image {
  position: relative;
  z-index: 2;
}
.team-card__image img {
  position: relative;
  width: 100%;
}
.team-card__hover {
  position: absolute;
  top: 20px;
  right: 20px;
}
.team-card__social {
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: all 500ms ease;
}
.team-card__social > i {
  width: 50px;
  height: 50px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--villoz-white, #fff);
  transition: all 500ms ease;
}
.team-card__social__list {
  position: absolute;
  top: 67px;
  right: 8px;
  transform: scale(0, 1);
  background-color: var(--villoz-black, #132742);
  display: block;
  margin: 0;
  padding: 13px;
  opacity: 0;
  transition: 500ms ease;
}
.team-card__social__list::after {
  position: absolute;
  right: 0;
  left: 0;
  top: -6px;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent var(--villoz-black, #132742) transparent;
}
.team-card__social__list a {
  color: var(--villoz-white, #fff);
  font-size: 12px;
  transition: all 500ms ease;
  display: block;
}
.team-card__social__list a + a {
  margin-top: 3px;
}
.team-card__social__list a:hover {
  color: var(--villoz-base, #537eac);
}
.team-card__social:hover .team-card__social__list {
  opacity: 1;
  transform: scale(1, 1);
}
.team-card__content {
  padding: 27px 0 20px;
  text-align: center;
}
.team-card__title {
  margin: 0;
  font-size: 20px;
  line-height: 1;
  color: var(--villoz-black, #132742);
  text-transform: capitalize;
  margin-bottom: -2px;
}
.team-card__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card__title a:hover {
  background-size: 100% 1px;
}
.team-card__title a:hover {
  color: var(--villoz-base, #537eac);
}
.team-card__designation {
  margin: 0;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--villoz-text, #737a83);
}

.team-details {
  position: relative;
  padding: 120px 0 96px;
}
@media (max-width: 767px) {
  .team-details {
    padding: 80px 0;
  }
}
.team-details__inner {
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .team-details__inner {
    padding-bottom: 80px;
  }
}
.team-details__image {
  display: inline-block;
  position: relative;
}
.team-details__image img {
  max-width: 100%;
}
.team-details__content {
  background-position: top left;
  background-repeat: no-repeat;
  background-color: var(--villoz-gray, #f0f6fd);
  position: relative;
  margin: 67px -130px 0 0;
  padding: 74px 130px 74px 70px;
}
@media (max-width: 1199px) {
  .team-details__content {
    margin: 20px -130px 0 0;
    padding: 45px 50px 45px 40px;
  }
}
@media (max-width: 991px) {
  .team-details__content {
    margin: 0;
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .team-details__content {
    margin: 0;
    padding: 50px 30px;
  }
}
.team-details__title {
  text-transform: capitalize;
  margin: 0;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 9px;
}
@media (min-width: 768px) {
  .team-details__title {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .team-details__title {
    font-size: 40px;
  }
}
.team-details__designation {
  margin: 0 0 19px;
}
.team-details__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 19px;
}
.team-details__social a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--villoz-white, #fff);
  font-size: 14px;
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  border-radius: 50%;
}
.team-details__social a:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.team-details__highlight {
  margin: 0;
  color: var(--villoz-base, #537eac);
  font-size: 20px;
  line-height: 36px;
  margin: 0 0 35px;
}
.team-details__text {
  margin: 0;
  line-height: 30px;
}

.team-skills-one {
  padding: 0 0 100px;
}
@media (max-width: 767px) {
  .team-skills-one {
    padding: 0 0 60px;
  }
}
.team-skills-one__title {
  margin: 0;
  font-size: 25px;
  line-height: 1.2em;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .team-skills-one__title {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .team-skills-one__title {
    font-size: 36px;
    margin-bottom: 24px;
  }
}
.team-skills-one__text {
  margin: 0;
  line-height: 30px;
}
@media (min-width: 1200px) {
  .team-skills-one__text {
    max-width: 500px;
  }
}
.team-skills-one__progress {
  position: relative;
}
.team-skills-one__progress + .team-skills-one__progress {
  margin-top: 16px;
}
.team-skills-one__progress__title {
  text-transform: capitalize;
  margin: 0;
  font-size: 16px;
  margin-bottom: 9px;
}
.team-skills-one__progress__bar {
  width: 100%;
  height: 17px;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  position: relative;
}
.team-skills-one__progress__inner {
  position: absolute;
  height: calc(100% - 6px);
  right: 3px;
  top: 3px;
  background-color: var(--villoz-base, #537eac);
  transition: all 700ms linear;
  width: 0px;
}
.team-skills-one__progress__number {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  font-size: 14px;
}

.team-form-one {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 120px 0;
}
@media (max-width: 767px) {
  .team-form-one {
    padding: 80px 0;
  }
}
.team-form-one__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.team-form-one .container {
  position: relative;
  max-width: 770px;
}
.team-form-one .form-one {
  text-align: center;
}
.team-form-one .form-one .bootstrap-select > .dropdown-toggle,
.team-form-one .form-one input[type=text],
.team-form-one .form-one input[type=email],
.team-form-one .form-one textarea {
  background-color: var(--villoz-white, #fff);
}
.team-form-one .form-one textarea {
  height: 188px;
}

.blog-card {
  position: relative;
  background-color: var(--villoz-white, #fff);
}
.blog-card__image {
  position: relative;
  overflow: hidden;
}
.blog-card__image img {
  width: 100%;
}
.blog-card__image img:nth-child(1) {
  transition: transform 0.8s;
}
.blog-card__image img:nth-child(2), .blog-card__image img:nth-child(3) {
  position: absolute;
  top: 0;
  z-index: 3;
  transition: transform 1.6s;
}
.blog-card__image img:nth-child(2) {
  right: 0;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}
.blog-card__image img:nth-child(3) {
  left: 0;
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.blog-card__image__link {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.5);
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(-20%);
  transition: opacity 500ms ease, transform 500ms ease;
}
.blog-card__image__link::before, .blog-card__image__link::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: var(--villoz-white, #fff);
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.blog-card__image__link::after {
  transform: translate(50%, -50%) rotate(-90deg);
}
.blog-card:hover .blog-card__image > a {
  opacity: 1;
  transform: translateY(0);
}
.blog-card:hover .blog-card__image img:nth-child(1) {
  transform: scale(1.2);
}
.blog-card:hover .blog-card__image img:nth-child(2) {
  transform: translateX(700px) skewX(-40deg);
}
.blog-card:hover .blog-card__image img:nth-child(3) {
  transform: translateX(-700px) skewX(40deg);
}
.blog-card__content {
  background-color: var(--villoz-white, #fff);
  position: relative;
  transition: all 500ms ease;
}
.blog-card__date {
  width: 50px;
  background-color: var(--villoz-white, #fff);
  border: 3px solid var(--villoz-white, #fff);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 12px;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  color: var(--villoz-text, #737a83);
  padding: 0 0px;
  padding-bottom: 3px;
  line-height: 1.2em;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10;
  text-transform: uppercase;
  font-weight: 600;
  flex-direction: column;
}
.blog-card__date span {
  font-size: 16px;
  background-color: var(--villoz-base, #537eac);
  display: block;
  width: 100%;
  color: var(--villoz-white, #fff);
  padding: 15px 0;
  margin-bottom: 8px;
}
.blog-card__content {
  margin-left: 30px;
  background-color: var(--villoz-white, #fff);
  padding: 40px;
  padding-top: 30px;
  margin-top: -90px;
  position: relative;
  z-index: 10;
  transition: all 500ms ease;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card__content {
    padding: 30px;
    margin-left: 25px;
  }
}
.blog-card:hover .blog-card__content {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.blog-card__title {
  margin: 0;
  color: var(--villoz-black, #132742);
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .blog-card__title {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .blog-card__title {
    font-size: 24px;
  }
}
.blog-card__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card__title a:hover {
  background-size: 100% 1px;
}
.blog-card__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
  line-height: 1em;
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 15px 30px;
  margin-top: 24px;
}
.blog-card__link:hover {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-black, #132742);
}
.blog-card__link i {
  font-size: 16px;
}
.blog-card__meta {
  display: flex;
  align-items: center;
  margin: 0;
  margin-top: -7px;
  margin-bottom: 6px;
  gap: 10px;
}
.blog-card__meta li {
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.blog-card__meta li i {
  color: var(--villoz-base, #537eac);
  margin-left: 3px;
}
.blog-card__meta li a {
  display: flex;
  align-items: center;
  color: inherit;
  transition: all 500ms ease;
}
.blog-card__meta li a:hover {
  color: var(--villoz-black, #132742);
  text-shadow: 0 0 1px currentColor;
}

.blog-one {
  padding: 120px 0;
  position: relative;
  background-color: var(--villoz-white, #fff);
}
@media (max-width: 767px) {
  .blog-one {
    padding: 80px 0;
  }
}
@media (min-width: 992px) {
  .blog-one__carousel .owl-nav {
    display: none;
  }
}

.blog-card-two .blog-card__image {
  margin-bottom: 29px;
}
.blog-card-two .blog-card__meta {
  margin-bottom: 4px;
}
.blog-card-two .blog-card__title {
  font-size: 25px;
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .blog-card-two .blog-card__title {
    font-size: 34px;
  }
}
.blog-card-two .blog-card__link {
  max-width: 146px;
}
.blog-card-two__text {
  margin: 0;
  font-size: 15px;
  line-height: 2em;
  margin-top: 12px;
}

.blog-card-link,
.blog-card-qoute {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 30px;
}
@media (min-width: 768px) {
  .blog-card-link,
  .blog-card-qoute {
    padding: 60px;
  }
}
.blog-card-link .blog-card__title,
.blog-card-qoute .blog-card__title {
  margin: 0;
  margin-bottom: -10px;
}

.blog-card-qoute__text {
  margin: 0;
  margin-bottom: -5px;
  line-height: 30px;
}

.blog-card-qoute__image {
  line-height: 1em;
  margin-bottom: 20px;
}

.blog-card-link__icon {
  font-size: 40px;
  color: var(--villoz-base, #537eac);
  line-height: 1em;
  margin-bottom: 22px;
}

.blog-two {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .blog-two {
    padding: 80px 0;
  }
}

.blog-card-three {
  position: relative;
  background-color: var(--villoz-white, #fff);
}
.blog-card-three__image {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card-three__image {
    margin-left: -50px;
  }
}
.blog-card-three__image img {
  width: 100%;
}
.blog-card-three__image img:nth-child(1) {
  transition: transform 0.8s;
}
.blog-card-three__image img:nth-child(2), .blog-card-three__image img:nth-child(3) {
  position: absolute;
  top: 0;
  z-index: 3;
  transition: transform 1.6s;
}
.blog-card-three__image img:nth-child(2) {
  right: 0;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);
}
.blog-card-three__image img:nth-child(3) {
  left: 0;
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.blog-card-three__image__link {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.5);
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(-20%);
  transition: opacity 500ms ease, transform 500ms ease;
}
.blog-card-three__image__link::before, .blog-card-three__image__link::after {
  content: "";
  width: 32px;
  height: 2px;
  background-color: var(--villoz-white, #fff);
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.blog-card-three__image__link::after {
  transform: translate(50%, -50%) rotate(-90deg);
}
.blog-card-three:hover .blog-card-three__image > a {
  opacity: 1;
  transform: translateY(0);
}
.blog-card-three:hover .blog-card-three__image img:nth-child(1) {
  transform: scale(1.2);
}
.blog-card-three:hover .blog-card-three__image img:nth-child(2) {
  transform: translateX(700px) skewX(-40deg);
}
.blog-card-three:hover .blog-card-three__image img:nth-child(3) {
  transform: translateX(-700px) skewX(40deg);
}
.blog-card-three__date {
  width: 50px;
  background-color: var(--villoz-white, #fff);
  border: 3px solid var(--villoz-white, #fff);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 12px;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  color: var(--villoz-text, #737a83);
  padding: 0 0px;
  padding-bottom: 3px;
  line-height: 1.2em;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
  text-transform: uppercase;
  font-weight: 600;
  flex-direction: column;
}
.blog-card-three__date span {
  font-size: 16px;
  background-color: var(--villoz-base, #537eac);
  display: block;
  width: 100%;
  color: var(--villoz-white, #fff);
  padding: 15px 0;
  margin-bottom: 8px;
}
.blog-card-three__content {
  background-color: var(--villoz-white, #fff);
  padding: 40px;
  position: relative;
  margin-right: -70px;
  z-index: 10;
  transition: all 500ms ease;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card-three__content {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .blog-card-three__content {
    margin: 0;
  }
}
.blog-card-three:hover .blog-card-three__content {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}
.blog-card-three__title {
  margin: 0;
  color: var(--villoz-black, #132742);
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 600;
}
@media (min-width: 768px) {
  .blog-card-three__title {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .blog-card-three__title {
    font-size: 24px;
  }
}
.blog-card-three__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card-three__title a:hover {
  background-size: 100% 1px;
}
.blog-card-three__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
  line-height: 1em;
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 15px 30px;
  margin-top: 20px;
}
.blog-card-three__link:hover {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-black, #132742);
}
.blog-card-three__link i {
  font-size: 16px;
}
.blog-card-three__meta {
  display: flex;
  align-items: center;
  margin: 0;
  margin-top: -7px;
  margin-bottom: 6px;
  gap: 10px;
}
.blog-card-three__meta li {
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.blog-card-three__meta li i {
  color: var(--villoz-base, #537eac);
  margin-left: 3px;
}
.blog-card-three__meta li a {
  display: flex;
  align-items: center;
  color: inherit;
  transition: all 500ms ease;
}
.blog-card-three__meta li a:hover {
  color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-one__group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  margin: 0;
}
@media (min-width: 576px) {
  .form-one__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form-one__control {
  border: none;
  width: auto;
  height: auto;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.form-one__control__icon {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  font-size: 14px;
}
.form-one__control--full {
  grid-column-start: 1;
  grid-column-end: -1;
}
.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.form-one .bootstrap-select > .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  outline: none !important;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
}
.form-one .bootstrap-select > .dropdown-toggle,
.form-one input[type=text],
.form-one input[type=email],
.form-one textarea {
  display: block;
  width: 100%;
  height: 50px;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  border: none;
  outline: none;
  padding-right: 30px;
  padding-left: 30px;
}
.form-one textarea {
  height: 195px;
  padding-top: 20px;
}
.form-one .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
}
.form-one .bootstrap-select > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.form-one .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.form-one .bootstrap-select .dropdown-menu {
  border: none;
}
.form-one .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--villoz-text, #737a83);
  display: flex;
  align-items: center;
}
.form-one .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.form-one .bootstrap-select .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-gray, #f0f6fd);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-one .bootstrap-select .dropdown-menu > li:hover > a,
.form-one .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--villoz-base, #537eac);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  right: 0;
  top: 0;
  -webkit-transform: translate(calc(-1*(-50% + 5px)), -50%);
  transform: translate(calc(-1*(-50% + 5px)), -50%);
  z-index: 999991;
}
.custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--villoz-base, #537eac);
  opacity: 0.3;
  position: fixed;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  pointer-events: none;
  -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
  z-index: 999991;
}
.custom-cursor__hover {
  background-color: var(--villoz-base, #537eac);
  opacity: 0.4;
}
.custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: 0.4;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer {
  position: relative;
}
.main-footer__top {
  padding: 30px 0px;
}
@media (min-width: 768px) {
  .main-footer__top {
    padding: 60px 0px;
  }
}
.main-footer__top .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .main-footer__top .container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.main-footer__logo {
  display: inline-flex;
}
.main-footer__social {
  display: flex;
  gap: 10px;
}
.main-footer__social a {
  width: 45px;
  height: 45px;
  border-radius: 22.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: all 500ms ease;
  background-color: var(--villoz-black2, #0e1e34);
  color: var(--villoz-white, #fff);
}
.main-footer__social a:hover {
  color: var(--villoz-black2, #0e1e34);
  background-color: var(--villoz-white, #fff);
}
@media (min-width: 768px) {
  .main-footer__social a {
    font-size: 20px;
    width: 55px;
    height: 55px;
    border-radius: 27.5px;
  }
}
.main-footer__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.06;
  mix-blend-mode: luminosity;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .main-footer__bg {
    background-size: unset;
  }
}
.main-footer .container {
  position: relative;
}
.main-footer__bottom__inner {
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.1);
}
@media (min-width: 768px) {
  .main-footer__bottom__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) {
  .main-footer__bottom__inner {
    padding-bottom: 160px;
  }
}
@media (max-width: 767px) {
  .main-footer__bottom__inner {
    padding-bottom: 30px;
  }
}

.footer-widget {
  margin-bottom: 20px;
}
.footer-widget__form {
  position: relative;
  width: 100%;
  max-width: 470px;
}
.footer-widget__form input[type=text] {
  width: 100%;
  display: block;
  border: none;
  outline: none;
  height: 60px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  padding-right: 30px;
  padding-left: 70px;
  transition: all 500ms ease;
}
.footer-widget__form input[type=text]:focus {
  color: var(--villoz-text, #737a83);
}
@media (min-width: 768px) {
  .footer-widget__form input[type=text] {
    height: 70px;
  }
}
.footer-widget__form button[type=submit] {
  background-color: var(--villoz-base, #537eac);
  width: auto;
  height: auto;
  border: none;
  outline: none;
  color: var(--villoz-white, #fff);
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  transition: all 500ms ease;
  width: 45px;
  height: 50px;
}
.footer-widget__form button[type=submit]:hover {
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
}
@media (min-width: 768px) {
  .footer-widget__form button[type=submit] {
    height: 60px;
    width: 55px;
  }
}
.footer-widget__title {
  font-size: 18px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
  margin: 0;
  margin-top: -5px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .footer-widget__title {
    font-size: 20px;
  }
}
.footer-widget__copyright {
  font-size: 14px;
  color: var(--villoz-text-dark, #859ab7);
  line-height: 2.25em;
  margin: 0;
  margin-top: 28px;
}
@media (min-width: 768px) {
  .footer-widget__copyright {
    font-size: 16px;
  }
}
.footer-widget__copyright a {
  color: inherit;
}
.footer-widget__copyright a:hover {
  color: var(--villoz-white, #fff);
}
.footer-widget__contact, .footer-widget__links {
  margin-bottom: 0;
}
.footer-widget__contact li, .footer-widget__links li {
  font-size: 14px;
  color: var(--villoz-text-dark, #859ab7);
  font-weight: 400;
  line-height: 2.25em;
}
@media (min-width: 768px) {
  .footer-widget__contact li, .footer-widget__links li {
    font-size: 16px;
  }
}
.footer-widget__contact li a, .footer-widget__links li a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.footer-widget__contact li a:hover, .footer-widget__links li a:hover {
  background-size: 100% 1px;
}
.footer-widget__contact li a:hover, .footer-widget__links li a:hover {
  color: var(--villoz-white, #fff);
}
.footer-widget__text {
  font-size: 14px;
  color: var(--villoz-text-dark, #859ab7);
  line-height: 2.25em;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 768px) {
  .footer-widget__text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .footer-widget__text {
    margin-bottom: 33px;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one {
  padding-bottom: 80px;
}
@media (min-width: 992px) {
  .contact-one {
    padding-bottom: 120px;
  }
}
.contact-one__left {
  margin: 0;
  border: 10px solid var(--villoz-base, #537eac);
  border-bottom: 0;
  max-width: 400px;
  width: 100%;
}
.contact-one__info {
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 40px;
  margin-bottom: 0;
}
.contact-one__info__item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  gap: 20px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .contact-one__info__item {
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .contact-one__info__item {
    flex-direction: row;
    flex-wrap: unset;
  }
}
.contact-one__info__icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  font-size: 24px;
  color: var(--villoz-black, #132742);
  background-color: var(--villoz-gray, #f0f6fd);
  transition: all 500ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-one__info__icon:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.contact-one__info__text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--villoz-text, #737a83);
  line-height: 30px;
  margin-top: -8px;
}
.contact-one__info__title {
  margin: 0;
  font-size: 18px;
  color: var(--villoz-black, #132742);
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: -2px;
}
.contact-one__info__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.contact-one__info__title a:hover {
  background-size: 100% 1px;
}
.contact-one__social {
  padding: 0 40px;
}
.contact-one__social__title {
  margin: 0;
  color: var(--villoz-base, #537eac);
  font-size: 18px;
  margin-bottom: -10px;
  margin-top: -10px;
  padding-bottom: 40px;
  position: relative;
  font-weight: 600;
}
.contact-one__social__title::before {
  content: "";
  width: 45px;
  height: 10px;
  background-color: var(--villoz-white, #fff);
  position: absolute;
  top: calc(100% - 11px);
  right: 0;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.contact-one__social__links {
  background-color: var(--villoz-base, #537eac);
  padding: 40px;
  display: flex;
  gap: 10px;
  margin-right: -40px;
  margin-left: -40px;
}
.contact-one__social__links a {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  transition: all 500ms ease;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
}
.contact-one__social__links a:hover {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-black, #132742);
}
@media (min-width: 1200px) {
  .contact-one__form {
    margin-right: -30px;
  }
}
.contact-one__form textarea {
  height: 218px;
}

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.topbar-one {
  display: none;
  background-color: rgba(var(--villoz-white-rgb, 255, 255, 255), 0.1);
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .topbar-one {
    display: block;
  }
}
@media (min-width: 1200px) {
  .topbar-one {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.topbar-one .container-fluid {
  max-width: 1710px;
}
.topbar-one__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .topbar-one__inner {
    flex-direction: row;
  }
}
.topbar-one__info {
  display: flex;
  align-items: center;
  margin: 0;
}
.topbar-one__info__item {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.2em;
  font-weight: 500;
  color: var(--villoz-white, #fff);
}
.topbar-one__info__item a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.topbar-one__info__item a:hover {
  background-size: 100% 1px;
}
.topbar-one__info__item + .topbar-one__info__item {
  margin-right: 20px;
}
.topbar-one__info__icon {
  font-size: 12px;
  color: var(--villoz-white, #fff);
  position: relative;
  top: 0px;
  margin-left: 5px;
}
.topbar-one__right {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .topbar-one__right {
    margin-top: 0;
    margin-right: auto;
  }
}
.topbar-one__menu {
  margin: 0;
  display: flex;
  align-items: center;
}
.topbar-one__menu li {
  color: var(--villoz-white, #fff);
  font-size: 12px;
  font-weight: 500;
}
.topbar-one__menu li + li {
  margin-right: 20px;
}
.topbar-one__menu li a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.topbar-one__menu li a:hover {
  background-size: 100% 1px;
}
.topbar-one__social {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.1);
  padding: 1.5px 0;
  padding-right: 30px;
  margin-right: 30px;
  line-height: 1em;
}
.topbar-one__social a {
  font-size: 13px;
  color: var(--villoz-white, #fff);
  transition: all 500ms ease;
}
.topbar-one__social a:hover {
  color: var(--villoz-black, #132742);
}
.topbar-one__social a + a {
  margin-right: 25px;
}

/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
.main-header {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 91;
}
.main-header__bottom {
  border-bottom: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 1200px) {
  .main-header__bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.main-header__bottom .container-fluid {
  max-width: 1710px;
  display: flex;
  align-items: center;
}
.main-header__logo {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .main-header__logo {
    width: auto;
  }
}
@media (min-width: 768px) {
  .main-header__logo .mobile-nav__btn {
    margin-right: 30px;
  }
}
.main-header__right {
  display: flex;
  align-items: center;
}
.main-header__cart, .main-header__search {
  font-size: 24px;
  color: var(--villoz-white, #fff);
  transition: all 500ms ease;
  line-height: 1em;
  padding: 8px 0;
}
.main-header__cart:hover, .main-header__search:hover {
  color: var(--villoz-black, #132742);
}
.main-header__search {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid rgba(var(--villoz-white-rgb, 255, 255, 255), 0.1);
}
.main-header__cart {
  margin-right: 20px;
}
.main-header__btn {
  display: none;
}
@media (min-width: 992px) {
  .main-header__btn {
    margin-right: 30px;
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .main-header__btn {
    margin-right: 0px;
  }
}
.main-header__btn > span {
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
}
.main-header__btn:hover {
  border-color: var(--villoz-base, #537eac);
}
.main-header__nav {
  margin-right: auto;
  margin-left: auto;
}
.main-header--three .topbar-one {
  background-color: var(--villoz-black, #132742);
}
.main-header--three .topbar-one__info__icon {
  color: var(--villoz-base, #537eac);
}
.main-header--three .topbar-one .topbar-one__social a:hover {
  color: var(--villoz-base, #537eac);
}
.main-header--three .main-header__nav {
  margin-right: 131px;
}
@media (max-width: 1199px) {
  .main-header--three .main-header__nav {
    margin-right: auto;
  }
}
.main-header--three .mobile-nav__btn span {
  background-color: var(--villoz-black, #132742);
}
.main-header--three .main-menu .main-menu__list > li > a {
  color: var(--villoz-text, #737a83);
}
.main-header--three .main-menu .main-menu__list > li.current > a,
.main-header--three .main-menu .main-menu__list > li:hover > a {
  color: var(--villoz-black, #132742);
}
.main-header--three .main-header__cart,
.main-header--three .main-header__search {
  color: var(--villoz-black, #132742);
  border-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.1);
}
.main-header--three .main-header__cart:hover,
.main-header--three .main-header__search:hover {
  color: var(--villoz-base, #537eac);
}
.main-header--three .villoz-btn--border {
  border-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.1);
  color: var(--villoz-black, #132742);
}
.main-header--three .villoz-btn--border:hover {
  border-color: var(--villoz-base, #537eac);
}
.main-header--three .main-header__btn > span {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.main-header--three .sticky-header--cloned {
  background-color: var(--villoz-white, #fff);
}

.sticky-header--cloned {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  top: 0;
  background-color: var(--villoz-black, #132742);
  transform: translateY(-100%);
  box-shadow: 0px 3px 18px rgba(var(--villoz-black-rgb, 19, 39, 66), 0.07);
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  visibility: hidden;
  transition: transform 500ms ease, visibility 500ms ease;
}
.sticky-header--cloned.active {
  transform: translateY(0%);
  visibility: visible;
}
.sticky-header--cloned .main-header__cart:hover,
.sticky-header--cloned .main-header__search:hover {
  color: var(--villoz-base, #537eac);
}

.mobile-nav__btn {
  width: 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  cursor: pointer;
  z-index: 3;
}
@media (min-width: 1200px) {
  .mobile-nav__btn {
    display: none;
  }
}
.mobile-nav__btn span {
  width: 100%;
  height: 2px;
  background-color: var(--villoz-white, #fff);
}
.mobile-nav__btn span:nth-child(2) {
  margin-top: 4px;
  margin-bottom: 4px;
}

.main-menu {
  /* after third level no menu */
}
.main-menu .main-menu__list,
.main-menu .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  align-items: center;
  display: none;
}
@media (min-width: 1200px) {
  .main-menu .main-menu__list,
  .main-menu .main-menu__list ul {
    display: flex;
  }
}
.main-menu .main-menu__list > li {
  padding-top: 33.5px;
  padding-bottom: 33.5px;
  position: relative;
}
.main-menu .main-menu__list > li.dropdown > a {
  position: relative;
}
.main-menu .main-menu__list > li + li {
  margin-right: 57px;
}
@media (max-width: 1400px) {
  .main-menu .main-menu__list > li + li {
    margin-right: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .main-menu .main-menu__list > li + li {
    margin-right: 35px;
  }
}
.main-menu .main-menu__list > li > a {
  font-size: 16px;
  display: flex;
  align-items: center;
  color: var(--villoz-white, #fff);
  font-weight: 500;
  position: relative;
  transition: all 500ms ease;
}
.main-menu .main-menu__list > li > a::after {
  content: "";
  position: absolute;
  top: calc(50% + 5px);
  right: 50%;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  transform: translateX(50%) scale(0);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 153.95 72.84"><g><path d="M25.54,69.27a29.6,29.6,0,0,0,14.57,3.57,29.56,29.56,0,0,0,14.56-3.57L140,20c6.82-3.94,12.26-12,14-20C80.29,4.19,31.93,27.38,0,54.52Z"/></g></svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 153.95 72.84"><g><path d="M25.54,69.27a29.6,29.6,0,0,0,14.57,3.57,29.56,29.56,0,0,0,14.56-3.57L140,20c6.82-3.94,12.26-12,14-20C80.29,4.19,31.93,27.38,0,54.52Z"/></g></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: transform 500ms ease;
  transform-origin: top center;
}
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
  color: var(--villoz-white, #fff);
  text-shadow: 0 0 0.5px currentColor;
}
.main-menu .main-menu__list > li.current > a::after,
.main-menu .main-menu__list > li:hover > a::after {
  transform: translateX(50%) scale(1);
}
.main-menu .main-menu__list li ul {
  position: absolute;
  top: 100%;
  right: -40px;
  min-width: 230px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transform: scaleY(0) translateZ(100px);
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  z-index: 99;
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 10px 60px 0px RGBA(var(--villoz-white-rgb, 255, 255, 255), 0.07);
  padding: 15px 20px 11px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.main-menu .main-menu__list li:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1) translateZ(0px);
}
.main-menu .main-menu__list > .megamenu {
  position: static;
}
.main-menu .main-menu__list > .megamenu > ul {
  top: 100% !important;
  right: 0 !important;
  left: 0 !important;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
.main-menu .main-menu__list li ul li {
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}
.main-menu .main-menu__list li ul li > a {
  font-size: 14px;
  line-height: 26px;
  color: var(--villoz-text, #737a83);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  font-weight: 500;
  display: flex;
  padding: 8px 20px;
  transition: 400ms;
  margin-bottom: 4px;
}
.main-menu .main-menu__list li ul li > a::after {
  position: absolute;
  left: 20px;
  top: 8px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  color: var(--villoz-base, #537eac);
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  transform: scale(0);
}
.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a {
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-black, #132742);
  text-shadow: 0 0 0.5px currentColor;
}
.main-menu .main-menu__list li ul li.current > a::after,
.main-menu .main-menu__list li ul li:hover > a::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.main-menu .main-menu__list li ul li > ul {
  top: 0;
  right: calc(100% + 20px);
}
.main-menu .main-menu__list li ul li > ul.right-align {
  top: 0;
  right: auto;
  left: 100%;
}
.main-menu .main-menu__list li ul li > ul ul {
  display: none;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .main-menu__list li:nth-last-child(1) ul li > ul,
  .main-menu__list li:nth-last-child(2) ul li > ul {
    right: auto;
    left: calc(100% + 20px);
  }
}
/*--------------------------------------------------------------
# Megamenu Popup
--------------------------------------------------------------*/
.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul {
  position: fixed;
  top: 0 !important;
  right: 0 !important;
  width: 100vw;
  height: 100vh;
  visibility: visible;
  overflow-y: scroll;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
  z-index: 999999;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  padding: 0;
  background-color: var(--villoz-white, #fff);
  display: block !important;
  margin: 0;
}

.main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar {
  display: none;
}

.mobile-nav__container .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.main-menu .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active,
.stricky-header .main-menu__list > .megamenu.megamenu-clickable > ul.megamenu-clickable--active {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
  transition: transform 0.7s ease, opacity 0.7s ease, visibility 0.7s ease;
}

body.megamenu-popup-active {
  overflow: hidden;
}

body.megamenu-popup-active .stricky-header {
  bottom: 0;
}

body.megamenu-popup-active .mobile-nav__content {
  overflow: unset;
}

.mobile-nav__content .demo-one .container {
  padding-right: 15px;
  padding-left: 15px;
}

.megamenu-popup {
  position: relative;
}
.megamenu-popup .megamenu-clickable--close {
  position: absolute;
  top: 18px;
  left: 20px;
  display: block;
  color: var(--villoz-black, #132742);
}
@media (min-width: 1300px) {
  .megamenu-popup .megamenu-clickable--close {
    top: 38px;
    left: 40px;
  }
}
.megamenu-popup .megamenu-clickable--close:hover {
  color: var(--villoz-base, #537eac);
}
.megamenu-popup .megamenu-clickable--close span {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  color: currentColor;
  transition: all 500ms ease;
}
.megamenu-popup .megamenu-clickable--close span::before, .megamenu-popup .megamenu-clickable--close span::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) rotate(45deg);
}
.megamenu-popup .megamenu-clickable--close span::after {
  transform: translate(50%, -50%) rotate(-45deg);
}

/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.demo-one {
  padding-top: 120px;
  padding-bottom: 120px;
}
.demo-one .row {
  --bs-gutter-y: 30px;
}
.demo-one__card {
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 10px 60px 0px rgba(var(--villoz-black3-rgb, 0, 0, 0), 0.1);
  text-align: center;
  transition: 500ms ease;
  transform: translateY(0px);
}
.demo-one__card:hover {
  transform: translateY(-10px);
}
.demo-one__title {
  margin: 0;
  text-transform: capitalize;
  font-size: 18px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
}
.demo-one__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.demo-one__title a:hover {
  background-size: 100% 1px;
}
.demo-one__image {
  position: relative;
  overflow: hidden;
}
.demo-one__image img {
  max-width: 100%;
  transition: filter 500ms ease;
  filter: blur(0px);
}
.demo-one__card:hover .demo-one__image img {
  filter: blur(2px);
}
.demo-one__btns {
  background-color: rgba(var(--villoz-black3-rgb, 0, 0, 0), 0.7);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  transform: scale(1, 0);
  transition: transform 500ms ease, opacity 600ms linear;
  transform-origin: bottom center;
  opacity: 0;
}
.demo-one__card:hover .demo-one__btns {
  transform: scale(1, 1);
  opacity: 1;
  transform-origin: top center;
}
.demo-one__btn {
  font-size: 13px;
}
.demo-one__btn > i {
  padding: 5px 20px;
  height: 40px;
  width: 135px;
}
.demo-one__title {
  padding-top: 20.5px;
  padding-bottom: 20.5px;
}

.home-showcase {
  position: relative;
}
.home-showcase .row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 20px;
}
.home-showcase__inner {
  padding: 40px 40px 21px;
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 10px 60px 0px rgba(var(--villoz-black3-rgb, 0, 0, 0), 0.07);
}
.home-showcase .demo-one__card {
  box-shadow: none;
}
.home-showcase .demo-one__btns {
  flex-direction: column;
}
.home-showcase .demo-one__title {
  padding: 0;
  font-size: 14px;
  margin-top: 15px;
  padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.fact-one {
  position: relative;
  background-color: var(--villoz-black, #132742);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 350px 0 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .fact-one {
    padding-top: 320px;
  }
}
.fact-one--about {
  background-color: transparent;
  padding: 70px 0 22px;
}
.fact-one--about .fact-one__item__icon {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.fact-one--about .fact-one__item__count {
  color: var(--villoz-black, #132742);
}
.fact-one--about .fact-one__item__title {
  color: var(--villoz-text, #737a83);
}
.fact-one__item {
  position: relative;
  z-index: 5;
  padding: 1px 15px 36px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top center;
  transition: all 400ms ease;
  margin-bottom: 65px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fact-one__item {
    background-size: contain;
  }
}
.fact-one__item__icon {
  width: 116px;
  height: 116px;
  background-color: var(--villoz-black2, #0e1e34);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 600ms ease;
  color: var(--villoz-base, #537eac);
  font-size: 62px;
  border-radius: 50%;
  margin-bottom: 7px;
  margin: -70px auto 21px;
}
.fact-one__item__icon span {
  display: inline-block;
}
.fact-one__item:hover .fact-one__item__icon span {
  animation: bounceIn 1s linear;
  animation-duration: 1s;
  animation-duration: 1s;
  animation-duration: 2s;
}
.fact-one__item__count {
  font-size: 50px;
  font-weight: 500;
  color: var(--villoz-white, #fff);
  line-height: 1;
  transition: all 400ms ease;
  margin-bottom: 14px;
}
.fact-one__item__count .count-box {
  display: inline-flex;
}
.fact-one__item__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--villoz-text-dark, #859ab7);
  transition: all 300ms ease;
  margin: 0;
}
.fact-one__bottom {
  background-color: var(--villoz-white, #fff);
}
.fact-one__bottom__bg {
  width: 100%;
  height: 100%;
  max-height: 300px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-position: bottom left;
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fact-one__bottom__bg {
    max-height: 242px;
  }
}
@media (max-width: 991px) {
  .fact-one__bottom__bg {
    display: none;
    max-height: inherit;
  }
}
.fact-one__bottom__image {
  position: relative;
  border-right: 10px solid var(--villoz-base, #537eac);
}
.fact-one__bottom__image img {
  max-width: 100%;
  height: auto;
}
.fact-one__bottom__content {
  position: relative;
  margin-right: -30px;
  padding: 49px 0 0;
}
@media (max-width: 991px) {
  .fact-one__bottom__content {
    margin-right: 0;
    padding: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fact-one__bottom__content {
    margin-right: 0;
  }
}
.fact-one__bottom__title {
  font-size: 40px;
  margin: 0 0 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fact-one__bottom__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .fact-one__bottom__title {
    font-size: 30px;
    margin: 0 0 25px;
  }
}
.fact-one__bottom__text {
  line-height: 30px;
  margin: -70px -18px 0 7px;
  position: relative;
  top: 6px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fact-one__bottom__text {
    margin: -100px -30px 0 0;
  }
}
@media (max-width: 767px) {
  .fact-one__bottom__text {
    margin: 20px 0 0;
    top: 0;
  }
}

.funfact-two {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 120px 0;
}
.funfact-two__shape {
  position: absolute;
  right: -10px;
  top: 0;
}
.funfact-two__shape img {
  animation: shapeMove 3s linear 0s infinite;
}
@media (max-width: 767px) {
  .funfact-two {
    padding: 80px 0;
  }
}
.funfact-two .sec-title {
  padding-bottom: 33px;
}
.funfact-two .sec-title__tagline,
.funfact-two .sec-title__title {
  color: var(--villoz-white, #fff);
}
.funfact-two__list {
  position: relative;
  background-color: var(--villoz-white, #fff);
  margin: 0 -7px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
}
@media (max-width: 991px) {
  .funfact-two__list {
    margin: 50px 0 0;
  }
}
.funfact-two__list__icon {
  width: 94px;
  height: 94px;
  background-color: var(--villoz-base, #537eac);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.funfact-two__list__icon img {
  height: 65px;
  transform: scale(1);
  transition: 500ms ease;
}
@media (max-width: 767px) {
  .funfact-two__list__icon {
    display: none;
  }
}
.funfact-two__list:hover .funfact-two__list__icon img {
  transform: scale(0.9);
}
.funfact-two__item {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 42px 58px;
}
.funfact-two__item:nth-child(1), .funfact-two__item:nth-child(3) {
  border-left: 1px solid var(--villoz-base, #537eac);
}
.funfact-two__item:nth-child(1), .funfact-two__item:nth-child(2) {
  border-bottom: 1px solid var(--villoz-base, #537eac);
}
@media (max-width: 1199px) {
  .funfact-two__item {
    padding-right: 30px;
    padding-left: 25px;
  }
}
@media (max-width: 991px) {
  .funfact-two__item {
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .funfact-two__item {
    padding-right: 50px;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid var(--villoz-base, #537eac);
  }
}
.funfact-two__count {
  margin: 0;
  color: var(--villoz-black, #132742);
  font-size: 40px;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .funfact-two__count {
    font-size: 50px;
  }
}
.funfact-two__text {
  margin: 0;
  font-size: 18px;
  margin: 0;
}

.funfact-three {
  position: relative;
  padding: 100px 0;
}
@media (max-width: 767px) {
  .funfact-three {
    padding: 80px 0 50px;
  }
}
.funfact-three__bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--villoz-gray, #f0f6fd);
}
@media (min-width: 1400px) {
  .funfact-three__bg {
    width: calc(100% - 240px);
    right: 120px;
  }
}
.funfact-three__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0;
}
@media (max-width: 767px) {
  .funfact-three__list {
    display: block;
  }
}
.funfact-three__item {
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
}
@media (max-width: 991px) {
  .funfact-three__item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0 30px !important;
  }
}
@media (max-width: 767px) {
  .funfact-three__item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 30px !important;
    text-align: center;
  }
}
.funfact-three__item:not(:last-of-type)::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--villoz-border-color, #d6e2f0);
  position: absolute;
  top: 0;
  left: 54px;
}
@media (max-width: 991px) {
  .funfact-three__item:not(:last-of-type)::before {
    left: 50px !important;
  }
}
@media (max-width: 767px) {
  .funfact-three__item:not(:last-of-type)::before {
    display: none;
  }
}
.funfact-three__item:not(:first-of-type) {
  padding-right: 37px;
}
@media (max-width: 1199px) {
  .funfact-three__item:not(:first-of-type) {
    padding-right: 0;
  }
}
.funfact-three__item:nth-child(2)::before {
  left: 16px;
}
@media (max-width: 991px) {
  .funfact-three__item:nth-child(2)::before {
    display: none;
  }
}
.funfact-three__item:nth-child(3)::before {
  left: -20px;
}
.funfact-three__item:nth-child(3) {
  padding-right: 63px;
}
@media (max-width: 1199px) {
  .funfact-three__item:nth-child(3) {
    padding-right: 40px;
  }
}
.funfact-three__item:last-child {
  padding-right: 104px;
}
@media (max-width: 1199px) {
  .funfact-three__item:last-child {
    padding-right: 70px;
  }
}
.funfact-three__item:hover .funfact-three__icon::before {
  transform: scale(0.9);
}
.funfact-three__icon {
  width: 103px;
  height: 104px;
  background-color: var(--villoz-base, #537eac);
  font-size: 60px;
  color: var(--villoz-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 13px;
}
@media (max-width: 767px) {
  .funfact-three__icon {
    margin-right: auto;
    margin-left: auto;
  }
}
.funfact-three__icon::before {
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}
.funfact-three__count {
  margin: 0;
  color: var(--villoz-black, #132742);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  font-size: 35px;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 768px) {
  .funfact-three__count {
    font-size: 40px;
  }
}
.funfact-three__text {
  margin: 0;
  color: var(--villoz-text, #737a83);
  font-size: 16px;
  margin-top: 9px;
  margin-bottom: -6px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials-one {
  padding-top: 120px;
  padding-bottom: 275px;
  margin-bottom: -155px;
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
@media (max-width: 767px) {
  .testimonials-one {
    padding-top: 80px;
    padding-bottom: 230px;
  }
}
.testimonials-one--home-three {
  padding: 120px 0;
  margin: 0;
  border: none;
}
@media (max-width: 767px) {
  .testimonials-one--home-three {
    padding: 80px 0;
  }
}
.testimonials-one--home-three__right {
  position: absolute;
  left: 0;
  top: 0;
  background-position: top left;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .testimonials-one--home-three__right {
    display: none;
  }
}
.testimonials-one--page {
  background-color: var(--villoz-white, #fff);
  margin: 0;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .testimonials-one--page {
    padding: 80px 0;
  }
}
.testimonials-one .sec-title {
  padding-bottom: 50px;
}
.testimonials-one__content {
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .testimonials-one__content {
    margin: 0 0 50px;
  }
}
.testimonials-one__content__ratings {
  position: relative;
  display: flex;
  gap: 5px;
  margin: 0 0 9px;
}
.testimonials-one__content__ratings i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: var(--villoz-base, #537eac);
  text-align: center;
  color: var(--villoz-white, #fff);
  font-size: 16px;
  line-height: 40px;
}
.testimonials-one__content__text {
  margin: 0 0 32px;
}
.testimonials-one__carousel-dots {
  position: relative;
  display: flex;
  gap: 10px;
  margin: 0;
}
.testimonials-one__carousel-dots .owl-dot {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  border-radius: 50%;
}
.testimonials-one__carousel-dots .owl-dot span {
  background-color: var(--villoz-black, #132742);
  margin: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  transition: 500ms ease;
  opacity: 0.3;
  display: block;
}
.testimonials-one__carousel-dots .owl-dot:hover span, .testimonials-one__carousel-dots .owl-dot.active span {
  transform: scale(2);
  opacity: 1;
}

.testimonials-card {
  position: relative;
  z-index: 2;
  transition: all 500ms ease;
  border: 5px solid var(--villoz-base, #537eac);
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 10px 60px 0px rgba(var(--villoz-black3-rgb, 0, 0, 0), 0.07);
}
.testimonials-card:hover {
  border-color: var(--villoz-black, #132742);
}
.testimonials-card:hover .testimonials-card__author {
  background-color: var(--villoz-black, #132742);
}
.testimonials-card:hover .testimonials-card__bottom-bg {
  opacity: 0;
}
.testimonials-card:hover .testimonials-card__bottom-bg-hover {
  opacity: 1;
}
.testimonials-card__top-bg {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0;
  mix-blend-mode: luminosity;
  opacity: 0.1;
  z-index: -1;
  transition: all 500ms ease;
}
.testimonials-card__rating {
  display: flex;
  align-items: center;
  padding: 50px 45px 11px;
}
.testimonials-card__rating i {
  color: #fcbd14;
  font-size: 12px;
  letter-spacing: 2px;
}
.testimonials-card__content {
  line-height: 30px;
  margin: 0;
  padding: 0 45px 42px;
}
.testimonials-card__author {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  min-height: 88px;
  padding: 28px 119px 10px 25px;
  transition: all 500ms ease;
}
.testimonials-card__author::after {
  position: absolute;
  transition: all 500ms ease;
  right: 46px;
  top: -14px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 63px 14px 0;
  border-color: transparent var(--villoz-white, #fff) transparent transparent;
  z-index: 2;
}
.testimonials-card__author img {
  width: 53px !important;
  height: 53px;
  border: 2px solid var(--villoz-white, #fff);
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  right: 45px;
  top: 20px;
  transition: all 500ms ease;
}
.testimonials-card__name {
  position: relative;
  z-index: 2;
  text-transform: capitalize;
  color: var(--villoz-white, #fff);
  font-size: 18px;
  line-height: 1;
  margin-bottom: 7px;
}
.testimonials-card__designation {
  position: relative;
  z-index: 2;
  margin: 0;
  font-weight: 600;
  line-height: 1;
  color: #c2ddf9;
  font-size: 12px;
}
.testimonials-card__bottom-bg {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: 0.7;
  transition: all 500ms ease;
}
.testimonials-card__bottom-bg-hover {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  opacity: 0;
  transition: all 500ms ease;
}

.testimonials-two {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 120px 0 109px;
  max-width: 1680px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .testimonials-two {
    padding: 80px 0 70px;
  }
}
.testimonials-two__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  opacity: 0.08;
  mix-blend-mode: luminosity;
}
.testimonials-two__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border: 2px solid var(--villoz-white, #fff);
}
@media (max-width: 1199px) {
  .testimonials-two__inner {
    display: none;
  }
}
.testimonials-two__carousel {
  position: relative;
  text-align: center;
  max-width: 890px;
  margin: auto;
}
.testimonials-two__item {
  position: relative;
  margin: 0 0 26px;
}
.testimonials-two__item__ratings {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fcbd14;
  font-size: 18px;
  letter-spacing: 3px;
  margin-bottom: 23px;
}
.testimonials-two__item__quote {
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .testimonials-two__item__quote {
    font-size: 30px;
    line-height: 40px;
  }
}
.testimonials-two__carousel-thumb {
  max-width: 525px;
  margin: auto;
  position: relative;
}
.testimonials-two__carousel-thumb .item {
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 30px 0 0;
}
.testimonials-two__carousel-thumb .item .testimonials-two__meta-thumb {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  position: relative;
  margin-bottom: 24px;
}
.testimonials-two__carousel-thumb .item .testimonials-two__meta-thumb::after {
  position: absolute;
  right: -7px;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 50%;
  margin: auto;
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  content: "";
  border: 2px solid var(--villoz-base, #537eac);
  visibility: hidden;
  opacity: 0;
  transition: 500ms ease;
  transform: scale(0.8);
}
.testimonials-two__carousel-thumb .item .testimonials-two__meta-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.testimonials-two__carousel-thumb .active.center .item .testimonials-two__meta-thumb::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.testimonials-two__carousel-thumb .active.center .testimonials-two__meta {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.testimonials-two__meta {
  position: relative;
  display: block;
  visibility: hidden;
  margin-right: -48%;
  opacity: 0;
  transform: translateY(20%);
  transition: 500ms ease;
}
.testimonials-two__meta__name {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--villoz-black2, #0e1e34);
}
.testimonials-two__meta__designation {
  display: block;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 2.4px;
  color: var(--villoz-base, #537eac);
}

.testimonials-three {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .testimonials-three {
    padding: 80px 0;
  }
}
.testimonials-three__content {
  position: relative;
}
.testimonials-three__content .sec-title {
  padding-bottom: 27px;
}
.testimonials-three__content__text {
  font-size: 15px;
  line-height: 30px;
  margin: 0 0 28px;
}
.testimonials-three__carousel-nav {
  position: relative;
  display: flex;
  align-items: center;
}
.testimonials-three__carousel-nav a {
  width: 57px;
  height: 57px;
  background-color: var(--villoz-white, #fff);
  font-size: 16px;
  color: var(--villoz-black, #132742);
  border-radius: 50%;
  line-height: 58px;
  text-align: center;
}
.testimonials-three__carousel-nav a:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.testimonials-three__carousel-nav a + a {
  margin-right: 10px;
}
.testimonials-three__item {
  position: relative;
  display: flex;
}
@media (max-width: 1199px) {
  .testimonials-three__item {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .testimonials-three__item {
    display: block;
  }
}
.testimonials-three__item__content {
  max-width: 430px;
  position: relative;
  z-index: 2;
  background-color: var(--villoz-white, #fff);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 10px;
  box-shadow: 0px 10px 60px 0px rgba(var(--villoz-black3-rgb, 0, 0, 0), 0.07);
}
.testimonials-three__item__content::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 74px;
  border-color: transparent transparent transparent var(--villoz-white, #fff);
  position: absolute;
  left: 115px;
  bottom: -40px;
  content: "";
}
.testimonials-three__item__thumb {
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .testimonials-three__item__thumb {
    left: 50px;
  }
}
@media (max-width: 767px) {
  .testimonials-three__item__thumb {
    position: relative;
    margin: 50px 0 0;
  }
}
.testimonials-three__item__thumb-one {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  margin: 26px 0 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.testimonials-three__item__thumb-one img {
  max-width: 100%;
  border-radius: 50%;
}
.testimonials-three__item__thumb-two {
  position: absolute;
  left: 0;
  top: 0;
  width: 197px;
  height: 197px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.testimonials-three__item__thumb-two img {
  max-width: 100%;
  border-radius: 50%;
}
.testimonials-three__item__thumb-flower {
  position: absolute;
  left: -53px;
  top: 68px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (max-width: 767px) {
  .testimonials-three__item__thumb-flower {
    display: none;
  }
}
.testimonials-three__item__thumb-flower img {
  max-width: 100%;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.testimonials-three__meta {
  display: flex;
  align-items: center;
  background-color: var(--villoz-base, #537eac);
  padding: 10px 48px 10px;
  margin-bottom: 29px;
}
@media (max-width: 767px) {
  .testimonials-three__meta {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.testimonials-three__meta__title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--villoz-white, #fff);
}
.testimonials-three__meta__designation {
  position: relative;
  margin: 0 30px 0 0;
  font-size: 14px;
  color: var(--villoz-white, #fff);
}
.testimonials-three__meta__designation::before {
  position: absolute;
  right: -18px;
  bottom: -3px;
  content: ".";
  color: var(--villoz-white, #fff);
  font-size: 18px;
  font-weight: 700;
}
.testimonials-three__ratings {
  display: flex;
  align-items: center;
  color: var(--villoz-base, #537eac);
  font-size: 16px;
  letter-spacing: 3px;
  margin: 0 50px 19px 0px;
}
@media (max-width: 767px) {
  .testimonials-three__ratings {
    margin-right: 30px;
  }
}
.testimonials-three__quote {
  font-size: 24px;
  line-height: 40px;
  color: var(--villoz-black, #132742);
  font-family: var(--villoz-heading-font, "Plus Jakarta Sans", serif);
  font-weight: 700;
  font-style: italic;
  margin: 0 50px 36px 40px;
}
@media (max-width: 767px) {
  .testimonials-three__quote {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.testimonials-three .active .testimonials-three__item__thumb-one {
  animation-delay: 0.3s;
  animation-name: fadeInUp;
}
.testimonials-three .active .testimonials-three__item__thumb-two {
  animation-delay: 0.4s;
  animation-name: fadeInUp;
}
.testimonials-three .active .testimonials-three__item__thumb-flower {
  animation-delay: 0.5s;
  animation-name: fadeInUp;
}

/*--------------------------------------------------------------
# CTA
--------------------------------------------------------------*/
.cta-one {
  padding: 163px 0 120px;
  position: relative;
  background-color: var(--villoz-black2, #0e1e34);
}
@media (max-width: 767px) {
  .cta-one {
    padding: 110px 0 80px;
  }
}
.cta-one__bg {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.6;
}
.cta-one__overlay-one {
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 100%;
}
.cta-one__overlay-two {
  position: absolute;
  right: 0;
  top: -30px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 100%;
}
.cta-one__content {
  position: relative;
  z-index: 2;
  padding: 0;
  max-width: 590px;
  margin: auto;
}
.cta-one__content .villoz-btn,
.cta-one__content .villoz-btn > i {
  background-color: var(--villoz-black, #132742);
}
.cta-one__content .villoz-btn > span {
  background-color: var(--villoz-white, #fff);
}
.cta-one__content .villoz-btn:hover {
  color: var(--villoz-black, #132742);
}
.cta-one__sub-title {
  color: var(--villoz-white, #fff);
  font-family: var(--villoz-special-font, "reeyregular", cursive);
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .cta-one__sub-title {
    font-size: 24px;
  }
}
.cta-one__title {
  position: relative;
  margin: 0;
  text-transform: uppercase;
  font-size: 60px;
  margin-bottom: 29px;
  color: var(--villoz-white, #fff);
}
.cta-one__title::after {
  position: absolute;
  left: -50px;
  top: -27px;
  content: "";
  background-image: url(../images/shapes/cta-1-border.png);
  width: 53px;
  height: 46px;
}
@media (max-width: 767px) {
  .cta-one__title::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .cta-one__title {
    font-size: 35px;
  }
}

.cta-two {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  text-align: center;
  padding: 20px 0 25px;
}
.cta-two__title {
  color: var(--villoz-white, #fff);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
@media (max-width: 991px) {
  .cta-two__title {
    line-height: 1.3;
  }
}

.cta-three {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.cta-three__box {
  position: relative;
  padding: 0 145px 0 0;
  min-height: 115px;
}
@media (max-width: 767px) {
  .cta-three__box {
    padding-right: 0;
  }
}
.cta-three__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 115px;
  height: 115px;
  background-color: rgba(18, 39, 66, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .cta-three__icon {
    position: relative;
    margin-bottom: 20px;
  }
}
.cta-three__icon img {
  max-width: 56px;
}
.cta-three__title {
  color: var(--villoz-white, #fff);
  font-size: 30px;
  margin: 0 0 14px;
}
.cta-three__text {
  color: #c2ddf9;
  line-height: 30px;
  margin: 0;
}
@media (max-width: 1199px) {
  .cta-three__text br {
    display: none;
  }
}
.cta-three .villoz-btn {
  margin-top: 31px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .cta-three .villoz-btn > i {
    padding: 10.25px 28.5px;
  }
}
.cta-three .villoz-btn > i,
.cta-three .villoz-btn {
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
}
.cta-three .villoz-btn:hover {
  color: var(--villoz-white, #fff);
}
@media (max-width: 767px) {
  .cta-three .text-end {
    text-align: right !important;
  }
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery-one {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .gallery-one {
    padding: 80px 0;
  }
}
.gallery-one .container {
  max-width: 1572px;
}
@media (max-width: 767px) {
  .gallery-one .container {
    max-width: 540px;
  }
}
.gallery-one .container-fluid {
  width: 100%;
  max-width: 1572px;
}
.gallery-one--home-one {
  padding: 0;
  background-color: var(--villoz-white, #fff);
}
.gallery-one--home-one .container {
  max-width: 1755px;
  z-index: 2;
  position: relative;
}
.gallery-one .row {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
}
@media (min-width: 992px) {
  .gallery-one__carousel .owl-nav {
    display: none;
  }
}
.gallery-one__filter__list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.gallery-one__filter__list li {
  cursor: pointer;
}
.gallery-one__filter__list li span {
  display: block;
  font-size: 10px;
  background-color: var(--villoz-gray, #f0f6fd);
  transition: all 500ms ease;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: var(--villoz-letter-space, 0.1em);
  padding: 15px 20px;
  line-height: 1.2em;
}
.gallery-one__filter__list li.active span, .gallery-one__filter__list li:hover span {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.gallery-one__card {
  position: relative;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
}
.gallery-one__card img {
  transform: scale(1);
  width: 100%;
  transition: transform 500ms ease, opacity 500ms ease;
  opacity: 1;
}
.gallery-one__card__hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(var(--villoz-base-rgb, 83, 126, 172), 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: bottom center;
}
.gallery-one__card__hover .img-popup {
  position: relative;
}
.gallery-one__card:hover img {
  transform: scale(1.05);
  opacity: 0.9;
  mix-blend-mode: screen;
}
.gallery-one__card:hover .gallery-one__card__hover {
  transform-origin: top center;
  transform: scale(1, 1);
}
.gallery-one__card__icon {
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
}
.gallery-one__card__icon::after, .gallery-one__card__icon::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--villoz-white, #fff);
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.gallery-one__card__icon::after {
  transform: translate(50%, -50%) rotate(-90deg);
}

.gallery-two {
  position: relative;
  overflow: hidden;
  padding: 0 0 80px;
}
.gallery-two--about {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .gallery-two--about {
    padding: 80px 0;
  }
}
.gallery-two .container {
  max-width: 1380px;
}
.gallery-two__card {
  position: relative;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
}
.gallery-two__card img {
  transform: scale(1);
  max-width: 100%;
  transition: transform 500ms ease, opacity 500ms ease;
  opacity: 1;
}
.gallery-two__card__hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: bottom center;
}
.gallery-two__card__hover .img-popup {
  position: relative;
}
.gallery-two__card:hover img {
  transform: scale(1.05);
}
.gallery-two__card:hover .gallery-two__card__hover {
  transform-origin: top center;
  transform: scale(1, 1);
}
.gallery-two__card__icon {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.gallery-two__card__icon::after, .gallery-two__card__icon::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--villoz-white, #fff);
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.gallery-two__card__icon::after {
  transform: translate(50%, -50%) rotate(-90deg);
}

.gallery-three {
  position: relative;
}
.gallery-three__carousel {
  position: relative;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  padding-top: 120px;
}
@media (max-width: 767px) {
  .gallery-three__carousel {
    padding-top: 80px;
  }
}
.gallery-three__card {
  position: relative;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
}
.gallery-three__card img {
  transform: scale(1);
  max-width: 100%;
  transition: transform 500ms ease, opacity 500ms ease;
  opacity: 1;
}
.gallery-three__card__hover {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1, 0);
  transition: transform 500ms ease;
  transform-origin: bottom center;
}
.gallery-three__card__hover .img-popup {
  position: relative;
}
.gallery-three__card:hover img {
  transform: scale(1.05);
}
.gallery-three__card:hover .gallery-three__card__hover {
  transform-origin: top center;
  transform: scale(1, 1);
}
.gallery-three__card__icon {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.gallery-three__card__icon::after, .gallery-three__card__icon::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--villoz-white, #fff);
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.gallery-three__card__icon::after {
  transform: translate(50%, -50%) rotate(-90deg);
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
  padding: 40px;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sidebar {
    padding-right: 25px;
    padding-left: 20px;
  }
}
.sidebar__single {
  padding: 0px;
}
@media (min-width: 1200px) {
  .sidebar__single {
    padding: 0px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 40px;
}
.sidebar__title {
  margin: 0;
  line-height: 1em;
  font-size: 20px;
  font-weight: bold;
  margin-top: -4px;
  margin-bottom: 26px;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input[type=search],
.sidebar__search input[type=text] {
  outline: none;
  width: 100%;
  height: 64px;
  background-color: var(--villoz-gray, #f0f6fd);
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  padding-right: 30px;
  padding-left: 30px;
  transition: all 500ms ease;
  border: none;
}
.sidebar__search input[type=search]:focus,
.sidebar__search input[type=text]:focus {
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.sidebar__search button[type=submit] {
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  width: auto;
  font-size: 22px;
  color: var(--villoz-black, #132742);
}
.sidebar__posts {
  margin-bottom: 0;
}
.sidebar__posts__item {
  display: flex;
  align-items: center;
}
.sidebar__posts__item:not(:last-of-type) {
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.sidebar__posts__image {
  flex-shrink: 0;
  margin-left: 20px;
}
.sidebar__posts__title {
  margin: 0;
  color: var(--villoz-black, #132742);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
  margin-top: -5px;
}
.sidebar__posts__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.sidebar__posts__title a:hover {
  background-size: 100% 1px;
}
.sidebar__posts__meta {
  margin: 0;
  line-height: 1em;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}
.sidebar__posts__meta a {
  display: inline-flex;
  align-items: center;
  color: var(--villoz-text, #737a83);
  font-size: 13px;
  line-height: 1em;
  transition: all 500ms ease;
}
.sidebar__posts__meta a:hover {
  color: var(--villoz-black, #132742);
  text-shadow: 0 0 1px currentColor;
}
.sidebar__posts__meta a i {
  color: var(--villoz-base, #537eac);
  margin-left: 3px;
}
.sidebar__categories {
  margin-bottom: -18px;
  margin-top: -18px;
}
.sidebar__categories li:not(:last-of-type) {
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
.sidebar__categories li a {
  font-size: 16px;
  color: var(--villoz-text, #737a83);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
  padding: 7px 0;
}
.sidebar__categories li a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: all 500ms ease;
  font-size: 14px;
}
.sidebar__categories li a:hover {
  padding: 7px 20px;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-black, #132742);
}
.sidebar__categories li a:hover::after {
  text-shadow: 0 0 0px currentColor;
  color: var(--villoz-base, #537eac);
}
.sidebar__projects__card {
  position: relative;
}
.sidebar__projects__card__image img {
  width: 100%;
}
.sidebar__projects__card__content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  padding: 0 21px 24px 0;
  background: linear-gradient(to bottom, rgba(var(--villoz-white-rgb, 255, 255, 255), 0) 40%, var(--villoz-black, #132742) 100%);
}
.sidebar__projects__card__title {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 600;
  color: var(--villoz-white, #fff);
  margin: 0;
  margin-bottom: -4px;
}
.sidebar__projects__card__title a {
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  color: inherit;
}
.sidebar__projects__card__title a:hover {
  background-size: 100% 1px;
}
.sidebar__projects__carousel .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}
.sidebar__projects__carousel .owl-dots {
  position: absolute;
  bottom: 13px;
  left: 30px;
  gap: 5px;
}
.sidebar__projects__carousel .owl-dots .owl-dot span {
  background-color: var(--villoz-white, #fff);
  border-width: 0px;
  opacity: 0.3;
  width: 6px;
  height: 6px;
}
.sidebar__projects__carousel .owl-dots .owl-dot:hover span, .sidebar__projects__carousel .owl-dots .owl-dot.active span {
  transform: none;
  opacity: 1;
  background-color: rgba(var(--villoz-white-rgb, 255, 255, 255), 1);
  border-color: rgba(var(--villoz-white-rgb, 255, 255, 255), 1);
}
.sidebar__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.sidebar__tags a {
  background-color: var(--villoz-gray, #f0f6fd);
  font-size: 12px;
  font-weight: 600;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
  display: inline-flex;
  padding: 6.5px 19.5px;
}
.sidebar__tags a:hover {
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-base, #537eac);
}
.sidebar__comments {
  margin-top: -2px;
  margin-bottom: -2px;
}
.sidebar__comments__item {
  display: flex;
  align-items: center;
}
.sidebar__comments__item:not(:last-of-type) {
  margin-bottom: 26px;
}
.sidebar__comments__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--villoz-gray, #f0f6fd);
  font-size: 16px;
  color: var(--villoz-black, #132742);
  margin-left: 20px;
  border-radius: 50%;
  transition: all 500ms ease;
}
.sidebar__comments__item:hover .sidebar__comments__icon {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.sidebar__comments__title {
  margin: 0;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: var(--villoz-text, #737a83);
}
.sidebar__comments__title a {
  color: inherit;
  transition: all 500ms ease;
}
.sidebar__comments__title a:hover {
  color: var(--villoz-black, #132742);
}

.villa-sidebar {
  position: relative;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 24px 28px 23px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-sidebar {
    padding-right: 22px;
    padding-left: 22px;
  }
}
@media (max-width: 991px) {
  .villa-sidebar {
    margin: 0 0 50px;
  }
}
.villa-sidebar--right {
  position: relative;
}
@media (max-width: 991px) {
  .villa-sidebar--right {
    margin: 50px 0 0;
  }
}
.villa-sidebar__title {
  font-size: 18px;
  margin: 0 0 26px;
}
.villa-sidebar .accordion-item {
  position: relative;
  background-color: transparent;
  border: none;
  margin: 26px 0 0;
  padding: 26px 0 0;
  border-radius: 0;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.villa-sidebar .accordion-item .accordion-button {
  margin: 0 0 11px;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  box-shadow: none;
  cursor: pointer;
  position: relative;
  text-transform: capitalize;
}
.villa-sidebar .accordion-item .accordion-button::after {
  position: absolute;
  top: 2.5px;
  bottom: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  width: auto;
  height: auto;
  background: transparent;
  transform: none;
}
.villa-sidebar .accordion-item .accordion-button.collapsed::after {
  transform: rotate(-180deg);
}
.villa-sidebar .accordion-item .accordion-body {
  padding: 0;
  margin: 0;
}
.villa-sidebar .price-ranger {
  position: relative;
}
.villa-sidebar .price-ranger #slider-range {
  margin: 23px 0 0;
  background: var(--villoz-border-color, #d6e2f0);
  border: none;
  height: 3px;
  border-radius: 0;
  position: relative;
}
.villa-sidebar .price-ranger #slider-range .ui-slider-range {
  height: 100%;
  background: var(--villoz-base, #537eac);
}
.villa-sidebar .price-ranger #slider-range .ui-slider-handle {
  position: absolute;
  top: -6px;
  background: var(--villoz-base, #537eac);
  border: 0;
  height: 15px;
  width: 15px !important;
  border-radius: 50%;
  margin-right: -1px;
  outline: medium none;
  cursor: pointer;
  z-index: 2;
}
.villa-sidebar .price-ranger .ranger-min-max-block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 6px 0 0 0;
}
.villa-sidebar .price-ranger .ranger-min-max-block input[type=text] {
  position: relative;
  display: inline-block;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  line-height: 30px;
  border: none;
  outline: none;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  padding: 0;
  background-color: transparent;
}
.villa-sidebar .price-ranger .ranger-min-max-block input[type=text].max {
  text-align: left;
}
.villa-sidebar__lists {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.villa-sidebar__lists li {
  display: block;
  position: relative;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 13px;
}
.villa-sidebar__lists li label {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0px;
  padding-right: 22px;
  text-transform: none;
  cursor: pointer;
  transition: all 400ms ease;
}
.villa-sidebar__lists li label:hover {
  color: var(--villoz-base, #537eac);
}
.villa-sidebar__lists li label span:before {
  position: absolute;
  top: 2px;
  right: 1.5px;
  display: block;
  background-color: var(--villoz-base, #537eac);
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  pointer-events: none;
  transform-origin: 34% 66%;
  transform: rotate(-45deg);
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.villa-sidebar__lists li input[type=checkbox] {
  display: none;
}
.villa-sidebar__lists li input[type=checkbox] + label span {
  position: absolute;
  top: 6px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  vertical-align: middle;
  background: transparent;
  cursor: pointer;
  transition: all 300ms ease;
  border: 2px solid var(--villoz-border-color, #d6e2f0);
}
.villa-sidebar__lists li input[type=checkbox]:checked + label span {
  border-color: var(--villoz-base, #537eac);
}
.villa-sidebar__lists li input[type=checkbox]:checked + label span:before {
  opacity: 1;
}
.villa-sidebar__lists__ratings {
  position: relative;
  letter-spacing: 1.5px;
  color: #fcbd14;
}
.villa-sidebar__lists__ratings .disable {
  color: var(--villoz-border-color, #d6e2f0);
}

.villa-details-sidebar {
  position: relative;
}
@media (max-width: 991px) {
  .villa-details-sidebar {
    margin: 50px 0 0;
  }
}
.villa-details-sidebar--left {
  position: relative;
}
@media (max-width: 991px) {
  .villa-details-sidebar--left {
    margin: 0 0 50px;
  }
}
.villa-details-sidebar__booking {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  margin-bottom: 30px;
}
.villa-details-sidebar__booking__title {
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
  font-size: 20px;
  text-transform: capitalize;
  padding: 24px 40px 26px;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-details-sidebar__booking__title {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.villa-details-sidebar__form {
  position: relative;
  padding: 38px 40px 40px;
  display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-details-sidebar__form {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.villa-details-sidebar__form .villoz-btn {
  width: 100%;
}
.villa-details-sidebar__control {
  position: relative;
  margin: 0 0 19px;
}
.villa-details-sidebar__control label {
  display: block;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  margin: 0 0 9px;
}
.villa-details-sidebar__control .bootstrap-select > .dropdown-toggle,
.villa-details-sidebar__control input[type=text],
.villa-details-sidebar__control input[type=number],
.villa-details-sidebar__control input[type=email] {
  display: block;
  width: 100%;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-text, #737a83);
  height: 50px;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  border: none;
  outline: none;
  padding: 0 30px;
}
.villa-details-sidebar__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.villa-details-sidebar__control .bootstrap-select > .dropdown-toggle {
  padding: 0 30px;
  background-color: var(--villoz-white, #fff);
  border-radius: 0;
  border: none;
  outline: none !important;
  color: var(--villoz-text, #737a83);
  font-size: 13px;
  font-weight: 500;
  height: 50px;
  text-transform: capitalize;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
.villa-details-sidebar__control .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
}
.villa-details-sidebar__control .bootstrap-select > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.villa-details-sidebar__control .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.villa-details-sidebar__control .bootstrap-select .dropdown-menu {
  border: none;
}
.villa-details-sidebar__control .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  line-height: 50px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 13px;
  color: var(--villoz-text, #737a83);
}
.villa-details-sidebar__control .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.villa-details-sidebar__control .bootstrap-select .dropdown-menu > li > a {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-white, #fff);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.villa-details-sidebar__control .bootstrap-select .dropdown-menu > li:hover > a,
.villa-details-sidebar__control .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}
.villa-details-sidebar__checkbox {
  position: relative;
  margin: 16px 0 29px;
  padding: 0;
  list-style-type: none;
}
.villa-details-sidebar__checkbox li {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 100%;
  margin: 9px 0 0;
}
.villa-details-sidebar__checkbox li label {
  position: relative;
  display: flex;
  padding-right: 30px;
  margin-left: 0px;
  margin-bottom: 0;
  color: var(--villoz-text, #737a83);
  font-size: 13px;
  line-height: 22px;
  font-weight: 500;
  text-transform: none;
  cursor: pointer;
  width: 100%;
}
.villa-details-sidebar__checkbox li label span {
  margin-right: auto;
}
.villa-details-sidebar__checkbox li label:before {
  position: absolute;
  top: 8px;
  right: 4px;
  display: block;
  background-color: var(--villoz-base, #537eac);
  content: "";
  width: 8px;
  height: 8px;
  pointer-events: none;
  -webkit-transform-origin: 34% 66%;
  -ms-transform-origin: 34% 66%;
  transform-origin: 34% 66%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  z-index: 2;
  border-radius: 50%;
}
.villa-details-sidebar__checkbox li input[type=checkbox] {
  display: none;
}
.villa-details-sidebar__checkbox li input[type=checkbox] + label::after {
  position: absolute;
  content: "";
  top: 2px;
  right: 0;
  width: 19px;
  height: 19px;
  vertical-align: middle;
  background-color: var(--villoz-white, #fff);
  cursor: pointer;
  border-radius: 50%;
  transition: all 300ms ease;
  border: 2px solid var(--villoz-border-color, #d6e2f0);
}
.villa-details-sidebar__checkbox li input[type=checkbox]:checked + label::after {
  border-color: var(--villoz-base, #537eac);
}
.villa-details-sidebar__checkbox li input[type=checkbox]:checked + label:before {
  opacity: 1;
}
.villa-details-sidebar__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  margin: 0 0 12px;
  padding: 9px 0 0;
}
.villa-details-sidebar__total span {
  color: var(--villoz-base, #537eac);
  display: block;
}
.villa-details-sidebar__title {
  font-size: 20px;
  text-transform: capitalize;
  margin: 0 0 26px;
}
.villa-details-sidebar__post {
  position: relative;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 34px 39px 19px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-details-sidebar__post {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.villa-details-sidebar__post__item {
  position: relative;
  min-height: 60px;
  margin-bottom: 20px;
  padding: 0 80px 20px 0;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
.villa-details-sidebar__post__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.villa-details-sidebar__post__item__image {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
}
.villa-details-sidebar__post__item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.villa-details-sidebar__post__item__price {
  display: block;
  line-height: 0.8;
  font-size: 14px;
  color: var(--villoz-base, #537eac);
  font-weight: 600;
  margin-bottom: 4px;
}
.villa-details-sidebar__post__item__title {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 7px;
}
.villa-details-sidebar__post__item__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.villa-details-sidebar__post__item__title a:hover {
  background-size: 100% 1px;
}
.villa-details-sidebar__post__item__text {
  line-height: 1;
  font-size: 14px;
  margin: 0;
}

/*--------------------------------------------------------------
# Blog details
--------------------------------------------------------------*/
.blog-details .blog-card__image img {
  transform: scale(1);
  transform: translatex(0%) scalex(1);
  opacity: 1;
  filter: blur(0px);
}
.blog-details .blog-card:hover .blog-card__image img {
  transform: scale(1);
  transform: translatex(0%) scalex(1);
  opacity: 1;
  filter: blur(0px);
}
.blog-details .blog-card-two__text {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
}
.blog-details .blog-card-two__text + .blog-card-two__text {
  margin-top: 31px;
}
.blog-details .blog-card__title {
  margin-bottom: 10px;
}
.blog-details .blog-card-two__content {
  padding-bottom: 50px;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
.blog-details__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.blog-details__tags {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-details__tags__title {
  margin: 0;
  line-height: 1em;
  font-size: 20px;
  font-weight: 600;
  margin-top: -4px;
  margin-bottom: -4px;
}
.blog-details__tags .sidebar__tags a {
  background-color: var(--villoz-gray, #f0f6fd);
}
.blog-details__tags .sidebar__tags a:hover {
  background-color: var(--villoz-base, #537eac);
}
.blog-details__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-details__social a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--villoz-gray, #f0f6fd);
  font-size: 14px;
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  border-radius: 50%;
}
.blog-details__social a:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.blog-details__paginations {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .blog-details__paginations {
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog-details__paginations .sidebar__posts__item:not(:last-of-type) {
  border-bottom: 0px solid var(--villoz-border-color, #e8e3da);
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.blog-details__paginations .sidebar__posts__item {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 20px !important;
}
@media (min-width: 1200px) {
  .blog-details__paginations .sidebar__posts__item {
    padding: 30px;
  }
}
.blog-details__paginations .sidebar__posts__item:nth-of-type(2) {
  flex-direction: row-reverse;
  text-align: left;
}
.blog-details__paginations .sidebar__posts__item:nth-of-type(2) .sidebar__posts__image {
  margin-left: 0;
  margin-right: 20px;
}
.blog-details__paginations .sidebar__posts__item:nth-of-type(2) .sidebar__posts__meta {
  flex-direction: row-reverse;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .comments-one {
    margin-top: 55px;
  }
}
.comments-one__title {
  margin: 0;
  font-size: 25px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  margin-top: -4px;
  margin-bottom: -4px;
}
@media (min-width: 992px) {
  .comments-one__title {
    font-size: 30px;
  }
}
.comments-one__list {
  margin: 0;
  margin-top: 35px;
}
@media (min-width: 768px) {
  .comments-one__card {
    display: flex;
    align-items: flex-start;
  }
}
.comments-one__card:not(:first-of-type) {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (min-width: 1200px) {
  .comments-one__card:not(:first-of-type) {
    margin-top: 50px;
    padding-top: 50px;
  }
}
@media (min-width: 768px) {
  .comments-one__card__image {
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  .comments-one__card__image {
    margin-left: 45px;
  }
}
.comments-one__card__image img {
  border-radius: 50%;
}
.comments-one__card__title {
  margin: 0;
  font-size: 20px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .comments-one__card__title {
    margin-bottom: 21px;
  }
}
.comments-one__card__text {
  margin: 0;
  font-size: 15px;
  line-height: 2em;
  margin-bottom: 20px;
  max-width: 560px;
}
@media (min-width: 768px) {
  .comments-one__card__text {
    margin-bottom: 0;
  }
}
.comments-one__card__reply {
  font-size: 12px;
  background-color: var(--villoz-gray, #f0f6fd);
  font-weight: 600;
}
.comments-one__card__reply > i {
  padding: 8.5px 18px;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
}
@media (min-width: 768px) {
  .comments-one__card__reply {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.comments-one__card__reply:hover {
  color: var(--villoz-white, #fff);
}
.comments-one__card__reply::after {
  background-color: var(--villoz-base, #537eac);
}
.comments-one__card__reply::before {
  background-color: var(--villoz-black, #132742);
}
.comments-one__card__content {
  position: relative;
}

.comments-form {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .comments-form {
    margin-top: 55px;
  }
}
.comments-form__title {
  margin: 0;
  font-size: 25px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  margin-top: -4px;
  margin-bottom: -4px;
}
@media (min-width: 992px) {
  .comments-form__title {
    font-size: 30px;
  }
}
.comments-form__form {
  margin-top: 45px;
}
.comments-form__form textarea {
  height: 188px;
}

/*--------------------------------------------------------------
# Shop
--------------------------------------------------------------*/
.product {
  position: relative;
}
.product__sidebar {
  position: relative;
}
.product__sidebar--title {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  margin-top: -5px;
}
.product__search {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.product__search form {
  border-radius: 0;
  position: relative;
}
.product__search form input[type=text] {
  width: 100%;
  height: 64px;
  background-color: transparent;
  padding-right: 30px;
  padding-left: 30px;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  outline: none;
  font-weight: 500;
  border-radius: 0;
}
.product__price-ranger {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 30px;
  margin-bottom: 30px;
}
.product__price-ranger #slider-range {
  margin: 22px 0px 0 0;
  background: var(--villoz-white, #fff);
  border: none;
  height: 5px;
  border-radius: 0;
  position: relative;
}
.product__price-ranger #slider-range .ui-slider-range {
  height: 100%;
  background: var(--villoz-base, #537eac);
}
.product__price-ranger #slider-range .ui-slider-handle {
  position: absolute;
  top: -5px;
  background: var(--villoz-base, #537eac);
  border: 0;
  height: 14px;
  width: 14px !important;
  border-radius: 50%;
  margin-right: -2px;
  outline: medium none;
  cursor: pointer;
  z-index: 2;
}
.product__price-ranger .ranger-min-max-block {
  position: relative;
  display: block;
  margin: 18px 0px 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .product__price-ranger .ranger-min-max-block {
    margin-right: -10px;
  }
}
.product__price-ranger .ranger-min-max-block input[type=text] {
  position: relative;
  display: inline-block;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  width: 40px;
  line-height: 30px;
  border: none;
  outline: none;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.product__price-ranger .ranger-min-max-block span {
  position: relative;
  display: inline-block;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  right: -2px;
}
.product__price-ranger .ranger-min-max-block input[type=submit] {
  position: relative;
  display: block;
  background-color: var(--villoz-white, #fff);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  float: left;
  text-align: center;
  border: none;
  color: var(--villoz-black, #132742);
  font-size: 12px;
  font-weight: 600;
  line-height: 38px;
  margin: 0;
  cursor: pointer;
  padding: 0 20px;
  height: 38px;
  border-radius: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .product__price-ranger .ranger-min-max-block input[type=submit] {
    padding: 0 14px;
  }
}
.product__price-ranger .ranger-min-max-block input[type=submit]:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.product__categories {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 30px;
}
.product__categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: -18px;
  margin-top: -18px;
  padding-top: 15px;
}
.product__categories ul li:not(:last-of-type) {
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
.product__categories ul li a {
  font-size: 16px;
  color: var(--villoz-text, #737a83);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
  padding: 7px 0;
}
.product__categories ul li a::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: all 500ms ease;
  font-size: 14px;
}
.product__categories ul li a:hover {
  padding: 7px 20px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
}
.product__categories ul li a:hover::after {
  text-shadow: 0 0 0px currentColor;
  color: var(--villoz-base, #537eac);
}
.product__info-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .product__info-top {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .product__info-top {
    display: block;
    margin-top: 40px;
  }
}
.product__showing-text {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
}
@media (max-width: 767px) {
  .product__showing-text {
    margin-bottom: 20px;
  }
}
.product__showing-sort {
  margin: 0;
  font-size: 18px;
}
.product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 340px !important;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
@media (max-width: 360px) {
  .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 300px !important;
  }
}
.product__showing-sort .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.product__showing-sort .bootstrap-select .dropdown-menu {
  border: none;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 64px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: var(--villoz-gray, #f0f6fd) !important;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  padding-left: 30px;
  color: var(--villoz-text, #737a83) !important;
  font-size: 14px;
  line-height: 64px;
  font-weight: 500;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: left 25.75px center;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--villoz-text, #737a83);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-gray, #f0f6fd);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.product__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,
.product__showing-sort .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}
.product__item {
  position: relative;
  background-color: var(--villoz-white, #fff);
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  transition: all 500ms ease;
}
.product__item:hover {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.product__item__img {
  background-color: var(--villoz-white, #fff);
  position: relative;
  overflow: hidden;
}
.product__item__img img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
  transition: all 500ms ease;
  transform: scale(1);
}
.product__item__btn {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.product__item__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--villoz-gray, #f0f6fd);
  border-radius: 50%;
  color: var(--villoz-black, #132742);
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
}
.product__item__btn a:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.product__item__btn a:nth-child(1) {
  -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transform: translate3d(-30px, 0, 0);
  -moz-transform: translate3d(-30px, 0, 0);
  -webkit-transform: translate3d(-30px, 0, 0);
  -ms-transform: translate3d(-30px, 0, 0);
  -o-transform: translate3d(-30px, 0, 0);
}
.product__item__btn a:nth-child(2) {
  -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
  transform: translate3d(-30px, 0, 0);
  -moz-transform: translate3d(-30px, 0, 0);
  -webkit-transform: translate3d(-30px, 0, 0);
  -ms-transform: translate3d(-30px, 0, 0);
  -o-transform: translate3d(-30px, 0, 0);
}
.product__item__btn a + a {
  margin-top: 10px;
}
.product__item:hover .product__item__img img {
  transform: scale(1.05);
}
.product__item:hover .product__item__btn a {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.product__item__content {
  position: relative;
  text-align: center;
  padding: 30px 20px;
}
.product__item__ratings {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: var(--villoz-base, #537eac);
  letter-spacing: 4.5px;
  margin-bottom: 4px;
}
.product__item__title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 7px;
}
.product__item__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.product__item__title a:hover {
  background-size: 100% 1px;
}
.product__item__title a:hover {
  color: var(--villoz-base, #537eac);
}
.product__item__price {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--villoz-text, #737a83);
  line-height: 1em;
  font-weight: 500;
  margin-bottom: 20px;
}
.product__item__link {
  background-color: var(--villoz-gray, #f0f6fd);
}
.product__item__link > i {
  font-size: 12px;
  padding: 6.25px 20.5px;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
}
.product__item__link > span {
  font-size: 12px;
  background-color: var(--villoz-base, #537eac);
}

.product-one {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .product-one {
    padding: 80px 0;
  }
}
.product-one--page {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .product-one--page {
    padding-top: 60px;
  }
}
.product-one--home {
  position: relative;
  padding: 0 0 90px;
}
@media (max-width: 767px) {
  .product-one--home {
    padding-bottom: 50px;
  }
}
.product-one--home .sec-title {
  text-align: center;
}
.product-one--home .product__item {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .product-one__carousel .owl-nav {
    display: none;
  }
}

/*--------------------------------------------------------------
# Shop details
--------------------------------------------------------------*/
.product-details {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .product-details {
    padding: 80px 0;
  }
}
.product-details__img {
  background-color: var(--villoz-white, #fff);
  position: relative;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
}
.product-details__img img {
  width: 100%;
  height: auto;
}
.product-details__img-search {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 2;
  line-height: 1;
}
.product-details__img-search a {
  display: inline-block;
  font-size: 21px;
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
}
.product-details__img-search a:hover {
  color: var(--villoz-base, #537eac);
}
.product-details__content {
  position: relative;
  margin: -8px 0 0 0;
}
@media (max-width: 991px) {
  .product-details__content {
    margin: 50px 0 0;
  }
}
.product-details__top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0 0 13px;
}
.product-details__title {
  font-size: 34px;
  font-weight: 600;
  margin: 0;
}
.product-details__price {
  font-size: 20px;
  line-height: 26px;
  color: var(--villoz-base, #537eac);
  font-weight: 500;
  margin: 0 15px 0 0;
}
.product-details__review {
  position: relative;
  display: flex;
  align-items: center;
  letter-spacing: 3px;
  font-size: 16px;
  color: var(--villoz-base, #537eac);
}
.product-details__review a {
  display: inline-block;
  color: var(--villoz-text, #737a83);
  letter-spacing: 0;
  margin-right: 16px;
  font-weight: 500;
  transition: all 500ms ease;
}
.product-details__review a:hover {
  color: var(--villoz-base, #537eac);
}
.product-details__divider {
  width: 100%;
  height: 1px;
  background-color: var(--villoz-border-color, #d6e2f0);
  margin: 20px 0 21px;
}
.product-details__excerpt {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
}
.product-details__excerpt-text1 {
  margin: 0 0 30px;
}
.product-details__excerpt-text2 {
  margin: 0;
}
@media (max-width: 767px) {
  .product-details__excerpt-text2 br {
    display: block;
  }
}
.product-details__quantity {
  position: relative;
  display: flex;
  align-items: center;
  margin: 21px 0 30px;
}
.product-details__quantity-title {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  margin-left: 29px;
}
.product-details__quantity .quantity-box {
  position: relative;
  width: 98px;
  height: 50px;
}
.product-details__quantity .quantity-box input {
  width: 98px;
  height: 50px;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  color: var(--villoz-text, #737a83);
  padding-right: 30px;
  outline: none;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
}
.product-details__quantity .quantity-box button {
  width: 24px;
  height: 24px;
  color: var(--villoz-text, #737a83);
  font-size: 8px;
  position: absolute;
  top: 1px;
  left: 1px;
  background-color: transparent;
  border: none;
  border-right: 1px solid var(--villoz-border-color, #d6e2f0);
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition: all 500ms ease;
}
.product-details__quantity .quantity-box button.sub {
  bottom: 1px;
  top: auto;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.product-details__quantity .quantity-box button:hover {
  color: var(--villoz-base, #537eac);
}
.product-details__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-details__socials {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.product-details__socials__title {
  font-size: 18px;
  margin: 0;
  margin-left: 10px;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .product-details__socials__title {
    flex: 0 0 auto;
  }
}
.product-details__socials a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--villoz-gray, #f0f6fd);
  font-size: 14px;
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  border-radius: 50%;
}
.product-details__socials a:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.product-details__description {
  position: relative;
  margin: 52px 0 0;
}
.product-details__description__title {
  font-size: 30px;
  margin-bottom: 25px;
}
.product-details__description__text {
  margin-bottom: 30px;
  line-height: 30px;
}
.product-details__description__lists {
  margin: 0 0 30px;
  padding: 0;
}
.product-details__description__lists li {
  display: block;
  position: relative;
  padding: 0 36px 0 0;
  line-height: 30px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
}
.product-details__description__lists li span {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
}
.product-details__comment {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  margin: 53px 0 0;
  padding: 52px 0 0;
  position: relative;
}
.product-details__review-title {
  font-size: 30px;
  margin-bottom: 34px;
}
.product-details__comment-box {
  position: relative;
  padding: 3px 212px 51px 0;
  margin-bottom: 40px;
  min-height: 166px;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (max-width: 767px) {
  .product-details__comment-box {
    padding-right: 0;
  }
}
.product-details__comment-box__thumb {
  width: 166px;
  height: 166px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  margin: 0;
  border: none;
}
@media (max-width: 767px) {
  .product-details__comment-box__thumb {
    position: relative;
    margin: 0 0 20px;
  }
}
.product-details__comment-box__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.product-details__comment-box__meta {
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 32px;
  color: var(--villoz-black, #132742);
}
.product-details__comment-box__date {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  color: var(--villoz-base, #537eac);
  font-weight: 400;
  margin: 0 7px 0 0;
}
.product-details__comment-box__text {
  line-height: 30px;
  margin: 0;
}
.product-details__comment-box__ratings {
  position: absolute;
  left: 0;
  top: 14px;
  display: flex;
  align-items: center;
  letter-spacing: 5px;
  font-size: 16px;
  color: var(--villoz-base, #537eac);
}
@media (max-width: 767px) {
  .product-details__comment-box__ratings {
    position: relative;
    top: 0;
    margin: 0 0 22px;
  }
}
.product-details__form {
  position: relative;
  margin: 53px 0 0;
}
.product-details__form .row {
  --bs-gutter-x: 20px;
}
.product-details__form-title {
  font-size: 30px;
  margin-bottom: 13px;
}
.product-details__form-ratings {
  display: flex;
  align-items: center;
  letter-spacing: 6px;
  font-size: 16px;
  color: var(--villoz-base, #537eac);
  margin: 0 0 20px;
}
.product-details__form-ratings__label {
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0;
  color: var(--villoz-text, #737a83);
  margin: 0 0 0 19px;
}
.product-details__form__form {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart-page {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .cart-page {
    padding: 80px 0;
  }
}
.cart-page .table-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1199px) {
  .cart-page .table-responsive {
    margin-bottom: 30px;
  }
}
.cart-page__table {
  position: relative;
  width: 100%;
  border: none;
  margin: 0 0 60px;
}
@media (max-width: 1199px) {
  .cart-page__table {
    min-width: 1170px;
  }
}
.cart-page__table thead tr th {
  color: var(--villoz-black, #132742);
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  padding: 0 0 24px;
  text-transform: capitalize;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0) !important;
  box-shadow: none;
}
.cart-page__table thead tr th:last-child {
  text-align: left;
}
.cart-page__table tbody tr td {
  font-size: 18px;
  font-weight: 400;
  color: var(--villoz-text, #737a83);
  vertical-align: middle;
  border: none;
  box-shadow: none;
  background-color: transparent;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 30px 0;
  letter-spacing: 0;
}
.cart-page__table tbody tr td:last-child {
  text-align: left;
}
.cart-page__table__meta {
  display: flex;
  align-items: center;
}
.cart-page__table__meta-img {
  width: 119px;
  height: 119px;
  background-color: var(--villoz-white, #fff);
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  margin-left: 34px;
}
.cart-page__table__meta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.cart-page__table__meta-title {
  font-size: 20px;
  margin: 0;
  color: var(--villoz-black, #132742);
}
.cart-page__table__meta-title a {
  color: inherit;
}
.cart-page__table__meta-title a:hover {
  color: var(--villoz-base, #537eac);
}
.cart-page__table__remove {
  display: block;
  color: var(--villoz-black, #132742);
  font-size: 16px;
}
.cart-page__table__remove:hover {
  color: var(--villoz-base, #537eac);
}
.cart-page__coupone-form {
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .cart-page__coupone-form {
    display: block;
  }
}
.cart-page__coupone-form input[type=text] {
  height: 58px;
  width: 375px;
  border: none;
  background-color: var(--villoz-gray, #f0f6fd);
  padding-right: 30px;
  padding-left: 30px;
  outline: none;
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  display: block;
  font-weight: 500;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .cart-page__coupone-form input[type=text] {
    width: 290px;
  }
}
@media (max-width: 767px) {
  .cart-page__coupone-form input[type=text] {
    width: 100%;
    margin: 0 0 10px;
  }
}
.cart-page__cart-total {
  position: relative;
  text-align: left;
  margin: -14px 0 17px;
  padding: 0;
}
@media (max-width: 991px) {
  .cart-page__cart-total {
    text-align: right;
    margin-top: 45px;
  }
}
.cart-page__cart-total li {
  display: block;
  font-size: 20px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  margin: 0 0 3px;
}
@media (max-width: 991px) {
  .cart-page__cart-total li span {
    display: inline-block;
    min-width: 172px;
  }
}
.cart-page__cart-total-amount {
  font-size: 18px;
  color: var(--villoz-text, #737a83);
  font-weight: 400;
  display: inline-block;
  min-width: 172px;
}
.cart-page__buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 991px) {
  .cart-page__buttons {
    justify-content: flex-start;
  }
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout-page {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .checkout-page {
    padding: 80px 0;
  }
}
.checkout-page .bs-gutter-x-20 {
  --bs-gutter-x: 20px;
}
.checkout-page__notice {
  line-height: 26px;
  margin: 0 0 14px;
}
.checkout-page__notice a {
  color: var(--villoz-base, #537eac);
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.checkout-page__notice a:hover {
  background-size: 100% 1px;
}
.checkout-page__notice a:hover {
  color: var(--villoz-black, #132742);
}
.checkout-page__billing-address {
  position: relative;
}
.checkout-page__billing-address__title {
  font-size: 30px;
  margin: 0 0 34px;
}
@media (max-width: 767px) {
  .checkout-page__billing-address__title {
    font-size: 28px;
  }
}
.checkout-page__shipping-address {
  position: relative;
}
@media (max-width: 991px) {
  .checkout-page__shipping-address {
    margin: 50px 0 0;
  }
}
.checkout-page__shipping-address__title {
  font-size: 30px;
  margin: 0 0 34px;
}
@media (max-width: 767px) {
  .checkout-page__shipping-address__title {
    font-size: 28px;
  }
}
.checkout-page__shipping-address__title input[type=checkbox] {
  display: none;
}
.checkout-page__shipping-address__title label {
  position: relative;
  display: inline-block;
  padding-left: 29px;
  cursor: pointer;
}
.checkout-page__shipping-address__title label span:before {
  position: absolute;
  top: 0;
  right: 5px;
  line-height: 20px;
  display: inline-block;
  color: var(--villoz-white, #fff);
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-size: 8px;
  font-weight: 900;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.checkout-page__shipping-address__title input[type=checkbox] + label span {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 19px;
  height: 19px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  border: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.checkout-page__shipping-address__title input[type=checkbox]:checked + label span:before {
  opacity: 1;
}
.checkout-page__input-box {
  position: relative;
  line-height: 1;
  margin: 0 0 20px;
}
.checkout-page__input-box input[type=text],
.checkout-page__input-box input[type=email],
.checkout-page__input-box input[type=tel] {
  height: 50px;
  width: 100%;
  border: none;
  background-color: var(--villoz-gray, #f0f6fd);
  padding-right: 30px;
  padding-left: 30px;
  outline: none;
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  display: block;
  font-weight: 500;
}
.checkout-page__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 100% !important;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 50px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: var(--villoz-gray, #f0f6fd) !important;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  padding-left: 30px;
  color: var(--villoz-text, #737a83) !important;
  font-size: 14px;
  line-height: 50px;
  font-weight: 500;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: left 25.75px center;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 12px;
  color: var(--villoz-text, #737a83);
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.checkout-page__input-box .bootstrap-select .dropdown-menu {
  border: none;
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 15px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-gray, #f0f6fd);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li:hover > a,
.checkout-page__input-box .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}
.checkout-page__input-box textarea {
  font-size: 14px;
  font-weight: 500;
  color: var(--villoz-text, #737a83);
  height: 130px;
  width: 100%;
  background-color: var(--villoz-gray, #f0f6fd);
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  padding: 20px 30px 30px;
  border: none;
  outline: none;
  margin-bottom: 0px;
}
.checkout-page__check-box {
  position: relative;
  display: block;
  margin-top: -6px;
}
.checkout-page__check-box input[type=checkbox] {
  display: none;
}
.checkout-page__check-box label {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  margin-left: 0px;
  margin-bottom: 0;
  color: var(--villoz-text, #737a83);
  line-height: 24px;
  text-transform: none;
  cursor: pointer;
}
.checkout-page__check-box label span:before {
  position: absolute;
  top: 0;
  right: 5px;
  line-height: 20px;
  display: inline-block;
  color: var(--villoz-white, #fff);
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-size: 8px;
  font-weight: 900;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.checkout-page__check-box input[type=checkbox] + label span {
  position: absolute;
  top: 4px;
  right: 0;
  width: 19px;
  height: 19px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  border: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.checkout-page__check-box input[type=checkbox]:checked + label span:before {
  opacity: 1;
}
.checkout-page__your-order {
  position: relative;
  margin: 32px 0 0;
}
.checkout-page__your-order__title {
  font-size: 30px;
  margin-bottom: 35px;
}
.checkout-page__order-table {
  position: relative;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  margin: 0 0 0;
}
.checkout-page__order-table thead tr th {
  font-size: 20px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  margin: 0;
  padding: 15.5px 0;
  border: none;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  font-weight: bold;
}
.checkout-page__order-table thead tr th:last-child {
  text-align: left;
}
.checkout-page__order-table tbody tr td {
  font-size: 16px;
  line-height: 24px;
  color: var(--villoz-text, #737a83);
  margin: 0;
  padding: 0 0 24px;
  border: none;
}
.checkout-page__order-table tbody tr td:last-child {
  text-align: left;
}
.checkout-page__order-table tbody tr:first-child td {
  padding-top: 25px;
}
.checkout-page__order-table tbody tr:last-child td {
  padding-bottom: 26px;
}
.checkout-page__payment {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 45px 50px 17px;
  min-height: 295px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .checkout-page__payment {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .checkout-page__payment {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.checkout-page__payment__item {
  position: relative;
}
.checkout-page__payment__title {
  display: flex;
  font-size: 18px;
  margin: 0;
  align-items: center;
  margin-bottom: 28px;
  cursor: pointer;
  font-weight: 600;
  color: var(--villoz-black, #132742);
}
.checkout-page__payment__title::before {
  content: "";
  width: 19px;
  height: 19px;
  background-color: var(--villoz-white, #fff);
  border: 2px solid var(--villoz-border-color, #d6e2f0);
  border-radius: 50%;
  margin-left: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 14px;
  position: relative;
  top: 1px;
  transition: all 500ms ease;
}
.checkout-page__payment__title img {
  margin-right: 15px;
}
.checkout-page__payment__item--active .checkout-page__payment__title::before {
  background-color: var(--villoz-base, #537eac);
  border-color: var(--villoz-base, #537eac);
  content: "\f00c";
  color: var(--villoz-white, #fff);
}
.checkout-page__payment__content {
  margin-right: 35px;
  margin-bottom: 39px;
  line-height: 30px;
  font-weight: 400;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.login-page {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .login-page {
    padding: 80px 0;
  }
}
.login-page__info {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 14px 30px 15px;
  margin-bottom: 52px;
}
@media (max-width: 991px) {
  .login-page__info {
    margin-bottom: 20px;
  }
}
.login-page__info p {
  margin: 0;
  font-size: 14px;
}
.login-page__info p span {
  color: var(--villoz-black, #132742);
}
.login-page__info p a {
  display: inline-block;
  color: var(--villoz-base, #537eac);
  transition: all 500ms ease;
}
.login-page__info p a:hover {
  color: var(--villoz-black, #132742);
  text-shadow: 0 0 1px currentColor;
}
.login-page__wrap {
  position: relative;
}
.login-page__wrap__title {
  font-size: 30px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .login-page__wrap__title {
    margin-top: 50px;
  }
}
.login-page__form {
  position: relative;
  display: block;
  padding: 60px;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (min-width: 991px) and (max-width: 1199px) {
  .login-page__form {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .login-page__form {
    padding: 30px 22px;
  }
}
.login-page__form-input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.login-page__form-input-box input[type=email],
.login-page__form-input-box input[type=password] {
  height: 50px;
  width: 100%;
  border: none;
  background-color: var(--villoz-gray, #f0f6fd);
  padding-right: 30px;
  padding-left: 30px;
  outline: none;
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  display: block;
  font-weight: 500;
}
.login-page__checked-box {
  position: relative;
  display: block;
  margin-top: -8px;
  margin-bottom: 15px;
}
.login-page__checked-box label {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  margin-left: 0px;
  margin-bottom: 0;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-transform: none;
  cursor: pointer;
}
.login-page__checked-box label span:before {
  position: absolute;
  top: 2px;
  right: 3px;
  display: block;
  border-bottom: 2px solid var(--villoz-border-color, #d6e2f0);
  border-left: 2px solid var(--villoz-border-color, #d6e2f0);
  content: "";
  width: 5px;
  height: 8px;
  pointer-events: none;
  -webkit-transform-origin: 34% 66%;
  -ms-transform-origin: 34% 66%;
  transform-origin: 34% 66%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.login-page__checked-box input[type=checkbox] {
  display: none;
}
.login-page__checked-box input[type=checkbox] + label span {
  position: absolute;
  top: 4px;
  right: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: transparent;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
}
.login-page__checked-box input[type=checkbox]:checked + label span:before {
  opacity: 1;
}
.login-page__form-btn-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.login-page__form-btn-box .villoz-btn > i {
  padding: 10.25px 40px;
}
.login-page__form-forgot-password {
  position: relative;
  display: block;
  margin-right: 0px;
  flex: 0 0 100%;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .login-page__form-forgot-password {
    margin-right: 20px;
    flex: 0 0 auto;
    margin-top: 0;
  }
}
.login-page__form-forgot-password a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--villoz-text, #737a83);
  position: relative;
  display: inline-block;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.login-page__form-forgot-password a:hover {
  background-size: 100% 1px;
}
.login-page__form-forgot-password a:hover {
  color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# error 404
--------------------------------------------------------------*/
.error-404 {
  position: relative;
  padding: 140px 0 120px;
  text-align: center;
}
@media (max-width: 767px) {
  .error-404 {
    padding: 100px 0 80px;
  }
}
.error-404__title {
  font-size: 280px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
}
@media (max-width: 767px) {
  .error-404__title {
    font-size: 140px;
  }
}
.error-404__title span {
  color: var(--villoz-white, #fff);
  margin: 0 22px;
}
@media (max-width: 767px) {
  .error-404__title span {
    margin: 0 15px;
  }
}
.error-404__title img {
  display: block;
  position: absolute;
  top: -20px;
  right: 34%;
  animation: flowerRotate 5s linear 0s infinite;
}
@media (max-width: 767px) {
  .error-404__title img {
    max-width: 135px;
  }
}
.error-404__sub-title {
  font-size: 28px;
  color: var(--villoz-black, #132742);
  margin: 0;
  line-height: 1.2em;
  margin-bottom: 17px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .error-404__sub-title {
    font-size: 35px;
  }
}
@media (min-width: 1200px) {
  .error-404__sub-title {
    font-size: 40px;
  }
}
.error-404__text {
  font-size: 16px;
  line-height: 1.2em;
  margin: 0;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .error-404__text {
    font-size: 18px;
  }
}
.error-404__search {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  max-width: 550px;
}
.error-404__search input[type=text] {
  border: none;
  outline: none;
  display: block;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  width: 100%;
  font-weight: 500;
  max-width: 550px;
  padding-right: 49px;
  height: 50px;
}
.error-404__search__btn {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 42px;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--villoz-black, #132742);
}
@media (min-width: 768px) {
  .error-404__search__btn {
    font-size: 22px;
  }
}
.error-404__search__btn:hover {
  color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-page-search {
  position: relative;
  padding: 120px 0 60px;
}
@media (max-width: 767px) {
  .faq-page-search {
    padding-top: 80px;
  }
}
.faq-page-search__form {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.faq-page-search__form input[type=text] {
  border: none;
  outline: none;
  display: block;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  padding-right: 50px;
  height: 64px;
}
@media (max-width: 767px) {
  .faq-page-search__form input[type=text] {
    padding-right: 30px;
  }
}
.faq-page-search__form__btn {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 44px;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--villoz-black, #132742);
}
.faq-page-search__form__btn:hover {
  color: var(--villoz-base, #537eac);
}
@media (min-width: 768px) {
  .faq-page-search__form__btn {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .faq-page-search__form__btn {
    left: 24px;
  }
}

.faq-page {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .faq-page {
    padding-bottom: 60px;
  }
}
.faq-page__contact {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  padding-bottom: 47px;
}
@media (min-width: 1200px) {
  .faq-page__contact {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .faq-page__contact {
    margin-bottom: 40px;
  }
}
.faq-page__contact img {
  width: 100%;
  height: auto;
}
.faq-page__contact__title {
  margin: 0;
  color: var(--villoz-white, #fff);
  font-size: 20px;
  margin-top: 44px;
  margin-bottom: 21px;
  margin-right: 49px;
}
@media (max-width: 767px) {
  .faq-page__contact__title {
    margin-right: 29px;
  }
}
@media (min-width: 768px) {
  .faq-page__contact__title {
    font-size: 24px;
  }
}
.faq-page__contact__text {
  display: flex;
  align-items: center;
  margin-right: 49px;
}
@media (max-width: 767px) {
  .faq-page__contact__text {
    margin-right: 29px;
  }
}
.faq-page__contact__text br {
  display: inherit;
}
.faq-page__contact__text > i {
  width: 40px;
  height: 40px;
  background-color: var(--villoz-black, #132742);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--villoz-white, #fff);
  font-size: 14px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-left: 16px;
}
.faq-page__contact__number {
  color: var(--villoz-white, #fff);
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.faq-page__contact__number a {
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  transition: all 500ms ease;
}
.faq-page__contact__number a:hover {
  background-size: 100% 1px;
}
.faq-page__contact__number a:hover {
  color: var(--villoz-black, #132742);
}
.faq-page__accordion {
  border: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (min-width: 1200px) {
  .faq-page__accordion {
    margin-right: -30px;
  }
}
.faq-page__accordion .accrodion + .accrodion {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.faq-page__accordion .accrodion-title {
  padding: 28px 30px;
  padding-left: 70px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .faq-page__accordion .accrodion-title {
    padding-right: 40px;
  }
}
.faq-page__accordion .accrodion-title h4 {
  color: var(--villoz-black, #132742);
  font-size: 16px;
  margin: 0;
  transition: all 500ms ease;
  position: relative;
}
.faq-page__accordion .accrodion-title__icon {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
}
.faq-page__accordion .accrodion-title__icon::after, .faq-page__accordion .accrodion-title__icon::before {
  width: 2px;
  height: 12px;
  position: absolute;
  background-color: var(--villoz-base, #537eac);
  top: 50%;
  right: 50%;
  content: "";
  transform: translate(50%, -50%);
  transition: all 500ms ease;
}
.faq-page__accordion .accrodion-title__icon::after {
  width: 12px;
  height: 2px;
}
.faq-page__accordion .active .accrodion-title h4 {
  color: var(--villoz-base, #537eac);
}
.faq-page__accordion .active .accrodion-title__icon::after, .faq-page__accordion .active .accrodion-title__icon::before {
  background-color: var(--villoz-black, #132742);
  opacity: 0;
}
.faq-page__accordion .active .accrodion-title__icon::after {
  opacity: 1;
}
.faq-page__accordion .accrodion-content .inner {
  padding: 0px 30px 24px;
  margin-top: -3px;
}
@media (min-width: 768px) {
  .faq-page__accordion .accrodion-content .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.faq-page__accordion .accrodion-content p {
  margin: 0;
  font-size: 15px;
  line-height: 30px;
}

.faq-one {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 240px 0 120px;
}
@media (max-width: 767px) {
  .faq-one {
    padding: 200px 0 80px;
  }
}
.faq-one__content {
  position: relative;
}
@media (max-width: 991px) {
  .faq-one__content {
    margin-bottom: 35px;
  }
}
.faq-one__content .sec-title {
  padding-bottom: 35px;
}
.faq-one__content__author {
  position: relative;
  padding: 6px 155px 0 0;
  min-height: 128px;
}
.faq-one__content__author__thumb {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.faq-one__content__author__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq-one__content__author__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--villoz-base, #537eac);
  text-transform: uppercase;
  margin: 0 0 33px;
}
@media (max-width: 767px) {
  .faq-one__content__author__title {
    margin-bottom: 15px;
  }
}
.faq-one__content__author__text {
  line-height: 30px;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .faq-one__content__author__text br {
    display: none;
  }
}
.faq-one .faq-page__accordion {
  background-color: var(--villoz-white, #fff);
}

/*--------------------------------------------------------------
# Package
--------------------------------------------------------------*/
.pricing-one {
  position: relative;
  padding: 120px 0 90px;
}
@media (max-width: 767px) {
  .pricing-one {
    padding: 80px 0 50px;
  }
}
.pricing-one .sec-title {
  padding-bottom: 40px;
}
.pricing-one__carousel {
  margin: 0 0 30px;
}
.pricing-one__carousel .pricing-one__item {
  margin: 0;
}
.pricing-one .pricing-one__main-tab-box {
  position: relative;
  display: block;
}
.pricing-one .pricing-one__main-tab-box .tab-buttons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 40px;
}
.pricing-one .pricing-one__main-tab-box .tab-buttons .tab-btn {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
}
.pricing-one .pricing-one__main-tab-box .tab-buttons .tab-btn span {
  position: relative;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 13px 30px 16px;
  font-weight: 600;
  cursor: pointer;
  overflow: hidden;
  text-transform: capitalize;
  border-radius: 0;
  transition: all 0.5s linear;
  z-index: 1;
}
.pricing-one .pricing-one__main-tab-box .tab-buttons .tab-btn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 0%;
  background-color: var(--villoz-base, #537eac);
  transition: all 0.3s ease;
  z-index: -1;
}
.pricing-one .pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn span {
  color: var(--villoz-white, #fff);
}
.pricing-one .pricing-one__main-tab-box .tab-buttons .tab-btn.active-btn span::before {
  height: 100%;
}
.pricing-one .pricing-one__main-tab-box .tabs-content {
  position: relative;
  display: block;
}
.pricing-one .pricing-one__main-tab-box .tabs-content .tab {
  position: relative;
  display: none;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  z-index: 10;
}
.pricing-one .pricing-one__main-tab-box .tabs-content .tab.active-tab {
  display: block;
  margin-top: 0px;
}
.pricing-one__item {
  position: relative;
  overflow: hidden;
  padding: 15px;
  border-radius: 0;
  background: var(--villoz-gray, #f0f6fd);
  margin-bottom: 30px;
  transition: all 0.4s ease;
  text-align: center;
}
.pricing-one__item__inner {
  position: relative;
  background-color: var(--villoz-white, #fff);
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  transition: all 0.4s ease;
  padding: 38px 20px 39px;
}
.pricing-one__item.active, .pricing-one__item:hover {
  background-color: var(--villoz-base, #537eac);
}
.pricing-one__item__price {
  font-size: 34px;
  line-height: 1;
  transition: all 0.4s ease;
  margin-bottom: 3px;
}
.pricing-one__item__name {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  color: var(--villoz-text, #737a83);
  transition: all 0.4s ease;
  margin: 0 0 19px;
}
.pricing-one__item__icon {
  width: 120px;
  height: 120px;
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 66px;
  margin: 0 auto;
}
.pricing-one__item__list-title {
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 16px;
}
.pricing-one__item__list {
  margin: 0 0 29px;
  padding: 0;
  list-style: none;
}
.pricing-one__item__list li {
  list-style: none;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: var(--villoz-text, #737a83);
  margin: 0 0 8px;
}
.pricing-one__item__list li span {
  display: inline-block;
  color: var(--villoz-base, #537eac);
  font-size: 12px;
  margin-left: 8px;
  position: relative;
  line-height: inherit;
  top: -1px;
}
.pricing-one__item .villoz-btn > i {
  background-color: var(--villoz-gray, #f0f6fd);
  padding: 10.25px 40px;
}
.pricing-one__item .villoz-btn {
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
}
.pricing-one__item .villoz-btn:hover {
  color: var(--villoz-white, #fff);
}
.pricing-one__item .villoz-btn > span {
  background-color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes bubbleMover {
  0% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(30px) translateX(-50px) rotate(-15deg);
    transform: translateY(30px) translateX(-50px) rotate(-15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    -webkit-transform: translateY(50px) translateX(-100px) rotate(-45deg);
    transform: translateY(50px) translateX(-100px) rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  80% {
    -webkit-transform: translateY(30px) translateX(-50px) rotate(-15deg);
    transform: translateY(30px) translateX(-50px) rotate(-15deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes shapeMover {
  0%, 100% {
    transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
  }
  50% {
    transform: perspective(400px) rotate(45deg) translateZ(20px) translateY(20px) translateX(-20px);
  }
}
@keyframes banner3Shake {
  0% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
  30% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  60% {
    -webkit-transform: rotate3d(-1, 0, 0, 0deg);
    transform: rotate3d(-1, 0, 0, 0deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
  }
}
@keyframes squareMover {
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
  }
  20%, 60% {
    -webkit-transform: translate(-20px, 40px) rotate(-180deg);
    transform: translate(-20px, 40px) rotate(-180deg);
  }
  30%, 80% {
    -webkit-transform: translate(-40px, 60px) rotate(0deg);
    transform: translate(-40px, 60px) rotate(0deg);
  }
}
@keyframes treeMove {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    -webkit-transform: rotate(-5deg) translateX(-15px);
    transform: rotate(-5deg) translateX(-15px);
  }
  50% {
    -webkit-transform: rotate(-10deg) translateX(-30px);
    transform: rotate(-10deg) translateX(-30px);
  }
}
@keyframes leafMove {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    transform: rotate(2deg) translateX(-5px);
  }
  50% {
    transform: rotate(4deg) translateX(-10px);
  }
}
@keyframes messageMove {
  0%, 100% {
    transform: translateX(0);
  }
  25%, 75% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(-10px);
  }
}
@keyframes textRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes flowerRotate {
  0%, 100% {
    transform: rotate(0deg);
  }
  25%, 75% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}
/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  transform: translateX(100%);
  transform-origin: right center;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  visibility: hidden;
  position: fixed;
}
.mobile-nav__wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.mobile-nav__wrapper .home-showcase .row [class*=col-] {
  flex: 0 0 100%;
}
.mobile-nav__wrapper .home-showcase {
  margin-bottom: -1px;
  margin-top: 0;
  border-bottom: 1px solid RGBA(var(--villoz-white-rgb, 255, 255, 255), 0.1);
}
.mobile-nav__wrapper .home-showcase__inner {
  padding: 15px 0px;
  background-color: transparent;
  box-shadow: none;
}
.mobile-nav__wrapper .home-showcase__title {
  color: var(--villoz-white, #fff);
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}
.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: var(--villoz-black, #132742);
  opacity: 0.3;
  cursor: url(../images/close.png), auto;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--villoz-black2, #0e1e34);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 15px;
  padding-left: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}
.mobile-nav__content .main-menu__nav {
  display: block;
  padding: 0;
}

.mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: flex;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  left: 15px;
  font-size: 18px;
  color: var(--villoz-white, #fff);
  cursor: pointer;
}
.mobile-nav__close:hover {
  color: var(--villoz-base, #537eac);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list ul {
  display: none;
  border-top: 1px solid RGBA(var(--villoz-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list ul li > a {
  padding-right: 1em;
}

.mobile-nav__content .main-menu__list li:not(:last-child) {
  border-bottom: 1px solid RGBA(var(--villoz-white-rgb, 255, 255, 255), 0.1);
}

.mobile-nav__content .main-menu__list li > a {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
  color: var(--villoz-white, #fff);
  font-size: 12px;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  text-transform: uppercase;
  font-weight: 500;
  height: 46px;
  letter-spacing: var(--villoz-letter-space, 0.1em);
  align-items: center;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--villoz-base, #537eac);
}

.mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: var(--villoz-base, #537eac);
  border: none;
  outline: none;
  color: var(--villoz-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: rotate(90deg);
  transition: transform 500ms ease;
}

.mobile-nav__content .main-menu__list li a button.expanded {
  transform: rotate(0deg);
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
}

.mobile-nav__social {
  display: flex;
  align-items: center;
}
.mobile-nav__social a {
  font-size: 16px;
  color: var(--villoz-white, #fff);
  transition: 500ms;
}
.mobile-nav__social a + a {
  margin-right: 20px;
}
.mobile-nav__social a:hover {
  color: var(--villoz-base, #537eac);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.mobile-nav__contact li {
  color: var(--villoz-white, #fff);
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.mobile-nav__contact li + li {
  margin-top: 15px;
}
.mobile-nav__contact li a {
  color: inherit;
  transition: 500ms;
}
.mobile-nav__contact li a:hover {
  color: var(--villoz-base, #537eac);
}
.mobile-nav__contact li > i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--villoz-base, #537eac);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
  margin-left: 10px;
  color: var(--villoz-white, #fff);
}

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
  display: none;
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -2;
  -webkit-transition: all 1s ease;
  -khtml-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.search-popup__overlay {
  position: fixed;
  width: 224vw;
  height: 224vw;
  top: calc(90px - 112vw);
  left: calc(50% - 112vw);
  z-index: 3;
  display: block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -khtml-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: transform 0.8s ease-in-out;
  -khtml-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  -o-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  transition-delay: 0s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  background-color: #000;
  opacity: 0.9;
  cursor: url(../images/close.png), auto;
}
@media (max-width: 767px) {
  .search-popup__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(-110%);
  }
}
.search-popup__content {
  position: fixed;
  width: 0;
  max-width: 560px;
  padding: 30px 15px;
  right: 50%;
  top: 50%;
  opacity: 0;
  z-index: 3;
  -webkit-transform: translate(50%, -50%);
  -khtml-transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  -o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
  transition-delay: 0s, 0.8s, 0s;
  transition-delay: 0s, 0.4s, 0s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.search-popup__form {
  position: relative;
}
.search-popup__form input[type=search],
.search-popup__form input[type=text] {
  width: 100%;
  background-color: var(--villoz-white, #fff);
  font-size: 16px;
  color: var(--villoz-text, #737a83);
  border: none;
  outline: none;
  height: 66px;
  font-weight: 500;
  padding-right: 30px;
}
.search-popup__form .villoz-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  left: -1px;
  border-radius: 0;
  color: var(--villoz-white, #fff);
}
.search-popup.active {
  z-index: 9999;
}
.search-popup.active .search-popup__overlay {
  top: auto;
  bottom: calc(90px - 112vw);
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  opacity: 0.9;
  -webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
  transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);
}
@media (max-width: 767px) {
  .search-popup.active .search-popup__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: translateY(0%);
  }
}
.search-popup.active .search-popup__content {
  width: 100%;
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  background-color: var(--villoz-black, #132742);
  position: relative;
  padding-top: 308px;
  padding-bottom: 168px;
}
@media (max-width: 767px) {
  .page-header {
    padding-top: 220px;
    padding-bottom: 120px;
  }
}
.page-header__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/backgrounds/page-header-bg-1-1.jpg);
  opacity: 0.3;
}
.page-header > .container {
  position: relative;
  z-index: 10;
  text-align: center;
}
.page-header__title {
  margin: 0;
  color: var(--villoz-white, #fff);
  font-weight: 600;
  font-size: 30px;
  margin-top: -10px;
  margin-bottom: -10px;
}
@media (min-width: 768px) {
  .page-header__title {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .page-header__title {
    font-size: 50px;
  }
}
.page-header .banner-form__wrapper {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}
.page-header .banner-form__position {
  bottom: -43px;
}
@media (max-width: 767px) {
  .page-header .banner-form__position {
    position: relative;
    bottom: -120px;
  }
}
.page-header .banner-form__position .row {
  --bs-gutter-x: 0;
}
.page-header .banner-form__position .row > * {
  padding-right: 0;
  padding-left: 0;
}
.page-header .banner-form__position .col-lg-4 {
  width: 29.3%;
}
@media (max-width: 991px) {
  .page-header .banner-form__position .col-lg-4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .page-header .banner-form__position .col-lg-4 {
    width: 100%;
  }
}
.page-header .banner-form__position .col-lg-2 {
  width: 20.9%;
}
@media (max-width: 991px) {
  .page-header .banner-form__position .col-lg-2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .page-header .banner-form__position .col-lg-2 {
    width: 100%;
  }
}
.page-header .banner-form__position .col-lg-3 {
  width: 20.4%;
}
@media (max-width: 991px) {
  .page-header .banner-form__position .col-lg-3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .page-header .banner-form__position .col-lg-3 {
    width: 100%;
  }
}
.page-header .banner-form__position .col-lg-1 {
  width: 8.5%;
}
@media (max-width: 991px) {
  .page-header .banner-form__position .col-lg-1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .page-header .banner-form__position .col-lg-1 {
    width: 100%;
  }
}
.page-header .banner-form__position .villoz-btn {
  height: 93px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .page-header .banner-form__position .villoz-btn {
    width: 85px;
  }
}
@media (max-width: 991px) {
  .page-header .banner-form__position .villoz-btn {
    width: 100px;
    bottom: -93px;
    top: auto;
  }
}
.page-header--blank {
  padding: 0;
  height: 140px;
}
@media (max-width: 1199px) {
  .page-header--blank {
    height: 160px;
  }
}
@media (max-width: 991px) {
  .page-header--blank {
    height: 170px;
  }
}
@media (max-width: 767px) {
  .page-header--blank {
    height: 101px;
  }
}

.villoz-breadcrumb {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  margin-top: -7px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.villoz-breadcrumb li {
  font-size: 12px;
  color: var(--villoz-white, #fff);
  display: flex;
  align-items: center;
}
.villoz-breadcrumb li:not(:last-of-type)::after {
  content: "/";
  position: relative;
  top: -1px;
  margin-right: 10px;
  margin-left: 10px;
}
.villoz-breadcrumb li span,
.villoz-breadcrumb li a {
  color: inherit;
  display: inline-flex;
  line-height: 1em;
}
.villoz-breadcrumb li a {
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.villoz-breadcrumb li a:hover {
  background-size: 100% 1px;
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
  position: relative;
}
.google-map iframe {
  position: relative;
  display: block;
  border: none;
  height: 558px;
  width: 100%;
  mix-blend-mode: luminosity;
}
.google-map__contact {
  overflow: hidden;
  background-color: var(--villoz-gray, #f0f6fd);
}

.contact-map {
  position: relative;
  padding: 80px 0;
}
@media (min-width: 992px) {
  .contact-map {
    padding: 120px 0;
  }
}

/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
  background-color: var(--villoz-white, #fff);
  background-size: cover;
  padding: 70px 0;
}
.client-carousel__one__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 83px;
  transition: all 500ms ease;
}
.client-carousel__one__item img {
  transition: all 500ms ease;
  opacity: 0.2;
  max-width: 100%;
  width: auto !important;
}
.client-carousel__one__item:hover {
  background-color: var(--villoz-gray, #f0f6fd);
}
.client-carousel__one__item:hover img {
  opacity: 0.6;
}
.client-carousel--with-border {
  position: relative;
  padding-bottom: 0;
}
.client-carousel--with-border .client-carousel__one {
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  padding-bottom: 70px;
}
.client-carousel--destination-page {
  position: relative;
  padding-top: 0;
}
.client-carousel--destination-page .client-carousel__one {
  padding-top: 68px;
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}

.client-carousel-one {
  position: relative;
  background: var(--villoz-white, #fff);
  padding: 0 0 60px;
}
.client-carousel-one .client-carousel__one {
  padding: 74px 0 0;
}
.client-carousel-one .owl-theme .owl-nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  z-index: 2;
  line-height: 0.8;
}
.client-carousel-one .owl-theme .owl-nav button {
  width: 26px;
  height: 27px;
  background-color: var(--villoz-gray, #f0f6fd);
  margin: 0 2.5px;
  padding: 0;
  transition: all 500ms ease;
  font-size: 12px;
  color: var(--villoz-black, #132742);
  text-align: center;
  font-size: 12px;
  line-height: 27px;
  border-radius: 0;
}
.client-carousel-one .owl-theme .owl-nav button:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.client-carousel-one .owl-theme .owl-nav::before {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  content: "";
  height: 1px;
  background-color: var(--villoz-border-color, #d6e2f0);
  z-index: -1;
}
.client-carousel-one .owl-theme .owl-nav::after {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  width: 110px;
  content: "";
  height: 1px;
  background-color: var(--villoz-white, #fff);
}
.client-carousel-one .client-carousel__one__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 103px;
  transition: all 500ms ease;
}
.client-carousel-one .client-carousel__one__item img {
  transition: all 500ms ease;
  opacity: 0.2;
  max-width: 100%;
  width: auto;
}
.client-carousel-one .client-carousel__one__item:hover {
  background-color: #f8f5f0;
}
.client-carousel-one .client-carousel__one__item:hover img {
  opacity: 0.6;
}

/*--------------------------------------------------------------
# Hero Banner
--------------------------------------------------------------*/
.banner-one {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 184px 0 304px;
  margin-bottom: -344px;
}
@media (max-width: 767px) {
  .banner-one {
    margin-bottom: -250px;
  }
}
.banner-one .container {
  position: relative;
  z-index: 2;
}
.banner-one__title {
  color: var(--villoz-white, #fff);
  font-size: 70px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 991px) {
  .banner-one__title {
    font-size: 45px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .banner-one__title {
    font-size: 36px;
    margin-top: 0;
  }
}
.banner-one__content {
  position: relative;
  z-index: 2;
  background-color: var(--villoz-white, #fff);
  margin: 88px 0 0;
  padding: 31px 40px 36px;
}
@media (max-width: 991px) {
  .banner-one__content {
    padding-right: 28px;
    padding-left: 28px;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .banner-one__content {
    margin-top: 30px;
  }
}
.banner-one__ratings {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #fcbd14;
  letter-spacing: 3px;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 0 0 20px;
  margin: 0 0 12px;
}
.banner-one__text {
  margin: 0;
  font-size: 14px;
  line-height: 26px;
}
.banner-one__text span {
  color: var(--villoz-black, #132742);
}

.banner-form {
  position: relative;
  padding: 0;
}
.banner-form::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 49%;
  content: "";
  background-color: var(--villoz-white, #fff);
}
.banner-form__carousel {
  max-width: 1680px;
  position: relative;
  margin: 0 auto;
}
.banner-form__carousel .active .banner-form__image {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.banner-form__image {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 673px;
  width: 100%;
  transform: scale(1);
  transition: transform 10000ms ease, -webkit-transform 10000ms ease;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
}
@media (max-width: 991px) {
  .banner-form__image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .banner-form__image {
    height: 550px;
  }
}
.banner-form__position {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100px;
  z-index: 2;
  margin: 0 auto;
  max-width: 1200px;
}
.banner-form__wrapper {
  position: relative;
  background-color: var(--villoz-white, #fff);
  padding: 20px 0;
}
.banner-form .row {
  --bs-gutter-x: 0;
}
.banner-form .row > * {
  padding-right: 0;
  padding-left: 0;
}
.banner-form .col-lg-4 {
  width: 29.3%;
}
@media (max-width: 991px) {
  .banner-form .col-lg-4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-form .col-lg-4 {
    width: 100%;
  }
}
.banner-form .col-lg-2 {
  width: 20.9%;
}
@media (max-width: 991px) {
  .banner-form .col-lg-2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-form .col-lg-2 {
    width: 100%;
  }
}
.banner-form .col-lg-3 {
  width: 20.4%;
}
@media (max-width: 991px) {
  .banner-form .col-lg-3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-form .col-lg-3 {
    width: 100%;
  }
}
.banner-form .col-lg-1 {
  width: 8.5%;
}
@media (max-width: 991px) {
  .banner-form .col-lg-1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .banner-form .col-lg-1 {
    width: 100%;
  }
}
.banner-form__control {
  position: relative;
  padding: 9px 40px 0;
  border-left: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (max-width: 1199px) {
  .banner-form__control {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .banner-form__control {
    border-left: none;
  }
}
.banner-form__control label {
  display: block;
  cursor: pointer;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0;
}
.banner-form__control .bootstrap-select > .dropdown-toggle,
.banner-form__control input[type=text],
.banner-form__control input[type=number],
.banner-form__control input[type=email] {
  display: block;
  width: 100%;
  background-color: transparent;
  color: var(--villoz-black, #132742);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  border: none;
  outline: none;
  padding: 0;
}
.banner-form__control i {
  position: absolute;
  left: 38px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 24px;
  color: var(--villoz-text, #737a83);
}
@media (max-width: 1199px) {
  .banner-form__control i {
    left: 23px;
  }
}
.banner-form__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
}
.banner-form__control .bootstrap-select > .dropdown-toggle {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  border: none;
  outline: none !important;
  color: var(--villoz-black, #132742);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
.banner-form__control .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
}
.banner-form__control .bootstrap-select > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.banner-form__control .bootstrap-select > .dropdown-toggle:before,
.banner-form__control .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.banner-form__control .bootstrap-select .dropdown-menu {
  border: none;
  padding-top: 23px;
  right: -30px !important;
}
@media (max-width: 991px) {
  .banner-form__control .bootstrap-select .dropdown-menu {
    right: -25px !important;
  }
}
.banner-form__control .bootstrap-select .dropdown-menu .dropdown-menu {
  padding-top: 0;
  max-height: 200px;
}
.banner-form__control .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.banner-form__control .bootstrap-select .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-gray, #f0f6fd);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.banner-form__control .bootstrap-select .dropdown-menu > li:hover > a,
.banner-form__control .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}
.banner-form__qty-minus {
  display: flex;
  align-items: center;
  position: absolute;
  left: 65px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1199px) {
  .banner-form__qty-minus {
    left: 50px;
  }
}
.banner-form__qty-minus i {
  position: relative;
  width: 22px;
  height: 22px;
  border: 2px solid var(--villoz-text, #737a83);
  border-radius: 50%;
  left: 0;
  font-size: 12px;
  justify-content: center;
  cursor: pointer;
  transition: all 500ms ease;
}
.banner-form__qty-minus i:hover {
  color: var(--villoz-base, #537eac);
  border-color: var(--villoz-base, #537eac);
}
.banner-form__qty-plus {
  display: flex;
  align-items: center;
  position: absolute;
  left: 38px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1199px) {
  .banner-form__qty-plus {
    left: 23px;
  }
}
.banner-form__qty-plus i {
  position: relative;
  width: 22px;
  height: 22px;
  border: 2px solid var(--villoz-text, #737a83);
  border-radius: 50%;
  left: 0;
  font-size: 12px;
  justify-content: center;
  cursor: pointer;
  transition: all 500ms ease;
}
.banner-form__qty-plus i:hover {
  color: var(--villoz-base, #537eac);
  border-color: var(--villoz-base, #537eac);
}
.banner-form .villoz-btn {
  height: 93px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .banner-form .villoz-btn {
    width: 85px;
  }
}
@media (max-width: 991px) {
  .banner-form .villoz-btn {
    width: 100px;
    bottom: -93px;
    top: auto;
  }
}

.banner-two {
  position: relative;
}
.banner-two__carousel {
  position: relative;
  margin: 0 auto;
}
.banner-two__carousel.owl-carousel .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  text-align: left;
  position: absolute;
  outline: none;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media (max-width: 991px) {
  .banner-two__carousel.owl-carousel .owl-nav {
    display: none;
  }
}
.banner-two__carousel.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  z-index: 4;
  right: 40px;
  top: 0;
  width: 52px;
  height: 52px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  font-size: 16px;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0;
}
.banner-two__carousel.owl-carousel .owl-nav .owl-prev:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
@media (min-width: 1400px) {
  .banner-two__carousel.owl-carousel .owl-nav .owl-prev {
    right: 110px;
  }
}
.banner-two__carousel.owl-carousel .owl-nav .owl-next {
  position: absolute;
  z-index: 4;
  left: 40px;
  top: 0;
  width: 52px;
  height: 52px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  font-size: 16px;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0;
}
.banner-two__carousel.owl-carousel .owl-nav .owl-next:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
@media (min-width: 1400px) {
  .banner-two__carousel.owl-carousel .owl-nav .owl-next {
    left: 110px;
  }
}
.banner-two__carousel .active .banner-two__image {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.banner-two__image {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 824px;
  width: 100%;
  transform: scale(1);
  transition: transform 10000ms ease, -webkit-transform 10000ms ease;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
}
.banner-two__image::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.6);
}
.banner-two__content {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 2;
  margin: 0 auto;
  padding: 293px 0 0;
  max-width: 1200px;
}
@media (max-width: 767px) {
  .banner-two__content {
    padding-top: 260px;
  }
}
.banner-two__content__top {
  position: relative;
  text-align: center;
  margin: 0 0 100px;
}
@media (max-width: 991px) {
  .banner-two__content__top {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .banner-two__content__top {
    margin-bottom: 40px;
  }
}
.banner-two__title {
  position: relative;
  color: var(--villoz-white, #fff);
  font-size: 70px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 500;
  margin: 0 0 15px;
}
@media (max-width: 991px) {
  .banner-two__title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .banner-two__title {
    font-size: 30px;
  }
}
.banner-two__title__sub {
  position: absolute;
  right: 144px;
  top: -68px;
  display: inline-block;
  background-position: right top;
  background-size: cover;
  height: 85px;
  width: 238px;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 20px 0;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@media (max-width: 767px) {
  .banner-two__title__sub {
    right: 34px;
    top: -78px;
  }
}
.banner-two__title__sub span {
  transform: rotate(-2deg);
  display: block;
}
.banner-two__text {
  color: var(--villoz-white, #fff);
  font-weight: 600;
  margin: 0;
}
.banner-two .row {
  --bs-gutter-x: 0;
}
.banner-two .row > * {
  padding-right: 0;
  padding-left: 0;
}
.banner-two .col-lg-4 {
  width: 29.3%;
}
@media (max-width: 991px) {
  .banner-two .col-lg-4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-two .col-lg-4 {
    width: 100%;
  }
}
.banner-two .col-lg-2 {
  width: 20.9%;
}
@media (max-width: 991px) {
  .banner-two .col-lg-2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-two .col-lg-2 {
    width: 100%;
  }
}
.banner-two .col-lg-3 {
  width: 20.4%;
}
@media (max-width: 991px) {
  .banner-two .col-lg-3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-two .col-lg-3 {
    width: 100%;
  }
}
.banner-two .col-lg-1 {
  width: 8.5%;
}
@media (max-width: 991px) {
  .banner-two .col-lg-1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .banner-two .col-lg-1 {
    width: 100%;
  }
}
.banner-two .villoz-btn {
  height: 93px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .banner-two .villoz-btn {
    width: 85px;
  }
}
@media (max-width: 991px) {
  .banner-two .villoz-btn {
    width: 100px;
    bottom: -93px;
    top: auto;
  }
}

.banner-three {
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  background-color: var(--villoz-white, #fff);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 155px 0 86px;
}
@media (max-width: 767px) {
  .banner-three {
    padding-bottom: 0;
    margin: 0;
  }
}
.banner-three__text {
  position: relative;
  padding: 96px 0 0;
}
@media (max-width: 1199px) {
  .banner-three__text {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .banner-three__text {
    padding: 0;
  }
}
.banner-three__sub-title {
  font-size: 18px;
  color: var(--villoz-text, #737a83);
  margin: 0 0 14px;
  opacity: 0;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(200px);
}
.banner-three__title {
  font-size: 60px;
  line-height: 65px;
  letter-spacing: -1.2px;
  margin: 0 0 10px;
  opacity: 0;
  transition: transform 1200ms ease, opacity 1200ms ease;
  transform: translateY(150px);
}
@media (max-width: 991px) {
  .banner-three__title {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .banner-three__title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 40px;
  }
}
.banner-three__thumb {
  position: relative;
}
.banner-three__thumb__left {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
  opacity: 0;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateY(200px);
}
@media (max-width: 767px) {
  .banner-three__thumb__left {
    display: none;
  }
}
.banner-three__thumb__right {
  position: relative;
  opacity: 0;
  transition: transform 1000ms ease, opacity 1000ms ease;
  transform: translateX(-100%);
}
.banner-three__thumb__right img {
  width: auto !important;
  max-width: none;
}
@media (max-width: 767px) {
  .banner-three__thumb__right img {
    width: 100% !important;
  }
}
.banner-three__circle {
  position: absolute;
  right: 50px;
  top: 50px;
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
}
.banner-three__circle .video-popup {
  font-size: 20px;
  color: var(--villoz-black, #132742);
  position: absolute;
  right: 0;
  top: 15px;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.banner-three__circle .video-popup:hover {
  color: var(--villoz-base, #537eac);
}
.banner-three__circle .curved-circle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 120px !important;
  height: 120px !important;
  transform-origin: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotate 15s linear 0s forwards infinite alternate;
}
.banner-three__circle .curved-circle--item {
  width: 120px !important;
  height: 120px !important;
}
.banner-three__circle .curved-circle--item span {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  color: var(--villoz-black, #132742);
  letter-spacing: 0.4em;
}
.banner-three__cus-col {
  position: relative;
}
.banner-three__cus-col .col-lg-7 {
  width: 50%;
  padding-right: 0;
}
@media (max-width: 767px) {
  .banner-three__cus-col .col-lg-7 {
    width: 100%;
    padding-right: 15px;
  }
}
.banner-three__cus-col .col-lg-5 {
  width: 50%;
}
@media (max-width: 767px) {
  .banner-three__cus-col .col-lg-5 {
    width: 100%;
  }
}
.banner-three .active .banner-three__sub-title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1200ms;
}
.banner-three .active .banner-three__title {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1400ms;
}
.banner-three .active .banner-three__thumb__left {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1400ms;
}
.banner-three .active .banner-three__thumb__right {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1500ms;
}
.banner-three__content {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 157px;
}
@media (max-width: 1199px) {
  .banner-three__content {
    padding-bottom: 0;
    position: relative;
  }
}
@media (max-width: 767px) {
  .banner-three__content {
    padding-bottom: 0;
    position: relative;
  }
}
.banner-three__content .banner-form__wrapper {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.banner-three__content .row {
  --bs-gutter-x: 0;
}
.banner-three__content .row > * {
  padding-right: 0;
  padding-left: 0;
}
.banner-three__content .col-lg-4 {
  width: 29.3%;
}
@media (max-width: 991px) {
  .banner-three__content .col-lg-4 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-three__content .col-lg-4 {
    width: 100%;
  }
}
.banner-three__content .col-lg-2 {
  width: 20.9%;
}
@media (max-width: 991px) {
  .banner-three__content .col-lg-2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-three__content .col-lg-2 {
    width: 100%;
  }
}
.banner-three__content .col-lg-3 {
  width: 20.4%;
}
@media (max-width: 991px) {
  .banner-three__content .col-lg-3 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .banner-three__content .col-lg-3 {
    width: 100%;
  }
}
.banner-three__content .col-lg-1 {
  width: 8.5%;
}
@media (max-width: 991px) {
  .banner-three__content .col-lg-1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .banner-three__content .col-lg-1 {
    width: 100%;
  }
}
.banner-three__content .villoz-btn {
  height: 93px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .banner-three__content .villoz-btn {
    width: 85px;
  }
}
@media (max-width: 991px) {
  .banner-three__content .villoz-btn {
    width: 100px;
    bottom: -93px;
    top: auto;
  }
}
.banner-three__author {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .banner-three__author {
    display: block;
    margin-top: 60px;
  }
}
.banner-three__author__thumb {
  display: flex;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .banner-three__author__thumb {
    margin: 0 0 10px;
  }
}
.banner-three__author__thumb img {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  border: 2px solid var(--villoz-white, #fff);
  margin-left: -7px;
}
.banner-three__author__thumb img:nth-child(1) {
  z-index: 2;
}
.banner-three__author__thumb img:nth-child(2) {
  z-index: 1;
}
.banner-three__author__text {
  margin: 0;
}
.banner-three__author__text a {
  color: var(--villoz-black, #132742);
}
.banner-three__author__text a:hover {
  color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# Feature Section
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 0;
}
.feature-one__content {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .feature-one__content {
    padding: 80px 0;
  }
}
.feature-one__content .sec-title__tagline {
  color: var(--villoz-text-dark, #859ab7);
}
.feature-one__content .sec-title__title {
  color: var(--villoz-white, #fff);
}
.feature-one__wrapper {
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .feature-one__wrapper {
    margin-left: -300px;
  }
}
.feature-one__wrapper__middle-icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: var(--villoz-base, #537eac);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  font-size: 60px;
  color: var(--villoz-white, #fff);
}
.feature-one__wrapper__middle-icon img {
  max-height: 60px;
  transform: scale(1);
  transition: 500ms ease;
}
@media (max-width: 767px) {
  .feature-one__wrapper__middle-icon {
    display: none;
  }
}
.feature-one__wrapper:hover .feature-one__wrapper__middle-icon img {
  transform: scale(0.95);
}
.feature-one__item {
  position: relative;
  background-color: var(--villoz-white, #fff);
  padding: 36px 136px 36px 25px;
}
@media (max-width: 991px) {
  .feature-one__item {
    padding-right: 120px;
  }
}
.feature-one__item::after {
  position: absolute;
  left: 10px;
  top: 0;
  width: 6px;
  height: 50px;
  content: "";
  background-color: var(--villoz-gray, #f0f6fd);
}
.feature-one__item:hover .feature-one__item__icon span {
  transform: scale(0.9);
}
.feature-one__item__icon {
  width: 77px;
  height: 77px;
  background-color: var(--villoz-gray, #f0f6fd);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: var(--villoz-base, #537eac);
  position: absolute;
  right: 40px;
  bottom: 0;
  top: 0;
  margin: auto 0;
}
.feature-one__item__icon span {
  transform: scale(1);
  transition: 500ms ease;
}
@media (max-width: 991px) {
  .feature-one__item__icon {
    right: 30px;
  }
}
.feature-one__item__title {
  font-size: 20px;
  margin: 0 0 9px;
}
.feature-one__item__text {
  font-size: 15px;
  line-height: 26px;
  margin: 0;
}
.feature-one__image {
  text-align: left;
  position: relative;
  max-width: 745px;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .feature-one__image {
    margin: 0 auto;
    text-align: center;
  }
}
.feature-one__image::after {
  position: absolute;
  right: -51px;
  top: 0;
  width: 21px;
  height: 38%;
  background-color: var(--villoz-base, #537eac);
  content: "";
}
.feature-one__image img {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .feature-one__image img {
    max-width: none;
  }
}

.feature-two {
  position: relative;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--villoz-base, #537eac);
  padding: 75px 0;
}
.feature-two__item {
  position: relative;
  padding: 0 102px 0 0;
}
.feature-two__item:hover .feature-two__item__icon::after {
  animation: bounceIn 1s linear;
  animation-duration: 1s;
  animation-duration: 1s;
  animation-duration: 2s;
}
.feature-two__item__icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 62px;
  line-height: 1;
  color: var(--villoz-white, #fff);
}
.feature-two__item__icon::after {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 68px;
  height: 68px;
  content: "";
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.15);
  border-radius: 50%;
  z-index: -1;
}
.feature-two__item__title {
  color: var(--villoz-white, #fff);
  font-size: 20px;
  margin: 0 0 15px;
}
.feature-two__item__text {
  color: #c2ddf9;
  font-size: 14px;
  line-height: 30px;
  margin: 0;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
  position: relative;
  padding: 120px 0;
  background-color: var(--villoz-white, #fff);
}
@media (max-width: 767px) {
  .about-one {
    padding: 80px 0;
  }
}
.about-one__shape {
  position: absolute;
  right: 5%;
  bottom: 0;
}
@media (max-width: 1500px) {
  .about-one__shape {
    right: 1%;
  }
}
@media (max-width: 1300px) {
  .about-one__shape {
    display: none;
  }
}
.about-one__shape img {
  -webkit-animation: airTree 4s ease-in infinite;
  animation: airTree 4s ease-in infinite;
}
@keyframes airTree {
  0%, 100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
  }
  25%, 75% {
    -webkit-transform: rotate(-5deg) translateX(-15px);
    transform: rotate(-5deg) translateX(-15px);
  }
  50% {
    -webkit-transform: rotate(-10deg) translateX(-30px);
    transform: rotate(-10deg) translateX(-30px);
  }
}
.about-one__content {
  position: relative;
}
.about-one__content__map {
  position: absolute;
  left: 0;
  top: 127px;
  z-index: 2;
}
@media (max-width: 767px) {
  .about-one__content__map {
    display: none;
  }
}
.about-one__content__map img {
  width: 98px;
  height: auto;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes float-bob-y-2 {
  0% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(10px) translateX(-10px) rotate(-5deg);
    transform: translateY(10px) translateX(-10px) rotate(-5deg);
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0px) rotate(0deg);
    transform: translateY(0px) translateX(0px) rotate(0deg);
  }
}
.about-one__image-one {
  position: relative;
}
.about-one__image-one img {
  max-width: 100%;
  height: auto;
}
.about-one__content-inner {
  position: relative;
  padding: 0 35px 0 33px;
}
@media (max-width: 1199px) {
  .about-one__content-inner {
    padding: 0 0 0;
    margin-right: -22px;
  }
}
@media (max-width: 767px) {
  .about-one__content-inner {
    padding: 45px 0 0;
    margin-right: 0;
  }
}
.about-one__content-inner__title {
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
  margin: -8px 0 32px;
}
.about-one__content-inner__text {
  line-height: 30px;
  margin: 0 0 20px;
}
.about-one__content-inner__list {
  margin: 0 0 46px;
  padding: 0;
  list-style: none;
}
.about-one__content-inner__list li {
  font-size: 18px;
  line-height: 36px;
  color: var(--villoz-black, #132742);
}
.about-one__content-inner__list li span {
  color: var(--villoz-base, #537eac);
  margin-left: 9px;
}
.about-one__right {
  position: relative;
}
@media (max-width: 1199px) {
  .about-one__right {
    margin: 45px 0 0;
  }
}
.about-one__circle {
  position: absolute;
  right: -50px;
  top: -20px;
  width: 185px;
  height: 170px;
  background-color: var(--villoz-white, #fff);
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199px) {
  .about-one__circle {
    right: -20px;
  }
}
.about-one__circle__icon {
  font-size: 64px;
  line-height: 64px;
  color: var(--villoz-base, #537eac);
}
.about-one__circle .curved-circle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 140px !important;
  height: 140px !important;
  transform-origin: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotate 15s linear 0s forwards infinite alternate;
}
.about-one__circle .curved-circle--item {
  width: 140px !important;
  height: 140px !important;
}
.about-one__circle .curved-circle--item span {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  letter-spacing: 0.4em;
}
.about-one__image-two {
  position: relative;
  margin-bottom: 10px;
}
.about-one__image-two img {
  max-width: 100%;
  height: auto;
}
.about-one__facts {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
}
@media (max-width: 1199px) {
  .about-one__facts {
    max-width: 370px;
  }
}
.about-one__facts__item {
  padding: 21px 39px 26px;
  position: relative;
}
@media (max-width: 767px) {
  .about-one__facts__item {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.about-one__facts__item:first-child {
  background-image: linear-gradient(-90deg, rgba(254, 253, 253, 0) 0%, rgb(240, 246, 253) 100%);
}
.about-one__facts__icon {
  font-size: 64px;
  line-height: 64px;
  color: var(--villoz-base, #537eac);
  display: block;
  margin: 0 0 8px;
}
.about-one__facts__count {
  display: block;
  font-size: 30px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 6px;
}
.about-one__facts__count .count-box {
  display: inline-flex;
}
.about-one__facts__text {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}

.about-two {
  position: relative;
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .about-two {
    padding-top: 80px;
  }
}
.about-two__heading {
  width: 171px;
  height: 171px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 26px;
  color: var(--villoz-white, #fff);
  font-weight: 600;
  padding: 0 42px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  right: -13px;
  top: 88px;
  box-shadow: 0px 20px 20px 0px rgba(21, 29, 42, 0.1);
  -webkit-animation-name: treeMove;
  animation-name: treeMove;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@media (max-width: 767px) {
  .about-two__heading {
    top: 0;
    right: 0;
  }
}
.about-two__heading::after {
  position: absolute;
  left: 36px;
  bottom: 1px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent transparent var(--villoz-base, #537eac) transparent;
  transform: rotate(-17deg);
}
.about-two__thumb-area {
  position: relative;
  margin: 0 -45px 0 -9px;
}
@media (max-width: 1299px) {
  .about-two__thumb-area {
    margin: 0 0 0 -39px;
  }
}
@media (max-width: 1199px) {
  .about-two__thumb-area {
    margin: 0;
    max-width: 624px;
  }
}
.about-two__thumb {
  position: relative;
  max-width: 624px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 900 834" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 834) scale(.1 -.1)"> <path d="m5936 8143c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m6059 8089c-8-31-3-79 7-79 9 0 11 11 7 38-5 34-11 52-14 41z"/> <path d="m6260 8066c0-16 7-27 21-31 30-10 34 0 12 29-23 32-33 33-33 2z"/> <path d="m6515 8079c-10-14-1-21 19-13 9 3 13 10 10 15-7 12-21 11-29-2z"/> <path d="m5863 8053c-7-2-13-13-13-24 0-14 7-19 26-19 25 0 26-2 21-41-3-23-13-47-24-54-15-11-16-16-5-27 20-20 44 2 57 55 11 43 10 49-5 60-10 7-19 21-21 31-4 21-17 27-36 19z"/> <path d="m5925 8051c-7-12 12-24 25-16 11 7 4 25-10 25-5 0-11-4-15-9z"/> <path d="m6110 8015c-15-18 4-29 29-15 11 5 39 10 62 10 57 0 46 6-23 13-41 4-60 2-68-8z"/> <path d="m6290 7995c-10-13-7-17 24-30 25-11 36-22 36-36 0-19-4-21-39-16-25 3-44 0-52-9-8-7-38-16-66-20-44-5-53-4-53 9 0 21 34 31 59 18 27-15 31-14 31 8 0 25-43 54-58 39-9-9-16-7-30 5-33 30-47 21-43-25 1-10-5-17-16-18-76-3-116-13-121-32-2-11-23-28-46-39-23-10-48-24-57-30-24-17-49-4-49 26 0 32-18 32-30 0-5-14-17-25-26-25s-30-7-47-16c-61-32-66-34-72-24-10 15-35 12-35-5 0-9-9-15-23-15-13 0-34-13-49-30-15-18-36-30-50-30s-41-15-62-35c-21-19-45-35-52-35-8 0-22-4-32-9-68-35-91-42-117-39-24 2-29 7-27 24 1 12-4 27-13 34-22 18-31-14-16-57 15-41 11-46-49-67-32-11-48-12-57-4-10 8-13 7-13-5 0-8 6-17 12-19 10-4 10-11 2-29l-11-24-12 23c-13 25-51 30-51 7 0-8 5-24 12-35 16-25 1-41-16-17-8 10-26 17-47 17-29-1-38-7-62-45-28-44-30-45-85-47-31 0-69 0-84 1-21 2-28-2-28-16 0-25-19-43-46-43-37 0-52-10-47-31 4-15 0-19-20-19-14 0-29-4-32-10-3-5-15-10-26-10-10 0-27-4-37-9-9-5-25-12-35-15-9-3-22-17-27-31s-21-30-34-35-28-15-33-22c-11-18-71-45-114-52-19-4-52-15-72-25s-39-16-42-13c-11 11-5 50 10 62 20 17 19 36-4 59-12 12-16 24-10 32 9 15-8 42-22 33-5-3-9-14-9-25 0-24-18-25-27-2-4 10-20 28-35 41s-28 30-28 37c0 29-59 57-127 61-40 3-78 12-97 23-52 31-106 21-157-28-43-41-63-49-74-31-3 5-22-2-42-16-26-17-45-23-61-19-27 7-62-18-62-43 0-10-6-12-22-8-13 4-53 7-91 6-46-1-74 4-89 14-31 22-71 20-86-4s-33-25-79-3c-29 13-41 14-67 5-48-17-70-15-94 11-25 26-20 37 15 37 32 0 29 22-8 43-38 21-78 22-85 2-5-11-21-15-60-15s-54-4-54-13c0-20 33-47 58-47 21 0 52-24 52-41 0-5-15-28-32-52-32-43-34-44-88-42-30 0-60 4-66 8-17 10-24-2-24-40s-16-44-29-9c-8 20-18 24-72 29-89 8-125-19-112-87 6-29 24-34 43-11 18 22 39 18 50-9 5-13 14-26 21-28 9-3 9-9 0-26-14-27-56-29-84-5-18 17-20 17-38-6-21-26-26-90-7-109 6-6 11-25 10-42-1-27 3-32 30-37 16-3 32-12 35-19 3-8 13-14 23-14 73 0 61-60-12-64-25-1-33-7-38-25-3-13-14-27-25-31-30-11-108 1-128 19-18 15-21 14-43-12-18-21-32-28-53-25-34 3-57-14-66-50-3-15-15-36-26-48-22-24-17-50 13-59 32-11 43-48 23-79-18-27-18-27 14-59 23-25 31-42 31-70 0-30 4-37 20-37 11 0 20-3 19-7-2-20-58-98-68-95-6 1-16 3-23 5-6 1-16-8-23-20-8-15-15-19-26-13-26 15-41-3-29-34 12-34 6-46-25-46-17 0-26-8-34-32-11-30-12-30-30-14-23 21-41 14-41-15 0-22-29-26-48-7-21 21-33-4-17-36 20-37 11-62-23-71-42-10-93-45-102-71-6-15-23-27-50-35-22-7-40-15-40-18s-6-14-14-23c-11-15-16-16-56-2-28 10-46 12-53 5-15-15-1-39 25-43 21-3 23-9 25-73 3-57 0-72-14-84-13-9-14-15-5-18 6-3 12-12 12-20 0-14-3-13-25 1-36 23-53 20-57-11-2-19-10-29-23-31-11-2-33-16-48-30l-29-27-19 24c-18 22-20 22-44 7-14-9-32-27-40-40-9-13-25-26-36-29s-23-15-26-27c-4-17-11-20-27-15-48 15-60 11-81-31-11-22-59-80-107-128-49-48-88-90-88-93 0-13 33-140 41-155 25-50 49-127 49-160 0-30 5-39 27-50 27-13 31-21 53-124 8-36 20-69 53-141 5-12 6-36 2-55-10-44-10-113 0-166 5-29 3-57-5-83-11-34-11-44 5-78 9-22 24-42 31-45 8-3 14-15 14-26s7-23 15-26c28-11 15-30-52-74-37-25-72-47-78-49-5-2-28-16-50-30s-47-30-56-36c-9-5-43-31-75-57s-66-53-75-60-20-30-24-52c-6-37-4-41 44-85 30-28 51-56 51-68 0-15-20-36-65-68-36-25-86-64-112-86-27-22-60-51-75-64-16-13-28-29-28-37 0-7 22-35 48-63 86-90 112-129 112-170 0-24 11-55 30-87 17-26 30-55 30-62 0-8 9-18 20-21s25-16 31-28c7-12 18-26 25-30 8-4 14-19 14-32 0-14 4-25 9-25 14 0 30-55 20-71-16-25-9-44 27-67 42-26 43-26 80-7 19 10 32 11 39 4 6-6 6-12 0-17-25-18-35-42-29-66 7-30 22-34 31-8 13 33 47 72 64 72 10 0 21 5 24 11 4 5 19 8 34 4 22-5 29-1 43 27 9 18 18 44 20 58 3 22 9 25 46 28 23 2 42 7 42 12 0 11 88 11 96-1 9-15 46-10 59 7 15 21 52 10 61-18 6-19 7-19 16-5 5 10 18 17 30 17 17 0 19-4 14-25-4-14-2-34 3-44 12-22-7-71-26-71-13 0-18-51-7-63 15-15 35 7 29 33s-4 28 32 33c48 6 59-7 55-68-4-45-6-48-53-70-41-19-57-21-94-14-55 10-91-3-100-38-7-29-31-25-28 5 2 16-4 23-22 28-14 3-25 12-25 20 0 16-28 18-50 4-12-7-12-12-2-22 6-6 12-20 12-30s11-23 24-28c22-8 66-59 66-75 0-4-17-5-39-1-28 4-42 2-51-9-17-21-30-19-30 4 0 11-3 22-7 24-15 9-53-13-53-30 0-10-16-42-36-71l-37-53-30 31c-19 19-39 30-58 30-34 0-79-39-79-69 0-17-6-21-30-21-22 0-30-5-30-18 0-20 18-42 35-42 7 0 17 11 23 25 14 29 42 33 42 6s-41-50-105-57c-34-4-54-11-52-18 5-16 69-24 122-16 32 5 45 3 49-7 11-28-14-57-29-33-4 6-11 7-17 4-7-5-5-12 7-20 23-17 12-48-14-39-24 7-31-3-24-38 4-20 10-26 22-23 19 6 81-47 81-68 0-10-13-16-42-18-36-3-44-7-46-26-3-17 2-25 18-29 13-3 20-12 18-22-4-16-10-16-70-4-20 4-30 0-40-16-15-25-31-27-48-6-13 16-50 21-50 6 0-5 11-16 25-25 20-13 25-25 25-55 0-34-3-38-20-34-46 12-77-66-47-117 9-15 14-29 11-32-2-3 0-17 6-32 8-23 12-25 30-14 28 18 37 2 32-55-3-37-10-51-30-65-14-9-44-37-68-62-33-34-46-42-55-33-18 18-55-11-63-47-3-17-12-30-20-30s-27-11-42-25-31-25-36-25c-6 0-7-14-3-32 6-27 5-31-6-20-7 6-21 12-31 12-16 0-16-3-6-20 14-22 43-27 53-9 4 6 22 8 44 4 48-8 66 11 57 60-12 60 40 33 62-33 9-28 8-38-8-64-14-24-16-36-9-50s7-24-2-34c-10-13-10-17 0-23 10-7 10-12 0-29-11-18-10-23 12-41 30-25 38-25 67-1 20 17 27 29 31 60 2 12 62 41 71 35 6-3 10-17 10-30 0-19 7-24 41-30 33-6 43-4 54 12 13 16 16 16 25 3s12-13 21 3c11 19 39 23 39 6 0-34 70-51 96-24 9 8 27 17 42 21 39 8 58 20 53 36-13 44-13 70 0 66 8-3 15-14 17-25 3-23 57-43 96-36 31 6 33 18 6 33-20 11-27 44-11 54 5 3 14-1 21-9 8-9 27-14 54-12 34 2 42 7 44 25 5 32 24 27 51-13 28-41 41-44 41-11 0 13 6 26 14 29s16 16 18 29c3 21 8 23 58 23 54 0 55 1 58 30 5 50 10 59 26 46 11-9 19-9 35 1s23 10 33 0c18-18 26-15 33 16 3 15 21 38 40 52 18 14 39 35 44 48 10 22 13 22 39 8 15-8 35-17 45-20 23-7 11-31-41-81-35-35-37-40-40-112l-4-75 61-58c46-44 70-60 101-65 22-4 40-12 40-20 0-7 7-19 16-26 14-11 18-11 29 4 13 18 34 21 84 11 24-5 31-12 31-31 0-13 7-26 15-30 23-8 31 5 16 29-16 26-4 39 40 40 21 0 44 9 59 24 29 27 75 40 84 25 13-20 38-13 31 9-8 26 17 37 51 22 15-8 24-8 24-1 0 12 57 69 70 69 14 0 60-46 53-53-3-4-16-7-29-7-15 0-24-8-28-25-4-15-14-25-24-25-9 0-30-16-45-35s-33-35-40-35c-26-1-85-69-71-83 6-5 93 27 134 49 14 7 41 22 60 32 19 9 55 31 80 46 25 16 51 29 59 29s36 15 63 32c61 41 98 38 98-7 0-19-11-43-29-64-16-18-33-39-38-46-4-8-26-27-49-43-50-36-165-140-288-257-70-68-88-90-78-100 9-9 16-8 30 5 19 17 103 65 207 118 33 16 74 38 90 48 17 10 57 32 90 50s69 41 81 52c11 10 26 19 32 19 7 0 31 12 55 27 100 64 143 77 167 48 21-25 83-13 103 21 4 7 32 25 62 41 35 17 63 40 75 60 14 23 40 42 92 66 134 62 149 68 165 58 24-13 52-1 68 30 10 19 39 39 88 63 77 38 106 43 124 25 9-9 18-4 38 20 35 40 58 39 85-4 26-42 23-70-7-70-12 0-24-3-29-7-10-10 15-38 43-49 35-13 38-35 9-73-14-19-26-42-26-51 0-8-7-27-16-40-8-13-19-59-23-102l-7-78 46-46c56-56 104-82 183-100 47-10 65-10 93 0 30 11 38 10 52-2 9-8 27-18 40-21 12-4 22-12 22-17s15-9 33-9c23 0 41 8 58 26 13 15 51 39 84 55s77 45 98 64c36 33 37 35 37 107 0 40-7 109-16 153-8 44-17 99-21 123-6 42-5 42 26 42 18 0 58 14 89 31 82 45 103 56 145 75 20 9 37 20 37 25s20 6 45 2c44-6 45-5 45 21 0 34 17 33 67-3 61-44 84-82 81-133-3-35 0-43 17-46 10-2 34 4 52 13 31 17 34 17 51 2 27-25 58-21 84 12 65 80 126 86 172 18 14-21 26-46 26-56 0-23 19-31 70-31 29 0 41-6 53-24 9-13 30-26 48-30 30-6 31-7 14-20-24-17-13-46 17-45 13 0 50-6 83-13 59-14 60-14 63-51 3-31 10-42 42-63 22-15 42-35 45-45 8-23 33-25 42-3 9 25-17 64-44 64-14 0-23 6-23 15 0 18 28 19 90 2 58-16 97-43 116-78 19-37 34-37 34 1 0 29 21 42 34 21 3-5 18-12 33-16 16-3 38-16 50-27 11-11 29-18 40-16 15 3 18 12 15 63-2 33-1 57 3 53s16-3 27 3c14 7 29 7 50 0 17-6 33-9 36-6 8 8-30 45-47 45s-61 47-61 66c0 7-20 15-50 19-35 5-55 14-65 28-12 18-13 23-2 27 23 9 67 47 67 59 0 6-6 11-14 11-7 0-38 14-69 30-31 17-67 30-81 30-24 0-51 22-39 33 3 4-11 14-31 22-30 13-36 20-31 35 5 17 1 21-24 26-17 4-31 9-31 13 2 19 60 70 88 76 47 10 144 77 173 119 13 20 27 36 30 36s20 20 38 45c32 44 33 45 90 45 48 0 61 4 81 25 23 25 23 25 4 39-14 11-16 18-8 26 13 13 54-3 54-20 0-6 7-10 16-10 17 0 93-55 107-77 9-15 33-17 42-4 3 5-13 20-35 32-22 13-40 26-40 30s-3 15-6 23c-6 14 1 16 48 10 43-5 56-3 67 10 12 14 11 20-9 41-13 14-31 25-41 25-9 0-22 7-29 15s-20 15-30 15c-23 0-44 26-36 45 3 8 18 15 34 15 43 0 83 22 81 45-2 36 1 45 16 45 17 0 35 30 35 57 0 11-12 35-26 54-17 24-24 42-20 60 6 33 61 115 81 123 9 3 57 1 107-4s95-7 100-4 23 0 39-6c23-10 33-10 42-1 6 6 26 11 45 11s45 9 59 20c18 14 41 20 79 20 29 0 68 6 86 14s55 23 81 33c46 17 76 44 120 107 16 23 25 26 80 26 60 0 64-2 101-40 21-22 50-42 64-45 15-3 39-9 54-14 38-12 130 11 176 46 81 60 199 160 245 206 40 40 50 46 66 37 35-18 60-12 77 21 13 25 13 36 4 60-11 25-9 32 14 60 14 17 26 35 26 41 0 5 14 29 30 52 56 77 64 273 15 351-7 11-14 45-17 75-6 65-50 181-88 230-15 19-30 42-33 50-4 8-17 31-28 50-12 19-31 53-42 75-22 41-40 67-137 196-31 41-77 108-103 149-25 42-60 89-77 105-35 33-39 68-15 136 9 24 13 54 10 66s-7 89-10 172c-5 138-3 152 14 168 10 10 29 43 42 73 28 66 58 120 68 120 4 0 12-5 19-12 8-8 12-8 12-1 0 6-7 16-15 23-18 15-13 56 17 136 10 29 20 76 21 105 2 30 13 74 25 100 12 25 22 52 22 60s9 28 19 45l19 32-28 21c-16 11-33 21-38 21s-19 11-32 25c-22 23-23 29-12 58 7 19 12 63 12 98 0 42 5 72 15 85 19 25 19 53 0 60-20 8-19 43 1 51 24 9 68-22 74-52 4-21 15-30 45-41 68-23 99-18 134 22s33 54-9 54c-33 0-48 16-31 33 6 6 11 21 11 34 0 17-6 23-22 23-12 0-36 5-54 12-26 9-39 8-74-6-38-15-45-15-58-2s-13 18 1 40c21 31 22 65 2 72-28 11-15 30 35 54 64 30 80 48 69 78-5 12-14 24-21 26s-32 9-56 16c-36 12-44 11-55-2-15-19-41-28-53-20-5 4-24 26-42 49-28 37-32 48-26 81 5 34 3 40-21 56-31 21-74 14-101-15-22-25-38-24-74 3-28 21-30 25-24 70 6 41 4 51-12 63-28 21-40 18-83-20-55-50-81-44-81 20 0 35-10 55-29 55-29 0-38 18-31 65 6 38 3 50-17 79-39 53-59 60-139 44-56-11-71-17-81-38-6-14-25-36-41-50-15-14-44-47-63-75-49-72-67-86-98-78-36 8-42 20-39 78l3 50-60 1c-55 1-119-11-138-27-5-3 15-26 42-51 63-57 67-83 23-154-18-28-32-55-32-60s-8-19-18-32c-21-27-44-22-61 15-11 23-15 25-59 18-26-4-54-13-63-21-20-18-29-9-29 31 0 18-7 38-16 46-25 20-17 151 13 208 13 24 23 54 23 66 0 15 13 31 40 49 22 14 40 33 40 40 0 32-20 64-44 70-28 7-34 21-41 92-2 27-7 61-11 75-9 41 11 69 50 69 32 0 66 24 66 48 0 15-46 16-55 2-13-20-30-9-43 28-26 75-26 72 1 72 34 0 72 32 64 53-4 10-15 17-26 17s-23 5-26 10c-9 15-46 12-66-6-16-14-20-12-57 28-54 59-92 105-92 111 0 3-20 35-45 71-25 37-45 69-45 72s-11 20-25 38-25 40-25 48 18 36 40 61 40 51 40 59 7 23 15 34c20 26 20 163 0 190-8 10-15 28-15 40 0 30-37 80-108 148-34 32-64 67-67 77-4 10-26 27-51 38-42 19-61 51-29 51 8 0 15 9 15 20 0 14-7 20-22 20-13 0-32 7-42 15-25 19-40 19-56 0zm-457-209c5-13-21-46-36-46-4 0-7 14-7 30 0 23 5 30 19 30 10 0 21-6 24-14zm-1743-816c0-5-9-10-21-10-11 0-17 5-14 10 3 6 13 10 21 10s14-4 14-10zm-1506-15c14-14 13-20-5-55-13-25-28-40-40-40-21 0-24 12-9 38 5 9 14 29 20 45 11 31 13 32 34 12zm-924-1346c0-15-5-20-22-17-34 5-37 38-4 38 20 0 26-5 26-21zm98-3054c-2-5-28-32-58-59s-59-56-63-63c-13-21-28-5-21 23 5 20 2 24-15 24-14 0-21 6-21 20 0 17 7 20 39 20 22 0 43 5 46 10 3 6 17 10 29 10 13 0 29 7 36 15 14 17 34 16 28 0zm-711-571c10-27-14-40-37-19-11 10-17 22-14 26 9 15 44 10 51-7zm77-85c4-23 0-39-15-60-23-33-37-37-46-13-6 16 33 104 46 104 5 0 11-14 15-31z"/> <path d="m6590 7925c0-8 5-15 10-15 6 0 10 7 10 15s-4 15-10 15c-5 0-10-7-10-15z"/> <path d="m5694 7916c-8-21 3-49 16-41 5 3 10 15 10 25 0 25-18 36-26 16z"/> <path d="m6540 7900c0-6 11-15 25-20s25-14 25-20c0-5 5-10 10-10 15 0 12 17-7 40-18 21-53 27-53 10z"/> <path d="m5635 7839c-10-15 3-25 16-12 7 7 7 13 1 17-6 3-14 1-17-5z"/> <path d="m5262 7658c7-19 38-22 38-4 0 10-9 16-21 16s-19-5-17-12z"/> <path d="m2945 7289c-9-14 24-49 46-49 29 0 34 21 8 41-27 21-45 24-54 8z"/> <path d="m4020 7261c0-15 31-42 41-36 14 10 10 32-7 39-22 9-34 7-34-3z"/> <path d="m2187 6913c-3-5-7-29-11-54-5-35-3-49 8-58 19-16 36-6 36 22 0 11 12 33 26 48s23 32 20 38c-8 12-72 15-79 4z"/> <path d="m7162 6401c-8-5-12-17-10-27 2-15 15-20 58-26 30-3 58-4 62-2 17 10 7 26-24 38-55 22-72 26-86 17z"/> <path d="m1707 6004c-8-8 1-24 14-24 5 0 9 7 9 15 0 15-12 20-23 9z"/> <path d="m1670 5940c-13-25-5-40 20-40 24 0 31 11 23 38-7 28-29 28-43 2z"/> <path d="m1795 5920c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m1396 5503c10-49 13-53 39-53 32 0 34 29 2 58-33 31-49 28-41-5z"/> <path d="m1226 5412c-6-9 29-42 44-42 6 0 10 5 10 10 0 6-7 10-15 10s-15 7-15 15c0 16-15 20-24 7z"/> <path d="m1141 5357c0-11-10-21-21-24-21-6-28-47-10-58 15-9 42 41 37 72-2 15-5 20-6 10z"/> <path d="m8445 5020c-8-13 20-24 41-16 20 8 9 26-16 26-10 0-22-5-25-10z"/> <path d="m8332 4490c1-13 9-25 16-28 17-5 15 23-4 39-14 11-15 10-12-11z"/> <path d="m8373 4395c0-27 2-38 4-22 2 15 2 37 0 50-2 12-4 0-4-28z"/> <path d="m8310 4250c-13-9-12-13 6-28 12-10 24-27 26-38s11-19 23-19c31 0 33 58 3 79-26 18-37 20-58 6z"/> <path d="m8671 4253c-40-8-131-83-137-112-3-14-10-47-16-73-9-38-8-56 7-105 21-69 40-92 100-122 24-12 47-26 50-32 10-15 97-11 151 7 51 17 104 60 132 107 9 15 22 27 29 27 18 0 19 170 1 170-7 0-24 16-38 34-14 19-47 49-73 67-42 29-58 34-115 35-37 1-78 0-91-3z"/> <path d="m8415 3740c-13-20 7-70 37-95 40-34 82-31 86 6 6 53-99 129-123 89z"/> <path d="m1256 2473c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m1310 2406c-6-8-21-16-32-18-40-6-32-28 9-26 43 1 117 34 108 48-9 15-71 12-85-4z"/> <path d="m800 2377c0-15 80-71 88-62 8 8-59 75-75 75-7 0-13-6-13-13z"/> <path d="m716 2364c-9-22-8-24 9-24 8 0 15 6 15 14 0 22-17 28-24 10z"/> <path d="m1445 2365c-19-14-19-16-2-29 9-7 17-25 17-40 0-21 5-26 25-26 35 0 42 26 16 54-12 13-21 29-19 36 5 19-16 22-37 5z"/> <path d="m650 2316c0-10 9-16 21-16 24 0 21 23-4 28-10 2-17-3-17-12z"/> <path d="m1080 2275c-20-21-21-25-7-30 19-8 67 22 67 41 0 22-35 16-60-11z"/> <path d="m1196 2284c-10-25-7-34 9-34 8 0 15 9 15 19 0 26-16 35-24 15z"/> <path d="m627 2243c13-38 43-58 43-30 0 14-31 47-43 47-3 0-4-8 0-17z"/> <path d="m716 2232c-3-6-1-14 5-17 15-10 25 3 12 16-7 7-13 7-17 1z"/> <path d="m1130 2225c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m773 2214c-7-19 34-64 59-64 31 0 21 36-17 59-31 18-37 19-42 5z"/> <path d="m952 2198c3-7 18-15 34-16 16-2 31-8 34-12 3-5 17 0 30 10 19 15 21 20 8 20-9 0-19-6-22-12-3-10-9-8-19 5-16 20-71 24-65 5z"/> <path d="m445 2167c-4-10-5-21-1-24 10-10 18 4 13 24-4 17-4 17-12 0z"/> <path d="m617 2174c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m1148 2126c-19-14-23-26-10-26 4 0 18 9 32 20 16 13 20 20 10 19-8 0-23-6-32-13z"/> <path d="m734 2085c-9-20-14-38-11-42 4-3 9 2 13 11 3 9 12 16 20 16s14 10 14 25c0 36-16 31-36-10z"/> <path d="m920 2105c-15-18-6-45 15-45 9 0 15 9 15 24 0 31-14 40-30 21z"/> <path d="m1e3 2101c-14-26-13-44 2-35 7 4 30 7 53 6 35-2 37 0 20 10-11 6-24 17-28 25-12 19-35 16-47-6z"/> <path d="m645 2060c-10-16 16-43 28-31 11 11 2 41-12 41-5 0-13-5-16-10z"/> <path d="m495 2051c-3-5 8-16 25-24 33-17 35-15 20 14-11 20-35 25-45 10z"/> <path d="m776 2053c-3-3-6-21-6-38 0-36 32-58 69-48 31 8 22 37-12 41-19 2-27 9-27 22 0 20-13 33-24 23z"/> <path d="m747 1848c11-13 23-31 26-40 7-21 27-24 27-4 0 17-45 66-61 66-8 0-4-9 8-22z"/> <path d="m555 1840c-3-5 3-10 15-10s18 5 15 10c-3 6-10 10-15 10s-12-4-15-10z"/> <path d="m495 1826c-11-8-16-19-12-30 10-24 25-19 42 14 17 34 4 41-30 16z"/> <path d="m366 1811c-3-5 1-12 10-15 25-10 34-7 34 9s-35 21-44 6z"/> <path d="m600 1770c0-16 7-20 31-20s30 3 25 16c-3 9-6 18-6 20s-11 4-25 4c-18 0-25-5-25-20z"/> <path d="m700 1778c1-21 26-48 44-48 25 0 31 29 10 45-24 18-54 19-54 3z"/> <path d="m853 1761c-14-22-8-31 23-31 29 0 39 16 24 35-17 20-33 19-47-4z"/> <path d="m740 1685c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m612 1669c-12-18-10-25 12-54 14-19 26-36 26-39s9-15 21-27c13-13 19-30 17-47-2-18 2-28 13-30 13-2 15 6 12 55-6 75-9 85-30 82-42-4-46 0-39 41 7 45-10 55-32 19z"/> <path d="m416 1662c-3-5 8-19 24-30 45-34 82-26 55 11-7 10-19 15-28 11-8-3-18-1-22 5-7 13-22 14-29 3z"/> <path d="m847 1664c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m765 1640c-10-16 6-80 21-80 7 0 11 6 8 14s-1 23 4 33 7 24 5 31c-6 14-29 16-38 2z"/> <path d="m263 1624c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m830 1565c0-9 5-15 11-13s11 8 11 13-5 11-11 13-11-4-11-13z"/> <path d="m403 1555c-25-10-30-30-12-41 14-8 42 19 37 37-2 11-9 12-25 4z"/> <path d="m535 1514c-26-28-41-62-31-71 13-14 55 22 69 58 13 34 14 39 1 39-8 0-26-12-39-26z"/> <path d="m313 1467c-24-11-29-22-14-31 8-6 48 31 40 38-2 2-14-1-26-7z"/> <path d="m641 1436c-8-9-11-19-7-23 9-9 29 13 24 27-2 8-8 7-17-4z"/> <path d="m415 1389c-8-38 12-67 21-31 8 29 28 28 48-3 10-15 22-22 31-19 20 8 19 34 0 34-9 0-27 11-41 25-33 33-51 32-59-6z"/> <path d="m350 1385c0-10 7-15 18-13 21 4 19 22-2 26-10 2-16-3-16-13z"/> <path d="m7102 1387c-6-7-34-21-61-31-28-10-53-21-55-25-3-4 16-30 42-58 36-38 60-54 100-67 62-18 83-12 107 34 23 44 18 69-21 116-29 36-42 44-68 44-19 0-38-6-44-13z"/> <path d="m640 1341c0-10-7-24-15-31-18-15-19-34-4-61 8-16 13-18 25-8 8 6 14 22 14 34 0 13 7 25 15 29 8 3 15 17 15 31 0 20-5 25-25 25-18 0-25-5-25-19z"/> <path d="m347 1309c-9-6-21-8-26-4-5 3-12 1-16-5-3-5 3-10 13-10 11 0 26-10 35-22 21-31 39-13 23 24-9 21-15 24-29 17z"/> <path d="m570 1269c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m490 1271c0-6 8-16 18-23s22-22 26-33c7-20 8-20 18-1 8 15 7 22-6 31-9 7-16 17-16 24 0 6-9 11-20 11s-20-4-20-9z"/> <path d="m540 1129c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m6320 865c0-29 25-38 86-33 39 3 49 16 23 29-8 3-24 11-36 17-13 7-34 12-48 12-20 0-25-5-25-25z"/> <path d="m7006 811c-22-24-21-28 15-46 28-15 32-15 50 1 22 20 18 29-20 49-26 13-30 13-45-4z"/> <path d="m7215 820c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m7135 739c-10-15 24-99 40-99 7 0 15 7 19 15 3 8 16 15 30 15 24 0 36-16 36-51 0-14 7-19 25-19 20 0 25 5 25 24 0 14-11 33-25 44s-25 29-25 41c0 11-9 25-19 31-26 13-98 13-106-1z"/> <path d="m1589 722c-22-18-20-42 4-42 15 0 38 48 27 55-4 3-18-3-31-13z"/> <path d="m430 715c7-8 16-15 21-15s9 7 9 15c0 9-9 15-21 15-18 0-19-2-9-15z"/> <path d="m7090 665c0-11 7-15 23-13 12 2 22 8 22 13 0 6-10 11-22 13-16 2-23-2-23-13z"/> <path d="m6763 573c-4-10 2-23 16-35 27-21 54-23 70-5 8 10 4 19-19 35-35 26-58 28-67 5z"/> <path d="m595 520c-4-6-3-16 3-22s12-6 17 2c4 6 3 16-3 22s-12 6-17-2z"/> <path d="m6802 498c-8-8-9-15-1-25 16-19 29-16 29 6 0 25-13 34-28 19z"/> <path d="m2223 419c14-8 22-8 30 0s3 11-18 11c-26-1-28-2-12-11z"/> <path d="m5967 413c-3-3-3-11 0-19 6-17 56-19 51-2-5 13-43 29-51 21z"/> <path d="m6443 364c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m2997 271c-61-40-71-87-21-109 35-17 77-15 119 5s55 55 34 92c-12 21-23 26-59 28-30 1-55-4-73-16z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 900 834" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0 834) scale(.1 -.1)"> <path d="m5936 8143c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m6059 8089c-8-31-3-79 7-79 9 0 11 11 7 38-5 34-11 52-14 41z"/> <path d="m6260 8066c0-16 7-27 21-31 30-10 34 0 12 29-23 32-33 33-33 2z"/> <path d="m6515 8079c-10-14-1-21 19-13 9 3 13 10 10 15-7 12-21 11-29-2z"/> <path d="m5863 8053c-7-2-13-13-13-24 0-14 7-19 26-19 25 0 26-2 21-41-3-23-13-47-24-54-15-11-16-16-5-27 20-20 44 2 57 55 11 43 10 49-5 60-10 7-19 21-21 31-4 21-17 27-36 19z"/> <path d="m5925 8051c-7-12 12-24 25-16 11 7 4 25-10 25-5 0-11-4-15-9z"/> <path d="m6110 8015c-15-18 4-29 29-15 11 5 39 10 62 10 57 0 46 6-23 13-41 4-60 2-68-8z"/> <path d="m6290 7995c-10-13-7-17 24-30 25-11 36-22 36-36 0-19-4-21-39-16-25 3-44 0-52-9-8-7-38-16-66-20-44-5-53-4-53 9 0 21 34 31 59 18 27-15 31-14 31 8 0 25-43 54-58 39-9-9-16-7-30 5-33 30-47 21-43-25 1-10-5-17-16-18-76-3-116-13-121-32-2-11-23-28-46-39-23-10-48-24-57-30-24-17-49-4-49 26 0 32-18 32-30 0-5-14-17-25-26-25s-30-7-47-16c-61-32-66-34-72-24-10 15-35 12-35-5 0-9-9-15-23-15-13 0-34-13-49-30-15-18-36-30-50-30s-41-15-62-35c-21-19-45-35-52-35-8 0-22-4-32-9-68-35-91-42-117-39-24 2-29 7-27 24 1 12-4 27-13 34-22 18-31-14-16-57 15-41 11-46-49-67-32-11-48-12-57-4-10 8-13 7-13-5 0-8 6-17 12-19 10-4 10-11 2-29l-11-24-12 23c-13 25-51 30-51 7 0-8 5-24 12-35 16-25 1-41-16-17-8 10-26 17-47 17-29-1-38-7-62-45-28-44-30-45-85-47-31 0-69 0-84 1-21 2-28-2-28-16 0-25-19-43-46-43-37 0-52-10-47-31 4-15 0-19-20-19-14 0-29-4-32-10-3-5-15-10-26-10-10 0-27-4-37-9-9-5-25-12-35-15-9-3-22-17-27-31s-21-30-34-35-28-15-33-22c-11-18-71-45-114-52-19-4-52-15-72-25s-39-16-42-13c-11 11-5 50 10 62 20 17 19 36-4 59-12 12-16 24-10 32 9 15-8 42-22 33-5-3-9-14-9-25 0-24-18-25-27-2-4 10-20 28-35 41s-28 30-28 37c0 29-59 57-127 61-40 3-78 12-97 23-52 31-106 21-157-28-43-41-63-49-74-31-3 5-22-2-42-16-26-17-45-23-61-19-27 7-62-18-62-43 0-10-6-12-22-8-13 4-53 7-91 6-46-1-74 4-89 14-31 22-71 20-86-4s-33-25-79-3c-29 13-41 14-67 5-48-17-70-15-94 11-25 26-20 37 15 37 32 0 29 22-8 43-38 21-78 22-85 2-5-11-21-15-60-15s-54-4-54-13c0-20 33-47 58-47 21 0 52-24 52-41 0-5-15-28-32-52-32-43-34-44-88-42-30 0-60 4-66 8-17 10-24-2-24-40s-16-44-29-9c-8 20-18 24-72 29-89 8-125-19-112-87 6-29 24-34 43-11 18 22 39 18 50-9 5-13 14-26 21-28 9-3 9-9 0-26-14-27-56-29-84-5-18 17-20 17-38-6-21-26-26-90-7-109 6-6 11-25 10-42-1-27 3-32 30-37 16-3 32-12 35-19 3-8 13-14 23-14 73 0 61-60-12-64-25-1-33-7-38-25-3-13-14-27-25-31-30-11-108 1-128 19-18 15-21 14-43-12-18-21-32-28-53-25-34 3-57-14-66-50-3-15-15-36-26-48-22-24-17-50 13-59 32-11 43-48 23-79-18-27-18-27 14-59 23-25 31-42 31-70 0-30 4-37 20-37 11 0 20-3 19-7-2-20-58-98-68-95-6 1-16 3-23 5-6 1-16-8-23-20-8-15-15-19-26-13-26 15-41-3-29-34 12-34 6-46-25-46-17 0-26-8-34-32-11-30-12-30-30-14-23 21-41 14-41-15 0-22-29-26-48-7-21 21-33-4-17-36 20-37 11-62-23-71-42-10-93-45-102-71-6-15-23-27-50-35-22-7-40-15-40-18s-6-14-14-23c-11-15-16-16-56-2-28 10-46 12-53 5-15-15-1-39 25-43 21-3 23-9 25-73 3-57 0-72-14-84-13-9-14-15-5-18 6-3 12-12 12-20 0-14-3-13-25 1-36 23-53 20-57-11-2-19-10-29-23-31-11-2-33-16-48-30l-29-27-19 24c-18 22-20 22-44 7-14-9-32-27-40-40-9-13-25-26-36-29s-23-15-26-27c-4-17-11-20-27-15-48 15-60 11-81-31-11-22-59-80-107-128-49-48-88-90-88-93 0-13 33-140 41-155 25-50 49-127 49-160 0-30 5-39 27-50 27-13 31-21 53-124 8-36 20-69 53-141 5-12 6-36 2-55-10-44-10-113 0-166 5-29 3-57-5-83-11-34-11-44 5-78 9-22 24-42 31-45 8-3 14-15 14-26s7-23 15-26c28-11 15-30-52-74-37-25-72-47-78-49-5-2-28-16-50-30s-47-30-56-36c-9-5-43-31-75-57s-66-53-75-60-20-30-24-52c-6-37-4-41 44-85 30-28 51-56 51-68 0-15-20-36-65-68-36-25-86-64-112-86-27-22-60-51-75-64-16-13-28-29-28-37 0-7 22-35 48-63 86-90 112-129 112-170 0-24 11-55 30-87 17-26 30-55 30-62 0-8 9-18 20-21s25-16 31-28c7-12 18-26 25-30 8-4 14-19 14-32 0-14 4-25 9-25 14 0 30-55 20-71-16-25-9-44 27-67 42-26 43-26 80-7 19 10 32 11 39 4 6-6 6-12 0-17-25-18-35-42-29-66 7-30 22-34 31-8 13 33 47 72 64 72 10 0 21 5 24 11 4 5 19 8 34 4 22-5 29-1 43 27 9 18 18 44 20 58 3 22 9 25 46 28 23 2 42 7 42 12 0 11 88 11 96-1 9-15 46-10 59 7 15 21 52 10 61-18 6-19 7-19 16-5 5 10 18 17 30 17 17 0 19-4 14-25-4-14-2-34 3-44 12-22-7-71-26-71-13 0-18-51-7-63 15-15 35 7 29 33s-4 28 32 33c48 6 59-7 55-68-4-45-6-48-53-70-41-19-57-21-94-14-55 10-91-3-100-38-7-29-31-25-28 5 2 16-4 23-22 28-14 3-25 12-25 20 0 16-28 18-50 4-12-7-12-12-2-22 6-6 12-20 12-30s11-23 24-28c22-8 66-59 66-75 0-4-17-5-39-1-28 4-42 2-51-9-17-21-30-19-30 4 0 11-3 22-7 24-15 9-53-13-53-30 0-10-16-42-36-71l-37-53-30 31c-19 19-39 30-58 30-34 0-79-39-79-69 0-17-6-21-30-21-22 0-30-5-30-18 0-20 18-42 35-42 7 0 17 11 23 25 14 29 42 33 42 6s-41-50-105-57c-34-4-54-11-52-18 5-16 69-24 122-16 32 5 45 3 49-7 11-28-14-57-29-33-4 6-11 7-17 4-7-5-5-12 7-20 23-17 12-48-14-39-24 7-31-3-24-38 4-20 10-26 22-23 19 6 81-47 81-68 0-10-13-16-42-18-36-3-44-7-46-26-3-17 2-25 18-29 13-3 20-12 18-22-4-16-10-16-70-4-20 4-30 0-40-16-15-25-31-27-48-6-13 16-50 21-50 6 0-5 11-16 25-25 20-13 25-25 25-55 0-34-3-38-20-34-46 12-77-66-47-117 9-15 14-29 11-32-2-3 0-17 6-32 8-23 12-25 30-14 28 18 37 2 32-55-3-37-10-51-30-65-14-9-44-37-68-62-33-34-46-42-55-33-18 18-55-11-63-47-3-17-12-30-20-30s-27-11-42-25-31-25-36-25c-6 0-7-14-3-32 6-27 5-31-6-20-7 6-21 12-31 12-16 0-16-3-6-20 14-22 43-27 53-9 4 6 22 8 44 4 48-8 66 11 57 60-12 60 40 33 62-33 9-28 8-38-8-64-14-24-16-36-9-50s7-24-2-34c-10-13-10-17 0-23 10-7 10-12 0-29-11-18-10-23 12-41 30-25 38-25 67-1 20 17 27 29 31 60 2 12 62 41 71 35 6-3 10-17 10-30 0-19 7-24 41-30 33-6 43-4 54 12 13 16 16 16 25 3s12-13 21 3c11 19 39 23 39 6 0-34 70-51 96-24 9 8 27 17 42 21 39 8 58 20 53 36-13 44-13 70 0 66 8-3 15-14 17-25 3-23 57-43 96-36 31 6 33 18 6 33-20 11-27 44-11 54 5 3 14-1 21-9 8-9 27-14 54-12 34 2 42 7 44 25 5 32 24 27 51-13 28-41 41-44 41-11 0 13 6 26 14 29s16 16 18 29c3 21 8 23 58 23 54 0 55 1 58 30 5 50 10 59 26 46 11-9 19-9 35 1s23 10 33 0c18-18 26-15 33 16 3 15 21 38 40 52 18 14 39 35 44 48 10 22 13 22 39 8 15-8 35-17 45-20 23-7 11-31-41-81-35-35-37-40-40-112l-4-75 61-58c46-44 70-60 101-65 22-4 40-12 40-20 0-7 7-19 16-26 14-11 18-11 29 4 13 18 34 21 84 11 24-5 31-12 31-31 0-13 7-26 15-30 23-8 31 5 16 29-16 26-4 39 40 40 21 0 44 9 59 24 29 27 75 40 84 25 13-20 38-13 31 9-8 26 17 37 51 22 15-8 24-8 24-1 0 12 57 69 70 69 14 0 60-46 53-53-3-4-16-7-29-7-15 0-24-8-28-25-4-15-14-25-24-25-9 0-30-16-45-35s-33-35-40-35c-26-1-85-69-71-83 6-5 93 27 134 49 14 7 41 22 60 32 19 9 55 31 80 46 25 16 51 29 59 29s36 15 63 32c61 41 98 38 98-7 0-19-11-43-29-64-16-18-33-39-38-46-4-8-26-27-49-43-50-36-165-140-288-257-70-68-88-90-78-100 9-9 16-8 30 5 19 17 103 65 207 118 33 16 74 38 90 48 17 10 57 32 90 50s69 41 81 52c11 10 26 19 32 19 7 0 31 12 55 27 100 64 143 77 167 48 21-25 83-13 103 21 4 7 32 25 62 41 35 17 63 40 75 60 14 23 40 42 92 66 134 62 149 68 165 58 24-13 52-1 68 30 10 19 39 39 88 63 77 38 106 43 124 25 9-9 18-4 38 20 35 40 58 39 85-4 26-42 23-70-7-70-12 0-24-3-29-7-10-10 15-38 43-49 35-13 38-35 9-73-14-19-26-42-26-51 0-8-7-27-16-40-8-13-19-59-23-102l-7-78 46-46c56-56 104-82 183-100 47-10 65-10 93 0 30 11 38 10 52-2 9-8 27-18 40-21 12-4 22-12 22-17s15-9 33-9c23 0 41 8 58 26 13 15 51 39 84 55s77 45 98 64c36 33 37 35 37 107 0 40-7 109-16 153-8 44-17 99-21 123-6 42-5 42 26 42 18 0 58 14 89 31 82 45 103 56 145 75 20 9 37 20 37 25s20 6 45 2c44-6 45-5 45 21 0 34 17 33 67-3 61-44 84-82 81-133-3-35 0-43 17-46 10-2 34 4 52 13 31 17 34 17 51 2 27-25 58-21 84 12 65 80 126 86 172 18 14-21 26-46 26-56 0-23 19-31 70-31 29 0 41-6 53-24 9-13 30-26 48-30 30-6 31-7 14-20-24-17-13-46 17-45 13 0 50-6 83-13 59-14 60-14 63-51 3-31 10-42 42-63 22-15 42-35 45-45 8-23 33-25 42-3 9 25-17 64-44 64-14 0-23 6-23 15 0 18 28 19 90 2 58-16 97-43 116-78 19-37 34-37 34 1 0 29 21 42 34 21 3-5 18-12 33-16 16-3 38-16 50-27 11-11 29-18 40-16 15 3 18 12 15 63-2 33-1 57 3 53s16-3 27 3c14 7 29 7 50 0 17-6 33-9 36-6 8 8-30 45-47 45s-61 47-61 66c0 7-20 15-50 19-35 5-55 14-65 28-12 18-13 23-2 27 23 9 67 47 67 59 0 6-6 11-14 11-7 0-38 14-69 30-31 17-67 30-81 30-24 0-51 22-39 33 3 4-11 14-31 22-30 13-36 20-31 35 5 17 1 21-24 26-17 4-31 9-31 13 2 19 60 70 88 76 47 10 144 77 173 119 13 20 27 36 30 36s20 20 38 45c32 44 33 45 90 45 48 0 61 4 81 25 23 25 23 25 4 39-14 11-16 18-8 26 13 13 54-3 54-20 0-6 7-10 16-10 17 0 93-55 107-77 9-15 33-17 42-4 3 5-13 20-35 32-22 13-40 26-40 30s-3 15-6 23c-6 14 1 16 48 10 43-5 56-3 67 10 12 14 11 20-9 41-13 14-31 25-41 25-9 0-22 7-29 15s-20 15-30 15c-23 0-44 26-36 45 3 8 18 15 34 15 43 0 83 22 81 45-2 36 1 45 16 45 17 0 35 30 35 57 0 11-12 35-26 54-17 24-24 42-20 60 6 33 61 115 81 123 9 3 57 1 107-4s95-7 100-4 23 0 39-6c23-10 33-10 42-1 6 6 26 11 45 11s45 9 59 20c18 14 41 20 79 20 29 0 68 6 86 14s55 23 81 33c46 17 76 44 120 107 16 23 25 26 80 26 60 0 64-2 101-40 21-22 50-42 64-45 15-3 39-9 54-14 38-12 130 11 176 46 81 60 199 160 245 206 40 40 50 46 66 37 35-18 60-12 77 21 13 25 13 36 4 60-11 25-9 32 14 60 14 17 26 35 26 41 0 5 14 29 30 52 56 77 64 273 15 351-7 11-14 45-17 75-6 65-50 181-88 230-15 19-30 42-33 50-4 8-17 31-28 50-12 19-31 53-42 75-22 41-40 67-137 196-31 41-77 108-103 149-25 42-60 89-77 105-35 33-39 68-15 136 9 24 13 54 10 66s-7 89-10 172c-5 138-3 152 14 168 10 10 29 43 42 73 28 66 58 120 68 120 4 0 12-5 19-12 8-8 12-8 12-1 0 6-7 16-15 23-18 15-13 56 17 136 10 29 20 76 21 105 2 30 13 74 25 100 12 25 22 52 22 60s9 28 19 45l19 32-28 21c-16 11-33 21-38 21s-19 11-32 25c-22 23-23 29-12 58 7 19 12 63 12 98 0 42 5 72 15 85 19 25 19 53 0 60-20 8-19 43 1 51 24 9 68-22 74-52 4-21 15-30 45-41 68-23 99-18 134 22s33 54-9 54c-33 0-48 16-31 33 6 6 11 21 11 34 0 17-6 23-22 23-12 0-36 5-54 12-26 9-39 8-74-6-38-15-45-15-58-2s-13 18 1 40c21 31 22 65 2 72-28 11-15 30 35 54 64 30 80 48 69 78-5 12-14 24-21 26s-32 9-56 16c-36 12-44 11-55-2-15-19-41-28-53-20-5 4-24 26-42 49-28 37-32 48-26 81 5 34 3 40-21 56-31 21-74 14-101-15-22-25-38-24-74 3-28 21-30 25-24 70 6 41 4 51-12 63-28 21-40 18-83-20-55-50-81-44-81 20 0 35-10 55-29 55-29 0-38 18-31 65 6 38 3 50-17 79-39 53-59 60-139 44-56-11-71-17-81-38-6-14-25-36-41-50-15-14-44-47-63-75-49-72-67-86-98-78-36 8-42 20-39 78l3 50-60 1c-55 1-119-11-138-27-5-3 15-26 42-51 63-57 67-83 23-154-18-28-32-55-32-60s-8-19-18-32c-21-27-44-22-61 15-11 23-15 25-59 18-26-4-54-13-63-21-20-18-29-9-29 31 0 18-7 38-16 46-25 20-17 151 13 208 13 24 23 54 23 66 0 15 13 31 40 49 22 14 40 33 40 40 0 32-20 64-44 70-28 7-34 21-41 92-2 27-7 61-11 75-9 41 11 69 50 69 32 0 66 24 66 48 0 15-46 16-55 2-13-20-30-9-43 28-26 75-26 72 1 72 34 0 72 32 64 53-4 10-15 17-26 17s-23 5-26 10c-9 15-46 12-66-6-16-14-20-12-57 28-54 59-92 105-92 111 0 3-20 35-45 71-25 37-45 69-45 72s-11 20-25 38-25 40-25 48 18 36 40 61 40 51 40 59 7 23 15 34c20 26 20 163 0 190-8 10-15 28-15 40 0 30-37 80-108 148-34 32-64 67-67 77-4 10-26 27-51 38-42 19-61 51-29 51 8 0 15 9 15 20 0 14-7 20-22 20-13 0-32 7-42 15-25 19-40 19-56 0zm-457-209c5-13-21-46-36-46-4 0-7 14-7 30 0 23 5 30 19 30 10 0 21-6 24-14zm-1743-816c0-5-9-10-21-10-11 0-17 5-14 10 3 6 13 10 21 10s14-4 14-10zm-1506-15c14-14 13-20-5-55-13-25-28-40-40-40-21 0-24 12-9 38 5 9 14 29 20 45 11 31 13 32 34 12zm-924-1346c0-15-5-20-22-17-34 5-37 38-4 38 20 0 26-5 26-21zm98-3054c-2-5-28-32-58-59s-59-56-63-63c-13-21-28-5-21 23 5 20 2 24-15 24-14 0-21 6-21 20 0 17 7 20 39 20 22 0 43 5 46 10 3 6 17 10 29 10 13 0 29 7 36 15 14 17 34 16 28 0zm-711-571c10-27-14-40-37-19-11 10-17 22-14 26 9 15 44 10 51-7zm77-85c4-23 0-39-15-60-23-33-37-37-46-13-6 16 33 104 46 104 5 0 11-14 15-31z"/> <path d="m6590 7925c0-8 5-15 10-15 6 0 10 7 10 15s-4 15-10 15c-5 0-10-7-10-15z"/> <path d="m5694 7916c-8-21 3-49 16-41 5 3 10 15 10 25 0 25-18 36-26 16z"/> <path d="m6540 7900c0-6 11-15 25-20s25-14 25-20c0-5 5-10 10-10 15 0 12 17-7 40-18 21-53 27-53 10z"/> <path d="m5635 7839c-10-15 3-25 16-12 7 7 7 13 1 17-6 3-14 1-17-5z"/> <path d="m5262 7658c7-19 38-22 38-4 0 10-9 16-21 16s-19-5-17-12z"/> <path d="m2945 7289c-9-14 24-49 46-49 29 0 34 21 8 41-27 21-45 24-54 8z"/> <path d="m4020 7261c0-15 31-42 41-36 14 10 10 32-7 39-22 9-34 7-34-3z"/> <path d="m2187 6913c-3-5-7-29-11-54-5-35-3-49 8-58 19-16 36-6 36 22 0 11 12 33 26 48s23 32 20 38c-8 12-72 15-79 4z"/> <path d="m7162 6401c-8-5-12-17-10-27 2-15 15-20 58-26 30-3 58-4 62-2 17 10 7 26-24 38-55 22-72 26-86 17z"/> <path d="m1707 6004c-8-8 1-24 14-24 5 0 9 7 9 15 0 15-12 20-23 9z"/> <path d="m1670 5940c-13-25-5-40 20-40 24 0 31 11 23 38-7 28-29 28-43 2z"/> <path d="m1795 5920c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m1396 5503c10-49 13-53 39-53 32 0 34 29 2 58-33 31-49 28-41-5z"/> <path d="m1226 5412c-6-9 29-42 44-42 6 0 10 5 10 10 0 6-7 10-15 10s-15 7-15 15c0 16-15 20-24 7z"/> <path d="m1141 5357c0-11-10-21-21-24-21-6-28-47-10-58 15-9 42 41 37 72-2 15-5 20-6 10z"/> <path d="m8445 5020c-8-13 20-24 41-16 20 8 9 26-16 26-10 0-22-5-25-10z"/> <path d="m8332 4490c1-13 9-25 16-28 17-5 15 23-4 39-14 11-15 10-12-11z"/> <path d="m8373 4395c0-27 2-38 4-22 2 15 2 37 0 50-2 12-4 0-4-28z"/> <path d="m8310 4250c-13-9-12-13 6-28 12-10 24-27 26-38s11-19 23-19c31 0 33 58 3 79-26 18-37 20-58 6z"/> <path d="m8671 4253c-40-8-131-83-137-112-3-14-10-47-16-73-9-38-8-56 7-105 21-69 40-92 100-122 24-12 47-26 50-32 10-15 97-11 151 7 51 17 104 60 132 107 9 15 22 27 29 27 18 0 19 170 1 170-7 0-24 16-38 34-14 19-47 49-73 67-42 29-58 34-115 35-37 1-78 0-91-3z"/> <path d="m8415 3740c-13-20 7-70 37-95 40-34 82-31 86 6 6 53-99 129-123 89z"/> <path d="m1256 2473c-11-11-6-23 9-23 8 0 15 4 15 9 0 13-16 22-24 14z"/> <path d="m1310 2406c-6-8-21-16-32-18-40-6-32-28 9-26 43 1 117 34 108 48-9 15-71 12-85-4z"/> <path d="m800 2377c0-15 80-71 88-62 8 8-59 75-75 75-7 0-13-6-13-13z"/> <path d="m716 2364c-9-22-8-24 9-24 8 0 15 6 15 14 0 22-17 28-24 10z"/> <path d="m1445 2365c-19-14-19-16-2-29 9-7 17-25 17-40 0-21 5-26 25-26 35 0 42 26 16 54-12 13-21 29-19 36 5 19-16 22-37 5z"/> <path d="m650 2316c0-10 9-16 21-16 24 0 21 23-4 28-10 2-17-3-17-12z"/> <path d="m1080 2275c-20-21-21-25-7-30 19-8 67 22 67 41 0 22-35 16-60-11z"/> <path d="m1196 2284c-10-25-7-34 9-34 8 0 15 9 15 19 0 26-16 35-24 15z"/> <path d="m627 2243c13-38 43-58 43-30 0 14-31 47-43 47-3 0-4-8 0-17z"/> <path d="m716 2232c-3-6-1-14 5-17 15-10 25 3 12 16-7 7-13 7-17 1z"/> <path d="m1130 2225c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m773 2214c-7-19 34-64 59-64 31 0 21 36-17 59-31 18-37 19-42 5z"/> <path d="m952 2198c3-7 18-15 34-16 16-2 31-8 34-12 3-5 17 0 30 10 19 15 21 20 8 20-9 0-19-6-22-12-3-10-9-8-19 5-16 20-71 24-65 5z"/> <path d="m445 2167c-4-10-5-21-1-24 10-10 18 4 13 24-4 17-4 17-12 0z"/> <path d="m617 2174c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m1148 2126c-19-14-23-26-10-26 4 0 18 9 32 20 16 13 20 20 10 19-8 0-23-6-32-13z"/> <path d="m734 2085c-9-20-14-38-11-42 4-3 9 2 13 11 3 9 12 16 20 16s14 10 14 25c0 36-16 31-36-10z"/> <path d="m920 2105c-15-18-6-45 15-45 9 0 15 9 15 24 0 31-14 40-30 21z"/> <path d="m1e3 2101c-14-26-13-44 2-35 7 4 30 7 53 6 35-2 37 0 20 10-11 6-24 17-28 25-12 19-35 16-47-6z"/> <path d="m645 2060c-10-16 16-43 28-31 11 11 2 41-12 41-5 0-13-5-16-10z"/> <path d="m495 2051c-3-5 8-16 25-24 33-17 35-15 20 14-11 20-35 25-45 10z"/> <path d="m776 2053c-3-3-6-21-6-38 0-36 32-58 69-48 31 8 22 37-12 41-19 2-27 9-27 22 0 20-13 33-24 23z"/> <path d="m747 1848c11-13 23-31 26-40 7-21 27-24 27-4 0 17-45 66-61 66-8 0-4-9 8-22z"/> <path d="m555 1840c-3-5 3-10 15-10s18 5 15 10c-3 6-10 10-15 10s-12-4-15-10z"/> <path d="m495 1826c-11-8-16-19-12-30 10-24 25-19 42 14 17 34 4 41-30 16z"/> <path d="m366 1811c-3-5 1-12 10-15 25-10 34-7 34 9s-35 21-44 6z"/> <path d="m600 1770c0-16 7-20 31-20s30 3 25 16c-3 9-6 18-6 20s-11 4-25 4c-18 0-25-5-25-20z"/> <path d="m700 1778c1-21 26-48 44-48 25 0 31 29 10 45-24 18-54 19-54 3z"/> <path d="m853 1761c-14-22-8-31 23-31 29 0 39 16 24 35-17 20-33 19-47-4z"/> <path d="m740 1685c0-8 7-15 15-15s15 7 15 15-7 15-15 15-15-7-15-15z"/> <path d="m612 1669c-12-18-10-25 12-54 14-19 26-36 26-39s9-15 21-27c13-13 19-30 17-47-2-18 2-28 13-30 13-2 15 6 12 55-6 75-9 85-30 82-42-4-46 0-39 41 7 45-10 55-32 19z"/> <path d="m416 1662c-3-5 8-19 24-30 45-34 82-26 55 11-7 10-19 15-28 11-8-3-18-1-22 5-7 13-22 14-29 3z"/> <path d="m847 1664c-10-11 3-24 24-24 10 0 19 7 19 15 0 15-31 21-43 9z"/> <path d="m765 1640c-10-16 6-80 21-80 7 0 11 6 8 14s-1 23 4 33 7 24 5 31c-6 14-29 16-38 2z"/> <path d="m263 1624c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m830 1565c0-9 5-15 11-13s11 8 11 13-5 11-11 13-11-4-11-13z"/> <path d="m403 1555c-25-10-30-30-12-41 14-8 42 19 37 37-2 11-9 12-25 4z"/> <path d="m535 1514c-26-28-41-62-31-71 13-14 55 22 69 58 13 34 14 39 1 39-8 0-26-12-39-26z"/> <path d="m313 1467c-24-11-29-22-14-31 8-6 48 31 40 38-2 2-14-1-26-7z"/> <path d="m641 1436c-8-9-11-19-7-23 9-9 29 13 24 27-2 8-8 7-17-4z"/> <path d="m415 1389c-8-38 12-67 21-31 8 29 28 28 48-3 10-15 22-22 31-19 20 8 19 34 0 34-9 0-27 11-41 25-33 33-51 32-59-6z"/> <path d="m350 1385c0-10 7-15 18-13 21 4 19 22-2 26-10 2-16-3-16-13z"/> <path d="m7102 1387c-6-7-34-21-61-31-28-10-53-21-55-25-3-4 16-30 42-58 36-38 60-54 100-67 62-18 83-12 107 34 23 44 18 69-21 116-29 36-42 44-68 44-19 0-38-6-44-13z"/> <path d="m640 1341c0-10-7-24-15-31-18-15-19-34-4-61 8-16 13-18 25-8 8 6 14 22 14 34 0 13 7 25 15 29 8 3 15 17 15 31 0 20-5 25-25 25-18 0-25-5-25-19z"/> <path d="m347 1309c-9-6-21-8-26-4-5 3-12 1-16-5-3-5 3-10 13-10 11 0 26-10 35-22 21-31 39-13 23 24-9 21-15 24-29 17z"/> <path d="m570 1269c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m490 1271c0-6 8-16 18-23s22-22 26-33c7-20 8-20 18-1 8 15 7 22-6 31-9 7-16 17-16 24 0 6-9 11-20 11s-20-4-20-9z"/> <path d="m540 1129c0-11 5-17 10-14 6 3 10 13 10 21s-4 14-10 14c-5 0-10-9-10-21z"/> <path d="m6320 865c0-29 25-38 86-33 39 3 49 16 23 29-8 3-24 11-36 17-13 7-34 12-48 12-20 0-25-5-25-25z"/> <path d="m7006 811c-22-24-21-28 15-46 28-15 32-15 50 1 22 20 18 29-20 49-26 13-30 13-45-4z"/> <path d="m7215 820c-3-6 1-13 10-16 19-8 30 0 20 15-8 14-22 14-30 1z"/> <path d="m7135 739c-10-15 24-99 40-99 7 0 15 7 19 15 3 8 16 15 30 15 24 0 36-16 36-51 0-14 7-19 25-19 20 0 25 5 25 24 0 14-11 33-25 44s-25 29-25 41c0 11-9 25-19 31-26 13-98 13-106-1z"/> <path d="m1589 722c-22-18-20-42 4-42 15 0 38 48 27 55-4 3-18-3-31-13z"/> <path d="m430 715c7-8 16-15 21-15s9 7 9 15c0 9-9 15-21 15-18 0-19-2-9-15z"/> <path d="m7090 665c0-11 7-15 23-13 12 2 22 8 22 13 0 6-10 11-22 13-16 2-23-2-23-13z"/> <path d="m6763 573c-4-10 2-23 16-35 27-21 54-23 70-5 8 10 4 19-19 35-35 26-58 28-67 5z"/> <path d="m595 520c-4-6-3-16 3-22s12-6 17 2c4 6 3 16-3 22s-12 6-17-2z"/> <path d="m6802 498c-8-8-9-15-1-25 16-19 29-16 29 6 0 25-13 34-28 19z"/> <path d="m2223 419c14-8 22-8 30 0s3 11-18 11c-26-1-28-2-12-11z"/> <path d="m5967 413c-3-3-3-11 0-19 6-17 56-19 51-2-5 13-43 29-51 21z"/> <path d="m6443 364c-9-25 13-40 26-16 10 19 6 32-11 32-5 0-11-7-15-16z"/> <path d="m2997 271c-61-40-71-87-21-109 35-17 77-15 119 5s55 55 34 92c-12 21-23 26-59 28-30 1-55-4-73-16z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.about-two__thumb img {
  width: 100%;
  height: auto;
}
.about-two__dots {
  position: absolute;
  left: -8px;
  top: 26px;
}
.about-two__dots img {
  max-width: 100%;
  height: auto;
  animation: rotated 15s infinite linear;
}
@keyframes rotated {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.about-two__map {
  position: absolute;
  left: -35px;
  bottom: 26px;
}
.about-two__map img {
  max-width: 100%;
  height: auto;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.about-two__content {
  position: relative;
  padding: 0 70px 0 0;
}
@media (max-width: 1199px) {
  .about-two__content {
    padding: 45px 0 0;
  }
}
.about-two__content .sec-title {
  padding-bottom: 41px;
}
.about-two__content__text {
  line-height: 30px;
  margin: 0 0 20px;
}
.about-two__list {
  margin: 0 0 41px;
  padding: 0;
  list-style: none;
}
.about-two__list li {
  font-size: 18px;
  line-height: 36px;
  color: var(--villoz-black, #132742);
}
.about-two__list li span {
  color: var(--villoz-base, #537eac);
  margin-left: 9px;
}
.about-two__awards {
  position: relative;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 29px 29px 17px;
  box-shadow: -15px 29px 87px 0px rgba(0, 0, 0, 0.07);
  margin-right: -24px;
  margin-top: 16px;
}
@media (max-width: 1199px) {
  .about-two__awards {
    margin-right: 0;
  }
}
.about-two__awards__icon {
  font-size: 64px;
  line-height: 64px;
  color: var(--villoz-base, #537eac);
  display: block;
  margin: 0 0 27px;
}
.about-two__awards__count {
  display: block;
  font-size: 40px;
  font-weight: 500;
  color: var(--villoz-black, #132742);
  line-height: 1;
  margin-bottom: 0px;
}
.about-two__awards__count .count-box {
  display: inline-flex;
}
.about-two__awards__text {
  font-size: 18px;
  margin: 0;
}

.about-three {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .about-three {
    padding: 80px 0;
  }
}
.about-three__thumb {
  position: relative;
}
.about-three__thumb__one {
  position: relative;
}
.about-three__thumb__one img {
  max-width: 100%;
  height: auto;
}
.about-three__thumb__two {
  position: absolute;
  right: 240px;
  bottom: 0;
}
@media (max-width: 767px) {
  .about-three__thumb__two {
    position: relative;
    right: 0;
    margin-top: 20px;
  }
}
.about-three__thumb__two img {
  max-width: 100%;
  height: auto;
}
.about-three__content {
  position: relative;
  padding: 0 70px 0 0;
}
@media (max-width: 1199px) {
  .about-three__content {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .about-three__content {
    padding: 50px 0 0;
  }
}
.about-three__content .sec-title {
  padding-bottom: 43px;
}
.about-three__content .villoz-btn {
  margin-top: 13px;
}
.about-three__box {
  position: relative;
  padding: 0 84px 0 0;
  margin-bottom: 28px;
}
.about-three__box__icon {
  width: 57px;
  height: 57px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--villoz-white, #fff);
  font-size: 21px;
  position: absolute;
  right: 0;
  top: 7px;
  transition: 500ms ease;
}
.about-three__box__icon span {
  transform: scale(1);
  transition: 500ms ease;
}
.about-three__box:hover .about-three__box__icon {
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
}
.about-three__box:hover .about-three__box__icon span {
  transform: scale(0.9);
}
.about-three__box__title {
  color: var(--villoz-black2, #0e1e34);
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 2px;
}
.about-three__box__text {
  font-size: 15px;
  line-height: 30px;
  margin: 0;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-one {
  background-color: var(--villoz-white, #fff);
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .service-one {
    padding: 80px 0 0;
  }
}
.service-one .container {
  max-width: 1596px;
}
.service-one__item {
  position: relative;
  transition: all 500ms ease;
}
.service-one__item:hover .service-one__image img {
  transform: scale(1.1) rotate(-1.5deg);
}
.service-one__item:hover .service-one__content {
  border-color: var(--villoz-base, #537eac);
}
.service-one__item:hover .service-one__content__text {
  height: 52px;
  margin-top: 19px;
}
.service-one__image {
  position: relative;
  overflow: hidden;
}
.service-one__image img {
  width: 100%;
  height: auto;
  transition: 500ms ease;
  transform: scale(1);
}
.service-one__content {
  background: var(--villoz-white, #fff);
  border-radius: 0;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 20px;
  margin: 0 auto;
  width: calc(100% - 40px);
  z-index: 2;
  padding: 25px 30px 27px;
  transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  border-top: 3px solid var(--villoz-black, #132742);
}
.service-one__content__rm {
  width: 59px;
  height: 53px;
  background-color: var(--villoz-black, #132742);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  font-size: 16px;
  color: var(--villoz-base, #537eac);
}
.service-one__content__rm span {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.service-one__content__rm:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.service-one__content__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}
@keyframes iconTranslateX {
  49% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 1;
  }
}
.service-one__content__title {
  font-size: 20px;
  margin: 0;
}
.service-one__content__text {
  font-size: 15px;
  line-height: 26px;
  display: block;
  margin: 0 0;
  height: 0;
  overflow: hidden;
  transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/*--------------------------------------------------------------
# Destination
--------------------------------------------------------------*/
.destination-one {
  position: relative;
  background-color: var(--villoz-white, #fff);
  padding: 120px 0;
}
@media (max-width: 767px) {
  .destination-one {
    padding: 80px 0;
  }
}
.destination-one .sec-title {
  padding-bottom: 55px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .destination-one .sec-title__title {
    font-size: 40px;
  }
}
.destination-one__item {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 270px;
  display: block;
  overflow: hidden;
  background-color: var(--villoz-black, #132742);
  margin: auto;
}
.destination-one__item:hover .destination-one__item__rent {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.destination-one__item:hover .destination-one__item__name b {
  background-size: 100% 1px;
}
.destination-one__item--radius {
  border-radius: 50%;
}
.destination-one__item img {
  width: 100%;
  height: auto;
  opacity: 0.6;
}
.destination-one__item__name {
  font-size: 26px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  text-align: center;
  z-index: 1;
  text-transform: capitalize;
}
.destination-one__item__name b {
  position: relative;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  font-weight: inherit;
}
.destination-one__item__name b:hover {
  background-size: 100% 1px;
}
.destination-one__item__rent {
  font-size: 14px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  display: inline-table;
  background-color: var(--villoz-white, #fff);
  padding: 1.2px 20px;
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  bottom: 30px;
  text-align: center;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
}
.destination-one__offer {
  position: relative;
  background-color: var(--villoz-base, #537eac);
  width: 100%;
  height: auto;
  max-width: 270px;
  padding: 35px 40px 40px;
  min-height: 270px;
  margin: auto;
  overflow: hidden;
}
.destination-one__offer::before {
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  content: "";
  right: 50%;
  position: absolute;
  left: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  transition: all 500ms linear;
}
.destination-one__offer:hover::before {
  right: 0;
  left: 0;
  opacity: 0;
  transition: all 300ms linear;
}
.destination-one__offer::after {
  background: rgba(255, 255, 255, 0.2);
  bottom: 50%;
  content: "";
  right: 0;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
}
.destination-one__offer:hover::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 600ms linear;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .destination-one__offer {
    padding: 22px 30px 25px;
    min-height: auto;
  }
}
.destination-one__offer img {
  max-width: 100%;
  height: auto;
}
.destination-one__offer__title {
  font-size: 24px;
  color: var(--villoz-white, #fff);
  font-weight: 500;
  text-transform: uppercase;
  margin: 11px 0 42px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .destination-one__offer__title {
    margin: 8px 0 20px;
    font-size: 22px;
  }
}
.destination-one__offer__title br {
  display: inherit;
}
.destination-one__offer .villoz-btn {
  height: 50px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .destination-one__offer .villoz-btn > i {
    padding: 10.25px 34.5px;
  }
}

.destination-two {
  position: relative;
  padding: 120px 0 110px;
}
@media (max-width: 767px) {
  .destination-two {
    padding: 80px 0 70px;
  }
}
.destination-two .container-fluid,
.destination-two .container {
  padding-right: 5px;
  padding-left: 5px;
}
.destination-two .row {
  margin-left: 5px;
  margin-right: 5px;
}
.destination-two .row > * {
  padding-right: 5px;
  padding-left: 5px;
}
.destination-two .col-lg-2 {
  width: 23.73%;
}
@media (max-width: 991px) {
  .destination-two .col-lg-2 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .destination-two .col-lg-2 {
    width: 100%;
  }
}
.destination-two .col-lg-8 {
  width: 52.54%;
}
@media (max-width: 991px) {
  .destination-two .col-lg-8 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .destination-two .col-lg-8 {
    width: 100%;
  }
}
.destination-two__item {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  margin: 0 0 10px;
}
.destination-two__item::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(0deg, rgba(var(--villoz-black-rgb, 19, 39, 66), 1) 0%, rgba(var(--villoz-black-rgb, 19, 39, 66), 0) 100%);
}
.destination-two__item:hover img {
  transform: scale(1.05) rotate(-1.3deg);
}
.destination-two__item:hover .destination-two__item__rent {
  visibility: visible;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: 0% 100%;
}
.destination-two__item:hover .destination-two__item__name {
  background-size: 100% 1px;
}
.destination-two__item img {
  width: 100%;
  height: auto;
  transition: transform 500ms ease, opacity 500ms ease;
}
@media (max-width: 991px) {
  .destination-two__item img {
    height: 300px;
    object-fit: cover;
  }
}
.destination-two__item__sub-name {
  position: absolute;
  bottom: 50px;
  right: 60px;
  font-family: var(--villoz-special-font, "reeyregular", cursive);
  font-size: 20px;
  color: var(--villoz-base, #537eac);
  font-weight: 400;
  z-index: 2;
  text-transform: capitalize;
}
.destination-two__item__name {
  font-size: 26px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
  display: block;
  line-height: 1.2;
  position: absolute;
  right: 40px;
  bottom: 39px;
  z-index: 2;
  text-transform: capitalize;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.destination-two__item__name:hover {
  background-size: 100% 1px;
}
.destination-two__item__rent {
  font-size: 14px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  display: inline-table;
  background-color: var(--villoz-white, #fff);
  padding: 1.2px 20px;
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  transform-origin: 0% 100%;
  transition: all 0.5s;
}

.destination-three {
  position: relative;
  padding: 120px 0 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (max-width: 767px) {
  .destination-three {
    padding-top: 80px;
  }
}
.destination-three .container {
  max-width: 1420px;
}
.destination-three .owl-carousel .owl-item:nth-child(even) .destination-three__item {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .destination-three .owl-carousel .owl-item:nth-child(even) .destination-three__item {
    margin-top: 0;
  }
}
.destination-three__item {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  margin: 0;
}
.destination-three__item::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(0deg, rgba(var(--villoz-black-rgb, 19, 39, 66), 1) 0%, rgba(var(--villoz-black-rgb, 19, 39, 66), 0) 100%);
}
.destination-three__item:hover img {
  transform: scale(1.05) rotate(-1.3deg);
}
.destination-three__item:hover .destination-three__item__rent {
  visibility: visible;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: 0% 100%;
}
.destination-three__item:hover .destination-three__item__name b {
  background-size: 100% 1px;
}
.destination-three__item img {
  width: 100%;
  height: auto;
  transition: transform 500ms ease, opacity 500ms ease;
}
.destination-three__item__sub-name {
  position: absolute;
  bottom: 52px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  font-family: var(--villoz-special-font, "reeyregular", cursive);
  font-size: 20px;
  color: var(--villoz-base, #537eac);
  font-weight: 400;
  z-index: 2;
  text-transform: capitalize;
}
.destination-three__item__name {
  font-size: 26px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
  display: block;
  line-height: 1.2;
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  margin: auto;
  padding: 0 25px;
  bottom: 41px;
  z-index: 2;
  text-transform: capitalize;
}
.destination-three__item__name b {
  position: relative;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  font-weight: inherit;
}
.destination-three__item__name b:hover {
  background-size: 100% 1px;
}
.destination-three__item__rent {
  font-size: 14px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  display: inline-table;
  background-color: rgba(var(--villoz-white-rgb, 255, 255, 255), 0.4);
  padding: 1.2px 20px;
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  margin: auto;
  top: 30px;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  transform-origin: 0% 100%;
  transition: all 0.5s;
}
.destination-three__item__rent:hover {
  background-color: rgba(var(--villoz-white-rgb, 255, 255, 255), 1);
}

/*--------------------------------------------------------------
# Destination details
--------------------------------------------------------------*/
.destinations-details {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .destinations-details {
    padding: 80px 0;
  }
}
.destinations-details__image {
  position: relative;
}
@media (max-width: 991px) {
  .destinations-details__image {
    margin: 0 0 50px;
  }
}
.destinations-details__image img {
  width: 100%;
  height: auto;
}
.destinations-details__content {
  position: relative;
}
@media (min-width: 1200px) {
  .destinations-details__content {
    padding-right: 70px;
  }
}
.destinations-details__title {
  font-size: 40px;
  margin: -10px 0 24px;
}
.destinations-details__heading {
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
  margin: 0 0 38px;
}
.destinations-details__text {
  margin: 0 0 24px;
  line-height: 30px;
}
.destinations-details__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.destinations-details__list li {
  position: relative;
  font-size: 16px;
  color: var(--villoz-black, #132742);
  font-weight: 600;
  padding: 6px 0;
  margin: 4px 0;
}
.destinations-details__list li:nth-child(even) {
  background-color: var(--villoz-gray, #f0f6fd);
}
.destinations-details__list li span {
  display: inline-block;
  color: var(--villoz-text, #737a83);
  padding-right: 30px;
  min-width: 305px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .destinations-details__list li span {
    min-width: 250px;
  }
}
@media (max-width: 767px) {
  .destinations-details__list li span {
    padding-right: 15px;
    min-width: 175px;
  }
}

/*--------------------------------------------------------------
# Villa
--------------------------------------------------------------*/
.villa-one {
  position: relative;
  padding: 120px 0 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: var(--villoz-white, #fff);
}
@media (max-width: 767px) {
  .villa-one {
    padding-top: 80px;
  }
}
.villa-one--home-three {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .villa-one--home-three {
    padding: 80px 0;
  }
}
.villa-one--destination {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .villa-one--destination {
    padding: 80px 0;
  }
}

.villa-card {
  position: relative;
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
.villa-card:hover .villa-card__image::before {
  right: 0;
  left: 0;
  opacity: 0;
  transition: all 500ms linear;
}
.villa-card:hover .villa-card__image::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: all 600ms linear;
}
.villa-card__image {
  position: relative;
}
.villa-card__image img {
  width: 100%;
  height: auto;
  transition: transform 500ms ease, opacity 500ms ease;
  transform: scale(1);
}
.villa-card__image::before {
  background: rgba(var(--villoz-white-rgb, 255, 255, 255), 0.3);
  bottom: 0;
  content: "";
  right: 50%;
  position: absolute;
  left: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  transition: all 500ms linear;
}
.villa-card__image::after {
  background: rgba(var(--villoz-white-rgb, 255, 255, 255), 0.3);
  bottom: 50%;
  content: "";
  right: 0;
  position: absolute;
  left: 0;
  top: 50%;
  opacity: 1;
  pointer-events: none;
  transition: all 600ms linear;
}
.villa-card__like {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.2);
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
  font-size: 14px;
  color: var(--villoz-white, #fff);
}
.villa-card__like:hover {
  background-color: var(--villoz-black, #132742);
}
.villa-card__flash {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.villa-card__flash__label {
  display: table;
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3.9px 10px;
  margin-bottom: 10px;
}
.villa-card__flash__label.off {
  background-color: #f25a43;
}
.villa-card__btns {
  position: absolute;
  left: 30px;
  bottom: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
}
.villa-card__btns a {
  display: inline-block;
  width: 36px;
  height: 34px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.villa-card__btns a.villoz-image-popup {
  background-image: linear-gradient(-90deg, rgba(254, 253, 253, 0) 0%, rgb(240, 246, 253) 100%);
}
.villa-card__btns a:hover {
  color: var(--villoz-base, #537eac);
}
.villa-card__btns__count {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 7px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
}
.villa-card__content {
  position: relative;
  padding: 31px 30px 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card__content {
    padding-right: 25px;
    padding-left: 22px;
  }
}
.villa-card__ratings {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #fcbd14;
  letter-spacing: 1.2px;
  margin-bottom: 4px;
}
.villa-card__address {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 1px;
}
.villa-card__title {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 0px;
}
.villa-card__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.villa-card__title a:hover {
  background-size: 100% 1px;
}
.villa-card__price {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
  margin-bottom: 24px;
}
.villa-card__price__disable {
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  margin-left: 2px;
  text-decoration: line-through;
}
.villa-card__price__shift {
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  margin-right: 2px;
}
.villa-card__meta {
  position: relative;
  margin: 0;
  padding: 8px 20px 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--villoz-gray, #f0f6fd);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card__meta {
    padding-right: 18px;
    padding-left: 15px;
  }
}
.villa-card__meta li {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}
.villa-card__meta li span {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  line-height: inherit;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card__meta li span {
    margin-left: 2px;
  }
}
.villa-card--small {
  position: relative;
}
.villa-card--small .villa-card__image img {
  min-height: 241px;
  object-fit: cover;
}
.villa-card--small .villa-card__btns {
  left: 20px;
  bottom: -14px;
}
.villa-card--small .villa-card__content {
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  border-top: none;
  padding: 21px 19px 19px;
}
.villa-card--small .villa-card__address {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: -3px;
}
.villa-card--small .villa-card__title {
  font-size: 20px;
  line-height: 26px;
}
.villa-card--small .villa-card__price {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 14px;
}
.villa-card--small .villa-card__price__disable,
.villa-card--small .villa-card__price__shift {
  font-size: 12px;
}
.villa-card--no-border .villa-card__content {
  border: none;
  padding-right: 20px;
  padding-right: 20px;
}

.villa-two {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .villa-two {
    padding: 80px 0;
  }
}
.villa-two .container {
  max-width: 1600px;
}

.villa-card-two {
  position: relative;
  background-color: var(--villoz-white, #fff);
}
.villa-card-two:hover .villa-card-two__content {
  background-color: var(--villoz-white, #fff);
}
.villa-card-two:hover .villa-card-two__image img {
  transform: scale(1.05);
}
.villa-card-two:hover .villa-card-two__price__disable,
.villa-card-two:hover .villa-card-two__price__shift,
.villa-card-two:hover .villa-card-two__address {
  color: var(--villoz-text, #737a83);
}
.villa-card-two:hover .villa-card-two__title {
  color: var(--villoz-black, #132742);
}
.villa-card-two__image {
  position: relative;
  overflow: hidden;
}
.villa-card-two__image img {
  width: 100%;
  height: auto;
  transition: transform 500ms ease, opacity 500ms ease;
  transform: scale(1);
}
.villa-card-two__image::after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background-image: linear-gradient(0deg, rgba(var(--villoz-black2-rgb, 14, 30, 52), 1) 0%, rgba(var(--villoz-black2-rgb, 14, 30, 52), 0) 100%);
  width: 100%;
  height: 100%;
}
.villa-card-two__like {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.2);
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
  font-size: 14px;
  color: var(--villoz-white, #fff);
}
.villa-card-two__like:hover {
  background-color: var(--villoz-black, #132742);
}
.villa-card-two__flash {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.villa-card-two__flash__label {
  display: table;
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3.9px 10px;
  margin-bottom: 10px;
}
.villa-card-two__flash__label.off {
  background-color: #f25a43;
}
.villa-card-two__btns {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 2;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 20px;
  max-width: 72px;
  margin-top: -11px;
}
.villa-card-two__btns a {
  display: inline-block;
  width: 36px;
  height: 34px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.villa-card-two__btns a.villoz-image-popup {
  background-image: linear-gradient(-90deg, rgba(254, 253, 253, 0) 0%, rgb(240, 246, 253) 100%);
}
.villa-card-two__btns a:hover {
  color: var(--villoz-base, #537eac);
}
.villa-card-two__btns__count {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 7px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
}
.villa-card-two__content {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: calc(100% - 20px);
  padding: 0 30px 24px;
  z-index: 2;
  transition: all 500ms linear;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-two__content {
    padding: 0 22px 18px;
  }
}
.villa-card-two__ratings {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #fcbd14;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
.villa-card-two__address {
  font-size: 14px;
  color: #a7bddc;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 1px;
  transition: all 300ms linear;
}
.villa-card-two__title {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 0px;
  color: var(--villoz-white, #fff);
}
.villa-card-two__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.villa-card-two__title a:hover {
  background-size: 100% 1px;
}
.villa-card-two__price {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
  margin: 0 0 0px;
  transition: all 300ms linear;
}
.villa-card-two__price__disable {
  font-size: 14px;
  color: #a7bddc;
  margin-left: 2px;
  text-decoration: line-through;
  transition: all 300ms linear;
}
.villa-card-two__price__shift {
  font-size: 14px;
  color: #a7bddc;
  margin-right: 2px;
  transition: all 300ms linear;
}
.villa-card-two__meta {
  position: relative;
  margin: 0;
  padding: 8px 40px 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--villoz-gray, #f0f6fd);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-two__meta {
    padding-right: 18px;
    padding-left: 15px;
  }
}
.villa-card-two__meta li {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}
.villa-card-two__meta li span {
  display: inline-block;
  font-size: 14px;
  margin-left: 9px;
  line-height: inherit;
  position: relative;
  top: 1px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-two__meta li span {
    margin-left: 2px;
  }
}
.villa-card-two--small {
  position: relative;
}
.villa-card-two--small .villa-card-two__image img {
  min-height: 320px;
  object-fit: cover;
}
.villa-card-two--small .villa-card-two__content {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 11px;
}
.villa-card-two--small .villa-card-two__address {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: -3px;
}
.villa-card-two--small .villa-card-two__title {
  font-size: 20px;
  line-height: 26px;
}
.villa-card-two--small .villa-card-two__price {
  font-size: 18px;
  line-height: 26px;
}
.villa-card-two--small .villa-card-two__price__disable,
.villa-card-two--small .villa-card-two__price__shift {
  font-size: 12px;
}
.villa-card-two--small .villa-card-two__meta {
  padding-right: 30px;
  padding-left: 30px;
}

.villa-card-list {
  position: relative;
  height: 100%;
}
.villa-card-list--full-width {
  position: relative;
}
@media (min-width: 1200px) {
  .villa-card-list--full-width .villa-card-list__content {
    height: 100%;
    min-height: 324px;
    padding: 72px 50px;
  }
  .villa-card-list--full-width .villa-card-list__btns {
    top: 50px;
    left: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-list--full-width .villa-card-list__content {
    padding: 39px 50px;
  }
  .villa-card-list--full-width .villa-card-list__btns {
    top: 50px;
    left: 50px;
  }
}
.villa-card-list .col-lg-5 {
  padding-left: 0;
  width: 42.8%;
}
@media (max-width: 767px) {
  .villa-card-list .col-lg-5 {
    width: 100%;
    padding-left: 15px;
  }
}
.villa-card-list .col-lg-7 {
  padding-right: 0;
  width: 57.2%;
}
@media (max-width: 767px) {
  .villa-card-list .col-lg-7 {
    width: 100%;
    padding-right: 15px;
  }
}
.villa-card-list__image {
  position: relative;
}
.villa-card-list__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 241px;
}
.villa-card-list__like {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--villoz-black-rgb, 19, 39, 66), 0.2);
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
  font-size: 14px;
  color: var(--villoz-white, #fff);
}
.villa-card-list__like:hover {
  background-color: var(--villoz-black, #132742);
}
.villa-card-list__flash {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.villa-card-list__flash__label {
  display: table;
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3.9px 10px;
  margin-bottom: 10px;
}
.villa-card-list__flash__label.off {
  background-color: #f25a43;
}
.villa-card-list__content {
  position: relative;
  background-color: var(--villoz-white, #fff);
  padding: 31px 30px;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-list__content {
    padding-right: 25px;
    padding-left: 22px;
  }
}
@media (max-width: 767px) {
  .villa-card-list__content {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 40px;
  }
}
.villa-card-list__btns {
  position: absolute;
  left: 30px;
  top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 767px) {
  .villa-card-list__btns {
    top: 20px;
    left: 20px;
  }
}
.villa-card-list__btns a {
  display: inline-block;
  width: 36px;
  height: 34px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.villa-card-list__btns a.villoz-image-popup {
  background-image: linear-gradient(-90deg, rgba(254, 253, 253, 0) 0%, rgb(240, 246, 253) 100%);
}
.villa-card-list__btns a:hover {
  color: var(--villoz-base, #537eac);
}
.villa-card-list__btns__count {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 7px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
}
.villa-card-list__ratings {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #fcbd14;
  letter-spacing: 1.2px;
  margin-bottom: 4px;
}
.villa-card-list__address {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 1px;
}
.villa-card-list__title {
  font-size: 24px;
  line-height: 36px;
  margin: 0 0 0px;
}
.villa-card-list__title a {
  color: inherit;
  background: linear-gradient(to left, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.villa-card-list__title a:hover {
  background-size: 100% 1px;
}
.villa-card-list__price {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
  margin-bottom: 24px;
}
.villa-card-list__price__disable {
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  margin-left: 2px;
  text-decoration: line-through;
}
.villa-card-list__price__shift {
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  margin-right: 2px;
}
.villa-card-list__meta {
  position: relative;
  margin: 0;
  padding: 8px 30px 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--villoz-gray, #f0f6fd);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-list__meta {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.villa-card-list__meta li {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}
.villa-card-list__meta li span {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  line-height: inherit;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-card-list__meta li span {
    margin-left: 2px;
  }
}

.villa-page {
  position: relative;
  padding: 143px 0 120px;
}
@media (max-width: 991px) {
  .villa-page {
    padding-top: 200px;
  }
}
@media (max-width: 767px) {
  .villa-page {
    padding-top: 140px;
    padding-bottom: 80px;
  }
}
.villa-page__info-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 30px;
}
.villa-page__showing-text {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
}
.villa-page__nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  line-height: 1;
  margin: 0;
  padding: 0;
  margin-right: auto;
}
.villa-page__nav li {
  list-style: none;
  display: inline-block;
  font-size: 22px;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
  cursor: pointer;
}
.villa-page__nav li:hover, .villa-page__nav li.active-btn {
  color: var(--villoz-base, #537eac);
}
.villa-page__showing-sort {
  margin: 0 27px 0 0;
}
@media (max-width: 767px) {
  .villa-page__showing-sort {
    margin: 15px 0 0;
  }
}
.villa-page__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 340px !important;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
@media (max-width: 360px) {
  .villa-page__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 300px !important;
  }
}
.villa-page__showing-sort .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.villa-page__showing-sort .bootstrap-select .dropdown-menu {
  border: none;
}
.villa-page__showing-sort .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 64px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: var(--villoz-gray, #f0f6fd) !important;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  padding-left: 30px;
  color: var(--villoz-text, #737a83) !important;
  font-size: 14px;
  line-height: 64px;
  font-weight: 500;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: left 25.75px center;
}
.villa-page__showing-sort .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--villoz-text, #737a83);
}
.villa-page__showing-sort .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.villa-page__showing-sort .bootstrap-select .dropdown-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-gray, #f0f6fd);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.villa-page__showing-sort .bootstrap-select .dropdown-menu > li:hover > a,
.villa-page__showing-sort .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}

/*--------------------------------------------------------------
# Villa details
--------------------------------------------------------------*/
.villa-details-one {
  position: relative;
  padding: 53px 0;
}
.villa-details-one__info {
  position: relative;
}
.villa-details-one__address {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 0;
}
.villa-details-one__title {
  font-size: 30px;
  line-height: 36px;
  margin: 0 0 9px;
}
.villa-details-one__price-wrap {
  display: flex;
  align-items: center;
}
.villa-details-one__price {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  line-height: 30px;
  color: var(--villoz-base, #537eac);
}
.villa-details-one__price__disable {
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  margin-left: 3px;
  text-decoration: line-through;
}
.villa-details-one__price__shift {
  font-size: 14px;
  color: var(--villoz-text, #737a83);
  margin-right: 2px;
}
.villa-details-one__flash {
  position: relative;
  display: flex;
}
.villa-details-one__flash__label {
  display: table;
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3.9px 10px;
  margin: 0;
  margin-right: 10px;
}
.villa-details-one__flash__label.off {
  background-color: #f25a43;
}
.villa-details-one__meta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-right: 1px solid var(--villoz-border-color, #d6e2f0);
  margin: 8px 20px 0 0;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  .villa-details-one__meta {
    margin-right: 0;
    padding-right: 22px;
  }
}
@media (max-width: 991px) {
  .villa-details-one__meta {
    padding: 0;
    border: none;
    margin: 20px 0 0;
  }
}
@media (max-width: 767px) {
  .villa-details-one__meta {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
  }
}
.villa-details-one__meta__item {
  position: relative;
  padding: 7px 64px 0 0;
  min-height: 53px;
}
@media (max-width: 767px) {
  .villa-details-one__meta__item {
    margin-top: 20px;
  }
}
.villa-details-one__meta__item:hover .villa-details-one__meta__icon span {
  transform: rotateY(-180deg);
}
.villa-details-one__meta__icon {
  width: 53px;
  height: 53px;
  background-color: var(--villoz-gray, #f0f6fd);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--villoz-base, #537eac);
  position: absolute;
  right: 0;
  top: 0;
}
.villa-details-one__meta__icon span {
  display: block;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.villa-details-one__meta__number {
  font-size: 15px;
  line-height: 1;
  margin: 0 0 9px;
}
.villa-details-one__meta__name {
  margin: 0;
  line-height: 1;
  font-size: 15px;
}

.villa-details-two {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 22px 0;
}
.villa-details-two__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .villa-details-two__wrapper {
    display: block;
  }
}
.villa-details-two__reviews {
  display: flex;
  align-items: center;
  color: #fcbd14;
  font-size: 14px;
  letter-spacing: 3px;
}
.villa-details-two__reviews__text {
  margin: 0 6px 0 0;
  color: var(--villoz-text, #737a83);
  letter-spacing: 0;
}
.villa-details-two__btns {
  display: flex;
  align-items: center;
  position: relative;
  gap: 20px;
}
@media (max-width: 767px) {
  .villa-details-two__btns {
    margin-top: 10px;
  }
}
.villa-details-two__btns a {
  display: inline-block;
  font-size: 14px;
  color: var(--villoz-text, #737a83);
}
.villa-details-two__btns a:hover {
  color: var(--villoz-base, #537eac);
}
.villa-details-two__btns a span {
  font-size: 12px;
  margin-left: 10px;
}

.villa-details-gallery {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.villa-details-gallery__carousel {
  position: relative;
  margin: 0 auto;
}
.villa-details-gallery__carousel.owl-carousel .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  text-align: left;
  position: absolute;
  outline: none;
  top: 46%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.villa-details-gallery__carousel.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  z-index: 4;
  right: 20px;
  top: 0;
  width: 52px;
  height: 52px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  font-size: 16px;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.villa-details-gallery__carousel.owl-carousel .owl-nav .owl-prev:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
@media (min-width: 1400px) {
  .villa-details-gallery__carousel.owl-carousel .owl-nav .owl-prev {
    right: 50px;
  }
}
.villa-details-gallery__carousel.owl-carousel .owl-nav .owl-next {
  position: absolute;
  z-index: 4;
  left: 20px;
  top: 0;
  width: 52px;
  height: 52px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  transition: all 500ms ease;
  font-size: 16px;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
.villa-details-gallery__carousel.owl-carousel .owl-nav .owl-next:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
@media (min-width: 1400px) {
  .villa-details-gallery__carousel.owl-carousel .owl-nav .owl-next {
    left: 50px;
  }
}
.villa-details-gallery__carousel:hover .owl-nav .owl-prev {
  right: 30px;
  visibility: visible;
  opacity: 1;
}
@media (min-width: 1400px) {
  .villa-details-gallery__carousel:hover .owl-nav .owl-prev {
    right: 60px;
  }
}
.villa-details-gallery__carousel:hover .owl-nav .owl-next {
  left: 30px;
  visibility: visible;
  opacity: 1;
}
@media (min-width: 1400px) {
  .villa-details-gallery__carousel:hover .owl-nav .owl-next {
    left: 60px;
  }
}
.villa-details-gallery__item {
  position: relative;
}
.villa-details-gallery__item img {
  width: 100%;
  height: auto;
}
.villa-details-gallery__btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  top: 40px;
  z-index: 2;
  width: 1170px;
  z-index: 2;
}
@media (max-width: 1199px) {
  .villa-details-gallery__btns {
    width: 920px;
  }
}
@media (max-width: 991px) {
  .villa-details-gallery__btns {
    width: 700px;
  }
}
@media (max-width: 767px) {
  .villa-details-gallery__btns {
    width: 100%;
    left: 40px;
    right: auto;
  }
}
.villa-details-gallery__btns a {
  display: inline-block;
  width: 36px;
  height: 34px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
}
.villa-details-gallery__btns a.villoz-image-popup {
  background-image: linear-gradient(-90deg, rgba(254, 253, 253, 0) 0%, rgb(240, 246, 253) 100%);
}
.villa-details-gallery__btns a:hover {
  color: var(--villoz-base, #537eac);
}
.villa-details-gallery__btns__count {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 7px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
}

.villa-details-three {
  position: relative;
  padding: 40px 0 120px;
}
@media (max-width: 767px) {
  .villa-details-three {
    padding-bottom: 80px;
  }
}
.villa-details-three__gallery {
  position: relative;
}
.villa-details-three__gallery__carousel.owl-carousel {
  position: relative;
}
.villa-details-three__gallery__carousel.owl-carousel .owl-nav button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 52px;
  height: 52px;
  background: var(--villoz-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  letter-spacing: 0;
  color: var(--villoz-black, #132742);
  border-radius: 50%;
  transition: all 300ms linear;
}
@media (max-width: 767px) {
  .villa-details-three__gallery__carousel.owl-carousel .owl-nav button {
    width: 45px;
    height: 45px;
    font-size: 15px;
  }
}
.villa-details-three__gallery__carousel.owl-carousel .owl-nav button.owl-prev {
  right: 20px;
}
.villa-details-three__gallery__carousel.owl-carousel .owl-nav button.owl-next {
  left: 20px;
}
.villa-details-three__gallery__carousel.owl-carousel .owl-nav button:hover {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
}
.villa-details-three__gallery__image {
  position: relative;
}
.villa-details-three__gallery__image img {
  width: 100%;
  height: auto;
}
.villa-details-three__gallery__btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);
}
.villa-details-three__gallery__btns a {
  display: inline-block;
  width: 36px;
  height: 34px;
  background-color: var(--villoz-white, #fff);
  color: var(--villoz-black, #132742);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.villa-details-three__gallery__btns a.villoz-image-popup {
  background-image: linear-gradient(-90deg, rgba(254, 253, 253, 0) 0%, rgb(240, 246, 253) 100%);
}
.villa-details-three__gallery__btns a:hover {
  color: var(--villoz-base, #537eac);
}
.villa-details-three__gallery__btns__count {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50%;
  text-align: center;
  display: block;
  font-size: 7px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
}
.villa-details-three__content {
  position: relative;
  padding: 11px 0 0;
}
.villa-details-three__content__title {
  position: relative;
  font-size: 34px;
  margin: 0 0 23px;
}
.villa-details-three__content__title.mb32 {
  margin-bottom: 32px;
}
.villa-details-three__content__text {
  line-height: 30px;
  margin: 0 0 29px;
}
.villa-details-three__content__divider {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  margin: 54px 0 52px;
}
.villa-details-three__lists {
  margin: 0 0 38px;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .villa-details-three__lists {
    grid-template-columns: repeat(2, 1fr);
  }
}
.villa-details-three__lists li {
  font-size: 16px;
  line-height: 40px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .villa-details-three__lists li {
    display: block;
  }
}
.villa-details-three__lists li span {
  display: inline-block;
  color: var(--villoz-base, #537eac);
  font-size: 14px;
  margin-left: 15px;
}
.villa-details-three__lists li span.fa-times {
  color: var(--villoz-text, #737a83);
}
.villa-details-three__calender-box {
  position: relative;
  width: 100%;
  margin: 0 0 50px;
}
.villa-details-three__calender-box .ui-widget-content {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-header {
  padding: 7px 0 10px;
  background-color: var(--villoz-base, #537eac);
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: var(--villoz-white, #fff);
  border-radius: 0;
  border: none;
  margin: 0;
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-next {
  background-color: transparent;
  border: none;
  color: var(--villoz-white, #fff);
  font-size: 18px;
  cursor: pointer;
  top: 0;
  left: 20px;
  height: 100%;
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-next::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-next:hover {
  color: var(--villoz-black, #132742);
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-prev {
  background-color: transparent;
  border: none;
  color: var(--villoz-white, #fff);
  font-size: 18px;
  cursor: pointer;
  top: 0;
  right: 20px;
  height: 100%;
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-prev::after {
  content: "\f0d9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-prev:hover {
  color: var(--villoz-black, #132742);
}
.villa-details-three__calender-box .ui-datepicker .ui-datepicker-prev span {
  display: none;
}
.villa-details-three__calender-box .ui-datepicker table {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.villa-details-three__calender-box .ui-datepicker th {
  background-color: var(--villoz-border-color, #d6e2f0);
  font-size: 14px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  padding: 10px 21px;
  text-align: left;
}
@media (max-width: 767px) {
  .villa-details-three__calender-box .ui-datepicker th {
    padding: 10px 14px;
  }
}
.villa-details-three__calender-box .ui-datepicker-calendar td {
  text-align: left;
  padding: 11px 21px;
  background-color: transparent;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  transition: all 400ms ease;
}
@media (max-width: 767px) {
  .villa-details-three__calender-box .ui-datepicker-calendar td {
    padding: 10px 14px;
  }
}
.villa-details-three__calender-box .ui-datepicker-calendar td:hover, .villa-details-three__calender-box .ui-datepicker-calendar td.ui-datepicker-current-day {
  background-color: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}
.villa-details-three__calender-box .ui-datepicker-calendar .ui-state-default,
.villa-details-three__calender-box .ui-datepicker-calendar .ui-widget-content .ui-state-default,
.villa-details-three__calender-box .ui-datepicker-calendar .ui-widget-header .ui-state-default {
  border: none;
  background-color: transparent;
  background-image: none;
  color: inherit;
  padding: 0;
  text-align: inherit;
  line-height: inherit;
  transition: none;
}
.villa-details-three .google-map {
  margin: 0 0 52px;
}
.villa-details-three .google-map iframe {
  height: 380px;
}
.villa-details-three__review-box {
  position: relative;
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  margin: 0 0 40px;
}
.villa-details-three__review-box__left {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 30px 36px 30px 20px;
}
.villa-details-three__review-box__title {
  font-size: 100px;
  display: block;
  line-height: 1;
  margin: 0 0 17px;
  font-weight: 400;
}
.villa-details-three__review-box__text {
  font-size: 20px;
  margin: 0;
  line-height: 1;
}
.villa-details-three__review-box__text span {
  display: inline-block;
  font-size: 18px;
  color: #fcbd14;
  margin-left: 10px;
}
.villa-details-three__progress-wrapper {
  position: relative;
  padding: 43px 50px 49px;
  border-right: 1px solid var(--villoz-border-color, #d6e2f0);
  margin-right: -19px;
}
@media (max-width: 767px) {
  .villa-details-three__progress-wrapper {
    margin: 0;
    border: none;
    padding: 43px 30px 49px;
    border-top: 1px solid var(--villoz-border-color, #d6e2f0);
  }
}
.villa-details-three__progress {
  position: relative;
}
.villa-details-three__progress + .villa-details-three__progress {
  margin-top: 15px;
}
.villa-details-three__progress__title {
  text-transform: capitalize;
  margin: 0;
  font-size: 16px;
  margin-bottom: 7px;
}
.villa-details-three__progress__bar {
  width: 100%;
  height: 7px;
  background-color: var(--villoz-gray, #f0f6fd);
  border-radius: 50px;
  position: relative;
}
.villa-details-three__progress__inner {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background-color: var(--villoz-base, #537eac);
  border-radius: 50px;
  transition: all 700ms linear;
  width: 0px;
}
.villa-details-three__progress__number {
  position: absolute;
  bottom: calc(100% + 1px);
  left: 0;
  font-size: 14px;
}
.villa-details-three__comment {
  position: relative;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 0 0 49px;
  margin: 0 0 60px;
}
.villa-details-three__comment__author {
  min-height: 95px;
  position: relative;
  padding: 21px 125px 0 0;
  margin: 0 0 21px;
}
.villa-details-three__comment__image {
  position: absolute;
  right: 0;
  top: 0;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  overflow: hidden;
}
.villa-details-three__comment__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.villa-details-three__comment__name {
  font-size: 20px;
  margin: 0 0 8px;
  text-transform: capitalize;
}
.villa-details-three__comment__date {
  display: block;
  line-height: 1;
  font-size: 16px;
  color: var(--villoz-base, #537eac);
}
.villa-details-three__comment__title {
  font-size: 24px;
  line-height: 34px;
  margin: 0 0 24px;
}
.villa-details-three__comment__text {
  line-height: 30px;
  margin: 0 0 17px;
}
.villa-details-three__comment__list {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
}
@media (max-width: 767px) {
  .villa-details-three__comment__list {
    display: block;
  }
}
.villa-details-three__comment__list li {
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 40px;
  color: var(--villoz-text, #737a83);
  font-weight: 600;
}
.villa-details-three__comment__list li:nth-child(9), .villa-details-three__comment__list li:nth-child(6), .villa-details-three__comment__list li:nth-child(3) {
  margin-right: auto;
}
.villa-details-three__comment__list__ratings {
  color: #fcbd14;
  font-size: 16px;
  letter-spacing: 1.5px;
  margin-right: 26px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .villa-details-three__comment__list__ratings {
    margin-right: 10px;
    letter-spacing: 1px;
  }
}
.villa-details-three__form {
  position: relative;
  width: 100%;
}
.villa-details-three__form__control {
  position: relative;
  margin: 0 0 20px;
}
.villa-details-three__form__control textarea,
.villa-details-three__form__control .bootstrap-select > .dropdown-toggle,
.villa-details-three__form__control input[type=text],
.villa-details-three__form__control input[type=number],
.villa-details-three__form__control input[type=email] {
  display: block;
  width: 100%;
  background-color: var(--villoz-gray, #f0f6fd);
  color: var(--villoz-text, #737a83);
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
  border: none;
  outline: none;
  padding: 0 30px;
}
.villa-details-three__form__control textarea {
  height: 218px;
  padding-top: 20px;
}
.villa-details-three__form__control .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.villa-details-three__form__control .bootstrap-select > .dropdown-toggle {
  padding: 0 30px;
  background-color: var(--villoz-gray, #f0f6fd);
  border-radius: 0;
  border: none;
  outline: none !important;
  color: var(--villoz-text, #737a83);
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  text-transform: capitalize;
  font-family: var(--villoz-font, "Plus Jakarta Sans", sans-serif);
}
.villa-details-three__form__control .bootstrap-select > .dropdown-toggle {
  display: flex;
  align-items: center;
}
.villa-details-three__form__control .bootstrap-select > .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
.villa-details-three__form__control .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.villa-details-three__form__control .bootstrap-select .dropdown-menu {
  border: none;
}
.villa-details-three__form__control .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  line-height: 50px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 13px;
  color: var(--villoz-text, #737a83);
}
.villa-details-three__form__control .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--villoz-border-color, #d6e2f0);
}
.villa-details-three__form__control .bootstrap-select .dropdown-menu > li > a {
  font-size: 13px;
  font-weight: 500;
  padding: 10px 30px;
  color: var(--villoz-text, #737a83);
  background-color: var(--villoz-white, #fff);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.villa-details-three__form__control .bootstrap-select .dropdown-menu > li:hover > a,
.villa-details-three__form__control .bootstrap-select .dropdown-menu > li.selected > a {
  background: var(--villoz-base, #537eac);
  color: var(--villoz-white, #fff);
  border-color: var(--villoz-base, #537eac);
}
.villa-details-three__form__list {
  margin: -12px 68px 0 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .villa-details-three__form__list {
    margin: -8px 0 15px;
  }
}
.villa-details-three__form__list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 42px;
}
.villa-details-three__form__list__ratings {
  color: #fcbd14;
  letter-spacing: 1.5px;
}

/*--------------------------------------------------------------
# Boxed Home
--------------------------------------------------------------*/
body.boxed-wrapper {
  position: relative;
}
body.boxed-wrapper .page-wrapper {
  max-width: 1530px;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 0px 100px 0px rgba(var(--villoz-black3-rgb, 0, 0, 0), 0.08);
}

/*--------------------------------------------------------------
# Work Process
--------------------------------------------------------------*/
.work-process-one {
  position: relative;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: auto;
  counter-reset: count;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .work-process-one {
    padding: 80px 0;
  }
}
.work-process-one__item {
  position: relative;
  counter-increment: count;
}
.work-process-one__item__top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  margin-right: -36px;
}
.work-process-one__item__number {
  width: 50px;
  height: 50px;
  background-color: var(--villoz-white, #fff);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--villoz-black, #132742);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  border: 4px solid var(--villoz-base, #537eac);
  position: relative;
  z-index: 2;
  right: 5px;
}
.work-process-one__item__number::before {
  content: counters(count, ".", decimal-leading-zero);
  position: absolute;
  top: -2px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-process-one__item__icon {
  width: 107px;
  height: 107px;
  font-size: 51px;
  color: var(--villoz-white, #fff);
  background-color: var(--villoz-base, #537eac);
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 5px;
  overflow: hidden;
}
.work-process-one__item__icon::before {
  content: "";
  position: absolute;
  top: -50%;
  right: 50%;
  transform: translateX(50%);
  width: 150%;
  height: 150%;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  background-color: var(--villoz-base, #537eac);
  transition: 700ms cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.work-process-one__item__icon::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 50%;
  transform: translateX(50%);
  width: 150%;
  height: 150%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--villoz-black, #132742);
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.work-process-one__item__icon span {
  position: relative;
  z-index: 2;
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}
.work-process-one__item:hover .work-process-one__item__icon span {
  transform: scale(0.95);
}
.work-process-one__item:hover .work-process-one__item__icon::before {
  top: 100%;
}
.work-process-one__item:hover .work-process-one__item__icon::after {
  bottom: -50%;
}
.work-process-one__item__content {
  position: relative;
  background-color: var(--villoz-white, #fff);
  border: 1px solid var(--villoz-border-color, #d6e2f0);
  padding: 25px;
}
.work-process-one__item__content::after {
  position: absolute;
  right: 0;
  left: 0;
  top: -10px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22px 10px 22px;
  border-color: transparent transparent var(--villoz-white, #fff) transparent;
}
.work-process-one__item__content::before {
  position: absolute;
  right: 0;
  left: 0;
  top: -11px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 23px 11px 23px;
  border-color: transparent transparent var(--villoz-border-color, #d6e2f0) transparent;
}
.work-process-one__item__title {
  font-size: 20px;
  margin: 0 0 8px;
}
.work-process-one__item__text {
  font-size: 15px;
  line-height: 26px;
  margin: 0;
}

/*--------------------------------------------------------------
# Tab
--------------------------------------------------------------*/
.tab-one {
  position: relative;
  padding: 120px 0 88px;
}
@media (max-width: 767px) {
  .tab-one {
    padding: 80px 0;
  }
}
.tab-one .sec-title {
  padding-bottom: 40px;
}
.tab-one__list {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 370px;
}
.tab-one__list li {
  padding: 0 0 9px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  font-size: 30px;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
.tab-one__list li:last-child {
  border-bottom: none;
}
.tab-one__list li span {
  margin-right: auto;
  transition: all 500ms ease;
  font-size: 22px;
  color: var(--villoz-border-color, #d6e2f0);
}
.tab-one__list li:hover, .tab-one__list li.active-btn {
  color: var(--villoz-black, #132742);
}
.tab-one__list li:hover span, .tab-one__list li.active-btn span {
  color: var(--villoz-base, #537eac);
}
.tab-one__content {
  position: relative;
}
@media (max-width: 1199px) {
  .tab-one__content {
    max-width: 675px;
  }
}
.tab-one__content__map {
  position: absolute;
  right: -38px;
  top: 101px;
  z-index: 2;
}
@media (max-width: 1199px) {
  .tab-one__content__map {
    right: 0;
  }
}
.tab-one__content__map img {
  width: 98px;
  height: auto;
  -webkit-animation-name: float-bob-y-2;
  animation-name: float-bob-y-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.tab-one__content__img {
  position: relative;
  text-align: left;
}
.tab-one__content__img img {
  max-width: 100%;
  height: auto;
}
.tab-one__content__info {
  position: absolute;
  right: -100px;
  bottom: 0;
  background-color: var(--villoz-base, #537eac);
  max-width: 400px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 54px 59px 60px;
}
@media (max-width: 1199px) {
  .tab-one__content__info {
    right: 0;
  }
}
@media (max-width: 767px) {
  .tab-one__content__info {
    position: relative;
    right: 0;
    margin-top: 20px;
  }
}
.tab-one__content__info__title {
  color: var(--villoz-white, #fff);
  font-size: 24px;
  margin: 0 0 27px;
}
.tab-one__content__info__text {
  color: #c2ddf9;
  line-height: 30px;
  margin: 0 0 7px;
}
.tab-one__content__info__rm {
  width: 57px;
  height: 57px;
  background-color: var(--villoz-white, #fff);
  border-radius: 50%;
  font-size: 16px;
  color: var(--villoz-black, #132742);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
}
.tab-one__content__info__rm span {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tab-one__content__info__rm:hover {
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
}
.tab-one__content__info__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}

.tab-two {
  position: relative;
  padding: 120px 0 0;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-width: 767px) {
  .tab-two {
    padding-top: 80px;
  }
}
.tab-two .sec-title {
  padding-bottom: 68px;
}
@media (max-width: 767px) {
  .tab-two .sec-title {
    padding-bottom: 25px;
  }
}
.tab-two__text {
  line-height: 30px;
  margin: 16px 0 0;
}
.tab-two__list {
  position: relative;
  margin: 0;
  padding: 0 0 0;
  border-right: 4px solid var(--villoz-border-color, #d6e2f0);
}
@media (max-width: 1199px) {
  .tab-two__list {
    margin: 25px 0 40px;
  }
}
.tab-two__list li {
  list-style: none;
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  color: var(--villoz-black, #132742);
  margin-bottom: 10px;
  padding-top: 3px;
  padding-right: 35px;
  padding-bottom: 5px;
}
.tab-two__list li::after {
  position: absolute;
  right: -4px;
  width: 4px;
  height: 0;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all 0.5s;
  background-color: var(--villoz-base, #537eac);
}
.tab-two__list li.active-btn::after, .tab-two__list li:hover::after {
  height: 100%;
}
.tab-two__content {
  position: relative;
}
.tab-two__content__img {
  position: relative;
}
.tab-two__content__img img {
  max-width: 100%;
}
.tab-two__content__info {
  position: absolute;
  right: -60px;
  top: 120px;
  max-width: 494px;
  background-color: var(--villoz-white, #fff);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.06);
  padding: 20px;
}
@media (max-width: 1199px) {
  .tab-two__content__info {
    right: 0;
    top: auto;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .tab-two__content__info {
    position: relative;
    right: 0;
    top: 0;
  }
}
.tab-two__content__info__top {
  position: relative;
  padding: 45px 48px 45px;
  background-color: var(--villoz-base, #537eac);
  background-position: top left;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .tab-two__content__info__top {
    padding-right: 32px;
    padding-left: 32px;
  }
}
.tab-two__content__info__title {
  color: var(--villoz-white, #fff);
  font-size: 20px;
  margin: 0 0 17px;
}
.tab-two__content__info__text {
  color: #c2ddf9;
  line-height: 30px;
  margin: 0;
}
.tab-two__content__info__rm {
  width: 100%;
  height: 46px;
  background-color: var(--villoz-black, #132742);
  font-size: 12px;
  color: var(--villoz-text-dark, #859ab7);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 48px;
}
.tab-two__content__info__rm span {
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.tab-two__content__info__rm:hover {
  background-color: var(--villoz-black2, #0e1e34);
  color: var(--villoz-white, #fff);
}

.tab-three {
  position: relative;
  background-color: var(--villoz-gray, #f0f6fd);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0 88px;
}
@media (max-width: 767px) {
  .tab-three {
    padding: 80px 0;
  }
}
.tab-three .sec-title {
  padding-bottom: 40px;
}
.tab-three__list {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 370px;
}
.tab-three__list li {
  padding: 0 0 9px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  cursor: pointer;
  position: relative;
  font-size: 30px;
  color: var(--villoz-text, #737a83);
  transition: all 500ms ease;
  border-bottom: 1px solid var(--villoz-border-color, #d6e2f0);
}
.tab-three__list li:last-child {
  border-bottom: none;
}
.tab-three__list li span {
  margin-right: auto;
  transition: all 500ms ease;
  font-size: 22px;
  color: var(--villoz-border-color, #d6e2f0);
}
.tab-three__list li:hover, .tab-three__list li.active-btn {
  color: var(--villoz-black, #132742);
}
.tab-three__list li:hover span, .tab-three__list li.active-btn span {
  color: var(--villoz-base, #537eac);
}
.tab-three__content {
  position: relative;
}
@media (max-width: 1199px) {
  .tab-three__content {
    max-width: 675px;
  }
}
.tab-three__content__img {
  position: relative;
  text-align: left;
}
.tab-three__content__img img {
  max-width: 100%;
  height: auto;
}
.tab-three__content__info {
  position: absolute;
  right: -100px;
  bottom: 0;
  background-color: var(--villoz-base, #537eac);
  max-width: 400px;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 54px 59px 60px;
}
@media (max-width: 1199px) {
  .tab-three__content__info {
    right: 0;
  }
}
@media (max-width: 767px) {
  .tab-three__content__info {
    position: relative;
    right: 0;
    margin-top: 20px;
  }
}
.tab-three__content__info__title {
  color: var(--villoz-white, #fff);
  font-size: 24px;
  margin: 0 0 27px;
}
.tab-three__content__info__text {
  color: #c2ddf9;
  line-height: 30px;
  margin: 0 0 7px;
}
.tab-three__content__info__rm {
  width: 57px;
  height: 57px;
  background-color: var(--villoz-white, #fff);
  border-radius: 50%;
  font-size: 16px;
  color: var(--villoz-black, #132742);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
}
.tab-three__content__info__rm span {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tab-three__content__info__rm:hover {
  background-color: var(--villoz-black, #132742);
  color: var(--villoz-white, #fff);
}
.tab-three__content__info__rm:hover span {
  animation: iconTranslateX 0.4s forwards;
}

${this.title}

Code Editor : villoz-rtl.css