@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Jost", sans-serif;
}

/* slider css start */
.dgpods-carousel-section {
            padding: 30px 0;
            background-color: #f8f9fa;
        }

        .dgpods-carousel-container {
            position: relative;
            width: calc(100% - 120px);
            max-width: 1200px;
            height: 70vh;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .dgpods-carousel-track {
            display: flex;
            width: 300%;
            height: 100%;
            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .dgpods-carousel-slide {
            position: relative;
            width: 33.333%;
            height: 100%;
            overflow: hidden;
        }

        .dgpods-slide-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .dgpods-slide-overlay {
            position: absolute;
            /* top: 30px; */
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
        }

        .dgpods-slide-content {
            position: absolute;
            bottom: 60px;
            left: 50px;
            z-index: 10;
            color: white;
            max-width: 500px;
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.8s ease;
        }

        .dgpods-slide-content.active {
            opacity: 1;
            transform: translateY(0);
        }

        .dgpods-slide-title {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: white !important;
            line-height: 1.2;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
        }

        .dgpods-slide-description {
            font-size: 1.1rem;
            line-height: 1.6;
            opacity: 0.9;
            font-weight: 300;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
        }

        .dgpods-carousel-nav {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 20;
        }

        .dgpods-nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .dgpods-nav-dot.active {
            background-color: #fff;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .dgpods-carousel-container {
                width: calc(100% - 60px);
                height: 60vh;
                border-radius: 15px;
            }

            .dgpods-slide-content {
                bottom: 50px;
                left: 30px;
                max-width: calc(100% - 60px);
            }

            .dgpods-slide-title {
                font-size: 2.2rem;
                margin-bottom: 15px;
            }

            .dgpods-slide-description {
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            .dgpods-carousel-container {
                width: calc(100% - 40px);
                height: 50vh;
                border-radius: 12px;
            }

            .dgpods-slide-content {
                bottom: 40px;
                left: 20px;
                max-width: calc(100% - 40px);
            }

            .dgpods-slide-title {
                font-size: 1.8rem;
                margin-bottom: 10px;
            }

            .dgpods-slide-description {
                font-size: 0.9rem;
            }
        }

/* slider css end */

.ratio {
  position: relative;
  display: block;
  overflow: hidden;
}

.ratio::before {
  display: block;
  width: 100%;
  content: "";
}

.ratio-1\:1::before {
  padding-bottom: 100%;
}

.ratio-2\:1::before {
  padding-bottom: 50%;
}

.ratio-3\:2::before {
  padding-bottom: 66.66667%;
}

.ratio-3\:4::before {
  padding-bottom: 133.33333%;
}

.ratio-4\:3::before {
  padding-bottom: 75%;
}

.ratio-4\:1::before {
  padding-bottom: 25%;
}

.ratio-5\:4::before {
  padding-bottom: 80%;
}

.ratio-8\:5::before {
  padding-bottom: 62.5%;
}

.ratio-15\:9::before {
  padding-bottom: 60%;
}

.ratio-16\:9::before {
  padding-bottom: 56.25%;
}

.ratio-19\:21::before {
  padding-bottom: 110.52632%;
}

.ratio-28\:20::before {
  padding-bottom: 71.42857%;
}

.ratio-23\:26::before {
  padding-bottom: 113.04348%;
}

.ratio-19\:22::before {
  padding-bottom: 115.78947%;
}

.ratio-23\:30::before {
  padding-bottom: 130.43478%;
}

.ratio-41\:30::before {
  padding-bottom: 73.17073%;
}

.ratio-41\:45::before {
  padding-bottom: 109.7561%;
}

:root {
  --font-primary: "DM sans", sans-serif;
}

:root {
  --text-8: 8px;
  --text-10: 10px;
  --text-13: 13px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-18: 18px;
  --text-20: 20px;
  --text-24: 24px;
  --text-26: 26px;
  --text-30: 30px;
  --text-40: 40px;
  --text-50: 50px;
  --text-70: 70px;
}

:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-border: #DDDDDD;
  --color-accent-1: #EB662B;
  --color-accent-1-dark: #CE5A25;
  --color-accent-2: #4A43C4;
  --color-dark-1: #05073C;
  --color-blue-1: #1967D2;
  --color-red-1: #D93025;
  --color-red-2: #F64E60;
  --color-red-3: #FF0000;
  --color-red-4: #FFE5E5;
  --color-purple-1: #8950FC;
  --color-yellow-1: #FFA800;
  --color-yellow-2: #E2AD64;
  --color-yellow-3: #F9AB00;
  --color-light-1: #F5F5F5;
  --color-light-2: #717171;
  --color-light-3: #FBFBFB;
  --color-light-4: #DDD3EC;
  --color-light-5: #F2F1EC;
  --color-light-6: #E7E6E6;
  --color-light-7: #C6C6D2;
  --color-green-1: #EFF7F1;
  --color-green-2: #63B06F;
  --color-green-3: #34A853;
  --color-info-1: #CDE9F6;
  --color-info-2: #4780AA;
  --color-warning-1: #F7F3D7;
  --color-warning-2: #927238;
  --color-error-1: #ECC8C5;
  --color-error-2: #AB3331;
  --color-success-1: #DEF2D7;
  --color-success-2: #5B7052;
}

[data-anim-wrap] {
  pointer-events: none;
}

[data-anim-wrap].animated {
  pointer-events: auto;
}

@keyframes reveal {
  100% {
    opacity: 1;
  }
}

[data-anim^='slide-'],
[data-anim-child^='slide-'] {
  opacity: 0;
  transition-property: opacity, transform;
  pointer-events: none;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

[data-anim^='slide-'].is-in-view,
[data-anim-child^='slide-'].is-in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

[data-anim^='slide-up'],
[data-anim-child^='slide-up'] {
  transform: translate3d(0, 40px, 0);
}

[data-anim^='slide-down'],
[data-anim-child^='slide-down'] {
  transform: translate3d(0, -40px, 0);
}

[data-anim^='slide-right'],
[data-anim-child^='slide-right'] {
  transform: translate3d(-40px, 0, 0);
}

[data-anim^='slide-left'],
[data-anim-child^='slide-left'] {
  transform: translate3d(40px, 0, 0);
}

[data-anim^='fade'],
[data-anim-child^='fade'] {
  opacity: 0;
  transition-property: opacity;
  pointer-events: none;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

[data-anim^='fade'].is-in-view,
[data-anim-child^='fade'].is-in-view {
  opacity: 1;
  pointer-events: auto;
}

[data-anim*="delay-1"],
[data-anim-child*="delay-1"] {
  transition-delay: 0.1s;
  animation-delay: 0.1s;
}

[data-anim*="delay-1"]::after,
[data-anim-child*="delay-1"]::after {
  animation-delay: 0.1s;
}

[data-anim*="delay-1"]>*,
[data-anim-child*="delay-1"]>* {
  animation-delay: 0.1s;
}

[data-anim*="delay-2"],
[data-anim-child*="delay-2"] {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}

[data-anim*="delay-2"]::after,
[data-anim-child*="delay-2"]::after {
  animation-delay: 0.2s;
}

[data-anim*="delay-2"]>*,
[data-anim-child*="delay-2"]>* {
  animation-delay: 0.2s;
}

[data-anim*="delay-3"],
[data-anim-child*="delay-3"] {
  transition-delay: 0.3s;
  animation-delay: 0.3s;
}

[data-anim*="delay-3"]::after,
[data-anim-child*="delay-3"]::after {
  animation-delay: 0.3s;
}

[data-anim*="delay-3"]>*,
[data-anim-child*="delay-3"]>* {
  animation-delay: 0.3s;
}

[data-anim*="delay-4"],
[data-anim-child*="delay-4"] {
  transition-delay: 0.4s;
  animation-delay: 0.4s;
}

[data-anim*="delay-4"]::after,
[data-anim-child*="delay-4"]::after {
  animation-delay: 0.4s;
}

[data-anim*="delay-4"]>*,
[data-anim-child*="delay-4"]>* {
  animation-delay: 0.4s;
}

[data-anim*="delay-5"],
[data-anim-child*="delay-5"] {
  transition-delay: 0.5s;
  animation-delay: 0.5s;
}

[data-anim*="delay-5"]::after,
[data-anim-child*="delay-5"]::after {
  animation-delay: 0.5s;
}

[data-anim*="delay-5"]>*,
[data-anim-child*="delay-5"]>* {
  animation-delay: 0.5s;
}

[data-anim*="delay-6"],
[data-anim-child*="delay-6"] {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}

[data-anim*="delay-6"]::after,
[data-anim-child*="delay-6"]::after {
  animation-delay: 0.6s;
}

[data-anim*="delay-6"]>*,
[data-anim-child*="delay-6"]>* {
  animation-delay: 0.6s;
}

[data-anim*="delay-7"],
[data-anim-child*="delay-7"] {
  transition-delay: 0.7s;
  animation-delay: 0.7s;
}

[data-anim*="delay-7"]::after,
[data-anim-child*="delay-7"]::after {
  animation-delay: 0.7s;
}

[data-anim*="delay-7"]>*,
[data-anim-child*="delay-7"]>* {
  animation-delay: 0.7s;
}

[data-anim*="delay-8"],
[data-anim-child*="delay-8"] {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}

[data-anim*="delay-8"]::after,
[data-anim-child*="delay-8"]::after {
  animation-delay: 0.8s;
}

[data-anim*="delay-8"]>*,
[data-anim-child*="delay-8"]>* {
  animation-delay: 0.8s;
}

[data-anim*="delay-9"],
[data-anim-child*="delay-9"] {
  transition-delay: 0.9s;
  animation-delay: 0.9s;
}

[data-anim*="delay-9"]::after,
[data-anim-child*="delay-9"]::after {
  animation-delay: 0.9s;
}

[data-anim*="delay-9"]>*,
[data-anim-child*="delay-9"]>* {
  animation-delay: 0.9s;
}

[data-anim*="delay-10"],
[data-anim-child*="delay-10"] {
  transition-delay: 1s;
  animation-delay: 1s;
}

[data-anim*="delay-10"]::after,
[data-anim-child*="delay-10"]::after {
  animation-delay: 1s;
}

[data-anim*="delay-10"]>*,
[data-anim-child*="delay-10"]>* {
  animation-delay: 1s;
}

[data-anim*="delay-11"],
[data-anim-child*="delay-11"] {
  transition-delay: 1.1s;
  animation-delay: 1.1s;
}

[data-anim*="delay-11"]::after,
[data-anim-child*="delay-11"]::after {
  animation-delay: 1.1s;
}

[data-anim*="delay-11"]>*,
[data-anim-child*="delay-11"]>* {
  animation-delay: 1.1s;
}

[data-anim*="delay-12"],
[data-anim-child*="delay-12"] {
  transition-delay: 1.2s;
  animation-delay: 1.2s;
}

[data-anim*="delay-12"]::after,
[data-anim-child*="delay-12"]::after {
  animation-delay: 1.2s;
}

[data-anim*="delay-12"]>*,
[data-anim-child*="delay-12"]>* {
  animation-delay: 1.2s;
}

[data-anim*="delay-13"],
[data-anim-child*="delay-13"] {
  transition-delay: 1.3s;
  animation-delay: 1.3s;
}

[data-anim*="delay-13"]::after,
[data-anim-child*="delay-13"]::after {
  animation-delay: 1.3s;
}

[data-anim*="delay-13"]>*,
[data-anim-child*="delay-13"]>* {
  animation-delay: 1.3s;
}

[data-anim*="delay-14"],
[data-anim-child*="delay-14"] {
  transition-delay: 1.4s;
  animation-delay: 1.4s;
}

[data-anim*="delay-14"]::after,
[data-anim-child*="delay-14"]::after {
  animation-delay: 1.4s;
}

[data-anim*="delay-14"]>*,
[data-anim-child*="delay-14"]>* {
  animation-delay: 1.4s;
}

[data-anim*="delay-15"],
[data-anim-child*="delay-15"] {
  transition-delay: 1.5s;
  animation-delay: 1.5s;
}

[data-anim*="delay-15"]::after,
[data-anim-child*="delay-15"]::after {
  animation-delay: 1.5s;
}

[data-anim*="delay-15"]>*,
[data-anim-child*="delay-15"]>* {
  animation-delay: 1.5s;
}

[data-anim*="delay-16"],
[data-anim-child*="delay-16"] {
  transition-delay: 1.6s;
  animation-delay: 1.6s;
}

[data-anim*="delay-16"]::after,
[data-anim-child*="delay-16"]::after {
  animation-delay: 1.6s;
}

[data-anim*="delay-16"]>*,
[data-anim-child*="delay-16"]>* {
  animation-delay: 1.6s;
}

[data-anim*="delay-17"],
[data-anim-child*="delay-17"] {
  transition-delay: 1.7s;
  animation-delay: 1.7s;
}

[data-anim*="delay-17"]::after,
[data-anim-child*="delay-17"]::after {
  animation-delay: 1.7s;
}

[data-anim*="delay-17"]>*,
[data-anim-child*="delay-17"]>* {
  animation-delay: 1.7s;
}

[data-anim*="delay-18"],
[data-anim-child*="delay-18"] {
  transition-delay: 1.8s;
  animation-delay: 1.8s;
}

[data-anim*="delay-18"]::after,
[data-anim-child*="delay-18"]::after {
  animation-delay: 1.8s;
}

[data-anim*="delay-18"]>*,
[data-anim-child*="delay-18"]>* {
  animation-delay: 1.8s;
}

[data-anim*="delay-19"],
[data-anim-child*="delay-19"] {
  transition-delay: 1.9s;
  animation-delay: 1.9s;
}

[data-anim*="delay-19"]::after,
[data-anim-child*="delay-19"]::after {
  animation-delay: 1.9s;
}

[data-anim*="delay-19"]>*,
[data-anim-child*="delay-19"]>* {
  animation-delay: 1.9s;
}

[data-anim*="delay-20"],
[data-anim-child*="delay-20"] {
  transition-delay: 2s;
  animation-delay: 2s;
}

[data-anim*="delay-20"]::after,
[data-anim-child*="delay-20"]::after {
  animation-delay: 2s;
}

[data-anim*="delay-20"]>*,
[data-anim-child*="delay-20"]>* {
  animation-delay: 2s;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
}

body {
  padding: 0;
  font-family: "Jost", sans-serif;
  width: 100%;
  background-color: white;
  color: var(--color-dark-1);
  font-size: 15px;
  line-height: 1.875;
}

select,
input:not([type="range"]),
textarea {
  /* border: dashed !important; */
  border: 0;
  outline: none;
  width: 100%;
  background-color: transparent;
}

main {
  overflow: hidden;
}

/* img {
max-width: 100%;
height: auto;
} */

a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

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

p {
  font-size: 15px;
  color: var(--color-dark-1);
  margin: 0;
}

button {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  text-decoration: none;
}

button:focus {
  outline: 0;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.button.-sm {
  padding: 7px 5px;
}

.button.-md {
  padding: 10px 15px;
}

.button.-h-50 {
  height: 50px;
}

.button.-min-260 {
  min-width: 260px;
}

.button.-underline:hover {
  text-decoration: underline;
}

.button.-white:hover {
  border-color: var(--color-white);
  background-color: var(--color-white) !important;
  color: white !important;
}

.button.-outline-white {
  border-color: var(--color-white);
}

.button.-outline-white:hover {
  background-color: var(--color-white) !important;
  border-color: transparent;
  color: white !important;
}

.button.-black:hover {
  border-color: var(--color-black);
  background-color: var(--color-black) !important;
  color: white !important;
}

.button.-outline-black {
  border-color: var(--color-black);
}

.button.-outline-black:hover {
  background-color: var(--color-black) !important;
  border-color: transparent;
  color: white !important;
}

.button.-border:hover {
  border-color: var(--color-border);
  background-color: var(--color-border) !important;
  color: white !important;
}

.button.-outline-border {
  border-color: var(--color-border);
}

.button.-outline-border:hover {
  background-color: var(--color-border) !important;
  border-color: transparent;
  color: white !important;
}

.button.-accent-1:hover {
  border-color: var(--color-accent-1);
  background-color: var(--color-accent-1) !important;
  color: white !important;
}

.button.-outline-accent-1 {
  border-color: var(--color-accent-1);
}

.button.-outline-accent-1:hover {
  background-color: var(--color-accent-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-accent-1-dark:hover {
  border-color: var(--color-accent-1-dark);
  background-color: var(--color-accent-1-dark) !important;
  color: white !important;
}

.button.-outline-accent-1-dark {
  border-color: var(--color-accent-1-dark);
}

.button.-outline-accent-1-dark:hover {
  background-color: var(--color-accent-1-dark) !important;
  border-color: transparent;
  color: white !important;
}

.button.-accent-2:hover {
  border-color: var(--color-accent-2);
  background-color: var(--color-accent-2) !important;
  color: white !important;
}

.button.-outline-accent-2 {
  border-color: var(--color-accent-2);
}

.button.-outline-accent-2:hover {
  background-color: var(--color-accent-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-dark-1:hover {
  border-color: var(--color-dark-1);
  background-color: var(--color-dark-1) !important;
  color: white !important;
}

.button.-outline-dark-1 {
  border-color: var(--color-dark-1);
}

.button.-outline-dark-1:hover {
  background-color: var(--color-dark-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-blue-1:hover {
  border-color: var(--color-blue-1);
  background-color: var(--color-blue-1) !important;
  color: white !important;
}

.button.-outline-blue-1 {
  border-color: var(--color-blue-1);
}

.button.-outline-blue-1:hover {
  background-color: var(--color-blue-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-red-1:hover {
  border-color: var(--color-red-1);
  background-color: var(--color-red-1) !important;
  color: white !important;
}

.button.-outline-red-1 {
  border-color: var(--color-red-1);
}

.button.-outline-red-1:hover {
  background-color: var(--color-red-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-red-2:hover {
  border-color: var(--color-red-2);
  background-color: var(--color-red-2) !important;
  color: white !important;
}

.button.-outline-red-2 {
  border-color: var(--color-red-2);
}

.button.-outline-red-2:hover {
  background-color: var(--color-red-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-red-3:hover {
  border-color: var(--color-red-3);
  background-color: var(--color-red-3) !important;
  color: white !important;
}

.button.-outline-red-3 {
  border-color: var(--color-red-3);
}

.button.-outline-red-3:hover {
  background-color: var(--color-red-3) !important;
  border-color: transparent;
  color: white !important;
}

.button.-red-4:hover {
  border-color: var(--color-red-4);
  background-color: var(--color-red-4) !important;
  color: white !important;
}

.button.-outline-red-4 {
  border-color: var(--color-red-4);
}

.button.-outline-red-4:hover {
  background-color: var(--color-red-4) !important;
  border-color: transparent;
  color: white !important;
}

.button.-purple-1:hover {
  border-color: var(--color-purple-1);
  background-color: var(--color-purple-1) !important;
  color: white !important;
}

.button.-outline-purple-1 {
  border-color: var(--color-purple-1);
}

.button.-outline-purple-1:hover {
  background-color: var(--color-purple-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-yellow-1:hover {
  border-color: var(--color-yellow-1);
  background-color: var(--color-yellow-1) !important;
  color: white !important;
}

.button.-outline-yellow-1 {
  border-color: var(--color-yellow-1);
}

.button.-outline-yellow-1:hover {
  background-color: var(--color-yellow-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-yellow-2:hover {
  border-color: var(--color-yellow-2);
  background-color: var(--color-yellow-2) !important;
  color: white !important;
}

.button.-outline-yellow-2 {
  border-color: var(--color-yellow-2);
}

.button.-outline-yellow-2:hover {
  background-color: var(--color-yellow-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-yellow-3:hover {
  border-color: var(--color-yellow-3);
  background-color: var(--color-yellow-3) !important;
  color: white !important;
}

.button.-outline-yellow-3 {
  border-color: var(--color-yellow-3);
}

.button.-outline-yellow-3:hover {
  background-color: var(--color-yellow-3) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-1:hover {
  border-color: var(--color-light-1);
  background-color: var(--color-light-1) !important;
  color: white !important;
}

.button.-outline-light-1 {
  border-color: var(--color-light-1);
}

.button.-outline-light-1:hover {
  background-color: var(--color-light-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-2:hover {
  border-color: var(--color-light-2);
  background-color: var(--color-light-2) !important;
  color: white !important;
}

.button.-outline-light-2 {
  border-color: var(--color-light-2);
}

.button.-outline-light-2:hover {
  background-color: var(--color-light-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-3:hover {
  border-color: var(--color-light-3);
  background-color: var(--color-light-3) !important;
  color: white !important;
}

.button.-outline-light-3 {
  border-color: var(--color-light-3);
}

.button.-outline-light-3:hover {
  background-color: var(--color-light-3) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-4:hover {
  border-color: var(--color-light-4);
  background-color: var(--color-light-4) !important;
  color: white !important;
}

.button.-outline-light-4 {
  border-color: var(--color-light-4);
}

.button.-outline-light-4:hover {
  background-color: var(--color-light-4) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-5:hover {
  border-color: var(--color-light-5);
  background-color: var(--color-light-5) !important;
  color: white !important;
}

.button.-outline-light-5 {
  border-color: var(--color-light-5);
}

.button.-outline-light-5:hover {
  background-color: var(--color-light-5) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-6:hover {
  border-color: var(--color-light-6);
  background-color: var(--color-light-6) !important;
  color: white !important;
}

.button.-outline-light-6 {
  border-color: var(--color-light-6);
}

.button.-outline-light-6:hover {
  background-color: var(--color-light-6) !important;
  border-color: transparent;
  color: white !important;
}

.button.-light-7:hover {
  border-color: var(--color-light-7);
  background-color: var(--color-light-7) !important;
  color: white !important;
}

.button.-outline-light-7 {
  border-color: var(--color-light-7);
}

.button.-outline-light-7:hover {
  background-color: var(--color-light-7) !important;
  border-color: transparent;
  color: white !important;
}

.button.-green-1:hover {
  border-color: var(--color-green-1);
  background-color: var(--color-green-1) !important;
  color: white !important;
}

.button.-outline-green-1 {
  border-color: var(--color-green-1);
}

.button.-outline-green-1:hover {
  background-color: var(--color-green-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-green-2:hover {
  border-color: var(--color-green-2);
  background-color: var(--color-green-2) !important;
  color: white !important;
}

.button.-outline-green-2 {
  border-color: var(--color-green-2);
}

.button.-outline-green-2:hover {
  background-color: var(--color-green-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-green-3:hover {
  border-color: var(--color-green-3);
  background-color: var(--color-green-3) !important;
  color: white !important;
}

.button.-outline-green-3 {
  border-color: var(--color-green-3);
}

.button.-outline-green-3:hover {
  background-color: var(--color-green-3) !important;
  border-color: transparent;
  color: white !important;
}

.button.-info-1:hover {
  border-color: var(--color-info-1);
  background-color: var(--color-info-1) !important;
  color: white !important;
}

.button.-outline-info-1 {
  border-color: var(--color-info-1);
}

.button.-outline-info-1:hover {
  background-color: var(--color-info-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-info-2:hover {
  border-color: var(--color-info-2);
  background-color: var(--color-info-2) !important;
  color: white !important;
}

.button.-outline-info-2 {
  border-color: var(--color-info-2);
}

.button.-outline-info-2:hover {
  background-color: var(--color-info-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-warning-1:hover {
  border-color: var(--color-warning-1);
  background-color: var(--color-warning-1) !important;
  color: white !important;
}

.button.-outline-warning-1 {
  border-color: var(--color-warning-1);
}

.button.-outline-warning-1:hover {
  background-color: var(--color-warning-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-warning-2:hover {
  border-color: var(--color-warning-2);
  background-color: var(--color-warning-2) !important;
  color: white !important;
}

.button.-outline-warning-2 {
  border-color: var(--color-warning-2);
}

.button.-outline-warning-2:hover {
  background-color: var(--color-warning-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-error-1:hover {
  border-color: var(--color-error-1);
  background-color: var(--color-error-1) !important;
  color: white !important;
}

.button.-outline-error-1 {
  border-color: var(--color-error-1);
}

.button.-outline-error-1:hover {
  background-color: var(--color-error-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-error-2:hover {
  border-color: var(--color-error-2);
  background-color: var(--color-error-2) !important;
  color: white !important;
}

.button.-outline-error-2 {
  border-color: var(--color-error-2);
}

.button.-outline-error-2:hover {
  background-color: var(--color-error-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-success-1:hover {
  border-color: var(--color-success-1);
  background-color: var(--color-success-1) !important;
  color: white !important;
}

.button.-outline-success-1 {
  border-color: var(--color-success-1);
}

.button.-outline-success-1:hover {
  background-color: var(--color-success-1) !important;
  border-color: transparent;
  color: white !important;
}

.button.-success-2:hover {
  border-color: var(--color-success-2);
  background-color: var(--color-success-2) !important;
  color: white !important;
}

.button.-outline-success-2 {
  border-color: var(--color-success-2);
}

.button.-outline-success-2:hover {
  background-color: var(--color-success-2) !important;
  border-color: transparent;
  color: white !important;
}

.button.-outline-white:hover {
  background-color: white !important;
  color: var(--color-dark-1) !important;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  width: 160px;
  height: 160px;
}

.play-button.-sm {
  width: 90px;
  height: 90px;
}

@media (max-width: 767px) {
  .play-button {
    width: 100px;
    height: 100px;
  }

  .play-button>i {
    font-size: 18px !important;
  }
}

.play-button:hover {
  color: var(--color-accent-1);
}

.arrowButton.-type-1 {
  display: flex;
  align-items: center;
}

.arrowButton.-type-1>span {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.arrowButton.-type-1>span i {
  transform: rotate(-90deg);
}

.buttonArrow:hover span {
  text-decoration: underline;
}

.contactForm select,
.contactForm input:not([type="range"]),
.contactForm textarea {
  font-size: 15px;
  line-height: 1.4;
  height: 55px;
  border: 1px solid #E7E6E6;
  border-radius: 12px;
  padding: 15px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.contactForm select:focus,
.contactForm input:not([type="range"]):focus,
.contactForm textarea:focus {
  outline: 1px solid #05073C;
  border: 1px solid #05073C;
}

.contactForm textarea {
  height: auto;
}

.contactForm ::-moz-placeholder {
  font-weight: 400;
}

.contactForm ::placeholder {
  font-weight: 400;
}

.contactForm__caption {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  text-transform: uppercase;
}

.contactForm .form-input {
  position: relative;
}

.contactForm .form-input label {
  position: absolute;
  top: 20px;
  left: 15px;
  color: black;
  z-index: 10;
  pointer-events: none;
  transition: all 0.15s ease-out;
}

.contactForm .form-input label::before {
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
  right: -7px;
  bottom: 0;
  background-color: white;
  z-index: -1;
}

.contactForm .form-input textarea:focus+label,
.contactForm .form-input input:focus+label {
  transform: translateY(-29px);
}

input.text-white::-moz-placeholder {
  color: white;
}

input.text-white::placeholder {
  color: white;
}

.form-checkbox {
  cursor: pointer;
  position: relative;
  display: flex;
}

.form-checkbox label {
  margin: 0;
  margin-left: 10px;
  font-size: 15px;
}

.form-checkbox__mark {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid #05073C;
  border-radius: 4px;
}

.form-checkbox__icon {
  display: none;
  position: absolute;
  font-size: 8px;
  color: var(--color-dark-1);
}

.form-checkbox input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  opacity: 0;
}

.form-checkbox input:checked~.form-checkbox__mark {
  background-color: var(--color-accent-1);
  border-color: var(--color-accent-1);
}

.form-checkbox input:checked~.form-checkbox__mark .form-checkbox__icon {
  display: block;
}

.form-checkbox:hover input~.form-checkbox__mark {
  background-color: rgba(0, 0, 0, 0.2);
}

.form-radio {
  display: flex;
  align-items: center;
}

.form-radio .radio {
  cursor: pointer;
  position: relative;
  display: block;
}

.form-radio .radio__mark {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px;
  width: 18px;
  border-radius: 100%;
  border: 1px solid var(--color-accent-1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.form-radio .radio__icon {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  transform-origin: center;
  opacity: 1;
  transform: scale(0.2);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.form-radio .radio input {
  cursor: pointer;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.form-radio .radio input:checked~.radio__mark {
  border-color: var(--color-accent-1);
  background-color: var(--color-accent-1);
}

.form-radio .radio input:checked~.radio__mark .radio__icon {
  background-color: var(--color-white);
  opacity: 1;
  transform: scale(1);
}

.form-switch .switch {
  cursor: pointer;
  position: relative;
  width: 55px;
  height: 30px;
}

.form-switch .switch__slider {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-light-1);
  transition: .3s;
  border-radius: 30px;
}

.form-switch .switch__slider::before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 100%;
  box-shadow: 0px 10px 40px 0px #0000000D;
  transition: .3s;
}

.form-switch .switch input {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.form-switch .switch input:checked+.switch__slider {
  background-color: var(--color-accent-1);
}

.form-switch .switch input:checked+.switch__slider::before {
  transform: translateX(25px);
  background-color: white;
}

.select {
  position: relative;
}

.select__button {
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 1.4;
  height: 55px;
  border: 1px solid #E7E6E6;
  border-radius: 12px;
  padding: 15px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.select__button:focus {
  outline: 1px solid #05073C;
  border: 1px solid #05073C;
}

.select__icon {
  width: 20px;
  height: 20px;
}

.select__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 340px;
  background-color: white;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  z-index: 30;
  transition: all 0.2s ease;
  pointer-events: none;
  opacity: 0;
}

.select__dropdown.-is-visible {
  opacity: 1;
  pointer-events: auto;
}

.select__options {
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
  padding-bottom: 10px;
}

.select__options::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.select__options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
}

.select__options__button {
  display: flex;
  align-items: center;
  font-size: 15px;
  text-align: left;
  padding: 6px 0;
  transition: all 0.15s ease;
}

.select__options__button:hover {
  cursor: pointer;
  color: var(--color-accent-1) !important;
}

.select__options__button:focus {
  color: var(--color-accent-1) !important;
}

.select__search {
  height: 50px !important;
  background-color: var(--color-light-1) !important;
  width: auto !important;
  color: black;
  padding: 0 20px !important;
  margin: 0 20px;
  margin-top: 20px;
}

.select.-multiple .select__dropdown {
  padding: 15px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  font-weight: 700;
  color: var(--color-dark-1);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1199px) {
  .xl\:text-8 {
    font-size: var(--text-8) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 991px) {
  .lg\:text-8 {
    font-size: var(--text-8) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .md\:text-8 {
    font-size: var(--text-8) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 575px) {
  .sm\:text-8 {
    font-size: var(--text-8) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 479px) {
  .xs\:text-8 {
    font-size: var(--text-8) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lh-11 {
  line-height: 1.1 !important;
}

.lh-12 {
  line-height: 1.2 !important;
}

.lh-13 {
  line-height: 1.3 !important;
}

.lh-14 {
  line-height: 1.4 !important;
}

.lh-15 {
  line-height: 1.5 !important;
}

.lh-16 {
  line-height: 1.6 !important;
}

.lh-17 {
  line-height: 1.7 !important;
}

.lh-18 {
  line-height: 1.8 !important;
}

.lh-19 {
  line-height: 1.9 !important;
}

.lh-2 {
  line-height: 2 !important;
}

.text-center {
  text-align: center;
}

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

.text-left {
  text-align: left;
}

@media (max-width: 1199px) {
  .xl\:text-center {
    text-align: center !important;
  }

  .xl\:text-right {
    text-align: right !important;
  }

  .xl\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 991px) {
  .lg\:text-center {
    text-align: center !important;
  }

  .lg\:text-right {
    text-align: right !important;
  }

  .lg\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .md\:text-center {
    text-align: center !important;
  }

  .md\:text-right {
    text-align: right !important;
  }

  .md\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 575px) {
  .sm\:text-center {
    text-align: center !important;
  }

  .sm\:text-right {
    text-align: right !important;
  }

  .sm\:text-left {
    text-align: left !important;
  }
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.header.-type-1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 1000;
}

.header.-type-1 .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
}

@media (max-width: 767px) {
  .header.-type-1 .header__container {
    height: 57px;
  }
}

.header.-type-1 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-1 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-1 .header__right {
    display: none;
  }
}

.header.-type-1 .header__menuBtn {
  display: flex;
}

.header.-type-1 .header__menuBtn i {
  font-size: 20px;
}

.header.-type-1.-page-6 {
  background-color: transparent;
}

.header.-type-1.-page-6.-is-sticky {
  background-color: white;
}

.header.-type-1.-page-6 .headerDropdown__button:hover {
  background-color: #F8E9E3;
}

.header.-type-1.-secondary {
  border-bottom: 1px solid var(--Border, #E7E6E6);
}

.header.-type-1.-type-map {
  border-bottom: 1px solid var(--Border, #E7E6E6);
}

.header.-type-1.-type-map .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
  border-bottom: 1px solid var(--Border, #E7E6E6);
  padding: 0 60px;
  max-width: 100%;
}

@media (max-width: 767px) {
  .header.-type-1.-type-map .header__container {
    height: 57px;
    padding: 0 24px;
  }
}

.headerDropdown {
  position: relative;
}

.headerDropdown__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 7px 20px;
  border-radius: 200px;
  transition: 0.2s;
}

.headerDropdown__button i {
  margin-left: 5px;
}

.headerDropdown__button:hover {
  background-color: var(--color-light-1);
}

.headerDropdown__content {
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}

.headerDropdown__content.is-active {
  opacity: 1;
  pointer-events: auto;
}

.headerDropdown .tabsMenu {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}

.headerDropdown .tabsMenu__container {
  background: white;
  border-radius: 12px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--Border, #E7E6E6);
  width: 1290px;
  max-width: 100vw;
}

.headerDropdown .tabsMenu__tabs {
  border-right: 1px solid var(--color-border);
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  width: 100%;
  transition: 0.2s;
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  width: 2px;
  background-color: var(--color-accent-1);
  opacity: 0;
  transition: 0.2s;
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button+button {
  border-top: 1px solid var(--color-border);
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button:hover {
  background-color: rgba(235, 102, 43, 0.05);
  color: var(--color-accent-1);
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button:hover::after {
  opacity: 1;
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button.is-tab-el-active {
  background-color: rgba(235, 102, 43, 0.05);
  color: var(--color-accent-1);
}

.headerDropdown .tabsMenu__tabs .tabs__controls>button.is-tab-el-active::after {
  opacity: 1;
}

.headerDropdown .tabsMenu__content {
  padding: 45px 0;
  padding-left: 60px;
  padding-right: 80px;
}

.headerDropdown .tabsMenu__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 100px;
}

.headerDropdown .tabsMenu .tabsMenu-list__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 187.5%;
}

.headerDropdown .tabsMenu .tabsMenu-list__content {
  margin-top: 10px;
}

.headerDropdown .tabsMenu .tabsMenu-list__item>a {
  font-size: 15px;
  line-height: 233.333%;
}

.headerDropdown .tabsMenu .tabsMenu-list__item>a:hover {
  color: var(--color-accent-1);
}

.headerDropdown .tabsMenu .tabs {
  display: grid;
  grid-template-columns: 260px 1fr;
}

.headerDropdown .headerDropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  padding-top: 10px;
  transform: translateX(-50%);
  z-index: 20;
}

.headerDropdown .headerDropdown__container {
  background-color: white;
  border-radius: 12px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--Border, #E7E6E6);
  padding: 20px 40px;
  width: 220px;
}

.headerDropdown .headerDropdown__item {
  font-size: 15px;
  font-weight: 500;
  line-height: 266.667%;
}

.headerDropdown .headerDropdown__item button:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: var(--color-primary, #EB662B);
}

.headerDropdown.-hover-light .headerDropdown__button:hover {
  background: rgba(255, 255, 255, 0.1);
}

.headerMobile__left {
  display: none;
}

@media (max-width: 767px) {
  .headerMobile__left {
    display: block;
  }
}

.headerMobile__right {
  display: none;
}

@media (max-width: 767px) {
  .headerMobile__right {
    display: flex;
  }
}

.header {
  transition: 0.2s;
}

.header.-is-sticky {
  box-shadow: 0px 10px 20px 0px #0000000D;
}

.header__search {
  position: relative;
  display: flex;
  align-items: center;
}

.header__search>i {
  position: absolute;
  top: 12px;
  left: 18px;
  font-size: 18px;
  margin-right: 10px;
}

.header__search input {
  width: 350px;
  border-radius: 200px;
  padding: 7px 12px;
  padding-left: 46px;
  border: 1px solid transparent;
  transition: 0.2s;
}

.header__search .headerSearchRecent {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 14px;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}

.header__search .headerSearchRecent__container {
  overflow: hidden;
  border-radius: 12px;
  background-color: white;
  border: 1px solid var(--Border, #E7E6E6);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  width: 490px;
  max-width: 100%;
}

.header__search .headerSearchRecent__title {
  padding: 30px;
  padding-bottom: 15px;
}

.header__search .headerSearchRecent__list {
  overflow-y: scroll;
  height: 450px;
}

.header__search .headerSearchRecent__list::-webkit-scrollbar {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.1);
}

.header__search .headerSearchRecent__list::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

.header__search .headerSearchRecent__item {
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  padding: 0 30px;
  height: 90px;
}

.header__search .headerSearchRecent__item:hover {
  background-color: var(--bg-1, #F5F5F5);
}

.header__search .headerSearchRecent.is-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.header .desktopNav__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header .desktopNav__item a:hover {
  color: var(--color-accent-1);
}

.header .desktopNavMega {
  position: absolute;
  top: 100%;
  left: -40px;
  width: 970px;
  max-width: 100vw;
  padding-top: 20px;
  z-index: 20;
  transition: 0.2s;
  pointer-events: none;
  opacity: 0;
}

@media (max-width: 1400px) {
  .header .desktopNavMega {
    position: fixed;
    top: 50px;
    padding-top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.header .desktopNavMega__container {
  display: grid;
  grid-template-columns: 1fr 410px;
  gap: 40px;
  background-color: white;
  border-radius: 12px;
  border: 1px solid var(--Border, #E7E6E6);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.header .desktopNavMega__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.header .desktopNavMega .desktopNavMega-list__title {
  color: var(--color-third, #05073C);
  font-size: 16px;
  font-weight: 500;
  line-height: 187.5%;
}

.header .desktopNavMega .desktopNavMega-list__list {
  margin-top: 10px;
}

.header .desktopNavMega .desktopNavMega-list__link {
  color: var(--color-third, #05073C);
  font-size: 15px;
  line-height: 233.333%;
}

.header.-type-2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  z-index: 1000;
  /* height: 88px; */
}

.header.-type-2 .header__container {
  display: flex;
  font-weight: 500;
  color: black;
  align-items: center;
  justify-content: space-between;
  /* height: 65px; */
}

@media (max-width: 767px) {
  .header.-type-2 .header__container {
    display: none;
    font-weight: 500;
    color: black;
    align-items: center;
    justify-content: space-between;
    /* height: 88px; */
  }
}

.header.-type-2 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-2 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-2 .header__right {
    display: none;
  }
}

.header.-type-2 .header__search {
  display: flex;
  align-items: center;
}

.header.-type-2 .header__search i {
  font-size: 18px;
  margin-right: 10px;
}

.header.-type-2 .header__search input {
  width: 230px;
}

.header.-type-2 .header__menuBtn {
  display: flex;
}

.header.-type-2 .header__menuBtn i {
  font-size: 20px;
}

.header.-type-2 .desktopNav>* {
  transition: 0.2s;
}

.header.-type-2 .desktopNav>*:hover {
  background-color: #FEF7F4;
}

.header.-type-2 .headerMobile__left {
  display: none;
}

@media (max-width: 1199px) {
  .header.-type-2 .headerMobile__left {
    display: block;
  }
}

.header.-type-2 .headerMobile__right {
  display: none;
}

@media (max-width: 1199px) {
  .header.-type-2 .headerMobile__right {
    display: flex;
  }
}

.header.-type-3 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: .2s;
}

.header.-type-3.-is-sticky {
  background-color: white;
}

.header.-type-3 .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
}

@media (max-width: 767px) {
  .header.-type-3 .header__container {
    height: 57px;
  }
}

.header.-type-3 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-3 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-3 .header__right {
    display: none;
  }
}

.header.-type-3 .header__search {
  display: flex;
  align-items: center;
}

.header.-type-3 .header__search i {
  font-size: 18px;
  margin-right: 10px;
}

.header.-type-3 .header__search input {
  width: 230px;
}

.header.-type-3 .header__menuBtn {
  display: flex;
}

.header.-type-3 .header__menuBtn i {
  font-size: 20px;
}

.header.-type-3 .desktopNav>* {
  transition: 0.2s;
}

.header.-type-3 .desktopNav>*:hover {
  background-color: #F1ECF2;
}

.header.-type-3 .desktopNav>* a:hover {
  color: var(--color-dark-1);
}

@media (max-width: 991px) {
  .header.-type-3.-page-5 .header__right {
    display: none;
  }
}

@media (max-width: 991px) {
  .header.-type-3.-page-5 .headerMobile__left {
    display: flex !important;
  }
}

@media (max-width: 991px) {
  .header.-type-3.-page-5 .headerMobile__right {
    display: flex !important;
  }
}

.header.-type-3.-page-5 .desktopNav>* {
  transition: 0.2s;
}

.header.-type-3.-page-5 .desktopNav>*:hover {
  background-color: #FFFFFF;
}

.header.-type-3.-page-5 .desktopNav>* a:hover {
  color: var(--color-dark-1);
}

.header .desktopNav {
  display: flex;
  align-items: center;
}

.header .desktopNav>* {
  padding: 8px 20px;
}

.header .desktopNav__item {
  position: relative;
  border-radius: 100px;
}

.header .desktopNav__item>a {
  display: flex;
  align-items: center;
}

.header .desktopNav__item>a i {
  margin-left: 5px;
}

.header .desktopNav__item:hover>*:last-child {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.header .desktopNav .desktopNavSubnav {
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 14px;
  opacity: 0;
  pointer-events: none;
  transition: .2s;
}

.header .desktopNav .desktopNavSubnav__content {
  border-radius: 12px;
  background-color: white;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--border, #E7E6E6);
  min-width: 260px;
  padding: 20px 40px;
}

.header .desktopNav .desktopNavSubnav__content>*+* {
  padding-top: 12px;
}

.header .desktopNav .desktopNavSubnav__item {
  position: relative;
}

.header .desktopNav .desktopNavSubnav__item>.desktopNavSubnav {
  top: 0;
  left: 100%;
}

.header .desktopNav .desktopNavSubnav__item:hover>.desktopNavSubnav {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.header .desktopNav.-light>*>a {
  color: white;
}

.header .desktopNav>*:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.header .desktopNav.-hover-dark>*:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.header.-type-4 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: .2s;
}

.header.-type-4.-is-sticky {
  background-color: white;
}

.header.-type-4 .header__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 60px;
}

@media (max-width: 767px) {
  .header.-type-4 .header__container {
    padding: 20px 20px;
  }
}

.header.-type-4 .header__center {
  position: absolute;
  left: 50%;
  display: flex;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .header.-type-4 .header__center {
    display: none;
  }
}

.header.-type-4 .header__center>a+a {
  margin-left: 30px;
}

.header.-type-4 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .header.-type-4 .header__right {
    display: none;
  }
}

.header.-type-4 .header__search {
  display: flex;
  align-items: center;
}

.header.-type-4 .header__search i {
  font-size: 18px;
  margin-right: 10px;
}

.header.-type-4 .header__search input {
  width: 230px;
}

.header.-type-4 .header__menuBtn {
  display: flex;
}

.header.-type-4 .header__menuBtn i {
  font-size: 20px;
}

.header.-type-4 .desktopNav>* {
  transition: 0.2s;
}

.header.-type-4 .desktopNav>*:hover {
  background-color: #FFEEE7;
}

.header.-type-4 .desktopNav>* a:hover {
  color: var(--color-dark-1);
}

.header.-type-4 .headerMobile__left {
  display: none;
}

@media (max-width: 991px) {
  .header.-type-4 .headerMobile__left {
    display: block;
  }
}

.header.-type-4 .headerMobile__right {
  display: none;
}

@media (max-width: 991px) {
  .header.-type-4 .headerMobile__right {
    display: flex;
  }
}

.headerDropdown {
  position: relative;
}

.headerDropdown__button {
  display: flex;
  align-items: center;
}

.headerDropdown__button i {
  margin-left: 5px;
}

.headerDropdown.-button .headerDropdown__button {
  padding: 7px 20px;
  border-radius: 200px;
}

.headerMobile__left {
  display: none;
}

@media (max-width: 991px) {
  .headerMobile__left {
    display: block;
  }
}

.headerMobile__right {
  display: none;
}

@media (max-width: 991px) {
  .headerMobile__right {
    display: flex;
  }
}

.header.-type-7 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.header.-type-7.-is-sticky {
  background-color: var(--color-dark-1);
}

.header.-type-7 .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
}

@media (max-width: 767px) {
  .header.-type-7 .header__container {
    height: 57px;
  }
}

.header.-type-7 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-7 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-7 .header__right {
    display: none;
  }
}

.header.-type-7 .header__search input ::-moz-placeholder {
  color: white;
}

.header.-type-7 .header__search input ::placeholder {
  color: white;
}

.header.-type-7 .header__menuBtn {
  display: flex;
}

.header.-type-7 .header__menuBtn i {
  font-size: 20px;
}

.headerDropdown {
  position: relative;
}

.headerDropdown__button {
  display: flex;
  align-items: center;
}

.headerDropdown__button i {
  margin-left: 5px;
}

.headerDropdown.-button .headerDropdown__button {
  padding: 7px 20px;
  border-radius: 200px;
}

.headerMobile__left {
  display: none;
}

@media (max-width: 767px) {
  .headerMobile__left {
    display: block;
  }
}

.headerMobile__right {
  display: none;
}

@media (max-width: 767px) {
  .headerMobile__right {
    display: flex;
  }
}

.header.-type-8 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.header.-type-8.-is-sticky {
  background-color: var(--color-dark-1);
}

.header.-type-8 .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
}

@media (max-width: 767px) {
  .header.-type-8 .header__container {
    height: 57px;
  }
}

.header.-type-8 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-8 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-8 .header__right {
    display: none;
  }
}

.header.-type-8 .header__search {
  display: flex;
  align-items: center;
}

.header.-type-8 .header__search i {
  font-size: 18px;
  margin-right: 10px;
}

.header.-type-8 .header__search input {
  width: 230px;
}

.header.-type-8 .header__menuBtn {
  display: flex;
}

.header.-type-8 .header__menuBtn i {
  font-size: 20px;
}

.header.-type-9 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  transform: translateY(30px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .header.-type-9 {
    transform: none;
  }
}

.header.-type-9.-is-sticky {
  transform: none;
  background-color: #131313;
}

.header.-type-9 .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
}

@media (max-width: 767px) {
  .header.-type-9 .header__container {
    height: 57px;
  }
}

.header.-type-9 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-9 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-9 .header__right {
    display: none;
  }
}

.header.-type-9 .header__search {
  display: flex;
  align-items: center;
}

.header.-type-9 .header__search i {
  font-size: 18px;
  margin-right: 10px;
}

.header.-type-9 .header__search input {
  width: 230px;
}

.header.-type-9 .header__menuBtn {
  display: flex;
}

.header.-type-9 .header__menuBtn i {
  font-size: 20px;
}

.header.-type-10 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

.header.-type-10.-is-sticky {
  background-color: #131313;
}

.header.-type-10 .header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
  padding: 0 60px;
}

@media (max-width: 767px) {
  .header.-type-10 .header__container {
    height: 57px;
    padding: 0 24px;
  }
}

.header.-type-10 .header__logo {
  display: flex;
  align-items: center;
}

.header.-type-10 .header__right {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header.-type-10 .header__right {
    display: none;
  }
}

.header.-type-10 .header__search {
  display: flex;
  align-items: center;
}

.header.-type-10 .header__search i {
  font-size: 18px;
  margin-right: 10px;
}

.header.-type-10 .header__search input {
  width: 230px;
}

.header.-type-10 .header__menuBtn {
  display: flex;
}

.header.-type-10 .header__menuBtn i {
  font-size: 20px;
}

.footer.-type-1 .footer__main {
  position: relative;
  z-index: 0;
}

@media (max-width: 767px) {
  .footer.-type-1 .footer__main {
    padding-top: 60px;
  }
}

.footer.-type-1 .footer__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 60px;
  right: 60px;
  z-index: -1;
}

@media (max-width: 991px) {
  .footer.-type-1 .footer__bg {
    right: 0;
    left: 0;
  }
}

.footer.-type-1 .footer__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 991px) {
  .footer.-type-1 .footer__bg img {
    border-radius: 0;
  }
}

.footer.-type-1 .footer__info {
  padding-top: 80px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(235, 102, 43, 0.15);
}

@media (max-width: 767px) {
  .footer.-type-1 .footer__info {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.footer.-type-1 .footer__content {
  padding-top: 60px;
  color: black;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .footer.-type-1 .footer__content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.footer.-type-1 .footer__newsletter {
  position: relative;
  margin-top: 10px;
}

.footer.-type-1 .footer__newsletter input {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  background-color: white;
  border: 1px solid var(--Border, #E7E6E6);
  border-radius: 12px;
}

.footer.-type-1 .footer__newsletter button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0 20px;
  color: var(--color-dark-1);
  z-index: 1;
}

.footer.-type-1 .footer__bottom {
  padding: 20px 0;
}

.footer.-type-1 .footerSocials {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .footer.-type-1 .footerSocials {
    align-items: flex-start;
    flex-direction: column;
  }
}

.footer.-type-1 .footerSocials__title {
  font-size: 17px;
  font-weight: 500;
  margin-right: 10px;
}

.footer.-type-1 .footerSocials__icons {
  display: flex;
}

@media (max-width: 767px) {
  .footer.-type-1 .footerSocials__icons {
    position: relative;
    left: -12px;
    margin-top: 8px;
  }
}

.footer.-type-1 .footerSocials__icons>* {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-size: 15px;
  transition: .2s;
}

.footer.-type-1 .footerSocials__icons>*:hover {
  background-color: var(--color-accent-1) !important;
  color: white !important;
}

.footer.-type-1.-dark .footer__bg {
  left: -20px;
  right: -20px;
}

.footer.-type-1.-dark h4 {
  color: white;
}

.footer.-type-1.-dark p {
  color: white;
}

.footer.-type-1.-round .footer__bg {
  left: 30px;
  right: 30px;
}

@media (max-width: 991px) {
  .footer.-type-1.-round .footer__bg {
    right: 0;
    left: 0;
    border-radius: 0 !important;
  }
}

.hero.-type-1 {
  position: relative;
  padding-top: 220px;
  padding-bottom: 220px;
  margin-top: 88px;
  z-index: 5;
}

@media (max-width: 767px) {
  .hero.-type-1 {
    margin-top: 57px;
  }
}

@media (max-width: 767px) {
  .hero.-type-1 {
    padding-bottom: 0;
  }
}

.hero.-type-1 .hero__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 60px;
  left: 60px;
  border-radius: 12px;
  z-index: -1;
}

@media (max-width: 991px) {
  .hero.-type-1 .hero__bg {
    right: 0;
    left: 0;
    border-radius: 0;
  }
}

.hero.-type-1 .hero__bg>*:nth-child(1) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-1 .hero__bg>*:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 991px) {
  .hero.-type-1 .hero__bg>*:nth-child(2) {
    height: 35px;
  }
}

.hero.-type-1 .hero__content {
  text-align: center;
}

.hero.-type-1 .hero__title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
  color: white;
}

@media (max-width: 991px) {
  .hero.-type-1 .hero__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-1 .hero__title {
    font-size: 40px;
  }
}

.hero.-type-1 .hero__text {
  color: white;
  margin-top: 10px;
}

.hero.-type-1.-min {
  padding-top: 134px;
  padding-bottom: 100px;
}

.hero.-type-1.-min-2 {
  padding-top: 190px;
  padding-bottom: 200px;
}

.hero.-type-2 {
  position: relative;
  margin-top: 88px;
  z-index: 5;
}

@media (max-width: 767px) {
  .hero.-type-2 {
    margin-top: 57px;
  }
}

.hero.-type-2 .hero__shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.hero.-type-2 .hero__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: 12px;
  z-index: -1;
}

.hero.-type-2 .hero__filter {
  padding: 20px 0;
}

.hero.-type-2 .hero__slider {
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  margin-top: 40px;
}

.hero.-type-2 .hero__slide {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 630px;
}

@media (max-width: 1199px) {
  .hero.-type-2 .hero__slide {
    grid-template-columns: 1fr 480px;
  }
}

@media (max-width: 991px) {
  .hero.-type-2 .hero__slide {
    grid-template-columns: 1fr;
  }
}

.hero.-type-2 .hero__content {
  padding: 50px 0;
  padding-left: 40px;
}

@media (max-width: 1199px) {
  .hero.-type-2 .hero__content {
    padding: 80px 0;
    padding-left: 100px;
  }
}

@media (max-width: 991px) {
  .hero.-type-2 .hero__content {
    /* padding: 60px 0; */
    padding-left: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-2 .hero__content {
    padding: 18px;
    margin-left: 10px;
  }
}

.hero.-type-2 .hero__title {
  position: relative;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  color: white;
  z-index: 0;
}

@media (max-width: 991px) {
  .hero.-type-2 .hero__title {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .hero.-type-2 .hero__title {
    font-size: 30px;
  }
}

.hero.-type-2 .hero__title_shape {
  position: relative;
  display: inline-block;
  z-index: 0;
}

.hero.-type-2 .hero__title_shape span {
  position: absolute;
  /* top: 3px; */
  left: -13px;
  z-index: -1;
  width: 305px;
}

@media (max-width: 767px) {
  .hero.-type-2 .hero__title_shape span {
    width: 220px;
  }
}

.hero.-type-2 .hero__title_shape span img {
  width: 100%;
  position: relative;
  bottom: 5px;
  height: auto;
}

.hero.-type-2 .hero__text {
  color: white;
  margin-top: 10px;
}

.hero.-type-2 .hero__image {
  position: relative;
  height: 100%;
}

@media (max-width: 991px) {
  .hero.-type-2 .hero__image {
    height: 300px;
  }
}

.hero.-type-2 .hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-2 .hero__image_shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@media (max-width: 991px) {
  .hero.-type-2 .hero__image_shape {
    display: none;
  }
}

.hero.-type-2 .hero__image_mobileShape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
}

@media (max-width: 991px) {
  .hero.-type-2 .hero__image_mobileShape {
    display: block;
  }
}

.hero.-type-2 .navAbsolute {
  left: 30px;
  right: 30px;
}

@media (max-width: 991px) {
  .hero.-type-2 .navAbsolute {
    left: 12px;
    right: 12px;
  }
}

.hero.-type-3 {
  position: relative;
  padding-top: 185px;
  padding-bottom: 0;
  z-index: 5;
}

@media (max-width: 991px) {
  .hero.-type-3 {
    padding-top: 140px;
  }
}

@media (max-width: 767px) {
  .hero.-type-3 {
    padding-top: 120px;
  }
}

@media (max-width: 575px) {
  .hero.-type-3 {
    padding-top: 80px;
  }
}

.hero.-type-3 .hero__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 175px;
  right: 0;
  left: 0;
  z-index: -1;
}

.hero.-type-3 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-3 .hero__title {
  position: relative;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
  z-index: 1;
}

.hero.-type-3 .hero__title img {
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: -1;
}

@media (max-width: 767px) {
  .hero.-type-3 .hero__title img {
    left: 0;
  }
}

@media (max-width: 991px) {
  .hero.-type-3 .hero__title {
    font-size: 56px;
  }
}

@media (max-width: 767px) {
  .hero.-type-3 .hero__title {
    font-size: 48px;
  }
}

@media (max-width: 575px) {
  .hero.-type-3 .hero__title {
    font-size: 40px;
  }
}

.hero.-type-3 .hero__filter {
  position: relative;
  z-index: 1;
}

.hero.-type-3 .hero__filter>* {
  width: 850px;
  border-radius: 200px;
}

@media (max-width: 991px) {
  .hero.-type-3 .hero__filter>* {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .hero.-type-3 .hero__filter>* {
    border-radius: 12px;
  }
}

.hero.-type-3 .hero__image {
  display: flex;
}

@media (max-width: 991px) {
  .hero.-type-3 .hero__image {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-3 .hero__image {
    margin-top: 40px;
  }
}

.hero.-type-3 .hero__image img {
  max-width: 100%;
}

@media (max-width: 1199px) {
  .hero.-type-3 .hero__image img {
    width: 100%;
  }
}

.hero.-type-3 .hero__image>div:nth-child(1) {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1199px) {
  .hero.-type-3 .hero__image>div:nth-child(1) {
    width: 50%;
  }
}

.hero.-type-3 .hero__image>div:nth-child(1)>*+* {
  margin-top: 20px;
}

.hero.-type-3 .hero__image>*:nth-child(2) {
  padding-top: 130px;
  margin-left: 20px;
}

@media (max-width: 1199px) {
  .hero.-type-3 .hero__image>*:nth-child(2) {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .hero.-type-3 .hero__image>*:nth-child(2) {
    padding-top: 0;
  }
}

.hero.-type-4 {
  position: relative;
  padding-top: 134px;
  padding-bottom: 472px;
  z-index: 5;
}

@media (max-width: 991px) {
  .hero.-type-4 {
    padding-top: 120px;
    padding-bottom: 400px;
  }
}

@media (max-width: 767px) {
  .hero.-type-4 {
    padding-top: 120px;
    padding-bottom: 200px;
  }
}

@media (max-width: 575px) {
  .hero.-type-4 {
    padding-top: 120px;
    padding-bottom: 40px;
  }
}

.hero.-type-4 .hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero.-type-4 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-4 .hero__title {
  font-weight: 600;
  font-size: 60px;
  line-height: 1.2;
  background: linear-gradient(97deg, #EE8C61 27.01%, #4C43C4 87.3%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 767px) {
  .hero.-type-4 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-4 .hero__title {
    font-size: 36px;
  }
}

.hero.-type-5 {
  position: relative;
  padding-top: 236px;
  padding-bottom: 202px;
  z-index: 5;
}

@media (max-width: 991px) {
  .hero.-type-5 {
    padding-top: 140px;
    padding-bottom: 380px;
  }
}

@media (max-width: 575px) {
  .hero.-type-5 {
    padding-top: 100px;
    padding-bottom: 280px;
  }
}

.hero.-type-5 .hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 200px;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 991px) {
  .hero.-type-5 .hero__bg {
    bottom: 250px;
    right: 0;
  }
}

@media (max-width: 575px) {
  .hero.-type-5 .hero__bg {
    bottom: 120px;
  }
}

.hero.-type-5 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-5 .hero__image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40vw;
  z-index: 1;
}

@media (max-width: 991px) {
  .hero.-type-5 .hero__image {
    top: unset;
    width: 100%;
    height: 40vh;
  }
}

@media (max-width: 575px) {
  .hero.-type-5 .hero__image {
    height: 250px;
  }
}

.hero.-type-5 .hero__image>*:nth-child(1) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 100%;
}

@media (max-width: 991px) {
  .hero.-type-5 .hero__image>*:nth-child(1) {
    display: none;
  }
}

.hero.-type-5 .hero__image>*:nth-child(2) {
  border-radius: 0 0 120px 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .hero.-type-5 .hero__image>*:nth-child(2) {
    border-radius: 0 0 120px 120px;
  }
}

.hero.-type-5 .hero__image>*:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}

@media (max-width: 991px) {
  .hero.-type-5 .hero__image>*:nth-child(3) {
    display: block;
  }
}

.hero.-type-5 .hero__content {
  position: relative;
  z-index: 2;
}

.hero.-type-5 .hero__title {
  font-size: 60px;
  line-height: 1.2;
  font-weight: 600;
}

@media (max-width: 767px) {
  .hero.-type-5 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-5 .hero__title {
    font-size: 40px;
  }
}

.hero.-type-5 .hero__filter>* {
  width: 100%;
}

.hero.-type-6 {
  position: relative;
  padding-top: 267px;
  padding-bottom: 140px;
  z-index: 5;
}

@media (max-width: 991px) {
  .hero.-type-6 {
    padding-top: 200px;
    padding-bottom: 120px;
    background-color: rgba(235, 102, 43, 0.05);
  }
}

@media (max-width: 767px) {
  .hero.-type-6 {
    padding-top: 140px;
  }
}

@media (max-width: 575px) {
  .hero.-type-6 {
    padding-top: 90px;
    padding-bottom: 40px;
  }
}

.hero.-type-6 .hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

@media (max-width: 991px) {
  .hero.-type-6 .hero__bg {
    display: none;
  }
}

.hero.-type-6 .hero__bg img {
  width: 100%;
  height: auto;
}

.hero.-type-6 .hero__title {
  font-size: 60px;
  line-height: 1.2;
  font-weight: 600;
}

@media (max-width: 767px) {
  .hero.-type-6 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-6 .hero__title {
    font-size: 40px;
  }
}

.hero.-type-7 {
  position: relative;
  z-index: 20;
}

.hero.-type-7 .hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero.-type-7 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-7 .hero__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background-color: #FEF7F4;
  border-radius: 80px 80px 0 0;
  z-index: 5;
}

.hero.-type-7 .hero__content {
  padding-top: 300px;
  padding-bottom: 440px;
}

@media (max-width: 1199px) {
  .hero.-type-7 .hero__content {
    padding-top: 220px;
    padding-bottom: 240px;
  }
}

@media (max-width: 767px) {
  .hero.-type-7 .hero__content {
    padding-top: 120px;
    padding-bottom: 400px;
  }
}

.hero.-type-7 .hero__title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .hero.-type-7 .hero__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-7 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-7 .hero__title {
    font-size: 36px;
  }
}

.hero.-type-7 .hero__filter {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 850px;
  max-width: calc(100% - 40px);
  z-index: 10;
}

@media (max-width: 767px) {
  .hero.-type-7 .hero__filter {
    max-width: unset;
    width: auto;
    left: 24px;
    right: 24px;
    transform: none;
  }
}

.hero.-type-7 .hero__slider {
  height: 100%;
}

.hero.-type-7 .hero__slider .swiper-wrapper {
  height: 100%;
}

.hero.-type-7 .hero__slider .swiper-slide {
  height: 100%;
}

.hero.-type-7 .hero__nav {
  position: absolute;
  top: 50%;
  left: 60px;
  right: 60px;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 10;
}

.hero.-type-8 {
  position: relative;
  padding-top: 192px;
  padding-bottom: 378px;
  z-index: 5;
}

@media (max-width: 991px) {
  .hero.-type-8 {
    padding-top: 180px;
    padding-bottom: 340px;
  }
}

@media (max-width: 767px) {
  .hero.-type-8 {
    padding-top: 120px;
    padding-bottom: 140px;
  }
}

@media (max-width: 575px) {
  .hero.-type-8 {
    padding-bottom: 100px;
  }
}

.hero.-type-8 .hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero.-type-8 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-8 .hero__content {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hero.-type-8 .hero__content>*:nth-child(1) {
    order: 2;
  }

  .hero.-type-8 .hero__content>*:nth-child(2) {
    order: 1;
  }
}

.hero.-type-8 .hero__title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .hero.-type-8 .hero__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-8 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-8 .hero__title {
    font-size: 36px;
  }
}

.hero.-type-9 {
  position: relative;
  z-index: 5;
}

.hero.-type-9 .container {
  position: relative;
}

.hero.-type-9 .hero__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  padding: 30px;
  padding-bottom: 0;
}

@media (max-width: 991px) {
  .hero.-type-9 .hero__bg {
    padding: 0;
  }
}

.hero.-type-9 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 991px) {
  .hero.-type-9 .hero__bg img {
    border-radius: 0;
  }
}

.hero.-type-9 .hero__content {
  padding-top: 272px;
  padding-bottom: 272px;
}

@media (max-width: 991px) {
  .hero.-type-9 .hero__content {
    padding-top: 220px;
    padding-bottom: 220px;
  }
}

@media (max-width: 767px) {
  .hero.-type-9 .hero__content {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}

@media (max-width: 575px) {
  .hero.-type-9 .hero__content {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.hero.-type-9 .hero__image {
  padding-top: 40px;
}

.hero.-type-9 .hero__image img {
  width: 100%;
  height: auto;
}

.hero.-type-9 .hero__title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .hero.-type-9 .hero__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-9 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-9 .hero__title {
    font-size: 36px;
  }
}

.hero.-type-9 .hero__pagination {
  color: white;
  position: absolute;
  bottom: 40px;
  left: 15px;
  z-index: 1;
}

@media (max-width: 767px) {
  .hero.-type-9 .hero__pagination {
    display: none;
  }
}

.hero.-type-9 .hero__pagination .pagination__item {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 187.5%;
}

.hero.-type-9 .hero__pagination .pagination__item::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 136px;
  height: 1px;
  margin-left: 24px;
  background-color: white;
  margin-bottom: 4px;
  transition: 0.2s;
  transform-origin: left;
  width: 0;
}

.hero.-type-9 .hero__pagination .pagination__item+* {
  margin-left: 24px;
}

.hero.-type-9 .hero__pagination .pagination__item.is-active::after {
  width: 136px;
}

.hero.-type-10 {
  position: relative;
  padding-top: 250px;
  padding-bottom: 100px;
  z-index: 5;
}

@media (max-width: 767px) {
  .hero.-type-10 {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}

.hero.-type-10 .hero__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.hero.-type-10 .hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero.-type-10 .hero__title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .hero.-type-10 .hero__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .hero.-type-10 .hero__title {
    font-size: 50px;
  }
}

@media (max-width: 575px) {
  .hero.-type-10 .hero__title {
    font-size: 36px;
  }
}

.hero.-type-10 .hero__search {
  position: relative;
  width: 470px;
  height: 70px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  z-index: 1;
}

.hero.-type-10 .hero__search>*:nth-child(1) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 25px;
  z-index: 1;
}

.hero.-type-10 .hero__search>*:nth-child(2) {
  border-radius: 200px;
  width: 100%;
  height: 100%;
  background-color: white;
  padding-left: 55px;
}

.hero.-type-10 .hero__search>*:nth-child(3) {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 15px;
  color: white;
  background-color: var(--color-accent-1);
  z-index: 1;
}

.hero.-type-10 .heroTags {
  margin-top: 70px;
}

@media (max-width: 767px) {
  .hero.-type-10 .heroTags {
    margin-top: 40px;
  }
}

.hero.-type-10 .heroTags__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px;
  margin-top: 30px;
}

.hero.-type-10 .heroTags__tags>* {
  padding: 10px;
}

.hero.-type-10 .heroTags__tags button {
  display: flex;
  align-items: center;
  padding: 16px 30px;
  border-radius: 200px;
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
  font-weight: 500;
}

.hero.-type-10 .heroTags__tags button i {
  margin-right: 10px;
}

.searchForm.-type-1 {
  text-align: -webkit-center;
  display: flex;
  background-color: white;
  padding: 10px;
  border-radius: 12px;
  height: 80px;
}

@media (max-width: 767px) {
  .searchForm.-type-1 {
    flex-direction: column;
    height: auto;
    /* display: none; */
    padding: 0;
    border-radius: 12px !important;
  }
}

.searchForm.-type-1 .searchForm__form {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  padding: 5px 10px;
}

@media (max-width: 767px) {
  .searchForm.-type-1 .searchForm__form {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .searchForm.-type-1 .searchForm__form>*+* {
    border-top: 1px solid #E7E6E6;
  }
}

.searchForm.-type-1 .searchForm__button {
  flex-shrink: 0;
}

.searchForm.-type-1 .searchForm__button button {
  height: 100%;
  padding: 0 30px;
}

@media (max-width: 767px) {
  .searchForm.-type-1 .searchForm__button button {
    height: 60px;
    width: 100%;
    border-radius: 0 0 12px 12px !important;
  }
}

.searchForm.-type-1 .searchFormItem {
  position: relative;
}

.searchForm.-type-1 .searchFormItem__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
}

@media (max-width: 767px) {
  .searchForm.-type-1 .searchFormItem__button {
    padding: 15px;
  }
}

.searchForm.-type-1 .searchFormItem__content {
  margin-left: 10px;
}

.searchForm.-type-1 .searchFormItem__content>h5 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.searchForm.-type-1 .searchFormItem__content>div {
  font-size: 14px;
  line-height: 1.4;
  color: #717171;
}

.searchForm.-type-1 .searchFormItemDropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 15px);
  padding-top: 10px;
  z-index: 5;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 767px) {
  .searchForm.-type-1 .searchFormItemDropdown {
    top: 100%;
    left: 50% !important;
    transform: translateX(-50%);
    /* padding-top: 0; */
  }
}

.searchForm.-type-1 .searchFormItemDropdown.is-active {
  opacity: 1;
  pointer-events: auto;
}

.searchForm.-type-1 .searchFormItemDropdown__container {
  border-radius: 12px;
  background-color: white;
  border: 1px solid var(--Border, #E7E6E6);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.searchForm.-type-1 .searchFormItemDropdown__item button.-is-button-active {
  background-color: #F5F5F5;
}

.searchForm.-type-1 .searchFormItemDropdown.-location {
  left: -20px;
}

.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__container {
  width: 490px;
  max-width: calc(100vw - 14px);
  /* padding: 20px; */
}

.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__list {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  height: 302px;
}

.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  border-radius: 12px;
  padding: 0 20px;
  transition: 0.2s;
}

.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button>span:nth-child(1) {
  color: var(--color-third, #05073C);
  font-size: 15px;
  font-weight: 500;
  line-height: 186.667%;
}

.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button>span:nth-child(2) {
  color: #717171;
  font-size: 14px;
  line-height: 185.714%;
}

.searchForm.-type-1 .searchFormItemDropdown.-location .searchFormItemDropdown__item button:hover {
  background-color: #F5F5F5;
}

.searchForm.-type-1 .searchFormItemDropdown.-calendar .searchFormItemDropdown__container {
  width: 440px;
  max-width: calc(100vw - 14px);
  padding: 20px;
  min-height: 360px;
}

@media (max-width: 575px) {
  .searchForm.-type-1 .searchFormItemDropdown.-calendar .searchFormItemDropdown__container {
    width: calc(100vw - 14px);
  }
}

.searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__container {
  width: 347px;
  max-width: calc(100vw - 14px);
  padding: 20px;
  display: none;
}

@media (max-width: 575px) {
  .searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__container {
    width: calc(100vw - 14px);
  }
}

.searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__list {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  height: 302px;
}

.searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  border-radius: 12px;
  padding: 0 20px;
  transition: 0.2s;
}

.searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__item button>span:nth-child(1) {
  color: var(--color-third, #05073C);
  font-size: 15px;
  font-weight: 500;
  line-height: 186.667%;
}

.searchForm.-type-1 .searchFormItemDropdown.-tour-type .searchFormItemDropdown__item button:hover {
  background-color: #F5F5F5;
}

.searchForm.-type-1.-col-1 .searchForm__form {
  grid-template-columns: repeat(1, 1fr) !important;
}

.searchForm.-type-1.-narrow {
  height: 50px !important;
  padding: 0 !important;
}

.searchForm.-type-1.-narrow .searchForm__form {
  padding: 0;
  grid-template-columns: repeat(1, 1fr) !important;
}

.searchForm.-type-1.-narrow .searchFormItem__button {
  padding: 0;
  height: 50px !important;
}

.searchForm.-type-1.-col-2 .searchForm__form {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
  .searchForm.-type-1.-col-2 .searchForm__form {
    grid-template-columns: 1fr;
  }
}

.searchForm.-type-1.-sidebar {
  height: auto;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 12px;
}

.searchForm.-type-1.-sidebar .searchForm__form {
  grid-template-columns: 1fr;
  padding: 0;
}

.searchForm.-type-1.-sidebar .searchFormItem {
  position: relative;
}

.searchForm.-type-1.-sidebar .searchFormItem+* .searchFormItem__button {
  border-top: 1px solid var(--color-border);
}

.searchForm.-type-1.-sidebar .searchFormItem__button {
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  padding: 10px;
  padding-right: 15px;
}

.searchForm.-type-1.-sidebar .searchFormItem__icon_chevron {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.searchForm.-type-1.-sidebar .searchFormItem__content {
  margin-left: 10px;
}

.searchForm.-type-1.-sidebar .searchFormItem__content>h5 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.searchForm.-type-1.-sidebar .searchFormItem__content>div {
  font-size: 14px;
  line-height: 1.4;
  color: #717171;
}

.searchForm.-type-1.-sidebar .searchFormItemDropdown {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  padding-top: 0;
}

.searchForm.-type-2 {
  overflow: hidden;
  display: flex;
  background-color: white;
  padding: 10px;
  border-radius: 12px;
  height: 80px;
}

@media (max-width: 767px) {
  .searchForm.-type-2 {
    flex-direction: column;
    height: auto;
    padding: 0;
  }
}

.searchForm.-type-2 .searchForm__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 100%;
  padding: 5px 10px;
  padding-right: 60px;
}

@media (max-width: 767px) {
  .searchForm.-type-2 .searchForm__form {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .searchForm.-type-2 .searchForm__form>*+* {
    border-top: 1px solid #E7E6E6;
  }
}

.searchForm.-type-2 .searchForm__button {
  flex-shrink: 0;
}

.searchForm.-type-2 .searchForm__button button {
  height: 100%;
  padding: 0 30px;
}

@media (max-width: 767px) {
  .searchForm.-type-2 .searchForm__button button {
    height: 60px;
    width: 100%;
    border-radius: 0;
  }
}

.searchForm.-type-2 .searchFormItem {
  display: flex;
  align-items: center;
  text-align: left;
}

@media (max-width: 767px) {
  .searchForm.-type-2 .searchFormItem {
    padding: 15px;
  }
}

.searchForm.-type-2 .searchFormItem__icon {
  width: 50px;
  height: 50px;
  border: 1px solid #E7E6E6;
  border-radius: 12px;
}

.searchForm.-type-2 .searchFormItem__content {
  margin-left: 10px;
}

.searchForm.-type-2 .searchFormItem__content>h5 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.searchForm.-type-2 .searchFormItem__content>div {
  font-size: 14px;
  line-height: 1.4;
  color: #717171;
}



.featureCard.-type-1 {
  position: relative;
  z-index: 0;
}

.featureCard.-type-1 .featureCard__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.featureCard.-type-1 .featureCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.featureCard.-type-1 .featureCard__image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%);
  opacity: 0.5;
}

.featureCard.-type-1 .featureCard__content {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}

.featureCard.-type-1 .featureCard__content h4 {
  font-size: 20px;
  font-weight: 500;
}

.featureCard.-type-1.-hover-1 .featureCard__image {
  overflow: hidden;
}

.featureCard.-type-1.-hover-1 .featureCard__image img {
  transition: .4s;
}

.featureCard.-type-1.-hover-1:hover .featureCard__image img {
  transform: scale(1.05);
}

.featureCard.-type-2 {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.featureCard.-type-2 .featureCard__image {
  position: relative;
  overflow: hidden;
  z-index: -1;
}

.featureCard.-type-2 .featureCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.featureCard.-type-2 .featureCard__image::after {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%);
  opacity: 0.5;
}

.featureCard.-type-2 .featureCard__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}

.featureCard.-type-2 .featureCard__content h4 {
  font-size: 20px;
  font-weight: 500;
}

.featureCard.-type-3 {
  position: relative;
  height: 100%;
  z-index: 0;
}

.featureCard.-type-3 .featureCard__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.featureCard.-type-3 .featureCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.featureCard.-type-3 .featureCard__image::after {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%);
  opacity: 0.5;
  z-index: 1;
}

.featureCard.-type-3 .featureCard__content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 60px;
}

@media (max-width: 991px) {
  .featureCard.-type-3 .featureCard__content {
    padding: 40px;
  }
}

@media (max-width: 767px) {
  .featureCard.-type-3 .featureCard__content {
    padding: 30px;
  }
}

.featureCard.-type-3 .featureCard__content button {
  margin-top: 90px;
}

@media (max-width: 991px) {
  .featureCard.-type-3 .featureCard__content button {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .featureCard.-type-3 .featureCard__content button {
    margin-top: 30px;
  }
}

.featureCard.-type-3.-style-2 .featureCard__content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 40px;
}

@media (max-width: 767px) {
  .featureCard.-type-3.-style-2 .featureCard__content {
    padding: 30px;
  }
}

.featureCard.-type-3.-style-2 .featureCard__content button {
  margin-top: 100px;
}

@media (max-width: 991px) {
  .featureCard.-type-3.-style-2 .featureCard__content button {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .featureCard.-type-3.-style-2 .featureCard__content button {
    margin-top: 30px;
  }
}

.featureCard.-type-4 {
  position: relative;
  height: 100%;
  z-index: 0;
}

.featureCard.-type-4 .featureCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.featureCard.-type-4 .featureCard__image::after {
  content: "";
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, #05073C 100%);
  opacity: 0.5;
  z-index: 1;
}

.featureCard.-type-4 .featureCard__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 30px;
  z-index: 1;
}

@media (max-width: 767px) {
  .featureCard.-type-4 .featureCard__content {
    padding: 22px;
  }
}

.featureCard.-type-5 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background-color: #FAF9FD;
  border-radius: 12px;
  text-align: center;
  padding: 30px;
  z-index: 0;
  transition: .2s;
}

.featureCard.-type-5>* {
  transition: .2s;
}

.featureCard.-type-5 .featureCard__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 100%;
  width: 80px;
  height: 80px;
}

.featureCard.-type-5.-hover-accent-1 {
  background-color: white;
}

.featureCard.-type-5.-hover-accent-1 .featureCard__icon {
  background-color: #FEF7F4;
}

.featureCard.-type-5.-hover-accent-1:hover {
  background-color: var(--color-accent-1);
}

.featureCard.-type-5.-hover-accent-1:hover>* {
  color: white !important;
}

.featureCard.-type-5.-hover-accent-2:hover {
  background-color: var(--color-accent-2);
}

.featureCard.-type-5.-hover-accent-2:hover>* {
  color: white !important;
}

.featureCard.-type-6 {
  position: relative;
  display: block;
  z-index: 0;
  transition: .2s;
}

.featureCard.-type-6 .featureCard__image {
  position: relative;
}

.featureCard.-type-6 .featureCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.featureCard.-type-6 .featureCard__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  z-index: 1;
}

.featureCard.-type-6 .featureCard__content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
}

.featureCard.-type-7 {
  position: relative;
  display: block;
  z-index: 0;
}

.featureCard.-type-8 {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.03);
  background-color: white;
  border-radius: 12px;
  z-index: 0;
}

.featureCard.-type-8 .featureCard__image {
  height: 150px;
}

.featureCard.-type-8 .featureCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.featureCard.-type-8 .featureCard__badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  color: white;
  text-transform: uppercase;
  background-color: var(--color-accent-2);
}

.featureCard.-type-8 .featureCard__badge>*:nth-child(1) {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.featureCard.-type-8 .featureCard__badge>*:nth-child(2) {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
}

.featureCard.-type-8 .featureCard__badge>*:nth-child(3) {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.featureCard.-type-8 .featureCard__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  height: 150px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .featureCard.-type-8 .featureCard__content {
    height: 120px;
  }
}

.featureCard.-type-9 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--border, #E7E6E6);
  background-color: white;
  z-index: 0;
  transition: 0.2s;
}

.featureCard.-type-9 .featureCard__image img {
  border-radius: 100%;
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
  object-fit: cover;
}

.featureCard.-type-9:hover {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.pageHeader.-type-1 {
  position: relative;
  padding-top: 190px;
  padding-bottom: 200px;
  margin-top: 88px;
}

@media (max-width: 767px) {
  .pageHeader.-type-1 {
    margin-top: 57px;
  }
}

@media (max-width: 767px) {
  .pageHeader.-type-1 {
    padding-bottom: 0;
  }
}

.pageHeader.-type-1 .pageHeader__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 60px;
  left: 60px;
  border-radius: 12px;
  z-index: -1;
}

@media (max-width: 991px) {
  .pageHeader.-type-1 .pageHeader__bg {
    right: 0;
    left: 0;
    border-radius: 0;
  }
}

.pageHeader.-type-1 .pageHeader__bg>*:nth-child(1) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pageHeader.-type-1 .pageHeader__bg>*:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 991px) {
  .pageHeader.-type-1 .pageHeader__bg>*:nth-child(2) {
    height: 35px;
  }
}

.pageHeader.-type-1 .pageHeader__content {
  position: relative;
  text-align: center;
  z-index: 1;
}

.pageHeader.-type-1 .pageHeader__title {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
  color: white;
}

@media (max-width: 991px) {
  .pageHeader.-type-1 .pageHeader__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .pageHeader.-type-1 .pageHeader__title {
    font-size: 40px;
  }
}

.pageHeader.-type-1 .pageHeader__text {
  color: white;
  margin-top: 10px;
}

.pageHeader.-type-2 {
  position: relative;
  padding-top: 140px;
  padding-bottom: 100px;
  margin-top: 88px;
}

@media (max-width: 767px) {
  .pageHeader.-type-2 {
    margin-top: 57px;
    padding-top: 50px;
    padding-bottom: 80px;
  }
}

.pageHeader.-type-2 .pageHeader__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 60px;
  left: 60px;
  border-radius: 12px;
  z-index: -1;
}

@media (max-width: 991px) {
  .pageHeader.-type-2 .pageHeader__bg {
    right: 0;
    left: 0;
    border-radius: 0;
  }
}

.pageHeader.-type-2 .pageHeader__bg>*:nth-child(1) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pageHeader.-type-2 .pageHeader__bg>*:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 991px) {
  .pageHeader.-type-2 .pageHeader__bg>*:nth-child(2) {
    height: 35px;
  }
}

.pageHeader.-type-2 .pageHeader__content {
  text-align: center;
}

.pageHeader.-type-2 .pageHeader__title {
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

@media (max-width: 991px) {
  .pageHeader.-type-2 .pageHeader__title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .pageHeader.-type-2 .pageHeader__title {
    font-size: 40px;
  }
}

.pageHeader.-type-2 .pageHeader__text {
  margin-top: 10px;
}

.pageHeader.-type-2 .pageHeader__search {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  z-index: 1;
}

@media (max-width: 767px) {
  .pageHeader.-type-2 .pageHeader__search {
    position: relative;
    left: unset;
    transform: none;
    margin-top: 30px;
  }
}

.pageHeader.-type-2 .pageHeader__search input {
  width: 550px;
  max-width: 100%;
  height: 70px;
  border-radius: 100px;
  background-color: white;
  padding-left: 33px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.pageHeader.-type-2 .pageHeader__search button {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  background-color: var(--color-accent-1);
}

.pageHeader.-type-2.-secondary {
  position: relative;
  padding-top: 110px;
  padding-bottom: 30px;
  z-index: 50;
}

@media (max-width: 767px) {
  .pageHeader.-type-2.-secondary {
    padding-bottom: 60px;
  }
}

.pageHeader.-type-2.-secondary .pageHeader__search {
  position: relative;
  left: unset;
  transform: none;
  width: 100%;
  bottom: -60px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
  .pageHeader.-type-2.-secondary .pageHeader__search {
    bottom: 0;
  }
}

.pageHeader.-type-2.-secondary button {
  position: relative;
  top: unset;
  right: unset;
  border-radius: 12px;
  width: auto;
  height: 100%;
  background-color: transparent;
}

@media (max-width: 767px) {
  .pageHeader.-type-2.-secondary button {
    width: 100%;
    height: 50px;
    border-radius: 0 0 12px 12px;
  }
}

.pageHeader.-type-3 {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 88px;
}

@media (max-width: 767px) {
  .pageHeader.-type-3 {
    margin-top: 57px;
  }
}

.sidebar.-type-1 {
  position: relative;
  border: 1px solid var(--border, #E7E6E6);
  z-index: 5;
}

.sidebar.-type-1 .sidebar__header {
  border-radius: 12px 12px 0 0;
  padding: 30px;
}

.sidebar.-type-1 .sidebar__content {
  padding: 30px;
  padding-top: 20px;
}

.sidebar.-type-1 .sidebar__content>*+* {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E7E6E6;
}

.sidebar.-type-2 {
  width: 360px;
  max-width: 100%;
  border-radius: 12px;
  border: 1px solid var(--border, #E7E6E6);
  padding: 35px 30px;
}

@media (max-width: 991px) {
  .sidebar.-type-2 {
    width: 100%;
  }
}

.sidebar.-type-2 .sidebar__item+* {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #E7E6E6;
}

.sidebar.-type-2 .sidebar__search {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.sidebar.-type-2 .sidebar__search>i {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar.-type-2 .sidebar__search>input {
  border-radius: 12px;
  width: 100%;
  padding: 14px 20px;
  padding-left: 46px;
  background-color: var(--bg-1, #F5F5F5);
}

.sidebar.-type-2 .sidebar__tags {
  flex-wrap: wrap;
}

.sidebar.-type-2 .sidebar__tags>* a {
  display: block;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  padding: 6px 17px;
  border-radius: 200px;
  border: 1px solid var(--border, #E7E6E6);
}

.tourCard.-type-1 {
  display: block;
}

.tourCard.-type-1 .tourCard__image {
  position: relative;
  z-index: 0;
}

.tourCard.-type-1 .tourCard__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  background-color: white;
  border-radius: 20px 20px 0 0;
  z-index: 1;
}

.tourCard.-type-1 .tourCard__header {
  position: relative;
}

.tourCard.-type-1 .tourCard__favorite {
  position: absolute;
  bottom: -17px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: white;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
  transition: .15s;
}

.tourCard.-type-1 .tourCard__favorite:hover {
  color: white;
  background-color: var(--color-accent-1);
}

.tourCard.-type-1.-hover-shadow {
  transition: .15s;
}

.tourCard.-type-1.-hover-shadow:hover {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.tourCard.-type-1.-rounded .tourCard__image {
  position: relative;
  z-index: 0;
}

.tourCard.-type-1.-rounded .tourCard__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  background-color: white;
  border-radius: 20px 20px 0 0;
  z-index: 1;
  pointer-events: none;
}

.tourCard.-type-1.-rounded .tourCard__header {
  position: relative;
}

.tourCard.-type-1.-rounded .tourCard__favorite {
  top: 20px;
  bottom: unset;
  right: 20px;
}

.tourCard.-type-1.-rounded .tourCard__favorite:hover {
  color: white;
  background-color: var(--color-accent-1);
}

.tourCard__title span {
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, black 0%, black 100%);
  background-position: 0px 95%;
  background-size: 0px 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0.1% 0px;
}

.tourCard:hover .tourCard__title span {
  background-size: 100% 1px;
}

.tourCard.-type-2 {
  display: grid;
  grid-template-columns: max-content 1fr min-content;
  gap: 30px;
  height: 100%;
  border-radius: 12px;
  border: 1px solid var(--border, #E7E6E6);
  padding: 20px;
  transition: 0.2s;
}

@media (max-width: 1199px) {
  .tourCard.-type-2 {
    grid-template-columns: 1fr 1fr;
  }

  .tourCard.-type-2>*:nth-child(1) {
    grid-column: 2 span;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .tourCard.-type-2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tourCard.-type-2>*:nth-child(1) {
    grid-column: 1 span;
  }

  .tourCard.-type-2>*:nth-child(3) {
    border-left: none !important;
    padding: 0 !important;
    width: 100% !important;
  }
}

.tourCard.-type-2 .tourCard__image {
  position: relative;
  flex-shrink: 0;
  width: 280px;
  min-height: 260px;
  z-index: 0;
}

.tourCard.-type-2 .tourCard__image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.tourCard.-type-2 .tourCard__badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
}

.tourCard.-type-2 .tourCard__favorite {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.tourCard.-type-2 .tourCard__content {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tourCard.-type-2 .tourCard__title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.tourCard.-type-2 .tourCard__info {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 100%;
  width: 225px;
  border-left: 1px solid #E7E6E6;
  padding: 10px 10px 10px 30px;
}

@media (max-width: 991px) {
  .tourCard.-type-2 .tourCard__info>*:nth-child(1) {
    align-items: flex-start !important;
    text-align: left !important;
  }
}

.tourCard.-type-2 .tourCard__info>*:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: 100%;
}

.tourCard.-type-2 .tourCard__info>*:nth-child(2) {
  width: 100%;
  padding: 15px 0;
  margin-top: 20px;
}

.tourCard.-type-2 .tourCard__price>*:nth-child(1) {
  font-size: 15px;
  line-height: 1.4;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: var(--icon, #C6C6D2);
}

.tourCard.-type-2 .tourCard__price>*:nth-child(2) {
  line-height: 1.4;
}

.tourCard.-type-2:hover {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.tourCard.-type-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 0;
}

.tourCard.-type-3 .tourCard__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tourCard.-type-3 .tourCard__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(5, 7, 60, 0) 0%, rgba(5, 7, 60, 0.8) 100%);
  z-index: 1;
}

.tourCard.-type-3 .tourCard__header {
  position: relative;
}

.tourCard.-type-3 .tourCard__favorite {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  z-index: 1;
  transition: .15s;
}

.tourCard.-type-3 .tourCard__favorite:hover {
  background-color: var(--color-accent-1);
}

.tourCard.-type-3 .tourCard__content {
  display: flex;
  align-items: flex-end;
  z-index: 1;
}

.tourCard.-type-3 .tourCard__wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 30px;
}

.blogCard.-type-1 {
  display: block;
}

.blogCard.-type-1 .blogCard__image {
  position: relative;
}

.blogCard.-type-1 .blogCard__badge {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px;
  background-color: white;
  border-radius: 200px;
}

.blogCard.-type-1 .blogCard__info {
  display: flex;
  align-items: center;
}

.blogCard.-type-1 .blogCard__line {
  width: 1px;
  height: 26px;
  background-color: #E7E6E6;
  margin: 0 10px;
}

.cta.-type-1 {
  position: relative;
  z-index: 0;
}

.cta.-type-1 .cta__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  max-width: 100%;
  width: 1530px;
}

.cta.-type-1 .cta__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

@media (max-width: 991px) {
  .cta.-type-1 .cta__bg img {
    border-radius: 0;
  }
}

.cta.-type-1 .cta__content {
  padding: 100px 0;
}

@media (max-width: 991px) {
  .cta.-type-1 .cta__content {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .cta.-type-1 .cta__content {
    padding-top: 60px;
  }
}

.cta.-type-1 .cta__image {
  position: absolute;
  bottom: 0;
}

@media (max-width: 991px) {
  .cta.-type-1 .cta__image {
    position: relative;
  }
}

.cta.-type-2 {
  position: relative;
  padding-top: 160px;
  padding-bottom: 160px;
  z-index: 0;
}

@media (max-width: 991px) {
  .cta.-type-2 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .cta.-type-2 {
    padding-top: 40px;
    padding-bottom: 360px;
  }
}

.cta.-type-2 .cta__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  max-width: 100%;
  width: 1530px;
  border-radius: 12px;
}

@media (max-width: 767px) {
  .cta.-type-2 .cta__bg {
    left: 20px;
    right: 20px;
    transform: none;
    width: auto;
  }
}

.cta.-type-2 .cta__bg>img {
  width: 100%;
  height: 82%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cta.-type-2 .cta__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 1199px) {
  .cta.-type-2 .cta__image {
    width: 55%;
  }
}

@media (max-width: 991px) {
  .cta.-type-2 .cta__image {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .cta.-type-2 .cta__image {
    top: unset;
    height: 312px;
    width: 100%;
  }
}

.cta.-type-2 .cta__image>*:nth-child(1) {
  width: 100%;
  height: 82%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cta.-type-2 .cta__image>*:nth-child(2) {
  position: absolute;
  left: -1px;
  height: 82%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

@media (max-width: 767px) {
  .cta.-type-2 .cta__image>*:nth-child(2) {
    display: none;
  }
}

.cta.-type-2 .cta__image>*:nth-child(3) {
  display: none;
}

@media (max-width: 767px) {
  .cta.-type-2 .cta__image>*:nth-child(3) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
  .cta.-type-2 .cta__content {
    padding: 0 40px;
  }
}

.cta.-type-3 {
  position: relative;
  z-index: 0;
}

.cta.-type-3 .cta__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.cta.-type-3 .cta__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cta.-type-3 .cta__content {
  padding: 100px 0;
}

@media (max-width: 991px) {
  .cta.-type-3 .cta__content {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .cta.-type-3 .cta__content {
    padding-top: 60px;
  }
}

.cta.-type-3 .cta__image {
  position: absolute;
  bottom: 0;
}

@media (max-width: 991px) {
  .cta.-type-3 .cta__image {
    position: relative;
  }
}

.cta.-type-4 {
  position: relative;
  z-index: 0;
}

.cta.-type-4 .cta__content {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--color-light-4);
  padding: 60px;
  z-index: 2;
}

@media (max-width: 991px) {
  .cta.-type-4 .cta__content {
    padding-right: 340px;
  }
}

@media (max-width: 767px) {
  .cta.-type-4 .cta__content {
    padding: 48px;
    padding-bottom: 300px;
  }
}

@media (max-width: 575px) {
  .cta.-type-4 .cta__content {
    padding: 34px;
    padding-bottom: 210px;
  }
}

.cta.-type-4 .cta__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.cta.-type-4 .cta__image>*:nth-child(1) {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cta.-type-4 .cta__image>*:nth-child(2) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 1;
}

.cta.-type-4 .cta__image>*:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}

@media (max-width: 1199px) {
  .cta.-type-4 .cta__image {
    width: 340px;
  }
}

@media (max-width: 767px) {
  .cta.-type-4 .cta__image {
    top: unset;
    left: 0;
    width: 100%;
    padding-right: 0;
  }

  .cta.-type-4 .cta__image>*:nth-child(2) {
    display: none;
  }

  .cta.-type-4 .cta__image>*:nth-child(3) {
    display: block;
    top: -2px;
  }
}

.cta.-type-4.-style-2 .cta__content {
  background-color: var(--color-light-5);
}

.pagination {
  display: flex;
  align-items: center;
}

.pagination__button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid var(--border, #E7E6E6);
}

.pagination__count {
  display: flex;
  align-items: center;
}

.pagination__count>* {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-weight: 500;
}

.pagination__count>*.is-active {
  color: white !important;
  background-color: var(--color-accent-1) !important;
}

.pagination__count>*:hover {
  background-color: #F5F5F5;
  color: var(--color-dark-1);
}

.pagination__count>*+* {
  margin-left: 15px;
}

.pagination.-type-1 {
  display: flex;
  align-items: center;
}

.pagination.-type-1>*+* {
  margin-left: 10px;
}

.pagination.-type-1 .pagination__item {
  width: 6px;
  height: 6px;
  border-radius: 20px;
  background-color: var(--color-dark-1);
  transition: .3s;
}

.pagination.-type-1 .pagination__item.is-active {
  width: 18px;
}

.navAbsolute {
  position: absolute;
  top: 50%;
  left: -70px;
  right: -70px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.navAbsolute__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid var(--border, #E7E6E6);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.navAbsolute.-type-2 {
  left: 60px;
  right: 60px;
}

@media (max-width: 767px) {
  .navAbsolute.-type-2 {
    left: 30px;
    right: 30px;
  }
}

.navRegular {
  display: flex;
  align-items: center;
  z-index: 1;
}

.navRegular>*+* {
  margin-left: 10px;
}

.navRegular__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  border: 1px solid var(--border, #E7E6E6);
}

.sidebar.-dashboard {
  margin-top: 60px;
  padding: 0 30px;
}

.sidebar.-dashboard .sidebar__item a {
  display: flex;
  align-items: center;
  border-radius: 12px;
  height: 55px;
  padding: 0 20px;
  transition: .2s;
}

.sidebar.-dashboard .sidebar__item a i {
  display: flex;
}

.sidebar.-dashboard .sidebar__item a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: white;
}

.sidebar.-dashboard .sidebar__item.-is-active a {
  background-color: rgba(255, 255, 255, 0.15);
}

.dashboard {
  display: flex;
  width: 100%;
}

.dashboard__sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  max-width: calc(100vw - 80px);
  color: white;
  background-color: var(--color-dark-1);
  z-index: 100;
  transform: translateX(-100%);
  transition: .2s;
}

.dashboard__sidebar_header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dashboard__sidebar_header_search {
  display: flex;
  align-items: center;
}

.dashboard__sidebar_header_search i {
  font-size: 18px;
  margin-right: 10px;
}

.dashboard__sidebar_header_search input {
  width: 230px;
}

.dashboard__sidebar_content {
  padding: 60px 30px;
}

.dashboard__content {
  position: relative;
  width: 100%;
  background-color: #F5F5F5;
  transition: .2s;
}

@media (max-width: 767px) {
  .dashboard__content {
    padding-left: 0;
  }
}

.dashboard__content_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFF;
  height: 88px;
  padding-left: 75px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .dashboard__content_header {
    height: 72px;
    padding: 0 24px;
  }
}

.dashboard__content_header>*:nth-child(1) {
  display: flex;
  align-items: center;
}

.dashboard__content_header>*:nth-child(2) {
  display: flex;
  align-items: center;
}

.dashboard__content_header>*:nth-child(2)>*+* {
  margin-left: 30px;
}

.dashboard__content_content {
  padding: 0 75px;
  padding-top: 60px;
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .dashboard__content_content {
    padding: 0 24px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.dashboard.-is-sidebar-visible .dashboard__sidebar {
  transform: none;
}

.dashboard.-is-sidebar-visible .dashboard__content {
  overflow-x: hidden;
  padding-left: 300px;
}

@media (max-width: 767px) {
  .dashboard.-is-sidebar-visible .dashboard__content {
    padding-left: 0;
    transform: translateX(300px);
  }
}

.testimonials.-type-1 .testimonials__image {
  position: relative;
  margin: 0 auto;
}

.testimonials.-type-1 .testimonials__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonials.-type-1 .testimonials__icon {
  position: absolute;
  top: -8px;
  left: -17px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border-radius: 100%;
  color: white;
  background-color: var(--color-accent-1);
}

.accordion__icon {
  position: relative;
}

.accordion__icon .icon {
  transition: all 0.2s ease-out;
}

.accordion__icon .icon:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
}

.accordion__icon .icon:nth-child(2) {
  position: relative;
  transform: rotate(-90deg);
  opacity: 0;
}

.accordion__item.is-active .accordion__icon>*:nth-child(1) {
  transform: rotate(90deg);
  opacity: 0;
}

.accordion__item.is-active .accordion__icon>*:nth-child(2) {
  transform: none;
  opacity: 1;
}

.accordion__content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

.accordion__button {
  cursor: pointer;
}

.accordion.-simple .accordion__item {
  transition: all 0.2s ease-out;
}

.accordion.-simple .accordion__button {
  cursor: pointer;
  transition: 0.4s;
}

.accordion.-simple .accordion__button button {
  color: var(--text-dark-1);
}

.accordion.-simple .accordion__icon {
  background-color: rgba(235, 102, 43, 0.05) !important;
  color: var(--color-accent-1) !important;
  transition: all 0.2s ease-out;
}

.accordion.-simple .accordion__icon>*:nth-child(1) {
  position: absolute;
  transition: all 0.2s ease-out;
}

.accordion.-simple .accordion__icon>*:nth-child(2) {
  position: relative;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.accordion.-simple .accordion__item.is-active {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.accordion.-simple .accordion__item.is-active .accordion__icon {
  background-color: var(--color-accent-1) !important;
  color: white !important;
}

.accordion.-simple .accordion__item.is-active .accordion__icon>*:nth-child(1) {
  transform: rotate(90deg);
  opacity: 0;
}

.accordion.-simple .accordion__item.is-active .accordion__icon>*:nth-child(2) {
  transform: none;
  opacity: 1;
}

.accordion.-simple-2 .accordion__item {
  transition: all 0.2s ease-out;
}

.accordion.-simple-2 .accordion__button {
  cursor: pointer;
  transition: 0.4s;
}

.accordion.-simple-2 .accordion__icon {
  transition: all 0.2s ease-out;
}

.accordion.-simple-2 .accordion__icon>*:nth-child(1) {
  position: absolute;
  transition: all 0.2s ease-out;
}

.accordion.-simple-2 .accordion__icon>*:nth-child(2) {
  position: relative;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.accordion.-simple-2 .accordion__item.is-active .accordion__icon>*:nth-child(1) {
  transform: rotate(90deg);
  opacity: 0;
}

.accordion.-simple-2 .accordion__item.is-active .accordion__icon>*:nth-child(2) {
  transform: none;
  opacity: 1;
}

.accordion.-tour-single .accordion__item {
  transition: all 0.2s ease-out;
}

.accordion.-tour-single .accordion__icon {
  background-color: transparent;
}

.accordion.-tour-single .accordion__icon>*:nth-child(1) {
  position: absolute;
  transition: all 0.2s ease-out;
}

.accordion.-tour-single .accordion__icon>*:nth-child(2) {
  position: relative;
  transform: rotate(-90deg);
  opacity: 0;
  transition: all 0.2s ease-out;
}

.accordion.-tour-single .accordion__item.is-active .accordion__icon>*:nth-child(1) {
  transform: rotate(90deg);
  opacity: 0;
}

.accordion.-tour-single .accordion__item.is-active .accordion__icon>*:nth-child(2) {
  transform: none;
  opacity: 1;
}

.nopage {
  padding-top: 138px;
  padding-bottom: 120px;
}

@media (max-width: 767px) {
  .nopage {
    padding-top: 80px;
    padding-bottom: 80ex;
  }
}

@media (max-width: 575px) {
  .nopage {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

.nopage__content h1 {
  font-size: 200px;
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .nopage__content h1 {
    font-size: 100px;
  }
}

.tabs__content {
  position: relative;
}

.tabs__pane {
  position: absolute;
  top: 0;
  visibility: hidden;
  transition: none;
  opacity: 0;
}

.tabs__pane.is-tab-el-active {
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
  position: relative;
  opacity: 1;
  visibility: visible;
}

.tabs.-terms .tabs__controls .tabs__button {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-terms .tabs__controls .tabs__button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: #E7E6E6;
}

.tabs.-terms .tabs__controls .tabs__button::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: var(--color-accent-1);
  z-index: 2;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.tabs.-terms .tabs__controls .tabs__button.is-tab-el-active {
  color: var(--color-accent-1) !important;
}

.tabs.-terms .tabs__controls .tabs__button.is-tab-el-active::after {
  opacity: 1;
}

.tabs.-tourSingle .tabs__controls .tabs__button {
  position: relative;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0.2;
}

.tabs.-tourSingle .tabs__controls .tabs__button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--color-dark-1);
  z-index: 2;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.tabs.-tourSingle .tabs__controls .tabs__button.is-tab-el-active {
  opacity: 1;
}

.tabs.-tourSingle .tabs__controls .tabs__button.is-tab-el-active::after {
  opacity: 1;
}

.tabs.-pills .tabs__controls .tabs__button {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills .tabs__controls .tabs__button:hover {
  color: var(--color-blue-1) !important;
}

.tabs.-pills .tabs__controls .tabs__button.is-tab-el-active {
  color: var(--color-blue-1) !important;
  background-color: rgba(235, 102, 43, 0.05);
}

.tabs.-pills-2 .tabs__controls .tabs__button {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills-2 .tabs__controls .tabs__button:hover {
  color: var(--color-blue-1) !important;
}

.tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active {
  color: var(--color-white) !important;
  background-color: var(--color-blue-1) !important;
}

.tabs.-pills-3 .tabs__controls .tabs__button {
  border: 1px solid #E7E6E6;
  padding: 8px 20px;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills-3 .tabs__controls .tabs__button.is-tab-el-active {
  border: 1px solid var(--color-dark-1);
}

.tabs.-pills-4 .tabs__controls .tabs__button {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tabs.-pills-4 .tabs__controls .tabs__button.is-tab-el-active {
  background-color: white;
  color: var(--color-accent-1);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.tabs.-underline-2 .tabs__controls .tabs__button {
  position: relative;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0.5;
}

.tabs.-underline-2 .tabs__controls .tabs__button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-dark-1);
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.tabs.-underline-2 .tabs__controls .tabs__button:hover {
  color: var(--color-dark-1) !important;
}

.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active {
  color: var(--color-dark-1) !important;
  opacity: 1;
}

.tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after {
  opacity: 1;
}

.menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 470px;
  max-width: 100%;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
}

.menu__overlay {
  cursor: pointer;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
}

.menu__container {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px;
  background-color: white;
  z-index: 1;
}

.menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.menu__header h4 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.menu__header button {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-light-1);
}

.menu__content {
  position: relative;
  height: 100%;
  margin-bottom: 30px;
}

.menu.-is-active {
  pointer-events: auto !important;
}

.menu .-is-active {
  pointer-events: auto !important;
}

.menuNav>li a {
  border-bottom: 1px solid #E7E6E6;
}

.menuNav>li:last-child a {
  border-bottom: 0px solid #E7E6E6 !important;
}

.menuNav ul>li a {
  border-bottom: 1px solid #E7E6E6;
}

.menuNav ul>li:last-child a {
  border-bottom: 0px solid #E7E6E6 !important;
}

.menuNav__item {
  overflow: hidden;
  width: 100%;
}

.menuNav__item a {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  padding: 16px 0;
}

.menuNav__item a:hover {
  color: var(--color-accent-1);
}

.submenu {
  overflow-y: scroll;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.submenu::-webkit-scrollbar {
  display: none;
}

.submenu::-webkit-scrollbar-thumb {
  display: none;
}

.submenu__item {
  overflow: hidden;
}

.submenu a {
  transform: translateY(100%);
}

.preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: white;
  transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.preloader__wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  border-radius: 30px;
  background-color: white;
  box-shadow: 0px 2px 24px 0px #00000014;
  animation-name: preloaderWraper;
  animation-iteration-count: infinite;
  animation-duration: 1.8s;
  animation-timing-function: ease;
}

.preloader__icon {
  position: absolute;
  animation-name: preloader;
  animation-iteration-count: infinite;
  animation-duration: 1.8s;
  animation-timing-function: ease;
}

.preloader__title {
  font-size: 47px;
  font-weight: 600;
  line-height: 68px;
  letter-spacing: 0em;
  margin-top: 16px;
}

.preloader.-is-hidden {
  opacity: 0;
  pointer-events: none;
}

@keyframes preloaderWraper {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: none;
  }
}

@keyframes preloader {
  0% {
    transform: translateY(180%) scale(1);
  }

  50% {
    transform: translateY(0%) scale(1.2);
  }

  100% {
    transform: translateY(-180%);
  }
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

/* .mb-2 {
  margin-bottom: 2px !important;
} */

.ml-2 {
  margin-left: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

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

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

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

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

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

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

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

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

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

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

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

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

.mt-20 {
  margin-top: 20px !important;
}

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

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

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

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

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

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

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

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

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

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

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

.pl-40 {
  padding-left: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

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

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

.ml-40 {
  margin-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

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

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

.pl-50 {
  padding-left: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

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

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

.ml-50 {
  margin-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

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

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

.pl-60 {
  padding-left: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

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

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

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

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

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

.pl-80 {
  padding-left: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

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

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

.ml-80 {
  margin-left: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

@media (max-width: 1199px) {
  .xl\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .xl\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .xl\:pt-0 {
    padding-top: 0px !important;
  }

  .xl\:pb-0 {
    padding-bottom: 0px !important;
  }

  .xl\:pl-0 {
    padding-left: 0px !important;
  }

  .xl\:pr-0 {
    padding-right: 0px !important;
  }

  .xl\:mt-0 {
    margin-top: 0px !important;
  }

  .xl\:mb-0 {
    margin-bottom: 0px !important;
  }

  .xl\:ml-0 {
    margin-left: 0px !important;
  }

  .xl\:mr-0 {
    margin-right: 0px !important;
  }

  .xl\:py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xl\:px-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .xl\:pt-2 {
    padding-top: 2px !important;
  }

  .xl\:pb-2 {
    padding-bottom: 2px !important;
  }

  .xl\:pl-2 {
    padding-left: 2px !important;
  }

  .xl\:pr-2 {
    padding-right: 2px !important;
  }

  .xl\:mt-2 {
    margin-top: 2px !important;
  }

  .xl\:mb-2 {
    margin-bottom: 2px !important;
  }

  .xl\:ml-2 {
    margin-left: 2px !important;
  }

  .xl\:mr-2 {
    margin-right: 2px !important;
  }

  .xl\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xl\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .xl\:pt-5 {
    padding-top: 5px !important;
  }

  .xl\:pb-5 {
    padding-bottom: 5px !important;
  }

  .xl\:pl-5 {
    padding-left: 5px !important;
  }

  .xl\:pr-5 {
    padding-right: 5px !important;
  }

  .xl\:mt-5 {
    margin-top: 5px !important;
  }

  .xl\:mb-5 {
    margin-bottom: 5px !important;
  }

  .xl\:ml-5 {
    margin-left: 5px !important;
  }

  .xl\:mr-5 {
    margin-right: 5px !important;
  }

  .xl\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .xl\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .xl\:pt-10 {
    padding-top: 10px !important;
  }

  .xl\:pb-10 {
    padding-bottom: 10px !important;
  }

  .xl\:pl-10 {
    padding-left: 10px !important;
  }

  .xl\:pr-10 {
    padding-right: 10px !important;
  }

  .xl\:mt-10 {
    margin-top: 10px !important;
  }

  .xl\:mb-10 {
    margin-bottom: 10px !important;
  }

  .xl\:ml-10 {
    margin-left: 10px !important;
  }

  .xl\:mr-10 {
    margin-right: 10px !important;
  }

  .xl\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .xl\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .xl\:pt-15 {
    padding-top: 15px !important;
  }

  .xl\:pb-15 {
    padding-bottom: 15px !important;
  }

  .xl\:pl-15 {
    padding-left: 15px !important;
  }

  .xl\:pr-15 {
    padding-right: 15px !important;
  }

  .xl\:mt-15 {
    margin-top: 15px !important;
  }

  .xl\:mb-15 {
    margin-bottom: 15px !important;
  }

  .xl\:ml-15 {
    margin-left: 15px !important;
  }

  .xl\:mr-15 {
    margin-right: 15px !important;
  }

  .xl\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .xl\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .xl\:pt-20 {
    padding-top: 20px !important;
  }

  .xl\:pb-20 {
    padding-bottom: 20px !important;
  }

  .xl\:pl-20 {
    padding-left: 20px !important;
  }

  .xl\:pr-20 {
    padding-right: 20px !important;
  }

  .xl\:mt-20 {
    margin-top: 20px !important;
  }

  .xl\:mb-20 {
    margin-bottom: 20px !important;
  }

  .xl\:ml-20 {
    margin-left: 20px !important;
  }

  .xl\:mr-20 {
    margin-right: 20px !important;
  }

  .xl\:py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .xl\:px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .xl\:pt-25 {
    padding-top: 25px !important;
  }

  .xl\:pb-25 {
    padding-bottom: 25px !important;
  }

  .xl\:pl-25 {
    padding-left: 25px !important;
  }

  .xl\:pr-25 {
    padding-right: 25px !important;
  }

  .xl\:mt-25 {
    margin-top: 25px !important;
  }

  .xl\:mb-25 {
    margin-bottom: 25px !important;
  }

  .xl\:ml-25 {
    margin-left: 25px !important;
  }

  .xl\:mr-25 {
    margin-right: 25px !important;
  }

  .xl\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .xl\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .xl\:pt-30 {
    padding-top: 30px !important;
  }

  .xl\:pb-30 {
    padding-bottom: 30px !important;
  }

  .xl\:pl-30 {
    padding-left: 30px !important;
  }

  .xl\:pr-30 {
    padding-right: 30px !important;
  }

  .xl\:mt-30 {
    margin-top: 30px !important;
  }

  .xl\:mb-30 {
    margin-bottom: 30px !important;
  }

  .xl\:ml-30 {
    margin-left: 30px !important;
  }

  .xl\:mr-30 {
    margin-right: 30px !important;
  }

  .xl\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .xl\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .xl\:pt-35 {
    padding-top: 35px !important;
  }

  .xl\:pb-35 {
    padding-bottom: 35px !important;
  }

  .xl\:pl-35 {
    padding-left: 35px !important;
  }

  .xl\:pr-35 {
    padding-right: 35px !important;
  }

  .xl\:mt-35 {
    margin-top: 35px !important;
  }

  .xl\:mb-35 {
    margin-bottom: 35px !important;
  }

  .xl\:ml-35 {
    margin-left: 35px !important;
  }

  .xl\:mr-35 {
    margin-right: 35px !important;
  }

  .xl\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .xl\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .xl\:pt-40 {
    padding-top: 40px !important;
  }

  .xl\:pb-40 {
    padding-bottom: 40px !important;
  }

  .xl\:pl-40 {
    padding-left: 40px !important;
  }

  .xl\:pr-40 {
    padding-right: 40px !important;
  }

  .xl\:mt-40 {
    margin-top: 40px !important;
  }

  .xl\:mb-40 {
    margin-bottom: 40px !important;
  }

  .xl\:ml-40 {
    margin-left: 40px !important;
  }

  .xl\:mr-40 {
    margin-right: 40px !important;
  }

  .xl\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .xl\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .xl\:pt-45 {
    padding-top: 45px !important;
  }

  .xl\:pb-45 {
    padding-bottom: 45px !important;
  }

  .xl\:pl-45 {
    padding-left: 45px !important;
  }

  .xl\:pr-45 {
    padding-right: 45px !important;
  }

  .xl\:mt-45 {
    margin-top: 45px !important;
  }

  .xl\:mb-45 {
    margin-bottom: 45px !important;
  }

  .xl\:ml-45 {
    margin-left: 45px !important;
  }

  .xl\:mr-45 {
    margin-right: 45px !important;
  }

  .xl\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .xl\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .xl\:pt-50 {
    padding-top: 50px !important;
  }

  .xl\:pb-50 {
    padding-bottom: 50px !important;
  }

  .xl\:pl-50 {
    padding-left: 50px !important;
  }

  .xl\:pr-50 {
    padding-right: 50px !important;
  }

  .xl\:mt-50 {
    margin-top: 50px !important;
  }

  .xl\:mb-50 {
    margin-bottom: 50px !important;
  }

  .xl\:ml-50 {
    margin-left: 50px !important;
  }

  .xl\:mr-50 {
    margin-right: 50px !important;
  }

  .xl\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .xl\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .xl\:pt-60 {
    padding-top: 60px !important;
  }

  .xl\:pb-60 {
    padding-bottom: 60px !important;
  }

  .xl\:pl-60 {
    padding-left: 60px !important;
  }

  .xl\:pr-60 {
    padding-right: 60px !important;
  }

  .xl\:mt-60 {
    margin-top: 60px !important;
  }

  .xl\:mb-60 {
    margin-bottom: 60px !important;
  }

  .xl\:ml-60 {
    margin-left: 60px !important;
  }

  .xl\:mr-60 {
    margin-right: 60px !important;
  }

  .xl\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .xl\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .xl\:pt-80 {
    padding-top: 80px !important;
  }

  .xl\:pb-80 {
    padding-bottom: 80px !important;
  }

  .xl\:pl-80 {
    padding-left: 80px !important;
  }

  .xl\:pr-80 {
    padding-right: 80px !important;
  }

  .xl\:mt-80 {
    margin-top: 80px !important;
  }

  .xl\:mb-80 {
    margin-bottom: 80px !important;
  }

  .xl\:ml-80 {
    margin-left: 80px !important;
  }

  .xl\:mr-80 {
    margin-right: 80px !important;
  }
}

@media (max-width: 991px) {
  .lg\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .lg\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .lg\:pt-0 {
    padding-top: 0px !important;
  }

  .lg\:pb-0 {
    padding-bottom: 0px !important;
  }

  .lg\:pl-0 {
    padding-left: 0px !important;
  }

  .lg\:pr-0 {
    padding-right: 0px !important;
  }

  .lg\:mt-0 {
    margin-top: 0px !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0px !important;
  }

  .lg\:ml-0 {
    margin-left: 0px !important;
  }

  .lg\:mr-0 {
    margin-right: 0px !important;
  }

  .lg\:py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .lg\:px-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .lg\:pt-2 {
    padding-top: 2px !important;
  }

  .lg\:pb-2 {
    padding-bottom: 2px !important;
  }

  .lg\:pl-2 {
    padding-left: 2px !important;
  }

  .lg\:pr-2 {
    padding-right: 2px !important;
  }

  .lg\:mt-2 {
    margin-top: 2px !important;
  }

  .lg\:mb-2 {
    margin-bottom: 2px !important;
  }

  .lg\:ml-2 {
    margin-left: 2px !important;
  }

  .lg\:mr-2 {
    margin-right: 2px !important;
  }

  .lg\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .lg\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .lg\:pt-5 {
    padding-top: 5px !important;
  }

  .lg\:pb-5 {
    padding-bottom: 5px !important;
  }

  .lg\:pl-5 {
    padding-left: 5px !important;
  }

  .lg\:pr-5 {
    padding-right: 5px !important;
  }

  .lg\:mt-5 {
    margin-top: 5px !important;
  }

  .lg\:mb-5 {
    margin-bottom: 5px !important;
  }

  .lg\:ml-5 {
    margin-left: 5px !important;
  }

  .lg\:mr-5 {
    margin-right: 5px !important;
  }

  .lg\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .lg\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .lg\:pt-10 {
    padding-top: 10px !important;
  }

  .lg\:pb-10 {
    padding-bottom: 10px !important;
  }

  .lg\:pl-10 {
    padding-left: 10px !important;
  }

  .lg\:pr-10 {
    padding-right: 10px !important;
  }

  .lg\:mt-10 {
    margin-top: 10px !important;
  }

  .lg\:mb-10 {
    margin-bottom: 10px !important;
  }

  .lg\:ml-10 {
    margin-left: 10px !important;
  }

  .lg\:mr-10 {
    margin-right: 10px !important;
  }

  .lg\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .lg\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lg\:pt-15 {
    padding-top: 15px !important;
  }

  .lg\:pb-15 {
    padding-bottom: 15px !important;
  }

  .lg\:pl-15 {
    padding-left: 15px !important;
  }

  .lg\:pr-15 {
    padding-right: 15px !important;
  }

  .lg\:mt-15 {
    margin-top: 15px !important;
  }

  .lg\:mb-15 {
    margin-bottom: 15px !important;
  }

  .lg\:ml-15 {
    margin-left: 15px !important;
  }

  .lg\:mr-15 {
    margin-right: 15px !important;
  }

  .lg\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .lg\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .lg\:pt-20 {
    padding-top: 20px !important;
  }

  .lg\:pb-20 {
    padding-bottom: 20px !important;
  }

  .lg\:pl-20 {
    padding-left: 20px !important;
  }

  .lg\:pr-20 {
    padding-right: 20px !important;
  }

  .lg\:mt-20 {
    margin-top: 20px !important;
  }

  .lg\:mb-20 {
    margin-bottom: 20px !important;
  }

  .lg\:ml-20 {
    margin-left: 20px !important;
  }

  .lg\:mr-20 {
    margin-right: 20px !important;
  }

  .lg\:py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .lg\:px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .lg\:pt-25 {
    padding-top: 25px !important;
  }

  .lg\:pb-25 {
    padding-bottom: 25px !important;
  }

  .lg\:pl-25 {
    padding-left: 25px !important;
  }

  .lg\:pr-25 {
    padding-right: 25px !important;
  }

  .lg\:mt-25 {
    margin-top: 25px !important;
  }

  .lg\:mb-25 {
    margin-bottom: 25px !important;
  }

  .lg\:ml-25 {
    margin-left: 25px !important;
  }

  .lg\:mr-25 {
    margin-right: 25px !important;
  }

  .lg\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .lg\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .lg\:pt-30 {
    padding-top: 30px !important;
  }

  .lg\:pb-30 {
    padding-bottom: 30px !important;
  }

  .lg\:pl-30 {
    padding-left: 30px !important;
  }

  .lg\:pr-30 {
    padding-right: 30px !important;
  }

  .lg\:mt-30 {
    margin-top: 30px !important;
  }

  .lg\:mb-30 {
    margin-bottom: 30px !important;
  }

  .lg\:ml-30 {
    margin-left: 30px !important;
  }

  .lg\:mr-30 {
    margin-right: 30px !important;
  }

  .lg\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .lg\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .lg\:pt-35 {
    padding-top: 35px !important;
  }

  .lg\:pb-35 {
    padding-bottom: 35px !important;
  }

  .lg\:pl-35 {
    padding-left: 35px !important;
  }

  .lg\:pr-35 {
    padding-right: 35px !important;
  }

  .lg\:mt-35 {
    margin-top: 35px !important;
  }

  .lg\:mb-35 {
    margin-bottom: 35px !important;
  }

  .lg\:ml-35 {
    margin-left: 35px !important;
  }

  .lg\:mr-35 {
    margin-right: 35px !important;
  }

  .lg\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .lg\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .lg\:pt-40 {
    padding-top: 40px !important;
  }

  .lg\:pb-40 {
    padding-bottom: 40px !important;
  }

  .lg\:pl-40 {
    padding-left: 40px !important;
  }

  .lg\:pr-40 {
    padding-right: 40px !important;
  }

  .lg\:mt-40 {
    margin-top: 40px !important;
  }

  .lg\:mb-40 {
    margin-bottom: 40px !important;
  }

  .lg\:ml-40 {
    margin-left: 40px !important;
  }

  .lg\:mr-40 {
    margin-right: 40px !important;
  }

  .lg\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .lg\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .lg\:pt-45 {
    padding-top: 45px !important;
  }

  .lg\:pb-45 {
    padding-bottom: 45px !important;
  }

  .lg\:pl-45 {
    padding-left: 45px !important;
  }

  .lg\:pr-45 {
    padding-right: 45px !important;
  }

  .lg\:mt-45 {
    margin-top: 45px !important;
  }

  .lg\:mb-45 {
    margin-bottom: 45px !important;
  }

  .lg\:ml-45 {
    margin-left: 45px !important;
  }

  .lg\:mr-45 {
    margin-right: 45px !important;
  }

  .lg\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .lg\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .lg\:pt-50 {
    padding-top: 50px !important;
  }

  .lg\:pb-50 {
    padding-bottom: 50px !important;
  }

  .lg\:pl-50 {
    padding-left: 50px !important;
  }

  .lg\:pr-50 {
    padding-right: 50px !important;
  }

  .lg\:mt-50 {
    margin-top: 50px !important;
  }

  .lg\:mb-50 {
    margin-bottom: 50px !important;
  }

  .lg\:ml-50 {
    margin-left: 50px !important;
  }

  .lg\:mr-50 {
    margin-right: 50px !important;
  }

  .lg\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .lg\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .lg\:pt-60 {
    padding-top: 60px !important;
  }

  .lg\:pb-60 {
    padding-bottom: 60px !important;
  }

  .lg\:pl-60 {
    padding-left: 60px !important;
  }

  .lg\:pr-60 {
    padding-right: 60px !important;
  }

  .lg\:mt-60 {
    margin-top: 60px !important;
  }

  .lg\:mb-60 {
    margin-bottom: 60px !important;
  }

  .lg\:ml-60 {
    margin-left: 60px !important;
  }

  .lg\:mr-60 {
    margin-right: 60px !important;
  }

  .lg\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .lg\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .lg\:pt-80 {
    padding-top: 80px !important;
  }

  .lg\:pb-80 {
    padding-bottom: 80px !important;
  }

  .lg\:pl-80 {
    padding-left: 80px !important;
  }

  .lg\:pr-80 {
    padding-right: 80px !important;
  }

  .lg\:mt-80 {
    margin-top: 80px !important;
  }

  .lg\:mb-80 {
    margin-bottom: 80px !important;
  }

  .lg\:ml-80 {
    margin-left: 80px !important;
  }

  .lg\:mr-80 {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .md\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .md\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .md\:pt-0 {
    padding-top: 0px !important;
  }

  .md\:pb-0 {
    padding-bottom: 0px !important;
  }

  .md\:pl-0 {
    padding-left: 0px !important;
  }

  .md\:pr-0 {
    padding-right: 0px !important;
  }

  .md\:mt-0 {
    margin-top: 0px !important;
  }

  .md\:mb-0 {
    margin-bottom: 0px !important;
  }

  .md\:ml-0 {
    margin-left: 0px !important;
  }

  .md\:mr-0 {
    margin-right: 0px !important;
  }

  .md\:py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .md\:px-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .md\:pt-2 {
    padding-top: 2px !important;
  }

  .md\:pb-2 {
    padding-bottom: 2px !important;
  }

  .md\:pl-2 {
    padding-left: 2px !important;
  }

  .md\:pr-2 {
    padding-right: 2px !important;
  }

  .md\:mt-2 {
    margin-top: 2px !important;
  }

  .md\:mb-2 {
    margin-bottom: 2px !important;
  }

  .md\:ml-2 {
    margin-left: 2px !important;
  }

  .md\:mr-2 {
    margin-right: 2px !important;
  }

  .md\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .md\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .md\:pt-5 {
    padding-top: 5px !important;
  }

  .md\:pb-5 {
    padding-bottom: 5px !important;
  }

  .md\:pl-5 {
    padding-left: 5px !important;
  }

  .md\:pr-5 {
    padding-right: 5px !important;
  }

  .md\:mt-5 {
    margin-top: 5px !important;
  }

  .md\:mb-5 {
    margin-bottom: 5px !important;
  }

  .md\:ml-5 {
    margin-left: 5px !important;
  }

  .md\:mr-5 {
    margin-right: 5px !important;
  }

  .md\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .md\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .md\:pt-10 {
    padding-top: 10px !important;
  }

  .md\:pb-10 {
    padding-bottom: 10px !important;
  }

  .md\:pl-10 {
    padding-left: 10px !important;
  }

  .md\:pr-10 {
    padding-right: 10px !important;
  }

  .md\:mt-10 {
    margin-top: 10px !important;
  }

  .md\:mb-10 {
    margin-bottom: 10px !important;
  }

  .md\:ml-10 {
    margin-left: 10px !important;
  }

  .md\:mr-10 {
    margin-right: 10px !important;
  }

  .md\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .md\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .md\:pt-15 {
    padding-top: 15px !important;
  }

  .md\:pb-15 {
    padding-bottom: 15px !important;
  }

  .md\:pl-15 {
    padding-left: 15px !important;
  }

  .md\:pr-15 {
    padding-right: 15px !important;
  }

  .md\:mt-15 {
    margin-top: 15px !important;
  }

  .md\:mb-15 {
    margin-bottom: 15px !important;
  }

  .md\:ml-15 {
    margin-left: 15px !important;
  }

  .md\:mr-15 {
    margin-right: 15px !important;
  }

  .md\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .md\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .md\:pt-20 {
    padding-top: 20px !important;
  }

  .md\:pb-20 {
    padding-bottom: 20px !important;
  }

  .md\:pl-20 {
    padding-left: 20px !important;
  }

  .md\:pr-20 {
    padding-right: 20px !important;
  }

  .md\:mt-20 {
    margin-top: 20px !important;
  }

  .md\:mb-20 {
    margin-bottom: 20px !important;
  }

  .md\:ml-20 {
    margin-left: 20px !important;
  }

  .md\:mr-20 {
    margin-right: 20px !important;
  }

  .md\:py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .md\:px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .md\:pt-25 {
    padding-top: 25px !important;
  }

  .md\:pb-25 {
    padding-bottom: 25px !important;
  }

  .md\:pl-25 {
    padding-left: 25px !important;
  }

  .md\:pr-25 {
    padding-right: 25px !important;
  }

  .md\:mt-25 {
    margin-top: 25px !important;
  }

  .md\:mb-25 {
    margin-bottom: 25px !important;
  }

  .md\:ml-25 {
    margin-left: 25px !important;
  }

  .md\:mr-25 {
    margin-right: 25px !important;
  }

  .md\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .md\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .md\:pt-30 {
    padding-top: 30px !important;
  }

  .md\:pb-30 {
    padding-bottom: 30px !important;
  }

  .md\:pl-30 {
    padding-left: 30px !important;
  }

  .md\:pr-30 {
    padding-right: 30px !important;
  }

  .md\:mt-30 {
    margin-top: 30px !important;
  }

  .md\:mb-30 {
    margin-bottom: 30px !important;
  }

  .md\:ml-30 {
    margin-left: 30px !important;
  }

  .md\:mr-30 {
    margin-right: 30px !important;
  }

  .md\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .md\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .md\:pt-35 {
    padding-top: 35px !important;
  }

  .md\:pb-35 {
    padding-bottom: 35px !important;
  }

  .md\:pl-35 {
    padding-left: 35px !important;
  }

  .md\:pr-35 {
    padding-right: 35px !important;
  }

  .md\:mt-35 {
    margin-top: 35px !important;
  }

  .md\:mb-35 {
    margin-bottom: 35px !important;
  }

  .md\:ml-35 {
    margin-left: 35px !important;
  }

  .md\:mr-35 {
    margin-right: 35px !important;
  }

  .md\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .md\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .md\:pt-40 {
    padding-top: 40px !important;
  }

  .md\:pb-40 {
    padding-bottom: 40px !important;
  }

  .md\:pl-40 {
    padding-left: 40px !important;
  }

  .md\:pr-40 {
    padding-right: 40px !important;
  }

  .md\:mt-40 {
    margin-top: 40px !important;
  }

  .md\:mb-40 {
    margin-bottom: 40px !important;
  }

  .md\:ml-40 {
    margin-left: 40px !important;
  }

  .md\:mr-40 {
    margin-right: 40px !important;
  }

  .md\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .md\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .md\:pt-45 {
    padding-top: 45px !important;
  }

  .md\:pb-45 {
    padding-bottom: 45px !important;
  }

  .md\:pl-45 {
    padding-left: 45px !important;
  }

  .md\:pr-45 {
    padding-right: 45px !important;
  }

  .md\:mt-45 {
    margin-top: 45px !important;
  }

  .md\:mb-45 {
    margin-bottom: 45px !important;
  }

  .md\:ml-45 {
    margin-left: 45px !important;
  }

  .md\:mr-45 {
    margin-right: 45px !important;
  }

  .md\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .md\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .md\:pt-50 {
    padding-top: 50px !important;
  }

  .md\:pb-50 {
    padding-bottom: 50px !important;
  }

  .md\:pl-50 {
    padding-left: 50px !important;
  }

  .md\:pr-50 {
    padding-right: 50px !important;
  }

  .md\:mt-50 {
    margin-top: 50px !important;
  }

  .md\:mb-50 {
    margin-bottom: 50px !important;
  }

  .md\:ml-50 {
    margin-left: 50px !important;
  }

  .md\:mr-50 {
    margin-right: 50px !important;
  }

  .md\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .md\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .md\:pt-60 {
    padding-top: 60px !important;
  }

  .md\:pb-60 {
    padding-bottom: 60px !important;
  }

  .md\:pl-60 {
    padding-left: 60px !important;
  }

  .md\:pr-60 {
    padding-right: 60px !important;
  }

  .md\:mt-60 {
    margin-top: 60px !important;
  }

  .md\:mb-60 {
    margin-bottom: 60px !important;
  }

  .md\:ml-60 {
    margin-left: 60px !important;
  }

  .md\:mr-60 {
    margin-right: 60px !important;
  }

  .md\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .md\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .md\:pt-80 {
    padding-top: 80px !important;
  }

  .md\:pb-80 {
    padding-bottom: 80px !important;
  }

  .md\:pl-80 {
    padding-left: 80px !important;
  }

  .md\:pr-80 {
    padding-right: 80px !important;
  }

  .md\:mt-80 {
    margin-top: 80px !important;
  }

  .md\:mb-80 {
    margin-bottom: 80px !important;
  }

  .md\:ml-80 {
    margin-left: 80px !important;
  }

  .md\:mr-80 {
    margin-right: 80px !important;
  }
}

@media (max-width: 575px) {
  .sm\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .sm\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .sm\:pt-0 {
    padding-top: 0px !important;
  }

  .sm\:pb-0 {
    padding-bottom: 0px !important;
  }

  .sm\:pl-0 {
    padding-left: 0px !important;
  }

  .sm\:pr-0 {
    padding-right: 0px !important;
  }

  .sm\:mt-0 {
    margin-top: 0px !important;
  }

  .sm\:mb-0 {
    margin-bottom: 0px !important;
  }

  .sm\:ml-0 {
    margin-left: 0px !important;
  }

  .sm\:mr-0 {
    margin-right: 0px !important;
  }

  .sm\:py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .sm\:px-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .sm\:pt-2 {
    padding-top: 2px !important;
  }

  .sm\:pb-2 {
    padding-bottom: 2px !important;
  }

  .sm\:pl-2 {
    padding-left: 2px !important;
  }

  .sm\:pr-2 {
    padding-right: 2px !important;
  }

  .sm\:mt-2 {
    margin-top: 2px !important;
  }

  .sm\:mb-2 {
    margin-bottom: 2px !important;
  }

  .sm\:ml-2 {
    margin-left: 2px !important;
  }

  .sm\:mr-2 {
    margin-right: 2px !important;
  }

  .sm\:py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .sm\:px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .sm\:pt-5 {
    padding-top: 5px !important;
  }

  .sm\:pb-5 {
    padding-bottom: 5px !important;
  }

  .sm\:pl-5 {
    padding-left: 5px !important;
  }

  .sm\:pr-5 {
    padding-right: 5px !important;
  }

  .sm\:mt-5 {
    margin-top: 5px !important;
  }

  .sm\:mb-5 {
    margin-bottom: 5px !important;
  }

  .sm\:ml-5 {
    margin-left: 5px !important;
  }

  .sm\:mr-5 {
    margin-right: 5px !important;
  }

  .sm\:py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .sm\:px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .sm\:pt-10 {
    padding-top: 10px !important;
  }

  .sm\:pb-10 {
    padding-bottom: 10px !important;
  }

  .sm\:pl-10 {
    padding-left: 10px !important;
  }

  .sm\:pr-10 {
    padding-right: 10px !important;
  }

  .sm\:mt-10 {
    margin-top: 10px !important;
  }

  .sm\:mb-10 {
    margin-bottom: 10px !important;
  }

  .sm\:ml-10 {
    margin-left: 10px !important;
  }

  .sm\:mr-10 {
    margin-right: 10px !important;
  }

  .sm\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .sm\:px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .sm\:pt-15 {
    padding-top: 15px !important;
  }

  .sm\:pb-15 {
    padding-bottom: 15px !important;
  }

  .sm\:pl-15 {
    padding-left: 15px !important;
  }

  .sm\:pr-15 {
    padding-right: 15px !important;
  }

  .sm\:mt-15 {
    margin-top: 15px !important;
  }

  .sm\:mb-15 {
    margin-bottom: 15px !important;
  }

  .sm\:ml-15 {
    margin-left: 15px !important;
  }

  .sm\:mr-15 {
    margin-right: 15px !important;
  }

  .sm\:py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .sm\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sm\:pt-20 {
    padding-top: 20px !important;
  }

  .sm\:pb-20 {
    padding-bottom: 20px !important;
  }

  .sm\:pl-20 {
    padding-left: 20px !important;
  }

  .sm\:pr-20 {
    padding-right: 20px !important;
  }

  .sm\:mt-20 {
    margin-top: 20px !important;
  }

  .sm\:mb-20 {
    margin-bottom: 20px !important;
  }

  .sm\:ml-20 {
    margin-left: 20px !important;
  }

  .sm\:mr-20 {
    margin-right: 20px !important;
  }

  .sm\:py-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .sm\:px-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .sm\:pt-25 {
    padding-top: 25px !important;
  }

  .sm\:pb-25 {
    padding-bottom: 25px !important;
  }

  .sm\:pl-25 {
    padding-left: 25px !important;
  }

  .sm\:pr-25 {
    padding-right: 25px !important;
  }

  .sm\:mt-25 {
    margin-top: 25px !important;
  }

  .sm\:mb-25 {
    margin-bottom: 25px !important;
  }

  .sm\:ml-25 {
    margin-left: 25px !important;
  }

  .sm\:mr-25 {
    margin-right: 25px !important;
  }

  .sm\:py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .sm\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .sm\:pt-30 {
    padding-top: 30px !important;
  }

  .sm\:pb-30 {
    padding-bottom: 30px !important;
  }

  .sm\:pl-30 {
    padding-left: 30px !important;
  }

  .sm\:pr-30 {
    padding-right: 30px !important;
  }

  .sm\:mt-30 {
    margin-top: 30px !important;
  }

  .sm\:mb-30 {
    margin-bottom: 30px !important;
  }

  .sm\:ml-30 {
    margin-left: 30px !important;
  }

  .sm\:mr-30 {
    margin-right: 30px !important;
  }

  .sm\:py-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .sm\:px-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .sm\:pt-35 {
    padding-top: 35px !important;
  }

  .sm\:pb-35 {
    padding-bottom: 35px !important;
  }

  .sm\:pl-35 {
    padding-left: 35px !important;
  }

  .sm\:pr-35 {
    padding-right: 35px !important;
  }

  .sm\:mt-35 {
    margin-top: 35px !important;
  }

  .sm\:mb-35 {
    margin-bottom: 35px !important;
  }

  .sm\:ml-35 {
    margin-left: 35px !important;
  }

  .sm\:mr-35 {
    margin-right: 35px !important;
  }

  .sm\:py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .sm\:px-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .sm\:pt-40 {
    padding-top: 40px !important;
  }

  .sm\:pb-40 {
    padding-bottom: 40px !important;
  }

  .sm\:pl-40 {
    padding-left: 40px !important;
  }

  .sm\:pr-40 {
    padding-right: 40px !important;
  }

  .sm\:mt-40 {
    margin-top: 40px !important;
  }

  .sm\:mb-40 {
    margin-bottom: 40px !important;
  }

  .sm\:ml-40 {
    margin-left: 40px !important;
  }

  .sm\:mr-40 {
    margin-right: 40px !important;
  }

  .sm\:py-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .sm\:px-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .sm\:pt-45 {
    padding-top: 45px !important;
  }

  .sm\:pb-45 {
    padding-bottom: 45px !important;
  }

  .sm\:pl-45 {
    padding-left: 45px !important;
  }

  .sm\:pr-45 {
    padding-right: 45px !important;
  }

  .sm\:mt-45 {
    margin-top: 45px !important;
  }

  .sm\:mb-45 {
    margin-bottom: 45px !important;
  }

  .sm\:ml-45 {
    margin-left: 45px !important;
  }

  .sm\:mr-45 {
    margin-right: 45px !important;
  }

  .sm\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .sm\:px-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .sm\:pt-50 {
    padding-top: 50px !important;
  }

  .sm\:pb-50 {
    padding-bottom: 50px !important;
  }

  .sm\:pl-50 {
    padding-left: 50px !important;
  }

  .sm\:pr-50 {
    padding-right: 50px !important;
  }

  .sm\:mt-50 {
    margin-top: 50px !important;
  }

  .sm\:mb-50 {
    margin-bottom: 50px !important;
  }

  .sm\:ml-50 {
    margin-left: 50px !important;
  }

  .sm\:mr-50 {
    margin-right: 50px !important;
  }

  .sm\:py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .sm\:px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .sm\:pt-60 {
    padding-top: 60px !important;
  }

  .sm\:pb-60 {
    padding-bottom: 60px !important;
  }

  .sm\:pl-60 {
    padding-left: 60px !important;
  }

  .sm\:pr-60 {
    padding-right: 60px !important;
  }

  .sm\:mt-60 {
    margin-top: 60px !important;
  }

  .sm\:mb-60 {
    margin-bottom: 60px !important;
  }

  .sm\:ml-60 {
    margin-left: 60px !important;
  }

  .sm\:mr-60 {
    margin-right: 60px !important;
  }

  .sm\:py-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .sm\:px-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .sm\:pt-80 {
    padding-top: 80px !important;
  }

  .sm\:pb-80 {
    padding-bottom: 80px !important;
  }

  .sm\:pl-80 {
    padding-left: 80px !important;
  }

  .sm\:pr-80 {
    padding-right: 80px !important;
  }

  .sm\:mt-80 {
    margin-top: 80px !important;
  }

  .sm\:mb-80 {
    margin-bottom: 80px !important;
  }

  .sm\:ml-80 {
    margin-left: 80px !important;
  }

  .sm\:mr-80 {
    margin-right: 80px !important;
  }
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.xl\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.lg\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.md\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.sm\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.x-gap-0 {
  margin-left: -0px;
  margin-right: -0px;
}

.x-gap-0>* {
  padding-left: 0px;
  padding-right: 0px;
}

.y-gap-0 {
  margin-top: -0px;
  margin-bottom: -0px;
}

.y-gap-0>* {
  padding-top: 0px;
  padding-bottom: 0px;
}

.x-gap-5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.x-gap-5>* {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.y-gap-5 {
  margin-top: -2.5px;
  margin-bottom: -2.5px;
}

.y-gap-5>* {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}

.x-gap-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.x-gap-10>* {
  padding-left: 5px;
  padding-right: 5px;
}

.y-gap-10 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.y-gap-10>* {
  padding-top: 5px;
  padding-bottom: 5px;
}

.x-gap-15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.x-gap-15>* {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.y-gap-15 {
  margin-top: -7.5px;
  margin-bottom: -7.5px;
}

.y-gap-15>* {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.x-gap-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.x-gap-20>* {
  padding-left: 10px;
  padding-right: 10px;
}

.y-gap-20 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.y-gap-20>* {
  padding-top: 10px;
  padding-bottom: 10px;
}

.x-gap-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.x-gap-30>* {
  padding-left: 15px;
  padding-right: 15px;
}

.y-gap-30 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.y-gap-30>* {
  padding-top: 15px;
  padding-bottom: 15px;
}

.x-gap-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.x-gap-40>* {
  padding-left: 20px;
  padding-right: 20px;
}

.y-gap-40 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.y-gap-40>* {
  padding-top: 20px;
  padding-bottom: 20px;
}

.x-gap-60 {
  margin-left: -30px;
  margin-right: -30px;
}

.x-gap-60>* {
  padding-left: 30px;
  padding-right: 30px;
}

.y-gap-60 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.y-gap-60>* {
  padding-top: 30px;
  padding-bottom: 30px;
}

.x-gap-130 {
  margin-left: -65px;
  margin-right: -65px;
}

.x-gap-130>* {
  padding-left: 65px;
  padding-right: 65px;
}

.y-gap-130 {
  margin-top: -65px;
  margin-bottom: -65px;
}

.y-gap-130>* {
  padding-top: 65px;
  padding-bottom: 65px;
}

@media (max-width: 767px) {
  .md\:x-gap-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .md\:x-gap-0>* {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:y-gap-0 {
    margin-top: -0px;
    margin-bottom: -0px;
  }

  .md\:y-gap-0>* {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:x-gap-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .md\:x-gap-5>* {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .md\:y-gap-5 {
    margin-top: -2.5px;
    margin-bottom: -2.5px;
  }

  .md\:y-gap-5>* {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }

  .md\:x-gap-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .md\:x-gap-10>* {
    padding-left: 5px;
    padding-right: 5px;
  }

  .md\:y-gap-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }

  .md\:y-gap-10>* {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .md\:x-gap-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .md\:x-gap-15>* {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .md\:y-gap-15 {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
  }

  .md\:y-gap-15>* {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
  }

  .md\:x-gap-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .md\:x-gap-20>* {
    padding-left: 10px;
    padding-right: 10px;
  }

  .md\:y-gap-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .md\:y-gap-20>* {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .md\:x-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .md\:x-gap-30>* {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md\:y-gap-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .md\:y-gap-30>* {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .md\:x-gap-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .md\:x-gap-40>* {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:y-gap-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .md\:y-gap-40>* {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md\:x-gap-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .md\:x-gap-60>* {
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:y-gap-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .md\:y-gap-60>* {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .md\:x-gap-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .md\:x-gap-130>* {
    padding-left: 65px;
    padding-right: 65px;
  }

  .md\:y-gap-130 {
    margin-top: -65px;
    margin-bottom: -65px;
  }

  .md\:y-gap-130>* {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}

@media (max-width: 767px) {
  .sm\:x-gap-0 {
    margin-left: -0px;
    margin-right: -0px;
  }

  .sm\:x-gap-0>* {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:y-gap-0 {
    margin-top: -0px;
    margin-bottom: -0px;
  }

  .sm\:y-gap-0>* {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:x-gap-5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .sm\:x-gap-5>* {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .sm\:y-gap-5 {
    margin-top: -2.5px;
    margin-bottom: -2.5px;
  }

  .sm\:y-gap-5>* {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }

  .sm\:x-gap-10 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .sm\:x-gap-10>* {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sm\:y-gap-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }

  .sm\:y-gap-10>* {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sm\:x-gap-15 {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .sm\:x-gap-15>* {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .sm\:y-gap-15 {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
  }

  .sm\:y-gap-15>* {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
  }

  .sm\:x-gap-20 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .sm\:x-gap-20>* {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sm\:y-gap-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .sm\:y-gap-20>* {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sm\:x-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .sm\:x-gap-30>* {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm\:y-gap-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .sm\:y-gap-30>* {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sm\:x-gap-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .sm\:x-gap-40>* {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm\:y-gap-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .sm\:y-gap-40>* {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sm\:x-gap-60 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .sm\:x-gap-60>* {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:y-gap-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .sm\:y-gap-60>* {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sm\:x-gap-130 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .sm\:x-gap-130>* {
    padding-left: 65px;
    padding-right: 65px;
  }

  .sm\:y-gap-130 {
    margin-top: -65px;
    margin-bottom: -65px;
  }

  .sm\:y-gap-130>* {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}

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

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

.layout-pt-md {
  padding-top: 10px;
}

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

.layout-pt-lg {
  padding-top: 90px;
}

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

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

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

.layout-pt-xxl {
  padding-top: 270px;
}

.layout-pb-xxl {
  padding-bottom: 270px;
}

@media (max-width: 767px) {
  .layout-pt-sm {
    padding-top: 30px;
  }

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

@media (max-width: 767px) {
  .layout-pt-md {
    padding-top: 20px;
  }

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

@media (max-width: 767px) {
  .layout-pt-lg {
    padding-top: 100px;
  }

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

@media (max-width: 767px) {
  .layout-pt-xl {
    padding-top: 120px;
  }

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

@media (max-width: 767px) {
  .layout-pt-xxl {
    padding-top: 120px;
  }

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

@media (max-width: 575px) {
  .layout-pt-sm {
    padding-top: 30px;
  }

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

@media (max-width: 575px) {
  .layout-pt-md {
    padding-top: 20px;
  }

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

@media (max-width: 575px) {
  .layout-pt-lg {
    padding-top: 30px;
  }

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

@media (max-width: 575px) {
  .layout-pt-xl {
    padding-top: 50px;
  }

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

@media (max-width: 575px) {
  .layout-pt-xxl {
    padding-top: 70px;
  }

  .layout-pb-xxl {
    padding-bottom: 70px;
  }
}

.w-1\/7 {
  width: 14.285714% !important;
}

.w-1\/5 {
  width: 20% !important;
}

.w-1\/4 {
  width: 25% !important;
}

.w-1\/3 {
  width: 33.333333% !important;
}

.w-1\/2 {
  width: 50% !important;
}

.w-1\/1 {
  width: 100% !important;
}

@media (max-width: 1199px) {
  .xl\:w-1\/5 {
    width: 20% !important;
  }

  .xl\:w-1\/4 {
    width: 25% !important;
  }

  .xl\:w-1\/3 {
    width: 33.333333% !important;
  }

  .xl\:w-1\/2 {
    width: 50% !important;
  }

  .xl\:w-1\/1 {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .lg\:w-1\/5 {
    width: 20% !important;
  }

  .lg\:w-1\/4 {
    width: 25% !important;
  }

  .lg\:w-1\/3 {
    width: 33.333333% !important;
  }

  .lg\:w-1\/2 {
    width: 50% !important;
  }

  .lg\:w-1\/1 {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .md\:w-1\/5 {
    width: 20% !important;
  }

  .md\:w-1\/4 {
    width: 25% !important;
  }

  .md\:w-1\/3 {
    width: 33.333333% !important;
  }

  .md\:w-1\/2 {
    width: 50% !important;
  }

  .md\:w-1\/1 {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .sm\:w-1\/5 {
    width: 20% !important;
  }

  .sm\:w-1\/4 {
    width: 25% !important;
  }

  .sm\:w-1\/3 {
    width: 33.333333% !important;
  }

  .sm\:w-1\/2 {
    width: 50% !important;
  }

  .sm\:w-1\/1 {
    width: 100% !important;
  }
}

.flex-column {
  flex-direction: column;
}

@media (max-width: 1199px) {
  .xl\:flex-column {
    flex-direction: column !important;
  }
}

@media (max-width: 991px) {
  .lg\:flex-column {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .md\:flex-column {
    flex-direction: column !important;
  }
}

@media (max-width: 575px) {
  .sm\:flex-column {
    flex-direction: column !important;
  }
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.items-start {
  align-items: flex-start !important;
}

.items-end {
  align-items: flex-end !important;
}

.items-center {
  align-items: center !important;
}

@media (max-width: 1199px) {
  .xl\:justify-start {
    justify-content: flex-start !important;
  }

  .xl\:justify-end {
    justify-content: flex-end !important;
  }

  .xl\:justify-center {
    justify-content: center !important;
  }

  .xl\:justify-between {
    justify-content: space-between !important;
  }

  .xl\:items-start {
    align-items: flex-start !important;
  }

  .xl\:items-end {
    align-items: flex-end !important;
  }

  .xl\:items-center {
    align-items: center !important;
  }
}

@media (max-width: 991px) {
  .lg\:justify-start {
    justify-content: flex-start !important;
  }

  .lg\:justify-end {
    justify-content: flex-end !important;
  }

  .lg\:justify-center {
    justify-content: center !important;
  }

  .lg\:justify-between {
    justify-content: space-between !important;
  }

  .lg\:items-start {
    align-items: flex-start !important;
  }

  .lg\:items-end {
    align-items: flex-end !important;
  }

  .lg\:items-center {
    align-items: center !important;
  }
}

@media (max-width: 767px) {
  .md\:justify-start {
    justify-content: flex-start !important;
  }

  .md\:justify-end {
    justify-content: flex-end !important;
  }

  .md\:justify-center {
    justify-content: center !important;
  }

  .md\:justify-between {
    justify-content: space-between !important;
  }

  .md\:items-start {
    align-items: flex-start !important;
  }

  .md\:items-end {
    align-items: flex-end !important;
  }

  .md\:items-center {
    align-items: center !important;
  }
}

@media (max-width: 575px) {
  .sm\:justify-start {
    justify-content: flex-start !important;
  }

  .sm\:justify-end {
    justify-content: flex-end !important;
  }

  .sm\:justify-center {
    justify-content: center !important;
  }

  .sm\:justify-between {
    justify-content: space-between !important;
  }

  .sm\:items-start {
    align-items: flex-start !important;
  }

  .sm\:items-end {
    align-items: flex-end !important;
  }

  .sm\:items-center {
    align-items: center !important;
  }
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

@media (max-width: 1199px) {
  .xl\:order-1 {
    order: 1;
  }

  .xl\:order-2 {
    order: 2;
  }

  .xl\:order-3 {
    order: 3;
  }
}

@media (max-width: 991px) {
  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-3 {
    order: 3;
  }
}

@media (max-width: 767px) {
  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:order-3 {
    order: 3;
  }
}

@media (max-width: 575px) {
  .sm\:order-1 {
    order: 1;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:order-3 {
    order: 3;
  }
}

.bg-white {
  background-color: var(--color-white) !important;
}

.bg-black {
  background-color: var(--color-black) !important;
}

.bg-border {
  background-color: var(--color-border) !important;
}

.bg-accent-1 {
  background-color: var(--color-accent-1) !important;
}

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

.bg-accent-2 {
  background-color: var(--color-accent-2) !important;
}

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

.bg-blue-1 {
  background-color: var(--color-blue-1) !important;
}

.bg-red-1 {
  background-color: var(--color-red-1) !important;
}

.bg-red-2 {
  background-color: var(--color-red-2) !important;
}

.bg-red-3 {
  background-color: var(--color-red-3) !important;
}

.bg-red-4 {
  background-color: var(--color-red-4) !important;
}

.bg-purple-1 {
  background-color: var(--color-purple-1) !important;
}

.bg-yellow-1 {
  background-color: var(--color-yellow-1) !important;
}

.bg-yellow-2 {
  background-color: var(--color-yellow-2) !important;
}

.bg-yellow-3 {
  background-color: var(--color-yellow-3) !important;
}

.bg-light-1 {
  background-color: var(--color-light-1) !important;
}

.bg-light-2 {
  background-color: var(--color-light-2) !important;
}

.bg-light-3 {
  background-color: var(--color-light-3) !important;
}

.bg-light-4 {
  background-color: var(--color-light-4) !important;
}

.bg-light-5 {
  background-color: var(--color-light-5) !important;
}

.bg-light-6 {
  background-color: var(--color-light-6) !important;
}

.bg-light-7 {
  background-color: var(--color-light-7) !important;
}

.bg-green-1 {
  background-color: var(--color-green-1) !important;
}

.bg-green-2 {
  background-color: var(--color-green-2) !important;
}

.bg-green-3 {
  background-color: var(--color-green-3) !important;
}

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

.bg-info-2 {
  background-color: var(--color-info-2) !important;
}

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

.bg-warning-2 {
  background-color: var(--color-warning-2) !important;
}

.bg-error-1 {
  background-color: var(--color-error-1) !important;
}

.bg-error-2 {
  background-color: var(--color-error-2) !important;
}

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

.bg-success-2 {
  background-color: var(--color-success-2) !important;
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-accent-1-05 {
  background-color: rgba(235, 102, 43, 0.05);
}

.bg-accent-2-05 {
  background-color: rgba(74, 67, 196, 0.05);
}

.bg-accent-2-03 {
  background-color: rgba(74, 67, 196, 0.03);
}

.text-white {
  color: var(--color-white);
}

.text-black {
  color: var(--color-black);
}

.text-border {
  color: var(--color-border);
}

.text-accent-1 {
  color: var(--color-accent-1);
}

.text-accent-1-dark {
  color: var(--color-accent-1-dark);
}

.text-accent-2 {
  color: var(--color-accent-2);
}

.text-dark-1 {
  color: var(--color-dark-1);
}

.text-blue-1 {
  color: var(--color-blue-1);
}

.text-red-1 {
  color: var(--color-red-1);
}

.text-red-2 {
  color: var(--color-red-2);
}

.text-red-3 {
  color: var(--color-red-3);
}

.text-red-4 {
  color: var(--color-red-4);
}

.text-purple-1 {
  color: var(--color-purple-1);
}

.text-yellow-1 {
  color: var(--color-yellow-1);
}

.text-yellow-2 {
  color: var(--color-yellow-2);
}

.text-yellow-3 {
  color: var(--color-yellow-3);
}

.text-light-1 {
  color: var(--color-light-1);
}

.text-light-2 {
  color: var(--color-light-2);
}

.text-light-3 {
  color: var(--color-light-3);
}

.text-light-4 {
  color: var(--color-light-4);
}

.text-light-5 {
  color: var(--color-light-5);
}

.text-light-6 {
  color: var(--color-light-6);
}

.text-light-7 {
  color: var(--color-light-7);
}

.text-green-1 {
  color: var(--color-green-1);
}

.text-green-2 {
  color: var(--color-green-2);
}

.text-green-3 {
  color: var(--color-green-3);
}

.text-info-1 {
  color: var(--color-info-1);
}

.text-info-2 {
  color: var(--color-info-2);
}

.text-warning-1 {
  color: var(--color-warning-1);
}

.text-warning-2 {
  color: var(--color-warning-2);
}

.text-error-1 {
  color: var(--color-error-1);
}

.text-error-2 {
  color: var(--color-error-2);
}

.text-success-1 {
  color: var(--color-success-1);
}

.text-success-2 {
  color: var(--color-success-2);
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
  .xl\:text-dark-1 {
    color: var(--color-dark-1);
  }
}

@media (max-width: 991px) {
  .lg\:text-dark-1 {
    color: var(--color-dark-1);
  }
}

.d-none {
  display: none !important;
}

.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

@media (max-width: 1199px) {
  .xl\:d-none {
    display: none !important;
  }

  .xl\:d-inline-block {
    display: inline-block !important;
  }

  .xl\:d-block {
    display: block !important;
  }

  .xl\:d-flex {
    display: flex !important;
  }
}

@media (max-width: 991px) {
  .lg\:d-none {
    display: none !important;
  }

  .lg\:d-inline-block {
    display: inline-block !important;
  }

  .lg\:d-block {
    display: block !important;
  }

  .lg\:d-flex {
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .md\:d-none {
    display: none !important;
  }

  .md\:d-inline-block {
    display: inline-block !important;
  }

  .md\:d-block {
    display: block !important;
  }

  .md\:d-flex {
    display: flex !important;
  }
}

@media (max-width: 575px) {
  .sm\:d-none {
    display: none !important;
  }

  .sm\:d-inline-block {
    display: inline-block !important;
  }

  .sm\:d-block {
    display: block !important;
  }

  .sm\:d-flex {
    display: flex !important;
  }
}

.html-overflow-hidden {
  overflow: hidden !important;
}

.html-overflow-hidden body {
  overflow-y: scroll;
}

.origin-top {
  transform-origin: top !important;
}

.origin-left {
  transform-origin: left !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-normal {
  overflow: initial !important;
}

.overflow-visible {
  overflow: visible !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-ratio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.line-through {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal {
  text-transform: none;
}

.rounded-0 {
  border-radius: 0;
}

.rounded-4 {
  border-radius: 4px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-200 {
  border-radius: 200px !important;
}

.rounded-full {
  border-radius: 100%;
}

@media (max-width: 767px) {
  .md\:rounded-0 {
    border-radius: 0;
  }
}

.border-1 {
  border: 1px solid #E7E6E6;
}

.border-dark-1 {
  border: 1px solid var(--color-dark-1);
}

.border-1-top {
  border-top: 1px solid #E7E6E6;
}

.border-1-bottom {
  border-bottom: 1px solid #E7E6E6;
}

.border-white-15-top {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.border-dashed-1 {
  border: 1px dashed var(--color-primary, #EB662B);
}

.border-accent-1 {
  border: 1px solid var(--color-primary, #EB662B);
}

.size-16 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.size-24 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.size-30 {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}

.size-35 {
  flex-shrink: 0;
  width: 35px;
  height: 35px;
}

.size-40 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.size-42 {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
}

.size-50 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}

.size-60 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.size-70 {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
}

.size-72 {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
}

.size-80 {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
}

.size-100 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}

.size-130 {
  flex-shrink: 0;
  width: 130px;
  height: 130px;
}

.size-200 {
  flex-shrink: 0;
  width: 200px;
  height: 200px;
}

.shadow-1 {
  box-shadow: 0px 10px 40px 0px #0000000D;
}

.shadow-2 {
  box-shadow: 0px 0px 20px 0px rgba(56, 71, 109, 0.03);
}

.hover-shadow-1 {
  transition: .2s;
}

.hover-shadow-1:hover {
  box-shadow: 0px 10px 40px 0px #0000000D;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-wrap {
  flex-wrap: wrap;
}

.h-full {
  height: 100% !important;
}

.h-50 {
  height: 50px !important;
}

.min-w-auto {
  min-width: auto !important;
}

.relative {
  position: relative;
}

@media (max-width: 1199px) {
  .xl\:unset {
    position: unset !important;
  }
}

.absolute {
  position: absolute;
}

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

.z-0 {
  z-index: 0 !important;
}

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

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

.sectionBg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.sectionBg.-left {
  right: unset;
}

@media (max-width: 991px) {
  .sectionBg.-left {
    position: relative;
    width: 100% !important;
    height: 100%;
  }
}

.sectionBg.-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sectionBg.-w-1530 {
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  width: 1530px;
}

@media (max-width: 1550px) {
  .sectionBg.-w-1530 {
    border-radius: 0 !important;
  }
}

.sectionBg.-mx-60 {
  margin: 0 60px;
}

@media (max-width: 1600px) {
  .sectionBg.-mx-60 {
    margin: 0;
  }
}

@media (max-width: 1199px) {
  .sectionBg.-mx-60 {
    margin: 0;
  }
}

.sectionBg.-mx-30 {
  margin: 0 30px;
}

@media (max-width: 1600px) {
  .sectionBg.-mx-30 {
    margin: 0;
    border-radius: 0 !important;
  }
}

.sectionBg.-overlay-1::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 991px) {
  .sectionBg.-type-1 {
    position: relative;
  }
}

.sectionBg.-type-1>*:nth-child(1) {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  z-index: 0;
  width: 1270px;
  max-width: 100%;
}

@media (max-width: 1199px) {
  .sectionBg.-type-1>*:nth-child(1) {
    left: 30px;
    width: unset;
  }
}

.sectionBg.-type-1>*:nth-child(2) {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 30px;
  transform: translateY(-50%);
  width: 37vw;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}

@media (max-width: 1199px) {
  .sectionBg.-type-1>*:nth-child(2) {
    aspect-ratio: 3/4;
    left: 0;
  }
}

@media (max-width: 991px) {
  .sectionBg.-type-1>*:nth-child(2) {
    position: relative;
    aspect-ratio: unset;
    transform: unset;
    top: unset;
    left: unset;
    width: 100%;
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  .sectionBg.-type-2 {
    position: unset;
  }
}

.sectionBg.-type-2>*:nth-child(1) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10vw;
  width: 1250px;
  max-width: 100%;
  z-index: 0;
}

@media (max-width: 1199px) {
  .sectionBg.-type-2>*:nth-child(1) {
    width: 100%;
    left: 0;
    border-radius: 0 !important;
  }
}

.sectionBg.-type-2>*:nth-child(2) {
  position: absolute;
  top: 50px;
  bottom: 50px;
  right: 188px;
  width: 610px;
  height: calc(100% - 100px);
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}

@media (max-width: 1199px) {
  .sectionBg.-type-2>*:nth-child(2) {
    width: 37vw;
    right: 100px;
  }
}

@media (max-width: 991px) {
  .sectionBg.-type-2>*:nth-child(2) {
    position: relative;
    top: unset;
    bottom: unset;
    right: unset;
    width: 100%;
    height: auto;
    border-radius: 0 !important;
    margin-bottom: 40px;
  }
}

.aboutSection.-type-1 {
  padding: 210px 0;
}

@media (max-width: 1199px) {
  .aboutSection.-type-1 {
    padding: 100px 0;
  }
}

@media (max-width: 767px) {
  .aboutSection.-type-1 {
    padding: 60px 0;
  }
}

.aboutSection.-type-1 .aboutSection__text {
  padding-left: 40px;
  margin-bottom: 60px;
}

@media (max-width: 1199px) {
  .aboutSection.-type-1 .aboutSection__text {
    padding-left: 0;
  }
}

.imageSlider.-type-1 {
  overflow: hidden;
  position: relative;
  margin: 0 20px;
  height: 960px;
  color: white;
  z-index: 0;
}

@media (max-width: 1199px) {
  .imageSlider.-type-1 {
    height: 800px;
  }
}

@media (max-width: 991px) {
  .imageSlider.-type-1 {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .imageSlider.-type-1 {
    height: 500px;
  }
}

@media (max-width: 575px) {
  .imageSlider.-type-1 {
    height: 480px;
  }
}

.imageSlider.-type-1 .imageSlider__slider {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  border-radius: 12px;
  z-index: -1;
}

.imageSlider.-type-1 .imageSlider__image {
  position: relative;
  height: 100%;
}

.imageSlider.-type-1 .imageSlider__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(25, 29, 35, 0) 23.13%, rgba(25, 29, 35, 0.7) 100%);
}

.imageSlider.-type-1 .imageSlider__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.imageSlider.-type-1 .imageSlider__title {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.imageSlider.-type-1 .imageSlider__content {
  padding-top: 120px;
}

@media (max-width: 767px) {
  .imageSlider.-type-1 .imageSlider__content {
    padding-top: 60px;
  }
}

.imageSlider.-type-1 .imageSlider__nav {
  display: flex;
}

.imageSlider.-type-1.-center .imageSlider__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 5;
}

.imageSlider.-type-1.-center .imageSlider__nav>* {
  display: flex;
  justify-content: space-between;
}

.testimonialsSection {
  position: relative;
  height: 960px;
  z-index: 0;
}

@media (max-width: 1199px) {
  .testimonialsSection {
    height: 720px;
  }
}

@media (max-width: 991px) {
  .testimonialsSection {
    height: 640px;
  }
}

@media (max-width: 767px) {
  .testimonialsSection {
    height: auto;
  }
}

.testimonialsSection .container {
  height: 100%;
}

.testimonialsSection .row {
  height: 100%;
}

.testimonialsSection__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.testimonialsSection__bg>*:nth-child(2) {
  width: 50%;
  height: 100%;
}

@media (max-width: 1199px) {
  .testimonialsSection__bg>*:nth-child(2) {
    width: 60%;
  }
}

@media (max-width: 991px) {
  .testimonialsSection__bg>*:nth-child(2) {
    width: 65%;
  }
}

@media (max-width: 767px) {
  .testimonialsSection__bg>*:nth-child(2) {
    width: 100%;
  }
}

.testimonialsSection__images {
  position: relative;
  display: flex;
  width: 50%;
  height: 100%;
  z-index: -1;
  transition: .5s;
}

@media (max-width: 1199px) {
  .testimonialsSection__images {
    width: 40%;
  }
}

@media (max-width: 991px) {
  .testimonialsSection__images {
    width: 35%;
  }
}

@media (max-width: 767px) {
  .testimonialsSection__images {
    display: none;
  }
}

.testimonialsSection__images img {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonialsSection__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.grid.-type-1 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 240px);
  gap: 30px;
}

.grid.-type-1>*:nth-child(1) {
  grid-column: span 3;
}

.grid.-type-1>*:nth-child(2) {
  grid-column: span 4;
  grid-row: span 2;
}

.grid.-type-1>*:nth-child(3) {
  grid-column: span 5;
}

.grid.-type-1>*:nth-child(4) {
  grid-column: span 3;
}

.grid.-type-1>*:nth-child(5) {
  grid-column: span 2;
}

.grid.-type-1>*:nth-child(6) {
  grid-column: span 3;
}

@media (max-width: 991px) {
  .grid.-type-1 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
  }

  .grid.-type-1>*:nth-child(1) {
    grid-column: span 2;
  }

  .grid.-type-1>*:nth-child(2) {
    grid-column: span 3;
    grid-row: span 2;
  }

  .grid.-type-1>*:nth-child(3) {
    grid-column: span 2;
  }

  .grid.-type-1>*:nth-child(4) {
    grid-column: span 5;
    aspect-ratio: 12/6;
  }

  .grid.-type-1>*:nth-child(5) {
    grid-column: span 2;
    height: 100%;
  }

  .grid.-type-1>*:nth-child(6) {
    grid-column: span 3;
    aspect-ratio: 30/24;
  }
}

@media (max-width: 575px) {
  .grid.-type-1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 10px;
  }

  .grid.-type-1>*:nth-child(1) {
    grid-column: span 1;
    aspect-ratio: 19/15;
    order: 1;
  }

  .grid.-type-1>*:nth-child(2) {
    grid-column: span 2;
    aspect-ratio: 39/45;
    order: 3;
  }

  .grid.-type-1>*:nth-child(3) {
    grid-column: span 1;
    aspect-ratio: 19/15;
    order: 2;
  }

  .grid.-type-1>*:nth-child(4) {
    grid-column: span 2;
    aspect-ratio: 39/24;
    order: 4;
  }

  .grid.-type-1>*:nth-child(5) {
    grid-column: span 1;
    aspect-ratio: 19/24;
    order: 5;
  }

  .grid.-type-1>*:nth-child(6) {
    grid-column: span 1;
    aspect-ratio: 19/24;
    order: 6;
  }
}

.grid.-type-2 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 240px);
  gap: 30px;
}

.grid.-type-2>*:nth-child(1) {
  grid-column: span 3;
}

.grid.-type-2>*:nth-child(2) {
  grid-column: span 5;
}

.grid.-type-2>*:nth-child(3) {
  grid-column: span 4;
  grid-row: span 2;
}

.grid.-type-2>*:nth-child(4) {
  grid-column: span 3;
}

.grid.-type-2>*:nth-child(5) {
  grid-column: span 2;
}

.grid.-type-2>*:nth-child(6) {
  grid-column: span 3;
}

@media (max-width: 991px) {
  .grid.-type-2 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
  }

  .grid.-type-2>* {
    height: 100%;
  }

  .grid.-type-2>*:nth-child(1) {
    grid-column: span 2;
  }

  .grid.-type-2>*:nth-child(2) {
    grid-column: span 3;
  }

  .grid.-type-2>*:nth-child(3) {
    grid-column: span 5;
    grid-row: span 2;
  }

  .grid.-type-2>*:nth-child(4) {
    grid-column: span 3;
    height: 240px;
  }

  .grid.-type-2>*:nth-child(5) {
    grid-column: span 2;
    height: 240px;
  }

  .grid.-type-2>*:nth-child(6) {
    grid-column: span 5;
    height: 240px;
  }
}

@media (max-width: 575px) {
  .grid.-type-2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 10px;
  }

  .grid.-type-2>* {
    height: 200px;
    max-height: 200px;
  }

  .grid.-type-2>*:nth-child(1) {
    grid-column: span 1;
  }

  .grid.-type-2>*:nth-child(2) {
    grid-column: span 1;
  }

  .grid.-type-2>*:nth-child(3) {
    grid-column: span 2;
  }

  .grid.-type-2>*:nth-child(4) {
    grid-column: span 2;
  }

  .grid.-type-2>*:nth-child(5) {
    grid-column: span 1;
  }

  .grid.-type-2>*:nth-child(6) {
    grid-column: span 1;
  }
}

.grid.-type-3 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 240px);
  gap: 30px;
}

.grid.-type-3>*:nth-child(1) {
  grid-column: span 4;
  grid-row: span 2;
}

.grid.-type-3>*:nth-child(2) {
  grid-column: span 3;
}

.grid.-type-3>*:nth-child(3) {
  grid-column: span 5;
}

.grid.-type-3>*:nth-child(4) {
  grid-column: span 3;
}

.grid.-type-3>*:nth-child(5) {
  grid-column: span 2;
}

.grid.-type-3>*:nth-child(6) {
  grid-column: span 3;
}

@media (max-width: 991px) {
  .grid.-type-3 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
  }

  .grid.-type-3>* {
    height: 100%;
  }

  .grid.-type-3>*:nth-child(1) {
    grid-column: span 3;
  }

  .grid.-type-3>*:nth-child(2) {
    grid-column: span 2;
  }

  .grid.-type-3>*:nth-child(3) {
    grid-column: span 2;
  }

  .grid.-type-3>*:nth-child(4) {
    grid-column: span 3;
    height: 240px;
  }

  .grid.-type-3>*:nth-child(5) {
    grid-column: span 2;
    height: 240px;
  }

  .grid.-type-3>*:nth-child(6) {
    grid-column: span 5;
    height: 240px;
  }
}

@media (max-width: 575px) {
  .grid.-type-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 10px;
  }

  .grid.-type-3>* {
    height: 200px;
    max-height: 200px;
  }

  .grid.-type-3>*:nth-child(1) {
    grid-column: span 1;
  }

  .grid.-type-3>*:nth-child(2) {
    grid-column: span 1;
  }

  .grid.-type-3>*:nth-child(3) {
    grid-column: span 2;
  }

  .grid.-type-3>*:nth-child(4) {
    grid-column: span 2;
  }

  .grid.-type-3>*:nth-child(5) {
    grid-column: span 1;
  }

  .grid.-type-3>*:nth-child(6) {
    grid-column: span 1;
  }
}

@media (max-width: 575px) {
  .mobile-css-slider {
    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
  }

  .mobile-css-slider>* {
    scroll-snap-align: start;
  }

  .mobile-css-slider.-w-280>* {
    max-width: 280px;
  }

  .mobile-css-slider.-w-160>* {
    max-width: 160px;
  }

  .mobile-css-slider.-w-300>* {
    max-width: 300px;
  }
}

.mobile-css-slider-2 {
  flex-wrap: nowrap;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
}

.mobile-css-slider-2::-webkit-scrollbar {
  display: none;
}

.mobile-css-slider-2::-webkit-scrollbar-thumb {
  display: none;
}

.mobile-css-slider-2>* {
  scroll-snap-align: start;
}

.pl-calendar {
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 12px;
  background-color: white;
  font-size: 15px;
  font-weight: 500;
}

.pl-tag {
  display: flex;
  align-items: center;
  border-radius: 200px;
  border: 1px solid var(--border, #E7E6E6);
  padding: 10px;
  padding-right: 30px;
  transition: 0.2s;
}

.pl-tag__grid {
  display: flex;
  justify-content: space-between;
}

.pl-tag__grid>*+* {
  margin-left: 10px;
}

.pl-tag__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #FEF7F4;
  transition: 0.2s;
}

.pl-tag__title {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-left: 10px;
  white-space: nowrap;
}

.pl-tag:hover {
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
}

.pl-tag:hover .pl-tag__icon {
  background-color: var(--color-accent-1);
}

.pl-tag:hover .pl-tag__icon>* {
  color: white;
}

.shrink-0 {
  flex-shrink: 0;
}

.pl-blog-list {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .pl-blog-list {
    flex-direction: column;
  }
}

.pl-blog-list__image {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .pl-blog-list__image {
    margin-bottom: 20px;
    margin-right: 0;
  }
}

.pl-blog-list__image img {
  aspect-ratio: 35/30;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.tableTest {
  overflow: scroll;
  width: 100%;
  margin-top: 30px;
}

.tableTest thead {
  height: 60px;
  border-radius: 12px;
}

.tableTest tbody tr {
  border-bottom: 1px solid var(--color-light-1);
}

.tableTest th {
  padding: 0 30px;
}

@media (max-width: 767px) {
  .tableTest th {
    padding: 0 20px;
  }
}

.tableTest td {
  padding: 30px;
}

@media (max-width: 767px) {
  .tableTest td {
    padding: 20px;
  }
}

.tableTest td {
  min-width: 120px;
}

@media (max-width: 575px) {
  .tableTest td {
    min-width: 100px;
  }
}

.tableTest .min-w-300 {
  min-width: 400px;
}

@media (max-width: 575px) {
  .tableTest .min-w-300 {
    min-width: 350px;
  }
}

.featuresGrid {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 280px);
  gap: 30px;
  padding-left: 40px;
}

@media (max-width: 1199px) {
  .featuresGrid {
    grid-template-columns: repeat(1, 1fr);
    padding-left: 0;
  }
}

.featuresGrid>*:nth-child(2) {
  grid-row: span 2;
}

.featuresGrid__item {
  height: 240px;
}

.singleInput.type-1 {
  position: relative;
  width: 450px;
  max-width: 100%;
  height: 80px;
}

.singleInput.type-1 input {
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 100%;
  border-radius: 12px;
  padding: 0 25px;
  color: white;
}

.singleInput.type-1 input::-moz-placeholder {
  color: white;
}

.singleInput.type-1 input::placeholder {
  color: white;
}

.singleInput.type-1 button {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
}

.singleInput.type-1.-light input::-moz-placeholder {
  color: black;
}

.singleInput.type-1.-light input::placeholder {
  color: black;
}

.singleInput.-type-2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.singleInput.-type-2 input {
  background-color: white;
  width: 100%;
  height: 60px;
  border-radius: 12px;
  padding: 0 20px;
  color: var(--color-dark-1);
  width: 350px;
}

@media (max-width: 767px) {
  .singleInput.-type-2 input {
    width: 100%;
  }
}

.singleInput.-type-2 input ::-moz-placeholder {
  color: var(--color-dark-1);
}

.singleInput.-type-2 input ::placeholder {
  color: var(--color-dark-1);
}

.singleInput.-type-2 button {
  height: 60px;
}

.halfMap.-type-1 {
  display: flex;
  height: 100vh;
  width: 100%;
  padding-top: 88px;
}

@media (max-width: 991px) {
  .halfMap.-type-1 {
    flex-direction: column;
    height: auto;
  }
}

@media (max-width: 767px) {
  .halfMap.-type-1 {
    padding-top: 57px;
  }
}

.halfMap.-type-1 .halfMap__content {
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 750px;
  padding: 30px 60px;
}

.halfMap.-type-1 .halfMap__content::-webkit-scrollbar {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.1);
}

.halfMap.-type-1 .halfMap__content::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 991px) {
  .halfMap.-type-1 .halfMap__content {
    overflow: visible;
    order: 2;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .halfMap.-type-1 .halfMap__content {
    padding: 30px 24px;
    width: 100vw;
  }
}

.halfMap.-type-1 .halfMap__map {
  width: 100%;
  height: 100%;
}

.halfMap.-type-1 .halfMap__map .map {
  height: 100%;
  width: 100%;
}

@media (max-width: 991px) {
  .halfMap.-type-1 .halfMap__map .map {
    min-height: 450px;
  }
}

.halfMap.-type-1.-wide .halfMap__content {
  max-width: 1080px;
}

.gm-style-iw-t {
  right: unset !important;
  left: 25px;
  bottom: 20px !important;
}

.mapMarker {
  position: relative;
  z-index: 100;
}

.gm-style .gm-style-iw-c {
  border-radius: 4px;
}

.mapItem__img {
  width: 100px !important;
  height: 100px !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.mapItem__content {
  height: 100px;
}

.mt-header {
  margin-top: 88px;
}

@media (max-width: 767px) {
  .mt-header {
    margin-top: 57px;
  }
}

.map {
  height: 500px;
}

@media (max-width: 767px) {
  .map {
    height: 300px;
  }
}

.map__content {
  width: 100%;
  height: 100%;
  background-color: #a3a3a3;
}

.map__shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.mapTourSingle {
  height: 550px;
}

@media (max-width: 767px) {
  .mapTourSingle {
    height: 300px;
  }
}

.mapTourSingle__content {
  width: 100%;
  height: 100%;
  background-color: #a3a3a3;
}

.mapTourSingle2 {
  position: relative;
  height: 250px;
  z-index: 0;
}

.mapTourSingle2__button {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

.tourSingleGrid.-type-1 {
  overflow: hidden;
  position: relative;
}

.tourSingleGrid.-type-1 .tourSingleGrid__grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 770px 250px 250px;
  grid-template-rows: 250px 250px;
  border-radius: 12px;
}

.tourSingleGrid.-type-1 .tourSingleGrid__grid>*:nth-child(1) {
  grid-row: 2 span;
}

.tourSingleGrid.-type-1 .tourSingleGrid__grid>*:nth-child(2) {
  grid-column: 2 span;
}

@media (max-width: 767px) {
  .tourSingleGrid.-type-1 .tourSingleGrid__grid {
    overflow-x: scroll;
    display: flex;
  }
}

.tourSingleGrid.-type-1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .tourSingleGrid.-type-1 img {
    width: calc(100% - 40px);
    height: auto;
    border-radius: 12px;
  }
}

.tourSingleGrid.-type-1 .tourSingleGrid__button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.tourSingleGrid.-type-2 {
  overflow: hidden;
  position: relative;
}

.tourSingleGrid.-type-2 .tourSingleGrid__grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 770px 510px;
  grid-template-rows: 250px 250px;
  border-radius: 12px;
}

.tourSingleGrid.-type-2 .tourSingleGrid__grid>*:nth-child(1) {
  grid-row: 2 span;
}

@media (max-width: 767px) {
  .tourSingleGrid.-type-2 .tourSingleGrid__grid {
    overflow-x: scroll;
    display: flex;
  }
}

.tourSingleGrid.-type-2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .tourSingleGrid.-type-2 img {
    width: calc(100% - 40px);
    height: auto;
    border-radius: 12px;
  }
}

.tourSingleGrid.-type-2 .tourSingleGrid__button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

table.table th {
  padding: 25px 40px;
  line-height: 1;
  font-weight: 500;
}

table.table th:first-child {
  border-radius: 8px 0 0 8px;
}

table.table th:last-child {
  border-radius: 0 8px 8px 0;
}

table.table tbody>tr+tr {
  border-top: 1px solid var(--color-light-6);
}

table.table td {
  padding: 20px 40px;
  font-size: 15px;
}

table.table-4 th {
  font-weight: 500;
  padding: 20px 30px;
  line-height: 1.2;
  min-width: 130px;
}

@media (max-width: 1199px) {
  table.table-4 th {
    padding: 15px 15px;
    min-width: 100px;
  }
}

table.table-4 th:first-child {
  border-radius: 8px 0 0 8px;
}

table.table-4 th:last-child {
  border-radius: 0 8px 8px 0;
}

table.table-4 tbody tr {
  vertical-align: top;
}

table.table-4 tbody>tr+tr {
  border-top: 1px dashed var(--color-border);
}

table.table-4 td {
  padding: 20px 30px;
  font-size: 15px;
  line-height: 1.2;
  min-width: 130px;
}

@media (max-width: 1199px) {
  table.table-4 td {
    padding: 15px 15px;
  }
}

table.table-4.-border-bottom tbody>tr {
  border-top: none;
  border-bottom: 1px dashed var(--color-border);
}

.line {
  width: 100%;
  height: 1px;
  background-color: #E7E6E6;
}

.line__word {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: white;
  z-index: 1;
}

.tourSingleSidebar {
  position: relative;
  width: 360px;
  padding: 30px;
  border-radius: 12px;
  border: 1px solid var(--border, #E7E6E6);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
  background-color: white;
}

@media (max-width: 767px) {
  .tourSingleSidebar {
    width: 100%;
  }
}

.tourSingleSidebar.-top-320 {
  margin-top: -320px;
}

@media (max-width: 991px) {
  .tourSingleSidebar.-top-320 {
    margin-top: 0;
  }
}

.tourSingleHero5 {
  position: relative;
  padding-top: 440px;
  padding-bottom: 80px;
  z-index: 0;
}

@media (max-width: 991px) {
  .tourSingleHero5 {
    padding-top: 140px;
    padding-bottom: 80px;
  }
}

@media (max-width: 575px) {
  .tourSingleHero5 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.tourSingleHero5__image {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 60px;
  right: 60px;
  border-radius: 12px 12px 0 0;
  z-index: -1;
}

@media (max-width: 991px) {
  .tourSingleHero5__image {
    left: 0;
    right: 0;
    border-radius: 0;
  }
}

.tourSingleHero5__image>*:nth-child(1) {
  height: 100%;
}

.tourSingleHero5__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tourSingleHero5__image .icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.navTourSingle {
  position: absolute;
  top: 50%;
  left: 60px;
  right: 60px;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  z-index: 10;
}

@media (max-width: 991px) {
  .navTourSingle {
    display: none;
  }
}

.navTourSingle__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.dropdown {
  cursor: pointer;
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  .dropdown {
    position: unset !important;
  }
}

.dropdown.-type-1 .dropdown__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  min-width: 220px;
  height: 60px;
  padding: 0 20px;
  border: 1px solid #E7E6E6;
  outline: 1px solid transparent;
  transition: .1s;
}

.dropdown.-type-1 .dropdown__button:hover {
  outline: 2px solid #E7E6E6;
}

.dropdown.-type-1 .dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 10px 0;
  min-width: 220px;
  border-radius: 12px;
  box-shadow: 0px 10px 40px 0px #0000000D;
  opacity: 0;
  pointer-events: none;
  transition: .15s;
}

.dropdown.-type-1 .dropdown__item {
  cursor: pointer;
  padding: 12px 30px;
  transition: .1s;
}

.dropdown.-type-1 .dropdown__item:hover {
  background-color: var(--color-border);
}

.dropdown.-base .dropdown__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  min-width: 220px;
  height: 60px;
  padding: 0 20px;
  border: 1px solid #E7E6E6;
  outline: 1px solid transparent;
  transition: .1s;
}

.dropdown.-base .dropdown__button:hover {
  outline: 2px solid #E7E6E6;
}

.dropdown.-base .dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 10px 0;
  min-width: 220px;
  border-radius: 12px;
  box-shadow: 0px 10px 40px 0px #0000000D;
  opacity: 0;
  pointer-events: none;
  transition: .15s;
  z-index: 100;
}

@media (max-width: 767px) {
  .dropdown.-base .dropdown__menu {
    top: unset;
  }
}

.dropdown.-base-w .dropdown__menu {
  max-width: calc(100vw - 32px);
  width: 300px;
}

@media (max-width: 575px) {
  .dropdown.-base-w .dropdown__menu {
    width: calc(100vw - 32px);
  }
}

.dropdown.-date .dropdown__menu {
  max-width: calc(100vw - 32px);
  width: 460px;
}

@media (max-width: 575px) {
  .dropdown.-date .dropdown__menu {
    width: calc(100vw - 32px);
  }
}

.dropdown.-price .dropdown__menu {
  max-width: calc(100vw - 32px);
  width: 300px;
}

@media (max-width: 575px) {
  .dropdown.-price .dropdown__menu {
    width: calc(100vw - 32px);
  }
}

.dropdown.is-active {
  z-index: 20;
}

.dropdown.is-active .dropdown__menu {
  opacity: 1;
  pointer-events: auto;
}

.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  z-index: 10;
}

.dropdown.-type-list .dropdown__button {
  display: inline-block;
  transition: .1s;
}

.dropdown.-type-list .dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 10px 0;
  min-width: 220px;
  border-radius: 12px;
  box-shadow: 0px 10px 40px 0px #0000000D;
  opacity: 0;
  pointer-events: none;
  transition: .15s;
}

.dropdown.-type-list .dropdown__item {
  cursor: pointer;
  padding: 12px 30px;
  transition: .1s;
}

.dropdown.-type-list .dropdown__item:hover {
  background-color: var(--color-border);
}

.dropdown.is-active .dropdown__menu {
  opacity: 1;
  pointer-events: auto;
}

.dropdown {
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.dropdown.-type-2 .dropdown__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .1s;
}

.dropdown.-type-2 .dropdown__button span:nth-child(1) {
  margin-right: 4px;
}

.dropdown.-type-2 .dropdown__button i {
  margin-left: 10px;
}

.dropdown.-type-2 .dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 10px 0;
  min-width: 220px;
  border-radius: 12px;
  box-shadow: 0px 10px 40px 0px #0000000D;
  opacity: 0;
  pointer-events: none;
  transition: .15s;
}

.dropdown.-type-2 .dropdown__item {
  cursor: pointer;
  padding: 12px 30px;
  transition: .1s;
}

.dropdown.-type-2 .dropdown__item:hover {
  background-color: var(--color-border);
}

.dropdown.is-active .dropdown__menu {
  opacity: 1;
  pointer-events: auto;
}

.testimonialsPagination.-type-1 {
  display: grid;
  justify-content: center;
  gap: 30px;
  grid-template-columns: repeat(3, min-content);
}

@media (max-width: 1199px) {
  .testimonialsPagination.-type-1 {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .testimonialsPagination.-type-1 {
    gap: 12px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.testimonialsPagination.-type-1 .testimonialsPagination__item {
  display: flex;
  align-items: center;
  width: 370px;
  max-width: 100%;
  padding: 12px;
  border-radius: 200px;
  background-color: white;
  border: 1px solid #E7E6E6;
}

@media (max-width: 1199px) {
  .testimonialsPagination.-type-1 .testimonialsPagination__item {
    width: 100%;
  }
}

.testimonialsPagination.-type-1 .testimonialsPagination__item img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

.testimonialsPagination.-type-2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -18px;
}

.testimonialsPagination.-type-2>* {
  padding: 18px;
}

.testimonialsPagination.-type-2 .testimonialsPagination__item>* {
  position: relative;
}

.testimonialsPagination.-type-2 .testimonialsPagination__item img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

.testimonialsPagination.-type-2 .testimonialsPagination__item.is-active>*::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -11px;
  bottom: -11px;
  right: -11px;
  left: -11px;
  border-radius: 100%;
  border: 2px solid var(--color-accent-1);
}

.testimonialsPagination.-type-2.-blue .testimonialsPagination__item.is-active>*::after {
  border: 2px solid var(--color-accent-2);
}

.specialCardGrid>*:nth-child(1) .specialCard {
  color: white;
}

.specialCardGrid>*:nth-child(2) .specialCard {
  color: white;
}

.specialCardGrid>*:nth-child(2) .specialCard__content {
  padding-top: 70px;
}

.specialCardGrid>*:nth-child(3) .specialCard__content {
  justify-content: flex-start;
  padding-top: 43px;
}

.specialCardGrid>*:nth-child(3) .specialCard__title {
  color: black;
}

.specialCard {
  position: relative;
  width: 100%;
  height: 200px;
  z-index: 0;
}

.specialCard__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.specialCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.specialCard__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  height: 100%;
}

.specialCard__subtitle {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 5px;
}

.specialCard__title {
  font-size: 24px;
  font-weight: 700;
  color: white;
  line-height: 1.3;
  text-transform: capitalize;
}

.specialCard__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 5px;
}

.-hover-bg-white {
  transition: .15s;
}

.-hover-bg-white:hover {
  background-color: white;
}

.video {
  position: relative;
  padding-top: 250px;
  padding-bottom: 200px;
  z-index: 0;
}

@media (max-width: 991px) {
  .video {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}

@media (max-width: 767px) {
  .video {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (max-width: 575px) {
  .video {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.video__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.video__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tooltip {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #615E5E;
}

.tooltip__content {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 11px;
  font-size: 14px;
  line-height: 1.2;
  background-color: var(--color-dark-1);
  color: white;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.tooltip__content::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: black;
  transform: rotate(45deg);
}

.tooltip.-top .tooltip__content {
  bottom: calc(100% + 6px);
  transform: translateY(8px);
}

.tooltip.-top .tooltip__content::after {
  bottom: -4px;
}

.tooltip.-bottom .tooltip__content {
  top: calc(100% + 6px);
  transform: translateY(-8px);
}

.tooltip.-bottom .tooltip__content::after {
  top: -4px;
}

.tooltip.-left .tooltip__content {
  right: calc(100% + 6px);
  transform: translateX(8px);
}

.tooltip.-left .tooltip__content::after {
  right: -4px;
}

.tooltip.-right .tooltip__content {
  left: calc(100% + 6px);
  transform: translateX(-8px);
}

.tooltip.-right .tooltip__content::after {
  left: -4px;
}

.tooltip:hover .tooltip__content {
  transform: none;
  opacity: 1;
}

.progressBar {
  position: relative;
}

.progressBar__bg {
  width: 100%;
  height: 4px;
  border-radius: 4px;
}

.progressBar__bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  border-radius: 4px;
}

.progressBar__bar span {
  position: absolute;
  right: 0;
  bottom: 100%;
}

.noUi-target {
  height: 3px;
  border: none;
}

.noUi-base {
  background-color: var(--color-border);
}

.noUi-connect {
  background-color: var(--color-accent-1) !important;
  box-shadow: 0 !important;
}

.noUi-handle {
  border-radius: 100%;
  width: 30px !important;
  height: 30px !important;
  top: 50% !important;
  transform: translateY(-50%);
  border: 2px solid var(--color-accent-1);
  box-shadow: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.noUi-handle::after {
  content: "|||";
  position: absolute;
  left: unset !important;
  top: unset !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  font-size: 13px;
  color: var(--color-accent-1);
}

.noUi-handle.noUi-handle-lower {
  right: -25px !important;
}

.noUi-handle.noUi-handle-upper {
  right: -5px !important;
}

.list-disc li {
  list-style-type: disc;
  list-style-position: inside;
}

.circle {
  display: flex;
  align-items: center;
}

.circle::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: currentColor;
  margin-right: 5px;
}

.border-dash-1 {
  border: 1px dashed var(--color-primary, #EB662B);
}

.absoluteIcon1 {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  width: 37px;
  height: 37px;
}

.iconList {
  border: 1px solid var(--Border, #E7E6E6);
  border-radius: 12px;
}

.iconList__item {
  padding: 10px;
}

.iconList__item+* {
  border-top: 1px solid var(--Border, #E7E6E6);
}

.iconList__content {
  width: 100%;
}

.ulList {
  padding-left: 8px;
}

.ulList li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: black;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 3px;
}

.ulList2 {
  padding-left: 8px;
}

.ulList2 li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--color-accent-1);
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 3px;
}

.roadmap {
  position: relative;
}

.roadmap::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 13px;
  border-left: 1px dashed var(--color-primary, #EB662B);
  z-index: -1;
}

.roadmap__item {
  display: flex;
}

.roadmap__item+* {
  margin-top: 30px;
}

.roadmap__wrap {
  margin-left: 15px;
}

.roadmap__iconBig {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--color-accent-1);
  color: white;
  font-size: 16px;
}

.roadmap__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 3px solid var(--color-accent-1);
  background-color: white;
  margin-top: 6px;
  margin-left: 5px;
}

.roadmap__title {
  font-size: 16px;
  font-weight: 500;
}

.roadmap__content {
  width: 580px;
  margin-top: 15px;
}

@media (max-width: 767px) {
  .roadmap__content {
    width: 100%;
  }
}

.overallRating {
  overflow: hidden;
  border-radius: 12px;
}

.overallRating__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}

@media (max-width: 767px) {
  .overallRating__list {
    grid-template-columns: 1fr;
  }
}

.overallRating__list>*:nth-child(1) {
  grid-column: 2 span;
}

@media (max-width: 767px) {
  .overallRating__list>*:nth-child(1) {
    grid-column: 1 span;
  }
}

.overallRating__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(235, 102, 43, 0.04);
  padding: 16px 30px;
}

.overallRating__item:nth-child(1) {
  background-color: rgba(235, 102, 43, 0.1);
}

.overallRating__content {
  display: flex;
  align-items: center;
}

.overallRating__icon {
  display: flex;
  margin-right: 30px;
}

.reviewsGrid {
  display: grid;
  grid-template-columns: repeat(3, min-content);
  gap: 30px 50px;
}

@media (max-width: 767px) {
  .reviewsGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.reviewsGrid__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .reviewsGrid__item {
    width: 100%;
  }
}

.overflowAuto {
  overflow: auto;
}

.dbSearch {
  position: relative;
  display: flex;
  align-items: center;
}

.dbSearch i {
  position: absolute;
  left: 18px;
}

.dbSearch input {
  background-color: var(--color-light-1);
  border-radius: 12px;
  height: 50px;
  padding: 0 48px;
}

.blockquote {
  display: flex;
}

.blockquote__icon {
  margin-right: 20px;
}

.blockquote__text {
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 28px;
  padding-right: 40px;
}

@media (max-width: 991px) {
  .blockquote__text {
    padding-right: 0;
  }
}

.testimonialsSlider_1-pagination>* {
  cursor: pointer;
  transition: 0.2s;
}

.testimonialsSlider_1-pagination .is-active {
  box-shadow: 0px 6px 15px 0px rgba(64, 79, 104, 0.05);
}

.testimonialsSlider_2-pagination>* {
  cursor: pointer;
}

.input-white::-moz-placeholder {
  color: white;
}

.input-white::placeholder {
  color: white;
}

.toTopButton {
  position: fixed;
  right: 30px;
  bottom: 100px;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: white;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  transition: 0.2s;
}

@media (max-width: 767px) {
  .toTopButton {
    bottom: 20px;
    right: 20px;
    width: 54px;
    height: 54px;
  }
}

.toTopButton svg {
  fill: var(--color-accent-1);
  transition: 0.2s;
}

.toTopButton:hover {
  background-color: var(--color-accent-1);
}

.toTopButton:hover svg {
  fill: white !important;
}

.toTopButton.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.text-overflow {
  overflow: hidden;
  display: -webkit-box;

  .text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  …
}

overflow: hidden;
}

.-hover-image-scale__image img {
  transition: 0.6s;
}

.-hover-image-scale:hover .-hover-image-scale__image img {
  transform: scale(1.15);
}

.gallery__item {
  position: relative;
  display: block;
}

.gallery__item:hover .gallery__button {
  opacity: 1;
}

.gallery__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-color: black;
  border-radius: 100%;
  width: rem(52px);
  height: rem(52px);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}

.gallery__button .icon {
  color: white;
  stroke-width: 1;
  width: rem(28px);
  height: rem(28px);
}

.gallery__button.-bottom-right {
  top: unset;
  left: unset;
  transform: unset;
  bottom: rem(30px);
  right: rem(30px);
}

.tourPagesSidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  overflow: hidden;
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
}

.tourPagesSidebar__overlay {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.tourPagesSidebar__header {
  margin-bottom: 20px;
}

.tourPagesSidebar__content {
  overflow-y: scroll;
  height: 100%;
  width: 360px;
  max-width: 100vw;
  background-color: white;
  padding: 20px 30px;
}

.tourPagesSidebar__content::-webkit-scrollbar {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.1);
}

.tourPagesSidebar__content::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

.tourPagesSidebar.-is-active {
  opacity: 1;
  pointer-events: auto;
}

.-hover-opacity {
  transition: 0.2s;
  opacity: 0.3;
}

.-hover-opacity:hover {
  opacity: 1;
}

button.gm-ui-hover-effect {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 35px !important;
  height: 35px !important;
  z-index: 0;
}

button.gm-ui-hover-effect>span {
  background-color: white !important;
  width: 20px !important;
  height: 20px !important;
}

button.gm-ui-hover-effect::after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: -1;
}

.gm-style-iw-d {
  overflow: visible !important;
}

.gm-style-iw.gm-style-iw-c {
  padding: 0 !important;
  border-radius: 12px !important;
  max-width: 300px !important;
}

.searchMenu-date {
  position: relative;
}

/* .searchMenu-date__field {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: 300px;
  z-index: 1000;
  display: none;
  background: white;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
} */
 .searchMenu-date__field {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  width: 300px;
  z-index: 1000;
  display: none;
  background: white;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
}

.searchMenu-date__field {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.searchMenu-date__field.-is-active {
  pointer-events: auto;
  opacity: 1;
}

@media (max-width: 991px) {
  .searchMenu-date__field {
    transform: none;
    width: auto;
    left: -20px;
    right: -20px;
  }
}

@media (max-width: 575px) {
  .searchMenu-date__field {
    left: -35px;
    right: -35px;
  }
}

.searchMenu-date .calendar-icon {
  position: absolute;
  top: 0;
  z-index: 10;
}

.searchMenu-date .calendar-icon.-left {
  left: 8px;
}

.searchMenu-date .calendar-icon.-right {
  right: 8px;
}

.sroll-bar-1::-webkit-scrollbar {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.1);
}

.sroll-bar-1::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: rgba(0, 0, 0, 0.3);
}

.h-500 {
  height: 500px;
}

.elCalendar__slider {
  overflow: hidden;
}

.elCalendar__sliderNav {
  position: absolute;
  top: 6px;
  z-index: 10;
}

.elCalendar__sliderNav.-prev {
  left: 8px;
}

.elCalendar__sliderNav.-next {
  right: 8px;
}

.elCalendar__month {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.elCalendar__header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  width: 100%;
}

.elCalendar__header__sell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .elCalendar__header__sell {
    width: 32px;
    height: 32px;
  }
}

.elCalendar__body {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  width: 100%;
}

.elCalendar__sell {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  transition: 0.2s;
  font-size: 15px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .elCalendar__sell {
    width: 32px;
    height: 32px;
  }
}

.elCalendar__sell.-dark {
  opacity: 0.4;
}

.elCalendar__sell:hover {
  background-color: rgba(0, 0, 0, 0.041);
}

.elCalendar__sell.-is-active {
  position: relative;
  background-color: var(--color-accent-1);
  color: white;
  z-index: 2;
}

.elCalendar__sell.-is-in-path {
  position: relative;
  color: var(--color-dark-1) !important;
  z-index: 0;
}

.elCalendar__sell.-is-in-path::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  height: 100%;
  background-color: #F5F5F5;
  z-index: -2;
}

.header__logo img {
  height: 65px;
}

/* -----------------------------------------
Variables CSS
----------------------------------------- */
:root {
  --font-heading: "Marcellus", serif;
  --font-body: "Jost", sans-serif;
  --font-icon: "Font Awesome 5 Pro";
  --font-base: 16px;
  --font-sm: 14px;
  --font-xsm: 12px;
  --font-lg: 18px;
  --font-normal: 400;
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
  --font-size--h1: 64px;
  --font-size--h2: 48px;
  --font-size--h3: 32px;
  --font-size--h4: 24px;
  --font-size--h5: 20px;
  --font-size--h6: 18px;
  --color-primary: #C6834B;
  --color-primary-rgb: 198, 131, 75;
  --color-secondary: #C6834B;
  --color-red: #EB4C4C;
  --color-yellow: #e59819;
  --color-green: #00B67A;
  --color-blue: #0d6efd;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark: #121212;
  --color-light: #b8b5b5;
  --color-medium: #666666;
  --color-primary-rgb: 198, 131, 75;
  --color-secondary-rgb: 198, 131, 75;
  --color-red-rgb: 235, 76, 76;
  --color-green-rgb: 0, 182, 122;
  --color-blue-rgb: 13, 110, 253;
  --color-white-rgb: 255, 255, 255;
  --color-black-rgb: 0, 0, 0;
  --color-dark-rgb: 18, 18, 18;
  --color-medium-rgb: 141, 141, 141;
  --color-light-rgb: 242, 242, 242;
  --color-yellow-rgb: 229, 152, 25;
  --border-color: #e8e8e8;
  --border-color-2: #a7a7a7;
  --text-dark: var(--color-dark);
  --text-medium: var(--color-medium);
  --text-white: var(--color-white);
  --text-light: var(--color-light);
  --btn-color: var(--text-white);
  --btn-hover-color: var(--text-white);
  --bg-1: #F3F3F3;
  --bg-2: #F8F8F8;
  --bg-3: #ebebeb;
  --bg-white: var(--color-white);
  --bg-dark: #0A0909;
  --bg-dark-2: #161616;
  --bg-primary-light: rgba(var(--color-primary-rgb), .06);
  --gradient-1: linear-gradient(145deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --shadow-md: 0 5px 30px -5px rgba(8, 0, 42, .1);
  --shadow-round: 0 15px 30px -15px rgba(8, 0, 42, .5);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-pill: 50rem;
  --radius-circle: 50%;
}

/* -----------------------------------------
Utilities CSS
----------------------------------------- */
/* margin CSS*/
.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

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

.mb-25 {
  margin-bottom: 25px !important;
}

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

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

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

.mb-100 {
  margin-bottom: 100px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

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

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

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

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

/* Padding CSS*/
.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

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

.pt-25 {
  padding-top: 25px !important;
}

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

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

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

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

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

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

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

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

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

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

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

.pb-25 {
  padding-bottom: 25px !important;
}

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

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

.pb-45 {
  padding-bottom: 45px !important;
}

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

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

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

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

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

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

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

.px-60 {
  padding-inline: 60px;
}

.px-30 {
  padding-inline: 30px;
}

.px-20 {
  padding-inline: 20px;
}

.px-25 {
  padding-inline: 25px;
}

.py-15 {
  padding-block: 15px;
}

.py-20 {
  padding-block: 20px;
}

.py-25 {
  padding-block: 25px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

/* Border */
.border,
.border-top,
.border-bottom,
.border-end,
.border-start {
  border-color: var(--border-color) !important;
}

/* Border Radius */
.radius-0 {
  border-radius: 0 !important;
}

.radius-sm {
  border-radius: var(--radius-sm) !important;
}

.radius-md {
  border-radius: var(--radius-md) !important;
}

.radius-lg {
  border-radius: var(--radius-lg) !important;
}

.radius-xl {
  border-radius: var(--radius-xl) !important;
}

.shadow-md {
  box-shadow: var(--shadow-md);
}

.shadow-round {
  box-shadow: var(--shadow-round);
}

.opacity-1 {
  opacity: 1 !important;
}

.opacity-65 {
  opacity: 0.65 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-85 {
  opacity: 0.85 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

.mw-75 {
  max-width: 75%;
}

.mw-80 {
  max-width: 80%;
}

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

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

:is(.lc-1, .lc-2, .lc-3) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.lc-1 {
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
}

.lc-2 {
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
}

.lc-3 {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-25 {
  gap: 25px !important;
}

.no-animation {
  transform: none;
  animation: none;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: var(--color-black); */
  opacity: 0.4;
  z-index: -1;
}

.bg-shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.bg-shape.h-auto img {
  vertical-align: bottom;
}

.bg-shape img {
  vertical-align: top;
}

.progress {
  height: 10px;
  border-radius: 30px;
}

.progress .progress-bar {
  border-radius: 30px;
  background: var(--color-primary);
}

ul.list-bullet {
  list-style-type: disc !important;
}

ul.list-bullet li {
  list-style-type: disc !important;
}

@media (max-width: 991.98px) {
  .fluid-left {
    padding-inline: 0;
  }

  .fluid-right {
    padding-inline: 0;
  }
}

@media (min-width: 992px) {
  .img-left {
    margin-inline-start: -20px;
  }

  .img-right {
    margin-inline-end: -20px;
  }

  .container-lg-fluid {
    max-width: 100%;
  }

  .fluid-left {
    padding-inline-start: calc((100vw - 960px) / 2);
    padding-inline-end: 0;
  }

  .fluid-right {
    padding-inline-end: calc((100vw - 960px) / 2);
    padding-inline-start: 0;
  }

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

@media (min-width: 1200px) {
  .img-left {
    margin-inline-start: -30px;
  }

  .img-right {
    margin-inline-end: -30px;
  }

  .fluid-left {
    padding-inline-start: calc((100vw - 1140px) / 2);
  }

  .fluid-right {
    padding-inline-end: calc((100vw - 1140px) / 2);
  }

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

@media (min-width: 1300px) {
  .img-left {
    margin-inline-start: -50px;
  }

  .img-right {
    margin-inline-end: -50px;
  }
}

@media (min-width: 1400px) {
  .fluid-left {
    padding-inline-start: calc((100vw - 1320px) / 2);
  }

  .fluid-right {
    padding-inline-end: calc((100vw - 1320px) / 2);
  }

  .img-left {
    margin-inline-start: -40px;
  }

  .img-right {
    margin-inline-end: -40px;
  }
}

@media (min-width: 1500px) {
  .img-left {
    margin-inline-start: -80px;
  }

  .img-right {
    margin-inline-end: -80px;
  }
}

.bg-s-contain {
  background-repeat: no-repeat;
  background-size: contain !important;
}

.bg-a-fixed {
  background-attachment: fixed;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.mfp-bg {
  background: rgba(var(--color-dark-rgb), 0.7);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  opacity: 1;
}

@media (max-width: 1199.98px) {
  .shape {
    display: none;
  }
}

.show-more {
  cursor: pointer;
}

.clients-avatar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.clients-avatar .client-img {
  z-index: 1;
  position: relative;
  --size: 40px;
}

.clients-avatar .client-img img {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 3px solid var(--colo-white);
}

.clients-avatar .client-img img:not(:first-child) {
  margin-inline-start: -16px;
}

.clients-avatar .client-img span {
  display: inline-block;
  position: absolute;
  width: var(--size);
  height: var(--size);
  text-align: center;
  line-height: var(--size);
  border-radius: 50%;
  color: var(--text-white);
  margin-inline-start: -16px;
  border: 3px solid var(--colo-white);
  z-index: 2;
  font-size: var(--font-xsm);
  background-color: var(--color-primary);
}

/* -----------------------------------------
Typography CSS
----------------------------------------- */
body {
  /* font-family: var(--font-body); */
  font-size: var(--font-base);
  font-weight: var(--font-normal);
  letter-spacing: 0.05em;
  color: var(--text-medium);
  overflow-x: hidden;
  background-color: var(--bg-white);
}

a {
  color: var(--text-dark);
  text-decoration: none;
  outline: 0 !important;
  transition: all 0.3s ease-out;
}

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

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

.color-primary a {
  color: inherit;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a {
  color: inherit;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a:hover {
  color: var(--color-primary);
}

:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6) {
  display: block;
}

:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  /* font-family: var(--font-heading); */
  color: var(--text-dark);
  font-weight: var(--font-bold);
  line-height: 1.3;
}

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

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

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

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

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

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

p,
.text,
.card_text {
  color: var(--text-medium);
  line-height: 1.6;
  margin-bottom: 15px;
}

p:last-child,
.text:last-child,
.card_text:last-child {
  margin-bottom: 0;
}

p:last-child {
  margin-bottom: 0 !important;
}

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

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

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

.font-medium {
  font-weight: var(--font-medium);
}

.font-bold {
  font-weight: var(--font-bold);
}

b {
  font-weight: 500;
}

.subtitle {
  color: var(--text-medium);
}

.text-end {
  text-align: end !important;
}

.text-start {
  text-align: start !important;
}

.title-shape {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin-inline-start: -15px;
  margin-inline-end: auto;
  width: 25px;
}

/* -----------------------------------------
Reset CSS
----------------------------------------- */
:focus {
  outline: none;
}

img {
  max-width: 100%;
}

.form-control:focus {
  box-shadow: none;
}

ul {
  padding: 0;
}

figure,
blockquote,
ul {
  margin-bottom: 0;
}

table,
th,
td {
  vertical-align: middle;
}

::-webkit-scrollbar-track {
  background-color: var(--bg-1);
}

::-webkit-scrollbar-thumb {
  border-radius: 30px;
  background: rgba(var(--color-dark-rgb), 0.2);
}

/* Tooltip CSS */
.tooltip {
  --bs-tooltip-bg: var(--color-primary);
  --bs-tooltip-padding-x: 10px;
  --bs-tooltip-padding-y: 5px;
  --bs-tooltip-font-size: var(--font-xsm);
}

/* Badge CSS */
.badge {
  font-size: var(--font-xsm);
  font-weight: var(--font-medium);
}

.badge.size-md {
  padding: 8px 12px;
}

.badge.bg-success {
  color: var(--color-green);
  background: rgba(var(--color-green-rgb), 0.12) !important;
}

.badge.bg-info {
  color: var(--color-blue);
  background: rgba(var(--color-blue-rgb), 0.12) !important;
}

.badge.bg-danger {
  color: var(--color-red);
  background: rgba(var(--color-red-rgb), 0.12) !important;
}

.badge.bg-warning {
  color: var(--color-yellow);
  background: rgba(var(--color-yellow-rgb), 0.2) !important;
}

/* Card CSS */
.card {
  --bs-card-bg: var(--bg-white);
  --bs-body-color: var(--text-medium);
  border: none;
  border-radius: 0;
  transition: all 0.3s;
}

.card .card_title {
  margin-bottom: 20px;
}

.card .card_text {
  color: var(--text-medium);
}

.card.hover-shadow:hover {
  border-color: transparent !important;
  box-shadow: var(--shadow-md);
}

/* Dropdown CSS */
.dropdown .dropdown-menu {
  --bs-dropdown-font-size: var(--font-base);
  --bs-dropdown-color: var(--text-dark);
  --bs-dropdown-border-color: var(--border-color);
  --bs-dropdown-box-shadow: var(--shadow-md);
  --bs-dropdown-link-hover-color: var(--color-primary);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: var(--text-white);
  --bs-dropdown-link-active-bg: var(--color-primary);
}

/* -----------------------------------------
Color CSS
----------------------------------------- */
/* Theme Color CSS */

/* Color CSS */
.color-primary {
  color: var(--color-primary) !important;
}

.color-white {
  color: var(--text-white) !important;
}

.color-light {
  color: var(--text-light) !important;
}

.color-dark {
  color: var(--color-dark) !important;
}

.color-medium {
  color: var(--text-medium) !important;
}

.color-blue {
  color: var(--color-blue) !important;
}

.color-green {
  color: var(--color-green) !important;
}

.color-red {
  color: var(--color-red) !important;
}

.color-yellow {
  color: var(--color-yellow) !important;
}

.color-purple {
  color: var(--color-primary) !important;
}

.color-orange {
  color: var(--color-orange) !important;
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

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

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

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

.bg-white {
  background-color: var(--bg-white) !important;
}

.bg-light {
  background-color: var(--bg-1) !important;
}

.bg-light-2 {
  background-color: var(--bg-2) !important;
}

.bg-dark {
  background-color: var(--bg-dark) !important;
}

.bg-gradient {
  background-image: var(--gradient-1) !important;
}

.border-primary {
  border-color: var(--color-primary) !important;
}

.text-gradient {
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.stroke-gradient {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-color: var(--gradient-1);
  -webkit-text-stroke-width: 1px;
}

.bg-none {
  background-color: transparent !important;
  background: transparent !important;
}

/* -----------------------------------------
Button CSS
----------------------------------------- */
button,
.btn {
  cursor: pointer;
  border: none;
  background: inherit;
}

button:focus,
button:active,
.btn:focus,
.btn:active {
  outline: none;
  box-shadow: none;
}

button:hover,
.btn:hover {
  outline: none;
}

.btn {
  position: relative;
  overflow: hidden;
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 0;
  letter-spacing: 0.05em;
  font-weight: var(--font-medium);
  z-index: 1;
  transition: all 0.3s ease-out;
}

.icon-start i {
  margin-inline-end: 5px;
}

.icon-end i {
  margin-inline-start: 5px;
}

.btn-lg {
  padding: 14px 34px;
}

.btn-md {
  padding: 10px 24px;
  font-size: var(--font-sm);
}

.btn-sm {
  padding: 6px 14px;
  font-size: var(--font-xsm);
}

.btn-sm.btn-icon {
  width: 30px;
  height: 30px;
  font-size: 12px;
}

.btn-primary {
  color: var(--btn-color);
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  box-shadow: 0 0 40px 40px var(--color-primary) inset;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 20px 30px -10px rgba(var(--color-primary-rgb), 0.24);
}

.btn-primary:focus,
.btn-primary:hover {
  background-color: transparent;
  box-shadow: none;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary.btn-fancy {
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  border-color: transparent;
}

.btn-primary.btn-fancy:hover {
  background-color: var(--color-white);
}

.btn-gradient {
  border-color: transparent !important;
  background-image: var(--gradient-1);
}

.btn-gradient:hover {
  color: var(--color-white) !important;
  background-image: linear-gradient(145deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

.btn.no-animation {
  transform: none;
  animation: none;
  background-color: var(--color-primary);
}

.btn.no-animation::before,
.btn.no-animation::after {
  content: none;
}

.btn-danger {
  border: 1px solid var(--color-red);
  background-color: var(--color-red);
  transition: background 0.3s ease-out;
}

.btn-danger:focus,
.btn-danger:hover {
  border-color: var(--color-red);
  background-color: var(--color-red);
}

.btn-outline {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  transition: all 0.3s ease-in-out;
}

.btn-outline:focus,
.btn-outline:hover {
  background-color: transparent;
  box-shadow: 0 0 40px 40px var(--color-primary) inset;
  color: var(--color-primary);
}

.btn-secondary {
  color: var(--text-dark);
  background: var(--bg-white);
  transition: all 0.3s ease-out;
}

.btn-secondary:focus,
.btn-secondary:hover {
  color: var(--color-primary);
  background: var(--bg-white);
}

.newsletter-area_v2 .btn-outline {
  border: 1px solid var(--color-white);
  background: transparent;
  color: var(--color-white);
}

.newsletter-area_v2 .btn-outline:hover {
  background: var(--bg-white);
  color: var(--color-primary);
  box-shadow: none;
  border: 1px solid var(--color-white);
}

.btn-img {
  padding: 0;
  background-color: transparent !important;
}

.btn-img img {
  max-width: 150px;
}

.btn-img.size-sm img {
  max-width: 120px;
}

.btn-img:hover {
  border-color: var(--border-color-2) !important;
}

.btn-groups {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}

.btn-remove {
  padding: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  background: rgba(var(--color-primary-rgb), 0.12) !important;
  color: var(--color-primary) !important;
}

.btn-text {
  cursor: pointer;
  line-height: 1;
  color: var(--text-dark);
  font-size: var(--font-sm);
  font-weight: 500;
}

.btn-text:hover {
  color: var(--color-primary) !important;
}

.btn-tag {
  display: inline-block;
  padding: 10px 24px;
  font-size: var(--font-sm);
  border-radius: 50px;
  background: var(--bg-1);
  color: var(--text-white);
  margin-bottom: 10px;
}

.btn-tag:not(:last-child) {
  margin-inline-end: 5px;
}

.btn-icon {
  --size: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  text-align: center;
  color: var(--text-white);
  background-color: var(--color-primary);
}

.btn-icon:hover {
  color: var(--text-white);
  background-color: var(--color-primary);
}

.btn-icon.size-md {
  --size: 38px;
}

.btn-icon.facebook {
  background-color: #316FF6;
}

.btn-icon.google {
  background-color: #34A853;
}

.btn-icon.twitter {
  background-color: #1DA1F2;
}

.btn-icon-text {
  --size: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.btn-icon-text span:last-child {
  font-weight: var(--font-medium);
}

.btn-icon-text i {
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  text-align: center;
  background-color: var(--color-primary);
  font-size: 14px;
  border-radius: 50%;
  color: var(--text-white);
  box-shadow: 0px 14px 20px 5px rgba(var(--color-primary-rgb), 0.1);
}

.btn-icon-text.size-auto {
  --size: auto;
}

.btn-icon-text.size-auto i {
  box-shadow: unset;
  border-radius: unset;
  font-size: var(--font-base);
  background: unset;
}

button.mfp-close {
  display: inline-block;
  width: 35px !important;
  height: 35px;
  line-height: 35px;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  opacity: 1;
  right: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.disabled {
  cursor: not-allowed !important;
  pointer-events: initial !important;
}

/* Video Btn CSS */
.video-btn {
  --size: 75px;
  --main-color: var(--color-primary);
  --main-color-rgb: var(--color-primary-rgb);
  position: relative;
  width: var(--size);
  height: var(--size);
  padding: 0;
  font-size: 22px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--text-white);
  background-color: var(--main-color);
}

.video-btn:hover {
  background-color: var(--main-color);
  color: var(--text-white);
}

.video-btn::before,
.video-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-color: rgba(var(--main-color-rgb), 0.8);
}

.video-btn::after {
  animation: ripple 2s linear 1s infinite;
  z-index: -2;
}

.video-btn::before {
  animation: ripple 2s linear infinite;
  z-index: -1;
}

.video-btn-sm {
  --size: 50px;
  font-size: var(--font-sm);
}

.video-btn-sm::before,
.video-btn-sm::after {
  animation-name: ripple2;
}

.video-btn.p-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.video-btn-text {
  --size: auto;
  border: none;
  gap: 10px;
  background-color: transparent;
}

.video-btn-text::before,
.video-btn-text::after {
  content: none;
}

.video-btn-text i {
  --size: 50px;
  position: relative;
  width: var(--size);
  height: var(--size);
  padding: 0;
  font-size: 16px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--color-primary);
  background-color: var(--bg-white);
  border: 1px solid var(--color-primary);
}

.video-btn-text span {
  color: var(--text-medium);
}

.video-btn-text:hover {
  background-color: transparent;
  color: var(--color-primary);
}

.video-btn-text:hover span {
  color: var(--color-primary);
}

.video-btn-white {
  --main-color: var(--text-white);
  --main-color-rgb: var(--color-white-rgb);
  color: var(--color-primary);
}

.video-btn-white:hover {
  color: var(--color-primary);
}

.quantity-input {
  max-width: 150px;
  display: flex;
  align-items: center;
}

.quantity-input input {
  width: 30px;
  height: 30px;
  padding: 0 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  border-left: none;
  border-right: none;
}

.quantity-input .quantity-up {
  width: 30px;
  height: 30px;
  padding: 0 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.quantity-input .quantity-down {
  width: 30px;
  height: 30px;
  padding: 0 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

/* -----------------------------------------
Form CSS
----------------------------------------- */
.form-control {
  --size: 50px;
  border: 1px solid var(--border-color);
  height: var(--size);
  line-height: var(--size);
  padding: 0;
  padding-inline-start: 18px;
  padding-inline-end: 10px;
  font-size: var(--font-base);
  color: var(--text-medium);
  background-color: transparent;
  transition: border-color 0.4s;
}

.form-control.size-md {
  --size: 40px;
  padding-inline-start: 12px;
}

.form-control:focus {
  color: var(--text-dark);
  background-color: transparent;
}

.form-control.color-white::-moz-placeholder {
  color: var(--text-white) !important;
}

.form-control.color-white::placeholder {
  color: var(--text-white) !important;
}

.form-control.text-only {
  --size: auto;
  padding: unset;
  border: unset;
}

input:-internal-autofill-selected {
  background: unset !important;
}

:is(input:not([type=radio], [type=checkbox]), textarea, .nice-select):is(:focus, :visited, :focus-within, :focus-visible) {
  border-color: #5961F9 !important;
}

select.form-select {
  background-size: 8px !important;
}

textarea {
  height: auto;
  line-height: 1.7;
  padding: 15px 18px 18px;
}

textarea.form-control {
  min-height: 200px;
  line-height: 1.7;
  padding: 15px 18px 18px;
}

textarea::-moz-placeholder {
  font-size: var(--font-base);
}

textarea::placeholder {
  font-size: var(--font-base);
}

::-moz-placeholder {
  color: var(--text-medium) !important;
}

::placeholder {
  color: var(--text-medium) !important;
}

.custom-radio .form-radio-label {
  position: relative;
  cursor: pointer;
  padding: 0;
  padding-inline-start: 20px;
  vertical-align: middle;
}

.custom-radio .form-radio-label::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin-inline-start: 0;
  margin-inline-end: auto;
  top: 50%;
  transform: translateY(-50%);
  height: 0.9em;
  width: 0.9em;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
}

.custom-radio input[type=radio]:checked+.form-radio-label::before {
  background-color: var(--bg-white);
  border-width: 0.25em;
}

.custom-radio .input-radio {
  display: none;
}

.custom-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
  position: relative;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  padding-inline-start: 25px;
}

.custom-checkbox .form-check-label::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin-inline-start: 0;
  margin-inline-end: auto;
  top: 50%;
  transform: translateY(-50%);
  height: 15px;
  width: 15px;
  border: 1px solid var(--color-primary);
}

.custom-checkbox input[type=checkbox]:checked+.form-check-label::after {
  opacity: 1;
}

.custom-checkbox input[type=checkbox]+.form-check-label::after {
  content: "";
  width: 9px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-inline-start: 2px;
  margin-inline-end: auto;
  opacity: 0;
  height: 4px;
  border-left: 2px solid var(--color-white);
  border-bottom: 2px solid var(--color-white);
  transform: translateY(-100%) rotate(-45deg);
  transition: all 0.2s ease-out;
}

.custom-checkbox .input-checkbox {
  display: none;
}

input[type=checkbox]:checked+.form-check-label::before,
input[type=radio]:checked+.form-check-label::before {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

input[type=checkbox]:checked+.form-check-label::after,
input[type=radio]:checked+.form-check-label::after {
  opacity: 1;
}

.form-label {
  color: var(--text-dark);
  font-weight: var(--font-medium);
  margin-bottom: 7px;
  line-height: 1;
}

.form-group,
.input-group {
  position: relative;
}

.form-group.icon-end label,
.input-group.icon-end label {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 18px;
  font-size: var(--font-sm);
  margin-inline-start: auto;
  margin-inline-end: 10px;
  transform: translateY(-50%);
}

.form-group.icon-end .current-location {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 20px;
  font-size: var(--font-sm);
  margin-inline-start: auto;
  margin-inline-end: 10px;
  transform: translateY(-50%);
  padding: 0;
  color: var(--color-primary);
}

.form-group.icon-start .form-control,
.input-group.icon-start .form-control {
  padding-inline-start: 44px;
}

.form-group.icon-start .icon,
.input-group.icon-start .icon {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 18px;
  font-size: var(--font-sm);
  margin-inline-end: auto;
  margin-inline-start: 20px !important;
  transform: translateY(-50%);
  z-index: 1;
}

.form-group.icon-start input[type=number],
.input-group.icon-start input[type=number] {
  text-align: right;
  padding-inline-end: 10px;
}

.input-inline {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-inline .form-control {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border-radius: 0;
  border-start-start-radius: var(--radius-sm);
  border-end-start-radius: var(--radius-sm);
}

.input-inline .btn {
  margin-inline-start: -1px;
  position: relative;
  z-index: 2;
  border-radius: 0;
  border-start-end-radius: var(--radius-sm);
  border-end-end-radius: var(--radius-sm);
}

.input-inline .btn-icon {
  width: 50px;
  height: 50px;
}

.newsletter-form .input-inline {
  flex-wrap: nowrap;
  gap: 0;
}

.newsletter-form .input-inline .form-control {
  width: 1%;
}

@media (max-width: 575.98px) {
  .newsletter-form .input-inline {
    gap: 15px;
    flex-wrap: wrap;
    border-radius: 0 !important;
    background-color: transparent !important;
  }

  .newsletter-form .input-inline .form-control {
    border-radius: var(--radius-sm) !important;
    background-color: var(--bg-white);
  }

  .newsletter-form .input-inline .btn {
    border-radius: var(--radius-sm);
  }
}

.show-password-field {
  position: absolute;
  right: 0;
  left: 0;
  margin-inline-start: auto;
  margin-inline-end: 16px;
  width: -moz-fit-content;
  width: fit-content;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.show-password-field .show-icon {
  /* font-family: var(--font-icon); */
  font-style: normal;
}

.show-password-field .show-icon::before {
  content: "\f06e";
}

.show-password-field .show-icon.show::before {
  content: "\f070";
}

.search-form .btn-icon {
  color: var(--text-white);
  background: var(--color-primary);
}

.search-form .input-inline {
  flex-wrap: nowrap;
}

.search-form .input-inline .form-control {
  border-radius: 0;
}

.search-form .input-inline .btn-icon {
  flex: 0 0 auto;
}

.form-check-input {
  --bs-form-control-bg: transparent;
  --bs-border-color: var(--color-primary);
}

.form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.search-box {
  position: relative;
  width: auto;
  max-width: 400px;
  margin: 0 auto;
}

.search-box .form-control {
  border-color: var(--color-primary);
}

.search-box .mfp-close {
  width: unset !important;
  height: unset !important;
  top: -50px;
  padding: 0 0 18px 10px;
  background-color: transparent !important;
}

/* -----------------------------------------
Lazyload CSS
----------------------------------------- */
.lazy-container {
  position: relative;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: var(--bg-1);
  z-index: 1;
}

.lazy-container::after {
  position: absolute;
  content: "\f03e";
  /* font-family: "Font Awesome 5 Pro"; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  font-size: 25px;
  color: var(--text-medium);
  z-index: -1;
}

.lazy-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  max-width: 100%;
  min-width: 100%;
  max-height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lazy-container img.lazy-load {
  filter: blur(5px);
  transition: filter 400ms;
}

.lazy-container img.lazyloaded {
  filter: blur(0);
}

.lazy-container.bg-none::after {
  opacity: 0;
}

.ratio::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.ratio.ratio-1-1::before {
  padding-bottom: 100%;
}

.ratio.ratio-1-2::before {
  padding-bottom: 114%;
}

.ratio.ratio-1-3::before {
  padding-bottom: 126.14%;
}

.ratio.ratio-2-3::before {
  padding-bottom: 66.67%;
}

.ratio.ratio-3-4::before {
  padding-bottom: 75%;
}

.ratio.ratio-4-3::before {
  padding-bottom: 133.3333333333%;
}

.ratio.ratio-5-3::before {
  padding-bottom: 60%;
}

.ratio.ratio-5-4::before {
  padding-bottom: 80%;
}

.ratio.ratio-16-11::before {
  padding-bottom: 53.57%;
}

.ratio.ratio-16-8::before {
  padding-bottom: 50%;
}

.ratio.ratio-21-10::before {
  padding-bottom: 35%;
}

.ratio.ratio-21-9::before {
  padding-bottom: 42.85%;
}

.ratio.ratio-21-8::before {
  padding-bottom: 38.0952380952%;
}

.ratio.ratio-vertical::before {
  padding-bottom: 152%;
}

.blur-up {
  filter: blur(5px);
  transition: filter 400ms;
}

.lazyloaded.blur-up {
  filter: blur(0);
}

/* -----------------------------------------
Nice Select CSS
----------------------------------------- */
.nice-select {
  float: unset;
  font-weight: var(--font-medium);
  padding-left: 0;
  padding-right: 0;
  padding-inline-start: 18px;
  padding-inline-end: 30px;
  background-color: inherit;
}

.nice-select:after {
  right: 0;
  left: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.nice-select.form-control:after {
  margin-inline-end: 12px;
}

.nice-select .list {
  z-index: 777;
  width: 100%;
  min-width: 100px;
  font-size: var(--font-sm);
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: var(--radius-sm);
  background-color: var(--bg-white);
  box-shadow: var(--shadow-md);
}

.nice-select .list li {
  min-height: 30px;
  line-height: 30px;
}

.nice-select .option {
  display: block;
  font-weight: 500;
  border-inline-start: 2px solid transparent;
}

.nice-select .option:is(:hover, .focus, .selected.focus) {
  background-color: var(--bg-2);
}

.nice-select .option.selected {
  font-weight: 500;
  color: var(--color-primary) !important;
  border-color: var(--color-primary);
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  font-size: var(--font-base);
  color: var(--text-medium);
  background: transparent;
}

.select2-container ::-webkit-scrollbar {
  width: 0;
}

.select2-container--default .select2-selection--single {
  border: unset;
  padding: 0;
  background-color: transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--border-color);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-primary);
  color: var(--text-white);
}

.select2-dropdown {
  min-width: 200px;
  color: var(--text-dark);
  border-radius: var(--radius-sm);
  border: unset;
  box-shadow: var(--shadow-md);
}

.select2-results__option {
  padding-inline: 12px;
}

/* -----------------------------------------
Preloader CSS
----------------------------------------- */
#preLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1000;
  background-color: var(--bg-white);
}

#preLoader .loader {
  width: 4.8px;
  height: 4.8px;
  display: block;
  margin: 20px auto;
  position: relative;
  border-radius: 4px;
  background: var(--color-primary);
  box-sizing: border-box;
  animation: animloader 0.3s 0.3s linear infinite alternate;
}

#preLoader .loader::after,
#preLoader .loader::before {
  content: "";
  box-sizing: border-box;
  width: 4.8px;
  height: 4.8px;
  border-radius: 4px;
  background: var(--color-primary);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 15px;
  animation: animloader 0.3s 0.45s linear infinite alternate;
}

#preLoader .loader::after {
  top: -15px;
  animation-delay: 0s;
}

@keyframes animloader {
  0% {
    width: 4.8px;
  }

  100% {
    width: 48px;
  }
}

/* -----------------------------------------
Swiper Slider CSS
----------------------------------------- */
.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.swiper-wrapper {
  -webkit-transform-style: preserve-3d;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: var(--radius-circle);
  opacity: 1;
  background-color: var(--color-primary);
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
}

.swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet:hover {
  background-color: var(--color-primary);
  opacity: 1;
}

.swiper-pagination_circle .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: var(--radius-circle);
}

.swiper-pagination_gradient .swiper-pagination-bullet-active,
.swiper-pagination_gradient .swiper-pagination-bullet:hover {
  background-image: var(--gradient-1);
}

.swiper-pagination_white .swiper-pagination-bullet {
  background-color: var(--bg-white);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  line-height: 1;
  bottom: 0;
}

.pagination-fraction .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  border-radius: 0;
  margin: 0;
  margin-inline: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-size: var(--font-lg);
  color: var(--color-medium);
  background: transparent;
}

.pagination-fraction .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 5px;
  background: var(--color-primary);
  transform: scaleX(0);
  transition: transform 0.4s ease-out;
}

.pagination-fraction .swiper-pagination-bullet-active {
  color: var(--color-primary);
}

.pagination-fraction .swiper-pagination-bullet-active::before {
  transform: none;
}

.slider-navigation {
  z-index: 3;
}

.slider-navigation .slider-btn {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  text-align: center;
  background-color: var(--color-primary);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--text-white);
  font-size: 24px;
  transition: all 0.3s ease-out;
}

.slider-navigation .slider-btn:last-child {
  margin-inline-start: 10px;
}

.slider-navigation .slider-btn i {
  transition: transform 0.3s ease-out;
}

.slider-navigation .slider-btn.btn-outline {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.slider-navigation .slider-btn.btn-outline:hover {
  color: var(--text-white);
  background: var(--color-primary);
}

.slider-navigation .slider-btn:disabled {
  cursor: not-allowed;
}

.slider-navigation.position-middle .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  margin: 0;
}

.slider-navigation.position-middle .slider-btn.slider-btn-prev {
  left: 0%;
}

.slider-navigation.position-middle .slider-btn.slider-btn-next {
  right: 0%;
}

.slider-navigation.style-2 .slider-btn {
  background-color: var(--bg-4);
  color: var(--color-primary);
}

.swiper-lazy {
  background-color: var(--text-light);
}

.swiper-lazy-loaded.blur-up {
  filter: blur(0);
}

/* -----------------------------------------
Nav Tabs CSS
----------------------------------------- */
.tabs-navigation::-webkit-scrollbar {
  height: 5px;
}

.tabs-navigation .nav {
  display: inline-flex;
  border: none;
  gap: 20px;
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.tabs-navigation .nav li {
  flex: 0 0 auto;
}

.tabs-navigation .nav .nav-link {
  color: var(--text-dark);
  font-weight: var(--font-medium);
  margin: 0;
  z-index: 999;
  border: 0;
  cursor: pointer;
  background-color: var(--bg-primary-light);
}

.tabs-navigation .nav .nav-link:is(.active) {
  color: var(--text-white);
  background-color: var(--color-primary);
  border-radius: 0;
}

.tabs-navigation .nav[data-hover=fancyHover] .nav-link:is(.active, :hover) {
  color: var(--color-primary);
  background-color: var(--bg-primary-light);
  border-color: var(--color-primary);
}

.tabs-navigation .nav[data-hover=fancyHover] .nav-item {
  z-index: 2;
}

.tabs-navigation .nav[data-hover=fancyHover] .nav-item:is(.active) .nav-link {
  color: var(--text-white);
  background-color: var(--color-primary) !important;
  border-color: transparent;
}

.tabs-navigation .nav[data-hover=fancyHover] .nav-item:is(.active) .nav-link:is(:hover) {
  background: transparent !important;
}

.tabs-navigation .target {
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
  background-color: var(--color-primary);
  transition: all 0.2s;
}

.tabs-navigation_v2 .nav {
  width: 100%;
  gap: 0;
  background-color: var(--bg-2);
  border-bottom: 1px solid var(--border-color);
}

.tabs-navigation_v2 .nav .nav-link {
  color: var(--text-dark);
  background-color: transparent;
  border-bottom: 3px solid transparent;
}

.tabs-navigation_v2 .nav .nav-link:is(.active) {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.tabs-navigation_v2 .nav[data-hover=fancyHover] .nav-link:is(.active, :hover) {
  color: var(--text-dark);
  background-color: transparent;
  border-color: transparent;
}

.tabs-navigation_v2 .nav[data-hover=fancyHover] .nav-item {
  z-index: 2;
}

.tabs-navigation_v2 .nav[data-hover=fancyHover] .nav-item:is(.active) .nav-link {
  color: var(--color-primary);
  background-color: transparent !important;
  border-color: var(--color-primary);
}

.tabs-navigation_v2 .nav[data-hover=fancyHover] .nav-item:is(.active) .nav-link:is(:hover) {
  background: transparent !important;
}

.tabs-navigation_v2 .target {
  border-bottom: 3px solid var(--color-primary);
  background-color: transparent;
}

.tabs-navigation.tabs-navigation-3 {
  border-bottom: 3px solid #f5f5f5;
}

.tabs-navigation.tabs-navigation-3 .nav {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
}

.tabs-navigation.tabs-navigation-3 .nav .nav-link {
  border-radius: 0;
  padding: 12px 30px;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 0.4s ease-out;
  color: var(--color-dark);
  background: transparent;
}

.tabs-navigation.tabs-navigation-3 .nav .nav-link:is(.active, :hover) {
  color: var(--color-primary);
  background: buttonface;
  border-bottom-color: var(--primary-color);
}

.tab-pane.fade {
  transition: all 0.3s;
  transform: translateY(0.5rem);
}

.tab-pane.fade.show {
  transform: translateY(0rem);
}

.tab-pane.slide.show {
  animation: slideUp 1 0.4s;
}

/* -----------------------------------------
Go top CSS
----------------------------------------- */
.go-top {
  --size: 40px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  right: 0;
  left: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
  width: var(--size);
  height: var(--size);
  opacity: 0;
  cursor: pointer;
  text-decoration: none;
  color: var(--text-white);
  font-size: 20px;
  background-color: var(--color-primary);
  transition: 0.4s;
  transform: translateX(15%);
  z-index: 100;
}

.go-top.active {
  opacity: 1;
  transform: none;
}

.go-top:hover {
  transform: translateY(-3px);
}

.go-top_gradient {
  background-image: var(--gradient-1);
}

/* -----------------------------------------
Title CSS
----------------------------------------- */
.section-title .title {
  margin-bottom: 0;
  position: relative;
  margin-top: -8px;
}

@media (max-width: 767.98px) {
  .section-title .title {
    margin-top: -5px;
  }
}

.section-title .title span {
  position: relative;
}

.section-title .subtitle {
  display: block;
  margin-bottom: 10px;
}

.section-title .subtitle_v2 {
  padding: 7px 16px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-primary);
  background-image: var(--gradient-1);
  color: var(--text-white);
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.section-title .subtitle_v3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.section-title .subtitle_v3 .line {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-inline-start: 6px solid var(--color-primary);
  width: 26px;
  height: 18px;
  transform: skewX(-10deg);
}

.section-title .subtitle_v3 .line::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 100%;
  margin-inline-start: 4px;
  background-color: var(--color-primary);
}

.section-title .subtitle_v3 .line::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  height: 100%;
  margin-inline-start: auto;
  margin-inline-end: 0;
  background-color: var(--color-primary);
}

.section-title.title-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 768px) {
  .section-title.title-inline>div {
    flex: 0 0 auto;
    max-width: calc(50% - 10px);
  }
}

.section-title.title-center {
  text-align: center;
}

.section-title.title-center .title {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.section-title.title-center .title .title-shape {
  margin-inline-start: 0;
}

.section-title.title-center .subtitle_v2 {
  margin-inline: auto;
}

.section-title.title-center p {
  max-width: 500px;
  margin-inline: auto;
  margin-bottom: 0;
}

.content-title .title {
  position: relative;
  margin-bottom: 10px;
  margin-top: -8px;
}

@media (max-width: 767.98px) {
  .content-title .title {
    margin-top: -5px;
  }
}

.content-title .subtitle {
  display: block;
  margin-bottom: 10px;
}

.content-title .subtitle_v2 {
  padding: 7px 16px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-primary);
  background-image: var(--gradient-1);
  color: var(--text-white);
  -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
  clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
}

.content-title .subtitle_v3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.content-title .subtitle_v3 .line {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border-inline-start: 6px solid var(--color-primary);
  width: 26px;
  height: 18px;
  transform: skewX(-10deg);
}

.content-title .subtitle_v3 .line::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  width: 6px;
  height: 100%;
  margin-inline-start: 4px;
  background-color: var(--color-primary);
}

.content-title .subtitle_v3 .line::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  height: 100%;
  margin-inline-start: auto;
  margin-inline-end: 0;
  background-color: var(--color-primary);
}

.content-title p:last-child {
  margin-bottom: 0;
}

/* -----------------------------------------
Animation CSS
----------------------------------------- */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-50%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes moveAround {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  20% {
    transform: translate(73px, -1px) rotate(36deg);
  }

  40% {
    transform: translate(141px, 72px) rotate(72deg);
  }

  60% {
    transform: translate(83px, 122px) rotate(108deg);
  }

  80% {
    transform: translate(-40px, 72px) rotate(144deg);
  }

  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes moveLeftRight {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-20px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes ripple {
  0% {
    opacity: 0.45;
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/* -----------------------------------------
Social Link CSS
----------------------------------------- */
.social-link {
  --size: 36px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.social-link a {
  text-align: center;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  background-color: var(--color-primary);
  color: var(--text-white);
  font-size: var(--font-base);
}

.social-link a:last-child {
  margin: 0;
}

.social-link a:hover {
  color: var(--text-white);
  background-color: var(--color-primary);
}

.social-link.style-2 a {
  background-color: rgba(var(--color-primary-rgb), 0.1);
  color: var(--color-primary);
}

.social-link.style-2.social-link_gradient a {
  background-image: none;
}

.social-link.style-2.social-link_gradient a i {
  background: var(--gradient-1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.social-link.icon-only {
  --size: auto;
}

.social-link.icon-only a {
  background-color: transparent;
}

.social-link.size-md {
  --size: 30px;
  --font-base: 14px;
}

.social-link.size-lg {
  --size: 50px;
}

.social-link.rounded a {
  border-radius: 50%;
}

.social-link_gradient a {
  background-image: var(--gradient-1);
}

/* -----------------------------------------
Ratings CSS
----------------------------------------- */
.ratings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.ratings .rate {
  background-position: 0 -13px;
  background-repeat: repeat-x !important;
  height: 13px;
  width: 90px;
  margin-inline-start: -3px;
  transition: all 0.5s ease-out 0s;
}

.ratings .rating-icon {
  background-position: 0 0;
  background-repeat: repeat-x !important;
  height: 13px;
  width: 80%;
}

.ratings .ratings-total {
  font-size: 12px;
  line-height: 1;
}

.ratings.size-md .rate {
  background-position: 0 -15px;
  height: 15px;
  width: 115px;
}

.ratings.size-md .rating-icon {
  height: 15px;
}

.ratings.size-md .ratings-total {
  font-size: 14px;
}

.ratings.size-lg .rate {
  background-position: 0 -20px;
  height: 20px;
  width: 145px;
}

.ratings.size-lg .rating-icon {
  height: 20px;
}

.ratings.size-lg .ratings-total {
  font-size: 16px;
}

/* -----------------------------------------
Datepicker CSS
----------------------------------------- */
.daterangepicker {
  padding: 10px;
  background-color: var(--bg-white);
  border-width: 0;
  border-radius: 10px;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}

.daterangepicker .available.next,
.daterangepicker .available.prev {
  border-radius: 50%;
  background: var(--bg-2);
}

.daterangepicker .available.next span,
.daterangepicker .available.prev span {
  border-color: var(--color-primary);
}

.daterangepicker .btn-primary {
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.daterangepicker .btn-primary:hover {
  color: var(--text-white);
}

.daterangepicker .calendar-table {
  background-color: var(--bg-white);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  cursor: pointer;
  border-radius: 50%;
  min-width: 32px;
  min-height: 31px;
  line-height: 31px;
}

.daterangepicker td.start-date.end-date {
  border-radius: 50%;
  border-color: transparent;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: var(--color-primary) !important;
  border-color: transparent;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  height: auto;
  color: var(--base-color);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: var(--bg-2);
}

.daterangepicker .drp-buttons {
  border-color: var(--border-color);
}

.daterangepicker .drp-buttons .btn-default {
  color: var(--text-dark);
}

/* -----------------------------------------
Price Range Slider CSS
----------------------------------------- */
.noUi-target {
  border: none;
  box-shadow: none;
  border-radius: 30px;
  height: 6px;
  padding-inline: 8px;
  background: rgba(var(--color-primary-rgb), 0.19);
}

.noUi-connect {
  background: var(--color-primary);
}

.noUi-horizontal .noUi-handle {
  width: 15px;
  height: 15px;
  right: -8px;
  top: -5px;
  border-radius: 50%;
  box-shadow: none;
  background: var(--color-white);
  border-width: 3px;
  border-color: var(--color-primary);
  cursor: grab;
}

.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
  content: none;
}

/* -----------------------------------------
Hero Banner CSS
----------------------------------------- */
.hero-banner {
  position: relative;
  z-index: 1;
}

.hero-banner .banner-content {
  max-width: 700px;
}

.hero-banner .banner-content .subtitle {
  display: inline-block;
}

.hero-banner .banner-content .text,
.hero-banner .banner-content p {
  font-size: var(--font-lg);
  max-width: 540px;
  margin-bottom: 0;
}

.hero-banner .banner-filter-form {
  position: relative;
  max-width: 670px;
  z-index: 11;
}

.hero-banner .banner-filter-form .grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.hero-banner .banner-filter-form .grid .item {
  flex: 0 0 auto;
  width: calc(30% - 10px);
  padding-inline-start: 15px;
  border-inline-start: 2px solid var(--border-color);
}

.hero-banner .banner-filter-form .grid .item:first-child,
.hero-banner .banner-filter-form .grid .item:last-child {
  padding: 0;
  border: unset;
}

.hero-banner .banner-filter-form .grid .item:last-child {
  width: calc(10% - 10px);
}

.hero-banner .banner-filter-form .form-wrapper {
  background-color: var(--bg-white);
  box-shadow: var(--shadow-md);
}

.hero-banner .banner-filter-form label {
  color: var(--text-dark);
  font-weight: var(--font-medium);
  margin-bottom: 15px;
  line-height: 1;
}

.hero-banner .banner-filter-form .form-block {
  position: relative;
}

.hero-banner .banner-filter-form .form-block .btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0 !important;
  width: auto;
}

.hero-banner .banner-filter-form .form-block .form-control,
.hero-banner .banner-filter-form .form-block select,
.hero-banner .banner-filter-form .form-block .niceselect {
  padding-inline-start: 25px;
  width: calc(100% - 33px);
}

.hero-banner .banner-filter-form .form-block .icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin-inline-start: 0;
  margin-inline-end: auto;
  width: 25px;
  font-size: 18px;
}

.hero-banner .banner-filter-form .niceselect,
.hero-banner .banner-filter-form .form-control {
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  line-height: normal;
  color: var(--text-medium);
  font-weight: var(--font-normal);
  font-size: var(--font-sm);
  background: transparent;
}

.hero-banner .banner-filter-form .niceselect .list,
.hero-banner .banner-filter-form .form-control .list {
  color: var(--text-medium);
}

.hero-banner .banner-filter-form .select2-container {
  width: 100% !important;
}

.hero-banner .banner-filter-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-inline-start: 25px;
}

.hero-banner .home-slider {
  position: relative;
  z-index: 2;
}

.hero-banner .home-img-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* -----------------------------------------
Hero Banner 1
----------------------------------------- */
.hero-banner.hero-banner_v1 {
  padding-top: 40px;
  border-top: 1px solid var(--border-color);
}

.hero-banner.hero-banner_v1 .form-wrapper {
  background-color: var(--bg-white);
  z-index: 3;
}

.hero-banner.hero-banner_v1 .btn-icon-text {
  --size: 40px;
  position: relative;
}

.hero-banner.hero-banner_v1 .btn-icon-text * {
  color: var(--text-medium);
}

.hero-banner.hero-banner_v1 .btn-icon-text span:first-child {
  width: var(--size);
  height: var(--size);
  border-radius: 5px;
  border: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero-banner.hero-banner_v1 .btn-icon-text span:first-child i {
  --size: auto;
  background-color: unset;
  font-size: 34px;
  border-radius: unset;
  color: var(--text-medium);
  box-shadow: unset;
  background: var(--colo-white);
  font-weight: 400;
  position: absolute;
  animation: slide-bottom .8s linear infinite forwards;
  bottom: -10px;
}

.slide-bottom {
  animation: slide-bottom 0.7s linear infinite forwards;
}

@keyframes slide-bottom {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(10px);
  }
}

/* -----------------------------------------
Hero Banner 2
----------------------------------------- */
.hero-banner.hero-banner_v2 {
  padding-top: 145px;
  padding-bottom: 165px;
}

.hero-banner.hero-banner_v2 .banner-content {
  margin-inline: auto;
}

.hero-banner.hero-banner_v2 .banner-content .text,
.hero-banner.hero-banner_v2 .banner-content p {
  margin-inline: auto;
}

.hero-banner.hero-banner_v2 .form-wrapper {
  border-radius: var(--radius-md);
}

.hero-banner.hero-banner_v2 .form-wrapper .btn-icon {
  border-radius: var(--radius-sm);
}

@media (min-width: 768px) {
  .hero-banner.hero-banner_v2 .form-wrapper {
    border-radius: var(--radius-pill);
  }

  .hero-banner.hero-banner_v2 .form-wrapper .btn-icon {
    border-radius: var(--radius-circle);
  }
}

.hero-banner.hero-banner_v2 .home-img-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}

.hero-banner.hero-banner_v2 .home-img-slider .swiper-slide .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero-banner.hero-banner_v2 .home-img-slider .swiper-slide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--color-black-rgb), 0.8);
  z-index: 1;
}

.hero-banner.hero-banner_v2 .swiper-slide .bg-img {
  transition: all 10s linear;
}

.hero-banner.hero-banner_v2 .swiper-slide .banner-content {
  opacity: 0;
}

.hero-banner.hero-banner_v2 .swiper-slide.swiper-slide-active .bg-img {
  transform: scale(1.1);
}

.hero-banner.hero-banner_v2 .swiper-slide.swiper-slide-active .banner-content {
  opacity: 1;
}

.hero-banner.hero-banner_v2 .swiper-pagination {
  left: 0;
  right: 0;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 15px;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  background-color: var(--bg-white);
}

/* -----------------------------------------
Hero Banner 3
----------------------------------------- */
.hero-banner.hero-banner_v3 .hero-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-block: 100px 150px;
}

.hero-banner.hero-banner_v3 .hero-wrapper::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-primary-rgb), 0.5);
  background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.95) 19.06%, rgba(var(--color-dark-rgb), 0) 72.26%);
  z-index: -1;
}

.hero-banner.hero-banner_v3 .hero-bottom {
  margin-top: -50px;
}

.hero-banner.hero-banner_v3 .form-wrapper {
  z-index: 3;
}

/* -----------------------------------------
Category CSS
----------------------------------------- */
.category-area {
  position: relative;
  overflow: hidden;
}

.category-area .card_img {
  position: relative;
  overflow: hidden;
}

.category-area .card_img img {
  transition: transform 0.3s ease-out;
}

.category-area .card:hover .card_img img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.category-area_v1 .card_content {
  margin-top: -20px;
  padding-inline-start: 25px;
}

.category-area_v2 .card {
  overflow: hidden;
}

.category-area_v2 .card_img {
  border-radius: inherit;
}

.category-area_v2 .card_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  z-index: 3;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(var(--color-black-rgb), 0) 33%, var(--color-black) 86%);
}

.category-area_v2 .card_content .btn-icon {
  transform: translateY(100px);
  color: var(--color-primary);
}

.category-area_v2 .card:hover .btn-icon {
  transform: translateY(-10px);
}

/* -----------------------------------------
About CSS
----------------------------------------- */
.about-area {
  position: relative;
  overflow: hidden;
}

.about-area_v1 .card {
  flex-direction: initial;
  gap: 20px;
  z-index: 1;
  background-color: transparent;
}

.about-area_v1 .card_icon {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}

.about-area_v1 .card_icon img {
  max-width: 45px;
}

.about-area_v1 .card_content {
  position: relative;
  padding-inline-start: 15px;
}

.about-area_v1 .card_content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 100%;
  margin-inline-start: 0;
  margin-inline-end: auto;
  border-radius: var(--radius-sm);
  background-color: rgba(var(--color-primary-rgb), 0.15);
}

.about-area_v2 .card_top {
  display: flex;
  gap: 20px;
  z-index: 1;
}

.about-area_v2 .card_icon {
  flex: 0 0 auto;
  position: relative;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-primary);
  margin-top: -30px;
}

.about-area_v2 .card_icon img {
  max-width: 45px;
}

.about-area_v3 .card {
  flex-direction: initial;
  align-items: center;
  gap: 20px;
  z-index: 1;
  background-color: transparent;
}

.about-area_v3 .card_icon {
  flex: 0 0 auto;
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
}

.about-area_v3 .card_icon img {
  max-width: 45px;
}

.about-area_v3 .card_content {
  position: relative;
}

/* -----------------------------------------
Product CSS
----------------------------------------- */

.product-default .badge {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: 10px;
  padding: 7px 12px;
  border-radius: 3px;
  color: var(--color-white);
  background-color: var(--color-primary);
  width: fit-content;
  z-index: 5;
}

.product-default .badge {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: 10px;
  padding: 7px 12px;
  border-radius: 3px;
  color: var(--color-white);
  background-color: var(--color-primary);
  width: fit-content;
  z-index: 5;
}

.product-default {
  position: relative;
  overflow: hidden;
  background: var(--bg-white);
  transition: all 0.3s ease-out;
}

.product-default .product_top {
  position: relative;
  z-index: 1;
}

.product-default .product_img {
  position: relative;
  overflow: hidden;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.product-default .product_img img {
  transition: transform 0.3s ease-out;
}

.product-default .icon-start i {
  margin-inline-end: 3px;
}

.product-default .icon-end i {
  margin-inline-start: 3px;
}

.product-default .product-info_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.product-default .product-info_list li:not(:last-child) {
  padding-inline-end: 10px;
}

.product-default .product-info_list span {
  line-height: 1;
  font-size: var(--font-base);
}

.product-default .product-info_list .ratings i {
  color: var(--color-yellow);
}

.product-default .product_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-weight: var(--font-medium);
}

.product-default .product_list li:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--border-color);
}

.product-default .product_list span:last-child {
  float: right;
  color: var(--text-dark);
}

.product-default .product-icon_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  line-height: 1;
}



.product-default .product-price_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

.product-default .product-price_list li {
  border: 1px solid var(--border-color);
  padding: 7px 14px;
  transition: all 0.4s ease;
  cursor: pointer;
}

.product-default .product-price_list li:hover {
  background: var(--color-primary);
  color: var(--text-white);
}

.product-default .product-price_list li:hover span.h6,
.product-default .product-price_list li:hover span {
  color: var(--text-white);
}

.product-default .product_subtitle a {
  color: var(--text-medium);
}

.product-default .btn-icon {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: 15px;
  --size: 35px;
  color: var(--color-red);
  border: 1px solid var(--border-color);
  background: var(--bg-white);
}

.product-default .rank-star {
  position: absolute;
  top: 15px;
  left: 10px;
  color: #ff970f;
  background: rgba(var(--color-primary-rgb), 0.6);
  background: var(--bg-white);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px;
  z-index: 1;
  padding: 7px 8px;
  font-size: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.product-default .btn-icon.active i {
  font-weight: 900;
}

.product-default .product_author img {
  border-radius: 4px;
  max-width: 30px;
  margin-inline-end: 5px;
}

.product-default .product_author span {
  color: var(--text-medium);
  transition: 0.3s;
}

.product-default .product_author .underline {
  text-decoration: underline;
  text-decoration-color: var(--text-medium) !important;
  transition: .3s;
}

.product-default .product_author:hover span {
  color: var(--color-primary);
}

.product-default .product_author:hover .underline {
  text-decoration-color: var(--color-primary) !important;
}

.product-default .show-more {
  transition: color 0.3s;
  display: inline-block;
}

.product-default .show-more:hover {
  color: var(--color-primary);
}

.product-default:hover {
  border-color: 1px solid var(--color-primary);
}

.product-default:hover .product_img img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.product-default:hover .hover-show {
  opacity: 1;
}



/* product-default-style-2 */
.product-default-style-2 .product-info_list {
  gap: 5px;
  row-gap: 7px;
}

.product-default-style-2 .product_author img {
  max-width: 25px;
}

.product-default-style-2 .product-price_list {
  gap: 8px;
}

.product-default-style-2 .product-price_list li {
  padding: 7px 10px;
}

.product-default-style-2 .product-price_list .h6 {
  font-size: 14px;
}

.product-default-style-2 .product-price_list span {
  font-size: 14px;
}

.product-default-style-2 .product-price_list .time {
  font-size: 12px;
}

.product-default-style-2 .product-info_list span {
  line-height: 1;
  font-size: var(--font-sm);
}

.product-column .product_price .price {
  justify-content: start;
  padding: 0;
  background-color: transparent;
  -webkit-clip-path: unset;
  clip-path: unset;
  gap: 10px;
}

.product-column .product_price .price span {
  color: var(--text-medium);
}

.product-column .product_price .price div {
  color: var(--color-primary);
}

.product-column .product_feature_list li {
  font-size: var(--font-sm);
}

.product-column .product_feature_list li:not(:first-child) {
  border: unset;
  margin-top: 0;
  padding-top: 5px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .product-column .product_feature_list li {
    font-size: var(--font-xsm);
  }
}

.product-column .product_bottom {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-column .pricing_option {
  justify-content: start;
}

.product-column .pricing_option span {
  font-size: var(--font-xsm);
  padding: 6px 10px;
  line-height: 1.3;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .product-column .pricing_option span {
    font-size: 10px;
  }
}

.product-column_v2 .product_price {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--color-primary);
  background-image: var(--gradient-1);
  z-index: 1;
}

.product-column_v2 .product_price .price {
  padding: 10px 20px;
}

.product-column_v2 .product_price .price span {
  color: var(--text-white);
}

.product-column_v2 .product_price .price div {
  color: var(--text-white);
}

.product-column_v2 .pricing_option span.active {
  background-image: var(--gradient-1);
}

.listing-list-area .product-column {
  padding: 15px;
}

.listing-list-area .product-column .product_bottom,
.listing-list-area .product-column .product_details {
  padding-inline: 20px;
}

@media (min-width: 1200px) {
  .listing-list-area .product-column .product_bottom {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .listing-list-area .product-column .product_bottom .ratings {
    justify-content: center;
  }
}

@media (max-width: 1199.98px) {
  .listing-list-area .product-column .product_bottom {
    justify-content: space-between;
    padding-top: 15px;
    padding-inline: 0;
    margin-top: 15px;
    border-top: 1px solid var(--border-color);
  }

  .listing-list-area .product-column .product_details {
    padding-inline-end: 0;
  }
}

@media (max-width: 767.98px) {
  .listing-list-area .product-column .product_details {
    padding: 15px 0 0 0 !important;
  }

  .listing-list-area .product-column .ratings {
    width: -moz-min-content;
    width: min-content;
  }
}

.hotels .product-default .product_top {
  /* padding-top: 30px; */
}

.hotels .product-default .product_top .overlay {
  height: 126px;
  opacity: 1;
  background-color: var(--bg-2);
}

.hotels .product-default .product_img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: unset;
}

.hotels .product-default .product_img img {
  transform: unset;
}

.hotels .product-default .icon-badge {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
  color: var(--color-green);
  background-color: var(--bg-white);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-circle);
  z-index: 3;
}

.hotels .product-default .btn-icon {
  --size: 30px;
  font-size: 16px;
  border: none;
  color: var(--color-red);
  background: var(--bg-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0px;
}

.hotels .product-default:hover {
  box-shadow: unset;
  border-color: var(--border-color) !important;
}

/* hotel Details */


/* -----------------------------------------
Counter CSS
----------------------------------------- */
.counter-area {
  position: relative;
  overflow: hidden;
}

.counter-area .card {
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.counter-area .card_icon {
  width: 50px;
  height: 50px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-white);
  font-size: 46px;
  z-index: 1;
}

.counter-area .card_icon img {
  max-width: 40px;
}

.counter-area .counter-inner {
  position: relative;
  z-index: 1;
}

.counter-area_v1 .card {
  background-color: var(--bg-white);
}

.counter-area_v1 .card_icon {
  flex: 0 0 auto;
  position: relative;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background-color: rgba(var(--color-primary-rgb), 0.15);
}

.counter-area_v1 .card_icon img {
  max-width: 30px;
}

.counter-area_v1 .video-btn-parent {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter-area_v1 .item:nth-child(even) {
  margin-top: 30px;
}

@media (max-width: 991.98px) {
  .counter-area_v1 {
    padding-block: 100px !important;
  }

  .counter-area_v1 .video-btn-parent {
    margin-top: 40px;
  }
}

@media (max-width: 575.98px) {
  .counter-area_v1 {
    padding-block: 70px !important;
  }

  .counter-area_v1 .item {
    margin-top: 0 !important;
    margin-bottom: 30px;
  }
}

.counter-area_v2 .counter-inner {
  padding: 200px 0 200px;
}

@media (max-width: 991.98px) {
  .counter-area_v2 .counter-inner {
    padding-block: 150px;
  }
}

@media (max-width: 767.98px) {
  .counter-area_v2 .counter-inner {
    padding-block: 100px;
  }
}

.counter-area_v2 .counter-inner .left-span,
.counter-area_v2 .counter-inner .right-span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.counter-area_v2 .counter-blocks {
  margin-top: -50px;
}

.counter-area_v2 .card {
  background-color: var(--bg-white);
}

.counter-area_v2 .card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 100%;
  margin-inline: auto;
  background: linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.2) 0%, rgba(var(--color-white-rgb), 0) 100%);
}

.counter-area_v2 .card_icon {
  flex: 0 0 auto;
  position: relative;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-pill);
  background-color: var(--bg-white);
}

.counter-area_v2 .card_icon img {
  max-width: 30px;
}

.counter-area_v2 .shapes {
  position: absolute;
  top: 50%;
  height: calc(100% + 60px);
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 20px;
  z-index: 4;
}

.counter-area_v2 .shapes span {
  flex: 0 0 auto;
  width: 60px;
  height: 100%;
  background-color: rgba(var(--color-white-rgb), 0.2);
}

.counter-area_v2 .shapes.shapes-1 {
  left: 0;
}

.counter-area_v2 .shapes.shapes-1 span {
  transform: rotateZ(10deg);
}

.counter-area_v2 .shapes.shapes-2 {
  right: 0;
}

.counter-area_v2 .shapes.shapes-2 span {
  transform: rotateZ(-10deg);
}

/* -----------------------------------------
Banner CSS
----------------------------------------- */
.banner-img {
  position: relative;
}

.banner-img .video-btn {
  z-index: 5;
}

.newsletter-area .image {
  margin-top: 30px;
}

.newsletter-area .shapes {
  position: absolute;
  top: 50%;
  height: calc(100% + 60px);
  transform: translateY(-50%);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 20px;
}

.newsletter-area .shapes span {
  flex: 0 0 auto;
  width: 60px;
  height: 100%;
  background-color: rgba(var(--color-white-rgb), 0.2);
}

.newsletter-area .shapes.shapes-1 {
  left: 0;
}

.newsletter-area .shapes.shapes-1 span {
  transform: rotateZ(10deg);
}

.newsletter-area .shapes.shapes-2 {
  right: 0;
}

.newsletter-area .shapes.shapes-2 span {
  transform: rotateZ(-10deg);
}

.newsletter-area.newsletter-area_v2 .overlay {
  opacity: 1;
  background-color: rgba(var(--color-primary-rgb), 0.5);
  background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.95) 19.06%, rgba(var(--color-dark-rgb), 0) 72.26%);
}

/* -----------------------------------------
Testimonial CSS
----------------------------------------- */
.testimonial-area {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.testimonial-area .slider-item {
  position: relative;
  transition: all 0.4s;
  --gutter: 25px;
}

.testimonial-area .slider-item .client {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: var(--gutter);
  gap: 15px;
  border-bottom: 1px dashed var(--border-color);
}

.testimonial-area .slider-item .quote {
  position: relative;
  padding: 0 var(--gutter) var(--gutter);
}

.testimonial-area .slider-item .icon {
  position: absolute;
  top: var(--gutter);
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline-end: var(--gutter);
  margin-inline-start: auto;
  font-size: 52px;
  line-height: 1;
  color: rgba(var(--color-primary-rgb), 0.1);
}

.testimonial-area .slider-item p {
  margin-bottom: 0;
}

.testimonial-area .slider-item .client-info h6 {
  margin-bottom: 0;
}

.testimonial-area .slider-item .client-info .designation {
  font-size: var(--font-sm);
}

.testimonial-area .slider-item .client-img {
  max-width: 50px;
  margin-inline-end: 16px;
}

.testimonial-area_v1 .slider-item .quote {
  padding: 0;
}

.testimonial-area_v1 .slider-item .quote::before {
  content: unset;
}

.testimonial-area_v1 .slider-item .client-img {
  max-width: 100px;
  -webkit-clip-path: polygon(50% -4%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  clip-path: polygon(50% -4%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.testimonial-area_v1 .wrapper {
  position: relative;
  overflow: hidden;
}

.testimonial-area_v1 .wrapper .avatar img {
  position: absolute;
  max-width: 80px;
  height: 80px;
  -webkit-clip-path: polygon(50% -4%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  clip-path: polygon(50% -4%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  z-index: -1;
}

.testimonial-area_v1 .wrapper .avatar img:nth-child(1) {
  top: 10%;
  left: 0;
  margin-inline-start: 0;
  margin-inline-end: auto;
  transform: rotateZ(-24deg);
}

.testimonial-area_v1 .wrapper .avatar img:nth-child(2) {
  top: 50%;
  transform: translateY(-50%) rotateZ(-24deg);
  margin-inline-start: 15%;
  margin-inline-end: auto;
}

.testimonial-area_v1 .wrapper .avatar img:nth-child(3) {
  bottom: 10px;
  left: 0;
  margin-inline-start: 0;
  margin-inline-end: auto;
  transform: rotateZ(-24deg);
}

.testimonial-area_v1 .wrapper .avatar img:nth-child(4) {
  top: 10%;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
  transform: rotateZ(35deg);
}

.testimonial-area_v1 .wrapper .avatar img:nth-child(5) {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-inline-start: auto;
  margin-inline-end: 15%;
  transform: rotateZ(35deg);
}

.testimonial-area_v1 .wrapper .avatar img:nth-child(6) {
  bottom: 10px;
  right: 0;
  margin-inline-start: auto;
  margin-inline-end: 0;
  transform: rotateZ(35deg);
}

.testimonial-area_v1 .bg-shape {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-area_v1 .bg-shape span {
  --size: 450px;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: var(--size);
  height: var(--size);
  transform: translateY(-50%);
  border-radius: var(--radius-circle);
  background-color: rgba(var(--color-primary-rgb), 0.09);
}

.testimonial-area_v1 .bg-shape span:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  animation: ripple 2s linear 1s infinite;
  background-color: rgba(var(--color-primary-rgb), 0.05);
}

.testimonial-area_v1 .bg-shape span:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  animation: ripple 2s linear infinite;
  background-color: rgba(var(--color-primary-rgb), 0.05);
}

.testimonial-area_v1 .bg-shape span:nth-child(2) {
  --size: 350px;
  background-color: rgba(var(--color-primary-rgb), 0.04);
}

.testimonial-area_v1 .bg-shape span:nth-child(3) {
  --size: 250px;
  background-color: rgba(var(--color-primary-rgb), 0.06);
}

.testimonial-area_v1 .bg-shape span:nth-child(4) {
  --size: 150px;
  background-color: rgba(var(--color-primary-rgb), 0.08);
}

.testimonial-area_v2 .swiper-slide {
  height: 50% !important;
}

.testimonial-area_v2 .swiper-grid-column>.swiper-wrapper {
  flex-direction: row;
  row-gap: 30px;
}

@media (max-width: 991.98px) {
  .testimonial-area_v2 .swiper-wrapper.row {
    flex-wrap: nowrap;
    --bs-gutter-x: 0;
    margin-inline: 0;
  }

  .testimonial-area_v2 .swiper-slide {
    height: auto !important;
  }
}

.testimonial-area_v3 .slider-item .quote {
  padding: 0;
}

.testimonial-area_v3 .slider-item .quote p {
  font-size: var(--font-size--h5);
}

.testimonial-area_v3 .slider-item .quote::before {
  content: unset;
}

.testimonial-area_v3 .wrapper {
  position: relative;
  overflow: hidden;
}

/* -----------------------------------------
Blog CSS
----------------------------------------- */
.blog-area {
  position: relative;
  overflow: hidden;
}

.blog-area .card {
  overflow: hidden;
  transition: all 0.3s;
}

.blog-area .card_top {
  position: relative;
}

.blog-area .card_img {
  overflow: hidden;
  border: 20px solid rgba(var(--color-primary-rgb), 0.06);
  border-radius: 10px;
  margin-bottom: 10px;
}

.blog-area .card img {
  transition: transform 0.3s ease-out;
}

.blog-area .card p {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-area .card_list {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: var(--font-sm);
}

.blog-area .card_list a {
  color: var(--text-medium);
}

.blog-area .card_list i {
  color: var(--color-primary);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .blog-area .card_list {
    gap: 15px;
    font-size: var(--font-sm) !important;
  }
}

.blog-area .card .tag {
  display: inline-block;
  padding: 5px 10px;
  font-size: var(--font-sm);
  border: 1px solid var(--border-color);
}

.blog-area .card:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.blog-area .card:hover .btn-text {
  letter-spacing: 0.1em;
}

.blog-area_v1 .card {
  margin-bottom: 22px;
  background-color: transparent;
  overflow: unset;
}

.blog-area_v1 .card .btn {
  border: 1px solid var(--border-color);
  margin-bottom: -22px;
  transition: all 0.2s;
}

.blog-area_v1 .card .btn:hover {
  background-color: var(--color-primary);
  border-color: unset;
  color: var(--text-white);
}

.blog-area_v3 .card_top {
  padding: 10px 10px 0;
}

.blog-area_v3 .card_list {
  position: relative;
  justify-content: space-between;
  padding: 15px 20px;
  background-color: var(--bg-white);
  box-shadow: var(--shadow-md);
  font-size: var(--font-base);
  margin-top: -30px;
  z-index: 1;
}

/* -----------------------------------------
Gallery CSS
----------------------------------------- */
.gallery-area {
  position: relative;
  overflow: hidden;
}

.gallery-area .card_img {
  position: relative;
  overflow: hidden;
}

.gallery-area .card_img img {
  transition: transform 0.3s ease-out;
}

.gallery-area .card:hover .card_img img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.gallery-area_v1 .card {
  overflow: hidden;
}

.gallery-area_v1 .card_img {
  border-radius: inherit;
}

.gallery-area_v1 .card_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 3;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(var(--color-black-rgb), 0) 33%, var(--color-black) 86%);
}

@keyframes cluster-animation {

  0%,
  100% {
    transform: scale(1.3);
  }

  50% {
    transform: scale(1.5);
  }
}

.leaflet-container {
  height: 100%;
  width: 100vw;
  max-width: 100%;
  max-height: 100%;
}

.marker-cluster {
  background: transparent;
}

.marker-cluster div {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: var(--font-lg);
  text-align: center;
}

.marker-cluster div:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  box-shadow: inset 0 0 0 10px var(--color-primary);
  content: "";
  border-radius: 50%;
  animation: cluster-animation 2.5s infinite;
  z-index: -1;
}

.cluster img {
  display: none;
}

.map-marker-container {
  position: absolute;
  margin-top: 10px;
  transform: translate3d(-50%, -100%, 0);
}

.marker-container {
  position: relative;
  margin: 10px auto;
  width: 40px;
  height: 40px;
  z-index: 1;
  border-radius: 50%;
  cursor: pointer;
  top: -5px;
}

.marker-container .marker-card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  z-index: 1;
  transition: all 0.3s linear;
}

.marker-container .marker-arrow {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 15px 0;
  border-color: var(--color-primary) transparent transparent;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0;
  z-index: 1;
}

.marker-container:hover .marker-card {
  transform: translateY(-5px);
}

.map-marker-container.clicked .marker-card {
  transform: rotateY(-180deg) translateY(0px);
}

.face {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 10%;
  border-radius: 50px;
  background-color: #fff;
  border: 6px solid var(--color-primary);
  color: var(--color-primary);
  transition: all 1s linear;
  z-index: 100;
}

.face i {
  line-height: 28px;
  font-size: var(--font-sm);
}

.leaflet-popup {
  transition: all 0.3s linear;
}

.leaflet-popup .leaflet-popup-content-wrapper,
.leaflet-popup .leaflet-popup-tip {
  padding: 0;
  overflow: hidden;
}

.leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: var(--radius-sm);
}

.leaflet-popup a {
  color: var(--text-dark);
}

.leaflet-popup .leaflet-popup-content {
  position: relative;
  margin: 0;
  border-radius: 0;
}

.leaflet-popup .product-default {
  width: 280px;
  border: 0;
  color: var(--text-medium);
}

.leaflet-popup a.leaflet-popup-close-button {
  width: 25px;
  height: 25px;
  border-radius: 0 0 0 10px;
  background: var(--bg-white);
  z-index: 5;
}

.leaflet-popup .label {
  padding: 3px 10px;
  font-size: var(--font-sm);
}

.leaflet-touch .leaflet-control-attribution {
  font-size: 10px;
}

.leaflet-top,
.leaflet-bottom {
  z-index: 777;
}

@media (max-width: 1199.98px) {
  #main-map {
    height: 300px !important;
  }
}

/* -----------------------------------------
Shop Single CSS
----------------------------------------- */
.products-modal .btn-groups {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.products-modal .product-modal-gallery {
  position: relative;
}

.products-modal .product-modal-single-slider .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  color: var(--color-primary);
  background: var(--color-white);
}

.products-modal .product-modal-single-slider .slider-btn.slider-btn-prev {
  left: 0;
}

.products-modal .product-modal-single-slider .slider-btn.slider-btn-next {
  right: 0;
}

.product-modal-single-slider .img-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  position: static;
  overflow-x: scroll;
  scroll-behavior: smooth;
}

.product-modal-single-slider .img-pagination img {
  flex: 0 0 auto;
  max-width: calc(100% / 3 - 10px);
  border-radius: 5px;
}

.products-modal .product-modal-thumb {
  margin-inline: auto;
  margin-top: 10px;
  z-index: 5;
}

.products-modal .product-modal-thumbnails .thumbnail-img {
  cursor: pointer;
  border: 1px solid var(--color-primary);
}

.products-modal .product-modal-thumbnails .thumbnail-img img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.products-modal .product-price span {
  display: inline-block;
}

.products-modal .product-price {
  gap: 5px;
}

.products-modal .product-price .h6 {
  color: var(--color-medium);
  text-decoration: line-through;
}

body.modal-open .mfp-bg {
  z-index: 1092;
}

body.modal-open .mfp-wrap {
  z-index: 1093;
}

.modal-header .btn-close {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.show-more {
  cursor: pointer;
}

/* -----------------------------------------
Ratings CSS
----------------------------------------- */
.ratings {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-inline-start: -3px;
  gap: 5px;
}

.ratings .rate {
  background-position: 0 -13px;
  background-repeat: repeat-x !important;
  height: 13px;
  transition: all 0.5s ease-out 0s;
  width: 20px;
}

.ratings .rating-icon {
  background-position: 0 0;
  background-repeat: repeat-x !important;
  height: 13px;
}

.ratings .ratings-total {
  font-size: 12px;
  line-height: 1;
}

.ratings.size-md .rate {
  background-position: 0 -15px;
  height: 15px;
  width: 115px;
}

.ratings.size-md .rating-icon {
  height: 15px;
}

.ratings.size-md .ratings-total {
  font-size: 14px;
}

.ratings.size-lg .rate {
  background-position: 0 -20px;
  height: 20px;
  width: 145px;
}

.ratings.size-lg .rating-icon {
  height: 20px;
}

.ratings.size-lg .ratings-total {
  font-size: 16px;
}

.purchase-success,
.booking-success {
  background: #f1f1f1;
  padding: 40px 0px;
  text-align: center;
  border-radius: 15px;
}

.purchase-success .icon,
.booking-success .icon {
  display: block;
  margin-bottom: 20px;
}

.purchase-success .icon i,
.booking-success .icon i {
  font-size: 60px !important;
}

.purchase-success h2,
.booking-success h2 {
  margin-bottom: 15px;
  text-transform: uppercase;
}

.purchase-success p,
.booking-success p {
  line-height: 26px;
}

.listing-map .main-map {
  position: relative;
  overflow: hidden;
  height: 350px;
  /* margin-top: 100px; */
}

/* .listing-map .main-map .leaflet-container{
margin-top: 20px;
} */
.listing-map .main-map>div {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  border-radius: 10px;
}

/* popup css start */

/* Popup css */
.popup-wrapper {
  display: none;
}

.popup_main-content h1 {
  font-size: 40px;
  line-height: 50px;
}

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
  background: #FFF;
  opacity: 1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 32px;
  right: -15px;
  top: -15px;
}

.popup-wrapper {
  position: relative;
  width: auto;
  max-width: 960px;
  margin: 0 auto;
}

.popup-wrapper .form_control {
  width: 100%;
  height: 70px;
  padding: 0 30px;
  line-height: 70px;
}

/* Popup-one */
.popup-one {
  position: relative;
  padding: 138px 120px;
}

.popup-one .popup_main-content {
  position: relative;
  text-align: center;
  background-color: rgba(69, 29, 83, 0.8);
  border-radius: 10px;
  padding: 90px 55px;
}

.popup-one .popup_main-content h1,
.popup-one .popup_main-content p {
  color: #fff;
}

.popup-one .popup_main-content h1 {
  margin-bottom: 20px;
}

.popup-one .popup_main-content p {
  margin-bottom: 30px;
}

.popup-one .popup_main-content .popup-main-btn {
  padding: 15px 100px;
  display: inline-block;
  color: #fff;
  border-radius: 40px;
  border: 1px solid #fff;
  text-decoration: none;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}

.popup-one .popup_main-content .popup-main-btn:hover,
.popup-one .popup_main-content .popup-main-btn:focus {
  background-color: #451D53;
  color: #fff;
  border-color: transparent;
}

/* Popup-two */

.popup-two {
  position: relative;
  padding: 120px;
}

.popup-two .popup_main-content {
  position: relative;
  text-align: center;
  background-color: rgba(255, 40, 101, 0.7);
  border-radius: 10px;
  padding: 90px 55px;
}

.popup-two .popup_main-content h1,
.popup-two .popup_main-content p {
  color: #fff;
}

.popup-two .popup_main-content h1 {
  margin-bottom: 20px;
}

.popup-two .popup_main-content p {
  margin-bottom: 30px;
}

.popup-two .popup_main-content .subscribe-form {
  padding: 0 70px;
}

.popup-two .popup_main-content .subscribe-form .form_control {
  border: none;
  border-radius: 10px;
  font-size: 20px;
  margin-bottom: 20px;
}

.popup-two .popup_main-content .subscribe-form .popup-main-btn {
  width: 100%;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 20px;
  height: 70px;
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s;
}

.popup-two .popup_main-content .subscribe-form .popup-main-btn:hover,
.popup-two .popup_main-content .subscribe-form .popup-main-btn:focus {
  background-color: #FF2865;
  color: #fff;
  border-color: transparent;
}


/* Popup-three */

.popup-three .popup_main-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
}

.popup-three .popup_main-content .left-bg {
  width: 45%;
  height: 100%;
  min-height: 670px;
}

.popup-three .popup_main-content .right-content {
  width: 55%;
  padding: 30px 15px;
  text-align: center;
}

.popup-three .popup_main-content .right-content h1 {
  font-weight: 400;
  margin-bottom: 20px;
}

.popup-three .popup_main-content .right-content p {
  margin-bottom: 20px;
}

.popup-three .popup_main-content .right-content .popup-main-btn {
  padding: 15px 70px;
  background-color: #FF2865;
  color: #fff;
  font-size: 19px;
  border-radius: 35px;
  display: inline-block;
  text-decoration: none;
}

/* Popup-four */

.popup-four .popup_main-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff;
}

.popup-four .popup_main-content .left-bg {
  width: 45%;
  height: 100%;
  min-height: 670px;
}

.popup-four .popup_main-content .right-content {
  width: 55%;
  padding: 30px 30px;
  text-align: center;
}

.popup-four .popup_main-content .right-content h1 {
  font-weight: 400;
  margin-bottom: 20px;
}

.popup-four .popup_main-content .right-content p {
  margin-bottom: 20px;
}

.popup-four .popup_main-content .subscribe-form {
  padding: 0 70px;
}

.popup-four .popup_main-content .subscribe-form .form_control {
  border: 2px solid #C5C5C5;
  border-radius: 10px;
  font-size: 20px;
  margin-bottom: 20px;
}

.popup-four .popup_main-content .subscribe-form .popup-main-btn {
  width: 100%;
  background-color: #F8960D;
  color: #fff;
  font-size: 20px;
  height: 70px;
  border-radius: 10px;
  cursor: pointer;
  border: none;
  transition: all .3s;
}

.popup-four .popup_main-content .subscribe-form .popup-main-btn:hover,
.popup-four .popup_main-content .subscribe-form .popup-main-btn:focus {
  background-color: #F8960D;
  color: #fff;
  border-color: transparent;
}


/* Popup-five */

.popup-five .popup_main-content {
  text-align: center;
  padding: 75px;
}

.popup-five .popup_main-content h1 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 20px;
  margin: 0 auto 20px;
  max-width: 600px;
}

.popup-five .popup_main-content h4 {
  color: #fff;
  font-size: 25px;
  font-weight: 35px;
  margin-bottom: 40px;
  font-weight: 400;
}

.popup-five .popup_main-content .popup-main-btn {
  padding: 15px 30px;
  display: inline-block;
  color: #fff;
  background-color: #29A19C;
  border-radius: 40px;
  text-decoration: none;
}

/* Popup-six */
.popup-six .popup_main-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #fff;
  text-decoration: none;
}

.popup-six .popup_main-content .left-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}

.popup-six .popup_main-content .right-content {
  background-color: #930077;
  width: 50%;
  height: 100%;
  padding: 120px 15px;
  text-align: center;
  margin-left: 50%;
}

.popup-six .popup_main-content .right-content h1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  color: #fff;
  margin-bottom: 25px;
}

.popup-six .popup_main-content h4 {
  color: #fff;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 40px;
  font-weight: 400;
}

.popup-six .popup_main-content .right-content .popup-main-btn {
  padding: 15px 30px;
  display: inline-block;
  color: #ffffff;
  background-color: #494949;
  border-radius: 40px;
  text-decoration: none;
}

/* syotimer css */
.popup-wrapper .syotimer__body {
  max-width: 420px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.popup-wrapper .syotimer__body p {
  color: #fff;
}

.popup-wrapper .syotimer-cell {
  flex: 0 0 24%;
  padding-left: 10px;
  padding-right: 10px;
}

.popup-wrapper .syotimer-cell__value {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1F3A52;
  border-radius: 10px;
  font-size: 36px;
  color: #fff;
  margin-bottom: 15px;
  border: 0;
}

.popup-wrapper .syotimer-cell__value:after {
  content: none;
}

.popup-wrapper .syotimer-cell__unit {
  font-size: 20px;
  color: #fff;
  text-transform: capitalize;
}

/*Large Device*/
@media only screen and (min-width: 1200px) and (max-width : 1400px) {}


/*Large Device*/
@media only screen and (min-width: 992px) and (max-width : 1199px) {}

/*Medium Device*/
@media only screen and (min-width: 768px) and (max-width : 991px) {

  .popup-one .popup_main-content h1,
  .popup-three .popup_main-content .right-content h1,
  .popup-four .popup_main-content .right-content h1,
  .popup-five .popup_main-content h1,
  .popup-six .popup_main-content .right-content h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .popup-wrapper {
    max-width: 720px;
  }

  .popup-two .popup_main-content .subscribe-form,
  .popup-four .popup_main-content .subscribe-form {
    padding: 0 15px;
  }

  .popup-one,
  .popup-two {
    padding: 80px 30px;
  }

  .syotimer__body {
    margin-bottom: 0px;
  }

  .syotimer-cell {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
  .popup-wrapper .syotimer-cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  .popup-wrapper {
    max-width: 500px;
  }

  .popup-five .popup_main-content {
    text-align: center;
    padding: 50px 15px;
  }

  .popup-three .popup_main-content .left-bg,
  .popup-four .popup_main-content .left-bg,
  .popup-six .popup_main-content .left-bg {
    display: none;
  }

  .popup-one,
  .popup-two {
    padding: 30px 15px;
  }

  .popup-one .popup_main-content,
  .popup-two .popup_main-content {
    padding: 20px 15px;
  }

  .popup-one .popup_main-content .main-btn {
    padding: 15px 30px;
  }

  .popup-three .popup_main-content .right-content,
  .popup-four .popup_main-content .right-content,
  .popup-six .popup_main-content .right-content {
    width: 100%;
    padding: 50px 15px;
  }

  .popup-two .popup_main-content .subscribe-form,
  .popup-four .popup_main-content .subscribe-form {
    padding: 0 15px;
  }

  .popup-two .popup_main-content .subscribe-form .form_control,
  .popup-four .popup_main-content .subscribe-form .form_control {
    font-size: 15px;
  }

  .popup-two .popup_main-content h1,
  .popup-one .popup_main-content h1,
  .popup-three .popup_main-content .right-content h1,
  .popup-four .popup_main-content .right-content h1,
  .popup-five .popup_main-content h1,
  .popup-six .popup_main-content .right-content h1 {
    font-size: 24px;
    line-height: 34px;
  }

  .popup-six .popup_main-content .right-content {
    margin-left: 0%;
  }

  .syotimer__body {
    max-width: 380px;
    margin-bottom: 0px;
  }

  .syotimer-cell {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }
}

/* Mobile Devices, Tablets */
@media only screen and (max-width: 400px) {
  .popup-wrapper {
    max-width: 300px;
  }

  .syotimer__body {
    max-width: 300px;
    margin-bottom: 0px;
  }

  .syotimer-cell {
    flex: 0 0 50%;
    margin-bottom: 20px;
  }
}

/* Wide mobile Devices */
@media only screen and (min-width: 401px) and (max-width : 767px) {
  .popup-wrapper {
    max-width: 380px;
  }
}

/* wide mobile devices */
@media only screen and (min-width: 401px) and (max-width : 767px) {
  .popup-wrapper {
    max-width: 380px;
  }
}

/* popup css end */
#map {
  height: 530px;
  width: 100%;
}

.hotel-map iframe {
  height: 100%;
  width: 100%;
}

.product-icon_list i {
  transition: all 0.3s ease;
}

.product-icon_list i:hover {
  color: var(--color-primary);
}


/**************************
************************
************/
.header_v1 {
  background: #fff;
}

/* map */
/* .listing-map .main-map{
margin-top: 139px;
} */

/* product-default-style2  Update css */
/*  */
.product-default .product-icon_list .list-item {
  border: 1px solid #ededed;
  background: #FFF;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-size: 14px;
  transition: 0.3s;
  cursor: pointer;
}

.product-default .product-icon_list .list-item:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.more_item_show_btn {
  position: relative;
  cursor: pointer;
  border: 1px solid #ededed;
  background: #FFF;
  padding: 7px 7px;
  border-radius: 4px;
  font-size: 14px;
  transition: 0.3s;
}

.more_item_show_btn:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.more_item_show_btn i {
  margin: 0 3px;
}

.product-default-style2 .product_top {
  overflow: visible !important;
}

.more_items_icons {
  background: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  gap: 7px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  font-size: 14px;
  transition: all 0.4s ease;
  top: 40px;
  visibility: hidden;
  position: absolute;
  opacity: 0;
  right: 0;
  left: unset;
}

.more_item_show_btn:hover .more_items_icons {
  visibility: visible;
  opacity: 1;
  top: 33px;
}

.more_items_icons a {
  border: 1px solid #ededed;
  background: #FFF;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  font-size: 14px;
  transition: 0.3s;
  cursor: pointer;
}

.more_items_icons a:hover {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.more_price_list_show_btn span {
  color: var(--text-dark);
  font-weight: var(--font-bold);
}

.more_price_list_show_btn i {
  font-size: 20px;
}

.header-area {
  background: #FFF;
}

.header-area .main-navbar .menu-dropdown {
  z-index: 999;
}

/*=====================
category-toggle 
=======================*/
.widget-area .list-item .category-toggle {
  display: block;
  color: var(--color-medium);
  position: relative;
  -webkit-padding-start: 24px;
  padding-inline-start: 24px;
  transition: all 0.3s ease;
}

.widget-area .list-item .category-toggle:hover {
  color: var(--color-primary);
}

.widget-area .list-item .category-toggle::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 1;
  border: 1px solid var(--color-primary);
}

.widget-area .list-item .category-toggle::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 1;
  background: var(--color-primary);
  transform: scale(0);
  transition: 0.3s;
}

.widget-area .list-item.active .category-toggle::before {
  background: var(--color-primary);
}

.widget-area .list-item.active .category-toggle::after {
  transform: scale(1);
}

/* Pricing Card */
.pricing_card_header span {
  display: inline-block;
  padding: 5px 18px;
  border-radius: 30px;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
  background-color: var(--color-white);
  color: var(--color-primary);
}

.pricing-area .card:is(.pricing-area .card:hover, .pricing-area .card) .card_list i.fa-check {
  color: var(--color-white);
  background-color: var(--color-green);
}

.pricing-area .card:is(.pricing-area .card:hover, .pricing-area .card) .card_list i.not-active {
  color: var(--color-white);
  background-color: red;
}


/* ========================================
============ modal social share ===========
==========================================*/
.social-media-modal .actions {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 15px;
  justify-content: space-between;
  font-size: 14px;
}

.social-media-modal .actions .action-btn:hover a i {
  transform: translate(0, -10%);
}

.social-media-modal .actions .action-btn a i {
  --size: 35px;
  display: block;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  border-radius: 50%;
  text-align: center;
  margin-inline: auto;
  color: #fff;
  margin-bottom: 5px;
  font-size: 14px;
  background-color: var(--color-primary);
  transition: all 0.3s ease;
}

/* === end modal social share ===*/



.product-slider-style2-wrapper {
  position: relative;
  height: 500px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 992.99px) {
  .product-slider-style2-wrapper {
    height: 400px;
  }
}

.product-slider-style2 {
  height: 100%;
  width: 100%;
  position: relative;
}

.product-slider-style2 .product-slider-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.product-slider-style2-wrapper .product-slider-style2-thumb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 700px;
  bottom: -40px;
}

@media only screen and (max-width: 992.99px) {
  .product-slider-style2-wrapper .product-slider-style2-thumb {
    width: 100%;
    padding: 0 10px;
  }
}

.product-slider-style2-thumb .product-slider-thumb-item {
  height: 90px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.product-slider-style2-thumb .product-slider-thumb-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.3s ease;
}

.product-slider-style2-thumb .product-slider-thumb-item:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.product-slider-style2 .slider-btn {
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-white);
  font-size: 24px;
  border: 1px solid transparent;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-slider-button-prev {
  position: absolute;
  left: 40px;
  top: 0;
  z-index: 99;
  top: 50%;
  transform: translateY(-50%);
}

.product-slider-button-next {
  position: absolute;
  right: 40px;
  top: 0;
  z-index: 99;
  top: 50%;
  transform: translateY(-50%);
}




/* roombokmodal Modal */

.roombokmodal .btn-close {
  font-size: 18px;
}

.roombokmodal .modal-title {
  font-size: 22px;
  font-weight: 600;
  color: #444444;
  line-height: 30px;
}

.roombokmodal .table {
  border: 1px solid #ebedf2;
  margin-bottom: 0;
}

.roombokmodal .modal-body {
  padding: 30px 15px;
}

.roombokmodal {
  font-size: 2rem;
  font-weight: 700;
}

.roombokmodal .table td {
  height: 30px;
  font-size: 12px;
  font-weight: 500;
}

.roombokmodal .table th {
  height: 40px;
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
  font-size: 14px;
}



.rate {
  background-image: url(../../img/rate-star.png);

}

.rating {
  background-image: url(../../img/rate-star.png);
  background-position: 0 0;
  background-repeat: repeat-x;

}

.review-value {
  display: inline-block;
  cursor: pointer;
}

.review-value:not(:last-child):after {
  content: "|";
  margin-left: 10px;
  margin-right: 7px;
}

.review-progress .rating-icon-area {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.review-progress .rate {
  background-position: 0 -13px;
  background-repeat: repeat-x !important;
  height: 13px;
  transition: all 0.5s ease-out 0s;
  max-width: 92px;
  width: 100%;
  flex: 0 0 92px;
}

.review-progress .rating {
  background-image: url(../../img/rate-star.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 13px;
}

.review-progress p {
  white-space: nowrap;
}


.review-progress-grid {
  display: grid;
  grid-template-columns: 160px 1fr 40px;
  align-items: center;
  grid-gap: 10px;
}

.review-progress-grid .percentage {
  text-align: right;
}

@media (max-width: 480.98px) {
  .review-progress-grid {
    grid-template-columns: 50px 1fr 40px;
  }

  .review-progress-grid .review-ratings.rate {
    display: none;
  }
}

/* request loader css start */
.request-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #0000007a;
  z-index: 10000;
  display: none;
}

.request-loader img {
  position: fixed;
  display: none;
  width: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.request-loader.show {
  display: block;
}

.request-loader.show img {
  display: block;
}


.listing-map .main-map .leaflet-popup-content-wrapper .product-default .product-details {
  padding: 15px !important;
}

/* request loader css end */

.bold-text {
  font-weight: bold;
}

/* offline css start */
.error-area .offline {
  margin-bottom: 30px;
}

.error-area {
  position: relative;
  overflow-x: hidden;
  display: grid;
  place-items: center;
  height: 100vh;
  text-align: center;
}

/* offline css end */


.btn.current-location-btn {
  --size: 30px;
  width: var(--size) !important;
  height: var(--size) !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: transparent;
  color: var(--color-primary);
  border-radius: 4px;
}

.btn.current-location-btn:hover {
  background: var(--color-primary);
  color: var(--color-white);
}


.floating-wpp {
  position: fixed;
  bottom: 50px;
  right: 15px;
  left: unset;
  font-size: 14px;
  transition: bottom 0.2s;
  z-index: 99;
}

.floating-wpp .floating-wpp-popup.active {
  right: 0;
  left: unset;
}

.floating-wpp:hover {
  bottom: 50px;
}






/* responsive */

/* X-Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .hero-banner.hero-banner_v2 .banner-img {
    margin-top: -100px;
  }
}

/* Medium devices (tablets, laptops between 992px to 1200px) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  :root {
    --font-size--h1: 44px;
    --font-size--h2: 32px;
    --font-size--h3: 28px;
    --font-size--h4: 22px;
    --font-size--h5: 18px;
    --font-size--h6: 18px;
    --font-base: 15px;
  }

  .hero-banner.hero-banner_v1 {
    padding-top: 100px;
  }

  .hero-banner.hero-banner_v2 {
    padding-top: 100px;
    padding-bottom: 130px;
  }

  .hero-banner.hero-banner_v3 .hero-wrapper {
    padding-top: 100px;
    padding-bottom: 150px;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .grid {
    flex-wrap: wrap;
    row-gap: 0;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .grid .item {
    width: calc(50% - 10px) !important;
    padding-inline: unset;
    border: unset;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group {
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group input,
  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group select,
  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group .nice-select {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-group .select2-container .select2-selection--single {
    height: 40px;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .btn-icon {
    width: 100%;
  }

  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .niceselect .list,
  .hero-banner:not(.hero-banner_v2, .hero-banner_v3) .banner-filter-form .form-control .list {
    left: 0;
  }

  .breadcrumb-area {
    padding: 120px 0 70px;
  }

  .contact-area .card {
    padding: 20px;
  }

  .widget-area .widget-posts .blog-inline {
    flex-direction: column;
  }

  .widget-area .widget-posts .blog-inline .blog_img {
    width: 100%;
  }

  .listing-map .main-map {
    margin-top: 40px;
  }

  .listing-single {
    padding-top: 0 !important;
    border-top: unset !important;
  }

}

/* Medium devices (tablets, Between 768px to 992px) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  :root {
    --font-size--h1: 44px;
    --font-size--h2: 32px;
    --font-size--h3: 28px;
    --font-size--h4: 22px;
    --font-size--h5: 18px;
    --font-size--h6: 18px;
  }

  .hero-banner.hero-banner_v1 {
    padding-top: 100px;
  }

  .hero-banner.hero-banner_v2 {
    padding-top: 100px;
    padding-bottom: 130px;
  }

  .hero-banner.hero-banner_v3 .hero-wrapper {
    padding-top: 100px;
    padding-bottom: 150px;
  }

  .blog-area .card_list {
    gap: 15px;
  }

  .blog-area .card_list a {
    font-size: var(--font-sm);
  }

  .breadcrumb-area {
    padding: 140px 0 90px;
  }

  .choose-area_v4 .container-fluid,
  .choose-area_v3 .container-fluid,
  .choose-area_v2 .container-fluid,
  .choose-area_v1 .container-fluid {
    max-width: 720px;
  }

  .choose-area_v4 .container-fluid .fluid-right,
  .choose-area_v3 .container-fluid .fluid-right,
  .choose-area_v2 .container-fluid .fluid-right,
  .choose-area_v1 .container-fluid .fluid-right {
    padding-inline: 0;
  }

  .choose-area_v4 .image .about-text .h1 {
    font-size: 4rem;
  }

  .listing-map .main-map {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 991.98px) {
  .tabs-navigation {
    overflow: hidden;
    overflow-x: auto;
  }

  .tabs-navigation .nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: unset;
  }

  .tabs-navigation .nav li {
    flex: 0 0 auto;
  }

  .hero-banner.hero-banner_v2 .right-content {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }

  .hero-banner.hero-banner_v2 .right-content .hero-img {
    padding-top: 50px;
  }

  .hero-banner.hero-banner_v2 .right-content .overlap {
    width: 100%;
  }

  .hero-banner.hero-banner_v4 {
    z-index: 1;
  }

  .hero-banner.hero-banner_v4::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-dark);
    opacity: 0.5;
    z-index: -1;
  }

  .testimonial-area_v3 .flex-nowrap {
    flex-wrap: wrap;
  }

  .listing-map .main-map {
    height: 250px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) {

  /* Reset CSS */
  :root {
    --font-base: 15px;
    --font-sm: 12px;
    --font-xsm: 10px;
    --font-lg: 16px;
    --font-size--h1: 36px;
    --font-size--h2: 32px;
    --font-size--h3: 22px;
    --font-size--h4: 20px;
    --font-size--h5: 16px;
    --font-size--h6: 15px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 15px;
  }

  .ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

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

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

  .pt-60 {
    padding-top: 30px !important;
  }

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

  .pb-75 {
    padding-bottom: 45px;
  }

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

  .pb-60 {
    padding-bottom: 30px !important;
  }

  .pb-30 {
    padding-bottom: 20px !important;
  }

  .px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .px-60 {
    padding-inline: 20px;
  }

  .mb-100 {
    margin-bottom: 70px !important;
  }

  .btn-lg,
  .btn-md {
    padding: 12px 26px;
    font-size: var(--font-base);
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 100% !important;
  }

  .go-top {
    width: 35px;
    height: 35px;
    font-size: 22px;
  }

  .title-shape {
    display: none;
  }

  .section-title .title,
  .content-title h2 {
    margin-top: -4px;
  }

  .title-md {
    font-size: 22px;
  }

  .spacer {
    padding: 10px 0;
  }

  .header-area .main-responsive-nav .logo {
    max-width: 120px;
  }

  .hero-banner.hero-banner_v1 {
    padding-top: 70px;
    padding-bottom: 0;
  }

  .hero-banner.hero-banner_v2 {
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .hero-banner.hero-banner_v3 .hero-wrapper {
    padding-top: 70px;
    padding-bottom: 120px;
  }

  .hero-banner .banner-filter-form .grid,
  .breadcrumb-area .banner-filter-form .grid {
    flex-direction: column;
  }

  .hero-banner .banner-filter-form .grid .item,
  .breadcrumb-area .banner-filter-form .grid .item {
    width: 100% !important;
    padding-inline: unset;
    border: unset;
  }

  .hero-banner .banner-filter-form .form-group,
  .breadcrumb-area .banner-filter-form .form-group {
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .hero-banner .banner-filter-form .form-group input,
  .hero-banner .banner-filter-form .form-group select,
  .hero-banner .banner-filter-form .form-group .nice-select,
  .breadcrumb-area .banner-filter-form .form-group input,
  .breadcrumb-area .banner-filter-form .form-group select,
  .breadcrumb-area .banner-filter-form .form-group .nice-select {
    width: 100%;
    height: 40px;
    line-height: 40px;
  }

  .hero-banner .banner-filter-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow,
  .breadcrumb-area .banner-filter-form .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
  }

  .hero-banner .banner-filter-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
  .breadcrumb-area .banner-filter-form .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
  }

  .hero-banner .banner-filter-form .form-group .select2-container .select2-selection--single,
  .breadcrumb-area .banner-filter-form .form-group .select2-container .select2-selection--single {
    height: 40px;
  }

  .hero-banner .banner-filter-form .btn,
  .hero-banner .banner-filter-form .btn-icon,
  .breadcrumb-area .banner-filter-form .btn,
  .breadcrumb-area .banner-filter-form .btn-icon {
    width: 100%;
  }

  .hero-banner .banner-filter-form .niceselect .list,
  .hero-banner .banner-filter-form .form-control .list,
  .breadcrumb-area .banner-filter-form .niceselect .list,
  .breadcrumb-area .banner-filter-form .form-control .list {
    left: 0;
  }

  .breadcrumb-area {
    padding-block: 50px;
  }

  .footer-area .footer-links {
    gap: 15px;
  }

  .footer-area .footer-widget h5 {
    margin-bottom: 20px;
  }

  .blog-details-area .blog_lg {
    border-radius: 0;
  }

  .blog-details-area .blog_lg .blog_img {
    border-radius: var(--radius-md);
  }

  .blog-details-area .blog_lg .blog_content {
    position: static;
    background: transparent;
    padding: 0;
    padding-top: 20px;
  }

  .blog-details-area .blog_lg .blog_content * {
    color: var(--text-dark);
  }

  .blog-details-area .blog_lg .blog_content li a {
    color: var(--text-medium);
  }
}

/* Small devices (landscape phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
  .p-30 {
    padding: 20px !important;
  }

  .p-25,
  .p-20 {
    padding: 20px !important;
  }

  .contact-area .card {
    padding: 20px;
  }

  .about-area .card {
    flex-direction: column;
    align-items: start;
  }

  .w-xs-100 {
    width: 100% !important;
  }
}





.btn-app i {
  font-size: 40px;
}

@media only screen and (max-width: 480px) {
  body {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  body {
    font-size: 14px;
  }
}

h1 {
  font-size: 60px;
  line-height: 1.0833333333;
}

h2 {
  font-size: 36px;
  line-height: 1.4444444444;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  h2 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 480px) {
  h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 375px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 28px;
  line-height: 1.0833333333;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  h3 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575.98px) {
  h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 480px) {
  h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 375px) {
  h3 {
    font-size: 22px;
  }
}

h4 {
  font-size: 24px;
  line-height: 1.0833333333;
}

@media only screen and (max-width: 575.98px) {
  h4 {
    font-size: 23px;
  }
}

@media only screen and (max-width: 375px) {
  h4 {
    font-size: 21px;
  }
}

h5 {
  font-size: 20px;
  line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 18px;
  line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
  h6 {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: "Jost", sans-serif;
  margin: 0;
  -webkit-transition: 300ms;
  transition: 300ms;
}

p {
  color: var(--light-color);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0;
  line-height: 26px;
  font-size: 16px;
}

a {
  color: inherit;
  text-decoration: none;
  color: var(--extra-light-color);
  -webkit-transition: 300ms;
  transition: 300ms;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: inherit;
}

pre {
  word-break: break-word;
}

a i {
  padding: 0 2px;
}

img {
  max-width: 100%;
}

.list-style-none {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol {
  counter-reset: counter;
  padding-left: 0;
}

ol li:before {
  counter-increment: counter;
  content: counter(counter);
  font-weight: 500;
  margin-right: 10px;
}

span {
  display: inline-block;
}

.desktop-center {
  text-align: center;
}

.form--control {
  width: 100%;
}

/* Common Style */
.margin-0 {
  margin: 0 !important;
}

.padding-0 {
  padding: 0 !important;
}

.radius-parcent-50 {
  border-radius: 50%;
}

.radius-50 {
  border-radius: 50px;
}

.radius-40 {
  border-radius: 40px;
}

.radius-35 {
  border-radius: 35px;
}

.radius-30 {
  border-radius: 30px;
}

.radius-20 {
  border-radius: 20px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-5 {
  border-radius: 5px;
}

.radius-0 {
  border-radius: 0px !important;
}

.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.single-border-top {
  border-top: 1px solid rgba(221, 221, 221, 0.3);
}

.single-border {
  border: 1px solid rgba(221, 221, 221, 0.3);
}

.color-light {
  color: var(--light-color) !important;
}

.color-extra-light {
  color: var(--extra-light-color) !important;
}

.color-heading {
  color: var(--heading-color);
}

.bg-gray {
  background-color: var(--gray-color);
}

.section-bg-1 {
  background-color: var(--section-bg-1);
}

.section-bg-2 {
  background-color: var(--section-bg-2);
}

.footer-bg-1 {
  background-color: var(--footer-bg-1);
}

.footer-bg-2 {
  background-color: var(--footer-bg-2);
}

.copyright-bg-1 {
  background-color: var(--copyright-bg-1);
}

.color-one {
  color: var(--main-color-one);
}

.bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.no-margin {
  margin: 0;
}

.lazyloads {
  display: block;
}

.center-text {
  text-align: center;
}

.tab-content-item {
  display: none;
}

.tab-content-item.active {
  display: block;
  -webkit-animation: 1s fade-effects;
  animation: 1s fade-effects;
}

@-webkit-keyframes fade-effects {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fade-effects {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-65 {
  font-size: 65px !important;
}

/*--------------------------------------------------------------
# Margin and Padding
--------------------------------------------------------------*/
/*-- Margin Top --*/
.mat-5 {
  margin-top: 5px;
}

.mat-10 {
  margin-top: 10px;
}

.mat-15 {
  margin-top: 15px;
}

.mat-20 {
  margin-top: 20px;
}

.mat-25 {
  margin-top: 25px;
}

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

.mat-35 {
  margin-top: 35px;
}

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

.mat-45 {
  margin-top: 45px;
}

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

.mat-55 {
  margin-top: 55px;
}

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

.mat-65 {
  margin-top: 65px;
}

.mat-70 {
  margin-top: 70px;
}

.mat-75 {
  margin-top: 75px;
}

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

.mat-85 {
  margin-top: 85px;
}

.mat-90 {
  margin-top: 90px;
}

.mat-95 {
  margin-top: 95px;
}

.mat-100 {
  margin-top: 100px;
}

.mat-105 {
  margin-top: 105px;
}

.mat-110 {
  margin-top: 110px;
}

.mat-115 {
  margin-top: 115px;
}

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

.mat-125 {
  margin-top: 125px;
}

.mat-130 {
  margin-top: 130px;
}

.mat-135 {
  margin-top: 135px;
}

.mat-140 {
  margin-top: 140px;
}

.mat-145 {
  margin-top: 145px;
}

.mat-150 {
  margin-top: 150px;
}

.mat-155 {
  margin-top: 155px;
}

.mat-160 {
  margin-top: 160px;
}

.mat-165 {
  margin-top: 165px;
}

.mat-170 {
  margin-top: 170px;
}

.mat-175 {
  margin-top: 175px;
}

.mat-180 {
  margin-top: 180px;
}

.mat-185 {
  margin-top: 185px;
}

.mat-190 {
  margin-top: 190px;
}

.mat-195 {
  margin-top: 195px;
}

.mat-200 {
  margin-top: 200px;
}

.mat-205 {
  margin-top: 205px;
}

.mat-210 {
  margin-top: 210px;
}

.mat-215 {
  margin-top: 215px;
}

.mat-220 {
  margin-top: 220px;
}

.mat-225 {
  margin-top: 225px;
}

.mat-230 {
  margin-top: 230px;
}

.mat-235 {
  margin-top: 235px;
}

.mat-240 {
  margin-top: 240px;
}

.mat-245 {
  margin-top: 245px;
}

.mat-250 {
  margin-top: 250px;
}

.mat-255 {
  margin-top: 255px;
}

.mat-260 {
  margin-top: 260px;
}

.mat-265 {
  margin-top: 265px;
}

.mat-270 {
  margin-top: 270px;
}

.mat-275 {
  margin-top: 275px;
}

.mat-280 {
  margin-top: 280px;
}

.mat-285 {
  margin-top: 285px;
}

.mat-290 {
  margin-top: 290px;
}

.mat-295 {
  margin-top: 295px;
}

.mat-300 {
  margin-top: 300px;
}

.mat-305 {
  margin-top: 305px;
}

.mat-310 {
  margin-top: 310px;
}

.mat-315 {
  margin-top: 315px;
}

.mat-320 {
  margin-top: 320px;
}

.mat-325 {
  margin-top: 325px;
}

.mat-330 {
  margin-top: 330px;
}

.mat-335 {
  margin-top: 335px;
}

.mat-340 {
  margin-top: 340px;
}

.mat-345 {
  margin-top: 345px;
}

.mat-350 {
  margin-top: 350px;
}

.mat-355 {
  margin-top: 355px;
}

.mat-360 {
  margin-top: 360px;
}

.mat-365 {
  margin-top: 365px;
}

.mat-370 {
  margin-top: 370px;
}

.mat-375 {
  margin-top: 375px;
}

.mat-380 {
  margin-top: 380px;
}

.mat-385 {
  margin-top: 385px;
}

.mat-390 {
  margin-top: 390px;
}

.mat-395 {
  margin-top: 395px;
}

.mat-400 {
  margin-top: 400px;
}

.mat-405 {
  margin-top: 405px;
}

.mat-410 {
  margin-top: 410px;
}

.mat-415 {
  margin-top: 415px;
}

.mat-420 {
  margin-top: 420px;
}

.mat-425 {
  margin-top: 425px;
}

.mat-430 {
  margin-top: 430px;
}

.mat-435 {
  margin-top: 435px;
}

.mat-440 {
  margin-top: 440px;
}

.mat-445 {
  margin-top: 445px;
}

.mat-450 {
  margin-top: 450px;
}

.mat-455 {
  margin-top: 455px;
}

.mat-460 {
  margin-top: 460px;
}

.mat-465 {
  margin-top: 465px;
}

.mat-470 {
  margin-top: 470px;
}

.mat-475 {
  margin-top: 475px;
}

.mat-480 {
  margin-top: 480px;
}

.mat-485 {
  margin-top: 485px;
}

.mat-490 {
  margin-top: 490px;
}

.mat-495 {
  margin-top: 495px;
}

.mat-500 {
  margin-top: 500px;
}

.mat-505 {
  margin-top: 505px;
}

.mat-510 {
  margin-top: 510px;
}

.mat-515 {
  margin-top: 515px;
}

.mat-520 {
  margin-top: 520px;
}

.mat-525 {
  margin-top: 525px;
}

.mat-530 {
  margin-top: 530px;
}

.mat-535 {
  margin-top: 535px;
}

.mat-540 {
  margin-top: 540px;
}

.mat-545 {
  margin-top: 545px;
}

.mat-550 {
  margin-top: 550px;
}

.mat-555 {
  margin-top: 555px;
}

.mat-560 {
  margin-top: 560px;
}

.mat-565 {
  margin-top: 565px;
}

.mat-570 {
  margin-top: 570px;
}

.mat-575 {
  margin-top: 575px;
}

.mat-580 {
  margin-top: 580px;
}

.mat-585 {
  margin-top: 585px;
}

.mat-590 {
  margin-top: 590px;
}

.mat-595 {
  margin-top: 595px;
}

.mat-600 {
  margin-top: 600px;
}

.mat-605 {
  margin-top: 605px;
}

.mat-610 {
  margin-top: 610px;
}

.mat-615 {
  margin-top: 615px;
}

.mat-620 {
  margin-top: 620px;
}

.mat-625 {
  margin-top: 625px;
}

.mat-630 {
  margin-top: 630px;
}

.mat-635 {
  margin-top: 635px;
}

.mat-640 {
  margin-top: 640px;
}

.mat-645 {
  margin-top: 645px;
}

.mat-650 {
  margin-top: 650px;
}

.mat-655 {
  margin-top: 655px;
}

.mat-660 {
  margin-top: 660px;
}

.mat-665 {
  margin-top: 665px;
}

.mat-670 {
  margin-top: 670px;
}

.mat-675 {
  margin-top: 675px;
}

.mat-680 {
  margin-top: 680px;
}

.mat-685 {
  margin-top: 685px;
}

.mat-690 {
  margin-top: 690px;
}

.mat-695 {
  margin-top: 695px;
}

.mat-700 {
  margin-top: 700px;
}

.mat-705 {
  margin-top: 705px;
}

.mat-710 {
  margin-top: 710px;
}

.mat-715 {
  margin-top: 715px;
}

.mat-720 {
  margin-top: 720px;
}

.mat-725 {
  margin-top: 725px;
}

.mat-730 {
  margin-top: 730px;
}

.mat-735 {
  margin-top: 735px;
}

.mat-740 {
  margin-top: 740px;
}

.mat-745 {
  margin-top: 745px;
}

.mat-750 {
  margin-top: 750px;
}

/*-- Margin Bottom --*/
.mab-5 {
  margin-bottom: 5px;
}

.mab-10 {
  margin-bottom: 10px;
}

.mab-15 {
  margin-bottom: 15px;
}

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

.mab-25 {
  margin-bottom: 25px;
}

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

.mab-35 {
  margin-bottom: 35px;
}

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

.mab-45 {
  margin-bottom: 45px;
}

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

.mab-55 {
  margin-bottom: 55px;
}

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

.mab-65 {
  margin-bottom: 65px;
}

.mab-70 {
  margin-bottom: 70px;
}

.mab-75 {
  margin-bottom: 75px;
}

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

.mab-85 {
  margin-bottom: 85px;
}

.mab-90 {
  margin-bottom: 90px;
}

.mab-95 {
  margin-bottom: 95px;
}

.mab-100 {
  margin-bottom: 100px;
}

.mab-105 {
  margin-bottom: 105px;
}

.mab-110 {
  margin-bottom: 110px;
}

.mab-115 {
  margin-bottom: 115px;
}

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

.mab-125 {
  margin-bottom: 125px;
}

.mab-130 {
  margin-bottom: 130px;
}

.mab-135 {
  margin-bottom: 135px;
}

.mab-140 {
  margin-bottom: 140px;
}

.mab-145 {
  margin-bottom: 145px;
}

.mab-150 {
  margin-bottom: 150px;
}

.mab-155 {
  margin-bottom: 155px;
}

.mab-160 {
  margin-bottom: 160px;
}

.mab-165 {
  margin-bottom: 165px;
}

.mab-170 {
  margin-bottom: 170px;
}

.mab-175 {
  margin-bottom: 175px;
}

.mab-180 {
  margin-bottom: 180px;
}

.mab-185 {
  margin-bottom: 185px;
}

.mab-190 {
  margin-bottom: 190px;
}

.mab-195 {
  margin-bottom: 195px;
}

.mab-200 {
  margin-bottom: 200px;
}

/*-- Margin Left --*/
.mal-5 {
  margin-left: 5px;
}

.mal-10 {
  margin-left: 10px;
}

.mal-15 {
  margin-left: 15px;
}

.mal-20 {
  margin-left: 20px;
}

.mal-25 {
  margin-left: 25px;
}

.mal-30 {
  margin-left: 30px;
}

.mal-35 {
  margin-left: 35px;
}

.mal-40 {
  margin-left: 40px;
}

.mal-45 {
  margin-left: 45px;
}

.mal-50 {
  margin-left: 50px;
}

.mal-55 {
  margin-left: 55px;
}

.mal-60 {
  margin-left: 60px;
}

.mal-65 {
  margin-left: 65px;
}

.mal-70 {
  margin-left: 70px;
}

.mal-75 {
  margin-left: 75px;
}

.mal-80 {
  margin-left: 80px;
}

.mal-85 {
  margin-left: 85px;
}

.mal-90 {
  margin-left: 90px;
}

.mal-95 {
  margin-left: 95px;
}

.mal-100 {
  margin-left: 100px;
}

.mal-105 {
  margin-left: 105px;
}

.mal-110 {
  margin-left: 110px;
}

.mal-115 {
  margin-left: 115px;
}

.mal-120 {
  margin-left: 120px;
}

.mal-125 {
  margin-left: 125px;
}

.mal-130 {
  margin-left: 130px;
}

.mal-135 {
  margin-left: 135px;
}

.mal-140 {
  margin-left: 140px;
}

.mal-145 {
  margin-left: 145px;
}

.mal-150 {
  margin-left: 150px;
}

.mal-155 {
  margin-left: 155px;
}

.mal-160 {
  margin-left: 160px;
}

.mal-165 {
  margin-left: 165px;
}

.mal-170 {
  margin-left: 170px;
}

.mal-175 {
  margin-left: 175px;
}

.mal-180 {
  margin-left: 180px;
}

.mal-185 {
  margin-left: 185px;
}

.mal-190 {
  margin-left: 190px;
}

.mal-195 {
  margin-left: 195px;
}

.mal-200 {
  margin-left: 200px;
}

.mal-205 {
  margin-left: 205px;
}

.mal-210 {
  margin-left: 210px;
}

.mal-215 {
  margin-left: 215px;
}

.mal-220 {
  margin-left: 220px;
}

.mal-225 {
  margin-left: 225px;
}

.mal-230 {
  margin-left: 230px;
}

.mal-235 {
  margin-left: 235px;
}

.mal-240 {
  margin-left: 240px;
}

.mal-245 {
  margin-left: 245px;
}

.mal-250 {
  margin-left: 250px;
}

.mal-255 {
  margin-left: 255px;
}

.mal-260 {
  margin-left: 260px;
}

.mal-265 {
  margin-left: 265px;
}

.mal-270 {
  margin-left: 270px;
}

.mal-275 {
  margin-left: 275px;
}

.mal-280 {
  margin-left: 280px;
}

.mal-285 {
  margin-left: 285px;
}

.mal-290 {
  margin-left: 290px;
}

.mal-295 {
  margin-left: 295px;
}

.mal-300 {
  margin-left: 300px;
}

.mal-305 {
  margin-left: 305px;
}

.mal-310 {
  margin-left: 310px;
}

.mal-315 {
  margin-left: 315px;
}

.mal-320 {
  margin-left: 320px;
}

.mal-325 {
  margin-left: 325px;
}

.mal-330 {
  margin-left: 330px;
}

.mal-335 {
  margin-left: 335px;
}

.mal-340 {
  margin-left: 340px;
}

.mal-345 {
  margin-left: 345px;
}

.mal-350 {
  margin-left: 350px;
}

.mal-355 {
  margin-left: 355px;
}

.mal-360 {
  margin-left: 360px;
}

.mal-365 {
  margin-left: 365px;
}

.mal-370 {
  margin-left: 370px;
}

.mal-375 {
  margin-left: 375px;
}

.mal-380 {
  margin-left: 380px;
}

.mal-385 {
  margin-left: 385px;
}

.mal-390 {
  margin-left: 390px;
}

.mal-395 {
  margin-left: 395px;
}

.mal-400 {
  margin-left: 400px;
}

.mal-405 {
  margin-left: 405px;
}

.mal-410 {
  margin-left: 410px;
}

.mal-415 {
  margin-left: 415px;
}

.mal-420 {
  margin-left: 420px;
}

.mal-425 {
  margin-left: 425px;
}

.mal-430 {
  margin-left: 430px;
}

.mal-435 {
  margin-left: 435px;
}

.mal-440 {
  margin-left: 440px;
}

.mal-445 {
  margin-left: 445px;
}

.mal-450 {
  margin-left: 450px;
}

.mal-455 {
  margin-left: 455px;
}

.mal-460 {
  margin-left: 460px;
}

.mal-465 {
  margin-left: 465px;
}

.mal-470 {
  margin-left: 470px;
}

.mal-475 {
  margin-left: 475px;
}

.mal-480 {
  margin-left: 480px;
}

.mal-485 {
  margin-left: 485px;
}

.mal-490 {
  margin-left: 490px;
}

.mal-495 {
  margin-left: 495px;
}

.mal-500 {
  margin-left: 500px;
}

.mal-505 {
  margin-left: 505px;
}

.mal-510 {
  margin-left: 510px;
}

.mal-515 {
  margin-left: 515px;
}

.mal-520 {
  margin-left: 520px;
}

.mal-525 {
  margin-left: 525px;
}

.mal-530 {
  margin-left: 530px;
}

.mal-535 {
  margin-left: 535px;
}

.mal-540 {
  margin-left: 540px;
}

.mal-545 {
  margin-left: 545px;
}

.mal-550 {
  margin-left: 550px;
}

.mal-555 {
  margin-left: 555px;
}

.mal-560 {
  margin-left: 560px;
}

.mal-565 {
  margin-left: 565px;
}

.mal-570 {
  margin-left: 570px;
}

.mal-575 {
  margin-left: 575px;
}

.mal-580 {
  margin-left: 580px;
}

.mal-585 {
  margin-left: 585px;
}

.mal-590 {
  margin-left: 590px;
}

.mal-595 {
  margin-left: 595px;
}

.mal-600 {
  margin-left: 600px;
}

.mal-605 {
  margin-left: 605px;
}

.mal-610 {
  margin-left: 610px;
}

.mal-615 {
  margin-left: 615px;
}

.mal-620 {
  margin-left: 620px;
}

.mal-625 {
  margin-left: 625px;
}

.mal-630 {
  margin-left: 630px;
}

.mal-635 {
  margin-left: 635px;
}

.mal-640 {
  margin-left: 640px;
}

.mal-645 {
  margin-left: 645px;
}

.mal-650 {
  margin-left: 650px;
}

.mal-655 {
  margin-left: 655px;
}

.mal-660 {
  margin-left: 660px;
}

.mal-665 {
  margin-left: 665px;
}

.mal-670 {
  margin-left: 670px;
}

.mal-675 {
  margin-left: 675px;
}

.mal-680 {
  margin-left: 680px;
}

.mal-685 {
  margin-left: 685px;
}

.mal-690 {
  margin-left: 690px;
}

.mal-695 {
  margin-left: 695px;
}

.mal-700 {
  margin-left: 700px;
}

.mal-705 {
  margin-left: 705px;
}

.mal-710 {
  margin-left: 710px;
}

.mal-715 {
  margin-left: 715px;
}

.mal-720 {
  margin-left: 720px;
}

.mal-725 {
  margin-left: 725px;
}

.mal-730 {
  margin-left: 730px;
}

.mal-735 {
  margin-left: 735px;
}

.mal-740 {
  margin-left: 740px;
}

.mal-745 {
  margin-left: 745px;
}

.mal-750 {
  margin-left: 750px;
}

/*-- Margin Right --*/
.mar-5 {
  margin-right: 5px;
}

.mar-10 {
  margin-right: 10px;
}

.mar-15 {
  margin-right: 15px;
}

.mar-20 {
  margin-right: 20px;
}

.mar-25 {
  margin-right: 25px;
}

.mar-30 {
  margin-right: 30px;
}

.mar-35 {
  margin-right: 35px;
}

.mar-40 {
  margin-right: 40px;
}

.mar-45 {
  margin-right: 45px;
}

.mar-50 {
  margin-right: 50px;
}

.mar-55 {
  margin-right: 55px;
}

.mar-60 {
  margin-right: 60px;
}

.mar-65 {
  margin-right: 65px;
}

.mar-70 {
  margin-right: 70px;
}

.mar-75 {
  margin-right: 75px;
}

.mar-80 {
  margin-right: 80px;
}

.mar-85 {
  margin-right: 85px;
}

.mar-90 {
  margin-right: 90px;
}

.mar-95 {
  margin-right: 95px;
}

.mar-100 {
  margin-right: 100px;
}

.mar-105 {
  margin-right: 105px;
}

.mar-110 {
  margin-right: 110px;
}

.mar-115 {
  margin-right: 115px;
}

.mar-120 {
  margin-right: 120px;
}

.mar-125 {
  margin-right: 125px;
}

.mar-130 {
  margin-right: 130px;
}

.mar-135 {
  margin-right: 135px;
}

.mar-140 {
  margin-right: 140px;
}

.mar-145 {
  margin-right: 145px;
}

.mar-150 {
  margin-right: 150px;
}

.mar-155 {
  margin-right: 155px;
}

.mar-160 {
  margin-right: 160px;
}

.mar-165 {
  margin-right: 165px;
}

.mar-170 {
  margin-right: 170px;
}

.mar-175 {
  margin-right: 175px;
}

.mar-180 {
  margin-right: 180px;
}

.mar-185 {
  margin-right: 185px;
}

.mar-190 {
  margin-right: 190px;
}

.mar-195 {
  margin-right: 195px;
}

.mar-200 {
  margin-right: 200px;
}

.mar-205 {
  margin-right: 205px;
}

.mar-210 {
  margin-right: 210px;
}

.mar-215 {
  margin-right: 215px;
}

.mar-220 {
  margin-right: 220px;
}

.mar-225 {
  margin-right: 225px;
}

.mar-230 {
  margin-right: 230px;
}

.mar-235 {
  margin-right: 235px;
}

.mar-240 {
  margin-right: 240px;
}

.mar-245 {
  margin-right: 245px;
}

.mar-250 {
  margin-right: 250px;
}

.mar-255 {
  margin-right: 255px;
}

.mar-260 {
  margin-right: 260px;
}

.mar-265 {
  margin-right: 265px;
}

.mar-270 {
  margin-right: 270px;
}

.mar-275 {
  margin-right: 275px;
}

.mar-280 {
  margin-right: 280px;
}

.mar-285 {
  margin-right: 285px;
}

.mar-290 {
  margin-right: 290px;
}

.mar-295 {
  margin-right: 295px;
}

.mar-300 {
  margin-right: 300px;
}

.mar-305 {
  margin-right: 305px;
}

.mar-310 {
  margin-right: 310px;
}

.mar-315 {
  margin-right: 315px;
}

.mar-320 {
  margin-right: 320px;
}

.mar-325 {
  margin-right: 325px;
}

.mar-330 {
  margin-right: 330px;
}

.mar-335 {
  margin-right: 335px;
}

.mar-340 {
  margin-right: 340px;
}

.mar-345 {
  margin-right: 345px;
}

.mar-350 {
  margin-right: 350px;
}

.mar-355 {
  margin-right: 355px;
}

.mar-360 {
  margin-right: 360px;
}

.mar-365 {
  margin-right: 365px;
}

.mar-370 {
  margin-right: 370px;
}

.mar-375 {
  margin-right: 375px;
}

.mar-380 {
  margin-right: 380px;
}

.mar-385 {
  margin-right: 385px;
}

.mar-390 {
  margin-right: 390px;
}

.mar-395 {
  margin-right: 395px;
}

.mar-400 {
  margin-right: 400px;
}

.mar-405 {
  margin-right: 405px;
}

.mar-410 {
  margin-right: 410px;
}

.mar-415 {
  margin-right: 415px;
}

.mar-420 {
  margin-right: 420px;
}

.mar-425 {
  margin-right: 425px;
}

.mar-430 {
  margin-right: 430px;
}

.mar-435 {
  margin-right: 435px;
}

.mar-440 {
  margin-right: 440px;
}

.mar-445 {
  margin-right: 445px;
}

.mar-450 {
  margin-right: 450px;
}

.mar-455 {
  margin-right: 455px;
}

.mar-460 {
  margin-right: 460px;
}

.mar-465 {
  margin-right: 465px;
}

.mar-470 {
  margin-right: 470px;
}

.mar-475 {
  margin-right: 475px;
}

.mar-480 {
  margin-right: 480px;
}

.mar-485 {
  margin-right: 485px;
}

.mar-490 {
  margin-right: 490px;
}

.mar-495 {
  margin-right: 495px;
}

.mar-500 {
  margin-right: 500px;
}

.mar-505 {
  margin-right: 505px;
}

.mar-510 {
  margin-right: 510px;
}

.mar-515 {
  margin-right: 515px;
}

.mar-520 {
  margin-right: 520px;
}

.mar-525 {
  margin-right: 525px;
}

.mar-530 {
  margin-right: 530px;
}

.mar-535 {
  margin-right: 535px;
}

.mar-540 {
  margin-right: 540px;
}

.mar-545 {
  margin-right: 545px;
}

.mar-550 {
  margin-right: 550px;
}

.mar-555 {
  margin-right: 555px;
}

.mar-560 {
  margin-right: 560px;
}

.mar-565 {
  margin-right: 565px;
}

.mar-570 {
  margin-right: 570px;
}

.mar-575 {
  margin-right: 575px;
}

.mar-580 {
  margin-right: 580px;
}

.mar-585 {
  margin-right: 585px;
}

.mar-590 {
  margin-right: 590px;
}

.mar-595 {
  margin-right: 595px;
}

.mar-600 {
  margin-right: 600px;
}

.mar-605 {
  margin-right: 605px;
}

.mar-610 {
  margin-right: 610px;
}

.mar-615 {
  margin-right: 615px;
}

.mar-620 {
  margin-right: 620px;
}

.mar-625 {
  margin-right: 625px;
}

.mar-630 {
  margin-right: 630px;
}

.mar-635 {
  margin-right: 635px;
}

.mar-640 {
  margin-right: 640px;
}

.mar-645 {
  margin-right: 645px;
}

.mar-650 {
  margin-right: 650px;
}

.mar-655 {
  margin-right: 655px;
}

.mar-660 {
  margin-right: 660px;
}

.mar-665 {
  margin-right: 665px;
}

.mar-670 {
  margin-right: 670px;
}

.mar-675 {
  margin-right: 675px;
}

.mar-680 {
  margin-right: 680px;
}

.mar-685 {
  margin-right: 685px;
}

.mar-690 {
  margin-right: 690px;
}

.mar-695 {
  margin-right: 695px;
}

.mar-700 {
  margin-right: 700px;
}

.mar-705 {
  margin-right: 705px;
}

.mar-710 {
  margin-right: 710px;
}

.mar-715 {
  margin-right: 715px;
}

.mar-720 {
  margin-right: 720px;
}

.mar-725 {
  margin-right: 725px;
}

.mar-730 {
  margin-right: 730px;
}

.mar-735 {
  margin-right: 735px;
}

.mar-740 {
  margin-right: 740px;
}

.mar-745 {
  margin-right: 745px;
}

.mar-750 {
  margin-right: 750px;
}

/*-- Padding Top --*/
.pat-5 {
  padding-top: 5px;
}

.pat-10 {
  padding-top: 10px;
}

.pat-15 {
  padding-top: 15px;
}

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

.pat-25 {
  padding-top: 25px;
}

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

.pat-35 {
  padding-top: 35px;
}

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

.pat-45 {
  padding-top: 45px;
}

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

.pat-55 {
  padding-top: 55px;
}

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

.pat-65 {
  padding-top: 65px;
}

.pat-70 {
  padding-top: 70px;
}

.pat-75 {
  padding-top: 75px;
}

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

.pat-85 {
  padding-top: 85px;
}

.pat-90 {
  padding-top: 90px;
}

.pat-95 {
  padding-top: 95px;
}

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

.pat-105 {
  padding-top: 105px;
}

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

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

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

.pat-125 {
  padding-top: 125px;
}

.pat-130 {
  padding-top: 130px;
}

.pat-135 {
  padding-top: 135px;
}

.pat-140 {
  padding-top: 140px;
}

.pat-145 {
  padding-top: 145px;
}

.pat-150 {
  padding-top: 150px;
}

.pat-155 {
  padding-top: 155px;
}

.pat-160 {
  padding-top: 160px;
}

.pat-165 {
  padding-top: 165px;
}

.pat-170 {
  padding-top: 170px;
}

.pat-175 {
  padding-top: 175px;
}

.pat-180 {
  padding-top: 180px;
}

.pat-185 {
  padding-top: 185px;
}

.pat-190 {
  padding-top: 190px;
}

.pat-195 {
  padding-top: 195px;
}

.pat-200 {
  padding-top: 200px;
}

.pat-205 {
  padding-top: 205px;
}

.pat-210 {
  padding-top: 210px;
}

.pat-215 {
  padding-top: 215px;
}

.pat-220 {
  padding-top: 220px;
}

.pat-225 {
  padding-top: 225px;
}

.pat-230 {
  padding-top: 230px;
}

.pat-235 {
  padding-top: 235px;
}

.pat-240 {
  padding-top: 240px;
}

.pat-245 {
  padding-top: 245px;
}

.pat-250 {
  padding-top: 250px;
}

.pat-255 {
  padding-top: 255px;
}

.pat-260 {
  padding-top: 260px;
}

.pat-265 {
  padding-top: 265px;
}

.pat-270 {
  padding-top: 270px;
}

.pat-275 {
  padding-top: 275px;
}

.pat-280 {
  padding-top: 280px;
}

.pat-285 {
  padding-top: 285px;
}

.pat-290 {
  padding-top: 290px;
}

.pat-295 {
  padding-top: 295px;
}

.pat-300 {
  padding-top: 300px;
}

.pat-305 {
  padding-top: 305px;
}

.pat-310 {
  padding-top: 310px;
}

.pat-315 {
  padding-top: 315px;
}

.pat-320 {
  padding-top: 320px;
}

.pat-325 {
  padding-top: 325px;
}

.pat-330 {
  padding-top: 330px;
}

.pat-335 {
  padding-top: 335px;
}

.pat-340 {
  padding-top: 340px;
}

.pat-345 {
  padding-top: 345px;
}

.pat-350 {
  padding-top: 350px;
}

.pat-355 {
  padding-top: 355px;
}

.pat-360 {
  padding-top: 360px;
}

.pat-365 {
  padding-top: 365px;
}

.pat-370 {
  padding-top: 370px;
}

.pat-375 {
  padding-top: 375px;
}

.pat-380 {
  padding-top: 380px;
}

.pat-385 {
  padding-top: 385px;
}

.pat-390 {
  padding-top: 390px;
}

.pat-395 {
  padding-top: 395px;
}

.pat-400 {
  padding-top: 400px;
}

.pat-405 {
  padding-top: 405px;
}

.pat-410 {
  padding-top: 410px;
}

.pat-415 {
  padding-top: 415px;
}

.pat-420 {
  padding-top: 420px;
}

.pat-425 {
  padding-top: 425px;
}

.pat-430 {
  padding-top: 430px;
}

.pat-435 {
  padding-top: 435px;
}

.pat-440 {
  padding-top: 440px;
}

.pat-445 {
  padding-top: 445px;
}

.pat-450 {
  padding-top: 450px;
}

.pat-455 {
  padding-top: 455px;
}

.pat-460 {
  padding-top: 460px;
}

.pat-465 {
  padding-top: 465px;
}

.pat-470 {
  padding-top: 470px;
}

.pat-475 {
  padding-top: 475px;
}

.pat-480 {
  padding-top: 480px;
}

.pat-485 {
  padding-top: 485px;
}

.pat-490 {
  padding-top: 490px;
}

.pat-495 {
  padding-top: 495px;
}

.pat-500 {
  padding-top: 500px;
}

.pat-505 {
  padding-top: 505px;
}

.pat-510 {
  padding-top: 510px;
}

.pat-515 {
  padding-top: 515px;
}

.pat-520 {
  padding-top: 520px;
}

.pat-525 {
  padding-top: 525px;
}

.pat-530 {
  padding-top: 530px;
}

.pat-535 {
  padding-top: 535px;
}

.pat-540 {
  padding-top: 540px;
}

.pat-545 {
  padding-top: 545px;
}

.pat-550 {
  padding-top: 550px;
}

.pat-555 {
  padding-top: 555px;
}

.pat-560 {
  padding-top: 560px;
}

.pat-565 {
  padding-top: 565px;
}

.pat-570 {
  padding-top: 570px;
}

.pat-575 {
  padding-top: 575px;
}

.pat-580 {
  padding-top: 580px;
}

.pat-585 {
  padding-top: 585px;
}

.pat-590 {
  padding-top: 590px;
}

.pat-595 {
  padding-top: 595px;
}

.pat-600 {
  padding-top: 600px;
}

.pat-605 {
  padding-top: 605px;
}

.pat-610 {
  padding-top: 610px;
}

.pat-615 {
  padding-top: 615px;
}

.pat-620 {
  padding-top: 620px;
}

.pat-625 {
  padding-top: 625px;
}

.pat-630 {
  padding-top: 630px;
}

.pat-635 {
  padding-top: 635px;
}

.pat-640 {
  padding-top: 640px;
}

.pat-645 {
  padding-top: 645px;
}

.pat-650 {
  padding-top: 650px;
}

.pat-655 {
  padding-top: 655px;
}

.pat-660 {
  padding-top: 660px;
}

.pat-665 {
  padding-top: 665px;
}

.pat-670 {
  padding-top: 670px;
}

.pat-675 {
  padding-top: 675px;
}

.pat-680 {
  padding-top: 680px;
}

.pat-685 {
  padding-top: 685px;
}

.pat-690 {
  padding-top: 690px;
}

.pat-695 {
  padding-top: 695px;
}

.pat-700 {
  padding-top: 700px;
}

.pat-705 {
  padding-top: 705px;
}

.pat-710 {
  padding-top: 710px;
}

.pat-715 {
  padding-top: 715px;
}

.pat-720 {
  padding-top: 720px;
}

.pat-725 {
  padding-top: 725px;
}

.pat-730 {
  padding-top: 730px;
}

.pat-735 {
  padding-top: 735px;
}

.pat-740 {
  padding-top: 740px;
}

.pat-745 {
  padding-top: 745px;
}

.pat-750 {
  padding-top: 750px;
}

@media screen and (max-width: 991px) {
  .pat-100 {
    padding-top: 70px !important;
  }

  .pab-100 {
    padding-bottom: 70px !important;
  }

  .pat-75 {
    padding-top: 45px !important;
  }

  .pab-75 {
    padding-bottom: 45px !important;
  }

  .pat-50 {
    padding-top: 35px !important;
  }

  .pab-50 {
    padding-bottom: 35px !important;
  }
}

/*-- Padding Bottom --*/
.pab-5 {
  padding-bottom: 5px;
}

.pab-10 {
  padding-bottom: 10px;
}

.pab-15 {
  padding-bottom: 15px;
}

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

.pab-25 {
  padding-bottom: 25px;
}

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

.pab-35 {
  padding-bottom: 35px;
}

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

.pab-45 {
  padding-bottom: 45px;
}

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

.pab-55 {
  padding-bottom: 55px;
}

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

.pab-65 {
  padding-bottom: 65px;
}

.pab-70 {
  padding-bottom: 70px;
}

.pab-75 {
  padding-bottom: 75px;
}

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

.pab-85 {
  padding-bottom: 85px;
}

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

.pab-95 {
  padding-bottom: 95px;
}

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

.pab-105 {
  padding-bottom: 105px;
}

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

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

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

.pab-125 {
  padding-bottom: 125px;
}

.pab-130 {
  padding-bottom: 130px;
}

.pab-135 {
  padding-bottom: 135px;
}

.pab-140 {
  padding-bottom: 140px;
}

.pab-145 {
  padding-bottom: 145px;
}

.pab-150 {
  padding-bottom: 150px;
}

.pab-155 {
  padding-bottom: 155px;
}

.pab-160 {
  padding-bottom: 160px;
}

.pab-165 {
  padding-bottom: 165px;
}

.pab-170 {
  padding-bottom: 170px;
}

.pab-175 {
  padding-bottom: 175px;
}

.pab-180 {
  padding-bottom: 180px;
}

.pab-185 {
  padding-bottom: 185px;
}

.pab-190 {
  padding-bottom: 190px;
}

.pab-195 {
  padding-bottom: 195px;
}

.pab-200 {
  padding-bottom: 200px;
}

.pab-205 {
  padding-bottom: 205px;
}

.pab-210 {
  padding-bottom: 210px;
}

.pab-215 {
  padding-bottom: 215px;
}

.pab-220 {
  padding-bottom: 220px;
}

.pab-225 {
  padding-bottom: 225px;
}

.pab-230 {
  padding-bottom: 230px;
}

.pab-235 {
  padding-bottom: 235px;
}

.pab-240 {
  padding-bottom: 240px;
}

.pab-245 {
  padding-bottom: 245px;
}

.pab-250 {
  padding-bottom: 250px;
}

.pab-255 {
  padding-bottom: 255px;
}

.pab-260 {
  padding-bottom: 260px;
}

.pab-265 {
  padding-bottom: 265px;
}

.pab-270 {
  padding-bottom: 270px;
}

.pab-275 {
  padding-bottom: 275px;
}

.pab-280 {
  padding-bottom: 280px;
}

.pab-285 {
  padding-bottom: 285px;
}

.pab-290 {
  padding-bottom: 290px;
}

.pab-295 {
  padding-bottom: 295px;
}

.pab-300 {
  padding-bottom: 300px;
}

.pab-305 {
  padding-bottom: 305px;
}

.pab-310 {
  padding-bottom: 310px;
}

.pab-315 {
  padding-bottom: 315px;
}

.pab-320 {
  padding-bottom: 320px;
}

.pab-325 {
  padding-bottom: 325px;
}

.pab-330 {
  padding-bottom: 330px;
}

.pab-335 {
  padding-bottom: 335px;
}

.pab-340 {
  padding-bottom: 340px;
}

.pab-345 {
  padding-bottom: 345px;
}

.pab-350 {
  padding-bottom: 350px;
}

.pab-355 {
  padding-bottom: 355px;
}

.pab-360 {
  padding-bottom: 360px;
}

.pab-365 {
  padding-bottom: 365px;
}

.pab-370 {
  padding-bottom: 370px;
}

.pab-375 {
  padding-bottom: 375px;
}

.pab-380 {
  padding-bottom: 380px;
}

.pab-385 {
  padding-bottom: 385px;
}

.pab-390 {
  padding-bottom: 390px;
}

.pab-395 {
  padding-bottom: 395px;
}

.pab-400 {
  padding-bottom: 400px;
}

.pab-405 {
  padding-bottom: 405px;
}

.pab-410 {
  padding-bottom: 410px;
}

.pab-415 {
  padding-bottom: 415px;
}

.pab-420 {
  padding-bottom: 420px;
}

.pab-425 {
  padding-bottom: 425px;
}

.pab-430 {
  padding-bottom: 430px;
}

.pab-435 {
  padding-bottom: 435px;
}

.pab-440 {
  padding-bottom: 440px;
}

.pab-445 {
  padding-bottom: 445px;
}

.pab-450 {
  padding-bottom: 450px;
}

.pab-455 {
  padding-bottom: 455px;
}

.pab-460 {
  padding-bottom: 460px;
}

.pab-465 {
  padding-bottom: 465px;
}

.pab-470 {
  padding-bottom: 470px;
}

.pab-475 {
  padding-bottom: 475px;
}

.pab-480 {
  padding-bottom: 480px;
}

.pab-485 {
  padding-bottom: 485px;
}

.pab-490 {
  padding-bottom: 490px;
}

.pab-495 {
  padding-bottom: 495px;
}

.pab-500 {
  padding-bottom: 500px;
}

.pab-505 {
  padding-bottom: 505px;
}

.pab-510 {
  padding-bottom: 510px;
}

.pab-515 {
  padding-bottom: 515px;
}

.pab-520 {
  padding-bottom: 520px;
}

.pab-525 {
  padding-bottom: 525px;
}

.pab-530 {
  padding-bottom: 530px;
}

.pab-535 {
  padding-bottom: 535px;
}

.pab-540 {
  padding-bottom: 540px;
}

.pab-545 {
  padding-bottom: 545px;
}

.pab-550 {
  padding-bottom: 550px;
}

.pab-555 {
  padding-bottom: 555px;
}

.pab-560 {
  padding-bottom: 560px;
}

.pab-565 {
  padding-bottom: 565px;
}

.pab-570 {
  padding-bottom: 570px;
}

.pab-575 {
  padding-bottom: 575px;
}

.pab-580 {
  padding-bottom: 580px;
}

.pab-585 {
  padding-bottom: 585px;
}

.pab-590 {
  padding-bottom: 590px;
}

.pab-595 {
  padding-bottom: 595px;
}

.pab-600 {
  padding-bottom: 600px;
}

.pab-605 {
  padding-bottom: 605px;
}

.pab-610 {
  padding-bottom: 610px;
}

.pab-615 {
  padding-bottom: 615px;
}

.pab-620 {
  padding-bottom: 620px;
}

.pab-625 {
  padding-bottom: 625px;
}

.pab-630 {
  padding-bottom: 630px;
}

.pab-635 {
  padding-bottom: 635px;
}

.pab-640 {
  padding-bottom: 640px;
}

.pab-645 {
  padding-bottom: 645px;
}

.pab-650 {
  padding-bottom: 650px;
}

.pab-655 {
  padding-bottom: 655px;
}

.pab-660 {
  padding-bottom: 660px;
}

.pab-665 {
  padding-bottom: 665px;
}

.pab-670 {
  padding-bottom: 670px;
}

.pab-675 {
  padding-bottom: 675px;
}

.pab-680 {
  padding-bottom: 680px;
}

.pab-685 {
  padding-bottom: 685px;
}

.pab-690 {
  padding-bottom: 690px;
}

.pab-695 {
  padding-bottom: 695px;
}

.pab-700 {
  padding-bottom: 700px;
}

.pab-705 {
  padding-bottom: 705px;
}

.pab-710 {
  padding-bottom: 710px;
}

.pab-715 {
  padding-bottom: 715px;
}

.pab-720 {
  padding-bottom: 720px;
}

.pab-725 {
  padding-bottom: 725px;
}

.pab-730 {
  padding-bottom: 730px;
}

.pab-735 {
  padding-bottom: 735px;
}

.pab-740 {
  padding-bottom: 740px;
}

.pab-745 {
  padding-bottom: 745px;
}

.pab-750 {
  padding-bottom: 750px;
}

/*-- Padding Left --*/
.pal-5 {
  padding-left: 5px;
}

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

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

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

.pal-25 {
  padding-left: 25px;
}

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

.pal-35 {
  padding-left: 35px;
}

.pal-40 {
  padding-left: 40px;
}

.pal-45 {
  padding-left: 45px;
}

.pal-50 {
  padding-left: 50px;
}

.pal-55 {
  padding-left: 55px;
}

.pal-60 {
  padding-left: 60px;
}

.pal-65 {
  padding-left: 65px;
}

.pal-70 {
  padding-left: 70px;
}

.pal-75 {
  padding-left: 75px;
}

.pal-80 {
  padding-left: 80px;
}

.pal-85 {
  padding-left: 85px;
}

.pal-90 {
  padding-left: 90px;
}

.pal-95 {
  padding-left: 95px;
}

.pal-100 {
  padding-left: 100px;
}

.pal-105 {
  padding-left: 105px;
}

.pal-110 {
  padding-left: 110px;
}

.pal-115 {
  padding-left: 115px;
}

.pal-120 {
  padding-left: 120px;
}

.pal-125 {
  padding-left: 125px;
}

.pal-130 {
  padding-left: 130px;
}

.pal-135 {
  padding-left: 135px;
}

.pal-140 {
  padding-left: 140px;
}

.pal-145 {
  padding-left: 145px;
}

.pal-150 {
  padding-left: 150px;
}

.pal-155 {
  padding-left: 155px;
}

.pal-160 {
  padding-left: 160px;
}

.pal-165 {
  padding-left: 165px;
}

.pal-170 {
  padding-left: 170px;
}

.pal-175 {
  padding-left: 175px;
}

.pal-180 {
  padding-left: 180px;
}

.pal-185 {
  padding-left: 185px;
}

.pal-190 {
  padding-left: 190px;
}

.pal-195 {
  padding-left: 195px;
}

.pal-200 {
  padding-left: 200px;
}

.pal-205 {
  padding-left: 205px;
}

.pal-210 {
  padding-left: 210px;
}

.pal-215 {
  padding-left: 215px;
}

.pal-220 {
  padding-left: 220px;
}

.pal-225 {
  padding-left: 225px;
}

.pal-230 {
  padding-left: 230px;
}

.pal-235 {
  padding-left: 235px;
}

.pal-240 {
  padding-left: 240px;
}

.pal-245 {
  padding-left: 245px;
}

.pal-250 {
  padding-left: 250px;
}

.pal-255 {
  padding-left: 255px;
}

.pal-260 {
  padding-left: 260px;
}

.pal-265 {
  padding-left: 265px;
}

.pal-270 {
  padding-left: 270px;
}

.pal-275 {
  padding-left: 275px;
}

.pal-280 {
  padding-left: 280px;
}

.pal-285 {
  padding-left: 285px;
}

.pal-290 {
  padding-left: 290px;
}

.pal-295 {
  padding-left: 295px;
}

.pal-300 {
  padding-left: 300px;
}

.pal-305 {
  padding-left: 305px;
}

.pal-310 {
  padding-left: 310px;
}

.pal-315 {
  padding-left: 315px;
}

.pal-320 {
  padding-left: 320px;
}

.pal-325 {
  padding-left: 325px;
}

.pal-330 {
  padding-left: 330px;
}

.pal-335 {
  padding-left: 335px;
}

.pal-340 {
  padding-left: 340px;
}

.pal-345 {
  padding-left: 345px;
}

.pal-350 {
  padding-left: 350px;
}

.pal-355 {
  padding-left: 355px;
}

.pal-360 {
  padding-left: 360px;
}

.pal-365 {
  padding-left: 365px;
}

.pal-370 {
  padding-left: 370px;
}

.pal-375 {
  padding-left: 375px;
}

.pal-380 {
  padding-left: 380px;
}

.pal-385 {
  padding-left: 385px;
}

.pal-390 {
  padding-left: 390px;
}

.pal-395 {
  padding-left: 395px;
}

.pal-400 {
  padding-left: 400px;
}

.pal-405 {
  padding-left: 405px;
}

.pal-410 {
  padding-left: 410px;
}

.pal-415 {
  padding-left: 415px;
}

.pal-420 {
  padding-left: 420px;
}

.pal-425 {
  padding-left: 425px;
}

.pal-430 {
  padding-left: 430px;
}

.pal-435 {
  padding-left: 435px;
}

.pal-440 {
  padding-left: 440px;
}

.pal-445 {
  padding-left: 445px;
}

.pal-450 {
  padding-left: 450px;
}

.pal-455 {
  padding-left: 455px;
}

.pal-460 {
  padding-left: 460px;
}

.pal-465 {
  padding-left: 465px;
}

.pal-470 {
  padding-left: 470px;
}

.pal-475 {
  padding-left: 475px;
}

.pal-480 {
  padding-left: 480px;
}

.pal-485 {
  padding-left: 485px;
}

.pal-490 {
  padding-left: 490px;
}

.pal-495 {
  padding-left: 495px;
}

.pal-500 {
  padding-left: 500px;
}

.pal-505 {
  padding-left: 505px;
}

.pal-510 {
  padding-left: 510px;
}

.pal-515 {
  padding-left: 515px;
}

.pal-520 {
  padding-left: 520px;
}

.pal-525 {
  padding-left: 525px;
}

.pal-530 {
  padding-left: 530px;
}

.pal-535 {
  padding-left: 535px;
}

.pal-540 {
  padding-left: 540px;
}

.pal-545 {
  padding-left: 545px;
}

.pal-550 {
  padding-left: 550px;
}

.pal-555 {
  padding-left: 555px;
}

.pal-560 {
  padding-left: 560px;
}

.pal-565 {
  padding-left: 565px;
}

.pal-570 {
  padding-left: 570px;
}

.pal-575 {
  padding-left: 575px;
}

.pal-580 {
  padding-left: 580px;
}

.pal-585 {
  padding-left: 585px;
}

.pal-590 {
  padding-left: 590px;
}

.pal-595 {
  padding-left: 595px;
}

.pal-600 {
  padding-left: 600px;
}

.pal-605 {
  padding-left: 605px;
}

.pal-610 {
  padding-left: 610px;
}

.pal-615 {
  padding-left: 615px;
}

.pal-620 {
  padding-left: 620px;
}

.pal-625 {
  padding-left: 625px;
}

.pal-630 {
  padding-left: 630px;
}

.pal-635 {
  padding-left: 635px;
}

.pal-640 {
  padding-left: 640px;
}

.pal-645 {
  padding-left: 645px;
}

.pal-650 {
  padding-left: 650px;
}

.pal-655 {
  padding-left: 655px;
}

.pal-660 {
  padding-left: 660px;
}

.pal-665 {
  padding-left: 665px;
}

.pal-670 {
  padding-left: 670px;
}

.pal-675 {
  padding-left: 675px;
}

.pal-680 {
  padding-left: 680px;
}

.pal-685 {
  padding-left: 685px;
}

.pal-690 {
  padding-left: 690px;
}

.pal-695 {
  padding-left: 695px;
}

.pal-700 {
  padding-left: 700px;
}

.pal-705 {
  padding-left: 705px;
}

.pal-710 {
  padding-left: 710px;
}

.pal-715 {
  padding-left: 715px;
}

.pal-720 {
  padding-left: 720px;
}

.pal-725 {
  padding-left: 725px;
}

.pal-730 {
  padding-left: 730px;
}

.pal-735 {
  padding-left: 735px;
}

.pal-740 {
  padding-left: 740px;
}

.pal-745 {
  padding-left: 745px;
}

.pal-750 {
  padding-left: 750px;
}

/*-- Padding Right --*/
.par-5 {
  padding-right: 5px;
}

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

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

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

.par-25 {
  padding-right: 25px;
}

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

.par-35 {
  padding-right: 35px;
}

.par-40 {
  padding-right: 40px;
}

.par-45 {
  padding-right: 45px;
}

.par-50 {
  padding-right: 50px;
}

.par-55 {
  padding-right: 55px;
}

.par-60 {
  padding-right: 60px;
}

.par-65 {
  padding-right: 65px;
}

.par-70 {
  padding-right: 70px;
}

.par-75 {
  padding-right: 75px;
}

.par-80 {
  padding-right: 80px;
}

.par-85 {
  padding-right: 85px;
}

.par-90 {
  padding-right: 90px;
}

.par-95 {
  padding-right: 95px;
}

.par-100 {
  padding-right: 100px;
}

.par-105 {
  padding-right: 105px;
}

.par-110 {
  padding-right: 110px;
}

.par-115 {
  padding-right: 115px;
}

.par-120 {
  padding-right: 120px;
}

.par-125 {
  padding-right: 125px;
}

.par-130 {
  padding-right: 130px;
}

.par-135 {
  padding-right: 135px;
}

.par-140 {
  padding-right: 140px;
}

.par-145 {
  padding-right: 145px;
}

.par-150 {
  padding-right: 150px;
}

.par-155 {
  padding-right: 155px;
}

.par-160 {
  padding-right: 160px;
}

.par-165 {
  padding-right: 165px;
}

.par-170 {
  padding-right: 170px;
}

.par-175 {
  padding-right: 175px;
}

.par-180 {
  padding-right: 180px;
}

.par-185 {
  padding-right: 185px;
}

.par-190 {
  padding-right: 190px;
}

.par-195 {
  padding-right: 195px;
}

.par-200 {
  padding-right: 200px;
}

.par-205 {
  padding-right: 205px;
}

.par-210 {
  padding-right: 210px;
}

.par-215 {
  padding-right: 215px;
}

.par-220 {
  padding-right: 220px;
}

.par-225 {
  padding-right: 225px;
}

.par-230 {
  padding-right: 230px;
}

.par-235 {
  padding-right: 235px;
}

.par-240 {
  padding-right: 240px;
}

.par-245 {
  padding-right: 245px;
}

.par-250 {
  padding-right: 250px;
}

.par-255 {
  padding-right: 255px;
}

.par-260 {
  padding-right: 260px;
}

.par-265 {
  padding-right: 265px;
}

.par-270 {
  padding-right: 270px;
}

.par-275 {
  padding-right: 275px;
}

.par-280 {
  padding-right: 280px;
}

.par-285 {
  padding-right: 285px;
}

.par-290 {
  padding-right: 290px;
}

.par-295 {
  padding-right: 295px;
}

.par-300 {
  padding-right: 300px;
}

.par-305 {
  padding-right: 305px;
}

.par-310 {
  padding-right: 310px;
}

.par-315 {
  padding-right: 315px;
}

.par-320 {
  padding-right: 320px;
}

.par-325 {
  padding-right: 325px;
}

.par-330 {
  padding-right: 330px;
}

.par-335 {
  padding-right: 335px;
}

.par-340 {
  padding-right: 340px;
}

.par-345 {
  padding-right: 345px;
}

.par-350 {
  padding-right: 350px;
}

.par-355 {
  padding-right: 355px;
}

.par-360 {
  padding-right: 360px;
}

.par-365 {
  padding-right: 365px;
}

.par-370 {
  padding-right: 370px;
}

.par-375 {
  padding-right: 375px;
}

.par-380 {
  padding-right: 380px;
}

.par-385 {
  padding-right: 385px;
}

.par-390 {
  padding-right: 390px;
}

.par-395 {
  padding-right: 395px;
}

.par-400 {
  padding-right: 400px;
}

.par-405 {
  padding-right: 405px;
}

.par-410 {
  padding-right: 410px;
}

.par-415 {
  padding-right: 415px;
}

.par-420 {
  padding-right: 420px;
}

.par-425 {
  padding-right: 425px;
}

.par-430 {
  padding-right: 430px;
}

.par-435 {
  padding-right: 435px;
}

.par-440 {
  padding-right: 440px;
}

.par-445 {
  padding-right: 445px;
}

.par-450 {
  padding-right: 450px;
}

.par-455 {
  padding-right: 455px;
}

.par-460 {
  padding-right: 460px;
}

.par-465 {
  padding-right: 465px;
}

.par-470 {
  padding-right: 470px;
}

.par-475 {
  padding-right: 475px;
}

.par-480 {
  padding-right: 480px;
}

.par-485 {
  padding-right: 485px;
}

.par-490 {
  padding-right: 490px;
}

.par-495 {
  padding-right: 495px;
}

.par-500 {
  padding-right: 500px;
}

.par-505 {
  padding-right: 505px;
}

.par-510 {
  padding-right: 510px;
}

.par-515 {
  padding-right: 515px;
}

.par-520 {
  padding-right: 520px;
}

.par-525 {
  padding-right: 525px;
}

.par-530 {
  padding-right: 530px;
}

.par-535 {
  padding-right: 535px;
}

.par-540 {
  padding-right: 540px;
}

.par-545 {
  padding-right: 545px;
}

.par-550 {
  padding-right: 550px;
}

.par-555 {
  padding-right: 555px;
}

.par-560 {
  padding-right: 560px;
}

.par-565 {
  padding-right: 565px;
}

.par-570 {
  padding-right: 570px;
}

.par-575 {
  padding-right: 575px;
}

.par-580 {
  padding-right: 580px;
}

.par-585 {
  padding-right: 585px;
}

.par-590 {
  padding-right: 590px;
}

.par-595 {
  padding-right: 595px;
}

.par-600 {
  padding-right: 600px;
}

.par-605 {
  padding-right: 605px;
}

.par-610 {
  padding-right: 610px;
}

.par-615 {
  padding-right: 615px;
}

.par-620 {
  padding-right: 620px;
}

.par-625 {
  padding-right: 625px;
}

.par-630 {
  padding-right: 630px;
}

.par-635 {
  padding-right: 635px;
}

.par-640 {
  padding-right: 640px;
}

.par-645 {
  padding-right: 645px;
}

.par-650 {
  padding-right: 650px;
}

.par-655 {
  padding-right: 655px;
}

.par-660 {
  padding-right: 660px;
}

.par-665 {
  padding-right: 665px;
}

.par-670 {
  padding-right: 670px;
}

.par-675 {
  padding-right: 675px;
}

.par-680 {
  padding-right: 680px;
}

.par-685 {
  padding-right: 685px;
}

.par-690 {
  padding-right: 690px;
}

.par-695 {
  padding-right: 695px;
}

.par-700 {
  padding-right: 700px;
}

.par-705 {
  padding-right: 705px;
}

.par-710 {
  padding-right: 710px;
}

.par-715 {
  padding-right: 715px;
}

.par-720 {
  padding-right: 720px;
}

.par-725 {
  padding-right: 725px;
}

.par-730 {
  padding-right: 730px;
}

.par-735 {
  padding-right: 735px;
}

.par-740 {
  padding-right: 740px;
}

.par-745 {
  padding-right: 745px;
}

.par-750 {
  padding-right: 750px;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*---------------------------------------
## Button
---------------------------------------*/
.btn-wrapper {
  display: block;
}

.btn-wrapper .cmn-btn {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 500;
  font-family: "Jost", sans-serif;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 34px;
  padding: 7px 35px;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
  .btn-wrapper .cmn-btn {
    padding: 10px 25px;
    font-size: 15px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.btn-wrapper .cmn-btn.btn-bg-1 {
  background: var(--main-color-one);
  color: #fff;
  border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-1:hover {
  background: none;
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-border {
  border: 1px solid #f1f1f1;
}

.btn-wrapper .cmn-btn.btn-border:hover {
  background-color: var(--main-color-one);
  color: #fff;
  border-color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-1 {
  padding: 7px 35px;
  border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-1.color-one {
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-1:hover {
  background: var(--main-color-one);
  color: #fff;
}

@media only screen and (max-width: 575.98px) {
  .btn-wrapper .cmn-btn.btn-outline-1 {
    padding: 8px 23px;
    font-size: 15px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn.btn-outline-1 {
    padding: 4px 13px;
    font-size: 14px;
  }
}

.btn-wrapper .cmn-btn.btn-bg-white {
  background-color: #fff;
  color: var(--heading-color);
  border: 2px solid #fff;
}

.btn-wrapper .cmn-btn.btn-bg-white:hover {
  background-color: var(--main-color-one);
  border-color: #fff;
  color: #fff;
  border-radius: 30px;
}

.btn-wrapper .cmn-btn.btn-medium {
  padding: 7px 20px;
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn.btn-medium {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.btn-wrapper .cmn-btn.btn-small {
  padding: 5px 15px;
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn.btn-small {
    padding: 5px 12px;
    font-size: 14px;
  }
}

.center-text .flex-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.btn-see-more {
  font-weight: 600;
  color: var(--heading-colors);
  font-size: 16px;
}

.btn-see-more::after {
  content: "\f067";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  font-size: 18px;
}

/*---------------------------------------
## Back Top
---------------------------------------*/
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: var(--main-color-one);
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  z-index: 99;
  font-size: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  display: none;
}

@media only screen and (max-width: 575.98px) {
  .back-to-top {
    height: 40px;
    width: 40px;
    font-size: 22px;
    line-height: 40px;
    bottom: 20px;
    right: 20px;
    display: none;
  }
}

.back-to-top.bg-color-two {
  background: var(--secondary-color);
}

.back-to-top.bg-color-three {
  background: var(--main-color-three);
}

.back-to-top.bg-color-four {
  background: var(--main-color-four);
}

.back-to-top.bg-color-five {
  background: var(--main-color-five);
}

/*-------------------------
Section Title
-------------------------*/
.section-title.text-left {
  text-align: left;
}

.section-title.white-color {
  color: #fff;
}

.section-title.white-color .title {
  color: #fff;
}

.section-title.center-text {
  text-align: center;
  /* max-width: 650px; */
  margin: auto;
}

.custom-form-new div {
  margin-top: 1vmax;
}

.custom-form-new div {
  display: flex;
  align-items: flex-start;
  gap: .5vmax;
}

.custom-form-new div i {
  background-color: #FE651E;
  color: white;
  font-size: 16px;
  padding: .5vmax;
  border-radius: 5px;
}

.section-title.section-border-bottom {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
  padding-bottom: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title.section-border-bottom {
    padding-bottom: 20px;
  }
}

.section-title-shapes {
  position: relative;
  height: 20px;
}

.section-title-shapes::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(../img/section-shapes1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: auto;
}

.section-title-line {
  position: relative;
  height: 20px;
}

.section-title-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-image: url(../img/section-shapes2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 18px;
  width: auto;
}

.section-title .title {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--heading-color);
  font-family: "Jost", sans-serif;
  position: relative;
  margin: -6px 0 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .section-title .title {
    font-size: 45px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .section-title .title {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-title .title {
    font-size: 36px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title .title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title .title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .section-title .title {
    font-size: 25px;
    line-height: 28px;
  }
}

.section-title .section-para {
  font-size: 18px;
  line-height: 28px;
  margin-top: 20px;
}

@media only screen and (max-width: 480px) {
  .section-title .btn-wrapper .view-all {
    font-size: 15px;
  }
}

.section-title-three .title {
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .section-title-three .title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-title-three .title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title-three .title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767.98px) {
  .section-title-three .title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title-three .title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 375px) {
  .section-title-three .title {
    font-size: 24px;
    line-height: 32px;
  }
}

.section-title-three .title:hover::before {
  background-color: var(--main-color-one);
}

.section-title-three .title::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -25px;
  height: 50px;
  width: 50px;
  background-color: var(--secondary-color);
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-title-three .title::before {
    left: -10px;
    top: -10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title-three .title::before {
    left: 5px;
    top: 0;
  }
}

.section-title-three .title::after {
  content: "";
  position: absolute;
  left: -45px;
  top: -25px;
  height: 30px;
  width: 30px;
  background-image: url(../img/section-shapes4.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .section-title-three .title::after {
    left: -25px;
    top: -25px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title-three .title::after {
    left: -10px;
    top: -10px;
  }
}

.section-title-three .section-para {
  margin-top: 20px;
}

.section-title-btn .view-all {
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 400;
  color: var(--light-color);
  border: 1px solid var(--light-color);
  -webkit-transition: 300ms;
  transition: 300ms;
}

.section-title-btn .view-all:hover {
  background-color: var(--light-color);
  color: #fff;
}

/* Nice Select Style */
.js-select {
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 15px;
  font-weight: 400;
  color: var(--paragraph-color);
  border: 1px solid var(--input-color);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.01);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.01);
  -webkit-transition: 300ms;
  transition: 300ms;
  padding: 0 30px 0 15px;
}

.js-select:focus {
  border: 1px solid var(--input-color);
}

.js-select .nice-select-search-box {
  height: 100%;
}

.js-select .nice-select-search-box .nice-select-search {
  vertical-align: top;
}

.js-select:after {
  border-bottom: 2px solid var(--light-color);
  border-right: 2px solid var(--light-color);
  height: 7px;
  margin-top: -2px;
  right: 20px;
  width: 7px;
}

@media only screen and (max-width: 375px) {
  .js-select:after {
    right: 10px;
  }
}

.js-select.open {
  border: 1px solid #ddd;
}

.js-select.open .list {
  width: 100%;
}

.js-select .list {
  width: 100%;
  margin-top: 10px;
}

.js-select .list .selected.focus {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
}

.js-select .list .option:hover {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
  font-weight: 500;
}

.js-select.select-style-two {
  display: block;
  color: var(--paragraph-color);
  border: 1px solid var(--input-color);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.js-select.select-style-two.open::after {
  border-color: transparent transparent var(--paragraph-color);
  border-width: 0px 4px 5px 4px;
}

.js-select.select-style-two:after {
  border-color: var(--paragraph-color) transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: auto;
  right: 11px;
  margin-top: 0px;
  position: absolute;
  top: 50%;
  width: 0;
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}

@media only screen and (max-width: 375px) {
  .js-select.select-style-two:after {
    right: 10px;
  }
}

/* Mouse Cursor Css */
.mouse-move {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.mouse-inner {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: var(--main-color-one);
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.mouse-inner.mouse-hover {
  margin-left: -30px;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background-color: var(--main-color-one);
  opacity: 0.1;
}

.mouse-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border: 2px solid var(--main-color-one);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.mouse-outer.mouse-hover {
  opacity: 0;
}

.mouse-cursor-two .mouse-inner {
  background-color: var(--secondary-color);
}

.mouse-cursor-two .mouse-inner.mouse-hover {
  background-color: var(--secondary-color);
}

.mouse-cursor-two .mouse-outer {
  border-color: var(--secondary-color);
}

/* Slider Custom Css */
.nav-style-one {
  position: relative;
}

.nav-style-one:hover .prev-icon,
.nav-style-one:hover .next-icon {
  visibility: visible;
  opacity: 1;
}

.nav-style-one.nav-color-two .prev-icon,
.nav-style-one.nav-color-two .next-icon {
  background: var(--gray-color);
}

.nav-style-one.nav-color-two .prev-icon:hover,
.nav-style-one.nav-color-two .next-icon:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.nav-style-one .prev-icon,
.nav-style-one .next-icon {
  position: absolute;
  left: -70px;
  top: 50%;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  font-size: 30px;
  cursor: pointer;
  z-index: 9;
  background: var(--gray-color);
  color: var(--heading-color);
  -webkit-transition: 300ms;
  transition: 300ms;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  visibility: visible;
  opacity: 0;
}

.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {

  .nav-style-one .prev-icon,
  .nav-style-one .next-icon {
    left: -25px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

  .nav-style-one .prev-icon,
  .nav-style-one .next-icon {
    left: -25px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .nav-style-one .prev-icon,
  .nav-style-one .next-icon {
    left: -25px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .nav-style-one .prev-icon,
  .nav-style-one .next-icon {
    left: -25px;
  }
}

@media only screen and (max-width: 575.98px) {

  .nav-style-one .prev-icon,
  .nav-style-one .next-icon {
    left: 0px;
  }
}

.nav-style-one .next-icon {
  left: auto;
  right: -70px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .nav-style-one .next-icon {
    right: -25px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .nav-style-one .next-icon {
    right: -25px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .nav-style-one .next-icon {
    right: -25px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .nav-style-one .next-icon {
    right: -25px;
  }
}

@media only screen and (max-width: 575.98px) {
  .nav-style-one .next-icon {
    right: 0px;
  }
}

.append-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 5px;
}

.append-attraction,
.append-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.append-attraction.append-color-two .prev-icon:hover,
.append-attraction.append-color-two .next-icon:hover,
.append-history.append-color-two .prev-icon:hover,
.append-history.append-color-two .next-icon:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #fff;
}

.append-attraction .prev-icon,
.append-attraction .next-icon,
.append-history .prev-icon,
.append-history .next-icon {
  font-size: 30px;
  cursor: pointer;
  border: 1px solid var(--gray-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  font-size: 22px;
  z-index: 9;
  color: var(--heading-color);
  background-color: var(--gray-color);
  -webkit-transition: 300ms;
  transition: 300ms;
}

.append-attraction .prev-icon:hover,
.append-attraction .next-icon:hover,
.append-history .prev-icon:hover,
.append-history .next-icon:hover {
  border-color: var(--main-color-one);
  color: #fff;
  background-color: var(--main-color-one);
}

.append-attraction .prev-icon,
.append-history .prev-icon {
  right: 55px;
}

/* Dot Style */
.dot-style-one.dot-absolute .slick-dots {
  position: absolute;
  bottom: 30px;
  right: 0px;
}

@media only screen and (max-width: 480px) {
  .dot-style-one.dot-absolute .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .dot-style-one.dot-absolute .slick-dots {
    bottom: 10px;
  }
}

.dot-style-one.dot-color-two .slick-dots li {
  background-color: #DDD;
}

.dot-style-one.dot-color-two .slick-dots li.slick-active {
  background: var(--main-color-two);
}

.dot-style-one .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  padding: 10px 0 0;
}

.dot-style-one .slick-dots li {
  text-indent: -9999px;
  height: 10px;
  width: 10px;
  background: #DDD;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.dot-style-one .slick-dots li.slick-active {
  background: var(--main-color-one);
  width: 30px;
  border-radius: 10px;
}

.dot-style-one .slick-dots li button {
  border: 0;
  outline: none;
}

.slider-inner-margin .slick-slide {
  margin: 12px;
}

.slider-inner-margin .slick-list {
  margin: -12px;
}

.slider-inner-margin-10 .slick-slide {
  margin: 5px;
}

.slider-inner-margin-10 .slick-list {
  margin: -5px;
}

.slider-inner-padding .slick-slide {
  padding: 12px;
}

.slider-inner-padding .slick-list {
  padding: -12px;
}

/*---------------------------------------
11. Faq
---------------------------------------*/
.faq-contents .faq-item {
  padding: 0;
  border: 1px solid var(--input-color);
  border-radius: 10px;
}

.faq-contents .faq-item.open {
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  padding: 0px;
}

.faq-contents .faq-item.open .faq-title {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.faq-contents .faq-item.open .faq-title::after {
  /* IE 9 */
  -webkit-transform: translateY(-50%) rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%) rotate(90deg);
}

.faq-contents .faq-item.open .faq-panel .faq-para {
  color: var(--light-color);
}

.faq-contents .faq-item.active .faq-panel {
  display: block;
}

.faq-contents .faq-item:not(:first-child) {
  margin-top: 24px;
}

.faq-contents .faq-item .faq-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: var(--heading-color);
  font-family: "Jost", sans-serif;
  padding: 20px;
  background: none;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  -webkit-transition: 300ms;
  transition: 300ms;
  margin-right: 30px;
}

.faq-contents .faq-item .faq-title::after {
  content: "\f105";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  position: absolute;
  right: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 300ms;
  transition: 300ms;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 22px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .faq-contents .faq-item .faq-title {
    font-size: 18px;
  }
}

.faq-contents .faq-item .faq-panel {
  padding: 20px;
  display: none;
  border-top: 1px solid var(--input-color);
}

.faq-contents .faq-item .faq-panel .faq-para {
  font-size: 16px;
  line-height: 30px;
  color: var(--light-color);
}

@media only screen and (max-width: 767.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 14px;
  }
}

.faq-question-border {
  border: 1px solid var(--input-color);
  padding: 20px;
}

.faq-question-title {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--input-color);
}

.faq-question-form .single-input:not(:first-child) {
  margin-top: 20px;
}

/* Custom Form */
.single-flex-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

@media only screen and (max-width: 480px) {
  .single-flex-input {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.custom-form .single-input,
.custom-form .form-group {
  width: 100%;
}

.custom-form .single-input .label-title,
.custom-form .form-group .label-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  color: var(--heading-color);
}

@media only screen and (max-width: 480px) {

  .custom-form .single-input .label-title,
  .custom-form .form-group .label-title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {

  .custom-form .single-input .label-title,
  .custom-form .form-group .label-title {
    font-size: 14px;
  }
}

.custom-form .single-input .input-icon,
.custom-form .form-group .input-icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.custom-form .single-input .iti,
.custom-form .form-group .iti {
  width: 100%;
}

.custom-form .single-input .form--control,
.custom-form .single-input .form-control,
.custom-form .form-group .form--control,
.custom-form .form-group .form-control {
  -moz-appearance: textfield;
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding: 0 15px;
  border: 1px solid var(--input-color);
  background-color: unset;
  outline: none;
  color: var(--light-color);
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.custom-form .single-input .form--control.input-padding-left,
.custom-form .single-input .form-control.input-padding-left,
.custom-form .form-group .form--control.input-padding-left,
.custom-form .form-group .form-control.input-padding-left {
  padding-left: 45px;
}

.custom-form .single-input .form--control#phone,
.custom-form .single-input .form-control#phone,
.custom-form .form-group .form--control#phone,
.custom-form .form-group .form-control#phone {
  width: 100%;
  padding-left: 50px;
}

.custom-form .single-input .form--control::-webkit-outer-spin-button,
.custom-form .single-input .form--control::-webkit-inner-spin-button,
.custom-form .single-input .form-control::-webkit-outer-spin-button,
.custom-form .single-input .form-control::-webkit-inner-spin-button,
.custom-form .form-group .form--control::-webkit-outer-spin-button,
.custom-form .form-group .form--control::-webkit-inner-spin-button,
.custom-form .form-group .form-control::-webkit-outer-spin-button,
.custom-form .form-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

.custom-form .single-input .form--control:focus,
.custom-form .single-input .form-control:focus,
.custom-form .form-group .form--control:focus,
.custom-form .form-group .form-control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

@media only screen and (max-width: 480px) {

  .custom-form .single-input .form--control,
  .custom-form .single-input .form-control,
  .custom-form .form-group .form--control,
  .custom-form .form-group .form-control {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {

  .custom-form .single-input .form--control,
  .custom-form .single-input .form-control,
  .custom-form .form-group .form--control,
  .custom-form .form-group .form-control {
    font-size: 14px;
  }
}

.custom-form .single-input .form-message,
.custom-form .form-group .form-message {
  height: 100px;
  line-height: 28px;
  padding: 15px;
}

.custom-form .submit-btn {
  margin-top: 25px;
}

.submit-btn {
  border: 2px solid var(--main-color-one);
  background-color: var(--main-color-one);
  color: #fff;
  padding: 12px 20px;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.submit-btn:hover {
  background-color: unset;
  color: var(--main-color-one);
}

.checkbox-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
}

.checkbox-inline .check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0px;
  margin-top: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.checkbox-inline .check-input::after {
  content: "\f00c";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  font-size: 10px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.6) rotate(90deg);
  transform: scale(1.6) rotate(90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.checkbox-inline .check-input:checked {
  background: var(--main-color-one);
  border-color: var(--main-color-one);
  background: var(--main-color-one);
}

.checkbox-inline .check-input:checked::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.2) rotate(0deg);
  transform: scale(1.2) rotate(0deg);
}

.checkbox-inline .checkbox-label {
  cursor: pointer;
  text-align: left;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: var(--heading-color);
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 575.98px) {
  .checkbox-inline .checkbox-label {
    font-size: 15px;
  }
}

.checkbox-inline .checkbox-label a {
  color: var(--main-color-one);
  font-weight: 500;
}

/* Breadcrumb area */
.breadcrumb-area {
  margin-top: 110px;
  position: relative;
  background-color: var(--input-color);
}

.breadcrumb-padding {
  padding: 20px 0;
}

.breadcrumb-border {
  border-top: 2px solid rgba(221, 221, 221, 0.4);
}

.breadcrumb-contents {
  background: #fff;
  padding: 20px 20px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  border-radius: 8px;
}

.breadcrumb-contents-title {
  font-size: 24px;
  line-height: 32px;
  color: var(--heading-color);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* Remove margin-top on mobile (screen width less than 768px) */
@media (max-width: 767px) {
  .breadcrumb-area {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 575.98px) {
  .breadcrumb-contents-title {
    font-size: 20px;
    line-height: 28px;
  }
}

.breadcrumb-contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -5px;
}

.breadcrumb-contents-list-item {
  font-size: 16px;
  font-weight: 500;
  color: var(--paragraph-color);
  position: relative;
  -webkit-transition: 200ms;
  transition: 200ms;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .breadcrumb-contents-list-item {
    font-size: 15px;
  }
}

.breadcrumb-contents-list-item:hover {
  color: var(--main-color-one);
}

.breadcrumb-contents-list-item:not(:last-child) {
  padding-right: 20px;
}

@media only screen and (max-width: 480px) {
  .breadcrumb-contents-list-item:not(:last-child) {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .breadcrumb-contents-list-item:not(:last-child) {
    padding-right: 10px;
  }
}

.breadcrumb-contents-list-item:not(:last-child)::after {
  position: absolute;
  right: -8px;
  top: 50%;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  content: "\f105";
  font-family: "Jost", sans-serif;
  font-weight: 900;
}

.breadcrumb-contents-list-item:not(:first-child) {
  padding-left: 20px;
}

@media only screen and (max-width: 480px) {
  .breadcrumb-contents-list-item:not(:first-child) {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .breadcrumb-contents-list-item:not(:first-child) {
    padding-left: 10px;
  }
}

/* Ui Range Slider */
.price-range-slider {
  padding: 0 10px;
}

.price-range-slider .ui-range-slider.noUi-target {
  position: relative;
  border-radius: 3px;
  height: 3px;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle {
  top: -11px;
  left: -3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 1;
  cursor: pointer;
  background: var(--main-color-one);
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle.noUi-handle-upper::before {
  background-color: var(--main-color-one);
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle::before {
  content: "";
  position: absolute;
  background: #fff;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
  background: var(--main-color-one);
}

.price-range-slider .ui-range-slider-footer {
  display: table;
  width: 100%;
  padding-top: 20px;
}

.price-range-slider .ui-range-slider-footer .ui-range-values {
  display: inline-block;
  color: var(--heading-color);
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-price-title {
  font-size: 18px;
  font-weight: 400;
  margin-right: 10px;
  color: var(--light-color);
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-min,
.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-max {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: var(--main-color-one);
}

.noUi-background {
  background: #DDDDDD;
}

[dir=rtl] .price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
  right: auto;
  left: 0;
}

[dir=rtl] .price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
  background: var(--main-color-one);
}

/* Pagination style */
.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.pagination-list-item-button {
  display: inline-block;
  font-size: 16px;
  color: var(--paragraph-color);
  border: 1px solid var(--input-color);
  background-color: var(--input-color);
  line-height: 1;
  padding: 9px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pagination-list-item-button:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.pagination-list-item:hover .pagination-list-item-link {
  background-color: var(--main-color-one);
  color: #fff;
}

.pagination-list-item.active .pagination-list-item-link {
  background-color: var(--main-color-one);
  color: #fff;
}

.pagination-list-item-link {
  display: inline-block;
  font-size: 16px;
  color: var(--paragraph-color);
  border: 1px solid #fff;
  background-color: #fff;
  line-height: 1;
  padding: 9px 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Global Ratings */
@media only screen and (max-width: 375px) {
  .center-text .rating-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rating-wrap .ratings {
  position: relative;
  z-index: 0;
  width: 80px;
  height: 16px;
  display: inline-block;
}

@media only screen and (max-width: 480px) {
  .rating-wrap .ratings {
    width: 75px;
  }
}

@media only screen and (max-width: 375px) {
  .rating-wrap .ratings {
    width: 70px;
  }
}

.rating-wrap .ratings span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 16px;
}

.rating-wrap .ratings span.hide-rating:after {
  color: var(--light-color);
}

.rating-wrap .ratings span.show-rating:after {
  color: #FABE50;
}

.rating-wrap .ratings span.show-rating {
  width: 88% !important;
}

.rating-wrap .ratings span:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f005" "\f005" "\f005" "\f005" "\f005";
  width: 100%;
  font-family: "Jost", sans-serif;
  font-weight: 900;
}

.rating-wrap .total-ratings {
  margin-left: 5px;
}

/* Tabs Design */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs li {
  font-size: 16px;
  font-weight: 400;
  color: var(--light-color);
  line-height: 28px;
  cursor: pointer;
  -webkit-transition: 300ms;
  transition: 300ms;
}

/* Custom Radio Css */
.custom-radio-single {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.custom-radio-single.active label {
  font-weight: 600;
  color: var(--heading-color);
}

.custom-radio-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.custom-radio label {
  font-size: 16px;
  color: var(--paragraph-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 14px 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.custom-radio input[type=radio] {
  border: 2px solid #DDD;
  background: #fff;
  clear: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 50%;
  position: relative;
  margin-right: 3px;
}

.custom-radio input[type=radio]:checked {
  border-color: var(--main-color-one);
}

.custom-radio input[type=radio]:checked::before {
  width: calc(100% - 9px);
  height: calc(100% - 9px);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
  background-color: var(--main-color-one);
  margin: 0px 0px 0;
  padding: 0px;
  line-height: 1;
}

/* Popup Modal */
.popup-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.6);
  transform: translate(-50%, -50%) scale(0.6);
  z-index: 9992;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.popup-fixed.popup-active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.popup-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9991;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.popup-overlay.popup-active {
  visibility: visible;
  opacity: 1;
}

.popup-contents {
  max-width: 500px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  padding: 30px;
  margin: auto;
  border-radius: 10px;
}

.popup-contents-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: var(--heading-color);
  margin: -4px 0 0;
}

.popup-contents-select {
  display: flow-root;
  margin-top: 25px;
}

.popup-contents-select-label {
  font-size: 16px;
  color: var(--heading-color);
  margin-bottom: 8px;
  font-weight: 500;
}

.popup-contents-btn {
  margin-top: 25px;
}

/*----------------------------------------------
# Nav bar 
----------------------------------------------*/
.mobile-logo {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mobile-logo {
    display: block;
  }

  .desktop-logo {
    display: none !important;
  }
}

.navbar-padding {
  padding: 20px 0;
}

.navbar-area {
  position: relative;
  z-index: 95;
}

.book-now-button-home {
  position: absolute;
  transform: translate(-50%, -50%);
  bottom: 0;
  left: 50%;
  background-color: #FE651E;
  visibility: hidden;
}

.avalibel-checo-no {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area {
    padding: 0;
  }

  .book-now-button-home {
    visibility: visible;
  }

  .avalibel-checo-no {
    display: block;
  }

  .avalibel-checo-no-phone {
    display: none;
  }
}

.navbar-area.nav-absolute {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0px;
  z-index: 99;
}

.navbar-area.navbar-border {
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
  color: #fff;
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
  color: #fff;
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon .icon {
  color: #fff;
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon.hover-color-two:hover .icon:hover {
  color: var(--main-color-two);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts {
  color: #fff;
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts.hover-color-two:hover {
  color: var(--main-color-two);
}

.navbar-area.navbar-two {
  padding: 0;
}

.navbar-area.navbar-two .nav-container {
  background-color: rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 0 0 20px 20px;
}

.navbar-area.navbar-two .nav-container .navbar-collapse .navbar-nav li a:hover {
  color: var(--secondary-color);
  background: none;
}

.navbar-area.navbar-two .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-bottom: 5px solid var(--secondary-color);
}

.navbar-area.navbar-two .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.navbar-area .nav-container {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container {
    padding: 20px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container {
    padding: 15px 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .logo-wrapper {
    height: 15px;
  }
}

.navbar-area .nav-container .logo-wrapper .logo img {
  max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 160px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 170px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
  display: block;
  width: 100%;
  text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
  margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
  text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
  display: inline-block;
  font-size: 16px;
  font-family: "Jost", sans-serif;
  text-transform: capitalize;
  color: var(--heading-color);
  font-weight: 400;
  line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
  margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 14px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  padding: 10px 30px 10px 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 7px 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 5px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 5px 10px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-one);
  background: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
  background: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  padding-right: 0;
  position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
  padding: 10px 30px 10px 0;
  position: relative;
  z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 10px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a::after {
  content: "\f107";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  top: 1px;
  left: 4px;
  position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  position: absolute;
  text-align: left;
  min-width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0;
  top: 100%;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  z-index: 992;
  border-bottom: 5px solid var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 50px;
  -webkit-column-rule-style: solid;
  -moz-column-rule-style: solid;
  column-rule-style: solid;
  -webkit-column-rule-color: rgba(221, 221, 221, 0.3);
  -moz-column-rule-color: rgba(221, 221, 221, 0.3);
  column-rule-color: rgba(221, 221, 221, 0.3);
  -webkit-column-rule-width: 2px;
  -moz-column-rule-width: 2px;
  column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
  margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
    margin-bottom: 0;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
  display: block;
  margin-left: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    margin-bottom: 0;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
  margin-bottom: -1px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
  border-top: 1px solid #e2e2e2;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  display: block;
  padding: 10px 30px;
  background-color: #fff;
  white-space: nowrap;
  color: var(--heading-color);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
  position: relative;
  z-index: 0;
  padding-right: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
  left: 100%;
  top: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: #fff;
}

.navbar-area.white-nav .navbar-right-btn a {
  color: #fff;
}

.navbar-area.navbar-two .navbar-right-btn a:hover {
  color: var(--secondary-color);
}

.navbar-area.navbar-two .btn-wrapper .cmn-btn.btn-bg-1 {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.navbar-area.navbar-two .btn-wrapper .cmn-btn.btn-bg-1:hover {
  background-color: unset;
  color: var(--secondary-color);
}

/* Navbar right Content */
.click-nav-right-icon {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .click-nav-right-icon {
    position: absolute;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    color: rgba(0, 0, 0, 0.7);
    display: block;
  }

  .click-nav-right-icon:hover {
    color: var(--heading-color);
  }

  .click-nav-right-icon.white-color {
    color: #fff;
  }

  .click-nav-right-icon.white-color:hover {
    color: #fff;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .show-nav-content {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-top: -50px;
    margin-left: auto;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .show-nav-content.show {
    visibility: visible;
    opacity: 1;
    margin-top: 30px;
  }
}

.single-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.navbar-right-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 20px;
}

.navbar-right-btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.navbar-right-btn a:hover {
  color: var(--main-color-one);
  text-decoration: underline;
}

.navbar-author {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navbar-author:hover .navbar-author-wrapper {
  visibility: visible;
  opacity: 1;
  top: 100%;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.navbar-author-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}

.navbar-author-thumb {
  max-width: 100px;
}

.navbar-author-thumb img {
  border-radius: 50%;
}

.navbar-author-name {
  position: relative;
}

.navbar-author-name-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
}

.navbar-author-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9998;
  max-width: 200px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0 0 10px #f3f3f3;
  box-shadow: 0 0 10px #f3f3f3;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transform: matrix(1, 0, -1, 1, 0, 0);
  transform: matrix(1, 0, -1, 1, 0, 0);
}

.navbar-author-wrapper-list-item {
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 20px;
  color: var(--heading-color);
  border-bottom: 1px solid #f3f3f3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.navbar-author-wrapper-list-item:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav {
    background-color: var(--heading-color);
  }

  .navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    background-color: #202020 !important;
  }

  .navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    border-color: rgba(255, 255, 255, 0.05) !important;
  }

  .navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
    background-color: transparent;
    color: #fff;
  }

  .navbar-area.white-nav .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.7);
  }

  .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
  .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
    background: rgba(255, 255, 255, 0.7);
  }

  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
    background: rgba(255, 255, 255, 0.7);
  }

  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
    background: rgba(255, 255, 255, 0.7);
  }

  .navbar-area.white-nav .click-nav-right-icon {
    color: rgba(255, 255, 255, 0.7);
  }

  .navbar-area .navbar-toggler {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    border: 1px solid rgba(0, 0, 0, 0.7);
    outline: none;
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon {
    background: none;
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
  .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon {
    background: rgba(0, 0, 0, 0.7);
    display: inline-block;
    width: 25px;
    height: 2px;
    margin: 10px -4px 10px;
    position: relative;
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon::before,
  .navbar-area .navbar-toggler .navbar-toggler-icon::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 25px;
    background: rgba(0, 0, 0, 0.7);
    top: -7px;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon::after {
    top: auto;
    bottom: -7px;
  }

  .navbar-area .nav-container {
    position: relative;
    z-index: 0;
    min-height: 50px;
    padding: 20px 20px 30px !important;
  }

  .navbar-area .nav-container .responsive-mobile-menu {
    display: block;
    position: relative;
    width: 100%;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    margin-top: 30px;
    background: var(--gray-color);
    -webkit-box-shadow: 0 0 30px rgba(221, 221, 221, 0.3);
    box-shadow: 0 0 30px rgba(221, 221, 221, 0.3);
    border-radius: 10px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: block;
    text-align: left;
    line-height: 30px;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 15px 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
    border-bottom: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    top: 25px;
    right: 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
    padding-bottom: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-bottom: none;
    padding-top: 10px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 15px 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: initial;
    display: block;
    width: 100%;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    padding-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
    content: "\f107";
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    padding: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
    color: #fff;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: none;
  }
}

@media only screen and (max-width: 575px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 160px;
  }
}

/*--------------------------------------------------------------
04. Footer Style
--------------------------------------------------------------*/
.footer-area {
  position: relative;
  z-index: 1;
}

.footer-area-one {
  padding-top: 150px;
}

.footer-padding {
  padding: 25px 0;
}

.footer-border-round {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footer-border-round::before {
  content: "";
  position: absolute;
  top: 200px;
  height: 100%;
  width: 130%;
  background-color: transparent;
  border-top: 2px solid rgba(221, 221, 221, 0.1);
  z-index: -1;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .footer-border-round::before {
    width: 150%;
  }
}

@media only screen and (max-width: 575.98px) {
  .footer-border-round::before {
    width: 180%;
  }
}

@media only screen and (max-width: 480px) {
  .footer-border-round::before {
    width: 220%;
  }
}

@media only screen and (max-width: 375px) {
  .footer-border-round::before {
    width: 240%;
  }
}

.footer-border-round.white-color {
  border-color: #DDD;
}

.footer-contents-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

@media only screen and (max-width: 767.98px) {
  .footer-contents-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-contents-logo {
  max-width: 600px;
  margin: auto;
}

.footer-contents-logo-img {
  max-width: 200px;
  display: inline-block;
}

.footer-contents-logo-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 7px 0 0;
}

.footer-widget-title {
  font-size: 28px;
  line-height: 32px;
}

@media only screen and (max-width: 767.98px) {
  .footer-widget-title {
    font-size: 24px;
    line-height: 28px;
  }
}

.footer-widget-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .footer-widget-nav-list {
    gap: 12px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer-widget-nav-list {
    gap: 12px 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer-widget-nav-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .footer-widget-nav-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px 15px;
  }
}

.footer-widget-nav-list-link {
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  color: var(--light-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-widget-nav-list-link:hover {
  color: var(--main-color-one);
  text-decoration: underline;
}

.footer-widget-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .footer-widget-social-list {
    gap: 12px 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer-widget-social-list {
    gap: 10px;
  }
}

.footer-widget-social-list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  font-size: 18px;
  border-radius: 5px;
  background: #fff;
  color: var(--heading-color);
  -webkit-transition: 300ms;
  transition: 300ms;
}

@media only screen and (max-width: 575.98px) {
  .footer-widget-social-list-link {
    font-size: 16px;
    height: 35px;
    width: 35px;
  }
}

@media only screen and (max-width: 375px) {
  .footer-widget-social-list-link {
    height: 30px;
    width: 30px;
  }
}

.footer-widget-social-list-link:hover {
  color: #fff;
  background: var(--main-color-one);
}

.footer-widget-form-single {
  position: relative;
  z-index: 2;
}

.footer-widget-form-control {
  height: 55px;
  width: 100%;
  background-color: var(--copyright-bg-1);
  border: 1px solid var(--copyright-bg-1);
  border-radius: 30px;
  padding: 0 20px;
  color: var(--light-color);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.001);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.001);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-widget-form-control:focus {
  border: 1px solid rgba(var(--main-color-one-rgb), 0.4);
}

.footer-widget-form button {
  position: absolute;
  right: 5px;
  top: 5px;
  bottom: 0;
  background-color: var(--main-color-one);
  color: #fff;
  padding: 0px 30px;
  border: 0;
  outline: none;
  border-radius: 30px;
  height: calc(100% - 10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-widget-form button:hover {
  background-color: var(--secondary-color);
  color: #fff;
}

.footer-navbar {
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 48px 0px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 100px 0;
}

@media only screen and (max-width: 767.98px) {
  .footer-wrapper-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer-wrapper-flex {
    padding: 70px 0;
  }
}

.footer-wrapper-single:not(:last-child) {
  padding-right: 100px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer-wrapper-single:not(:last-child) {
    padding-right: 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .footer-wrapper-single:not(:last-child) {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer-wrapper-single:not(:last-child) {
    padding-right: 0px;
  }
}

.footer-wrapper-single:not(:first-child) {
  padding-left: 100px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer-wrapper-single:not(:first-child) {
    padding-left: 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .footer-wrapper-single:not(:first-child) {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer-wrapper-single:not(:first-child) {
    border-left: unset;
    padding-left: 0;
  }
}

.copyright-area.copyright-border {
  border-top: 1px solid rgba(221, 221, 221, 0.2);
}

.copyright-area.copyright-border.white-color {
  border-color: rgba(221, 221, 221, 0.7);
}

.copyright-contents-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

@media only screen and (max-width: 767.98px) {
  .copyright-contents-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.copyright-contents-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.copyright-contents-single:hover .copyright-contents-single-icon {
  color: var(--main-color-one);
}

.copyright-contents-single-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.copyright-contents-single-icon {
  font-size: 40px;
  color: var(--light-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.copyright-contents-single-details-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  color: var(--light-color);
}

.copyright-contents-single-details-link {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  margin-top: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.copyright-contents-single-details-link:hover {
  color: var(--main-color-one);
}

.copyright-contents-main {
  font-size: 16px;
  color: var(--light-color);
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  .copyright-contents-main {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10vmax;
  }
}

.copyright-contents-main a {
  color: var(--main-color-one);
  font-weight: 500;
}

.footer-area-two .footer-widget-contents-para {
  color: rgba(255, 255, 255, 0.8);
}

.footer-area-two .footer-widget-form-control {
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.001);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.001);
  padding-right: 130px;
}

.footer-area-two .footer-widget-form-control:focus {
  border: 1px solid rgba(var(--secondary-color-rgb), 0.8);
}

.footer-area-two .footer-widget-form button {
  background-color: var(--secondary-color);
}

.footer-area-two .footer-widget-form button:hover {
  background-color: rgba(var(--secondary-color-rgb), 0.7);
  color: #fff;
}

.footer-area-two .footer-widget-para {
  color: rgba(255, 255, 255, 0.8);
}

.footer-area-two .footer-widget-nav-list-link {
  color: rgba(255, 255, 255, 0.8);
}

.footer-area-two .footer-widget-nav-list-link:hover {
  color: var(--secondary-color);
}

.footer-area-two .footer-widget-social-list-link:hover {
  background-color: var(--secondary-color);
}

.footer-area-two .copyright-contents-single:hover .copyright-contents-single-icon {
  color: #fff;
  background-color: var(--secondary-color);
}

.footer-area-two .copyright-contents-single-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  font-size: 30px;
  background-color: #fff;
  color: var(--secondary-color);
  border-radius: 50%;
}

.footer-area-two .copyright-contents-single-details-title {
  color: rgba(255, 255, 255, 0.8);
}

.footer-area-two .copyright-contents-single-details-link:hover {
  color: var(--secondary-color);
}

.footer-area-two .copyright-contents-main {
  color: rgba(255, 255, 255, 0.8);
}

.footer-area-two .copyright-contents-main a {
  color: var(--secondary-color);
}

/* Banner  */
.banner-area {
  position: relative;
  z-index: 1;
  padding: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-area {
    /*padding-top: 20px;*/
  }
}

.banner-area-one {
  padding-top: 50px;
}

.banner-single {
  position: relative;
  z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-single {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-single {
    padding-right: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-single {
    padding-right: 30px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-single {
    padding-right: 0px;
  }
}

.banner-single-one.percent-padding {
  padding-left: 33%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-single-one.percent-padding {
    padding-left: 13%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-single-one.percent-padding {
    padding-left: 10%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-single-one.percent-padding {
    padding-left: 5%;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-single-one.percent-padding {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-single-one.percent-padding {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-single-one.percent-padding {
    padding-left: 10px;
  }
}

.banner-single-content {
  padding: 100px 0;
  position: relative;
  z-index: 5;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-single-content {
    padding: 30px 0 0px 0px;
  }
}

.banner-single-content.text-white .banner-single-content-title {
  color: #fff;
}

.banner-single-content.text-white .banner-single-content-para {
  color: #fff;
}

.banner-single-content.text-white .banner-single-content-reviews-para {
  color: #fff;
}

.banner-single-content.text-white .banner-single-content-reviews-para span {
  color: #fff;
}

.banner-single-content-reviews {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.banner-single-content-reviews-icon {
  color: var(--secondary-color);
}

.banner-single-content-reviews-para {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: var(--paragraph-color);
}

.banner-single-content-reviews-para span {
  display: inline-block;
}

.banner-single-content-title {
  font-size: 64px;
  line-height: 74px;
  margin: -12px 0 0;
  position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-single-content-title {
    font-size: 55px;
    line-height: 70px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-single-content-title {
    font-size: 48px;
    line-height: 65px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-single-content-title {
    font-size: 42px;
    line-height: 55px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-single-content-title {
    font-size: 32px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-single-content-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-single-content-title {
    font-size: 26px;
  }
}

.banner-single-content-title:hover {
  color: var(--main-color-one);
}

.banner-single-content-title-shape {
  position: relative;
  z-index: 1;
}

.banner-single-content-title-shape::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(../img/section-shapes2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-single-content-title-shape::before {
    top: 30px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-single-content-title-shape::before {
    top: 25px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-single-content-title-shape::before {
    top: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-single-content-title-shape::before {
    top: 15px;
  }
}

.banner-single-content-title-shape.star-shape {
  position: relative;
  z-index: 2;
}

.banner-single-content-title-shape.star-shape::before {
  background-image: url(../img/banner/star-shape.svg);
  top: 20px;
  left: auto;
  right: -40%;
}

.banner-single-content-para {
  font-size: 16px;
  color: var(--light-color);
  font-weight: 400;
  line-height: 28px;
}

@media only screen and (max-width: 480px) {
  .banner-single-content-para {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-single-content-para {
    font-size: 15px;
  }
}

.banner-right-bg {
  height: 670px;
  width: 47%;
  text-align: right;
  margin-left: auto;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-right-bg {
    width: 100%;
    height: 500px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-right-bg {
    height: 400px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-right-bg {
    height: 300px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-right-bg {
    height: 260px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-right-bg {
    height: 220px;
  }
}

.banner-right-new {
  height: 670px;
  width: 180%;
}

/* Banner Two Css */
.banner-area-two {
  padding-top: 140px;
}

.banner-shapes img {
  position: absolute;
}

.banner-shapes img:nth-child(1) {
  left: 10px;
  top: 0;
}

.banner-shapes img:nth-child(2) {
  right: 10px;
  top: 0;
}

.banner-bg {
  background: var(--gradient-circle);
}

.banner-area-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 25px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-area-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.banner-area-flex .banner-single-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.banner-thumb-wrap {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-area-thumb {
    max-width: 500px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-area-thumb {
    max-width: 400px;
  }
}

.banner-thumb-shape img {
  position: absolute;
}

.banner-thumb-shape img:nth-child(1) {
  right: 0;
  top: 0;
}

.banner-thumb-shape img:nth-child(2) {
  right: -100px;
  bottom: 130px;
}

.banner-thumb-shape img:nth-child(3) {
  left: -50px;
  top: 50%;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
}

/* Banner Three Css */
.banner-area-three {
  padding-top: 140px;
}

.banner-area-three .banner-area-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 50px;
}

.banner-area-three .banner-single-content {
  text-align: center;
  padding: 0;
  max-width: 850px;
  margin: auto;
}

/* Custom scroll bar */
.dfddfdd {
  max-height: 400px;
  overflow-y: auto;
}

.dfddfdd {
  overflow-y: scroll;
  scrollbar-color: #0A4C95 transparent;
  scrollbar-width: 5px;
  -ms-overflow-style: none;
  -moz-appearance: none !important;
  scrollbar-width: thin;
}

.dfddfdd::-moz-scrollbar {
  width: 5px;
  border: none;
}

.dfddfdd::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border: none;
}

.dfddfdd::-webkit-scrollbar-track-piece {
  background-color: #C2D2E4;
}

.dfddfdd::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #0A4C95;
}

/* Location area Css */
.location-area {
  margin-top: -61px;
  z-index: 9;
  position: relative;
}

.banner-location {
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  padding: 20px;
}

.banner-location-one {
  width: 1140px;
  position: relative;
  z-index: 990;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-location-one {
    width: 900px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-location-one {
    width: 100%;
  }
}

.banner-location-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-location-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-location-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.banner-location-single {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-location-single {
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-location-single {
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-location-single {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-location-single {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 575.98px) {

  .banner-location-single:nth-last-of-type(1),
  .banner-location-single:nth-last-of-type(2) {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }
}

.banner-location-single-search-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  font-size: 28px;
  background-color: var(--main-color-one);
  color: #fff;
  cursor: pointer;
  border-radius: 5px;
}

.banner-location-single-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

.banner-location-single-icon {
  font-size: 28px;
}

.banner-location-single-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.banner-location-single-contents-dropdown {
  font-family: "Jost", sans-serif;
  font-weight: 500;
}

.banner-location-single-contents-dropdown .js-select {
  font-weight: 500;
}

.banner-location-single-contents-subtitle {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  margin: -4px 0 0;
  margin-bottom: 10px;
  font-family: var(--heading-font);
}

/* Search Suggestions */
.search-suggestions-wrapper {
  position: relative;
  z-index: 98;
}

.search-suggestions-wrapper .search-click-icon {
  cursor: pointer;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 55px;
  width: 55px;
  color: #fff;
  background-color: var(--main-color-one);
  font-weight: 500;
  -webkit-transition: 300ms;
  transition: 300ms;
  border-radius: 5px;
  border: none;
}

.search-suggestions-wrapper .search-click-icon:hover {
  background-color: rgba(var(--main-color-one-rgb), 0.8);
  color: #fff;
}

.search-show {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 400ms;
  transition: 400ms;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .search-show {
    right: 0px;
    max-width: 500px;
  }
}

@media only screen and (max-width: 767.98px) {
  .search-show {
    width: 500px;
  }
}

@media only screen and (max-width: 575.98px) {
  .search-show {
    max-width: 450px;
  }
}

@media only screen and (max-width: 480px) {
  .search-show {
    max-width: 340px;
  }
}

@media only screen and (max-width: 375px) {
  .search-show {
    max-width: 270px;
  }
}

.search-show.open {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.search-show-inner {
  position: relative;
}

.search-show-form {
  position: relative;
  z-index: 1;
}

.search-show-form .suggestions-icon-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0%;
  top: 0;
  font-size: 24px;
  background-color: rgba(221, 221, 221, 0.3);
  height: 100%;
  padding: 0 15px;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.search-show-form .suggestions-icon-close:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.search-show-form .form--control {
  padding: 0 15px;
  padding-left: 50px;
  padding-right: 70px;
  font-size: 15px;
  height: 55px;
  width: 700px;
  color: var(--extra-light-color);
  border: 1px solid rgba(221, 221, 221, 0.5);
  -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.01);
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.01);
  -webkit-transition: 300ms;
  transition: 300ms;
}

.search-show-form .form--control:focus {
  -webkit-box-shadow: 0 0 30px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 30px rgba(var(--main-color-one-rgb), 0.1);
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .search-show-form .form--control {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media only screen and (max-width: 767.98px) {
  .search-show-form .form--control {
    width: 100%;
  }
}

.search-show-form button {
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 20px;
  background: none;
  border: 0;
  outline: none;
  color: var(--light-color);
  bottom: 0;
}

.search-product {
  position: absolute;
  top: 100%;
  right: 0;
  width: 700px;
  background: #fff;
  padding: 30px 20px;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
  visibility: hidden;
  opacity: 0;
  height: 550px;
  overflow-y: hidden;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .search-product {
    height: 475px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .search-product {
    height: 475px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .search-product {
    height: 475px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product {
    height: 475px;
    padding: 30px 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .search-product {
    height: 485px;
  }
}

@media only screen and (max-width: 767.98px) {
  .search-product {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .search-product {
    padding: 30px 10px;
  }
}

.search-product.show {
  visibility: visible;
  opacity: 1;
}

.search-product .nicescroll-rails .nicescroll-cursors {
  background-color: var(--main-color-two) !important;
}

.search-product-title {
  font-size: 18px;
  width: 100%;
  background-color: rgba(221, 221, 221, 0.2);
  padding: 5px 10px;
}

.search-product-list {
  height: calc(100vh - 210px);
  overflow-y: scroll;
  padding: 0 10px;
}

.search-product-list-item:not(:last-child) {
  margin-bottom: 20px;
}

.search-product-list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .search-product-list-link {
    display: block;
  }
}

.search-product-list-image {
  border: 1px solid rgba(221, 221, 221, 0.5);
  padding: 5px;
  height: 100px;
  width: 100px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product-list-image {
    width: 80px;
    height: 100px;
    padding: 10px 0px;
  }
}

.search-product-list-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .search-product-list-info-top {
    margin-top: 10px;
  }
}

.search-product-list-info-title {
  font-size: 18px;
  line-height: 28px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product-list-info-title {
    font-size: 17px;
  }
}

.search-product-list-info-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product-list-info-price {
    gap: 7px;
  }
}

.search-product-list-info-price-through {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.search-product-list-info-price-through .flash-price {
  font-size: 18px;
  font-weight: 600;
  color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product-list-info-price-through .flash-price {
    font-size: 16px;
  }
}

.search-product-list-info-price-through .old-price {
  font-size: 14px;
  text-decoration: line-through;
}

.search-product-list-info-price .main-price {
  font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product-list-info-price .main-price {
    font-size: 17px;
  }
}

.search-product-list-info .stock-out {
  font-size: 16px;
  background: #ff0000;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .search-product-list-info .stock-out {
    font-size: 15px;
    padding: 5px 5px;
  }
}

.search-suggestion-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 92;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.search-suggestion-overlay.show {
  visibility: visible;
  opacity: 1;
}

/* Provide css */
.single-why {
  padding: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-why {
    padding: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-why {
    padding: 20px;
  }
}

.single-why:hover {
  border-color: var(--main-color-one);
}

.single-why-border {
  border: 2px solid var(--gray-color);
}

.single-why-icon img {
  max-width: 60px;
}

.single-why-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
}

.single-why-contents-title {
  font-size: 20px;
  line-height: 28px;
  margin: -4px 0 0;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-why-contents-title:hover {
  color: var(--main-color-one);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-why-contents-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-why-contents-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 480px) {
  .single-why-contents-title {
    font-size: 24px;
  }
}

.single-why-contents-para {
  font-size: 16px;
  line-height: 26px;
  color: var(--paragraph-color);
}

/* Why Two Css */
.single-why-two {
  padding: 20px;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}

.single-why-two::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  height: 0%;
  width: 0%;
  z-index: -1;
  background-color: var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-why-two:hover {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: #fff;
}

.single-why-two:hover::before {
  background-color: var(--main-color-one);
  visibility: visible;
  opacity: 1;
  height: 100%;
  width: 100%;
}

.single-why-two:hover .single-why-two-icon {
  background-color: #fff;
  color: var(--main-color-one);
}

.single-why-two:hover .single-why-two-contents-title {
  color: #fff;
}

.single-why-two:hover .single-why-two-contents-para {
  color: #fff;
}

.single-why-two-border {
  border: 2px solid var(--gray-color);
}

.single-why-two-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
}

@media only screen and (max-width: 375px) {
  .single-why-two-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.single-why-two-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  font-size: 24px;
  background-color: rgba(var(--main-color-one-rgb), 0.2);
  color: var(--main-color-one);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-why-two-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-why-two-contents-title {
  font-size: 16px;
  line-height: 28px;
  margin: -4px 0 0;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-why-two-contents-title:hover {
  color: var(--main-color-one);
}

.single-why-two-contents-para {
  font-size: 15px;
  line-height: 24px;
  color: var(--paragraph-color);
}

div[class*=col]:nth-child(4n+3) .single-why-two-icon {
  background-color: rgba(var(--secondary-color-rgb), 0.2);
  color: var(--secondary-color);
}

div[class*=col]:nth-child(4n+3) .single-why-two:hover {
  border-color: var(--secondary-color);
}

div[class*=col]:nth-child(4n+3) .single-why-two:hover::before {
  background-color: var(--secondary-color);
}

div[class*=col]:nth-child(4n+3) .single-why-two:hover .single-why-two-icon {
  background-color: #fff;
  color: var(--secondary-color);
}

div[class*=col]:nth-child(4n+3) .single-why-two:hover .single-why-two-contents-title {
  color: #fff;
}

div[class*=col]:nth-child(4n+3) .single-why-two:hover .single-why-two-contents-para {
  color: #fff;
}

div[class*=col]:nth-child(4n+4) .single-why-two::before {
  background-color: #019267;
}

div[class*=col]:nth-child(4n+4) .single-why-two-icon {
  background-color: rgba(1, 146, 103, 0.2);
  color: #019267;
}

div[class*=col]:nth-child(4n+4) .single-why-two:hover {
  border-color: #019267;
}

div[class*=col]:nth-child(4n+4) .single-why-two:hover .single-why-two-icon {
  background-color: #fff;
  color: #019267;
}

div[class*=col]:nth-child(4n+4) .single-why-two:hover .single-why-two-contents-title {
  color: #fff;
}

div[class*=col]:nth-child(4n+4) .single-why-two:hover .single-why-two-contents-para {
  color: #fff;
}

/* Attraction css */
.single-attraction-border {
  border: 2px solid rgba(221, 221, 221, 0.7);
}

.single-attraction-thumb a img {
  object-fit: cover;
}

.single-attraction:hover .single-attraction-thumb img {

  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

.single-attraction-thumb {
  overflow: hidden;
}

.single-attraction-thumb img {
  border-radius: 20px 20px 0 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-attraction-thumb img {
    width: 100%;
  }
}

.single-attraction-contents {
  border: 1px solid rgba(221, 221, 221, 0.7);
  padding: 20px;
  border-radius: 0 0 20px 20px;
}

.single-attraction-contents-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: -4px 0 0;
}

.single-attraction-contents-para {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-top: 12px;
}

.single-attraction-two {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-attraction-two:hover .single-attraction-two-contents {
  visibility: visible;
  opacity: 1;
  z-index: 9;
  bottom: 0;
}

.single-attraction-two-thumb img {
  border-radius: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-attraction-two-thumb img {
    width: 100%;
  }
}

.single-attraction-two-contents {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 20px 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-color: var(--secondary-color) transparent;
  -ms-overflow-style: none;
  -moz-appearance: none !important;
  scrollbar-width: thin;
}

.single-attraction-two-contents::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
  border: none;
  border-radius: 10px;
}

.single-attraction-two-contents::-webkit-scrollbar-track {
  background-color: #C2D2E4;
  border-radius: 10px;
}

.single-attraction-two-contents::-webkit-scrollbar-thumb {
  background-color: var(--secondary-color);
  border-radius: 10px;
}

.single-attraction-two-contents-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: -4px 0 0;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.single-attraction-two-contents-title:hover {
  color: var(--secondary-color);
}

.single-attraction-two-contents-para {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.8);
}

/* Guest Css */
.guest-wrapper {
  position: relative;
  z-index: 2;
}

.guest-wrapper-shapes img {
  position: absolute;
  top: 0%;
  left: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .guest-wrapper-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .guest-wrapper-images {
    gap: 10px;
  }
}

.guest-wrapper-images-single {
  position: absolute;
  opacity: 0.5;
  cursor: pointer;
  border-radius: 50%;
  max-width: 100px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .guest-wrapper-images-single {
    position: unset;
  }
}

.guest-wrapper-images-single.active {
  opacity: 1;
  -webkit-box-shadow: 0 0 30px rgba(var(--main-color-one-rgb), 0.3);
  box-shadow: 0 0 30px rgba(var(--main-color-one-rgb), 0.3);
  border: 4px solid #fff;
}

.guest-wrapper-images-single:nth-child(1) {
  left: 0;
  top: 0;
}

.guest-wrapper-images-single:nth-child(2) {
  right: 0;
  top: 0;
  max-width: 85px;
}

.guest-wrapper-images-single:nth-child(3) {
  left: 150px;
  top: 45%;
  max-width: 75px;
}

.guest-wrapper-images-single:nth-child(4) {
  right: 150px;
  top: 45%;
  max-width: 75px;
}

.guest-wrapper-images-single:nth-child(5) {
  left: 0;
  bottom: 0;
  max-width: 65px;
}

.guest-wrapper-images-single:nth-child(6) {
  right: 0;
  bottom: 0;
  max-width: 65px;
}

.guest-wrapper-images-single img {
  border-radius: 50%;
}

.tab-item {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-100%) scale(0);
  transform: translateY(-100%) scale(0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 0;
}

.tab-area .tab-item.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%) scale(1);
  transform: translateY(0%) scale(1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 100%;
}

@-webkit-keyframes slideAnimation {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideAnimation {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.single-guest.center-text .single-guest-thumb {
  margin: auto;
}

.single-guest-thumb {
  max-width: 100px;
}

.single-guest-thumb img {
  border-radius: 50%;
}

.single-guest-two {
  padding: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-guest-two-border {
  border: 2px solid var(--gray-color);
}

.single-guest-two:hover {
  border-color: var(--secondary-color);
}

.single-guest-two-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.single-guest-two-thumb {
  max-width: 60px;
}

.single-guest-two-thumb img {
  border-radius: 50%;
}

.single-guest-two-contents-title {
  font-size: 18px;
  font-weight: 600;
}

.single-guest-two-contents-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  margin-top: 7px;
}

.single-guest-two-contents-country-name {
  font-size: 16px;
  line-height: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-guest-two-para {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
}

/* Shots Gallery Css */
.grid-item:nth-child(1) .single-shots {
  height: 404px !important;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(1) .single-shots {
    height: 345px !important;

  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(1) .single-shots {
    height: 286px !important;

  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(1) .single-shots {
    height: 210px !important;

  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(1) .single-shots {
    height: 237px !important;
  }
}

.grid-item:nth-child(2) .single-shots {
  height: 404px !important;

}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(2) .single-shots {
    height: 345px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(2) .single-shots {
    height: 286px !important;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(2) .single-shots {
    height: 210px !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(2) .single-shots {
    height: 237px !important;
  }
}

.grid-item:nth-child(3) .single-shots {
  height: 404px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(3) .single-shots {
    height: 345px;

  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(3) .single-shots {
    height: 286px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(3) .single-shots {
    height: 210px;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(3) .single-shots {
    height: 237px;
  }
}

.grid-item:nth-child(4) .single-shots {
  height: 404px !important;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(4) .single-shots {
    height: 345px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(4) .single-shots {
    height: 286px !important;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(4) .single-shots {
    height: 210px !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(4) .single-shots {
    height: 237px !important;
  }
}

.grid-item:nth-child(5) .single-shots {
  height: 424px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(5) .single-shots {
    height: 360px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(5) .single-shots {
    height: 300px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(5) .single-shots {
    height: 220px;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(5) .single-shots {
    height: 250px;
  }
}

.grid-item:nth-child(6) .single-shots {
  height: 424px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(6) .single-shots {
    height: 355px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(6) .single-shots {
    height: 295px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(6) .single-shots {
    height: 465px;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(6) .single-shots {
    height: 530px;
  }
}

.grid-item:nth-child(7) .single-shots {
  height: 424px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(7) .single-shots {
    height: 355px;

  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(7) .single-shots {
    height: 295px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(7) .single-shots {
    height: 465px;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(7) .single-shots {
    height: 530px;
  }
}

.grid-item:nth-child(8) .single-shots {
  height: 384px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item:nth-child(8) .single-shots {
    height: 325px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item:nth-child(8) .single-shots {
    height: 286px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item:nth-child(8) .single-shots {
    height: 420px;
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item:nth-child(8) .single-shots {
    height: 480px;
  }
}

.grid-item .single-shots {
  height: 190px;
  border-radius: 10px;
}

.grid-item .single-shots.bg-image {
  background-size: cover;
}

@media only screen and (max-width: 575.98px) {
  .grid-item .single-shots.bg-image {
    background-size: cover;
  }
}

.grid-item .single-shots img {
  border-radius: 10px;
}

.single-shots {
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}

.single-shots::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 0;
}

.single-shots:hover::before {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.single-shots:hover .single-shots-icon {
  visibility: visible;
  opacity: 1;
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%) rotateX(180deg);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%) rotateX(180deg);
}

.single-shots:hover .single-shots-contents {
  visibility: visible;
  opacity: 1;
  z-index: 9;
  bottom: 0;
}

.single-shots-icon {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: var(--main-color-one);
  position: absolute;
  top: 50%;
  left: 50%;
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 91;
}

.single-shots-icon:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.single-shots-contents {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 20px 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-color: var(--main-color-one) transparent;
  -ms-overflow-style: none;
  -moz-appearance: none !important;
  scrollbar-width: thin;
}

.single-shots-contents::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
  border: none;
  border-radius: 10px;
}

.single-shots-contents::-webkit-scrollbar-track {
  background-color: #C2D2E4;
  border-radius: 10px;
}

.single-shots-contents::-webkit-scrollbar-thumb {
  background-color: var(--main-color-one);
  border-radius: 10px;
}

.single-shots-contents-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin: -4px 0 0;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.single-shots-contents-title:hover {
  color: var(--main-color-one);
}

.single-shots-contents-para {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.8);
}

/* Brand Logo Css */
.single-brand-thumb img {
  margin: auto;
}

/* Newsletter Css */
.newsletter-area {
  margin-bottom: -150px;
}

.newsletter-area .container.container-fluid {
  width: 100%;
  max-width: 100%;
  padding: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.newsletter-area .container.container-fluid .newsletter-wrapper {
  border-radius: 0;
}

.newsletter-area .container {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.newsletter-wrapper {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.newsletter-wrapper-padding {
  padding: 50px;
}

@media only screen and (max-width: 480px) {
  .newsletter-wrapper-padding {
    padding: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .newsletter-wrapper-padding {
    padding: 30px 20px;
  }
}

.newsletter-wrapper-shapes img {
  position: absolute;
  z-index: -1;
}

.newsletter-wrapper-shapes img:nth-child(1) {
  left: 0;
  top: 0;
}

.newsletter-wrapper-shapes img:nth-child(2) {
  right: 0;
  top: 0;
}

.newsletter-bg {
  background-color: var(--main-color-one);
}

.newsletter-contents {
  max-width: 600px;
  margin: auto;
}

.newsletter-contents-title {
  font-size: 36px;
  line-height: 42px;
  color: #fff;
  font-weight: 500;
  margin: -7px 0 0;
}

@media only screen and (max-width: 767.98px) {
  .newsletter-contents-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .newsletter-contents-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 480px) {
  .newsletter-contents-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 375px) {
  .newsletter-contents-title {
    font-size: 24px;
  }
}

.newsletter-contents-para {
  color: #fff;
}

.newsletter-contents-form .single-input {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.newsletter-contents-form .single-input .form--control {
  height: 55px;
  border: 1px solid rgba(221, 221, 221, 0.7);
  background-color: #fff;
  color: var(--light-color);
  outline: none;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 20px;
  width: 100%;
  padding-right: 100px;
}

.newsletter-contents-form .single-input .form--control::-webkit-input-placeholder {
  color: var(--light-color);
}

.newsletter-contents-form .single-input .form--control::-moz-placeholder {
  color: var(--light-color);
}

.newsletter-contents-form .single-input .form--control:-ms-input-placeholder {
  color: var(--light-color);
}

.newsletter-contents-form .single-input .form--control::-ms-input-placeholder {
  color: var(--light-color);
}

.newsletter-contents-form .single-input .form--control::placeholder {
  color: var(--light-color);
}

.newsletter-contents-form .single-input .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(var(--secondary-color-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--secondary-color-rgb), 0.1);
  border: rgba(var(--secondary-color-rgb), 0.3);
}

.newsletter-contents-form .single-input button {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  border: 0;
  outline: none;
  padding: 5px 20px;
  background-color: var(--secondary-color);
  color: #fff;
}

/* Sign In Sign Up */
.login-padding {
  padding: 30px;
}

@media only screen and (max-width: 480px) {
  .login-padding {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .login-padding {
    padding: 20px 10px;
  }
}

.single-title {
  font-size: 28px;
  line-height: 36px;
  margin: -6px 0 0;
}

.single-para {
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0 0;
  color: var(--paragraph-color);
}

.login-shadow {
  -webkit-box-shadow: 0 0 10px var(--input-color);
  box-shadow: 0 0 10px var(--input-color);
}

.login-wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .login-wrapper-flex {
    gap: 25px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .login-wrapper-flex {
    gap: 25px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.login-wrapper-thumb {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .login-wrapper-thumb {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
}

.login-wrapper-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 550px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .login-wrapper-contents {
    max-width: 480px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .login-wrapper-contents {
    max-width: 480px;
  }
}

.input-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 480px) {
  .input-flex-item {
    display: block;
  }
}

.input-flex-item .single-input {
  width: 100%;
}

.input-flex-item .single-input:not(:first-child) {
  margin-left: 24px;
}

@media only screen and (max-width: 480px) {
  .input-flex-item .single-input:not(:first-child) {
    margin-left: 0;
  }
}

.input-flex-item .single-input .form--control {
  border: 1px solid rgba(221, 221, 221, 0.4);
}

.single-input {
  display: inline-block;
  width: 100%;
}

.single-input .form--control {
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 10px transparent;
  box-shadow: 0 0 10px transparent;
}

.single-input .form--control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.single-input .form--message {
  padding: 15px 0 0 15px;
}

.label-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
}

@media only screen and (max-width: 480px) {
  .label-title {
    font-size: 15px;
  }
}

.single-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.or-contents {
  text-align: center;
  position: relative;
  z-index: 2;
}

.or-contents::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: rgba(221, 221, 221, 0.4);
  width: 100%;
  height: 1px;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.or-contents-para {
  background: #fff;
  padding: 10px 30px;
  color: var(--light-color);
}

.login-others-single:not(:last-child) {
  margin-bottom: 20px;
}

.login-others-single-btn {
  padding: 13px 10px;
  display: inline-block;
  border: 1px solid rgba(221, 221, 221, 0.4);
  color: var(--heading-color);
  font-weight: 500;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.login-others-single-btn:hover {
  border-color: var(--main-color-one);
  color: var(--heading-color);
  background-color: rgba(var(--main-color-one-rgb), 0.1);
}

.login-others-single-btn img {
  margin-right: 5px;
}

/* Toggle Password hide Show */
.single-input {
  position: relative;
}

.toggle-password {
  position: absolute;
  bottom: 13px;
  right: 20px;
  cursor: pointer;
}

.hide-icon {
  display: none;
}

.toggle-password.show-pass .hide-icon {
  display: block;
}

.toggle-password.show-pass .show-icon {
  display: none;
}

/* History Css */
.history-wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-history-year {
  position: relative;
  z-index: 2;
}

.single-history-year::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 15px;
  border-top: 2px dotted var(--light-color);
  z-index: -1;
}

.single-history-year-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  margin: -4px 0 20px;
  background-color: #fff;
  padding: 0 10px;
}

.single-history-thumb img {
  margin: auto;
}

.single-history-contents {
  margin-top: 15px;
}

.single-history-contents-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-history-contents-title:hover {
  color: var(--main-color-one);
}

.single-history-contents-para {
  font-size: 14px;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-top: 5px;
}

/* Team Css */
.single-team-thumb {
  position: relative;
}

.single-team-thumb img {
  height: 100%;
  width: 100%;
  mask-image: url(../img/single-page/team-mask.png);
  -webkit-mask-image: url(../img/single-page/team-mask.png);
  mask-mode: alpha;
  -webkit-mask-mode: alpha;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center top;
  mask-position: center top;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.single-team-contents {
  margin-top: 20px;
}

.single-team-contents-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

/* Theme One Blog */
.single-blog {
  border-radius: 10px;
  overflow: hidden;
}

.single-blog:hover .single-blog-thumbs img {
  /* IE 9 */
  -webkit-transform: scaleY(1.2) rotate(5deg);
  /* Chrome, Safari, Opera */
  transform: scaleY(1.2) rotate(5deg);
}

.single-blog.blog-two .single-blog-thumbs-date {
  background-color: var(--secondary-color);
}

.single-blog.blog-two .single-blog-contents-tags-item i {
  color: var(--secondary-color);
}

.single-blog.blog-two .single-blog-contents-tags-item a:hover {
  color: var(--secondary-color);
}

.single-blog.blog-two .single-blog-contents-tags-item:not(:first-child)::before {
  background-color: var(--secondary-color);
}

.single-blog-thumbs {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.single-blog-thumbs img {
  -webkit-transition: 300ms;
  transition: 300ms;
}

.single-blog-thumbs-date {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  background-color: var(--main-color-one);
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 5px 15px;
  border-radius: 5px;
}

.single-blog-thumbs-date a {
  display: block;
  text-align: center;
}

.single-blog-thumbs-date .date {
  border-bottom: 1px solid #fff;
  display: block;
}

.single-blog-contents-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-contents-title {
    font-size: 22px;
    line-height: 28px;
  }
}

.single-blog-contents-title:hover {
  opacity: 0.8;
}

.single-blog-contents-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-blog-contents-tags-item {
  font-size: 16px;
  color: var(--light-color);
  position: relative;
}

.single-blog-contents-tags-item i {
  color: var(--main-color-one);
}

.single-blog-contents-tags-item a:hover {
  color: var(--main-color-one);
}

.single-blog-contents-tags-item:not(:last-child) {
  padding-right: 20px;
}

.single-blog-contents-tags-item:not(:first-child) {
  padding-left: 20px;
}

.single-blog-contents-tags-item:not(:first-child)::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  background-color: var(--main-color-one);
  border-radius: 50%;
  top: 50%;
  left: -5px;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
}

.flex-blog-height {
  width: 580px;
  height: 420px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .flex-blog-height {
    width: 400px;
    height: 300px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .flex-blog-height {
    width: 320px;
    height: 280px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .flex-blog-height {
    width: 250px;
    height: 290px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .flex-blog-height {
    width: 250px;
    height: 290px;
  }
}

@media only screen and (max-width: 375px) {
  .flex-blog-height {
    width: 100%;
  }
}

.flex-blog-height-two {
  width: 400px;
  height: 350px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .flex-blog-height-two {
    width: 220px;
    height: 320px;
  }
}

@media only screen and (max-width: 480px) {
  .flex-blog-height-two {
    width: 100%;
  }
}

.single-flex-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-flex-blog {
    gap: 15px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-flex-blog {
    gap: 15px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-flex-blog {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: block !important;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-flex-blog.style-02 {
    gap: 20px;
  }
}

.single-flex-blog.style-02 .single-flex-blog-contents-title {
  font-size: 26px;
  line-height: 36px;
}

@media only screen and (max-width: 480px) {
  .single-flex-blog.style-02 .single-flex-blog-contents-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-flex-blog.style-02 {
    display: block;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-flex-blog.style-02 .single-flex-blog-thumbs {
    margin-bottom: 20px;
    margin: 0 0 30px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-flex-blog.style-02 .single-flex-blog-contents-para {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-flex-blog-thumbs {
    margin-bottom: 20px;
    margin: 0 0 30px;
  }
}

.single-flex-blog-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-flex-blog-contents-dates {
  font-size: 16px;
  color: var(--extra-light-color);
  line-height: 28px;
}

.single-flex-blog-contents-title {
  font-size: 36px;
  line-height: 42px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-flex-blog-contents-title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-flex-blog-contents-title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-flex-blog-contents-title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-flex-blog-contents-title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-flex-blog-contents-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (max-width: 480px) {
  .single-flex-blog-contents-title {
    font-size: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-flex-blog-contents-para {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-flex-blog-contents-para {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-flex-blog-contents-para {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  }
}

/* Blog Details area */
.single-blog-details-thumb img {
  width: 100%;
}

.single-blog-details-content {
  padding: 30px 0 55px;
  border-bottom: 2px solid rgba(221, 221, 221, 0.5);
}

.single-blog-details-content-title {
  font-size: 36px;
  line-height: 42px;
  font-weight: 400;
  margin: -6px 0 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-blog-details-content-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-blog-details-content-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-details-content-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-blog-details-content-title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .single-blog-details-content-title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .single-blog-details-content-title {
    font-size: 24px;
  }
}

.single-blog-details-content-para {
  font-size: 16px;
  line-height: 28px;
  color: var(--light-color);
}

.single-blog-details-content-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-blog-details-content-tags-item {
  font-size: 16px;
  color: var(--extra-light-color);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-blog-details-content-tags-item:not(:last-child) {
  padding-right: 20px;
}

.single-blog-details-content-tags-item:not(:first-child) {
  padding-left: 20px;
}

.single-blog-details-content-tags-item:not(:first-child)::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  left: -5px;
  top: 50%;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--main-color-one);
  border-radius: 50%;
}

.single-blog-details-content-tags-item a {
  position: relative;
  font-weight: 500;
  color: var(--light-color);
  -webkit-transition: 200ms;
  transition: 200ms;
}

.single-blog-details-content-tags-item a:hover {
  color: var(--main-color-one);
}

.single-blog-details-content-tags-item a:not(:last-child)::after {
  content: ",";
  margin: 0 5px;
}

blockquote {
  padding: 50px;
  position: relative;
  border-left: 5px solid var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  blockquote {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  blockquote {
    padding: 15px;
  }
}

blockquote .blockquote-contents-title {
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  margin: -10px 0 0;
  color: var(--heading-color);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  blockquote .blockquote-contents-title {
    font-size: 32px;
    line-height: 45px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  blockquote .blockquote-contents-title {
    font-size: 28px;
    line-height: 42px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  blockquote .blockquote-contents-title {
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767.98px) {
  blockquote .blockquote-contents-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 575.98px) {
  blockquote .blockquote-contents-title {
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 480px) {
  blockquote .blockquote-contents-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 375px) {
  blockquote .blockquote-contents-title {
    font-size: 16px;
    line-height: 28px;
  }
}

/* Blog Details Tag */
.blog-details-share-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .blog-details-share-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.blog-details-share-content.right-align {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .blog-details-share-content.right-align {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.blog-details-share-content-title {
  font-size: 24px;
  line-height: 28px;
  color: var(--heading-color);
  font-weight: 400;
  margin-top: 2px;
}

.blog-details-share-content .blog-details-share-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.blog-details-share-content .blog-details-share-social-list-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  height: 40px;
  width: 40px;
  font-size: 20px;
  background-color: #f2f2f2;
  color: var(--heading-color);
  -webkit-transition: 200ms;
  transition: 200ms;
}

.blog-details-share-content .blog-details-share-social-list-icon:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.blog-details-share-content .blog-details-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.blog-details-share-content .blog-details-tag-list-item {
  font-size: 16px;
  border: 1px solid rgba(221, 221, 221, 0.5);
  padding: 10px 20px;
  color: var(--heading-color);
  border-radius: 3px;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.blog-details-share-content .blog-details-tag-list-item:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

/* Blog Details Comment area */
/* Comment Output */
.details-section-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 50px;
  margin: -10px 0 0;
  color: var(--heading-color);
  position: relative;
  padding-bottom: 15px;
}

.details-section-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 70px;
  background-color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .details-section-title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 480px) {
  .details-section-title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .details-section-title {
    font-size: 26px;
  }
}

.details-comment-content .single-commetns {
  width: 100%;
  margin-top: 30px;
}

.details-comment-content .single-commetns .comment-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--heading-color);
  display: block;
  margin-bottom: 15px;
}

.details-comment-content .single-commetns .form--control {
  height: 60px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  outline: none;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
  font-size: 14px;
  line-height: 22px;
  color: var(--light-color);
  padding: 0 20px;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.details-comment-content .single-commetns .form--control:focus {
  -webkit-box-shadow: 0 0 18px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 18px rgba(var(--main-color-one-rgb), 0.1);
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.details-comment-content .single-commetns .form--message {
  padding: 20px 20px;
  height: 160px;
}

.comments-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 575.98px) {
  .comments-flex-item {
    display: block;
  }
}

.comment-list .comment-list {
  margin-left: 120px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .comment-list .comment-list {
    margin-left: 70px;
  }
}

@media only screen and (max-width: 767.98px) {
  .comment-list .comment-list {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 375px) {
  .comment-list .comment-list {
    margin-left: 30px;
  }
}

.comment-list .blog-details-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 0;
  gap: 30px;
  border-bottom: 2px solid rgba(221, 221, 221, 0.5);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .comment-list .blog-details-flex-content {
    gap: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .comment-list .blog-details-flex-content {
    gap: 10px;
    padding: 30px 0 20px;
  }
}

@media only screen and (max-width: 480px) {
  .comment-list .blog-details-flex-content {
    display: block;
  }
}

.comment-list .blog-details-flex-content .blog-details-thumb {
  height: 80px;
  min-width: 80px;
  border-radius: 10px;
  display: block;
}

@media only screen and (max-width: 480px) {
  .comment-list .blog-details-flex-content .blog-details-thumb {
    width: 80px;
    margin-bottom: 15px;
  }
}

.comment-list .blog-details-flex-content .blog-details-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comment-list .blog-details-flex-content .blog-details-content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.comment-list .blog-details-flex-content .blog-details-content-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

@media only screen and (max-width: 375px) {
  .comment-list .blog-details-flex-content .blog-details-content-title {
    font-size: 18px;
  }
}

.comment-list .blog-details-flex-content .blog-details-content-para {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-color);
  margin-top: 10px;
  line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .comment-list .blog-details-flex-content .blog-details-content-para {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575.98px) {
  .comment-list .blog-details-flex-content .blog-details-content-para {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .comment-list .blog-details-flex-content .blog-details-content-para {
    font-size: 14px;
  }
}

.comment-list .blog-details-flex-content .blog-details-content-date {
  color: var(--extra-light-color);
  margin-top: 5px;
  display: block;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  background-color: var(--main-color-one);
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid var(--main-color-one);
  -webkit-transition: 300ms;
  transition: 300ms;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay:hover {
  color: var(--main-color-one);
  background-color: unset;
}

/* Recent Post */
.blog-details-side-item:not(:first-child) {
  margin-top: 50px;
}

.blog-details-side-inner {
  margin-top: 25px;
}

.blog-details-side-title.open .title::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.blog-details-side-title .title {
  cursor: pointer;
  position: relative;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  background: rgba(var(--main-color-one-rgb), 0.05);
  color: var(--heading-color);
  padding: 12px 20px;
  border-radius: 7px;
}

.blog-details-side-title .title.open::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.blog-details-side-title .title::after {
  content: "\f106";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  right: 20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.recent-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .recent-list-item {
    gap: 15px;
  }
}

.recent-list-item:not(:last-child) {
  margin-bottom: 20px;
}

.recent-list-thumb {
  height: auto;
  max-width: 120px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .recent-list-thumb {
    max-width: 110px;
  }
}

.recent-list-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.recent-list-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.tag-list-item.active .tag-list-link {
  background-color: var(--main-color-one);
  color: #fff;
  border-color: var(--main-color-one);
}

.tag-list-link {
  border: 1px solid #eeeeee;
  font-size: 16px;
  color: var(--light-color);
  padding: 7px 20px;
  display: inline-block;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  white-space: nowrap;
  border-radius: 5px;
}

.tag-list-link:hover {
  background-color: var(--main-color-one);
  color: #fff;
  border-color: var(--main-color-one);
}

/* Contact Css */
.contact-thumb img {
  border-radius: 20px;
}

.contact-map iframe {
  width: 100%;
  height: 400px;
  border-radius: 20px;
}

.contact-padding {
  padding: 30px;
}

.contact-wrapper {
  -webkit-box-shadow: 0 0 10px var(--input-color);
  box-shadow: 0 0 10px var(--input-color);
}

/* Shop Area */
.shop-area {
  overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-area .global-card.book-filter-padding {
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .shop-area .global-card.book-filter-padding {
    padding: 10px;
  }
}

.shop-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-right {
    gap: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .shop-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
  }
}

.shop-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-contents-wrapper {
    display: block;
  }
}

.shop-contents-wrapper .shop-sidebar-content {
  width: 330px;
  margin-right: 30px;
  position: sticky;
  top: 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-contents-wrapper .shop-sidebar-content {
    width: 300px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-contents-wrapper .shop-sidebar-content {
    width: 250px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-contents-wrapper .shop-sidebar-content {
    width: 375px;
    position: unset;
  }
}

.shop-contents-wrapper .shop-grid-contents {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-contents-wrapper .shop-grid-contents {
    max-height: 1410px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-contents-wrapper .shop-grid-contents {
    max-height: 1410px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.single-shop-left {
  padding: 25px 25px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-shop-left {
    padding: 22px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-shop-left {
    padding: 15px 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-shop-left {
    padding: 15px 20px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-shop-left {
    padding: 15px 20px 20px;
  }
}

.single-shop-left-title.open .title::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.single-shop-left-title .title {
  cursor: pointer;
  position: relative;
  font-size: 20px;
  line-height: 36px;
  margin: -4px 0 0;
}

.single-shop-left-title .title::after {
  content: "\f106";
  content: "\f106";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.single-shop-left-list .item-search {
  position: relative;
  margin: 15px 0;
}

.single-shop-left-list .item-search .form--control {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  border: 1px solid var(--input-color);
  background-color: unset;
  outline: none;
  color: var(--light-color);
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  padding-right: 40px;
}

.single-shop-left-list .item-search .form--control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

@media only screen and (max-width: 480px) {
  .single-shop-left-list .item-search .form--control {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .single-shop-left-list .item-search .form--control {
    font-size: 14px;
  }
}

.single-shop-left-list .item-search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  font-size: 20px;
  cursor: pointer;
}

.single-shop-left-list .more-amenities {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-color-one);
  text-decoration: underline;
  margin-top: 15px;
  font-family: "Jost", sans-serif;
}

.single-shop-left-list .item {
  font-size: 16px;
  line-height: 30px;
  position: relative;
  text-align: left;
  z-index: 2;
  padding-left: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-shop-left-list .item::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  left: 0;
  top: 11px;
  background: none;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-shop-left-list .item::before {
    top: 9px;
  }
}

.single-shop-left-list .item a {
  display: block;
  padding: 7px 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-shop-left-list .item a {
    padding: 5px 0;
  }
}

.single-shop-left-list .item.show>.submenu {
  display: block;
}

.single-shop-left-list .item.active::before {
  font-family: "Jost", sans-serif;
  font-weight: 900;
  content: "\f00c";
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}

.single-shop-left-list .item.active>a {
  color: var(--light-color);
  font-weight: 500;
}

.single-shop-left-list .item:hover>a {
  color: var(--main-color-one);
}

.single-shop-left-list .item:hover::before {
  border-color: var(--main-color-one);
}

.single-shop-left-list .item.menu-item-has-children {
  padding-left: 0;
}

.single-shop-left-list .item.menu-item-has-children:hover::after {
  color: var(--main-color-one);
}

.single-shop-left-list .item.menu-item-has-children::before {
  display: none !important;
  border: 0;
}

.single-shop-left-list .item.menu-item-has-children>.submenu {
  padding-left: 20px;
}

.single-shop-left-list .item .submenu {
  display: none;
}

.single-shop-left-list .item .submenu .list {
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
}

.single-shop-left-list .item .submenu .list::before {
  top: 6px;
  height: 18px;
  width: 18px;
  font-size: 12px;
}

.single-shop-left-list .item .submenu .list a {
  padding: 5px 0;
}

.single-shop-left-list .item.menu-item-has-children::after {
  content: "\f067";
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
  z-index: -1;
}

.single-shop-left-list .item.menu-item-has-children.open::after {
  content: "\f068";
}

.single-shop-left-list .item:last-child a {
  padding-bottom: 0;
}

.single-shop-left-filter-list {
  padding: 0;
}

.single-shop-left-filter-list .item {
  position: relative;
  z-index: 2;
  display: block;
  padding-left: 30px;
  margin-top: 10px;
  line-height: 30px;
}

.single-shop-left-filter-list .item.active::before {
  font-family: "Jost", sans-serif;
  font-weight: 900;
  content: "\f00c";
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}

.single-shop-left-filter-list .item a {
  font-size: 16px;
  line-height: 26px;
  color: var(--secondary-color);
}

.single-shop-left-filter-list .item::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  left: 0;
  top: 4px;
  background: none;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.shop-icon {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-icon {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-icon-sidebar {
    font-size: 24px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--main-color-one);
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    z-index: 95;
    color: #fff;
    margin-bottom: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-close-content {
    z-index: 1;
    position: absolute;
    left: -100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 99;
    background: #fff;
    max-width: 375px;
    display: block;
    padding: 20px;
    transition: all 0.5s;
  }

  .shop-close-content.active {
    visibility: visible;
    opacity: 1;
    left: 0;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
  .shop-close-content {
    max-width: 320px;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
  .shop-close-content {
    max-width: 270px;
  }
}

.shop-close-content-icon {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-close-content-icon {
    display: block;
    position: absolute;
    right: -40px;
    top: 0;
    font-size: 24px;
    color: #fff;
    background: var(--main-color-one);
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
  .shop-close-content-icon {
    height: 28px;
    width: 28px;
    font-size: 20px;
    right: -28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .responsive-overlay {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .responsive-overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    left: 0;
  }
}

/* Hotel List View Css */
.grid-list-contents-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}

.grid-list-contents-para {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

.grid-list-view {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.grid-list-view-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
}

.grid-list-view-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  font-size: 24px !important;
  background-color: #fff;
  color: var(--light-color);
}

.grid-list-view-icons.active {
  background-color: rgba(var(--main-color-one-rgb), 0.2);
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.hotel-view {
  overflow: hidden;
}

.hotel-view:hover .hotel-view-list-thumb::before,
.hotel-view:hover .hotel-view-list-thumb::after {
  visibility: visible;
  opacity: 1;
  left: 100%;
}

.hotel-view:hover .hotel-view-list-thumb::after {
  left: auto;
  right: 100%;
}

.hotel-view-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 767.98px) {
  .hotel-view-flex {
    display: -ms-grid;
    display: grid;
  }
}

.hotel-view-list-thumb {
  height: 326px;
  width: 300px;
  background-size: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .hotel-view-list-thumb {
    background-size: cover;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .hotel-view-list-thumb {
    width: 250px;
    height: 435px;
    background-size: cover;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .hotel-view-list-thumb {
    width: 250px;
    height: 360px;
    background-size: cover;
  }
}

@media only screen and (max-width: 767.98px) {
  .hotel-view-list-thumb {
    background-size: contain;
    margin: 0px auto 0;
    width: 100%;
    height: 561px;
  }
}

@media only screen and (max-width: 575.98px) {
  .hotel-view-list-thumb {
    height: 497px;
  }
}

@media only screen and (max-width: 480px) {
  .hotel-view-list-thumb {
    min-height: 250px;
    height: 382px;
  }
}

@media only screen and (max-width: 375px) {
  .hotel-view-list-thumb {
    min-height: 250px;
    height: 322px;
  }
}

.hotel-view-list-thumb:hover {
  /* IE 9 */
  -webkit-transform: scale(1.2);
  /* Chrome, Safari, Opera */
  transform: scale(1.2);
}

.hotel-view-list-thumb::before,
.hotel-view-list-thumb::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50px;
  left: -100%;
  top: 0;
  background-color: rgba(255, 255, 255, 0.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.hotel-view-list-thumb::after {
  left: auto;
  right: -100%;
}

.hotel-view-grid-thumb {
  height: 215px;
  width: 100%;
  background-size: contain;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .hotel-view-grid-thumb {
    height: 213px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .hotel-view-grid-thumb {
    height: 178px;
    background-size: cover;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .hotel-view-grid-thumb {
    height: 148px;
    background-size: cover;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .hotel-view-grid-thumb {
    height: 157px;
  }
}

@media only screen and (max-width: 767.98px) {
  .hotel-view-grid-thumb {
    height: 240px;
  }
}

@media only screen and (max-width: 575.98px) {
  .hotel-view-grid-thumb {
    height: 257px;
    background-size: cover;
  }
}

@media only screen and (max-width: 480px) {
  .hotel-view-grid-thumb {
    height: 200px;
    background-size: cover;
  }
}

@media only screen and (max-width: 375px) {
  .hotel-view-grid-thumb {
    height: 170px;
    background-size: cover;
  }
}

.hotel-view-thumb {
  overflow: hidden;
}

.hotel-view-thumb:hover img {
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

.hotel-view-thumb img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hotel-view-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hotel-view-contents-header {
  padding: 25px 20px 20px;
}

.hotel-view-contents-review {
  background-color: rgba(var(--secondary-color-rgb), 0.1);
  padding: 5px 15px;
  border-radius: 5px;
  color: var(--secondary-color);
}

.hotel-view-contents-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 10px;
}

.hotel-view-contents-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px;
  margin-top: 10px;
}

.hotel-view-contents-location-icon {
  font-size: 20px;
  display: inline-block;
}

.hotel-view-contents-location-para {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hotel-view-contents-middle {
  padding: 10px 20px;
  border-top: 1px solid var(--input-color);
  border-bottom: 1px solid var(--input-color);
}

.hotel-view-contents-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .hotel-view-contents-flex {
    gap: 5px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .hotel-view-contents-flex {
    gap: 5px 15px;
  }
}

.hotel-view-contents-icon {
  font-size: 20px;
  color: var(--light-color);
}

.hotel-view-contents-icon-title {
  font-size: 15px;
  line-height: 28px;
}

.hotel-view-contents-icon-more {
  color: var(--main-color-one);
  color: var(--main-color-one);
  text-decoration: underline;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hotel-view-contents-icon-more:hover {
  color: var(--main-color-one);
}

.hotel-view-contents-bottom {
  padding: 15px 20px 25px;
}

.hotel-view-contents-bottom-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.hotel-view-contents-bottom-title {
  color: var(--main-color-one);
  font-size: 24px;
  font-weight: 600;
}

.hotel-view-contents-bottom-title sub {
  font-size: 20px;
  font-weight: 500;
}

.hotel-view-contents-bottom-para {
  font-size: 16px;
  margin-top: 10px;
}

/* Hotel Details Css */
.details-contents {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.details-contents-main-thumb {
  height: 356px;
  background-size: contain;
  border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .details-contents-main-thumb {
    height: 305px;
    background-size: cover;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .details-contents-main-thumb {
    height: 217px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .details-contents-main-thumb {
    height: 286px;
    background-size: cover;
  }
}

@media only screen and (max-width: 575.98px) {
  .details-contents-main-thumb {
    height: 250px;
  }
}

@media only screen and (max-width: 480px) {
  .details-contents-main-thumb {
    height: 200px;
  }
}

@media only screen and (max-width: 375px) {
  .details-contents-main-thumb {
    height: 170px;
  }
}

.details-contents-header {
  padding: 20px 20px 0;
}

.details-contents-header-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 24px;
}

.details-contents-header-thumb {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.details-contents-header-thumb:hover img {
  /* IE 9 */
  -webkit-transform: scale(1.1);
  /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

.details-contents-header-thumb:hover .more-photos {
  visibility: visible;
  opacity: 1;
  bottom: 10px;
  right: 10px;
}

.details-contents-header-thumb img {
  border-radius: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.details-contents-header-thumb .more-photos {
  position: absolute;
  bottom: -100px;
  right: -100px;
  background-color: var(--main-color-one);
  color: #fff;
  padding: 7px 20px;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* details tab */
.details-contents-tab .tab-content-item {
  padding: 20px;
}

.details-tab-border {
  border-bottom: 1px solid var(--input-color);
}

.details-tab li {
  position: relative;
  margin-left: 20px;
  padding-bottom: 15px;
  font-weight: 600;
  color: var(--paragraph-color);
}

.details-tab li::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: var(--main-color-one);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}

.details-tab li.active::before {
  width: 100%;
  visibility: visible;
  opacity: 1;
}

.details-tab li+li {
  margin-left: 0;
}

.details-tab li:not(:last-child) {
  margin-right: 20px;
}

.review-tab-contents-author-name {
  font-size: 20px;
  font-weight: 600;
}

.review-tab-contents-author-para {
  font-size: 16px;
  line-height: 24px;
}

.review-tab-contents-single:not(:first-child) {
  padding-top: 20px;
}

.review-tab-contents-single:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--input-color);
}

/* hotel Details Sidebar Css */
.hotel-details-widget {
  border-radius: 10px;
  overflow: hidden;
}

.hotel-details-widget-padding {
  padding: 20px;
}

.hotel-details-widget:not(:last-child) {
  margin-bottom: 25px;
}

.hotel-details-widget .hotel-view-grid-thumb {
  height: 195px;
}

.details-sidebar-dropdown {
  display: flow-root;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--input-color);
}

.details-sidebar-dropdown-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.details-sidebar-dropdown-single:not(:first-child) {
  padding-left: 25px;
  border-left: 1px solid var(--input-color);
}

.details-sidebar-dropdown-single:not(:last-child) {
  padding-right: 25px;
}

.details-sidebar-dropdown-title {
  font-size: 15px;
  color: var(--paragraph-color);
  margin-bottom: 10px;
}

.details-sidebar-dropdown .js-select {
  border: 0;
  padding: 0;
  height: auto;
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-font);
  color: var(--heading-color);
}

.details-sidebar-dropdown .js-select::after {
  right: 0;
  margin-top: -2px;
}

.details-sidebar-quantity-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 10px;
}

.details-sidebar-quantity-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .details-sidebar-quantity-item {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
  }
}

.details-sidebar-quantity-title {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.details-sidebar-quantity-field {
  border: 1px solid var(--input-color);
  padding: 10px 10px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.details-sidebar-quantity-field .quantity-input {
  border: 0;
  outline: none;
  background-color: unset;
  text-align: center;
  max-width: 40px;
  width: 100%;
  -moz-appearance: textfield;
}

.details-sidebar-quantity-field .quantity-input::-webkit-inner-spin-button,
.details-sidebar-quantity-field .quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.details-sidebar-quantity-field .minus,
.details-sidebar-quantity-field .plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--input-color);
  height: 25px;
  width: 25px;
  border-radius: 3px;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.details-sidebar-quantity-field .minus:hover,
.details-sidebar-quantity-field .plus:hover {
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.details-sidebar-offer {
  background-color: #42C2FF;
  padding: 50px 30px;
  position: relative;
  z-index: 2;
}

.details-sidebar-offer-shapes {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: -1;
}

/* Checkout */
.summery-title {
  font-size: 36px;
  line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .summery-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575.98px) {
  .summery-title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .summery-title {
    font-size: 28px;
  }
}

.checkout-title i {
  color: var(--main-color-one);
}

.checkout-single {
  padding: 20px;
}

.checkout-single:not(:last-child) {
  margin-bottom: 24px;
}

.checkout-single .checkout-title {
  font-size: 24px;
  font-weight: 600;
}

.click-open-form:hover {
  color: var(--main-color-one);
  font-weight: 500;
}

.checkout-form-open {
  max-width: 500px;
  background: #fff;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
}

.checkout-form-open.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
}

.checkout-signup-form-wrapper {
  max-width: 700px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.checkout-signup-form-wrapper.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
  background: #fff;
}

.checkout-address-form-wrapper {
  max-width: 700px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.checkout-address-form-wrapper.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
  background: #fff;
}

.create-accounts {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
  color: var(--heading-color) !important;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .create-accounts {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575.98px) {
  .create-accounts {
    font-size: 16px;
  }
}

.create-accounts:hover {
  color: var(--heading-color);
}

.create-accounts::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  border: 1px solid #DDD;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.create-accounts.active::before {
  content: "\f00c";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  background: var(--main-color-one);
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  border-color: var(--main-color-one);
}

.checkout-form .input-flex-item .single-input .form--message {
  height: 120px;
}

.checkout-form .checkbox-inlines .checkbox-label {
  color: var(--heading-color);
  font-size: 18px;
}

.checkout-order-summery {
  padding: 40px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .checkout-order-summery {
    padding: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .checkout-order-summery {
    padding: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .checkout-order-summery {
    padding: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .checkout-order-summery {
    padding: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .checkout-order-summery {
    padding: 20px 10px;
  }
}

.checkout-cart-wrapper {
  max-height: 240px;
  overflow-y: auto;
}

.single-checkout-cart-items .single-check-carts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb {
  height: 100px;
  width: 100px;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents {
  text-align: left;
  margin-left: 10px;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents .product-items {
  margin-top: 10px;
}

.single-checkout-cart-items .single-check-carts .checkout-cart-price {
  font-size: 18px;
}

.coupon-form {
  position: relative;
}

.coupon-form .single-input .form--control {
  height: 60px;
  background: #fff;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.coupon-form .single-input .form--control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.coupon-form .apply-coupon {
  position: absolute;
  right: 5px;
  height: 50px;
  border: 0;
  outline: none;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--main-color-one);
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.coupon-form .apply-coupon:hover {
  background: none;
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.btn-coupon {
  outline: none;
  border: 1px solid #DDD;
  background: #DDD;
  padding: 15px;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-coupon.btn-bg-heading {
  background: var(--heading-color);
  color: #fff;
  border: 2px solid transparent;
}

.btn-coupon.btn-bg-heading:hover {
  background: none;
  color: var(--heading-color);
  border-color: var(--heading-color);
}

.lock-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
}

.lock-contents-icon {
  font-size: 24px;
}

.lock-contents-icon img {
  max-width: 25px;
}

.lock-contents-para {
  font-size: 16px;
  line-height: 32px;
}

.guaranty-cancellation {
  background-color: rgba(var(--success-color-rgb), 0.05);
  padding: 20px;
  border: 1px solid var(--success-color);
}

@media only screen and (max-width: 375px) {
  .guaranty-cancellation {
    padding: 10px;
  }
}

.guaranty-cancellation-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: -4px 0 0;
}

@media only screen and (max-width: 375px) {
  .guaranty-cancellation-title {
    font-size: 18px;
  }
}

.guaranty-cancellation-para {
  font-size: 16px;
  color: var(--paragraph-color);
  margin-top: 10px;
}

@media only screen and (max-width: 375px) {
  .guaranty-cancellation-para {
    font-size: 14px;
  }
}

/* Checkout Sidebar Css */
.checkout-widget-padding {
  padding: 20px;
}

.checkout-widget:not(:last-child) {
  margin-bottom: 24px;
}

.checkout-sidebar-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: -4px 0 0;
}

.checkout-border-top {
  border-top: 1px solid var(--input-color);
}

.checkout-flex-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--paragraph-color);
  font-size: 16px;
}

.checkout-flex-list .list:not(:first-child) {
  padding-top: 15px;
}

.checkout-flex-list .list:not(:last-child) {
  padding-bottom: 15px;
}

.checkout-flex-list .list .strong {
  font-weight: 600;
  color: var(--heading-color);
}

.checkout-flex-list .list .color-one {
  color: var(--main-color-one);
}

.checkout-car {
  position: relative;
}

.checkout-car-contents-title {
  font-size: 22px;
  font-weight: 600;
}

.checkout-car-contents-para {
  font-size: 16px;
  line-height: 28px;
  color: var(--paragraph-color);
}

.checkout-car-shape {
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 0;
  width: 100%;
}

.checkout-car-shape img {
  width: 100%;
}

/* Confirmation Css */
.confirmation-contents {
  max-width: 650px;
  margin: auto;
  padding: 40px 30px;
  background-color: #fff;
}

.confirmation-contents-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  background-color: var(--main-color-one);
  color: #fff;
  border-radius: 50%;
  font-size: 40px;
  margin: 0 auto 25px;
}

.confirmation-contents-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: -4px 0 0;
}

.confirmation-contents-para {
  font-size: 16px;
  line-height: 26px;
  margin-top: 20px;
}

.confirmation-contents-para a {
  color: var(--main-color-one);
  font-weight: 500;
}

/* Dashboard area */
.dashboard-list .list.active>a .badge-notification {
  background-color: #fff;
  color: var(--main-color-one);
}

.badge-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  height: 22px;
  width: 22px;
  background: var(--main-color-one);
  color: #fff;
  border-radius: 3px;
}

@media only screen and (max-width: 575.98px) {
  .showing-contents {
    text-align: center;
  }
}

.dashboard-padding {
  padding: 50px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-padding {
    padding: 40px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-padding {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-padding {
    padding: 20px 10px;
  }
}

.dashboard-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 35px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-contents-wrapper {
    gap: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-contents-wrapper {
    gap: 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-contents-wrapper {
    display: block;
  }
}

.dashboard-left-content {
  background: #fff;
  text-align: center;
  height: 100%;
  padding: 0;
  border-radius: 20px;
  display: block;
  padding: 40px 20px;
  width: 335px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-left-content {
    height: calc(100vh - 80px);
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-left-content {
    height: calc(100vh - 60px);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-left-content {
    height: calc(100vh - 40px);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-left-content {
    height: calc(100vh - 40px);
    padding: 30px 10px;
    width: 300px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-left-content {
    height: 100vh;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-left-content {
    max-width: 280px;
  }
}

.dashboard-list .list.active>a {
  background: var(--main-color-one);
  font-weight: 500;
  color: #fff;
}

.dashboard-list .list.has-children.open.show .submenu {
  display: block;
}

.dashboard-list .list.has-children.open>a::after {
  content: "\f068";
}

.dashboard-list .list.has-children>a {
  position: relative;
}

.dashboard-list .list.has-children>a::after {
  content: "\f067";
  content: "\f067";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  position: absolute;
  right: 15px;
  font-size: 18px;
}

.dashboard-list .list.show>.submenu {
  display: block;
}

.dashboard-list .list a {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--heading-color);
  font-family: "Jost", sans-serif;
  gap: 15px;
  padding: 14px 15px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard-list .list>.submenu {
  padding-left: 40px;
  display: none;
}

.dashboard-list .list>.submenu .list.has-children>a {
  font-size: 16px;
}

.dashboard-list .list>.submenu .list.selected a {
  color: var(--main-color-one);
}

.dashboard-list .list>.submenu .list.selected a::before {
  background: var(--main-color-one);
}

.dashboard-list .list>.submenu .list a {
  font-size: 14px;
  line-height: 22px;
  padding: 3px 0 3px 15px;
  position: relative;
  font-weight: 400;
}

.dashboard-list .list>.submenu .list a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  background: #999;
  border-radius: 50%;
}

.dashboard-right-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* Dashboard Promo */
.orders-child:nth-child(4n+1) .single-order {
  background: #ec7f20;
}

.orders-child:nth-child(4n+3) .single-order {
  background: #e11414;
}

.orders-child:nth-child(4n+2) .single-order {
  background: #289769;
}

.dashboard-promo {
  margin-bottom: 25px;
}

.single-order {
  background: var(--main-color-one);
  padding: 35px 30px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.single-order.style-padding {
  padding: 29px 25px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-order {
    padding: 20px 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-order {
    padding: 20px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-order {
    padding: 25px 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-order {
    padding: 20px 15px;
  }
}

.single-order-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-order-flex {
    gap: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-order-flex {
    gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-order-flex {
    gap: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-order-flex {
    gap: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-order-flex {
    gap: 10px;
  }
}

.single-order-icon {
  font-size: 120px;
  color: #fff;
  position: absolute;
  bottom: -30px;
  right: -30px;
  color: #fff;
  opacity: 0.2;
}

.single-order-contents-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
  color: #fff;
  margin-top: 20px;
  word-break: break-all;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-order-contents-title {
    font-size: 34px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-order-contents-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-order-contents-title {
    font-size: 28px;
  }
}

.single-order-contents-subtitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #fff;
  font-family: "Jost", sans-serif;
}

@media only screen and (max-width: 767.98px) {
  .single-order-contents-subtitle {
    font-size: 15px;
  }
}

/* Dashboard Reservation */
.base-padding {
  padding: 20px;
}

.dash-btn {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 20px;
  background-color: #f3f3f3;
  color: var(--heading-color);
  border-radius: 7px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dash-btn:hover {
  background-color: var(--main-color-one);
  color: #fff;
}

.dash-btn.btn-bg-1 {
  background-color: var(--main-color-one);
  color: #fff;
}

.dash-btn.btn-bg-1:hover {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
}

.dash-btn.btn-pending {
  background-color: #FF8D29;
  color: #fff;
}

.dash-btn.btn-pending:hover {
  background-color: #ff8d29b8;
}

.dash-btn.btn-cancelled {
  background-color: #FC4F4F;
  color: #fff;
}

.dash-btn.btn-cancelled:hover {
  background-color: var(--main-color-one);
}

.dash-btn.btn-accepted {
  background-color: var(--main-color-one);
  color: #fff;
}

.dash-btn.btn-accepted:hover {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
}

.dash-btn.btn-completed {
  background-color: #36AE7C;
  color: #fff;
}

.dash-btn.btn-completed:hover {
  background-color: var(--main-color-one);
}

.popup-contents-select .form--message {
  border-radius: 10px;
}

.single-reservation {
  border-radius: 20px;
  position: relative;
}

.single-reservation:not(:first-child) {
  margin-top: 25px;
}

.single-reservation-expandIcon {
  position: absolute;
  right: 20px;
  top: 35px;
  cursor: pointer;
  background: var(--input-color);
  color: var(--heading-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-reservation-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin: -4px 0 0;
}

.single-reservation.open .single-reservation-expandIcon {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.single-reservation.show .single-reservation-inner {
  display: block;
}

.single-reservation-inner {
  margin-top: 30px;
  border-top: 2px solid #f3f3f3;
  padding-top: 30px;
  display: none;
}

.single-reservation-inner.show {
  display: block;
}

.single-reservation-head {
  padding-right: 40px;
  -webkit-transition: 5s;
  transition: 5s;
}

.single-reservation-item:not(:first-child) {
  padding-top: 10px;
  border-top: 2px solid #f3f3f3;
}

.single-reservation-item:not(:last-child) {
  padding-bottom: 30px;
}

.single-reservation-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.single-reservation-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-reservation-content-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.single-reservation-content-id {
  color: var(--main-color-one);
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

.single-reservation-content-price {
  font-size: 24px;
  font-weight: 600;
  color: var(--main-color-one);
  margin-top: 10px;
}

.single-reservation-name-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-reservation-name-title {
  font-size: 24px;
  line-height: 28px;
  margin: -4px 0 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media only screen and (max-width: 480px) {
  .single-reservation-name-title {
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 375px) {
  .single-reservation-name-title {
    font-size: 18px;
  }
}

.single-reservation-name-para {
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media only screen and (max-width: 480px) {
  .single-reservation-name-para {
    font-size: 15px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 375px) {
  .single-reservation-name-para {
    font-size: 14px;
  }
}

.single-reservation-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 0;
}

.single-reservation-details-item {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.single-reservation-details-item:not(:first-child) {
  padding-left: 20px;
  border-left: 2px solid #f3f3f3;
}

@media only screen and (max-width: 480px) {
  .single-reservation-details-item:not(:first-child) {
    padding: 0;
    border: none;
  }
}

.single-reservation-details-item:not(:last-child) {
  padding-right: 20px;
}

@media only screen and (max-width: 480px) {
  .single-reservation-details-item:not(:last-child) {
    padding-right: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-reservation-details-item {
    width: 50%;
  }

  .single-reservation-details-item:nth-child(2n+3) {
    padding-left: 0;
    border-left: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-reservation-details-item {
    width: 50%;
  }

  .single-reservation-details-item:nth-child(2n+3) {
    padding-left: 0;
    border-left: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-reservation-details-item {
    width: 50%;
  }

  .single-reservation-details-item:nth-child(2n+3) {
    padding-left: 0;
    border-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  .single-reservation-details-item {
    width: 100%;
  }
}

.single-reservation-details-subtitle {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-bottom: 10px;
}

.single-reservation-details-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--heading-color);
  line-height: 24px;
}

.single-reservation-logoPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.single-reservation-logoPrice-thumb {
  max-width: 50px;
}

.single-reservation-logoPrice-code {
  font-size: 16px;
  font-weight: 700;
  color: var(--heading-color);
}

.single-reservation-request-list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 20px;
  background-color: #fff;
  padding-bottom: 50px;
}

@media only screen and (max-width: 375px) {
  .single-reservation-request-list-item {
    gap: 10px;
  }
}

.single-reservation-request-list-item.success::before {
  background-color: #65C18C;
}

.single-reservation-request-list-item::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  top: 35px;
  left: 17px;
  background: #f3f3f3;
  z-index: 0;
}

.single-reservation-request-list-item:last-child {
  padding-bottom: 0;
}

.single-reservation-request-list-item:last-child::before {
  display: none;
}

.single-reservation-request-list-item.success .single-reservation-request-list-item-number {
  border-color: #65C18C;
  color: #fff;
}

.single-reservation-request-list-item.success .single-reservation-request-list-item-number::before {
  background-color: #65C18C;
  content: "\f00c";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
}

.single-reservation-request-list-item.current .single-reservation-request-list-item-number {
  border-color: var(--main-color-one);
  color: #fff;
}

.single-reservation-request-list-item.current .single-reservation-request-list-item-number::before {
  background-color: var(--main-color-one);
}

.single-reservation-request-list-item-number {
  display: inline-block;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #f3f3f3;
  background-color: unset;
}

.single-reservation-request-list-item-number::before {
  content: "";
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  top: 5px;
  left: 5px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
}

.single-reservation-request-list-item-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-reservation-author-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}

@media only screen and (max-width: 375px) {
  .single-reservation-author-flex {
    display: -ms-grid;
    display: grid;
  }
}

.single-reservation-author-active {
  font-size: 16px;
  font-weight: 500;
  color: var(--paragraph-color);
}

.single-reservation-author-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-reservation-author-contents-subtitle {
  font-size: 16px;
  color: var(--main-color-one);
  margin-bottom: 10px;
}

.single-reservation-author-contents-title {
  font-size: 20px;
  font-weight: 600;
}

.single-reservation-author-thumb {
  max-width: 60px;
}

.single-reservation-author-thumb img {
  border-radius: 50%;
}

.single-reservation-author-footer {
  margin-top: 30px;
}

.single-reservation-author-footer-bottom {
  margin-top: 30px;
}

.single-reservation-author-para {
  font-size: 16px;
  line-height: 26px;
}

.single-reservation-author-para:not(:first-child) {
  padding-top: 25px;
}

.single-reservation-author-luggages {
  margin-bottom: 25px;
}

.single-reservation-author-luggages-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-reservation-author-luggages-thumb {
  max-width: 80px;
}

.single-reservation-tags-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-reservation-tags-item {
  padding: 10px 20px;
  display: inline-block;
  font-size: 16px;
  background-color: rgba(84, 22, 144, 0.1);
  color: #541690;
  line-height: 20px;
  white-space: nowrap;
  border-radius: 5px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-reservation-tags-item:hover {
  background-color: #541690;
  color: #fff;
}

.single-reservation-tags-item.lost {
  background-color: rgba(235, 83, 83, 0.1);
  color: #EB5353;
}

.single-reservation-tags-item.lost:hover {
  background-color: #EB5353;
  color: #fff;
}

.single-reservation-tags-item.hotel {
  background-color: rgba(101, 193, 140, 0.1);
  color: #65C18C;
}

.single-reservation-tags-item.hotel:hover {
  background-color: #65C18C;
  color: #fff;
}

.single-reservation-attachment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.single-reservation-attachment-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-reservation-attachment-list-item:hover {
  color: var(--main-color-one);
}

.single-reservation-attachment-list-item-icon {
  font-size: 18px;
  color: var(--main-color-one);
}

.single-reservation-attachment-list-item-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--paragraph-color);
}

.single-reservation-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 0px;
  flex-direction: column;
}

.single-reservation-contact-item {
  max-width: max-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}


@media only screen and (max-width: 480px) {
  .single-reservation-contact-item:not(:first-child) {
    padding: 0;
    border: none;
  }
}

.single-reservation-contact-item:not(:last-child) {
  padding-right: 30px;
}

@media only screen and (max-width: 480px) {
  .single-reservation-contact-item:not(:last-child) {
    padding-right: 0;
  }
}

.single-reservation-contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-reservation-contact-list:hover {
  color: var(--main-color-one);
}

/* Dashboard Checkbox */
.dashboard-checkbox-wrapper {
  margin-top: 30px;
}

.dashboard-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
}

.dashboard-checkbox.check-success .check-input {
  border-radius: 50%;
}

.dashboard-checkbox.check-success .check-input:checked {
  background: #65C18C;
  border-color: #65C18C;
}

.dashboard-checkbox.check-success .check-input:checked+.checkbox-label {
  color: #65C18C;
}

.dashboard-checkbox .check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  line-height: 18px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0px;
  margin-top: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard-checkbox .check-input::after {
  content: "\f00c";
  font-family: "Jost", sans-serif;
  font-weight: 900;
  font-size: 10px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.6) rotate(90deg);
  transform: scale(1.6) rotate(90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.dashboard-checkbox .check-input:checked {
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}

.dashboard-checkbox .check-input:checked::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.2) rotate(0deg);
  transform: scale(1.2) rotate(0deg);
}

.dashboard-checkbox .check-input:checked+.checkbox-label {
  color: var(--main-color-one);
}

.dashboard-checkbox .checkbox-label {
  cursor: pointer;
  text-align: left;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: var(--heading-color);
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 575.98px) {
  .dashboard-checkbox .checkbox-label {
    font-size: 15px;
  }
}

.dashboard-checkbox .checkbox-label a {
  color: var(--main-color-one);
  font-weight: 500;
}

/* Dashboard Close */
@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-left-content {
    z-index: 1;
    position: absolute;
    left: -100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 995;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    display: block;
    height: 100vh;
    transition: all 0.5s;
  }

  .dashboard-left-content.active {
    visibility: visible;
    opacity: 1;
    left: 0;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
  .dashboard-left-content {
    width: 280px;
  }
}

.dashboard-left-content .close-bars {
  position: absolute;
  right: 0px;
  top: 0;
  font-size: 24px;
  color: #fff;
  background: var(--main-color-one);
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-left-content .close-bars {
    visibility: visible;
    opacity: 1;
  }
}

.dashboard-icon {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-icon {
    display: block;
  }
}

.dashboard-icon .sidebar-icon {
  font-size: 28px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  width: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--customer-profile);
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  z-index: 95;
  border-radius: 5px;
  color: #fff;
  background-color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .body-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 990;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .body-overlay.active {
    visibility: visible;
    opacity: 1;
  }
}

.dashboard-flex-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /*align-items: center;*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

@media only screen and (max-width: 480px) {
  .dashboard-flex-input {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767.98px) {
  .dashboard-flex-input.flex-input-3 {
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.dashboard-flex-input .dashboard-input {
  width: 100%;
}

.dashboard-flex-input .dashboard-input .form--control {
  width: 100%;
}

.dashboard-form .dashboard-input,
.dashboard-form .form-group {
  width: 100%;
  position: relative;
}

.dashboard-form .dashboard-input .label-title,
.dashboard-form .form-group .label-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  color: var(--heading-color);
}

@media only screen and (max-width: 480px) {

  .dashboard-form .dashboard-input .label-title,
  .dashboard-form .form-group .label-title {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {

  .dashboard-form .dashboard-input .label-title,
  .dashboard-form .form-group .label-title {
    font-size: 14px;
  }
}

.dashboard-form .dashboard-input .input-icon,
.dashboard-form .form-group .input-icon {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.dashboard-form .dashboard-input .iti,
.dashboard-form .form-group .iti {
  width: 100%;
}

.dashboard-form .dashboard-input .form--control,
.dashboard-form .dashboard-input .form-control,
.dashboard-form .form-group .form--control,
.dashboard-form .form-group .form-control {
  -moz-appearance: textfield;
  border-radius: 7px;
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding: 0 15px;
  border: 1px solid var(--input-color);
  background-color: unset;
  outline: none;
  color: var(--light-color);
  -webkit-transition: 300ms;
  transition: 300ms;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.dashboard-form .dashboard-input .form--control.input-padding-left,
.dashboard-form .dashboard-input .form-control.input-padding-left,
.dashboard-form .form-group .form--control.input-padding-left,
.dashboard-form .form-group .form-control.input-padding-left {
  padding-left: 45px;
}

.dashboard-form .dashboard-input .form--control#phone,
.dashboard-form .dashboard-input .form-control#phone,
.dashboard-form .form-group .form--control#phone,
.dashboard-form .form-group .form-control#phone {
  width: 100%;
  padding-left: 50px;
}

.dashboard-form .dashboard-input .form--control::-webkit-outer-spin-button,
.dashboard-form .dashboard-input .form--control::-webkit-inner-spin-button,
.dashboard-form .dashboard-input .form-control::-webkit-outer-spin-button,
.dashboard-form .dashboard-input .form-control::-webkit-inner-spin-button,
.dashboard-form .form-group .form--control::-webkit-outer-spin-button,
.dashboard-form .form-group .form--control::-webkit-inner-spin-button,
.dashboard-form .form-group .form-control::-webkit-outer-spin-button,
.dashboard-form .form-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}

.dashboard-form .dashboard-input .form--control:focus,
.dashboard-form .dashboard-input .form-control:focus,
.dashboard-form .form-group .form--control:focus,
.dashboard-form .form-group .form-control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

@media only screen and (max-width: 480px) {

  .dashboard-form .dashboard-input .form--control,
  .dashboard-form .dashboard-input .form-control,
  .dashboard-form .form-group .form--control,
  .dashboard-form .form-group .form-control {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {

  .dashboard-form .dashboard-input .form--control,
  .dashboard-form .dashboard-input .form-control,
  .dashboard-form .form-group .form--control,
  .dashboard-form .form-group .form-control {
    font-size: 14px;
  }
}

.dashboard-form .dashboard-input .form-message,
.dashboard-form .form-group .form-message {
  height: 100px;
  line-height: 28px;
  padding: 15px;
}

/* Toggle Password hide show */
.toggle-password {
  position: absolute;
  bottom: 15px;
  right: 20px;
  cursor: pointer;
}

.toggle-password .eye-icon::before {
  content: "\f070";
  font-family: "Jost", sans-serif;
  font-weight: 900;
}

.toggle-password.show-pass .eye-icon::before {
  content: "\f06e";
  font-family: "Jost", sans-serif;
  font-weight: 900;
}

/* Error Css */
.error-wrapper-thumb img {
  max-width: 700px;
  margin-inline: auto;
}

.error-contents-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  margin: -4px 0 0;
}

/* vedio section  */

.new_d {
  position: relative;


  overflow: hidden;
  /* Ensure overflow is hidden to contain the scaling effect */
  transition: transform 0.3s ease;
  /* Smooth transition for zoom effect */
}

.new_d:hover {
  transform: scale(1.05);
  /* Scale up the background image on hover */
}

/*** Youtube Video ***/
.video {
  position: relative;
  height: 100%;
  /* min-height: 400px; */
  /* background: linear-gradient(rgba(15, 23, 43, 0.1), rgba(15, 23, 43, 0.1)), url(../img/banner/banner.jpg); */
  /* background-position: center center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  /* margin: 30px; */
  /* border-radius: 12px; */
}

.video .btn-play {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 18px 20px 18px 28px;
}

.video .btn-play:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: rgb(228, 60, 34);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video .btn-play:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: orange;
  border-radius: 50%;
  transition: all 200ms;
}

.video .btn-play img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video .btn-play span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid black;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

#videoModal {
  z-index: 99999;
}

#videoModal .modal-dialog {
  position: relative;
  max-width: 800px;
  margin: 60px auto 0 auto;
}

#videoModal .modal-body {
  position: relative;
  padding: 0px;
}

#videoModal .close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0px;
  top: -30px;
  z-index: 999;
  font-size: 30px;
  font-weight: normal;
  color: #FFFFFF;
  background: #000000;
  opacity: 1;
}

.color-v {
  background: var(--main-color-one);

}

.color-v:hover {
  background: whitesmoke;
  color: var(--main-color-one);
  ;

}



/*  new css  */

.header {
  background: #ffffff;
  z-index: 9;
  position: relative;
}

.header .container-fluid {
  padding: 0 60px;
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
}

.header .topbar {
  background: #001022;
  padding: 10px 0;
}

.header .topbar a {
  color: #ffffff;
}

.header .topbar a:hover {
  color: #FE651E;
}

.header .topbar .dropdown {
  margin-right: 20px;
}

.header .topbar .dropdown .dropdown-toggle {
  padding: 12px 0;
}

.header .topbar .dropdown .dropdown-toggle i {
  font-size: 10px;
}

.header .topbar .dropdown .dropdown-menu a {
  color: #001935;
}

.header .topbar .dropdown .dropdown-menu a:hover {
  color: #FE651E;
}

.header .topbar .social {
  margin-right: 20px;
  display: inline-block;
}

.header .topbar .social ul {
  margin: 0;
}

.header .topbar .social ul li {
  display: inline-block;
  padding: 0 4px;
}

.header .topbar .social ul li a {
  color: #ffffff;
}

.header .topbar .social ul li a:hover {
  color: #FE651E;
}

.header .topbar .login {
  display: inline-block;
}

.header .topbar .login a {
  color: #ffffff;
}

.header .topbar .login a:hover {
  color: #FE651E;
}

.topbar .dropdown .dropdown-menu {
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.topbar .dropdown .dropdown-menu a {
  font-size: 14px;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 3px;
}

.topbar .dropdown .dropdown-menu a:hover {
  background: rgba(38, 174, 97, 0.1);
  color: #FE651E;
}

.navbar {
  padding: 0;
}

.navbar .navbar-nav .nav-link {
  font-weight: 500;
  font-size: 16px;
  padding: 10px 20px;
  color: #001935;
  text-transform: capitalize;
}

.navbar .navbar-nav .nav-link i {
  font-weight: bold;
}

.navbar .navbar-nav .nav-link:hover {
  color: #FE651E;
}

.dropdown-menu {
  z-index: 9999;
}

.navbar-collapse {
  position: relative;
}

.navbar-light {
  color: #ffffff;
  background-color: #fafafa;
  border-color: #eeeeee;
}

.navbar-light .navbar-nav>li>a {
  color: #ffffff;
}

.navbar-light .navbar-nav>.dropdown>a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-brand {
  padding: 20px 0px;
  margin-right: 0;
}

.navbar-brand img {
  height: 70px;
}

.navbar .navbar-brand {
  color: #ffffff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
}

.header .navbar-nav>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header .navbar-nav li>a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0px;
  color: #001935;
  text-transform: capitalize;
  font-size: 14px;
}

.header .navbar-nav li>a:hover {
  color: #FE651E;
}

.header .navbar-nav li>a i {
  margin-left: 5px;
  font-size: 10px;
}

.header .add-listing {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  text-align: right;
}

.header li>.dropdown-item:focus,
.header li>.dropdown-item:hover {
  color: #FE651E;
  background: none;
}

.header .dropdown-item.active,
.header .dropdown-item:active,
.header .dropdown-item:focus,
.header .dropdown-item:hover {
  background: none;
}

.header .dropdown-toggle::after {
  content: none;
}

.header .navbar-collapse {
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}

.header .megamenu .dropdown-item {
  padding: 0px;
}

.header .navbar .dropdown-menu a.dropdown-item {
  min-width: 180px;
}

.header .navbar .dropdown-menu {
  padding: 15px;
}

.header .navbar .dropdown-menu li a i {
  margin-left: auto;
}

.navbar .dropdown>.dropdown-menu li>a {
  font-size: 14px;
  padding: 10px 20px 10px 0;
  border-radius: 3px;
  position: relative;
}

.navbar .dropdown>.dropdown-menu li>a:hover {
  background: rgba(38, 174, 97, 0.1);
  color: #FE651E;
  padding-left: 15px;
}

.header-transparent {
  position: absolute;
  background: transparent;
  width: 100%;
  z-index: 999;
}

.header-transparent .navbar-brand {
  margin-right: 40px;
}

.header-transparent .navbar .navbar-nav .nav-link {
  color: #ffffff;
}

.header-transparent .navbar .navbar-nav .nav-link:hover {
  color: #FE651E;
}

.navbar .navbar-nav .nav-item.active .nav-link {
  color: #FE651E;
}

.navbar .navbar-nav .dropdown-menu li.active>a {
  background: rgba(38, 174, 97, 0.1);
  color: #FE651E;
  padding-left: 15px;
}

.header-transparent .add-listing {
  -ms-flex-item-align: inherit;
  align-self: inherit;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
  text-align: right;
}

.header-transparent .login a {
  color: #ffffff;
}

.header-transparent .login a:hover {
  color: #FE651E;
}

.header .is-sticky {
  position: fixed !important;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  top: 0;
  z-index: 9;
}

.header .is-sticky .header-contact-info {
  display: none !important;
}

.header .is-sticky .navbar {
  position: relative;
  top: 0px;
  right: 0px;
  left: 0;
  border-top: none !important;
  width: 100%;
}

.header-transparent .is-sticky {
  position: fixed !important;
  width: 100%;
  background: #001022;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  top: 0;
  z-index: 9;
}

.header-transparent .is-sticky .header-contact-info {
  display: none !important;
}

.header-transparent .is-sticky .navbar {
  position: relative;
  top: 0px;
  right: 0px;
  left: 0;
  border-top: none !important;
  width: 100%;
}

.navbar-toggler:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}




@media (max-width: 991px) {
  .space-ptb {
    padding: 60px 0;
  }

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

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

  .btn {
    padding: 12px 20px;
  }

  .header .container-fluid {
    padding: 0 20px;
  }

  .navbar-toggler {
    border: none;
    position: absolute;
    height: 75px;
    right: 10px;
  }


}

.btn-primary_log {
  background-color: #FE651E;
  color: white;
  font-weight: 400;

}



/* banner */


.bg-holder {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
}

.bg-holder-bottom {
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  width: 100%;
}

.building-space {
  padding-bottom: 160px;
}

.bg-overlay-black-10 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-10:before {
  background: rgba(0, 16, 34, 0.1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-20 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-20:before {
  background: rgba(0, 16, 34, 0.2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-30 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-30:before {
  background: rgba(0, 16, 34, 0.584);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-40 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-40:before {
  background: rgba(0, 16, 34, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-50 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-50:before {
  background: rgba(0, 16, 34, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-60 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-60:before {
  background: rgba(0, 16, 34, 0.6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-70 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-70:before {
  background: rgba(0, 16, 34, 0.7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-80 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-80:before {
  background: rgba(0, 16, 34, 0.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-black-90 {
  position: relative;
  z-index: 1;
}

.bg-overlay-black-90:before {
  background: rgba(0, 16, 34, 0.9);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-10 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-10:before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-20 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-20:before {
  background: rgba(255, 255, 255, 0.2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-30 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-30:before {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-40 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-40:before {
  background: rgba(255, 255, 255, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-50 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-50:before {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-60 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-60:before {
  background: rgba(255, 255, 255, 0.6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-70 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-70:before {
  background: rgba(255, 255, 255, 0.7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-80 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-80:before {
  background: rgba(255, 255, 255, 0.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-white-90 {
  position: relative;
  z-index: 1;
}

.bg-overlay-white-90:before {
  background: rgba(255, 255, 255, 0.9);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-theme-20 {
  position: relative;
  z-index: 1;
}

.bg-overlay-theme-20:before {
  background: rgba(38, 174, 97, 0.2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-theme-50 {
  position: relative;
  z-index: 1;
}

.bg-overlay-theme-50:before {
  background: rgba(38, 174, 97, 0.5);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-theme-70 {
  position: relative;
  z-index: 1;
}

.bg-overlay-theme-70:before {
  background: rgba(38, 174, 97, 0.7);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.bg-overlay-theme-90 {
  position: relative;
  z-index: 1;
}

.bg-overlay-theme-90:before {
  background: rgba(38, 174, 97, 0.9);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}




.banner-body {
  /* background-color: red; */
}

.banner-shap {
  position: absolute;
  bottom: -1px;
  z-index: 99;
}

.banner-bg-video {
  padding: 150px 0;
}

.banner-bg-video .banner-bg-video-sub-title {
  font-size: 18px;
  display: block;
}

.banner-bg-video .nav-tabs.nav-tabs-02 .nav-item .nav-link {
  background: transparent;
  color: #ffffff;
  padding: 6px 20px;
  line-height: 24px;
}

.banner-bg-video .nav-tabs.nav-tabs-02 .nav-item .nav-link.active {
  background: #26ae61;
  color: #ffffff;
}

.banner-map {
  padding: 0;
}

.banner-map .map-canvas {
  height: 500px;
}




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



/* cardsc section css */

.table-light tr th {
  color: #495057;
  background-color: #e9ecef;
  padding: .75rem;
  border-color: #dee2e6;
  border-bottom: 2px solid #dee2e6 !important;
}

/* Modal */
.modal-header .btn-close:focus {
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

.property-item {
  margin-bottom: 30px;
}

.property-image {
  position: relative;
}

.property-image .property-agent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  margin: 20px;
}

.property-image .img-fluid {
  height: 20vmax;
  width: 100%;
  object-fit: cover;
}

.property-image .property-agent .property-agent-image {
  width: 38px;
  margin-right: 10px;
  border: 2px solid #ffffff;
  border-radius: 100%;
  cursor: pointer;
}

.property-image .property-agent .property-agent-image img {
  width: 100%;
  border-radius: 100%;
}

.property-image .property-agent .property-agent-info {
  opacity: 0;
  visibility: hidden;
  background: #ffffff;
  padding: 10px;
  font-size: 13px;
  position: relative;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.property-image .property-agent .property-agent-info:before {
  position: absolute;
  left: -9px;
  bottom: 15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #ffffff transparent transparent;
}

.property-image .property-agent .property-agent-info .property-agent-name {
  color: #001935;
  font-weight: 600;
}

.property-image .property-agent .property-agent-info .property-agent-name:hover {
  color: #26ae61;
}

.property-image .property-agent .property-agent-info .property-agent-date {
  margin-left: auto;
}

.property-image .property-agent .property-agent-info .property-agent-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 0;
}

.property-image .property-agent .property-agent-info .property-agent-contact li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #001935;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
}

.property-image .property-agent .property-agent-info .property-agent-contact li a:hover {
  background: #26ae61;
}

.property-image .property-agent:hover .property-agent-info {
  opacity: 1;
  visibility: visible;
}

.property-image .property-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 8px;
  top: 8px;
  margin-bottom: 0px;
}

.property-image .property-status li {
  font-size: 13px;
  color: #fff;
  padding: 3px 8px;
  margin-right: 6px;
}

.property-image .property-status li:last-child {
  margin-right: 0px;
}

.property-image .property-status li.property-feature {
  background: #26ae61;
}

.property-image .property-status li.property-rent {
  background: #001935;
}

.property-image .property-lable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 8px;
  top: 8px;
}

.property-image .property-trending:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 55px 0 0;
  border-color: #ffc107 transparent transparent transparent;
  position: absolute;
  left: 0px;
  top: 0px;
}

.property-image .property-trending .fas {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #fff;
}

.property-image .property-agent-popup {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 20px;
}

.property-image .property-agent-popup a {
  background: #001935;
  padding: 4px 6px;
  color: #ffffff;
  border-radius: 3px;
}

.property-image .property-agent-popup a:hover {
  background: #26ae61;
}

.property-image .property-agent-popup a i {
  margin-right: 2px;
}

.property-details {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-top: none;
}

.property-details i {
  margin-right: 5px;
}

.property-details .property-info {
  margin-bottom: 0px;
}

.property-details .property-info li {
  padding: 15px 0 0;
  font-size: 13px;
}

.property-details .property-info li i {
  margin-right: 0;
  display: block;
  font-size: 18px;
  color: #969696;
}

.property-details .property-info li span {
  color: #969696;
  font-size: 22px;
  margin-left: 3px;
  font-weight: 300;
}

.property-details .property-details-inner {
  padding: 20px;
}

.property-details .property-details-inner .property-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.property-details .property-details-inner .property-address {
  margin-right: 10px;
}

.property-details .property-price {
  color: #26ae61;
  font-size: 24px;
  font-weight: 600;
  font-family: "Jost", sans-serif;
  margin-top: 14px;
}

.property-details .property-price span {
  font-size: 14px;
  color: #969696;
  font-weight: normal;
}

.property-details .property-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.property-details .property-btn .property-link {
  margin-right: auto;
  width: 100%;
  background-color: #FE651E;
  color: white;
}

.property-details .property-btn .property-listing-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #eeeeee;
  border-bottom: 0px solid #eeeeee;
}

.property-details .property-btn .property-listing-actions li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.property-details .property-btn .property-listing-actions li:before {
  content: "";
  border-right: 1px solid #eeeeee;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.property-details .property-btn .property-listing-actions li:first-child:before {
  content: none;
}

.property-details .property-btn .property-listing-actions li a {
  -ms-flex-item-align: center;
  align-self: center;
  color: #969696;
  padding: 12px 20px;
  background: transparent;
}

.property-details .property-btn .property-listing-actions li a:hover {
  color: #26ae61;
}

.property-details .property-btn .property-listing-actions li i {
  margin-right: 0px;
}

.property-details .property-btn {
  margin-top: auto;
}

.property-details .property-btn a {
  display: block;
  padding: 15px;
  font-size: 15px;
  text-align: center;
  background: #fafafa;
  color: #001935;
}

.property-details .property-btn a:hover {
  background: #26ae61;
  color: #ffffff;
}

.property-filter-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.property-filter-tag ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.property-filter-tag ul li a {
  margin-left: 3px;
  background: rgba(38, 174, 97, 0.1);
  color: #26ae61;
  font-weight: 500;
  padding: 2px 8px;
  font-size: 13px;
  border-radius: 3px;
}

.property-filter-tag ul li a i {
  padding-left: 4px;
  font-size: 12px;
}

.property-filter-tag ul li a:hover {
  background: #26ae61;
  color: #ffffff;
}

.property-filter-tag ul li .filter-clear {
  background: rgba(0, 16, 34, 0.1);
  color: #001022;
}

.property-filter-tag ul li .filter-clear:hover {
  background: #001022;
  color: #ffffff;
}

.property-col-list .property-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border-top: 1px solid #eeeeee;
  border-left: none;
}

.property-col-list .property-details .property-agent {
  padding: 0px 20px 20px;
  margin-top: auto;
}

.property-col-list .property-details .property-price {
  margin-top: 0;
}

.property-col-list .property-details .property-details-inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.property-col-list .property-details .property-details-inner-box .property-price {
  margin-left: auto;
}

.property-offer .property-offer-image {
  padding: 90px 80px;
}

.property-offer .property-details .property-agent {
  padding: 0px 20px 20px;
}

.property-map .map-canvas {
  height: 500px;
}

.property-list li {
  margin-bottom: 5px;
}

.property-list li b {
  color: #001935;
  font-weight: 600;
  margin-right: 3px;
}

.property-list-style-2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 30px;
}

.property-list-style-2 li:before {
  content: "\f111";
  font-family: "Jost", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #26ae61;
  font-size: 5px;
  margin-right: 10px;
}

.walk-score-info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property-nearby .nearby-title {
  font-size: 16px;
}

.property-search-field .property-search-item {
  position: relative;
  border: 1px solid #eeeeee;
  border-bottom: 0;
  z-index: 8;
}

.property-search-field .row {
  margin: 0px;
}

.property-search-field .row.property-price-slider {
  border-top: 1px solid #eeeeee;
}

.property-search-field .form-group {
  padding: 24px 28px;
  margin-bottom: 0px;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.property-search-field .form-group:first-child {
  border-left: none;
}

.property-search-field .form-group label {
  display: block;
}

.property-search-field .form-control {
  background: transparent;
  color: #001935;
  padding: 0px;
  height: auto;
  line-height: normal;
  border: none;
}

.property-search-field .form-control::-webkit-input-placeholder {
  color: #001935;
}

.property-search-field .form-control::-moz-placeholder {
  color: #001935;
}

.property-search-field .form-control:-ms-input-placeholder {
  color: #001935;
}

.property-search-field .form-control::-ms-input-placeholder {
  color: #001935;
}

.property-search-field .form-control::placeholder {
  color: #001935;
}

.property-search-field i {
  padding-right: 5px;
}

.property-search-field .more-search {
  color: #969696;
  display: block;
}

.property-search-field .more-search:hover {
  color: #26ae61;
}

.property-search-field .form-group-search {
  width: 100%;
}

.property-search-field .form-group-search i {
  color: #26ae61;
}

.property-search-field .advanced-search {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 100%;
  z-index: 99;
  margin: -1px 0px;
  width: 100%;
}

.property-search-field .card {
  padding: 0px;
  border-radius: 0px;
  border-color: #eeeeee;
}

.property-filter {
  border: 1px solid #eeeeee;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property-filter:after {
  position: absolute;
  left: 0;
  width: 100%;
  top: -4px;
  height: 1px;
  content: "";
  background: #eeeeee;
}

.property-filter:before {
  position: absolute;
  bottom: -4px;
  width: 100%;
  left: 0;
  height: 1px;
  content: "";
  background: #eeeeee;
}

.property-filter ul li {
  padding: 8px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.property-filter ul li a {
  color: #969696;
  font-size: 12px;
}

.property-filter ul li a:hover {
  color: #26ae61;
}

.property-filter ul li.active a span {
  background: #26ae61;
}

.property-filter ul:nth-child(2n+2) li:last-child {
  border-right: none;
  padding-left: 0;
}

.property-filter .property-short .select2-container {
  min-width: 130px;
  margin-left: 10px;
}

.property-filter .property-view-list {
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property-filter .property-list-icon {
  display: block;
  background: rgba(38, 174, 97, 0.1);
  padding: 10px 10px 8px;
  border-radius: 3px;
}

.property-filter .property-list-icon span {
  margin: 0 auto;
  background: #26ae61;
  height: 2px;
  width: 10px;
  border-radius: 3px;
  margin-bottom: 2px;
  display: block;
}

.property-filter .property-list-icon span:nth-child(2) {
  width: 16px;
}

.property-filter .property-list-icon:hover,
.property-filter .property-list-icon .active {
  background: #26ae61;
}

.property-filter .property-list-icon:hover span,
.property-filter .property-list-icon .active span {
  background: #ffffff;
}

.property-filter .property-list-icon.active {
  background: #26ae61;
}

.property-filter .property-list-icon.active span {
  background: #ffffff;
}

.property-filter .property-grid-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(38, 174, 97, 0.1);
  color: #26ae61;
  padding: 10px 10px 8px;
  border-radius: 3px;
}

.property-filter .property-grid-icon span {
  background: #26ae61;
  width: 2px;
  height: 10px;
  border-radius: 3px;
  margin: 0 1px;
  display: inline-block;
}

.property-filter .property-grid-icon span:nth-child(2) {
  height: 16px;
  margin-top: -3px;
}

.property-filter .property-grid-icon:hover {
  background: #26ae61;
}

.property-filter .property-grid-icon:hover span {
  background: #ffffff;
}

.property-filter .property-grid-icon.active {
  background: #26ae61;
}

.property-filter .property-grid-icon.active span {
  background: #ffffff;
}

.property-detail-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 30px;
}

.property-detail-meta>li>a {
  margin-right: -1px;
  border: 1px solid #eeeeee;
  padding: 14px 20px;
  display: block;
  color: #969696;
}

.property-detail-meta>li>a:hover {
  color: #26ae61;
}

.share-box {
  position: relative;
}

.share-box .share-box-social {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  bottom: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #26ae61;
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.share-box .share-box-social li a {
  padding: 0 10px;
  color: #ffffff;
  font-size: 13px;
  display: block;
}




.share-box .share-box-social li a:hover {
  color: #001935;
}

.share-box .share-box-social:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #26ae61 transparent transparent transparent;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  z-index: 99;
  margin-left: -3px;
}

.share-box:hover .share-box-social {
  opacity: 1;
  visibility: visible;
  margin-bottom: 6px;
}

.property-detail-gallery {
  position: relative;
}

.property-detail-gallery .nav-tabs.nav-tabs-02 {
  position: absolute;
  z-index: 8;
  top: 20px;
  left: 20px;
}

.property-detail-gallery .nav-tabs.nav-tabs-02 .nav-item {
  margin-right: 4px;
}

.property-detail-gallery .slider-slick,
.property-detail-gallery iframe,
.property-detail-gallery #street-view {
  min-height: 500px;
}

.si-content-wrapper {
  padding: 0;
}

.custom-window.open .si-frame {
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
}

.map-canvas {
  width: 100%;
  height: 100%;
}

.custom-window {
  top: 30px;
  width: 280px;
  -webkit-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
}

.custom-window .si-content {
  overflow: visible;
}

.custom-window.active {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.property-item-map {
  position: relative;
  max-height: inherit;
  padding: 180px 12px 12px 12px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  overflow: auto;
  z-index: 2;
}

.si-pointer-bg-top {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.property-item-map-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 180px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
}

.property-item-map-title {
  margin-top: 12px;
}

.property-item-map-price {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property-item-map-content p {
  margin: 0;
}

.property-item-map-content *+p {
  margin-top: 1em;
}

.property-item-map-content a {
  color: #969696;
}

.property-item-map-content a:hover {
  color: #26ae61;
}

.property-item-map-content a:focus {
  color: #26ae61;
}

.property-item-map-content a:active {
  color: #26ae61;
}

.custom-close {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 9;
  width: 24px;
  padding: 0 8px;
  height: 24px;
  border-radius: 5px;
  -webkit-transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 0;
  background-color: #26ae61;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.custom-close:hover {
  background-color: #001935;
}

.custom-close:focus {
  background-color: #001935;
}

.custom-close:active {
  background-color: #001935;
}

.property-search-field-top {
  margin-top: -100px;
  position: relative;
  z-index: 99;
}

.property-search-field-top-02 {
  margin-top: -50px;
  position: relative;
  z-index: 2;
}

.property-search-field.property-search-field-02.property-search-field-top-03 {
  margin-top: -56px;
  position: relative;
  z-index: 8;
}

.property-search-field.property-search-field-02.property-search-field-top-03 .property-search-item {
  background: #fafafa;
  padding: 15px;
}

.property-search-field.property-search-field-02.property-search-field-top-03 .property-search-item .card {
  background: #fafafa;
}

.property-search-field.property-search-field-02.property-search-field-top-03 .property-search-item .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.property-search-field.property-search-field-02.property-search-field-top-03 .property-search-item .row .btn {
  margin-top: 0px;
}

.property-search-field.property-search-field-02.property-search-field-top-03 .form-control {
  background: #ffffff;
}

.property-search-field.property-search-field-below .advanced-search {
  position: relative;
  width: 100%;
  margin: -1px 0px;
}

.property-search-field.property-search-field-below .card {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.property-search-field.property-search-field-advanced .advanced-search {
  position: relative;
  width: 100%;
  margin: -1px 0px;
}

.property-search-field.property-search-field-advanced .card {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.property-search-field.property-search-field-02 .property-search-item {
  border: none;
}

.property-search-field.property-search-field-02 .property-search-item .row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.property-search-field.property-search-field-02 .property-search-item .row .btn {
  margin-top: 30px;
}

.property-search-field.property-search-field-02 .advanced-search {
  position: relative;
  width: 100%;
  margin: -1px 0px;
}

.property-search-field.property-search-field-02 .card {
  border: none;
}

.property-search-field.property-search-field-02 .form-group {
  border: none;
  padding: 10px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.property-search-field.property-search-field-02 .form-control {
  background: transparent;
  color: #001935;
  padding: 14px 20px;
  height: auto;
  line-height: normal;
  border: 1px solid #eeeeee;
}

.property-search-field.property-search-field-02 .form-control::-webkit-input-placeholder {
  color: #001935;
}

.property-search-field.property-search-field-02 .form-control::-moz-placeholder {
  color: #001935;
}

.property-search-field.property-search-field-02 .form-control:-ms-input-placeholder {
  color: #001935;
}

.property-search-field.property-search-field-02 .form-control::-ms-input-placeholder {
  color: #001935;
}

.property-search-field.property-search-field-02 .form-control::placeholder {
  color: #001935;
}

.property-search-field.property-search-field-02 .select2-container--default .select2-selection--single {
  border: 1px solid #eeeeee;
  height: 50px;
  padding: 15px 20px;
  border-radius: 3px;
}

.property-search-field.property-search-field-02 .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  right: 20px;
}

.select2-search--dropdown .select2-search__field {
  padding: 8px 14px;
}

.profile-sidebar {
  position: relative;
  padding: 20px;
}

.profile-sidebar .profile-avatar {
  position: relative;
  text-align: center;
  padding: 30px 0;
  width: 80px;
}

.profile-sidebar .profile-nav {
  position: relative;
}

.profile-sidebar .profile-nav .nav {
  padding: 10px;
  background: #26ae61;
}

.profile-sidebar .profile-nav .nav .nav-item {
  border-radius: 3px;
}

.profile-sidebar .profile-nav .nav .nav-item .nav-link {
  color: #ffffff;
  font-weight: 600;
  border-radius: 3px;
}

.profile-sidebar .profile-nav .nav .nav-item .nav-link i {
  width: 20px;
}

.profile-sidebar .profile-nav .nav .nav-item .nav-link.active {
  color: #ffffff;
  background: #001935;
}

.badge {
  border-radius: 3px;
}

.badge+.badge {
  margin-left: 6px;
}

.badge-md {
  padding: 5px 8px;
  font-size: 13px;
  font-weight: normal;

}

.option_new {
  background: rgba(38, 174, 97, 0.1);
  color: rgb(38, 174, 97);
  transition: all 0.3s ease-in-out 0s;
  border-radius: 0px;
  border: none;
  font-weight: bold;

}

.testimonial {
  width: 100%;
  /* height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: left;
  color: #3d5a80;
}

.testimonial-slide {
  padding: 40px 20px;
}

.testimonial_box-top {
  background-color: #e0fbfc;
  padding: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493);
}

.testimonial_box-icon {
  content: '';
  width: 20px;
  height: 20px;
  position: relative;
  bottom: 20px;
  right: 25%;
  transition: all 0.3s ease-out;

}

.testimonial_box-icon i {
  font-size: 25px;
  color: greenyellow;
}

.testimonial_box-text {
  padding: 10px 0;
}

.testimonial_box-text p {
  color: #293241;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}

.testimonial_box-img {
  padding: 20px 0 10px;
  display: flex;
  justify-content: left;
  gap: 50px;
}

.testimonial_box-img img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px solid #e5e5e5;
}

.testimonial_box-name {
  padding-top: 10px;
}

.testimonial_box-name h4 {
  font-size: 20px;
  line-height: 25px;
  color: #293241;
  margin-bottom: 0;
}

.testimonial_box-job {
  color: #293241;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 0;
}

@media (max-width: 320px) {
  .testimonial_box-name {
    margin-left: -20px;
  }
}

/* tabs  */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

.navtabs {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 10px 20px;
  position: relative;
}

.navtab {
  margin: 0 10px;
  padding: 10px 20px;
  cursor: pointer;
  color: #333;
  transition: color 0.3s;
}

.navtab:hover {
  color: #007BFF;
}

.navtab.active {
  color: #007BFF;
  font-weight: 600;
}

.underline {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #007BFF;
  transition: left 0.3s ease, width 0.3s ease;
}

.content {
  display: none;
  padding: 0px 80px 80px;
  /* max-width: 800px; */
  text-align: center;
}

.content.active {
  display: block;
}

/* breadcrumb */

.breadcrumb {
  padding-left: 0;
  background: transparent;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  padding: .75rem 0rem;
}

.breadcrumb .breadcrumb-item {
  padding-right: 5px;
}

.breadcrumb .breadcrumb-item a {
  color: #969696;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #26ae61;
}

.breadcrumb .breadcrumb-item i {
  padding-right: 2px;
  font-size: 15px !important;
  color: black;

}

.breadcrumb .breadcrumb-item:before {
  display: none;
}

.breadcrumb .active span {
  color: #26ae61;
}


/* ========== */
.space-pt {
  padding: 40px 0 0 !important;
}



/*

Template: Real Villa - Real Estate HTML5 Template
Version: 2.0.0
Author: potenzaglobalsolutions
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.

*/

h1 {
  font-size: 42px;
  font-style: normal;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

p {
  font-weight: normal;
  line-height: 1.5;
}

*::-moz-selection {
  background: #26ae61;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #26ae61;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #26ae61;
  color: #ffffff;
  text-shadow: none;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

iframe {
  width: 100%;
}

.container-fluid.container-space {
  padding: 0 100px;
}

input.form-control {
  height: 50px;
}

.form-control {
  border: 1px solid #eeeeee;
  border-radius: 0px;
  padding: 10px 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  color: #001935;
  border-radius: 3px;
  background-clip: inherit !important;
}

.form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #26ae61;
}

.form-control::-moz-placeholder {
  color: #3a4957;
}

.form-control::-ms-input-placeholder {
  color: #3a4957;
}

.form-control::-webkit-input-placeholder {
  color: #3a4957;
}

.border {
  border-color: #eeeeee !important;
}

.border-top {
  border-top-color: #eeeeee !important;
}

.border-left {
  border-left-color: #eeeeee !important;
}

.border-right {
  border-right-color: #eeeeee !important;
}

.border-bottom {
  border-bottom-color: #eeeeee !important;
}

.badge {
  border-radius: 3px;
}

.badge+.badge {
  margin-left: 6px;
}

.badge-md {
  padding: 5px 8px;
  font-size: 13px;
  font-weight: normal;
}

.badge-primary {
  background: #26ae61;
}

.back-to-top {
  background: #26ae61;
  color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  display: inline-block;
  border-radius: 50%;
}

.back-to-top:hover {
  color: #ffffff;
}

.back-to-top:focus {
  color: #ffffff;
}

.breadcrumb {
  padding-left: 0;
  background: transparent;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  padding: .75rem 0rem;
}

.breadcrumb .breadcrumb-item {
  padding-right: 5px;
}

.breadcrumb .breadcrumb-item a {
  color: #969696;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #26ae61;
}

.breadcrumb .breadcrumb-item i {
  padding-right: 5px;
  font-size: 11px;
}

.breadcrumb .breadcrumb-item:before {
  display: none;
}

.breadcrumb .active span {
  color: #26ae61;
}

.pagination .page-item .page-link {
  padding: 18px 28px;
  color: #969696;
  border-color: #eeeeee;
}

.pagination .page-item .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pagination .page-item.active .page-link {
  background: #26ae61;
  border-color: #26ae61;
  color: #ffffff;
}

.blockquote {
  font-size: 16px;
  border-left: 10px solid #26ae61;
  padding-left: 30px;
  font-style: italic;
  display: block;
}

.blockquote-quote {
  position: relative;
  font-size: 18px;
  border-left: 0 solid #26ae61;
  padding-left: 30px;
  font-style: italic;
  display: block;
  z-index: 1;
}

.blockquote-quote p {
  position: relative;
}

.blockquote-quote i {
  position: absolute;
  z-index: 0;
  top: 20px;
  left: 0;
  font-size: 60px;
  line-height: 60px;
  color: #dfdfdf;
}

.table-bordered td {
  border-color: #eeeeee;
}

.table-bordered th {
  border-color: #eeeeee;
}

.table thead th {
  border-bottom-color: #eeeeee;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: #fafafa;
}

.text-primary {
  color: #26ae61 !important;
}

.text-white {
  color: #ffffff;
}

.text-dark {
  color: #001935 !important;
}

.text-light {
  color: #969696 !important;
}

.bg-primary {
  background: #26ae61 !important;
}

.bg-dark {
  background: #001022 !important;
}

.space-ptb {
  padding: 90px 0;
}

.space-pt {
  padding: 90px 0 0;
}

.space-pb {
  padding: 0 0 90px;
}

.h-100vh {
  height: 100vh !important;
}



.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.p-6 {
  padding: 5rem !important;
}

.px-6 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-6 {
  padding-bottom: 5rem !important;
  padding-top: 5rem !important;
}

.pt-6 {
  padding-top: 5rem !important;
}

.pb-6 {
  padding-bottom: 5rem !important;
}

.pl-6 {
  padding-left: 5rem !important;
}

.pr-6 {
  padding-right: 5rem !important;
}

.m-n6 {
  margin: -7rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -7rem !important;
}

.me-n6,
.mx-n6 {
  margin-right: -7rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -7rem !important;
}

.ms-n6,
.mx-n6 {
  margin-left: -7rem !important;
}

.m-n7 {
  margin: -9rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -9rem !important;
}

.me-n7,
.mx-n7 {
  margin-right: -9rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -9rem !important;
}

.ms-n7,
.mx-n7 {
  margin-left: -9rem !important;
}

@media (min-width: 576px) {
  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .me-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .me-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .me-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .me-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .me-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .m-sm-n6 {
    margin: -7rem !important;
  }

  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -7rem !important;
  }

  .me-sm-n6,
  .mx-sm-n6 {
    margin-right: -7rem !important;
  }

  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -7rem !important;
  }

  .ms-sm-n6,
  .mx-sm-n6 {
    margin-left: -7rem !important;
  }

  .m-sm-n7 {
    margin: -9rem !important;
  }

  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -9rem !important;
  }

  .me-sm-n7,
  .mx-sm-n7 {
    margin-right: -9rem !important;
  }

  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -9rem !important;
  }

  .ms-sm-n7,
  .mx-sm-n7 {
    margin-left: -9rem !important;
  }

  .p-sm-6 {
    padding: 5rem !important;
  }

  .px-sm-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-sm-6 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }

  .pt-sm-6 {
    padding-top: 5rem !important;
  }

  .pb-sm-6 {
    padding-bottom: 5rem !important;
  }

  .pl-sm-6 {
    padding-left: 5rem !important;
  }

  .pr-sm-6 {
    padding-right: 5rem !important;
  }
}

@media (min-width: 768px) {
  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .me-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .me-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .me-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .me-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .me-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-n6 {
    margin: -7rem !important;
  }

  .mt-md-n6,
  .my-md-n6 {
    margin-top: -7rem !important;
  }

  .me-md-n6,
  .mx-md-n6 {
    margin-right: -7rem !important;
  }

  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -7rem !important;
  }

  .ms-md-n6,
  .mx-md-n6 {
    margin-left: -7rem !important;
  }

  .m-md-n7 {
    margin: -9rem !important;
  }

  .mt-md-n7,
  .my-md-n7 {
    margin-top: -9rem !important;
  }

  .me-md-n7,
  .mx-md-n7 {
    margin-right: -9rem !important;
  }

  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -9rem !important;
  }

  .ms-md-n7,
  .mx-md-n7 {
    margin-left: -9rem !important;
  }

  .p-md-6 {
    padding: 5rem !important;
  }

  .px-md-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-md-6 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }

  .pt-md-6 {
    padding-top: 5rem !important;
  }

  .pb-md-6 {
    padding-bottom: 5rem !important;
  }

  .pl-md-6 {
    padding-left: 5rem !important;
  }

  .pr-md-6 {
    padding-right: 5rem !important;
  }
}

@media (min-width: 992px) {
  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .me-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .me-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .me-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .me-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .me-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-n6 {
    margin: -7rem !important;
  }

  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -7rem !important;
  }

  .me-lg-n6,
  .mx-lg-n6 {
    margin-right: -7rem !important;
  }

  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -7rem !important;
  }

  .ms-lg-n6,
  .mx-lg-n6 {
    margin-left: -7rem !important;
  }

  .m-lg-n7 {
    margin: -9rem !important;
  }

  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -9rem !important;
  }

  .me-lg-n7,
  .mx-lg-n7 {
    margin-right: -9rem !important;
  }

  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -9rem !important;
  }

  .ms-lg-n7,
  .mx-lg-n7 {
    margin-left: -9rem !important;
  }

  .p-lg-6 {
    padding: 5rem !important;
  }

  .px-lg-6 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .py-lg-6 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
  }

  .pt-lg-6 {
    padding-top: 5rem !important;
  }

  .pb-lg-6 {
    padding-bottom: 5rem !important;
  }

  .pl-lg-6 {
    padding-left: 5rem !important;
  }

  .pr-lg-6 {
    padding-right: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .me-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ms-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .me-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ms-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .me-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ms-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .me-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ms-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .me-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-n6 {
    margin: -7rem !important;
  }

  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -7rem !important;
  }

  .me-xl-n6,
  .mx-xl-n6 {
    margin-right: -7rem !important;
  }

  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -7rem !important;
  }

  .ms-xl-n6,
  .mx-xl-n6 {
    margin-left: -7rem !important;
  }

  .m-xl-n7 {
    margin: -9rem !important;
  }

  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -9rem !important;
  }

  .me-xl-n7,
  .mx-xl-n7 {
    margin-right: -9rem !important;
  }

  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -9rem !important;
  }

  .ms-xl-n7,
  .mx-xl-n7 {
    margin-left: -9rem !important;
  }
}

.show>.btn-primary.dropdown-toggle {
  background: #26ae61;
  border-color: #26ae61;
}

.btn-primary {
  background: #26ae61;
  border-color: #26ae61;
}

.btn-primary:hover {
  background: #219553;
  border-color: #219553;
}

.btn-primary:hover:not(:disabled):not(.disabled).active {
  background: #26ae61;
  border-color: #26ae61;
}

.btn-primary:hover:not(:disabled):not(.disabled):active {
  background: #26ae61;
  border-color: #26ae61;
}

.btn-primary:focus {
  background: #219553;
  border-color: #219553;
}

.btn-primary:focus {
  background: #219553;
  border-color: #219553;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  background: #26ae61;
  border-color: #26ae61;
}

.btn-dark {
  background: #001022;
  border-color: #001022;
}

.btn-dark:hover {
  background: #001c3c;
  border-color: #001c3c;
}

.btn:not(:disabled):not(.disabled).active:focus {
  color: #ffffff;
}

.b-radius-none {
  border-radius: 0 !important;
}

.b-radius-left-none {
  border-radius: 0 3px 3px 0 !important;
}

.b-radius-right-none {
  border-radius: 3px 0 0 3px !important;
}



.font-sm {
  font-size: 13px;
}

.font-md {
  font-size: 15px;
}

.font-lg {
  font-size: 17px;
}

.font-xl {
  font-size: 21px;
}

.font-xll {
  font-size: 30px;
}

.font-xlll {
  font-size: 40px;
  line-height: 40px;
}


/* cslider */


/* Width of carousel */
#window,
#slide-container {
  width: 700px;
}

/* Height of carousel */
#slide-container {
  height: 400px;
  overflow: hidden;
  position: relative;
}

.slide {
  width: 100%;
  min-height: 200px;
}

.slides {
  display: block;
}

/* Style of arrows */
.arrow {
  color: white;
  font-size: 26px;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  padding: 16px;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
}

.arrow:hover {
  cursor: pointer;
  background-color: var(--transparent-grey);
}

#next {
  left: 100%;
  transform: translate(-100%, -50%);
  border-radius: 4px 0px 0px 4px;
}

#previous {
  border-radius: 0px 4px 4px 0px;
}

#text-bar {
  background-color: var(--transparent-grey);
  width: 100%;
  height: 36px;
  position: absolute;
  top: 100%;
  transform: translate(0%, -100%);
  text-align: center;
  height: 36px;
  line-height: 36px;
}

#place {
  padding: 0px;
  margin: 0px;
  color: white;
  position: relative;
  display: inline-block;
}

#dotsContainer {
  width: 100%;
  height: 20px;
  text-align: center;
}

.dots {
  width: 8px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  display: inline-block;
  margin: 8px 2px;
}

.dots:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
}

.activeDot {
  background-color: rgba(0, 0, 0, 0.6);
}



/* Facilities     */

.section-title {
  margin-bottom: 40px;
}

.category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.category ul .category-item {
  margin-top: -1px;
  margin-right: -1px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66%;
  flex: 0 0 16.66%;
  max-width: 16.66%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}



.category ul .category-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #eeeeee;
  padding: 24px;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category ul .category-item a .category-icon {
  margin-right: 14px;
}

.category ul .category-item a i {
  font-size: 50px;
  line-height: 60px;
  color: #969696;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category ul .category-item a h6 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category ul .category-item a span {
  margin-left: auto;
  color: #969696;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 56px;
  flex: 0 0 56px;
  padding-left: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category ul .category-item a:hover {
  background: #FE651E;
  border-color: #26ae61;
}

.category ul .category-item a:hover i {
  color: #ffffff;
}

.category ul .category-item a:hover span {
  color: #ffffff;
}

.category ul .category-item a:hover h6 {
  color: #ffffff;
}

@media (max-width: 767px) {


  .category ul .category-item a {
    display: block;
  }

  .category ul .category-item a span {
    padding-left: 0;
  }
}


@media (max-width: 575px) {


  .category ul .category-item {
    max-width: 50%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    text-align: center;
  }

  .category ul .category-item a .category-icon {
    margin-right: 0;
  }
}


/* Facilities     */


/* underline     */

.sectionwq h2 {
  position: relative;
  display: inline-block;
}

.sectionwq h2::after {
  content: '';
  position: absolute;
  bottom: -5px;
  /* adjust as needed */
  left: 0;
  width: 0;
  height: 4px;
  background-color: orangered;
  /* default underline color */
  transition: width 0.3s ease;
  /* transition for smooth effect */
}

.sectionwq.active h2::after {
  width: 100%;
  /* underline color when section is active */
  background-color: #26ae61;
  /* change to your desired color */
}

/* underline */

.terms-conditions-box ul {
  font-size: 14px;
}

.terms-conditions-box ul li {
  line-height: initial;
  margin-top: .5vmax;
}

@media (max-width: 575px) {
  .terms-conditions-box ul {
    font-size: 13px;
  }

  .terms-conditions-box ul li {
    margin-top: 1vmax;
  }

  .container-new {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .content {
    padding: initial;
  }

  .testimonial-slide {
    padding: 20px 0;
  }

  .navtabs {
    display: flex;
    flex-wrap: wrap;
  }

  .navtab {
    padding: initial;
  }


}


.phone-navbar {
  position: absolute;
  bottom: 0;
  position: fixed;
  background-color: #fe651e;
  width: 100%;
  z-index: 999;
  padding: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.21);
  color: white;
  display: none;
}

@media (max-width: 575px) {
  .phone-navbar {
    display: initial;
    z-index: 9999;
  }

  .navbar {
    /*display: none;*/
    padding: .8vmax 0;
  }

  .navbar-expand-lg .container-fluid {
    display: initial;
  }

  .video {
    min-height: 300px;
    margin: initial;
    border-radius: initial;
  }
}

.phone-navbar ul {
  list-style: none;
  padding: 0;
  display: flex;
  padding: 1.5vmax 0;
  justify-content: space-around;
  margin: 0;
}

.phone-navbar ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.phone-navbar ul li span {
  font-size: 14px;
}

.phone-navbar ul li i {
  font-size: 20px;
}

.phone-navbar ul .active {
  /* margin-top: -2vmax; */
  padding-bottom: .5vmax;
  border-bottom: 3px solid white;
}

.phone-navbar ul .active i {
  font-weight: 700;
  font-size: 26px;

}

.phone-navbar ul .active i {
  font-weight: 700;
}


/**/
*********************************** .btn-app {
  padding: .5vmax 1.5vmax;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.btn-app i {
  font-size: 40px;
  margin-right: .5vmax;
}

.btn-app .small-text {
  font-size: 11px;
  font-weight: normal;
}

.btn-app {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.btn-app span {
  font-weight: 600;
}


.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  z-index: 9999;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.loader.hide {
  opacity: 0;
  pointer-events: none;
}


@keyframes heartbeat {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.loader img {
  width: 150px;
  animation: heartbeat 1s infinite;
}

@media (max-width: 750px) {
  .new-had {
    font-size: 22px;
  }

  .new-subhad {
    font-size: 12px;
  }

  .newsletter-contents-para {
    font-size: 12px;
  }

  .checkout-single {
    padding: 10px;
  }

  .property-image .img-fluid {
    height: initial;
  }

}

.header__logo img {
  height: 65px;
}


.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: auto;
}

@media (min-width: 640px) {
  .features-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .features-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .features-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

.feature {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
  cursor: pointer;
}

.feature:hover {
  transform: translateY(-5px);
}

.feature img {
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
}

.feature p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #003333;
}

.popup {
  visibility: hidden;
  opacity: 0;
  background-color: #222;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 10;
  transition: all 0.3s ease;
}

.popup::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
}

.feature:hover .popup {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(-5px);
}

.search-bar {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 16px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  padding: 12px 20px;
  gap: 24px;
  max-width: fit-content;
}

.search-field {
  display: flex;
  align-items: center;
  gap: 12px;
}

.icon-container {
  background: #fff5f0;
  padding: 10px;
  border-radius: 10px;
  color: #ff6b2c;
}

.label {
  font-weight: 600;
  font-size: 14px;
}

.placeholder {
  color: #888;
  font-size: 13px;
}

.member-counter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.member-counter button {
  background: #eee;
  border: none;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

.search-btn {
  background: #f26522;
  color: white;
  border: none;
  border-radius: 12px;
  padding: 12px 20px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}


.single-why {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-why:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.5);
}

/* Text Color Enhancement */
.single-why-contents-title a,
.single-why-contents-para {
  color: #000;
}

/* Shine Effect */
.single-why::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.6) 50%,
      rgba(255, 255, 255, 0.2) 100%);
  transform: skewX(-25deg);
}

/* Animate shine on hover */
.single-why:hover::before {
  animation: shine 0.9s ease-in-out;
}

@keyframes shine {
  0% {
    left: -75%;
  }

  100% {
    left: 125%;
  }
}


.testemonial {
  font-family: "Jost", sans-serif;
  display: flex;
  gap: 40px;

}

.intro {
  max-width: 200px;
}

.intro h2 {
  font-size: 22px;
  margin-bottom: 10px;
}

.intro p {
  margin: 0 0 20px;
}

.btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
}

/* Responsive Section video_section Wrapper */
.responsive-video-section {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Responsive Video Container */
.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 450px;
  max-width: 1200px;
  /* Adjust as needed */
  aspect-ratio: 16 / 9;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Thumbnail Image and Video Styling */
.video-thumb,
.video-player {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  display: block;
}

/* Initially hide video */
.video-player {
  opacity: 0;
  z-index: 1;
}

/* When playing, show video and hide thumb/play */
.video-container.playing .video-player {
  opacity: 1;
  z-index: 2;
}

.video-container.playing .video-thumb,
.video-container.playing .play-button {
  display: none;
}

/* Custom Play Button */
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-button::before {
  content: '';
  display: block;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent #000;
  margin-left: 4px;
}

/* Ensure header content is aligned properly */
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 10px 0;
}

/* Logo block */
.header__logo {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header__logo img {
 
  /* max-height: 60px; */
  width: auto;
  height: auto;
}

/* Mobile buttons (menu/search/person) */
.headerMobile__left,
.headerMobile__right {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Desktop nav hides on smaller screens */
@media (max-width: 1199px) {
  .xl\:d-none {
    display: none !important;
  }
}

/* Logo and nav stack vertically on smaller screens */
@media (max-width: 768px) {
  .header__container {
    flex-direction: column;
    align-items: flex-start;
  }



  .header__right {
    margin-top: 10px;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
  }
}


.header__logo img {
   
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}


@media (max-width: 576px) {
  .header__logo img {
    max-height: 45px;
  }
}


.container {
  max-width: 1200px;
  padding: 10px;
}

/* Optional styling fixes */
.searchFormItemDropdown {
  position: absolute;
  z-index: 999;
  background: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  display: none;
}

.searchFormItemDropdown.is-active {
  display: block;
}


.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  width: 100%;
  max-width: 3000px;
  flex: 1 1 calc(100% - 40px);
}

.card img {
  width: 100%;
  height: auto;
  display: block;
}

.card-content {
  padding: 16px;
}

.card-title {
  font-size: 14px;
  color: #555;
}

.card-highlight {
  font-weight: bold;
  font-size: 15px;
  color: #111;
  margin: 6px 0;
}

.card-valid {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #666;
  margin-top: 8px;
}

.card-valid i {
  margin-right: 6px;
}

/* Responsive layout */
@media (min-width: 600px) {
  .card {
    flex: 1 1 calc(50% - 32px);
  }
}

@media (min-width: 900px) {
  .card {
    flex: 1 1 calc(33.333% - 32px);
  }
}

.open-calendar-btn {
  /* position: fixed; */
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 24px;
  background-color: #ff8c00;
  color: white;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 1000;
  min-width: 200px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.open-calendar-btn:hover {
  background-color: #ffa500;
  transform: translateX(-50%) scale(1.05);
}

.calendar-container {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 350px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1000;
}

.calendar-container.show {
  display: block;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.selected-date {
  text-align: center;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #ff8c00;
  border-radius: 15px;
  color: white;
  font-size: 20px;
  white-space: nowrap;
}

.selected-date span {
  font-weight: bold;
}

#day-name {
  font-size: 24px;
  font-weight: bold;
}

#date {
  font-size: 48px;
  font-weight: bold;
  margin: 10px 0;
}

#year {
  font-size: 20px;
}

.calendar {
  border-radius: 15px;
  overflow: hidden;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #eb662b;
  color: white;
}

.calendar-header button {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.calendar-header button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  background-color: #eb662b;
  color: white;
  padding: 10px 0;
  text-align: center;
}

.days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 10px;
  background-color: white;
}

.days div {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s;
}

.days div:hover {
  background-color: #ffd700;
}

.days div.selected {
  background-color: #eb662b;
  color: white;
}

.days div.other-month {
  color: #ccc;
}

.days div.today {
  border: 2px solid #ff8c00;
}

/* Overlay when calendar is open */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.5); */
  display: none;
  z-index: 999;
}


.banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #f5f8fd;
  /* padding: 20px; */
}

.banner-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: linear-gradient(to right, #002f6cbd 10%, #ff5e3a 60%);
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
}

.banner-left {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  min-width: 250px;
}

.banner-left img {
  width: 80px;
  height: auto;
}

.banner-right {
  flex: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  flex-wrap: wrap;
  gap: 10px;
}

.button {
  background: black;
  /* color: white; */
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
}

.sponsored {
  font-size: 15px;
  background: white;
  color: #555;
  border-radius: 6px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .banner-container {
    flex-direction: column;
    text-align: center;
  }

  .banner-right {
    flex-direction: column;
    align-items: center;
  }

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

  
}

.carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 450px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  opacity: 0;
  transition: all 1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-size: cover;
  background-position: center;
}

.slide::before {
  content: \"\";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
}

.slide-content {
  position: relative;
  z-index: 2;
  /* text-align: center; */
}

.slide.active {
  left: 0;
  opacity: 1;
}


.slide button {
  padding: 12px 24px;
  font-size: 1rem;
  border: none;
  background: white;
  color: black;
  border-radius: 50px;
  cursor: pointer;
  transition: background 0.3s;
}

.slide button:hover {
  background: #f0f0f0;
}

@media (max-width: 768px) {
  .carousel {
    height: 300px;
  }
}

.calendar-container {
  display: none;
  /* your styling */
}

.calendar-container.show {
  display: block;
}

.card {
  width: 300px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  /* font-family: Arial, sans-serif; */
  background-color: white;
}

.card-header {
  display: flex;
  align-items: center;
  padding: 16px;
  background: linear-gradient(
    135deg,
    rgba(186, 85, 211, 0.5) 0%,     /* medium orchid */
    rgba(147, 112, 219, 0.7) 30%,   /* medium purple */
    rgba(138, 43, 226, 0.8) 60%,    /* blue violet */
    rgba(75, 0, 130, 0.85) 100%     /* indigo */
  );
    color: white;
}

.card-header img {
  width: 120px;
  height: 100px;
  margin-right: 20px;
}

.offer-text h2 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}

.offer-text p {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.2;
}

.card-body {
  padding: 16px;
}

.card-body h3 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #111;
}

.validity {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #555;
  margin-top: 12px;
}

.calendar-icon {
  margin-right: 6px;
}


.calendar-container {
  width: 300px;
}

.weekdays,
.days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.weekdays div {
  font-weight: bold;
  margin-bottom: 5px;
}

.days .day {
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
}

.days .day:hover {
  background-color: #f0f0f0;
}

.selected-date {
  font-size: 14px;
  color: #333;
}

.footer-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  /* Adds space above the contact details */
}

.footer-logo img {
  height: auto;
  max-height: 250px;
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0;
  /* Removes auto centering */
}

.mobile-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.mobile-nav-list {
  display: flex;
  justify-content: space-around;
  padding: 10px 0;
  margin: 0;
  list-style: none;
}

.mobile-nav-item {
  text-align: center;
  flex: 1;
}

.mobile-nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}

.mobile-nav-link.active {
  color: #EB662B;
}

.mobile-nav-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
  background-size: contain;
  background-repeat: no-repeat;
}

.home-icon {
  background-image: url('icons/home-icon.svg');
}

.gocash-icon {
  background-image: url('icons/gocash-icon.svg');
}

.offers-icon {
  background-image: url('icons/offers-icon.svg');
}

.trips-icon {
  background-image: url('icons/trips-icon.svg');
}

.student-icon {
  background-image: url('icons/student-icon.svg');
}

@media (max-width: 768px) {
  .mobile-nav {
    display: block;
  }
}


@media (max-width: 768px) {
  .offer-section {
    margin-left: 0 !important;
    text-align: center;
  }

  .offer-text {
    font-size: 14px;
    padding: 8px;
  }
}

.pod-card {
  padding-top: 22px;
}

.pod-card-container {
  display: flex;
  flex-direction: row;
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 900px;
  margin: auto;
}

.pod-card-image {
  width: 250px;
  height: auto;
  object-fit: cover;
  flex-shrink: 0;
}

.pod-card-content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pod-card-title {
  margin: 0 0 5px;
  font-size: 20px;
}

.pod-card-stars {
  color: orange;
  font-size: 16px;
}

.pod-card-location {
  color: #007BFF;
  font-size: 14px;
  margin-bottom: 10px;
}

.pod-card-badges span {
  background-color: #eee;
  padding: 5px 10px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px;
}

.pod-card-review {
  font-size: 14px;
  margin: 10px 0;
  color: #444;
}

.pod-card-price-section {
  border-left: 1px solid #ddd;
  padding: 20px;
  text-align: center;
  width: 180px;
  flex-shrink: 0;
}

.pod-card-rating {
  font-size: 14px;
  color: #444;
}

.pod-card-rating span {
  display: inline-block;
  background-color: #e6f0ff;
  color: #0052cc;
  padding: 5px 8px;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 5px;
}

.pod-card-price {
  color: red;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

.pod-card-button {
  background-color: #eb662b;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.pod-card-button:hover {
  background-color: #306acb;
}

/* Responsive styles */
@media (max-width: 768px) {
  .pod-card-container {
    flex-direction: column;
  }

  .pod-card-image {
    width: 100%;
    height: 200px;
  }

  .pod-card-price-section {
    border-left: none;
    border-top: 1px solid #ddd;
    width: 100%;
    padding: 15px;
  }
}

@media (max-width: 480px) {
  .pod-card-title {
    font-size: 18px;
  }

  .pod-card-badges span {
    font-size: 12px;
    padding: 4px 8px;
  }

  .pod-card-button {
    padding: 2px 8px;
    text-align: center;
  }
}

.hotel-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.hotel-images {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hotel-images img {
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.hotel-info {
  flex: 2 1 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hotel-title {
  font-size: 22px;
  font-weight: bold;
}

.hotel-stars {
  color: #ffb100;
  margin-left: 5px;
}

.hotel-description {
  color: #555;
  margin-top: 10px;
}

.hotel-amenities {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hotel-amenities span {
  background: #f0f0f0;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
}

.package-box {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-top: 20px;
}

.package-title {
  font-weight: bold;
  margin-bottom: 10px;
}

.package-features {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}

.price-booking {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  flex-wrap: wrap;
}

.price-booking .price {
  font-size: 20px;
  font-weight: bold;
  color: #1a73e8;
}

.book-now {
  padding: 10px 20px;
  background-color: #1a73e8;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
}

.rating-box {
  margin-top: 15px;
  background: #e6f0ff;
  border-radius: 6px;
  padding: 10px;
  display: inline-block;
  font-weight: bold;
  color: #0052cc;
}

.map-distance {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.login-box {
  margin-top: 25px;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 10px;
  background: #fefefe;
}

.login-box input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-right: 10px;
  width: 200px;
}

.login-box button {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .hotel-card {
    flex-direction: column;
  }

  .hotel-images,
  .hotel-info {
    flex: 1 1 100%;
  }
}



.hotel-card {
  display: flex;
  max-width: 370px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #ddd;
}

.left {
  width: 40%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.left img.main-img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
}

.thumbs {
  display: flex;
  gap: 6px;
}

.thumbs img {
  width: 45%;
  height: 45px;
  object-fit: cover;
  border-radius: 6px;
}

.right {
  width: 60%;
  padding: 10px 10px 10px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.badge {
  font-size: 18px;
  font-weight: bold;
  color: #5b9bd5;
}

.hotel-name {
  font-size: 15px;
  margin-top: 10px;
  /* font-weight: bold; */
  line-height: 18px;
  color: #333;
}

.rating {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  
}

.rating .score {
  color: #ff9800;
  font-weight: bold;
}

.location {
  font-size: 13px;
  color: #666;
}

.sponsored {
  font-size: 13px;
  color: green;
  font-weight: 500;
}

.label-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.red-label {
  background: #fce8e6;
  color: #d32f2f;
  height: 30px;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: bold;
  margin-left: 10px;
}

.green-label {
  background: #e1f5e1;
  color: #2e7d32;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: bold;
}

.price {
  margin-top: 4px;
  display: flex;gap: 15px;
}

.price .old {
  text-decoration: line-through;
  font-size: 13px;
  color: #888;
}

.price .new {
  color: red;
  font-size: 20px;
  font-weight: bold;
  margin-left: 6px;
}

.note {
  font-size: 12px;
  color: #666;
}

.gift-section {
  display: none;
  /* Hide by default */
}

@media (max-width: 768px) {
  .gift-section {
    display: block;
    /* Show only on mobile */
  }
}

.gift-header {
  color: black;
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.gift-new-badge {
  background: #d9534f;
  color: white;
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 4px;
}

.gift-carousel-wrapper {
  max-width: 300px;
  overflow: hidden;
  border-radius: 12px;
  background: white;
  padding: 10px;
}

.gift-carousel {
  display: flex;
  transition: transform 0.6s ease-in-out;
}

.gift-card {
  flex: 0 0 auto;
  width: 250px;
  margin-right: 12px;
  border: 1px solid #ccc;
  border-radius: 12px;
  text-align: center;
  padding: 5px;
  box-shadow: inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff;
}

.gift-card-title {
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.gift-card-subtitle {
  font-size: 12px;
  color: #777;
}

.gift-collect {
  color: #0066cc;
  font-weight: bold;
  font-size: 13px;
}

/* Show only on mobile */
@media screen and (max-width: 768px) {
  .mobile-search-box {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 95%;
    max-width: 320px;
    margin: 0 auto;
  }

  .search-field {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
  }

  .search-field .icon {
    margin-right: 8px;
    font-size: 18px;
  }

  .search-field input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
  }

  .date-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }

  .date-box {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
  }

  .date-label {
    display: block;
    font-size: 11px;
    color: #666;
  }

  .date-value {
    display: block;
    color: #2b68f1;
    font-weight: bold;
    font-size: 14px;
  }

  .guest-box {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 12px;
    font-size: 14px;
  }

  .guest-box .icon {
    margin-right: 8px;
    font-size: 18px;
  }

  .search-btn {
    width: 100%;
    color: white;
    font-weight: bold;
    padding: 12px;
    display: flex;
    justify-content: center;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
  }
}

/* Hide on desktop */
@media screen and (min-width: 769px) {
  .mobile-search-box {
    display: none;
  }
}

@media (max-width: 768px) {
  .text-content h1 {
    font-size: 1.2rem;
    text-align: left;
  }

  .text-content p {
    font-size: 0.870rem;
    text-align: left;
  }
}

.dg-carousel-wrapper {
  display: block;
  overflow: hidden;
  padding: 10px 0;
}

.dg-carousel-track {
  display: flex;
  gap: 10px;
  overflow-x: scroll;
  scroll-behavior: smooth;
  /* padding-left: 16px; */
  -ms-overflow-style: none;
  scrollbar-width: none;
}


.dg-card {
  background: white;
  padding: 10px 10px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  /* gap: 12px; */
  min-width: 300px;
  flex-shrink: 0;
  margin: 10px;
}

.dg-card-icon {
  font-size: 24px;
  color: #8c6f1d;
}

.dg-card-text {
  flex-grow: 1;
}

.dg-card-title {
  font-weight: bold;
  font-size: 18px;
  color: #000;
}

.dg-card-subtitle {
  font-size: 17px;
  color: #555;
}

.dg-card-btn {
  color: #0070f3;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .dg-carousel-wrapper {
    display: block;
    overflow: hidden;
    padding: 10px 0;
  }

  .dg-carousel-track {
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    /* padding-left: 16px; */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .dg-carousel-track::-webkit-scrollbar {
    display: none;
  }

  .dg-card {
    background: white;
    padding: 10px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    /* gap: 12px; */
    /* min-width: 210px; */
    flex-shrink: 0;
  }

  .dg-card-icon {
    font-size: 24px;
    color: #8c6f1d;
  }

  .dg-card-text {
    flex-grow: 1;
  }

  .dg-card-title {
    font-weight: bold;
    font-size: 14px;
    color: #000;
  }

  .dg-card-subtitle {
    font-size: 10px;
    color: #555;
  }

  .dg-card-btn {
    color: #0070f3;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
  }

  .dg-card-description{
    font-size: 11px;
  }
}



.starter-tier-card {
  max-width: 400px;
  background: linear-gradient(to bottom, #ff6f00, #ff8f00);
  border-radius: 16px;
  overflow: hidden;
  color: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  margin: 0 auto;
}

.starter-header {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.starter-icon {
  background: #fff3e0;
  color: #ff9800;
  font-size: 28px;
  padding: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.starter-title-group {
  display: flex;
  flex-direction: column;
}

.starter-title {
  font-size: 18px;
  font-weight: bold;
}

.starter-subtitle {
  font-size: 14px;
  opacity: 0.9;
}

.starter-content {
  background: #fff;
  color: #333;
  padding: 16px;
  font-size: 14px;
}

.starter-section-title {
  color: #1a73e8;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 15px;
}

.starter-benefit {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.starter-benefit-icon {
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.starter-eligibility {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}

@media (max-width: 480px) {
  .starter-tier-card {
    margin: 0 10px;
  }
}
.dg-eminites-strip {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  white-space: nowrap;
  background: #fff;
  padding: 0px 7px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  margin-top: 10px;
}

.dg-eminite {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #333;
  flex-shrink: 0;
}

.dg-icon {
  font-size: 18px;
  display: inline-block;
}



@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

.dg-eminites-strip::-webkit-scrollbar {
  display: none;
}

@media (max-width: 600px) {
  .dg-eminites-strip {
    padding: 10px;
    gap: 16px;
  }

  .dg-eminite {
    font-size: 13px;
  }

  .dg-icon {
    font-size: 16px;
  }
}

.app-promo-banner {
  display: none; /* Hidden by default */
}

@media (max-width: 768px) {
  .app-promo-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff4e1;
    padding: 0 20px;
    border-bottom: 2px solid #fca657;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  }

  .app-promo-left {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .promo-icon {
    /* padding: 10px; */
    border-radius: 8px;
    color: white;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .promo-icon img{
    margin: 5px 5px;
    height:65px;
  }
  .promo-text {
    display: flex;
    flex-direction: column;
  }

  .promo-title {
    font-size: 13px;
    font-weight: bold;
    color: #222;
  }

  .promo-code {
    font-size: 14px;
    color: #0c9b5c;
    margin-top: 2px;
  }

  .promo-meta {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #888;
    margin-top: 4px;
  }

  .promo-meta span {
    margin-right: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .app-promo-right button {
    background: white;
    color: #2563eb;
    border: 1px solid #2563eb;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }

  .app-promo-right button:hover {
    background-color: #f0f6ff;
  }
}

.card {
  position: relative;
  overflow: hidden; /* Ensures ribbon doesn't break the layout */
}
.card {
  position: relative;
  overflow: visible; /* Important for the badge to float outside */
  z-index: 1;
}

.sale-badge {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #ff3b3b;
  color: white;
  font-weight: bold;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 6px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
  transform: rotate(5deg);
  z-index: 2;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sale-badge:hover {
  transform: scale(1.05) rotate(5deg);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

    .open-modal-btn {
      margin-left: 20px;
      padding: 12px 20px;
      font-size: 16px;
      background-color: #f97316;
      color: white;
      border: none;
      border-radius: 8px;
      cursor: pointer;
    }

    .modal {
      display: none;
      position: fixed;
      inset: 0;
      overflow: scroll;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 999;
      justify-content: center;
      align-items: center;
    }

    .modal-content {
      display: flex;
      background-color: #fff;
      width: 95%;
      max-width: 850px;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
      flex-wrap: wrap;
    }

    .modal-left {
      flex: 1;
      min-width: 280px;
      padding: 30px;
      background: linear-gradient(to bottom right, #fff7ed, #ffedd5);
    }

    .modal-left h4 {
      font-size: 13px;
      color: #c2410c;
      margin-bottom: 20px;
      letter-spacing: 1px;
    }

    .benefit {
      display: flex;
      align-items: flex-start;
      margin-bottom: 16px;
    }

    .benefit img {
      width: 28px;
      margin-right: 12px;
    }

    .benefit-text {
      font-size: 14px;
      color: #333;
    }

    .benefit-text strong {
      color: #ea580c;
    }

    .offer-box {
      background: #fff;
      padding: 14px;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      font-size: 14px;
      margin-top: 20px;
      color: #4b5563;
    }

    .offer-box span {
      color: #f97316;
      font-weight: bold;
    }

    .modal-right {
      flex: 1;
      min-width: 280px;
      padding: 30px 24px;
      position: relative;
    }

    .modal-right h2 {
      margin-bottom: 20px;
      color: #c2410c;
    }

    .close-btn {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 22px;
      font-weight: bold;
      color: #888;
      cursor: pointer;
    }

    .input-group {
      display: flex;
      flex-direction: column;
    }

    .input-group label {
      margin-bottom: 6px;
      font-size: 14px;
      color: #4b5563;
    }

    .input-group input {
      padding: 12px;
      font-size: 16px;
      border: 1px solid #d1d5db;
      border-radius: 8px;
      margin-bottom: 18px;
    }

    .continue-btn {
      padding: 12px;
      font-size: 16px;
      background-color: #fb923c;
      border: none;
      border-radius: 8px;
      color: white;
      cursor: pointer;
    }

    .terms {
      font-size: 12px;
      color: #6b7280;
      margin-top: 10px;
    }

    .terms a {
      color: #ea580c;
      text-decoration: none;
    }

    @media (max-width: 640px) {
      .modal-content {
        flex-direction: column;
      }
    }
    @media screen and (max-width: 480px) {
      .modal-left {
        display: none ;
      }
    }

    
   
    
    .dgpods-container {
      margin-top: 110px !important;
      display: flex;
      max-width: 1200px;
      margin: 0 auto;
      padding: 16px;
      background-color: #fff;
      min-height: 100vh;
    }
    
    .dgpods-left-column {
      flex: 1;
      overflow-y: auto;
      padding-right: 16px;
      max-height: 100vh;
      /* Hide scrollbar */
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE and Edge */
    }
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    .dgpods-left-column::-webkit-scrollbar {
      display: none;
    }
    
    .dgpods-right-column {
      width: 300px;
      position: sticky;
      top: 16px;
      height: fit-content;
      margin-left: 16px;
    }
    
    .dgpods-property-card {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-section-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 16px;
      border-bottom: 1px solid #e0e0e0;
    }
    
    .dgpods-section-title {
      font-size: 16px;
      font-weight: 600;
    }
    
    .dgpods-section-content {
      padding-top: 16px;
    }
    
    .dgpods-property-image {
      width: 100px;
      height: 80px;
      border-radius: 4px;
      object-fit: cover;
    }
    
    .dgpods-property-header {
      display: flex;
      margin-bottom: 16px;
    }
    
    .dgpods-property-details {
      margin-left: 16px;
    }
    
    .dgpods-property-name {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    
    .dgpods-property-address {
      font-size: 14px;
      color: #666;
      display: flex;
      align-items: center;
      margin-bottom: 4px;
    }
    
    .dgpods-property-address i {
      margin-right: 4px;
    }
    
    .dgpods-property-rating {
      display: inline-block;
      background-color: #2196f3;
      color: white;
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 4px;
    }
    
    .dgpods-booking-dates {
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-checkin, .dgpods-checkout, .dgpods-guest-count {
      flex: 1;
    }
    
    .dgpods-date-label {
      font-size: 15px;
      color: #000000;
      font-weight: 600;
    }
    
    .dgpods-date-value {
      font-weight: 600;
    }
    
    .dgpods-time-value {
      font-size: 12px;
      color: #666;
    }
  
    
    .dgpods-selection-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    
    .dgpods-selection-badge {
      color: #2e7d32;
      font-size: 12px;
      margin-bottom: 16px;
    }
    
    .dgpods-pod-option-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 0;
    }
    
    .dgpods-option-details {
      flex: 1;
    }
    
    .dgpods-option-title {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 4px;
      display: flex;
      align-items: center;
    }
    
    .dgpods-option-title i {
      margin-right: 4px;
      color: #2196f3;
    }
    
    .dgpods-option-subtitle {
      font-size: 12px;
      color: #666;
    }
    
    .dgpods-view-more-link {
      color: #2196f3;
      font-size: 14px;
      margin-top: 8px;
      cursor: pointer;
      text-decoration: none;
    }
    
    .dgpods-extra-charges-card {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
    }
    
    .dgpods-extra-charges-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 8px;
    }
    
    .dgpods-extra-charges-note {
      font-size: 12px;
      color: #666;
      margin-bottom: 16px;
    }
    
    .dgpods-charge-item {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      border-top: 1px solid #e0e0e0;
    }
    
    .dgpods-charge-name {
      display: flex;
      align-items: center;
    }
    
    .dgpods-charge-name i {
      margin-left: 4px;
      color: #2196f3;
      font-size: 12px;
    }
    
    .dgpods-pricing-summary {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-pricing-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
    }
    
    .dgpods-pricing-title {
      font-size: 16px;
      font-weight: 600;
    }
    
    .dgpods-view-breakdown {
      color: #2196f3;
      font-size: 12px;
      cursor: pointer;
    }
    
    .dgpods-price-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
    }
    
    .dgpods-price-label {
      font-size: 14px;
    }
    
    .dgpods-price-amount {
      font-weight: 600;
    }
    
    .dgpods-total-price {
      display: flex;
      justify-content: space-between;
      margin: 16px 0;
      padding-top: 16px;
      border-top: 1px solid #e0e0e0;
      font-weight: 600;
    }
    
    .dgpods-discount-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
      color: #2e7d32;
    }
    
    .dgpods-mandatory-notice {
      background-color: #ffebee;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-notice-header {
      background-color: #ef5350;
      color: white;
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 12px;
      display: inline-block;
      margin-bottom: 8px;
    }
    
    .dgpods-notice-content {
      font-size: 14px;
    }
    
    .dgpods-booking-button {
      background-color: #2196f3;
      color: white;
      padding: 12px;
      border-radius: 8px;
      text-align: center;
      font-weight: 600;
      cursor: pointer;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .dgpods-booking-button i {
      margin-right: 8px;
    }
    
    .dgpods-eco-initiative {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      margin-bottom: 16px;
    }
    
    .dgpods-eco-content {
      flex: 1;
    }
    
    .dgpods-eco-title {
      font-size: 14px;
      margin-bottom: 4px;
    }
    
    .dgpods-eco-link {
      color: #2196f3;
      font-size: 14px;
      cursor: pointer;
    }
    
    .dgpods-promo-section {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-promo-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 16px;
    }
    
    .dgpods-promo-form {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }
    
    .dgpods-promo-label {
      font-size: 14px;
    }
    
    .dgpods-apply-button {
      background-color: #2196f3;
      color: white;
      padding: 4px 12px;
      border-radius: 4px;
      font-size: 14px;
      cursor: pointer;
    }
    
    .dgpods-stars {
      color: #ff9800;
      font-size: 14px;
    }
    
    .dgpods-promo-dropdown {
      display: none;
      margin-top: 10px;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      overflow: hidden;
    }
    
    .dgpods-promo-option {
      padding: 8px 12px;
      border-bottom: 1px solid #e0e0e0;
      cursor: pointer;
    }
    
    .dgpods-promo-option:hover {
      background-color: #f5f5f5;
    }
    
    .dgpods-promo-option:last-child {
      border-bottom: none;
    }
    
    .dgpods-promo-description {
      font-size: 12px;
      color: #666;
      margin-top: 2px;
    }
    
    .dgpods-applied-promo {
      margin-top: 10px;
      padding: 8px;
      background-color: #e8f5e9;
      border-radius: 4px;
      font-size: 14px;
      display: none;
    }
    
    .dgpods-remove-promo {
      color: #f44336;
      cursor: pointer;
      margin-left: 4px;
    }
    
    @media (max-width: 768px) {
      .dgpods-container {
        flex-direction: column;
        padding: 8px;
      }
      
      .dgpods-left-column {
        padding-right: 0;
        max-height: none;
      }
      
      .dgpods-right-column {
        width: 100%;
        position: static;
        margin-left: 0;
        margin-top: 16px;
      }
      
      .dgpods-booking-dates {
        flex-direction: column;
      }
      
      .dgpods-checkin, .dgpods-checkout, .dgpods-guest-count {
        margin-bottom: 16px;
      }
    }

    
   
    
    /* .dgpods-container {
      display: flex;
      max-width: 1200px;
      margin: 0 auto;
      padding: 16px;
      background-color: #fff;
      min-height: 100vh;
    } */
    
    .dgpods-left-column {
      flex: 1;
      overflow-y: auto;
      padding-right: 16px;
      max-height: 100vh;
      /* Hide scrollbar */
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE and Edge */
    }
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    .dgpods-left-column::-webkit-scrollbar {
      display: none;
    }
    
    .dgpods-right-column {
      width: 300px;
      position: sticky;
      top: 16px;
      height: fit-content;
      margin-left: 16px;
    }
    
    .dgpods-property-card {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-section-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 16px;
      border-bottom: 1px solid #e0e0e0;
    }
    
    .dgpods-section-title {
      font-size: 16px;
      font-weight: 600;
    }
    
    .dgpods-section-content {
      padding-top: 16px;
    }
    
    .dgpods-property-image {
      width: 220px;
      height: 180px;
      border-radius: 4px;
      object-fit: cover;
    }
    
    .dgpods-property-header {
      display: flex;
      margin-bottom: 16px;
    }
    
    .dgpods-property-details {
      margin-left: 16px;
    }
    
    .dgpods-property-name {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    
    .dgpods-property-address {
      font-size: 14px;
      color: #666;
      display: flex;
      align-items: center;
      margin-bottom: 4px;
    }
    
    .dgpods-property-address i {
      margin-right: 4px;
    }
    
    .dgpods-property-rating {
      display: inline-block;
      background-color: #2196f3;
      color: white;
      font-size: 12px;
      padding: 2px 8px;
      border-radius: 4px;
    }
    
    .dgpods-booking-dates {
      display: flex;
      justify-content: space-between;
      margin-top: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-checkin, .dgpods-checkout, .dgpods-guest-count {
      flex: 1;
    }
    
   
    
    .dgpods-date-value {
      font-weight: 600;
    }
    
    .dgpods-time-value {
      font-size: 12px;
      color: #666;
    }
    
    .dgpods-selection-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    
    .dgpods-selection-badge {
      color: #2e7d32;
      font-size: 12px;
      margin-bottom: 16px;
    }
    
    .dgpods-pod-option-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 0;
    }
    
    .dgpods-option-details {
      flex: 1;
    }
    
    .dgpods-option-title {
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 4px;
      display: flex;
      align-items: center;
    }
    
    .dgpods-option-title i {
      margin-right: 4px;
      color: #2196f3;
    }
    
    .dgpods-option-subtitle {
      font-size: 12px;
      color: #666;
    }
    
    .dgpods-view-more-link {
      color: #2196f3;
      font-size: 14px;
      margin-top: 8px;
      cursor: pointer;
      text-decoration: none;
    }
    
    .dgpods-extra-charges-card {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
    }
    
    .dgpods-extra-charges-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 8px;
    }
    
    .dgpods-extra-charges-note {
      font-size: 12px;
      color: #666;
      margin-bottom: 16px;
    }
    
    .dgpods-charge-item {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      border-top: 1px solid #e0e0e0;
    }
    
    .dgpods-charge-name {
      display: flex;
      align-items: center;
    }
    
    .dgpods-charge-name i {
      margin-left: 4px;
      color: #2196f3;
      font-size: 12px;
    }
    
    .dgpods-pricing-summary {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-pricing-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
    }
    
    .dgpods-pricing-title {
      font-size: 16px;
      font-weight: 600;
    }
    
    .dgpods-view-breakdown {
      color: #2196f3;
      font-size: 12px;
      cursor: pointer;
    }
    
    .dgpods-price-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
    }
    
    .dgpods-price-label {
      font-size: 14px;
    }
    
    .dgpods-price-amount {
      font-weight: 600;
    }
    
    .dgpods-total-price {
      display: flex;
      justify-content: space-between;
      margin: 16px 0;
      padding-top: 16px;
      border-top: 1px solid #e0e0e0;
      font-weight: 600;
    }
    
    .dgpods-discount-row {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
      color: #2e7d32;
    }
    
    .dgpods-mandatory-notice {
      background-color: #ffebee;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-notice-header {
      background-color: #ef5350;
      color: white;
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 12px;
      display: inline-block;
      margin-bottom: 8px;
    }
    
    .dgpods-notice-content {
      font-size: 14px;
    }
    
    .dgpods-booking-button {
      background-color: #2196f3;
      color: white;
      padding: 12px;
      border-radius: 8px;
      text-align: center;
      font-weight: 600;
      cursor: pointer;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .dgpods-booking-button i {
      margin-right: 8px;
    }
    
    .dgpods-eco-initiative {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      margin-bottom: 16px;
    }
    
    .dgpods-eco-content {
      flex: 1;
    }
    
    .dgpods-eco-title {
      font-size: 14px;
      margin-bottom: 4px;
    }
    
    .dgpods-eco-link {
      color: #2196f3;
      font-size: 14px;
      cursor: pointer;
    }
    
    .dgpods-promo-section {
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 16px;
    }
    
    .dgpods-promo-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 16px;
    }
    
    .dgpods-promo-form {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }
    
    .dgpods-promo-label {
      font-size: 14px;
    }
    
    .dgpods-apply-button {
      background-color: #2196f3;
      color: white;
      padding: 4px 12px;
      border-radius: 4px;
      font-size: 14px;
      cursor: pointer;
    }
    
    .dgpods-stars {
      color: #ff9800;
      font-size: 14px;
    }
    
    .dgpods-promo-dropdown {
      display: none;
      margin-top: 10px;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      overflow: hidden;
    }
    
    .dgpods-promo-option {
      padding: 8px 12px;
      border-bottom: 1px solid #e0e0e0;
      cursor: pointer;
    }
    
    .dgpods-promo-option:hover {
      background-color: #f5f5f5;
    }
    
    .dgpods-promo-option:last-child {
      border-bottom: none;
    }
    
    .dgpods-promo-description {
      font-size: 12px;
      color: #666;
      margin-top: 2px;
    }
    
    .dgpods-applied-promo {
      margin-top: 10px;
      padding: 8px;
      background-color: #e8f5e9;
      border-radius: 4px;
      font-size: 14px;
      display: none;
    }
    
    .dgpods-remove-promo {
      color: #f44336;
      cursor: pointer;
      margin-left: 4px;
    }
    
    @media (max-width: 768px) {
      .dgpods-container {
        flex-direction: column;
        padding: 8px;
      }
      
      .dgpods-left-column {
        padding-right: 0;
        max-height: none;
      }
      
      .dgpods-right-column {
        width: 100%;
        position: static;
        margin-left: 0;
        margin-top: 16px;
      }
      
      .dgpods-booking-dates {
        flex-direction: column;
      }
      
      .dgpods-checkin, .dgpods-checkout, .dgpods-guest-count {
        margin-bottom: 16px;
      }
    }

    .auth-toggle {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
    }
    .auth-btn {
      padding: 10px 20px;
      border: none;
      background: none;
      font-size: 18px;
      cursor: pointer;
      color: #666;
      border-bottom: 2px solid transparent;
    }
    .auth-btn.active {
      color: #f83600;
      border-bottom: 2px solid #f83600;
    }
    .auth-form {
      transition: all 0.3s ease;
    }

    .booking-details-section {
      background: #fff;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 15px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      border: 1px solid #00000021;
    }

    .section-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 15px;
      color: #333;
    }

    .booking-fields-grid {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .booking-field {
      width: 100%;
    }

    .booking-field label {
      display: block;
      margin-bottom: 6px;
      font-size: 15px;
      color: #000000;
      font-weight: 600;
    }

    /* Date Selector Styles */
    .searchFormItem {
      position: relative;
      width: 100%;
    }

    .searchFormItem__button {
      display: flex;
      align-items: center;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.3s ease;
      width: 100%;
      background: #fff;
    }

    .searchFormItem__button:hover {
      border-color: #eb662b;
    }

    .searchFormItem__content {
      flex: 1;
      width: 100%;
    }

    .selected-date {
      font-size: 14px;
      color: #333;
      font-weight: 500;
    }

    /* Time and Duration Selector Styles */
    .time-duration-row {
      display: flex;
      gap: 12px;
      width: 100%;
    }

    .time-duration-row .booking-field {
      flex: 1;
      width: 50%;
    }

    .time-picker select,
    .duration-picker select {
      width: 100%;
      padding: 10px 12px;
      border: 1px solid #ddd;
      border-radius: 6px;
      font-size: 14px;
      color: #333;
      background: #fff;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    /* Guest Picker Styles */
    .guest-picker {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 10px;
      width: 60%;
    }

    .guest-btn {
      background: none;
      border: none;
      font-size: 18px;
      cursor: pointer;
      color: #666;
      padding: 0 8px;
      transition: all 0.3s ease;
    }

    #guestCount {
      min-width: 25px;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      color: #333;
    }

    /* Search Button Styles */
    .search-button-container {
      margin-top: 15px;
    }

    .search-button {
      width: 100%;
      padding: 10px;
      background: #eb662b;
      color: white;
      border: none;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .search-button:hover {
      background: #d45a25;
    }

    /* Mobile Responsive Styles */
    @media (max-width: 768px) {
      /* Container adjustments */
      .container {
        padding: 0 15px;
      }

      .dgpods-container {
        flex-direction: column;
        gap: 20px;
      }

      /* Property Info Card */
      .dgpods-property-card {
        padding: 15px;
      }

      .dgpods-property-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
      }

      .dgpods-property-image {
        width: 100%;
        height: auto;
        border-radius: 8px;
      }

      .dgpods-property-details {
        width: 100%;
      }

      .dgpods-stars {
        margin-bottom: 8px;
      }

      .dgpods-property-name {
        font-size: 18px;
        margin-bottom: 8px;
      }

      .dgpods-property-address {
        font-size: 14px;
        margin-bottom: 8px;
      }

      .dgpods-property-rating {
        font-size: 14px;
      }

      /* Booking Details Section */
      .booking-details-section {
        padding: 12px;
        margin: 0;
      }

      .section-title {
        font-size: 16px;
        margin-bottom: 12px;
      }

      .booking-fields-grid {
        gap: 15px;
      }

      .booking-field label {
        font-size: 14px;
        margin-bottom: 5px;
      }

      .searchFormItem__button,
      .time-picker select,
      .duration-picker select,
      .guest-picker {
        padding: 12px;
        font-size: 15px;
      }

      .time-duration-row {
        flex-direction: column;
        gap: 15px;
      }

      .time-duration-row .booking-field {
        width: 100%;
      }

      /* Guest Picker */
      .guest-picker {
        padding: 12px;
      }

      .guest-btn {
        font-size: 20px;
        padding: 0 10px;
      }

      #guestCount {
        font-size: 16px;
        min-width: 30px;
      }

      /* Search Button */
      .search-button {
        padding: 12px;
        font-size: 15px;
      }

      /* Price Summary */
      .dgpods-pricing-summary {
        padding: 15px;
      }

      .dgpods-pricing-title {
        font-size: 16px;
        margin-bottom: 12px;
      }

      .dgpods-price-row {
        padding: 10px 0;
      }

      .dgpods-price-label,
      .dgpods-price-amount {
        font-size: 14px;
      }

      .dgpods-total-price {
        padding: 12px 0;
      }

      .dgpods-total-price div:first-child {
        font-size: 15px;
      }

      #dgpods-total-amount {
        font-size: 18px;
      }

      /* Booking Button */
      .dgpods-booking-button {
        padding: 14px;
        font-size: 15px;
        margin-top: 15px;
      }

      /* Footer Adjustments */
      .footer__info {
        padding: 20px 15px;
      }

      .footer__content {
        padding: 20px 15px;
      }

      .footer__bottom {
        padding: 15px;
      }
    }

    /* Small Mobile Devices */
    @media (max-width: 480px) {
      .dgpods-property-name {
        font-size: 16px;
      }

      .booking-field label {
        font-size: 13px;
      }

      .searchFormItem__button,
      .time-picker select,
      .duration-picker select,
      .guest-picker {
        padding: 10px;
        font-size: 14px;
      }

      .search-button,
      .dgpods-booking-button {
        padding: 12px;
        font-size: 14px;
      }
    }

    .card {
      position: relative; /* Allows absolute positioning inside */
    }
    
    .sales-label-overlay {
      position: absolute;
      top: 127px;
      right: -18px;
      width: 78px !important;
      height: 58px !important;
      z-index: 10;
    }
    
    /* Mobile Responsive */
    @media (max-width: 768px) {
      .sales-label-overlay {
        width: 65px !important;
        right: -15px;
        top: 160px;
    
      }
    }

    .offer-ribbon {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      width: 70px;
    }
    
    .offer-ribbon img {
      width: 100%;
      height: auto;
    }
    
    /* Make sure .hotel-card is relatively positioned */
    .hotel-card {
      position: relative;
    }

    @media (max-width: 576px) {
      .offer-ribbon {
        width: 50px;
      }
    }

/*Slots modal */
.modal-content-slots{
  height: 80%;
    width: 70%;
    justify-self: center;
    margin-top: 150px;
    background-color: white;
    padding: 25px;
    text-align: center;

}
.btn-slots{
  display: inline-block;
  padding: 5px 15px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  /* font-weight: bold; */
  width: 100px;
  }

  .btn-cancel-slots{
    display: inline-block;
    padding: 5px 15px;
    background-color: #ff4d4d;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    /* font-weight: bold; */
    width: 95px;
        margin-top: 20px;
    }
    @media screen and (max-width: 767px) {
      .modal-content-slots{
        height: 80%;
        width: 90%;
        justify-self: center;
        margin-top: 70px;
        background-color: white;
        padding: 25px;
        text-align: center;
      }
    }

/* calender css */

.DGPODS-open-calendar-btn {
  transition: all 0.3s ease;
  z-index: 1000;
  min-width: 200px;
  /* padding: 12px 24px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

    /* position: fixed; */
    /* top: 20px; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    
    /* background-color: #ff8c00; */
    /* color: white; */
    /* border: none; */
    /* border-radius: 25px; */
    /* font-size: 16px; */
    /* cursor: pointer; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
   
    /* text-align: center; */
    


/* .DGPODS-open-calendar-btn:hover {
  background-color: #ffa500;
  transform: translateX(-50%) scale(1.05);
} */

.DGPODS-calendar-container {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  /* width: 350px; */
  position: fixed;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  display: none;
  z-index: 1000;
}

.DGPODS-calendar-container.show {
  display: block;
  /* animation: DGPODS-fadeIn 0.3s ease; */
}

@keyframes DGPODS-fadeIn {
  from {
      opacity: 0;
      transform: translate(-50%, -48%);
  }
  to {
      opacity: 1;
      transform: translate(-50%, -50%);
  }
}

.DGPODS-selected-date {
  text-align: center;
  margin-bottom: 20px;
  padding: 15px;
  background-color: #ff8c00;
  border-radius: 15px;
  color: white;
  font-size: 20px;
  white-space: nowrap;
  display: none;
}

.DGPODS-selected-date span {
  font-weight: bold;
}

#DGPODS-day-name {
  font-size: 24px;
  font-weight: bold;
}

#DGPODS-date {
  font-size: 48px;
  font-weight: bold;
  margin: 10px 0;
}

#DGPODS-year {
  font-size: 20px;
}

.DGPODS-calendar {
  border-radius: 15px;
  overflow: hidden;
}

.DGPODS-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #ff8c00;
  color: white;
}

.DGPODS-calendar-header button {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  transition: background-color 0.3s;
}

.DGPODS-calendar-header button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.DGPODS-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  background-color: #ffa500;
  color: white;
  padding: 10px 0;
  text-align: center;
}

.DGPODS-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  padding: 10px;
  background-color: white;
}

.DGPODS-days div {
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s;
}

.DGPODS-days div:hover {
  background-color: #ffd700;
}

.DGPODS-days div.selected {
  background-color: #ff8c00;
  color: white;
}

.DGPODS-days div.other-month {
  color: #ccc;
}

.DGPODS-days div.today {
  border: 2px solid #ff8c00;
}

.DGPODS-days div.disabled {
  color: #ccc;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
  background-color: #f5f5f5;
}

.DGPODS-days div.disabled:hover {
  background-color: #f5f5f5;
  transform: none;
}

/* Overlay when calendar is open */
.DGPODS-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}


/* pods detail page style */

.searchFormItem__button {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 1px 2px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.searchFormItem__button:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}

.calendar-container {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12),
    0 4px 8px rgba(0, 0, 0, 0.08),
    0 2px 4px rgba(0, 0, 0, 0.04);
}

.time-picker select,
.duration-picker select,
.guest-picker {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05),
    0 1px 2px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.time-picker select:hover,
.duration-picker select:hover,
.guest-picker:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}

.search-button {
  box-shadow: 0 4px 6px rgba(53, 84, 209, 0.2),
    0 2px 4px rgba(53, 84, 209, 0.1);
  transition: all 0.3s ease;
}

.search-button:hover {
  box-shadow: 0 6px 12px rgba(53, 84, 209, 0.25),
    0 4px 8px rgba(53, 84, 209, 0.15);
  transform: translateY(-1px);
}

.days div {
  transition: all 0.2s ease;
}

.days div:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transform: scale(1.1);
}

.days div.selected {
  box-shadow: 0 2px 8px rgba(53, 84, 209, 0.25);
}

.searchMenu-date {
  position: relative;
  cursor: pointer;
  border: 1px solid #dddddd;
  transition: border-color 0.3s ease;
  border-radius: 4px;
}

.searchMenu-date:hover {
  border-color: #3554d1;
}



.searchMenu-date.-is-active .searchMenu-date__field {
  display: block;
}

.custom-calendar-style {
  background: white;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
}

.calendar-grid {
  width: 100%;
}

.calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.calendar-grid__title {
  font-weight: 500;
  font-size: 15px;
  color: #051036;
}

.calendar-grid__prev,
.calendar-grid__next {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #f5f5f5;
  border-radius: 50%;
  color: #051036;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 12px;
}

.calendar-grid__prev:hover,
.calendar-grid__next:hover {
  background: #3554d1;
  color: white;
}

.calendar-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 10px;
}

.calendar-week div {
  text-align: center;
  font-size: 13px;
  color: #697488;
  padding: 5px;
  font-weight: 500;
}

.calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}

.calendar-days div {
  text-align: center;
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
  color: #051036;
}

.calendar-days div:not(.other-month):hover {
  background: #3554d1;
  color: white;
}

.calendar-days div.selected {
  background: #3554d1;
  color: white;
}

.calendar-days div.today {
  border: 1px solid #3554d1;
  font-weight: 500;
}

.calendar-days div.other-month {
  color: #697488;
  opacity: 0.5;
  pointer-events: none;
}

.text-13 {
  font-size: 13px;
}

.lh-15 {
  line-height: 1.5;
}

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

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.calendar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.searchMenu-date.-is-active .calendar-overlay {
  display: block;
}



.dgpods-amenities-section {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 4px;
  margin: 20px 0;
}

.dgpods-amenities-title {
  font-size: 16px;
  font-weight: 500;
  color: #051036;
  margin-bottom: 15px;
}

.dgpods-amenities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.dgpods-amenity-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #051036;
}

.dgpods-amenity-item i {
  color: #FE9B04;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.dgpods-amenity-item span {
  color: #000000;
}

@media (max-width: 768px) {
  .dgpods-amenities-grid {
    grid-template-columns: 1fr;
  }
}

/* Add these styles to your existing style section */
.dgpods-virtual-tour-section {
  margin-top: 30px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}

.dgpods-video-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.dgpods-video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.dgpods-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dgpods-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  transition: all 0.3s ease;
}

.dgpods-video-overlay:hover {
  background: rgba(0, 0, 0, 0.6);
}

.dgpods-play-button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 15px;
}

.dgpods-play-button i {
  font-size: 24px;
  color: #3554d1;
}

.dgpods-play-button:hover {
  transform: scale(1.1);
  background: white;
}

.dgpods-video-overlay h4 {
  font-size: 24px;
  margin-bottom: 8px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.dgpods-video-overlay p {
  font-size: 16px;
  opacity: 0.9;
}

.dgpods-video-features {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 20px;
}

.dgpods-feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dgpods-feature-item i {
  font-size: 20px;
}

.dgpods-feature-item span {
  font-size: 14px;
  color: #051036;
}

@media (max-width: 768px) {
  .dgpods-video-features {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}

.dgpods-coupon-wrapper {
  position: relative;
  margin: 15px 0;
}

.dgpods-coupon-trigger {
  padding: 12px 15px;
  border: 1px dashed #3554d1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  background: white;
  transition: all 0.3s ease;
}

.dgpods-coupon-trigger:hover {
  background: #f8f9fa;
}

.dgpods-coupon-trigger i {
  color: #3554d1;
}

.dgpods-coupon-trigger span {
  flex: 1;
  color: #3554d1;
  font-weight: 500;
}

.dgpods-coupon-dropdown {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  z-index: 1000;
  display: none;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15));
  max-height: 80vh;
  overflow: hidden;
}

.coupon-dropdown-content {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.coupon-header {
  padding: 12px 15px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  position: sticky;
  top: 0;
  z-index: 1;
}

.coupon-header h4 {
  margin: 0;
  color: #051036;
  font-size: 16px;
}

.close-dropdown {
  background: none;
  border: none;
  color: #697488;
  cursor: pointer;
  font-size: 18px;
  padding: 5px;
}

.coupon-list {
  flex: 1;
  overflow-y: auto;
  padding: 10px 15px;
  max-height: calc(80vh - 120px);
}

.coupon-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border: 1px dashed #3554d1;
  border-radius: 6px;
  margin-bottom: 8px;
  background: #f8f9fa;
  min-height: 60px;
}

.coupon-details {
  flex: 1;
  margin-right: 10px;
}

.coupon-amount {
  font-size: 14px;
  font-weight: 600;
  color: #3554d1;
  margin-bottom: 2px;
}

.coupon-text {
  font-size: 12px;
  color: #051036;
  margin-bottom: 2px;
  line-height: 1.3;
}

.coupon-code {
  font-size: 11px;
  color: #697488;
}

.apply-coupon {
  padding: 6px 12px;
  background: #3554d1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  font-size: 12px;
  height: 32px;
}

.coupon-input {
  padding: 12px 15px;
  border-top: 1px solid #e0e0e0;
  display: flex;
  gap: 8px;
  background: white;
  position: sticky;
  bottom: 0;
  z-index: 1;
}

.coupon-input input {
  flex: 1;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
  height: 32px;
}

.coupon-input button {
  padding: 6px 12px;
  background: #3554d1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  height: 32px;
}

.applied-coupon-tag {
  font-size: 12px;
  background: #e3f2fd;
  color: #3554d1;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
}

.remove-coupon {
  color: #f44336;
  cursor: pointer;
  margin-left: 8px;
  font-size: 12px;
}

@media (max-width: 768px) {
  .dgpods-coupon-dropdown {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 12px 12px 0 0;
    max-height: 60vh;
  }

  .coupon-list {
    max-height: calc(60vh - 120px);
  }

  .coupon-item {
    padding: 6px 10px;
    min-height: 50px;
  }

  .coupon-amount {
    font-size: 13px;
  }

  .coupon-text {
    font-size: 11px;
  }

  .coupon-code {
    font-size: 10px;
  }

  .apply-coupon {
    padding: 4px 10px;
    font-size: 11px;
    height: 28px;
  }
}

.dgpods-coupons-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 12px 0;
  padding: 0 8px;
}

.dgpods-coupon-card {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: white;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  max-width: 240px;
  margin: 0 auto;
  padding: 6px 8px;
  border-left: 3px solid #3554d1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: auto;
}

.dgpods-coupon-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: repeating-linear-gradient(
    45deg,
    #3554d1,
    #3554d1 4px,
    transparent 4px,
    transparent 8px
  );
  opacity: 0.3;
}

.coupon-amount {
  font-size: 16px;
  font-weight: 700;
  color: #3554d1;
  display: flex;
  align-items: center;
  gap: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  justify-content: center;
  padding: 4px 0;
  background: rgba(53, 84, 209, 0.05);
  border-radius: 4px;
  line-height: 1.2;
}

.coupon-amount::before {
  content: '₹';
  font-size: 14px;
  opacity: 0.8;
}

.coupon-code {
  font-size: 11px;
  color: #697488;
  background: #f8f9fa;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: monospace;
  letter-spacing: 0.5px;
  border: 1px dashed #e0e0e0;
  text-align: center;
  line-height: 1.2;
}

.dgpods-coupon-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  border-color: #3554d1;
}

.dgpods-coupon-card.active {
  border-color: #4CAF50;
  background: #f1f8e9;
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(76, 175, 80, 0.12);
}

.dgpods-coupon-card.active .coupon-amount {
  color: #4CAF50;
  background: rgba(76, 175, 80, 0.1);
}

.dgpods-coupon-card.active .coupon-code {
  background: #e8f5e9;
  color: #4CAF50;
  border-color: #4CAF50;
}

@media (max-width: 768px) {
  .dgpods-coupons-row {
    gap: 8px;
    padding: 0 5px;
  }

  .dgpods-coupon-card {
    max-width: 100%;
    padding: 4px 6px;
  }

  .coupon-amount {
    font-size: 14px;
    padding: 3px 0;
  }

  .coupon-code {
    font-size: 10px;
    padding: 1px 4px;
  }
}

@media (max-width: 768px) {
  .dgpods-container {
    flex-direction: column;
    gap: 15px;
  }

  .dgpods-right-column {
    order: -1;
  }

  .dgpods-left-column {
    order: 1;
  }
}

.dgpods-pod-description {
  background: white;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.dgpods-pod-description h3 {
  font-size: 18px;
  color: #051036;
  font-weight: 600;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.dgpods-pod-description h3 i {
  color: #3554d1;
}

.dgpods-pod-description p {
  font-size: 14px;
  color: #051036;
  line-height: 1.6;
  margin-bottom: 15px;
}

.dgpods-pod-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-top: 15px;
}

.dgpods-pod-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #051036;
}

.dgpods-pod-feature i {
  color: #3554d1;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

@media (max-width: 768px) {
  .dgpods-pod-description {
    padding: 15px;
    margin: 15px 0;
  }

  .dgpods-pod-description h3 {
    font-size: 16px;
  }

  .dgpods-pod-description p {
    font-size: 13px;
  }

  .dgpods-pod-features {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}