/*
 * Gardomia header - ported from the purchased template for the "gardomia"
 * header part (template-parts/menu/gardomia.php).
 *
 * The rules below are the template's own compiled CSS, transplanted. What was
 * replaced on the way in, because the theme does not carry those dependencies:
 *
 *   Bootstrap grid  -> .gardomia-container + the g-hide-* utilities below
 *   Font Awesome 5  -> Divi's ETmodules icon font (.gardomia .et-pb-icon)
 *   meanmenu        -> assets/js/custom/gardomia-menu.js, over the markup
 *                      wp_nav_menu already emits
 *
 * Everything is scoped under .gardomia so a header part cannot restyle the
 * page behind it -- these selectors (.container, .social-links, .meta-item)
 * are generic enough to collide with Divi otherwise.
 */

.gardomia {
  --clr-theme-1: #0b3d2c;
  --clr-theme-2: #4e9f24;
  --clr-theme-3: #f8f5f0;
  --clr-bg-1: #0b3d2c;
  --clr-bg-3: #f6f6f6;
  --clr-common-white: #fff;
  --clr-common-heading: #0b3d2c;
  --clr-common-border: #0b3d2c;
  --clr-common-text: #777;
}

/* Bootstrap's .container, as the header used it: centred, padded, capped. */
.gardomia .gardomia-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 12px;
}
@media (min-width: 576px)  { .gardomia .gardomia-container { max-width: 540px; } }
@media (min-width: 768px)  { .gardomia .gardomia-container { max-width: 720px; } }
@media (min-width: 992px)  { .gardomia .gardomia-container { max-width: 960px; } }
@media (min-width: 1200px) { .gardomia .gardomia-container { max-width: 1140px; } }
@media (min-width: 1400px) { .gardomia .gardomia-container { max-width: 1320px; } }

/* Divi loads ETmodules on every front-end page; these icons ride on it.
   font-size and line-height are inherited on purpose: Divi's own .et-pb-icon
   is its icon MODULE's class and carries font-size:96px, while this template
   sized Font Awesome's <i> purely from the container (.meta-item-icon and
   friends). Inheriting reproduces what the <i> did and un-does Divi's 96px. */
.gardomia .et-pb-icon {
  font-family: ETmodules, sans-serif;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* The submenu opens on hover on a pointer device; on touch the toggle button
   in the panel does it, so hover must not latch a menu open there. */
@media (hover: none) {
  .gardomia .main-menu ul li:hover > .sub-menu { visibility: hidden; opacity: 0; }
}

.gardomia .sticky {
  position: fixed;
  top: 0;
  background: var(--clr-common-white);
  z-index: 800;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  box-shadow: 0 0 60px 0 rgba(53, 57, 69, 0.15);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  border: none;
}
.gardomia .main-menu {
  display: inline-block;
}
.gardomia .main-menu ul li {
  display: inline-block;
  margin: 0px 25px;
  position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.gardomia .main-menu ul li {
    margin: 0px 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.gardomia .main-menu ul li {
    margin: 0px 13px;
  }
}
.gardomia .main-menu ul li a {
  font-size: 16px;
  color: var(--clr-common-heading);
  text-transform: uppercase;
  display: inline-block;
  padding: 30px 0;
  line-height: 20px;
  font-weight: 500;
}
.gardomia [dir=rtl] .main-menu ul li a {
  text-align: right;
}
.gardomia .main-menu ul li .sub-menu {
  background: var(--clr-common-white) none repeat scroll 0 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 240px;
  z-index: 9;
  border-top: 4px solid var(--clr-common-heading);
  text-align: left;
  padding: 15px 0;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.gardomia .main-menu ul li .sub-menu .sub-menu {
  left: 100%;
  right: 100%;
  top: 0%;
}
.gardomia .main-menu ul li .sub-menu li {
  display: flex;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  justify-content: space-between;
}
.gardomia .main-menu ul li .sub-menu li a {
  padding: 0px;
  display: block;
  color: var(--clr-common-heading);
  position: relative;
  font-weight: 500;
  width: 100%;
}
.gardomia .main-menu ul li .sub-menu li a:before {
  content: "";
  width: 0;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: auto;
  right: 0;
  z-index: -1;
  transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  background: var(--clr-common-heading);
  opacity: 0;
}
.gardomia .main-menu ul li .sub-menu li:hover > a {
  color: var(--clr-theme-2);
  padding-inline-start: 5px;
}
.gardomia .main-menu ul li .sub-menu li:hover > a:before {
  width: 100%;
  left: 0;
  right: auto;
}
.gardomia .main-menu ul li:hover > a {
  color: var(--clr-theme-2);
}
.gardomia .main-menu ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleY(1) translateZ(194px);
  transform: scaleY(1) translateZ(0px);
}
.gardomia .main-menu ul li:hover > .sub-menu li:hover > .sub-menu {
  top: 0;
}
.gardomia .main-menu ul li:hover.menu-item-has-children::after {
  color: var(--clr-theme-2);
}
.gardomia .main-menu ul li.menu-item-has-children {
  position: relative;
}
.gardomia .main-menu ul li.menu-item-has-children:after {
  content: "\4c";
  font-size: 12px;
  color: var(--clr-common-heading);
  font-family: ETmodules;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.gardomia .bar-icon {
  width: 20px;
  height: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.gardomia .bar-icon span {
  width: 100%;
  height: 2px;
  background: #000;
  display: inline-block;
}
.gardomia .bar-icon span:nth-child(2) {
  margin-inline-start: 9px;
  transition: 0.3s;
}
.gardomia .bar-icon:hover span:nth-child(2) {
  margin-inline-start: 0;
}
.gardomia-panel-nav {
  background: none;
  margin-bottom: 40px;
  overflow: hidden;
}
.gardomia-panel-nav > ul {
  display: block !important;
}
.gardomia-panel-nav ul li a {
  width: 100%;
  color: var(--clr-common-heading);
  border-top: 1px solid var(--clr-common-border);
  font-size: 16px;
  text-transform: none;
  opacity: 1;
  padding-inline-start: 0;
}
.gardomia-panel-nav ul li a:hover {
  color: var(--clr-theme-1);
}
.gardomia-panel-nav ul li a i {
  display: none;
}
.gardomia-panel-nav ul li .gardomia-submenu-toggle {
  height: 26px;
  border: none;
  background: var(--clr-bg-3);
  padding: 10px 5%;
}
.gardomia-panel-nav ul li .gardomia-submenu-toggle::before {
  position: absolute;
  content: "+";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.gardomia-panel-nav ul li .gardomia-submenu-toggle.is-open::before {
  content: "-";
}
.gardomia-panel-nav ul li li a {
  padding: 10px 5%;
}
.gardomia-panel-nav ul li li li a {
  padding: 10px 10%;
}
.gardomia .offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.gardomia .offcanvas-overlay.overlay-open {
  opacity: 0.4;
  visibility: visible;
}
.gardomia .side-info-close {
  background: none;
  border: 0;
  color: var(--clr-common-heading);
  font-size: 20px;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.gardomia .side-info {
  background: var(--clr-common-white);
  height: 100%;
  position: fixed;
  z-index: 99999;
  right: -100%;
  top: 0;
  width: 365px;
  padding: 45px 35px 45px 45px;
  transition: 0.6s;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .side-info {
    width: 300px;
    padding: 15px 25px;
  }
}
.gardomia .side-info.info-open {
  right: 0;
}
.gardomia .header-note {
  background: var(--clr-common-heading);
  position: relative;
  padding: 7px 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .header-note {
    display: none;
  }
}
.gardomia .header-note p {
  color: var(--clr-common-white);
  margin-bottom: 0;
  text-align: center;
}
.gardomia .header-note p span {
  font-weight: 600;
}
.gardomia .note-close-btn {
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 8px;
  color: var;
  color: var(--clr-common-white);
}
.gardomia .header-top-inner {
  background: var(--clr-theme-3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gardomia .meta-item-text p {
  color: var(--clr-theme-1);
  margin-bottom: 0;
}
.gardomia .meta-item-icon {
  color: var(--clr-theme-1);
}
.gardomia .meta-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.gardomia .header-top-left .meta-item {
  position: relative;
}
.gardomia .header-top-left .meta-item:not(:first-child):before {
  position: absolute;
  content: "";
  width: 2px;
  height: 10px;
  background: #d1d0cf;
  left: -25px;
  right: -25px;
  top: 8px;
}
.gardomia .header-top-left .meta-items {
  display: flex;
  gap: 50px;
  padding-inline-start: 20px;
}
.gardomia .header-top-right {
  display: flex;
  gap: 40px;
  align-items: center;
}
.gardomia .header-top-social .social-links ul {
  gap: 0;
}
.gardomia .header-top-social .social-links ul li {
  width: 40px;
  height: 40px;
  border-left: 1px solid #e8e3da;
  text-align: center;
  line-height: 40px;
}
.gardomia [dir=rtl] .header-top-social .social-links ul li {
  border-right: 1px solid #e8e3da;
  border-left: 0;
}
.gardomia .header-top-social .social-links ul li:last-child {
  border-right: 1px solid #e8e3da;
}
.gardomia .header-main-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gardomia .header-main-right {
  display: flex;
  gap: 15px;
  align-items: center;
}
.gardomia .header-main-right .border-btn-rounded {
  border-color: #e2e2e2;
  height: 50px;
  line-height: 48px;
  padding: 0 29px;
}
.gardomia .header-main-right .border-btn-rounded:hover {
  border-color: var(--clr-theme-1);
}
.gardomia .header-main-right .border-btn-rounded::before,
.gardomia .header-main-right .border-btn-rounded::after {
  background: var(--clr-bg-1);
}
.gardomia .header-main-left {
  display: flex;
  gap: 35px;
}
.gardomia .header-logo {
  display: inline-block;
}
.gardomia .header-logo img {
  width: 100%;
  max-width: 150px;
  max-height: 65px;
  filter: grayscale(1);
}
.gardomia .header-main-right-header1 .action-btn {
  color: var(--clr-theme-1);
}
.gardomia .header-main-right-header1 .action-btn:hover {
  color: var(--clr-common-white);
  background: var(--clr-bg-1);
  border-color: var(--clr-theme-1);
}
.gardomia .header2 .header-top-area {
  background: #f8f5f0;
}
.gardomia .header2 .social-links ul li a {
  color: var(--clr-theme-1);
}
.gardomia .meta-header-area {
  background: var(--clr-bg-1);
  padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .meta-header-area {
    padding: 15px 0;
  }
}
.gardomia .meta-header-area.sticky {
  padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .meta-header-area.sticky {
    padding: 15px 0;
  }
}
.gardomia .meta-header-area .bar-icon span {
  background: #fff;
}
.gardomia .meta-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gardomia .meta-header-right {
  display: flex;
  gap: 14px;
  align-items: center;
}
.gardomia .meta-header-right .border-btn-rounded {
  border-color: #18523e;
  color: var(--clr-common-white);
  height: 50px;
  line-height: 48px;
  padding: 0 29px;
}
.gardomia .meta-header-right .border-btn-rounded:hover {
  color: var(--clr-theme-1);
  background: var(--clr-common-white);
  border-color: var(--clr-common-white);
}
.gardomia .meta-header-right .border-btn-rounded::before,
.gardomia .meta-header-right .border-btn-rounded::after {
  background: var(--clr-common-white);
}
.gardomia .meta-header-right .action-btn {
  border-color: #18523e;
  color: var(--clr-common-white);
}
.gardomia .meta-header-right .action-btn:hover {
  color: var(--clr-theme-1);
  background: var(--clr-common-white);
  border-color: var(--clr-common-white);
}
.gardomia .meta-header-right .main-menu {
  display: none;
}
.gardomia .sticky .meta-header-right .main-menu {
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .sticky .meta-header-right .main-menu {
    display: none;
  }
}
.gardomia .sticky .meta-header-right .meta-header-meta-items {
  display: none !important;
}
.gardomia .sticky .meta-header-right .action-btn {
  display: none !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gardomia .sticky .meta-header-right .border-btn-rounded {
    display: none !important;
  }
}
.gardomia .sticky .meta-header-right .main-menu ul li a {
  color: var(--clr-common-white);
}
.gardomia .sticky .meta-header-right .main-menu ul li.menu-item-has-children::after {
  color: var(--clr-common-white);
}
.gardomia .sticky .meta-header-right .main-menu ul li .sub-menu li a {
  color: var(--clr-common-heading);
}
.gardomia .meta-header-meta-items {
  display: flex;
  gap: 40px;
  margin-inline-end: 46px;
}
.gardomia .meta-header-meta-items .meta-item-icon {
  width: 50px;
  height: 50px;
  border: 1px solid #18523e;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  color: var(--clr-common-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.gardomia .meta-header-meta-items .meta-item .meta-item-content p {
  color: var(--clr-common-white);
  opacity: 0.7;
}
.gardomia .meta-header-meta-items p {
  font-size: 14px;
  text-transform: uppercase;
  color: #6a8c80;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 1;
}
.gardomia .meta-header-meta-items .meta-title {
  font-size: 20px;
  color: var(--clr-common-white);
  font-weight: 700;
  text-transform: uppercase;
}
.gardomia .meta-header-meta-items .meta-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.gardomia .header-main-left-header2 {
  background: var(--clr-common-white);
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.gardomia .header-search .single-input-field {
  margin-bottom: 0;
}
.gardomia .header-search .single-input-field input {
  border: 0;
  height: auto;
  padding: 0 0 0 25px;
  width: 150px;
}
.gardomia .header-search .single-input-field input::placeholder {
  text-transform: inherit;
  font-size: 16px;
  font-weight: 400;
  color: #b1b1b1;
}
.gardomia .header-search .single-input-field button {
  color: var(--clr-theme-1);
  position: absolute;
  left: 0;
  top: 0;
}
.gardomia .main-menu2.main-menu ul li:first-child {
  margin-inline-start: 0;
}
.gardomia .header-main2 {
  position: relative;
  z-index: 5;
}
.gardomia .header-main2 .header-main-content-wrapper {
  gap: 20px;
}
.gardomia .header-main-right-header2 .meta-item {
  background: var(--clr-theme-2);
  height: 80px;
  border-radius: 0 0 10px 10px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 38px;
}
.gardomia .header-main-right-header2 .meta-item .meta-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-common-white);
  line-height: 1;
  margin-bottom: 4px;
}
.gardomia .header-main-right-header2 .meta-item a {
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header2 .meta-item p {
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-common-white);
  margin-bottom: 0;
}
.gardomia .header-main-right-header2 .meta-item p a:hover {
  text-decoration: underline;
}
.gardomia .header-main-right-header2 .meta-item-icon {
  font-size: 40px;
  color: #3a8b3e;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: -1;
}
.gardomia .header-main3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 25px 0;
}
.gardomia .header-main3::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 170px;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  opacity: 0.6;
}
.gardomia .header-main3 .container,
.gardomia .header-main3 .container-lg,
.gardomia .header-main3 .container-md,
.gardomia .header-main3 .container-sm,
.gardomia .header-main3 .container-xl,
.gardomia .header-main3 .container-xxl {
  max-width: 1590px;
}
.gardomia .header-main3.sticky {
  position: fixed;
  background: var(--clr-bg-1);
  padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .header-main3.sticky {
    padding: 15px 0;
  }
}
.gardomia .header-main3.sticky:before {
  display: none;
}
.gardomia .main-menu3 {
  margin-inline-end: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.gardomia .main-menu3 {
    margin-inline-end: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gardomia .main-menu3 {
    margin-inline-end: 0;
  }
}
.gardomia .main-menu3.main-menu ul li a {
  font-size: 16px;
  color: var(--clr-common-white);
  text-transform: uppercase;
  display: inline-block;
  padding: 30px 0;
  line-height: 20px;
  font-weight: 500;
}
.gardomia .main-menu3.main-menu ul li.menu-item-has-children::after {
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header3 .border-btn-rounded {
  border-color: rgba(255, 255, 255, 0.2);
  height: 50px;
  line-height: 46px;
  padding: 0 29px;
  border-width: 2px;
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header3 .border-btn-rounded:hover {
  color: var(--clr-common-white);
  border-color: var(--clr-theme-2);
  background: var(--clr-theme-2);
}
.gardomia .header-main-right-header3 .action-btn {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header3 .action-btn:hover {
  color: var(--clr-common-white);
  border-color: var(--clr-theme-2);
  background: var(--clr-theme-2);
}
.gardomia .header-main-right-header3 .bar-icon span {
  background: var(--clr-common-white);
}
.gardomia .style-4.header-top-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 7px 0;
}
.gardomia .style-4.header-top-area .container {
  max-width: 1450px;
}
.gardomia .style-4.header-top-area .header-top-inner {
  background: transparent;
}
.gardomia .style-4.header-top-area .meta-item-icon {
  color: var(--clr-common-white);
}
.gardomia .style-4.header-top-area .meta-item-text p {
  color: var(--clr-common-white);
}
.gardomia .style-4.header-top-area .meta-item-text p a:hover {
  color: var(--clr-common-white);
}
.gardomia .style-4 .header-top-left .meta-items {
  padding-inline-start: 0px;
}
.gardomia .style-4 .header-top-left .meta-item:not(:first-child)::before {
  background: #5f6865;
}
.gardomia .style-4 .header-main-content-wrapper {
  background: #000;
  opacity: 0.3;
  border-radius: 10px;
  padding: 5px 30px;
  padding-inline-end: 20px;
}
.gardomia .header-main4 {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 100;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .header-main4 {
    top: 15px;
  }
}
.gardomia .header-main4 .container {
  max-width: 1450px;
}
.gardomia .header-main4 .header-main-content-wrapper {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 5px 30px;
  padding-inline-end: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .header-main4 .header-main-content-wrapper {
    padding: 15px 20px;
  }
}
.gardomia .header-main4.sticky {
  position: fixed;
  top: 0;
  background: transparent;
}
.gardomia .header-main4.sticky .header-main-content-wrapper {
  background: var(--clr-bg-1);
  border-radius: 0 0 10px 10px;
}
.gardomia .header-main-right-header4 .main-menu ul li a {
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header4 .main-menu ul li.menu-item-has-children::after {
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header4 .border-btn {
  border-color: #38534b;
  color: var(--clr-common-white);
  border-width: 2px;
}
.gardomia .header-main-right-header4 .border-btn:hover {
  border-color: var(--clr-theme-2);
  background: var(--clr-theme-2);
}
.gardomia .header-main-right-header4 .bar-icon span {
  background: var(--clr-common-white);
}
.gardomia .main-menu4 {
  margin-inline-end: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gardomia .main-menu4 {
    margin-inline-end: 0;
  }
}
.gardomia .header-main5 {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 100;
  overflow-x: clip;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .header-main5 {
    background: var(--clr-bg-1);
  }
}
.gardomia .header-main5.sticky {
  position: fixed;
  background: var(--clr-bg-1);
}
.gardomia .header-main5 .header-main-content-wrapper {
  background-color: transparent;
}
.gardomia .main-menu5 {
  margin-inline-end: 40px;
}
.gardomia .main-menu5.main-menu ul li a {
  color: var(--clr-common-white);
  padding: 50px 0;
}
.gardomia .main-menu5.main-menu ul li {
  margin: 0px 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gardomia .main-menu5.main-menu ul li {
    margin: 0px 18px;
  }
}
.gardomia .main-menu5.main-menu ul li.menu-item-has-children::after {
  color: var(--clr-common-white);
}
.gardomia .header-main-right-header5 {
  background: var(--clr-bg-1);
  border-radius: 0 0 0 10px;
  padding: 0 60px 0 35px;
  gap: 30px;
}
.gardomia [dir=rtl] .header-main-right-header5 {
  border-radius: 0 0 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.gardomia .header-main-right-header5 {
    padding: 0 35px 0 35px;
  }
}
.gardomia .header-main-right-header5 .action-btn {
  border: 0;
  color: var(--clr-common-white);
  width: auto;
  height: auto;
  font-size: 18px;
}
.gardomia .header-main-right-header5 .side-toggle {
  color: var(--clr-common-white);
  color: var(--clr-common-white);
  font-size: 18px;
  transform: translateY(4px);
}
.gardomia .offset-widget .support-meta .support-number {
  color: var(--clr-theme-1);
}
.gardomia .offset-widget .support-meta .support-number:hover {
  color: var(--clr-theme-2);
}
.gardomia .offset-widget .footer-social span {
  color: var(--clr-theme-1);
}
.gardomia .page-title-area {
  height: 500px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 2;
  max-width: 1800px;
  margin-inline-start: auto;
}
.gardomia .page-title-area::after {
  background-image: -moz-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
}
.gardomia [dir=rtl] .page-title-area::after {
  right: 0;
  left: auto;
}
.gardomia .page-title-wrapper {
  padding-bottom: 65px;
}
.gardomia .page-title-wrapper p {
  font-weight: 700;
  color: var(--clr-common-white);
  text-transform: uppercase;
  margin-bottom: 3px;
}
.gardomia .page-title {
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--clr-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.gardomia .page-title {
    font-size: 72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gardomia .page-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.gardomia .page-title {
    font-size: 46px;
  }
}
@media (max-width: 575px) {
.gardomia .page-title {
    font-size: 32px;
  }
}
.gardomia .border-btn-rounded {
  font-size: 16px;
  color: var(--clr-theme-1);
  height: 60px;
  border: 1px solid var(--clr-bg-1);
  text-align: center;
  line-height: 58px;
  border-radius: 30px;
  padding: 0 38px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  z-index: 1;
}
.gardomia .border-btn-rounded:hover,
.gardomia .border-btn-rounded:focus {
  color: var(--clr-common-white);
  background: var(--clr-bg-1);
  border-color: var(--clr-theme-1);
}
.gardomia .border-btn-rounded::before,
.gardomia .border-btn-rounded::after {
  content: "";
  background: var(--clr-bg-1);
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}
.gardomia .border-btn-rounded::before {
  top: 0;
  left: 0;
  right: auto;
}
.gardomia .border-btn-rounded::after {
  bottom: 0;
  right: 0;
  left: auto;
}
.gardomia .border-btn-rounded:hover::before {
  width: 100%;
  right: 0;
  left: auto;
}
.gardomia .border-btn-rounded:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.gardomia .action-btn {
  font-size: 16px;
  color: var(--clr-theme-1);
  width: 50px;
  height: 50px;
  border: 1px solid #e3e3e3;
  display: inline-flex;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.gardomia .filter-search-input {
  position: relative;
}
.gardomia .filter-search-input input {
  width: 100%;
  height: 50px;
  border: 1px solid var(--clr-bg-1);
  background: var(--clr-common-white);
  border-radius: 10px 10px 10px 10px;
  padding: 0 20px;
  padding-inline-end: 50px;
  outline: none;
}
.gardomia .filter-search-input button {
  position: absolute;
  right: 20px;
  top: 12px;
  color: #919191;
}
.gardomia .side-info-close {
  background: none;
  border: 0;
  color: var(--clr-common-heading);
  font-size: 20px;
  padding: 0;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.gardomia .side-info {
  background: var(--clr-common-white);
  height: 100%;
  position: fixed;
  z-index: 99999;
  right: -100%;
  top: 0;
  width: 365px;
  padding: 45px 35px 45px 45px;
  transition: 0.6s;
  overflow-y: scroll;
}
.gardomia .side-info.info-open {
  right: 0;
}
.gardomia .offset-widget .support-meta .support-number {
  color: var(--clr-theme-1);
}
.gardomia .offset-widget .support-meta .support-number:hover {
  color: var(--clr-theme-2);
}
.gardomia .offset-widget .footer-social span {
  color: var(--clr-theme-1);
}
.gardomia .irc-item.choose-item {
  display: flex;
  gap: 24px;
}
.gardomia .irc-item.choose-item:hover .irc-item-icon {
  background: var(--clr-theme-2);
}
.gardomia .social-links.team-social ul {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.gardomia .social-links.team-social ul li a {
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-block;
  border: 2px solid var(--clr-bg-1);
  line-height: 46px;
  color: var(--clr-theme-1);
  font-size: 16px;
  border-radius: 6px;
  background: var(--clr-common-white);
}
.gardomia .social-links.team-social ul li a:hover {
  color: var(--clr-common-white);
  background: var(--clr-theme-2);
  border-color: var(--clr-theme-2);
}
.gardomia .single-input-field {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}
.gardomia .single-input-field input {
  border: 2px solid var(--clr-bg-1);
  border-radius: 10px;
  height: 60px;
  padding: 0 22px;
  padding-inline-end: 44px;
  width: 100%;
  outline: 0;
}
.gardomia .single-input-field input::placeholder {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #bebebe;
}
.gardomia .single-input-field input:focus {
  border-color: #7d7d7d;
}
.gardomia .single-input-field textarea {
  height: 180px;
  width: 100%;
  padding: 14px 22px;
  padding-inline-end: 44px;
  border: 2px solid var(--clr-bg-1);
  border-radius: 10px;
  outline: 0;
  resize: none;
}
.gardomia .single-input-field textarea::placeholder {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #bebebe;
}
.gardomia .single-input-field textarea:focus {
  border-color: #7d7d7d;
}
.gardomia .social-links.blog-share ul {
  gap: 26px;
}
.gardomia .social-links.blog-share ul li a {
  color: #b9b9b9;
}
.gardomia .social-links.blog-share ul li a:hover {
  color: var(--clr-theme-1);
}
.gardomia .footer-social {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
.gardomia .footer-social span {
  font-weight: 700;
  color: var(--clr-common-white);
  text-transform: uppercase;
}
.gardomia .social-links ul {
  display: flex;
  gap: 16px;
}
.gardomia .social-links ul li {
  margin-bottom: 0;
}
.gardomia .social-links ul li a {
  color: #689082;
}
.gardomia .social-links ul li a:hover {
  color: var(--clr-theme-2);
}

/* Was d-none d-lg-block / d-lg-none / d-none d-xl-inline-flex. */
.gardomia .g-hide-below-lg { display: none; }
.gardomia .g-hide-below-xl { display: none; }
@media (min-width: 992px) {
  .gardomia .g-hide-below-lg { display: block; }
  .gardomia .meta-items.g-hide-below-lg { display: flex; }
  .gardomia .g-hide-from-lg { display: none; }
}
@media (min-width: 1200px) { .gardomia .g-hide-below-xl { display: flex; } }

/* The panel submenu toggle. style.css styled meanmenu's expand link, but its
   POSITIONING lived in the separate meanmenu.css, which this port does not take
   -- so the toggle had no box and its absolutely-positioned "+" escaped to the
   nearest positioned ancestor, landing in the middle of the panel. These are
   meanmenu.css's own numbers, against a button instead of an <a>. */
.gardomia .gardomia-panel-nav ul li { position: relative; }
.gardomia .gardomia-panel-nav ul li .gardomia-submenu-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 32px;
  margin-top: 1px;
  padding: 0;
  text-align: center;
  font-weight: 700;
  background: transparent;
  z-index: 2;
  cursor: pointer;
}

/* DEFAULT — the header stays in flow and the page tucks under its last bar.
   The template does this from the other side, pulling its hero up with
   .banner-area2 { margin-top: -80px }, which no Divi layout will have. Same 80px
   from the header's side instead, and the same desktop-only rule the template
   uses: below 992px the header is a single bar and the content would lose its
   top rather than gain any depth. .header-main2 already carries z-index 5, so
   the menu bar paints over whatever is pulled up beneath it.

   Nothing is reserved. The header scrolls away with the page, and past the
   threshold gardomia-menu.js hands the middle bar to .sticky, which pins it. */
@media (min-width: 992px) {
  .gardomia.header2:not(.is-fixed) ~ #et-main-area {
    margin-top: -80px;
  }
}

/* FIXED — opt-in, Customizer -> Gardomia header. The nav never scrolls away.
   No `top`: the header is the first thing inside #page-container, so its static
   position is already the top of the viewport, and leaving top alone means the
   WordPress admin bar keeps pushing it down instead of the header sliding under
   it. No `height`: it stays as tall as its own content. And no padding on the
   page either — out of flow means the content already starts underneath, which
   is where the hero belongs. */
.gardomia.header2.is-fixed {
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.gardomia .mb-30 { margin-bottom: 30px; }
.gardomia .mb-40 { margin-bottom: 40px; }
.gardomia .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.gardomia .offset-logo { display: flex; align-items: center; justify-content: space-between; }