/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
#Footer 
#Contact
#topbar
#Vhy-choose
#Funfact
#testimonials
#CTA
#Benefit
#Gallery
#Sidebar
#blog-details
#Login
# 404
#FAQ
#Package
#google-map
#client-carousel
#hero-slider
#feature
#about
#service
#work-process
--------------------------------------------------------------*/
:root {
  --hostom-font: "Manrope", sans-serif;
  --hostom-heading-font: "Manrope", sans-serif;
  --hostom-special-font: "Instrument Sans", sans-serif;
  --hostom-font-awesome: "Font Awesome 5 Free";
  --hostom-text: #787880;
  --hostom-text-rgb: 120, 120, 128;
  --hostom-text2: #323645;
  --hostom-text2-rgb: 50, 54, 69;
  --hostom-title: #1D1729;
  --hostom-title-rgb: 29, 23, 41;
  --hostom-base: #00003B;
  --hostom-base-rgb: 0, 0, 59;
  --hostom-base2: #FA7115;
  --hostom-base2-rgb: 250, 113, 21;
  --hostom-base3: #F8656B;
  --hostom-base3-rgb: 248, 101, 107;
  --hostom-secondary: #9ADFFF;
  --hostom-secondary-rgb: 154, 223, 255;
  --hostom-secondary2: #FB542D;
  --hostom-secondary2-rgb: 251, 84, 45;
  --hostom-gray: #D6D6E7;
  --hostom-gray-rgb: 214, 214, 231;
  --hostom-gray2: #E8E8F3;
  --hostom-gray2-rgb: 232, 232, 243;
  --hostom-blue: #3D8FFF;
  --hostom-blue-rgb: 61, 143, 255;
  --hostom-blue2: #8A8ABC;
  --hostom-blue2-rgb: 138, 138, 188;
  --hostom-white: #fff;
  --hostom-white-rgb: 255, 255, 255;
  --hostom-black: #01050B;
  --hostom-black-rgb: 1, 5, 11;
  --hostom-black2: #03152B;
  --hostom-black2-rgb: 3, 21, 43;
  --hostom-black3: #121246;
  --hostom-black3-rgb: 18, 18, 70;
  --hostom-border-color: #3D3D7C;
  --hostom-border-color-rgb: 61, 61, 124;
  --hostom-letter-space: 0.1em;
  --hostom-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-left: 5px;
}

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

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

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

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

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

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

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

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

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

.hostom-btn {
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none !important;
  background-color: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
  padding: 19px 39px;
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
  text-transform: uppercase;
  background-color: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
  position: relative;
  overflow: hidden;
  text-align: center;
  border-radius: 43px;
  z-index: 1;
  transition: all 0.5s ease;
}
.hostom-btn:hover {
  color: var(--hostom-secondary2, #FB542D);
  background-color: var(--hostom-white, #fff);
}
.hostom-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 43px;
  left: 0;
  top: 0;
  z-index: -1;
  transform: scale(0);
  background: var(--hostom-base, #c2a74e);
  transition: all 0.5s ease;
}
.hostom-btn:hover {
  color: var(--hostom-base, #c2a74e);
  background-color: transparent;
}
.hostom-btn:hover::before {
  transform: scale(1);
}
.hostom-btn--black {
  background: var(--hostom-black, #1c1a1d);
}
.hostom-btn--black:hover {
  color: var(--hostom-white, #fff);
}
.hostom-btn--black::before {
  background-color: var(--hostom-base, #c2a74e);
}
.hostom-btn--base {
  background-color: var(--hostom-base, #c2a74e);
}
.hostom-btn--base:hover {
  color: var(--hostom-white, #fff);
}
.hostom-btn--base::before {
  background-color: var(--hostom-secondary2, #FB542D);
}
.hostom-btn--text {
  background-color: var(--hostom-text2, #323645);
}
.hostom-btn--text:hover {
  color: var(--hostom-white, #fff);
}
.hostom-btn--text::before {
  background-color: var(--hostom-secondary2, #FB542D);
}
.hostom-btn--secondary {
  background-color: var(--hostom-secondary2, #FB542D);
}
.hostom-btn--secondary:hover {
  color: var(--hostom-white, #fff);
}
.hostom-btn--secondary::before {
  background-color: var(--hostom-base, #c2a74e);
}

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
body {
  font-family: var(--hostom-font, "Manrope", sans-serif);
  color: var(--hostom-text, #787880);
  font-size: 16px;
  line-height: 2.125;
  font-weight: 500;
}

button {
  outline: 0;
  border: 0;
}

body.locked {
  overflow: hidden;
}

a {
  transition: all 400ms ease;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--hostom-base, #c2a74e);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
@media (max-width: 575px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br {
    display: none;
  }
}

p {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
}
@media (max-width: 575px) {
  p br {
    display: none;
  }
}

.container-fluid,
.container {
  padding-left: 15px;
  padding-right: 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;
}

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

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

.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(--hostom-base, #c2a74e);
}

.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(--hostom-text, #787880);
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 5px;
}

.block-title {
  margin-top: -8px;
  margin-bottom: 50px;
}
.block-title__decor {
  width: 21px;
  height: 14px;
  background-image: url(../images/shapes/leaf-1-1.png);
  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(--hostom-text, #787880);
  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(--hostom-black, #1c1a1d);
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
}
@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-left: 45px;
  font-size: 16px;
  font-weight: 500;
  color: var(--hostom-black, #1c1a1d);
}
@media (min-width: 481px) {
  .ul-list-one li {
    font-size: 20px;
  }
}
.ul-list-one li::before {
  content: "\e907";
  color: var(--hostom-base, #c2a74e);
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-family: "azino-icon";
}

.preloader {
  position: fixed;
  background-color: var(--hostom-black, #1c1a1d);
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 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-to-top {
  display: flex;
  align-items: center;
  width: auto;
  height: 35px;
  background: transparent;
  position: fixed;
  bottom: 60px;
  right: -12px;
  z-index: 99;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  cursor: pointer;
  transition: all 0.2s ease;
}
.scroll-to-top__text {
  display: inline;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-right: 8px;
  color: var(--hostom-base3, #F8656B);
}
.scroll-to-top__wrapper {
  display: inline-block;
  width: 30px;
  height: 4px;
  background-color: var(--hostom-base, #c2a74e);
  position: relative;
  overflow: hidden;
}
.scroll-to-top__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--hostom-secondary2, #FB542D);
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  bottom: 70px;
}

/* 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(--hostom-text, #787880);
  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(--hostom-base, #c2a74e);
  color: #fff;
}
.post-pagination li:first-child a {
  background-color: var(--hostom-base, #c2a74e);
  color: #fff;
}
.post-pagination li:last-child a {
  background-color: var(--hostom-black, #1c1a1d);
  color: #fff;
}
.post-pagination li + li {
  margin-left: 10px;
}

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

.hostom-owl__carousel--basic-nav.owl-carousel .owl-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-nav button {
  border: none;
  outline: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-nav button span {
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  background-color: var(--hostom-gray, #f9f6f1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--hostom-text, #787880);
  border-radius: 50%;
  font-size: 14px;
  color: var(--hostom-text, #787880);
  transition: all 500ms ease;
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-nav button span:hover {
  background-color: var(--hostom-black, #1c1a1d);
  color: var(--hostom-white, #fff);
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-dots {
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 60px;
  display: flex;
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot span {
  background-color: var(--hostom-black, #1c1a1d);
  border: 2px solid var(--hostom-white, #fff);
  box-shadow: 0 0 1px rgba(var(--hostom-black-rgb, 28, 26, 29), 1);
  margin: 0;
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot:hover span, .hostom-owl__carousel--basic-nav.owl-carousel .owl-dots .owl-dot.active span {
  background-color: var(--hostom-black, #1c1a1d);
  border: 2px solid var(--hostom-black, #1c1a1d);
  box-shadow: 0 0 1px rgba(var(--hostom-black-rgb, 28, 26, 29), 1);
}
.hostom-owl__carousel--basic-nav.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 60px;
}

.sec-title {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .sec-title {
    padding-bottom: 45px;
  }
}
.sec-title__tagline {
  margin-top: -4px;
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.sec-title__title {
  font-size: 30px;
  margin-top: -2px;
  color: var(--hostom-base, #c2a74e);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-style: normal;
  font-weight: 800;
  line-height: 125%;
  letter-spacing: -1.6px;
}
@media (min-width: 768px) {
  .sec-title__title {
    font-size: 40px;
  }
}
.sec-title--two .sec-title__title {
  color: var(--hostom-text2, #323645);
}

.ui-datepicker .ui-datepicker-header {
  background-image: none;
  background-color: var(--hostom-black, #1c1a1d);
  color: var(--hostom-white, #fff);
  font-family: var(--hostom-font, "Manrope", sans-serif);
}

.ui-datepicker-calendar th span {
  font-family: var(--hostom-font, "Manrope", sans-serif);
}
.ui-datepicker-calendar td {
  background-color: var(--hostom-gray, #f9f6f1);
  background-image: none;
  font-family: var(--hostom-font, "Manrope", sans-serif);
  color: var(--hostom-text, #787880);
}
.ui-datepicker-calendar td a {
  border-color: var(--hostom-border-color, #e8e3da);
  background-color: var(--hostom-gray, #f9f6f1);
  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(--hostom-border-color, #e8e3da);
  background-color: var(--hostom-gray, #f9f6f1);
  background-image: none;
  color: var(--hostom-text, #787880);
  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(--hostom-white, #fff);
  background-color: var(--hostom-base, #c2a74e);
}
.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(--hostom-white, #fff);
  background-color: var(--hostom-base, #c2a74e);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background-image: none;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-black, #1c1a1d);
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
  top: 2px;
}

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

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

/*--------------------------------------------------------------
# Cards
--------------------------------------------------------------*/
.video-one {
  position: relative;
  background-color: var(--hostom-black, #1c1a1d);
  padding: 100px 0;
}
.video-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--hostom-black, #1c1a1d);
  background-size: cover;
  background-position: center center;
  opacity: 0.5;
}
.video-one .container {
  position: relative;
  text-align: center;
}
.video-one__btn {
  width: 145px;
  height: 145px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}
.video-one__btn .video-popup {
  font-size: 24px;
  color: var(--hostom-white, #fff);
  transition: all 500ms ease;
  position: relative;
  z-index: 10;
}
.video-one__btn .video-popup:hover {
  color: var(--hostom-base, #c2a74e);
}
.video-one__btn .curved-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 145px;
  height: 145px;
  transform-origin: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotate 15s linear 0s forwards infinite alternate;
}
.video-one__btn .curved-circle--item {
  width: 145px;
}
.video-one__btn .curved-circle--item span {
  text-transform: uppercase;
  font-size: 14px;
  color: var(--hostom-white, #fff);
  letter-spacing: 0.4em;
}
.video-one__title {
  margin: 0;
  text-transform: uppercase;
  color: var(--hostom-white, #fff);
  font-size: 40px;
  line-height: 1.2em;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .video-one__title {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .video-one__title {
    font-size: 60px;
    margin-top: 20px;
    margin-bottom: 35px;
  }
}
.video-one__link::before {
  background-color: var(--hostom-base, #c2a74e);
}

.video-two {
  position: relative;
  background-color: var(--hostom-black, #1c1a1d);
  padding: 143px 0 320px;
}
@media (max-width: 767px) {
  .video-two {
    padding: 100px 0 270px;
  }
  .video-two .text-end {
    text-align: left !important;
  }
}
.video-two__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--hostom-black, #1c1a1d);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.video-two__shape {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (max-width: 1199px) {
  .video-two__shape {
    display: none;
  }
}
.video-two .container {
  position: relative;
}
.video-two__btn {
  width: 145px;
  height: 145px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  margin-top: 42px;
}
.video-two__btn .video-popup {
  font-size: 24px;
  color: var(--hostom-white, #fff);
  transition: all 500ms ease;
  position: relative;
  z-index: 10;
}
.video-two__btn .video-popup:hover {
  color: var(--hostom-base, #c2a74e);
}
.video-two__btn .curved-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 145px;
  height: 145px;
  transform-origin: center center;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: textRotate 15s linear 0s forwards infinite alternate;
}
.video-two__btn .curved-circle--item {
  width: 145px !important;
  height: 145px !important;
}
.video-two__btn .curved-circle--item span {
  text-transform: uppercase;
  font-size: 14px;
  color: var(--hostom-white, #fff);
  letter-spacing: 0.4em;
}
.video-two__title {
  margin: 0;
  text-transform: uppercase;
  color: var(--hostom-white, #fff);
  font-size: 40px;
  line-height: 1.2em;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .video-two__title {
    font-size: 50px;
  }
}
@media (min-width: 992px) {
  .video-two__title {
    font-size: 60px;
    margin-bottom: 35px;
  }
}
.video-two__link::before {
  background-color: var(--hostom-base, #c2a74e);
}

.team-one {
  padding-top: 120px;
  padding-bottom: 120px;
}
.team-one .sec-title {
  text-align: center;
}
@media (min-width: 992px) {
  .team-one__carousel .owl-nav {
    display: none;
  }
}
.team-one--page {
  padding-top: 100px;
}
.team-one__carousel .owl-dots {
  display: none !important;
}

.team-card {
  position: relative;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.team-card__image {
  display: block;
  position: relative;
  max-height: 452px;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
.team-card__image img {
  position: relative;
  object-fit: cover;
  width: 100%;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.team-card__image::after {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  right: 51%;
  z-index: 0;
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
}
.team-card__content {
  overflow: hidden;
  z-index: 1;
  border-radius: 150px 150px 0px 30px;
  width: 218px;
  height: 191px;
  position: absolute;
  bottom: 0%;
  z-index: 2;
  left: 0%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: end;
  padding-left: 30px;
  padding-bottom: 30px;
}
.team-card__content__title {
  color: var(--hostom-base, #c2a74e);
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.72px;
}
.team-card__content__title a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.team-card__content__title a:hover {
  background-size: 100% 1px;
}
.team-card__content__designation {
  margin-top: -5px;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}
.team-card__content__hover {
  position: relative;
}
.team-card__content__hover__icon {
  margin-top: 4px;
  display: flex;
  transition: all 0.5s ease-in-out;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  border-radius: 26.4px;
  background: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
  cursor: pointer;
}
.team-card__content__hover__icon i {
  line-height: 1;
  font-size: 12px;
}
.team-card__content__hover__social {
  transition: all 0.7s ease-in-out;
  transform: translateX(-50px);
  position: absolute !important;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  top: 5px;
  left: 45px;
  background: var(--hostom-secondary2, #FB542D);
  position: relative;
  display: flex;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 3.49px;
}
.team-card__content__hover__social a {
  line-height: 1;
  color: var(--hostom-white, #fff);
  font-size: 10px;
}
.team-card__content__hover__social a i {
  line-height: 1;
  transition: all 0.3s ease-in-out;
}
.team-card__content__hover__social a:hover {
  color: var(--hostom-base, #c2a74e);
}
.team-card__content__hover__social::before {
  content: "";
  position: absolute;
  width: 7.855px;
  height: 5.236px;
  background: var(--hostom-secondary2, #FB542D);
  left: -7px;
  top: 39%;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
.team-card__content__hover:hover .team-card__content__hover__icon {
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-secondary2, #FB542D);
}
.team-card__content__hover:hover .team-card__content__hover__social {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
}
.team-card__content::before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.5s ease-in-out;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  background: var(--hostom-secondary, #9ADFFF);
}
.team-card:hover .team-card__image img {
  transform: scale(1.1);
}
.team-card:hover .team-card__image::after {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 400ms linear;
}
.team-card:hover .team-card__content .team-card__content__title {
  color: var(--hostom-white, #fff);
}
.team-card:hover .team-card__content .team-card__content__designation {
  color: var(--hostom-text, #787880);
}
.team-card:hover .team-card__content::before {
  background: var(--hostom-base, #c2a74e);
}

.team-details {
  padding-top: 80px;
  padding-bottom: 60px;
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
@media (min-width: 768px) {
  .team-details {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .team-details {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.team-details__image {
  display: inline-block;
  position: relative;
  margin-right: -30px;
}
.team-details__image img {
  max-width: 100%;
  border-radius: 40px;
}
@media (max-width: 768px) {
  .team-details__content {
    margin-top: 30px;
  }
}
@media (min-width: 1199px) {
  .team-details__content {
    padding-left: 70px;
  }
}
.team-details__content__subtitle {
  margin-top: -6px;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.team-details__content__title {
  margin-top: -5px;
  font-size: 30px;
  margin-bottom: 22px;
  color: var(--hostom-base, #c2a74e);
  font-weight: 700;
  line-height: 117.5%;
  letter-spacing: -1.6px;
}
@media (min-width: 992px) {
  .team-details__content__title {
    font-size: 40px;
  }
}
.team-details__content__text {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
  margin-bottom: 22px;
}
@media (min-width: 992px) {
  .team-details__content__text {
    margin-bottom: 32px;
  }
}
.team-details__content__highlight {
  background-color: var(--hostom-gray2, #E8E8F3);
  position: relative;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.team-details__content__highlight__text {
  max-width: 492px;
  display: block;
  width: 100%;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media (min-width: 992px) {
  .team-details__content__highlight {
    padding: 22px 40px;
    margin-bottom: 38px;
  }
  .team-details__content__highlight__text {
    font-size: 20px;
  }
}
.team-details__content__highlight:hover {
  background: var(--hostom-secondary, #9ADFFF);
}
.team-details__list {
  margin-bottom: 32px;
}
.team-details__list > li {
  margin-bottom: 11px;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.team-details__list > li a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  color: var(--hostom-base, #c2a74e);
}
.team-details__list > li a:hover {
  background-size: 100% 1px;
}
.team-details__list > li span {
  display: inline-block;
  color: var(--hostom-text, #787880);
}
.team-details__list > li:last-child {
  margin-bottom: 0;
}
.team-details .team-skills {
  margin-bottom: 28px;
}
.team-details .team-skills__progress + .team-skills__progress {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .team-details .team-skills__progress + .team-skills__progress {
    margin-top: 22px;
  }
}
.team-details .team-skills__progress__title {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 14px;
}
.team-details .team-skills__progress__bar {
  width: 100%;
  height: 10px;
  position: relative;
  background-color: var(--hostom-gray, #f9f6f1);
  border-radius: 2px;
}
.team-details .team-skills__progress__inner {
  position: absolute;
  height: 10px;
  background-color: var(--hostom-secondary, #9ADFFF);
  transition: all 700ms linear;
  width: 0px;
  border-radius: 2px;
}
.team-details .team-skills__progress__number {
  position: absolute;
  bottom: calc(100% + 5px);
  right: 0;
  margin-bottom: 8px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.team-details__social {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
  margin-bottom: 20px;
}
.team-details__social a {
  width: 35px;
  height: 35px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hostom-gray2, #E8E8F3);
  font-size: 13px;
  color: var(--hostom-base, #c2a74e);
  line-height: 1;
  transition: all 500ms ease;
}
.team-details__social a:hover {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}

.team-skills-one {
  padding: 120px 0 110px 0px;
}
@media (max-width: 767px) {
  .team-skills-one {
    padding: 60px 0;
  }
}
.team-skills-one__title {
  font-size: 25px;
  margin-bottom: 10px;
  color: var(--hostom-base, #c2a74e);
  font-weight: 700;
  line-height: 117.5%;
  letter-spacing: -1.6px;
}
@media (min-width: 768px) {
  .team-skills-one__title {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .team-skills-one__title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.team-skills-one__text {
  max-width: 530px;
  width: 100%;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
}
.team-skills-one__certificates {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 21px;
}
.team-skills-one__certificates__item {
  max-width: 176px;
  width: 100%;
  cursor: pointer;
}
.team-skills-one__certificates__item img {
  object-fit: cover;
}

.team-form-one {
  position: relative;
  padding: 120px 0;
  background: rgba(var(--hostom-gray2-rgb, 232, 232, 243), 1);
}
@media (max-width: 767px) {
  .team-form-one {
    padding: 80px 0;
  }
}
.team-form-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  opacity: 0.06;
  mix-blend-mode: luminosity;
}
.team-form-one .container {
  position: relative;
  max-width: 898px;
}
.team-form-one .sec-title {
  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 {
  border-radius: 10px;
  background-color: var(--hostom-white, #fff);
}
.team-form-one .form-one textarea {
  height: 176px;
}
.team-form-one .form-one .hostom-btn {
  padding: 18.55px 38.55px;
}

.blog-card {
  border-radius: 30px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 1;
}
.blog-card__image {
  overflow: hidden;
  border-radius: 30px 30px 0px 0px;
  max-height: 200px;
  height: 100%;
  width: 100%;
  position: relative;
}
.blog-card__image img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.blog-card__image::before {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  right: 51%;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
}
.blog-card__date {
  transition: all 0.4s ease-in-out;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 20px;
  right: 20px;
  z-index: 1;
  width: 67px;
  padding: 17px 0px;
  border-radius: 18px;
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.blog-card__date__day {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}
.blog-card__meta__comment {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 500;
  line-height: 214.286%;
  text-transform: capitalize;
}
.blog-card__meta__comment i {
  color: var(--hostom-secondary2, #FB542D);
  font-size: 19px;
  margin-right: 6px;
}
.blog-card__meta__comment:hover {
  color: var(--hostom-secondary, #9ADFFF);
}
.blog-card__title {
  color: var(--hostom-title, #1D1729);
  font-size: 22px;
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-weight: 700;
  line-height: 136.364%;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 25px;
}
.blog-card__title a {
  background: linear-gradient(to right, 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__title::after {
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 1px;
  bottom: 0%;
  left: 0%;
  opacity: 0.2;
  background: #6C6A72;
}
.blog-card__content {
  padding: 24px 30px 25px 30px;
  border-radius: 0px 0px 30px 30px;
  overflow: hidden;
  position: relative;
}
.blog-card__content__btn {
  margin-top: 13px;
}
.blog-card__content__btn a {
  display: block;
  position: relative;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 178.571%;
  text-transform: capitalize;
}
.blog-card__content__btn a i {
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: 35%;
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
}
.blog-card__content__btn a:hover i {
  animation: iconleft 2s ease-in-out infinite;
}
.blog-card__content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  background: var(--hostom-base, #c2a74e);
  bottom: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.blog-card:hover .blog-card__image img {
  transform: scale(1.1);
}
.blog-card:hover .blog-card__image::before {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 400ms linear;
}
.blog-card:hover .blog-card__content::after {
  height: 100%;
}
.blog-card:hover .blog-card__title::after {
  opacity: 0.2;
  background: #E8E8F3;
}
.blog-card:hover .blog-card__title, .blog-card:hover .blog-card__meta__comment {
  color: var(--hostom-white, #fff);
}
.blog-card:hover .blog-card__content__btn a {
  color: var(--hostom-blue2, #8A8ABC);
}
.blog-card:hover .blog-card__content__btn a i {
  color: var(--hostom-white, #fff);
}

.blog-card__two {
  margin-bottom: 20px;
}
.blog-card__two__image {
  overflow: hidden;
  border-radius: 40px;
  max-height: 449px;
  height: 100%;
  width: 100%;
  position: relative;
  margin-bottom: 22px;
}
.blog-card__two__image--two {
  border-radius: 30px;
}
.blog-card__two__image img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.blog-card__two__image::before {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  content: "";
  left: 50%;
  right: 51%;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  transition: all 700ms linear;
}
.blog-card__two__image:hover img {
  transform: scale(1.1);
}
.blog-card__two__image:hover::before {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: visible;
  transition: all 400ms linear;
}
.blog-card__two__date {
  transition: all 0.4s ease-in-out;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 30px;
  left: 30px;
  z-index: 1;
  width: 107px;
  padding: 13px 0px;
  border-radius: 10px;
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 500;
  line-height: 156.25%;
  text-transform: capitalize;
}
.blog-card__two__date__day {
  margin-bottom: -7px;
  display: block;
  font-size: 32px;
  font-weight: 700;
  text-shadow: 0 0 0 0.2 currentColor;
  line-height: normal;
}
.blog-card__two__meta {
  margin-top: 0px;
  margin-bottom: 2px;
  display: flex;
}
.blog-card__two__meta__item {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 214.286%;
  text-transform: capitalize;
}
.blog-card__two__meta__item a {
  color: inherit;
}
.blog-card__two__meta__item i {
  color: var(--hostom-secondary2, #FB542D);
  font-size: 14px;
  margin-right: 4px;
}
.blog-card__two__meta__item:not(:first-child)::before {
  content: "|";
  margin-left: 15px;
  margin-right: 10px;
  font-weight: 400;
  opacity: 0.5;
  color: var(--hostom-gray2, #E8E8F3);
}
.blog-card__two__meta__item:hover {
  color: var(--hostom-secondary, #9ADFFF);
}
.blog-card__two__title {
  color: var(--hostom-base, #c2a74e);
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.2px;
  text-shadow: 0 0 0 0.1 currentColor;
}
@media (max-width: 767px) {
  .blog-card__two__title {
    font-size: 25px;
  }
}
.blog-card__two__title a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card__two__title a:hover {
  background-size: 100% 1px;
}
.blog-card__two__text {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
}
.blog-card__two__link {
  margin-top: 15px;
  border-radius: 10px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  padding: 17px 40px;
  background: var(--hostom-gray, #f9f6f1);
  text-transform: capitalize;
}
.blog-card__two__link::before {
  border-radius: 10px;
  background: var(--hostom-base, #c2a74e);
}
.blog-card__two__link:hover {
  color: var(--hostom-white, #fff);
}

.blog-card-three {
  border-radius: 30px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .blog-card-three {
    display: flex;
    flex-direction: column-reverse;
  }
}
.blog-card-three__image {
  overflow: hidden;
  border-radius: 30px;
  max-height: 373px;
  height: 100%;
  width: 100%;
  position: relative;
}
.blog-card-three__image img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.blog-card-three__image::before {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  right: 51%;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
}
.blog-card-three__date {
  transition: all 0.4s ease-in-out;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 20px;
  right: 20px;
  z-index: 1;
  width: 67px;
  height: 74px;
  border-radius: 18px;
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.blog-card-three__date__day {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}
.blog-card-three__meta {
  margin-bottom: 8px;
}
.blog-card-three__meta__comment {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 500;
  line-height: 214.286%;
  text-transform: capitalize;
}
.blog-card-three__meta__comment i {
  color: var(--hostom-secondary2, #FB542D);
  font-size: 19px;
  margin-right: 6px;
}
.blog-card-three__meta__comment:hover {
  color: var(--hostom-secondary, #9ADFFF);
}
.blog-card-three__title {
  color: var(--hostom-base, #c2a74e);
  font-size: 22px;
  font-weight: 700;
  line-height: 136.364%;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 15px;
}
.blog-card-three__title a {
  background: linear-gradient(to right, 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__text {
  position: relative;
  color: var(--hostom-text, #787880);
  font-size: 18px;
  font-weight: 500;
  line-height: 200%;
  padding-bottom: 30px;
}
.blog-card-three__text::after {
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 1px;
  bottom: 0%;
  left: 0%;
  opacity: 0.2;
  background: #6C6A72;
}
.blog-card-three__content {
  padding: 24px 30px 25px 30px;
  border-radius: 0px 0px 30px 30px;
  overflow: hidden;
  position: relative;
}
.blog-card-three__content__btn {
  margin-top: 13px;
}
.blog-card-three__content__btn a {
  display: block;
  position: relative;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 178.571%;
  text-transform: capitalize;
}
.blog-card-three__content__btn a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.blog-card-three__content::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  background: var(--hostom-base, #c2a74e);
  bottom: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.blog-card-three:hover .blog-card__image img {
  transform: scale(1.1);
}
.blog-card-three:hover .blog-card__image::before {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 400ms linear;
}
.blog-card-three:hover .blog-card__content::after {
  height: 100%;
}
.blog-card-three:hover .blog-card__title::after {
  opacity: 0.2;
  background: #E8E8F3;
}
.blog-card-three:hover .blog-card__title, .blog-card-three:hover .blog-card__meta__comment {
  color: var(--hostom-white, #fff);
}
.blog-card-three:hover .blog-card__content__btn a {
  color: var(--hostom-blue2, #8A8ABC);
}
.blog-card-three:hover .blog-card__content__btn a i {
  color: var(--hostom-white, #fff);
}

.blog-card__fore {
  border-radius: 20px;
  background: var(--hostom-white, #fff);
}
.blog-card__fore__image {
  overflow: hidden;
  border-radius: 20px 20px 0px 0px;
  max-height: 265px;
  height: 100%;
  width: 100%;
  position: relative;
}
.blog-card__fore__image img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.blog-card__fore__image::before {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  right: 51%;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  transition: all 400ms linear;
}
.blog-card__fore__date {
  transition: all 0.4s ease-in-out;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: -36px;
  right: 20px;
  z-index: 1;
  width: 67px;
  height: 74px;
  border-radius: 18px;
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.blog-card__fore__date__day {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}
.blog-card__fore__meta {
  margin-bottom: 15px;
}
.blog-card__fore__meta__comment {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 500;
  line-height: 214.286%;
  text-transform: capitalize;
}
.blog-card__fore__meta__comment i {
  color: var(--hostom-secondary2, #FB542D);
  font-size: 19px;
  margin-right: 6px;
}
.blog-card__fore__meta__comment:hover {
  color: var(--hostom-secondary, #9ADFFF);
}
.blog-card__fore__title {
  color: var(--hostom-title, #1D1729);
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  position: relative;
  padding-bottom: 25px;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  text-transform: capitalize;
}
.blog-card__fore__title a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card__fore__title a:hover {
  background-size: 100% 1px;
}
.blog-card__fore__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.blog-card__fore__title::after {
  content: "";
  position: absolute;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 1px;
  bottom: 0%;
  left: 0%;
  opacity: 0.2;
  background: #6C6A72;
}
.blog-card__fore__content {
  padding: 16px 5px 25px 0px;
  position: relative;
}
.blog-card__fore__content__btn {
  margin-top: 13px;
}
.blog-card__fore__content__btn a {
  display: block;
  position: relative;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 178.571%;
  text-transform: capitalize;
}
.blog-card__fore__content__btn a i {
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 0;
  top: 30%;
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
}
.blog-card__fore__content__btn a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.blog-card__fore__content__btn a:hover i {
  animation: iconleft 2s ease-in-out infinite;
}
.blog-card__fore:hover .blog-card__fore__image img {
  transform: scale(1.1);
}
.blog-card__fore:hover .blog-card__fore__image::before {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 400ms linear;
}

.blog-card__five {
  border-radius: 20px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 8px 30px 4px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  position: relative;
}
.blog-card__five::after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 0%;
  background-color: var(--hostom-base3, #F8656B);
  z-index: -1;
  transition: all 0.5s ease-in-out;
}
.blog-card__five__image {
  position: relative;
}
.blog-card__five__image__item {
  display: block;
  overflow: hidden;
  border-radius: 20px 20px 0px 0px;
  max-height: 205px;
  height: 100%;
  width: 100%;
  position: relative;
}
.blog-card__five__image__item img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: all 0.5s ease-in-out;
}
.blog-card__five__image__item::before {
  position: absolute;
  top: 0;
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  content: "";
  left: 50%;
  right: 51%;
  z-index: 1;
  opacity: 1;
  pointer-events: none;
  transition: all 700ms linear;
}
.blog-card__five__date {
  position: absolute;
  right: 0;
  bottom: 0%;
  height: 54px;
  border-radius: 10px 0px 0px 0;
  padding-left: 15px;
  display: flex;
  align-items: center;
  background: var(--hostom-white, #fff);
}
.blog-card__five__date__day {
  color: var(--hostom-text2, #323645);
  font-size: 30px;
  font-weight: 800;
  line-height: 115.556%;
}
.blog-card__five__date__month {
  border-radius: 10px 0px 0px 0;
  padding-left: 18px;
  padding-right: 18px;
  margin-left: 15px;
  height: 54px;
  display: flex;
  align-items: center;
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 700;
  background-color: var(--hostom-base3, #F8656B);
}
.blog-card__five__content {
  padding: 30px;
}
.blog-card__five__content__link {
  margin-top: 22px;
  border-radius: 10px;
  background: rgba(120, 120, 128, 0.05);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s ease-in-out;
}
.blog-card__five__author {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  margin-top: -6px;
}
.blog-card__five__author__image {
  max-width: 35px;
  width: 100%;
  height: 35px;
  overflow: hidden;
  border-radius: 500px;
}
.blog-card__five__author__image img {
  object-fit: cover;
  width: 100%;
}
.blog-card__five__author__title {
  color: var(--hostom-text2, #323645);
  font-size: 16px;
  font-weight: 800;
  line-height: 162.5%;
  margin-bottom: -5px;
  transition: all 0.4s ease-in-out;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card__five__author__title:hover {
  background-size: 100% 1px;
}
.blog-card__five__author__deg {
  margin-top: -5px;
  transition: all 0.4s ease-in-out;
  margin-bottom: 0;
  padding-bottom: 0;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 178.571%;
  text-transform: capitalize;
}
.blog-card__five__title {
  color: var(--hostom-text2, #323645);
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.blog-card__five__title a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.blog-card__five__title a:hover {
  background-size: 100% 1px;
}
.blog-card__five__title a:hover {
  color: var(--hostom-base, #c2a74e);
}
.blog-card__five__text {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 171.429%;
}
.blog-card__five__comments {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 500;
  line-height: 214.286%;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.blog-card__five__comments i {
  color: var(--hostom-secondary2, #FB542D);
  font-size: 16px;
  margin-right: 4px;
}
.blog-card__five__comments:hover {
  color: var(--hostom-base, #c2a74e);
}
.blog-card__five__btn a {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 178.571%;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.blog-card__five__btn a:hover {
  color: var(--hostom-base, #c2a74e);
}
.blog-card__five:hover .blog-card__five__image__item img {
  transform: scale(1.1);
}
.blog-card__five:hover .blog-card__five__image__item::before {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: visible;
  transition: all 400ms linear;
}
.blog-card__five:hover::after {
  height: 100%;
}
.blog-card__five:hover .blog-card__five__content__link {
  background: var(--hostom-white, #fff);
}
.blog-card__five:hover .blog-card__five__text {
  color: #FFC6C8;
}
.blog-card__five:hover .blog-card__five__title {
  color: var(--hostom-white, #fff);
}
.blog-card__five:hover .blog-card__five__author__title {
  color: var(--hostom-white, #fff);
}
.blog-card__five:hover .blog-card__five__author__deg {
  color: #FFC6C8;
}

.pronation_widget {
  margin-top: 50px;
}
.pronation_widget-widget2 {
  margin-top: 20px;
}
.pronation_widget-widget2 ul {
  padding-left: 0;
}
.pronation_widget ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
}
.pronation_widget ul a {
  display: inline-block;
  padding: 0.5px 20px;
  border-radius: 6px;
  border: 1px solid var(--hostom-gray, #f9f6f1);
  color: var(--hostom-base, #c2a74e);
  transition: all 500ms ease-in-out;
  font-size: 20px;
  font-weight: 700;
  line-height: 235%;
}
.pronation_widget ul a.active, .pronation_widget ul a:hover {
  background-color: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
  border: 1px solid var(--hostom-secondary2, #FB542D);
  font-weight: 500;
}

.blog-one {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .blog-one {
    padding: 80px 0;
  }
}
.blog-one--page {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .blog-one--page {
    padding-top: 60px;
  }
}
.blog-one--home .sec-title {
  text-align: center;
}
@media (min-width: 992px) {
  .blog-one__carousel .owl-nav {
    display: none;
  }
}
.blog-one .pronation_widget {
  margin-top: 30px;
}
.blog-one__carousel .owl-dots {
  display: none !important;
}
.blog-one .comments-form__form {
  margin-top: 35px;
}

.blog-two {
  padding: 120px 0px;
  background: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .blog-two {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .blog-two {
    padding: 80px 0;
  }
}
.blog-two--home {
  padding-bottom: 0;
}
.blog-two .owl-dots {
  display: flex;
  position: absolute;
  bottom: 10%;
  left: 40%;
  gap: 15px;
}
.blog-two .owl-dots .owl-dot {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 500px;
  margin: 0;
}
.blog-two .owl-dots .owl-dot span {
  margin: 0;
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 500px;
  background: var(--hostom-gray2, #E8E8F3);
}
.blog-two .owl-dots .owl-dot:hover span {
  background: var(--hostom-secondary2, #FB542D) !important;
}
.blog-two .owl-dots .active {
  border: 1px solid var(--hostom-base, #c2a74e);
}
.blog-two .owl-dots .active span {
  background: var(--hostom-secondary2, #FB542D) !important;
}
@media (max-width: 768px) {
  .blog-two .owl-dots {
    display: none;
  }
}
.blog-two__carousel {
  position: relative;
}

.blog-card-link,
.blog-card-qoute {
  background-color: var(--hostom-gray, #f9f6f1);
  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;
}

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

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

/*--------------------------------------------------------------
# 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%;
  right: 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: 58px;
  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(--hostom-text, #787880);
  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%;
  background-color: var(--hostom-gray, #f9f6f1);
  color: var(--hostom-text, #787880);
  border: none;
  outline: none;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  height: 60px;
  border-radius: 10px;
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.form-one textarea {
  height: 210px;
  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;
}

/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--hostom-base, #c2a74e);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}
.custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--hostom-base, #c2a74e);
  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(--hostom-base, #c2a74e);
  opacity: 0.4;
}
.custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: 0.4;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.main-footer {
  position: relative;
  z-index: 1;
  background-color: var(--hostom-base, #c2a74e);
}
.main-footer__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  z-index: -1;
  mix-blend-mode: overlay;
}
.main-footer__inner {
  padding: 70px 0px 45px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media screen and (max-width: 575px) {
  .main-footer__inner {
    flex-wrap: wrap;
    padding: 60px 0px 40px 0px;
  }
}
.main-footer__inner-logo {
  display: block;
}
@media screen and (max-width: 575px) {
  .main-footer__inner-logo {
    margin-bottom: 20px;
  }
}
.main-footer__inner-social {
  display: flex;
  flex-wrap: wrap;
  gap: 19.05px;
}
.main-footer__inner-social a {
  width: 35.714px;
  height: 35.714px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(157, 157, 157, 0.14);
  font-size: 14px;
  line-height: 0;
  color: var(--hostom-white, #fff);
  transition: all 500ms ease;
  border-radius: 500px;
}
.main-footer__inner-social a:hover {
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.main-footer__middle {
  padding: 75px 0px 95px 0px;
  display: block;
}
@media (max-width: 767px) {
  .main-footer__middle {
    padding: 60px 0px 50px 0px;
  }
}
@media (max-width: 575px) {
  .main-footer__middle {
    padding: 40px 0px 30px 0px;
  }
}
.main-footer__middle--two {
  padding: 120px 0px 120px 0px;
}
@media (max-width: 991px) {
  .main-footer__middle--two {
    padding: 100px 0px 100px 0px;
  }
}
@media (max-width: 767px) {
  .main-footer__middle--two {
    padding: 80px 0px 80px 0px;
  }
}
@media (max-width: 575px) {
  .main-footer__middle--two {
    padding: 100px 0px 60px 0px;
  }
}
.main-footer__middle--three {
  padding: 140px 0px 115px 0px;
}
@media (max-width: 991px) {
  .main-footer__middle--three {
    padding: 120px 0px 100px 0px;
  }
}
@media (max-width: 767px) {
  .main-footer__middle--three {
    padding: 100px 0px 80px 0px;
  }
}
@media (max-width: 575px) {
  .main-footer__middle--three {
    padding: 100px 0px 60px 0px;
  }
}
.main-footer .container {
  position: relative;
}
.main-footer__bottom {
  position: relative;
  z-index: 1;
  text-align: center;
  background: #01011C;
}
.main-footer__bottom__inner {
  padding: 29px 0;
}
@media screen and (max-width: 575px) {
  .main-footer__bottom__inner {
    padding: 20px 0;
  }
}
.main-footer__copyright {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
  padding-bottom: 0;
}
.main-footer__copyright--two {
  color: #888A95;
}

.main-footer__bottom__three {
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.main-footer__two {
  background: var(--hostom-base, #c2a74e);
}
.main-footer__two__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  z-index: -1;
  animation: bgSlide 20s linear infinite;
  opacity: 0.75;
}

.main-footer__three {
  background: var(--hostom-text2, #323645);
  z-index: 1;
  position: relative;
}
.main-footer__three__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  z-index: -1;
  opacity: 1;
}

.footer-widget {
  margin-bottom: 40px;
  max-width: 410px;
}
@media screen and (max-width: 575px) {
  .footer-widget {
    margin-bottom: 30px;
  }
}
.footer-widget--about {
  margin-left: 33px;
}
@media (max-width: 991px) {
  .footer-widget--about {
    margin-left: 0;
  }
}
.footer-widget--right {
  margin-right: 25px;
}
@media (max-width: 991px) {
  .footer-widget--right {
    margin-right: 0;
  }
}
.footer-widget--right .footer-widget__title {
  margin-bottom: 23px;
}
.footer-widget--link {
  margin-left: 9px;
}
@media (max-width: 991px) {
  .footer-widget--link {
    margin-left: 0;
  }
}
.footer-widget--company {
  margin-left: 20px;
}
@media (max-width: 991px) {
  .footer-widget--company {
    margin-left: 0;
  }
}
.footer-widget__newsletter {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-bottom: 18px;
}
.footer-widget__newsletter input[type=email] {
  width: 100%;
  display: block;
  border: none;
  outline: none;
  height: 56px;
  background-color: #01011C;
  padding-left: 30px;
  padding-right: 30px;
  transition: all 500ms ease;
  border-radius: 10px 0px 0px 10px;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
}
.footer-widget__newsletter input[type=email]::placeholder {
  text-transform: uppercase;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
}
.footer-widget__newsletter button[type=submit] {
  padding: 18px 22px;
  background: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
  text-transform: uppercase;
  border-radius: 0px 10px 10px 0px;
  transition: all 0.5s ease-in-out;
}
.footer-widget__newsletter button[type=submit]:hover {
  color: var(--hostom-base, #c2a74e);
  background-color: var(--hostom-secondary, #9ADFFF);
}
.footer-widget__title {
  margin-top: -2px;
  color: var(--hostom-white, #fff);
  font-size: 18px;
  font-weight: 800;
  line-height: 163.374%;
  letter-spacing: -0.72px;
  margin-bottom: 13px;
}
.footer-widget__info li {
  line-height: 180%;
  margin-bottom: 0px !important;
}
.footer-widget__info li:last-child {
  margin-bottom: 0 !important;
}
.footer-widget__links__item {
  position: relative;
  margin-bottom: 6px;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 400;
  line-height: 187.5%;
  transition: all 0.4s ease-in-out;
}
.footer-widget__links__item:last-child {
  margin-bottom: 0px;
}
.footer-widget__links__item__text {
  display: inline-block;
  max-width: 230px;
  line-height: 162.5%;
  margin-bottom: 9px;
}
.footer-widget__links__item i {
  transition: all 500ms ease-in-out;
  margin-right: 15px;
  color: var(--hostom-base, #c2a74e);
}
.footer-widget__links__item a {
  color: inherit;
  font-family: var(--hostom-font, "Manrope", sans-serif);
}
.footer-widget__links__item::before {
  content: "";
  width: 0px;
  position: absolute;
  height: 1px;
  top: 50%;
  left: 0%;
  background: var(--hostom-white, #fff);
  transition: all 0.4s ease-in-out;
}
.footer-widget__links__item:hover {
  padding-left: 14px;
}
.footer-widget__links__item:hover a:hover {
  color: var(--hostom-white, #fff);
}
.footer-widget__links__item:hover::before {
  width: 8px;
}
.footer-widget__info__item {
  margin-bottom: 0;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 400;
  line-height: 187.5%;
  transition: all 0.4s ease-in-out;
}
.footer-widget__info__item:last-child {
  margin-bottom: 0px;
}
.footer-widget__info__item a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  color: inherit;
}
.footer-widget__info__item a:hover {
  background-size: 100% 1px;
}
.footer-widget__info__item a:hover {
  color: var(--hostom-white, #fff);
}
.footer-widget__info__item i {
  transition: all 500ms ease-in-out;
  margin-right: 10px;
  color: var(--hostom-secondary2, #FB542D);
}
.footer-widget__text {
  margin-top: 3px;
  display: inline-block;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
  max-width: 366px;
}
.footer-widget__info__two {
  max-width: 313px;
  width: 100%;
}
.footer-widget__logo {
  margin-bottom: 23px;
  display: block;
}
.footer-widget__social {
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 19.05px;
}
.footer-widget__social a {
  width: 35.714px;
  height: 35.714px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(157, 157, 157, 0.14);
  font-size: 14px;
  line-height: 0;
  color: var(--hostom-white, #fff);
  transition: all 500ms ease;
  border-radius: 500px;
}
.footer-widget__social a:hover {
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.footer-widget__company__two {
  margin-left: -20px;
}
@media (max-width: 1199px) {
  .footer-widget__company__two {
    margin-left: 0px;
  }
}
.footer-widget__about__two {
  margin-left: -45px;
  max-width: 247px;
}
@media (max-width: 1199px) {
  .footer-widget__about__two {
    margin-left: 0px;
  }
}
.footer-widget__right__two {
  margin-left: -35px;
  margin-right: 0;
}
@media (max-width: 1199px) {
  .footer-widget__right__two {
    margin-left: 0px;
  }
}
.footer-widget__right__two .footer-widget__newsletter {
  display: block;
  max-width: 305px;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.footer-widget__right__two .footer-widget__newsletter input[type=email] {
  width: 100%;
  border-radius: 10px;
}
.footer-widget__right__two .footer-widget__newsletter input[type=email]::placeholder {
  text-transform: capitalize;
}
.footer-widget__right__two .footer-widget__newsletter button[type=submit] {
  padding: 18px 22px;
  position: absolute;
  top: 0%;
  right: 0;
  background: transparent;
  color: var(--hostom-white, #fff);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
  text-transform: uppercase;
  border-radius: 0px 10px 10px 0px;
  transition: all 0.5s ease-in-out;
}
.footer-widget__right__two .footer-widget__newsletter button[type=submit]:hover {
  color: var(--hostom-white, #fff);
  background-color: var(--hostom-secondary2, #FB542D);
}
.footer-widget__right__two .footer-widget__text {
  padding-bottom: 0;
  margin-bottom: 0;
}
.footer-widget__right__two .footer-widget__text i {
  margin-right: 5px;
}
.footer-widget__info__three {
  max-width: 285px;
  width: 100%;
}
.footer-widget__info__three .footer-widget__title {
  color: var(--hostom-white, #fff);
}
.footer-widget__info__three .footer-widget__text {
  color: #888A95;
}
.footer-widget__company__three {
  margin-left: -25px;
  margin-right: 0;
}
.footer-widget__company__three .footer-widget__title {
  color: var(--hostom-white, #fff);
}
.footer-widget__company__three .footer-widget__links__item a {
  color: #888A95;
}
@media (max-width: 1199px) {
  .footer-widget__company__three {
    margin-left: 0px;
  }
}
.footer-widget__link__three {
  margin-left: -35px;
  margin-right: 0;
}
.footer-widget__link__three .footer-widget__title {
  color: var(--hostom-white, #fff);
}
.footer-widget__link__three .footer-widget__links__item a {
  color: #888A95;
}
@media (max-width: 1199px) {
  .footer-widget__link__three {
    margin-left: 0px;
  }
}
.footer-widget__right__three {
  margin-left: -40px;
  margin-right: 0;
}
.footer-widget__right__three .footer-widget__info {
  margin-bottom: 14px;
}
.footer-widget__right__three .footer-widget__info__item {
  color: #888A95;
}
.footer-widget__right__three .footer-widget__info__item i {
  color: var(--hostom-base3, #F8656B);
}
.footer-widget__right__three .footer-widget__info__item + .footer-widget__info__item {
  margin-top: 2px;
}
.footer-widget__right__three .footer-widget__newsletter {
  margin-bottom: 8px;
}
.footer-widget__right__three .footer-widget__newsletter input[type=email] {
  height: 60px;
  background-color: var(--hostom-white, #fff);
  border-radius: 10px 0px 0px 10px;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 210.052%;
}
.footer-widget__right__three .footer-widget__newsletter input[type=email]::placeholder {
  text-transform: ca;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 600;
  line-height: 210.052%;
  text-transform: capitalize;
}
.footer-widget__right__three .footer-widget__newsletter button[type=submit] {
  padding: 19px 22px;
  background: var(--hostom-base3, #F8656B);
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  border-radius: 10px;
  margin-left: -10px;
  transition: all 0.5s ease-in-out;
}
.footer-widget__right__three .footer-widget__newsletter button[type=submit]:hover {
  color: var(--hostom-white, #fff);
  background-color: var(--hostom-secondary2, #FB542D);
}
.footer-widget__right__three .footer-widget__text {
  color: var(--hostom-white, #fff);
  font-size: 18px;
  font-weight: 700;
  line-height: 163.374%;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .footer-widget__right__three {
    margin-left: 0px;
  }
}

@media (max-width: 1199px) {
  .main-footer__two .footer-widget__company__two, .main-footer__two .footer-widget__info__two, .main-footer__two .footer-widget__about__two {
    margin-bottom: 30px;
  }
}

@media (max-width: 1199px) {
  .main-footer__three .footer-widget__info__three, .main-footer__three .footer-widget__company__three, .main-footer__three .footer-widget__link__three {
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-one {
  padding: 120px 0px;
}
@media (max-width: 991px) {
  .contact-one {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .contact-one {
    padding: 80px 0px;
  }
}
.contact-one__form {
  margin-right: -60px;
  position: relative;
  padding: 50px;
  background: var(--hostom-gray2, #E8E8F3);
  border-radius: 19px 0px 0px 19px;
}
@media (max-width: 991px) {
  .contact-one__form {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .contact-one__form {
    padding: 30px;
  }
}
.contact-one__form .form-one__group {
  grid-gap: 20px;
  position: relative;
}
.contact-one__form .form-one__control__icon {
  right: 0;
  color: var(--hostom-white, #fff);
}
.contact-one__form input[type=date],
.contact-one__form input[type=text],
.contact-one__form input[type=email],
.contact-one__form input[type=tel], .contact-one__form textarea {
  background-color: var(--hostom-white, #fff);
  border-radius: 10px;
  height: 60px;
  width: 100%;
  border: none;
  padding-left: 30px;
  padding-right: 20px;
  outline: none;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.contact-one__form input[type=date]::placeholder,
.contact-one__form input[type=text]::placeholder,
.contact-one__form input[type=email]::placeholder,
.contact-one__form input[type=tel]::placeholder, .contact-one__form textarea::placeholder {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.contact-one__form textarea {
  height: 176px;
}
.contact-one__form .hostom-btn {
  border-radius: 10px;
}
.contact-one__form .hostom-btn::before {
  border-radius: 10px;
}
@media (max-width: 991px) {
  .contact-one__form {
    border-radius: 20px;
  }
}
.contact-one__content {
  position: relative;
  margin-top: -170px;
  border-radius: 30px 30px 0px 0px;
  background: var(--hostom-base, #c2a74e);
  margin-left: 30px;
}
.contact-one__content__top {
  padding: 45px 30px 0px 60px;
  position: relative;
  padding-bottom: 25px;
}
.contact-one__content__top__text {
  margin-top: -7px;
  color: var(--hostom-white, #fff);
  font-size: 40px;
  font-weight: 700;
  line-height: 125%;
}
.contact-one__content__top__text span {
  color: var(--hostom-secondary2, #FB542D);
}
@media (max-width: 1199px) {
  .contact-one__content__top__text {
    font-size: 35px;
  }
}
.contact-one__content__top::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  opacity: 0.1;
  background: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .contact-one__content__top {
    padding: 40px 30px 38px 30px;
  }
}
@media (max-width: 575px) {
  .contact-one__content__top {
    padding: 30px 20px 38px 20px;
  }
}
.contact-one__content .sec-title__tagline, .contact-one__content .sec-title__title {
  color: var(--hostom-base, #c2a74e);
}
.contact-one__content__thumb {
  margin-top: 10px;
  text-align: center;
  position: relative;
}
@media (max-width: 991px) {
  .contact-one__content {
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 30px;
  }
}
.contact-one__inner {
  position: relative;
  border-radius: 20px 0px 0px 20px;
  background: var(--hostom-base, #c2a74e);
}
@media (max-width: 991px) {
  .contact-one__inner {
    border-radius: 20px;
  }
}
.contact-one__text {
  margin: 0;
  font-weight: 500;
  color: var(--hostom-white, #fff);
  font-size: 16px;
}
.contact-one__info {
  padding: 37px 30px 0px 60px;
  position: relative;
  margin-bottom: 0;
}
.contact-one__info__item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.contact-one__info__item:hover .contact-one__info__icon {
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.contact-one__info__item:last-child {
  margin-bottom: 0px;
}
.contact-one__info__icon {
  width: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  transition: all 500ms ease;
  color: var(--hostom-white, #fff);
  margin-right: 20px;
}
.contact-one__info__icon::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  background-color: var(--hostom-blue2, #8A8ABC);
}
.contact-one__info__text {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
  color: var(--hostom-blue2, #8A8ABC);
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .contact-one__info__text {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .contact-one__info__text {
    font-size: 12px;
  }
}
.contact-one__info__title {
  color: var(--hostom-white, #fff);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
.contact-one__info__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.contact-one__info__title a:hover {
  background-size: 100% 1px;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .contact-one__info__title {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .contact-one__info__title {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .contact-one__info {
    padding: 40px 20px 38px 20px;
  }
}

.contact-map .google-map iframe {
  height: 450px;
}
@media (max-width: 992px) {
  .contact-map .google-map iframe {
    height: 380px;
  }
}

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.topbar-one {
  display: none;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 2;
}
@media (min-width: 992px) {
  .topbar-one {
    display: block;
  }
}
.topbar-one .container-fluid {
  max-width: 1813.42px;
}
.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-bottom: 0;
}
.topbar-one__info__item {
  display: flex;
  align-items: center;
}
.topbar-one__info__item a {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 128.571%;
  color: var(--hostom-blue2, #8A8ABC);
  background: linear-gradient(to right, 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 a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.topbar-one__info__item span {
  display: block;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 128.571%;
}
.topbar-one__info__item + .topbar-one__info__item {
  margin-left: 33px;
}
.topbar-one__info__icon {
  font-size: 14px;
  margin-right: 4px;
  color: var(--hostom-secondary, #9ADFFF);
  position: relative;
  top: 1px;
}
.topbar-one__right {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .topbar-one__right {
    margin-top: 0;
    margin-left: auto;
  }
}
.topbar-one__social {
  padding: 13.55px 2px 13.55px 0px;
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1em;
  padding-left: 70px;
  z-index: 1;
}
.topbar-one__social a {
  font-size: 14px;
  color: var(--hostom-white, #fff);
  transition: all 500ms ease;
}
.topbar-one__social a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.topbar-one__social a + a {
  margin-left: 23.83px;
}

/*--------------------------------------------------------------
# Navigations
--------------------------------------------------------------*/
.main-header .container-fluid {
  max-width: 1750px;
  width: 100%;
}
.main-header__inner {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .main-header__inner {
    padding: 20px 0;
  }
}
.main-header__logo {
  width: 100%;
}
@media (min-width: 576px) {
  .main-header__logo {
    width: auto;
  }
}
@media (min-width: 768px) {
  .main-header__logo .mobile-nav__btn {
    margin-left: 30px;
  }
}
.main-header__right {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 9.5px 0;
  position: relative;
}
@media (min-width: 768px) {
  .main-header__right {
    margin-left: auto;
    padding: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .main-header__right {
    margin-left: 0;
  }
}
.main-header__right__social {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-right: 34px;
}
.main-header__right__social a {
  font-size: 14px;
  color: var(--hostom-white, #fff);
}
.main-header__right__social a i {
  color: currentColor;
}
.main-header__right__social a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.main-header__right__btn {
  padding: 11px 20px;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
}
.main-header__right__btn::before {
  background: var(--hostom-secondary2, #FB542D);
}
.main-header__right__btn:hover {
  color: var(--hostom-white, #fff);
}
.main-header__right__info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 40px;
  padding-left: 28.55px;
  border-left: 1px solid rgba(255, 255, 255, 0.137254902);
}
.main-header__right__info .info__item {
  font-size: 20px;
  color: var(--hostom-white, #fff);
}
.main-header__right__info .info__item i {
  color: currentColor;
}
.main-header__right__info .info__item:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.main-header__right__arrow {
  position: absolute;
  left: -35%;
  top: 10%;
  animation: iconleft 3s ease-in-out infinite;
}
@media (max-width: 1499px) and (min-width: 1200px) {
  .main-header__right__arrow {
    display: none;
  }
}
@media (max-width: 800px) {
  .main-header__right__arrow {
    display: none;
  }
}
.main-header__nav {
  margin-left: 114px;
  margin-right: auto;
}
@media (max-width: 1400px) {
  .main-header__nav {
    margin-left: 70px;
  }
}
@media (max-width: 991px) {
  .main-header__nav {
    margin-left: 0px;
  }
}
.main-header .info__item__call {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-right: 20px;
  margin-left: -30px;
}
@media (max-width: 767px) {
  .main-header .info__item__call {
    display: none;
  }
}
.main-header .info__item__call .info__item__icon {
  width: 40px;
  height: 40px;
  border-radius: 500px;
  background-color: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  position: relative;
  transition: all 0.4s ease-in-out 0s;
}
.main-header .info__item__call .info__item__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.main-header .info__item__call .info__item__icon::after {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  top: 50%;
  left: 50%;
  border-radius: 500px;
  background-color: var(--hostom-secondary2, #FB542D);
  transition: all 0.4s ease-in-out 0s;
  z-index: -1;
}
.main-header .info__item__call .info__item__content__text {
  color: var(--hostom-secondary, #9ADFFF);
  font-size: 13px;
  font-weight: 400;
  line-height: 176.923%;
  margin-bottom: -5px;
  display: block;
}
.main-header .info__item__call .info__item__content__call {
  color: var(--hostom-white, #fff);
  font-size: 18px;
  font-weight: 700;
  line-height: 166.667%;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.main-header .info__item__call .info__item__content__call:hover {
  background-size: 100% 1px;
}
.main-header .info__item__call:hover .info__item__icon {
  background: transparent;
  color: var(--hostom-white, #fff);
}
.main-header .info__item__call:hover .info__item__icon::after {
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
}
.main-header--one {
  position: absolute;
  width: 100%;
  z-index: 333;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .main-header--one {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.main-header--one .main-menu .main-menu__list > li > a {
  color: var(--hostom-blue2, #8A8ABC);
}
.main-header--one .main-menu .main-menu__list > li.current > a,
.main-header--one .main-menu .main-menu__list > li:hover > a {
  color: var(--hostom-white, #fff);
}
.main-header--one .mobile-nav__btn span {
  background: var(--hostom-white, #fff);
}
@media (max-width: 767px) {
  .main-header--one .main-header__right__social {
    display: none;
  }
  .main-header--one .main-header__right__info {
    margin-left: 0;
    border-left: 0px solid var(--hostom-base, #c2a74e);
  }
}
@media (max-width: 575px) {
  .main-header--one .main-header__right__btn {
    display: none;
  }
  .main-header--one .main-header__right__info {
    display: none;
  }
}
.main-header--two {
  position: absolute;
  margin-top: 44px;
  width: 100%;
  z-index: 333;
}
@media (max-width: 991px) {
  .main-header--two {
    margin-top: 0;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .main-header--two {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.main-header--two .main-header__nav {
  margin-left: 135px;
}
.main-header--two .main-menu .main-menu__list > li > a {
  color: var(--hostom-blue2, #8A8ABC);
}
.main-header--two .main-menu .main-menu__list > li.current > a,
.main-header--two .main-menu .main-menu__list > li:hover > a {
  color: var(--hostom-white, #fff);
}
.main-header--two .mobile-nav__btn span {
  background: var(--hostom-white, #fff);
}
.main-header--two .main-header__btn {
  padding: 13px 20px;
  font-size: 12px;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.main-header--two .main-header__btn::before {
  background: var(--hostom-secondary2, #FB542D);
}
.main-header--two .main-header__btn:hover {
  color: var(--hostom-white, #fff);
}
@media (max-width: 575px) {
  .main-header--two .main-header__btn {
    display: none;
  }
}
@media (max-width: 767px) {
  .main-header--two .main-header__right__social {
    display: none;
  }
  .main-header--two .main-header__right__info {
    margin-left: 0;
    border-left: 0px solid var(--hostom-base, #c2a74e);
  }
}
@media (max-width: 575px) {
  .main-header--two .main-header__right__btn {
    display: none;
  }
  .main-header--two .main-header__right__info {
    display: none;
  }
}
.main-header--three {
  border-bottom: 1px solid var(--hostom-white, #fff);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.main-header--three .main-header__nav {
  margin-left: 157px;
}
.main-header--three .container-fluid {
  max-width: 1830px;
  width: 100%;
}
@media (max-width: 767px) {
  .main-header--three .main-header__inner {
    padding: 0px 0;
  }
}
.main-header--three .main-header__right {
  background: var(--hostom-base, #c2a74e);
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
}
@media (max-width: 767px) {
  .main-header--three .main-header__right {
    background: transparent;
    margin-bottom: 0px;
  }
}
.main-header--three .main-header__right::after {
  content: "";
  background: var(--hostom-base, #c2a74e);
  width: 9999999px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 99%;
  z-index: -2;
}
@media (max-width: 767px) {
  .main-header--three .main-header__right::after {
    display: none;
  }
}
.main-header--three .main-header__right::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 115%;
  height: 100%;
  background-image: url(../images/shapes/header-3.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  z-index: -1;
}
@media (max-width: 767px) {
  .main-header--three .main-header__right::before {
    display: none;
  }
}
.main-header--three .main-header__right__inner {
  padding: 22px 0px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 0px;
  padding-left: 0px;
}
.main-header--three .main-header__right__social {
  margin-right: 14px;
}
@media (max-width: 1299px) {
  .main-header--three .main-header__right__social {
    display: none;
  }
}
.main-header--three .main-header__right__social a {
  color: var(--hostom-blue2, #8A8ABC);
}
.main-header--three .main-header__right__info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 0px;
  padding-left: 28.55px;
  border-left: 1px solid rgba(255, 255, 255, 0.137254902);
}
@media (max-width: 767px) {
  .main-header--three .main-header__right__info {
    display: none;
  }
}
.main-header--three .main-header__right__info a {
  color: var(--hostom-blue2, #8A8ABC);
}
.main-header--three .main-menu .main-menu__list > li > a {
  color: var(--hostom-text, #787880);
}
.main-header--three .main-menu .main-menu__list > li.current > a,
.main-header--three .main-menu .main-menu__list > li:hover > a {
  color: var(--hostom-black, #1c1a1d);
}
.main-header--three .mobile-nav__btn span {
  background: var(--hostom-white, #fff);
}
@media (max-width: 767px) {
  .main-header--three .mobile-nav__btn span {
    background: var(--hostom-secondary2, #FB542D);
  }
}
@media (max-width: 767px) {
  .main-header--three .main-header__right__social {
    display: none;
  }
  .main-header--three .main-header__right__info {
    margin-left: 0;
    border-left: 0px solid var(--hostom-base, #c2a74e);
  }
}
@media (max-width: 575px) {
  .main-header--three .main-header__right__btn {
    display: none;
  }
  .main-header--three .main-header__right__info {
    display: none;
  }
}
.main-header--fore {
  position: absolute;
  width: 100%;
  z-index: 333;
}
.main-header--fore .main-header__nav {
  margin-left: 157px;
}
.main-header--fore .container-fluid {
  max-width: 1830px;
  width: 100%;
}
@media (max-width: 767px) {
  .main-header--fore .main-header__inner {
    padding: 0px 0;
  }
}
.main-header--fore .main-header__right {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .main-header--fore .main-header__right {
    background: transparent;
  }
}
.main-header--fore .main-header__right .info__item__icon {
  background: var(--hostom-base3, #F8656B);
  color: var(--hostom-white, #fff);
}
.main-header--fore .main-header__right .info__item__content__text {
  color: var(--hostom-text, #787880);
}
.main-header--fore .main-header__right .info__item__content__call {
  color: var(--hostom-black2, #141215);
}
.main-header--fore .main-header__right__inner {
  padding: 22px 0px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 0px;
  padding-left: 0px;
}
.main-header--fore .main-header__right__social {
  margin-right: 14px;
}
.main-header--fore .main-header__right__social a {
  color: var(--hostom-black2, #141215);
}
.main-header--fore .main-header__right__social a i {
  color: currentColor;
}
.main-header--fore .main-header__right__social a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
@media (max-width: 1299px) {
  .main-header--fore .main-header__right__social {
    display: none;
  }
}
.main-header--fore .main-header__right__info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: 0px;
  padding-left: 28.55px;
  border-left: 1px solid rgba(3, 21, 43, 0.2);
}
@media (max-width: 767px) {
  .main-header--fore .main-header__right__info {
    display: none;
  }
}
.main-header--fore .main-header__right__info .info__item {
  color: var(--hostom-black2, #141215);
}
.main-header--fore .main-header__right__info .info__item i {
  color: currentColor;
}
.main-header--fore .main-header__right__info .info__item:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.main-header--fore .main-menu .main-menu__list > li > a {
  color: var(--hostom-text, #787880);
}
.main-header--fore .main-menu .main-menu__list > li.current > a,
.main-header--fore .main-menu .main-menu__list > li:hover > a {
  color: var(--hostom-black, #1c1a1d);
}
.main-header--fore .mobile-nav__btn span {
  background: var(--hostom-white, #fff);
}
@media (max-width: 767px) {
  .main-header--fore .mobile-nav__btn span {
    background: var(--hostom-secondary2, #FB542D);
  }
}
@media (max-width: 767px) {
  .main-header--fore .main-header__right__social {
    display: none;
  }
  .main-header--fore .main-header__right__info {
    margin-left: 0;
    border-left: 0px solid var(--hostom-base, #c2a74e);
  }
}
@media (max-width: 575px) {
  .main-header--fore .main-header__right__btn {
    display: none;
  }
  .main-header--fore .main-header__right__info {
    display: none;
  }
}
.main-header--six .container-fluid {
  max-width: 1832px;
}
.main-header--six .main-header__nav {
  margin-left: 141px;
  margin-right: auto;
}
@media (max-width: 1400px) {
  .main-header--six .main-header__nav {
    margin-left: 70px;
  }
}
@media (max-width: 991px) {
  .main-header--six .main-header__nav {
    margin-left: 0px;
  }
}
.main-header--six .main-header__right {
  position: relative;
  z-index: 1;
  padding: 29px 0px 28.55px 57px;
  border-radius: 50px 0px 0px 0px;
}
@media (max-width: 1300px) and (min-width: 1199px) {
  .main-header--six .main-header__right {
    padding: 29px 0px 28.55px 30px;
  }
}
@media (max-width: 768px) {
  .main-header--six .main-header__right {
    padding: 0px;
  }
}
.main-header--six .main-header__right .main-header__contact__btn {
  color: var(--hostom-base, #c2a74e);
  font-size: 12px;
  line-height: 150%;
  text-transform: uppercase;
  padding: 11px 20px;
  background: var(--hostom-white, #fff);
  margin-right: 62px;
}
@media (max-width: 1300px) and (min-width: 1199px) {
  .main-header--six .main-header__right .main-header__contact__btn {
    margin-right: 30px;
  }
}
@media (max-width: 768px) {
  .main-header--six .main-header__right .main-header__contact__btn {
    display: none;
  }
}
.main-header--six .main-header__right .main-header__contact__btn:hover {
  color: var(--hostom-white, #fff);
}
.main-header--six .main-header__right .main-header__right__social {
  position: relative;
  z-index: 1;
  padding-right: 0px;
  margin-right: 0;
}
@media (max-width: 991px) {
  .main-header--six .main-header__right .main-header__right__social {
    display: none;
  }
}
.main-header--six .main-header__right .main-header__right__social a {
  font-size: 14px;
  color: var(--hostom-base, #c2a74e);
}
.main-header--six .main-header__right .main-header__right__social a:hover {
  color: var(--hostom-base2, #FA7115);
}
.main-header--six .main-header__right::after {
  content: "";
  background: var(--hostom-secondary, #9ADFFF);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50px 0px 0px 0px;
}
@media (max-width: 768px) {
  .main-header--six .main-header__right::after {
    display: none;
  }
}
.main-header--six .main-header__right::before {
  content: "";
  background: var(--hostom-secondary, #9ADFFF);
  width: 9999999px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 99%;
  z-index: -1;
}
@media (max-width: 768px) {
  .main-header--six .main-header__right::before {
    display: none;
  }
}
.main-header--six .main-header__right__info {
  display: flex;
  padding-left: 28px;
  position: relative;
  z-index: 1;
  border-left: 1px solid rgba(0, 0, 59, 0.2588235294);
}
.main-header--six .main-header__right__info .info__item {
  font-size: 20px;
  color: var(--hostom-base, #c2a74e);
}
.main-header--six .main-header__right__info .info__item:hover {
  color: var(--hostom-base2, #FA7115);
}
@media (max-width: 768px) {
  .main-header--six .main-header__right__info {
    border-left: 0px solid rgba(0, 0, 59, 0.2588235294);
    padding-left: 0px;
  }
}
@media (max-width: 575px) {
  .main-header--six .main-header__right__info {
    display: none;
  }
}

.sticky-header--cloned, .sticky-header__two, .sticky-header__one {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0;
  background-color: var(--hostom-white, #fff);
  transform: translateY(-100%);
  box-shadow: 0px 3px 18px rgba(var(--hostom-black-rgb, 28, 26, 29), 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, .sticky-header__two.active, .sticky-header__one.active {
  transform: translateY(0%);
  visibility: visible;
}

.sticky-header__one {
  background-color: var(--hostom-base, #c2a74e);
}

.sticky-header__two {
  background-color: var(--hostom-base, #c2a74e);
}
.sticky-header__two.active {
  margin-top: 0;
  transform: translateY(0%);
  visibility: visible;
}

.mobile-nav__btn {
  color: var(--hostom-white, #fff);
  width: 24px;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  cursor: pointer;
  z-index: 3;
}
@media (max-width: 1199px) {
  .mobile-nav__btn {
    margin-left: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .mobile-nav__btn {
    margin-left: 20px;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .mobile-nav__btn {
    display: none;
  }
}
.mobile-nav__btn span {
  width: 100%;
  height: 2px;
  background-color: var(--hostom-black, #1c1a1d);
}
.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: 39px;
  padding-bottom: 38.33px;
  position: relative;
}
.main-menu .main-menu__list > li.dropdown > a {
  position: relative;
}
.main-menu .main-menu__list > li + li {
  margin-left: 38px;
}
@media (max-width: 1400px) {
  .main-menu .main-menu__list > li + li {
    margin-left: 30px;
  }
}
@media (max-width: 1200px) {
  .main-menu .main-menu__list > li + li {
    margin-left: 25px;
  }
}
.main-menu .main-menu__list > li > a {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  transition: all 500ms ease;
}
.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
  color: var(--hostom-base, #c2a74e);
  text-shadow: 0 0 1px currentColor;
}
.main-menu .main-menu__list li ul {
  position: absolute;
  top: 100%;
  left: -25px;
  min-width: 232px;
  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(--hostom-gray2, #E8E8F3);
  padding: 20px;
  border-radius: 20px;
}
.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;
  left: 0 !important;
  right: 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;
  margin-bottom: 10px;
}
.main-menu .main-menu__list li ul li:last-child {
  margin-bottom: 0;
}
.main-menu .main-menu__list li ul li > a {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  display: flex;
  transition: 400ms;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: -1px;
}
.main-menu .main-menu__list li ul li.current > a,
.main-menu .main-menu__list li ul li:hover > a {
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.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;
  left: calc(100% + 20px);
}
.main-menu .main-menu__list li ul li > ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}
.main-menu .main-menu__list li ul li > ul ul {
  display: none;
}

.sub-menu .dropdown::before {
  content: "\e915";
  position: absolute;
  right: 20px;
  top: 13px;
  transform: translate(10px 10px);
  font-size: 13px;
  font-weight: 700;
  color: var(--hostom-secondary2, #FB542D);
  visibility: hidden;
  opacity: 0;
  transition: all 500ms ease;
  transform: scaleX(0);
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.sub-menu .dropdown:hover::before {
  visibility: visible;
  opacity: 1;
  transform: scaleX(1);
}

@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 {
    left: auto;
    right: 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;
  left: 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(--hostom-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-left: 15px;
  padding-right: 15px;
}

.megamenu-popup {
  position: relative;
}
.megamenu-popup .megamenu-clickable--close {
  position: absolute;
  top: 18px;
  right: 20px;
  display: block;
  color: var(--hostom-black, #1c1a1d);
}
@media (min-width: 1300px) {
  .megamenu-popup .megamenu-clickable--close {
    top: 38px;
    right: 40px;
  }
}
.megamenu-popup .megamenu-clickable--close:hover {
  color: var(--hostom-base, #c2a74e);
}
.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%;
  left: 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 {
  box-shadow: 0px 10px 60px 0px rgba(var(--hostom-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;
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.demo-one__title a {
  font-size: 20px;
  color: inherit;
  background: linear-gradient(to right, 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(--hostom-black3-rgb, 0, 0, 0), 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  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: 12px;
  padding: 15px 30px;
}
.demo-one__btn::before {
  background-color: var(--hostom-base, #c2a74e);
}
.demo-one__btn::after {
  background-color: var(--hostom-black, #1c1a1d);
}
.demo-one__btn:hover {
  color: var(--hostom-white, #fff);
}
@media (min-width: 768px) {
  .demo-one__btn {
    display: inline-flex;
  }
}
.demo-one__title {
  padding-top: 20.5px;
  padding-bottom: 20.5px;
}

.home-showcase {
  margin-top: -20px;
  margin-bottom: -20px;
}
.home-showcase .container {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
}
.home-showcase .row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 20px;
}
.home-showcase__inner {
  padding: 40px 40px 20px 40px;
  background-color: #F4F2F9;
  border-radius: 20px;
  box-shadow: 0px 10px 60px 0px rgba(244, 242, 249, 0.07);
  margin-left: 75px;
  margin-right: -75px;
}
@media (max-width: 1400px) {
  .home-showcase__inner {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.home-showcase .demo-one__card {
  box-shadow: none;
}
.home-showcase .demo-one__btns {
  flex-direction: column;
}
.home-showcase .demo-one__btn {
  min-width: 135px;
  text-align: center;
  justify-content: center;
}
.home-showcase .demo-one__title {
  padding: 0;
  font-size: 14px;
  margin-top: 15px;
  padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Why choose
--------------------------------------------------------------*/
.why-choose-one {
  position: relative;
}
.why-choose-one__shape-1 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  animation: shapeMove 4s linear 0s infinite;
}
@media (min-width: 992px) {
  .why-choose-one__shape-1 {
    display: block;
  }
}
@keyframes shapeMove {
  0%, 100% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
}
.why-choose-one__inner {
  background-color: var(--hostom-gray, #f9f6f1);
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}
.why-choose-one__inner::before {
  content: "";
  width: 10000px;
  height: 100%;
  background-color: var(--hostom-gray, #f9f6f1);
  position: absolute;
  top: 0;
  right: 100%;
}
.why-choose-one .container {
  position: relative;
}
.why-choose-one__content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1200px) {
  .why-choose-one__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.why-choose-one__image {
  text-align: right;
  margin-top: 35px;
}
@media (min-width: 1200px) {
  .why-choose-one__image {
    margin-top: 0;
  }
}
.why-choose-one__image img {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .why-choose-one__image img {
    max-width: none;
  }
}
.why-choose-one__highlighted {
  margin: 0;
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  line-height: 30px;
  margin-top: -20px;
}
@media (min-width: 768px) {
  .why-choose-one__highlighted {
    font-size: 20px;
  }
}
.why-choose-one__text {
  margin: 0;
  font-size: 15px;
  line-height: 2em;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .why-choose-one__text {
    margin-top: 20px;
  }
}
.why-choose-one__list {
  margin-top: 45px;
}
.why-choose-one__list__item {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .why-choose-one__list__item {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.why-choose-one__list__item + .why-choose-one__list__item {
  margin-top: 20px;
}
.why-choose-one__list__icon {
  width: 57px;
  height: 57px;
  background-color: var(--hostom-base, #c2a74e);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--hostom-white, #fff);
  font-size: 21px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-bottom: 15px;
  transition: all 500ms ease;
}
.why-choose-one__list__icon i {
  transform: scale(1);
  transition: 500ms ease;
}
.why-choose-one__list__icon:hover {
  background-color: var(--hostom-black, #1c1a1d);
  color: var(--hostom-white, #fff);
}
.why-choose-one__list__icon:hover i {
  transform: scale(0.9);
}
@media (min-width: 1200px) {
  .why-choose-one__list__icon {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.why-choose-one__list__title {
  margin: 0;
  text-transform: uppercase;
  font-size: 20px;
  color: var(--hostom-black, #1c1a1d);
  font-weight: bold;
}
@media (min-width: 1200px) {
  .why-choose-one__list__title {
    min-width: 130px;
  }
}
.why-choose-one__list__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.why-choose-one__list__title a:hover {
  background-size: 100% 1px;
}
.why-choose-one__list__text {
  margin: 0;
  font-size: 15px;
  line-height: 26px;
  position: relative;
}
.why-choose-one__list__text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 57px;
  background-color: var(--hostom-border-color, #e8e3da);
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
@media (min-width: 1200px) {
  .why-choose-one__list__text::before {
    display: block;
  }
}
@media (min-width: 1200px) {
  .why-choose-one__list__text {
    padding-left: 30px;
  }
}

.why-choose-two {
  padding-top: 100px;
}
.why-choose-two__image {
  position: relative;
  display: inline-block;
  margin-bottom: 110px;
}
@media (min-width: 992px) {
  .why-choose-two__image {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .why-choose-two__image {
    margin-left: 120px;
  }
}
.why-choose-two__image img {
  max-width: 100%;
}
.why-choose-two__image__two {
  position: absolute;
  bottom: -50px;
  left: 0px;
  z-index: 10;
}
@media (min-width: 992px) {
  .why-choose-two__image__two {
    bottom: 0;
    left: -120px;
  }
}
.why-choose-two__image__shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 11;
  animation: shapeMove 4s linear 0s infinite;
}
@media (min-width: 992px) {
  .why-choose-two__image__shape {
    bottom: auto;
    top: 200px;
    right: auto;
    left: -100px;
  }
}
.why-choose-two__image__icon {
  width: 96px;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hostom-base, #c2a74e);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
}
@media (min-width: 992px) {
  .why-choose-two__image__icon {
    left: -48px;
  }
}
@media (min-width: 1200px) {
  .why-choose-two__content {
    padding-left: 70px;
  }
}
.why-choose-two__highlight {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: var(--hostom-base, #c2a74e);
  margin: 0;
  margin-top: -10px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .why-choose-two__highlight {
    margin: 0;
    font-size: 20px;
    line-height: 34px;
    margin-top: -20px;
    margin-bottom: 32px;
  }
}
.why-choose-two__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.875em;
}
@media (min-width: 992px) {
  .why-choose-two__text {
    font-size: 16px;
  }
}
.why-choose-two__progress {
  margin-top: 30px;
  margin-bottom: 37px;
}
.why-choose-two__progress__title {
  text-transform: uppercase;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.why-choose-two__progress__bar {
  width: 100%;
  height: 17px;
  border: 1px solid var(--hostom-border-color, #e8e3da);
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.why-choose-two__progress__inner {
  position: absolute;
  height: calc(100% - 6px);
  left: 4px;
  top: 3px;
  background-color: var(--hostom-base, #c2a74e);
  transition: all 700ms linear;
  width: 0px;
}
.why-choose-two__progress__number {
  position: absolute;
  bottom: calc(100% + 5px);
  right: 0;
  font-size: 14px;
  font-weight: 400;
}
.why-choose-two__link:hover {
  color: var(--hostom-white, #fff);
}
.why-choose-two__link::after {
  background-color: var(--hostom-black, #1c1a1d);
}
.why-choose-two__link::before {
  background-color: var(--hostom-base, #c2a74e);
}

.why-choos-three {
  position: relative;
  padding: 120px 0 0px 0px;
  background-color: var(--hostom-secondary, #9ADFFF);
  z-index: 1;
}
@media (max-width: 991px) {
  .why-choos-three {
    padding: 100px 0px 100px 0px;
  }
}
@media (max-width: 767px) {
  .why-choos-three {
    padding: 80px 0px 80px 0px;
  }
}
.why-choos-three__top {
  margin-right: 50px;
}
.why-choos-three__top .sec-title {
  padding-bottom: 5px;
}
.why-choos-three__top .sec-title__tagline {
  color: var(--hostom-base, #c2a74e);
}
.why-choos-three__top__text {
  color: var(--hostom-base, #c2a74e);
}
@media (max-width: 991px) {
  .why-choos-three__left {
    margin-bottom: 30px;
  }
}
.why-choos-three__thumb {
  border-radius: 30px;
  position: relative;
}
.why-choos-three__thumb img {
  border-radius: 30px;
}
@media (max-width: 991px) {
  .why-choos-three__thumb img {
    width: 100%;
  }
}
.why-choos-three__thumb__two {
  position: absolute;
  top: 0;
  left: 30px;
}
.why-choos-three__thumb__card {
  position: absolute;
  bottom: 44px;
  left: 0%;
  width: 391px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 183px;
  border-radius: 0 100px 91.5px 30px;
  background: linear-gradient(270deg, #FB542D -6.78%, rgba(101, 167, 198, 0.51) 100%);
}
@media (max-width: 575px) {
  .why-choos-three__thumb__card {
    width: 290px;
    height: 100px;
  }
}
.why-choos-three__thumb__card__text {
  display: inline-block;
  color: var(--hostom-white, #fff);
  font-size: 40px;
  font-weight: 800;
  line-height: 125%;
  letter-spacing: -1.6px;
  padding-left: 35px;
}
@media (max-width: 991px) {
  .why-choos-three__thumb__card__text {
    font-size: 30px;
  }
}
.why-choos-three__feature {
  max-width: 500px;
  width: 100%;
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid var(--hostom-white, #fff);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 575px) {
  .why-choos-three__feature {
    display: block;
  }
}
.why-choos-three__feature__icon {
  display: flex;
  align-items: center;
  gap: 13px;
}
.why-choos-three__feature__icon__item {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--hostom-white, #fff);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  color: var(--hostom-secondary2, #FB542D);
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  overflow: hidden;
  z-index: 1;
}
.why-choos-three__feature__icon__item i {
  transition: all 0.4s ease-in-out 0s;
}
.why-choos-three__feature__icon__item::after {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  top: 50%;
  left: 50%;
  border-radius: 500px;
  background: var(--hostom-base, #c2a74e);
  transition: all 0.4s ease-in-out 0s;
  z-index: -1;
}
.why-choos-three__feature__icon__title {
  color: var(--hostom-base, #c2a74e);
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  max-width: 100px;
  width: 100%;
}
.why-choos-three__feature__icon:hover .why-choos-three__feature__icon__item {
  background: transparent;
  color: var(--hostom-base, #c2a74e);
}
.why-choos-three__feature__icon:hover .why-choos-three__feature__icon__item i {
  color: var(--hostom-white, #fff);
}
.why-choos-three__feature__icon:hover .why-choos-three__feature__icon__item::after {
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
}
.why-choos-three__feature__text {
  margin-top: 7px;
  color: var(--hostom-base, #c2a74e);
}
.why-choos-three__btn {
  margin-top: 17px;
}
.why-choos-three__btn .hostom-btn {
  background: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.why-choos-three__btn .hostom-btn:hover {
  color: var(--hostom-white, #fff);
}
.why-choos-three::after {
  content: "";
  width: 41.45%;
  height: 100%;
  background: var(--hostom-base, #c2a74e);
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}
@media (max-width: 991px) {
  .why-choos-three::after {
    display: none;
  }
}
.why-choos-three__element-left {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
.why-choos-three__element-right {
  position: absolute;
  top: 10%;
  right: 0%;
  z-index: -1;
  opacity: 0.2;
  animation: scale 4s ease-in-out infinite;
}

.why-choos-fore {
  background: var(--hostom-text2, #323645);
  position: relative;
  z-index: 1;
}
.why-choos-fore__left {
  position: relative;
  z-index: 1;
}
.why-choos-fore__left__thumb {
  position: absolute;
  left: 0%;
  top: 20px;
  max-width: 81%;
  z-index: -1;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 300.000000 284.000000" > <g transform="translate(0.000000,284.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 1420 l0 -1421 1168 3 1167 3 73 23 c266 82 457 268 547 533 70 206 53 440 -47 632 -24 45 -240 355 -480 688 -374 518 -450 619 -526 690 -126 119 -264 196 -437 242 -77 20 -105 21 -772 24 l-693 4 0 -1421z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg  xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 300.000000 284.000000" > <g transform="translate(0.000000,284.000000) scale(0.100000,-0.100000)" stroke="none"> <path d="M0 1420 l0 -1421 1168 3 1167 3 73 23 c266 82 457 268 547 533 70 206 53 440 -47 632 -24 45 -240 355 -480 688 -374 518 -450 619 -526 690 -126 119 -264 196 -437 242 -77 20 -105 21 -772 24 l-693 4 0 -1421z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
@media (max-width: 991px) {
  .why-choos-fore__left__thumb {
    position: relative;
  }
}
.why-choos-fore__left__thumb img {
  object-fit: cover;
  width: 100%;
}
.why-choos-fore__left__shape {
  position: absolute;
  top: 0;
  left: 0%;
  z-index: -2;
}
.why-choos-fore__left__shape img {
  object-fit: cover;
  width: 100%;
}
.why-choos-fore__right {
  max-width: 575px;
  padding: 117px 20px 115px 0px;
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 991px) {
  .why-choos-fore__right {
    padding: 60px 20px;
  }
}
.why-choos-fore__top .sec-title {
  padding-bottom: 24px;
}
.why-choos-fore__top .sec-title .sec-title__tagline, .why-choos-fore__top .sec-title .why-choos-fore__text {
  color: #888A95;
}
.why-choos-fore__top .sec-title .sec-title__title {
  color: var(--hostom-white, #fff);
}
.why-choos-fore__feature {
  margin-top: 44px;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .why-choos-fore__feature {
    max-width: 260px;
    width: 100%;
    flex-direction: column;
  }
}
.why-choos-fore__feature__item {
  height: 245px;
  width: 100%;
  overflow: hidden;
  background: var(--hostom-base3, #F8656B);
  border-radius: 20px;
  position: relative;
}
.why-choos-fore__feature__item--two {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: end;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.why-choos-fore__feature__item--two::after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  background: linear-gradient(0deg, #0E0E0E 0%, rgba(0, 0, 0, 0) 100%);
}
.why-choos-fore__feature__item img {
  object-fit: cover;
  width: 100%;
}
.why-choos-fore__feature__item__funfact {
  position: relative;
  text-align: center;
  bottom: 0;
  z-index: 1;
}
.why-choos-fore__feature__item__funfact__count {
  color: var(--hostom-base3, #F8656B);
  font-size: 60px;
  font-weight: 800;
  line-height: 168.156%;
  padding-bottom: 0;
  margin-bottom: -15px;
}
.why-choos-fore__feature__item__funfact__count span {
  display: inline-block;
  color: currentColor;
  background: transparent;
}
.why-choos-fore__feature__item__text {
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 7px;
}
.why-choos-fore__feature__item__content {
  padding: 24px;
}
.why-choos-fore__feature__item__content__title {
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 5px;
}
.why-choos-fore__feature__item__content__title a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.why-choos-fore__feature__item__content__title a:hover {
  background-size: 100% 1px;
}
.why-choos-fore__feature__item__content__text {
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
}
.why-choos-fore__feature__item__icon {
  font-size: 57px;
  color: var(--hostom-white, #fff);
  line-height: 1;
  margin-bottom: 10px;
}
.why-choos-fore__feature__item__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.why-choos-fore__feature__item__icon i {
  color: currentColor;
  line-height: 1;
}
.why-choos-fore__shape {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.choose-us-one {
  position: relative;
  z-index: 1;
  padding-bottom: 124px;
  border-bottom: 1px solid var(--hostom-gray, #f9f6f1);
}
@media (max-width: 991px) {
  .choose-us-one {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .choose-us-one {
    padding-bottom: 80px;
  }
}
.choose-us-one__inner {
  background: var(--hostom-base, #c2a74e);
  padding: 120px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .choose-us-one__inner {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .choose-us-one__inner {
    padding: 80px 0;
  }
}
.choose-us-one__inner::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
  height: 100%;
  width: 45%;
  background: var(--hostom-secondary, #9ADFFF);
  opacity: 0.25;
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1199px) {
  .choose-us-one__inner::after {
    display: none;
  }
}
.choose-us-one__thumb {
  width: 518px;
  height: 518px;
  border-radius: 500px;
  background: var(--hostom-base, #c2a74e);
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: topAni 3s ease-in-out infinite;
}
@media (max-width: 1199px) {
  .choose-us-one__thumb {
    width: auto;
    height: auto;
    display: block;
  }
}
@media (max-width: 991px) {
  .choose-us-one__thumb {
    margin-bottom: 30px;
  }
}
.choose-us-one__top .sec-title {
  padding-bottom: 0px;
}
.choose-us-one__top .sec-title .sec-title__title {
  color: var(--hostom-white, #fff);
}
.choose-us-one__top .sec-title .sec-title__tagline {
  color: var(--hostom-blue2, #8A8ABC);
}
.choose-us-one__top__text {
  color: var(--hostom-blue2, #8A8ABC);
}
.choose-us-one__feature {
  margin-top: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--hostom-secondary, #9ADFFF);
  border-radius: 15px;
  max-width: 499px;
  width: 100%;
  padding: 13px 30px;
  gap: 30px;
}
.choose-us-one__feature__item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.choose-us-one__feature__item:hover .choose-us-one__feature__icon {
  background-color: var(--hostom-secondary2, #FB542D);
}
.choose-us-one__feature__icon {
  max-width: 70px;
  width: 100%;
  height: 70px;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--hostom-base, #c2a74e);
  font-size: 37px;
  color: var(--hostom-white, #fff);
  transition: all 0.5s ease-in-out;
}
.choose-us-one__feature__title {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.choose-us-one__feature__title a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.choose-us-one__feature__title a:hover {
  background-size: 100% 1px;
}
@media (max-width: 575px) {
  .choose-us-one__feature {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
}
.choose-us-one__list {
  margin-top: 40px;
  margin-left: 0;
  margin-bottom: 0;
}
.choose-us-one__list__item {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.choose-us-one__list__item::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-secondary, #9ADFFF);
  margin-right: 8px;
}
.choose-us-one__list__item span {
  color: var(--hostom-secondary, #9ADFFF);
  margin-right: 8px;
}
.choose-us-one__list__item + .choose-us-one__list__item {
  margin-top: 13px;
}
.choose-us-one__right {
  position: relative;
  z-index: 1;
}
.choose-us-one__btn {
  margin-top: 50px;
}
.choose-us-one__btn a::before {
  background: var(--hostom-gray2, #E8E8F3);
}
.choose-us-one__btn a:hover {
  color: var(--hostom-base, #c2a74e);
}
.choose-us-one__image {
  position: absolute;
  left: 0%;
  top: 0%;
  overflow: hidden;
  clip-path: polygon(0 0, 75% 0%, 100% 100%, 0% 100%);
}
@media (max-width: 1199px) {
  .choose-us-one__image {
    display: none;
  }
}
.choose-us-one__bottom {
  text-align: center;
  position: relative;
  z-index: 1;
  padding-top: 43px;
  margin-bottom: -100px;
}
.choose-us-one__bottom__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 30px;
  font-weight: 700;
  line-height: 125.371%;
  letter-spacing: -1.2px;
}
@media (max-width: 768px) {
  .choose-us-one__bottom__text {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .choose-us-one__bottom {
    margin-bottom: -50px;
  }
}
.choose-us-one__shape {
  position: absolute;
  top: 0%;
  right: 0%;
  z-index: 1;
}
@media (max-width: 1200px) {
  .choose-us-one__shape {
    display: none;
  }
}
.choose-us-one__shape img {
  opacity: 0.5;
}

/*--------------------------------------------------------------
# Funfact
--------------------------------------------------------------*/
.funfact-one {
  position: relative;
  padding-top: 240px;
  padding-bottom: 90px;
  background: var(--hostom-white, #fff);
  z-index: 1;
}
.funfact-one--home {
  margin-bottom: -150px;
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .funfact-one {
    padding-top: 200px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .funfact-one {
    padding-top: 160px;
    padding-bottom: 50px;
  }
}
.funfact-one__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  background-color: var(--hostom-base, #c2a74e);
  z-index: -1;
  animation: bgSlide 20s linear infinite;
}
.funfact-one__item {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.21);
  background: var(--hostom-base, #c2a74e);
  text-align: center;
  padding: 40px 20px;
  transition: all 0.5s ease-in-out;
  margin-bottom: 30px;
}
.funfact-one__item__icon {
  margin-bottom: 10px;
}
.funfact-one__item:hover {
  background: var(--hostom-secondary2, #FB542D);
  border: 1px solid var(--hostom-secondary2, #FB542D);
}
.funfact-one__item:hover .funfact-one__text {
  color: var(--hostom-white, #fff);
}
.funfact-one__item:hover .funfact-one__item__icon {
  animation: topAni 1.2s ease-in-out;
}
.funfact-one__count {
  color: var(--hostom-white, #fff);
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
  padding-bottom: 0;
  margin-bottom: -5px;
}
.funfact-one__count span {
  color: inherit;
  font-family: var(--hostom-font, "Manrope", sans-serif);
}
.funfact-one__text {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 20px;
  font-weight: 600;
  line-height: 160%;
  padding-bottom: 0;
  margin-bottom: -6px;
  transition: all 0.4s ease-in-out;
}

.funfact-two {
  position: relative;
  background-color: var(--hostom-base, #c2a74e);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 120px 0;
}
.funfact-two__shape {
  position: absolute;
  left: -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(--hostom-white, #fff);
}
.funfact-two__list {
  position: relative;
  background-color: var(--hostom-white, #fff);
  margin: 0 0 0 -7px;
  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(--hostom-base, #c2a74e);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 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-right: 1px solid var(--hostom-base, #c2a74e);
}
.funfact-two__item:nth-child(1), .funfact-two__item:nth-child(2) {
  border-bottom: 1px solid var(--hostom-base, #c2a74e);
}
@media (max-width: 1199px) {
  .funfact-two__item {
    padding-left: 30px;
    padding-right: 25px;
  }
}
@media (max-width: 991px) {
  .funfact-two__item {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .funfact-two__item {
    padding-left: 50px;
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid var(--hostom-base, #c2a74e);
  }
}
.funfact-two__count {
  margin: 0;
  color: var(--hostom-black, #1c1a1d);
  font-size: 40px;
  font-family: var(--hostom-font, "Manrope", 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-bottom: 120px;
}
@media (max-width: 991px) {
  .funfact-three {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .funfact-three {
    padding-bottom: 80px;
  }
}
.funfact-three__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 0;
}
@media (max-width: 575px) {
  .funfact-three__list {
    display: block;
  }
}
@media (max-width: 991px) {
  .funfact-three__list {
    gap: 30px;
  }
}
.funfact-three__item {
  background: var(--hostom-secondary, #9ADFFF);
  flex: 0 0 26%;
  max-width: 25.55%;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 300px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .funfact-three__item {
    flex: 0 0 26%;
    max-width: 25.55%;
    width: 100%;
    height: 235px;
  }
}
@media (max-width: 991px) {
  .funfact-three__item {
    flex: 0 0 45%;
    max-width: 45%;
    height: 300px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .funfact-three__item {
    height: 230px;
  }
}
@media (max-width: 575px) {
  .funfact-three__item {
    flex: 0 0 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
.funfact-three__item:nth-child(even) {
  border: 4px solid var(--hostom-white, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
}
.funfact-three__item:not(:first-of-type) {
  margin-left: -10px;
}
@media (max-width: 991px) {
  .funfact-three__item:not(:first-of-type) {
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .funfact-three__item:not(:first-of-type) {
    margin-left: auto;
  }
}
.funfact-three__item:hover {
  background: var(--hostom-secondary2, #FB542D);
}
.funfact-three__icon {
  margin-bottom: 15px;
}
.funfact-three__count {
  color: var(--hostom-base, #c2a74e);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  margin-bottom: -3px;
}
.funfact-three__count span {
  color: currentColor;
}
.funfact-three__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  max-width: 140px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.funfact-fore {
  padding: 100px 0px 205px 0px;
  position: relative;
  background: var(--hostom-text2, #323645);
  z-index: 1;
}
@media (max-width: 991px) {
  .funfact-fore {
    padding: 100px 0px 180px 0px;
  }
}
@media (max-width: 768px) {
  .funfact-fore {
    padding: 80px 0px 160px 0px;
  }
}
.funfact-fore__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
.funfact-fore__left {
  margin-right: 80px;
}
@media (max-width: 991px) {
  .funfact-fore__left {
    margin-right: 0px;
  }
}
.funfact-fore__left .sec-title {
  padding-bottom: 15px;
}
.funfact-fore__left .sec-title__title {
  color: var(--hostom-white, #fff);
}
@media (max-width: 1199px) {
  .funfact-fore__right {
    margin-top: 30px;
  }
}
.funfact-fore__list {
  display: flex;
}
@media (max-width: 767px) {
  .funfact-fore__list {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .funfact-fore__list {
    justify-content: center;
  }
}
.funfact-fore__list__item {
  text-align: center;
}
.funfact-fore__list__item:not(:last-of-type) {
  padding-right: 45px;
  margin-right: 40px;
  border-right: 1px solid rgba(120, 120, 128, 0.2);
}
@media (max-width: 767px) {
  .funfact-fore__list__item:not(:last-of-type) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px solid rgba(120, 120, 128, 0.2);
  }
}
.funfact-fore__list__count {
  margin-top: 10px;
  color: var(--hostom-white, #fff);
  font-size: 50px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.funfact-fore__list__count span {
  color: currentColor;
}
.funfact-fore__list__text {
  color: #888A95;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials-one {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .testimonials-one {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.testimonials-one .sec-title {
  text-align: center;
}
.testimonials-one .row {
  --bs-gutter-x: 15px;
}
.testimonials-one--page {
  padding-top: 100px;
}
@media (min-width: 992px) {
  .testimonials-one__carousel .owl-nav {
    display: none;
  }
}
.testimonials-one--home .sec-title {
  text-align: left;
}
.testimonials-one--home__text {
  font-size: 15px;
  line-height: 30px;
  margin: 105px 0 0;
}
@media (min-width: 1200px) {
  .testimonials-one--home__text {
    margin-left: 105px;
  }
}
@media (max-width: 991px) {
  .testimonials-one--home__text {
    margin: -30px 0 45px;
  }
}

.testimonials-card {
  transition: all 500ms ease;
}
.testimonials-card:hover {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.testimonials-card__inner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  border: 1px solid var(--hostom-border-color, #e8e3da);
  padding: 45px 40px;
}
@media (min-width: 1200px) {
  .testimonials-card__top {
    display: flex;
    align-items: center;
  }
}
.testimonials-card__image {
  flex-shrink: 0;
  margin-right: 20px;
  border: 5px solid var(--hostom-white, #fff);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--hostom-base, #c2a74e);
  transition: all 500ms ease;
  max-width: 102px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .testimonials-card__image {
    margin-bottom: 0;
  }
}
.testimonials-card__image img {
  max-width: 100%;
  border-radius: 50%;
}
.testimonials-card:hover .testimonials-card__image {
  border-color: var(--hostom-base, #c2a74e);
}
.testimonials-card__rating {
  display: flex;
  align-items: center;
}
.testimonials-card__rating i {
  color: var(--hostom-base, #c2a74e);
  font-size: 12px;
  letter-spacing: var(--hostom-letter-space-xl, 0.2em);
}
.testimonials-card__name {
  margin: 0;
  text-transform: uppercase;
  color: var(--hostom-black, #1c1a1d);
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin-top: 13px;
  margin-bottom: 7px;
}
.testimonials-card__designation {
  margin: 0;
  line-height: 1;
  font-size: 16px;
}
.testimonials-card__content {
  font-size: 15px;
  line-height: 30px;
  border-top: 1px solid var(--hostom-border-color, #e8e3da);
  margin-top: 30px;
  margin-bottom: -5px;
  padding-top: 20px;
  padding-right: 1px;
}

.testimonials-two {
  position: relative;
  padding: 120px 0;
  background-color: var(--hostom-black, #1c1a1d);
}
@media (max-width: 991px) {
  .testimonials-two {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .testimonials-two {
    padding: 80px 0;
  }
}
.testimonials-two__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--hostom-black, #1c1a1d);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.3;
}
.testimonials-two__carousel {
  position: relative;
  text-align: center;
  max-width: 850px;
  margin: auto;
}
.testimonials-two__item {
  position: relative;
  margin: 0 0 22px;
}
.testimonials-two__item__ratings {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
  letter-spacing: 3px;
  margin-bottom: 25px;
}
.testimonials-two__item__quote {
  font-size: 36px;
  line-height: 50px;
  font-weight: 500;
  color: var(--hostom-white, #fff);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-style: italic;
}
.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: 22px;
}
.testimonials-two__carousel-thumb .item .testimonials-two__meta-thumb::after {
  position: absolute;
  left: -7px;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  margin: auto;
  width: calc(100% + 14px);
  height: calc(100% + 14px);
  content: "";
  border: 2px solid var(--hostom-base, #c2a74e);
  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.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-left: -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: 18px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 8px;
  color: var(--hostom-white, #fff);
  font-family: var(--hostom-font, "Manrope", sans-serif);
}
.testimonials-two__meta__designation {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 2.4px;
  color: var(--hostom-base, #c2a74e);
}

.testimonials-three {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
}
@media (max-width: 991px) {
  .testimonials-three {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .testimonials-three {
    padding: 80px 0;
  }
}
.testimonials-three__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  background-color: var(--hostom-gray2, #E8E8F3);
  z-index: -1;
}
.testimonials-three__top .sec-title {
  padding-bottom: 18px;
}
.testimonials-three__left {
  position: relative;
  z-index: 22;
  max-width: 430px;
  margin-left: auto;
  margin-right: 0;
  padding-left: 15px;
}
@media (max-width: 991px) {
  .testimonials-three__left {
    margin-right: auto;
    margin-left: 0px;
    padding: 0px 15px;
    margin-bottom: 30px;
  }
}
.testimonials-three__right {
  margin-left: 60px;
  margin-right: -125px;
}
@media (max-width: 1199px) {
  .testimonials-three__right {
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  .testimonials-three__right {
    margin-right: 1px;
    padding: 0px 15px;
  }
}
.testimonials-three__card {
  border-radius: 20px;
  background: var(--hostom-white, #fff);
  padding: 40px;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
.testimonials-three__card__author {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: -6px;
  margin-bottom: 20px;
}
.testimonials-three__card__author__image {
  width: 46.993px;
  height: 46.667px;
  overflow: hidden;
  border-radius: 500px;
  border: 2px solid var(--hostom-secondary2, #FB542D);
}
.testimonials-three__card__author__image img {
  object-fit: cover;
  width: 100%;
}
.testimonials-three__card__author__content__name {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 800;
  line-height: 130%;
  margin-bottom: 0px;
}
.testimonials-three__card__author__content__deg {
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.testimonials-three__card__title {
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 15px;
}
.testimonials-three__card__rating {
  margin-top: 26px;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 22px;
  margin-bottom: -17px;
}
.testimonials-three__card__quite {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: -1;
}
.testimonials-three__card__quite img {
  width: 72px;
  height: 62px;
}
.testimonials-three__card:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.testimonials-three .owl-nav {
  display: flex;
  gap: 10px;
  position: absolute;
  left: -44%;
  bottom: 0%;
}
@media (max-width: 1499px) {
  .testimonials-three .owl-nav {
    left: -55%;
  }
}
@media (max-width: 1199px) {
  .testimonials-three .owl-nav {
    left: -55%;
  }
}
@media (max-width: 991px) {
  .testimonials-three .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 10px;
    position: relative;
    left: 0%;
    bottom: 0%;
  }
}
.testimonials-three .owl-nav button {
  border: none;
  outline: none;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.testimonials-three .owl-nav button span {
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  background-color: var(--hostom-white, #fff);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--hostom-base, #c2a74e);
  border-radius: 50%;
  font-size: 16px;
  transition: all 500ms ease;
}
.testimonials-three .owl-nav button span:hover {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}
.testimonial-two {
  padding: 120px 0px 110px 0px;
  background: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .testimonial-two {
    padding: 100px 0 90px 0px;
  }
}
@media (max-width: 767px) {
  .testimonial-two {
    padding: 80px 0 70px 0;
  }
}
.testimonial-two .item {
  padding: 40px 0px 20px 0px;
}
.testimonial-two .owl-nav {
  position: absolute;
  bottom: 20%;
  right: 50px;
}
.testimonial-two .owl-nav .owl-prev, .testimonial-two .owl-nav .owl-next {
  border-radius: 10px;
  overflow: hidden;
}
.testimonial-two .owl-nav .owl-prev span, .testimonial-two .owl-nav .owl-next span {
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
}
.testimonial-two .owl-nav .owl-prev span:hover, .testimonial-two .owl-nav .owl-next span:hover {
  background: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .testimonial-two .owl-nav {
    bottom: 20px;
    right: 20px;
  }
}
@media (max-width: 500px) {
  .testimonial-two .owl-nav {
    display: none;
  }
}
.testimonial-two__item {
  display: flex;
  position: relative;
  border-radius: 20px;
  height: 590px;
}
@media (max-width: 1199px) {
  .testimonial-two__item {
    height: 471px;
  }
}
@media (max-width: 991px) {
  .testimonial-two__item {
    background: var(--hostom-secondary, #9ADFFF);
    height: auto;
  }
}
@media (max-width: 575px) {
  .testimonial-two__item {
    display: block;
  }
}
.testimonial-two__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  height: 101%;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1170 596" xmlns="http://www.w3.org/2000/svg"><path d="M0 595.4L1142.19 511.632C1157.87 510.482 1170 497.429 1170 481.712L1170 30.4C1170 13.8315 1156.57 0.400023 1140 0.400022L5.20165e-05 0.399922L0 595.4Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1170 596" xmlns="http://www.w3.org/2000/svg"><path d="M0 595.4L1142.19 511.632C1157.87 510.482 1170 497.429 1170 481.712L1170 30.4C1170 13.8315 1156.57 0.400023 1140 0.400022L5.20165e-05 0.399922L0 595.4Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: bottom center;
  mask-position: bottom center;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  background: var(--hostom-secondary, #9ADFFF);
}
@media (max-width: 991px) {
  .testimonial-two__item::after {
    display: none;
  }
}
.testimonial-two__thumb {
  margin-top: -25px;
  border-radius: 30px;
  max-width: 424px;
  width: 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .testimonial-two__thumb {
    max-width: 300px;
  }
}
@media (max-width: 991px) {
  .testimonial-two__thumb {
    max-width: 210px;
  }
}
@media (max-width: 767px) {
  .testimonial-two__thumb {
    max-width: 190px;
  }
}
.testimonial-two__thumb img {
  object-fit: cover;
  width: 100%;
  border-radius: 30px 30px 0px 0px;
}
.testimonial-two__thumb__author {
  position: relative;
  z-index: 1;
  padding-left: 40px;
  margin-top: -15px;
}
@media (max-width: 1199px) {
  .testimonial-two__thumb__author {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .testimonial-two__thumb__author {
    padding-left: 20px;
  }
}
.testimonial-two__thumb__name {
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 991px) {
  .testimonial-two__thumb__name {
    font-size: 16px;
  }
}
.testimonial-two__thumb__deg {
  display: block;
  margin-top: -4px;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.testimonial-two__thumb::before {
  content: "";
  position: absolute;
  bottom: -1%;
  left: 0;
  z-index: 1;
  width: 517.5px;
  height: 171px;
  background: var(--hostom-base, #c2a74e);
  clip-path: polygon(0 0, 75% 0, 100% 77%, 0% 100%);
}
@media (max-width: 1199px) {
  .testimonial-two__thumb::before {
    width: 400px;
    height: 150px;
    clip-path: polygon(0 0, 75% 0, 100% 82%, 0% 100%);
  }
}
@media (max-width: 991px) {
  .testimonial-two__thumb::before {
    width: 240px;
    height: 100px;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  }
}
@media (max-width: 767px) {
  .testimonial-two__thumb::before {
    width: 220px;
    height: 100px;
    bottom: 29%;
  }
}
@media (max-width: 575px) {
  .testimonial-two__thumb::before {
    bottom: -10%;
  }
}
.testimonial-two__content {
  padding: 80px 30px 0 50px;
  max-width: 710px;
  width: 100%;
  position: relative;
}
@media (max-width: 1199px) {
  .testimonial-two__content {
    padding: 50px 30px 0 50px;
  }
}
@media (max-width: 991px) {
  .testimonial-two__content {
    padding: 40px 30px 30px 30px;
  }
}
.testimonial-two__rating {
  margin-top: -7px;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 22px;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .testimonial-two__rating {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.testimonial-two__title {
  color: var(--hostom-title, #1D1729);
  font-size: 20px;
  font-weight: 800;
  line-height: 130%;
  margin-bottom: 22px;
}
@media (max-width: 991px) {
  .testimonial-two__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.testimonial-two__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 600;
  line-height: 200%;
}
@media (max-width: 991px) {
  .testimonial-two__text {
    font-size: 15px;
  }
}
.testimonial-two__quite {
  position: absolute;
  top: 70px;
  right: 30px;
  font-size: 42px;
  color: var(--hostom-white, #fff);
}
.testimonial-two__quite svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.testimonial-two__quite i {
  color: currentColor;
}
@media (max-width: 991px) {
  .testimonial-two__quite {
    top: 0px;
    right: 30px;
  }
}
.testimonial-two .carousel-thumb__two {
  position: relative;
  margin-top: -100px;
  margin-left: 40px;
  width: 250px;
  height: auto;
}
.testimonial-two .carousel-thumb__two a {
  display: block;
}
.testimonial-two .carousel-thumb__two .center .testimonial-two__meta-thumb {
  border: 2px solid var(--hostom-secondary2, #FB542D);
}
@media (max-width: 991px) {
  .testimonial-two .carousel-thumb__two {
    display: none;
  }
}
.testimonial-two__meta-thumb {
  max-width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 500px;
  display: block;
}
.testimonial-two__meta-thumb img {
  object-fit: cover;
}

.testimonial-three {
  padding: 120px 0px;
  background-color: #00003B;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .testimonial-three {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .testimonial-three {
    padding: 80px 0px;
  }
}
.testimonial-three .sec-title__tagline {
  color: var(--hostom-blue2, #8A8ABC);
}
.testimonial-three .sec-title__title {
  color: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .testimonial-three__thumb {
    display: block;
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .testimonial-three__thumb img {
    object-fit: cover;
    width: 100%;
  }
}
.testimonial-three__thumb img {
  border-radius: 20px;
}
.testimonial-three__content {
  margin-left: 20px;
  position: relative;
}
.testimonial-three__rating {
  margin-top: 26px;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 25px;
  margin-bottom: 33px;
}
.testimonial-three__text {
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 500;
  line-height: 200%;
}
.testimonial-three__author {
  border-top: 1px solid rgba(214, 214, 231, 0.21);
  margin-top: 50px;
  padding-top: 44px;
}
.testimonial-three__author__name {
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 0;
  padding-bottom: 0;
}
.testimonial-three__author__name a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.testimonial-three__author__name a:hover {
  background-size: 100% 1px;
}
.testimonial-three__author__deg {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 500;
  line-height: 178.529%;
  text-transform: capitalize;
}
.testimonial-three__quite {
  position: absolute;
  right: 0;
  top: -5%;
}
.testimonial-three__meta-thumb {
  position: relative;
}
@media (max-width: 991px) {
  .testimonial-three__meta-thumb {
    display: block;
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.testimonial-three__meta-thumb img {
  border-radius: 20px;
}
.testimonial-three__meta-thumb::after {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(0deg, #FB542D 0%, rgba(251, 84, 45, 0) 100%);
  border-radius: 0px 0px 20px 20px;
}
.testimonial-three__shape {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .testimonial-three__shape {
    display: none;
  }
}
.testimonial-three__shape--one {
  background: linear-gradient(124deg, rgba(255, 255, 255, 0) 5.77%, #FFF 85.15%), url(<path-to-image>), lightgray 50%/cover no-repeat;
  mix-blend-mode: multiply;
}
.testimonial-three__shape--two {
  mix-blend-mode: overlay;
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
  opacity: 0.5;
}

.testimonial-three__carousel-thumb .owl-nav {
  position: absolute;
  bottom: 7%;
  right: 40%;
  display: flex;
  gap: 10px;
}
.testimonial-three__carousel-thumb .owl-nav .owl-next {
  display: none;
}
.testimonial-three__carousel-thumb .owl-nav .owl-prev, .testimonial-three__carousel-thumb .owl-nav .owl-next {
  background-color: transparent;
  overflow: hidden;
  border-radius: 500px;
}
.testimonial-three__carousel-thumb .owl-nav .owl-prev span, .testimonial-three__carousel-thumb .owl-nav .owl-next span {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: var(--hostom-secondary2, #FB542D);
  background: var(--hostom-white, #fff);
  transition: all 0.4s ease-in-out;
}
.testimonial-three__carousel-thumb .owl-nav .owl-prev:hover, .testimonial-three__carousel-thumb .owl-nav .owl-next:hover {
  background: transparent;
}
.testimonial-three__carousel-thumb .owl-nav .owl-prev:hover span, .testimonial-three__carousel-thumb .owl-nav .owl-next:hover span {
  background: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}

.testimonial-three__carousel {
  position: relative;
}
.testimonial-three__carousel .owl-nav {
  position: absolute;
  bottom: 7%;
  right: 0;
  display: flex;
  gap: 10px;
}
@media (max-width: 991px) {
  .testimonial-three__carousel .owl-nav {
    bottom: 0%;
  }
}
.testimonial-three__carousel .owl-nav .owl-prev, .testimonial-three__carousel .owl-nav .owl-next {
  background-color: transparent;
  overflow: hidden;
  border-radius: 500px;
}
.testimonial-three__carousel .owl-nav .owl-prev span, .testimonial-three__carousel .owl-nav .owl-next span {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: var(--hostom-white, #fff);
  border: 1px solid var(--hostom-white, #fff);
  transition: all 0.4s ease-in-out;
}
.testimonial-three__carousel .owl-nav .owl-prev:hover, .testimonial-three__carousel .owl-nav .owl-next:hover {
  background: transparent;
}
.testimonial-three__carousel .owl-nav .owl-prev:hover span, .testimonial-three__carousel .owl-nav .owl-next:hover span {
  border: 1px solid var(--hostom-secondary, #9ADFFF);
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
}

.testimonial-fore {
  padding: 120px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .testimonial-fore {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .testimonial-fore {
    padding: 80px 0px;
  }
}
.testimonial-fore__bg {
  background: var(--hostom-base3, #F8656B);
  border-radius: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
  display: none;
}
@media (max-width: 991px) {
  .testimonial-fore__bg {
    display: block;
  }
}
.testimonial-fore__inner {
  position: relative;
  z-index: 1;
  border-radius: 30px;
}
.testimonial-fore__inner__bg {
  background: var(--hostom-text2, #323645);
  border-radius: 30px;
  width: 100%;
  height: 70%;
  position: absolute;
  top: 15%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  display: block;
}
@media (max-width: 991px) {
  .testimonial-fore__inner__bg {
    display: none;
  }
}
.testimonial-fore__inner::after {
  content: "";
  border-radius: 30px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-gray2, #E8E8F3);
  position: absolute;
  bottom: -20px;
  height: 30%;
  max-width: 770px;
  width: 100%;
  z-index: -1;
  left: 17%;
}
@media (max-width: 1199px) {
  .testimonial-fore__inner::after {
    left: 9%;
    bottom: -15px;
  }
}
@media (max-width: 991px) {
  .testimonial-fore__inner::after {
    left: 0%;
    bottom: -15px;
  }
}
.testimonial-fore__item {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 30px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  max-width: 830px;
  width: 100%;
  position: relative;
  padding: 45px 60px 44px 60px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .testimonial-fore__item {
    padding: 20px 20px;
  }
}
.testimonial-fore__item__author {
  display: flex;
  gap: 25px;
  align-items: center;
  margin-bottom: 20px;
}
.testimonial-fore__item__author__thumb {
  width: 46.993px;
  height: 46.667px;
  overflow: hidden;
  border-radius: 500px;
  border: 1px solid var(--hostom-base3, #F8656B);
}
.testimonial-fore__item__author__thumb img {
  object-fit: cover;
  width: 100%;
}
.testimonial-fore__item__author__name {
  color: var(--hostom-text2, #323645);
  font-size: 20px;
  font-weight: 800;
  line-height: 130%;
  padding-bottom: 0;
  margin-bottom: -2px;
}
.testimonial-fore__item__author__deg {
  display: inline-block;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.testimonial-fore__item__title {
  color: var(--hostom-text2, #323645);
  font-size: 24px;
  font-weight: 800;
  line-height: 108.333%;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.testimonial-fore__item__rating {
  color: var(--hostom-base3, #F8656B);
  font-size: 22px;
  letter-spacing: 1px;
  margin-top: 36px;
  padding-bottom: 0;
  margin-bottom: -10px;
}
.testimonial-fore__item__quite {
  position: absolute;
  top: 50px;
  right: 60px;
}
.testimonial-fore__item::after {
  position: absolute;
  top: 0%;
  left: 0%;
  content: "";
  border-radius: 30px;
  width: 100%;
  height: 100%;
  background-color: var(--hostom-white, #fff);
  opacity: 0.7;
}
.testimonial-fore__image {
  position: absolute;
  left: 94.4%;
  top: 30%;
}
@media (max-width: 991px) {
  .testimonial-fore__image {
    display: none;
  }
}
.testimonial-fore__image__item {
  width: 70px;
  height: 70px;
  border-radius: 500px;
  overflow: hidden;
}
.testimonial-fore__image__item img {
  object-fit: cover;
  width: 100%;
}
.testimonial-fore .slick-center .testimonial-fore__item::after {
  display: none;
}
.testimonial-fore .slick-center .testimonial-fore__image__item {
  border: 3px solid var(--hostom-base3, #F8656B);
}
.testimonial-fore .slick-dots {
  position: absolute;
  top: 40%;
}
@media (max-width: 991px) {
  .testimonial-fore .slick-dots {
    display: none;
  }
}
.testimonial-fore .slick-dots li {
  list-style: none;
  width: 20px;
  height: 20px;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid var(--hostom-base3, #F8656B);
}
.testimonial-fore .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: none;
  background-color: var(--hostom-white, #fff);
  text-indent: -9999px;
  border-radius: 500px;
  opacity: 0.2;
}
.testimonial-fore .slick-dots li + li {
  margin-top: 25px;
}
.testimonial-fore .slick-dots .slick-active {
  width: 20px;
  height: 20px;
  border-radius: 500px;
  border: 1px solid var(--hostom-base3, #F8656B);
}
.testimonial-fore .slick-dots .slick-active button {
  background: var(--hostom-base3, #F8656B);
  opacity: 1;
}

/*--------------------------------------------------------------
# CTA
--------------------------------------------------------------*/
.cta-one {
  position: relative;
}
.cta-one__title {
  margin: 0;
  text-transform: uppercase;
  max-width: 513px;
  width: 100%;
  font-size: 35px;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
}
.cta-one__title span {
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-weight: 400;
}
@media (min-width: 992px) {
  .cta-one__title {
    font-size: 50px;
    margin-bottom: 30px;
    margin-top: -10px;
  }
}
.cta-one__content {
  position: relative;
  border: 1px solid var(--hostom-white, #fff);
  padding: 50px 20px;
}
@media (min-width: 768px) {
  .cta-one__content {
    padding: 60px;
  }
}
@media (min-width: 1200px) {
  .cta-one__content {
    padding: 100px;
  }
}
.cta-one__link:hover {
  color: var(--hostom-white, #fff);
}
.cta-one__link::after {
  background-color: var(--hostom-black, #1c1a1d);
}
.cta-one__link::before {
  background-color: var(--hostom-base, #c2a74e);
}

.cta-two {
  margin-bottom: -120px;
  padding-top: 120px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .cta-two {
    margin-bottom: -100px;
    padding-top: 100px;
  }
}
@media (max-width: 768px) {
  .cta-two {
    margin-bottom: -80px;
    padding-top: 80px;
  }
}
.cta-two__inner {
  background: var(--hostom-secondary, #9ADFFF);
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .cta-two__inner {
    display: block;
  }
}
.cta-two__inner__item {
  flex: 51.5%;
}
.cta-two__inner__item__thumb {
  max-height: 412px;
  height: 100%;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
.cta-two__inner__item__thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .cta-two__inner__item__thumb {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.cta-two__inner__item__top__icon {
  text-align: center;
  margin-bottom: 8px;
}
.cta-two__inner__item__top__icon img {
  animation: iconleft 3s ease-in-out infinite;
}
@media (max-width: 1199px) {
  .cta-two__inner__item__top__icon img {
    width: 100px;
  }
}
.cta-two__inner__item__top__title {
  font-size: 40px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: -1.6px;
  max-width: 356px;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .cta-two__inner__item__top__title {
    font-size: 30px;
  }
}
.cta-two__inner__item__form form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 505px;
  background: var(--hostom-white, #fff);
  border-radius: 50px;
  margin-bottom: 0;
  padding: 8px;
}
@media (max-width: 991px) {
  .cta-two__inner__item__form form {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .cta-two__inner__item__form form {
    background: transparent;
    display: block;
    padding: 0;
  }
}
.cta-two__inner__item__form form input[type=email] {
  position: relative;
  z-index: 1;
  width: 68%;
  display: block;
  border: none;
  outline: none;
  height: 56px;
  background-color: var(--hostom-white, #fff);
  padding-left: 30px;
  padding-right: 30px;
  transition: all 500ms ease;
  border-radius: 50px 0px 0px 50px;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
}
@media (max-width: 575px) {
  .cta-two__inner__item__form form input[type=email] {
    width: 100%;
    border-radius: 30px;
  }
}
.cta-two__inner__item__form form input[type=email]::placeholder {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.cta-two__inner__item__form form button[type=submit] {
  color: var(--hostom-white, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 128.571%;
  text-transform: uppercase;
  padding: 19px 39px;
}
@media (max-width: 575px) {
  .cta-two__inner__item__form form button[type=submit] {
    padding: 15px 30px;
    margin-top: 10px;
  }
}
.cta-two__inner__item__two {
  flex: 48.5%;
  padding: 30px 30px 30px 0px;
}
@media (max-width: 767px) {
  .cta-two__inner__item__two {
    padding: 30px;
  }
}

.domain-name {
  background: var(--hostom-white, #fff);
}
.domain-name--two {
  position: relative;
  z-index: 1;
  background: transparent;
}
.domain-name--two .domain-name__list__item span {
  color: var(--hostom-black, #1c1a1d);
}
.domain-name__inner {
  position: relative;
  z-index: 1;
  margin-top: -120px;
  padding: 80px 30px;
  border-radius: 30px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.domain-name__inner--two {
  background-color: transparent;
}
.domain-name__inner__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
}
.domain-name__form__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 575px) {
  .domain-name__form__item {
    flex-direction: column;
    justify-content: start;
  }
}
.domain-name__form__item input[type=text] {
  display: block;
  outline: none;
  height: 56px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 41px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  width: 492px;
  height: 56px;
}
@media (max-width: 575px) {
  .domain-name__form__item input[type=text] {
    width: 100%;
  }
}
.domain-name__form__item input[type=text]::placeholder {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 112.5%;
}
.domain-name__form__item button {
  padding: 17px 30px;
  font-size: 20px;
  color: var(--hostom-white, #fff);
}
.domain-name__form__item button:hover {
  color: var(--hostom-white, #fff);
}
.domain-name__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.domain-name__list__item {
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
  font-weight: 600;
  line-height: 128.571%;
}
.domain-name__list__item span {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: 90%;
  display: inline-block;
  margin-right: 10px;
}

.domain-name-two {
  position: relative;
  margin-top: -110px;
}
.domain-name-two__inner {
  padding: 50px 40px;
  border-radius: 30px;
  background: var(--hostom-base3, #F8656B);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.domain-name-two__form__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 24px;
  border-radius: 41px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  height: 56px;
}
@media (max-width: 575px) {
  .domain-name-two__form__item {
    flex-direction: column;
    justify-content: start;
    height: auto;
    border: 0px solid var(--hostom-gray2, #E8E8F3);
    background: transparent;
  }
}
.domain-name-two__form__item input[type=text] {
  display: block;
  outline: none;
  border: none;
  height: 56px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 41px;
  background: var(--hostom-white, #fff);
  width: 72%;
  height: 56px;
}
@media (max-width: 575px) {
  .domain-name-two__form__item input[type=text] {
    width: 100%;
  }
}
.domain-name-two__form__item input[type=text]::placeholder {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 112.5%;
}
.domain-name-two__form__item button {
  color: var(--hostom-white, #fff);
  background: var(--hostom-text2, #323645);
  margin-right: -1px;
}
.domain-name-two__form__item button:hover {
  color: var(--hostom-white, #fff);
}
.domain-name-two__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.domain-name-two__list__item {
  color: #FFD6D7;
  font-size: 14px;
  font-weight: 600;
  line-height: 128.571%;
}
.domain-name-two__list__item span {
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 700;
  line-height: 90%;
  display: inline-block;
  margin-right: 10px;
}
.domain-name-two__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 991px) {
  .domain-name-two__brand {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .domain-name-two__brand {
    flex-direction: column;
    gap: 20px;
  }
}
.domain-name-two__brand__item__rating {
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 700;
  line-height: 200%;
  padding-bottom: 0;
  margin-bottom: -5px;
}
.domain-name-two__brand__item__rating i {
  color: var(--hostom-secondary2, #FB542D);
}

.cta-three {
  background: var(--hostom-base, #c2a74e);
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .cta-three {
    padding-bottom: 80px;
  }
}
.cta-three__left {
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .cta-three__left {
    margin-bottom: 30px;
  }
}
.cta-three__shape {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -85px;
}
.cta-three__top__thumb {
  margin-top: -21px;
}
.cta-three__title {
  margin-top: 35px;
  color: var(--hostom-white, #fff);
  font-size: 40px;
  font-weight: 800;
  line-height: 48px;
  letter-spacing: -1.6px;
  max-width: 356px;
  width: 100%;
  margin-bottom: 40px;
}
.cta-three .hostom-btn::before {
  background: var(--hostom-gray2, #E8E8F3);
}
.cta-three .hostom-btn:hover {
  color: var(--hostom-base, #c2a74e);
}
.cta-three__element {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.cta-three__element__left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.cta-fore {
  position: relative;
  padding: 220px 0px 100px 0px;
  z-index: 1;
}
@media (max-width: 991px) {
  .cta-fore {
    padding: 180px 0px 80px 0px;
  }
}
@media (max-width: 767px) {
  .cta-fore {
    padding: 160px 0px 60px 0px;
  }
}
.cta-fore__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .cta-fore__inner {
    display: block;
  }
}
.cta-fore::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-image: url(../images/backgrounds/cta-fore.png);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
}
.cta-fore__text {
  font-size: 40px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -1.6px;
  position: relative;
}
.cta-fore__text::before {
  content: "";
  width: 270px;
  height: 1px;
  position: absolute;
  right: -310px;
  top: 60%;
  background-color: var(--hostom-base, #c2a74e);
}
@media (max-width: 1199px) {
  .cta-fore__text::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .cta-fore__btn {
    margin-top: 30px;
  }
}
.cta-fore__btn a:hover {
  color: var(--hostom-white, #fff);
}

.cta-five {
  background: var(--hostom-secondary, #9ADFFF);
  overflow: hidden;
  position: relative;
  padding: 70px 0px;
  z-index: 1;
}
.cta-five__left {
  margin-right: -30px;
}
@media (max-width: 767px) {
  .cta-five__left {
    margin-right: 0px;
  }
}
.cta-five__right {
  text-align: end;
}
@media (max-width: 767px) {
  .cta-five__right {
    text-align: start;
  }
}
.cta-five__right a:hover {
  color: var(--hostom-white, #fff);
}
.cta-five__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 117.5%;
}
@media (max-width: 1199px) {
  .cta-five__title {
    font-size: 35px;
  }
}
@media (max-width: 991px) {
  .cta-five__title {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
.cta-five__shape {
  position: absolute;
  top: 0%;
  right: 0;
  z-index: -1;
  animation: scale 4s ease-in-out infinite;
}

.cta-six {
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .cta-six {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .cta-six {
    padding: 80px 0px;
  }
}
.cta-six__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
}
.cta-six__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--hostom-base-rgb, 194, 167, 78), 0.9);
  z-index: -1;
}
.cta-six__title {
  color: var(--hostom-white, #fff);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: -1.6px;
  margin-bottom: 24px;
}
.cta-six__text {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 500;
  line-height: 187.5%;
}
.cta-six__form {
  margin-top: 35px;
}
.cta-six__form form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 435px;
  border-radius: 50px;
  margin-bottom: 18px;
  background-color: var(--hostom-white, #fff);
}
.cta-six__form form input[type=email] {
  width: 70%;
  display: block;
  border: none;
  outline: none;
  height: 56px;
  background-color: var(--hostom-white, #fff);
  padding-left: 30px;
  padding-right: 30px;
  transition: all 500ms ease;
  border-radius: 50px 0px 0px 50px;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.cta-six__form form input[type=email]::placeholder {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.cta-six__form form button[type=submit] {
  padding: 19px 40px;
  background: #FB542D;
  color: var(--hostom-white, #fff);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.5s ease-in-out;
}
.cta-six__form form button[type=submit]:hover {
  color: var(--hostom-white, #fff);
  background-color: var(--hostom-secondary, #9ADFFF);
}
.cta-six__thumb {
  margin-top: -50px;
  padding-bottom: 50px;
  animation: topAni 4s ease-in-out infinite;
}
@media (max-width: 1199px) {
  .cta-six__thumb img {
    object-fit: cover;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .cta-six__thumb {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .cta-six__thumb img {
    object-fit: cover;
    width: 100%;
  }
}

.cta-seven {
  position: relative;
  z-index: 2;
  margin-bottom: -30px;
}
.cta-seven__inner {
  border-radius: 20px;
  background: var(--hostom-base3, #F8656B);
  position: relative;
  padding: 55px 50px 52px 50px;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .cta-seven__inner {
    padding: 30px 40px;
  }
}
@media (max-width: 575px) {
  .cta-seven__inner {
    flex-direction: column;
    gap: 20px;
    justify-content: start;
    align-items: start;
  }
}
.cta-seven__inner__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: bottom left;
  z-index: -1;
}
.cta-seven__inner__shape {
  position: absolute;
  top: 0%;
  left: 61%;
  z-index: -1;
}
@media (max-width: 991px) {
  .cta-seven__inner__shape {
    display: none;
  }
}
.cta-seven__title {
  color: var(--hostom-white, #fff);
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  max-width: 660px;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .cta-seven__title {
    max-width: 560px;
  }
}
@media (max-width: 575px) {
  .cta-seven__title {
    font-size: 25px;
  }
}
.cta-seven__btn a {
  color: var(--hostom-text2, #323645);
  background-color: var(--hostom-white, #fff);
}
.cta-seven__btn a:hover {
  color: var(--hostom-white, #fff);
}

/*--------------------------------------------------------------
# Benefits
--------------------------------------------------------------*/
.benefits-one {
  padding: 120px 0px;
  background: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .benefits-one {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .benefits-one {
    padding: 80px 0px;
  }
}
.benefits-one__inner__filter {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 0px;
  margin-left: 80px;
}
@media (max-width: 991px) {
  .benefits-one__inner__filter {
    margin-left: auto;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .benefits-one__inner__filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
}
.benefits-one__inner__btn {
  border-radius: 15px 10px 0px 0px;
  padding: 28px 80px 27.5px 50px;
  background-color: var(--hostom-base, #c2a74e);
}
.benefits-one__inner__btn::before {
  border-radius: 0;
}
.benefits-one__inner__btn:hover {
  color: var(--hostom-base, #c2a74e);
}
.benefits-one__inner__btn:hover::before {
  background-color: var(--hostom-gray2, #E8E8F3);
}
@media (max-width: 991px) {
  .benefits-one__inner__btn {
    padding: 20px 50px 20px 30px;
  }
}
@media (max-width: 768px) {
  .benefits-one__inner__btn {
    border-radius: 15px 10px 0px 0px;
    padding: 15px 30px;
    font-size: 10px;
  }
}
.benefits-one__inner__btn:nth-child(1) {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750.000000 231.000000"> <g transform="translate(0.000000,231.000000) scale(0.100000,-0.100000)"> <path d="M543 2298 c1 -6 -14 -16 -33 -21 -110 -29 -224 -91 -304 -166 -82 -77 -162 -210 -190 -316 -6 -26 -11 -349 -13 -918 l-3 -877 3752 1 c2064 0 3745 3 3736 7 -10 4 -59 70 -111 147 -51 77 -352 527 -667 1000 -490 736 -584 872 -654 943 -44 45 -85 82 -89 82 -5 0 -29 13 -54 30 -24 17 -51 30 -59 30 -9 0 -28 6 -42 14 -15 8 -45 18 -67 23 -23 5 -39 14 -38 21 2 9 -563 12 -2582 12 -1965 0 -2584 -3 -2582 -12z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750.000000 231.000000"> <g transform="translate(0.000000,231.000000) scale(0.100000,-0.100000)"> <path d="M543 2298 c1 -6 -14 -16 -33 -21 -110 -29 -224 -91 -304 -166 -82 -77 -162 -210 -190 -316 -6 -26 -11 -349 -13 -918 l-3 -877 3752 1 c2064 0 3745 3 3736 7 -10 4 -59 70 -111 147 -51 77 -352 527 -667 1000 -490 736 -584 872 -654 943 -44 45 -85 82 -89 82 -5 0 -29 13 -54 30 -24 17 -51 30 -59 30 -9 0 -28 6 -42 14 -15 8 -45 18 -67 23 -23 5 -39 14 -38 21 2 9 -563 12 -2582 12 -1965 0 -2584 -3 -2582 -12z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.benefits-one__inner__btn:nth-child(2) {
  padding-right: 60px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750.000000 231.000000"> <g transform="translate(0.000000,231.000000) scale(0.100000,-0.100000)"> <path d="M543 2298 c1 -6 -14 -16 -33 -21 -110 -29 -224 -91 -304 -166 -82 -77 -162 -210 -190 -316 -6 -26 -11 -349 -13 -918 l-3 -877 3752 1 c2064 0 3745 3 3736 7 -10 4 -59 70 -111 147 -51 77 -352 527 -667 1000 -490 736 -584 872 -654 943 -44 45 -85 82 -89 82 -5 0 -29 13 -54 30 -24 17 -51 30 -59 30 -9 0 -28 6 -42 14 -15 8 -45 18 -67 23 -23 5 -39 14 -38 21 2 9 -563 12 -2582 12 -1965 0 -2584 -3 -2582 -12z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750.000000 231.000000"> <g transform="translate(0.000000,231.000000) scale(0.100000,-0.100000)"> <path d="M543 2298 c1 -6 -14 -16 -33 -21 -110 -29 -224 -91 -304 -166 -82 -77 -162 -210 -190 -316 -6 -26 -11 -349 -13 -918 l-3 -877 3752 1 c2064 0 3745 3 3736 7 -10 4 -59 70 -111 147 -51 77 -352 527 -667 1000 -490 736 -584 872 -654 943 -44 45 -85 82 -89 82 -5 0 -29 13 -54 30 -24 17 -51 30 -59 30 -9 0 -28 6 -42 14 -15 8 -45 18 -67 23 -23 5 -39 14 -38 21 2 9 -563 12 -2582 12 -1965 0 -2584 -3 -2582 -12z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.benefits-one__inner__btn:nth-child(3) {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 867.000000 231.000000"> <g transform="translate(0.000000,231.000000) scale(0.100000,-0.100000)"> <path d="M543 2298 c1 -6 -14 -16 -33 -21 -110 -29 -224 -91 -304 -166 -82 -77 -162 -210 -190 -316 -6 -26 -11 -349 -13 -918 l-3 -877 4337 1 c2386 0 4330 3 4321 7 -10 4 -59 70 -111 147 -51 77 -352 527 -667 1000 -490 736 -584 872 -654 943 -44 45 -85 82 -89 82 -5 0 -29 13 -54 30 -24 17 -51 30 -59 30 -9 0 -28 6 -42 14 -15 8 -45 18 -67 23 -23 5 -39 14 -38 21 2 9 -690 12 -3167 12 -2411 0 -3169 -3 -3167 -12z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 867.000000 231.000000"> <g transform="translate(0.000000,231.000000) scale(0.100000,-0.100000)"> <path d="M543 2298 c1 -6 -14 -16 -33 -21 -110 -29 -224 -91 -304 -166 -82 -77 -162 -210 -190 -316 -6 -26 -11 -349 -13 -918 l-3 -877 4337 1 c2386 0 4330 3 4321 7 -10 4 -59 70 -111 147 -51 77 -352 527 -667 1000 -490 736 -584 872 -654 943 -44 45 -85 82 -89 82 -5 0 -29 13 -54 30 -24 17 -51 30 -59 30 -9 0 -28 6 -42 14 -15 8 -45 18 -67 23 -23 5 -39 14 -38 21 2 9 -690 12 -3167 12 -2411 0 -3169 -3 -3167 -12z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.benefits-one__inner .active-btn {
  color: var(--hostom-base, #c2a74e);
  background-color: var(--hostom-gray2, #E8E8F3);
}
.benefits-one__inner .active-btn::before {
  background-color: var(--hostom-gray2, #E8E8F3);
}
.benefits-one__content__item {
  margin-top: -1px;
  background: var(--hostom-gray2, #E8E8F3);
  padding: 60px;
  border-radius: 30px;
}
@media (max-width: 1199px) {
  .benefits-one__content__item {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .benefits-one__content__item {
    margin-bottom: 30px;
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .benefits-one__content__item {
    padding: 25px;
  }
}
.benefits-one__thumb {
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
}
.benefits-one__thumb img {
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1199px) {
  .benefits-one__thumb {
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  .benefits-one__thumb {
    margin-bottom: 30px;
  }
}
.benefits-one__top {
  margin-bottom: 35px;
}
.benefits-one__top .sec-title {
  padding-bottom: 10px;
}
.benefits-one__top__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  line-height: 200%;
}
.benefits-one__list {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.benefits-one__list__item {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.benefits-one__list__item::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-secondary2, #FB542D);
  margin-right: 8px;
}
.benefits-one__list__item span {
  color: var(--hostom-secondary2, #FB542D);
  margin-right: 8px;
}
.benefits-one__list__item + .benefits-one__list__item {
  margin-top: 13px;
}

.benefits-two {
  padding-top: 120px;
}
@media (max-width: 991px) {
  .benefits-two {
    padding-top: 100px;
  }
}
@media (max-width: 768px) {
  .benefits-two {
    padding-top: 80px;
  }
}
.benefits-two__left {
  margin-right: 45px;
}
@media (max-width: 1199px) {
  .benefits-two__left {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .benefits-two__left {
    margin-bottom: 30px;
  }
}
.benefits-two__thumb__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.benefits-two__thumb__item img {
  width: 100%;
  border-radius: 12px;
}
.benefits-two__thumb__item__border {
  position: absolute;
  top: 0%;
  left: 20px;
  bottom: 0%;
  display: flex;
  gap: 14px;
}
.benefits-two__thumb__item__border span {
  width: 40px;
  height: 100%;
  background-color: var(--hostom-secondary, #9ADFFF);
  opacity: 0.1;
}
.benefits-two__right__tab__link button {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: 112.5%;
  padding: 19px 20px 19px 60px;
  margin-left: -40px;
  border: none;
  outline: none;
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
}
.benefits-two__right__tab__link button:nth-child(1) {
  margin-left: 0;
  padding: 19px 33px 19px 33px;
  background-color: var(--hostom-gray2, #E8E8F3);
  color: var(--hostom-base, #c2a74e);
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1199px) {
  .benefits-two__right__tab__link button:nth-child(1) {
    margin-left: -20px;
  }
}
@media (max-width: 767px) {
  .benefits-two__right__tab__link button:nth-child(1) {
    margin-left: 0px;
  }
}
.benefits-two__right__tab__link button:nth-child(2) {
  background-color: var(--hostom-gray, #f9f6f1);
  position: relative;
  z-index: 2;
}
.benefits-two__right__tab__link button:nth-child(3) {
  background-color: var(--hostom-gray2, #E8E8F3);
  position: relative;
  z-index: 1;
}
.benefits-two__right__tab__link button:hover, .benefits-two__right__tab__link button.active-btn {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}
@media (max-width: 1199px) {
  .benefits-two__right__tab__link button {
    padding: 15px 18px 15px 25px;
    margin-left: -20px;
  }
}
@media (max-width: 992px) {
  .benefits-two__right__tab__link button {
    padding: 19px 20px 19px 60px;
    margin-left: -40px;
  }
}
@media (max-width: 768px) {
  .benefits-two__right__tab__link button {
    padding: 15px 18px 15px 25px;
    margin-left: -20px;
  }
  .benefits-two__right__tab__link button:nth-child(1) {
    padding: 15px 18px 15px 25px;
  }
}
@media (max-width: 575px) {
  .benefits-two__right__tab__link button {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}
.benefits-two__right__tab__link button:active {
  background-color: var(--hostom-gray, #f9f6f1);
  color: var(--hostom-base, #c2a74e);
}
.benefits-two__top .sec-title {
  padding-bottom: 35px;
  max-width: 511px;
  width: 100%;
}
.benefits-two__text {
  margin-top: 35px;
}
.benefits-two__list {
  margin-top: 38px;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.benefits-two__list__item {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.benefits-two__list__item::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-secondary, #9ADFFF);
  margin-right: 8px;
}
.benefits-two__list__item + .benefits-two__list__item {
  margin-top: 13px;
}

.benefits-three {
  position: relative;
  z-index: 1;
}
.benefits-three__top .sec-title {
  padding-bottom: 18px;
}
.benefits-three__list {
  margin-top: 50px;
}
.benefits-three__list__item {
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 39px 40px;
  border-radius: 20px;
  gap: 18px;
  border: 1px solid var(--hostom-gray, #f9f6f1);
  background: var(--hostom-white, #fff);
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}
.benefits-three__list__item::after {
  content: "";
  height: 100%;
  width: 0%;
  background: var(--hostom-base, #c2a74e);
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  transition: all 0.5s ease-in-out;
}
.benefits-three__list__item:hover {
  background-color: transparent;
}
.benefits-three__list__item:hover .benefits-three__list__title, .benefits-three__list__item:hover .benefits-three__list__text {
  color: var(--hostom-white, #fff);
}
.benefits-three__list__item:hover::after {
  width: 100%;
}
.benefits-three__list__item + .benefits-three__list__item {
  margin-top: 16px;
}
.benefits-three__list__icon {
  font-size: 40px;
  color: var(--hostom-secondary2, #FB542D);
  line-height: 1px;
}
.benefits-three__list__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.benefits-three__list__icon i {
  color: currentColor;
  line-height: 1px;
}
.benefits-three__list__title {
  margin-top: -10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  padding-bottom: 0;
  margin-bottom: 2px;
  transition: all 0.4s ease-in-out;
}
.benefits-three__list__title a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.benefits-three__list__title a:hover {
  background-size: 100% 1px;
}
.benefits-three__list__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.benefits-three__list__text {
  transition: all 0.4s ease-in-out;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 600;
  line-height: 214.286%;
  padding-bottom: 0;
  margin-bottom: -10px;
}
.benefits-three__left {
  padding: 120px 0px;
}
@media (max-width: 991px) {
  .benefits-three__left {
    padding: 100px 0px 30px 0px;
  }
}
@media (max-width: 768px) {
  .benefits-three__left {
    padding: 80px 0px 30px 0px;
  }
}
.benefits-three__right {
  margin-left: 100px;
}
@media (max-width: 1199px) {
  .benefits-three__right {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .benefits-three__right {
    margin-left: 0;
    padding-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .benefits-three__right {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .benefits-three__thumb img {
    width: 100%;
    object-fit: cover;
  }
}
.benefits-three::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 57%;
  height: 74.45%;
  background-image: url(../images/shapes/benefit-3-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  z-index: -2;
}
.benefits-three::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 74.45%;
  z-index: -1;
  background-color: rgb(var(--hostom-gray2-rgb, 232, 232, 243), 0.9);
}
.benefits-three__brand {
  padding-top: 50px;
  display: flex;
}
@media (max-width: 575px) {
  .benefits-three__brand {
    margin-top: 0px;
    gap: 30px;
    flex-wrap: wrap;
  }
}
.benefits-three__brand__item:not(:last-of-type) {
  border-right: 1px solid var(--hostom-gray, #f9f6f1);
  margin-right: 44px;
  padding-right: 44px;
}
@media (max-width: 575px) {
  .benefits-three__brand__item:not(:last-of-type) {
    border-right: 0px solid var(--hostom-gray, #f9f6f1);
    margin-right: 0px;
    padding-right: 0px;
  }
}
.benefits-three__brand__item__rating {
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 700;
  line-height: 200%;
  padding-bottom: 0;
  margin-bottom: -5px;
}
.benefits-three__brand__item__rating i {
  color: var(--hostom-secondary2, #FB542D);
}

.benefits-fore {
  padding: 120px 0px;
}
@media (max-width: 991px) {
  .benefits-fore {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .benefits-fore {
    padding: 80px 0px;
  }
}
.benefits-fore__inner {
  position: relative;
  border-radius: 20px;
}
.benefits-fore__inner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  opacity: 0.05;
  background: var(--hostom-text, #787880);
}
.benefits-fore__left {
  padding-left: 50px;
  padding-top: 45px;
  position: relative;
}
.benefits-fore__left .sec-title {
  padding-bottom: 15px;
}
.benefits-fore__left .sec-title .sec-title__title {
  color: var(--hostom-text2, #323645);
}
@media (max-width: 1199px) {
  .benefits-fore__left .sec-title .sec-title__title {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .benefits-fore__left {
    padding-left: 0px;
    padding-top: 30px;
  }
}
.benefits-fore__left__tab__link {
  margin-bottom: 35px;
}
.benefits-fore__left__tab__link button {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 700;
  line-height: 112.5%;
  padding: 19px 20px 19px 50px;
  margin-left: -30px;
  border: none;
  outline: none;
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
  .benefits-fore__left__tab__link button {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .benefits-fore__left__tab__link button {
    margin-left: 0px;
  }
}
.benefits-fore__left__tab__link button:nth-child(1) {
  margin-left: 0;
  padding: 19px 33.5px;
  background-color: var(--hostom-gray2, #E8E8F3);
  color: var(--hostom-base, #c2a74e);
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
@media (max-width: 1199px) {
  .benefits-fore__left__tab__link button:nth-child(1) {
    padding: 15px 15px 15px 20px;
    margin-left: -20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .benefits-fore__left__tab__link button:nth-child(1) {
    margin-left: 0px;
    padding: 15px;
  }
}
.benefits-fore__left__tab__link button:nth-child(2) {
  background-color: #E9E9E9;
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .benefits-fore__left__tab__link button:nth-child(2) {
    padding: 15px 15px 15px 30px;
    margin-left: -20px;
  }
}
@media (max-width: 767px) {
  .benefits-fore__left__tab__link button:nth-child(2) {
    margin-left: 0px;
    padding: 15px;
  }
}
.benefits-fore__left__tab__link button:nth-child(3) {
  background-color: #E1E1E1;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .benefits-fore__left__tab__link button:nth-child(3) {
    padding: 15px 15px 15px 30px;
    margin-left: -20px;
  }
}
@media (max-width: 767px) {
  .benefits-fore__left__tab__link button:nth-child(3) {
    margin-left: 0px;
    padding: 15px;
  }
}
.benefits-fore__left__tab__link button:hover, .benefits-fore__left__tab__link button.active-btn {
  background-color: var(--hostom-text2, #323645);
  color: var(--hostom-white, #fff);
}
@media (max-width: 1199px) {
  .benefits-fore__left__tab__link button {
    padding: 15px 18px 15px 25px;
    margin-left: -20px;
  }
}
@media (max-width: 992px) {
  .benefits-fore__left__tab__link button {
    padding: 19px 20px 19px 60px;
    margin-left: -40px;
  }
}
@media (max-width: 768px) {
  .benefits-fore__left__tab__link button {
    padding: 15px 18px 15px 25px;
    margin-left: -20px;
  }
  .benefits-fore__left__tab__link button:nth-child(1) {
    padding: 15px 18px 15px 25px;
  }
}
@media (max-width: 575px) {
  .benefits-fore__left__tab__link button {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}
.benefits-fore__left__tab__link button:active {
  background-color: var(--hostom-text, #787880);
  color: var(--hostom-base, #c2a74e);
}
.benefits-fore__text {
  margin-top: 0px;
  font-size: 15px;
}
.benefits-fore__list {
  margin-top: 28px;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.benefits-fore__list__item {
  color: var(--hostom-text2, #323645);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.benefits-fore__list__item::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-base3, #F8656B);
  margin-right: 8px;
}
.benefits-fore__list__item + .benefits-fore__list__item {
  margin-top: 13px;
}
.benefits-fore__right {
  height: 550px;
  width: 100%;
  background: var(--hostom-text2, #323645);
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px) {
  .benefits-fore__right {
    margin-top: 30px;
    height: auto;
  }
}
.benefits-fore__thumb__item__img img {
  object-fit: cover;
  width: 100%;
}
.benefits-fore__thumb__item__border {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
.benefits-fore__box {
  margin-right: -100px;
  margin-left: auto;
  margin-top: -50px;
  margin-bottom: -25px;
  width: 169.642px;
  height: 169.642px;
  border-radius: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
  background: var(--hostom-base3, #F8656B);
  transform: rotate(-54.411deg);
}
.benefits-fore__box__domine {
  color: var(--hostom-white, #fff);
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  line-height: 127.885%;
  letter-spacing: -1.2px;
}
@media (max-width: 575px) {
  .benefits-fore__box__domine {
    font-size: 20px;
  }
}
.benefits-fore__box__price {
  color: var(--hostom-white, #fff);
  font-size: 18px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .benefits-fore__box__price {
    font-size: 10px;
  }
}
.benefits-fore__box::before {
  content: "";
  width: 169.642px;
  height: 169.642px;
  top: 0px;
  left: 0px;
  position: absolute;
  border-radius: 124.022px;
  opacity: 0.2;
  background: var(--hostom-base3, #F8656B);
  animation: scale 4s ease-in-out infinite;
}
@media (max-width: 575px) {
  .benefits-fore__box::before {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 991px) {
  .benefits-fore__box {
    margin-top: -90px;
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .benefits-fore__box {
    position: absolute;
    bottom: -100px;
    right: 0;
    width: 100px;
    height: 100px;
  }
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery-one {
  padding-top: 120px;
  padding-bottom: 120px;
}
.gallery-one .container-fluid {
  width: 100%;
  max-width: 1572px;
}
.gallery-one--page {
  padding-top: 100px;
}
.gallery-one .row {
  --bs-gutter-x: 12px;
  --bs-gutter-y: 12px;
}
@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;
  gap: 10px;
}
.gallery-one__filter__list li {
  cursor: pointer;
}
.gallery-one__filter__list li span {
  display: block;
  font-size: 12px;
  background-color: var(--hostom-secondary2, #FB542D);
  transition: all 500ms ease;
  text-transform: uppercase;
  font-weight: 600;
  padding: 15px 20px;
  color: var(--hostom-white, #fff);
  line-height: 1.2em;
}
.gallery-one__filter__list li.active span, .gallery-one__filter__list li:hover span {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}
.gallery-one__card {
  position: relative;
  overflow: hidden;
  background-color: var(--hostom-black, #1c1a1d);
  border-radius: 19.773px;
}
.gallery-one__card img {
  transform: scale(1);
  max-width: 100%;
  transition: transform 500ms ease, opacity 500ms ease;
  opacity: 1;
}
.gallery-one__card__hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, #FB542D 0%, rgba(251, 84, 45, 0) 117.72%);
  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(--hostom-white, #fff);
  position: absolute;
  top: 50%;
  left: 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 20px;
}
.gallery-two .container-fluid {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .gallery-two .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.gallery-two .row {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}
.gallery-two__col-one {
  width: 65%;
}
@media (max-width: 1199px) {
  .gallery-two__col-one {
    width: 100%;
  }
}
.gallery-two__col-two {
  width: 35%;
}
@media (max-width: 1199px) {
  .gallery-two__col-two {
    width: 100%;
  }
}
.gallery-two__card {
  position: relative;
  overflow: hidden;
  background-color: var(--hostom-black, #1c1a1d);
}
.gallery-two__card img {
  transform: scale(1);
  width: 100%;
  transition: transform 500ms ease, opacity 500ms ease;
  opacity: 1;
}
.gallery-two__card__hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--hostom-black-rgb, 28, 26, 29), 0.5);
  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);
  opacity: 0.9;
  mix-blend-mode: screen;
}
.gallery-two__card:hover .gallery-two__card__hover {
  transform-origin: top center;
  transform: scale(1, 1);
}
.gallery-two__card a {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: var(--hostom-white, #fff);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-two__card a:hover .gallery-two__card__icon::after, .gallery-two__card a:hover .gallery-two__card__icon::before {
  background-color: var(--hostom-base, #c2a74e);
}
.gallery-two__card__icon {
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
}
.gallery-two__card__icon::after, .gallery-two__card__icon::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: var(--hostom-black, #1c1a1d);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 400ms ease;
}
.gallery-two__card__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.gallery-two__info {
  position: relative;
  background-color: var(--hostom-base, #c2a74e);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 50px 0 100px;
  height: 100%;
}
@media (min-width: 1200px) {
  .gallery-two__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
}
@media (max-width: 1500px) {
  .gallery-two__info {
    padding-left: 40px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .gallery-two__info {
    padding: 80px 50px;
  }
}
@media (max-width: 767px) {
  .gallery-two__info {
    padding: 50px 30px;
  }
}
.gallery-two__info__icon {
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
}
.gallery-two__info__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-two__info__title {
  color: var(--hostom-white, #fff);
  font-size: 44px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .gallery-two__info__title {
    font-size: 35px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .gallery-two__info__title {
    font-size: 35px;
    line-height: 45px;
  }
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar__single {
  background-color: var(--hostom-white, #fff);
  padding: 30px 20px;
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.sidebar__single--search {
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.07);
}
@media (min-width: 1200px) {
  .sidebar__single {
    padding: 40px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}
.sidebar__title {
  margin: 0;
  margin-top: -5px;
  margin-bottom: 29px;
  padding-bottom: 24px;
  color: var(--hostom-title, #1D1729);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  color: var(--hostom-base, #c2a74e);
  font-size: 24px;
  font-weight: 700;
  line-height: 108.333%;
  letter-spacing: -0.96px;
}
.sidebar__search {
  border-radius: 6px;
  position: relative;
  background-color: var(--hostom-gray2, #E8E8F3);
  padding: 30px;
  border-radius: 6px;
}
.sidebar__search input[type=search],
.sidebar__search input[type=text] {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 162.5%;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: 60px;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-text, #787880);
  padding-left: 53px;
  padding-right: 20px;
  transition: all 500ms ease;
  border: none;
}
.sidebar__search input[type=search]:focus,
.sidebar__search input[type=text]:focus {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  border: none;
}
.sidebar__search input[type=search]::placeholder,
.sidebar__search input[type=text]::placeholder {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 162.5%;
}
.sidebar__search button[type=submit] {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
  width: auto;
  font-size: 22px;
  color: var(--hostom-text, #787880);
  transition: all 0.4s ease-in-out;
}
.sidebar__search button[type=submit]:hover {
  color: var(--hostom-base, #c2a74e);
}
.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(--hostom-gray2, #E8E8F3);
  margin-bottom: 15px;
  padding-bottom: 14px;
}
.sidebar__posts__item:hover .sidebar__posts__image::after {
  width: 100%;
  right: auto;
  left: 0;
}
.sidebar__posts__item:hover .sidebar__posts__image img {
  transform: scale(1.3) rotate(-15deg);
}
.sidebar__posts__image {
  border-radius: 6px;
  margin-right: 20px;
  overflow: hidden;
  max-width: 70px;
  width: 100%;
  height: 70px;
  position: relative;
}
.sidebar__posts__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease-in-out;
}
.sidebar__posts__image::after {
  content: "";
  width: 0%;
  height: 100%;
  top: 0%;
  left: auto;
  right: 0;
  background-color: rgba(var(--hostom-black-rgb, 28, 26, 29), 0.5);
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.sidebar__posts__title {
  margin-bottom: 0;
  padding-bottom: 0;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.sidebar__posts__title a {
  color: inherit;
  background: linear-gradient(to right, 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-bottom: 8px;
}
.sidebar__posts__meta a {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  display: inline-flex;
  align-items: center;
  transition: all 500ms ease;
}
.sidebar__posts__meta a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.sidebar__posts__meta a i {
  color: var(--hostom-base, #c2a74e);
  margin-right: 13px;
}
.sidebar__categories {
  margin-bottom: -4px;
}
.sidebar__categories li:not(:last-of-type) {
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
.sidebar__categories li:first-child a {
  padding-top: 0;
}
.sidebar__categories li:last-child a {
  padding-bottom: 0 !important;
}
.sidebar__categories li a {
  display: flex;
  align-items: center;
  padding: 13.55px 0 13.44px 0px;
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-heading-font, "Manrope", sans-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  transition: all 500ms ease;
}
.sidebar__categories li a::before {
  margin-right: 7px;
  content: "\e934";
  font-family: "icomoon" !important;
  font-weight: 500;
  transition: all 500ms ease;
  font-size: 14px;
  color: var(--hostom-text, #787880);
}
.sidebar__categories li a:hover {
  padding-left: 20px;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.sidebar__categories li a:hover::after {
  color: var(--hostom-base, #c2a74e);
}
.sidebar__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.sidebar__tags a {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  background: var(--hostom-gray, #f9f6f1);
  transition: all 500ms ease;
  display: inline-flex;
  padding: 3px 16px;
  border-radius: 6px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}
.sidebar__tags a:hover {
  color: var(--hostom-white, #fff);
  background-color: var(--hostom-secondary2, #FB542D);
}
.sidebar__comments {
  margin-bottom: -4px;
}
.sidebar__comments__item {
  display: flex;
  align-items: center;
}
.sidebar__comments__item:not(:last-of-type) {
  margin-bottom: 21px;
}
.sidebar__comments__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hostom-gray, #f9f6f1);
  font-size: 24px;
  color: var(--hostom-text, #787880);
  margin-right: 15px;
  border-radius: 50%;
  transition: all 500ms ease;
}
.sidebar__comments__item:hover .sidebar__comments__icon {
  background-color: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
}
.sidebar__comments__title {
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 185.714%;
  margin-bottom: -2px;
  max-width: 215px;
  width: 100%;
}
.sidebar__comments__title a {
  color: inherit;
  transition: all 500ms ease;
}
.sidebar__comments__title a:hover {
  color: var(--hostom-black, #1c1a1d);
}

.service-sidebar__single + .service-sidebar__single {
  margin-top: 30px;
}
.service-sidebar__title {
  position: relative;
  border-radius: 20px 20px 0px 0px;
  color: var(--hostom-white, #fff);
  margin: 0;
  padding: 25px 30px;
  background-color: var(--hostom-base, #c2a74e);
  font-size: 24px;
  font-weight: 700;
  line-height: 108.333%;
}
.service-sidebar__title::after {
  content: "";
  width: 40px;
  height: 25px;
  position: absolute;
  bottom: -20px;
  left: 8%;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: var(--hostom-base, #c2a74e);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .service-sidebar__title {
    font-size: 24px;
  }
}
.service-sidebar__nav {
  border-top: 0;
  margin-bottom: 0;
  padding: 40px 30px;
  background: var(--hostom-gray2, #E8E8F3);
  border-radius: 0px 0px 20px 20px;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .service-sidebar__nav {
    padding: 30px 20px;
  }
}
@media (max-width: 575px) {
  .service-sidebar__nav {
    padding: 30px 20px;
  }
}
.service-sidebar__nav li a {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  color: var(--hostom-text, #787880);
  background: var(--hostom-white, #fff);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 500ms ease;
  padding: 14px 30px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 162.5%;
  border-radius: 10px;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1200px) and (min-width: 992px) {
  .service-sidebar__nav li a {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .service-sidebar__nav li a {
    font-size: 14px;
  }
}
.service-sidebar__nav li a::after {
  content: "\e915";
  font-family: "icomoon" !important;
  font-weight: 900;
  transition: all 500ms ease;
  font-size: 14px;
  color: var(--hostom-base, #c2a74e);
}
@media (max-width: 1200px) and (min-width: 992px) {
  .service-sidebar__nav li a::after {
    font-size: 12px;
  }
}
.service-sidebar__nav li a::before {
  content: "";
  width: 0%;
  height: 100%;
  background-color: var(--hostom-base, #c2a74e);
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: -1;
  transition: all 500ms ease-in-out;
}
.service-sidebar__nav li.current a, .service-sidebar__nav li:hover a {
  color: var(--hostom-white, #fff);
}
.service-sidebar__nav li.current a::after, .service-sidebar__nav li:hover a::after {
  color: var(--hostom-white, #fff);
  opacity: 1;
}
.service-sidebar__nav li.current a::before, .service-sidebar__nav li:hover a::before {
  width: 100%;
  left: 0;
  right: auto;
}
.service-sidebar__nav li:last-child a {
  margin-bottom: 0;
}
.service-sidebar__contact {
  overflow: hidden;
  border-radius: 40px;
  position: relative;
  z-index: 1;
  padding: 33px 30px 196px 30px;
  background-color: var(--hostom-base, #c2a74e);
}
.service-sidebar__contact-title {
  margin-top: -5px;
  max-width: 215px;
  margin-bottom: 42px;
  color: var(--hostom-white, #fff);
  font-size: 25px;
  font-weight: 700;
  line-height: 133.333%;
}
@media (min-width: 992px) {
  .service-sidebar__contact-title {
    font-size: 30px;
  }
}
.service-sidebar__contact-btn .hostom-btn {
  padding: 13px 29px;
  color: var(--hostom-base, #c2a74e);
  border-radius: 10px;
  background: var(--hostom-white, #fff);
}
.service-sidebar__contact-btn .hostom-btn::before {
  background: var(--hostom-secondary2, #FB542D);
  border-radius: 10px;
}
.service-sidebar__contact-btn .hostom-btn:hover {
  color: var(--hostom-white, #fff);
}
.service-sidebar__contact-image, .service-sidebar__contact-angle {
  bottom: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
  z-index: -2;
}
.service-sidebar__contact-image {
  right: 0;
  left: auto;
  z-index: -1;
}
.service-sidebar__contact-image img {
  max-height: 320px;
  width: auto;
}

/*--------------------------------------------------------------
# Blog details
--------------------------------------------------------------*/
.blog-details .blog-card__two__image::before {
  display: none;
}
.blog-details .blog-card__two__image:hover img {
  transform: scale(1);
}
.blog-details .blog-card-two__text {
  margin: 0;
}
.blog-details .blog-card-two__text + .blog-card-two__text {
  margin-top: 21px;
}
.blog-details .blog-card__two {
  margin-bottom: 0;
}
.blog-details .blog-card__title {
  margin-bottom: 10px;
}
.blog-details .blog-card-two__content {
  padding-bottom: 50px;
}
.blog-details__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
.blog-details__tags {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-details__tags__title {
  margin: 0;
  margin-top: -4px;
  margin-bottom: -2px;
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .blog-details__tags__title {
    font-size: 20px;
  }
}
.blog-details__tags .sidebar__tags button {
  color: var(--hostom-white, #fff);
  text-transform: uppercase;
  padding: 11px 31px;
  font-weight: 600;
  border-radius: 43px;
  background: var(--hostom-secondary2, #FB542D);
}
.blog-details__tags .sidebar__tags button:hover {
  background-color: var(--hostom-black, #1c1a1d);
  color: var(--hostom-white, #fff);
}
.blog-details__tags .sidebar__tags2 a {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog-details__tags .sidebar__tags2 a:hover {
  color: var(--hostom-secondary2, #FB542D);
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .comments-one {
    margin-top: 45px;
  }
}
.comments-one__title {
  font-size: 25px;
  color: var(--hostom-base, #c2a74e);
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.2px;
  margin: 0;
  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(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  padding-bottom: 50px;
}
@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-right: 30px;
  }
}
.comments-one__card__image img {
  max-width: 168px;
  max-height: 168px;
  border-radius: 50%;
}
.comments-one__card__title {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 108.333%;
  margin-bottom: 5px;
  color: var(--hostom-base, #c2a74e);
}
@media (min-width: 768px) {
  .comments-one__card__title {
    margin-top: -2px;
    font-size: 24px;
    margin-bottom: 17px;
    margin-top: 0;
  }
}
.comments-one__card__text {
  margin-bottom: 25px;
  max-width: 570px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
}
.comments-one__card__reply {
  border-radius: 10px;
  padding: 10px 22.5px;
  color: var(--hostom-text, #787880);
  background-color: var(--hostom-gray, #f9f6f1);
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.comments-one__card__reply:hover {
  color: var(--hostom-white, #fff);
  background: var(--hostom-secondary2, #FB542D);
}
.comments-one__card__content {
  position: relative;
}

.comments-form {
  margin-top: 40px;
}
.comments-form__title {
  margin: 0;
  font-size: 25px;
  color: var(--hostom-base, #c2a74e);
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.2px;
  margin-top: -4px;
  margin-bottom: -4px;
}
@media (min-width: 992px) {
  .comments-form__title {
    font-size: 30px;
  }
}
.comments-form__form {
  margin-top: 45px;
}

/*--------------------------------------------------------------
# Shop
--------------------------------------------------------------*/
.product {
  position: relative;
}
.product__sidebar {
  position: relative;
}
.product__sidebar--title {
  position: relative;
  margin-top: -5px;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 108.333%;
  letter-spacing: -0.72px;
  color: var(--hostom-base, #c2a74e);
}
.product__sidebar__search {
  position: relative;
  margin-bottom: 30px;
}
.product__sidebar__search input[type=search],
.product__sidebar__search input[type=text] {
  border-radius: 30px;
  outline: none;
  width: 100%;
  height: 60px;
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 162.5%;
  padding-left: 60px;
  padding-right: 30px;
  transition: all 500ms ease;
  border: none;
}
.product__sidebar__search input[type=search]:focus,
.product__sidebar__search input[type=text]:focus {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
  border: none;
}
.product__sidebar__search input[type=search]::placeholder,
.product__sidebar__search input[type=text]::placeholder {
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 400;
  line-height: 162.5%;
}
.product__sidebar__search button[type=submit] {
  border: none;
  outline: none;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: auto;
  font-size: 22px;
  color: var(--hostom-white, #fff);
}
.product__price-ranger {
  background-color: var(--hostom-white, #fff);
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
  padding: 30px 30px 40px 30px;
  margin-bottom: 30px;
}
.product__price-ranger #slider-range {
  margin: 15px 0 23px 0px;
  background: var(--hostom-gray, #f9f6f1);
  border: none;
  height: 7px;
  border-radius: 20px;
  position: relative;
}
.product__price-ranger #slider-range .ui-slider-range {
  height: 100%;
  background: var(--hostom-base, #c2a74e);
}
.product__price-ranger #slider-range .ui-slider-handle {
  position: absolute;
  top: -5px;
  background: var(--hostom-base, #c2a74e);
  border: 0;
  height: 16px;
  width: 16px !important;
  border-radius: 50%;
  margin-left: -3px;
  outline: medium none;
  cursor: pointer;
  z-index: 2;
}
.product__price-ranger .ranger-min-max-block {
  position: relative;
  display: block;
  margin: 18px 0 0 0px;
}
.product__price-ranger .ranger-min-max-block input[type=text] {
  position: relative;
  display: inline-block;
  color: var(--hostom-text, #787880);
  width: 45px;
  border: none;
  outline: none;
  font-family: var(--hostom-font, "Manrope", sans-serif);
  padding: 0;
  text-align: center;
  background-color: transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.product__price-ranger .ranger-min-max-block span {
  position: relative;
  display: inline-block;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 700;
  left: -2px;
}
.product__price-ranger .ranger-min-max-block button[type=submit] {
  position: relative;
  display: block;
  float: right;
  text-align: center;
  border: none;
  margin: 0;
  cursor: pointer;
  padding: 0px 16px;
  height: 40px;
  border-radius: 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 185.714%;
  text-transform: capitalize;
  z-index: 1;
  color: var(--hostom-base, #c2a74e);
  background: var(--hostom-gray2, #E8E8F3);
}
.product__price-ranger .ranger-min-max-block button[type=submit]::before {
  border-radius: 6px;
}
.product__price-ranger .ranger-min-max-block button[type=submit]:hover {
  color: var(--hostom-white, #fff);
}
.product__categories {
  margin-bottom: -4px;
  background-color: var(--hostom-white, #fff);
  padding: 30px 30px 23px 30px;
  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);
}
.product__categories__title {
  margin: 0;
  margin-top: -5px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  position: relative;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 108.333%;
  letter-spacing: -0.72px;
  color: var(--hostom-base, #c2a74e);
}
.product__categories ul {
  margin-bottom: 0;
}
.product__categories ul li:not(:last-of-type) {
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
.product__categories ul li:first-child a {
  padding-top: 0;
}
.product__categories ul li:last-child a {
  padding-bottom: 0 !important;
}
.product__categories ul li a {
  display: flex;
  align-items: center;
  padding: 10px 0 14.44px 0px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  transition: all 500ms ease;
}
.product__categories ul li a::before {
  margin-right: 7px;
  content: "\e934";
  font-family: "icomoon" !important;
  font-weight: 500;
  transition: all 500ms ease;
  font-size: 14px;
  color: var(--hostom-base, #c2a74e);
}
.product__categories ul li a:hover {
  padding-left: 20px;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-base, #c2a74e);
}
.product__categories ul li a:hover::after {
  color: var(--hostom-base, #c2a74e);
}
.product__info-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.product__showing-text {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 767px) {
  .product__showing-text {
    margin-bottom: 20px;
  }
}
.product__showing-sort {
  margin: 0;
}
.product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  position: relative;
  display: block;
  width: 270px !important;
  font-family: var(--hostom-font, "Manrope", 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(--hostom-gray, #f9f6f1) !important;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 64px;
  border-radius: 43px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
.product__showing-sort .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 16px;
  color: var(--hostom-text, #787880);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
}
.product__showing-sort .bootstrap-select .dropdown-menu > li > a {
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-heading-font, "Manrope", sans-serif);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 162.5%;
  padding: 10px 30px;
  color: var(--hostom-text, #787880);
  background-color: var(--hostom-gray, #f9f6f1);
  -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(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
  border-color: var(--hostom-base, #c2a74e);
}
.product__item {
  position: relative;
  background-color: var(--hostom-white, #fff);
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  transition: all 500ms ease;
  border-radius: 10px;
  height: 100%;
  padding: 15px 30px 0px 30px;
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.product__item:hover {
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--hostom-secondary2, #FB542D);
}
.product__item__img {
  background-color: var(--hostom-white, #fff);
  overflow: hidden;
  max-width: 212px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  padding-bottom: 27px;
}
.product__item__img img {
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
  transition: all 500ms ease;
  transform: scale(1);
}
.product__item__btn {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
}
.product__item__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: var(--hostom-gray2, #E8E8F3);
  border-radius: 50%;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
}
.product__item__btn a:hover {
  background-color: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-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-bottom: 38px;
}
.product__item__ratings {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: var(--hostom-base, #c2a74e);
  letter-spacing: 4px;
  margin-bottom: 20px;
  transition: all 0.5s ease-in-out;
}
.product__item:hover .product__item__ratings {
  color: var(--hostom-secondary2, #FB542D);
}
.product__item__title {
  margin-bottom: 8px;
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  text-transform: capitalize;
}
.product__item__title a {
  color: inherit;
  background: linear-gradient(to right, 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__price {
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.product__item__price__del {
  margin-left: 8px;
}
.product__item__link {
  padding: 7px 31px;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--hostom-text, #787880);
  font-size: 14px;
  font-weight: 700;
  background: var(--hostom-gray2, #E8E8F3);
  line-height: 185.714%;
}
.product__item__link::before {
  background: var(--hostom-secondary2, #FB542D);
}
.product__item__link:hover {
  color: var(--hostom-white, #fff);
}

.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;
}
.product-one__carousel .owl-dots {
  display: none !important;
}

/*--------------------------------------------------------------
# Shop details
--------------------------------------------------------------*/
.product-details {
  position: relative;
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .product-details {
    padding: 100px 0;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .product-details {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.product-details__img {
  background-color: var(--hostom-white, #fff);
  position: relative;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  border-radius: 10px;
  max-width: 570px;
  height: auto;
}
.product-details__img img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
.product-details__content {
  position: relative;
  margin: -10px 0 0 40px;
}
@media (max-width: 991px) {
  .product-details__content {
    margin: 50px 0 0 0px;
  }
}
.product-details__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.product-details__title {
  margin-top: 5px;
  font-size: 25px;
  color: var(--hostom-base, #c2a74e);
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.2px;
}
@media (min-width: 768px) {
  .product-details__title {
    font-size: 30px;
  }
}
.product-details__price {
  margin: 0 0 0 25px;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
.product-details__review {
  position: relative;
  display: flex;
  align-items: center;
  letter-spacing: 2.5px;
  font-size: 17px;
  color: var(--hostom-base, #c2a74e);
}
.product-details__review a {
  display: inline-block;
  margin-left: 20px;
  transition: all 500ms ease;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
}
.product-details__review a:hover {
  color: var(--hostom-base, #c2a74e);
}
.product-details__divider {
  width: 100%;
  height: 1px;
  background-color: var(--hostom-gray2, #E8E8F3);
  margin: 20px 0 30px 0;
}
.product-details__excerpt {
  margin: 0;
  font-size: 15px;
  line-height: 30px;
}
.product-details__excerpt-text1 {
  margin: 0 0 21px;
  font-weight: 600;
  max-width: 514px;
}
.product-details__excerpt-text2 {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 27px;
}
@media (max-width: 767px) {
  .product-details__excerpt-text2 br {
    display: block;
  }
}
.product-details__excerpt-text2 span {
  font-weight: 600;
  color: var(--hostom-base, #c2a74e);
}
.product-details__quantity {
  position: relative;
  display: flex;
  align-items: center;
}
.product-details__quantity-title {
  margin: 0;
  margin-right: 35px;
  font-weight: bold;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: var(--hostom-base, #c2a74e);
}
.product-details__quantity .quantity-box {
  position: relative;
  width: auto;
  height: 46px;
  display: flex;
}
.product-details__quantity .quantity-box input {
  width: 45px;
  height: 46px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  appearance: textfield;
  color: var(--hostom-base, #c2a74e);
  padding-left: 15px;
  outline: none;
  font-size: 18px;
  font-weight: 500;
  background-color: transparent;
}
.product-details__quantity .quantity-box button {
  width: 45px;
  height: auto;
  color: var(--hostom-text, #787880);
  font-size: 12px;
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  transition: all 500ms ease;
}
.product-details__quantity .quantity-box button:hover, .product-details__quantity .quantity-box button:focus, .product-details__quantity .quantity-box button:active {
  background: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
}
.product-details__quantity .quantity-box button.sub {
  border-top-left-radius: 63px;
  border-bottom-left-radius: 63px;
  bottom: 1px;
  top: auto;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
  border-left: 1px solid var(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
.product-details__quantity .quantity-box button.add {
  border-top-right-radius: 63px;
  border-bottom-right-radius: 63px;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
  border-right: 1px solid var(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
.product-details__quantity .quantity-box button:hover {
  color: var(--hostom-white, #fff);
}
.product-details__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px 0px 0;
}
.product-details__buttons a {
  padding: 17.55px 39px;
  color: var(--hostom-white, #fff);
  font-size: 14px;
  font-weight: 700;
  line-height: 128.571%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .product-details__buttons a {
    padding: 16.55px 35px;
  }
}
.product-details__buttons a:hover {
  color: var(--hostom-white, #fff);
}
.product-details__socials {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 60px;
  margin-top: 37px;
}
.product-details__socials__title {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  margin-bottom: 0;
  color: var(--hostom-text, #787880);
}
@media (min-width: 768px) {
  .product-details__socials__title {
    flex: 0 0 auto;
  }
}
.product-details__socials__item {
  display: flex;
  gap: 21px;
}
.product-details__socials__item a {
  display: inline;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hostom-gray, #f9f6f1);
  font-size: 16px;
  color: var(--hostom-text, #787880);
  transition: all 500ms ease;
  border-radius: 50%;
}
.product-details__socials__item a:hover {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}
.product-details__description {
  position: relative;
  margin: 50px 0 0;
}
@media (min-width: 768px) {
  .product-details__description {
    margin: 72px 0 0;
  }
}
.product-details__description__title {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 22px;
  letter-spacing: -0.9px;
  color: var(--hostom-base, #c2a74e);
}
.product-details__description__lists {
  margin-bottom: 25px;
  margin-top: 25px;
  padding: 0;
}
.product-details__description__lists li {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  color: var(--hostom-base, #c2a74e);
}
.product-details__description__lists li::before {
  content: "\f058";
  clear: both;
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-size: 16px;
  color: var(--hostom-secondary2, #FB542D);
  margin-right: 8px;
}
.product-details__comment {
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
  margin: 30px 0 0;
  padding: 30px 0 0;
  position: relative;
}
@media (min-width: 768px) {
  .product-details__comment {
    margin: 44px 0 0;
    padding: 43px 0 0;
  }
}
.product-details__review-title {
  color: var(--hostom-base, #c2a74e);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .product-details__review-title {
    margin-bottom: 32px;
  }
}
.product-details__comment-box {
  position: relative;
  padding: 11px 0 52px 200px;
  margin-bottom: 45px;
  min-height: 166px;
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
@media (max-width: 767px) {
  .product-details__comment-box {
    padding-left: 0;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.product-details__comment-box__thumb {
  width: 166px;
  height: 166px;
  position: absolute;
  left: 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: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 26px;
  margin: 0 0 20px;
  color: var(--hostom-base, #c2a74e);
}
.product-details__comment-box__date {
  margin-left: 20px;
  display: inline-block;
  text-transform: inherit;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 187.5%;
}
.product-details__comment-box__text {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 187.5%;
}
.product-details__comment-box__ratings {
  position: absolute;
  right: 0;
  top: 13px;
  display: flex;
  align-items: center;
  letter-spacing: 2.11px;
  font-size: 17px;
  color: var(--hostom-base, #c2a74e);
}
@media (max-width: 767px) {
  .product-details__comment-box__ratings {
    position: relative;
    top: 0;
    margin: 0 0 22px;
  }
}
.product-details__form {
  position: relative;
}
.product-details__form .row {
  --bs-gutter-x: 20px;
}
.product-details__form-title {
  font-size: 30px;
  margin-bottom: 18px;
  font-weight: bold;
}
.product-details__form-ratings {
  display: flex;
  align-items: center;
  letter-spacing: 6px;
  font-size: 25px;
  color: var(--hostom-base, #c2a74e);
  margin: 0 0 40px;
}
.product-details__form-ratings i {
  color: var(--hostom-base, #c2a74e);
}
.product-details__form-ratings__label {
  display: inline-block;
  letter-spacing: 0;
  color: var(--hostom-text, #787880);
  margin: 0 17px 0 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  text-transform: capitalize;
}
.product-details__form__form {
  margin-top: 0;
}
.product-details__form__form .form-one__control input, .product-details__form__form .form-one__control textarea {
  background: var(--hostom-gray2, #E8E8F3);
}
.product-details__form__form .form-one__control input::placeholder, .product-details__form__form .form-one__control textarea::placeholder {
  color: var(--hostom-text, #787880);
}
.product-details__form__form .hostom-btn {
  padding: 19px 40.55px;
}
.product-details__form__form .hostom-btn:hover {
  color: var(--hostom-white, #fff);
}

/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart-page {
  position: relative;
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .cart-page {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.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 {
  padding: 0 0 14px;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3) !important;
  box-shadow: none;
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: 235%;
}
.cart-page__table thead tr th:last-child {
  text-align: right;
}
.cart-page__table tbody tr td {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 500;
  line-height: 235%;
  vertical-align: middle;
  border: none;
  box-shadow: none;
  background-color: transparent;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  padding: 25px 0;
}
.cart-page__table tbody tr td:last-child {
  text-align: right;
}
.cart-page__table__meta {
  display: flex;
  align-items: center;
}
.cart-page__table__meta-img {
  width: 119px;
  height: 119px;
  background-color: var(--hostom-white, #fff);
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  margin-right: 34px;
  border-radius: 6px;
}
.cart-page__table__meta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.cart-page__table__meta-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 235%;
}
.cart-page__table__meta-title a {
  color: inherit;
}
.cart-page__table__meta-title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.cart-page__table__remove {
  display: block;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
}
.cart-page__table__remove:hover {
  color: var(--hostom-base, #c2a74e);
}
.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] {
  border-radius: 6px;
  height: 56px;
  width: 303px;
  background-color: var(--hostom-gray2, #E8E8F3);
  border: none;
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  display: block;
  margin-right: 20px;
}
@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__coupone-form button {
  padding: 18px 40px;
  background: var(--hostom-secondary2, #FB542D);
}
.cart-page__cart-total {
  position: relative;
  text-align: right;
  margin: -8px 0 24px;
  padding: 0;
}
@media (max-width: 991px) {
  .cart-page__cart-total {
    text-align: left;
    margin-top: 45px;
  }
}
.cart-page__cart-total li {
  display: block;
  margin: 0 0 0px;
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 235%;
}
@media (max-width: 991px) {
  .cart-page__cart-total li span {
    display: inline-block;
    min-width: 172px;
  }
}
.cart-page__cart-total li:last-child {
  margin-left: auto;
  margin-right: 0;
  max-width: 250px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
}
.cart-page__cart-total li:last-child .cart-page__cart-total-amount {
  font-weight: 700;
  font-family: var(--hostom-heading-font, "Manrope", sans-serif);
  color: var(--hostom-base, #c2a74e);
}
.cart-page__cart-total-amount {
  font-size: 18px;
  color: var(--hostom-text, #787880);
  font-weight: 500;
  text-transform: inherit;
  font-family: var(--hostom-font, "Manrope", sans-serif);
  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;
  }
}
.cart-page__buttons .nionx-btn {
  color: var(--hostom-white, #fff);
  padding: 19px 39px;
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout-page {
  position: relative;
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .checkout-page {
    padding: 100px 0;
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .checkout-page {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.checkout-page .bs-gutter-x-20 {
  --bs-gutter-x: 20px;
}
.checkout-page__notice {
  max-width: 570px;
  margin: 0 0 35px;
  padding: 35px 50px;
  border-radius: 6px;
  background: var(--hostom-gray2, #E8E8F3);
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.checkout-page__notice a {
  font-weight: 700;
  color: var(--hostom-secondary2, #FB542D);
  background: linear-gradient(to right, 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__billing-address {
  position: relative;
}
.checkout-page__billing-address__title {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 34px;
  letter-spacing: -1.2px;
}
@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;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 34px;
  letter-spacing: -1.2px;
}
@media (max-width: 767px) {
  .checkout-page__shipping-address__title {
    font-size: 28px;
  }
}
.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], .checkout-page__input-box textarea {
  border-radius: 10px;
  height: 60px;
  width: 100%;
  border: none;
  background-color: var(--hostom-gray2, #E8E8F3);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  display: block;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.checkout-page__input-box input[type=text]::placeholder,
.checkout-page__input-box input[type=email]::placeholder,
.checkout-page__input-box input[type=tel]::placeholder, .checkout-page__input-box textarea::placeholder {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.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(--hostom-font, "Manrope", sans-serif);
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle::after {
  display: none;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 58px;
  outline: none !important;
  border-radius: 0;
  border: 0;
  background-color: var(--hostom-gray, #f9f6f1) !important;
  margin: 0;
  padding: 0;
  padding-left: 30px;
  padding-right: 30px;
  color: var(--hostom-text, #787880) !important;
  font-size: 14px;
  line-height: 58px;
  font-weight: 500;
  box-shadow: none !important;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-position: right 25.75px center;
}
.checkout-page__input-box .bootstrap-select > .dropdown-toggle:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  font-size: 12px;
  color: var(--hostom-text, #787880);
}
.checkout-page__input-box .bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
}
.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(--hostom-text, #787880);
  background-color: var(--hostom-gray, #f9f6f1);
  -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(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
  border-color: var(--hostom-base, #c2a74e);
}
.checkout-page__input-box textarea {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: 176px;
  width: 100%;
  background-color: var(--hostom-gray2, #E8E8F3);
  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-left: 30px;
  margin-right: 0px;
  margin-bottom: 0;
  color: var(--hostom-text, #787880);
  font-size: 15px;
  line-height: 24px;
  text-transform: none;
  cursor: pointer;
}
.checkout-page__check-box label span:before {
  position: absolute;
  top: 0;
  left: 5px;
  line-height: 20px;
  display: inline-block;
  color: var(--hostom-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;
  left: 0;
  width: 19px;
  height: 19px;
  background-color: var(--hostom-base, #c2a74e);
  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__details {
  margin-top: 25px;
  margin-bottom: 40px;
}
.checkout-page__details__title {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.2px;
  margin-bottom: 20px;
}
.checkout-page__details__check-box input[type=checkbox] {
  display: none;
}
.checkout-page__details__check-box label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  color: var(--hostom-text, #787880);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.checkout-page__details__check-box label span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: var(--hostom-secondary2, #FB542D);
  border-radius: 50%;
  border: none;
  vertical-align: middle;
  cursor: pointer;
  transition: all 300ms ease;
}
.checkout-page__details__check-box label span::before {
  content: "\f00c";
  color: var(--hostom-white, #fff);
  position: absolute;
  top: 4px;
  left: 6px;
  line-height: 15px;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 900;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}
.checkout-page__details__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 {
  margin-bottom: 35px;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.2px;
}
@media (max-width: 767px) {
  .checkout-page__your-order__title {
    font-size: 28px;
  }
}
.checkout-page__your-order .nionx-btn {
  padding: 19px 38px;
}
.checkout-page__order-table {
  position: relative;
  width: 100%;
  border: none;
  margin: 0 0 0;
}
.checkout-page__order-table thead tr th {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 235%;
  margin: 0;
  padding: 15.5px 0;
  border: none;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  font-weight: bold;
}
.checkout-page__order-table thead tr th:last-child {
  text-align: right;
}
.checkout-page__order-table tbody tr td {
  color: var(--hostom-base, #c2a74e);
  font-family: var(--hostom-heading-font, "Manrope", sans-serif);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding: 0 0 24px;
  border: none;
}
.checkout-page__order-table tbody tr td:last-child {
  text-align: right;
}
.checkout-page__order-table .pro__price {
  color: var(--hostom-text, #787880);
  font-weight: 500;
}
.checkout-page__order-table tbody tr:first-child td {
  padding-top: 25px;
}
.checkout-page__order-table tbody tr:last-child td {
  padding-bottom: 26px;
  padding-top: 26px;
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
}
.checkout-page__order-table tbody tr:last-child td.pro__price {
  color: var(--hostom-base, #c2a74e);
  font-weight: 700;
}
.checkout-page__payment {
  background-color: var(--hostom-gray2, #E8E8F3);
  border-radius: 6px;
  padding: 40px 45px 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-left: 25px;
    padding-right: 25px;
  }
}
.checkout-page__payment__item {
  position: relative;
}
.checkout-page__payment__title {
  display: flex;
  font-size: 20px;
  margin: 0;
  align-items: center;
  margin-bottom: 28px;
  cursor: pointer;
  font-weight: 700;
}
.checkout-page__payment__title::before {
  content: "";
  width: 22px;
  height: 22px;
  background-color: var(--hostom-white, #fff);
  border-radius: 50%;
  margin-right: 10px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  position: relative;
  top: 1px;
  transition: all 500ms ease;
}
.checkout-page__payment__title img {
  margin-left: 15px;
}
.checkout-page__payment__item--active .checkout-page__payment__title::before {
  background-color: var(--hostom-secondary2, #FB542D);
  border-color: var(--hostom-secondary2, #FB542D);
  content: "\f00c";
  color: var(--hostom-white, #fff);
}
.checkout-page__payment__content {
  margin-left: 35px;
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 30px;
}

/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/
.login-page {
  position: relative;
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .login-page {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.login-page__inner {
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 40px 30px 40px 30px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .login-page__inner {
    padding: 57px 40px 57px 40px;
  }
}
.login-page__info {
  background-color: var(--hostom-gray2, #E8E8F3);
  padding: 36px 50px 35px 50px;
  margin-bottom: 30px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .login-page__info {
    margin-bottom: 20px;
    padding: 15px 30px;
  }
  .login-page__info p {
    font-size: 16px;
  }
}
.login-page__info p {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  line-height: normal;
  color: var(--hostom-base, #c2a74e);
}
.login-page__info p span {
  font-weight: 700;
}
.login-page__info p a {
  line-height: normal;
  font-weight: 700;
  display: inline-block;
  color: var(--hostom-secondary2, #FB542D);
  transition: all 500ms ease;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.login-page__info p a:hover {
  background-size: 100% 1px;
}
.login-page__wrap {
  position: relative;
}
.login-page__wrap__title {
  margin-top: -5px;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 700;
  line-height: normal; /* 0% */
  letter-spacing: -1.2px;
}
.login-page__wrap .form__border {
  display: none;
}
@media (min-width: 992px) {
  .login-page__wrap .form__border {
    display: block;
  }
}
.login-page__wrap .form__border::after {
  display: none;
  position: absolute;
  top: 0;
  right: -47px;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--hostom-gray2, #E8E8F3);
}
@media (min-width: 992px) {
  .login-page__wrap .form__border::after {
    display: block;
  }
}
@media (max-width: 992px) {
  .login-page .register-page__wrap {
    margin-top: 50px;
  }
}
.login-page__form {
  position: relative;
  display: block;
}
.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: 60px;
  width: 100%;
  border: none;
  border-radius: 10px;
  background-color: var(--hostom-gray2, #E8E8F3);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  color: var(--hostom-text, #787880);
  display: block;
  font-weight: 500;
}
.login-page__form-input-box input[type=email]::placeholder,
.login-page__form-input-box input[type=password]::placeholder {
  color: var(--hostom-text, #787880);
}
.login-page__checked-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .login-page__checked-box {
    display: block;
  }
}
.login-page__checked-box label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  margin-right: 0px;
  margin-bottom: 0;
  text-transform: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.login-page__checked-box label span:before {
  position: absolute;
  top: 2px;
  left: 5px;
  display: block;
  border-bottom: 2px solid var(--hostom-text, #787880);
  border-right: 2px solid var(--hostom-text, #787880);
  content: "";
  width: 7px;
  height: 10px;
  pointer-events: none;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  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;
  left: 0;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: transparent;
  cursor: pointer;
  transition: all 300ms ease;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
}
.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 .nionx-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 19px 40px;
}
.login-page__form-forgot-password {
  position: relative;
  display: block;
  margin-left: 0px;
  flex: 0 0 100%;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .login-page__form-forgot-password {
    margin-left: 20px;
    flex: 0 0 auto;
    margin-top: 0;
  }
}
.login-page__form-forgot-password a {
  color: var(--hostom-text, #787880);
  position: relative;
  display: inline-block;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.login-page__form-forgot-password a:hover {
  background-size: 100% 1px;
}
.login-page__form-forgot-password a:hover {
  color: var(--hostom-text, #787880);
}

.gutter-x-94 {
  --bs-gutter-x: 94px;
}

/*--------------------------------------------------------------
# error 404
--------------------------------------------------------------*/
.error-404 {
  padding-bottom: 80px;
  text-align: center;
  padding-top: 80px;
}
@media (min-width: 992px) {
  .error-404 {
    padding-bottom: 120px;
    padding-top: 120px;
  }
}
.error-404__thumb {
  position: relative;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 60px;
}
.error-404__thumb__item--one {
  position: relative;
  z-index: 1;
}
@media (max-width: 575px) {
  .error-404__thumb__item--one img {
    width: 100%;
  }
}
.error-404__thumb__item--two {
  position: absolute;
  top: 0%;
  left: 18%;
  animation: heroleft 3.5s ease-in-out 1s infinite;
}
@media (max-width: 575px) {
  .error-404__thumb__item--two img {
    width: 70%;
  }
}
.error-404__thumb__item--three {
  position: absolute;
  top: 5%;
  right: 20%;
  z-index: 1;
}
@media (max-width: 575px) {
  .error-404__thumb__item--three img {
    width: 70%;
  }
}
.error-404__thumb__item--fore {
  position: absolute;
  top: 23%;
  right: 47%;
  animation: topAni 3s ease-in-out infinite;
}
@media (max-width: 575px) {
  .error-404__thumb__item--fore img {
    width: 80%;
  }
}
.error-404__thumb__item--five {
  position: absolute;
  top: 44%;
  left: 9%;
  animation: topAni 4s ease-in-out infinite;
}
@media (max-width: 575px) {
  .error-404__thumb__item--five img {
    width: 100%;
  }
}
.error-404__sub-title {
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 65%;
  letter-spacing: -1.6px;
}
@media (max-width: 768px) {
  .error-404__sub-title {
    font-size: 30px;
  }
}
@media (max-width: 576px) {
  .error-404__sub-title {
    font-size: 25px;
    margin-bottom: 10px;
  }
}
.error-404__text {
  margin-bottom: 20px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 700;
  line-height: 200%;
}
@media (max-width: 576px) {
  .error-404__text {
    line-height: 140%;
  }
}
.error-404__search {
  display: inline-flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
  max-width: 550px;
}
.error-404__search input[type=text] {
  border: none;
  outline: none;
  display: block;
  background-color: var(--hostom-gray2, #E8E8F3);
  border-radius: 6px;
  width: 496px;
  height: 59.934px;
  padding-left: 70px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 112.5%;
}
.error-404__search input[type=text]::placeholder {
  color: var(--hostom-text, #787880);
}
@media (max-width: 575px) {
  .error-404__search input[type=text] {
    width: 300px;
  }
}
.error-404__search__btn {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--hostom-text, #787880);
}
@media (min-width: 768px) {
  .error-404__search__btn {
    font-size: 22px;
  }
}
.error-404__btns {
  margin-top: 0px;
}
.error-404__btns .nionx-btn {
  padding: 18.55px 38.66px;
}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-page-search {
  padding-top: 160px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .faq-page-search {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}
.faq-page-search__inner {
  border: 1px solid var(--hostom-gray, #f9f6f1);
  position: relative;
  padding: 45px 40px 50px 40px;
  border-radius: 20px;
}
.faq-page-search__title {
  text-align: center;
  margin-bottom: 10px;
  margin-top: -7px;
  font-size: 30px;
  font-weight: 700;
  line-height: 117.5%;
  letter-spacing: -1.6px;
}
@media (min-width: 992px) {
  .faq-page-search__title {
    font-size: 40px;
  }
}
.faq-page-search__form {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 25px;
  width: 100%;
  max-width: 559px;
  margin-left: auto;
  margin-right: auto;
}
.faq-page-search__form input[type=text] {
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  max-width: 559px;
  height: 60px;
  border: none;
  outline: none;
  display: block;
  background-color: var(--hostom-gray2, #E8E8F3);
  font-size: 16px;
  width: 100%;
  padding-left: 70px;
  color: var(--hostom-text, #787880);
}
.faq-page-search__form::placeholder {
  color: var(--hostom-text, #787880);
}
.faq-page-search__form__btn {
  border: none;
  outline: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--hostom-text, #787880);
}
@media (min-width: 768px) {
  .faq-page-search__form__btn {
    font-size: 22px;
  }
}

.faq-page {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .faq-page {
    padding-bottom: 80px;
  }
}
.faq-page__thumb {
  margin-right: 50px;
  position: relative;
}
@media (max-width: 991px) {
  .faq-page__thumb {
    max-width: 400px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .faq-page__thumb {
    max-width: 400px;
  }
}
.faq-page__thumb img {
  width: 100%;
  border-radius: 30px;
}
.faq-page__thumb__card {
  position: absolute;
  bottom: -33px;
  left: 12%;
  border-radius: 19px;
  background: var(--hostom-secondary, #9ADFFF);
  max-width: 405px;
  width: 100%;
  text-align: center;
  padding: 0px 15px;
  padding-bottom: 25px;
}
.faq-page__thumb__card__icon {
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  width: 82px;
  height: 82px;
  border-radius: 500px;
  background: var(--hostom-white, #fff);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.faq-page__thumb__card__icon i {
  font-size: 40px;
  color: var(--hostom-secondary2, #FB542D);
}
.faq-page__thumb__card__email {
  margin-top: -10px;
  display: block;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 500;
  line-height: 221.875%;
}
.faq-page__thumb__card__email a {
  color: inherit;
  font-weight: 800;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.faq-page__thumb__card__email a:hover {
  background-size: 100% 1px;
}
.faq-page__thumb__card__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 175%;
  margin-bottom: 4px;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .faq-page__thumb__card {
    max-width: 305px;
    left: calc(5% - 5px);
  }
}
@media (max-width: 450px) {
  .faq-page__thumb__card {
    max-width: 100%;
    width: auto;
  }
}
@media (max-width: 1199px) {
  .faq-page__thumb {
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  .faq-page__thumb {
    margin-bottom: 50px;
  }
}
.faq-page__accordion .accrodion {
  border-bottom: 1px solid var(--hostom-gray, #f9f6f1);
}
.faq-page__accordion .accrodion + .accrodion {
  margin-top: 20px;
}
.faq-page__accordion .accrodion-title {
  padding: 13px 40px 13px 0px;
  cursor: pointer;
}
.faq-page__accordion .accrodion-title__text {
  position: relative;
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
.faq-page__accordion .accrodion-title__icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: -35px;
  border-radius: 50%;
  border: 1px solid var(--hostom-base, #c2a74e);
  transform: translateY(-50%);
}
.faq-page__accordion .accrodion-title__icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e912";
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
  font-family: "icomoon" !important;
  font-size: 15px;
}
.faq-page__accordion .active .accrodion-title__icon {
  background-color: var(--hostom-secondary2, #FB542D);
  border: 1px solid var(--hostom-secondary2, #FB542D);
  transform: translateY(-50%) rotateY(180deg);
}
.faq-page__accordion .active .accrodion-title__icon::before {
  color: var(--hostom-white, #fff);
}
.faq-page__accordion .accrodion-content .inner {
  padding: 10px 10px 20px 0px;
  margin-top: -3px;
}
.faq-page__accordion .accrodion-content p {
  padding-bottom: 0;
  margin-bottom: 0;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 187.5%;
}

.faq-two {
  padding-top: 120px;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .faq-two {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .faq-two {
    padding-top: 80px;
  }
}

.faq-three .sec-title {
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .faq-three__left {
    margin-bottom: 40px;
  }
}

/*--------------------------------------------------------------
# Package
--------------------------------------------------------------*/
.package-card {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}
.package-card__head {
  position: relative;
  padding: 25px 0px 67px 0px;
  background-color: var(--hostom-base, #c2a74e);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 370 208" xmlns="http://www.w3.org/2000/svg"> <path d="M370 208C217.161 164.447 59.6503 189.853 0 208V0H370V208Z"/></svg>');
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 370 208" xmlns="http://www.w3.org/2000/svg"> <path d="M370 208C217.161 164.447 59.6503 189.853 0 208V0H370V208Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.package-card__head__thumb {
  text-align: center;
}
.package-card__head__title {
  text-align: center;
  color: var(--hostom-white, #fff);
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.96px;
  text-transform: capitalize;
  margin-top: 8px;
}
.package-card__head__shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.package-card__body {
  transition: all 0.4s ease-in-out;
  padding: 18px 50px 30px 50px;
  border-radius: 0px 0px 30px 30px;
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  border-left: 1px solid var(--hostom-gray2, #E8E8F3);
  border-right: 1px solid var(--hostom-gray2, #E8E8F3);
}
.package-card__body__pricing-plan {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  transition: all 0.4s ease-in-out;
  margin-bottom: 10px;
}
.package-card__body__price {
  color: var(--hostom-secondary2, #FB542D);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 30px;
  font-weight: 800;
  line-height: 100%;
  transition: all 0.4s ease-in-out;
}
.package-card__body__price__month {
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  transition: all 0.4s ease-in-out;
}
.package-card__content {
  margin-top: 25px;
}
.package-card__content__list__item {
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  transition: all 0.6s ease-in-out;
}
.package-card__content__list__item::before {
  content: "\f058";
  transition: all 0.6s ease-in-out;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 900;
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  color: var(--hostom-secondary, #9ADFFF);
}
.package-card__content__list__item span {
  transition: all 0.6s ease-in-out;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 900;
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  color: var(--hostom-secondary, #9ADFFF);
}
.package-card__content__list__item + .package-card__content__list__item {
  margin-top: 14px;
}
.package-card__content__link {
  margin-top: 47px;
}
.package-card__content__link a {
  padding: 19px 40px;
}
.package-card::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 0%;
  z-index: -2;
  background: var(--hostom-secondary, #9ADFFF);
  transition: all 0.6s ease-in-out;
}
.package-card:hover .package-card__body {
  border-bottom: 1px solid var(--hostom-secondary, #9ADFFF);
  border-left: 1px solid var(--hostom-secondary, #9ADFFF);
  border-right: 1px solid var(--hostom-secondary, #9ADFFF);
}
.package-card:hover .package-card__body__top .package-card__body__pricing-plan, .package-card:hover .package-card__body__top .package-card__body__price, .package-card:hover .package-card__body__top .package-card__body__price__month {
  color: var(--hostom-base, #c2a74e);
}
.package-card:hover::after {
  height: 100%;
}
.package-card:hover .package-card__content__list__item {
  color: var(--hostom-base, #c2a74e);
}
.package-card:hover .package-card__content__list__item::before {
  color: var(--hostom-white, #fff);
}
.package-card:hover .package-card__content__list__item span {
  color: var(--hostom-white, #fff);
}

.package-card__two {
  border-radius: 30px;
  position: relative;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  background: var(--hostom-white, #fff);
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
  margin-bottom: 50px;
}
.package-card__two__head {
  position: relative;
  padding: 25px 0px 0px 0px;
}
.package-card__two__head__thumb {
  text-align: center;
  position: relative;
  z-index: 1;
  width: 151px;
  height: 151px;
  border-radius: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -75px;
  background-color: var(--hostom-white, #fff);
  display: flex;
  justify-content: center;
  align-items: end;
  transition: all 0.5s ease-in-out;
}
.package-card__two__head__thumb__shadow {
  position: absolute;
  bottom: 10%;
  left: 28%;
  z-index: -1;
}
.package-card__two__head__title {
  transition: all 0.3s ease-in-out;
  text-align: center;
  color: var(--hostom-base, #c2a74e);
  margin-top: 20px;
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.96px;
  text-transform: capitalize;
}
.package-card__two__content__list__item {
  text-align: center;
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  transition: all 0.6s ease-in-out;
}
.package-card__two__content__list__item::before {
  content: "\e938";
  transition: all 0.6s ease-in-out;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 400;
  font-family: "icomoon" !important;
  color: var(--hostom-gray2, #E8E8F3);
}
.package-card__two__content__list__item + .package-card__two__content__list__item {
  margin-top: 14px;
}
.package-card__two__link {
  margin-top: 58px;
}
.package-card__two__link a {
  transform: scale(1);
  transition: all 0.5s ease-in-out;
  width: 70px;
  height: 70px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -60px;
  justify-content: center;
  align-items: center;
  border-radius: 500px;
  background-color: var(--hostom-gray2, #E8E8F3);
  padding: 0;
  color: var(--hostom-base, #c2a74e);
  font-size: 30px;
}
.package-card__two__link a::before {
  border-radius: 500px;
  background-color: var(--hostom-white, #fff);
}
.package-card__two__link a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.package-card__two__body {
  transition: all 0.4s ease-in-out;
  padding: 18px 50px 30px 50px;
  border-radius: 0px 0px 30px 30px;
  text-align: center;
}
.package-card__two__body__top {
  margin-top: 37px;
}
.package-card__two__body__pricing-plan {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  transition: all 0.4s ease-in-out;
  margin-bottom: 10px;
}
.package-card__two__body__price {
  color: var(--hostom-secondary2, #FB542D);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 30px;
  font-weight: 800;
  line-height: 100%;
  transition: all 0.4s ease-in-out;
}
.package-card__two__body__price__month {
  color: var(--hostom-text, #787880);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  transition: all 0.4s ease-in-out;
}
.package-card__two:hover {
  background: var(--hostom-base, #c2a74e);
}
.package-card__two:hover .package-card__two__head__title,
.package-card__two:hover .package-card__two__body__pricing-plan {
  color: var(--hostom-white, #fff);
}
.package-card__two:hover .package-card__two__link a {
  transform: scale(1.4);
}
.package-card__two:hover .package-card__two__head__thumb {
  background-color: var(--hostom-base, #c2a74e);
}
.package-card__two:hover .package-card__two__head__thumb__shadow {
  display: none;
}
.package-card__two:hover .package-card__two__content__list__item,
.package-card__two:hover .package-card__two__body__price__month {
  color: var(--hostom-blue2, #8A8ABC);
}
.package-card__two:hover .package-card__two__content__list__item::before,
.package-card__two:hover .package-card__two__body__price__month::before {
  color: var(--hostom-white, #fff);
}

.package-two {
  padding: 120px 0 100px 0;
  position: relative;
}
@media (max-width: 991px) {
  .package-two {
    padding: 100px 0 80px 0;
  }
}
@media (max-width: 767px) {
  .package-two {
    padding: 80px 0 50px 0;
  }
}
.package-two__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
.package-two .sec-title {
  padding-bottom: 22px;
}
.package-two .price-page__inner__btn {
  padding: 19px 39px;
  background-color: var(--hostom-gray, #f9f6f1);
}
.package-two .price-page__inner__btn.active-btn, .package-two .price-page__inner__btn:hover {
  background: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
}
.package-two .price-page__inner__btn.active-btn::before, .package-two .price-page__inner__btn:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--hostom-secondary, #9ADFFF);
  position: absolute;
  transition: all 0.4s ease-in-out;
  left: 0;
  right: 0;
  top: 0;
  z-index: -3;
}
.package-two .price-page__inner__filter {
  margin-bottom: 110px;
}
@media (max-width: 992px) {
  .package-two .price-page__inner__filter {
    margin-bottom: 80px;
  }
}

.price-card-fore {
  border-radius: 30px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
}
.price-card-fore__head {
  height: 223px;
  border-radius: 30px 30px 0px 0px;
  width: 100%;
  background: var(--hostom-gray, #f9f6f1);
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: luminosity;
  transition: all 0.5s ease-in-out;
}
.price-card-fore__head img {
  mix-blend-mode: luminosity;
}
.price-card-fore__body {
  padding: 50px 20px 20px 20px;
}
.price-card-fore__content {
  text-align: center;
}
.price-card-fore__top {
  margin-bottom: 20px;
}
.price-card-fore__price {
  color: var(--hostom-text2, #323645);
  font-size: 60px;
  font-weight: 800;
  line-height: 50%;
  margin-bottom: 20px;
  transition: all 0.5s ease-in-out;
}
.price-card-fore__price strong {
  transition: all 0.5s ease-in-out;
  display: inline-block;
  color: var(--hostom-text, #787880);
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  font-size: 40px;
}
.price-card-fore__price strong span {
  color: var(--hostom-text, #787880);
  font-size: 60px;
  font-weight: 800;
  line-height: 30px;
  transition: all 0.5s ease-in-out;
}
.price-card-fore__title {
  color: var(--hostom-text2, #323645);
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -1.2px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.price-card-fore__feature__list__item {
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.price-card-fore__feature__list__item::before {
  content: "\e938";
  margin-right: 5px;
  color: var(--hostom-gray2, #E8E8F3);
  font-size: 15px;
  font-weight: 400;
  font-family: "icomoon" !important;
}
.price-card-fore__feature__list__item + .price-card-fore__feature__list__item {
  margin-top: 14px;
}
.price-card-fore__btn {
  margin-top: 40px;
  text-align: center;
  margin-bottom: -50px;
}
.price-card-fore__btn a {
  background-color: var(--hostom-text2, #323645);
}
.price-card-fore__btn a::before {
  background-color: var(--hostom-base3, #F8656B);
}
.price-card-fore__btn a:hover {
  color: var(--hostom-white, #fff);
}
.price-card-fore:hover .price-card-fore__head {
  background: var(--hostom-text2, #323645);
}
.price-card-fore:hover .price-card-fore__price {
  color: var(--hostom-base3, #F8656B);
}
.price-card-fore:hover .price-card-fore__price strong {
  color: var(--hostom-text2, #323645);
}
.price-card-fore:hover .price-card-fore__price strong span {
  color: var(--hostom-text2, #323645);
}

.package-page {
  padding: 120px 0;
  padding-top: 120px;
}
.package-page .sec-title {
  padding-bottom: 22px;
}
@media (max-width: 767px) {
  .package-page {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.package-page .owl-carousel .owl-item img {
  display: inline;
  width: auto;
}
.package-page__carousel .owl-dots {
  display: none !important;
}

.price-page__inner__btn {
  padding: 19px 39px;
  background-color: var(--hostom-gray2, #E8E8F3);
  color: var(--hostom-text, #787880);
}
.price-page__inner__btn.active-btn, .price-page__inner__btn:hover {
  background: var(--hostom-secondary2, #FB542D);
  color: var(--hostom-white, #fff);
}
.price-page__inner__btn.active-btn::before, .price-page__inner__btn:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--hostom-secondary2, #FB542D);
  position: absolute;
  transition: all 0.4s ease-in-out;
  left: 0;
  right: 0;
  top: 0;
  z-index: -3;
}

.price-page__inner__filter {
  margin-bottom: 60px;
  display: flex;
  gap: 10px;
  justify-content: center;
}
@media (max-width: 992px) {
  .price-page__inner__filter {
    margin-bottom: 40px;
  }
}

.package-one {
  background: var(--hostom-white, #fff);
  padding: 120px 0px;
}
@media (max-width: 991px) {
  .package-one {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .package-one {
    padding: 80px 0px;
  }
}
.package-one .sec-title {
  padding-bottom: 18px;
}

.pricing-two {
  padding: 120px 0px;
}
.pricing-two .tables {
  border-radius: 30px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  overflow-x: auto;
}
.pricing-two__table {
  border-collapse: collapse;
  border-radius: 30px;
  width: 100%;
  overflow: hidden;
}
.pricing-two__table__head {
  background: var(--hostom-base, #c2a74e);
}
.pricing-two__table__head__item {
  border-left: 1px solid var(--hostom-gray2, #E8E8F3);
  padding: 43px 50px 50px 50px;
}
@media (max-width: 991px) {
  .pricing-two__table__head__item {
    padding: 30px 20px 20px 30px;
  }
}
.pricing-two__table__head__item:not(:first-of-type) {
  padding: 40px 100px 35px 100px;
}
@media (max-width: 991px) {
  .pricing-two__table__head__item:not(:first-of-type) {
    padding: 30px 20px 20px 20px;
  }
}
.pricing-two__table__head__item .sec-title {
  display: inline-block;
  padding-bottom: 0;
}
.pricing-two__table__head__item .sec-title .tagline {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .pricing-two__table__head__item .sec-title .tagline {
    font-size: 12px;
  }
}
.pricing-two__table__head__item .sec-title .title {
  color: var(--hostom-white, #fff);
  font-size: 40px;
  font-weight: 800;
  line-height: 125%;
  letter-spacing: -1.6px;
  display: inline-block;
}
@media (max-width: 991px) {
  .pricing-two__table__head__item .sec-title .title {
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .pricing-two__table__head__item .sec-title .title {
    font-size: 20px;
  }
}
.pricing-two__table__head__item__thumb {
  text-align: center;
}
.pricing-two__table__head__item__title {
  color: var(--hostom-white, #fff);
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.96px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .pricing-two__table__head__item__title {
    font-size: 17px;
  }
}
.pricing-two__table__head__item__price__price {
  color: var(--hostom-secondary2, #FB542D);
  font-size: 30px;
  font-weight: 800;
  line-height: 66.667%;
  text-align: center;
  display: block;
}
.pricing-two__table__head__item__price__month {
  color: var(--hostom-blue2, #8A8ABC);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.pricing-two__table__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  padding-left: 50px;
  padding-top: 40px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .pricing-two__table__text {
    padding-left: 10px;
    font-size: 15px;
  }
}
.pricing-two__table__icon {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  color: var(--hostom-secondary2, #FB542D);
  vertical-align: middle;
}
@media (max-width: 767px) {
  .pricing-two__table__icon {
    font-size: 16px;
  }
}
.pricing-two__table__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.pricing-two__table__icon i {
  color: currentColor;
}
.pricing-two__table__icon--two {
  color: var(--hostom-secondary, #9ADFFF);
}
.pricing-two__table__btn {
  margin-top: 38px;
  margin-bottom: 40px;
  text-align: center;
}
.pricing-two__table__btn a {
  color: var(--hostom-base, #c2a74e);
  background: var(--hostom-secondary, #9ADFFF);
}
.pricing-two__table__btn a:hover {
  color: var(--hostom-white, #fff);
}
@media (max-width: 767px) {
  .pricing-two__table__btn a {
    padding: 10px 20px;
    font-size: 12px;
  }
}
.pricing-two__table tbody {
  border-left: 1px solid var(--hostom-gray2, #E8E8F3);
  border-right: 1px solid var(--hostom-gray2, #E8E8F3);
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  overflow: hidden;
  border-radius: 0px 0px 20px 20px;
}
.pricing-two__table tbody tr td {
  border-left: 1px solid var(--hostom-gray2, #E8E8F3);
}
.pricing-two__table tbody tr + tr td .pricing-two__table__text {
  padding-top: 10px;
  margin-bottom: 0;
}

.price-five {
  padding: 120px 0px;
}
@media (max-width: 991px) {
  .price-five {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .price-five {
    padding: 80px 0px;
  }
}
.price-five .sec-title {
  padding-bottom: 18px;
}
.price-five__inner__btn {
  padding: 19px 39px;
  background-color: var(--hostom-white, #fff);
  color: var(--hostom-text2, #323645);
}
.price-five__inner__btn:hover {
  color: var(--hostom-text, #787880);
  background: transparent;
}
.price-five__inner__btn:hover::before {
  background: transparent;
}
.price-five__inner__btn.active-btn {
  background: var(--hostom-base3, #F8656B);
  color: var(--hostom-white, #fff);
}
.price-five__inner__btn.active-btn::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--hostom-base3, #F8656B);
  position: absolute;
  transition: all 0.4s ease-in-out;
  left: 0;
  right: 0;
  top: 0;
  z-index: -3;
}
.price-five__inner__filter {
  max-width: 265px;
  display: flex;
  border-radius: 36px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
@media (max-width: 992px) {
  .price-five__inner__filter {
    margin-bottom: 40px;
  }
}

/*--------------------------------------------------------------
# Offer
--------------------------------------------------------------*/
.offer-one {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .offer-one {
    padding-bottom: 80px;
  }
}
.offer-one--home {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .offer-one--home {
    padding: 80px 0;
  }
}
.offer-one .container-fluid {
  max-width: 1604px;
}
.offer-one__card {
  padding: 20px;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.offer-one__card::before {
  background: linear-gradient(90deg, rgba(var(--hostom-white-rgb, 255, 255, 255), 0.13) 0px, rgba(var(--hostom-white-rgb, 255, 255, 255), 0.13) 77%, rgba(var(--hostom-white-rgb, 255, 255, 255), 0.5) 92%, rgba(var(--hostom-white-rgb, 255, 255, 255), 0));
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transition: all 0.7s ease 0s;
  width: 200%;
}
.offer-one__card:hover::before {
  left: -30%;
  opacity: 1;
  top: -20%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: linear;
}
.offer-one__card__inner {
  position: relative;
  border: 1px solid var(--hostom-white, #fff);
  padding: 40px;
}
@media (min-width: 992px) {
  .offer-one__card__inner {
    padding: 50px;
  }
}
.offer-one__card__shape {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
@media (min-width: 992px) {
  .offer-one__card__shape {
    display: block;
  }
}
.offer-one__card__value {
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  font-weight: 400;
  font-size: 30px;
  color: var(--hostom-base, #c2a74e);
  line-height: 1;
  margin: 0;
}
@media (min-width: 992px) {
  .offer-one__card__value {
    font-size: 40px;
  }
}
.offer-one__card__title {
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  font-size: 30px;
  line-height: 1.2em;
  margin-bottom: 17px;
}
@media (min-width: 992px) {
  .offer-one__card__title {
    font-size: 40px;
  }
}

/*--------------------------------------------------------------
# Membership
--------------------------------------------------------------*/
.membership-one {
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .membership-one {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.membership-one .sec-title {
  text-align: center;
  padding-bottom: 25px;
}
.membership-one__tab__list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
}
.membership-one__tab__list li {
  cursor: pointer;
}
.membership-one__tab__list li span {
  display: block;
  font-size: 10px;
  background-color: var(--hostom-gray, #f9f6f1);
  transition: all 500ms ease;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: var(--hostom-letter-space, 0.1em);
  padding: 15px 20px;
  line-height: 1.2em;
  color: var(--hostom-text, #787880);
}
.membership-one__tab__list li.active-btn span, .membership-one__tab__list li:hover span {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}
.membership-one__card {
  background-repeat: no-repeat;
  background-position: top right;
  border: 1px solid var(--hostom-border-color, #e8e3da);
  padding: 50px;
  background-color: var(--hostom-white, #fff);
  transition: all 500ms ease;
}
.membership-one__card:hover {
  border-color: var(--hostom-white, #fff);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
.membership-one__card__price {
  font-family: var(--hostom-font, "Manrope", sans-serif);
  color: var(--hostom-black, #1c1a1d);
  line-height: 1;
  font-size: 40px;
  line-height: 1em;
  font-weight: 500;
}
.membership-one__card__tagline {
  margin: 0;
  font-size: 16px;
  font-family: var(--hostom-font, "Manrope", sans-serif);
  line-height: 2.5em;
  color: var(--hostom-text, #787880);
  border-bottom: 1px solid var(--hostom-border-color, #e8e3da);
  padding-bottom: 16px;
  margin-bottom: 33px;
}
.membership-one__card__text {
  margin: 0;
  font-weight: 600;
  color: var(--hostom-black, #1c1a1d);
  font-size: 16px;
  line-height: 2.5em;
  margin-top: 13px;
}
.membership-one__card__list {
  margin-bottom: 26px;
}
.membership-one__card__list li {
  position: relative;
  font-size: 16px;
  line-height: 2.5em;
  color: var(--hostom-text, #787880);
  display: flex;
  justify-content: center;
  align-items: center;
}
.membership-one__card__list li > i {
  font-size: 14px;
  color: var(--hostom-base, #c2a74e);
  margin-right: 10px;
  position: relative;
  top: 1px;
}

.membership-two {
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .membership-two {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.membership-two--padding {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .membership-two--padding {
    padding: 80px 0;
  }
}
.membership-two .sec-title {
  text-align: center;
}
.membership-two-card {
  background-repeat: no-repeat;
  background-position: top right;
  border: 1px solid var(--hostom-border-color, #e8e3da);
  padding: 36px 40px;
  transition: all 500ms ease;
  background-color: var(--hostom-white, #fff);
}
.membership-two-card:hover {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) {
  .membership-two-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.membership-two-card__icon i,
.membership-two-card__icon span {
  color: var(--hostom-base, #c2a74e);
  font-size: 60px;
}
@media (min-width: 992px) {
  .membership-two-card__icon {
    margin-right: 30px;
  }
}
.membership-two-card__title {
  margin: 0;
  text-transform: uppercase;
  color: var(--hostom-black, #1c1a1d);
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: bold;
}
.membership-two-card__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.membership-two-card__title a:hover {
  background-size: 100% 1px;
}
.membership-two-card__text {
  font-size: 15px;
  line-height: 2em;
  margin: 0;
}
.membership-two-card__price {
  margin: 0;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  line-height: 1.6666666667em;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .membership-two-card__price {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .membership-two-card__price {
    margin-left: 90px;
  }
}
@media (min-width: 1200px) {
  .membership-two-card__price {
    margin-top: 0;
    margin-left: auto;
  }
}

/*--------------------------------------------------------------
# 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: right bottom;
    transform-origin: right bottom;
  }
  80% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: left top;
    transform-origin: left 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 scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale2 {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(0.9);
  }
  60% {
    transform: scale(1);
  }
  90% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes flowerRotate {
  0%, 100% {
    transform: rotate(0deg);
  }
  25%, 75% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(10deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(60deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes left-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes iconleft {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes heroleft {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes bgSlide {
  0% {
    background-position: 0 0;
  }
  20% {
    background-position: -100px 0;
  }
  40% {
    background-position: -200px 0;
  }
  60% {
    background-position: -150px 0;
  }
  80% {
    background-position: -100px 0;
  }
  100% {
    background-position: 0px 0;
  }
}
@keyframes topAni {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes aniWidth {
  0% {
    height: 0%;
    overflow: hidden;
  }
  25% {
    height: 30%;
    overflow: hidden;
  }
  50% {
    height: 70%;
    overflow: hidden;
  }
  75% {
    height: 100%;
    overflow: hidden;
  }
  100% {
    height: 0%;
    overflow: hidden;
  }
}
@keyframes change-background {
  0% {
    fill: var(--hostom-base3, #F8656B);
  }
  50% {
    fill: var(--hostom-secondary, #9ADFFF);
  }
  100% {
    fill: var(--hostom-base3, #F8656B);
  }
}
/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  transform: translateX(-100%);
  transform-origin: left center;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  visibility: hidden;
  position: fixed;
}
.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 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(--hostom-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(--hostom-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;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--hostom-black, #1c1a1d);
  opacity: 0.3;
  cursor: url(../images/close.png), auto;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--hostom-black2, #141215);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 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;
  transition: all 0.4s ease-in-out;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--hostom-white, #fff);
  cursor: pointer;
}
.mobile-nav__close:hover {
  animation: textRotate 1s ease-in-out;
  color: var(--hostom-secondary, #9ADFFF);
}

.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(--hostom-white-rgb, 255, 255, 255), 0.1);
}

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

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

.mobile-nav__content .main-menu__list li > a {
  display: flex;
  justify-content: space-between;
  text-transform: capitalize;
  height: 46px;
  align-items: center;
  transition: 500ms;
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.mobile-nav__content .main-menu__list li > a:hover {
  color: var(--hostom-secondary, #9ADFFF);
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--hostom-secondary, #9ADFFF);
}

.mobile-nav__content .main-menu__list li a button {
  width: 30px;
  height: 30px;
  background-color: var(--hostom-secondary, #9ADFFF);
  border: none;
  outline: none;
  color: var(--hostom-base, #c2a74e);
  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(--hostom-white, #fff);
  color: var(--hostom-black, #1c1a1d);
}

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

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.mobile-nav__contact li {
  color: var(--hostom-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(--hostom-base, #c2a74e);
}
.mobile-nav__contact li > i {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--hostom-base, #c2a74e);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
  margin-right: 10px;
  color: var(--hostom-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;
  left: 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);
  right: 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;
    left: 0;
    right: 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;
  left: 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(--hostom-white, #fff);
  font-size: 15px;
  color: var(--hostom-text, #787880);
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
}
.search-popup__form .hostom-btn {
  padding: 0;
  width: 66px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  font-size: 20px;
}
.search-popup__form .hostom-btn i {
  margin: 0;
}
.search-popup__form .hostom-btn::before {
  border-radius: 0px;
  background: var(--hostom-secondary2, #FB542D);
}
.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;
    left: 0;
    right: 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(--hostom-black, #1c1a1d);
  position: relative;
  padding-top: 130px;
  padding-bottom: 125px;
}
@media (min-width: 992px) {
  .page-header {
    padding-top: 137px;
    padding-bottom: 128px;
  }
}
.page-header__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/backgrounds/page-header-bg-1-1.jpg);
}
.page-header__bg::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--hostom-base-rgb, 194, 167, 78), 0.6);
}
.page-header .container {
  position: relative;
  z-index: 10;
  text-align: center;
}
.page-header__title {
  color: var(--hostom-white, #fff);
  font-size: 35px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 94%;
  letter-spacing: -2px;
}
@media (min-width: 576px) {
  .page-header__title {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .page-header__title {
    font-size: 50px;
  }
}

.nionx-breadcrumb {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  margin-bottom: 13px;
  border-radius: 12px;
  border: 1px solid var(--hostom-white, #fff);
  padding: 0px 30px;
  margin-top: 17px;
}
.nionx-breadcrumb li {
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 293.75%;
}
.nionx-breadcrumb li:not(:last-of-type)::after {
  content: "/";
  position: relative;
  top: 0px;
  margin-left: 3px;
  margin-right: 3px;
}
.nionx-breadcrumb li span,
.nionx-breadcrumb li a {
  color: inherit;
  display: inline-flex;
  line-height: 293.75%;
}
.nionx-breadcrumb li a:hover {
  color: var(--hostom-base2, #FA7115);
}

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

.contact-map .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
  padding: 80px 0 80px 0;
}
@media (min-width: 992px) {
  .client-carousel {
    padding: 102px 0 120px 0px;
  }
}
.client-carousel__one__item img {
  opacity: 0.2;
  transition: all 500ms ease;
  max-width: 100%;
  width: auto !important;
}
.client-carousel__one__item:hover img {
  opacity: 0.6;
}
.client-carousel__top {
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .client-carousel__top {
    margin-bottom: 40px;
  }
}
.client-carousel__top::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: -1;
  top: 50%;
  width: 100%;
  height: 1px;
  background: var(--hostom-gray2, #E8E8F3);
}
.client-carousel__title {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  padding: 0px 20px;
  position: relative;
  background-color: var(--hostom-white, #fff);
}

.client-carousel-one {
  position: relative;
  background: var(--hostom-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;
  left: 0;
  right: 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(--hostom-gray, #f9f6f1);
  margin: 0 2.5px;
  padding: 0;
  transition: all 500ms ease;
  font-size: 12px;
  color: var(--hostom-black, #1c1a1d);
  text-align: center;
  font-size: 12px;
  line-height: 27px;
  border-radius: 0;
}
.client-carousel-one .owl-theme .owl-nav button:hover {
  background-color: var(--hostom-base, #c2a74e);
  color: var(--hostom-white, #fff);
}
.client-carousel-one .owl-theme .owl-nav::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  content: "";
  height: 1px;
  background-color: var(--hostom-border-color, #e8e3da);
  z-index: -1;
}
.client-carousel-one .owl-theme .owl-nav::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -1;
  width: 110px;
  content: "";
  height: 1px;
  background-color: var(--hostom-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 Slider
--------------------------------------------------------------*/
.hero-one {
  background: var(--hostom-base, #c2a74e);
  padding: 182px 0px 250px 0px;
  position: relative;
  z-index: 1;
}
.hero-one__content {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.hero-one__subtitle {
  color: var(--hostom-secondary2, #FB542D);
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 18px;
}
@media (max-width: 575px) {
  .hero-one__subtitle {
    font-size: 18px;
  }
}
.hero-one__title {
  color: var(--hostom-white, #fff);
  font-size: 60px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: -2.4px;
  max-width: 504px;
  width: 100%;
}
@media (max-width: 991px) {
  .hero-one__title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .hero-one__title {
    font-size: 50px;
  }
}
@media (max-width: 575px) {
  .hero-one__title {
    font-size: 40px;
  }
}
.hero-one__btn {
  margin-top: 50px;
}
.hero-one__btn a {
  background-color: var(--hostom-secondary, #9ADFFF);
  color: var(--hostom-base, #c2a74e);
  padding: 19px 40px;
}
.hero-one__btn a::before {
  background-color: var(--hostom-gray2, #E8E8F3);
}
.hero-one__right {
  position: relative;
}
.hero-one__thumb {
  text-align: end;
  animation: topAni 4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .hero-one__thumb {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .hero-one__thumb {
    max-height: 300px;
  }
  .hero-one__thumb img {
    object-fit: cover;
    max-height: 300px;
  }
}
.hero-one__thumb__item {
  position: absolute;
  right: -45%;
  bottom: -32%;
  z-index: -1;
}
@media (max-width: 991px) {
  .hero-one__thumb__item {
    left: -40%;
    right: auto;
  }
  .hero-one__thumb__item img {
    width: 100%;
  }
}
.hero-one__thumb__item__two {
  position: absolute;
  right: -45%;
  bottom: 0%;
  z-index: -1;
  animation: heroleft 3s ease-in-out infinite;
}
@media (max-width: 991px) {
  .hero-one__thumb__item__two {
    right: 0%;
  }
  .hero-one__thumb__item__two img {
    width: 100%;
  }
}
.hero-one__shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero-one__shape__two {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -3;
  animation: aniWidth 4s ease-in-out infinite;
}
.hero-one__shape__three {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -2;
}
@media (max-width: 768px) {
  .hero-one {
    padding: 130px 0px 150px 0px;
  }
}

.hero-two {
  position: relative;
  background: var(--hostom-base, #c2a74e);
  z-index: 1;
  padding-top: 220px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .hero-two {
    padding-top: 180px;
  }
}
@media (max-width: 767px) {
  .hero-two {
    padding-top: 150px;
  }
}
.hero-two__bg {
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  bottom: 337px;
  overflow: hidden;
}
.hero-two__title {
  color: var(--hostom-white, #fff);
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 128.6%;
  letter-spacing: -2.7px;
  max-width: 856px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .hero-two__title {
    font-size: 55px;
  }
}
@media (max-width: 991px) {
  .hero-two__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .hero-two__title {
    font-size: 45px;
  }
}
@media (max-width: 575px) {
  .hero-two__title {
    font-size: 40px;
  }
}
.hero-two__btn {
  text-align: center;
  margin-top: 23px;
}
.hero-two__btn a::before {
  background-color: var(--hostom-white, #fff);
}
.hero-two__thumb {
  position: relative;
  margin-top: -230px;
}
@media (max-width: 1199px) {
  .hero-two__thumb {
    margin-top: -100px;
  }
}
@media (max-width: 767px) {
  .hero-two__thumb {
    margin-top: -50px;
  }
}
.hero-two__thumb__image {
  position: relative;
  margin-left: -145px;
  bottom: -140px;
}
@media (max-width: 1199px) {
  .hero-two__thumb__image {
    margin-left: 55px;
    bottom: -70px;
  }
  .hero-two__thumb__image img {
    max-width: 800px;
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-two__thumb__image {
    margin-left: 55px;
    bottom: -70px;
  }
  .hero-two__thumb__image img {
    max-width: 600px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .hero-two__thumb__image {
    margin-left: 55px;
    bottom: -70px;
  }
  .hero-two__thumb__image img {
    max-width: 400px;
    object-fit: cover;
  }
}
.hero-two__thumb__item {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: end;
}
.hero-two__thumb__item--one {
  bottom: -15%;
  left: -120px;
  animation: topAni 4s ease-in-out infinite;
}
@media (max-width: 1199px) {
  .hero-two__thumb__item--one {
    left: 0px;
  }
  .hero-two__thumb__item--one img {
    max-width: 300px;
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-two__thumb__item--one {
    left: 0px;
  }
  .hero-two__thumb__item--one img {
    max-width: 200px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .hero-two__thumb__item--one {
    left: 0px;
  }
  .hero-two__thumb__item--one img {
    max-width: 140px;
    object-fit: cover;
  }
}
.hero-two__thumb__item--two {
  bottom: -15%;
  right: -120px;
  animation: topAni 4s ease-in-out infinite;
}
@media (max-width: 1199px) {
  .hero-two__thumb__item--two {
    right: 0px;
  }
  .hero-two__thumb__item--two img {
    max-width: 300px;
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-two__thumb__item--two {
    right: 0px;
  }
  .hero-two__thumb__item--two img {
    max-width: 200px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .hero-two__thumb__item--two {
    right: 0px;
  }
  .hero-two__thumb__item--two img {
    max-width: 140px;
    object-fit: cover;
  }
}
.hero-two__thumb__item--three {
  bottom: -33%;
  left: 10%;
  animation: topAni 4s ease-in-out 1s infinite;
}
@media (max-width: 1199px) {
  .hero-two__thumb__item--three img {
    max-width: 150px;
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-two__thumb__item--three img {
    max-width: 100px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .hero-two__thumb__item--three img {
    max-width: 70px;
    object-fit: cover;
  }
}
.hero-two__thumb__item--fore {
  bottom: -33%;
  right: 10%;
  animation: topAni 4s ease-in-out 1s infinite;
}
@media (max-width: 1199px) {
  .hero-two__thumb__item--fore img {
    max-width: 150px;
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-two__thumb__item--fore img {
    max-width: 100px;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .hero-two__thumb__item--fore img {
    max-width: 70px;
    object-fit: cover;
  }
}
.hero-two__thumb__item--five {
  z-index: -1;
  top: auto;
  left: -180px;
  bottom: -400px;
  mix-blend-mode: screen;
}
.hero-two__thumb__item--five img {
  mix-blend-mode: screen;
}
@media (max-width: 1199px) {
  .hero-two__thumb__item--five {
    left: 5px;
    bottom: -235px;
  }
  .hero-two__thumb__item--five img {
    max-width: 900px;
    object-fit: cover;
  }
}
@media (max-width: 991px) {
  .hero-two__thumb__item--five {
    left: 55px;
    bottom: -178px;
  }
  .hero-two__thumb__item--five img {
    max-width: 600px;
    object-fit: cover;
  }
}
@media (max-width: 757px) {
  .hero-two__thumb__item--five {
    left: 55px;
    bottom: -140px;
  }
  .hero-two__thumb__item--five img {
    max-width: 400px;
    object-fit: cover;
  }
}
.hero-two .hero-two__box {
  position: relative;
  z-index: -2;
  width: 100%;
  height: 337px;
  background: var(--hostom-secondary, #9ADFFF);
}
@media (max-width: 991px) {
  .hero-two .hero-two__box {
    height: 185px;
  }
}

.hero-three {
  padding: 85px 0px 210px 0px;
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 73.97%, rgba(0, 0, 59, 0.12) 100%);
}
@media (max-width: 991px) {
  .hero-three__content {
    margin-bottom: 30px;
  }
}
.hero-three__title {
  color: var(--hostom-base, #c2a74e);
  font-size: 60px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: -2.4px;
}
@media (max-width: 991px) {
  .hero-three__title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .hero-three__title {
    font-size: 40px;
  }
}
.hero-three__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 166.667%;
}
.hero-three__btn {
  margin-top: 40px;
}
.hero-three__btn a:hover {
  color: var(--hostom-white, #fff);
}
@media (max-width: 768px) {
  .hero-three__btn {
    margin-top: 30px;
  }
}
.hero-three__thumb {
  position: relative;
}
@media (max-width: 1400px) {
  .hero-three__thumb img {
    width: 100%;
  }
}
.hero-three__thumb__massage__item {
  position: absolute;
  top: 23%;
  left: 49%;
  animation: topAni 4s ease-in-out 1s infinite;
}
@media (max-width: 1400px) {
  .hero-three__thumb__massage__item {
    top: 23%;
    left: 28%;
  }
  .hero-three__thumb__massage__item img {
    width: 70%;
  }
}
.hero-three__thumb__massage__item--two {
  animation: topAni 4s ease-in-out infinite;
  top: 24%;
  left: 100%;
}
@media (max-width: 1400px) {
  .hero-three__thumb__massage__item--two {
    top: 24%;
    left: 60%;
  }
  .hero-three__thumb__massage__item--two img {
    width: 70%;
  }
}
.hero-three__thumb__setting__item {
  position: absolute;
  top: 40%;
  left: 85%;
  animation: textRotate 4s ease-in-out 1s infinite;
  display: inline-block;
}
@media (max-width: 1400px) {
  .hero-three__thumb__setting__item {
    left: 52%;
  }
}
.hero-three__thumb__setting__item--two {
  left: 49%;
  animation: textRotate 4s ease-in-out infinite;
  top: 40%;
  display: inline-block;
  z-index: -1;
}
@media (max-width: 1400px) {
  .hero-three__thumb__setting__item--two {
    left: 29%;
  }
}
.hero-three__shape {
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -1;
}
@media (max-width: 767px) {
  .hero-three__shape {
    display: none;
  }
}

.hero-fore {
  padding-top: 100px;
  overflow: hidden;
  background: #F4F0EB;
  position: relative;
  z-index: 1;
}
.hero-fore__sub__title {
  color: var(--hostom-text, #787880);
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}
.hero-fore__title {
  color: var(--hostom-text2, #323645);
  font-size: 60px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: -2.4px;
  margin-right: -85px;
}
@media (max-width: 991px) {
  .hero-fore__title {
    font-size: 50px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .hero-fore__title {
    font-size: 40px;
  }
}
.hero-fore__title span {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.hero-fore__title span svg {
  width: 260px;
  height: 69px;
  position: absolute;
  left: -5px;
  bottom: 0;
  z-index: -1;
}
.hero-fore__title span svg path {
  animation: change-background 4s ease infinite;
}
@media (max-width: 991px) {
  .hero-fore__title span svg {
    width: 230px;
    height: 59px;
  }
}
@media (max-width: 767px) {
  .hero-fore__title span svg {
    width: 200px;
    height: 49px;
  }
}
.hero-fore__btn {
  margin-top: 40px;
}
.hero-fore__btn a {
  background: var(--hostom-base3, #F8656B);
}
.hero-fore__btn a:hover {
  color: var(--hostom-white, #fff);
}
.hero-fore__right {
  position: relative;
  z-index: 1;
}
.hero-fore__thumb {
  position: relative;
  padding-top: 50px;
}
@media (max-width: 1400px) {
  .hero-fore__thumb--one img {
    object-fit: cover;
    width: 100%;
  }
}
.hero-fore__thumb--two {
  position: absolute;
  top: 0px;
  right: -50%;
  animation: topAni 3s ease-in-out infinite;
}
@media (max-width: 1400px) {
  .hero-fore__thumb--two {
    right: -20%;
  }
  .hero-fore__thumb--two img {
    object-fit: cover;
  }
}
@media (max-width: 575px) {
  .hero-fore__thumb--two {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-fore__thumb--two {
    font-size: 40px;
  }
}
.hero-fore__thumb__shape {
  position: absolute;
  bottom: 0;
  right: -27%;
  z-index: -1;
  animation: scale 3s ease-in-out infinite;
}
@media (max-width: 1400px) {
  .hero-fore__thumb__shape {
    right: 0%;
  }
  .hero-fore__thumb__shape img {
    object-fit: cover;
    width: 90%;
  }
}
.hero-fore__shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero-fore::after {
  content: "";
  width: 1000px;
  height: 997.696px;
  position: absolute;
  top: 0;
  border-radius: 500px;
  background: linear-gradient(180deg, #FFF 0%, rgba(240, 235, 229, 0) 100%);
  z-index: -2;
  left: 10%;
  animation: scale2 10s ease-in-out infinite;
}

/*--------------------------------------------------------------
# Feature Section
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  z-index: 2;
  background-color: var(--hostom-gray, #f9f6f1);
  padding: 30px 0 65px;
}
.feature-one__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 497px;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
  mix-blend-mode: luminosity;
}
.feature-one__item {
  position: relative;
  margin-bottom: 30px;
}
.feature-one__item::after {
  position: absolute;
  right: -28px;
  top: 0;
  width: 1px;
  height: 95%;
  content: "";
  background-color: var(--hostom-border-color, #e8e3da);
}
@media (max-width: 767px) {
  .feature-one__item::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .feature-one__item--no-border-md::after {
    display: none;
  }
}
.feature-one__item--no-border::after {
  display: none;
}
.feature-one__item:hover .feature-one__item__img::after {
  -webkit-animation: zoom-hover 0.95s;
  animation: zoom-hover 0.95s;
}
.feature-one__item:hover .feature-one__item__icon span {
  transform: scale(0.9);
}
.feature-one__item:hover .feature-one__item__hover-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.feature-one__item__hover-img {
  position: absolute;
  left: -125px;
  top: -25px;
  right: 0;
  margin: auto;
  width: 164px;
  height: 157px;
  visibility: hidden;
  opacity: 0;
  transform: scale(1.1);
  transition: 500ms ease;
}
.feature-one__item__hover-img img {
  width: 100%;
}
@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);
  }
}
.feature-one__item__img {
  width: 171px;
  height: 171px;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto 30px;
}
.feature-one__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.feature-one__item__img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  background: rgba(var(--hostom-white-rgb, 255, 255, 255), 0.2);
  border-radius: 50%;
  transition: all 500ms linear;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
@keyframes zoom-hover {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}
.feature-one__item__icon {
  width: 66px;
  height: 66px;
  background-color: var(--hostom-base, #c2a74e);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--hostom-white, #fff);
  position: absolute;
  right: 0;
  bottom: 0;
}
.feature-one__item__icon span {
  transform: scale(1);
  transition: 500ms ease;
}
.feature-one__item__sub-title {
  font-size: 34px;
  color: var(--hostom-base, #c2a74e);
  font-weight: 400;
  line-height: 1;
  font-family: var(--hostom-special-font, "Instrument Sans", sans-serif);
  margin: 0 0 -2px;
}
.feature-one__item__title {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 -5px;
}
.feature-one__item svg {
  width: 31px;
  height: 4px;
  fill: var(--hostom-base, #c2a74e);
}
.feature-one__item__text {
  font-size: 15px;
  line-height: 26px;
  font-weight: 500;
  max-width: 280px;
  margin: 9px auto 0;
}

.control-box-one {
  padding-bottom: 30px;
  margin-top: -95px;
  background: var(--hostom-white, #fff);
}
.control-box-one__item {
  position: relative;
  border-radius: 30px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
  padding: 20px 50px 20px 50px;
  text-align: center;
  z-index: 1;
}
.control-box-one__item__icon {
  width: 162px;
  height: 162px;
  border-radius: 500px;
  background: var(--hostom-white, #fff);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -70px;
  margin-left: auto;
  margin-right: auto;
}
.control-box-one__item__title {
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 166.667%;
  letter-spacing: -1.2px;
}
.control-box-one__item__title a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.control-box-one__item__title a:hover {
  background-size: 100% 1px;
}
.control-box-one__item__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.control-box-one__item__text {
  font-size: 16px;
  line-height: 200%;
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.control-box-one__item__btn {
  margin-bottom: -47px;
}
.control-box-one__item__btn a {
  color: var(--hostom-white, #fff);
}
.control-box-one__item__btn a:hover {
  color: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .control-box-one__item {
    margin-top: 80px;
  }
}
.control-box-one__element {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
  position: relative;
  padding: 120px 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-one {
    padding: 80px 0;
  }
}
.about-one__image {
  position: relative;
  z-index: 2;
}
.about-one__image__info {
  position: absolute;
  right: 42px;
  bottom: 55px;
  width: 278px;
  background-color: var(--hostom-white, #fff);
  padding: 38px 30px 41px 100px;
  box-shadow: 15px 29px 87px 0px rgba(0, 0, 0, 0.1);
}
.about-one__image__info::after {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  left: 10px;
  top: 10px;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(-45deg, rgba(var(--hostom-base-rgb, 194, 167, 78), 1) 0%, rgba(var(--hostom-black-rgb, 28, 26, 29), 1) 100%) 1;
  z-index: -1;
}
@media (max-width: 767px) {
  .about-one__image__info {
    position: relative;
    right: 0;
    left: 0;
    bottom: 35px;
    margin: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-one__image__info {
    bottom: -45px;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.about-one__image__info:hover .about-one__image__info__icon span {
  transform: rotateY(180deg);
}
.about-one__image__info__icon {
  position: absolute;
  left: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background-color: var(--hostom-base, #c2a74e);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--hostom-white, #fff);
}
.about-one__image__info__icon span {
  display: block;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.about-one__image__info__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--hostom-text, #787880);
  margin: 0 0 8px;
  font-family: var(--hostom-font, "Manrope", sans-serif);
}
.about-one__image__info__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: var(--hostom-black, #1c1a1d);
  margin: 0;
  font-family: var(--hostom-font, "Manrope", sans-serif);
}
.about-one__image__info__text a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
}
.about-one__image__info__text a:hover {
  color: var(--hostom-base, #c2a74e);
  background-size: 100% 1px;
}
.about-one__image__arrow {
  position: absolute;
  right: -14px;
  bottom: -60px;
  z-index: -1;
}
@media (max-width: 991px) {
  .about-one__image__arrow {
    display: none;
  }
}
.about-one__image__arrow 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;
}
.about-one__double-image {
  display: grid;
  grid-template-columns: repeat(2, auto);
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-one__double-image {
    padding-left: 90px;
  }
}
.about-one__double-image img {
  max-width: 100%;
  height: auto;
}
.about-one__double-image img:last-child {
  margin-left: 10px;
}
.about-one__flower {
  position: absolute;
  left: -80px;
  bottom: -80px;
  background-color: var(--hostom-gray, #f9f6f1);
  overflow: hidden;
  width: 87.8%;
  height: 88.3%;
  z-index: -1;
  background-position: -42px 123%;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (max-width: 991px) {
  .about-one__flower {
    left: 0;
  }
}
@media (max-width: 767px) {
  .about-one__flower {
    display: none;
  }
}
.about-one .sec-title {
  padding-bottom: 36px;
}
.about-one__content {
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .about-one__content {
    padding-top: 120px;
  }
}
@media (min-width: 1200px) {
  .about-one__content {
    padding-left: 70px;
  }
}
.about-one__content__list {
  margin: 0 0 30px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .about-one__content__list {
    display: block;
  }
}
.about-one__content__list li {
  list-style: none;
  display: flex;
  align-items: center;
  background-color: var(--hostom-white, #fff);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.07);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--hostom-black, #1c1a1d);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  padding: 11px 54px 11px 31px;
}
@media (max-width: 767px) {
  .about-one__content__list li {
    max-width: 240px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-one__content__list li {
    padding: 11px 30px 11px 25px;
  }
}
.about-one__content__list li span {
  display: inline-block;
  font-size: 24px;
  margin-right: 7px;
  color: var(--hostom-base, #c2a74e);
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.about-one__content__list li:hover span {
  transform: rotateY(180deg);
}
.about-one__content__text-one {
  font-size: 20px;
  line-height: 34px;
  color: var(--hostom-base, #c2a74e);
  margin: 0 0 34px;
}
.about-one__content__text-two {
  line-height: 30px;
  margin: 0 0 42px;
}
.about-one__content__author-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .about-one__content__author-wrapper {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .about-one__content__author-wrapper .hostom-btn {
    padding: 16.25px 27px;
  }
}
.about-one__content__author {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  margin: 0 0 0 20px;
}
@media (max-width: 767px) {
  .about-one__content__author {
    margin: 20px 0 0;
  }
}
.about-one__content__author__thumb {
  width: 58px;
  height: 58px;
  background-color: var(--hostom-base, #c2a74e);
  border-radius: 50%;
  padding: 4px;
  overflow: hidden;
}
.about-one__content__author__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.about-one__content__author__meta {
  display: block;
  position: relative;
  margin: 0;
  padding-left: 15px;
  font-size: 14px;
}
.about-one__content__author__meta img {
  display: block;
}

.about-two {
  padding: 120px 0px;
}
@media (max-width: 991px) {
  .about-two {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .about-two {
    padding: 80px 0px;
  }
}
.about-two__left__thumb {
  overflow: hidden;
  background: var(--hostom-base, #c2a74e);
  border-radius: 300px;
}
@media (max-width: 991px) {
  .about-two__left__thumb {
    max-width: 400px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.about-two__left__thumb__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-two__left__thumb__item img {
  object-fit: cover;
}
.about-two__left__thumb__item--two {
  height: 235px;
  margin-left: auto;
  margin-right: auto;
  animation: topAni 4s ease-in-out infinite;
}
@media (max-width: 991px) {
  .about-two__left {
    margin-bottom: 30px;
  }
}
.about-two__top {
  max-width: 570px;
  width: 100%;
}
.about-two__top .sec-title {
  padding-bottom: 22px;
}
.about-two__right {
  margin-left: 40px;
}
@media (max-width: 1199px) {
  .about-two__right {
    margin-left: 0px;
  }
}
.about-two__text {
  max-width: 570px;
  width: 100%;
}
.about-two__feature {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 991px) {
  .about-two__feature {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .about-two__feature {
    display: block;
  }
  .about-two__feature__item {
    margin-top: 30px;
  }
}
.about-two__feature__thumb {
  border-radius: 30px;
}
@media (max-width: 1199px) {
  .about-two__feature__thumb {
    max-width: 250px;
  }
  .about-two__feature__thumb img {
    border-radius: 30px;
    width: 100%;
  }
}
.about-two__feature__thumb img {
  border-radius: 30px;
  width: 100%;
}
.about-two__feature__list {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
.about-two__feature__list__item__rating {
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 700;
  line-height: 200%;
}
.about-two__feature__list__item__rating i {
  color: var(--hostom-secondary2, #FB542D);
}
@media (max-width: 575px) {
  .about-two__feature__list {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .about-two__feature__item {
    margin-top: 30px;
    max-width: 300px;
    width: 100%;
  }
}
.about-two__list {
  margin-top: 40px;
  padding-bottom: 10px;
}
.about-two__list__item {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.about-two__list__item::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-base, #c2a74e);
  font-size: 17px;
  margin-right: 15px;
}
.about-two__list__item + .about-two__list__item {
  margin-top: 14px;
}

.about-three {
  position: relative;
  padding: 120px 0px;
  background: var(--hostom-white, #fff);
}
@media (max-width: 991px) {
  .about-three {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .about-three {
    padding: 80px 0px;
  }
}
.about-three--page {
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
}
.about-three__left {
  margin-right: 50px;
}
@media (max-width: 1199px) {
  .about-three__left {
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  .about-three__left {
    margin-bottom: 40px;
  }
}
.about-three__thumb__item {
  position: relative;
}
.about-three__thumb__item img {
  border-radius: 30px;
}
@media (max-width: 1199px) {
  .about-three__thumb__item img {
    width: 100%;
  }
}
.about-three__thumb__item__card {
  position: absolute;
  z-index: 1;
  left: 15%;
  bottom: -75px;
  padding: 14px 18px;
  border: 1px solid var(--hostom-secondary, #9ADFFF);
  display: inline-block;
  border-radius: 30px;
}
.about-three__thumb__item__card__item {
  display: flex;
  width: 334px;
  padding: 17px 35px 20px 35px;
  background: var(--hostom-base, #c2a74e);
  align-items: center;
  gap: 20px;
  border-radius: 30px;
}
.about-three__thumb__item__card__icon {
  max-width: 55px;
  height: 55px;
  width: 100%;
  border-radius: 500px;
  background: var(--hostom-secondary2, #FB542D);
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-three__thumb__item__card__icon i {
  font-size: 27px;
  color: var(--hostom-white, #fff);
}
.about-three__thumb__item__card__subtitle {
  color: var(--hostom-white, #fff);
  font-size: 16px;
  font-weight: 500;
  line-height: 200.132%;
  margin-bottom: -2px;
}
.about-three__thumb__item__card__call {
  color: var(--hostom-secondary, #9ADFFF);
  font-size: 25px;
  font-weight: 800;
  margin-top: -5px;
  line-height: 167.067%;
  margin-bottom: -7px;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.about-three__thumb__item__card__call:hover {
  background-size: 100% 1px;
}
@media (max-width: 575px) {
  .about-three__thumb__item__card {
    left: 5%;
  }
  .about-three__thumb__item__card__item {
    display: block;
    width: 250px;
  }
  .about-three__thumb__item__card__call {
    font-size: 20px;
  }
}
.about-three__thumb__item + .about-three__thumb__item {
  margin-top: 20px;
}
.about-three__top .sec-title {
  padding-bottom: 25px;
}
.about-three__top + .about-three__future {
  margin-top: 32px;
}
.about-three__future__list {
  display: flex;
  gap: 40px;
}
@media (max-width: 575px) {
  .about-three__future__list {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.about-three__future__list__item__rating {
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 700;
  line-height: 200%;
}
.about-three__future__list__item__rating i {
  color: var(--hostom-secondary2, #FB542D);
}
.about-three__content {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px;
}
@media (max-width: 575px) {
  .about-three__content {
    display: block;
  }
}
.about-three__content__box {
  max-width: 100%;
  width: 218px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 218px;
  border-radius: 30px;
  background-color: var(--hostom-secondary, #9ADFFF);
}
.about-three__content__box__title {
  color: var(--hostom-base, #c2a74e);
  font-size: 40px;
  font-weight: 800;
  line-height: 125%;
  letter-spacing: -1.6px;
  margin-bottom: 23px;
}
.about-three__content__box__title span {
  display: block;
  text-align: center;
}
.about-three__content__box__price {
  color: var(--hostom-base, #c2a74e);
  font-size: 24px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.about-three__content__list {
  padding-left: 0;
}
@media (max-width: 575px) {
  .about-three__content__list {
    margin-top: 30px;
  }
}
.about-three__content__list__item {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.about-three__content__list__item::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-secondary2, #FB542D);
  margin-right: 8px;
}
.about-three__content__list__item span {
  font-weight: 900;
  color: var(--hostom-secondary2, #FB542D);
  margin-right: 8px;
}
.about-three__content__list__item + .about-three__content__list__item {
  margin-top: 14px;
}
.about-three__content .hostom-btn {
  margin-top: 12px;
}
.about-three__future + .about-three__content {
  margin-top: 30px;
}

.about-fore {
  padding: 120px 0px;
}
.about-fore__left {
  position: relative;
  margin-right: -30px;
}
.about-fore__left__thumb {
  border-radius: 30px;
  overflow: hidden;
}
.about-fore__left__thumb img {
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1199px) {
  .about-fore__left {
    margin-right: 0px;
  }
}
.about-fore__right {
  position: relative;
}
.about-fore__thumb {
  position: absolute;
  margin-top: -65px;
  border-radius: 30px;
  overflow: hidden;
  top: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .about-fore__thumb {
    display: none;
  }
}
.about-fore__top .sec-title {
  padding-bottom: 18px;
}
.about-fore__content {
  margin-left: 50px;
  position: relative;
}
@media (max-width: 1199px) {
  .about-fore__content {
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  .about-fore__content {
    margin-top: 30px;
  }
}
.about-fore__content__box {
  position: absolute;
  right: -10%;
  bottom: 10%;
  z-index: 1;
  width: 195px;
  height: 195px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transform: rotate(-54.411deg);
  border-radius: 97.5px;
  background: var(--hostom-gray2, #E8E8F3);
  animation: rotate2 4s ease-in-out infinite;
}
.about-fore__content__box__domine {
  text-align: center;
  font-size: 35.78px;
  font-weight: 800;
  line-height: 125%;
  letter-spacing: -1.431px;
}
.about-fore__content__box__price {
  text-align: center;
  color: var(--hostom-base, #c2a74e);
  font-size: 21.468px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .about-fore__content__box {
    left: -50%;
    bottom: 10%;
    width: 150px;
    height: 150px;
  }
  .about-fore__content__box__domine {
    font-size: 25px;
  }
  .about-fore__content__box__price {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .about-fore__content__box {
    right: 0%;
    left: auto;
    top: -30%;
  }
  .about-fore__content__box br {
    display: block;
  }
}
.about-fore__item {
  margin-top: 40px;
}
.about-fore__item__list {
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.about-fore__item__list::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-secondary, #9ADFFF);
  font-size: 18px;
  margin-right: 15px;
}
.about-fore__item__list + .about-fore__item__list {
  margin-top: 15px;
}
.about-fore__btn {
  margin-top: 30px;
}

.about-five {
  position: relative;
  padding: 120px 0px;
  z-index: 1;
}
@media (max-width: 991px) {
  .about-five {
    padding: 100px 0px;
  }
}
@media (max-width: 768px) {
  .about-five {
    padding: 80px 0px;
  }
}
.about-five__left {
  margin-right: 74px;
}
@media (max-width: 991px) {
  .about-five__left {
    margin-right: 0px;
  }
}
.about-five__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
}
.about-five__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  opacity: 0.05;
  background: var(--hostom-text, #787880);
}
.about-five__top .sec-title {
  padding-bottom: 15px;
}
.about-five__feature {
  max-width: 500px;
  width: 100%;
  margin-top: 42px;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .about-five__feature {
    display: block;
  }
  .about-five__feature__item + .about-five__feature__item {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .about-five__feature {
    display: block;
  }
  .about-five__feature__item + .about-five__feature__item {
    margin-top: 20px;
  }
}
.about-five__feature__icon {
  display: flex;
  align-items: center;
  gap: 23px;
}
.about-five__feature__icon__item {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--hostom-text2, #323645);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  color: var(--hostom-white, #fff);
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  overflow: hidden;
  z-index: 1;
}
.about-five__feature__icon__item i {
  transition: all 0.4s ease-in-out 0s;
}
.about-five__feature__icon__item::after {
  content: "";
  position: absolute;
  height: 0px;
  width: 0px;
  top: 50%;
  left: 50%;
  border-radius: 500px;
  background: var(--hostom-base3, #F8656B);
  transition: all 0.4s ease-in-out 0s;
  z-index: -1;
}
.about-five__feature__icon__title {
  color: var(--hostom-text2, #323645);
  font-size: 16px;
  font-weight: 800;
  line-height: normal;
  max-width: 100px;
  width: 100%;
}
.about-five__feature__icon:hover .about-five__feature__icon__item {
  background: transparent;
  color: var(--hostom-base, #c2a74e);
}
.about-five__feature__icon:hover .about-five__feature__icon__item i {
  color: var(--hostom-white, #fff);
}
.about-five__feature__icon:hover .about-five__feature__icon__item::after {
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%;
}
.about-five__feature__text {
  margin-top: 7px;
  color: var(--hostom-base, #c2a74e);
}
.about-five__team-skills {
  margin-top: 50px;
  border-radius: 8px;
  padding: 35px 30px 50px 30px;
  background: var(--hostom-white, #fff);
}
.about-five__team-skills__progress__title {
  margin-bottom: 14px;
  color: var(--hostom-text2, #323645);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.about-five__team-skills__progress__bar {
  width: 100%;
  height: 10px;
  position: relative;
  border-radius: 17px;
  background: rgba(120, 120, 128, 0.2);
}
.about-five__team-skills__progress__inner {
  position: absolute;
  height: 10px;
  background-color: var(--hostom-secondary, #9ADFFF);
  transition: all 700ms linear;
  width: 0px;
  border-radius: 7px;
  background: var(--hostom-base3, #F8656B);
}
.about-five__team-skills__progress__number {
  position: absolute;
  bottom: calc(100% + 5px);
  right: 0;
  margin-bottom: 8px;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.about-five__team-skills__progress + .about-five__team-skills__progress {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .about-five__team-skills__progress + .about-five__team-skills__progress {
    margin-top: 35px;
  }
}
.about-five__right {
  position: relative;
  z-index: 1;
  margin-left: -30px;
}
@media (max-width: 991px) {
  .about-five__right {
    margin-top: 40px;
    margin-left: 0px;
  }
}
.about-five__thumb {
  position: relative;
  text-align: end;
  margin-right: 0;
  margin-left: auto;
  max-width: 470px;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .about-five__thumb {
    max-width: 370px;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .about-five__thumb {
    max-width: 370px;
  }
}
@media (max-width: 575px) {
  .about-five__thumb {
    max-width: 300px;
  }
}
.about-five__thumb img {
  object-fit: cover;
  width: 100%;
  border-radius: 19px;
}
.about-five__thumb--two {
  margin-top: -270px;
  margin-right: auto;
  margin-left: 0;
  position: relative;
  z-index: 1;
  max-width: 326px;
  width: 100%;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .about-five__thumb--two {
    max-width: 226px;
    margin-top: -170px;
  }
}
@media (max-width: 767px) and (min-width: 576px) {
  .about-five__thumb--two {
    max-width: 226px;
    margin-top: -170px;
  }
}
@media (max-width: 575px) {
  .about-five__thumb--two {
    max-width: 150px;
    margin-top: -70px;
  }
}
.about-five__box {
  position: absolute;
  top: 70px;
}
.about-five__box__logo {
  position: relative;
  width: 172px;
  height: 172px;
  border-radius: 172px;
  background: var(--hostom-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) and (min-width: 576px) {
  .about-five__box__logo {
    width: 100px;
    height: 100px;
  }
  .about-five__box__logo img {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .about-five__box__logo {
    width: 80px;
    height: 80px;
  }
  .about-five__box__logo img {
    width: 70%;
  }
}
.about-five__box__logo::after {
  content: "";
  width: 172px;
  height: 172px;
  top: 0px;
  left: 0px;
  position: absolute;
  border-radius: 172px;
  opacity: 0.2;
  background: transparent;
  border: 1px solid var(--hostom-base3, #F8656B);
  animation: scale 4s ease-in-out infinite;
}
@media (max-width: 767px) and (min-width: 576px) {
  .about-five__box__logo::after {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 575px) {
  .about-five__box__logo::after {
    width: 80px;
    height: 80px;
  }
}
.about-five__shape {
  position: absolute;
  bottom: -30px;
  right: -70px;
  z-index: 1;
}
.about-five__shape img {
  width: 100%;
}
@media (max-width: 991px) {
  .about-five__shape img {
    width: 80%;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.service-one {
  position: relative;
  padding: 120px 0 240px 0px;
  z-index: 1;
}
@media (max-width: 991px) {
  .service-one {
    padding: 100px 0 200px 0px;
  }
}
@media (max-width: 767px) {
  .service-one {
    padding: 80px 0 160px 0px;
  }
}
.service-one__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--hostom-secondary, #9ADFFF);
  z-index: -1;
}
.service-one__top .sec-title__tagline {
  color: var(--hostom-base, #c2a74e);
}
.service-one__top .sec-title {
  padding-bottom: 0;
}
.service-one__top__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 18px;
  font-weight: 500;
  line-height: 200%;
}
.service-one__card {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  border-radius: 10.811px;
  overflow: hidden;
  background: var(--hostom-white, #fff);
  z-index: 1;
}
.service-one__card__thumb {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 630.000000 447.000000"> <g transform="translate(0.000000,447.000000) scale(0.100000,-0.100000)"> <path d="M0 2240 c0 -2121 1 -2230 18 -2221 9 5 37 27 62 48 25 21 65 54 90 73 43 33 82 66 119 101 9 8 36 30 61 49 25 19 56 44 70 56 30 26 378 315 475 394 37 30 75 62 84 71 9 8 36 30 61 49 43 33 83 67 119 101 9 8 43 36 76 62 33 25 157 127 275 226 244 205 220 194 389 167 126 -21 245 -37 336 -46 44 -5 104 -13 134 -19 29 -6 74 -11 100 -11 25 0 62 -5 82 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 99 -14 120 -14 21 0 73 -7 116 -15 43 -8 100 -15 125 -15 26 0 63 -5 83 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 101 -14 125 -14 24 0 63 -5 88 -11 25 -6 86 -14 135 -19 92 -9 169 -20 331 -45 49 -8 110 -15 135 -15 24 -1 73 -7 109 -15 36 -8 71 -14 78 -15 9 0 12 370 12 1820 l0 1820 -3150 0 -3150 0 0 -2230z"/> </g> </svg>');
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 630.000000 447.000000"> <g transform="translate(0.000000,447.000000) scale(0.100000,-0.100000)"> <path d="M0 2240 c0 -2121 1 -2230 18 -2221 9 5 37 27 62 48 25 21 65 54 90 73 43 33 82 66 119 101 9 8 36 30 61 49 25 19 56 44 70 56 30 26 378 315 475 394 37 30 75 62 84 71 9 8 36 30 61 49 43 33 83 67 119 101 9 8 43 36 76 62 33 25 157 127 275 226 244 205 220 194 389 167 126 -21 245 -37 336 -46 44 -5 104 -13 134 -19 29 -6 74 -11 100 -11 25 0 62 -5 82 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 99 -14 120 -14 21 0 73 -7 116 -15 43 -8 100 -15 125 -15 26 0 63 -5 83 -10 19 -5 73 -14 120 -19 46 -5 122 -15 169 -21 259 -34 311 -41 375 -51 39 -6 106 -14 150 -19 107 -11 232 -28 332 -46 45 -8 101 -14 125 -14 24 0 63 -5 88 -11 25 -6 86 -14 135 -19 92 -9 169 -20 331 -45 49 -8 110 -15 135 -15 24 -1 73 -7 109 -15 36 -8 71 -14 78 -15 9 0 12 370 12 1820 l0 1820 -3150 0 -3150 0 0 -2230z"/> </g> </svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: auto;
  mask-size: auto;
}
.service-one__card__thumb img {
  object-fit: cover;
  width: 100%;
}
.service-one__card__icon {
  position: absolute;
  top: 25%;
  left: 35px;
  width: 56px;
  height: 56px;
  border-radius: 500px;
  background: var(--hostom-base, #c2a74e);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: var(--hostom-white, #fff);
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .service-one__card__icon {
    top: 37%;
    left: 40px;
  }
}
@media (max-width: 575px) {
  .service-one__card__icon {
    top: 37%;
    left: 40px;
  }
}
.service-one__card__content {
  padding: 0px 17px 25px 17px;
}
.service-one__card__title {
  margin-top: -10px;
  color: var(--hostom-base, #c2a74e);
  font-size: 16px;
  font-weight: 800;
  line-height: normal;
  position: relative;
  z-index: 1;
}
.service-one__card__title a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-one__card__title a:hover {
  background-size: 100% 1px;
}
.service-one__card__text {
  color: var(--hostom-base, #c2a74e);
  font-size: 14px;
  font-weight: 500;
  line-height: 171.429%;
  margin-bottom: 0;
}
.service-one__card:hover .service-one__card__icon {
  background: var(--hostom-secondary2, #FB542D);
}
.service-one__btn {
  margin-top: 40px;
}
.service-one__btn .hostom-btn {
  color: var(--hostom-white, #fff);
}
@media (max-width: 767px) {
  .service-one__btn {
    margin-top: 20px;
  }
}

.service-two {
  padding: 120px 0px 265px 0px;
  background: var(--hostom-base, #c2a74e);
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .service-two {
    padding: 100px 0px 200px 0px;
  }
}
@media (max-width: 767px) {
  .service-two {
    padding: 80px 0px 150px 0px;
  }
}
.service-two--two {
  padding: 120px 0px 120px 0px;
  background: linear-gradient(180deg, rgba(154, 223, 255, 0.2) 0%, rgba(0, 0, 59, 0.2) 156.73%), #00003B;
}
.service-two--two .service-two__bg {
  animation: aniWidth 6s ease-in infinite;
}
@media (max-width: 991px) {
  .service-two--two {
    padding: 100px 0px 100px 0px;
  }
}
@media (max-width: 767px) {
  .service-two--two {
    padding: 80px 0px 80px 0px;
  }
}
.service-two__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  opacity: 0.2;
}
.service-two--two {
  position: relative;
  z-index: 1;
}
.service-two .sec-title__tagline {
  color: var(--hostom-blue2, #8A8ABC);
}
.service-two .sec-title__title {
  color: var(--hostom-white, #fff);
}
.service-two__item {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  border: 1px solid rgba(138, 138, 188, 0.5568627451);
  display: flex;
  align-items: center;
  transition: all 0.5s ease-in-out;
  gap: 20px;
  padding: 23px 30px 30px 30px;
}
.service-two__item__icon {
  transition: all 0.4s ease-in-out;
  font-size: 60px;
  color: var(--hostom-secondary, #9ADFFF);
  line-height: 1px;
}
.service-two__item__icon i {
  line-height: 1px;
}
.service-two__item__title {
  display: inline-block;
  margin-top: -6px;
  color: var(--hostom-white, #fff);
  font-size: 20px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.8px;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-two__item__title:hover {
  background-size: 100% 1px;
}
.service-two__item__text {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 14px;
  font-weight: 600;
  line-height: 185.714%;
  padding-bottom: 0;
  margin-bottom: -2px;
  transition: all 0.4s ease-in-out;
}
.service-two__item:hover {
  background-color: var(--hostom-secondary, #9ADFFF);
}
.service-two__item:hover .service-two__item__icon {
  color: var(--hostom-secondary2, #FB542D);
}
.service-two__item:hover .service-two__item__title, .service-two__item:hover .service-two__item__text {
  color: var(--hostom-base, #c2a74e);
}
.service-two__shape {
  position: absolute;
}
@media (max-width: 991px) {
  .service-two__shape {
    display: none;
  }
}
.service-two__shape--one {
  top: 0%;
  left: 0%;
  z-index: -1;
  animation: scale 4s ease-in-out infinite;
}
.service-two__shape--two {
  top: 0%;
  right: 0%;
  left: auto;
  z-index: -1;
  animation: topAni 4s ease-in-out infinite;
}

.service-card-two {
  position: relative;
  padding: 40px;
  overflow: hidden;
  border-radius: 26.874px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 5.375px 53.747px 0px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1199px) {
  .service-card-two {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.service-card-two__bg {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  z-index: -1;
}
.service-card-two__icon {
  width: 130.185px;
  height: 129.833px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
  font-size: 74px;
  color: var(--hostom-secondary2, #FB542D);
}
.service-card-two__icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.service-card-two__icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #00003B -175%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.5;
}
.service-card-two__title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.96px;
  margin-bottom: 8px;
}
.service-card-two__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-two__title a:hover {
  background-size: 100% 1px;
}
.service-card-two__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.service-card-two__text {
  text-align: center;
  color: var(--hostom-text, #787880);
  font-size: 18px;
  font-weight: 500;
  line-height: 200%;
}
.service-card-two__link {
  position: relative;
  max-width: 165px;
  margin-left: auto;
  margin-right: auto;
}
.service-card-two__link a {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--hostom-gray2, #E8E8F3);
  padding: 0;
}
.service-card-two__link a i {
  font-size: 20px;
  color: var(--hostom-base, #c2a74e);
}
.service-card-two__link a:hover i {
  color: var(--hostom-white, #fff);
}
.service-card-two__link::before {
  position: absolute;
  top: 45%;
  content: "";
  width: 165px;
  height: 1px;
  border-top: 1px dashed #E8E8F3;
}
.service-card-two__inner {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
}
.service-card-two__hover {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(var(--hostom-base-rgb, 194, 167, 78), 0.9);
  left: 0;
}
.service-card-two__hover__title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.96px;
  margin-bottom: 12px;
  color: var(--hostom-white, #fff);
}
.service-card-two__hover__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-two__hover__title a:hover {
  background-size: 100% 1px;
}
.service-card-two__hover__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.service-card-two__hover__text {
  text-align: center;
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 18px;
  font-weight: 500;
  line-height: 200%;
  max-width: 289px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.service-card-two__hover__link a {
  padding: 0;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--hostom-secondary2, #FB542D);
  padding: 0;
}
.service-card-two__hover__link a::before {
  background: var(--hostom-white, #fff);
}
.service-card-two__hover__link a i {
  font-size: 25px;
  color: var(--hostom-white, #fff);
}
.service-card-two__hover__link a:hover i {
  color: var(--hostom-base, #c2a74e);
}
.service-card-two:hover .service-card-two__inner {
  opacity: 0;
  visibility: hidden;
}
.service-card-two:hover .service-card-two__bg {
  opacity: 1;
  visibility: visible;
}
.service-card-two:hover .service-card-two__hover {
  opacity: 1;
  visibility: visible;
}

.service-card-one {
  position: relative;
  padding: 25px 30px;
  overflow: hidden;
  border-radius: 20px;
  background: var(--hostom-white, #fff);
  box-shadow: 0px 5.375px 53.747px 0px rgba(0, 0, 0, 0.06);
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .service-card-one {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.service-card-one__bg {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: cover;
  z-index: -1;
}
.service-card-one__icon {
  width: 95px;
  height: 95px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
.service-card-one__icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #00003B -175%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.5;
}
.service-card-one__icon i {
  font-size: 50px;
  color: var(--hostom-secondary2, #FB542D);
}
.service-card-one__title {
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.96px;
  margin-bottom: 8px;
}
.service-card-one__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-one__title a:hover {
  background-size: 100% 1px;
}
.service-card-one__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.service-card-one__text {
  text-align: center;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
}
.service-card-one__link {
  position: relative;
  max-width: 122px;
  margin-left: auto;
  margin-right: auto;
}
.service-card-one__link .hostom-btn {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 30px;
  height: 30px;
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--hostom-gray2, #E8E8F3);
  padding: 0;
}
.service-card-one__link .hostom-btn i {
  font-size: 16px;
  color: var(--hostom-base, #c2a74e);
}
.service-card-one__link .hostom-btn:hover i {
  color: var(--hostom-white, #fff);
}
.service-card-one__link::before {
  position: absolute;
  top: 45%;
  content: "";
  width: 120px;
  height: 1px;
  border-top: 1px dashed #E8E8F3;
}
.service-card-one__inner {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease-in-out;
}
.service-card-one__hover {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  position: absolute;
  top: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(var(--hostom-base-rgb, 194, 167, 78), 0.9);
  left: 0;
}
.service-card-one__hover__title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.96px;
  margin-bottom: 12px;
  color: var(--hostom-white, #fff);
}
.service-card-one__hover__title--two {
  font-size: 20px;
  letter-spacing: -0.8px;
}
.service-card-one__hover__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-card-one__hover__title a:hover {
  background-size: 100% 1px;
}
.service-card-one__hover__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.service-card-one__hover__text {
  text-align: center;
  color: var(--hostom-text, #787880);
  font-size: 18px;
  font-weight: 500;
  line-height: 200%;
  max-width: 289px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.service-card-one__hover__text--two {
  color: var(--hostom-blue2, #8A8ABC);
  font-size: 16px;
  font-weight: 500;
  line-height: 187.5%;
}
.service-card-one__hover__link a {
  padding: 0;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--hostom-secondary2, #FB542D);
  padding: 0;
}
.service-card-one__hover__link a::before {
  background: var(--hostom-white, #fff);
}
.service-card-one__hover__link a i {
  font-size: 20px;
  color: var(--hostom-white, #fff);
}
.service-card-one__hover__link a:hover i {
  color: var(--hostom-base, #c2a74e);
}
.service-card-one:hover .service-card-one__inner {
  opacity: 0;
  visibility: hidden;
}
.service-card-one:hover .service-card-one__bg {
  opacity: 1;
  visibility: visible;
}
.service-card-one:hover .service-card-one__hover {
  opacity: 1;
  visibility: visible;
}

.service-page {
  padding: 120px 0px 0px 0px;
}
@media (max-width: 991px) {
  .service-page {
    padding: 100px 0px 0 0;
  }
}
@media (max-width: 767px) {
  .service-page {
    padding: 80px 0px 0 0;
  }
}

.service-three {
  padding: 120px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .service-three {
    padding: 100px 0px;
  }
}
@media (max-width: 767px) {
  .service-three {
    padding: 80px 0px;
  }
}
.service-three__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-three__bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(var(--hostom-gray2-rgb, 232, 232, 243), 0.9);
  z-index: -2;
}
.service-three__card {
  border-radius: 30px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  overflow: hidden;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.service-three__card--two {
  margin-top: 70px;
}
@media (max-width: 991px) {
  .service-three__card--two {
    margin-top: 0;
  }
}
.service-three__item {
  padding: 47px 50px 37px 50px;
  background: var(--hostom-white, #fff);
  transition: all 0.5s ease-in-out;
}
@media (max-width: 991px) {
  .service-three__item {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .service-three__item {
    padding: 30px 20px 20px 20px;
  }
}
.service-three__item:hover {
  background: rgb(var(--hostom-gray-rgb, 249, 246, 241), 0.9);
  filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.08));
}
.service-three__item:hover .service-three__icon {
  animation: left-right 1s ease-in-out;
}
.service-three__item + .service-three__item {
  border-top: 1px solid var(--hostom-gray2, #E8E8F3);
}
.service-three__icon {
  width: 95px;
  height: 95px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
}
.service-three__icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #00003B -55.79%, rgba(255, 255, 255, 0) 75%);
  opacity: 0.3;
}
.service-three__icon i {
  font-size: 60px;
  color: var(--hostom-secondary2, #FB542D);
}
.service-three__title {
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.96px;
  margin-bottom: 8px;
}
.service-three__title a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-three__title a:hover {
  background-size: 100% 1px;
}
.service-three__title a:hover {
  color: var(--hostom-secondary2, #FB542D);
}
.service-three__text {
  text-align: center;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
  padding-bottom: 0;
  margin-bottom: 0;
}

.service-fore {
  position: relative;
  padding: 120px 0px 0px 0px;
}
.service-fore__inner {
  display: flex;
  align-items: center;
  border-radius: 20px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  padding: 50px 40px;
  row-gap: 20px;
}
@media (max-width: 1199px) {
  .service-fore__inner {
    flex-wrap: wrap;
  }
}
@media (max-width: 1199px) {
  .service-fore__inner__item .funfact-one__item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .service-fore__inner__item:nth-child(2) {
    border-right: 0px solid var(--hostom-gray2, #E8E8F3) !important;
    margin-right: 0px;
    padding-right: 0px;
  }
  .service-fore__inner__item:nth-child(2)::after {
    display: none;
  }
}
.service-fore__inner__item:not(:last-of-type) {
  margin-right: 25px;
  padding-right: 25px;
  border-right: 1px solid var(--hostom-gray2, #E8E8F3);
  position: relative;
}
.service-fore__inner__item:not(:last-of-type)::after {
  content: "";
  width: 3px;
  height: 147px;
  border-radius: 7px;
  position: absolute;
  top: 30%;
  right: -2px;
  background: var(--hostom-gray, #f9f6f1);
  animation: topAni 2s ease-in-out infinite;
}
@media (max-width: 767px) {
  .service-fore__inner__item:not(:last-of-type) {
    border-right: 0px solid var(--hostom-gray2, #E8E8F3) !important;
    margin-right: 0px;
    padding-right: 0px;
  }
  .service-fore__inner__item:not(:last-of-type)::after {
    display: none;
  }
}
.service-fore__inner__item:hover .service-fore__inner__icon {
  background: var(--hostom-base3, #F8656B);
  color: var(--hostom-white, #fff);
}
.service-fore__inner__content a {
  font-size: 22px;
  color: var(--hostom-base3, #F8656B);
}
.service-fore__inner__content a i {
  color: currentColor;
}
.service-fore__inner__content a:hover {
  color: var(--hostom-text2, #323645);
}
.service-fore__inner__icon {
  width: 80px;
  height: 80px;
  background: rgba(232, 232, 243, 0.5);
  border-radius: 500px;
  font-size: 50px;
  color: var(--hostom-text2, #323645);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  transition: all 0.5s ease-in-out;
}
.service-fore__inner__title {
  color: var(--hostom-text2, #323645);
  font-size: 20px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -0.8px;
  margin-bottom: 15px;
}
.service-fore__inner__title a {
  color: currentColor;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-fore__inner__title a:hover {
  background-size: 100% 1px;
}
.service-fore__inner__title a:hover {
  color: var(--hostom-base3, #F8656B);
}
.service-fore__inner__text {
  color: var(--hostom-text, #787880);
  font-size: 15px;
  font-weight: 600;
  line-height: 200%;
  max-width: 233px;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}
.service-fore__shape {
  position: absolute;
  top: -80%;
  left: 0%;
  z-index: -1;
}

.service-five {
  position: relative;
  z-index: 1;
}
.service-five__inner {
  position: relative;
  margin-top: -85px;
  border-radius: 37px;
  border: 1px solid var(--hostom-gray2, #E8E8F3);
  background: var(--hostom-white, #fff);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  display: flex;
}
@media (max-width: 767px) {
  .service-five__inner {
    display: block;
  }
}
.service-five__thumb {
  width: 419px;
  margin-top: -1px;
  margin-left: -1px;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  border-radius: 20px 0px 0px 20px;
}
@media (max-width: 1199px) {
  .service-five__thumb {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .service-five__thumb {
    width: 100%;
    max-width: 100%;
    height: 400px;
  }
}
.service-five__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.service-five__list__item {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 50px 45px;
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 1199px) {
  .service-five__list__item {
    padding: 45px 20px;
  }
}
@media (max-width: 991px) {
  .service-five__list__item {
    padding: 20px 40px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.service-five__list__item__icon {
  max-width: 70px;
  width: 100%;
  height: 70px;
  border-radius: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(50, 54, 69, 0.1);
  color: var(--hostom-base3, #F8656B);
  font-size: 40px;
  transition: all 0.5s ease-in-out;
}
.service-five__list__item__icon:hover {
  background: var(--hostom-base3, #F8656B);
  color: var(--hostom-white, #fff);
}
.service-five__list__item__title {
  color: var(--hostom-text2, #323645);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
  padding-bottom: 0;
}
.service-five__list__item__title a {
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.service-five__list__item__title a:hover {
  background-size: 100% 1px;
}
.service-five__list__item__title a:hover {
  color: var(--hostom-base3, #F8656B);
}
@media (max-width: 1199px) {
  .service-five__list__item__title {
    font-size: 15px;
  }
}
.service-five__list__item__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 214.286%;
  margin-bottom: 0;
  padding-bottom: 0;
}
.service-five__list__item:nth-child(1) {
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  border-right: 1px solid var(--hostom-gray2, #E8E8F3);
}
@media (max-width: 991px) {
  .service-five__list__item:nth-child(1) {
    border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
    border-right: 0px solid var(--hostom-gray2, #E8E8F3);
  }
}
.service-five__list__item:nth-child(2) {
  border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
}
@media (max-width: 991px) {
  .service-five__list__item:nth-child(3) {
    border-bottom: 1px solid var(--hostom-gray2, #E8E8F3);
  }
}
.service-five__list__item:nth-child(4) {
  border-left: 1px solid var(--hostom-gray2, #E8E8F3);
}
@media (max-width: 991px) {
  .service-five__list__item:nth-child(4) {
    border-left: 0px solid var(--hostom-gray2, #E8E8F3);
  }
}

/*--------------------------------------------------------------
# Service details
--------------------------------------------------------------*/
.service-details {
  padding: 120px 0;
  padding-top: 100px;
}
@media (max-width: 767px) {
  .service-details {
    padding: 80px 0;
    padding-top: 60px;
  }
}
.service-details__thumbnail {
  margin-bottom: 20px;
  border-radius: 40px;
}
.service-details__thumbnail img {
  border-radius: 40px;
  max-width: 100%;
}
.service-details__title {
  margin: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  letter-spacing: -1.2px;
}
.service-details__sub-title {
  margin: 0;
  margin-top: 30px;
  margin-bottom: 15px;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
}
.service-details__text {
  margin: 0;
  color: var(--hostom-text, #787880);
  font-size: 16px;
  font-weight: 600;
  line-height: 200%;
}
.service-details__text + .service-details__title {
  margin-top: 40px;
}
.service-details__text + .service-details__list {
  margin-top: 40px;
}
.service-details__text + .service-details__text {
  margin-top: 35px;
}
.service-details__image__item img {
  border-radius: 40px;
}
.service-details__list {
  margin-bottom: 0;
}
.service-details__list li {
  position: relative;
  color: var(--hostom-base, #c2a74e);
  text-shadow: 0 0 0.5px currentColor;
  font-size: 18px;
  font-weight: 600;
  line-height: 261.111%;
  margin-bottom: -5px;
}
@media (max-width: 575px) {
  .service-details__list li {
    line-height: 161.111%;
    font-size: 16px;
  }
}
.service-details__list li + li {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .service-details__list li + li {
    margin-top: 0;
  }
}
.service-details__list li::before {
  content: "\f058";
  font-family: var(---hostom-font-awesome, "Font Awesome 5 Free");
  font-weight: 900;
  color: var(--hostom-secondary2, #FB542D);
  margin-right: 8px;
}
.service-details__single + .service-details__single {
  margin-top: 26px;
}
.service-details__benefit {
  margin-left: -30px;
}
@media (max-width: 1199px) {
  .service-details__benefit {
    margin-left: 0px;
  }
}
.service-details__benefit__title {
  margin: 0;
  font-size: 25px;
  font-size: 30px;
  font-weight: 800;
  line-height: 156.667%;
  letter-spacing: -0.9px;
  margin-bottom: -4px;
}
@media (min-width: 768px) {
  .service-details__benefit__title {
    font-size: 30px;
  }
}
.service-details__benefit__sub_title {
  margin-top: -3px;
  margin-bottom: 2px;
  color: var(--hostom-secondary2, #FB542D);
  font-size: 20px;
  font-weight: 700;
  line-height: 235%;
}
@media (max-width: 575px) {
  .service-details__benefit__sub_title {
    line-height: 135%;
  }
}
.service-details__benefit__text {
  max-width: 470px;
  line-height: 200%;
}

/*--------------------------------------------------------------
# Instagram
--------------------------------------------------------------*/
.instagram-one {
  position: relative;
  padding: 120px 0;
}
@media (max-width: 767px) {
  .instagram-one {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) {
  .instagram-one .container {
    max-width: 1380px;
  }
}
.instagram-one__title {
  display: block;
  text-align: center;
  position: relative;
  font-size: 14px;
  color: var(--hostom-text, #787880);
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--hostom-font, "Manrope", sans-serif);
  letter-spacing: 2.8px;
  margin: 0 auto 39px;
}
.instagram-one__title span {
  display: inline-block;
  background-color: var(--hostom-white, #fff);
  position: relative;
  z-index: 2;
  padding: 0 28px;
}
@media (max-width: 550px) {
  .instagram-one__title span {
    padding: 0 18px;
  }
}
.instagram-one__title::after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 9px;
  width: 518px;
  height: 1px;
  content: "";
  background-color: var(--hostom-border-color, #e8e3da);
}
@media (max-width: 550px) {
  .instagram-one__title::after {
    width: 100%;
  }
}
.instagram-one a {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.instagram-one a::before {
  position: absolute;
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 55%;
  transform: translateY(-50%);
  z-index: 3;
  color: var(--hostom-white, #fff);
  font-size: 30px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  transition-delay: 0s;
}
.instagram-one a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 1;
  opacity: 0;
  background: rgba(var(--hostom-black-rgb, 28, 26, 29), 0.5);
  visibility: hidden;
  transition: all ease 0.4s;
}
.instagram-one a:hover::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.instagram-one a:hover::before {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition-delay: 0.4s;
}
.instagram-one a img {
  width: 100%;
  height: auto;
  transition: all ease 0.3s;
}
.instagram-one a:hover img {
  transform: scale(1.1) rotate(1.5deg);
  -moz-transform: scale(1.1) rotate(1.5deg);
  -webkit-transform: scale(1.1) rotate(1.5deg);
  -ms-transform: scale(1.1) rotate(1.5deg);
  -o-transform: scale(1.1) rotate(1.5deg);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.instagram-two {
  position: relative;
  z-index: 2;
  padding: 0 0;
  margin-bottom: -120px;
}
.instagram-two .container {
  max-width: 1670px;
}
.instagram-two a {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.instagram-two a::before {
  position: absolute;
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 55%;
  transform: translateY(-50%);
  z-index: 3;
  color: var(--hostom-white, #fff);
  font-size: 40px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all ease 0.4s;
  transition-delay: 0s;
}
.instagram-two a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  z-index: 1;
  opacity: 0;
  background: rgba(var(--hostom-base-rgb, 194, 167, 78), 0.9);
  visibility: hidden;
  transition: all ease 0.4s;
}
.instagram-two a:hover::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.instagram-two a:hover::before {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition-delay: 0.4s;
}
.instagram-two a img {
  width: 100%;
  height: auto;
  transition: all ease 0.3s;
}
.instagram-two a:hover img {
  transform: scale(1.1) rotate(1.5deg);
  -moz-transform: scale(1.1) rotate(1.5deg);
  -webkit-transform: scale(1.1) rotate(1.5deg);
  -ms-transform: scale(1.1) rotate(1.5deg);
  -o-transform: scale(1.1) rotate(1.5deg);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/*--------------------------------------------------------------
# Opening Time
--------------------------------------------------------------*/
.opening {
  position: relative;
  margin-bottom: -85px;
}
@media (max-width: 1199px) {
  .opening {
    margin-bottom: 0;
  }
}
.opening--home-three {
  margin-bottom: 0;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .opening--home-three {
    padding-bottom: 80px;
  }
}
.opening__wrapper {
  background-color: var(--hostom-base, #c2a74e);
  position: relative;
  z-index: 2;
  padding: 39px 0;
}
@media (max-width: 767px) {
  .opening__wrapper {
    padding: 30px 20px;
    text-align: center;
  }
}
.opening__wrapper::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 100%;
  content: "";
  opacity: 0.102;
  background-image: linear-gradient(90deg, rgba(var(--hostom-black-rgb, 28, 26, 29), 0) 0%, rgba(var(--hostom-black-rgb, 28, 26, 29), 1) 100%);
}
@media (max-width: 991px) {
  .opening__wrapper::after {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .opening__wrapper::after {
    width: 155px;
  }
}
.opening__icon {
  font-size: 65px;
  color: var(--hostom-white, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0 0;
  margin-right: -10px;
  position: relative;
  z-index: 2;
}
.opening__title {
  color: var(--hostom-white, #fff);
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  margin: 27px -30px 0 33px;
  position: relative;
}
@media (max-width: 767px) {
  .opening__title {
    margin: 20px 0 0;
  }
}
.opening__info {
  font-size: 12px;
  line-height: 30px;
  color: var(--hostom-white, #fff);
  text-transform: uppercase;
  padding: 12px 0 20px;
  margin: 0 0 0 -14px;
}
@media (max-width: 991px) {
  .opening__info {
    margin: 0 0 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .opening__info {
    margin: 0 0 0;
  }
}
.opening__info--last {
  margin-left: -45px;
  padding-left: 60px;
  border-left: 1px solid rgba(var(--hostom-white-rgb, 255, 255, 255), 0.2);
}
@media (max-width: 991px) {
  .opening__info--last {
    margin: 0 0 0;
    padding: 0;
    border: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .opening__info--last {
    margin-left: -30px;
    padding-left: 20px;
  }
}
.opening__info__text {
  display: block;
  font-size: 20px;
  text-transform: none;
}

/*--------------------------------------------------------------
# Boxed Home
--------------------------------------------------------------*/
body.boxed-wrapper {
  position: relative;
}
body.boxed-wrapper .page-wrapper {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--hostom-white, #fff);
  box-shadow: 0px 0px 100px 0px rgba(var(--hostom-black-rgb, 28, 26, 29), 0.08);
}
body.boxed-wrapper .choose-us-one__image {
  left: -10%;
}

/*--------------------------------------------------------------
# Work Process
--------------------------------------------------------------*/
.work-process-one {
  position: relative;
  counter-reset: count;
  padding: 120px 0 90px;
}
@media (max-width: 767px) {
  .work-process-one {
    padding: 80px 0 50px;
  }
}
.work-process-one .sec-title {
  text-align: center;
}
.work-process-one__border {
  width: 100%;
  height: 2px;
  background-color: var(--hostom-base, #c2a74e);
  top: 103px;
  position: relative;
}
@media (max-width: 767px) {
  .work-process-one__border {
    display: none;
  }
}
.work-process-one__border::after {
  position: absolute;
  left: 0;
  top: -5px;
  width: 11px;
  height: 11px;
  background-color: var(--hostom-black, #1c1a1d);
  border-radius: 50%;
  content: "";
}
.work-process-one__border::before {
  position: absolute;
  right: 0;
  top: -5px;
  width: 11px;
  height: 11px;
  background-color: var(--hostom-black, #1c1a1d);
  border-radius: 50%;
  content: "";
}
.work-process-one__gradiant-left {
  height: 100%;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 5%;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(-45deg, rgba(var(--hostom-base-rgb, 194, 167, 78), 1) 0%, rgba(var(--hostom-black-rgb, 28, 26, 29), 1) 100%) 1;
}
.work-process-one__gradiant-right {
  height: 100%;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 5%;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(-45deg, rgba(var(--hostom-black-rgb, 28, 26, 29), 1) 0%, rgba(var(--hostom-base-rgb, 194, 167, 78), 1) 100%) 1;
}
.work-process-one__item {
  position: relative;
  counter-increment: count;
  margin-bottom: 30px;
}
.work-process-one__item__thumb {
  display: inline-block;
  width: 202px;
  height: 202px;
  border: 2px solid var(--hostom-base, #c2a74e);
  background-color: var(--hostom-white, #fff);
  border-radius: 50%;
  padding: 5px;
  position: relative;
  margin-bottom: 30px;
}
.work-process-one__item__thumb-wrap {
  background-color: var(--hostom-black, #1c1a1d);
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.work-process-one__item__thumb-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  background: rgba(var(--hostom-white-rgb, 255, 255, 255), 0.2);
  border-radius: 50%;
  transition: all 500ms linear;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
}
.work-process-one__item__thumb-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  opacity: 0.3;
}
.work-process-one__item__thumb__number {
  width: 67px;
  height: 67px;
  background-color: var(--hostom-base, #c2a74e);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--hostom-white, #fff);
  font-family: var(--hostom-font, "Manrope", sans-serif);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  right: -9px;
  top: 5px;
  transition: all 500ms linear;
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0.1s;
  transform: scale(1);
}
.work-process-one__item__thumb__number::before {
  content: counters(count, ".", decimal-leading-zero);
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work-process-one__item__thumb__icon {
  width: 60px;
  height: 60px;
  font-size: 60px;
  color: var(--hostom-base, #c2a74e);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.work-process-one__item:hover .work-process-one__item__thumb-wrap::after {
  -webkit-animation: zoom-hover 0.95s;
  animation: zoom-hover 0.95s;
}
.work-process-one__item:hover .work-process-one__item__thumb__number {
  transform: scale(0.95);
}
.work-process-one__item__content {
  position: relative;
  box-shadow: 0px 0px 60px 0px rgba(var(--hostom-black3-rgb, 0, 0, 0), 0.07);
  background-color: var(--hostom-white, #fff);
  border-radius: 100px;
  padding: 24px 20px 26px;
}
.work-process-one__item__content::after {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 10px 25px;
  border-color: transparent transparent var(--hostom-white, #fff) transparent;
}
.work-process-one__item__title {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.work-process-one__item__text {
  font-size: 15px;
  line-height: 26px;
  margin: 0;
}
/*# sourceMappingURL=hostom.css.map */