/*  
======================================
  Template Name: Investora - Multipurpose Investment HTML Template
  Author:  Or-Factor
  Support: hello.orfactor@gmail.com
  Version: 1.0.0
===================================

************ TABLE OF CONTENTS ***************

    -------------
01. Abstracts CSS
    -------------
      1.01 function
      1.02 variables
      1.03 mixins

    -------------
02. Utilities CSS
    -------------
      2.01 reset
      2.02 flex
      2.03 color
      2.04 bg
      2.05 spacing
      2.06 animation
      2.07 typography
      2.08 border
      2.09 overlay
      2.10 position
      2.11 section header

    --------------
03. Components CSS
    --------------
      3.01 preloader
      3.02 buttons
      3.03 nav tabs
      3.04 pagination
      3.05 widget
      3.06 nice select

    ----------
04. Layout CSS
    ----------
      4.01 header
      4.02 footer
      4.03 breadcrumb

    ------------
05. Sections CSS
    ------------
      5.01 banner
      5.02 about
      5.03 choose
      5.04 video
      5.05 cottage
      5.06 facilities
      5.07 invest
      5.08 roi
      5.09 team
      5.10 testimonial
      5.11 blog
      5.12 map
      5.13 room
      5.14 plan
      5.15 ticker
      5.16 amenities
      5.17 green living
      5.18 project
      5.19 document
      5.20 overview
      5.21 faq
      5.22 department
      5.23 cta
      5.24 product
      5.25 cart
      5.26 checkout

    ---------
06. Pages CSS
    ---------
      6.01 service details
      6.02 team details
      6.03 project details
      6.04 blog details
      6.05 contact
      6.06 shop

    ----------------------------
*/
/* 01. Abstracts CSS */
/* 1.01 function */
/* 1.02 variables */
@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Imperial+Script&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --theme-primary: 126, 83, 236;
  --theme-secondary: 139, 92, 246;
  --theme-success: 34, 197, 94;
  --theme-info: 22, 199, 249;
  --theme-warning: 249, 115, 22;
  --theme-danger: 255, 42, 42;
  --theme-muted: 128, 148, 174;
  --theme-dark: 15, 23 ,42;
  --theme-base: 255, 255, 255;
  --theme-heading: 15, 23, 42;
  --theme-paragraph: 51, 65, 85;
  --theme-surface: 250, 248, 255;
  --theme-border-default: #e5e5e5;
  --theme-bg-white: #fff;
  --bg-white: #fff;
  --body-bg: #f7f7f7;
  --sidebar-bg: #191919;
  --input-bg: #fff;
  --input-border: #e5e5e5;
  --placeholder-color: #858484;
  --border-color: #d1d5db80;
  --theme-heading-font: "Frank Ruhl Libre", serif;
  --theme-paragraph-font: "Roboto", sans-serif;
  --theme-imperial-font: "Imperial Script", cursive;
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --display-1: 4.625rem; /* 74px */
  --display-2: 4rem; /* 64px */
  --display-3: 3rem; /* 48px */
  --display-4: 2.25rem; /* 36px */
  --display-5: 1.875rem; /* 30px */
  --display-6: 1.5rem; /* 24px */
}

@media (max-width: 1399px) {
  :root {
    --display-1: 4rem; /* 64px */
    --display-2: 3.5rem; /* 56px */
    --display-3: 2rem; /* 32px */
    --display-4: 1.75rem; /* 28px */
    --display-5: 1.5rem; /* 24px */
    --display-6: 1.375rem; /* 22px */
  }
}
@media (max-width: 1199px) {
  :root {
    --display-1: 3.375rem; /* 54px */
    --display-2: 2.625rem; /* 42px */
    --display-3: 1.75rem; /* 28px */
    --display-4: 1.5rem; /* 24px */
    --display-5: 1.375rem; /* 22px */
    --display-6: 1.25rem; /* 20px */
  }
}
@media (max-width: 575px) {
  :root {
    --display-1: 2rem; /* 32px */
    --display-2: 1.75rem; /* 28px */
    --display-3: 1.5rem; /* 24px */
    --display-4: 1.375rem; /* 22px */
    --display-5: 1.25rem; /* 20px */
    --display-6: 1.125rem; /* 18px */
  }
}
[data-theme=home-1] {
  --theme-primary: 152, 100, 62;
  --theme-secondary: 20, 41, 41;
  --theme-surface: 250, 248, 255;
  --theme-base: 246, 241, 237;
  --theme-heading: 152, 100, 62;
  --theme-paragraph: 115, 115, 115;
}

[data-theme=home-2] {
  --theme-primary: 191, 147, 15;
  --theme-secondary: 12, 16, 23;
  --theme-surface: 240, 253, 244;
  --theme-base: 19, 23, 29;
  --theme-heading: 255, 255, 255;
  --theme-paragraph: 255, 255, 255;
}

[data-theme=home-3] {
  --theme-primary: 194, 146, 46;
  --theme-secondary: 55, 76, 48;
  --theme-base: 246, 241, 237;
  --theme-surface: 210, 218, 206;
  --theme-heading: 20, 41, 41;
  --theme-paragraph: 115, 115, 115;
  --theme-dark: 17, 41, 21;
}

[data-theme=home-4] {
  --theme-primary: 168, 85, 247;
  --theme-secondary: 124, 58, 237;
  --theme-base: 255, 255, 255;
  --theme-surface: 255, 247, 237;
  --theme-heading: 2, 6, 23;
  --theme-paragraph: 115, 115, 115;
}

/* 1.03 mixins */
/* 02. Utilities CSS */
/* 2.01 reset */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: rgba(var(--theme-base), 1);
  color: rgba(var(--theme-paragraph), 1);
  font-family: var(--theme-paragraph-font);
  font-size: 1rem;
  padding: 0;
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
  position: relative;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  user-select: none;
}

select {
  cursor: pointer;
}

dt {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  clear: both;
  color: inherit;
  opacity: 0.15;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
  font-size: 0.875rem;
}
pre::before, pre::after {
  box-shadow: none !important;
}
pre code {
  max-height: 400px !important;
  overflow-y: auto;
}

pre[class*=language-] > code {
  border-left-color: var(--primary);
  box-shadow: -1px 0 0 0 var(--primary), 0 0 0 1px var(--border-color);
}

address {
  font-style: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

a {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: inherit;
}

a, button {
  cursor: revert;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

a:hover {
  color: var(--primary);
}

abbr[title] {
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

code {
  color: var(--danger);
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.2em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

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

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1600px;
  }
}
.ot-theme-section-title.split-text {
  line-height: 1;
}

.split-text {
  overflow: hidden;
}

.split-word {
  display: inline-block;
  overflow: hidden;
}

.split-char {
  display: inline-block;
  transform: translateY(100%);
}

.top-action-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(var(--theme-primary), 1);
  z-index: 2;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: #fff;
  padding: 10px 6px;
  font-size: 14px;
  border-radius: 99px;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.top-action-btn i {
  font-size: 18px;
}

/* 2.02 flex */
.item-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 2.03 color */
.text-theme-primary {
  color: rgba(var(--theme-primary), 1) !important;
}

.text-theme-secondary {
  color: rgba(var(--theme-secondary), 1) !important;
}

.text-theme-success {
  color: rgba(var(--theme-success), 1) !important;
}

.text-theme-info {
  color: rgba(var(--theme-info), 1) !important;
}

.text-theme-warning {
  color: rgba(var(--theme-warning), 1) !important;
}

.text-theme-danger {
  color: rgba(var(--theme-danger), 1) !important;
}

.text-theme-muted {
  color: rgba(var(--theme-muted), 1) !important;
}

.text-theme-dark {
  color: rgba(var(--theme-dark), 1) !important;
}

.text-theme-base {
  color: rgba(var(--theme-base), 1) !important;
}

.text-theme-heading {
  color: rgba(var(--theme-heading), 1) !important;
}

.text-theme-paragraph {
  color: rgba(var(--theme-paragraph), 1) !important;
}

.text-theme-surface {
  color: rgba(var(--theme-surface), 1) !important;
}

.text-hover-theme-primary :hover {
  color: rgba(var(--theme-primary), 1) !important;
}

.text-hover-theme-secondary :hover {
  color: rgba(var(--theme-secondary), 1) !important;
}

.text-hover-theme-success :hover {
  color: rgba(var(--theme-success), 1) !important;
}

.text-hover-theme-info :hover {
  color: rgba(var(--theme-info), 1) !important;
}

.text-hover-theme-warning :hover {
  color: rgba(var(--theme-warning), 1) !important;
}

.text-hover-theme-danger :hover {
  color: rgba(var(--theme-danger), 1) !important;
}

.text-hover-theme-muted :hover {
  color: rgba(var(--theme-muted), 1) !important;
}

.text-hover-theme-dark :hover {
  color: rgba(var(--theme-dark), 1) !important;
}

.text-hover-theme-base :hover {
  color: rgba(var(--theme-base), 1) !important;
}

.text-hover-theme-heading :hover {
  color: rgba(var(--theme-heading), 1) !important;
}

.text-hover-theme-paragraph :hover {
  color: rgba(var(--theme-paragraph), 1) !important;
}

.text-hover-theme-surface :hover {
  color: rgba(var(--theme-surface), 1) !important;
}

.theme-heading-color {
  color: rgba(var(--theme-heading), 1) !important;
}

.theme-paragraph-color {
  color: rgba(var(--theme-paragraph), 1) !important;
}

.white-bg {
  background: #fff !important;
}

/* 2.04 bg */
.bg-theme-primary {
  background-color: rgba(var(--theme-primary), 1) !important;
}

.bg-theme-secondary {
  background-color: rgba(var(--theme-secondary), 1) !important;
}

.bg-theme-success {
  background-color: rgba(var(--theme-success), 1) !important;
}

.bg-theme-info {
  background-color: rgba(var(--theme-info), 1) !important;
}

.bg-theme-warning {
  background-color: rgba(var(--theme-warning), 1) !important;
}

.bg-theme-danger {
  background-color: rgba(var(--theme-danger), 1) !important;
}

.bg-theme-muted {
  background-color: rgba(var(--theme-muted), 1) !important;
}

.bg-theme-dark {
  background-color: rgba(var(--theme-dark), 1) !important;
}

.bg-theme-base {
  background-color: rgba(var(--theme-base), 1) !important;
}

.bg-theme-heading {
  background-color: rgba(var(--theme-heading), 1) !important;
}

.bg-theme-paragraph {
  background-color: rgba(var(--theme-paragraph), 1) !important;
}

.bg-theme-surface {
  background-color: rgba(var(--theme-surface), 1) !important;
}

.bg-light-theme-primary {
  background-color: rgba(var(--theme-primary), 0.25) !important;
}

.bg-light-theme-secondary {
  background-color: rgba(var(--theme-secondary), 0.25) !important;
}

.bg-light-theme-success {
  background-color: rgba(var(--theme-success), 0.25) !important;
}

.bg-light-theme-info {
  background-color: rgba(var(--theme-info), 0.25) !important;
}

.bg-light-theme-warning {
  background-color: rgba(var(--theme-warning), 0.25) !important;
}

.bg-light-theme-danger {
  background-color: rgba(var(--theme-danger), 0.25) !important;
}

.bg-light-theme-muted {
  background-color: rgba(var(--theme-muted), 0.25) !important;
}

.bg-light-theme-dark {
  background-color: rgba(var(--theme-dark), 0.25) !important;
}

.bg-light-theme-base {
  background-color: rgba(var(--theme-base), 0.25) !important;
}

.bg-light-theme-heading {
  background-color: rgba(var(--theme-heading), 0.25) !important;
}

.bg-light-theme-paragraph {
  background-color: rgba(var(--theme-paragraph), 0.25) !important;
}

.bg-light-theme-surface {
  background-color: rgba(var(--theme-surface), 0.25) !important;
}

.bg-opacity-7 {
  opacity: 0.07;
}

.bg-1 {
  background-color: #7F9984;
}

.bg-2 {
  background-color: #13171D;
}

.bg-3 {
  background-color: #F5F5F5;
}

/* 2.05 spacing */
.ot-section-gap-top {
  padding-block-start: 2.5rem;
}
@media (min-width: 576px) {
  .ot-section-gap-top {
    padding-block-start: 3.75rem;
  }
}
@media (min-width: 992px) {
  .ot-section-gap-top {
    padding-block-start: 5rem;
  }
}
@media (min-width: 1200px) {
  .ot-section-gap-top {
    padding-block-start: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-section-gap-top {
    padding-block-start: 7.5rem;
  }
}

.ot-section-gap-bottom {
  padding-block-end: 2.5rem;
}
@media (min-width: 576px) {
  .ot-section-gap-bottom {
    padding-block-end: 3.75rem;
  }
}
@media (min-width: 992px) {
  .ot-section-gap-bottom {
    padding-block-end: 5rem;
  }
}
@media (min-width: 1200px) {
  .ot-section-gap-bottom {
    padding-block-end: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-section-gap-bottom {
    padding-block-end: 7.5rem;
  }
}

.ot-section-gap-lg {
  padding-block: 3.75rem;
}
@media (min-width: 576px) {
  .ot-section-gap-lg {
    padding-block: 5rem;
  }
}
@media (min-width: 992px) {
  .ot-section-gap-lg {
    padding-block: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-section-gap-lg {
    padding-block: 8.75rem;
  }
}
@media (min-width: 1400px) {
  .ot-section-gap-lg {
    padding-block: 11.25rem;
  }
}

.mt-100px {
  margin-top: 2.5rem;
}
@media (min-width: 576px) {
  .mt-100px {
    margin-top: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .mt-100px {
    margin-top: 5rem;
  }
}
@media (min-width: 1400px) {
  .mt-100px {
    margin-top: 6.25rem;
  }
}

.mt-80px {
  margin-top: 1.875rem;
}
@media (min-width: 576px) {
  .mt-80px {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .mt-80px {
    margin-top: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .mt-80px {
    margin-top: 5rem;
  }
}

.mt-60px {
  margin-top: 1.25rem;
}
@media (min-width: 576px) {
  .mt-60px {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .mt-60px {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .mt-60px {
    margin-top: 3.75rem;
  }
}

.mt-30px {
  margin-top: 1.25rem;
}
@media (min-width: 576px) {
  .mt-30px {
    margin-top: 1.875rem;
  }
}

/* 2.06 animation */
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes textRotation {
  to {
    transform: rotate(360deg);
  }
}
/* 2.07 typography */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  color: rgba(var(--theme-heading), 1);
  font-weight: 500;
  font-family: var(--theme-heading-font);
  line-height: 1.3;
}

h1, .h1 {
  font-size: var(--display-1);
}

h2, .h2 {
  font-size: var(--display-2);
}

h3, .h3 {
  font-size: var(--display-3);
}

h4, .h4 {
  font-size: var(--display-4);
}

h5, .h5 {
  font-size: var(--display-5);
}

h6, .h6 {
  font-size: var(--display-6);
}

.text-2xxl {
  font-size: var(--font-2xxl) !important;
}

.text-2xl {
  font-size: var(--font-2xl) !important;
}

.text-xxl {
  font-size: var(--font-xxl) !important;
}

.text-xl {
  font-size: var(--font-xl) !important;
}

.text-lg {
  font-size: var(--font-lg) !important;
}

.text-md {
  font-size: var(--font-md) !important;
}

.text-sm {
  font-size: var(--font-sm) !important;
}

.text-xs {
  font-size: var(--font-xs) !important;
}

.text-xxs {
  font-size: var(--font-xxs) !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

/* 2.08 border */
.border {
  border-color: var(--border-color) !important;
}

.border-start {
  border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
  border-inline-end: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

@media (min-width: 992px) {
  .border-lg-end {
    border-inline-end: 1px solid var(--border-color) !important;
  }
}

/* 2.09 overlay */
.ot-dark-overlay-one {
  position: relative;
  z-index: 0;
}
.ot-dark-overlay-one::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-secondary), 0.9);
  z-index: -1;
}

.ot-dark-overlay-two {
  position: relative;
  z-index: 0;
}
.ot-dark-overlay-two::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-base), 0.75);
  z-index: -1;
}

.ot-dark-overlay-half-left {
  position: relative;
  z-index: 0;
}
.ot-dark-overlay-half-left::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(var(--theme-secondary), 0.8) 82%, transparent 100%);
  z-index: -1;
}
@media (min-width: 1200px) {
  .ot-dark-overlay-half-left::before {
    width: 80%;
    background: linear-gradient(to right, rgba(var(--theme-secondary), 1) 82%, transparent 100%);
  }
}
@media (min-width: 1400px) {
  .ot-dark-overlay-half-left::before {
    width: 60%;
  }
}

/* 2.10 position */
.z-index-1 {
  z-index: 1;
}

.z-index--1 {
  z-index: -1;
}

.opacity-15 {
  opacity: 0.15;
}

.start-10 {
  inset-inline-start: 0.625rem;
}

.top-middle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 2.11 section header */
.ot-theme-header-gap {
  margin-bottom: 1.5rem;
}
@media (min-width: 992px) {
  .ot-theme-header-gap {
    margin-bottom: 1.875rem;
  }
}
@media (min-width: 1400px) {
  .ot-theme-header-gap {
    margin-bottom: 2.5rem;
  }
}

.ot-theme-header-gap-sm {
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  .ot-theme-header-gap-sm {
    margin-bottom: 2.25rem;
  }
}

.ot-section-top-title-two {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-family: var(--theme-heading-font);
  margin-bottom: 0.75rem;
}

.ot-section-top-title-three {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  margin-bottom: 0.5rem;
  color: rgba(var(--theme-secondary), 1);
  font-weight: 600;
}

.ot-section-top-title-four {
  font-weight: 500;
  text-transform: uppercase;
  color: rgba(var(--theme-heading), 1);
  border: 1px solid #D8DDE1;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  padding: 0.375rem 0.625rem 0.375rem 1.625rem;
  position: relative;
  display: inline-flex;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .ot-section-top-title-four {
    font-size: 1rem;
  }
}
.ot-section-top-title-four::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0.625rem;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.ot-section-top-title-four.style-middle {
  padding-right: 1.625rem;
}
.ot-section-top-title-four.style-middle::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0.625rem;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.ot-section-main-title-wrapper.style-one {
  position: absolute;
  top: -2%;
  left: 0;
  width: 100%;
  z-index: -1;
}
.ot-section-main-title-wrapper.style-two {
  position: absolute;
  top: -3%;
  left: 0;
  width: 100%;
  z-index: -1;
}
.ot-section-main-title-wrapper.style-two .ot-section-main-title {
  -webkit-text-fill-color: #EFE8E2;
}

.ot-section-main-title {
  font-size: clamp(4.375rem, 1.25rem + 15.625vw, 20rem);
  font-weight: 500;
  -webkit-text-stroke: 1px transparent;
  background: -webkit-linear-gradient(-86deg, #98643e 0%, rgba(152, 100, 62, 0.5) 86%, rgba(152, 100, 62, 0) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(var(--theme-base), 1);
  text-shadow: 0 0 1px rgba(152, 100, 62, 0.8), 0 0 2px rgba(152, 100, 62, 0.6);
  opacity: 0.2;
  line-height: 1;
}
.ot-section-main-title.style-one {
  position: absolute;
  top: -44px;
  left: 53%;
}
.ot-section-main-title.style-two {
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.ot-section-main-title.style-three {
  position: absolute;
  top: -1%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.ot-theme-section-title {
  position: relative;
  font-size: 1.75rem;
  line-height: 1.2;
}
@media (min-width: 576px) {
  .ot-theme-section-title {
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  .ot-theme-section-title {
    font-size: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .ot-theme-section-title {
    font-size: 3.5rem;
  }
}
@media (min-width: 1400px) {
  .ot-theme-section-title {
    font-size: 4rem;
  }
}
.ot-theme-section-title-img {
  position: absolute;
  inset-block-start: -0.75rem;
}
.ot-theme-section-title-img.left-side {
  inset-inline-start: -30px;
}
.ot-theme-section-title-img.right-side {
  inset-inline-end: -30px;
}

.ot-theme-section-description {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ot-theme-section-description {
    font-size: 1.125rem;
  }
}
.ot-theme-section-description.style-lg {
  font-size: 1rem;
}
@media (min-width: 992px) {
  .ot-theme-section-description.style-lg {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .ot-theme-section-description.style-lg {
    font-size: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-theme-section-description.style-lg {
    font-size: 1.5rem;
  }
}

.bg-theme-secondary .ot-theme-section-title {
  color: #fff;
}
.bg-theme-secondary .ot-theme-section-description {
  color: #D2DACE;
}

.text-w-60 {
  max-width: 60ch;
}

.ot-section-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -2;
}

.ot-section-bg-img-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

/* 03. Components CSS */
/* 3.01 preloader */
.ot-preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--theme-secondary), 1);
  z-index: 99999;
}

.ot-cube-grid {
  width: 60px;
  height: 60px;
}

.ot-cube-grid .ot-cube {
  width: 33%;
  height: 33%;
  background-color: rgba(var(--theme-primary), 1);
  float: left;
  -webkit-animation: ot-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: ot-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.ot-cube-grid .ot-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ot-cube-grid .ot-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ot-cube-grid .ot-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ot-cube-grid .ot-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ot-cube-grid .ot-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ot-cube-grid .ot-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ot-cube-grid .ot-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.ot-cube-grid .ot-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ot-cube-grid .ot-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes ot-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
@keyframes ot-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
/* 3.02 buttons */
.btn {
  font-size: 1rem;
  padding: 0.75rem 1.25rem;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .btn {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .btn {
    padding: 0.875rem 1.5rem;
  }
}
@media (min-width: 1400px) {
  .btn {
    padding: 1rem 1.75rem;
  }
}
.btn.btn-lg {
  font-size: 1rem;
  padding: 0.75rem 1.5625rem;
}
@media (min-width: 1400px) {
  .btn.btn-lg {
    font-size: 1.125rem;
    padding: 1rem 2.25rem;
  }
}
.btn.btn-md {
  padding: 0.875rem 1.5rem;
}
.btn.btn-sm {
  font-size: 0.8125rem;
  padding: 0.375rem 0.75rem;
}
.btn.has-icon {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0.375rem 0.375rem 0.375rem 1.5rem !important;
}
.btn.has-icon .btn-icon {
  width: 38px;
  height: 38px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: rgba(var(--theme-primary), 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .btn.has-icon .btn-icon {
    width: 46px;
    height: 46px;
  }
}
.btn.has-arrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.btn-theme-primary {
  background-color: rgba(var(--theme-primary), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-primary:hover, .btn-theme-primary:focus, .btn-theme-primary:active {
  background-color: rgba(var(--theme-primary), 0.9) !important;
  color: #fff;
}

.btn-theme-secondary {
  background-color: rgba(var(--theme-secondary), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-secondary:hover, .btn-theme-secondary:focus, .btn-theme-secondary:active {
  background-color: rgba(var(--theme-secondary), 0.9) !important;
  color: #fff;
}

.btn-theme-success {
  background-color: rgba(var(--theme-success), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-success:hover, .btn-theme-success:focus, .btn-theme-success:active {
  background-color: rgba(var(--theme-success), 0.9) !important;
  color: #fff;
}

.btn-theme-info {
  background-color: rgba(var(--theme-info), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-info:hover, .btn-theme-info:focus, .btn-theme-info:active {
  background-color: rgba(var(--theme-info), 0.9) !important;
  color: #fff;
}

.btn-theme-warning {
  background-color: rgba(var(--theme-warning), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-warning:hover, .btn-theme-warning:focus, .btn-theme-warning:active {
  background-color: rgba(var(--theme-warning), 0.9) !important;
  color: #fff;
}

.btn-theme-danger {
  background-color: rgba(var(--theme-danger), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-danger:hover, .btn-theme-danger:focus, .btn-theme-danger:active {
  background-color: rgba(var(--theme-danger), 0.9) !important;
  color: #fff;
}

.btn-theme-muted {
  background-color: rgba(var(--theme-muted), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-muted:hover, .btn-theme-muted:focus, .btn-theme-muted:active {
  background-color: rgba(var(--theme-muted), 0.9) !important;
  color: #fff;
}

.btn-theme-dark {
  background-color: rgba(var(--theme-dark), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-dark:hover, .btn-theme-dark:focus, .btn-theme-dark:active {
  background-color: rgba(var(--theme-dark), 0.9) !important;
  color: #fff;
}

.btn-theme-base {
  background-color: rgba(var(--theme-base), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-base:hover, .btn-theme-base:focus, .btn-theme-base:active {
  background-color: rgba(var(--theme-base), 0.9) !important;
  color: #fff;
}

.btn-theme-heading {
  background-color: rgba(var(--theme-heading), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-heading:hover, .btn-theme-heading:focus, .btn-theme-heading:active {
  background-color: rgba(var(--theme-heading), 0.9) !important;
  color: #fff;
}

.btn-theme-paragraph {
  background-color: rgba(var(--theme-paragraph), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-paragraph:hover, .btn-theme-paragraph:focus, .btn-theme-paragraph:active {
  background-color: rgba(var(--theme-paragraph), 0.9) !important;
  color: #fff;
}

.btn-theme-surface {
  background-color: rgba(var(--theme-surface), 1) !important;
  color: #fff;
  border: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.btn-theme-surface:hover, .btn-theme-surface:focus, .btn-theme-surface:active {
  background-color: rgba(var(--theme-surface), 0.9) !important;
  color: #fff;
}

.btn-theme-primary {
  position: relative;
  overflow: hidden;
}
.btn-theme-primary::before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  filter: blur(30px);
  transform: translateX(-100px) skewX(-15deg);
}
.btn-theme-primary::after {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100px) skewX(-15deg);
}
.btn-theme-primary:hover::before {
  transform: translateX(300px) skewX(-15deg);
  opacity: 0.6;
  transition: 0.7s;
}
.btn-theme-primary:hover::after {
  transform: translateX(300px) skewX(-15deg);
  opacity: 1;
  transition: 0.7s;
}

[data-theme=home-3] .btn-theme-primary {
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  color: rgba(var(--theme-secondary), 1);
}

/* 3.03 nav tabs */
.nav-tabs.text-tab {
  border: none;
  gap: 0.75rem 1.875rem;
}
.nav-tabs.text-tab .nav-item .nav-link {
  border: none;
  position: relative;
  color: rgba(var(--theme-paragraph), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 600;
}
@media (min-width: 576px) {
  .nav-tabs.text-tab .nav-item .nav-link {
    font-size: 1.125rem;
  }
}
.nav-tabs.text-tab .nav-item .nav-link::after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(var(--theme-primary), 1);
  opacity: 0;
}
.nav-tabs.text-tab .nav-item .nav-link.active {
  margin-bottom: 0;
  color: rgba(var(--theme-primary), 1);
}
.nav-tabs.text-tab .nav-item .nav-link.active::after {
  opacity: 1;
}
.nav-tabs.text-tab .nav-item .nav-link .nav-tabs-badge {
  width: 18px;
  height: 18px;
  background-color: var(--body-color);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 500;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.tab-content {
  margin-top: 1rem;
}

/* 3.04 pagination */
.pagination {
  gap: 0.625rem;
}
.pagination .page-item.active .page-link {
  background-color: rgba(var(--theme-primary), 1);
}
.pagination .page-item .page-link {
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  display: inline-flex;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
@media (min-width: 1200px) {
  .pagination .page-item .page-link {
    font-size: 1.125rem;
    width: 2.75rem;
    height: 2.75rem;
  }
}
@media (min-width: 1400px) {
  .pagination .page-item .page-link {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.pagination .page-item .page-link:hover {
  background-color: rgba(var(--theme-primary));
  color: #fff;
}
.pagination.pagination-primary .page-item.active .page-link {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}
.pagination.pagination-primary .page-item .page-link {
  background-color: rgba(var(--theme-primary), 0.1);
  color: rgba(var(--theme-secondary), 1);
}
.pagination.pagination-primary .page-item .page-link i {
  color: rgba(var(--theme-primary), 1);
}

/* 3.05 widget */
.ot-widget {
  padding: 1rem;
  background-color: rgba(var(--theme-primary), 0.1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
@media (min-width: 576px) {
  .ot-widget {
    padding: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-widget {
    padding: 1.875rem;
  }
}
@media (min-width: 1400px) {
  .ot-widget {
    padding: 2.5rem;
  }
}
.ot-widget-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  color: rgba(var(--theme-secondary), 1);
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
  .ot-widget-title {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .ot-widget-title {
    margin-bottom: 1.875rem;
  }
}
.ot-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #d0d4d8;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-widget .widget-category-list li:first-child a {
  padding-top: 0;
}
.ot-widget .widget-category-list li:last-child a {
  padding-bottom: 0;
  border-bottom: none;
}
.ot-widget .widget-category-list li a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  padding-block: 0.875rem;
  border-bottom: 1px solid #d0d4d8;
  transition: all 0.3s;
}
@media (min-width: 1400px) {
  .ot-widget .widget-category-list li a {
    font-size: 1.125rem;
  }
}
.ot-widget .widget-category-list li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-widget .widget-category-list li span {
  font-weight: 600;
}

.search-widget-form {
  display: flex;
}
.search-widget-form input {
  flex-grow: 1;
  height: 3.5rem;
  background-color: #fff;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  -o-border-radius: 6px 0 0 6px;
  padding: 0.5rem 1.25rem;
}
.search-widget-form input:focus {
  border: none;
  outline: none;
}
.search-widget-form button {
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
  -o-border-radius: 0 6px 6px 0;
  width: 3.5rem;
  flex-shrink: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
}

.widget-small-posts .single-small-post + .single-small-post {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .widget-small-posts .single-small-post + .single-small-post {
    margin-top: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .widget-small-posts .single-small-post + .single-small-post {
    margin-top: 1.875rem;
  }
}
.widget-small-posts .single-small-post {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.widget-small-posts .single-small-post-thumb {
  width: 5.25rem;
  height: 5.25rem;
  flex-shrink: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
.widget-small-posts .single-small-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.widget-small-posts .single-small-post-content {
  flex-grow: 1;
}
.widget-small-posts .single-small-post-title {
  font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
  color: rgba(var(--theme-secondary), 1);
  margin-bottom: 0.5rem;
}
.widget-small-posts .single-small-post-title:hover {
  color: rgba(var(--theme-primary), 1);
}

.widget-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.widget-tags a {
  padding: 0.5rem 1.25rem;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s;
}
.widget-tags a:hover {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}

.gx-8 {
  --bs-gutter-x: 8px;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-15 {
  --bs-gutter-x: 15px;
}

.gx-18 {
  --bs-gutter-x: 18px;
}

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

.gx-24 {
  --bs-gutter-x: 24px;
}

.gx-30 {
  --bs-gutter-x: 30px;
}

.gx-35 {
  --bs-gutter-x: 35px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gx-50 {
  --bs-gutter-x: 50px;
}

.gx-60 {
  --bs-gutter-x: 60px;
}

.gx-65 {
  --bs-gutter-x: 65px;
}

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

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

.gy-18 {
  --bs-gutter-y: 18px;
}

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

.gy-25 {
  --bs-gutter-y: 25px;
}

.gy-24 {
  --bs-gutter-y: 24px;
}

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

.gy-35 {
  --bs-gutter-y: 35px;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.gy-50 {
  --bs-gutter-y: 50px;
}

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

.gy-65 {
  --bs-gutter-y: 65px;
}

.gy-70 {
  --bs-gutter-y: 70px;
}

.gy-75 {
  --bs-gutter-y: 75px;
}

.gy-80 {
  --bs-gutter-y: 80px;
}

.gy-85 {
  --bs-gutter-y: 85px;
}

.gy-100 {
  --bs-gutter-y: 100px;
}

/* 3.06 nice select */
.nice-select {
  -webkit-tap-highlight-color: transparent;
  border-radius: 0;
  background: none;
  box-sizing: border-box;
  border: 1px solid rgba(var(--theme-muted), 0.35);
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  outline: none;
  padding-left: 19px;
  padding-right: 19px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.nice-select:hover {
  border-color: rgba(var(--theme-muted), 0.5);
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: rgba(var(--theme-primary), 1);
  border: 1px solid rgba(var(--theme-primary), 1);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: rgba(var(--theme-muted), 0.25);
  color: rgba(var(--theme-muted), 0.8);
  pointer-events: none;
}
.nice-select.disabled::after {
  border-color: rgba(var(--theme-muted), 0.5);
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  width: 100%;
  border-radius: 5px;
  color: rgba(var(--theme-paragraph), 1);
  background-color: rgba(var(--theme-base), 1);
  box-shadow: 0 0 0 1px rgba(var(--theme-heading), 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 10px 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 26px;
  list-style: none;
  min-height: 26px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  color: rgba(var(--theme-paragraph), 1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nice-select .option:hover {
  color: rgba(var(--theme-base), 1);
  background-color: rgba(var(--theme-primary), 1);
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: rgba(var(--theme-muted), 0.8);
  cursor: default;
}
.nice-select-icon {
  position: absolute;
  right: 15px;
  top: 13px;
}

.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}

/* 04. Layout CSS */
/* 4.01 header */
.ot-header.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(var(--theme-secondary), 1);
}
.ot-header.header-sticky.ot-header-three, .ot-header.header-sticky.ot-header-four {
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.ot-header-one {
  padding-block: 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 9;
}
@media (min-width: 1200px) {
  .ot-header-one {
    padding-block: 1.25rem;
  }
}
.ot-header-one .ot-logo {
  max-height: 2.5rem;
}
@media (min-width: 1200px) {
  .ot-header-one .ot-logo {
    max-height: 4.0625rem;
  }
}
.ot-header-one .ot-header-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background-color: rgba(226, 226, 226, 0.2);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  backdrop-filter: blur(3px);
}
.ot-header-one .ot-header-menu > li.has-submenu {
  position: relative;
}
.ot-header-one .ot-header-menu > li.has-submenu:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.ot-header-one .ot-header-menu > li.has-submenu > a {
  position: relative;
  padding-inline-end: 1.75rem;
}
.ot-header-one .ot-header-menu > li.has-submenu > a:hover::after {
  content: "\f2ea";
}
.ot-header-one .ot-header-menu > li.has-submenu > a::after {
  position: absolute;
  content: "\f4fe";
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  transition: all 0.3s;
}
.ot-header-one .ot-header-menu > li > a {
  font-weight: 500;
  color: #fff;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
}
.ot-header-one .ot-header-menu > li > a:hover, .ot-header-one .ot-header-menu > li > a.active {
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-header-one .ot-header-menu .submenu {
  position: absolute;
  top: 110%;
  left: 0;
  width: 240px;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  padding-block: 0.75rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.ot-header-one .ot-header-menu .submenu li a {
  color: #fff;
  padding: 0.375rem 1rem;
  transition: all 0.3s;
  display: block;
}
.ot-header-one .ot-header-menu .submenu li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(var(--theme-primary), 1);
}
.ot-header-one .ot-header-menu .submenu li a.active {
  color: rgba(var(--theme-primary), 1);
}

.ot-header-two {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(19, 23, 29, 0.3), rgba(86, 104, 131, 0));
  z-index: 9;
  padding-block: 0.75rem;
}
@media (min-width: 1200px) {
  .ot-header-two {
    padding-block: 0;
  }
}
.ot-header-two .ot-logo {
  max-height: 2.5rem;
}
@media (min-width: 1200px) {
  .ot-header-two .ot-logo {
    max-height: 4.0625rem;
  }
}
.ot-header-two .ot-header-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ot-header-two .ot-header-menu > li.has-submenu {
  position: relative;
}
.ot-header-two .ot-header-menu > li.has-submenu:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.ot-header-two .ot-header-menu > li.has-submenu > a {
  position: relative;
  padding-inline-end: 1.75rem;
}
.ot-header-two .ot-header-menu > li.has-submenu > a:hover::after {
  content: "\f2ea";
}
.ot-header-two .ot-header-menu > li.has-submenu > a::after {
  position: absolute;
  content: "\f4fe";
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  transition: all 0.3s;
}
.ot-header-two .ot-header-menu > li > a {
  font-weight: 500;
  color: #fff;
  padding: 2.5rem 1.25rem;
  border-top: 3px solid transparent;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .ot-header-two .ot-header-menu > li > a {
    padding: 2rem 1rem;
  }
}
@media (min-width: 1400px) {
  .ot-header-two .ot-header-menu > li > a {
    padding: 2.5rem 1.25rem;
  }
}
.ot-header-two .ot-header-menu > li > a:hover, .ot-header-two .ot-header-menu > li > a.active {
  background: linear-gradient(to bottom, rgba(4, 34, 62, 0.12), rgba(228, 141, 1, 0.3));
  border-color: rgba(var(--theme-primary, 1));
}
.ot-header-two .ot-header-menu .submenu {
  position: absolute;
  top: 110%;
  left: 0;
  width: 240px;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  padding-block: 0.75rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.ot-header-two .ot-header-menu .submenu li a {
  color: #fff;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
}
.ot-header-two .ot-header-menu .submenu li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(var(--theme-primary), 1);
}
.ot-header-two .ot-header-menu .submenu li a.active {
  color: rgba(var(--theme-primary), 1);
}
.ot-header-two .header-search-btn {
  width: 3.5rem;
  height: 3.5rem;
  border: 2px dashed rgba(var(--theme-primary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(var(--theme-base), 0.65);
  transition: all 0.3s;
}
.ot-header-two .header-search-btn:hover {
  background-color: rgba(var(--theme-primary), 1);
}

.ot-header-search {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(10px);
  z-index: 99;
  transition: all 0.3s;
}
.ot-header-search.active {
  transform: translate(-50%, -50%) scale(1);
}
.ot-header-search .header-search-close-btn {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: all 0.3s;
}
.ot-header-search .header-search-close-btn:hover {
  color: rgba(var(--theme-primary), 1);
  border-color: rgba(var(--theme-primary), 1);
}
.ot-header-search .header-search-form {
  width: 100%;
  max-width: 560px;
  display: flex;
}
.ot-header-search .header-search-form input {
  flex-grow: 1;
  height: 56px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 1.25rem;
  padding-right: 1rem;
}
.ot-header-search .header-search-form input:focus {
  border-color: rgba(var(--theme-primary), 1);
}
.ot-header-search .header-search-form button {
  width: 54px;
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ot-header-three {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(var(--theme-heading), 0.12);
  backdrop-filter: blur(70px);
  z-index: 9;
  padding: 0.75rem 0;
}
@media (min-width: 1200px) {
  .ot-header-three {
    padding: 0;
  }
}
.ot-header-three .ot-logo {
  max-height: 2.5rem;
}
@media (min-width: 1200px) {
  .ot-header-three .ot-logo {
    max-height: 4.0625rem;
  }
}
.ot-header-three .ot-header-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ot-header-three .ot-header-menu > li.has-submenu {
  position: relative;
}
.ot-header-three .ot-header-menu > li.has-submenu:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.ot-header-three .ot-header-menu > li.has-submenu > a {
  position: relative;
  padding-inline-end: 1.75rem;
}
.ot-header-three .ot-header-menu > li.has-submenu > a:hover::after {
  content: "\f2ea";
}
.ot-header-three .ot-header-menu > li.has-submenu > a::after {
  position: absolute;
  content: "\f4fe";
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  transition: all 0.3s;
}
.ot-header-three .ot-header-menu > li > a {
  font-weight: 500;
  color: rgba(var(--theme-heading), 1);
  padding: 2.25rem 1rem;
  text-transform: uppercase;
  transition: all 0.3s;
}
@media (min-width: 1400px) {
  .ot-header-three .ot-header-menu > li > a {
    padding: 2.25rem 1.25rem;
  }
}
.ot-header-three .ot-header-menu > li > a:hover, .ot-header-three .ot-header-menu > li > a.active {
  color: rgba(var(--theme-primary), 1);
  position: relative;
}
.ot-header-three .ot-header-menu > li > a:hover::before, .ot-header-three .ot-header-menu > li > a.active::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
}
.ot-header-three .ot-header-menu .submenu {
  position: absolute;
  top: 110%;
  left: 0;
  width: 240px;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  padding-block: 0.75rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.ot-header-three .ot-header-menu .submenu li a {
  color: #fff;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
  display: block;
  font-weight: 500;
  text-transform: uppercase;
}
.ot-header-three .ot-header-menu .submenu li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(var(--theme-primary), 1);
}
.ot-header-three .ot-header-menu .submenu li a.active {
  color: rgba(var(--theme-primary), 1);
}

.ot-header-four {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
  padding-block: 0.75rem;
}
@media (min-width: 1200px) {
  .ot-header-four {
    padding-block: 0;
  }
}
.ot-header-four .ot-logo {
  max-height: 2.5rem;
}
@media (min-width: 1200px) {
  .ot-header-four .ot-logo {
    max-height: 4.0625rem;
  }
}
.ot-header-four .ot-header-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ot-header-four .ot-header-menu > li.has-submenu {
  position: relative;
}
.ot-header-four .ot-header-menu > li.has-submenu:hover .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.ot-header-four .ot-header-menu > li.has-submenu > a {
  position: relative;
  padding-inline-end: 1.75rem;
}
.ot-header-four .ot-header-menu > li.has-submenu > a:hover::after {
  content: "\f2ea";
}
.ot-header-four .ot-header-menu > li.has-submenu > a::after {
  position: absolute;
  content: "\f4fe";
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 600 !important;
  transition: all 0.3s;
}
.ot-header-four .ot-header-menu > li > a {
  font-weight: 500;
  color: rgba(var(--theme-heading), 1);
  padding: 2.25rem 1.25rem;
  transition: all 0.3s;
}
.ot-header-four .ot-header-menu > li > a:hover, .ot-header-four .ot-header-menu > li > a.active {
  color: rgba(var(--theme-primary), 1);
}
.ot-header-four .ot-header-menu .submenu {
  position: absolute;
  top: 110%;
  left: 0;
  width: 240px;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  padding-block: 0.75rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.ot-header-four .ot-header-menu .submenu li a {
  color: #fff;
  padding: 0.5rem 1rem;
  transition: all 0.3s;
  display: block;
  font-weight: 500;
}
.ot-header-four .ot-header-menu .submenu li a:hover {
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
}
.ot-header-four .ot-header-menu .submenu li a.active {
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
}

.mobile-menu-open-btn {
  width: 2.625rem;
  height: 2.625rem;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--theme-primary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .mobile-menu-open-btn {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1.5rem;
  }
}

.ot-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  background-color: rgba(var(--theme-secondary), 1);
  z-index: 9;
  min-height: 100vh;
}
@media (min-width: 576px) {
  .ot-mobile-menu {
    width: 420px;
  }
}
.ot-mobile-menu-top {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(var(--theme-base), 0.1);
  padding: 1.25rem 1.875rem;
}
.ot-mobile-menu-top a {
  flex-grow: 1;
}
.ot-mobile-menu-top .ot-logo {
  max-height: 2.75rem;
}
.ot-mobile-menu-close-btn {
  width: 2.75rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #fff;
}
.ot-mobile-menu-body {
  padding: 1.5rem 1.875rem;
}
.ot-mobile-menu .ot-header-menu > li > a {
  border-bottom: 1px solid rgba(var(--theme-base), 0.1);
  padding: 0.75rem 0;
  display: block;
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
}
.ot-mobile-menu .ot-header-menu > li > a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-mobile-menu .ot-header-menu > li.has-submenu > a {
  position: relative;
}
.ot-mobile-menu .ot-header-menu > li.has-submenu > a:hover::after {
  content: "\f2ea";
}
.ot-mobile-menu .ot-header-menu > li.has-submenu > a::after {
  position: absolute;
  content: "\f4fe";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  font-size: 1.375rem;
  transition: all 0.3s;
}
.ot-mobile-menu .ot-header-menu > li.has-submenu.has-submenu-open > a {
  color: rgba(var(--theme-primary), 1);
}
.ot-mobile-menu .ot-header-menu > li.has-submenu.has-submenu-open > a::after {
  content: "\f2ea";
}
.ot-mobile-menu .ot-header-menu .submenu {
  background-color: rgba(255, 255, 255, 0.0392156863);
  display: none;
}
.ot-mobile-menu .ot-header-menu .submenu li a {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(var(--theme-base), 0.1);
  display: block;
  color: #fff;
}
.ot-mobile-menu-bottom {
  padding: 30px;
}
.ot-mobile-menu-bottom .bottom-title {
  margin-bottom: 1rem;
}
.ot-mobile-menu-bottom .mobile-menu-social-media-links {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.ot-mobile-menu-bottom .mobile-menu-social-media-links li a {
  width: 2.75rem;
  height: 2.75rem;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ot-mobile-menu-bottom .mobile-menu-social-media-links li a:hover {
  background: rgba(var(--theme-primary), 1);
  color: #fff;
}

/* 4.02 footer */
.ot-cta-one {
  padding-top: 2.5rem;
  padding-bottom: 5.625rem;
  background-color: rgba(var(--theme-primary), 1);
}
@media (min-width: 992px) {
  .ot-cta-one {
    padding-block: 4.375rem;
  }
}
.ot-cta-one .ot-theme-section-title {
  color: #fff;
}
.ot-cta-one .cta-btn-wrapper {
  position: relative;
  z-index: 0;
  margin-top: 2.25rem;
  display: inline-flex;
}
@media (min-width: 992px) {
  .ot-cta-one .cta-btn-wrapper {
    margin-top: 0;
  }
}
.ot-cta-one .cta-btn-wrapper .circle {
  position: absolute;
  top: 50%;
  left: -66px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  animation: textRotation 15s linear infinite;
  margin-top: -100px;
  z-index: -1;
}
.ot-cta-one .cta-btn-wrapper .circle span {
  position: absolute;
  left: 50%;
  font-size: 1.2em;
  transform-origin: 0 100px;
  text-transform: uppercase;
  color: #D2DACE;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  font-family: var(--theme-heading-font);
}

.ot-footer-one {
  background-color: rgba(var(--theme-secondary), 1);
  position: relative;
  z-index: 0;
}
.ot-footer-one::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-secondary), 0.95);
  z-index: -1;
}
.ot-footer-one .footer-main {
  padding-bottom: 1.875rem;
  padding-top: 2.5rem;
}
@media (min-width: 992px) {
  .ot-footer-one .footer-main {
    padding-top: 0;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-one .footer-main {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-one .footer-main {
    padding-bottom: 5rem;
  }
}
.ot-footer-one .footer-about-widget {
  padding: 1.25rem;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .ot-footer-one .footer-about-widget {
    border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
    padding: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-one .footer-about-widget {
    padding: 2.5rem 1.875rem;
  }
}
.ot-footer-one .footer-about-widget .icon-img {
  margin-bottom: 1.25rem;
  max-height: 3.375rem;
}
.ot-footer-one .footer-about-widget .title {
  font-size: 1.25rem;
  color: #fff;
}
@media (min-width: 768px) {
  .ot-footer-one .footer-about-widget .title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-one .footer-about-widget .title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-one .footer-about-widget .title {
    font-size: 1.75rem;
  }
}
.ot-footer-one .footer-about-widget .details {
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (min-width: 1200px) {
  .ot-footer-one .footer-about-widget .details {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-one .footer-about-widget .details {
    font-size: 1.125rem;
  }
}
.ot-footer-one .subscribe-form input {
  height: 3.5rem;
  background-color: #fff;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  font-weight: 500;
  padding: 0.5rem 1.875rem;
  width: 100%;
  margin-bottom: 1rem;
}
.ot-footer-one .subscribe-form input::-webkit-input-placeholder {
  color: #737373;
}
.ot-footer-one .subscribe-form input::-moz-placeholder {
  color: #737373;
}
.ot-footer-one .subscribe-form input:-ms-input-placeholder {
  color: #737373;
}
.ot-footer-one .subscribe-form input:-moz-placeholder {
  color: #737373;
}
.ot-footer-one .footer-main-right {
  padding-top: 2.5rem;
  padding-left: 0.75rem;
}
@media (min-width: 1400px) {
  .ot-footer-one .footer-main-right {
    padding-top: 2.5rem;
    padding-left: 0.75rem;
  }
}
@media (min-width: 1600px) {
  .ot-footer-one .footer-main-right {
    padding-top: 3.75rem;
    padding-left: 4.25rem;
  }
}
.ot-footer-one .contact-info {
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
}
.ot-footer-one .single-contact-info {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-grow: 1;
}
.ot-footer-one .single-contact-info .icon {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 576px) {
  .ot-footer-one .single-contact-info .icon {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.ot-footer-one .single-contact-info .icon img {
  max-height: 1.5rem;
}
.ot-footer-one .single-contact-info .content {
  flex-grow: 1;
}
.ot-footer-one .single-contact-info .content p {
  color: #fff;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.ot-footer-one .single-contact-info .content .single-contact-info {
  font-weight: 500;
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 0;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .ot-footer-one .single-contact-info .content .single-contact-info {
    font-size: 1.125rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-one .single-contact-info .content .single-contact-info {
    font-size: 1.25rem;
  }
}
@media (min-width: 1600px) {
  .ot-footer-one .single-contact-info .content .single-contact-info {
    font-size: 1.5rem;
  }
}
.ot-footer-one .single-contact-info .content .single-contact-info:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-one .footer-widget-title {
  font-size: 1.125rem;
  color: #fff;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  .ot-footer-one .footer-widget-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-one .footer-widget-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1600px) {
  .ot-footer-one .footer-widget-title {
    font-size: 1.5rem;
  }
}
.ot-footer-one .footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 69px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-one .footer-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 74px;
  width: 12px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-one .footer-widget-menu li + li {
  margin-top: 0.75rem;
}
.ot-footer-one .footer-widget-menu li a {
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
  font-size: 0.875rem;
}
@media (min-width: 1400px) {
  .ot-footer-one .footer-widget-menu li a {
    font-size: 1rem;
  }
}
.ot-footer-one .footer-widget-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-one .footer-widget-menu li a i {
  font-size: 0.875rem;
  font-weight: 500;
}
.ot-footer-one .footer-gallery-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ot-footer-one .footer-gallery-list li {
  width: calc(33.3333333333% - 6px);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.ot-footer-one .footer-gallery-list li a {
  display: block;
}
.ot-footer-one .footer-gallery-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-footer-one .copy-right-area {
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  padding-block: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  color: #fff;
  font-weight: 500;
}
.ot-footer-one .copy-right-area span {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-one .inline-menu {
  display: inline-flex;
}
.ot-footer-one .inline-menu li:last-child::after {
  display: none;
}
.ot-footer-one .inline-menu li::after {
  content: "/";
  padding-inline: 0.75rem;
}
.ot-footer-one .inline-menu li a {
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
}
.ot-footer-one .inline-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}

@keyframes spinCircle {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}
.ot-footer-two {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ot-footer-two::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-secondary), 0.95);
  z-index: -1;
}
.ot-footer-two .footer-top-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.ot-footer-two .footer-about-widget {
  width: 100%;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  padding-right: 0;
}
@media (min-width: 992px) {
  .ot-footer-two .footer-about-widget {
    width: 28%;
    padding-top: 5rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-two .footer-about-widget {
    padding-top: 6.25rem;
    padding-right: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-two .footer-about-widget {
    padding-top: 7.5rem;
    padding-right: 5rem;
  }
}
.ot-footer-two .footer-about-widget .footer-logo {
  margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
  .ot-footer-two .footer-about-widget .footer-logo {
    margin-bottom: 1.875rem;
  }
}
.ot-footer-two .footer-about-widget .footer-logo img {
  max-height: 2.75rem;
}
@media (min-width: 992px) {
  .ot-footer-two .footer-about-widget .footer-logo img {
    max-height: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-two .footer-about-widget .footer-logo img {
    max-height: 4rem;
  }
}
.ot-footer-two .footer-widget-title {
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  color: #fff;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.ot-footer-two .footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 69px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-two .footer-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 74px;
  width: 12px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-two .footer-widget-menu li + li {
  margin-top: 0.75rem;
}
.ot-footer-two .footer-widget-menu li a {
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
}
.ot-footer-two .footer-widget-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-two .footer-widget-menu li a i {
  font-size: 0.875rem;
  font-weight: 500;
}
.ot-footer-two .footer-right-wrapper {
  width: 100%;
  padding-bottom: 2.5rem;
}
@media (min-width: 992px) {
  .ot-footer-two .footer-right-wrapper {
    width: 72%;
    padding-top: 3.75rem;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 1200px) {
  .ot-footer-two .footer-right-wrapper {
    padding-top: 5rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-two .footer-right-wrapper {
    padding-top: 5.625rem;
  }
}
.ot-footer-two .footer-subscribe-area {
  padding-bottom: 3.75rem;
  padding-left: 0;
  position: relative;
}
@media (min-width: 992px) {
  .ot-footer-two .footer-subscribe-area {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-two .footer-subscribe-area {
    padding-left: 5rem;
  }
}
.ot-footer-two .footer-subscribe-area::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}
@media (min-width: 992px) {
  .ot-footer-two .footer-subscribe-area::before {
    width: calc(100% + 400px);
  }
}
.ot-footer-two .footer-subscribe-area .title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.ot-footer-two .footer-subscribe-area .subscribe-form {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .ot-footer-two .footer-subscribe-area .subscribe-form {
    flex-wrap: nowrap;
    gap: 1.5rem;
  }
}
.ot-footer-two .footer-subscribe-area .subscribe-form input {
  background-color: rgba(115, 115, 115, 0.49);
  flex-grow: 1;
  padding: 0.25rem 1.25rem;
}
.ot-footer-two .footer-subscribe-area .subscribe-form input::-webkit-input-placeholder {
  color: #fff;
}
.ot-footer-two .footer-subscribe-area .subscribe-form input::-moz-placeholder {
  color: #fff;
}
.ot-footer-two .footer-subscribe-area .subscribe-form input:-ms-input-placeholder {
  color: #fff;
}
.ot-footer-two .footer-subscribe-area .subscribe-form input:-moz-placeholder {
  color: #fff;
}
@media (max-width: 575px) {
  .ot-footer-two .footer-subscribe-area .subscribe-form input {
    height: 45px;
  }
}
.ot-footer-two .footer-subscribe-area .subscribe-form .btn {
  flex-shrink: 0;
  flex-grow: 1;
}
.ot-footer-two .footer-menu-wrapper {
  padding-top: 3.75rem;
  padding-left: 0;
}
@media (min-width: 992px) {
  .ot-footer-two .footer-menu-wrapper {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-two .footer-menu-wrapper {
    padding-left: 5rem;
  }
}
.ot-footer-two .contact-list li + li {
  margin-top: 1.25rem;
}
.ot-footer-two .contact-list li {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.ot-footer-two .contact-list li .icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.125rem;
}
.ot-footer-two .contact-list li .content {
  flex-grow: 1;
}
.ot-footer-two .contact-list li a {
  transition: all 0.3s;
}
.ot-footer-two .contact-list li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-two .footer-bottom {
  padding-block: 1.875rem;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.ot-footer-two .footer-inline-menu {
  display: flex;
  align-items: center;
}
.ot-footer-two .footer-inline-menu li:last-child::after {
  display: none;
}
.ot-footer-two .footer-inline-menu li::after {
  content: "/";
  padding-inline: 1rem;
}
.ot-footer-two .footer-inline-menu li a {
  transition: all 0.3s;
}
.ot-footer-two .footer-inline-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}

.ot-footer-three {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ot-footer-three .footer-cta {
  padding-bottom: 2.5rem;
}
@media (min-width: 1200px) {
  .ot-footer-three .footer-cta {
    padding-bottom: 11.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-three .footer-cta {
    padding-bottom: 11.25rem;
  }
}
.ot-footer-three .footer-cta .cta-title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
}
.ot-footer-three .footer-cta .cta-title span {
  line-height: 1.05;
}
@media (min-width: 576px) {
  .ot-footer-three .footer-cta .cta-title {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .ot-footer-three .footer-cta .cta-title {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .ot-footer-three .footer-cta .cta-title {
    font-size: 3.875rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-three .footer-cta .cta-title {
    font-size: 4.625rem;
  }
}
.ot-footer-three .cta-btn {
  position: relative;
}
.ot-footer-three .cta-btn .invest-text {
  animation: spin 10s infinite linear;
}
.ot-footer-three .cta-btn .cta-btn-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ot-footer-three .footer-main {
  padding-bottom: 5rem;
}
.ot-footer-three .footer-social-media-links {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.ot-footer-three .footer-social-media-links li a {
  width: 2.75rem;
  height: 2.75rem;
  background-color: rgba(var(--theme-secondary), 1);
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ot-footer-three .footer-social-media-links li a:hover {
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  color: rgba(var(--theme-heading), 1);
}
.ot-footer-three .footer-widget-title {
  font-size: 1.5rem;
  color: #fff;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.ot-footer-three .footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 69px;
  height: 3px;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-three .footer-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 74px;
  width: 12px;
  height: 3px;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-three .footer-widget-menu li + li {
  margin-top: 0.75rem;
}
.ot-footer-three .footer-widget-menu li a {
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
}
.ot-footer-three .footer-widget-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-three .footer-widget-menu li a i {
  font-size: 0.875rem;
  font-weight: 500;
}
.ot-footer-three .footer-bottom {
  padding-bottom: 1.875rem;
}
.ot-footer-three .footer-bottom .footer-bottom-inner {
  padding-top: 1.875rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
.ot-footer-three .footer-bottom .footer-bottom-inner p {
  color: #fff;
}
.ot-footer-three .footer-inline-menu {
  display: flex;
  align-items: center;
}
.ot-footer-three .footer-inline-menu li:last-child::after {
  display: none;
}
.ot-footer-three .footer-inline-menu li::after {
  content: "/";
  padding-inline: 1rem;
}
.ot-footer-three .footer-inline-menu li a {
  transition: all 0.3s;
  color: #fff;
}
.ot-footer-three .footer-inline-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-three .ot-section-bg-img {
  top: 170px;
}
@media (min-width: 768px) {
  .ot-footer-three .ot-section-bg-img {
    top: 40px;
  }
}
@media (min-width: 992px) {
  .ot-footer-three .ot-section-bg-img {
    top: 110px;
  }
}
@media (min-width: 1200px) {
  .ot-footer-three .ot-section-bg-img {
    top: 170px;
  }
}

.ot-footer-four {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #020617;
}
.ot-footer-four::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: 160px;
  background: linear-gradient(to top, #0A0C19, rgba(10, 12, 25, 0));
}
.ot-footer-four .footer-logo {
  width: 100%;
  text-align: center;
}
@media (min-width: 1200px) {
  .ot-footer-four .footer-logo {
    width: auto;
  }
}
.ot-footer-four .footer-logo img {
  max-height: 2.75rem;
}
@media (min-width: 1200px) {
  .ot-footer-four .footer-logo img {
    max-height: 3.375rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-four .footer-logo img {
    max-height: 4rem;
  }
}
.ot-footer-four .footer-info-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.125rem 2.5rem;
  background-color: #13171D;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-left: 5px solid rgba(var(--theme-primary), 1);
  border-right: 5px solid rgba(var(--theme-primary), 1);
  gap: 1.25rem;
  justify-content: center;
}
@media (min-width: 1200px) {
  .ot-footer-four .footer-info-bar {
    padding: 1.125rem 1.875rem;
    justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .ot-footer-four .footer-info-bar {
    padding: 1.125rem 2.5rem;
  }
}
.ot-footer-four .footer-info-bar .single-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1400px) {
  .ot-footer-four .footer-info-bar .single-info {
    gap: 1.25rem;
  }
}
.ot-footer-four .footer-info-bar .single-info img {
  max-height: 2rem;
}
@media (min-width: 1200px) {
  .ot-footer-four .footer-info-bar .single-info img {
    max-height: 2.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-four .footer-info-bar .single-info img {
    max-height: 3.75rem;
  }
}
.ot-footer-four .footer-info-bar .single-info .content span {
  color: #fff;
  font-weight: 500;
}
.ot-footer-four .footer-info-bar .single-info .content .single-info-title {
  color: #fff;
  margin-bottom: 0;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .ot-footer-four .footer-info-bar .single-info .content .single-info-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-footer-four .footer-info-bar .single-info .content .single-info-title {
    font-size: 1.5rem;
  }
}
.ot-footer-four .footer-info-bar .single-info .content .single-info-title:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-four .footer-widget-title {
  font-size: 1.5rem;
  color: #fff;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}
.ot-footer-four .footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 69px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-four .footer-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 74px;
  width: 12px;
  height: 3px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-footer-four .footer-widget-menu li + li {
  margin-top: 0.75rem;
}
.ot-footer-four .footer-widget-menu li a {
  color: #fff;
  font-weight: 500;
  transition: all 0.3s;
}
.ot-footer-four .footer-widget-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-four .footer-widget-menu li a i {
  font-size: 0.875rem;
  font-weight: 500;
}
.ot-footer-four .footer-post-list .single-post + .single-post {
  margin-top: 1.25rem;
}
.ot-footer-four .footer-post-list .single-post {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ot-footer-four .footer-post-list .single-post .thumb {
  width: 5rem;
  height: 4.6875rem;
  flex-shrink: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}
.ot-footer-four .footer-post-list .single-post .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-footer-four .footer-post-list .single-post .content {
  flex-grow: 1;
}
.ot-footer-four .footer-post-list .single-post .content .title {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  color: #fff;
  margin-bottom: 0;
}
.ot-footer-four .footer-post-list .single-post .content .title a {
  transition: all 0.3s;
}
.ot-footer-four .footer-post-list .single-post .content .title a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-four .footer-bottom {
  padding-bottom: 1.875rem;
}
.ot-footer-four .footer-bottom .footer-bottom-inner {
  padding-top: 1.875rem;
}
.ot-footer-four .footer-bottom .footer-bottom-inner p {
  color: #fff;
}
.ot-footer-four .footer-inline-menu {
  display: flex;
  align-items: center;
}
.ot-footer-four .footer-inline-menu li:last-child::after {
  display: none;
}
.ot-footer-four .footer-inline-menu li::after {
  content: "/";
  padding-inline: 1rem;
}
.ot-footer-four .footer-inline-menu li a {
  transition: all 0.3s;
  color: #fff;
}
.ot-footer-four .footer-inline-menu li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-footer-four .ellipse-shape {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
}
.ot-footer-four .wave-line-shape {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

/* 4.03 breadcrumb */
.ot-breadcrumb {
  padding-top: 100px;
  position: relative;
  z-index: 0;
}
@media (min-width: 1200px) {
  .ot-breadcrumb {
    padding-top: 140px;
  }
}
@media (min-width: 1400px) {
  .ot-breadcrumb {
    padding-top: 200px;
  }
}
.ot-breadcrumb-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -1;
}
.ot-breadcrumb-title {
  color: #fff;
  margin-bottom: 0;
  line-height: 1.1;
  font-size: clamp(1.75rem, 1.175rem + 2.875vw, 4.625rem);
}
.ot-breadcrumb-title .imperial-text {
  color: rgba(var(--theme-primary), 1);
  font-family: var(--theme-imperial-font);
}
.ot-breadcrumb-menu {
  display: inline-flex;
  align-items: center;
  padding: 1rem 1.875rem;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
  margin-top: 1.875rem;
  border-top: 2px solid rgba(var(--theme-primary), 1);
}
@media (min-width: 1200px) {
  .ot-breadcrumb-menu {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .ot-breadcrumb-menu {
    margin-top: 6.25rem;
  }
}
.ot-breadcrumb-menu li {
  font-size: 0.875rem;
  font-family: var(--theme-heading-font);
  font-weight: 500;
  color: #fff;
}
@media (min-width: 576px) {
  .ot-breadcrumb-menu li {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .ot-breadcrumb-menu li {
    font-size: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-breadcrumb-menu li {
    font-size: 1.5rem;
  }
}
.ot-breadcrumb-menu li::after {
  content: "//";
  padding: 0 0.75rem;
  color: rgba(var(--theme-primary), 1);
  font-weight: 600;
}
.ot-breadcrumb-menu li:last-child::after {
  display: none;
}

/* 05. Sections CSS */
/* 5.01 banner */
.banner-item-one {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-top: 11.25rem;
  padding-bottom: 7.5rem;
}
@media (min-width: 1200px) {
  .banner-item-one {
    padding-top: 13.75rem;
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 1400px) {
  .banner-item-one {
    padding-top: 36.25rem;
    padding-bottom: 7.5rem;
  }
}
.banner-item-one::before {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.32), black);
  z-index: -1;
}
@media (min-width: 576px) {
  .banner-item-one::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.32), black);
  }
}
.banner-item-one .banner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -2;
}
.banner-item-one .ot-banner-title {
  color: #fff;
  font-size: 2rem;
}
@media (min-width: 576px) {
  .banner-item-one .ot-banner-title {
    font-size: 2.625rem;
  }
}
@media (min-width: 1200px) {
  .banner-item-one .ot-banner-title {
    font-size: 3.5rem;
  }
}
@media (min-width: 1400px) {
  .banner-item-one .ot-banner-title {
    font-size: 4.625rem;
    max-width: 20ch;
  }
}
.banner-item-one .ot-banner-sub-title {
  font-weight: 500;
  color: #fff;
  margin-top: 1rem;
  max-width: 92ch;
}
@media (min-width: 1400px) {
  .banner-item-one .ot-banner-sub-title {
    font-size: 1.125rem;
    margin-top: 1.25rem;
  }
}
.banner-item-one .ot-banner-btns {
  margin-top: 2rem;
}

.banner-call-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.banner-call-btn .icon {
  width: 3.125rem;
  height: 3.125rem;
  background-color: rgba(226, 226, 226, 0.2);
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.5rem;
  line-height: 1;
}
@media (min-width: 1200px) {
  .banner-call-btn .icon {
    width: 3.625rem;
    height: 3.625rem;
  }
}
.banner-call-btn .content {
  font-weight: 500;
  font-size: 0.875rem;
  color: #fff;
}
.banner-call-btn .content .number {
  font-weight: 700;
  font-size: 1.125rem;
  display: block;
}

.ot-banner-slider-one .slick-list {
  z-index: 1;
}
.ot-banner-slider-one .banner-item img {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transform: scale(1.2);
}
.ot-banner-slider-one .banner-item.slick-active img {
  transform: scale(1);
}
.ot-banner-slider-one .slick-dots {
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 3.75rem;
  justify-content: center;
  gap: 0.5rem;
  right: 0;
  width: 100%;
  z-index: 1;
}
@media (min-width: 992px) {
  .ot-banner-slider-one .slick-dots {
    width: auto;
    gap: 0;
    bottom: 7.5rem;
    transform: translateX(-50%);
    justify-content: flex-end;
    padding-inline: 0.75rem;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .ot-banner-slider-one .slick-dots {
    right: calc((100% - 1140px) / 2 - 125px);
  }
}
@media (min-width: 1400px) {
  .ot-banner-slider-one .slick-dots {
    right: calc((100% - 1320px) / 2 - 125px);
  }
}
@media (min-width: 1600px) {
  .ot-banner-slider-one .slick-dots {
    right: calc((100% - 1600px) / 2 - 125px);
  }
}
@media (min-width: 992px) {
  .ot-banner-slider-one .slick-dots li {
    transform: translateX(20px);
  }
}
@media (max-width: 991px) {
  .ot-banner-slider-one .slick-dots li.slick-active button {
    width: 32px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    background-color: rgba(var(--theme-primary), 1);
  }
}
@media (min-width: 992px) {
  .ot-banner-slider-one .slick-dots li.slick-active button {
    color: #fff;
    padding-right: 100px;
  }
  .ot-banner-slider-one .slick-dots li.slick-active button::after {
    opacity: 0.3;
  }
}
.ot-banner-slider-one .slick-dots li button {
  font-size: 0;
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .ot-banner-slider-one .slick-dots li button {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 992px) {
  .ot-banner-slider-one .slick-dots li button {
    font-size: 1rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    padding-right: 20px;
    position: relative;
  }
  .ot-banner-slider-one .slick-dots li button::before {
    content: "0";
  }
  .ot-banner-slider-one .slick-dots li button::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 28px;
    width: 80px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    opacity: 0;
  }
}
.ot-banner-slider-one .word,
.ot-banner-slider-one .char {
  display: inline-block;
}
.ot-banner-slider-one [text-split],
.ot-banner-slider-one .reveal-item {
  opacity: 0;
}

.ot-banner-two {
  padding-top: 12.5rem;
  padding-bottom: 7.5rem;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .ot-banner-two {
    min-height: 100vh;
  }
}
.ot-banner-two::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.84));
  z-index: -1;
}
.ot-banner-two .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -2;
}
.ot-banner-two .banner-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.ot-banner-two .banner-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-banner-two .top-title {
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.ot-banner-two .banner-title {
  line-height: 1;
}
.ot-banner-two .banner-title span {
  line-height: 1.05;
}
.ot-banner-two .review-group {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.25rem 1.25rem 0.25rem 0.375rem;
  background-color: rgba(var(--theme-base), 0.8);
  border: 1px solid rgba(var(--theme-primary), 1);
  margin-top: 1.25rem;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-banner-two .review-group .group-img {
  display: inline-flex;
  align-items: center;
}
.ot-banner-two .review-group .group-img img {
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-banner-two .review-group .group-img img + img {
  margin-left: -18px;
}
.ot-banner-two .review-group .group-img .plus-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--theme-primary), 1);
  font-size: 0.875rem;
  margin-left: -18px;
}
.ot-banner-two .review-group-content {
  flex-grow: 1;
}
.ot-banner-two .review-group-content i {
  color: rgba(var(--theme-primary), 1);
  font-size: 0.875rem;
  line-height: 1;
}
.ot-banner-two .review-group-content .caption {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
}

.ot-banner-three {
  padding-top: 7.5rem;
  position: relative;
  background-color: #fff;
}
@media (min-width: 768px) {
  .ot-banner-three {
    padding-top: 10rem;
  }
}
@media (min-width: 1200px) {
  .ot-banner-three {
    padding-top: 12.5rem;
  }
}
@media (min-width: 1400px) {
  .ot-banner-three {
    padding-top: 15rem;
  }
}
.ot-banner-three::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(to top, rgba(var(--theme-dark), 1), rgba(var(--theme-dark), 0));
}
.ot-banner-three .banner-content {
  padding-bottom: 2.5rem;
}
@media (min-width: 576px) {
  .ot-banner-three .banner-content {
    padding-bottom: 5rem;
  }
}
.ot-banner-three .banner-top-title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(var(--theme-secondary), 1);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .ot-banner-three .banner-top-title {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .ot-banner-three .banner-top-title {
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .ot-banner-three .banner-top-title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-banner-three .banner-top-title {
    font-size: 1.5rem;
  }
}
.ot-banner-three .banner-title {
  font-size: clamp(1.75rem, 1.1rem + 3.25vw, 5rem);
  line-height: 1;
}
.ot-banner-three .banner-title span {
  line-height: 1.05;
}
.ot-banner-three .banner-caption {
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 2.5rem;
}
.ot-banner-three .banner-item {
  padding: 3.375rem 0.5rem 0.75rem 0.5rem;
  background-color: rgba(var(--theme-surface), 1);
  border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  text-align: center;
  position: relative;
  margin-top: 26px;
  position: relative;
  z-index: 0;
}
@media (min-width: 576px) {
  .ot-banner-three .banner-item {
    padding: 4.0625rem 1.875rem 1.875rem 1.875rem;
  }
}
.ot-banner-three .banner-item::before {
  position: absolute;
  content: "";
  top: -26px;
  left: calc(50% - 44px);
  transform: translateX(-50%);
  width: 19px;
  height: 26px;
  border-width: 16px;
  border-color: transparent rgba(var(--theme-surface), 1) rgba(var(--theme-surface), 1) transparent;
  border-style: solid;
  z-index: -1;
}
@media (min-width: 576px) {
  .ot-banner-three .banner-item::before {
    left: calc(50% - 56px);
  }
}
.ot-banner-three .banner-item::after {
  position: absolute;
  content: "";
  top: -26px;
  left: calc(50% + 44px);
  transform: translateX(-50%);
  width: 19px;
  height: 26px;
  border-width: 16px;
  border-color: transparent transparent rgba(var(--theme-surface), 1) rgba(var(--theme-surface), 1);
  border-style: solid;
  z-index: -1;
}
@media (min-width: 576px) {
  .ot-banner-three .banner-item::after {
    left: calc(50% + 56px);
  }
}
.ot-banner-three .banner-item .icon {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
  height: 4.375rem;
  background-color: rgba(var(--theme-secondary), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 50% 50%;
  -webkit-border-radius: 0 0 50% 50%;
  -moz-border-radius: 0 0 50% 50%;
  -ms-border-radius: 0 0 50% 50%;
  -o-border-radius: 0 0 50% 50%;
}
.ot-banner-three .banner-item-amount {
  font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
  margin-bottom: 0;
  line-height: 1;
  color: rgba(var(--theme-secondary), 1);
}
.ot-banner-three .banner-item p {
  margin-bottom: 0;
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  font-weight: 600;
}

.ot-banner-four {
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding-top: 6.25rem;
}
@media (min-width: 1200px) {
  .ot-banner-four {
    padding-top: 7.5rem;
  }
}
@media (min-width: 1400px) {
  .ot-banner-four {
    padding-top: 11.25rem;
  }
}
.ot-banner-four .banner-content-area {
  padding-bottom: 2.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .ot-banner-four .banner-content-area {
    padding-bottom: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .banner-content-area {
    padding-bottom: 12.5rem;
  }
}
@media (min-width: 768px) {
  .ot-banner-four .banner-content-area {
    padding-bottom: 15rem;
  }
}
@media (min-width: 576px) {
  .ot-banner-four .banner-content-area {
    padding-bottom: 10.5rem;
  }
}
@media (max-width: 575px) {
  .ot-banner-four .banner-content-area {
    padding-bottom: 10.5rem;
  }
}
@media (min-width: 992px) {
  .ot-banner-four .banner-content-area .banner-content {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
  }
}
.ot-banner-four .banner-four-slider-area {
  position: relative;
}
@media (max-width: 575px) {
  .ot-banner-four .banner-four-slider-area {
    margin-bottom: 30px;
  }
}
.ot-banner-four .banner-four-slider-area .banner-four-thumb-nav-area {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  z-index: 1;
  padding: 0.75rem 0.5rem;
  background-color: rgba(223, 222, 222, 0.5);
  backdrop-filter: blur(70px);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.25rem;
}
.ot-banner-four .banner-four-slider-area .banner-four-thumb-nav-area .banner-four-thumb-arrow {
  color: #fff;
  font-size: 1.25rem;
}
@media (max-width: 575px) {
  .ot-banner-four .banner-four-slider-area .banner-four-thumb-nav-area {
    right: 0;
  }
}
@media (min-width: 992px) {
  .ot-banner-four .banner-thumb {
    -webkit-mask-image: url(../images/elements/hero-4-img-shape.svg);
    mask-image: url(../images/elements/hero-4-img-shape.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
  }
}
.ot-banner-four .banner-thumb img {
  width: 100%;
  border-radius: 16px;
}
@media (min-width: 992px) {
  .ot-banner-four .banner-thumb img {
    border-radius: 0;
  }
}
.ot-banner-four .banner-four-thumb-nav-slider {
  width: 44px !important;
}
.ot-banner-four .banner-four-thumb-nav-slider .banner-nav-thumb {
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin-block: 0.125rem;
  transition: all 0.3s;
}
.ot-banner-four .banner-four-thumb-nav-slider .banner-nav-thumb.slick-current {
  border: 2px solid rgba(var(--theme-primary), 1);
}
.ot-banner-four .banner-four-thumb-nav-slider .banner-nav-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-banner-four .banner-details {
  font-size: 1rem;
  font-weight: 600;
  color: rgba(var(--theme-heading), 1);
  margin-top: 1.25rem;
}
.ot-banner-four .banner-details span {
  line-height: 1;
}
@media (min-width: 992px) {
  .ot-banner-four .banner-details {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .banner-details {
    font-size: 1.125rem;
  }
}
@media (min-width: 1400px) {
  .ot-banner-four .banner-details {
    font-size: 1.25rem;
  }
}
.ot-banner-four .banner-title {
  font-size: clamp(2rem, 1.475rem + 2.625vw, 4.625rem);
}
@media (min-width: 1400px) {
  .ot-banner-four .banner-title {
    max-width: 14ch;
  }
}
.ot-banner-four .banner-title span {
  color: rgba(var(--theme-primary), 1);
}
.ot-banner-four .banner-title .title-vieo {
  width: 200px;
  height: 72px;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  overflow: hidden;
  display: inline-block;
  transform: translateY(15px);
}
.ot-banner-four .banner-title .title-vieo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-banner-four .ot-banner-bottom {
  padding-bottom: 3rem;
}
.ot-banner-four .opening-content .opening-title {
  font-weight: 700;
  font-size: 1.25rem;
  color: rgba(var(--theme-secondary), 1);
}
@media (min-width: 992px) {
  .ot-banner-four .opening-content .opening-title {
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .opening-content .opening-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .opening-content .opening-title {
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .ot-banner-four .opening-content .opening-title {
    font-size: 3rem;
  }
}
.ot-banner-four .opening-content .opening-year {
  font-size: 1.875rem;
  line-height: 1;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .ot-banner-four .opening-content .opening-year {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .ot-banner-four .opening-content .opening-year {
    font-size: 3.75rem;
  }
}
@media (min-width: 992px) {
  .ot-banner-four .opening-content .opening-year {
    font-size: 5rem;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .opening-content .opening-year {
    font-size: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-banner-four .opening-content .opening-year {
    font-size: 8.75rem;
  }
}
.ot-banner-four .banner-building,
.ot-banner-four .banner-ambulance {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media (min-width: 1200px) {
  .ot-banner-four .banner-building,
  .ot-banner-four .banner-ambulance {
    max-width: 1600px;
  }
}
.ot-banner-four .banner-building {
  z-index: -1;
}
.ot-banner-four .banner-building img {
  max-height: 180px;
}
@media (min-width: 992px) {
  .ot-banner-four .banner-building img {
    max-height: 380px;
  }
}
@media (min-width: 768px) {
  .ot-banner-four .banner-building img {
    max-height: 320px;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .banner-building img {
    max-height: 540px;
  }
}
@media (min-width: 1400px) {
  .ot-banner-four .banner-building img {
    max-height: 630px;
  }
}
.ot-banner-four .banner-ambulance {
  z-index: -2;
  padding-left: 1.25rem;
}
.ot-banner-four .banner-ambulance img {
  max-height: 50px;
}
@media (min-width: 992px) {
  .ot-banner-four .banner-ambulance img {
    max-height: 100px;
    padding-left: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-banner-four .banner-ambulance img {
    max-height: 140px;
    padding-left: 8.75rem;
  }
}
@media (min-width: 1400px) {
  .ot-banner-four .banner-ambulance img {
    max-height: 167px;
    padding-left: 11.25rem;
  }
}
.ot-banner-four .banner-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -3;
}

/* 5.02 about */
.about-thumb-one {
  position: relative;
}
.about-thumb-one img {
  border-radius: 12px 12px 0 0;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
}
@media (min-width: 576px) {
  .about-thumb-one img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }
}
.about-thumb-one .about-thumb-content {
  padding: 1.875rem 1.25rem;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 0 0 12px 12px;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -ms-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
  width: 309px;
  transition: all 0.3s;
  margin-top: -1px;
  width: 100%;
}
@media (min-width: 576px) {
  .about-thumb-one .about-thumb-content {
    position: absolute;
    inset-block-end: 2rem;
    inset-inline-end: 20px;
    padding: 1.875rem;
    width: 309px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }
}
@media (min-width: 992px) {
  .about-thumb-one .about-thumb-content {
    inset-inline-end: -3.5rem;
  }
}
.about-thumb-one .about-thumb-content:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.about-thumb-one .about-thumb-content ul li + li {
  margin-block-start: 0.75rem;
}
.about-thumb-one .about-thumb-content ul li {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.about-thumb-one .about-thumb-content ul li .icon {
  width: 40px;
  font-size: 1.375rem;
}
.about-thumb-one .about-thumb-content ul li p {
  font-family: var(--theme-heading-font);
  font-size: 1.125rem;
  width: calc(100% - 40px);
}

.about-overview-area-one {
  margin-top: 2.5rem;
}
.about-overview-area-one .about-overview-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 1200px) {
  .about-overview-area-one .about-overview-wrapper {
    gap: 1.25rem 1.25rem;
  }
}
@media (min-width: 1400px) {
  .about-overview-area-one .about-overview-wrapper {
    gap: 1.25rem 2.5rem;
  }
}
@media (min-width: 1500px) {
  .about-overview-area-one .about-overview-wrapper {
    gap: 1.25rem 5rem;
  }
}
@media (min-width: 992px) {
  .about-overview-area-one .about-overview-wrapper:nth-child(even) {
    padding-inline-start: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .about-overview-area-one .about-overview-wrapper:nth-child(even) {
    padding-inline-start: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .about-overview-area-one .about-overview-wrapper:nth-child(even) {
    padding-inline-start: 7.5rem;
  }
}
.about-overview-area-one .about-overview-item {
  padding-block: 1.75rem;
  padding-inline-start: 2rem;
  position: relative;
  z-index: 0;
}
@media (min-width: 1400px) {
  .about-overview-area-one .about-overview-item {
    padding-inline-start: 3rem;
  }
}
.about-overview-area-one .about-overview-item::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 130px;
  height: 110px;
  background-size: 130px 110px;
  background-image: url("../images/elements/diamond-shape-1.svg");
  z-index: -1;
}
@media (min-width: 1400px) {
  .about-overview-area-one .about-overview-item::before {
    width: 160px;
    height: 141px;
    background-size: 160px 141px;
  }
}
.about-overview-area-one .about-overview-item .about-overview-counter {
  font-size: 1.75rem;
  margin-bottom: 0;
  line-height: 1;
}
@media (min-width: 1200px) {
  .about-overview-area-one .about-overview-item .about-overview-counter {
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .about-overview-area-one .about-overview-item .about-overview-counter {
    font-size: 3rem;
  }
}
.about-overview-area-one .about-overview-item span {
  font-weight: 500;
  max-width: 18ch;
  display: inline-block;
}

.about-list-one {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .about-list-one {
    margin-bottom: 3.75rem;
  }
}
.about-list-one li + li {
  margin-top: 1rem;
}
.about-list-one li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.125rem;
  font-weight: 500;
}
.about-list-one li .icons {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.about-list-one li .icons i {
  color: rgba(var(--theme-primary), 1);
}
.about-list-one li .icons i:nth-child(2) {
  margin-left: -10px;
}

.about-main-thumb-one {
  height: 100%;
  position: relative;
}

.about-thumb-float-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 295px;
  max-width: 80%;
  padding: 1.875rem 1.5rem;
  background-color: #F3E9D9;
  border-top: 6px solid rgba(var(--theme-base), 1);
  border-right: 6px solid rgba(var(--theme-base), 1);
}
.about-thumb-float-content .single-info + .single-info {
  margin-top: 1rem;
}
.about-thumb-float-content .single-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.about-thumb-float-content .single-info-icon {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(var(--theme-primary), 1);
  color: rgba(var(--theme-primary), 1);
  font-size: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  flex-shrink: 0;
}
.about-thumb-float-content .single-info-text {
  color: #59433B;
  flex-grow: 1;
  margin-bottom: 0;
}
.about-thumb-float-content .single-info-text span {
  font-weight: 500;
}

.about-group-section {
  background-color: rgba(var(--theme-dark), 1);
  position: relative;
  z-index: 0;
}
.about-group-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -1;
}

.about-caption-details {
  color: #fff;
  font-family: var(--theme-heading-font);
  font-size: clamp(1.125rem, 0.9rem + 1.125vw, 2.25rem);
  font-weight: 500;
  margin-bottom: 2.5rem;
  line-height: 1.2;
}

.about-item-one {
  padding: 4.0625rem 1.25rem 1.875rem 1.25rem;
  background-color: #fff;
  border-radius: 0 0 30px 30px;
  -webkit-border-radius: 0 0 30px 30px;
  -moz-border-radius: 0 0 30px 30px;
  -ms-border-radius: 0 0 30px 30px;
  -o-border-radius: 0 0 30px 30px;
  text-align: center;
  position: relative;
  margin-top: 26px;
  position: relative;
  z-index: 0;
}
@media (min-width: 992px) {
  .about-item-one {
    padding: 3.75rem 1.25rem 1.25rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .about-item-one {
    padding: 4.0625rem 1.875rem 1.875rem 1.875rem;
  }
}
.about-item-one::before {
  position: absolute;
  content: "";
  top: -26px;
  left: calc(50% - 44px);
  transform: translateX(-50%);
  width: 19px;
  height: 26px;
  border-width: 16px;
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  z-index: -1;
}
@media (min-width: 576px) {
  .about-item-one::before {
    left: calc(50% - 56px);
  }
}
.about-item-one::after {
  position: absolute;
  content: "";
  top: -26px;
  left: calc(50% + 44px);
  transform: translateX(-50%);
  width: 19px;
  height: 26px;
  border-width: 16px;
  border-color: transparent transparent #fff #fff;
  border-style: solid;
  z-index: -1;
}
@media (min-width: 576px) {
  .about-item-one::after {
    left: calc(50% + 56px);
  }
}
.about-item-one-icon {
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
  height: 4.375rem;
  background-color: rgba(var(--theme-secondary), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 50% 50%;
  -webkit-border-radius: 0 0 50% 50%;
  -moz-border-radius: 0 0 50% 50%;
  -ms-border-radius: 0 0 50% 50%;
  -o-border-radius: 0 0 50% 50%;
}
.about-item-one-counter {
  font-size: clamp(2rem, 1.6rem + 2vw, 4rem);
  margin-bottom: 0;
  line-height: 1;
  color: rgba(var(--theme-secondary), 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-item-one p {
  margin-bottom: 0;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  font-weight: 600;
}

.about-item-two {
  transition: all 0.3s;
}
.about-item-two:hover {
  transform: translateY(-10px);
}
.about-item-two.overlay-dark {
  position: relative;
  z-index: 0;
}
.about-item-two.overlay-dark::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-heading), 0.8);
}
.about-item-two.overlay-primary {
  position: relative;
  z-index: 0;
}
.about-item-two.overlay-primary::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-primary), 0.85);
}
.about-item-two-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3.125rem;
}
@media (min-width: 1400px) {
  .about-item-two-content {
    padding: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .about-item-two-content {
    padding: 1.25rem;
  }
}
@media (min-width: 768px) {
  .about-item-two-content {
    padding: 1.5625rem;
  }
}
@media (min-width: 576px) {
  .about-item-two-content {
    padding: 1rem;
  }
}
@media (max-width: 575px) {
  .about-item-two-content {
    padding: 1rem;
  }
}
.about-item-two-caption {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 1.5rem;
}
.about-item-two .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.25rem;
  z-index: 0;
}
@media (min-width: 576px) {
  .about-item-two .play-button {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .about-item-two .play-button {
    width: 5rem;
    height: 5rem;
    font-size: 1.625rem;
  }
}
.about-item-two .play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background: white;
}
.about-item-two .play-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: pulse 2s infinite;
  z-index: -1;
}
.about-item-two.shape-1 {
  -webkit-mask-image: url(../images/elements/about-card-shape-1.svg);
  mask-image: url(../images/elements/about-card-shape-1.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.about-item-two.shape-2 {
  -webkit-mask-image: url(../images/elements/about-card-shape-2.svg);
  mask-image: url(../images/elements/about-card-shape-2.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.group-img4 {
  margin-bottom: 25px;
}
.group-img4 img {
  width: 59.72px;
  height: 59.72px;
  line-height: 59.72px;
  border: 1px solid #fff;
  border-radius: 100%;
  margin-right: -30px;
}
.group-img4 .plus-icon {
  font-size: 14px;
  width: 59.72px;
  height: 59.72px;
  line-height: 59.72px;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  color: #fff;
  background-color: rgba(var(--theme-primary), 1);
}

.review-group-content4 .caption {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #fff;
}

/* 5.03 choose */
@media (min-width: 992px) {
  .ot-choose-wrapper-one {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.ot-choose-wrapper-one .ot-choose-item-one + .ot-choose-item-one {
  margin-top: 1.25rem;
}
@media (min-width: 992px) {
  .ot-choose-wrapper-one .ot-choose-item-one + .ot-choose-item-one {
    margin-top: 4.5rem;
  }
}

.ot-choose-item-one {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 991px) {
  .ot-choose-item-one {
    justify-content: center;
    text-align: center;
  }
}
.ot-choose-item-one-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.5rem;
}
@media (min-width: 1200px) {
  .ot-choose-item-one-icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .ot-choose-item-one-icon {
    width: 5rem;
    height: 5rem;
  }
}
.ot-choose-item-one-content {
  width: 100%;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .ot-choose-item-one-content {
    margin-top: 0;
    padding-left: 1.25rem;
    width: calc(100% - 48px);
  }
}
@media (min-width: 1200px) {
  .ot-choose-item-one-content {
    padding-left: 1.875rem;
    width: calc(100% - 60px);
  }
}
@media (min-width: 1200px) {
  .ot-choose-item-one-content {
    width: calc(100% - 80px);
  }
}
.ot-choose-item-one-content p {
  font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
}
.ot-choose-item-one-amount {
  font-size: clamp(1.25rem, 1.05rem + 1vw, 2.25rem);
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .ot-choose-item-one.flex-row-reverse {
    text-align: right;
  }
  .ot-choose-item-one.flex-row-reverse .ot-choose-item-one-content {
    padding-left: 0;
    padding-right: 1.875rem;
  }
}

.choose-thumb-one {
  position: relative;
  height: 100%;
  z-index: 0;
  display: none;
}
@media (min-width: 992px) {
  .choose-thumb-one {
    display: block;
  }
}
.choose-thumb-one::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: calc(100% - 120px);
  height: 100%;
  transform: translateX(-50%);
  background-color: rgba(var(--theme-base), 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: -2;
}
.choose-thumb-one-man {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.choose-thumb-one .line-slice {
  position: absolute;
  z-index: -1;
}
.choose-thumb-one .line-slice.line-slice-1 {
  position: absolute;
  top: -50px;
  left: -13%;
  width: 50%;
  height: 68px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  z-index: -3;
}
.choose-thumb-one .line-slice.line-slice-2 {
  position: absolute;
  top: -50px;
  right: -13%;
  width: 50%;
  height: 68px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  z-index: -3;
}
.choose-thumb-one .line-slice.line-slice-3 {
  position: absolute;
  bottom: -50px;
  left: -13%;
  width: 50%;
  height: 68px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
  z-index: -3;
}
.choose-thumb-one .line-slice.line-slice-4 {
  position: absolute;
  bottom: -50px;
  right: -13%;
  width: 50%;
  height: 68px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
  z-index: -3;
}

/* 5.04 video */
.video-content-one {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem 5.625rem;
}
.video-content-one-title {
  font-size: clamp(1.75rem, 0.85rem + 4.5vw, 6.25rem);
  color: #fff;
  font-weight: 400;
  line-height: 1.1;
}
.video-content-one-title span {
  display: block;
}
.video-content-one-title span:nth-child(even) {
  padding-left: 1.875rem;
}
@media (min-width: 576px) {
  .video-content-one-title span:nth-child(even) {
    padding-left: 3.75rem;
  }
}
@media (min-width: 992px) {
  .video-content-one-title span:nth-child(even) {
    padding-left: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .video-content-one-title span:nth-child(even) {
    padding-left: 11.25rem;
  }
}
@media (min-width: 1400px) {
  .video-content-one-title span:nth-child(even) {
    padding-left: 15.625rem;
  }
}

.play-button {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.25rem;
  z-index: 0;
}
@media (min-width: 576px) {
  .play-button {
    width: 4.375rem;
    height: 4.375rem;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .play-button {
    width: 5.625rem;
    height: 5.625rem;
    font-size: 1.75rem;
  }
}
.play-button:hover {
  transform: scale(1.1);
  background: white;
}
.play-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: pulse 2s infinite;
  z-index: -1;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
/* 5.05 cottage */
.ot-cottage-section-el {
  position: absolute;
  z-index: -1;
}
.ot-cottage-section-el-1 {
  inset-block-start: 0;
  inset-inline-end: 0;
}
.ot-cottage-section-el-2 {
  inset-block-start: 47%;
  inset-inline-start: 0;
}
.ot-cottage-section-el-3 {
  inset-block-start: 69%;
  inset-inline-end: 0;
}
.ot-cottage-section-el-4 {
  inset-block-end: 0;
  inset-inline-start: 0;
}

.ot-cottage-item + .ot-cottage-item {
  margin-top: 2.5rem;
}
@media (min-width: 576px) {
  .ot-cottage-item + .ot-cottage-item {
    margin-top: 3.75rem;
  }
}
@media (min-width: 992px) {
  .ot-cottage-item + .ot-cottage-item {
    margin-top: 5rem;
  }
}
@media (min-width: 1200px) {
  .ot-cottage-item + .ot-cottage-item {
    margin-top: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-cottage-item + .ot-cottage-item {
    margin-top: 7.5rem;
  }
}

.ot-cottage-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 1200px) {
  .ot-cottage-item:nth-child(odd) .ot-cottage-item-content {
    padding-inline-start: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .ot-cottage-item:nth-child(even) .ot-cottage-item-content {
    padding-inline-end: 3.75rem;
    order: -1;
  }
}
.ot-cottage-item-thumb {
  width: 100%;
}
@media (min-width: 1200px) {
  .ot-cottage-item-thumb {
    width: 50%;
  }
}
.ot-cottage-item-thumb img {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  width: 100%;
}
.ot-cottage-item-content {
  width: 100%;
  margin-top: 1.5rem;
}
@media (min-width: 1200px) {
  .ot-cottage-item-content {
    width: 50%;
    margin-top: 0;
  }
}
.ot-cottage-item-content .cottage-amenities {
  display: flex;
  flex-wrap: wrap;
  margin: -0.625rem -0.25rem 1.25rem -0.25rem;
}
.ot-cottage-item-content .cottage-amenities li {
  width: 100%;
  padding: 0.625rem 0.25rem;
  padding-inline-start: 2rem;
  color: #fff;
  font-weight: 600;
  position: relative;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .ot-cottage-item-content .cottage-amenities li {
    width: 50%;
  }
}
@media (min-width: 1400px) {
  .ot-cottage-item-content .cottage-amenities li {
    width: 33.3333333333%;
    font-size: 1.125rem;
  }
}
.ot-cottage-item-content .cottage-amenities li::before {
  position: absolute;
  content: "\f285";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 700 !important;
  font-variant: normal;
  width: 1rem;
  height: 1rem;
  top: 15px;
  left: 0.25rem;
  background-color: #fff;
  color: rgba(var(--theme-secondary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.625rem;
}
@media (min-width: 1400px) {
  .ot-cottage-item-content .cottage-amenities li::before {
    top: 17px;
  }
}
.ot-cottage-item-title {
  color: #fff;
  margin-bottom: 1.25rem;
}
.ot-cottage-item-details {
  color: #D2DACE;
}
.ot-cottage-item-caption {
  font-weight: 600;
  color: #fff;
  font-size: 1rem;
}
@media (min-width: 1400px) {
  .ot-cottage-item-caption {
    font-size: 1.125rem;
  }
}

.cottage-thumb-slider .slick-dots {
  position: absolute;
  background-color: rgba(var(--theme-secondary), 0.4);
  backdrop-filter: blur(5px);
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
  bottom: 1.25rem;
  left: 50%;
  padding: 0.375rem 0.75rem;
  transform: translateX(-50%);
}
@media (min-width: 576px) {
  .cottage-thumb-slider .slick-dots {
    flex-flow: column;
    gap: 0;
    left: 1.25rem;
    transform: translateX(0);
    width: 50px;
    padding: 0.625rem 0;
  }
}
.cottage-thumb-slider .slick-dots li.slick-active button {
  opacity: 1;
}
@media (min-width: 576px) {
  .cottage-thumb-slider .slick-dots li.slick-active button {
    padding-bottom: 5rem;
  }
  .cottage-thumb-slider .slick-dots li.slick-active button::after {
    opacity: 0.3;
  }
}
.cottage-thumb-slider .slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: 0.5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (min-width: 576px) {
  .cottage-thumb-slider .slick-dots li button {
    width: auto;
    height: auto;
    color: #fff;
    opacity: 0.7;
    font-size: 0.875rem;
    font-weight: 500;
    position: relative;
    transition: all 0.3s;
    background-color: transparent;
  }
  .cottage-thumb-slider .slick-dots li button::before {
    content: "0";
  }
  .cottage-thumb-slider .slick-dots li button::after {
    position: absolute;
    content: "";
    top: 24px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 80px;
    background-color: #fff;
    opacity: 0;
    transition: all 0.3s;
  }
}

/* 5.06 facilities */
.facilities-item-one {
  position: relative;
  transition: all 0.3s;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  overflow: hidden;
}
.facilities-item-one img {
  transition: 0.4s;
  width: 382px;
  height: 476px;
  object-fit: cover;
  transition: 0.4s;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
@media (max-width: 1599px) {
  .facilities-item-one img {
    width: 100%;
  }
}
.facilities-item-one::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 0%, rgba(86, 104, 131, 0) 100%);
  z-index: 1;
}
.facilities-item-one-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.facilities-item-one-content {
  position: absolute;
  bottom: 38%;
  left: -48%;
  padding: 1.25rem;
  transform: rotate(-90deg);
  display: flex;
  flex-direction: column;
  transition: all 0.7s;
  z-index: 0;
  border: 1px solid #fff transparent;
  z-index: 3;
}
@media (min-width: 576px) {
  .facilities-item-one-content {
    width: 476px;
  }
}
@media (max-width: 575px) {
  .facilities-item-one-content {
    width: 100%;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 0;
    transform: rotate(0deg);
  }
}
.facilities-item-one-content::before {
  position: absolute;
  content: "";
  top: 24px;
  left: 24px;
  width: calc(100% - 48px);
  height: calc(100% - 48px);
  border: 1px solid #fff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  opacity: 0;
  transition: all 0.3s;
  z-index: -1;
}
.facilities-item-one-text {
  opacity: 0;
  display: none;
  visibility: hidden;
  transition: all 0.7s;
}
.facilities-item-one-caption {
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  position: relative;
  padding-inline-start: 2.75rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .facilities-item-one-caption {
    font-size: 1rem;
  }
}
.facilities-item-one-caption::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 34px;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
}
.facilities-item-one-title {
  font-size: 1.375rem;
  color: #fff;
}
@media (min-width: 768px) {
  .facilities-item-one-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .facilities-item-one-title {
    font-size: 1.875rem;
  }
}
@media (max-width: 575px) {
  .facilities-item-one-title {
    max-width: 215px;
  }
}
.facilities-item-one-details {
  margin-bottom: 0;
  color: #fff;
  opacity: 0;
}

.facilities-slider-active {
  margin-right: -315px;
}
@media (max-width: 1599px) {
  .facilities-slider-active {
    margin-right: 0;
  }
}
.facilities-slider-active .swiper-wrapper:has(.swiper-slide.swiper-slide-prev) {
  margin-left: 74px;
}
@media (max-width: 1399px) {
  .facilities-slider-active .swiper-wrapper:has(.swiper-slide.swiper-slide-prev) {
    margin-left: 0;
  }
}
.facilities-slider-active .swiper-slide {
  position: relative;
  display: inline-block !important;
  width: auto !important;
  transition: all 0.3s;
}
@media (min-width: 1400px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active + .swiper-slide .facilities-item-one img {
    width: 788px;
  }
}
@media (min-width: 1400px) and (max-width: 1399px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active + .swiper-slide .facilities-item-one img {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active + .swiper-slide .facilities-item-one-content {
    position: absolute;
    top: auto;
    bottom: 25px;
    left: 25px;
    padding: 1.25rem;
    transform: rotate(0deg);
  }
}
@media (min-width: 1400px) and (min-width: 576px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active + .swiper-slide .facilities-item-one-content {
    width: 476px;
  }
}
@media (min-width: 1400px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active + .swiper-slide .facilities-item-one-text {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .facilities-slider-active .swiper-slide.swiper-slide-active + .swiper-slide::before {
    position: absolute;
    content: "";
    top: 24px;
    left: 24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
    border: 1px solid #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    opacity: 1;
    transition: all 0.3s;
    z-index: 2;
  }
}
@media (max-width: 1399px) {
  .facilities-slider-active .swiper-slide {
    width: 100% !important;
  }
  .facilities-slider-active .swiper-slide.swiper-slide-active .facilities-item-one img {
    width: 100%;
  }
  .facilities-slider-active .swiper-slide.swiper-slide-active .facilities-item-one-content {
    top: auto;
    bottom: 25px;
    left: 25px;
    padding: 1.25rem;
    transform: rotate(0deg);
  }
}
@media (max-width: 1399px) and (min-width: 576px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active .facilities-item-one-content {
    width: 476px;
  }
}
@media (max-width: 1399px) {
  .facilities-slider-active .swiper-slide.swiper-slide-active .facilities-item-one-text {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .facilities-slider-active .swiper-slide.swiper-slide-active::before {
    position: absolute;
    content: "";
    top: 24px;
    left: 24px;
    width: calc(100% - 48px);
    height: calc(100% - 48px);
    border: 1px solid #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    opacity: 1;
    transition: all 0.3s;
    z-index: 2;
  }
}

@keyframes rotateReverse {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.facilities-slider-one-nav-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.875rem;
  position: relative;
  z-index: 0;
}
@media (min-width: 992px) {
  .facilities-slider-one-nav-action {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .facilities-slider-one-nav-action {
    margin-top: 3.75rem;
  }
}
.facilities-slider-one-nav-action::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 84px;
  width: calc(100% - 246px);
  height: 1px;
  background-color: #D8DDE1;
  z-index: -1;
}
.facilities-slider-one-nav-action .swiper-pagination-current {
  font-size: 24px;
  color: rgba(var(--theme-primary), 1);
}
.facilities-slider-one-nav-action .pagingInfo {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(var(--theme-paragraph), 1);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.facilities-slider-one-nav-action .pagingInfo .ot-num {
  font-weight: 600;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.5rem;
}
.facilities-slider-one-nav-action .slider-nav {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.facilities-slider-one-nav-action .slider-nav .facilities-slider-nav {
  width: 2.25rem;
  height: 2.25rem;
  background-color: rgba(var(--theme-secondary), 1);
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline-width: 2px;
  outline-offset: 2px;
  outline-style: dashed;
  outline-color: rgba(var(--theme-secondary), 1);
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .facilities-slider-one-nav-action .slider-nav .facilities-slider-nav {
    width: 2.75rem;
    height: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .facilities-slider-one-nav-action .slider-nav .facilities-slider-nav {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.facilities-slider-one-nav-action .slider-nav .facilities-slider-nav:hover {
  background-color: rgba(var(--theme-primary), 1);
  outline-color: rgba(var(--theme-primary), 1);
}

.all-facilities .single-facility {
  padding: 1rem 0;
  border-top: 1px solid #D8DDE1;
  cursor: pointer;
}
@media (min-width: 992px) {
  .all-facilities .single-facility {
    padding: 1.5rem 0;
  }
}
.all-facilities .single-facility:last-child {
  padding-bottom: 0;
}
.all-facilities .single-facility.active .single-facility-title {
  color: rgba(var(--theme-primary), 1);
}
.all-facilities .single-facility.active .single-facility-title span {
  font-size: 100%;
}
.all-facilities .single-facility.active p {
  display: block;
}
.all-facilities .single-facility-title {
  font-size: clamp(1.25rem, 1.05rem + 1vw, 2.25rem);
  margin-bottom: 0;
}
.all-facilities .single-facility-title span {
  font-size: 60%;
}
.all-facilities .single-facility p {
  display: none;
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .facilities-main-img {
    max-width: 450px;
  }
}
@media (min-width: 1200px) {
  .facilities-main-img {
    max-width: 480px;
  }
}
@media (min-width: 1400px) {
  .facilities-main-img {
    max-width: 546px;
  }
}

.facilities-text-img {
  max-width: 60px;
  display: none;
}
@media (min-width: 992px) {
  .facilities-text-img {
    display: inline-block;
  }
}
@media (min-width: 1600px) {
  .facilities-text-img {
    max-width: 116px;
  }
}

/* 5.07 invest */
.ot-invest-content-one {
  position: relative;
  z-index: 0;
}
.ot-invest-content-one .ot-section-main-title {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .ot-invest-content-one .ot-section-main-title {
    left: 0;
    top: -50%;
    transform: translateX(0);
  }
}

.ot-invest-two .ot-theme-header-gap {
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .ot-invest-two .ot-theme-header-gap {
    margin-bottom: 1.25rem;
  }
}

.invest-overview-wrapper-one {
  display: flex;
  flex-wrap: wrap;
  gap: 1.875rem 0;
}
@media (min-width: 1200px) {
  .invest-overview-wrapper-one {
    justify-content: flex-end;
    padding-bottom: 170px;
    gap: 2.5rem 0;
  }
}

.invest-overview-item {
  width: 50%;
  height: 130px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  text-align: center;
}
@media (min-width: 576px) {
  .invest-overview-item {
    height: 250px;
  }
}
@media (min-width: 1400px) {
  .invest-overview-item {
    width: 280px;
    height: 250px;
  }
}
@media (min-width: 1500px) {
  .invest-overview-item {
    width: 340px;
    height: 300px;
  }
}
.invest-overview-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 150px;
  height: 130px;
  background-size: cover;
  transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 576px) {
  .invest-overview-item::after {
    width: 280px;
    height: 250px;
  }
}
@media (min-width: 1200px) {
  .invest-overview-item::after {
    width: 100%;
    height: 100%;
    transform: translateX(0);
    top: 0;
    left: 0;
  }
}
.invest-overview-item-counter {
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
}
@media (min-width: 576px) {
  .invest-overview-item-counter {
    font-size: 2.625rem;
  }
}
@media (min-width: 992px) {
  .invest-overview-item-counter {
    font-size: 3.5rem;
  }
}
@media (min-width: 1400px) {
  .invest-overview-item-counter {
    font-size: 4.625rem;
  }
}
.invest-overview-item span {
  font-size: 0.875rem;
  font-weight: 600;
}
@media (min-width: 576px) {
  .invest-overview-item span {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .invest-overview-item span {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .invest-overview-item:nth-child(odd) {
    transform: translate(45px, 170px);
  }
}
.invest-overview-item:nth-child(odd)::after {
  background-image: url("../images/elements/diamond-shape-2.svg");
}
.invest-overview-item:nth-child(odd) .invest-overview-item-counter {
  color: rgba(var(--theme-secondary), 1);
  margin-bottom: 0;
}
.invest-overview-item:nth-child(even)::after {
  background-image: url("../images/elements/diamond-shape-3.svg");
}

.hospital-thumb {
  position: relative;
  z-index: 0;
  padding-top: 2.5rem;
}
@media (min-width: 992px) {
  .hospital-thumb {
    padding-top: 6.25rem;
    padding-inline: 80px;
  }
}
.hospital-thumb .hospital-sign {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hospital-thumb .light-shade {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.hospital-invest-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hospital-invest-wrapper .single-card {
  position: relative;
  background-color: #13171D;
  border: 4px solid rgba(var(--theme-primary), 1);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  width: 100%;
  height: 320px;
  padding: 1.5rem;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  transition: all 0.3s;
  margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
  .hospital-invest-wrapper .single-card {
    width: 50%;
    height: 390px;
  }
}
@media (min-width: 768px) {
  .hospital-invest-wrapper .single-card {
    width: 33.3333333333%;
  }
}
@media (min-width: 992px) {
  .hospital-invest-wrapper .single-card {
    width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .hospital-invest-wrapper .single-card {
    width: 20%;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .hospital-invest-wrapper .single-card:nth-of-type(3n + 1) {
    transform: rotate(-4deg);
  }
}
@media (min-width: 1640px) {
  .hospital-invest-wrapper .single-card:nth-of-type(3n + 1) {
    transform: rotate(-8deg);
  }
}
@media (min-width: 576px) {
  .hospital-invest-wrapper .single-card:nth-of-type(3n + 3) {
    transform: rotate(8deg);
  }
}
.hospital-invest-wrapper .single-card:hover {
  background-color: #fff;
}
.hospital-invest-wrapper .single-card:hover .single-card-title {
  transform: translateY(-50px);
  color: rgba(var(--theme-heading), 1);
}
.hospital-invest-wrapper .single-card:hover p {
  color: rgba(var(--theme-paragraph), 1);
  transform: translateY(-18%);
  opacity: 1;
}
.hospital-invest-wrapper .single-card .single-card-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  color: #fff;
  margin-bottom: 0;
  transition: all 0.3s;
}
.hospital-invest-wrapper .single-card p {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-10%);
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  padding-inline: 1.5rem;
  opacity: 0;
  transition: all 0.3s;
}

.bg-pattern-one {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.hospital-single-item + .hospital-single-item {
  margin-top: 1.875rem;
}
@media (min-width: 992px) {
  .hospital-single-item + .hospital-single-item {
    margin-top: 0;
  }
}

.hospital-single-item {
  position: relative;
  z-index: 1;
  text-align: center;
}
@media (min-width: 992px) {
  .hospital-single-item {
    max-width: 320px;
    text-align: left;
    padding-bottom: 8.75rem;
  }
}
.hospital-single-item-top-part {
  position: relative;
}
.hospital-single-item-top-part .line-shape {
  position: absolute;
  top: 44px;
  left: 0;
  width: auto;
}
.hospital-single-item-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  color: #fff;
  margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
  .hospital-single-item-title {
    margin-bottom: 1.5rem;
  }
}
.hospital-single-item p {
  color: #fff;
}
.hospital-single-item.style-two {
  text-align: center;
}
@media (min-width: 992px) {
  .hospital-single-item.style-two {
    text-align: right;
  }
}
.hospital-single-item.style-two .hospital-single-item-top-part {
  position: relative;
}
.hospital-single-item.style-two .hospital-single-item-top-part .line-shape {
  left: auto;
  right: 0;
}

.hospitla-line {
  position: relative;
}

.pulse-wrapper {
  position: relative;
  display: inline-block;
  line-height: 0;
}

.dot-puls {
  position: relative;
  z-index: 2;
  display: block;
}
.dot-puls::before {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -17px;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  content: "";
  background-color: rgb(255, 255, 255);
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 1;
}
.dot-puls::after {
  position: absolute;
  content: "";
  right: -27.5px;
  bottom: -25px;
  width: 30px;
  height: 30px;
  transform: scale(1);
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
  animation: simple-pulse 2s infinite ease-out;
  z-index: -1;
  border-radius: 50%;
}
.dot-puls.right-puls::before {
  right: auto;
  left: 0;
}
.dot-puls.right-puls::after {
  right: auto;
  left: 0;
}

@keyframes simple-pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
/* 5.08 roi */
.roi-overview-wrapper-one .roi-overview-header {
  background-color: rgba(var(--theme-primary), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem 1rem;
}
.roi-overview-wrapper-one .roi-overview-header-title {
  color: #fff;
  margin-bottom: 0;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .roi-overview-wrapper-one .roi-overview-header-title {
    font-size: 1.375rem;
  }
}
@media (min-width: 992px) {
  .roi-overview-wrapper-one .roi-overview-header-title {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .roi-overview-wrapper-one .roi-overview-header-title {
    font-size: 1.875rem;
  }
}
.roi-overview-wrapper-one .roi-overview-item {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(246, 241, 237, 0.7);
}
.roi-overview-wrapper-one .roi-overview-item:last-child {
  border-bottom: none;
}
.roi-overview-wrapper-one .roi-overview-item-icon {
  width: 80px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--theme-secondary), 1);
}
@media (min-width: 576px) {
  .roi-overview-wrapper-one .roi-overview-item-icon {
    width: 160px;
  }
}
.roi-overview-wrapper-one .roi-overview-item-icon img {
  max-height: 2.25rem;
}
@media (min-width: 576px) {
  .roi-overview-wrapper-one .roi-overview-item-icon img {
    max-height: 3.375rem;
  }
}
.roi-overview-wrapper-one .roi-overview-item-content {
  background-color: #D2DACE;
  width: calc(100% - 80px);
  display: flex;
  flex-flow: column;
}
@media (min-width: 576px) {
  .roi-overview-wrapper-one .roi-overview-item-content {
    width: calc(100% - 160px);
  }
}
.roi-overview-wrapper-one .roi-overview-item-percentage, .roi-overview-wrapper-one .roi-overview-item-details {
  padding-inline-start: 1.25rem;
  margin-bottom: 0;
  height: 50%;
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .roi-overview-wrapper-one .roi-overview-item-percentage, .roi-overview-wrapper-one .roi-overview-item-details {
    padding-inline-start: 1.875rem;
  }
}
.roi-overview-wrapper-one .roi-overview-item-percentage {
  font-size: 1.25rem;
  color: rgba(var(--theme-secondary), 1);
  border-bottom: 1px solid rgba(246, 241, 237, 0.7);
}
@media (min-width: 576px) {
  .roi-overview-wrapper-one .roi-overview-item-percentage {
    font-size: 1.5rem;
  }
}
.roi-overview-wrapper-one .roi-overview-item-details {
  font-family: var(--theme-heading-font);
  font-weight: 500;
}

.roi-content-one .ot-theme-section-description {
  margin-bottom: 1.875rem;
}

.roi-progressbar {
  display: flex;
  align-items: center;
  margin-top: 1.875rem;
}
.roi-progressbar .progressbar-data {
  width: 190px;
  display: flex;
  align-items: center;
}
.roi-progressbar .progressbar-data-icon {
  width: 45px;
}
.roi-progressbar .progressbar-data-caption {
  width: calc(100% - 45px);
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(var(--theme-secondary), 1);
  padding-inline-start: 0.5rem;
}
.roi-progressbar .progressbar {
  display: flex;
  align-items: center;
  width: calc(100% - 190px);
  padding-inline-start: 1rem;
}
.roi-progressbar .progressbar .progressbar-fill {
  background-color: rgba(var(--theme-secondary), 0.6);
  height: 1rem;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.roi-progressbar .progressbar span {
  font-size: 1.125rem;
  font-weight: 600;
  margin-left: 0.5rem;
}

.ot-roi-dark-version .ot-roi-bottom-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.08;
}
.ot-roi-dark-version .roi-overview-item {
  border-bottom: none;
}
.ot-roi-dark-version .roi-overview-item:last-child .roi-overview-item-icon,
.ot-roi-dark-version .roi-overview-item:last-child .roi-overview-item-content {
  border-bottom: none;
}
.ot-roi-dark-version .roi-overview-item-icon {
  border-bottom: 1px solid #fff;
}
.ot-roi-dark-version .roi-overview-item-content {
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ot-roi-dark-version .roi-overview-item-percentage {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.ot-roi-dark-version .progressbar-fill {
  background-color: #fff !important;
}
.ot-roi-dark-version .progressbar-data-caption {
  color: #fff;
}

/* 5.09 team */
.team-item-one {
  padding: 1.25rem;
  position: relative;
  z-index: 0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s;
}
.team-item-one:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.team-item-one:hover .team-item-thumb img {
  transform: scale(1.1, 1.1);
}
.team-item-one::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("../images/elements/team-card-shape-1.svg");
  mask-image: url("../images/elements/team-card-shape-1.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  background-color: #EDE3DC;
  z-index: -1;
}
.team-item-one .team-item-thumb {
  -webkit-mask-image: url("../images/elements/team-card-shape-2.svg");
  mask-image: url("../images/elements/team-card-shape-2.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-position-x: center;
  overflow: hidden;
}
.team-item-one .team-item-thumb img {
  width: 100%;
  transition: all 0.3s;
}
.team-item-one .team-item-content {
  margin-top: 1rem;
}
.team-item-one .team-item-content .name {
  font-size: 1.25rem;
  color: rgba(var(--theme-secondary), 1);
  margin-bottom: 0.25rem;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .team-item-one .team-item-content .name {
    font-size: 1.375rem;
  }
}
@media (min-width: 992px) {
  .team-item-one .team-item-content .name {
    font-size: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .team-item-one .team-item-content .name {
    font-size: 1.875rem;
  }
}
.team-item-one .team-item-content .name:hover {
  color: rgba(var(--theme-primary), 1);
}
.team-item-one .team-item-content .designation {
  font-weight: 500;
  color: rgba(var(--theme-primary), 1);
}
.team-item-one .team-item-content ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #D8DDE1;
}
.team-item-one .team-item-content ul li a:hover {
  color: rgba(var(--theme-primary), 1);
}

.ot-team-slider .slick-list {
  margin: 0 -rem(12px);
}
.ot-team-slider .slick-slide {
  padding: 0 0.75rem;
}

.team-item-two:hover .team-item-two-thumb::after {
  animation: borderOne 1s linear 1;
}
.team-item-two:hover .team-item-two-thumb::before {
  animation: borderTwo 1s linear 1;
}
.team-item-two-thumb {
  padding: 38px 28px;
  position: relative;
  z-index: 0;
}
.team-item-two-thumb::before {
  position: absolute;
  content: "";
  top: 12px;
  left: -12px;
  width: calc(100% + 24px);
  height: calc(100% - 24px);
  border-top: 1px solid rgba(var(--theme-primary), 1);
  border-bottom: 1px solid rgba(var(--theme-primary), 1);
  z-index: -1;
}
@media (min-width: 576px) {
  .team-item-two-thumb::before {
    top: 12px;
    left: -12px;
    width: calc(100% + 24px);
    height: calc(100% - 24px);
  }
}
.team-item-two-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid rgba(var(--theme-primary), 1);
  border-right: 1px solid rgba(var(--theme-primary), 1);
  z-index: -1;
}
.team-item-two-content {
  text-align: center;
  margin-top: 1.25rem;
}
.team-item-two-content .name {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.team-item-two-content .name:hover {
  color: rgba(var(--theme-primary), 1);
}
.team-item-two-content span {
  color: rgba(var(--theme-primary), 1);
}

@keyframes borderOne {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes borderTwo {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.team-item-three {
  background-color: rgba(var(--theme-heading), 1);
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border: 1px solid rgba(var(--theme-primary), 1);
}
.team-item-three:hover .team-social {
  top: -90px;
  opacity: 1;
  visibility: visible;
}
.team-item-three-thumb {
  height: 380px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  position: relative;
  z-index: 0;
}
@media (min-width: 576px) {
  .team-item-three-thumb {
    height: 320px;
  }
}
@media (min-width: 768px) {
  .team-item-three-thumb {
    height: 360px;
  }
}
@media (min-width: 1400px) {
  .team-item-three-thumb {
    height: 526px;
  }
}
.team-item-three-thumb::before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  z-index: -1;
}
.team-item-three-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
}
.team-item-three-content {
  text-align: center;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  position: relative;
}
.team-item-three-content .name {
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  color: #fff;
}
.team-item-three-content .designation {
  color: #D2DACE;
}
.team-item-three .team-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: rgba(var(--theme-heading), 1);
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  font-size: 1.125rem;
}
.team-item-three .team-social {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  padding-inline: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.team-item-three .team-social li a {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: rgba(var(--theme-heading), 1);
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  font-size: 1.125rem;
}

/* 5.10 testimonial */
.ot-testimonial-statistic-item .amount {
  font-size: 1.75rem;
  font-weight: 400;
  color: rgba(var(--theme-secondary), 1);
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .ot-testimonial-statistic-item .amount {
    font-size: 2.625rem;
  }
}
@media (min-width: 992px) {
  .ot-testimonial-statistic-item .amount {
    font-size: 3.375rem;
  }
}
@media (min-width: 1200px) {
  .ot-testimonial-statistic-item .amount {
    font-size: 3.875rem;
  }
}
@media (min-width: 1400px) {
  .ot-testimonial-statistic-item .amount {
    font-size: 4.625rem;
  }
}
.ot-testimonial-statistic-item p {
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 1400px) {
  .ot-testimonial-statistic-item p {
    font-size: 1.125rem;
  }
}

.ot-testimonial-content-item .ratings i {
  color: rgba(var(--theme-primary), 1);
  font-size: 0.9375rem;
}
.ot-testimonial-content-item p {
  font-family: var(--theme-heading-font);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
  .ot-testimonial-content-item p {
    font-size: 1.125rem;
  }
}
@media (min-width: 1400px) {
  .ot-testimonial-content-item p {
    font-size: 1.25rem;
  }
}
.ot-testimonial-content-item .name {
  font-size: 1.375rem;
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .ot-testimonial-content-item .name {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .ot-testimonial-content-item .name {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .ot-testimonial-content-item .name {
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .ot-testimonial-content-item .name {
    font-size: 2.25rem;
  }
}
.ot-testimonial-content-item span {
  font-weight: 600;
  font-size: 0.875rem;
  color: rgba(var(--theme-secondary), 1);
}
@media (min-width: 992px) {
  .ot-testimonial-content-item span {
    font-size: 1rem;
  }
}
@media (min-width: 1400px) {
  .ot-testimonial-content-item span {
    font-size: 1.125rem;
  }
}

.ot-testimonial-thumb-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .ot-testimonial-thumb-wrapper {
    justify-content: space-between;
  }
}
.ot-testimonial-thumb-wrapper .ot-testimonial-main-thumb-slider {
  width: 220px;
}
@media (min-width: 1200px) {
  .ot-testimonial-thumb-wrapper .ot-testimonial-main-thumb-slider {
    width: 240px;
  }
}
@media (min-width: 1400px) {
  .ot-testimonial-thumb-wrapper .ot-testimonial-main-thumb-slider {
    width: 332px;
  }
}
.ot-testimonial-thumb-wrapper .testimonial-thumb-slider {
  display: none;
}
@media (min-width: 992px) {
  .ot-testimonial-thumb-wrapper .testimonial-thumb-slider {
    width: 104px;
    display: block;
  }
}
.ot-testimonial-thumb-wrapper .testimonial-thumb-slider .slick-list {
  margin: -0.375rem 0;
}
.ot-testimonial-thumb-wrapper .testimonial-thumb-slider .single-slide {
  padding: 0.375rem 0;
}
.ot-testimonial-thumb-wrapper .testimonial-thumb-slider .single-slide.slick-current .testimonial-thumb-nav {
  border-color: rgba(var(--theme-primary), 1);
}

.testimonial-thumb-slider .testimonial-thumb-nav {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .testimonial-thumb-slider .testimonial-thumb-nav {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1400px) {
  .testimonial-thumb-slider .testimonial-thumb-nav {
    width: 100px;
    height: 100px;
    border: 4px solid transparent;
  }
}
.testimonial-thumb-slider .testimonial-thumb-nav img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

.testimonial-content-slider-one .slick-dots {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  justify-content: center;
}
@media (min-width: 992px) {
  .testimonial-content-slider-one .slick-dots {
    display: none !important;
  }
}
.testimonial-content-slider-one .slick-dots li.slick-active button {
  opacity: 1;
  width: 2rem;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.testimonial-content-slider-one .slick-dots li button {
  font-size: 0;
  padding: 0;
  width: 0.625rem;
  height: 0.625rem;
  background-color: rgba(var(--theme-primary), 1);
  opacity: 0.35;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.ot-testimonial-bottom-el {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  max-width: 110px;
}
@media (min-width: 992px) {
  .ot-testimonial-bottom-el {
    max-width: 100%;
  }
}

@media (min-width: 1400px) {
  .ot-testimonial-two .ot-theme-header-gap {
    margin-bottom: 2.5rem;
  }
}

.testimonial-single-client {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0.75rem 1rem 0.75rem 0.75rem;
  transition: all 0.3s;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .testimonial-single-client {
    display: inline-flex;
  }
}
@media (min-width: 992px) {
  .testimonial-single-client {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.testimonial-single-client-thumb {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
}
.testimonial-single-client-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.testimonial-single-client-content {
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .testimonial-single-client-content {
    width: auto;
    flex-grow: 1;
    text-align: left;
  }
}
.testimonial-single-client-content .client-name {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  margin-bottom: 0.25rem;
}

@media (min-width: 992px) {
  .testimonial-single-content {
    padding-left: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .testimonial-single-content {
    padding-left: 0;
  }
}
.testimonial-single-content-ratings {
  color: rgba(var(--theme-primary), 1);
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}
.testimonial-single-content-details {
  font-size: 1rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  .testimonial-single-content-details {
    font-size: 1.125rem;
  }
}
.testimonial-single-content img {
  max-height: 48px;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .testimonial-single-content img {
    max-height: 60px;
    margin-inline: 0;
  }
}
@media (min-width: 1200px) {
  .testimonial-single-content img {
    max-height: 80px;
  }
}
@media (min-width: 1400px) {
  .testimonial-single-content img {
    max-height: 100px;
  }
}

@media (min-width: 1200px) {
  .testimonial-client-slider {
    padding-right: 3.125rem;
  }
}
.testimonial-client-slider .slick-list {
  margin: -1.25rem 0;
}
.testimonial-client-slider .single-slide {
  padding: 1.25rem 0;
}
.testimonial-client-slider .single-slide.slick-current .testimonial-single-client {
  background-color: rgba(var(--theme-primary), 1);
}
@media (min-width: 992px) {
  .testimonial-client-slider .single-slide.slick-current .testimonial-single-client {
    transform: translateX(42px);
  }
}
@media (min-width: 1200px) {
  .testimonial-client-slider .single-slide.slick-current .testimonial-single-client {
    transform: translateX(60px);
  }
}
@media (min-width: 1400px) {
  .testimonial-client-slider .single-slide.slick-current .testimonial-single-client {
    transform: translateX(80px);
  }
}
@media (min-width: 1600px) {
  .testimonial-client-slider .single-slide.slick-current .testimonial-single-client {
    transform: translateX(112px);
  }
}

.testimonial-content-slider-wrapper {
  position: relative;
}
@media (min-width: 992px) {
  .testimonial-content-slider-wrapper::before {
    position: absolute;
    content: "";
    top: -8px;
    left: -38px;
    width: 16px;
    height: 16px;
    background-color: #262626;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
  .testimonial-content-slider-wrapper::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: -38px;
    width: 16px;
    height: 16px;
    background-color: #262626;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }
}

.testimonial-content-slider {
  z-index: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .testimonial-content-slider {
    text-align: left;
  }
  .testimonial-content-slider::before {
    position: absolute;
    content: "";
    top: 0;
    left: -30px;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, #1F1804, #FFC005, #1B1504);
    z-index: -1;
  }
  .testimonial-content-slider::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -37px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: rgba(var(--theme-primary), 1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1;
  }
}
@media (min-width: 1200px) {
  .testimonial-content-slider {
    padding-left: 3.125rem;
  }
}

.ot-testimonial-three {
  position: relative;
  z-index: 0;
  padding-block-end: 2.5rem;
}
@media (min-width: 576px) {
  .ot-testimonial-three {
    padding-block-end: 3.75rem;
  }
}
@media (min-width: 992px) {
  .ot-testimonial-three {
    padding-block-end: 5rem;
  }
}
@media (min-width: 1200px) {
  .ot-testimonial-three {
    padding-block-end: 0;
  }
}
.ot-testimonial-three::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--theme-heading), 1);
  z-index: -1;
}
@media (min-width: 1200px) {
  .ot-testimonial-three::before {
    height: calc(100% - 80px);
  }
}

.testimonial-item-three {
  padding: 1.25rem;
  background-color: rgba(var(--theme-secondary), 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-image: url("../images/elements/testimonial-card.svg");
  background-size: 140%;
  background-repeat: no-repeat;
  position: relative;
}
@media (min-width: 1200px) {
  .testimonial-item-three {
    padding: 2.5rem;
  }
}
.testimonial-item-three::after {
  position: absolute;
  content: "";
  bottom: 1.25rem;
  right: 1.25rem;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  background-image: url("../images/icons/quote-golden.svg");
}
@media (min-width: 992px) {
  .testimonial-item-three::after {
    bottom: 2.5rem;
    right: 3.125rem;
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
  }
}
@media (min-width: 1200px) {
  .testimonial-item-three::after {
    width: 90px;
    height: 90px;
    background-size: 90px 90px;
  }
}
@media (min-width: 1400px) {
  .testimonial-item-three::after {
    width: 124px;
    height: 124px;
    background-size: 124px 124px;
  }
}
.testimonial-item-three-thumb {
  width: 100%;
}
@media (min-width: 768px) {
  .testimonial-item-three-thumb {
    width: 320px;
  }
}
@media (min-width: 1400px) {
  .testimonial-item-three-thumb {
    width: 410px;
  }
}
.testimonial-item-three-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.testimonial-item-three-content {
  width: 100%;
  margin-top: 1.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .testimonial-item-three-content {
    margin-top: 0;
    padding-left: 3.125rem;
    width: calc(100% - 320px);
    text-align: left;
  }
}
@media (min-width: 1400px) {
  .testimonial-item-three-content {
    width: calc(100% - 410px);
  }
}
.testimonial-item-three-content .name {
  color: #fff;
  margin-bottom: 0;
  margin-top: 1.25rem;
}
.testimonial-item-three-content .designation {
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
}
.testimonial-item-three-details {
  font-family: var(--theme-heading-font);
  font-size: 1.25rem;
  color: #fff;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .testimonial-item-three-details {
    font-size: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .testimonial-item-three-details {
    font-size: 1.75rem;
  }
}
@media (min-width: 1400px) {
  .testimonial-item-three-details {
    font-size: 2.25rem;
  }
}

.testimonial-nav-one {
  width: 2.25rem;
  height: 2.25rem;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .testimonial-nav-one {
    width: 3rem;
    height: 3rem;
  }
}
.testimonial-nav-one:hover {
  background-color: rgba(var(--theme-primary), 1);
}

.testimonial-nav-slider {
  width: 240px;
  margin-inline: auto;
  margin-bottom: 2.5rem;
  transform: translateX(22px);
}
.testimonial-nav-slider .slick-slide {
  padding-block: 22px;
  transition: all 0.3s;
}
.testimonial-nav-slider .slick-slide.slick-current {
  position: relative;
  z-index: 1;
}
.testimonial-nav-slider .slick-slide.slick-current .testimonial-nav-thumb {
  transform: translateX(-22px) scale(1.25);
}
.testimonial-nav-slider .slick-slide.slick-current ~ .slick-active {
  margin-right: 0;
  transform: translateX(-42px);
}
.testimonial-nav-slider .testimonial-nav-thumb {
  width: 3.75rem;
  height: 3.75rem;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .testimonial-nav-slider .testimonial-nav-thumb {
    width: 5rem;
    height: 5rem;
    border: 4px solid #fff;
  }
}
.testimonial-nav-slider .testimonial-nav-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}

.testimonial-content-arrow {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  gap: 0.75rem;
  padding-block: 0.75rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .testimonial-content-arrow {
    font-size: 1.125rem;
    padding-block: 1.25rem;
  }
}
@media (min-width: 992px) {
  .testimonial-content-arrow {
    transform: translateY(-86px);
  }
}
@media (min-width: 1200px) {
  .testimonial-content-arrow {
    transform: translateY(-120px);
  }
}
.testimonial-content-arrow:hover {
  color: rgba(var(--theme-primary), 1);
}
.testimonial-content-arrow.arrow-left {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .testimonial-content-arrow.arrow-left {
    padding-right: 2.5rem;
  }
}
.testimonial-content-arrow.arrow-right {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 1.25rem;
}
@media (min-width: 768px) {
  .testimonial-content-arrow.arrow-right {
    padding-left: 2.5rem;
  }
}

.testimonial-content-two {
  text-align: center;
}
.testimonial-content-two-details {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 2.25rem;
}
@media (min-width: 576px) {
  .testimonial-content-two-details {
    font-size: 1.125rem;
  }
}
.testimonial-content-two-ratings {
  color: #FF9C00;
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}
.testimonial-content-two .name {
  color: #fff;
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
}
.testimonial-content-two .designation {
  font-weight: 500;
  color: rgba(var(--theme-primary), 1);
}

.testimonial-img-el {
  position: absolute;
}
.testimonial-img-el.img-el-1 {
  top: 5%;
  left: 1%;
  display: none;
}
@media (min-width: 768px) {
  .testimonial-img-el.img-el-1 {
    max-height: 65px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .testimonial-img-el.img-el-1 {
    max-height: 110px;
  }
}
@media (min-width: 1400px) {
  .testimonial-img-el.img-el-1 {
    max-height: 150px;
  }
}
.testimonial-img-el.img-el-2 {
  bottom: 12%;
  left: 16%;
  display: none;
}
@media (min-width: 768px) {
  .testimonial-img-el.img-el-2 {
    max-height: 55px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .testimonial-img-el.img-el-2 {
    max-height: 80px;
  }
}
@media (min-width: 1400px) {
  .testimonial-img-el.img-el-2 {
    max-height: 112px;
  }
}
.testimonial-img-el.img-el-3 {
  top: 7%;
  right: 5%;
  display: none;
}
@media (min-width: 768px) {
  .testimonial-img-el.img-el-3 {
    max-height: 65px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .testimonial-img-el.img-el-3 {
    max-height: 95px;
  }
}
@media (min-width: 1400px) {
  .testimonial-img-el.img-el-3 {
    max-height: 130px;
  }
}
.testimonial-img-el.img-el-4 {
  bottom: 8%;
  right: 10%;
  display: none;
}
@media (min-width: 768px) {
  .testimonial-img-el.img-el-4 {
    max-height: 60px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .testimonial-img-el.img-el-4 {
    max-height: 85px;
  }
}
@media (min-width: 1400px) {
  .testimonial-img-el.img-el-4 {
    max-height: 110px;
  }
}

/* 5.11 blog */
.ot-blog-item-one {
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 0;
}
@media (min-width: 1400px) {
  .ot-blog-item-one {
    padding: 1.25rem;
  }
}
.ot-blog-item-one:hover .ot-blog-item-one-thumb img {
  transform: scale(1.1, 1.1);
}
.ot-blog-item-one::before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  background-image: url("../images/elements/blog-card-el.svg");
  width: 406px;
  height: 224px;
  z-index: -1;
}
.ot-blog-item-one-thumb {
  height: 275px;
  overflow: hidden;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  position: relative;
}
@media (min-width: 1400px) {
  .ot-blog-item-one-thumb {
    height: 326px;
  }
}
.ot-blog-item-one-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  transition: all 0.3s;
}
.ot-blog-item-one .blog-date-month {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: rgba(var(--theme-secondary), 1);
  color: #fff;
  border: 2px solid rgba(var(--theme-primary), 1);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  line-height: 1;
  width: 60px;
  height: 64px;
}
@media (min-width: 576px) {
  .ot-blog-item-one .blog-date-month {
    border: 4px solid rgba(var(--theme-primary), 1);
  }
}
.ot-blog-item-one .blog-date-month .blog-date {
  font-family: var(--theme-heading-font);
  font-size: 1.125rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  .ot-blog-item-one .blog-date-month .blog-date {
    font-size: 1.5rem;
  }
}
.ot-blog-item-one .blog-date-month .blog-month {
  font-family: var(--theme-heading-font);
  font-size: 1rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  .ot-blog-item-one .blog-date-month .blog-month {
    font-size: 1.125rem;
  }
}
.ot-blog-item-one-content {
  margin-top: 1.5rem;
  padding-bottom: 10px;
  padding-inline: 0.625rem;
}
@media (min-width: 1400px) {
  .ot-blog-item-one-content {
    padding-inline: 0;
  }
}
.ot-blog-item-one-content p {
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.ot-blog-item-one-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.ot-blog-item-one-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ot-blog-item-one-title a:hover {
  color: rgba(var(--theme-secondary), 1);
}
.ot-blog-item-one .blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .ot-blog-item-one .blog-meta {
    gap: 1.5rem;
  }
}
.ot-blog-item-one .blog-meta li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.ot-blog-item-one .blog-meta li i {
  color: rgba(var(--theme-primary), 1);
  font-size: 1.125rem;
}
.ot-blog-item-one .blog-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--theme-secondary), 1);
  gap: 1rem;
  transition: all 0.3s;
}
.ot-blog-item-one .blog-btn:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-one .blog-btn:hover .icon {
  background-color: rgba(var(--theme-secondary), 1);
  outline-color: rgba(var(--theme-secondary), 1);
}
.ot-blog-item-one .blog-btn .icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: rgba(var(--theme-primary), 1);
  font-size: 1rem;
  font-weight: 400;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: 1.5px dashed rgba(var(--theme-primary), 1);
  outline-offset: 2px;
  transition: all 0.3s;
}
.ot-blog-item-one.ot-blog-item-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ot-blog-item-one.ot-blog-item-list .ot-blog-item-one-thumb {
  width: 100%;
  height: 275px;
}
@media (min-width: 1400px) {
  .ot-blog-item-one.ot-blog-item-list .ot-blog-item-one-thumb {
    width: 352px;
  }
}
.ot-blog-item-one.ot-blog-item-list .ot-blog-item-one-content {
  width: 100%;
}
@media (min-width: 1400px) {
  .ot-blog-item-one.ot-blog-item-list .ot-blog-item-one-content {
    width: calc(100% - 352px);
    padding-inline-start: 1.5rem;
    padding-bottom: 0;
    margin-top: 0;
  }
}
.ot-blog-item-one.style-two {
  background-color: rgba(var(--theme-primary), 0.1);
  padding: 0;
  box-shadow: none;
}
.ot-blog-item-one.style-two::before {
  display: none;
}
.ot-blog-item-one.style-two .ot-blog-item-one-thumb {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  position: relative;
  height: auto;
}
@media (min-width: 1200px) {
  .ot-blog-item-one.style-two .ot-blog-item-one-thumb {
    height: 395px;
  }
}
.ot-blog-item-one.style-two .ot-blog-item-one-thumb .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.5rem;
  height: 3.5rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.25rem;
  z-index: 0;
}
@media (min-width: 576px) {
  .ot-blog-item-one.style-two .ot-blog-item-one-thumb .play-button {
    width: 4.375rem;
    height: 4.375rem;
    font-size: 1.375rem;
  }
}
@media (min-width: 992px) {
  .ot-blog-item-one.style-two .ot-blog-item-one-thumb .play-button {
    width: 5.625rem;
    height: 5.625rem;
    font-size: 1.5rem;
  }
}
.ot-blog-item-one.style-two .ot-blog-item-one-thumb .play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background: white;
}
.ot-blog-item-one.style-two .ot-blog-item-one-thumb .play-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: pulse 2s infinite;
  z-index: -1;
}
.ot-blog-item-one.style-two .ot-blog-item-one-content {
  margin-top: 0;
  padding: 1.25rem;
}
@media (min-width: 576px) {
  .ot-blog-item-one.style-two .ot-blog-item-one-content {
    padding: 1.875rem;
  }
}
.ot-blog-item-one.style-two .ot-blog-item-one-title {
  font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem);
}
@media (max-width: 575px) {
  .ot-blog-item-one.style-two .ot-blog-item-one-title ~ p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.ot-blog-item-two {
  padding: 1.25rem;
  background-color: rgba(var(--theme-secondary), 1);
}
.ot-blog-item-two:hover .ot-blog-item-two-thumb img {
  transform: scale(1.1, 1.1);
}
.ot-blog-item-two-thumb {
  height: 14rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 576px) {
  .ot-blog-item-two-thumb {
    height: 16.5rem;
  }
}
.ot-blog-item-two-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  transition: all 0.3s;
}
.ot-blog-item-two .blog-date-month {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.75rem;
  height: 3.75rem;
  background-color: rgba(var(--theme-primary), 1);
  border: 4px solid rgba(var(--theme-secondary), 1);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.ot-blog-item-two .blog-date-month .blog-date {
  font-family: var(--theme-heading-font);
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  font-weight: 500;
  line-height: 1;
}
.ot-blog-item-two .blog-date-month .blog-month {
  font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
  line-height: 1;
}
.ot-blog-item-two-content {
  padding: 1.25rem 0.5rem 0.5rem 0.5rem;
}
@media (min-width: 576px) {
  .ot-blog-item-two-content {
    padding: 1.875rem 0.625rem 1rem 0.625rem;
  }
}
.ot-blog-item-two-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.ot-blog-item-two-title a {
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ot-blog-item-two-title a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-two .blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 2.5rem;
  margin-bottom: 1rem;
}
.ot-blog-item-two .blog-meta li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.ot-blog-item-two .blog-meta li i {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-two .blog-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  gap: 1rem;
  font-size: 0.875rem;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .ot-blog-item-two .blog-btn {
    font-size: 1rem;
  }
}
.ot-blog-item-two .blog-btn:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-two .blog-btn .icon {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: rgba(var(--theme-primary), 1);
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: 1.5px dashed rgba(var(--theme-primary), 1);
  outline-offset: 2px;
}
@media (min-width: 576px) {
  .ot-blog-item-two .blog-btn .icon {
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
.ot-blog-item-two .blog-item-bottom {
  padding-top: 1.5rem;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
}
.ot-blog-item-two .blog-share-btn {
  color: #fff;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0 0 1rem;
}
.ot-blog-item-two .blog-share-btn:hover {
  color: rgba(var(--theme-primary), 1);
}

.ot-blog-item-three {
  padding: 1rem;
  background-color: rgba(217, 217, 205, 0.6);
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .ot-blog-item-three {
    padding: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-blog-item-three {
    padding: 1.875rem;
  }
}
.ot-blog-item-three:hover {
  background-color: rgba(var(--theme-secondary), 1);
}
.ot-blog-item-three:hover .blog-meta-content .name, .ot-blog-item-three:hover .blog-meta-content span {
  color: #fff;
}
.ot-blog-item-three:hover .blog-cat {
  color: #fff;
}
.ot-blog-item-three:hover .ot-blog-item-three-title {
  color: #fff;
}
.ot-blog-item-three:hover .ot-blog-item-three-title a:hover {
  color: #fff;
}
.ot-blog-item-three:hover .blog-btn {
  color: #fff;
}
.ot-blog-item-three:hover .blog-btn .icon {
  color: #fff;
}
.ot-blog-item-three:hover .blog-share-btn {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.ot-blog-item-three:hover .blog-item-bottom {
  border-color: rgba(255, 255, 255, 0.3);
}
.ot-blog-item-three-thumb {
  height: 16.5rem;
  overflow: hidden;
  position: relative;
}
.ot-blog-item-three-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-blog-item-three-thumb .blog-cat {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  color: rgba(var(--theme-heading), 1);
  padding: 0.375rem 1rem;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  transition: all 0.3s;
}
.ot-blog-item-three-content {
  padding-top: 1.25rem;
}
@media (min-width: 1200px) {
  .ot-blog-item-three-content {
    padding-top: 1.875rem;
  }
}
.ot-blog-item-three .ot-blog-item-three-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.ot-blog-item-three .ot-blog-item-three-title a {
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ot-blog-item-three .ot-blog-item-three-title a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-three .blog-meta {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
  .ot-blog-item-three .blog-meta {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-blog-item-three .blog-meta {
    margin-bottom: 1.875rem;
  }
}
.ot-blog-item-three .blog-meta-thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ot-blog-item-three .blog-meta-thumb {
    width: 4.625rem;
    height: 4.625rem;
  }
}
.ot-blog-item-three .blog-meta-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.ot-blog-item-three .blog-meta-content {
  width: calc(100% - 40px);
  padding-left: 1rem;
  padding-bottom: 0.3125rem;
}
@media (min-width: 1200px) {
  .ot-blog-item-three .blog-meta-content {
    padding-left: 1.25rem;
    width: calc(100% - 70px);
  }
}
.ot-blog-item-three .blog-meta-content .name {
  font-size: 1rem;
  margin-bottom: 0;
  font-family: var(--theme-heading-font);
  color: rgba(var(--theme-heading), 1);
  font-weight: 500;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .ot-blog-item-three .blog-meta-content .name {
    font-size: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .ot-blog-item-three .blog-meta-content .name {
    font-size: 1.375rem;
  }
}
@media (min-width: 1400px) {
  .ot-blog-item-three .blog-meta-content .name {
    font-size: 1.5rem;
  }
}
.ot-blog-item-three .blog-meta-content span {
  transition: all 0.3s;
}
.ot-blog-item-three .blog-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--theme-heading), 1);
  gap: 1rem;
  transition: all 0.3s;
}
.ot-blog-item-three .blog-btn .icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--theme-heading), 1);
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  font-size: 1rem;
  font-weight: 400;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: 1.5px dashed rgba(var(--theme-primary), 1);
  outline-offset: 2px;
  transition: all 0.3s;
}
.ot-blog-item-three .blog-item-bottom {
  padding-top: 1.5rem;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed rgba(var(--theme-secondary), 0.3);
  transition: all 0.3s;
}
.ot-blog-item-three .blog-share-btn {
  color: rgba(var(--theme-heading), 1);
  border: none;
  border-left: 1px solid rgba(var(--theme-heading), 0.2);
  padding: 0 0 0 1rem;
  transition: all 0.3s;
}
.ot-blog-item-three.style-two {
  background-color: rgba(var(--theme-primary), 0.1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.ot-blog-item-three.style-two:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-three.style-two:hover .blog-btn .icon {
  background: #fff;
  outline-color: #fff;
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-three.style-two:hover .thumb .blog-cat {
  background: #fff;
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-three.style-two:hover .blog-meta-content .name {
  color: #fff;
}
.ot-blog-item-three.style-two .thumb .blog-cat {
  background: rgba(var(--theme-primary), 1);
  color: #fff;
}
.ot-blog-item-three.style-two .blog-meta-content .name {
  color: rgba(var(--theme-secondary), 1);
}
.ot-blog-item-three.style-two .blog-btn .icon {
  background: rgba(var(--theme-primary), 1);
  color: #fff;
}

.ot-blog-item-four {
  background-color: #F5F5F5;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s;
}
.ot-blog-item-four:hover .ot-blog-item-four-thumb img {
  transform: scale(1.1, 1.1);
}
.ot-blog-item-four-thumb {
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .ot-blog-item-four-thumb {
    height: 17.5rem;
  }
}
@media (min-width: 992px) {
  .ot-blog-item-four-thumb {
    height: 19.75rem;
  }
}
.ot-blog-item-four-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  transition: all 0.3s;
}
.ot-blog-item-four-thumb .blog-cat {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  color: rgba(var(--theme-heading), 1);
  padding: 0.375rem 1rem;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  transition: all 0.3s;
}
.ot-blog-item-four-content {
  padding: 1.25rem;
  padding-top: 0;
}
@media (min-width: 1200px) {
  .ot-blog-item-four-content {
    padding-top: 0;
    padding: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-blog-item-four-content {
    padding: 1.875rem;
    padding-top: 0;
  }
}
.ot-blog-item-four-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.ot-blog-item-four-title a {
  transition: all 0.3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ot-blog-item-four-title a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-four .blog-meta {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #D8DDE1;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  margin-top: -0.5rem;
  transform: translateY(-24px);
  position: relative;
  z-index: 1;
}
.ot-blog-item-four .blog-meta span i {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-four .blog-date-part {
  background-color: rgba(var(--theme-primary), 1);
  text-align: center;
  padding: 0.375rem 1.25rem 0.375rem 1.5rem;
  border-radius: 99px 0 0 99px;
  -webkit-border-radius: 99px 0 0 99px;
  -moz-border-radius: 99px 0 0 99px;
  -ms-border-radius: 99px 0 0 99px;
  -o-border-radius: 99px 0 0 99px;
}
.ot-blog-item-four .blog-date-part span {
  display: block;
  color: #fff;
  line-height: 1.2;
}
.ot-blog-item-four .blog-date-part span.blog-date {
  font-family: var(--theme-heading-font);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
}
.ot-blog-item-four .blog-date-part span.blog-month {
  font-size: 0.875rem;
}
.ot-blog-item-four .blog-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--theme-heading), 1);
  gap: 1rem;
  transition: all 0.3s;
}
.ot-blog-item-four .blog-btn:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-four .blog-btn .icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: rgba(var(--theme-primary), 1);
  font-size: 1rem;
  font-weight: 400;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: 1.5px dashed rgba(var(--theme-primary), 1);
  outline-offset: 2px;
  transition: all 0.3s;
}
.ot-blog-item-four .blog-item-bottom {
  padding-top: 1.5rem;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed rgba(var(--theme-secondary), 0.3);
  transition: all 0.3s;
}
.ot-blog-item-four .blog-share-btn {
  color: rgba(var(--theme-heading), 1);
  border: none;
  border-left: 1px solid rgba(var(--theme-heading), 0.2);
  padding: 0 0 0 1rem;
  transition: all 0.3s;
}
.ot-blog-item-four.style-two {
  background-color: #F5F5F5;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.ot-blog-item-four.style-two:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-four.style-two:hover .blog-btn {
  color: #fff;
}
.ot-blog-item-four.style-two:hover .blog-btn .icon {
  background: #fff;
  outline-color: #fff;
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-four.style-two:hover .ot-blog-item-four-title {
  color: #fff;
}
.ot-blog-item-four.style-two:hover .ot-blog-item-four-title a:hover {
  color: #fff;
}
.ot-blog-item-four.style-two:hover .blog-item-bottom {
  border-color: rgba(255, 255, 255, 0.2);
}
.ot-blog-item-four.style-two:hover .blog-meta span {
  color: #fff;
}
.ot-blog-item-four.style-two:hover .blog-meta span i {
  color: #fff;
}
.ot-blog-item-four.style-two:hover .blog-share-btn {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.ot-blog-item-four.style-two:hover .ot-blog-item-four-thumb .blog-cat {
  background: #fff;
  color: rgba(var(--theme-primary), 1);
}
.ot-blog-item-four.style-two .ot-blog-item-four-content {
  padding: 1.25rem;
}
@media (min-width: 1200px) {
  .ot-blog-item-four.style-two .ot-blog-item-four-content {
    padding: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .ot-blog-item-four.style-two .ot-blog-item-four-content {
    padding: 1.875rem;
  }
}
.ot-blog-item-four.style-two .blog-meta {
  margin-top: 0;
  transform: translateY(0);
  background-color: transparent;
  border: none;
  gap: 0.75rem 1.5rem;
  margin-bottom: 1.25rem;
}
.ot-blog-item-four.style-two .blog-btn .icon {
  background: rgba(var(--theme-primary), 1);
  color: #fff;
}

.blog-thumb-slider .single-slide {
  overflow: hidden;
}

/* 5.12 map */
@media (min-width: 768px) {
  .map-content-one {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.map-content-one .map-content-box {
  background-color: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(5px);
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 576px) {
  .map-content-one .map-content-box {
    padding: 1.5rem;
  }
}
.map-content-one .map-content-box-icon {
  width: 32px;
  color: rgba(var(--theme-primary), 1);
  font-size: clamp(1.375rem, 1.3rem + 0.375vw, 1.75rem);
}
.map-content-one .map-content-box-content {
  width: calc(100% - 32px);
  padding-inline-start: 0.75rem;
}
.map-content-one .map-content-box-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.map-content-one .map-content-box-location {
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  color: #fff;
}

.map-main-bg-one {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -1;
}
@media (min-width: 768px) {
  .map-main-bg-one {
    position: static;
    height: auto;
  }
}

.map-list {
  margin-top: 1.25rem;
  margin-bottom: -0.5rem;
  margin-inline: -0.5rem;
  display: flex;
  flex-wrap: wrap;
}
.map-list li {
  position: relative;
  width: 100%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  padding-left: 30px;
}
@media (min-width: 576px) {
  .map-list li {
    font-size: 1.125rem;
    width: 50%;
  }
}
.map-list-icons {
  position: absolute;
  left: 0;
  top: 10px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.map-list-icons i {
  color: rgba(var(--theme-primary), 1);
}
.map-list-icons i:nth-child(2) {
  margin-left: -10px;
}

.ot-map-area-three {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (min-width: 576px) {
  .ot-map-area-three {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .ot-map-area-three {
    padding-top: 160px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .ot-map-area-three {
    padding-top: 260px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1400px) {
  .ot-map-area-three {
    padding-top: 360px;
    padding-bottom: 160px;
  }
}
.ot-map-area-three .map-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -1;
}

.ot-map-content-box-two {
  padding: 1.25rem;
  background-color: #fff;
}
@media (min-width: 992px) {
  .ot-map-content-box-two {
    padding: 1.875rem;
  }
}
.ot-map-content-box-two ul {
  list-style: disc;
  padding-left: 1.25rem;
}
.ot-map-content-box-two ul li {
  margin-top: 0.75rem;
  font-weight: 500;
}

.ot-map-area-two .map-list {
  margin-bottom: 1.75rem;
}

@media (min-width: 1400px) {
  .ot-map-area-two-content {
    padding-right: 80px;
  }
}

.map-location {
  padding: 1rem 1.25rem 1rem 1.875rem;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .map-location {
    margin-top: 2.5rem;
  }
}
.map-location-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  color: #fff;
  margin-bottom: 0;
}

/* 5.13 room */
.ot-room-item-one {
  padding: 0.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: -1px;
  transition: all 0.3s;
}
.ot-room-item-one:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.ot-room-item-one:hover .ot-room-item-one-thumb img {
  width: 100%;
  height: 100%;
}
.ot-room-item-one:hover .ot-room-item-one-content ul li i {
  color: #fff;
}
@media (min-width: 576px) {
  .ot-room-item-one {
    width: 382px;
    padding: 1.25rem;
  }
}
.ot-room-item-one-thumb {
  display: block;
  position: relative;
  height: 308px;
}
.ot-room-item-one-thumb img {
  width: 192px;
  height: 146px;
  object-fit: cover;
  transition: all 0.3s;
}
.ot-room-item-one-thumb .room-price {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-family: var(--theme-heading-font);
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  font-weight: 500;
  color: rgba(var(--theme-primary), 1);
  background-color: rgba(var(--theme-base), 1);
  padding: 0.25rem 1rem;
  transition: all 0.3s;
}
.ot-room-item-one-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.ot-room-item-one-content {
  padding-top: 1.25rem;
}
.ot-room-item-one-content ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.875rem;
}
@media (min-width: 576px) {
  .ot-room-item-one-content ul {
    gap: 0.5rem 1.25rem;
  }
}
.ot-room-item-one-content ul li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ot-room-item-one-content ul li i {
  color: rgba(var(--theme-primary), 1);
  transition: all 0.3s;
}

.ot-rooms-slider-one {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.ot-rooms-slider-one .slick-list {
  margin-inline: -0.625rem;
}
.ot-rooms-slider-one .single-slide {
  padding-inline: 0.625rem;
}
.ot-rooms-slider-one .single-slide.slick-current .ot-room-item {
  background-color: rgba(var(--theme-primary), 1);
}
.ot-rooms-slider-one .single-slide.slick-current .ot-room-item .thumb .room-price {
  background-color: #fff;
}
.ot-rooms-slider-one .single-slide.slick-current .ot-room-item .content ul li i {
  color: #fff;
}

.ot-rooms-slider-one-nav-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.75rem;
  position: relative;
  z-index: 0;
}
.ot-rooms-slider-one-nav-action::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 84px;
  width: calc(100% - 246px);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: -1;
}
.ot-rooms-slider-one-nav-action .pagingInfo {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(var(--theme-paragraph), 1);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.ot-rooms-slider-one-nav-action .pagingInfo .ot-num {
  font-weight: 600;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.5rem;
}
.ot-rooms-slider-one-nav-action .slider-nav {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.ot-rooms-slider-one-nav-action .slider-nav .ot-rooms-slider-nav {
  width: 2.75rem;
  height: 2.75rem;
  background-color: #fff;
  color: rgba(var(--theme-primary), 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline-width: 2px;
  outline-offset: 2px;
  outline-style: dashed;
  outline-color: #fff;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .ot-rooms-slider-one-nav-action .slider-nav .ot-rooms-slider-nav {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.ot-rooms-slider-one-nav-action .slider-nav .ot-rooms-slider-nav:hover {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
  outline-color: rgba(var(--theme-primary), 1);
}

/* 5.14 plan */
.plan-price-btns-one {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.plan-price-btns-one .plan-price-btn {
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(var(--theme-primary), 1);
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .plan-price-btns-one .plan-price-btn {
    font-size: 1rem;
  }
}
@media (min-width: 1200px) {
  .plan-price-btns-one .plan-price-btn {
    padding: 1rem 1.25rem;
  }
}
.plan-price-btns-one .plan-price-btn.active {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}

.plan-item-one {
  padding: 1.25rem;
  background-color: rgba(var(--theme-secondary), 1);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: all 0.3s;
  position: sticky;
  top: 0;
}
@media (min-width: 576px) {
  .plan-item-one {
    padding: 1.875rem;
  }
}
.plan-item-one:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.plan-item-one:hover .pricing-box {
  background-color: #fff;
}
.plan-item-one:hover .pricing-box .price-caption,
.plan-item-one:hover .pricing-box .plan-price {
  color: rgba(var(--theme-primary), 1);
}
.plan-item-one:hover .plan-feature-list li .plan-feature-list-icons i {
  color: #fff;
}
.plan-item-one:hover .btn-theme-primary {
  background-color: #fff !important;
  color: rgba(var(--theme-primary), 1);
}
.plan-item-one-left-content {
  width: 100%;
}
@media (min-width: 992px) {
  .plan-item-one-left-content {
    width: 40%;
  }
}
.plan-item-one-icon {
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
}
@media (min-width: 1200px) {
  .plan-item-one-icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}
@media (min-width: 1400px) {
  .plan-item-one-icon {
    width: 5rem;
    height: 5rem;
  }
}
.plan-item-one-icon img {
  max-height: 2.8125rem;
}
.plan-item-one-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  margin-bottom: 0.75rem;
}
.plan-item-one-right-content {
  width: 100%;
  margin-top: 1.25rem;
}
@media (min-width: 992px) {
  .plan-item-one-right-content {
    width: 55%;
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .plan-item-one-right-content {
    width: 55%;
  }
}
@media (min-width: 1400px) {
  .plan-item-one-right-content {
    width: 45%;
  }
}
.plan-item-one .pricing-box {
  padding: 1rem 1.25rem;
  background-color: rgba(var(--theme-base), 1);
  transition: all 0.3s;
}
.plan-item-one .pricing-box .price-caption {
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.plan-item-one .pricing-box .plan-price {
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  margin-bottom: 0;
}
.plan-item-one .pricing-box .plan-price .yearly-price {
  display: none;
}
.plan-item-one .plan-feature-list {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
.plan-item-one .plan-feature-list li + li {
  margin-top: 0.75rem;
}
.plan-item-one .plan-feature-list li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
}
.plan-item-one .plan-feature-list-icons {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.plan-item-one .plan-feature-list-icons i {
  color: rgba(var(--theme-primary), 1);
  transition: all 0.3s;
}
.plan-item-one .plan-feature-list-icons i:nth-child(2) {
  margin-left: -10px;
}
.plan-item-one .btn-theme-primary {
  transition: all 0.3s;
}

.ot-plan-two {
  background-color: rgba(var(--theme-primary), 0.1);
  position: relative;
  z-index: 0;
}
.ot-plan-two .ot-section-main-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-text-fill-color: #ECE2DB;
  z-index: -1;
}
.ot-plan-two .plan-price-btns {
  display: inline-flex;
  border: 1px solid rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.ot-plan-two .plan-price-btns .plan-price-btn {
  padding-inline: 1.5rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--theme-secondary), 1);
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
@media (min-width: 1200px) {
  .ot-plan-two .plan-price-btns .plan-price-btn {
    height: 3.375rem;
  }
}
.ot-plan-two .plan-price-btns .plan-price-btn.active {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}
.ot-plan-two .plan-item {
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .ot-plan-two .plan-item {
    padding: 1.875rem;
  }
}
@media (min-width: 1400px) {
  .ot-plan-two .plan-item {
    padding: 2.5rem;
  }
}
.ot-plan-two .plan-item:hover {
  background-color: rgba(var(--theme-primary), 1);
}
.ot-plan-two .plan-item:hover .plan-name,
.ot-plan-two .plan-item:hover p,
.ot-plan-two .plan-item:hover .plan-price .price,
.ot-plan-two .plan-item:hover .plan-price .price-text,
.ot-plan-two .plan-item:hover .plan-btn,
.ot-plan-two .plan-item:hover .plan-feature-list li {
  color: #fff;
}
.ot-plan-two .plan-item:hover .plan-btn {
  border-color: #fff;
}
.ot-plan-two .plan-item:hover .plan-btn .icon {
  background-color: #fff;
  color: rgba(var(--theme-primary), 1);
}
.ot-plan-two .plan-item:hover .plan-feature-list li::before, .ot-plan-two .plan-item:hover .plan-feature-list li::after {
  background-color: #fff;
}
.ot-plan-two .plan-item .plan-name {
  font-size: clamp(1.25rem, 1.05rem + 1vw, 2.25rem);
  color: rgba(var(--theme-secondary), 1);
  transition: all 0.3s;
}
.ot-plan-two .plan-item .plan-price {
  display: flex;
  align-items: flex-end;
}
.ot-plan-two .plan-item .plan-price .yearly-price {
  display: none;
}
.ot-plan-two .plan-item .plan-price .price {
  font-family: var(--theme-heading-font);
  font-size: clamp(1.75rem, 1.175rem + 2.875vw, 4.625rem);
  font-weight: 500;
  line-height: 1;
  color: rgba(var(--theme-primary), 1);
  transition: all 0.3s;
}
.ot-plan-two .plan-item .plan-price .price-text {
  font-weight: 600;
  transform: translateY(-8px);
  transition: all 0.3s;
}
.ot-plan-two .plan-item .plan-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.5rem 1.5rem;
  min-height: 60px;
  border: 1px solid rgba(var(--theme-primary), 1);
  background-color: rgba(var(--theme-primary), 0.1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  font-weight: 800;
  color: rgba(var(--theme-primary), 1);
  text-transform: uppercase;
  margin-top: 1.875rem;
  margin-bottom: 2.5rem;
  transition: all 0.3s;
}
.ot-plan-two .plan-item .plan-btn .icon {
  width: 2.125rem;
  height: 2.125rem;
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.ot-plan-two .plan-item .plan-feature-list li + li {
  margin-top: 0.75rem;
}
.ot-plan-two .plan-item .plan-feature-list li {
  position: relative;
  padding-left: 1.5rem;
  font-weight: 500;
  transition: all 0.3s;
}
.ot-plan-two .plan-item .plan-feature-list li::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 12px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 0 99px 99px 0;
  -webkit-border-radius: 0 99px 99px 0;
  -moz-border-radius: 0 99px 99px 0;
  -ms-border-radius: 0 99px 99px 0;
  -o-border-radius: 0 99px 99px 0;
}
.ot-plan-two .plan-item .plan-feature-list li::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 6px;
  height: 12px;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 0 99px 99px 0;
  -webkit-border-radius: 0 99px 99px 0;
  -moz-border-radius: 0 99px 99px 0;
  -ms-border-radius: 0 99px 99px 0;
  -o-border-radius: 0 99px 99px 0;
}
.ot-plan-two .plan-item .plan-feature-list li.hidden {
  opacity: 0.5;
}

/* 5.15 ticker */
.ot-ticker-one {
  padding: 1.25rem 0;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  position: relative;
  z-index: 0;
}
@media (min-width: 576px) {
  .ot-ticker-one {
    padding: 2rem 0;
  }
}
.ot-ticker-one::before {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  background-color: rgba(var(--theme-secondary), 1);
  z-index: -1;
}
@media (min-width: 576px) {
  .ot-ticker-one::before {
    top: 5px;
    height: calc(100% - 10px);
  }
}
.ot-ticker-one .ticker-item {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  padding-inline: 1rem;
}
.ot-ticker-one .ticker-item .ticker-title {
  font-size: clamp(1.125rem, 0.9rem + 1.125vw, 2.25rem);
  color: #fff;
  margin-bottom: 0;
}
.ot-ticker-one .ticker-item img {
  max-height: 32px;
}
@media (min-width: 576px) {
  .ot-ticker-one .ticker-item img {
    max-height: 36px;
  }
}
@media (min-width: 992px) {
  .ot-ticker-one .ticker-item img {
    max-height: 49px;
  }
}

/* 5.16 amenities */
.amenities-item {
  position: relative;
  padding: 1.875rem;
  border: 2px solid rgba(var(--theme-primary), 1);
  height: 100%;
  z-index: 0;
}
.amenities-item:hover::before {
  background-color: rgba(var(--theme-secondary), 1);
}
.amenities-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: -1;
  transition: all 0.3s;
}
.amenities-item .amenities-item-line {
  position: absolute;
}
.amenities-item .amenities-item-line.line-1 {
  right: 0;
  top: 0;
}
.amenities-item .amenities-item-line.line-2 {
  left: 0;
  bottom: 0;
}
.amenities-item .amenities-label {
  position: absolute;
  top: 1.6875rem;
  left: -0.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  width: 5.625rem;
  height: 2.25rem;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  color: rgba(var(--theme-heading), 1);
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
  transform: rotate(-90deg);
}
.amenities-item-thumb {
  width: 218px;
  height: 218px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1.875rem;
  margin-inline: auto;
}
.amenities-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.amenities-item-content {
  text-align: center;
}
.amenities-item-content p {
  color: #fff;
  margin-bottom: 0;
}
.amenities-item-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  color: #fff;
}
.amenities-item .amenities-btn {
  margin-top: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background: linear-gradient(to right, #C2922E, #D2BE94, #C2922E);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--theme-heading), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  outline: 1.5px dashed rgba(var(--theme-primary), 1);
  outline-offset: 3px;
  transition: all 0.3s;
}
.amenities-item .amenities-btn:hover {
  color: #fff;
}
.amenities-item.style--two:hover::before {
  background-color: #374C30;
}
.amenities-item.style--two:hover .amenities-item-content .amenities-item-title,
.amenities-item.style--two:hover .amenities-item-content p {
  color: #fff;
}
.amenities-item.style--two .amenities-label {
  color: rgba(var(--theme-secondary), 1);
}
.amenities-item.style--two .amenities-item-content .amenities-item-title,
.amenities-item.style--two .amenities-item-content .amenities-btn {
  color: #13171D;
}
.amenities-item.style--two .amenities-item-content p {
  color: #737373;
}

/* 5.17 green living */
.icon-list {
  margin-top: 2.5rem;
}
.icon-list li + li {
  margin-top: 1rem;
}
.icon-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--theme-heading-font);
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .icon-list li {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .icon-list li {
    font-size: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .icon-list li {
    font-size: 1.5rem;
  }
}
.icon-list li .icon {
  width: 2.75rem;
  height: 2.75rem;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.green-living-box {
  padding: 1.875rem;
  background-color: rgba(var(--theme-secondary), 1);
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.green-living-box-title {
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  color: #fff;
  margin-bottom: 0;
  margin-top: 1.75rem;
}
.green-living-box .box-el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 5.18 project */
.single-project {
  position: sticky;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.single-project .single-project-title {
  font-size: clamp(2rem, 0.4rem + 8vw, 10rem);
  color: #fff;
  line-height: 1;
  font-weight: 400;
}
.single-project .single-project-feature-inline {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
}
.single-project .single-project-feature-inline li {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}
@media (min-width: 576px) {
  .single-project .single-project-feature-inline li {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .single-project .single-project-feature-inline li {
    font-size: 1.125rem;
  }
}
.single-project .single-project-feature-inline li:last-child::after {
  display: none;
}
.single-project .single-project-feature-inline li::after {
  content: "/";
  padding-inline: 0.75rem;
}
@media (min-width: 576px) {
  .single-project .single-project-feature-inline li::after {
    padding-inline: 1rem;
  }
}
.single-project .single-project-top-details {
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  color: #fff;
  font-weight: 600;
}
.single-project .project-tabs {
  justify-content: space-between;
  margin-top: 1.875rem;
}
@media (min-width: 576px) {
  .single-project .project-tabs {
    margin-top: 3.75rem;
  }
}
@media (min-width: 992px) {
  .single-project .project-tabs {
    margin-top: 5rem;
  }
}
@media (min-width: 1200px) {
  .single-project .project-tabs {
    margin-top: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .single-project .project-tabs {
    margin-top: 7.5rem;
  }
}
.single-project .project-tabs .nav-item {
  width: calc(50% - 6px);
  margin-bottom: 0.375rem;
}
@media (min-width: 576px) {
  .single-project .project-tabs .nav-item {
    width: calc(25% - 6px);
    margin-top: 0;
  }
}
.single-project .project-tabs .nav-item .nav-link {
  width: 100%;
  text-align: center;
  background-color: #fff;
  color: rgba(var(--theme-heading));
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  font-family: var(--theme-heading-font);
  font-weight: 500;
  padding: 1rem 0.25rem;
}
.single-project .project-tabs .nav-item .nav-link.active {
  background-color: rgba(var(--theme-secondary), 1);
  color: rgba(var(--theme-primary), 1);
}
.single-project .tab-content {
  background-color: #fff;
  margin-top: 0.375rem;
  padding: 1.25rem 1rem;
}
@media (min-width: 576px) {
  .single-project .tab-content {
    padding: 2.625rem;
  }
}
.single-project .tab-content .project-tab-caption {
  font-size: 1.25rem;
}
@media (max-width: 575px) {
  .single-project .tab-content .project-tab-caption {
    font-size: 1rem;
  }
}
.single-project .tab-content .project-tab-caption-details {
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
}
.single-project-building {
  position: absolute;
  bottom: 0;
  left: 0;
  max-height: 54%;
  max-width: 44%;
  z-index: -1;
}
.single-project-el {
  position: absolute;
  z-index: -1;
}
.single-project-one {
  background-color: rgba(var(--theme-secondary), 0.9);
}
.single-project-one .single-project-el {
  right: 0;
  bottom: 0;
}
.single-project-two {
  background-color: #a8b3a2;
}
.single-project-two .single-project-el {
  left: 20%;
  bottom: 0;
}
.single-project-three {
  background-color: rgba(var(--theme-heading), 1);
}
.single-project-three .single-project-el {
  right: 0;
  top: 0;
}

/* 5.19 document */
.ot-documment-area {
  position: relative;
  z-index: 0;
  background-color: #D2DACE;
}
.ot-documment-area .ot-documment-area-el {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.document-details {
  font-size: 1rem;
}
@media (min-width: 1200px) {
  .document-details {
    font-size: 1.125rem;
  }
}
@media (min-width: 1400px) {
  .document-details {
    font-size: 1.25rem;
  }
}

.document-tabs {
  flex-flow: column;
  height: 100%;
}
.document-tabs .nav-item {
  flex-grow: 1;
  border-bottom: 1px solid rgba(var(--theme-primary), 1);
  border-top: 1px solid rgba(var(--theme-primary), 1);
  margin-top: -1px;
}
.document-tabs .nav-item .nav-link {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  color: rgba(var(--theme-heading), 1);
  padding: 0.75rem 1.5rem;
}
@media (min-width: 576px) {
  .document-tabs .nav-item .nav-link {
    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
  }
}
.document-tabs .nav-item .nav-link.active {
  background-color: rgba(var(--theme-secondary), 1);
}
.document-tabs .nav-item .nav-link.active .number {
  color: #fff;
}
.document-tabs .nav-item .nav-link.active .title {
  color: #FEF3E2;
}
.document-tabs .nav-item .nav-link .number {
  font-weight: 500;
  transition: all 0.3s;
}
.document-tabs .nav-item .nav-link .title {
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  font-family: var(--theme-heading-font);
  font-weight: 500;
  margin-top: 1rem;
  transition: all 0.3s;
}

.ot-document-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ot-document-wrapper .document-tabs-area {
  width: 100%;
  margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
  .ot-document-wrapper .document-tabs-area {
    width: 440px;
    margin-bottom: 0;
  }
}
.ot-document-wrapper .document-tabs-content-area {
  width: 100%;
}
@media (min-width: 992px) {
  .ot-document-wrapper .document-tabs-content-area {
    width: calc(100% - 464px);
  }
}

/* 5.20 overview */
.ot-overview-one {
  position: relative;
  z-index: 0;
}
.ot-overview-one .overview-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -1;
}

.overview-item {
  min-height: 320px;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(var(--theme-heading), 1);
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  position: relative;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .overview-item {
    min-height: 280px;
  }
}
@media (min-width: 992px) {
  .overview-item {
    min-height: 330px;
  }
}
@media (min-width: 1400px) {
  .overview-item {
    min-height: 390px;
  }
}
.overview-item:hover {
  background-color: rgba(var(--theme-secondary), 1) !important;
}
.overview-item:hover .overview-item-counter {
  color: #fff;
}
.overview-item:hover .overview-item-bottom-text {
  opacity: 0;
  visibility: hidden;
}
.overview-item:hover .overview-item-details {
  opacity: 1;
  visibility: visible;
}
.overview-item.overview-item-bg2 {
  background-color: #D2DACE;
}
.overview-item.overview-item-bg3 {
  background-color: rgba(127, 153, 132, 0.7);
}
.overview-item.overview-item-bg4 {
  background-color: #142929;
}
.overview-item.overview-item-bg4 .overview-item-counter,
.overview-item.overview-item-bg4 .overview-item-bottom-text {
  color: #fff;
}
.overview-item-counter {
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1;
  transition: all 0.3s;
}
@media (min-width: 992px) {
  .overview-item-counter {
    font-size: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .overview-item-counter {
    font-size: 6.25rem;
  }
}
@media (min-width: 1400px) {
  .overview-item-counter {
    font-size: 8.75rem;
  }
}
@media (min-width: 1600px) {
  .overview-item-counter {
    font-size: 10rem;
  }
}
.overview-item-bottom-text {
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(var(--theme-heading), 1);
  text-transform: uppercase;
  margin-bottom: 0;
  border-top: 1px solid rgba(115, 115, 115, 0.5);
  padding-top: 0.5rem;
}
.overview-item-details {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .overview-item-wrapper div[class*=col]:nth-child(2) {
    padding-top: 5rem;
  }
}
@media (min-width: 1200px) {
  .overview-item-wrapper div[class*=col]:nth-child(2) {
    padding-top: 7.5rem;
  }
}
@media (min-width: 992px) {
  .overview-item-wrapper div[class*=col]:nth-child(3) {
    padding-top: 12.5rem;
  }
}

/* 5.21 faq */
.accordion .accordion-item + .accordion-item {
  margin-top: 1.25rem;
}
.accordion .accordion-item {
  background-color: transparent;
  border: none;
}
.accordion .accordion-item .accordion-button {
  border: 1px solid rgba(var(--theme-secondary), 1);
  border-radius: 99px !important;
  -webkit-border-radius: 99px !important;
  -moz-border-radius: 99px !important;
  -ms-border-radius: 99px !important;
  -o-border-radius: 99px !important;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  padding: 0.875rem 3.5rem 0.875rem 1.5rem;
  background-color: #F1F1F1;
  position: relative;
  z-index: 1;
}
.accordion .accordion-item .accordion-button[aria-expanded=true] {
  background-color: rgba(var(--theme-primary), 1);
  border-color: rgba(var(--theme-primary), 1);
  color: #fff;
}
.accordion .accordion-item .accordion-button[aria-expanded=true]::after {
  content: "\f2ea";
}
.accordion .accordion-item .accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.accordion .accordion-item .accordion-button::after {
  position: absolute;
  content: "\f4fe";
  background-image: none;
  top: 50%;
  right: 0.3125rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  background-color: rgba(var(--theme-secondary), 1);
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 2rem;
}
@media (min-width: 992px) {
  .accordion .accordion-item .accordion-button::after {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.accordion .accordion-item .accordion-collapse {
  position: relative;
  z-index: 0;
}
.accordion .accordion-item .accordion-collapse::before {
  position: absolute;
  content: "";
  top: -28px;
  left: 0;
  width: 100%;
  height: calc(100% + 28px);
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
  z-index: -1;
}
.accordion .accordion-item .accordion-body {
  background-color: rgba(var(--theme-secondary), 1);
  color: #fff;
  padding: 1.875rem 1.875rem 1.75rem 1.875rem;
  border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
}

.faq-item {
  position: relative;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  overflow: hidden;
  z-index: 0;
  height: 100%;
  padding: 3.75rem 1.25rem 1.25rem 1.25rem;
  border: 4px solid transparent;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  transition: all 0.3s;
}
@media (min-width: 576px) {
  .faq-item {
    padding: 7.5rem 2.3125rem 3.75rem 2.3125rem;
  }
}
.faq-item.active {
  border-color: rgba(var(--theme-primary), 1);
}
.faq-item.active::before {
  opacity: 0;
}
.faq-item.active .faq-item-content {
  display: block;
}
.faq-item::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/elements/faq-card-shape.svg");
  background-size: cover;
  background-position-x: right;
  background-position-y: top;
  background-repeat: no-repeat;
  z-index: -1;
  transition: all 0.3s;
}
.faq-item-icon {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 2rem;
  height: 2rem;
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.375rem;
  cursor: pointer;
}
@media (min-width: 576px) {
  .faq-item-icon {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
  }
}
.faq-item .list-disc {
  list-style: disc;
  padding-left: 1.25rem;
}
.faq-item .list-disc li + li {
  margin-top: 0.5rem;
}
.faq-item-content {
  display: none;
}
.faq-item-title {
  font-size: clamp(1.125rem, 0.9rem + 1.125vw, 2.25rem);
  margin-bottom: 0;
}

/* 5.22 department */
.ot-department-item {
  position: relative;
  z-index: 0;
}
.ot-department-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #13171D 20%, rgba(86, 104, 131, 0) 100%);
  z-index: -1;
}
@media (min-width: 1200px) {
  .ot-department-item::before {
    z-index: 0;
  }
}
.ot-department-item .ot-department-item-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  z-index: -2;
}
@media (min-width: 1200px) {
  .ot-department-item .ot-department-item-bg-img {
    position: static;
  }
}
.ot-department-item .department-content {
  padding-top: 7.5rem;
  padding-bottom: 5rem;
  text-align: center;
}
@media (min-width: 768px) {
  .ot-department-item .department-content {
    text-align: left;
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .ot-department-item .department-content {
    padding: 0;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 12.5rem;
  }
}
.ot-department-item .department-content-title {
  color: #fff;
}
.ot-department-item .department-content p {
  color: #fff;
  max-width: 80ch;
}

.ot-department-slider {
  margin-bottom: -2px;
}
.ot-department-slider .slick-dots {
  position: absolute;
  width: 100%;
  max-width: 1600px;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  padding-inline: 0.75rem;
  justify-content: center;
}
@media (min-width: 768px) {
  .ot-department-slider .slick-dots {
    gap: 0.75rem 1.5rem;
  }
}
@media (min-width: 992px) {
  .ot-department-slider .slick-dots {
    bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .ot-department-slider .slick-dots {
    bottom: 120px;
  }
}
@media (min-width: 768px) {
  .ot-department-slider .slick-dots li {
    flex-grow: 1;
  }
}
.ot-department-slider .slick-dots li.slick-active button {
  opacity: 1;
}
.ot-department-slider .slick-dots li button {
  width: 100%;
  padding-top: 0.75rem;
  font-weight: 500;
  color: #fff;
  border-top: 2px solid #fff;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .ot-department-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    font-size: 0;
    padding: 0;
    border-radius: 50%;
    border: none;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .ot-department-slider .slick-dots li button::before {
    content: "0";
  }
}

/* 5.23 cta */
.ot-cta {
  position: relative;
  z-index: 0;
}
.ot-cta .ot-theme-section-title,
.ot-cta .ot-theme-section-description {
  color: #fff;
}

/* 5.24 product */
.ot-product-filter .nice-select {
  font-size: 16px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  font-weight: 600;
  float: none;
  border-radius: 5px;
  color: rgba(var(--theme-base), 1);
  background-color: rgba(var(--theme-primary), 1);
  border: 2px solid rgba(var(--theme-muted), 0.35);
}
.ot-product-filter .nice-select::after {
  position: absolute;
  height: 100%;
  width: 50px;
  top: 50%;
  content: "\f282";
  transform: translateY(-50%);
  right: 0;
  font-family: bootstrap-icons !important;
  transform-origin: center;
  color: rgba(var(--theme-dark), 1);
  font-size: 16px;
  font-weight: 400;
  border-radius: 0 3.5px 3.5px 0;
  text-align: center;
  background-color: rgba(var(--theme-base), 1);
}
.ot-product-filter .nice-select .option {
  color: rgba(var(--theme-heading), 1);
}
.ot-product-filter .nice-select .option:hover {
  color: rgba(var(--theme-base), 1);
}

.ot-product-wrapp .row {
  justify-content: center;
}

.ot-product-card {
  width: 100%;
  max-width: 382px;
  height: 100%;
  margin: 0 auto;
  padding: 19px;
  border: 1px solid rgba(var(--theme-muted), 0.35);
  border-radius: 10px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
@media (max-width: 767px) {
  .ot-product-card {
    max-width: 100%;
  }
}
.ot-product-card:hover {
  border-color: rgba(var(--theme-primary), 0.35);
  box-shadow: 0 16px 40px rgba(var(--theme-dark), 0.08);
}
.ot-product-action {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.ot-product-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(var(--theme-base), 1);
  color: rgba(var(--theme-heading), 1);
  box-shadow: 0 8px 20px rgba(var(--theme-dark), 0.12);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.ot-product-action-btn:hover {
  background-color: rgba(var(--theme-primary), 1);
  color: rgba(var(--theme-base), 1);
}
.ot-product-card:hover .product-img::after {
  opacity: 1;
  transform: translateX(120%);
}
.ot-product-card:hover .product-img img {
  transform: scale(1.08) rotate(1.2deg);
  filter: saturate(1.05);
}
.ot-product-card:hover .ot-product-action {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.product-action-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  overflow: visible;
  background-color: rgba(var(--theme-base), 1);
  color: rgba(var(--theme-heading), 1);
  box-shadow: 0 8px 20px rgba(var(--theme-dark), 0.12);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.product-action-btn:hover {
  background-color: rgba(var(--theme-primary), 1);
  color: rgba(var(--theme-base), 1);
}
.product-action-btn:hover .product-tooltip {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-8px) translateY(-50%);
  -ms-transform: translateX(-8px) translateY(-50%);
  transform: translateX(-8px) translateY(-50%);
}

.product-tooltip {
  position: absolute;
  top: 50%;
  right: 100%;
  width: max-content;
  white-space: nowrap;
  padding: 4px 6px;
  color: rgba(var(--theme-base), 1);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  background-color: rgba(var(--theme-dark), 1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.product-tooltip::before {
  position: absolute;
  top: 50%;
  right: -4px;
  width: 0;
  height: 0;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(var(--theme-dark), 1);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product-img {
  position: relative;
  margin-bottom: 17px;
  overflow: hidden;
  border-radius: 10px;
}
.product-img::after {
  position: absolute;
  inset: 0;
  content: "";
  border-radius: 10px;
  background: linear-gradient(120deg, rgba(var(--theme-base), 0) 0%, rgba(var(--theme-base), 0.18) 45%, rgba(var(--theme-base), 0) 100%);
  opacity: 0;
  transform: translateX(-120%);
  transition: transform 0.7s ease, opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}
.product-img a {
  display: block;
  width: 100%;
  max-width: 342px;
  height: 230px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .product-img a {
    max-width: 100%;
  }
}
.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  transform: scale(1) rotate(0deg);
  transition: transform 0.7s ease, filter 0.7s ease;
  will-change: transform;
}
.product-badge {
  position: absolute;
  top: 14px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 23px;
  padding: 6px 11px;
  border-radius: 21px;
  background-color: rgba(var(--theme-primary), 1);
  color: rgba(var(--theme-base), 1);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  z-index: 1;
}
.product-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-category {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: rgba(var(--theme-paragraph), 0.75);
}
.product-title {
  margin-bottom: 6px;
  text-align: center;
  font-family: var(--theme-heading-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  color: rgba(var(--theme-dark), 1);
  transition: color 0.3s ease;
}
.product-title a {
  transition: color 0.3s ease;
}
.product-title:hover a {
  color: rgba(var(--theme-primary), 1);
}
.product-price {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.63;
  text-align: center;
  color: rgba(var(--theme-primary), 1);
  margin-bottom: 6px;
}
.product-ratings {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.71;
  text-align: center;
  color: rgba(var(--theme-paragraph), 0.85);
}
.product-review-text {
  margin-right: 2px;
}
.product-rating-icon {
  color: #f59e0b;
  line-height: 1;
}

@media (max-width: 575px) {
  .ot-product-card {
    padding: 16px;
  }
  .ot-product-card .product-img a {
    height: auto;
    aspect-ratio: 342/230;
  }
}
/* ===== Product Details Start ===== */
.ot-product-details-area {
  overflow: hidden;
}

.ot-product-details-row {
  --bs-gutter-x: 2.625rem;
  align-items: center;
}
@media (max-width: 991px) {
  .ot-product-details-row {
    --bs-gutter-y: 2.25rem;
  }
}

.ot-product-details-gallery {
  display: grid;
  grid-template-columns: 15.5rem minmax(0, 1fr);
  gap: 1.5rem;
  align-items: stretch;
}
@media (max-width: 1199px) {
  .ot-product-details-gallery {
    grid-template-columns: 11.875rem minmax(0, 1fr);
    gap: 1.125rem;
  }
}
@media (max-width: 767px) {
  .ot-product-details-gallery {
    grid-template-columns: 1fr;
  }
}
.ot-product-details-img {
  height: 100%;
  min-height: 36rem;
  overflow: hidden;
  background-color: rgba(var(--theme-base), 1);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
@media (max-width: 1199px) {
  .ot-product-details-img {
    min-height: 32.5rem;
  }
}
@media (max-width: 767px) {
  .ot-product-details-img {
    min-height: auto;
  }
}
.ot-product-details-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.ot-product-details-tab-btn-box .nav-tab {
  display: grid;
  gap: 1.4375rem;
}
@media (max-width: 767px) {
  .ot-product-details-tab-btn-box .nav-tab {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.875rem;
  }
}
.ot-product-details-tab-btn-box .nav-links {
  padding: 0;
  border: 0;
  background-color: transparent;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.ot-product-details-tab-btn-box .nav-links img {
  width: 100%;
  height: 11.0625rem;
  object-fit: cover;
  border: 2px solid transparent;
  background-color: rgba(var(--theme-base), 1);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1199px) {
  .ot-product-details-tab-btn-box .nav-links img {
    height: 9.375rem;
  }
}
@media (max-width: 767px) {
  .ot-product-details-tab-btn-box .nav-links img {
    height: 8.125rem;
  }
}
.ot-product-details-tab-btn-box .nav-links.active img, .ot-product-details-tab-btn-box .nav-links:hover img {
  border-color: rgba(var(--theme-primary), 0.72);
}
.ot-product-details-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ot-product-details-info ul li {
  display: block;
  margin-bottom: 0.3125rem;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(var(--theme-paragraph), 0.94);
}
.ot-product-details-info ul li span {
  margin-right: 0.4375rem;
  color: rgba(var(--theme-dark), 1);
  font-weight: 700;
}
.ot-product-details-social {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.ot-product-details-social > span {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  color: rgba(var(--theme-dark), 1);
}
.ot-product-details-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  color: rgba(var(--theme-paragraph), 1);
  font-size: 0.875rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.ot-product-details-social a:hover {
  color: rgba(var(--theme-primary), 1);
}
.ot-product-review-additional-info {
  padding: 2.5rem;
}
@media (max-width: 767px) {
  .ot-product-review-additional-info {
    padding: 1.5rem 1rem;
    overflow-x: auto;
  }
}
.ot-product-review-additional-info table {
  width: 100%;
  border: 1px solid rgba(var(--theme-muted), 0.35);
}
.ot-product-review-additional-info table tr:not(:last-child) {
  border-bottom: 1px solid rgba(var(--theme-muted), 0.35);
}
.ot-product-review-additional-info table td {
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .ot-product-review-additional-info table td {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
  }
}
.ot-product-review-additional-info table td:first-child {
  width: 17.5rem;
  color: rgba(var(--theme-base), 1);
  background-color: rgba(var(--theme-primary), 1);
}
@media (max-width: 767px) {
  .ot-product-review-additional-info table td:first-child {
    width: 100%;
  }
}
.ot-product-review-additional-info table td:last-child {
  color: rgba(var(--theme-paragraph), 1);
}
.ot-product-review-number {
  padding: 2.1875rem 2.5rem;
  background-color: rgba(var(--theme-base), 1);
  box-shadow: 0 10px 40px rgba(var(--theme-dark), 0.08);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 575px) {
  .ot-product-review-number {
    padding: 1.5rem 1rem;
  }
}
.ot-product-review-number-title {
  margin-bottom: 0.875rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: rgba(var(--theme-dark), 1);
}
.ot-product-review-summery {
  margin-bottom: 0.75rem;
}
.ot-product-review-summery-value span {
  margin-right: 0.5rem;
  font-size: clamp(1.875rem, 1.6rem + 1vw, 2.5rem);
  font-weight: 700;
  color: rgba(var(--theme-dark), 1);
}
.ot-product-review-summery-rating {
  margin-right: 0.1875rem;
}
.ot-product-review-summery-rating span {
  color: rgba(var(--theme-primary), 1);
}
.ot-product-review-summery-rating p {
  margin-bottom: 0;
  margin-left: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(var(--theme-paragraph), 1);
}
.ot-product-review-rating-item:not(:last-child) {
  margin-bottom: 0.625rem;
}
.ot-product-review-rating-item > span {
  margin-right: 0.625rem;
  font-size: 1rem;
  font-weight: 600;
  color: rgba(var(--theme-paragraph), 1);
}
.ot-product-review-rating-bar {
  position: relative;
  width: 16.25rem;
  height: 0.625rem;
  margin-right: 0.75rem;
  background-color: rgba(var(--theme-heading), 0.16);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
@media (max-width: 575px) {
  .ot-product-review-rating-bar {
    width: 8.75rem;
  }
}
.ot-product-review-rating-bar-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: inline-block;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.ot-product-review-rating-percent span {
  font-size: 1rem;
  font-weight: 600;
  color: rgba(var(--theme-dark), 1);
}
.ot-product-review-title {
  margin-bottom: 1.375rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgba(var(--theme-dark), 1);
}
@media (max-width: 575px) {
  .ot-product-review-list {
    padding-right: 0;
  }
}
.ot-product-review-avater:not(:last-child) {
  margin-bottom: 2rem;
}
.ot-product-review-avater-thumb {
  flex: 0 0 auto;
}
.ot-product-review-avater-thumb img {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 1.25rem;
  object-fit: cover;
  border-radius: 50%;
}
.ot-product-review-avater-rating {
  line-height: 1;
  margin-bottom: 0.1875rem;
}
.ot-product-review-avater-rating span {
  margin-right: 0.125rem;
  font-size: 0.625rem;
  color: rgba(var(--theme-primary), 1);
}
.ot-product-review-avater-title {
  display: inline-block;
  margin-bottom: 0.5625rem;
  font-size: 1rem;
  font-weight: 600;
  color: rgba(var(--theme-dark), 1);
}
.ot-product-review-avater-meta {
  position: relative;
  margin-left: 0.1875rem;
  padding-left: 0.6875rem;
  font-size: 0.875rem;
}
.ot-product-review-avater-meta::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  content: "";
  background-color: rgba(var(--theme-paragraph), 0.45);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ot-product-review-avater-comment p {
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 991px) {
  .ot-product-review-form {
    margin-top: 3.125rem;
  }
}
.ot-product-review-form > p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.ot-product-review-form-title {
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: rgba(var(--theme-dark), 1);
}
.ot-product-review-form-rating {
  margin-bottom: 1.75rem;
}
.ot-product-review-form-rating p {
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 600;
}
.ot-product-review-form-rating-icon span {
  font-size: 0.75rem;
  color: rgba(var(--theme-primary), 1);
}
.ot-product-review-input-box {
  position: relative;
}
.ot-product-review-input-box:not(:last-child) {
  margin-bottom: 1.25rem;
}
.ot-product-review-input input,
.ot-product-review-input textarea {
  width: 100%;
  border: 1px solid rgba(var(--theme-muted), 0.3);
  background-color: rgba(var(--theme-primary), 0.05);
  color: rgba(var(--theme-dark), 1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.ot-product-review-input input::placeholder,
.ot-product-review-input textarea::placeholder {
  color: rgba(var(--theme-paragraph), 0.75);
}
.ot-product-review-input input:focus,
.ot-product-review-input textarea:focus {
  border-color: rgba(var(--theme-primary), 1);
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--theme-primary), 0.08);
}
.ot-product-review-input input {
  height: 3.5rem;
  padding-left: 20px;
  padding-right: 20px;
}
.ot-product-review-input textarea {
  height: 10.3125rem;
  resize: none;
  padding: 20px;
}
.ot-product-review-remeber input {
  display: none;
}
.ot-product-review-remeber input:checked ~ label::after {
  border-color: rgba(var(--theme-primary), 1);
  background-color: rgba(var(--theme-primary), 1);
}
.ot-product-review-remeber input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.ot-product-review-remeber label {
  position: relative;
  padding-left: 1.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}
.ot-product-review-remeber label::after, .ot-product-review-remeber label::before {
  position: absolute;
  top: 0.1875rem;
  left: 0;
  width: 1.125rem;
  height: 1.125rem;
  content: "";
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.ot-product-review-remeber label::after {
  z-index: 0;
  border: 1px solid rgba(var(--theme-primary), 1);
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ot-product-review-remeber label::before {
  z-index: 1;
  top: 0.5rem;
  left: 0.3125rem;
  width: 0.5625rem;
  height: 0.3125rem;
  border-left: 2px solid rgba(var(--theme-base), 1);
  border-bottom: 2px solid rgba(var(--theme-base), 1);
  border-radius: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ot-product-review-tab .nav-tabs {
  position: relative;
  padding: 0.75rem;
  border: 1px solid rgba(var(--theme-muted), 0.35);
  border-bottom: 0;
}
@media (max-width: 575px) {
  .ot-product-review-tab .nav-tabs {
    padding-bottom: 0;
  }
}
.ot-product-review-tab .nav-tabs .nav-link {
  position: relative;
  padding-inline: 0.5625rem 0.4375rem;
  border: 0;
  color: rgba(var(--theme-paragraph), 1);
  font-size: 1.25rem;
  font-weight: 600;
  background-color: transparent;
}
.ot-product-review-tab .nav-tabs .nav-link:not(:first-child) {
  margin-left: 2.5rem;
}
@media (max-width: 767px) {
  .ot-product-review-tab .nav-tabs .nav-link:not(:first-child) {
    margin-left: 0.625rem;
  }
}
@media (max-width: 575px) {
  .ot-product-review-tab .nav-tabs .nav-link:not(:first-child) {
    margin-left: 0.25rem;
  }
}
.ot-product-review-tab .nav-tabs .nav-link.active, .ot-product-review-tab .nav-tabs .nav-link:hover {
  color: rgba(var(--theme-primary), 1);
}
@media (max-width: 575px) {
  .ot-product-review-tab .nav-tabs .nav-link::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    content: "";
    background-color: rgba(var(--theme-primary), 1);
  }
  .ot-product-review-tab .nav-tabs .nav-link.active::after, .ot-product-review-tab .nav-tabs .nav-link:hover::after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .ot-product-review-tab .nav-tabs span#productTabMarker {
    display: none !important;
  }
}
.ot-product-review-tab .tab-content {
  background-color: rgba(var(--theme-primary), 0.05);
}
.ot-product-review-dsc, .ot-product-review-wrapp {
  padding: 2.5rem;
  background-color: rgba(var(--theme-primary), 0.05);
}
@media (max-width: 767px) {
  .ot-product-review-dsc, .ot-product-review-wrapp {
    padding: 1.5rem 1rem;
  }
}
.ot-product-review-dsc p {
  font-size: 1rem;
  font-weight: 600;
}
.ot-product-review-tab-line {
  position: absolute;
  bottom: 0;
  display: block;
  height: 2px;
  background-color: rgba(var(--theme-primary), 1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ot-product-review-input-wrapper {
  padding: 2.5rem;
  background-color: rgba(var(--theme-base), 1);
  box-shadow: 0 10px 40px rgba(var(--theme-dark), 0.08);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 767px) {
  .ot-product-review-input-wrapper {
    padding: 1.5rem 1rem;
  }
}
.ot-product-quantity-wrap {
  margin-top: 1.75rem;
  margin-bottom: 2rem;
}
@media (max-width: 575px) {
  .ot-product-quantity-wrap {
    flex-wrap: wrap;
  }
}
.ot-product-related-title {
  color: rgba(var(--theme-dark), 1);
  font-size: clamp(2rem, 1.8rem + 0.8vw, 2.25rem);
  font-weight: 700;
}

.product-details-rating-box {
  gap: 0.875rem;
  margin-bottom: 0.3125rem;
}
.product-details-ratings {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
}
.product-details-ratings span {
  font-size: 0.75rem;
  color: #BF930F;
}
.product-details-rating-title {
  margin-bottom: 0;
  margin-left: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(var(--theme-paragraph), 1);
}
.product-details-title {
  color: rgba(var(--theme-primary), 1);
  font-family: var(--theme-heading-font);
  margin-bottom: 0.625rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.19;
  letter-spacing: -0.03em;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .product-details-title {
    font-size: clamp(2.125rem, 1.8rem + 1vw, 2.875rem);
  }
}
.product-details-price {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-bottom: 1.25rem;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
}
.product-details-price .current-product {
  position: relative;
  padding-left: 1.125rem;
  color: rgba(var(--theme-secondary), 1);
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: lowercase;
}
.product-details-price .current-product::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.375rem;
  height: 0.375rem;
  content: "";
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-details-description {
  max-width: 31.25rem;
  margin-bottom: 1.625rem;
  color: rgba(var(--theme-paragraph), 0.9);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.72;
}
.product-details-price-label {
  margin-bottom: 0.375rem;
  color: rgba(var(--theme-paragraph), 1);
  font-size: 1.125rem;
  font-weight: 700;
}
.product-details-sale-price {
  margin-bottom: 1.875rem;
  color: rgba(var(--theme-secondary), 1);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
}

.ot-quantity-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 7.125rem;
  height: 3.875rem;
  padding-inline: 1.75rem 2.125rem;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.ot-quantity-control .qty-input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: rgba(var(--theme-base), 1);
  font-size: 1.375rem;
  font-weight: 600;
  text-align: left;
}
.ot-quantity-control .qty-input:focus {
  outline: none;
}
.ot-quantity-control .qty-input::-webkit-outer-spin-button, .ot-quantity-control .qty-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ot-quantity-control .qty-btn {
  position: absolute;
  right: 1.125rem;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: rgba(var(--theme-base), 1);
  line-height: 1;
}
.ot-quantity-control .ot-cart-plus {
  top: 1rem;
}
.ot-quantity-control .ot-cart-minus {
  bottom: 1rem;
}

.ot-cart-btn {
  flex: 1 1 auto;
  min-width: 0;
}
.ot-cart-btn .ot-btn-box-primary {
  width: 100%;
}
.ot-cart-btn .ot-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 3.875rem;
  padding: 1.125rem 1.75rem;
  background: rgba(var(--theme-primary), 1);
  color: rgba(var(--theme-base), 1);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ot-cart-btn .ot-btn-primary::before {
  display: none;
}
.ot-cart-btn .ot-btn-primary:hover {
  background: rgba(var(--theme-secondary), 1);
  color: rgba(var(--theme-base), 1);
}
.ot-cart-btn .ot-btn-text-box {
  width: 100%;
  text-align: center;
}

.quantity-save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.875rem;
  height: 3.875rem;
  flex: 0 0 auto;
  color: rgba(var(--theme-base), 1);
  text-align: center;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.quantity-save-btn:hover {
  color: rgba(var(--theme-base), 1);
  background-color: rgba(var(--theme-primary), 1);
}

/* ===== Product Details End ===== */
/* 5.25 cart */
.ot-card-wrapp {
  overflow: hidden;
  border: 1px solid rgba(var(--theme-muted), 0.4);
  background-color: rgba(var(--theme-base), 1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.cart-table {
  margin-bottom: 0;
  border-color: rgba(var(--theme-muted), 0.35);
}

.cart-table thead {
  background-color: rgba(var(--theme-base), 1);
}

.cart-table th {
  border-bottom-width: 1px;
  border-color: rgba(var(--theme-muted), 0.4);
  padding: 1.75rem 1.625rem;
  color: rgba(var(--theme-dark), 1);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.cart-table td {
  vertical-align: middle;
  border-bottom-width: 1px;
  border-color: rgba(var(--theme-muted), 0.35);
  padding: 1.75rem 1.625rem;
}

.cart-table tbody tr:last-child td {
  border-bottom: 0;
}

.ot-cart-product-imagbox {
  display: inline-flex;
  align-items: center;
  gap: 1.125rem;
}

.cart-remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  color: rgba(var(--theme-heading), 1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cart-remove-btn:hover {
  color: rgba(var(--theme-primary), 1);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.ot-cart-product-img {
  display: block;
  width: 7.75rem;
  height: 6.875rem;
  overflow: hidden;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ot-cart-product-name {
  display: inline-block;
  max-width: 13.75rem;
  margin: 0;
  color: rgba(var(--theme-heading), 1);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.28;
}

.ot-cart-product-price {
  color: rgba(var(--theme-primary), 1);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}

.product-total {
  color: rgba(var(--theme-heading), 1);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.ot-quantity-control-2 {
  display: inline-flex;
  align-items: stretch;
  width: 8.0625rem;
  height: 3.5rem;
  border: 1px solid rgba(var(--theme-muted), 0.75);
  overflow: hidden;
  background-color: rgba(var(--theme-base), 1);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.ot-quantity-control-2 .qty-input {
  width: 4rem;
  border: 0;
  background-color: transparent;
  text-align: center;
  padding: 0 0.875rem;
  color: rgba(var(--theme-paragraph), 1);
  font-size: 1rem;
  font-weight: 500;
}

.ot-quantity-control-2 .qty-input:focus {
  outline: none;
}

.ot-quantity-control-2 .qty-input::-webkit-outer-spin-button,
.ot-quantity-control-2 .qty-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.ot-quantity-control-2 .ot-control-icon {
  width: 4.5rem;
  text-align: center;
  border-left: 1px solid rgba(var(--theme-muted), 0.75);
}

.ot-quantity-control-2 .ot-cart-plus,
.ot-quantity-control-2 .ot-cart-minus {
  height: 50%;
  border: 0;
  background-color: transparent;
  color: rgba(var(--theme-paragraph), 1);
  font-size: 1.25rem;
  line-height: 1;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.ot-quantity-control-2 .ot-cart-plus:hover,
.ot-quantity-control-2 .ot-cart-minus:hover {
  color: rgba(var(--theme-primary), 1);
}

.promo-section {
  border-top: 1px solid rgba(var(--theme-muted), 0.35);
  background-color: rgba(var(--theme-base), 1);
  padding: 1.75rem 1.625rem !important;
}

.ot-promo-inputbox {
  width: 100%;
  max-width: 40rem;
}

.promo-input {
  height: 3.6875rem;
  min-width: 12.875rem;
  border: 1px solid rgba(var(--theme-muted), 0.45);
  color: rgba(var(--theme-heading), 1);
  background-color: rgba(var(--theme-base), 1);
  font-size: 1rem;
  font-weight: 600;
  padding: 0 2rem;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.promo-input::placeholder {
  color: rgba(var(--theme-heading), 1);
  opacity: 1;
}

.promo-input:focus {
  border-color: rgba(var(--theme-primary), 0.65);
  box-shadow: none;
}

.promo-section .ot-btn-primary {
  min-width: 11.0625rem;
  min-height: 3.6875rem;
  border: 0;
  padding: 0.75rem 2.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--theme-base), 1);
  background-color: rgba(var(--theme-primary), 1);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.promo-section .ot-btn-primary::before {
  display: none;
}

.promo-section .ot-btn-primary:hover {
  color: rgba(var(--theme-base), 1);
  background-color: rgba(var(--theme-secondary), 1);
}

.promo-section > .ot-btn-primary {
  min-width: 10.625rem;
  background-color: rgba(var(--theme-secondary), 0.65);
}

.promo-section > .ot-btn-primary:hover {
  background-color: rgba(var(--theme-secondary), 1);
}

.ot-subtotal-card {
  border: 0;
  background-color: rgba(var(--theme-base), 1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  padding: 2.375rem 1.875rem !important;
}

.ot-cart-totals-title {
  margin-bottom: 1.25rem !important;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid #d2d7db;
  color: #213736;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}

.ot-cart-subtotal-title,
.totals-value {
  color: #0f2f52;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.shipping-section .ot-cart-subtotal-title {
  color: #213736;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1.125rem !important;
}

.shipping-section .form-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem !important;
  padding-left: 0;
}

.shipping-section .form-check-input {
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 1000px;
  border: 1px solid #c7ced5;
  background-color: #f1eeeb;
  box-shadow: none;
}

.shipping-section .form-check-input:checked {
  border-color: #a06a41;
  background-color: #f1eeeb;
  background-image: radial-gradient(circle, #a06a41 0 45%, transparent 48%);
}

.shipping-section .form-check-input:focus {
  box-shadow: none;
}

.shipping-section .form-check-label {
  width: 100%;
  margin-left: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0f2f52;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
}

.shipping-price {
  color: #0f2f52;
  font-size: 0.875rem;
  font-weight: 600;
}

.totals-row {
  margin-bottom: 1rem !important;
}

.totals-row.border-top {
  padding-top: 1.375rem !important;
  margin-top: 0.625rem;
  border-top-color: rgba(var(--theme-muted), 0.4) !important;
}

.total-amount {
  color: #a06a41;
}

.proceed-btn.ot-btn-primary {
  width: 100%;
  min-height: 3.6875rem;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #9f6a3f;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.proceed-btn.ot-btn-primary::before {
  display: none;
}

.proceed-btn.ot-btn-primary:hover {
  color: #fff;
  background-color: #8f5d35;
}

@media (max-width: 1599px) {
  .cart-table th {
    font-size: 1.0625rem;
    padding: 1.375rem 1.25rem;
  }
  .cart-table td {
    padding: 1.375rem 1.25rem;
  }
  .ot-cart-product-name {
    font-size: 1.0625rem;
  }
  .ot-cart-product-price,
  .product-total {
    font-size: 1.0625rem;
  }
  .ot-cart-totals-title {
    font-size: 1.375rem;
  }
  .ot-cart-subtotal-title,
  .totals-value,
  .shipping-section .form-check-label,
  .shipping-price {
    font-size: 0.9375rem;
  }
  .shipping-section .ot-cart-subtotal-title {
    font-size: 1rem;
  }
  .promo-input,
  .promo-section .ot-btn-primary,
  .proceed-btn.ot-btn-primary {
    min-height: 3.5rem;
    font-size: 0.9375rem;
  }
  .ot-quantity-control-2 {
    width: 7.375rem;
    height: 3.125rem;
  }
  .ot-quantity-control-2 .qty-input {
    width: 3.75rem;
    font-size: 0.9375rem;
  }
  .ot-quantity-control-2 .ot-control-icon {
    width: 3.625rem;
  }
  .ot-quantity-control-2 .ot-cart-plus,
  .ot-quantity-control-2 .ot-cart-minus {
    font-size: 1.125rem;
  }
  .ot-cart-product-img {
    width: 6.25rem;
    height: 5.625rem;
  }
  .cart-remove-btn {
    font-size: 1.5rem;
  }
}
@media (max-width: 1399px) {
  .cart-table th,
  .cart-table td {
    padding: 1.125rem 0.875rem;
  }
  .ot-cart-product-name {
    max-width: 11.875rem;
    font-size: 1rem;
  }
  .promo-section {
    padding: 1.25rem 1rem !important;
  }
  .ot-subtotal-card {
    padding: 1.75rem 1.25rem !important;
  }
}
@media (max-width: 1199px) {
  .ot-cart-product-imagbox {
    gap: 0.75rem;
  }
  .ot-cart-product-img {
    width: 5.25rem;
    height: 4.875rem;
  }
  .cart-remove-btn {
    font-size: 1.25rem;
  }
  .ot-cart-product-name {
    max-width: 10.625rem;
    font-size: 0.9375rem;
  }
  .ot-cart-product-price,
  .product-total {
    font-size: 1rem;
  }
  .ot-quantity-control-2 {
    width: 6.75rem;
    height: 2.875rem;
  }
  .ot-quantity-control-2 .qty-input {
    width: 3.375rem;
    font-size: 0.875rem;
  }
  .ot-quantity-control-2 .ot-control-icon {
    width: 3.375rem;
  }
  .ot-quantity-control-2 .ot-cart-plus,
  .ot-quantity-control-2 .ot-cart-minus {
    font-size: 1rem;
  }
  .ot-cart-totals-title {
    font-size: 1.25rem;
  }
  .ot-cart-subtotal-title,
  .totals-value,
  .shipping-section .form-check-label,
  .shipping-price {
    font-size: 0.875rem;
  }
  .shipping-section .ot-cart-subtotal-title {
    font-size: 1rem;
  }
  .promo-section {
    gap: 0.625rem !important;
  }
  .ot-promo-inputbox {
    gap: 0.625rem !important;
  }
  .promo-input,
  .promo-section .ot-btn-primary,
  .proceed-btn.ot-btn-primary {
    min-height: 3.25rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 991px) {
  .ot-card-wrapp {
    overflow: visible;
  }
  .cart-table {
    border: 0;
  }
  .cart-table thead {
    display: none;
  }
  .cart-table tbody {
    display: block;
  }
  .cart-table tr {
    display: block;
    border: 1px solid rgba(var(--theme-muted), 0.35);
    margin-bottom: 1rem;
    background-color: rgba(var(--theme-base), 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
  .cart-table tr:last-child {
    margin-bottom: 0;
  }
  .cart-table td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.875rem;
    border-bottom: 1px solid rgba(var(--theme-muted), 0.25);
    padding: 0.875rem 1rem;
  }
  .cart-table td::before {
    content: attr(data-label);
    color: rgba(var(--theme-dark), 1);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
  }
  .cart-table td:last-child {
    border-bottom: 0;
  }
  .cart-table td[data-label=Product] {
    justify-content: flex-start;
  }
  .cart-table td[data-label=Product]::before {
    display: none;
  }
  .cart-table td[data-label=Description]::before {
    font-size: 0.9375rem;
  }
  .ot-cart-product-name {
    max-width: 100%;
    font-size: 1.25rem;
    text-align: right;
  }
  .ot-cart-product-price,
  .product-total,
  .shipping-section .form-check-label,
  .shipping-price,
  .ot-cart-subtotal-title,
  .totals-value {
    font-size: 1rem;
  }
  .shipping-section .ot-cart-subtotal-title {
    font-size: 1.125rem;
  }
  .ot-cart-totals-title {
    font-size: 1.375rem;
  }
  .promo-section {
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.875rem !important;
    padding: 1.125rem !important;
  }
  .ot-promo-inputbox {
    max-width: 100%;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .promo-input {
    width: 100%;
    min-width: 0;
    min-height: 3.5rem;
    font-size: 0.9375rem;
    padding: 0 1.25rem;
  }
  .promo-section .ot-btn-primary,
  .promo-section > .ot-btn-primary,
  .proceed-btn.ot-btn-primary {
    width: 100%;
    min-width: 0;
    min-height: 3.5rem;
    font-size: 0.9375rem;
    padding: 0.75rem 1.125rem;
  }
}
@media (max-width: 575px) {
  .cart-remove-btn {
    font-size: 1.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .ot-cart-product-img {
    width: 4.375rem;
    height: 4.375rem;
  }
  .ot-cart-product-imagbox {
    gap: 0.75rem;
  }
  .ot-quantity-control-2 {
    width: 7rem;
    height: 3rem;
  }
  .ot-quantity-control-2 .qty-input {
    width: 3.625rem;
    font-size: 1.125rem;
  }
  .ot-quantity-control-2 .ot-control-icon {
    width: 3.125rem;
  }
  .shipping-section .form-check {
    align-items: flex-start;
  }
}
/* 5.26 checkout */
.ot-checkout-area {
  background-color: #f6f6f6;
}

.ot-checkout-form-wrapp {
  padding-right: 1rem;
}

.ot-checkout-bill-title {
  margin-bottom: 1.625rem;
  color: #213736;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.1;
}

.ot-checkout-shipping-title {
  margin-bottom: 1.5rem;
  color: #213736;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.ot-chekout-form .row {
  --bs-gutter-x: 1.125rem;
  --bs-gutter-y: 1rem;
}

.ot-checkout-input {
  position: relative;
}

.ot-checkout-input input,
.ot-checkout-input .ot-checkout-search-input {
  width: 100%;
  height: 3.75rem;
  border: 1px solid #c6ced6;
  color: rgba(var(--theme-heading), 1);
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0 1rem;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.ot-checkout-input input::placeholder,
.ot-checkout-input .ot-checkout-search-input::placeholder {
  color: rgba(var(--theme-paragraph), 0.9);
}

.ot-checkout-input input:focus,
.ot-checkout-input .ot-checkout-search-input:focus {
  outline: none;
  border-color: #a06a41;
  box-shadow: none;
}

.ot-checkout-input input:hover,
.ot-checkout-input .ot-checkout-search-input:hover {
  border-color: #b7c1cb;
}

.ot-checkout-input .form-input-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  color: rgba(var(--theme-paragraph), 0.75);
  font-size: 0.75rem;
  pointer-events: none;
  transform: translateY(-50%);
}

.ot-checkout-option-wrapper {
  margin-top: 0.5rem;
}

.ot-box-title {
  margin-bottom: 0.875rem;
  color: #213736;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.ot-checkout-option {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.ot-checkout-option input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin: 0;
  border: 1px solid #b8c1cb;
  background-color: rgba(var(--theme-base), 1);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  cursor: pointer;
}

.ot-checkout-option input[type=checkbox]:checked {
  border-color: #a06a41;
  background-color: #a06a41;
}

.ot-checkout-option input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.3125rem;
  width: 0.25rem;
  height: 0.5rem;
  border: solid rgba(var(--theme-base), 1);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}

.ot-checkout-option input[type=checkbox]:checked::after {
  opacity: 1;
}

.ot-checkout-option label {
  margin: 0;
  color: rgba(var(--theme-paragraph), 1);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
}

.ot-checkout-toggle-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  margin-top: -0.375rem;
  margin-bottom: 0;
  -webkit-transition: all 0.32s ease;
  -o-transition: all 0.32s ease;
  transition: all 0.32s ease;
}

.ot-checkout-toggle-content .row {
  --bs-gutter-x: 1.125rem;
  --bs-gutter-y: 0.875rem;
}

.ot-checkout-toggle-content.is-open {
  max-height: 28.75rem;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  margin-bottom: 1.125rem;
}

.ot-checkout-place {
  padding: 2rem 1.875rem;
  border: 1px solid rgba(var(--theme-muted), 0.28);
  background-color: #f1eeeb;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.ot-checkout-place-title {
  margin-bottom: 1rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid rgba(var(--theme-muted), 0.3);
  color: #213736;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.ot-order-info-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ot-order-info-list li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.ot-order-info-list-header {
  padding-bottom: 0.625rem;
}

.ot-order-info-list-header h4 {
  margin: 0;
  color: #0f2f52;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
}

.ot-order-info-list-desc {
  padding: 0.375rem 0;
}

.ot-order-info-list-desc p {
  margin: 0;
  max-width: 16.25rem;
  color: #717b88;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6;
}

.ot-order-info-list-desc p span,
.ot-order-info-list-desc > span {
  color: #717b88;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
}

.ot-order-info-list-subtotal,
.ot-order-info-list-total {
  padding: 0.625rem 0;
}

.ot-order-info-list-subtotal {
  margin-top: 0.5rem;
  border-top: 1px solid rgba(var(--theme-muted), 0.3);
}

.ot-order-info-list-total {
  margin-top: 0.5rem;
  border-top: 1px solid rgba(var(--theme-muted), 0.3);
}

.ot-order-info-list-subtotal > span,
.ot-order-info-list-total > span {
  color: #213736;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.35;
}

.ot-order-info-list-total > span:last-child {
  color: #a06a41;
}

.ot-checkout-payment {
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-top: 1px solid rgba(var(--theme-muted), 0.3);
}

.ot-checkout-payment-note {
  margin-bottom: 0.75rem;
  color: #647082;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
}

.ot-payment-cards {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding: 1.25rem 1.0625rem;
  border: 0;
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.ot-payment-card-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.ot-payment-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.ot-payment-card img {
  width: auto;
  max-width: 4.375rem;
  max-height: 2.5rem;
  object-fit: contain;
  display: block;
  border-radius: 3px;
}

.ot-payment-card-input:checked + .ot-payment-card {
  box-shadow: none;
}

.ot-payment-card:hover {
  border-color: #b9c2cb;
}

.ot-checkout-payment-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
}

.ot-checkout-payment-item:last-child {
  margin-bottom: 0;
}

.ot-checkout-payment-item > input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  flex: 0 0 auto;
  width: 0.9375rem;
  height: 0.9375rem;
  margin: 0;
  border: 1px solid #a7b1bc;
  background-color: rgba(var(--theme-base), 1);
  border-radius: 50%;
  cursor: pointer;
}

.ot-checkout-payment-item > input[type=radio]:checked {
  border-color: #a06a41;
  background-image: radial-gradient(circle, #a06a41 0 45%, transparent 48%);
}

.ot-checkout-payment-item > label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0;
  margin-bottom: 0;
  color: #5f6b7a;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.35;
  cursor: pointer;
}

.ot-checkout-btn-wrapper {
  margin-top: 0.875rem;
}

.ot-checkout-btn-wrapper .ot-btn-primary {
  min-height: 2.75rem;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #9f6a3f;
  color: rgba(var(--theme-base), 1);
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.ot-checkout-btn-wrapper .ot-btn-primary::before {
  display: none;
}

.ot-checkout-btn-wrapper .ot-btn-primary:hover {
  background-color: #8f5d35;
  color: rgba(var(--theme-base), 1);
}

@media (max-width: 1399px) {
  .ot-checkout-bill-title {
    font-size: 2.625rem;
  }
  .ot-box-title {
    font-size: 2.25rem;
  }
  .ot-checkout-place-title {
    font-size: 2.125rem;
  }
  .ot-checkout-place {
    padding: 1.5rem 1.375rem;
  }
}
@media (max-width: 1199px) {
  .ot-checkout-form-wrapp {
    padding-right: 0;
  }
  .ot-checkout-bill-title {
    font-size: 2.25rem;
    margin-bottom: 1.375rem;
  }
  .ot-checkout-place {
    margin-top: 1.5rem;
  }
}
@media (max-width: 991px) {
  .ot-checkout-input input,
  .ot-checkout-input .ot-checkout-search-input {
    height: 3.5rem;
    font-size: 0.9375rem;
  }
  .ot-checkout-bill-title {
    font-size: 2rem;
  }
  .ot-box-title {
    font-size: 1.875rem;
  }
  .ot-checkout-place-title {
    font-size: 1.875rem;
  }
}
@media (max-width: 767px) {
  .ot-checkout-place,
  .ot-checkout-form-wrapp {
    padding-right: 0;
  }
  .ot-checkout-bill-title {
    font-size: 1.625rem;
  }
  .ot-checkout-place-title {
    font-size: 1.625rem;
  }
  .ot-order-info-list-desc p {
    max-width: 13.125rem;
    font-size: 0.8125rem;
  }
  .ot-order-info-list-desc p span,
  .ot-order-info-list-desc > span,
  .ot-order-info-list-subtotal > span,
  .ot-order-info-list-total > span,
  .ot-order-info-list-header h4 {
    font-size: 0.875rem;
  }
}
@media (max-width: 575px) {
  .ot-checkout-bill-title {
    font-size: 1.5rem;
    margin-bottom: 1.125rem;
  }
  .ot-chekout-form .row {
    --bs-gutter-y: 0.75rem;
  }
  .ot-checkout-input input,
  .ot-checkout-input .ot-checkout-search-input {
    height: 3.25rem;
    font-size: 0.875rem;
    padding-inline: 0.875rem;
  }
  .ot-checkout-place {
    padding: 1rem;
  }
  .ot-checkout-place-title {
    font-size: 1.5rem;
    margin-bottom: 0.875rem;
    padding-bottom: 0.75rem;
  }
  .ot-order-info-list li {
    gap: 0.625rem;
  }
  .ot-order-info-list-desc p {
    max-width: 10.9375rem;
  }
  .ot-checkout-option label,
  .ot-checkout-payment-item > label {
    font-size: 0.8125rem;
  }
  .ot-checkout-btn-wrapper .ot-btn-primary {
    min-height: 3.125rem;
    font-size: 0.875rem;
  }
}
/* 06. Pages CSS */
/* 6.01 service details */
.ot-service-details .service-details-price {
  font-family: var(--theme-heading-font);
  font-weight: 500;
  color: rgba(var(--theme-secondary), 1);
  font-size: clamp(1.25rem, 0.95rem + 1.5vw, 2.75rem);
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
  gap: 0.25rem;
}
.ot-service-details .service-details-price span {
  color: rgba(var(--theme-paragraph), 1);
  font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
  font-family: var(--theme-paragraph-font);
}
@media (min-width: 992px) {
  .ot-service-details .service-details-price span {
    transform: translateY(-8px);
  }
}

.service-details-main-thumb {
  position: relative;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  overflow: hidden;
  z-index: 0;
}
.service-details-main-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.service-details-main-thumb .full-view-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  background-color: #fff;
  color: rgba(var(--theme-primary), 1);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  width: 120px;
  height: 40px;
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
@media (min-width: 768px) {
  .service-details-main-thumb .full-view-btn {
    top: 2rem;
    right: 2rem;
    width: 150px;
    height: 50px;
  }
}
.service-details-main-thumb .full-view-btn i {
  font-size: 1.125rem;
}
.service-details-main-thumb img {
  width: 100%;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.service-details-thumb-slider .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 576px) {
  .service-details-thumb-slider .slick-dots {
    bottom: 1.875rem;
  }
}
.service-details-thumb-slider .slick-dots li.slick-active button {
  background-color: #fff;
}
.service-details-thumb-slider .slick-dots li button {
  font-size: 0;
  padding: 0;
  border: none;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #a7a7a7;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.service-details-gallery-thumb {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.service-details-gallery-thumb:hover .gallery-view {
  opacity: 1;
  width: 100%;
  height: 100%;
}
.service-details-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.service-details-gallery-thumb .gallery-view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2rem;
  opacity: 0;
  transition: all 0.3s;
}

.details-amenities-single {
  background-image: url("../images/elements/small-card-wave-shape.svg");
  padding: 0.875rem 1rem;
  border: 1px solid rgba(19, 23, 29, 0.2);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 576px) {
  .details-amenities-single {
    padding: 1.125rem 1.5rem;
  }
}
.details-amenities-single .icon {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #F4F4F7;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1.375rem;
  color: rgba(var(--theme-primary), 1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 576px) {
  .details-amenities-single .icon {
    width: 5rem;
    height: 5rem;
    font-size: 1.75rem;
  }
}
.details-amenities-single .caption {
  flex-grow: 1;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (min-width: 576px) {
  .details-amenities-single .caption {
    font-size: 1.125rem;
  }
}
@media (min-width: 1200px) {
  .details-amenities-single .caption {
    font-size: 1.125rem;
  }
}
.details-amenities-single.style-two {
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

/* 6.02 team details */
.team-details-thumb {
  padding-left: 1.5rem;
  position: relative;
  z-index: 0;
}
.team-details-thumb::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  width: 100%;
  height: 80%;
  background-color: rgba(var(--theme-primary), 1);
  z-index: -1;
  border-radius: 12px 0 0 12px;
  -webkit-border-radius: 12px 0 0 12px;
  -moz-border-radius: 12px 0 0 12px;
  -ms-border-radius: 12px 0 0 12px;
  -o-border-radius: 12px 0 0 12px;
}
.team-details-thumb img {
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.team-details-content .contact-title {
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
}
.team-details-content .team-contact-item {
  display: flex;
  align-items: center;
  gap: 0.75rem 1.25rem;
}
.team-details-content .team-contact-item-icon {
  width: 3.125rem;
  height: 3.125rem;
  background-color: rgba(var(--theme-primary), 0.15);
  color: rgba(var(--theme-primary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
}
.team-details-content .team-contact-item-content a {
  font-weight: 500;
}
.team-details-content .team-contact-item-title {
  color: rgba(var(--theme-secondary), 1);
  font-size: 1.125rem;
  margin-bottom: 0.25rem;
}

.team-details-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  align-items: center;
  margin-top: 1rem;
}
.team-details-social-links li a {
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(var(--theme-primary), 0.15);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: rgba(var(--theme-secondary), 1);
  transition: all 0.3s;
}
.team-details-social-links li a:hover {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}

.team-progressbar .caption {
  color: rgba(var(--theme-secondary), 1);
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.team-progressbar .team-progressbar-main {
  height: 0.625rem;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
  position: relative;
}
.team-progressbar .team-progressbar-main .team-progressbar-inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}
.team-progressbar .team-progressbar-main .percentage {
  position: absolute;
  top: -32px;
  margin-left: -12px;
  color: rgba(var(--theme-secondary), 1);
  font-weight: 500;
}
.team-progressbar .team-progressbar-main .percentage::after {
  position: absolute;
  content: "";
  bottom: -20px;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: rgba(var(--theme-primary), 1);
  border: 4px solid #EDE3DC;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 1;
}

.message-form input,
.message-form textarea {
  background-color: rgba(var(--theme-primary), 0.1);
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 1rem;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.message-form input:hover, .message-form input:focus,
.message-form textarea:hover,
.message-form textarea:focus {
  border-color: rgba(var(--theme-primary), 1);
  outline: none;
}
.message-form input {
  height: 60px;
  padding: 0.25rem 1.875rem;
}
.message-form textarea {
  height: 200px;
  resize: none;
  padding: 1.25rem 1.875rem;
}

/* 6.03 project details */
.ot-project-details {
  padding-block-start: 1.875rem;
}
@media (min-width: 576px) {
  .ot-project-details {
    padding-block-start: 3.75rem;
  }
}
@media (min-width: 1200px) {
  .ot-project-details {
    padding-block-start: 5rem;
  }
}
@media (min-width: 1400px) {
  .ot-project-details {
    padding-block-start: 6.625rem;
  }
}

.project-overview-box {
  padding: 2.5rem;
  background-color: rgba(var(--theme-primary), 0.1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.project-overview-box .title {
  color: rgba(var(--theme-secondary), 1);
  font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  padding-bottom: 0.5rem;
  position: relative;
  border-bottom: 1px solid #CDCDCD;
}
.project-overview-box .title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 2.5rem;
  height: 1px;
  background-color: rgba(var(--theme-primary), 1);
}
.project-overview-box .single-project-overview {
  padding-block: 0.75rem;
  border-bottom: 1px solid #CDCDCD;
}
.project-overview-box .single-project-overview:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.project-overview-box .single-project-overview span {
  font-size: 0.875rem;
  font-weight: 500;
}

.project-details-title-sm {
  font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem);
}

.number-list {
  list-style: decimal;
  padding-left: 1.25rem;
}
.number-list li + li {
  margin-top: 1.25rem;
}

/* 6.04 blog details */
.blog-thumb-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #fff;
  color: rgba(var(--theme-primary), 1);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.blog-thumb-slider .slick-arrow:hover {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}
.blog-thumb-slider .slick-arrow.prev {
  left: 1.25rem;
}
.blog-thumb-slider .slick-arrow.next {
  right: 1.25rem;
}

.blog-details-content .blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
@media (min-width: 576px) {
  .blog-details-content .blog-meta {
    gap: 1.5rem;
  }
}
.blog-details-content .blog-meta li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}
.blog-details-content .blog-meta li i {
  color: rgba(var(--theme-primary), 1);
  font-size: 1.125rem;
}
.blog-details-content .blog-details-title {
  font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem);
}
.blog-details-content blockquote {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding-left: 1.875rem;
  padding-bottom: 2.5rem;
  border-bottom: 8px solid rgba(var(--theme-primary), 1);
  margin-bottom: 1.875rem;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.blog-details-content blockquote p {
  font-family: var(--theme-heading-font);
  font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);
  color: rgba(var(--theme-secondary), 1);
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.4;
}
.blog-details-content blockquote span {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(var(--theme-primary), 1);
  text-transform: uppercase;
  position: relative;
  padding-left: 2rem;
}
.blog-details-content blockquote span::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 1.5rem;
  height: 0.25rem;
  background-color: rgba(var(--theme-primary), 1);
  border-radius: 99px;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  -ms-border-radius: 99px;
  -o-border-radius: 99px;
}

.post-author {
  padding: 1.25rem;
  background-color: rgba(var(--theme-secondary), 1);
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2.5rem;
}
@media (min-width: 576px) {
  .post-author {
    padding: 2rem 1.875rem;
  }
}
@media (min-width: 768px) {
  .post-author {
    flex-wrap: nowrap;
    gap: 1.875rem;
  }
}
.post-author .thumb {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(var(--theme-primary), 1);
}
@media (min-width: 576px) {
  .post-author .thumb {
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 992px) {
  .post-author .thumb {
    width: 6.25rem;
    height: 6.25rem;
    border: 4px solid rgba(var(--theme-primary), 1);
  }
}
@media (min-width: 1200px) {
  .post-author .thumb {
    width: 7.5rem;
    height: 7.5rem;
  }
}
@media (min-width: 1400px) {
  .post-author .thumb {
    width: 8.75rem;
    height: 8.75rem;
  }
}
.post-author .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.post-author .content {
  width: 100%;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .post-author .content {
    flex-grow: 1;
    width: auto;
    margin-top: 0;
  }
}

.post-navigation {
  font-weight: 700;
  color: rgba(var(--theme-secondary), 1);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}
.post-navigation:hover {
  color: rgba(var(--theme-primary), 1);
}
.post-navigation i {
  color: rgba(var(--theme-primary), 1);
}

.post-comments-area {
  margin-top: 1.875rem;
}
@media (min-width: 992px) {
  .post-comments-area {
    margin-top: 3.75rem;
  }
}
.post-comments-area .title {
  margin-bottom: 1.875rem;
}
@media (min-width: 992px) {
  .post-comments-area .title {
    margin-bottom: 3.125rem;
  }
}
.post-comments-area .single-comment + .single-comment {
  margin-top: 2.5rem;
}

.single-comment {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
@media (min-width: 576px) {
  .single-comment {
    flex-wrap: nowrap;
  }
}
.single-comment .thumb {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 4px solid rgba(var(--theme-primary), 1);
  overflow: hidden;
}
@media (min-width: 576px) {
  .single-comment .thumb {
    width: 5rem;
    height: 5rem;
    transform: translateY(-10px);
  }
}
@media (min-width: 992px) {
  .single-comment .thumb {
    width: 6.25rem;
    height: 6.25rem;
    transform: translateY(-16px);
  }
}
@media (min-width: 1400px) {
  .single-comment .thumb {
    width: 7.375rem;
    height: 7.375rem;
    transform: translateY(-22px);
  }
}
.single-comment .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.single-comment .content {
  flex-grow: 1;
}
.single-comment .content-box {
  padding: 1.25rem;
  border: 1px dashed rgba(var(--theme-secondary), 0.4);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
@media (min-width: 576px) {
  .single-comment .content-box {
    padding: 1.875rem;
  }
}
.single-comment .post-replay-btn {
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(var(--theme-primary), 1);
  margin-left: 1.875rem;
  margin-top: 1.25rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.single-comment.comment-replay {
  padding-left: 1.875rem;
}
@media (min-width: 576px) {
  .single-comment.comment-replay {
    padding-left: 3.75rem;
  }
}

.comment-form-area {
  padding: 1.25rem;
  background-color: rgba(var(--theme-primary), 0.1);
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  margin-top: 3.75rem;
}
@media (min-width: 1200px) {
  .comment-form-area {
    padding: 2.5rem;
  }
}

.comment-form {
  margin-top: 1.25rem;
}
@media (min-width: 1200px) {
  .comment-form {
    margin-top: 2.5rem;
  }
}
.comment-form textarea,
.comment-form input:not(.form-check-input) {
  background-color: #fff;
  border: 1px dashed rgba(var(--theme-secondary), 0.4);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  transition: all 0.3s;
}
.comment-form textarea:focus, .comment-form textarea:hover,
.comment-form input:not(.form-check-input):focus,
.comment-form input:not(.form-check-input):hover {
  border-color: rgba(var(--theme-primary), 1);
  outline: none;
}
.comment-form textarea {
  min-height: 110px;
  resize: none;
  padding: 1rem 1.25rem;
}
@media (min-width: 768px) {
  .comment-form textarea {
    min-height: 152px;
    padding: 1.5rem;
  }
}
.comment-form input:not(.form-check-input) {
  height: 3.125rem;
  padding: 0.75rem 1.25rem;
}
@media (min-width: 768px) {
  .comment-form input:not(.form-check-input) {
    padding: 0.75rem 1.5rem;
    height: 4.375rem;
  }
}
.comment-form .form-check {
  position: relative;
  padding: 0;
}
.comment-form .form-check .form-check-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.comment-form .form-check .form-check-input:checked ~ .form-check-label::before {
  content: "\f633";
}
.comment-form .form-check .form-check-label {
  font-weight: 500;
  padding-left: 2rem;
  position: relative;
}
.comment-form .form-check .form-check-label::before {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  border: 1px dashed rgba(var(--theme-secondary), 0.4);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #fff;
  color: rgba(var(--theme-primary), 1);
}

/* 6.05 contact */
.contact-item {
  padding: 1.25rem;
  background-color: rgba(var(--theme-primary), 0.1);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  display: flex;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .contact-item {
    padding: 2.5rem;
  }
}
.contact-item:hover {
  background-color: rgba(var(--theme-secondary), 1);
}
.contact-item:hover .contact-item-title {
  color: #fff;
}
.contact-item:hover .contact-item-content p {
  color: #fff;
}
.contact-item:hover .contact-item-icon {
  background-color: rgba(var(--theme-primary), 1);
  color: #fff;
}
.contact-item:hover .position-icon {
  color: #fff;
}
.contact-item-content {
  flex-grow: 1;
  padding-right: 1.25rem;
}
@media (min-width: 1200px) {
  .contact-item-content {
    padding-right: 1.875rem;
  }
}
.contact-item-content p {
  transition: all 0.3s;
}
.contact-item-title {
  transition: all 0.3s;
}
.contact-item-icon {
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  border: 1px solid rgba(var(--theme-primary), 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--theme-primary), 1);
  font-size: 1.375rem;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .contact-item-icon {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.625rem;
  }
}
@media (min-width: 1400px) {
  .contact-item-icon {
    width: 5rem;
    height: 5rem;
    font-size: 2rem;
  }
}
.contact-item .position-icon {
  position: absolute;
  bottom: -10%;
  right: 16%;
  font-size: 6.25rem;
  color: rgba(var(--theme-primary), 1);
  opacity: 0.05;
  line-height: 1;
}

.contact-main-wrapper {
  background-color: #F5F0EC;
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
  padding: 2.5rem 1.25rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media (min-width: 576px) {
  .contact-main-wrapper {
    padding: 3.75rem 2.5rem;
  }
}
@media (min-width: 992px) {
  .contact-main-wrapper {
    padding: 5rem 3.75rem;
  }
}
@media (min-width: 1200px) {
  .contact-main-wrapper {
    padding: 6.25rem 5rem;
  }
}
@media (min-width: 1400px) {
  .contact-main-wrapper {
    padding: 7.5rem 6.25rem;
  }
}
.contact-main-wrapper .ot-section-main-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (min-width: 1400px) {
  .contact-main-wrapper .ot-section-main-title {
    top: -8%;
  }
}

.ot-contact-form input:not([type=checkbox], [type=radio]) {
  height: 3rem;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1.25rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .ot-contact-form input:not([type=checkbox], [type=radio]) {
    height: 3.75rem;
  }
}
.ot-contact-form input:not([type=checkbox], [type=radio]):focus {
  border-color: rgba(var(--theme-primary), 1);
}
.ot-contact-form .form-select {
  height: 3rem;
  border: 1px solid #fff;
  background-color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  padding: 0.75rem 1.25rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .ot-contact-form .form-select {
    height: 3.75rem;
    padding: 1.125rem 1.25rem;
  }
}
.ot-contact-form .form-select:focus {
  border-color: rgba(var(--theme-primary), 1);
  box-shadow: none;
}
.ot-contact-form textarea {
  min-height: 140px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s;
  padding: 1.5rem 1.25rem;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  resize: none;
}
.ot-contact-form textarea:focus {
  border-color: rgba(var(--theme-primary), 1);
}

.icon-field {
  position: relative;
}
.icon-field input:focus ~ .icon {
  color: rgba(var(--theme-primary), 1);
}
.icon-field .icon {
  position: absolute;
  top: 0;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.ot-contact-map {
  margin-top: -160px;
}
.ot-contact-map iframe {
  width: 100%;
  height: 550px;
}
@media (min-width: 768px) {
  .ot-contact-map iframe {
    height: 750px;
  }
}

/* 6.06 shop */
/* ===== Shop Sidebar Start ===== */
.ot-shop-sidebar {
  padding: 1.5rem;
  background-color: rgba(var(--theme-primary), 0.08);
  border: 1px solid rgba(var(--theme-primary), 0.08);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
@media (min-width: 1200px) {
  .ot-shop-sidebar {
    padding: 1.75rem 1.625rem;
  }
}
.ot-shop-widget:not(:last-child) {
  margin-bottom: 1.75rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(var(--theme-heading), 0.08);
}

.shop-widget-title {
  margin-bottom: 1.125rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid rgba(var(--theme-heading), 0.08);
  color: rgba(var(--theme-dark), 1);
  font-family: var(--theme-heading-font);
  font-size: clamp(1.25rem, 1.15rem + 0.2vw, 1.5rem);
  font-weight: 500;
  line-height: 1.2;
  text-transform: capitalize;
}
.shop-widget-filter {
  position: relative;
}
.shop-widget-filter::before, .shop-widget-filter::after {
  position: absolute;
  top: 0.25rem;
  content: "";
  pointer-events: none;
}
.shop-widget-filter::before {
  left: 0.125rem;
  width: 1.0625rem;
  height: 0.6875rem;
  background: linear-gradient(rgba(var(--theme-heading), 0.78), rgba(var(--theme-heading), 0.78)) left 2px top 0/7px 1.6px no-repeat, linear-gradient(rgba(var(--theme-heading), 0.78), rgba(var(--theme-heading), 0.78)) left 0 top 50%/13px 1.6px no-repeat, linear-gradient(rgba(var(--theme-heading), 0.78), rgba(var(--theme-heading), 0.78)) left 4px bottom 0/9px 1.6px no-repeat;
}
.shop-widget-filter::after {
  right: 1.375rem;
  width: 0.625rem;
  height: 0.125rem;
  background-color: rgba(var(--theme-heading), 0.78);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.shop-widget-filter .ui-widget.ui-widget-content {
  height: 0.25rem;
  border: none;
  background-color: rgba(var(--theme-primary), 0.22);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  overflow: visible;
}
.shop-widget-filter .ui-slider-horizontal {
  margin-bottom: 1.625rem;
  position: relative;
}
.shop-widget-filter .ui-slider-horizontal .shop-range-selected {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: rgba(var(--theme-primary), 1);
  opacity: 1;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.shop-widget-filter .ui-slider-horizontal .shop-range-selected::before, .shop-widget-filter .ui-slider-horizontal .shop-range-selected::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgba(var(--theme-primary), 1);
  box-shadow: 0 0 0 0.25rem rgba(var(--theme-primary), 0.14);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.shop-widget-filter .ui-slider-horizontal .shop-range-selected::before {
  left: -rem(4px);
}
.shop-widget-filter .ui-slider-horizontal .shop-range-selected::after {
  left: auto;
  right: 0;
}
.shop-widget-filter .ui-slider .shop-range-handle {
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: -0.25rem;
  border: none;
  background-color: rgba(var(--theme-primary), 1);
  box-shadow: 0 0 0 0.25rem rgba(var(--theme-primary), 0.14);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-widget-filter .ui-slider .shop-range-handle:focus {
  outline: none;
  box-shadow: 0 0 0 0.3125rem rgba(var(--theme-primary), 0.2);
}
.shop-widget-filter .ui-slider .shop-range-handle:hover, .shop-widget-filter .ui-slider .shop-range-handle.is-active {
  background-color: rgba(var(--theme-primary), 1);
  box-shadow: 0 0 0 0.3125rem rgba(var(--theme-primary), 0.2);
}
.shop-widget-filter #slider-range {
  width: 100%;
}
.shop-widget-categories {
  max-height: 8.875rem;
  padding-right: 0.375rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--theme-primary), 0.55) transparent;
}
.shop-widget-categories::-webkit-scrollbar {
  width: 0.25rem;
}
.shop-widget-categories::-webkit-scrollbar-thumb {
  background-color: rgba(var(--theme-primary), 0.55);
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}
.shop-widget-categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-widget-categories li:not(:last-child) {
  margin-bottom: 1rem;
}
.shop-widget-categories li:first-child a::before {
  background-color: rgba(var(--theme-primary), 1);
  border-color: rgba(var(--theme-primary), 1);
  box-shadow: inset 0 0 0 1px rgba(var(--theme-primary), 1);
}
.shop-widget-categories li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 1.5rem;
  color: rgba(var(--theme-paragraph), 1);
  font-family: var(--theme-paragraph-font);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.shop-widget-categories li a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  border: 1px solid rgba(var(--theme-heading), 0.2);
  background-color: rgba(var(--theme-heading), 0.14);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-widget-categories li a span {
  min-width: 1.5rem;
  color: rgba(var(--theme-paragraph), 0.8);
  text-align: right;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.shop-widget-categories li a:hover {
  color: rgba(var(--theme-primary), 1);
}
.shop-widget-categories li a:hover::before {
  border-color: rgba(var(--theme-primary), 1);
  background-color: rgba(var(--theme-primary), 0.18);
}
.shop-widget-categories li a:hover span {
  color: rgba(var(--theme-primary), 1);
}
.shop-widget-product-item {
  gap: 0.75rem;
}
.shop-widget-product-item:not(:last-child) {
  margin-bottom: 1.125rem;
  padding-bottom: 1.125rem;
  border-bottom: 1px solid rgba(var(--theme-heading), 0.08);
}
.shop-widget-product-img {
  width: 5.375rem;
  height: 5.9375rem;
  flex: 0 0 5.375rem;
  padding: 0.625rem;
  border: 1px solid rgba(var(--theme-primary), 0.3);
  background-color: rgba(var(--theme-base), 1);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.shop-widget-product-img a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.shop-widget-product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shop-widget-product-content {
  flex: 1 1 auto;
  min-width: 0;
}
.shop-widget-product-title {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(var(--theme-heading), 0.1);
  color: rgba(var(--theme-dark), 1);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.35;
}
.shop-widget-product-title a {
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.shop-widget-product-title a:hover {
  color: rgba(var(--theme-primary), 1);
}
.shop-widget-product-price {
  display: inline-block;
  color: rgba(var(--theme-paragraph), 0.9);
  font-family: var(--theme-paragraph-font);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}
.shop-widget-instagram-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (max-width: 1199px) {
  .shop-widget-instagram-box {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.shop-widget-instagram-box a {
  display: block;
  overflow: hidden;
  background-color: rgba(var(--theme-heading), 0.08);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.shop-widget-instagram-box img {
  width: 100%;
  aspect-ratio: 1/0;
  object-fit: cover;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.shop-widget-instagram-box a:hover img {
  opacity: 0.92;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.shop-filter-title {
  position: relative;
  margin-bottom: 1.375rem;
  padding-inline: 1.75rem 1.375rem;
  color: rgba(var(--theme-heading), 1);
  font-family: var(--theme-paragraph-font);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
}
.shop-filter-info {
  gap: 0.875rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.shop-filter-info .input-range {
  flex: 1 1 auto;
  min-width: 0;
}
.shop-filter-info .input-range input {
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  color: rgba(var(--theme-muted), 1);
  font-family: var(--theme-paragraph-font);
  font-size: 0.875rem;
  font-weight: 600;
  text-align: right;
  letter-spacing: 0.01em;
}
.shop-filter-info .input-range input:focus {
  outline: none;
}
.shop-filter-btn {
  min-width: 4.25rem;
  padding: 0.9375rem 1.1875rem;
  border: none;
  background-color: rgba(var(--theme-primary), 1);
  color: rgba(var(--theme-base), 1);
  font-family: var(--theme-heading-font);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-filter-btn:hover {
  background-color: rgba(var(--theme-secondary), 1);
  color: rgba(var(--theme-base), 1);
}
.shop-filter-clear-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background-color: transparent;
  color: rgba(var(--theme-paragraph), 0.95);
  font-family: var(--theme-paragraph-font);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: capitalize;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.shop-filter-clear-btn i,
.shop-filter-clear-btn img {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0;
  font-size: 0.8125rem;
  color: rgba(var(--theme-primary), 1);
}
.shop-filter-clear-btn:hover {
  color: rgba(var(--theme-primary), 1);
}

.shop-range-handle {
  display: none;
}

/* ===== Shop Sidebar End ===== */
/*# sourceMappingURL=style.css.map */