@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1 ; }

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat); }

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2); }

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3); }

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay); }

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2); }

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3); }

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4); }

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5); }

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2); }

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8); }

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2); }

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3); }

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; }

  .animate__animated[class*=Out] {
    opacity: 0; } }
@-webkit-keyframes bounce {
  0%,
    20%,
    53%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%,
    43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }
@keyframes bounce {
  0%,
    20%,
    53%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  40%,
    43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05); }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02); } }
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%,
    50%,
    to {
    opacity: 1; }
  25%,
    75% {
    opacity: 0; } }
@keyframes flash {
  0%,
    50%,
    to {
    opacity: 1; }
  25%,
    75% {
    opacity: 0; } }
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shakeX {
  0%,
    to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,
    30%,
    50%,
    70%,
    90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
    40%,
    60%,
    80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shakeX {
  0%,
    to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,
    30%,
    50%,
    70%,
    90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
    40%,
    60%,
    80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX; }

@-webkit-keyframes shakeY {
  0%,
    to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,
    30%,
    50%,
    70%,
    90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%,
    40%,
    60%,
    80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }
@keyframes shakeY {
  0%,
    to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  10%,
    30%,
    50%,
    70%,
    90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  20%,
    40%,
    60%,
    80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%,
    20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%,
    50%,
    70%,
    90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%,
    60%,
    80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  10%,
    20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%,
    50%,
    70%,
    90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%,
    60%,
    80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  0%,
    11.1%,
    to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  0%,
    11.1%,
    to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown; }

@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft; }

@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight; }

@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7; }
  80% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp; }

@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7; } }
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7; } }
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown; }

@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; } }
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7; } }
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft; }

@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; } }
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7; } }
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight; }

@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7; } }
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7; }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7; } }
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp; }

@-webkit-keyframes bounceIn {
  0%,
    20%,
    40%,
    60%,
    80%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes bounceIn {
  0%,
    20%,
    40%,
    60%,
    80%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInDown {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInLeft {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInRight {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes bounceInUp {
  0%,
    60%,
    75%,
    90%,
    to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
    55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
    55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%,
    45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985); }
  40%,
    45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3); } }
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2); } }
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2); } }
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%,
    45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985); }
  40%,
    45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3); } }
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft; }

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight; }

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft; }

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0); } }
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft; }

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0); } }
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight; }

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0); } }
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight; }

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0); } }
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg); }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0; } }
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; } }
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    opacity: 1; }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
    60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
    80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
    60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
    80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg); } }
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0); } }
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0); } }
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); } }
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.breadcrumb {
  padding: 5px 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  z-index: 998;
  background: #fff;
  transition: 0.4s; }
  .breadcrumb ul {
    margin: 5px 0;
    padding: 0;
    gap: 10px; }
    .breadcrumb ul .breadcrumb-item {
      list-style: none;
      padding-left: 20px;
      display: inline;
      position: relative; }
      .breadcrumb ul .breadcrumb-item a {
        font-size: 12px;
        color: #9ba3af; }
        .breadcrumb ul .breadcrumb-item a i {
          margin-right: 5px; }
      .breadcrumb ul .breadcrumb-item:first-child {
        padding-left: 0; }
        .breadcrumb ul .breadcrumb-item:first-child::before {
          display: none; }
      .breadcrumb ul .breadcrumb-item:last-child::before {
        color: #01a89e; }
      .breadcrumb ul .breadcrumb-item::before {
        font-family: "icomoon";
        content: "\e986";
        margin-left: -10px;
        margin-right: 10px;
        color: #9ba3af;
        font-size: 12px; }
    .breadcrumb ul .active {
      color: #01a89e; }
      .breadcrumb ul .active a {
        color: #01a89e; }
  .breadcrumb .animated-form {
    margin: 0; }

.alt-breadcrumb {
  top: 85px;
  width: 100%; }

header {
  display: flex;
  width: 100%;
  z-index: 999;
  position: absolute;
  justify-content: space-between;
  box-shadow: 0 0 2px #2b2b2b;
  padding: 5px 0;
  box-sizing: border-box;
  align-items: center;
  height: 60px;
  background: #fff;
  top: 0px; }
  header * {
    transition: 0.4s; }
  header .drop-details ul {
    gap: 0; }
  header ul {
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: left;
    gap: 20px; }
    header ul li {
      list-style: none;
      display: flex;
      justify-content: center;
      color: #fff; }
      header ul li:last-child {
        margin-right: 0; }
    header ul a {
      text-decoration: none;
      margin-left: 5px;
      display: flex;
      align-items: center;
      font-size: 14px;
      cursor: pointer;
      color: #565f70; }
      header ul a span {
        font-family: "Prompt", sans-serif;
        transition: 0.4s;
        color: black;
        font-weight: "Prompt", sans-serif !important;
        font-weight: 600; }
      header ul a svg {
        width: 20px;
        height: 25px;
        margin-right: 5px;
        fill: #fff; }
      header ul a i {
        margin-right: 10px;
        color: black;
        transition: 0.4s;
        font-size: 20px; }
      header ul a:hover span {
        color: #0bcec1; }
      header ul a:hover i {
        color: #0bcec1; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  header .profile {
    padding: 0;
    margin: 0;
    margin-left: 20px;
    cursor: pointer; }
    header .profile:hover {
      background: none; }
    header .profile .pic {
      border-radius: 50%;
      width: 30px;
      height: 30px;
      padding-top: 30px;
      background: #ef4f4c;
      box-sizing: border-box;
      position: relative; }
      header .profile .pic span {
        font-size: 12px;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        padding-top: 6px;
        text-align: center;
        position: absolute; }
      header .profile .pic img {
        position: absolute;
        top: 0;
        left: 0; }
    header .profile span {
      color: white;
      font-size: 12px; }
    header .profile .btn {
      background: none;
      border: none; }
      header .profile .btn svg {
        fill: white;
        width: 14px; }
  header .alert {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    display: grid;
    align-items: center;
    justify-content: center;
    right: -10px;
    top: -10px; }
  header .number {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    background: #0bcec1; }
  header .btns {
    display: flex;
    justify-content: flex-end;
    padding: 0 !important;
    margin: 0; }
    header .btns .btn {
      font-size: 12px;
      background: none;
      border: none;
      float: right;
      padding: 5px 10px !important;
      background-color: #2b2b2b;
      color: #fff; }
      header .btns .btn span {
        color: #0bcec1; }
      header .btns .btn svg {
        width: 15px;
        margin-right: 10px;
        fill: #fff; }
    header .btns .account-btn {
      font-size: 12px;
      background: none;
      border: none;
      float: right;
      border-radius: 5px;
      padding: 6px 10px !important;
      background-color: #2b2b2b;
      color: #fff; }
      header .btns .account-btn span {
        color: #0bcec1; }
      header .btns .account-btn svg {
        width: 15px;
        margin-right: 10px;
        fill: #fff; }

.header {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
  text-transform: capitalize;
  transition: 0.5s;
  display: grid;
  position: inherit;
  grid-auto-columns: 100%;
  position: fixed;
  justify-content: space-between;
  border: none;
  box-shadow: none;
  width: 100%;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08); }
  .header .profile {
    margin-left: 20px;
    box-sizing: border-box; }

.header-alt {
  position: relative;
  width: 100%;
  background: #fff;
  position: fixed;
  z-index: 999;
  transition: 0.5s;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08); }
  .header-alt .search-close .search-bar {
    border-color: #e9e9e9;
    color: #9ba3af; }
  .header-alt .search-close .search-btn i {
    color: #565f70; }
  .header-alt .partner-search nav ul a {
    color: #2b2b2b; }
    .header-alt .partner-search nav ul a i {
      color: #2b2b2b; }
    .header-alt .partner-search nav ul a svg {
      fill: #2b2b2b; }
  .header-alt .sub-header {
    opacity: 10;
    top: 50px;
    visibility: visible; }
    .header-alt .sub-header ul li a {
      font-size: 12px !important;
      margin-left: 0; }
  .header-alt .profile .btn svg {
    fill: black;
    width: 14px; }
  .header-alt #langaguePicker {
    color: #2b2b2b; }
    .header-alt #langaguePicker .slider {
      border: 1px solid #01a89e; }
  .header-alt ul li a {
    color: #2b2b2b !important; }
  .header-alt ul li .login-btn {
    background: none;
    color: #fff;
    justify-content: center; }
    .header-alt ul li .login-btn svg {
      fill: #2b2b2b !important; }
    .header-alt ul li .login-btn i {
      color: #2b2b2b; }

.search-close {
  position: relative;
  width: 20px; }
  .search-close .search-bar {
    width: 100%;
    padding: 5px 20px 10px 5px;
    background: none;
    border: 1px transparent;
    border-color: #e9e9e9;
    color: #fff;
    outline: 0;
    transition: 0.4s; }
    .search-close .search-bar i {
      display: none; }
  .search-close .search-btn {
    position: absolute;
    cursor: pointer;
    right: -0px;
    top: 0;
    padding: 5px 10px;
    background: none;
    border: none; }
    .search-close .search-btn i {
      color: #fff;
      font-size: 20px; }

.search-open {
  position: relative;
  width: 200px; }
  .search-open .search-bar {
    border-bottom: 1px solid #fff; }

form {
  margin-bottom: 0; }

.sub-header {
  background: #f5f5f5;
  opacity: 0.0;
  visibility: hidden;
  transition: 0.4s;
  height: auto;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08);
  position: fixed;
  display: flex;
  z-index: 9;
  align-items: center;
  padding: 0 !important;
  top: 0vh; }
  .sub-header .container {
    display: flex;
    align-items: center; }
  .sub-header ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    gap: 20px;
    padding: 0; }
    .sub-header ul li {
      list-style: none;
      margin: 0;
      width: auto;
      text-align: center;
      padding: 10px 0; }
      .sub-header ul li a {
        font-weight: bold;
        display: flex;
        margin-left: 0;
        align-items: center;
        justify-content: left; }
        .sub-header ul li a span {
          color: #9ba3af;
          transition: 0.4s;
          text-transform: uppercase;
          font-size: 12px; }
        .sub-header ul li a i {
          margin-right: 5px;
          color: #9ba3af !important; }
          .sub-header ul li a i svg {
            width: 20px;
            height: 20px;
            fill: #5a5a5a;
            margin-right: 0;
            transition: 0.4s; }
        .sub-header ul li a:hover {
          color: #01a89e;
          font-size: 12px !important; }
          .sub-header ul li a:hover span {
            color: #01a89e; }
          .sub-header ul li a:hover svg {
            fill: #01a89e; }
    .sub-header ul a {
      font-size: 14px;
      font-weight: 400;
      transition: 0.4s;
      display: flex;
      justify-content: center;
      width: 100%;
      cursor: pointer; }
    .sub-header ul svg {
      width: 20px; }
    .sub-header ul i {
      margin-right: 5px; }

.app-header .back-btn {
  display: none !important; }
.app-header .pic {
  width: 100%;
  height: 100%;
  border: 1px solid #e9e9e9;
  position: relative;
  box-sizing: border-box; }
  .app-header .pic img {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.app-header .switch-btn {
  min-width: inherit;
  width: auto;
  margin-right: 10px; }
  .app-header .switch-btn p {
    display: none; }

@media (max-width: 1025px) {
  .profile-btn {
    display: none !important; }

  .web-header {
    position: fixed !important;
    min-height: 20px;
    align-items: center;
    display: flex;
    top: 0px;
    box-shadow: 0px 0px 15px #c4c4c4; }
    .web-header .profile-btn {
      display: flex !important;
      border: 2px solid #fff !important; }
      .web-header .profile-btn span {
        display: block; }
    .web-header .container {
      align-items: center;
      padding: 0; }
    .web-header .notify {
      width: 25px;
      height: 25px; }
    .web-header .profile-mobile {
      position: absolute;
      margin-left: 0;
      top: 5px;
      left: 10px; }
      .web-header .profile-mobile .btn {
        display: none; }
      .web-header .profile-mobile .pic {
        display: none; }
      .web-header .profile-mobile .option-icon {
        display: block;
        margin-top: 12px; }
      .web-header .profile-mobile .drop-details {
        top: 50px;
        position: fixed;
        width: 80%;
        height: 60%;
        left: 0px;
        padding: 0;
        height: 100%;
        background: #fff;
        align-content: start; }
        .web-header .profile-mobile .drop-details .profile {
          display: grid;
          grid-template-columns: 80px;
          margin-right: 0;
          padding: 20px;
          align-items: center;
          justify-content: center; }
          .web-header .profile-mobile .drop-details .profile .pic {
            width: 80px;
            height: 80px;
            display: grid;
            margin-right: 0;
            margin-bottom: 10px; }
          .web-header .profile-mobile .drop-details .profile .sub span {
            text-align: center;
            font-size: 16px;
            font-weight: "Prompt", sans-serif; }
          .web-header .profile-mobile .drop-details .profile .sub .email {
            font-size: 14px;
            text-transform: lowercase;
            font-family: "Prompt", sans-serif; }
        .web-header .profile-mobile .drop-details::after {
          left: 20px; }
        .web-header .profile-mobile .drop-details ul {
          width: 100%; }
          .web-header .profile-mobile .drop-details ul a {
            border-color: #f5f5f5; }
    .web-header .profile {
      margin-left: 0;
      margin-right: 10px; }
    .web-header #langaguePicker {
      display: none; }
    .web-header .ul {
      align-items: center; }
    .web-header .partner-search {
      width: 100%;
      left: 0;
      border-top: 1px solid #e9e9e9;
      background: #f5f5f5;
      padding: 10px 0;
      top: 50px;
      position: absolute; }
      .web-header .partner-search .navbar li a {
        color: #565f70; }
        .web-header .partner-search .navbar li a span {
          display: none; }
        .web-header .partner-search .navbar li a i {
          color: #7a869a; }
      .web-header .partner-search .navbar li .search-close {
        width: 200px;
        justify-self: end; }
        .web-header .partner-search .navbar li .search-close input {
          border: 1px solid #9ba3af;
          color: #565f70;
          border-radius: 5px;
          padding: 10px 20px 10px 5px;
          background: #fff; }
        .web-header .partner-search .navbar li .search-close .search-btn {
          top: 0px;
          height: 100%;
          border-radius: 5px;
          background: #29aae2; }
    .web-header .sub-header {
      display: none; }

  .header-alt {
    background: #fff; }
    .header-alt .profile-btn {
      border: 2px solid #01a89e !important; }

  .app-header {
    position: fixed;
    z-index: 9999;
    display: none;
    width: 100%;
    z-index: 99999;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #c4c4c4 !important;
    box-shadow: 0px 0px 15px #c4c4c4;
    top: 0;
    padding: 0 10px;
    min-height: 67px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    left: 0; }
    .app-header .back-btn {
      display: grid !important; } }
@media (max-width: 767px) {
  header .logo {
    width: 110px; } }
.error-message {
  top: 0px;
  background: #ffd7d6;
  color: #ef4f4c;
  border: 2px solid #ef4f4c; }

.success-message {
  background: #e6f7f5;
  color: #01a89e;
  border: 2px solid #01a89e; }

.normal-message {
  background: #e9e9e9;
  color: #2b2b2b; }

.alert-message {
  width: 100%;
  top: 0px;
  position: fixed;
  padding: 30px;
  z-index: 9999999;
  box-sizing: border-box;
  text-align: center;
  -webkit-animation: seconds 1.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  animation: seconds 1.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 5s; }

@-webkit-keyframes seconds {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    left: -9999px;
    position: absolute; } }
@keyframes seconds {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    left: -9999px;
    position: absolute; } }
.submition {
  box-sizing: border-box;
  width: 100%;
  padding: 20px; }
  .submition label {
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
    color: #7a869a;
    text-transform: capitalize;
    position: absolute; }
  .submition input[type=file] {
    width: 100%;
    outline: none;
    padding: 10px 10px;
    padding-left: 40px;
    margin: 0px 0;
    min-height: 30px;
    font-size: 16px;
    display: inline-block;
    background: #fff;
    color: #2b2b2b;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; }
  .submition input[type=text],
  .submition input[type=password],
  .submition input[type=name],
  .submition input[type=number],
  .submition input[type=email],
  .submition input[type=date],
  .submition textarea,
  .submition select {
    width: 100%;
    outline: none;
    padding: 10px;
    padding-left: 40px;
    margin: 0px 0;
    min-height: 30px;
    font-size: 16px;
    display: inline-block;
    background: #fff;
    color: black;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; }
  .submition .select-open .my-custom-react-select__control {
    padding-left: 40px !important; }
  .submition .select-open label {
    top: -25px !important;
    background: #fff !important;
    font-size: 12px !important; }
  .submition .select {
    position: relative;
    padding: 25px 0 5px 0;
    margin-bottom: 0px;
    display: grid;
    text-align: left; }
    .submition .select .css-2b097c-container > div:nth-child(odd) {
      z-index: 999999; }
    .submition .select .my-custom-react-select__menu {
      z-index: 9999999; }
    .submition .select i {
      font-size: inherit !important;
      position: absolute;
      top: 15px;
      color: #5a5a5a;
      left: 7px;
      fill: #5a5a5a;
      font-size: 20px;
      z-index: 999;
      margin-right: 0px;
      border-right: 1px solid #e9e9e9;
      padding-right: 5px; }
      .submition .select i svg {
        width: 20px;
        height: 20px;
        padding-right: 5px;
        fill: #5a5a5a;
        margin: 0 !important; }
    .submition .select .css-1s2u09g-control {
      min-height: 50px;
      border: 1px solid #e9e9e9;
      border-radius: 0; }
    .submition .select .my-custom-react-select__control {
      min-height: 30px;
      padding: 3px 10px;
      border: 1px solid #e9e9e9;
      background: #fff;
      border-radius: 2px;
      padding-left: 40px;
      text-align: left; }
    .submition .select .css-1pahdxg-control {
      min-height: 30px;
      padding: 3px 10px;
      border: 1px solid #e9e9e9;
      border-radius: 2px;
      padding-left: 40px;
      text-align: left; }
    .submition .select .css-1okebmr-indicatorSeparator {
      display: none; }
    .submition .select .css-xb97g8 {
      position: relative;
      margin-left: 20px;
      width: 20px;
      background: #29aae2; }
      .submition .select .css-xb97g8 svg {
        right: 3px;
        fill: #fff;
        top: 5px !important; }
  .submition .inputs {
    position: relative;
    padding: 25px 0 5px 0;
    margin-bottom: 0px;
    max-height: 50px;
    display: grid; }
    .submition .inputs i {
      position: absolute;
      top: 15px;
      font-size: inherit !important;
      z-index: 0;
      color: #5a5a5a;
      left: 7px;
      fill: #5a5a5a;
      font-size: 20px;
      margin-right: 0px;
      border-right: 1px solid #e9e9e9;
      padding-right: 5px; }
      .submition .inputs i svg {
        fill: #5a5a5a;
        width: 20px;
        padding-right: 5px;
        margin: 0 !important; }
  .submition .address {
    position: relative;
    padding: 25px 0 5px 0;
    margin-bottom: 0px;
    display: grid; }
    .submition .address i {
      position: absolute;
      top: 15px;
      z-index: 0;
      color: #5a5a5a;
      left: 7px;
      fill: #5a5a5a;
      font-size: 20px;
      margin-right: 0px;
      border-right: 1px solid #e9e9e9;
      padding-right: 5px; }
      .submition .address i svg {
        fill: #5a5a5a;
        width: 20px;
        padding-right: 5px;
        margin: 0 !important; }

.center-bordered {
  position: relative;
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .center-bordered span {
    background: #fff;
    font-size: 16px;
    padding: 0 10px;
    font-weight: 400;
    z-index: 1;
    text-transform: uppercase; }
  .center-bordered:after {
    content: "";
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    z-index: 0;
    position: absolute; }

.checkbox {
  display: flex;
  gap: 15px; }
  .checkbox .box {
    display: flex;
    align-content: center;
    position: relative;
    padding-left: 30px;
    padding-bottom: 0;
    margin-bottom: 0px;
    cursor: pointer;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .checkbox .box input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
      transition: 0.4s; }
      .checkbox .box input:checked ~ .checkmark {
        background-color: #01a89e; }
        .checkbox .box input:checked ~ .checkmark:after {
          display: block; }
    .checkbox .box:hover input ~ .checkmark {
      background-color: #01a89e;
      transition: 0.4s; }
    .checkbox .box .checkmark:after {
      left: 7px;
      top: 2px;
      width: 3px;
      height: 10px;
      border: solid white;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: none;
    border: 1px solid #01a89e; }
    .checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none; }

.checkbtn {
  display: flex;
  gap: 5px; }
  .checkbtn .box {
    display: flex;
    border-radius: 10px;
    align-content: center;
    padding: 0px;
    position: relative;
    padding-left: 0px;
    padding-bottom: 0;
    margin-bottom: 0px;
    cursor: pointer;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .checkbtn .box p {
      margin-bottom: 10px; }
    .checkbtn .box input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .checkbtn .box input:checked ~ .checkmark {
        color: #01a89e; }
    .checkbtn .box:hover input ~ .checkmark {
      color: #01a89e; }
  .checkbtn .checkmark {
    color: #2b2b2b;
    transition: 0.4s;
    font-family: "Prompt", sans-serif;
    font-size: 12px; }

.jira-editor {
  min-height: 300px !important; }

.calendar #calendar {
  max-width: 1100px;
  margin: 40px auto; }

.services-wraper {
  height: auto;
  min-height: 117px;
  max-height: 117px;
  margin-top: 20px;
  padding: 0px;
  box-sizing: border-box;
  position: relative; }
  .services-wraper > div {
    position: relative; }
  .services-wraper .heading {
    margin-top: -10px !important;
    z-index: 9;
    top: -3px;
    background: white;
    position: absolute;
    width: auto;
    padding: 0 10px; }
  .services-wraper .inner {
    box-sizing: border-box;
    position: relative;
    padding: 15px 0;
    border: 1px solid #e9e9e9;
    padding: 10px;
    max-height: 117px;
    min-height: 116px;
    background: #fff;
    z-index: -0;
    overflow-y: scroll; }
  .services-wraper *::-webkit-scrollbar {
    width: 7px; }
  .services-wraper *::-webkit-scrollbar-thumb {
    background-color: #01a89e !important;
    border-radius: 20px; }

.animated-form {
  overflow: inherit; }
  .animated-form .select2-selection {
    background: none !important;
    border: none !important; }
  .animated-form .select2-selection__choice {
    padding: 3px !important;
    background-color: #0bcec1 !important;
    margin: 0;
    color: #fff;
    border: none !important; }
  .animated-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important; }
  .animated-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9ba3af; }
  .animated-form .selection,
  .animated-form .input-control {
    display: block;
    font-weight: 400;
    height: auto;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    padding-left: 37px;
    z-index: 1;
    color: #565f70;
    position: relative;
    min-height: 45px;
    width: 100%;
    background-color: none;
    border: 1px solid #e9e9e9; }
    .animated-form .selection:-webkit-autofill,
    .animated-form .input-control:-webkit-autofill {
      -webkit-box-shadow: none;
      transition: background-color 5000s ease-in-out 0s; }
    .animated-form .selection:focus .input-label,
    .animated-form .input-control:focus .input-label {
      color: #01a89e;
      top: -18px;
      left: 0;
      transition: 0.2s linear all;
      font-size: 12px; }
    .animated-form .selection i,
    .animated-form .input-control i {
      position: absolute; }
  .animated-form .view-data-field {
    border: none;
    box-shadow: none;
    width: 100%;
    padding: 0;
    margin-top: 0px; }
    .animated-form .view-data-field i {
      display: none; }
    .animated-form .view-data-field .input-services,
    .animated-form .view-data-field .select2-container,
    .animated-form .view-data-field .input-control {
      border: none;
      color: #565f70;
      font-size: 16px;
      padding: 0 !important;
      z-index: 1; }
      .animated-form .view-data-field .input-services .selection,
      .animated-form .view-data-field .select2-container .selection,
      .animated-form .view-data-field .input-control .selection {
        border: none !important; }
    .animated-form .view-data-field .input-label {
      left: 46px;
      top: 8px; }
  .animated-form .multi-select-type .selection {
    max-height: 76px;
    overflow-y: scroll; }
  .animated-form .selection {
    padding-top: 6px;
    padding-left: 30px;
    padding-bottom: 5px; }
    .animated-form .selection .select2-selection__rendered {
      font-size: 14px;
      color: #565f70 !important; }
  .animated-form *::-webkit-scrollbar {
    width: 7px; }
  .animated-form *::-webkit-scrollbar-thumb {
    background-color: #01a89e;
    border-radius: 20px; }
  .animated-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    font-family: "icomoon";
    content: "\e915";
    position: relative !important; }
  .animated-form select.combo-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .animated-form .selected-options {
    list-style-type: none;
    margin: 0;
    max-width: 400px;
    padding: 0; }
    .animated-form .selected-options li {
      display: inline-block;
      margin-bottom: 5px; }
  .animated-form .remove-option {
    background-color: #6200ee;
    border: 1px solid #6200ee;
    border-radius: 3px;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 0.25em 1.75em 0.25em 0.25em;
    position: relative; }
    .animated-form .remove-option:focus {
      border-color: #baa1dd;
      box-shadow: 0 0 3px 1px #6200ee;
      outline: 3px solid transparent; }
    .animated-form .remove-option::before {
      border-right: 2px solid #fff;
      content: "";
      height: 1em;
      right: 0.75em;
      position: absolute;
      top: 50%;
      width: 0;
      transform: translate(0, -50%) rotate(45deg); }
    .animated-form .remove-option::after {
      border-right: 2px solid #fff;
      content: "";
      height: 1em;
      right: 0.75em;
      position: absolute;
      top: 50%;
      width: 0;
      transform: translate(0, -50%) rotate(-45deg); }
  .animated-form .multiselect-inline {
    align-items: center;
    background-color: #f5f5f5;
    border: 2px solid rgba(0, 0, 0, 0.42);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    min-height: calc(1.4em + 26px);
    padding: 12px 16px 14px; }
    .animated-form .multiselect-inline .selected-options {
      flex: 0 1 auto; }
      .animated-form .multiselect-inline .selected-options li {
        margin-bottom: 0; }
    .animated-form .multiselect-inline .combo-input {
      border: none;
      flex: 1 1 35%;
      min-height: calc(1.4em - 2px);
      padding: 0; }
      .animated-form .multiselect-inline .combo-input:focus {
        box-shadow: none;
        outline: none; }
    .animated-form .multiselect-inline:focus-within {
      box-shadow: 0 0 3px 2px #0067b8;
      outline: 5px solid transparent; }
  .animated-form .input-error {
    display: none;
    background-color: #ef4f4c;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%; }
  .animated-form #output {
    padding: 20px;
    background: #dadada; }
  .animated-form .inputs {
    position: relative;
    margin: 20px 0 0 0;
    z-index: 9; }
    .animated-form .inputs .show-password {
      top: 0px;
      border: none;
      right: 10px;
      right: 20px; }
      .animated-form .inputs .show-password i {
        position: inherit;
        padding: 0;
        border-right: 0; }
    .animated-form .inputs .submit-btn {
      position: absolute;
      width: 44px;
      padding: 0;
      height: 44px;
      display: flex;
      border-radius: 0;
      align-items: center;
      justify-content: center !important;
      right: 0;
      top: 0;
      z-index: 999999991;
      background: #01a89e; }
      .animated-form .inputs .submit-btn i {
        color: #fff;
        position: inherit;
        left: inherit;
        border: none;
        padding: 0; }
    .animated-form .inputs span {
      text-align: left;
      cursor: pointer; }
    .animated-form .inputs i {
      position: absolute;
      top: 13px;
      left: 10px;
      z-index: 99;
      padding: 0 5px 0 0px;
      border-right: 1px solid #e9e9e9;
      font-size: 18px !important; }
  .animated-form .input-text {
    max-height: 117px !important; }
  .animated-form .input-message {
    min-height: 117px;
    max-width: 100%;
    min-width: 100%;
    resize: none; }
  .animated-form .input-label {
    position: absolute;
    color: #565f70;
    left: 10px;
    top: 13px;
    z-index: 0;
    left: 40px;
    text-transform: capitalize;
    font-size: 14px;
    transition: 0.2s linear all;
    width: auto; }
  .animated-form .input-filled .input-label,
  .animated-form .input-active .input-label,
  .animated-form .input-focus .input-label,
  .animated-form .input-open .input-label {
    color: #565f70;
    top: -8px;
    width: auto;
    z-index: 1111111111;
    background: #fff;
    transition: 0.2s linear all;
    font-size: 12px; }
  .animated-form .input-filled .edit-btn,
  .animated-form .input-active .edit-btn,
  .animated-form .input-focus .edit-btn,
  .animated-form .input-open .edit-btn {
    display: none; }
  .animated-form .input-active .input-control {
    border: 1px solid #ef4f4c; }
  .animated-form .input-active .input-label {
    color: #ef4f4c; }
  .animated-form .input-control {
    background: none !important; }
  .animated-form .input-active .input-control {
    background: none !important; }
  .animated-form .input-tage .tag-field {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 5px;
    padding-left: 39px;
    min-height: 98px;
    max-height: 98px;
    border: 1px solid #ddd;
    border-radius: 0;
    align-items: flex-start;
    align-content: flex-start; }
  .animated-form .input-tage .input-control {
    width: auto;
    height: auto !important;
    padding: 0;
    margin-top: 10px;
    border: none;
    min-height: auto; }
  .animated-form .input-tage .js-tag-input {
    width: auto;
    height: auto !important;
    padding: 0;
    outline: none;
    margin-top: 10px;
    border: none; }
  .animated-form .input-tage .tag {
    display: flex;
    align-items: center;
    max-height: 15px;
    margin-top: 10px;
    margin-right: 5px;
    padding: 5px 5px;
    color: #fff;
    background: #01a89e;
    font-size: 12px;
    border-radius: 15px;
    cursor: pointer; }
  .animated-form .input-tage .tag-close {
    display: inline-block;
    margin-left: 0;
    width: 0;
    transition: 0.2s all;
    overflow: hidden; }
  .animated-form .input-tage .tag:hover .tag-close {
    margin-left: 10px;
    width: 10px; }
  .animated-form .input-tage .yolo-heading {
    position: relative;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 300; }
  .animated-form .input-tage .yolo-heading::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 5px;
    position: absolute;
    top: 15px;
    left: 200px;
    background: #47CF73; }
  .animated-form .input-diactive .input-label {
    color: #565f70;
    top: -8px;
    width: auto;
    z-index: 123;
    transition: 0.2s linear all;
    font-size: 12px; }
  .animated-form .input-diactive .input-control {
    background: #f5f5f5 !important; }
  .animated-form .otp-input {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center; }
  .animated-form .input-mandatory .input-services,
  .animated-form .input-mandatory .select2-container,
  .animated-form .input-mandatory .input-control {
    border: 1px solid #ffd7d6 !important;
    z-index: 1; }
    .animated-form .input-mandatory .input-services .selection,
    .animated-form .input-mandatory .select2-container .selection,
    .animated-form .input-mandatory .input-control .selection {
      border: none !important; }
  .animated-form .mandatory-img {
    border: 1px solid #ffd7d6 !important; }
  .animated-form .input-fill .input-services,
  .animated-form .input-fill .select2-container,
  .animated-form .input-fill .input-control {
    border: 1px solid #0bcec1 !important;
    z-index: 1; }
    .animated-form .input-fill .input-services .selection,
    .animated-form .input-fill .select2-container .selection,
    .animated-form .input-fill .input-control .selection {
      border: none !important; }

.view-form .inputs {
  border: 1px solid #e9e9e9;
  padding: 10px;
  box-shadow: 0px 0px 10px #0000001c;
  border-radius: 5px; }
  .view-form .inputs i {
    color: #01a89e;
    top: 24px;
    left: 20px;
    font-size: 24; }
  .view-form .inputs .input-services,
  .view-form .inputs .select2-container,
  .view-form .inputs .input-control {
    border: none;
    padding-top: 12px;
    color: #565f70;
    font-size: 16px;
    padding-left: 40px;
    z-index: 1; }
    .view-form .inputs .input-services .selection,
    .view-form .inputs .select2-container .selection,
    .view-form .inputs .input-control .selection {
      border: none !important; }
  .view-form .inputs .input-label {
    left: 50px;
    color: #a5a5a5;
    top: 8px; }
.view-form .view-data-field {
  border: none;
  box-shadow: none;
  width: 100%;
  padding: 0;
  margin-top: 0px; }
  .view-form .view-data-field i {
    display: none; }
  .view-form .view-data-field .input-services,
  .view-form .view-data-field .select2-container,
  .view-form .view-data-field .input-control {
    border: none;
    color: #565f70;
    font-size: 16px;
    padding: 0 !important;
    z-index: 1; }
    .view-form .view-data-field .input-services .selection,
    .view-form .view-data-field .select2-container .selection,
    .view-form .view-data-field .input-control .selection {
      border: none !important; }
  .view-form .view-data-field .input-label {
    left: 46px;
    top: 8px; }

.select2-container--open .select2-dropdown--below {
  z-index: 99999 !important; }

.inner > div {
  background: none !important; }

.offer-options {
  background: #f5f5f5;
  display: flex;
  padding: 20px;
  justify-content: flex-start;
  gap: 20px; }

.wizard-form {
  width: 100%;
  display: grid;
  grid-template-columns: 10% 90%;
  justify-content: space-between;
  grid-gap: auto;
  height: auto; }
  .wizard-form section {
    padding: 20px 0; }
  .wizard-form .btns {
    padding: 20px 0;
    display: flex;
    justify-content: space-around; }
  .wizard-form .tab-btns {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto;
    min-height: 500px;
    justify-content: left;
    position: relative; }
    .wizard-form .tab-btns:after {
      content: "";
      position: absolute;
      background: #e9e9e9;
      width: 2px;
      height: 100%;
      z-index: -1;
      top: 1px;
      left: 50%; }
    .wizard-form .tab-btns li {
      border-radius: 50%;
      background: #fff;
      padding: 5px;
      width: 38px;
      height: 38px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #e9e9e9; }
      .wizard-form .tab-btns li .btn {
        width: 35px;
        height: 35px;
        display: flex;
        padding: 0;
        border-radius: 50%;
        background: #f5f5f5;
        border: 2px solid #e9e9e9;
        align-items: center;
        justify-content: center;
        transition: 0.4s; }
        .wizard-form .tab-btns li .btn span {
          padding: 0;
          font-size: 18px; }
        .wizard-form .tab-btns li .btn svg {
          width: 16px; }
        .wizard-form .tab-btns li .btn:hover {
          background: #eff5ff;
          border: 2px solid #29aae2; }
          .wizard-form .tab-btns li .btn:hover span {
            color: #29aae2; }
          .wizard-form .tab-btns li .btn:hover svg {
            fill: #29aae2; }
    .wizard-form .tab-btns .react-tabs__tab--selected {
      border: 2px solid #e9e9e9; }
      .wizard-form .tab-btns .react-tabs__tab--selected .btn {
        background: #5a5a5a;
        border: 2px solid #29aae2; }
        .wizard-form .tab-btns .react-tabs__tab--selected .btn span {
          color: #fff; }
        .wizard-form .tab-btns .react-tabs__tab--selected .btn svg {
          fill: #fff; }
  .wizard-form .tab-panel .heading {
    display: flex; }
    .wizard-form .tab-panel .heading svg {
      width: 20px;
      margin-right: 20px;
      fill: #2b2b2b; }
  .wizard-form .custom-table {
    margin-top: 0; }

.map-sm .map > div {
  height: 140px; }

.map-sm-l .map > div {
  height: 40vh; }

.map-md .map > div {
  height: 50vh; }

.map-md-l .map > div {
  height: 70vh; }

.map-lg .map {
  margin-top: 15px; }
  .map-lg .map > div {
    height: 70vh; }

.lat-list {
  display: flex;
  justify-content: left;
  padding: 0; }
  .lat-list > div {
    margin-top: 0px;
    margin-right: 5px;
    display: grid;
    width: 33%;
    grid-template-columns: auto auto;
    justify-content: left;
    padding: 10px 0px;
    border-radius: 5px; }
    .lat-list > div label {
      position: inherit !important;
      padding: 0;
      color: #2b2b2b;
      left: 0px;
      margin: 0;
      text-align: left; }

.upload-photo {
  display: grid;
  grid-template-columns: 60%;
  gap: 10px;
  padding: 0; }
  .upload-photo .profile_image {
    height: 10px;
    margin-top: -10px !important; }
  .upload-photo .pic {
    position: relative;
    border: 1px dashed #e9e9e9;
    background: none;
    width: 100%;
    padding-top: 100%; }
    .upload-photo .pic img {
      width: 100% !important;
      height: 100% !important;
      top: 0;
      position: absolute; }
    .upload-photo .pic span {
      color: #fff;
      font-family: "Prompt", sans-serif;
      font-size: 12px;
      padding: 0;
      top: 6px;
      left: 7px;
      position: absolute; }
  .upload-photo .sub {
    color: #565f70;
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
    border-top: 2px dashed #e9e9e9; }
    .upload-photo .sub:first-child {
      border: none;
      margin-top: 10px; }
    .upload-photo .sub span {
      color: #5a5a5a;
      font-size: 14px;
      font-weight: 300;
      margin-left: 5px; }
  .upload-photo .edit-btns {
    position: absolute !important;
    bottom: 10px;
    max-width: 40px;
    background: none;
    transition: 0.4s;
    border: none;
    width: 40px;
    height: 40px;
    max-height: 40px;
    border-radius: 50%;
    background: #01a89e !important;
    cursor: pointer !important;
    right: 10px; }
    .upload-photo .edit-btns label {
      max-height: 10px;
      cursor: pointer; }
      .upload-photo .edit-btns label input[type="file"] {
        cursor: pointer !important; }
    .upload-photo .edit-btns:hover {
      background: #29aae2 !important; }
    .upload-photo .edit-btns input[type="file"] > input {
      cursor: pointer !important; }
    .upload-photo .edit-btns .upload-img {
      width: 30px;
      height: 30px;
      background: #01a89e;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99999;
      opacity: 0; }
    .upload-photo .edit-btns i {
      font-size: 20px;
      margin-right: 0;
      position: relative;
      color: #fff; }
  .upload-photo .btns {
    width: 100%;
    margin-top: 10px; }
    .upload-photo .btns .submit-btn {
      padding: 5px; }
      .upload-photo .btns .submit-btn i {
        margin-right: 0; }

.upload-lg {
  grid-template-columns: 90% !important;
  align-items: center !important;
  height: 100%; }

.upload-payment {
  display: grid;
  width: 60px;
  grid-template-columns: 100%;
  gap: 10px;
  padding: 0; }
  .upload-payment .pic {
    position: relative;
    border: 1px dashed #e9e9e9;
    background: none;
    width: 100%;
    padding-top: 60px; }
    .upload-payment .pic img {
      width: 100% !important;
      height: 100% !important;
      top: 0;
      position: absolute; }
    .upload-payment .pic span {
      color: #fff;
      font-family: "Prompt", sans-serif;
      font-size: 12px;
      padding: 0; }
  .upload-payment .sub {
    color: #565f70;
    padding: 15px 0;
    font-size: 14px;
    text-align: center;
    border-top: 2px dashed #e9e9e9; }
    .upload-payment .sub:first-child {
      border: none;
      margin-top: 10px; }
    .upload-payment .sub span {
      color: #5a5a5a;
      font-size: 14px;
      font-weight: 300;
      margin-left: 5px; }
  .upload-payment .btns {
    width: 100%;
    margin-top: 10px; }
    .upload-payment .btns .submit-btn {
      padding: 5px; }
      .upload-payment .btns .submit-btn i {
        margin-right: 0; }

.upload-pic {
  justify-content: center;
  width: 100%;
  height: auto;
  transition: 0.4s; }

.upload-card {
  display: inherit;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px; }
  .upload-card .pic {
    width: 100% !important;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    display: grid;
    align-items: center;
    grid-template-columns: 100%;
    justify-content: center;
    box-sizing: border-box; }
    .upload-card .pic .edit-btns:hover {
      background: #29aae2 !important; }
    .upload-card .pic .edit-btns .upload-img {
      width: 30px;
      height: 30px;
      background: #01a89e;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99999;
      opacity: 0;
      cursor: pointer !important; }
    .upload-card .pic .edit-btns i {
      font-size: 20px;
      margin-right: 0;
      position: relative;
      color: #fff; }
    .upload-card .pic img {
      height: 100% !important;
      width: 66% !important;
      max-height: 230px;
      min-height: 210px;
      margin: 0 auto;
      object-fit: cover;
      position: inherit; }
  .upload-card .btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: none;
    border: none;
    bottom: 0px;
    right: 0px; }
    .upload-card .btn svg {
      width: 10px; }
  .upload-card i {
    margin-right: 10px; }
  .upload-card .drop-details {
    visibility: hidden;
    width: auto;
    background: #fff;
    position: absolute;
    top: 5vh;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    right: 0px; }
    .upload-card .drop-details nav ul {
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: 100%; }
      .upload-card .drop-details nav ul a {
        margin: 0;
        padding: 0;
        font-size: 12px;
        border-bottom: 1px solid #f5f5f5;
        padding: 5px 10px; }
        .upload-card .drop-details nav ul a:last-child {
          border-bottom: none; }
        .upload-card .drop-details nav ul a svg {
          width: 15px;
          padding-right: 10px;
          height: 15px;
          border-right: 1px solid #f5f5f5; }
  .upload-card:hover {
    background: inherit; }

.upload-thumb {
  display: grid;
  grid-template-columns: 80%;
  justify-content: center;
  gap: 10px;
  padding: 0; }
  .upload-thumb .pic {
    max-height: 120px !important;
    width: 100% !important;
    padding-top: 120px;
    box-sizing: border-box; }
    .upload-thumb .pic .edit-btns:hover {
      background: #29aae2 !important; }
    .upload-thumb .pic .edit-btns .upload-img {
      width: 30px;
      height: 30px;
      background: #01a89e;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99999;
      opacity: 0;
      cursor: pointer !important; }
    .upload-thumb .pic .edit-btns i {
      font-size: 20px;
      margin-right: 0;
      position: relative;
      color: #fff; }
    .upload-thumb .pic img {
      height: 100% !important;
      max-height: 120px;
      width: 100% !important; }
  .upload-thumb .btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: none;
    border: none;
    bottom: 0px;
    right: 0px; }
    .upload-thumb .btn svg {
      width: 10px; }
  .upload-thumb i {
    margin-right: 10px; }
  .upload-thumb .drop-details {
    visibility: hidden;
    width: auto;
    background: #fff;
    position: absolute;
    top: 5vh;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    right: 0px; }
    .upload-thumb .drop-details nav ul {
      padding: 0;
      margin: 0;
      display: grid;
      grid-template-columns: 100%; }
      .upload-thumb .drop-details nav ul a {
        margin: 0;
        padding: 0;
        font-size: 12px;
        border-bottom: 1px solid #f5f5f5;
        padding: 5px 10px; }
        .upload-thumb .drop-details nav ul a:last-child {
          border-bottom: none; }
        .upload-thumb .drop-details nav ul a svg {
          width: 15px;
          padding-right: 10px;
          height: 15px;
          border-right: 1px solid #f5f5f5; }
  .upload-thumb:hover {
    background: inherit; }

.drag-container {
  width: 100%; }
  .drag-container .container {
    margin: 0 !important;
    width: 100% !important; }
  .drag-container .profile {
    width: 120px;
    height: 120px; }
    .drag-container .profile .pic {
      width: 100%;
      margin: 0;
      height: 100%; }
  .drag-container .dropzone {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    border-width: 2px;
    border-radius: 2px;
    border-color: #9ba3af;
    border-style: dashed;
    background-color: #f5f5f5;
    color: #9ba3af;
    outline: none;
    transition: border .24s ease-in-out; }
  .drag-container .dropzone:focus,
  .drag-container .dropzone:hover {
    border-color: #f26a26; }
  .drag-container aside ul {
    padding: 0;
    margin: 5px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .drag-container aside ul li {
      list-style: none;
      font-size: 12px;
      border-left: 1px solid #e9e9e9;
      padding: 0 5px;
      color: #565f70; }
      .drag-container aside ul li:first-child {
        border: none; }

.responsive-gallery {
  width: 100%; }

.upload-gallery {
  border-width: 1px !important;
  border-radius: 0px !important;
  border-color: #9ba3af;
  border-style: dashed !important;
  display: flex;
  justify-content: center;
  width: 100% !important;
  flex-wrap: wrap; }
  .upload-gallery .dropzone.dz-clickable {
    cursor: pointer;
    flex-wrap: wrap; }
  .upload-gallery .dz-image {
    border-radius: 5px !important; }

.upload-contailner {
  display: grid; }

.cam {
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: center;
  grid-template-columns: 400px;
  position: relative; }
  .cam video {
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center; }
  .cam .avatar {
    width: 100%;
    position: absolute; }
    .cam .avatar svg {
      fill: #2b2b2b;
      opacity: 0.2;
      margin-right: 0;
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: 100%; }
      .cam .avatar svg path {
        width: 100%; }

@media (max-width: 767px) {
  .upload-card .pic .edit-btns:hover {
    background: #29aae2 !important; }
  .upload-card .pic img {
    min-height: 100%; }
  .upload-card:hover {
    background: inherit; } }
@media (max-width: 1025px) {
  .services-wraper {
    min-height: auto !important;
    max-height: inherit;
    height: auto !important; }
    .services-wraper > div {
      position: relative; }
    .services-wraper .inner {
      max-height: inherit;
      min-height: 100px;
      margin-bottom: 20px; }
    .services-wraper *::-webkit-scrollbar {
      width: 7px; }
    .services-wraper *::-webkit-scrollbar-thumb {
      background-color: #01a89e;
      border-radius: 20px; }

  .animated-form .inputs .submit-btn {
    max-width: 40px; } }
@media (max-width: 767px) {
  .upload-photo {
    grid-template-columns: 50%;
    margin-top: 20px; }

  .inner-header {
    padding: 10px !important; }

  .upload-card .pic img {
    height: 160px !important;
    width: 100% !important; }

  .checkbox {
    display: flex;
    gap: 15px; }
    .checkbox .box {
      display: flex;
      align-content: center;
      position: relative;
      padding-left: 30px;
      padding-bottom: 0;
      margin-bottom: 0px;
      cursor: pointer;
      text-align: left;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .checkbox .box input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
        transition: 0.4s; }
        .checkbox .box input:checked ~ .checkmark {
          background-color: #01a89e; }
          .checkbox .box input:checked ~ .checkmark:after {
            display: block; }
      .checkbox .box:hover input ~ .checkmark {
        background-color: #01a89e;
        transition: 0.4s; }
      .checkbox .box .checkmark:after {
        left: 7px;
        top: 2px;
        width: 3px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    .checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 18px;
      width: 18px;
      background-color: none;
      border: 1px solid #01a89e; }
      .checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none; }

  .upload-card {
    grid-template-columns: 100%; } }
.update-password .header1 {
  background: #fff;
  position: relative;
  width: 100%; }
  .update-password .header1 .navbar ul li a {
    color: #2b2b2b !important; }
    .update-password .header1 .navbar ul li a svg {
      fill: #2b2b2b !important; }
  .update-password .header1 .sub-header {
    visibility: visible;
    position: relative;
    border-bottom: 0;
    top: 10px;
    opacity: 10; }
.update-password .form {
  height: 64vh; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 15px !important;
  right: 1px;
  width: 15px;
  height: 15px; }

.dropzone .dz-message {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background-image: url(../images/drop.png);
  background-size: 100px;
  background-position: center;
  background-repeat: no-repeat;
  font-family: "Segoe UI Light", "Arial", serif;
  font-weight: 600;
  color: #2b2b2b;
  display: flex;
  align-items: flex-end;
  margin: 0 !important;
  min-height: 150px;
  width: 100%;
  position: relative;
  font-size: 1.5em;
  letter-spacing: 0.05em; }
  .dropzone .dz-message span {
    font-size: 18px;
    width: 100%;
    text-align: center; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

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

.people-number .select2-results__options {
  display: flex !important; }

.digit-group {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 20px; }
  .digit-group input {
    border: 1px solid #e9e9e9;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    text-align: center; }
  .digit-group .splitter {
    padding: 0 5px;
    color: white;
    font-size: 24px; }

.overview {
  background: #fff;
  height: auto;
  transition: .4s;
  align-items: center; }
  .overview .profile {
    position: relative;
    border-right: 1px solid #e9e9e9;
    text-decoration: none;
    color: #565f70;
    box-sizing: border-box;
    margin-left: 0;
    padding: 2vh;
    margin-top: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    display: grid;
    align-content: center;
    justify-content: center;
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    border-radius: 5px; }
    .overview .profile .sub {
      color: #7a869a;
      clear: both;
      text-align: center;
      font-weight: 500;
      font-size: 16px; }
      .overview .profile .sub span {
        color: #7a869a;
        font-weight: 300; }
    .overview .profile .pic {
      background: #ef4f4c;
      width: 150px;
      height: 150px;
      border: 5px solid #fff;
      position: relative;
      border-radius: 0;
      margin-right: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
      .overview .profile .pic img {
        width: 100%; }
      .overview .profile .pic span {
        color: #fff;
        font-family: "Prompt", sans-serif;
        font-size: 16px;
        padding: 0; }
    .overview .profile:hover {
      background: inherit; }
    .overview .profile i {
      margin-right: 10px; }
    .overview .profile .edit-btn {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #e9e9e9;
      top: 50%;
      left: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute; }
      .overview .profile .edit-btn svg {
        width: 12px;
        height: 12px; }
  .overview .cards {
    width: 100%;
    height: auto;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between !important;
    align-items: center;
    padding: 2vh !important;
    color: #fff; }
    .overview .cards .card {
      justify-content: space-between;
      width: 90%; }
  .overview .company-box .contact svg {
    margin-right: 10px; }
  .overview .company-box .contact > div {
    margin-top: 10px; }

.left-bar {
  background: #f5f5f5;
  border-right: 1px solid #e9e9e9;
  height: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
  transition: 0.4s; }
  .left-bar *::-webkit-scrollbar {
    width: 2px;
    transition: 0.4s; }
  .left-bar *::-webkit-scrollbar-thumb {
    background-color: #5a5a5a;
    visibility: hidden;
    border-radius: 20px;
    transition: 0.4s; }
  .left-bar:hover *::-webkit-scrollbar {
    visibility: visible; }
  .left-bar:hover *::-webkit-scrollbar-thumb {
    visibility: visible;
    transition: 0.4s; }
  .left-bar:hover .close-btn {
    opacity: 1.0; }
  .left-bar .close-btn {
    border-radius: 50%;
    color: #2b2b2b;
    width: 30px;
    height: 30px;
    background: #fff;
    z-index: 99;
    border: 1px solid #e9e9e9;
    opacity: 0;
    position: absolute;
    right: -1vw;
    top: 20vh;
    display: flex;
    box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08);
    transform: rotate(0deg);
    justify-content: center;
    align-items: center;
    transition: 0.4s; }
    .left-bar .close-btn i svg {
      transition: 0.4s;
      fill: #5a5a5a;
      width: 10px;
      height: 10px; }
    .left-bar .close-btn:hover {
      background: #01a89e; }
      .left-bar .close-btn:hover i {
        color: #fff; }
        .left-bar .close-btn:hover i svg {
          transition: 0.4s;
          fill: #fff; }
  .left-bar nav {
    height: 100%;
    overflow-y: scroll; }
    .left-bar nav .inner-bar {
      overflow-y: scroll;
      display: grid;
      margin-top: 0;
      padding-top: 0;
      align-content: start;
      height: auto;
      overflow-y: scroll; }
    .left-bar nav .more-btn {
      display: none;
      width: 100%; }
    .left-bar nav ul {
      display: grid;
      align-content: center;
      margin-top: 10px;
      grid-template-columns: 100%;
      justify-content: center;
      padding: 10px 0px;
      border-bottom: 1px solid #e9e9e9; }
      .left-bar nav ul .active {
        background: #5a5a5a;
        box-sizing: border-box;
        color: #29aae2; }
        .left-bar nav ul .active i {
          color: #fff; }
          .left-bar nav ul .active i svg {
            fill: #fff; }
        .left-bar nav ul .active span {
          color: #fff; }
        .left-bar nav ul .active p {
          color: #fff; }
        .left-bar nav ul .active:hover {
          background: #2b2b2b;
          box-sizing: border-box;
          color: #29aae2; }
          .left-bar nav ul .active:hover i svg {
            fill: #fff; }
          .left-bar nav ul .active:hover span {
            color: #fff; }
      .left-bar nav ul .mobile-btns {
        width: 100%;
        display: none; }
      .left-bar nav ul .web-btns {
        width: 100%;
        display: grid; }
        .left-bar nav ul .web-btns a {
          margin-right: 0px; }
      .left-bar nav ul a {
        text-decoration: none;
        justify-self: center;
        color: #2b2b2b;
        box-sizing: border-box;
        cursor: pointer;
        margin-bottom: 5px;
        padding: 1.5vh;
        font-family: "Prompt", sans-serif;
        font-size: 16px;
        display: flex;
        align-items: center;
        text-transform: capitalize;
        width: 100%;
        border-radius: 5px;
        transition: 0.4s;
        max-width: 90%; }
        .left-bar nav ul a i {
          margin-right: 10px; }
          .left-bar nav ul a i svg {
            fill: #5a5a5a;
            width: 20px;
            height: 20px;
            transition: 0.4s; }
        .left-bar nav ul a span {
          color: #5a5a5a;
          transition: 0.4s; }
        .left-bar nav ul a p {
          color: #5a5a5a;
          margin: 0;
          transition: 0.4s; }
        .left-bar nav ul a:hover {
          background: #e9e9e9; }
          .left-bar nav ul a:hover span {
            color: #01a89e; }
          .left-bar nav ul a:hover p {
            color: #01a89e; }
          .left-bar nav ul a:hover i {
            margin-right: 10px;
            color: #01a89e; }
            .left-bar nav ul a:hover i svg {
              fill: #01a89e;
              transition: 0.4s;
              width: 20px;
              height: 20px; }

.blanck-panel {
  min-height: 600px; }

.basic-panel .header {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  min-height: 8vh; }
  .basic-panel .header ul li a i {
    color: #2b2b2b; }
  .basic-panel .header ul li .login-btn i {
    color: #2b2b2b; }
    .basic-panel .header ul li .login-btn i svg {
      fill: #2b2b2b; }
  .basic-panel .header ul li .login-btn span {
    color: #2b2b2b; }
  .basic-panel .header .navbar ul li a {
    color: #2b2b2b !important; }
    .basic-panel .header .navbar ul li a svg {
      fill: #2b2b2b !important; }
  .basic-panel .header .sub-header {
    display: none; }
.basic-panel .profile-cover {
  height: 23vh;
  margin-top: 8vh; }
.basic-panel .header-alt .sub-header {
  display: none; }
.basic-panel .control-panel {
  width: 99.8vw;
  box-sizing: border-box;
  background: #fff;
  display: grid;
  grid-template-columns: 17% 82%;
  justify-content: space-between;
  transition: 0.4s;
  padding-bottom: 0; }
  .basic-panel .control-panel .submition {
    padding: 0; }
  .basic-panel .control-panel .panel-content {
    position: relative;
    padding: 0px;
    width: 100%;
    overflow-y: scroll;
    height: 69vh;
    box-sizing: border-box; }
    .basic-panel .control-panel .panel-content > * {
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box; }

.admin-panel .admin-header {
  height: 8vh;
  position: fixed; }
.admin-panel .control-panel {
  padding-top: 8vh;
  box-sizing: border-box;
  max-height: 92vh; }
  .admin-panel .control-panel .left-bar {
    height: 92vh !important; }
    .admin-panel .control-panel .left-bar nav .inner-bar {
      height: auto;
      max-height: auto; }
  .admin-panel .control-panel .panel-content {
    height: 92vh !important; }

.company-panel .profile-cover {
  margin-top: 30px; }
.company-panel .control-panel {
  padding-top: 0;
  margin: 0;
  box-sizing: border-box;
  height: 91vh; }
  .company-panel .control-panel .btns {
    justify-content: end; }
  .company-panel .control-panel .custom-tabs {
    margin-top: 10px !important; }
    .company-panel .control-panel .custom-tabs .tab_pannels {
      padding: 20px;
      box-sizing: border-box;
      background: #f5f5f5;
      border: 1px solid #e9e9e9;
      border-top: none;
      min-height: 300px; }
    .company-panel .control-panel .custom-tabs .btns {
      border-bottom: 1px solid #e9e9e9;
      margin: 0; }
      .company-panel .control-panel .custom-tabs .btns .btn {
        background: white;
        border: 1px solid rgba(236, 236, 236, 0.9);
        border-bottom: none;
        min-width: auto;
        max-width: 100% !important;
        border-radius: 0 !important; }
        .company-panel .control-panel .custom-tabs .btns .btn:hover {
          background: #5a5a5a; }
      .company-panel .control-panel .custom-tabs .btns .react-tabs__tab--selected {
        background: #2b2b2b;
        border: 1px solid rgba(236, 236, 236, 0); }
  .company-panel .control-panel .widget svg {
    width: 40px;
    height: 40px;
    fill: #5a5a5a;
    padding: 10px; }
  .company-panel .control-panel .widget i {
    font-size: 40px;
    color: #2b2b2b; }
  .company-panel .control-panel .widget .text {
    color: #2b2b2b;
    text-align: right; }
    .company-panel .control-panel .widget .text .heading {
      font-size: 30px;
      font-weight: bold; }
    .company-panel .control-panel .widget .text p {
      font-size: 16px;
      padding: 0;
      margin: 0; }
  .company-panel .control-panel .custom-tabs {
    margin-top: 40px; }
    .company-panel .control-panel .custom-tabs .tab_pannels {
      padding: 20px;
      box-sizing: border-box;
      background: #f5f5f5;
      border: 1px solid #e9e9e9;
      border-top: none;
      min-height: 300px; }
    .company-panel .control-panel .custom-tabs .btns {
      border-bottom: 1px solid #e9e9e9;
      margin: 0; }
      .company-panel .control-panel .custom-tabs .btns .btn {
        background: white;
        border: 1px solid rgba(236, 236, 236, 0.9);
        border-bottom: none;
        min-width: auto;
        max-width: 100% !important;
        border-radius: 0 !important; }
        .company-panel .control-panel .custom-tabs .btns .btn:hover {
          background: #5a5a5a; }
      .company-panel .control-panel .custom-tabs .btns .react-tabs__tab--selected {
        background: #2b2b2b;
        border: 1px solid rgba(236, 236, 236, 0); }

.under-const {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: center;
  align-items: center; }
  .under-const svg {
    width: 200px;
    height: 200px; }

.user-panel .control-panel {
  padding-top: 0px; }

.close-panel {
  grid-template-columns: 100px auto !important;
  justify-content: inherit !important;
  transition: 0.4s; }
  .close-panel .left-bar {
    width: 100%; }
    .close-panel .left-bar .close-btn {
      transform: rotate(180deg); }
    .close-panel .left-bar span {
      display: none; }
    .close-panel .left-bar nav ul {
      display: grid;
      grid-template-columns: auto;
      justify-content: center;
      align-content: start; }
      .close-panel .left-bar nav ul a {
        padding: 5px;
        width: 50px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center !important;
        margin-bottom: 5px; }
        .close-panel .left-bar nav ul a i {
          margin-right: 0; }
          .close-panel .left-bar nav ul a i svg {
            width: 25px;
            height: 25px;
            margin-right: 0 !important; }
        .close-panel .left-bar nav ul a p {
          display: none; }
        .close-panel .left-bar nav ul a span {
          display: none; }
      .close-panel .left-bar nav ul .accordion {
        animation: fadein 0.35s ease-in;
        border: none !important; }
        .close-panel .left-bar nav ul .accordion .accordion__item {
          margin-bottom: 5px; }
        .close-panel .left-bar nav ul .accordion .accordion__button {
          position: relative; }
          .close-panel .left-bar nav ul .accordion .accordion__button:before {
            right: 8px;
            top: 40%;
            width: 7px;
            height: 7px;
            margin-right: 0px;
            transform: rotate(-45deg); }
        .close-panel .left-bar nav ul .accordion .accordion__button[aria-expanded='true']::before {
          transform: rotate(45deg); }
        .close-panel .left-bar nav ul .accordion .accordion__button[aria-selected='true']::before {
          transform: rotate(45deg); }
        .close-panel .left-bar nav ul .accordion [hidden] {
          display: none; }
        .close-panel .left-bar nav ul .accordion .accordion__panel {
          padding: 0px; }
    .close-panel .left-bar .profile {
      display: grid;
      grid-template-columns: auto;
      justify-content: center; }
      .close-panel .left-bar .profile .pic {
        width: 50px;
        height: 50px;
        margin: 10px; }
        .close-panel .left-bar .profile .pic span {
          display: block; }
      .close-panel .left-bar .profile h2 {
        display: none; }

.basic-panel .profile-cover {
  margin: 0; }
.basic-panel .header {
  position: inherit;
  border-bottom: 1px solid #e9e9e9; }
.basic-panel .control-panel {
  display: flex;
  gap: 0; }
  .basic-panel .control-panel .left-bar {
    padding: 0 !important;
    background: #eff5ff;
    width: 120px;
    height: 92vh; }
    .basic-panel .control-panel .left-bar nav ul a {
      display: grid;
      padding: 0;
      justify-content: center;
      margin-bottom: 10px;
      transition: 0.4s;
      font-weight: 200 !important; }
      .basic-panel .control-panel .left-bar nav ul a p {
        text-align: center;
        color: #065369;
        font-size: 12px;
        font-weight: normal; }
        .basic-panel .control-panel .left-bar nav ul a p span {
          color: #065369; }
      .basic-panel .control-panel .left-bar nav ul a i {
        font-size: 30px;
        margin-right: 0;
        border-radius: 5px;
        margin: 0 auto 10px auto;
        text-align: center;
        background: #fff;
        color: #065369;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        transition: 0.4s; }
      .basic-panel .control-panel .left-bar nav ul a:hover {
        background: none; }
        .basic-panel .control-panel .left-bar nav ul a:hover i {
          background: #29aae2;
          color: #fff;
          box-shadow: 0 0px 12px 0px #29aae2;
          border: 1px solid #065369; }
    .basic-panel .control-panel .left-bar nav ul .active {
      background: none; }
      .basic-panel .control-panel .left-bar nav ul .active i {
        background: #29aae2;
        color: #fff;
        box-shadow: 0 0px 12px 0px #29aae2;
        border: 1px solid #065369; }
  .basic-panel .control-panel .panel-content {
    width: 100% !important;
    height: 92vh; }

.user-menu {
  padding: 0px 0;
  background-color: #f5f5f5;
  border: 1px solid #e9e9e9;
  z-index: 99999;
  transition: 0.4s; }
  .user-menu ul {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
    gap: 10px; }
    .user-menu ul li {
      border-left: 1px solid #e9e9e9;
      list-style: none;
      padding: 10px 0 10px 10px;
      position: relative; }
      .user-menu ul li:after {
        content: "";
        position: absolute;
        display: none;
        bottom: -20px !important;
        left: 50%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #f5f5f5 transparent transparent transparent; }
      .user-menu ul li a {
        color: #7a869a; }
        .user-menu ul li a:hover {
          color: #047971; }
      .user-menu ul li:first-child {
        border: none;
        padding-left: none; }
    .user-menu ul .active a {
      color: #01a89e; }
      .user-menu ul .active a i {
        color: #01a89e; }
    .user-menu ul .active:after {
      opacity: 9;
      display: block; }

.b2b-board {
  min-height: 85vh;
  padding-top: 20px; }
  .b2b-board .chat-modal-wrapper {
    border-radius: 20px; }
    .b2b-board .chat-modal-wrapper .chat {
      border-radius: 20px; }
      .b2b-board .chat-modal-wrapper .chat .meandyou {
        border-radius: 20px 20px 0 0; }
      .b2b-board .chat-modal-wrapper .chat .comment {
        border-radius: 0 0 20px 20px; }
  .b2b-board .app-header .back-btn {
    width: 30px;
    height: 30px;
    display: grid !important;
    padding: 5px 30px 5px 30px !important;
    grid-template-columns: auto;
    justify-content: center;
    align-items: center;
    border-radius: 0%;
    border: none;
    background: none; }
  .b2b-board .notify-list {
    grid-template-columns: 100%;
    border-radius: 5px;
    height: auto;
    min-height: inherit; }
    .b2b-board .notify-list .profile-list {
      margin-top: 20px;
      border-radius: 10px;
      max-height: 400px;
      height: auto;
      min-height: inherit !important; }
  .b2b-board .heading span {
    color: #9ba3af; }
  .b2b-board .right-options {
    min-width: 300px; }
    .b2b-board .right-options .create-btn .inputs span {
      background: #01a89e !important; }
  .b2b-board .drop-details ul a i {
    margin-right: 20px !important; }

.filter-options {
  background: #f5f5f5;
  border-radius: 5px;
  gap: 20px;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #fff;
  box-shadow: 0px 0px 15px #d4d4d4;
  position: fixed;
  max-width: 400px;
  right: -400px;
  height: 92vh;
  z-index: 99;
  top: 9vh; }
  .filter-options .openclose-filter {
    border: none;
    padding: 10px 30px 10px 10px;
    background: rgba(245, 245, 245, 0.5);
    box-shadow: -5px 0px 15px #d4d4d4;
    position: absolute;
    border-radius: 5px 0 0 5px;
    left: -61px;
    z-index: -1;
    top: 19px;
    border-right: none;
    background: #01a89e;
    font-size: 20px;
    transition: 0.4s; }
    .filter-options .openclose-filter i.open {
      color: #fff;
      transition: 0.4s;
      display: block; }
    .filter-options .openclose-filter i.close {
      color: #fff;
      transition: 0.4s;
      display: none; }
    .filter-options .openclose-filter:hover {
      background: #01a89e; }
      .filter-options .openclose-filter:hover i {
        color: #fff; }
  .filter-options .row-container {
    padding: 20px 0; }
    .filter-options .row-container:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
    .filter-options .row-container:first-child {
      border-top: none !important;
      padding-top: 0 !important; }
  .filter-options .tages {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; }

.open-filter .filter-options {
  right: 0; }
  .open-filter .filter-options .openclose-filter {
    transition: 0.4s;
    border: none;
    padding: 10px;
    background: none;
    box-shadow: none;
    position: absolute;
    border-radius: 5px 0 0 5px;
    left: 10px;
    z-index: -1;
    top: 5px;
    border-right: none;
    background: none;
    font-size: 20px; }
    .open-filter .filter-options .openclose-filter i.open {
      color: #fff;
      transition: 0.4s;
      display: none; }
    .open-filter .filter-options .openclose-filter i.close {
      color: #565f70;
      transition: 0.4s;
      display: block; }
    .open-filter .filter-options .openclose-filter:hover {
      background: #01a89e; }
      .open-filter .filter-options .openclose-filter:hover i {
        color: #fff; }

@media (max-width: 767px) {
  .b2b-board {
    min-height: 85vh;
    padding-top: 40px; }

  .filter-options .animated-form {
    max-height: 80vh;
    overflow-y: scroll; }

  .filter-options {
    padding: 10px; }

  .open-filter .filter-options .openclose-filter {
    z-index: 99;
    right: 20px;
    left: inherit; } }
@media (max-width: 1025px) {
  .submit-btn {
    padding: 15px !important; }

  .basic-panel .header {
    position: fixed !important;
    min-height: 68px !important;
    align-items: center;
    display: flex;
    top: 0px;
    box-shadow: 0px 0px 15px #c4c4c4;
    background: #f5f5f5 !important; }
    .basic-panel .header .container {
      align-items: center; }
    .basic-panel .header .notify {
      width: 25px;
      height: 25px; }
    .basic-panel .header .profile-mobile {
      position: absolute;
      margin-left: 0;
      top: 5px;
      left: 10px; }
      .basic-panel .header .profile-mobile .btn {
        display: none; }
      .basic-panel .header .profile-mobile .pic {
        display: none; }
      .basic-panel .header .profile-mobile .option-icon {
        display: block;
        margin-top: 12px; }
      .basic-panel .header .profile-mobile .drop-details {
        top: 50px;
        position: fixed;
        width: 80%;
        height: 60%;
        left: 0px;
        padding: 0;
        height: 100%;
        background: #fff;
        align-content: start; }
        .basic-panel .header .profile-mobile .drop-details .profile {
          display: grid;
          grid-template-columns: 80px;
          margin-right: 0;
          padding: 20px;
          align-items: center;
          justify-content: center; }
          .basic-panel .header .profile-mobile .drop-details .profile .pic {
            width: 80px;
            height: 80px;
            display: grid;
            margin-right: 0;
            margin-bottom: 10px; }
          .basic-panel .header .profile-mobile .drop-details .profile .sub span {
            text-align: center;
            font-size: 16px;
            font-family: "bold"; }
          .basic-panel .header .profile-mobile .drop-details .profile .sub .email {
            font-size: 14px;
            text-transform: lowercase;
            font-family: "body-font"; }
        .basic-panel .header .profile-mobile .drop-details::after {
          left: 20px; }
        .basic-panel .header .profile-mobile .drop-details ul {
          width: 100%; }
          .basic-panel .header .profile-mobile .drop-details ul a {
            border-color: #f5f5f5; }
    .basic-panel .header .profile {
      margin-left: 0;
      margin-right: 10px; }
    .basic-panel .header #langaguePicker {
      display: none; }
    .basic-panel .header .ul {
      align-items: center; }
    .basic-panel .header .partner-search {
      width: 100%;
      left: 0;
      border-top: 1px solid #e9e9e9;
      background: #f5f5f5;
      display: none;
      padding: 5px 0;
      top: 45px;
      position: absolute; }
    .basic-panel .header .sub-header {
      display: none; }

  .control-panel {
    padding-top: 60px !important; }
    .control-panel .left-bar {
      max-height: 55px;
      background: #f5f5f5;
      border-color: none;
      box-shadow: 0px 0px 15px #c4c4c4;
      display: grid;
      align-items: center;
      padding: 10px 0 !important;
      box-sizing: border-box; }
      .control-panel .left-bar .mobile-btns {
        display: block; }
      .control-panel .left-bar .web-btns {
        display: none; }
      .control-panel .left-bar .more-btn {
        display: block; }
        .control-panel .left-bar .more-btn a {
          background: none; }
      .control-panel .left-bar .inner-bar {
        width: 100%;
        display: none;
        position: fixed;
        right: 0%;
        top: 50px;
        z-index: -1;
        padding: 20px;
        min-height: 100vh;
        background: #f5f5f5;
        box-sizing: border-box;
        transition: 0.4s; }
        .control-panel .left-bar .inner-bar a {
          display: flex;
          justify-content: left;
          margin-bottom: 20px; }
          .control-panel .left-bar .inner-bar a i {
            margin-right: 10px; }
          .control-panel .left-bar .inner-bar a span {
            display: block;
            font-size: 12px; }
      .control-panel .left-bar .open-bar {
        right: 0;
        display: grid; }
      .control-panel .left-bar ul {
        display: flex; }
        .control-panel .left-bar ul .active p {
          color: #01a89e; }
        .control-panel .left-bar ul a span {
          display: none; }
    .control-panel .panel-content {
      padding-top: 10px !important;
      padding: 10px;
      padding-right: 0px !important;
      padding-bottom: 50px !important; }
      .control-panel .panel-content > * {
        padding: 10px !important; }
      .control-panel .panel-content .widgets .widget .second-heading {
        text-align: right; }
      .control-panel .panel-content .animated-form {
        padding: 0px; }
        .control-panel .panel-content .animated-form .ms-dark {
          border: none; }
        .control-panel .panel-content .animated-form .odd-bg {
          padding: 0;
          background: none; }
    .control-panel #app-heading {
      display: none; }

  .user-panel .profile-cover {
    margin-top: 0px;
    height: 130px; }
  .user-panel .control-panel {
    padding-top: 50px !important;
    grid-template-columns: 100%; }
    .user-panel .control-panel .left-bar {
      border: none;
      border-top: 1px solid #e9e9e9;
      background: #fff;
      position: fixed;
      display: grid;
      align-items: center;
      width: 100%;
      box-sizing: border-box;
      bottom: 0px;
      padding: 10px 5px;
      height: 60px;
      max-height: 60px !important;
      z-index: 99999; }
      .user-panel .control-panel .left-bar nav {
        display: flex;
        align-items: center; }
        .user-panel .control-panel .left-bar nav ul {
          margin-top: 0;
          box-sizing: border-box;
          padding: 0 !important;
          margin-bottom: 0;
          border: none !important;
          width: 100% !important;
          display: flex;
          justify-content: space-between; }
          .user-panel .control-panel .left-bar nav ul a {
            display: grid;
            justify-content: center;
            padding: 0;
            margin-bottom: 0;
            font-size: 12px; }
            .user-panel .control-panel .left-bar nav ul a i {
              width: 100% !important;
              margin-right: 0px;
              text-align: center;
              width: auto;
              margin-bottom: 0 !important;
              height: auto;
              font-size: 24px;
              text-align: center;
              background: none;
              border: none; }
              .user-panel .control-panel .left-bar nav ul a i svg {
                margin-right: 0px; }
            .user-panel .control-panel .left-bar nav ul a:hover i {
              box-shadow: none;
              border: none;
              background: none;
              color: #29aae2; }
            .user-panel .control-panel .left-bar nav ul a p {
              display: none; }
          .user-panel .control-panel .left-bar nav ul .active {
            background: none; }
            .user-panel .control-panel .left-bar nav ul .active i {
              color: #01a89e;
              background: none;
              box-shadow: none;
              border: none; }
              .user-panel .control-panel .left-bar nav ul .active i svg {
                fill: #01a89e; }
            .user-panel .control-panel .left-bar nav ul .active span {
              color: #01a89e; }
    .user-panel .control-panel .panel-content {
      padding-top: 50px;
      height: auto;
      min-height: 100vh;
      max-height: inherit;
      overflow-y: inherit; }

  .company-panel .control-panel {
    padding-top: 0px !important;
    grid-template-columns: 100%;
    height: auto;
    overflow: hidden; }
    .company-panel .control-panel .left-bar {
      width: 100px;
      right: -100px;
      top: 260px;
      position: fixed;
      z-index: 999; }
      .company-panel .control-panel .left-bar .close-btn {
        opacity: 10;
        top: 199px;
        width: 40px;
        z-index: 99999;
        height: 40px;
        right: 20px;
        box-shadow: none;
        border-radius: 50%;
        padding: 5px;
        box-sizing: border-box;
        position: fixed; }
        .company-panel .control-panel .left-bar .close-btn .menu-icon {
          width: 90%;
          height: 2px;
          background: #5a5a5a;
          position: relative;
          transition: 0.4s; }
          .company-panel .control-panel .left-bar .close-btn .menu-icon:after {
            content: "";
            position: absolute;
            width: 100%;
            top: 5px;
            height: 2px;
            background: #5a5a5a;
            transition: 0.4s; }
          .company-panel .control-panel .left-bar .close-btn .menu-icon:before {
            content: "";
            position: absolute;
            width: 100%;
            top: -5px;
            height: 2px;
            background: #5a5a5a;
            transition: 0.4s; }
        .company-panel .control-panel .left-bar .close-btn .info-icon {
          width: 90%;
          height: 5px;
          border-radius: 50%;
          width: 5px;
          background: #5a5a5a;
          position: relative;
          transition: 0.4s; }
          .company-panel .control-panel .left-bar .close-btn .info-icon:after {
            content: "";
            position: absolute;
            width: 100%;
            top: 8px;
            border-radius: 50%;
            height: 5px;
            background: #5a5a5a;
            transition: 0.4s; }
          .company-panel .control-panel .left-bar .close-btn .info-icon:before {
            content: "";
            position: absolute;
            width: 100%;
            top: -8px;
            border-radius: 50%;
            height: 5px;
            background: #5a5a5a;
            transition: 0.4s; }
      .company-panel .control-panel .left-bar .alt-close-btn {
        top: 5px; }
      .company-panel .control-panel .left-bar span {
        display: none; }
      .company-panel .control-panel .left-bar nav ul {
        display: grid;
        grid-template-columns: auto;
        justify-content: center;
        align-content: start; }
        .company-panel .control-panel .left-bar nav ul a {
          padding: 5px;
          width: 50px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center !important;
          margin-bottom: 5px; }
          .company-panel .control-panel .left-bar nav ul a i {
            margin-right: 0; }
            .company-panel .control-panel .left-bar nav ul a i svg {
              width: 25px;
              height: 25px;
              margin-right: 0 !important; }
          .company-panel .control-panel .left-bar nav ul a span {
            display: none; }
        .company-panel .control-panel .left-bar nav ul .accordion {
          animation: fadein 0.35s ease-in;
          border: none !important; }
          .company-panel .control-panel .left-bar nav ul .accordion .accordion__item {
            margin-bottom: 5px; }
          .company-panel .control-panel .left-bar nav ul .accordion .accordion__button {
            position: relative; }
            .company-panel .control-panel .left-bar nav ul .accordion .accordion__button:before {
              right: 8px;
              top: 40%;
              width: 7px;
              height: 7px;
              margin-right: 0px;
              transform: rotate(-45deg); }
          .company-panel .control-panel .left-bar nav ul .accordion .accordion__button[aria-expanded='true']::before {
            transform: rotate(45deg); }
          .company-panel .control-panel .left-bar nav ul .accordion .accordion__button[aria-selected='true']::before {
            transform: rotate(45deg); }
          .company-panel .control-panel .left-bar nav ul .accordion [hidden] {
            display: none; }
          .company-panel .control-panel .left-bar nav ul .accordion .accordion__panel {
            padding: 0px; }
      .company-panel .control-panel .left-bar .profile {
        display: grid;
        grid-template-columns: auto;
        justify-content: center; }
        .company-panel .control-panel .left-bar .profile .pic {
          width: 50px;
          height: 50px;
          margin: 10px; }
          .company-panel .control-panel .left-bar .profile .pic span {
            display: block; }
        .company-panel .control-panel .left-bar .profile h2 {
          display: none; }
    .company-panel .control-panel .left-bar-alt {
      top: 50px; }
    .company-panel .control-panel .panel-content {
      padding-top: 50px !important;
      padding: 5px; }
      .company-panel .control-panel .panel-content .col-8-2 {
        grid-template-columns: 80% 20%; }
      .company-panel .control-panel .panel-content .heading {
        text-align: center;
        margin-bottom: 5px; }
        .company-panel .control-panel .panel-content .heading span {
          margin-bottom: 10px; }
      .company-panel .control-panel .panel-content .btns {
        justify-content: center; }
      .company-panel .control-panel .panel-content .submition {
        padding: 5px; }
      .company-panel .control-panel .panel-content .ms-dark {
        background: none; }
    .company-panel .control-panel .custom-tabs {
      margin-top: 40px; }
      .company-panel .control-panel .custom-tabs .tab_pannels {
        padding: 0;
        border: none; }
  .company-panel .close-panel {
    display: flex; }
    .company-panel .close-panel .left-bar {
      width: 300px;
      box-sizing: border-box;
      right: 0; }
      .company-panel .close-panel .left-bar nav {
        width: 100%; }
        .company-panel .close-panel .left-bar nav .inner-bar {
          height: auto;
          width: 90% !important;
          margin-left: 0 !important;
          overflow: inherit !important; }
        .company-panel .close-panel .left-bar nav ul {
          width: 100%;
          grid-template-columns: 100%; }
          .company-panel .close-panel .left-bar nav ul a {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: left !important; }
            .company-panel .close-panel .left-bar nav ul a i {
              margin-right: 10px; }
            .company-panel .close-panel .left-bar nav ul a span {
              display: block; }
      .company-panel .close-panel .left-bar .close-btn {
        transform: rotate(0deg); }
        .company-panel .close-panel .left-bar .close-btn .icon {
          width: 20px;
          height: 2px;
          background: none;
          position: relative; }
          .company-panel .close-panel .left-bar .close-btn .icon:after {
            content: "";
            transform: rotate(45deg);
            position: absolute;
            width: 20px;
            top: -0px;
            height: 2px;
            background: #5a5a5a; }
          .company-panel .close-panel .left-bar .close-btn .icon:before {
            content: "";
            transform: rotate(-45deg);
            position: absolute;
            width: 20px;
            top: 0px;
            height: 2px;
            background: #5a5a5a; }
    .company-panel .close-panel .panel-content {
      width: 100%; } }
@media (max-width: 767px) {
  .widgets .flex {
    display: block; }
    .widgets .flex .widget {
      margin-bottom: 10px; } }
.overview {
  background: #fff;
  height: auto;
  transition: .4s;
  align-items: center; }
  .overview .profile {
    position: relative;
    border-right: 1px solid #e9e9e9;
    text-decoration: none;
    color: #565f70;
    box-sizing: border-box;
    margin-left: 0;
    padding: 2vh;
    margin-top: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    display: grid;
    align-content: center;
    justify-content: center;
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    border-radius: 5px; }
    .overview .profile .sub {
      color: #7a869a;
      clear: both;
      text-align: center;
      font-weight: 500;
      font-size: 16px; }
      .overview .profile .sub span {
        color: #7a869a;
        font-weight: 300; }
    .overview .profile .pic {
      background: #ef4f4c;
      width: 150px;
      height: 150px;
      border: 5px solid #fff;
      position: relative;
      border-radius: 0;
      margin-right: 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
      .overview .profile .pic img {
        width: 100%; }
      .overview .profile .pic span {
        color: #fff;
        font-family: "Prompt", sans-serif;
        font-size: 16px;
        padding: 0; }
    .overview .profile:hover {
      background: inherit; }
    .overview .profile i {
      margin-right: 10px; }
    .overview .profile .edit-btn {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #fff;
      border: 1px solid #e9e9e9;
      top: 50%;
      left: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute; }
      .overview .profile .edit-btn svg {
        width: 12px;
        height: 12px; }
  .overview .cards {
    width: 100%;
    height: auto;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between !important;
    align-items: center;
    padding: 2vh !important;
    color: #fff; }
    .overview .cards .card {
      justify-content: space-between;
      width: 90%; }
  .overview .company-box .contact svg {
    margin-right: 10px; }
  .overview .company-box .contact > div {
    margin-top: 10px; }

.text-blue {
  color: #29aae2; }

.custom-table .row-done {
  background: #e6f7f5 !important;
  border: 1px solid #01a89e; }

.widget {
  width: 100%;
  display: flex;
  padding: 10px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  transition: 0.4s; }
  .widget i {
    font-size: 30px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a869a;
    box-sizing: border-box; }
    .widget i svg {
      width: 100%;
      width: 40px;
      height: 40px;
      fill: #5a5a5a;
      padding: 0px; }
  .widget .text {
    color: #2b2b2b;
    text-align: right; }
    .widget .text .heading {
      font-size: 30px;
      font-weight: bold; }
    .widget .text p {
      font-size: 16px;
      padding: 0;
      margin: 0; }
  .widget:last-child {
    margin: 0; }
  .widget:hover {
    opacity: 0.5; }

.filled svg {
  fill: #fff !important; }

.spay-text {
  text-align: center;
  color: #7a869a;
  text-decoration: none;
  padding: 20px 0; }
  .spay-text a {
    text-decoration: none;
    color: #29aae2;
    padding: 10px; }

.text-third {
  color: #01a89e; }

.text-normal {
  color: #29aae2; }

.first-heading {
  font-weight: "Prompt", sans-serif;
  width: 100%;
  font-size: 40px;
  text-transform: capitalize;
  margin: 0;
  text-align: left; }
  .first-heading i {
    font-size: 40px;
    margin-right: 10px; }

.third-heading {
  font-family: "Prompt", sans-serif;
  font-size: 20px !important;
  width: 100%;
  margin: 0;
  text-transform: capitalize;
  text-align: left; }
  .third-heading i {
    font-size: 20px;
    margin-right: 10px; }

.sub-heading {
  font-family: "Prompt", sans-serif;
  font-size: 16px;
  width: 100%;
  color: #565f70;
  font-weight: normal;
  text-align: left;
  margin: 0;
  text-transform: capitalize;
  text-align: left; }
  .sub-heading i {
    font-size: 16px;
    margin-right: 10px; }

.main-heading {
  padding: 0 0 20px 0;
  margin: 15px 0 0 0;
  position: relative;
  width: 100%;
  text-transform: capitalize;
  font-weight: normal;
  text-align: left; }
  .main-heading:after {
    content: "";
    border-bottom: 2px solid;
    border-color: #f26a26;
    left: 0px;
    bottom: 15px;
    width: 200px;
    position: absolute; }

.bold {
  font-weight: 800;
  font-weight: "Prompt", sans-serif; }

.light {
  font-weight: 350 !important; }

.italic {
  font-style: italic; }

.pera {
  font-size: 16px;
  color: #565f70;
  font-family: "Prompt", sans-serif !important;
  line-height: 24px;
  text-align: left; }
  .pera p {
    margin: 0 !important;
    font-size: 16px;
    color: #565f70;
    font-family: "Prompt", sans-serif !important;
    line-height: 24px; }
    .pera p span {
      font-size: 16px;
      color: #565f70;
      font-family: "Prompt", sans-serif !important;
      line-height: 24px; }

.sub-header {
  padding: 10px 10px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }
  .sub-header .heading {
    padding: 0;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
    margin: 0; }

label {
  font-size: 16px; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.caption {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300; }

.inner-header {
  padding: 10px 20px !important;
  box-sizing: border-box;
  background: #f5f5f5;
  border-bottom: 2px solid #e9e9e9;
  z-index: 999; }

#app-heading {
  background: none;
  width: 100%;
  height: auto;
  padding: 0 10px;
  display: flex;
  align-items: center;
  width: 100%; }
  #app-heading .pagination {
    display: flex !important;
    align-items: center;
    padding: 0px !important; }
    #app-heading .pagination .breadcrums {
      padding: 0; }
  #app-heading .modal-top {
    margin-top: 10px; }

.check-list {
  font-size: 12px;
  padding-left: 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 20px;
  gap: 10px; }
  .check-list li {
    list-style: none;
    color: #9ba3af; }
    .check-list li i {
      font-size: 12px !important;
      color: #01a89e;
      margin-right: 5px; }

.ellipsis {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden; }

.line2-ellipsis {
  display: block !important;
  display: -webkit-box !important;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.line3-ellipsis {
  display: block !important;
  display: -webkit-box !important;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.mt-4 {
  margin-top: 1rem !important; }

.nav-btns {
  background: #e9e9e9;
  width: 100%;
  position: inherit;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0px 4px 1px rgba(9, 30, 66, 0.08); }
  .nav-btns .btn {
    text-transform: capitalize;
    border: none;
    background: none;
    text-decoration: none;
    text-align: center;
    fill: #2b2b2b;
    color: #2b2b2b;
    display: grid;
    justify-content: center; }
    .nav-btns .btn svg {
      width: 20px;
      fill: #2b2b2b;
      margin: 0; }
    .nav-btns .btn:hover {
      color: #29aae2;
      fill: #29aae2; }
      .nav-btns .btn:hover svg {
        fill: #29aae2; }
    .nav-btns .btn:first-child {
      border: none; }

.ac-main .ac {
  width: 100%;
  height: auto;
  border: 1px solid #e9e9e9;
  background: #f5f5f5; }
  .ac-main .ac .ac-top {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
    fill: #2b2b2b; }
    .ac-main .ac .ac-top svg {
      width: 15px;
      margin-right: 20px; }
  .ac-main .ac .ac-content {
    padding: 15px;
    width: 100%;
    background: #fff;
    box-sizing: border-box; }

.breadcrums {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 20px 0px; }
  .breadcrums li {
    list-style: none;
    margin-left: 5px; }
    .breadcrums li:after {
      font-size: 12px;
      content: "/";
      margin-left: 5px; }
    .breadcrums li:first-child {
      margin-left: 0px; }
    .breadcrums li a {
      text-decoration: none;
      font-size: 12px;
      text-transform: capitalize; }
      .breadcrums li a:hover {
        color: #29aae2; }
    .breadcrums li:last-child a {
      color: #0bcec1; }
    .breadcrums li:last-child:after {
      display: none; }

.ui-breadcrums {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 20px 0px; }
  .ui-breadcrums li {
    list-style: none;
    margin-left: 5px; }
    .ui-breadcrums li:after {
      font-family: '$icon';
      font-size: 12px;
      content: '/e91e';
      margin-left: 5px; }
    .ui-breadcrums li:first-child {
      margin-left: 0px; }
    .ui-breadcrums li a {
      text-decoration: none;
      font-size: 12px;
      text-transform: capitalize; }
      .ui-breadcrums li a:hover {
        color: #29aae2; }
    .ui-breadcrums li:last-child a {
      color: #0bcec1; }
    .ui-breadcrums li:last-child:after {
      display: none; }

.orderd-list li {
  font-size: 14px;
  margin-bottom: 5px;
  color: #565f70;
  text-align: left;
  font-family: "Prompt", sans-serif;
  line-height: 22px; }
  .orderd-list li::marker {
    font-size: 18px;
    color: #01a89e;
    font-weight: bold;
    padding: 10px; }

.icons > div {
  border-right: 1px solid #e9e9e9;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  text-transform: capitalize; }
.icons svg {
  fill: #2b2b2b;
  width: 20px;
  margin-right: 10px; }

.packages-glow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 50px;
  align-items: stretch;
  width: 100%;
  margin: auto 0; }
  .packages-glow .mycard {
    text-align: center;
    position: relative;
    border-radius: 15px;
    padding: 40px 20px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    transition: .5s;
    overflow: hidden; }
    .packages-glow .mycard:hover {
      transform: scale(1.1); }
  .packages-glow .basic,
  .packages-glow .basic .title .fa {
    background: linear-gradient(-45deg, #f403d1, #64b5f6); }
  .packages-glow .standard,
  .packages-glow .standard .title .fa {
    background: linear-gradient(-45deg, #ffec61, #f321d7); }
  .packages-glow .premium,
  .packages-glow .premium .title .fa {
    background: linear-gradient(-45deg, #24ff72, #9a4eff); }
  .packages-glow .mycard::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
    transform: skewY(-5deg) scale(1.5); }
  .packages-glow .title .fa {
    color: #fff;
    font-size: 60px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }
  .packages-glow .title h2 {
    position: relative;
    margin: 20px 0 0;
    color: #fff;
    font-size: 28px;
    z-index: 2; }
  .packages-glow .price {
    position: relative;
    z-index: 2; }
  .packages-glow .price h4 {
    margin: 0;
    padding: 20px 0;
    color: #fff;
    font-size: 60px; }
  .packages-glow .option {
    position: relative;
    z-index: 2; }
    .packages-glow .option ul {
      margin: 0;
      padding: 0; }
      .packages-glow .option ul li {
        margin: 0 0 10px;
        padding: 0;
        list-style: none;
        color: #fff;
        font-size: 16px; }
        .packages-glow .option ul li i {
          color: #fff; }
  .packages-glow .mycard a {
    position: relative;
    z-index: 2;
    border-radius: 8px;
    margin: 30px auto 8px;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: bold; }

.packages-fill {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 50px;
  align-items: stretch;
  width: 100%;
  margin: auto 0; }
  .packages-fill .mycard {
    text-align: center;
    position: relative;
    border-radius: 15px;
    padding: 40px 20px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    transition: .5s;
    overflow: hidden; }
    .packages-fill .mycard:hover {
      transform: scale(1.1); }
  .packages-fill .basic,
  .packages-fill .basic .title .fa {
    background: #f26a26; }
  .packages-fill .standard,
  .packages-fill .standard .title .fa {
    background: #29aae2; }
  .packages-fill .premium,
  .packages-fill .premium .title .fa {
    background: #01a89e; }
  .packages-fill .mycard::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
    transform: skewY(-5deg) scale(1.5); }
  .packages-fill .title .fa {
    color: #fff;
    font-size: 60px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }
  .packages-fill .title h2 {
    position: relative;
    margin: 20px 0 0;
    color: #fff;
    font-size: 28px;
    z-index: 2; }
  .packages-fill .price {
    position: relative;
    z-index: 2; }
  .packages-fill .price h4 {
    margin: 0;
    padding: 20px 0;
    color: #fff;
    font-size: 60px; }
  .packages-fill .option {
    position: relative;
    z-index: 2; }
    .packages-fill .option ul {
      margin: 0;
      padding: 0; }
      .packages-fill .option ul li {
        margin: 0 0 10px;
        padding: 0;
        list-style: none;
        color: #fff;
        font-size: 16px; }
        .packages-fill .option ul li i {
          color: #fff; }
  .packages-fill .mycard a {
    position: relative;
    z-index: 2;
    border-radius: 8px;
    margin: 30px auto 8px;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: bold; }

.packages-simple {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 50px;
  align-items: stretch;
  width: 100%;
  margin: auto 0; }
  .packages-simple .mycard {
    text-align: center;
    position: relative;
    border-radius: 15px;
    padding: 40px 20px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    transition: .5s;
    overflow: hidden; }
    .packages-simple .mycard:hover {
      transform: scale(1.1); }
  .packages-simple .basic .fa {
    background: #f26a26; }
  .packages-simple .standard .fa {
    background: #29aae2; }
  .packages-simple .premium .fa {
    background: #01a89e; }
  .packages-simple .mycard::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
    transform: skewY(-5deg) scale(1.5); }
  .packages-simple .title .fa {
    color: #fff;
    font-size: 60px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }
  .packages-simple .title h2 {
    position: relative;
    margin: 20px 0 0;
    color: #565f70;
    font-size: 28px;
    z-index: 2; }
  .packages-simple .price {
    position: relative;
    z-index: 2; }
  .packages-simple .price h4 {
    margin: 0;
    padding: 20px 0;
    color: #9ba3af;
    font-size: 60px; }
  .packages-simple .option {
    position: relative;
    z-index: 2; }
    .packages-simple .option ul {
      margin: 0;
      padding: 0; }
      .packages-simple .option ul li {
        margin: 0 0 10px;
        padding: 0;
        list-style: none;
        color: #9ba3af;
        font-size: 16px; }
        .packages-simple .option ul li i {
          color: #01a89e;
          background: none !important; }
  .packages-simple .mycard a {
    position: relative;
    z-index: 2;
    border-radius: 8px;
    margin: 30px auto 8px;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: bold; }

@media (min-width: 576px) and (max-width: 767.98px) {
  .packages-grid {
    width: 540px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
  .packages-grid {
    width: 720px; } }
@media (min-width: 992px) {
  .packages-grid {
    width: 960px; } }
@media (min-width: 1200px) {
  .packages-grid {
    width: 1140px; } }
@media (max-width: 1025px) {
  .react-tabs {
    width: 100%;
    height: auto; }
    .react-tabs .tab-btns {
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      display: flex; }
      .react-tabs .tab-btns svg {
        width: 20px;
        margin-right: 10px; }
      .react-tabs .tab-btns .tab-btn:hover {
        background: #29aae2;
        color: #fff; }
        .react-tabs .tab-btns .tab-btn:hover span {
          color: #fff; }
        .react-tabs .tab-btns .tab-btn:hover svg {
          fill: #fff; }
      .react-tabs .tab-btns .tab-btn span {
        display: none; }
      .react-tabs .tab-btns .tab-btn svg {
        margin-right: 10px; }
      .react-tabs .tab-btns .react-tabs__tab--selected {
        background: #2b2b2b;
        fill: #fff;
        color: #fff; }
        .react-tabs .tab-btns .react-tabs__tab--selected span {
          color: #fff; }

  .modal-lg {
    grid-template-columns: 100%; }

  .modal-md {
    grid-template-columns: 80%; }

  .modal-sm {
    grid-template-columns: 50%; }

  .third-heading {
    font-size: 18px; }
    .third-heading .btns {
      width: 100%;
      justify-content: space-between; }
      .third-heading .btns .btn {
        min-width: auto; }
        .third-heading .btns .btn span {
          display: none; }

  .first-heading {
    font-size: 20px; }

  .pera {
    font-size: 12px;
    line-height: 14px; } }
@media (max-width: 767px) {
  .modal-lg {
    grid-template-columns: 100%; }

  .modal-md {
    grid-template-columns: 100%; }

  .modal-sm {
    grid-template-columns: 100%; } }
.value-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px dashed #e9e9e9; }
  .value-list .item .key {
    font-size: 14px;
    color: #2b2b2b;
    text-transform: capitalize;
    font-weight: 500;
    display: flex;
    justify-content: flex-start; }
    .value-list .item .key > div {
      border-right: 1px solid #e9e9e9;
      margin-right: 10px;
      padding: 0  10px; }
    .value-list .item .key svg {
      width: 14px;
      fill: #7a869a; }
  .value-list .item .value {
    font-size: 12px;
    margin-left: 50px;
    color: #5a5a5a;
    font-weight: 400; }

.wizerd {
  width: 100%;
  display: grid;
  grid-template-columns: 52px auto;
  grid-gap: auto;
  height: auto; }
  .wizerd section {
    padding: 20px 0; }
  .wizerd .AccordionItemButton {
    padding: 0; }
  .wizerd .wizerd-btns {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto;
    min-height: 500px;
    width: auto;
    justify-content: left;
    position: relative; }
    .wizerd .wizerd-btns:after {
      content: "";
      position: absolute;
      background: #e9e9e9;
      width: 2px;
      height: 100%;
      z-index: -1;
      top: 1px;
      left: 50%; }
    .wizerd .wizerd-btns li {
      border-radius: 50%;
      background: #fff;
      padding: 5px;
      width: 38px;
      height: 38px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 2px solid #e9e9e9; }
      .wizerd .wizerd-btns li .btn {
        width: 35px;
        height: 35px;
        display: flex;
        padding: 0;
        border-radius: 50%;
        background: #f5f5f5;
        border: 2px solid #e9e9e9;
        align-items: center;
        justify-content: center;
        transition: 0.4s; }
        .wizerd .wizerd-btns li .btn span {
          padding: 0;
          font-size: 18px; }
        .wizerd .wizerd-btns li .btn svg {
          width: 16px; }
        .wizerd .wizerd-btns li .btn:hover {
          background: #eff5ff;
          border: 2px solid #29aae2; }
          .wizerd .wizerd-btns li .btn:hover span {
            color: #29aae2; }
          .wizerd .wizerd-btns li .btn:hover svg {
            fill: #29aae2; }
    .wizerd .wizerd-btns .react-tabs__tab--selected {
      border: 2px solid #e9e9e9; }
      .wizerd .wizerd-btns .react-tabs__tab--selected .btn {
        background: #5a5a5a;
        border: 2px solid #29aae2; }
        .wizerd .wizerd-btns .react-tabs__tab--selected .btn span {
          color: #fff; }
        .wizerd .wizerd-btns .react-tabs__tab--selected .btn svg {
          fill: #fff; }
  .wizerd .wizerd-content {
    width: 100%;
    margin-left: 20px; }
  .wizerd .wizerd-panel {
    width: 100%; }
    .wizerd .wizerd-panel .heading {
      display: flex; }
      .wizerd .wizerd-panel .heading svg {
        width: 20px;
        margin-right: 20px;
        fill: #2b2b2b; }
  .wizerd .custom-table {
    margin-top: 0; }

.testimonial-box {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  width: 50%;
  margin: 10% auto;
  background-color: #ffffff;
  padding: 20px;
  cursor: pointer; }
  .testimonial-box:hover {
    transform: translateY(-10px);
    transition: all ease 0.3s; }
  .testimonial-box .profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px; }
    .testimonial-box .profile-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  .testimonial-box .profile {
    display: flex;
    align-items: center; }
  .testimonial-box .name-user {
    display: flex;
    flex-direction: column; }
    .testimonial-box .name-user strong {
      color: #3d3d3d;
      font-size: 1.1rem;
      letter-spacing: 0.5px; }
    .testimonial-box .name-user span {
      color: #979797;
      font-size: 0.8rem; }
  .testimonial-box .reviews {
    color: #f9d71c;
    text-align: center; }
  .testimonial-box .box-top {
    display: grid;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; }
  .testimonial-box .client-comment p {
    font-size: 0.9rem;
    text-align: center;
    color: #7a869a; }

.search-filter {
  border-radius: 0px 0px 20px 20px;
  height: auto;
  background-size: cover;
  align-self: end; }
  .search-filter .heading {
    font-size: 18px;
    text-align: left; }
    .search-filter .heading i {
      font-size: 20px; }
  .search-filter .icon {
    width: 20px;
    height: 20px;
    background: #0bcec1;
    color: #2b2b2b; }
  .search-filter form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: auto;
    justify-content: space-between; }
    .search-filter form .price {
      width: 30%;
      margin-top: 20px; }
    .search-filter form .check-box {
      width: 40%; }
    .search-filter form .custom-select {
      width: 100%; }

.event-filter {
  background: #e9e9e9;
  width: 25%;
  position: fixed;
  z-index: 9999;
  top: 220px;
  right: 0px;
  height: auto;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
  background-size: 100%;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 100%;
  align-items: top; }
  .event-filter .icon {
    width: 20px;
    height: 20px;
    background: #0bcec1;
    color: #2b2b2b; }
  .event-filter form .heading {
    font-size: 18px; }
  .event-filter form .form-group {
    position: relative; }
    .event-filter form .form-group i {
      position: absolute;
      top: 20px;
      z-index: 99;
      left: 10px; }
  .event-filter form .custom-select {
    width: 100%; }

.filter-tabs {
  margin-top: 20px; }
  .filter-tabs .tab-content {
    background: rgba(255, 255, 255, 0.9);
    padding: 10px; }
    .filter-tabs .tab-content .heading {
      font-size: 18px;
      text-align: left;
      font-family: "Prompt", sans-serif;
      color: #2b2b2b; }
      .filter-tabs .tab-content .heading i {
        margin-right: 10px; }
  .filter-tabs #material-tabs {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 10px 10px 0 0;
    padding: 0;
    background: #e9e9e9;
    height: auto;
    border-bottom: 1px solid #0bcec1; }
    .filter-tabs #material-tabs > a {
      position: relative;
      display: inline-block;
      text-decoration: none;
      padding: 5px;
      box-sizing: border-box;
      width: 25%;
      text-transform: uppercase;
      font-weight: 600;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .filter-tabs #material-tabs > a span {
        font-size: 16px !important;
        color: #565f70; }
      .filter-tabs #material-tabs > a i {
        margin-right: 10px; }
      .filter-tabs #material-tabs > a:not(.active):hover {
        background-color: inherit;
        color: #7c848a; }
    .filter-tabs #material-tabs > a.active {
      font-weight: 700;
      outline: none;
      display: flex; }
  .filter-tabs .selected-bar {
    position: absolute;
    z-index: 10;
    bottom: 0;
    padding: 0 !important;
    width: 100%;
    height: 3px;
    background: #01a89e;
    display: block;
    left: 0;
    transition: left .2s ease;
    -webkit-transition: left .2s ease; }
  .filter-tabs #tab1-tab.active ~ span.selected-bar {
    left: 0;
    width: 25%; }
  .filter-tabs #tab2-tab.active ~ span.selected-bar {
    left: 25%;
    width: 25%; }
  .filter-tabs #tab3-tab.active ~ span.selected-bar {
    left: 50%;
    width: 25%; }
  .filter-tabs #tab4-tab.active ~ span.selected-bar {
    left: 75%;
    width: 25%; }
  @media only screen and (max-width: 520px) {
    .filter-tabs .nav-tabs#material-tabs > li > a {
      font-size: 11px; } }

.book-btn {
  display: flex;
  justify-content: center;
  margin: 10px; }
  .book-btn a {
    width: auto;
    padding: 20px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px 2px #2b2b2b;
    font-weight: bold;
    text-transform: uppercase;
    grid-column: auto;
    padding: 10px;
    border: none;
    color: #fff;
    background: #01a89e; }
    .book-btn a:hover {
      background: #ea9063;
      color: #2b2b2b;
      text-shadow: 1px 1px 2px #fff; }
    .book-btn a i {
      margin-right: 10px; }

.comment .form-group textarea {
  text-transform: capitalize;
  width: 100%;
  padding: 12px 20px;
  padding-left: 10px;
  margin: 8px 0;
  min-height: 30px;
  display: inline-block;
  background: none;
  color: #151515;
  border: none;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  outline: none; }

.user-reviews {
  margin-top: 5px;
  display: flex;
  gap: 20px;
  color: #5a5a5a; }
  .user-reviews li {
    list-style: none; }
  .user-reviews i {
    margin-right: 5px; }

.rating {
  margin-top: 5px;
  display: flex;
  padding: 10px;
  margin: 0;
  color: #f26a26;
  justify-content: left; }
  .rating li {
    list-style: none; }
    .rating li a {
      color: #ea9063;
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: bold; }
      .rating li a i {
        margin-right: 5px;
        font-size: 16px !important; }
      .rating li a span {
        font-family: "Prompt", sans-serif !important;
        font-size: 12px;
        margin-left: 10px;
        color: #7a869a !important; }

.likes {
  margin-top: 5px;
  display: flex;
  padding: 10px;
  margin: 0;
  color: #fff;
  justify-content: left; }
  .likes li {
    list-style: none; }
    .likes li a {
      color: #01a89e;
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: bold; }
      .likes li a i {
        margin-right: 5px;
        font-size: 16px !important; }
      .likes li a span {
        font-family: "Prompt", sans-serif !important;
        font-size: 12px;
        margin-left: 10px;
        color: #7a869a !important; }

.social-media-reviews {
  margin-top: 5px;
  display: flex;
  gap: 20px;
  color: #5a5a5a; }
  .social-media-reviews li {
    list-style: none;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: none; }
    .social-media-reviews li:hover {
      background: #01a89e; }
      .social-media-reviews li:hover i {
        color: #fff; }
  .social-media-reviews i {
    margin-right: 5px;
    font-size: 20px;
    color: #fff;
    margin: 0; }
  .social-media-reviews .fb {
    background: #3e5a99; }
  .social-media-reviews .tw {
    background: #60a9dd; }
  .social-media-reviews .in {
    background: #0677b5; }
  .social-media-reviews .wapp {
    background-color: #0d9f16; }
  .social-media-reviews .copy {
    background: #fff;
    border: 1px solid #7a869a; }
    .social-media-reviews .copy i {
      color: #7a869a; }

.comment-list {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center; }
  .comment-list .profile {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid #01a89e;
    overflow: hidden;
    margin-right: 20px; }
    .comment-list .profile img {
      width: 100%; }
  .comment-list .comment-text {
    font-size: 12px; }

#wa-btn-wrapper {
  bottom: 10% !important; }

#toast-container {
  z-index: 99999 !important; }

.logo {
  width: 150px; }
  .logo svg {
    width: 100%; }
  .logo .logo-dark .st0 {
    fill: #01a89e; }
  .logo .logo-dark .st1 {
    fill: #29aae2; }
  .logo .logo-dark .st2 {
    fill: #f26a26; }
  .logo .logo-light .st0 {
    fill: #FFFFFF; }
  .logo .logo-light .st1 {
    fill: #F26A26; }

* {
  text-decoration: none !important; }

.container {
  width: 90% !important;
  max-width: 90%  !important; }

fieldset {
  border: none; }

.cropper-area .cropper-container {
  max-height: 350px; }
.cropper-area .cropper-wrap-box {
  height: 100%; }
.cropper-area .cropper-crop-box {
  width: 260px !important;
  height: 180px !important; }
.cropper-area .cropper-canvas {
  width: 100% !important;
  height: 100% !important; }

.showrating {
  display: flex;
  gap: 5px;
  flex-direction: row-reverse;
  align-items: top;
  justify-content: flex-start; }
  .showrating > input {
    display: none; }
    .showrating > input:checked ~ label:before {
      opacity: 1; }
  .showrating > label {
    position: relative;
    width: 1em;
    font-size: 20px;
    color: #FFD700;
    cursor: auto;
    margin-bottom: 0; }
    .showrating > label svg {
      width: 20px;
      height: 100%;
      height: 29px; }
    .showrating > label svg.empty-star {
      fill: black;
      opacity: 0.6; }
    .showrating > label svg.active-star {
      fill: #FFD700; }

.gallery-slider {
  position: relative;
  margin-top: 20px;
  box-sizing: border-box; }
  .gallery-slider .slide {
    width: 100%; }
    .gallery-slider .slide .modal-target {
      width: 100%;
      height: 300px;
      object-fit: cover; }
  .gallery-slider .slider-btns {
    position: absolute;
    height: inherit;
    bottom: 30px;
    right: 20px;
    color: #fff; }
    .gallery-slider .slider-btns .btn {
      color: #fff;
      background: #2b2b2b;
      box-sizing: border-box;
      padding: 15px;
      cursor: pointer; }

.span-icon {
  width: 14px; }
  .span-icon g {
    fill: #f26a26; }

.filter-Form {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  align-items: center;
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/ }
  .filter-Form .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top: 14px !important;
    right: 5px;
    width: 15px;
    height: 15px; }
  .filter-Form .select2-container {
    z-index: 1; }
  .filter-Form .submit-btn {
    padding: 9px; }
  .filter-Form .custom-select {
    position: relative;
    font-family: Arial; }
  .filter-Form .custom-select select {
    display: none;
    /*hide original SELECT element:*/ }
  .filter-Form .select-selected {
    background-color: none; }
  .filter-Form .select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #01a89e transparent transparent transparent; }
  .filter-Form .select-selected.select-arrow-active:after {
    border-color: transparent transparent #01a89e transparent;
    top: 7px; }
  .filter-Form .select-items div,
  .filter-Form .select-selected {
    color: #9ba3af;
    padding: 8px 16px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    cursor: pointer;
    user-select: none; }
  .filter-Form .select-items {
    position: absolute;
    background-color: #f5f5f5;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99; }
  .filter-Form .select-hide {
    display: none; }
  .filter-Form .select-items div:hover,
  .filter-Form .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

.g-recaptcha {
  display: flex !important;
  justify-content: center !important; }

.tourCardSlider .tour-card {
  margin: 0 15px !important; }

.slick-dots li {
  margin: 0 0.25rem;
  width: 17px !important;
  height: 17px !important; }
.slick-dots button {
  width: 15px !important;
  height: 15px !important; }

.app-photo-gallery .gallery-item {
  width: 100%; }
  .app-photo-gallery .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .app-photo-gallery .gallery-item .image {
    width: 100%;
    height: 100%; }
    .app-photo-gallery .gallery-item .image img {
      cursor: pointer !important; }

.responsive-grid {
  display: flex; }
  .responsive-grid .text {
    display: flex;
    width: 100%; }
    .responsive-grid .text .price {
      width: 100%; }

.app-header .tour-card {
  background: #fff !important;
  display: flex;
  padding: 0px;
  border-radius: 0 !important;
  align-items: center;
  background: none;
  border: none;
  margin-left: 10px;
  box-shadow: none; }
  .app-header .tour-card .gallery {
    width: 50px;
    height: 50px;
    border-radius: 0;
    max-height: inherit;
    min-height: inherit; }
    .app-header .tour-card .gallery .edit-btn {
      display: none; }
  .app-header .tour-card .details {
    padding: 0 10px;
    width: 100%; }
    .app-header .tour-card .details .message {
      font-size: 12px;
      margin: 0; }
    .app-header .tour-card .details .heading {
      font-size: 14px !important;
      padding-bottom: 0 !important;
      width: 100%;
      height: auto !important;
      margin: 0 !important; }
    .app-header .tour-card .details .sub-heading {
      font-size: 12px !important;
      padding-bottom: 0 !important;
      height: auto !important;
      margin: 0 !important;
      width: 100%;
      display: block;
      display: -webkit-box;
      max-width: 100%;
      font-weight: 500;
      height: 12px !important;
      line-height: 14px !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .app-header .tour-card .details .pera {
      display: none; }
    .app-header .tour-card .details .descruption {
      display: none; }
    .app-header .tour-card .details .check-list {
      display: none; }
    .app-header .tour-card .details .item-footer {
      display: none; }
  .app-header .tour-card:hover {
    transform: none; }

.heading {
  font-weight: 600; }

.devider {
  border: none !important;
  padding: 40px 0;
  margin: 0 !important; }
  .devider:first-child {
    padding-top: 50px; }
  .devider:last-child {
    padding-bottom: 0px !important; }

.reset-devider {
  padding-top: 0 !important;
  margin-top: 0 !important; }

.app-store {
  background-color: #273b43;
  height: auto;
  padding: 30px 0; }
  .app-store .container {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-between; }
  .app-store .store-btns {
    justify-content: flex-end !important; }
  .app-store .heading {
    color: #fff;
    font-size: 30px;
    margin: 0;
    padding: 0; }

.tour-card {
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.139);
  align-content: start;
  background: #fff;
  height: auto;
  padding: 0px;
  box-sizing: border-box;
  cursor: inherit;
  transition: 0.4s; }
  .tour-card .tage {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px !important;
    border-radius: 20px;
    height: auto !important; }
    .tour-card .tage p {
      margin: 0;
      font-size: 12px; }
  .tour-card .submit-btn {
    background: #fa6921 !important;
    padding: 10px 20px !important; }
  .tour-card .heading {
    margin: 0;
    padding: 0;
    color: #2b2b2b;
    text-align: left;
    margin-top: -9px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    font-weight: 500;
    font-size: 18px !important;
    height: 43px !important;
    line-height: 21px !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .tour-card .card-row {
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
    justify-content: flex-start; }
    .tour-card .card-row i {
      color: #565f70; }
    .tour-card .card-row p {
      display: flex;
      margin: 0;
      gap: 5px;
      font-weight: 600;
      font-size: 14px;
      align-items: center; }
  .tour-card .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e9e9e9;
    background: none !important;
    padding: 20px; }
    .tour-card .card-footer .pera {
      text-align: left;
      margin-top: 0 !important; }
  .tour-card .intro {
    padding: 10px; }
  .tour-card .pera {
    color: #5a5a5a;
    text-align: center;
    font-weight: 300 !important;
    width: 100%;
    margin: 0 !important; }
    .tour-card .pera span {
      text-align: left; }
  .tour-card .date {
    color: #f26a26;
    display: flex;
    gap: 5px;
    padding: 0 0;
    margin: 0;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 300 !important; }
  .tour-card .price {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    gap: 10px; }
    .tour-card .price i {
      margin-right: 10px; }
    .tour-card .price .old-price {
      color: #e9e9e9;
      position: relative; }
      .tour-card .price .old-price i {
        color: #e9e9e9; }
      .tour-card .price .old-price:after {
        content: "";
        position: absolute;
        background-color: #e9e9e9;
        height: 1px;
        width: 100%;
        left: 0px;
        top: 50%; }
    .tour-card .price .cruncy {
      color: #565f70 !important; }
    .tour-card .price .new-price {
      color: #f26a26; }
      .tour-card .price .new-price i {
        color: #f26a26; }
  .tour-card .fav-btn {
    position: absolute;
    width: 30px !important;
    height: 30px !important;
    right: 10px !important;
    top: 10px !important; }
  .tour-card .clickable {
    position: relative; }
    .tour-card .clickable .link-btn {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 23;
      cursor: pointer;
      bottom: 60px; }
  .tour-card .diactive {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    border-radius: 5px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .tour-card .diactive .heading {
      text-align: center;
      justify-content: center;
      color: #fff; }
  .tour-card .width-auto {
    width: auto !important;
    height: 40px;
    align-items: center; }
  .tour-card .price {
    font-size: 18px;
    font-family: bold;
    font-weight: 600;
    margin: 0 !important;
    height: auto !important; }
    .tour-card .price i {
      color: #5a5a5a;
      font-size: 16px !important; }
    .tour-card .price span {
      margin: 0; }
    .tour-card .price .new {
      color: #f26a26;
      font-weight: 600; }
    .tour-card .price .old {
      color: #9ba3af;
      font-weight: 300;
      font-family: "Prompt", sans-serif !important;
      margin: 0 !important;
      position: relative;
      font-size: 12px; }
      .tour-card .price .old::after {
        content: "";
        top: 50%;
        left: 0px;
        position: absolute;
        width: 100%;
        height: 2px;
        background: #9ba3af; }
  .tour-card .price-sub {
    margin: 0;
    text-align: left;
    font-size: 12px; }
  .tour-card .social-action {
    margin: 0 !important;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 12px;
    height: 41px;
    margin: 0;
    bottom: 10px;
    padding: 5px;
    position: absolute; }
    .tour-card .social-action i {
      color: #fff !important;
      font-size: 12px; }
    .tour-card .social-action a {
      background: #fff;
      opacity: 10; }
      .tour-card .social-action a i {
        color: #000 !important;
        font-size: 13px; }
      .tour-card .social-action a:hover {
        transition: 0.4s;
        opacity: 10;
        width: 30px;
        height: 30px; }
    .tour-card .social-action a.facebook:hover i {
      color: #4267B2 !important; }
    .tour-card .social-action a.whatsapp:hover i {
      color: #25D366 !important; }
    .tour-card .social-action a.linkedin:hover i {
      color: #0e76a8 !important; }
    .tour-card .social-action a.instagram:hover i {
      color: #E1306c !important; }
    .tour-card .social-action a.twitter:hover i {
      color: #00acee !important; }
    .tour-card .social-action a.google:hover i {
      color: #DB4437 !important; }
    .tour-card .social-action a.tiktok:hover i {
      color: black !important; }
  .tour-card div#social-links ul {
    margin: 0px;
    padding: 0;
    display: flex;
    justify-content: left;
    gap: 5px;
    align-items: center; }
    .tour-card div#social-links ul li {
      list-style: none; }
      .tour-card div#social-links ul li a {
        padding: 0px !important; }
  .tour-card .includes {
    display: flex;
    justify-content: space-between;
    padding: 0; }
    .tour-card .includes li {
      border: 1px solid #e9e9e9;
      list-style: none;
      width: 100%;
      padding: 10px;
      box-sizing: border-box; }
  .tour-card .gallery {
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    height: 100%;
    min-height: 200px;
    max-height: 200px;
    background: #e6f7f5;
    display: grid;
    align-items: center;
    position: relative; }
    .tour-card .gallery .tooltip {
      position: absolute;
      opacity: 0;
      bottom: 10px;
      height: auto;
      padding: 0;
      transition: 0.4s;
      box-sizing: border-box;
      right: 0;
      bottom: 0;
      width: 100%;
      z-index: 100;
      background: none; }
      .tour-card .gallery .tooltip span {
        background-color: #f5f5f5;
        width: auto !important;
        top: -8px;
        right: 10px;
        position: relative;
        padding: 5px 10px;
        border-radius: 5px; }
        .tour-card .gallery .tooltip span:after {
          content: "";
          position: absolute;
          bottom: 100%;
          right: 23px;
          margin-left: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent #fff transparent; }
    .tour-card .gallery:hover .tooltip {
      opacity: 10; }
    .tour-card .gallery .link-btn {
      position: absolute;
      width: 85%;
      box-sizing: border-box;
      height: 80%;
      z-index: 23;
      left: 0px;
      cursor: pointer;
      bottom: 60px; }
    .tour-card .gallery span {
      width: 100%;
      height: 100%;
      text-align: center;
      font-weight: "Prompt", sans-serif;
      z-index: 1 !important; }
    .tour-card .gallery img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .tour-card .company-logo {
    position: absolute !important;
    background: #fff;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    justify-content: center;
    padding: 0px;
    align-items: top;
    transition: 0.4s;
    border-radius: 50%;
    cursor: pointer;
    right: 5px;
    bottom: 5px;
    z-index: 99; }
    .tour-card .company-logo .pic {
      width: 100%;
      height: 100%;
      object-fit: cover;
      overflow: hidden;
      position: relative;
      padding-top: 40px;
      border-radius: 0px;
      margin: 0 auto;
      box-sizing: border-box; }
      .tour-card .company-logo .pic img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px; }
    .tour-card .company-logo .company-name {
      text-align: center;
      color: #565f70;
      font-size: 12px;
      padding: 0;
      margin: 0; }
    .tour-card .company-logo:hover {
      border-color: #01a89e; }
  .tour-card #countDown {
    position: absolute;
    top: 220px; }
  .tour-card .item-footer {
    font-weight: "Prompt", sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    text-align: left;
    border-top: 1px solid;
    border-color: rgba(153, 153, 153, 0.3); }
    .tour-card .item-footer .pera {
      font-size: 12px; }
    .tour-card .item-footer span {
      text-align: left;
      font-size: 14px;
      color: #ef4f4c;
      font-family: "Prompt", sans-serif;
      position: relative; }
    .tour-card .item-footer .heading {
      color: #2b2b2b;
      margin: 0;
      font-weight: 300;
      font-size: 20px;
      height: 22px !important; }
  .tour-card .main-heading {
    display: block;
    display: -webkit-box;
    margin-top: 0;
    max-width: 100%;
    font-weight: 500;
    font-size: 18px !important;
    height: 11px !important;
    line-height: 26px !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
    .tour-card .main-heading:after {
      bottom: 0px; }
  .tour-card:hover {
    border-color: #01a89e; }
    .tour-card:hover .main-heading {
      color: #01a89e; }
  .tour-card .ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    top: -5px;
    left: -5px; }
    .tour-card .ribbon:before {
      position: absolute;
      z-index: -1;
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      background: #2b2b2b;
      top: 0px;
      right: 99px; }
    .tour-card .ribbon:after {
      position: absolute;
      z-index: -1;
      content: '';
      display: block;
      width: 5px;
      height: 5px;
      background: #2b2b2b;
      bottom: 99px;
      left: 0px; }
    .tour-card .ribbon span {
      position: absolute;
      display: block;
      height: 30px;
      display: grid;
      align-items: center;
      justify-content: center;
      padding: 0;
      background-color: #2b2b2b;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
      color: #fff;
      font-size: 12px !important;
      font: 700 18px/1 'Lato', sans-serif;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      text-transform: uppercase;
      text-align: center;
      width: 100%;
      right: 60px;
      top: 0px;
      transform: rotate(-45deg); }
      .tour-card .ribbon span i {
        color: #fff; }
  .tour-card .ribbon-red:before {
    background-color: #c54d4b; }
  .tour-card .ribbon-red:after {
    background-color: #c54d4b; }
  .tour-card .ribbon-red span {
    background-color: #f02e1b; }
  .tour-card .ribbon-orange:before {
    background-color: #ea9063; }
  .tour-card .ribbon-orange:after {
    background-color: #ea9063; }
  .tour-card .ribbon-orange span {
    background-color: #f26a26; }
  .tour-card .ribbon-yellow:before {
    background-color: #c59b02; }
  .tour-card .ribbon-yellow:after {
    background-color: #c59b02; }
  .tour-card .ribbon-yellow span {
    background-color: #e6b400; }
  .tour-card .ribbon-green:before {
    background-color: #01a89e; }
  .tour-card .ribbon-green:after {
    background-color: #01a89e; }
  .tour-card .ribbon-green span {
    background-color: #0bcec1; }
  .tour-card .ribbon-sale {
    width: 150px;
    height: 150px;
    top: -5px;
    left: -5px; }
    .tour-card .ribbon-sale:before {
      right: 59px; }
    .tour-card .ribbon-sale:after {
      bottom: 59px; }
    .tour-card .ribbon-sale span {
      left: -40px;
      top: 20px; }
  .tour-card .ribbon-descount {
    width: 190px;
    height: 190px;
    top: -5px;
    left: -5px; }
    .tour-card .ribbon-descount:before {
      right: 59px; }
    .tour-card .ribbon-descount:after {
      bottom: 59px; }
    .tour-card .ribbon-descount span {
      left: -40px;
      top: 40px; }
  .tour-card .ribbon-sm {
    width: 150px;
    height: 150px;
    top: -5px;
    left: -5px; }
  .tour-card .details {
    padding-top: 20px;
    display: grid;
    grid-template-columns: 100%;
    box-sizing: border-box;
    gap: 8px; }

.db-tour-card .gallery {
  width: 100%;
  height: auto;
  border-radius: 0;
  overflow: hidden;
  height: 100%;
  min-height: 300px;
  max-height: 300px;
  background: #e6f7f5;
  display: grid;
  align-items: center;
  position: relative; }
  .db-tour-card .gallery .tooltip {
    position: absolute;
    opacity: 0;
    bottom: 10px;
    height: auto;
    width: auto;
    padding: 0;
    transition: 0.4s;
    box-sizing: border-box;
    right: 0;
    bottom: 0;
    width: auto;
    z-index: 999;
    background: none; }
    .db-tour-card .gallery .tooltip span {
      background-color: #f5f5f5;
      width: auto !important;
      top: -8px;
      right: 10px;
      position: relative;
      padding: 5px 10px;
      border-radius: 5px; }
      .db-tour-card .gallery .tooltip span:after {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 23px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #fff transparent; }
  .db-tour-card .gallery:hover .tooltip {
    opacity: 10; }
  .db-tour-card .gallery .link-btn {
    position: absolute;
    width: 85%;
    box-sizing: border-box;
    height: 80%;
    z-index: 23;
    left: 0px;
    cursor: pointer;
    bottom: 60px; }
  .db-tour-card .gallery span {
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: "Prompt", sans-serif; }
  .db-tour-card .gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.showservice {
  background: #f1f7fa;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .showservice i {
    font-size: 16px;
    color: #565f70; }

.ad-card {
  background-color: #182d36;
  max-width: 400px; }
  .ad-card .heading {
    font-weight: 500;
    color: #fff; }
  .ad-card .destination-tage {
    height: 160px; }
  .ad-card .submit-btn {
    background: #01a89e !important; }
  .ad-card .card-footer {
    border-top: 1px solid #1f3d49; }
  .ad-card p {
    color: #fff; }
  .ad-card .price span {
    font-family: "Prompt", sans-serif !important; }
  .ad-card .price .cruncy {
    color: #fff !important;
    margin: 0 !important; }
  .ad-card .price .new {
    font-size: 18px !important;
    margin: 0 !important; }
  .ad-card .price .old {
    color: #fff !important; }
    .ad-card .price .old:after {
      height: 1px !important;
      background: #fff !important; }
  .ad-card .price-sub {
    color: #fff !important;
    line-height: 12px;
    margin: 0 !important; }
  .ad-card .details {
    padding: 0;
    gap: 10px; }
    .ad-card .details .date span {
      color: #f26a26; }

.form-wizard .tabpanel {
  margin-bottom: 100px !important; }
.form-wizard h3 {
  text-transform: capitalize;
  font-weight: 300 !important; }
.form-wizard .wizard-row {
  display: grid;
  grid-template-columns: 49% 49%;
  justify-content: space-between;
  width: 100%; }
  .form-wizard .wizard-row > div {
    margin-top: 20px; }
.form-wizard .container {
  display: grid;
  grid-template-columns: 50vw;
  justify-content: left;
  width: 100%;
  background: white;
  border-radius: 1rem;
  padding: 2rem;
  padding-top: 80px; }
.form-wizard .pera {
  color: text;
  font-weight: 300; }
.form-wizard .form-input {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: .5rem;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  box-sizing: border-box;
  color: var(--text-color);
  transition: ease-in-out .3s all; }
  .form-wizard .form-input::placeholder {
    color: #cbd5e1; }
  .form-wizard .form-input:focus {
    outline: none;
    border-color: var(--color-1); }
  .form-wizard .form-input:focus-within {
    box-shadow: #f8fafc 0px 0px 0px 2px, #c7d2fe 0px 0px 0px 6px, #0000 0px 1px 2px 0px; }
.form-wizard .btn {
  border: 0;
  background: #29aae2 !important;
  padding: 1rem;
  border-radius: 5px;
  max-width: 150px;
  color: white;
  cursor: pointer; }
  .form-wizard .btn:focus-within {
    box-shadow: #f8fafc 0px 0px 0px 2px, #c7d2fe 0px 0px 0px 6px, #0000 0px 1px 2px 0px; }
  .form-wizard .btn:hover {
    background: var(--color-1-hover);
    transition: ease-in-out .3s all; }
.form-wizard textarea.form-input {
  min-height: 150px; }
.form-wizard .btn[disabled] {
  opacity: .5;
  pointer-events: none; }
.form-wizard .btn-submit {
  background-color: var(--color-2); }
  .form-wizard .btn-submit:hover {
    background-color: var(--color-2-hover); }
.form-wizard .pagination {
  margin-top: -40px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .form-wizard .pagination .btn {
    width: 100%;
    text-align: center;
    margin: 0 6px;
    background: #01a89e; }
.form-wizard .tab-status {
  position: fixed;
  right: 10%;
  top: 30%;
  display: grid;
  align-items: top;
  justify-content: center;
  gap: 10px; }
  .form-wizard .tab-status span {
    appearance: none;
    background: #9ba3af;
    border: 1px solid #9ba3af;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .form-wizard .tab-status span i {
      transform: rotate(0deg); }
  .form-wizard .tab-status span.active {
    background-color: var(--color-2);
    color: white; }
.form-wizard .hidden {
  display: none; }

.wizard-group {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .wizard-group .pera {
    width: auto;
    min-width: 200px; }
  .wizard-group .inputs {
    width: 100% !important; }

.store-btns {
  display: flex;
  gap: 10px;
  justify-content: start; }
  .store-btns a {
    padding: 10px;
    padding-right: 30px;
    display: flex;
    background-color: #212121;
    border-radius: 100px;
    min-width: 150px;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    text-transform: uppercase; }
    .store-btns a p {
      margin: 0;
      color: #fff; }
    .store-btns a .title {
      font-size: 8px; }
    .store-btns a .label {
      font-size: 16px; }
    .store-btns a img {
      width: 30px !important;
      height: 30px !important;
      border: 1px solid #565f70;
      border-radius: 50%; }
  .store-btns .apple {
    text-transform: capitalize; }

/* tages */
.destination-card {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  color: #f26a26;
  text-align: center;
  width: 100%;
  height: 120px;
  padding-top: 100px;
  box-sizing: border-box;
  font-size: 12px; }
  .destination-card img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 150px;
    object-fit: cover; }
  .destination-card .details {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#182d36+0,182d36+85&0+0,1+89 */
    background: -moz-linear-gradient(top, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00182d36', endColorstr='#182d36', GradientType=0);
    /* IE6-9 */
    position: absolute;
    padding: 0 10px;
    box-sizing: border-box;
    display: grid;
    align-items: center;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 30px;
    z-index: 1; }
    .destination-card .details .heading {
      display: flex;
      color: #fff;
      align-items: center;
      text-align: left !important;
      justify-content: flex-start;
      font-size: 12px;
      font-weight: 300;
      margin: 0;
      gap: 5px; }
      .destination-card .details .heading::after {
        content: "";
        height: 0px;
        border-top: 6px solid transparent !important;
        border-left: 10px solid #fa8d21 !important;
        border-bottom: 6px solid transparent !important; }

.tages-container {
  display: flex;
  gap: 10px;
  margin-top: -70px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  width: auto;
  min-width: 100%;
  gap: 20px; }

/* tages */
.destination-tage {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
  color: #f26a26;
  text-align: center;
  width: 100%;
  height: 120px;
  padding-top: 100px;
  box-sizing: border-box;
  font-size: 12px; }
  .destination-tage img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 150px;
    object-fit: cover; }
  .destination-tage .tage-overlay {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#182d36+0,182d36+85&0+0,1+89 */
    background: -moz-linear-gradient(top, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00182d36', endColorstr='#182d36', GradientType=0);
    /* IE6-9 */
    position: absolute;
    padding: 10px;
    box-sizing: border-box;
    display: grid;
    align-items: end;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1; }
    .destination-tage .tage-overlay .link-span {
      position: relative;
      color: #fff;
      font-size: 14px;
      margin-bottom: 0px;
      display: block;
      max-width: 100%;
      height: 22px !important;
      line-height: 21px !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left; }
      .destination-tage .tage-overlay .link-span i {
        font-size: 12px; }
    .destination-tage .tage-overlay .sub {
      font-size: 10px;
      stroke: #000; }

/* static-ads */
.static-ad {
  width: 100%;
  margin: 60px 0;
  height: auto; }
  .static-ad img {
    width: 100%; }

/* search-form */
.search-form {
  position: relative;
  width: 100%;
  border-radius: 40px;
  background: #fff;
  border: 1px solid #f5f5f5;
  width: 100%;
  max-width: 530px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 5px;
  margin: 20px 0; }
  .search-form .search-bar {
    width: 100%;
    border: none;
    background: none;
    outline: none;
    padding: 5px 20px;
    font-size: 18px; }
  .search-form .search-btn {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0 !important;
    border: 2px solid #f26a26;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f26a26; }
    .search-form .search-btn .span-icon {
      width: 18px; }
  .search-form #livesearch {
    position: absolute;
    z-index: 1000;
    background: white;
    min-width: 300px;
    top: 50px;
    border-radius: 5px;
    box-sizing: border-box; }
    .search-form #livesearch a {
      padding: 10px; }

/* main-banner */
.main-banner {
  margin-top: 0px !important;
  height: 95vh;
  min-height: 540px; }
  .main-banner .store-btns {
    margin-top: 70px; }
  .main-banner .slider {
    height: 100%;
    width: 100%;
    position: relative;
    margin: auto; }
    .main-banner .slider .slide {
      display: none;
      height: 100%;
      border-radius: 0px;
      overflow: hidden;
      width: 100%;
      align-items: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      .main-banner .slider .slide img {
        height: 100%;
        width: 100%;
        filter: contrast(90%);
        object-fit: cover; }
      .main-banner .slider .slide .content {
        position: inherit;
        width: 90%;
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 60% 40%;
        align-items: center;
        justify-content: space-between;
        padding: 0; }
        .main-banner .slider .slide .content .heading {
          color: #fff;
          font-size: 5vw;
          margin: 0;
          line-height: 72px;
          font-family: "Prompt", sans-serif;
          text-transform: uppercase;
          text-align: left;
          text-shadow: 0px 0px 2px black; }
          .main-banner .slider .slide .content .heading span {
            color: #f26a26;
            font-family: "Playfair Display", serif;
            font-weight: 300;
            margin: 0 20px; }
        .main-banner .slider .slide .content .left-container {
          height: 100%;
          box-sizing: border-box;
          display: grid;
          align-items: center;
          position: relative; }
        .main-banner .slider .slide .content .right-container {
          height: 100%;
          display: grid;
          grid-template-columns: 70%;
          align-items: center;
          justify-content: end;
          position: relative;
          box-sizing: border-box; }
    .main-banner .slider a.prev,
    .main-banner .slider a.next {
      position: absolute;
      top: 50%;
      font-size: 30px;
      cursor: pointer;
      user-select: none;
      color: #ffffff;
      padding: 12px;
      transition: 0.2s; }
      .main-banner .slider a.prev:hover,
      .main-banner .slider a.next:hover {
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 3px; }
    .main-banner .slider .next {
      right: 20px; }
    .main-banner .slider .prev {
      left: 20px; }
  .main-banner .show {
    animation: fade 0.5s ease-out; }
@keyframes fade {
  from {
    opacity: 0.5; }
  to {
    opacity: 1; } }
/* linkspan */
.link-span {
  color: #f26a26;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  display: flex;
  gap: 5px; }
  .link-span i {
    color: #f26a26 !important;
    top: 0;
    margin-left: 10px;
    font-size: 16px !important;
    top: 3px; }

/* card slider */
/* destination slider */
.destination-slider {
  width: 100%;
  height: 80vh;
  min-height: 550px;
  margin-bottom: 3%;
  /* Slideshow container */
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* On hover, add a black background color with a little bit see-through */
  /* Caption text */
  /* The dots/bullets/indicators */
  /* Fading animation */ }
  .destination-slider .nav {
    display: none; }
  .destination-slider .slide-btns {
    position: absolute;
    width: 160px;
    height: 66px;
    display: flex;
    justify-content: right;
    align-items: center;
    top: 0;
    right: 0%; }
    .destination-slider .slide-btns .slide-btn {
      background: #253d48;
      width: 100%;
      height: 100%;
      color: #fff;
      border: 0px solid rgba(0, 0, 0, 0.082);
      transition: 0.4s;
      display: flex;
      align-items: center;
      justify-content: center; }
      .destination-slider .slide-btns .slide-btn:hover {
        border: 5px solid rgba(0, 0, 0, 0.082); }
  .destination-slider .title {
    color: #fff;
    font-size: 4vw;
    padding: 8px 0;
    line-height: 72px;
    position: absolute;
    top: 0;
    left: 4%;
    font-weight: 600;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.086); }
  .destination-slider .slideshow-container {
    width: 100%;
    height: 100%;
    position: relative; }
  .destination-slider .prev,
  .destination-slider .next {
    cursor: pointer;
    width: auto;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none; }
  .destination-slider .next {
    right: 0; }
  .destination-slider .mySlides {
    width: 100%;
    height: 100%; }
    .destination-slider .mySlides img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .destination-slider .inner {
    position: relative;
    padding: 10%; }
  .destination-slider .content {
    background: #182d36;
    color: #f2f2f2;
    font-size: 15px;
    padding: 0;
    position: absolute;
    bottom: -10%;
    box-sizing: border-box;
    text-align: center;
    top: 200px;
    left: 0px;
    width: 45%;
    height: auto;
    min-height: 450px; }
    .destination-slider .content .heading {
      font-size: 2vw;
      margin: 0;
      text-align: left; }
    .destination-slider .content .pera {
      color: #8d979c;
      display: block;
      display: -webkit-box;
      max-width: 100%;
      font-size: 18px;
      height: auto; }
  .destination-slider .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease; }
  .destination-slider .active,
  .destination-slider .dot:hover {
    background-color: #717171; }
  .destination-slider .fade {
    animation-name: fade;
    animation-duration: 1.5s; }
@keyframes fade {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
/* activity */
.app-activity {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
  .app-activity .gallery-item {
    width: 100%;
    height: 80vh;
    cursor: pointer;
    position: relative; }
    .app-activity .gallery-item:hover .content {
      opacity: 10; }
    .app-activity .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .app-activity .gallery-item .content {
      opacity: 0;
      transition: 0.4s;
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#182d36+0,182d36+85&0+0,1+89 */
      background: -moz-linear-gradient(top, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(24, 45, 54, 0) 0%, rgba(24, 45, 54, 0.96) 85%, #182d36 89%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00182d36', endColorstr='#182d36', GradientType=0);
      /* IE6-9 */
      font-size: 15px;
      padding: 13%;
      position: absolute;
      display: grid;
      align-items: end;
      padding: 40px;
      box-sizing: border-box;
      text-align: center;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
      .app-activity .gallery-item .content .heading {
        font-size: 32px;
        color: #fff;
        margin: 0;
        text-align: left; }
      .app-activity .gallery-item .content .pera {
        color: #ccd1d4;
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin-top: 10px;
        font-weight: 300;
        font-size: 18px; }

/* offers */
.app-offers {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 70vh;
  min-height: 500px;
  padding: 20px 0; }
  .app-offers::after {
    content: "";
    background: rgba(1, 168, 158, 0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .app-offers .container {
    position: absolute;
    height: 100%;
    left: 5%;
    z-index: 2;
    display: grid;
    grid-template-columns: 25% 65%;
    justify-content: space-between;
    align-items: center; }
  .app-offers .offer-image {
    width: 100%;
    object-fit: cover;
    height: 100%; }
  .app-offers .offer-content {
    width: 100%;
    display: grid;
    grid-template-columns: 47% 47%;
    justify-content: space-between;
    align-items: center;
    gap: 20px; }
    .app-offers .offer-content .heading-inner {
      grid-row: 1/1;
      grid-column: 1/3;
      color: #fff;
      font-size: 30px;
      margin-top: 0; }
    .app-offers .offer-content .offer-item {
      display: flex;
      gap: 20px;
      padding-bottom: 20px;
      align-items: center;
      justify-content: space-between; }
    .app-offers .offer-content .item-border {
      border-bottom: 1px solid #212121; }
    .app-offers .offer-content i {
      color: #10140e;
      font-size: 50px; }
    .app-offers .offer-content .text {
      color: #fff; }
    .app-offers .offer-content .heading {
      font-size: 18px;
      font-weight: 600;
      margin: 0;
      text-transform: uppercase; }
    .app-offers .offer-content .pera {
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      margin: 0; }

/* partners */
.partner-section {
  padding: 50px 0; }

/* tabs*/
.section-heading {
  display: flex; }
  .section-heading .heading {
    width: 100%;
    max-width: 30%;
    min-width: 300px;
    justify-content: flex-start;
    text-transform: uppercase !important;
    font-weight: 600;
    font-family: "Prompt", sans-serif !important;
    color: #373737;
    font-size: 2.5vw; }

.tour-tabs .tab-btns {
  gap: 20px; }
  .tour-tabs .tab-btns .btn {
    background: none !important;
    border: none !important;
    width: auto !important;
    font-weight: 300 !important;
    color: #9ba3af;
    text-transform: capitalize; }
  .tour-tabs .tab-btns .active p {
    color: #01a89e !important; }

.partner-text {
  display: grid;
  justify-content: center; }
  .partner-text .heading {
    margin: 0; }
  .partner-text .pera {
    width: 100%;
    margin: 0;
    max-width: 500px; }

.partner-slider {
  display: flex;
  width: 100%;
  overflow: hidden;
  gap: 60px;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  margin-top: 40px; }
  .partner-slider .partner-logo {
    height: 100%;
    width: 200px;
    list-style: none; }
    .partner-slider .partner-logo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      list-style: none; }

/* video */
.app-video {
  position: relative;
  padding: 0;
  margin: 0;
  /*progress bar*/
  /* Special styling for WebKit/Blink */
  /* All the same stuff for Firefox */
  /* All the same stuff for IE */ }
  .app-video video {
    cursor: pointer;
    width: 100%;
    min-height: 300px;
    height: 75vh !important;
    border-bottom: 0;
    object-fit: cover;
    margin-top: 0px; }
  .app-video .video-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    top: 0;
    border-radius: 0;
    display: grid;
    position: absolute;
    background: rgba(24, 45, 54, 0.5); }
    .app-video .video-overlay > div {
      width: 100%;
      display: grid;
      grid-template-columns: 25% 60%;
      align-items: center;
      justify-content: center;
      gap: 100px; }
    .app-video .video-overlay .video-text {
      display: grid;
      align-items: center;
      justify-content: left;
      width: 100%; }
    .app-video .video-overlay .heading {
      font-size: 40px;
      font-weight: 600;
      color: #f26a26;
      font-family: "Playfair Display", serif !important;
      margin: 0; }
    .app-video .video-overlay .pera {
      color: #fff;
      margin: 0;
      margin-top: 20px;
      line-height: 60px;
      font-weight: 600;
      font-size: 50px !important; }
    .app-video .video-overlay .btn {
      background: none;
      border: 0;
      opacity: 0.8;
      transition: 0.4s;
      cursor: pointer;
      background: #f26a26;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 100px;
      height: 100px;
      border: 0px solid outset rgba(242, 106, 38, 0.3);
      transition: 1s;
      border-radius: 50%; }
      .app-video .video-overlay .btn:hover {
        border: 10px solid rgba(242, 106, 38, 0.3); }
      .app-video .video-overlay .btn i {
        color: white;
        font-size: 30px; }
      .app-video .video-overlay .btn .icon-play span {
        display: none;
        margin-left: 0 !important;
        padding: 0 !important; }
  .app-video .controls .btn:focus {
    outline: 0; }
  .app-video .controls span {
    color: white;
    margin-left: 6px; }
  .app-video input[type='range'] {
    -webkit-appearance: none;
    /* Hides the slider so that custom slider can be made */
    width: 100%;
    /* Specific width is required for Firefox. */
    background: transparent;
    /* Otherwise white in Chrome */ }
  .app-video input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none; }
  .app-video input[type='range']:focus {
    outline: none;
    /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }
  .app-video input[type='range']::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .app-video input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fccf23;
    cursor: pointer;
    margin-top: -4px;
    /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 1px 2px 10px #000000; }
  .app-video input[type='range']::-moz-range-thumb {
    box-shadow: 1px 2px 10px #000000;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fccf23;
    cursor: pointer; }
  .app-video input[type='range']::-ms-thumb {
    box-shadow: 1px 2px 10px #000000;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fccf23;
    cursor: pointer; }
  .app-video input[type='range']::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: white;
    border-radius: 4px;
    border: 0;
    margin-left: 8px; }
  .app-video input[type='range']:focus::-webkit-slider-runnable-track {
    background: #faf17b; }
  .app-video input[type='range']::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: white;
    border-radius: 4px;
    border: 0;
    margin-left: 8px; }
  .app-video input[type='range']::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent; }
  .app-video input[type='range']::-ms-fill-lower {
    background: #2a6495;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; }
  .app-video input[type='range']:focus::-ms-fill-lower {
    background: #3071a9; }
  .app-video input[type='range']::-ms-fill-upper {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; }
  .app-video input[type='range']:focus::-ms-fill-upper {
    background: #367ebd; }

/* gallery */
.app-gallery {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;
  position: relative; }
  .app-gallery .gallery-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    z-index: 9;
    align-items: center;
    justify-content: center; }
    .app-gallery .gallery-overlay .btn {
      padding: 30px 50px;
      background: #182d36;
      color: #fff;
      text-transform: uppercase;
      position: relative;
      border: none;
      border-radius: 0;
      font-size: 40px;
      font-weight: 600;
      z-index: 999; }
      .app-gallery .gallery-overlay .btn::after, .app-gallery .gallery-overlay .btn::before {
        position: absolute;
        content: "";
        background: none;
        width: 50px;
        height: 50px; }
      .app-gallery .gallery-overlay .btn::before {
        left: -10px;
        top: -10px;
        border-left: 3px solid #f26a26;
        border-top: 3px solid #f26a26; }
      .app-gallery .gallery-overlay .btn::after {
        right: -10px;
        bottom: -10px;
        border-right: 3px solid #f26a26;
        border-bottom: 3px solid #f26a26; }
  .app-gallery .gallery-item {
    width: 100%;
    height: 50vh;
    position: relative; }
    .app-gallery .gallery-item:hover {
      opacity: 0.8; }
    .app-gallery .gallery-item .overlay-item {
      grid-template-columns: 140px;
      width: 100%;
      display: grid;
      align-items: center;
      height: 100%;
      justify-content: center;
      padding: 10px 0;
      position: absolute; }
      .app-gallery .gallery-item .overlay-item .peak-name {
        text-align: center;
        text-shadow: 2px 1px 1px #f26a26;
        color: #fff;
        display: block;
        display: -webkit-box;
        max-width: 100%;
        font-weight: 500;
        font-size: 18px !important;
        height: 22px !important;
        line-height: 21px !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .app-gallery .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .app-gallery .gallery-item:nth-child(2) {
      grid-column: 1/7;
      grid-row: 1/1; }
    .app-gallery .gallery-item:nth-child(3) {
      grid-column: 7/10;
      grid-row: 1/1; }
    .app-gallery .gallery-item:nth-child(4) {
      grid-column: 10/13;
      grid-row: 1/1; }
    .app-gallery .gallery-item:nth-child(5) {
      grid-column: 1/4;
      grid-row: 2/2; }
    .app-gallery .gallery-item:nth-child(6) {
      grid-column: 4/7;
      grid-row: 2/2; }
    .app-gallery .gallery-item:nth-child(7) {
      grid-column: 7/13;
      grid-row: 2/2; }

/* footer */
.app-newfooter .footer {
  background-color: #182d36;
  color: #fff;
  margin-top: 0;
  padding: 0 !important; }
  .app-newfooter .footer .sub-footer {
    display: grid;
    align-items: center;
    border: none; }
    .app-newfooter .footer .sub-footer .container {
      padding: 20px 20px;
      border-top: 1px solid #e6f7f5 !important; }
      .app-newfooter .footer .sub-footer .container .copyright-text {
        text-align: center; }
    .app-newfooter .footer .sub-footer p {
      text-align: center; }
.app-newfooter .footer-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1230px;
  padding: 40px 15px 450px;
  display: grid;
  grid-template-columns: 30% 15% 15% 15% 15%;
  justify-content: space-between;
  position: relative; }
.app-newfooter .inline-links ul li {
  display: inline; }
.app-newfooter .footer-content-column {
  box-sizing: border-box;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  color: #fff; }
  .app-newfooter .footer-content-column p {
    font-size: 14px;
    color: #919b9f;
    font-weight: normal; }
  .app-newfooter .footer-content-column ul li a {
    color: #919b9f;
    text-decoration: none;
    font-weight: 300;
    font-size: 12px; }
    .app-newfooter .footer-content-column ul li a i {
      color: #00afa7; }
.app-newfooter .footer-logo-link {
  display: inline-block;
  opacity: 0.6; }
  .app-newfooter .footer-logo-link .logo-md {
    width: 150px !important; }
.app-newfooter .footer-menu {
  margin-top: 30px; }
.app-newfooter .footer-menu-name {
  color: #fffff2;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }
.app-newfooter .footer-menu-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 10px;
  padding-left: 0; }
  .app-newfooter .footer-menu-list li {
    margin-top: 5px; }
.app-newfooter .footer-call-to-action-description {
  color: #fffff2;
  margin-top: 10px;
  margin-bottom: 20px; }
.app-newfooter .footer-call-to-action-button {
  background-color: #027b9a;
  border-radius: 21px;
  color: #fffff2;
  display: inline-block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 18px;
  padding: 12px 30px;
  margin: 0 10px 10px 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color .2s;
  cursor: pointer;
  position: relative; }
  .app-newfooter .footer-call-to-action-button:hover {
    background-color: #fffff2;
    color: #00bef0; }
.app-newfooter .button:last-of-type {
  margin-right: 0; }
.app-newfooter .footer-call-to-action {
  margin-top: 30px; }
.app-newfooter .footer-call-to-action-title {
  color: #fffff2;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }
.app-newfooter .footer-call-to-action-link-wrapper {
  margin-bottom: 0;
  margin-top: 10px;
  color: #fff;
  text-decoration: none; }
  .app-newfooter .footer-call-to-action-link-wrapper a {
    color: #fff;
    text-decoration: none; }
.app-newfooter .footer-social-links {
  bottom: 0;
  height: 54px;
  position: absolute;
  right: 0;
  width: 236px; }
.app-newfooter .footer-social-amoeba-svg {
  height: 54px;
  left: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 236px; }
.app-newfooter .footer-social-amoeba-path {
  fill: #027b9a; }
.app-newfooter .footer-social-link.linkedin {
  height: 26px;
  left: 3px;
  top: 11px;
  width: 26px; }
.app-newfooter .footer-social-link {
  display: block;
  padding: 10px;
  position: absolute; }
.app-newfooter .hidden-link-text {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  top: 50%; }
.app-newfooter .footer-social-icon-svg {
  display: block; }
.app-newfooter .footer-social-icon-path {
  fill: #fffff2;
  transition: fill .2s; }
.app-newfooter .footer-social-link.twitter {
  height: 28px;
  left: 62px;
  top: 3px;
  width: 28px; }
.app-newfooter .footer-social-link.youtube {
  height: 24px;
  left: 123px;
  top: 12px;
  width: 24px; }
.app-newfooter .footer-social-link.github {
  height: 34px;
  left: 172px;
  top: 7px;
  width: 34px; }

.contribures-btns {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .contribures-btns .submit-btn {
    font-size: 14px;
    margin-left: 0 !important;
    padding: 10px; }
    .contribures-btns .submit-btn span {
      display: block; }
    .contribures-btns .submit-btn i {
      display: none; }
  .contribures-btns .btn {
    width: 100%;
    display: flex;
    gap: 5px; }

.contribures-fillter .contribures-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.contribures-fillter .btns {
  max-width: 150px; }
.contribures-fillter .submit-btn {
  font-size: 14px; }
.contribures-fillter .btn span {
  display: block; }
.contribures-fillter .btn i {
  display: none; }

.partners-page .profile-cover {
  margin-top: 60px; }
  .partners-page .profile-cover .container {
    padding-top: 20px;
    padding-bottom: 20px; }

/* Responsive */
@media (max-width: 1025px) {
  .contribures-btns .icon-settings {
    display: none !important; }
  .contribures-btns .submit-btn span {
    display: none; }
  .contribures-btns .submit-btn i {
    display: block; }
  .contribures-btns .btn span {
    display: none; }

  .contribures-fillter {
    display: block; }
    .contribures-fillter .btns {
      max-width: inherit;
      width: 100%;
      justify-content: center;
      margin: 10px 0; }

  .contribures-tabs .submit-btn i {
    display: block; }
  .contribures-tabs .btn span {
    display: none; }

  .app-newfooter .footer-content {
    grid-template-columns: 50% 50%; }
  .app-newfooter .copyright-text {
    font-size: 12px; }
    .app-newfooter .copyright-text .logo-sm {
      width: 50px; } }
@media (max-width: 767px) {
  .main-banner .store-btns {
    display: grid;
    margin-top: 10px; }
  .main-banner .slider {
    height: 100%; }
    .main-banner .slider .slide {
      height: auto;
      padding-top: 20px;
      padding-bottom: 20px; }
      .main-banner .slider .slide .content {
        grid-template-columns: 100%;
        margin-top: 20px; }
        .main-banner .slider .slide .content .heading {
          text-align: center;
          font-size: 8vw;
          line-height: 42px; }
        .main-banner .slider .slide .content .right-container {
          justify-content: center;
          grid-template-columns: 100%;
          margin-top: 10px; }

  .tages-container {
    margin-top: 20px;
    overflow-y: scroll; }

  .destination-tage {
    min-width: 150px; }

  /* destination slider */
  .destination-slider {
    min-height: inherit;
    height: 330px;
    /* On hover, add a black background color with a little bit see-through */
    /* Caption text */ }
    .destination-slider .inner {
      padding: 5%; }
    .destination-slider .mySlides {
      height: 236px;
      max-height: 236px; }
    .destination-slider .title {
      font-size: 16px;
      line-height: 18px; }
    .destination-slider .slide-btns {
      width: 160px;
      height: 39px;
      left: inherit;
      top: 0;
      right: 0px; }
    .destination-slider .content {
      width: 100%;
      top: 60px;
      max-height: 178px;
      opacity: 0.8;
      min-height: inherit;
      height: auto; }
      .destination-slider .content .heading {
        font-size: 14px; }
      .destination-slider .content .pera {
        font-size: 10px;
        height: 100%;
        line-height: 16px;
        height: 60px !important;
        line-height: 15px !important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }

  .tour-tabs .tab-btns .btn p span {
    display: none; }

  .app-offers {
    height: auto; }
    .app-offers .container {
      position: inherit;
      grid-template-columns: 100%;
      width: 90%; }
    .app-offers .offer-image {
      display: none; }
    .app-offers .offer-content {
      display: inherit;
      grid-template-columns: 90%; }
      .app-offers .offer-content .heading-inner {
        grid-column: 1/1;
        font-size: 18px; }
      .app-offers .offer-content .offer-item {
        display: grid;
        grid-template-columns: auto;
        justify-content: center; }
      .app-offers .offer-content .text {
        color: #fff; }

  .app-activity {
    display: flex;
    min-width: 100%;
    min-width: 100%;
    overflow-y: scroll;
    justify-content: start; }
    .app-activity .gallery-item {
      height: 200px;
      width: 100%;
      min-width: 100%; }
      .app-activity .gallery-item .content {
        opacity: 10; }
        .app-activity .gallery-item .content .heading {
          font-size: 12px; }
        .app-activity .gallery-item .content .pera {
          font-size: 10px;
          line-height: 12px;
          height: 25px;
          -webkit-line-clamp: 2; }

  .home-page {
    margin-top: 50px; }

  .store-btns {
    justify-content: center; }

  .search-form {
    max-width: 100%; }

  .app-store .store-btns {
    justify-content: center; }
  .app-store .heading {
    font-size: 18px; }

  .store-btns {
    display: grid; }
    .store-btns a {
      max-width: inherit !important; }

  .wizard-group {
    display: inherit; }
    .wizard-group .wizard-row {
      grid-template-columns: 100%;
      gap: 20px; }
    .wizard-group .pera {
      width: auto;
      min-width: 200px;
      margin-bottom: 15px;
      margin-top: 20px; }
    .wizard-group .inputs {
      width: 100% !important;
      margin-top: 0px !important; }

  .form-wizard .tabpanel {
    margin-bottom: 10px !important; }
  .form-wizard .pagination {
    margin-top: 1rem; }
  .form-wizard .container {
    grid-template-columns: 76vw;
    padding: 0;
    padding-bottom: 70px;
    padding-top: 109px; }
  .form-wizard .tab-status {
    right: 5px;
    justify-content: center; }
    .form-wizard .tab-status span {
      width: 1rem;
      height: 1rem; }

  .app-video video {
    height: 60vh !important; }
  .app-video .video-overlay {
    padding: 50px 30px !important;
    align-items: center;
    box-sizing: border-box; }
    .app-video .video-overlay .btn {
      width: 70px !important;
      height: 70px !important; }
    .app-video .video-overlay > div {
      display: inherit;
      grid-template-columns: 100%;
      gap: 20px; }
    .app-video .video-overlay .video-text {
      justify-content: center; }
    .app-video .video-overlay .heading {
      font-size: 16px;
      text-align: center; }
    .app-video .video-overlay .pera {
      line-height: 18px;
      font-size: 14px !important;
      text-align: center; }

  .app-gallery {
    height: 300px; }
    .app-gallery .gallery-overlay .btn {
      padding: 10px 30px;
      font-size: 20px; }
    .app-gallery .gallery-item {
      width: 100%;
      height: 150px; }

  .app-newfooter .footer-content {
    grid-template-columns: 100%; }
  .app-newfooter .copyright-text {
    font-size: 12px; }
    .app-newfooter .copyright-text .logo-sm {
      width: 50px; }

  .tour-card {
    border: 1px solid #cecece; }
    .tour-card .gallery {
      max-height: 200px; }
    .tour-card .price {
      font-size: 14px; }
    .tour-card .submit-btn {
      font-size: 12px;
      padding: 5px; }
    .tour-card .ribbon {
      width: 150px;
      height: 150px;
      overflow: hidden;
      position: absolute;
      z-index: 99;
      top: -5px;
      left: -5px; }
      .tour-card .ribbon:before {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background: #2b2b2b;
        top: 0px;
        right: 99px; }
      .tour-card .ribbon:after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        width: 5px;
        height: 5px;
        background: #2b2b2b;
        bottom: 99px;
        left: 0px; }
      .tour-card .ribbon span {
        position: absolute;
        display: block;
        height: 30px;
        display: grid;
        align-items: center;
        justify-content: center;
        padding: 0;
        background-color: #2b2b2b;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font-size: 12px !important;
        font: 700 18px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        right: 60px;
        top: 0px;
        transform: rotate(-45deg); }
        .tour-card .ribbon span i {
          color: #fff; }
    .tour-card .ribbon-red:before {
      background-color: #c54d4b; }
    .tour-card .ribbon-red:after {
      background-color: #c54d4b; }
    .tour-card .ribbon-red span {
      background-color: #f02e1b; }
    .tour-card .ribbon-orange:before {
      background-color: #ea9063; }
    .tour-card .ribbon-orange:after {
      background-color: #ea9063; }
    .tour-card .ribbon-orange span {
      background-color: #f26a26; }
    .tour-card .ribbon-yellow:before {
      background-color: #c59b02; }
    .tour-card .ribbon-yellow:after {
      background-color: #c59b02; }
    .tour-card .ribbon-yellow span {
      background-color: #e6b400; }
    .tour-card .ribbon-green:before {
      background-color: #01a89e; }
    .tour-card .ribbon-green:after {
      background-color: #01a89e; }
    .tour-card .ribbon-green span {
      background-color: #0bcec1; }
    .tour-card .ribbon-sale {
      width: 150px;
      height: 150px;
      top: -5px;
      left: -5px; }
      .tour-card .ribbon-sale:before {
        right: 59px; }
      .tour-card .ribbon-sale:after {
        bottom: 59px; }
      .tour-card .ribbon-sale span {
        left: -40px;
        top: 20px; }
    .tour-card .ribbon-descount {
      width: 190px;
      height: 190px;
      top: -5px;
      left: -5px; }
      .tour-card .ribbon-descount:before {
        right: 59px; }
      .tour-card .ribbon-descount:after {
        bottom: 59px; }
      .tour-card .ribbon-descount span {
        left: -40px;
        top: 40px; }
    .tour-card .ribbon-sm {
      width: 150px;
      height: 150px;
      top: -5px;
      left: -5px; }

  .section-heading {
    display: inline !important;
    padding: 20px 0; }
    .section-heading .heading {
      text-align: center;
      font-size: 28px;
      display: grid;
      justify-content: center;
      min-width: 100%;
      margin-bottom: 30px; }
      .section-heading .heading .span-text {
        font-size: 24px;
        font-weight: 400; }
    .section-heading .pera {
      text-align: center;
      padding: 5px 20px;
      font-size: 18px;
      line-height: 22px; }
    .section-heading .btns {
      margin-top: 20px;
      justify-content: center !important; }
    .section-heading .ter-btn {
      justify-content: center;
      margin-top: 10px; }

  .partner-slider {
    display: flex;
    width: 100%;
    overflow: hidden;
    gap: 20px;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-top: 40px; }

  .responsive-grid .text {
    display: grid !important;
    width: 100%; }
    .responsive-grid .text .price {
      width: 100%; }

  .main-banner {
    min-height: 540px; }
    .main-banner .ad-card {
      border: 1px solid #cecece;
      transform: scale(0.6);
      margin-top: -25px; }

  .filter-Form {
    display: grid;
    grid-template-columns: 100%; }
    .filter-Form .select2 {
      width: 100% !important; }
    .filter-Form .submit-btn {
      max-width: 100%; }

  .profile-cover {
    height: 24vh !important; }
    .profile-cover .content .profile .pic {
      padding-top: 0 !important;
      width: 70px !important;
      height: 70px !important; } }
#slide-window {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
  top: 0px;
  left: 0px; }
  #slide-window .booking-widget {
    background: none !important;
    position: absolute;
    justify-content: right;
    z-index: 99;
    height: 100%; }
    #slide-window .booking-widget form {
      background: rgba(255, 255, 255, 0.6);
      margin-top: 10px;
      margin-bottom: 10px;
      border-radius: 5px; }
  #slide-window .intro {
    width: 100%;
    position: absolute;
    justify-content: right;
    z-index: 99;
    height: 100%; }
    #slide-window .intro .heading {
      color: #fff; }
  #slide-window #credit {
    display: none; }
  #slide-window #slides {
    height: 100%;
    position: absolute;
    margin: 0px;
    padding: 0px;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.66s ease;
    -webkit-transition: all 0.66s ease; }
  #slide-window .slide {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    height: 100%;
    background: #ccc;
    text-align: center;
    line-height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    color: #fff;
    -webkit-transform: translate3d(0px, 0px, 0px);
    visibility: hidden;
    -webkit-transform-style: preserve-3d; }
  #slide-window .alive {
    visibility: visible; }
  #slide-window .nav {
    position: absolute;
    z-index: 9;
    top: 40%;
    cursor: pointer;
    color: #fff;
    opacity: 0.7;
    transition: all 0.66s ease;
    -webkit-transition: all 0.66s ease; }
  #slide-window .nav:hover {
    opacity: 1.0; }
  #slide-window #left {
    left: 3%; }
  #slide-window #right {
    right: 3%; }
  #slide-window #credit {
    position: fixed;
    top: 25px;
    left: 25px;
    color: #eaeaea;
    font-family: 'Courier New', Courier, monospace; }

@media (max-width: 1200px) {
  .main-slider {
    margin-top: 0px !important; }
    .main-slider .animated-form .inputs .input-label {
      font-size: 8px; }
    .main-slider .store-btns {
      margin-top: 20px;
      gap: 5px;
      left: 5px;
      top: 0px; }
      .main-slider .store-btns a {
        width: 80px; }
      .main-slider .store-btns .heading {
        display: none; }
    .main-slider .slider {
      height: auto;
      width: 100%;
      position: relative;
      margin: auto; }
      .main-slider .slider .slide .col-2-content {
        width: 90%;
        padding: 70px 0;
        box-sizing: border-box; }
        .main-slider .slider .slide .col-2-content .form-inner {
          display: grid;
          grid-template-columns: 100%;
          gap: 20px; }
          .main-slider .slider .slide .col-2-content .form-inner .submit-btn {
            max-width: 100%; }
          .main-slider .slider .slide .col-2-content .form-inner .heading {
            margin-top: 0;
            max-width: inherit; }
        .main-slider .slider .slide .col-2-content .heading {
          font-size: 14px;
          margin-top: 20px; }
        .main-slider .slider .slide .col-2-content .sub-heading {
          font-size: 12px;
          height: 20px;
          overflow: hidden;
          text-overflow: ellipsis; }
        .main-slider .slider .slide .col-2-content .right-container {
          grid-template-columns: 80%;
          justify-content: right; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad {
            width: 100%;
            margin-top: 50px; }
            .main-slider .slider .slide .col-2-content .right-container .card-ad .heading {
              font-size: 1rem; }
            .main-slider .slider .slide .col-2-content .right-container .card-ad .pera {
              font-size: 12px; }
            .main-slider .slider .slide .col-2-content .right-container .card-ad .submit {
              font-size: 12px;
              padding: 10px 20px; } }
@media (max-width: 1025px) {
  .profile-cover .container {
    align-items: end; }
  .profile-cover .profile {
    margin-top: 0;
    height: 100px; }
    .profile-cover .profile .pic {
      width: 7vw;
      height: 7vw; }
    .profile-cover .profile .sub h1 {
      font-size: 16px; }
    .profile-cover .profile img {
      width: 100%; }
    .profile-cover .profile h3 {
      font-size: 12px; }
    .profile-cover .profile h1 {
      font-size: 16px; }
    .profile-cover .profile span {
      font-size: 10px !important; }
    .profile-cover .profile .social-icons {
      margin-top: 0 !important; }
      .profile-cover .profile .social-icons a {
        width: 20px;
        height: 20px; }
        .profile-cover .profile .social-icons a i {
          font-size: 12px; }
  .profile-cover .content .profile {
    align-items: center !important; }
    .profile-cover .content .profile .pic {
      width: 40px;
      height: 40px;
      padding-top: 40px; }
    .profile-cover .content .profile .sub {
      font-size: 16px;
      align-items: center; }
  .profile-cover .content .social-icons a {
    width: 25px;
    height: 25px; }
    .profile-cover .content .social-icons a i {
      font: 12px; }

  .pro-banner {
    height: auto !important;
    padding-bottom: 20px; }
    .pro-banner .content .heading {
      font-size: 20px; }
    .pro-banner .awssld .awssld__wrapper {
      height: 350px !important; }
      .pro-banner .awssld .awssld__wrapper .awssld__content {
        height: 100% !important;
        display: inherit !important; }
      .pro-banner .awssld .awssld__wrapper .slide-item {
        display: inherit !important;
        height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .content {
          min-height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .awssld__content {
          width: 100%;
          height: 100%; }
    .pro-banner .tour-card {
      margin-top: 20px; }
      .pro-banner .tour-card .details .heading {
        font-size: 18px; }
      .pro-banner .tour-card .item-footer {
        display: none; }
        .pro-banner .tour-card .item-footer .price h2 {
          font-size: 12px; }
        .pro-banner .tour-card .item-footer .tage p {
          font-size: 12px !important; }

  .video-banner {
    min-height: 250px;
    max-height: 250px; }
    .video-banner .content {
      min-height: 100% !important; }
      .video-banner .content .details {
        padding: 0; }
        .video-banner .content .details .heading {
          text-align: center !important; }
        .video-banner .content .details .pera {
          text-align: center !important; }
        .video-banner .content .details .check-list {
          padding-bottom: 0;
          justify-content: center; }
        .video-banner .content .details .title .main-heading {
          text-align: center !important;
          padding: 0 !important; }
          .video-banner .content .details .title .main-heading:after {
            display: none; }
        .video-banner .content .details .title p {
          display: none; } }
@media (max-width: 767px) {
  .pro-banner {
    height: auto !important;
    padding-bottom: 20px; }
    .pro-banner .content .heading {
      text-align: center;
      font-size: 14px; }
    .pro-banner .awssld .awssld__wrapper {
      height: 200px !important; }
      .pro-banner .awssld .awssld__wrapper .awssld__content {
        height: 100% !important;
        display: inherit !important; }
      .pro-banner .awssld .awssld__wrapper .slide-item {
        display: inherit !important;
        height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .content {
          min-height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .awssld__content {
          width: 100%;
          height: 100%; }
    .pro-banner .tour-card {
      margin-top: 20px; }
      .pro-banner .tour-card .details .heading {
        text-align: center !important;
        font-size: 14px; }
      .pro-banner .tour-card .details .pera {
        text-align: center !important; }
      .pro-banner .tour-card .item-footer {
        display: none; }
        .pro-banner .tour-card .item-footer .price h2 {
          font-size: 12px; }
        .pro-banner .tour-card .item-footer .tage p {
          font-size: 12px !important; }
    .pro-banner .intro-img {
      display: none; }

  .main-slider {
    margin-top: 0px !important; }
    .main-slider .store-btns {
      justify-content: center;
      width: 94%; }
    .main-slider .slider .slide .col-2-content {
      box-sizing: border-box;
      grid-template-columns: 100%; }
      .main-slider .slider .slide .col-2-content .form-inner .heading {
        text-align: center; }
      .main-slider .slider .slide .col-2-content .heading {
        font-size: 14px;
        margin-top: 20px;
        text-align: center;
        margin-top: 40px; }
      .main-slider .slider .slide .col-2-content .sub-heading {
        font-size: 12px;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .main-slider .slider .slide .col-2-content .right-container {
        grid-template-columns: 100%;
        justify-content: left; }
        .main-slider .slider .slide .col-2-content .right-container .card-ad {
          width: 100%;
          margin-top: 50px; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad .heading {
            font-size: 1rem; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad .pera {
            font-size: 12px; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad .submit {
            font-size: 12px;
            padding: 10px 20px; }

  #slide-window {
    height: 260px; }
    #slide-window .intro {
      display: grid;
      justify-content: center;
      grid-template-columns: 90%; }
      #slide-window .intro .heading {
        line-height: 26px;
        max-width: 100%;
        font-size: 24px;
        text-shadow: 0 0 3px #2b2b2b; }
      #slide-window .intro .caption {
        margin: 0;
        font-size: 12px !important; }
      #slide-window .intro .submit-btn {
        max-width: 100px !important;
        margin-top: 20px; }
        #slide-window .intro .submit-btn i {
          font-size: 24px; }
        #slide-window .intro .submit-btn span {
          display: none; }
    #slide-window #credit {
      display: none; }
    #slide-window #slides {
      height: 100%;
      position: absolute;
      margin: 0px;
      padding: 0px;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
      transition: all 0.66s ease;
      -webkit-transition: all 0.66s ease; }
    #slide-window .slide {
      list-style: none;
      position: relative;
      float: left;
      margin: 0;
      padding: 0;
      width: 500px;
      height: 100%;
      background: #ccc;
      text-align: center;
      line-height: 300px;
      background-size: cover;
      background-position: 50% 50%;
      color: #fff;
      -webkit-transform: translate3d(0px, 0px, 0px);
      visibility: hidden;
      -webkit-transform-style: preserve-3d; }
    #slide-window .alive {
      visibility: visible; }
    #slide-window .nav:hover {
      opacity: 1.0; }
    #slide-window #left {
      left: 3%; }
    #slide-window #right {
      right: 3%; }
    #slide-window #right,
    #slide-window #left {
      font-size: 12px; }
    #slide-window #credit {
      position: fixed;
      top: 25px;
      left: 25px;
      color: #eaeaea;
      font-family: 'Courier New', Courier, monospace; }

  .company-cover {
    height: 150px !important;
    margin-top: 30px; }
    .company-cover .content {
      top: 40px !important; }
      .company-cover .content .profile {
        margin-top: 0; }
        .company-cover .content .profile .sub h1 {
          font-size: 16px; }
    .company-cover .image-container {
      min-height: 100% !important; }
      .company-cover .image-container .bg-image {
        max-height: 50px; } }
.inner-banner {
  height: 100%;
  max-height: 250px; }
  .inner-banner .content {
    min-height: 100% !important; }

.peralux {
  height: 100%;
  overflow: hidden;
  padding: 0; }
  .peralux .image-container {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    .peralux .image-container .heading {
      text-transform: uppercase;
      text-shadow: 0 0 15px #2b2b2b; }
    .peralux .image-container.bg-image {
      min-height: calc(300px - 60px);
      display: grid;
      align-items: center; }
    @media only screen and (max-device-width: 1024px) {
      .peralux .image-container {
        background-attachment: scroll; } }
  .peralux .content {
    text-align: center;
    padding: 50px 80px; }
    .peralux .content h2 {
      font-size: 20px;
      text-align: center;
      letter-spacing: 5px;
      text-transform: uppercase; }

.profile-cover {
  height: 30vh;
  min-height: 130px;
  overflow: hidden;
  position: relative; }
  .profile-cover .showrating > label svg.empty-star {
    fill: #fff;
    opacity: 0.6; }
  .profile-cover .edit-btn {
    bottom: 20px !important; }
  .profile-cover .icon-upload {
    background: #01a89e;
    padding: 10px;
    border-radius: 50%; }
  .profile-cover .container {
    height: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    box-sizing: border-box; }
  .profile-cover .content {
    grid-template-columns: 100%;
    width: 100%;
    min-height: 100% !important;
    height: 100%; }
    .profile-cover .content .profile {
      width: auto;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      width: 100%; }
      .profile-cover .content .profile:hover {
        background: none; }
      .profile-cover .content .profile .profile-inner {
        display: flex;
        gap: 20px; }
      .profile-cover .content .profile .sub h3 {
        font-size: 18px; }
      .profile-cover .content .profile .sub span {
        font-size: 12px; }
      .profile-cover .content .profile .pic {
        border-radius: 50%;
        background: #fff; }
      .profile-cover .content .profile .sub {
        color: white;
        font-size: 20px;
        padding: 0;
        display: grid;
        align-content: center;
        margin: 0;
        font-weight: bold; }
        .profile-cover .content .profile .sub h3 {
          padding: 0;
          margin: 0; }
        .profile-cover .content .profile .sub h1 {
          padding: 0;
          margin: 0;
          font-size: 20px;
          line-height: inherit; }
        .profile-cover .content .profile .sub span {
          color: #fff;
          font-size: 13px;
          font-weight: bold; }
    .profile-cover .content .social-icons {
      display: flex;
      justify-content: left;
      margin-top: 5px !important;
      padding-top: 0 !important; }
      .profile-cover .content .social-icons a {
        background-color: rgba(255, 255, 255, 0.6);
        width: 30px;
        height: 30px; }
        .profile-cover .content .social-icons a i {
          color: #fff !important;
          font-size: 18px; }
  .profile-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.company-cover {
  height: 200px !important;
  margin-top: 20px; }
  .company-cover .content {
    top: 20px !important; }
  .company-cover .image-container {
    min-height: 100% !important; }
    .company-cover .image-container .bg-image {
      max-height: 50px; }

.video-banner {
  min-height: 60vh;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-top: 0px;
  padding: 0;
  background-size: cover;
  display: grid;
  align-items: center;
  z-index: 2; }
  .video-banner img {
    width: 100%; }
  .video-banner #box video {
    width: 100%; }
  .video-banner #myVideo {
    right: 0;
    bottom: 0;
    min-width: 100%; }
  .video-banner .content {
    position: absolute;
    top: 0;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    display: grid;
    grid-template-columns: 70%;
    justify-content: center;
    align-content: center; }
    .video-banner .content .second-heading {
      color: white;
      text-transform: uppercase; }
      .video-banner .content .second-heading strong {
        background: #ffd200;
        color: black;
        padding: 5px; }
    .video-banner .content span {
      text-transform: uppercase;
      padding: 10px 0px;
      font-size: 14px; }
  .video-banner .btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    justify-content: center; }
    .video-banner .btn a {
      border: 2px solid #01a89e;
      margin-left: 20px;
      color: #fff; }
      .video-banner .btn a:hover {
        color: black;
        background: #01a89e;
        border: 2px solid #0bcec1; }
        .video-banner .btn a:hover i {
          color: black; }
      .video-banner .btn a i {
        color: white; }

.image-slider {
  /*GLOBALS*/
  /*btns*/
  /*bar*/
  /*Header*/
  /*ANIMATION*/ }
  .image-slider #wrapper {
    width: 100%;
    margin: 50px auto;
    padding: 0;
    margin: 0 !important;
    position: relative;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px; }
  .image-slider .content {
    position: absolute;
    z-index: 9;
    height: 100%;
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center; }
  .image-slider #slider-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .image-slider #slider-wrap ul#slider {
      width: 100%;
      height: 100%;
      display: flex;
      position: absolute;
      padding: 0 !important;
      margin: 0 !important;
      top: 0;
      left: 0; }
      .image-slider #slider-wrap ul#slider .perallux {
        position: relative;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .image-slider #slider-wrap ul#slider li {
        float: left;
        position: relative;
        list-style: none;
        background-size: 100%;
        width: 100%;
        height: 100%; }
        .image-slider #slider-wrap ul#slider li > div {
          position: absolute;
          top: 20px;
          left: 35px; }
          .image-slider #slider-wrap ul#slider li > div h3 {
            font-size: 36px;
            text-transform: uppercase; }
          .image-slider #slider-wrap ul#slider li > div span {
            font-family: Neucha, Arial, sans serif;
            font-size: 21px; }
        .image-slider #slider-wrap ul#slider li i {
          text-align: center;
          line-height: 400px;
          display: block;
          width: 100%;
          font-size: 90px; }
    .image-slider #slider-wrap ul {
      -webkit-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
      -moz-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
      -o-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
      -ms-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
      transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1); }
  .image-slider .heading {
    color: #fff;
    text-shadow: 0px 0px 12px black;
    font-weight: 500; }
    .image-slider .heading a {
      color: #29aae2; }
  .image-slider .btns {
    position: absolute;
    width: 50px;
    z-index: 9 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    top: 50%;
    margin-top: -25px;
    line-height: 57px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease; }
    .image-slider .btns:hover {
      background: #01a89e; }
    .image-slider .btns i {
      color: #fff;
      font-size: 24px; }
  .image-slider #next {
    right: -50px;
    border-radius: 7px 0px 0px 7px; }
  .image-slider #previous {
    left: -50px;
    border-radius: 0px 7px 7px 0px; }
  .image-slider #counter {
    bottom: 30px;
    max-height: 20px;
    right: 35px;
    width: auto;
    position: absolute; }
  .image-slider #slider-wrap.active #next {
    right: 0px; }
  .image-slider #slider-wrap.active #previous {
    left: 0px; }
  .image-slider #pagination-wrap {
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .image-slider #pagination-wrap ul {
      width: auto;
      text-align: center; }
      .image-slider #pagination-wrap ul li {
        margin: 0 4px;
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #fff;
        opacity: 0.5;
        position: relative;
        top: 0;
        -webkit-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
        -moz-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
        -o-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
        -ms-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
        transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1); }
      .image-slider #pagination-wrap ul li.active {
        width: 12px;
        height: 12px;
        top: 3px;
        opacity: 1;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0px; }
  .image-slider h1 {
    text-shadow: none;
    text-align: center;
    color: #666;
    text-transform: uppercase;
    font-size: 36px; }
  .image-slider h2 {
    text-shadow: none;
    text-align: center;
    color: #7f8c8d;
    font-family: Neucha, Arial, sans serif;
    font-size: 18px;
    margin-bottom: 30px; }

.animated-perallux .slideshow-container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.6s ease;
  width: 100%;
  height: 100%;
  cursor: pointer;
  visibility: hidden; }
  .animated-perallux .slideshow-container .slides-styler-wrapper {
    overflow: hidden;
    position: relative;
    width: 100vw;
    height: calc(300px - 60px);
    z-index: 1;
    vertical-align: middle;
    z-index: 95; }
    .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container {
      overflow: hidden;
      display: flex;
      position: relative;
      top: 0;
      left: -100vw;
      width: 1000vw;
      z-index: 97; }
      .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container.shifting {
        transition: left 0.2s ease-in-out; }
      .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide {
        width: 100vw;
        height: calc(300px - 60px);
        cursor: pointer;
        transition: all 0.6s;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 98; }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .image-container {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          transform: translate(0%, 0%);
          overflow: hidden; }
          .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .image-container .image {
            width: 40vmax;
            height: 40vmax;
            position: absolute;
            background-position: center;
            background-size: 90%;
            background-repeat: no-repeat;
            filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.1)); }
            .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .image-container .image.image1 {
              width: 15vmax;
              height: 15vmax;
              transform: translate(80%, 40%);
              filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.1)); }
            .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .image-container .image.image2 {
              width: 10vmax;
              height: 10vmax;
              transform: translate(-150%, -50%) rotate(-45deg);
              filter: drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.1)); }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .layer1 {
          z-index: 101; }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .layer2 {
          z-index: 100; }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .layer3 {
          z-index: 99; }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .text {
          font-weight: bold;
          position: absolute;
          text-transform: uppercase;
          text-shadow: 0 0 15px #2b2b2b;
          transform: translate(0%, 0%); }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .color1 {
          color: #fff; }
        .animated-perallux .slideshow-container .slides-styler-wrapper .slides-container .slide .color2 {
          color: #fff; }
  .animated-perallux .slideshow-container .previous-arrow {
    transform: translate(-40vw, 0%) rotate(90deg);
    transition: background 0.5s;
    position: absolute;
    width: 4.5vmax;
    height: 4.5vmax;
    cursor: pointer;
    z-index: 101;
    opacity: 0.8; }
  .animated-perallux .slideshow-container .next-arrow {
    position: absolute;
    transform: translate(40vw, 0%) rotate(-90deg);
    transition: background 0.5s;
    width: 4.5vmax;
    height: 4.5vmax;
    cursor: pointer;
    z-index: 101;
    opacity: 0.8; }
  .animated-perallux .slideshow-container.animation-reveal {
    pointer-events: none; }
    .animated-perallux .slideshow-container.animation-reveal .text {
      animation: reveal-text 1s cubic-bezier(0.77, 0, 0.175, 1); }
    .animated-perallux .slideshow-container.animation-reveal .image {
      animation: reveal-image 1s cubic-bezier(0.77, 0, 0.175, 1); }
    .animated-perallux .slideshow-container.animation-reveal .image1 {
      animation: reveal-image1 1s cubic-bezier(0.77, 0, 0.175, 1); }
    .animated-perallux .slideshow-container.animation-reveal .image2 {
      animation: reveal-image2 1s cubic-bezier(0.77, 0, 0.175, 1); }
    .animated-perallux .slideshow-container.animation-reveal .previous-arrow {
      animation: reveal-arrow 1s cubic-bezier(0.77, 0, 0.175, 1); }
    .animated-perallux .slideshow-container.animation-reveal .next-arrow {
      animation: reveal-arrow 1s cubic-bezier(0.77, 0, 0.175, 1); }
  .animated-perallux .slideshow-container.animation-previous {
    pointer-events: none; }
    .animated-perallux .slideshow-container.animation-previous .text {
      animation: previous-text 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-previous .image {
      animation: previous-image 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-previous .image1 {
      animation: previous-image1 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-previous .image2 {
      animation: previous-image2 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-previous .previous-arrow {
      animation: previous-left-arrow 0.6s; }
    .animated-perallux .slideshow-container.animation-previous .next-arrow {
      animation: previous-right-arrow 0.6s; }
  .animated-perallux .slideshow-container.animation-next {
    pointer-events: none; }
    .animated-perallux .slideshow-container.animation-next .text {
      animation: next-text 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-next .image {
      animation: next-image 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-next .image1 {
      animation: next-image1 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-next .image2 {
      animation: next-image2 0.6s 0.085s; }
    .animated-perallux .slideshow-container.animation-next .previous-arrow {
      animation: next-left-arrow 0.6s; }
    .animated-perallux .slideshow-container.animation-next .next-arrow {
      animation: next-right-arrow 0.6s; }
@keyframes reveal-text {
  0% {
    opacity: 0;
    transform: translate(0, 100%); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes reveal-image {
  0% {
    opacity: 0;
    transform: translate(0, -100%); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes reveal-image1 {
  0% {
    opacity: 0;
    transform: translate(80%, -60%); }
  100% {
    opacity: 1;
    transform: translate(80%, 40%); } }
@keyframes reveal-image2 {
  0% {
    opacity: 0;
    transform: translate(-150%, -150%) rotate(-45deg); }
  100% {
    opacity: 1;
    transform: translate(-150%, -50%) rotate(-45deg); } }
@keyframes reveal-arrow {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.8; } }
@keyframes previous-text {
  35% {
    transform: translate(-3%, 0%); }
  to {
    transform: translate(0%, 0%); } }
@keyframes previous-image {
  25%,
  30% {
    transform: translate(-6%, 0%); }
  to {
    transform: translate(0%, 0%); } }
@keyframes previous-image1 {
  45%,
  50% {
    transform: translate(60%, 40%); }
  to {
    transform: translate(80%, 40%); } }
@keyframes previous-image2 {
  25%,
  30% {
    transform: translate(-180%, -50%) rotate(-45deg); }
  to {
    transform: translate(-150%, -50%) rotate(-45deg); } }
@keyframes previous-left-arrow {
  50% {
    transform: translateX(calc(-40vw - 3px)) rotate(90deg); } }
@keyframes previous-right-arrow {
  50% {
    transform: translateX(calc(40vw - 3px)) rotate(-90deg); } }
@keyframes next-text {
  35% {
    transform: translate(3%, 0%); }
  to {
    transform: translate(0%, 0%); } }
@keyframes next-image {
  25%,
  30% {
    transform: translate(6%, 0%); }
  to {
    transform: translate(0%, 0%); } }
@keyframes next-image1 {
  45%,
  50% {
    transform: translate(100%, 40%); }
  to {
    transform: translate(80%, 40%); } }
@keyframes next-image2 {
  25%,
  30% {
    transform: translate(-120%, -50%) rotate(-45deg); }
  to {
    transform: translate(-150%, -50%) rotate(-45deg); } }
@keyframes next-left-arrow {
  50% {
    transform: translateX(calc(-40vw + 3px)) rotate(90deg); } }
@keyframes next-right-arrow {
  50% {
    transform: translateX(calc(40vw + 3px)) rotate(-90deg); } }
@media (max-width: 1200px) {
  .main-slider {
    margin-top: 0px !important; }
    .main-slider .animated-form .inputs .input-label {
      font-size: 8px; }
    .main-slider .store-btns {
      margin-top: 20px;
      gap: 5px;
      left: 5px;
      top: 0px; }
      .main-slider .store-btns a {
        width: 80px; }
      .main-slider .store-btns .heading {
        display: none; }
    .main-slider .slider {
      height: auto;
      width: 100%;
      position: relative;
      margin: auto; }
      .main-slider .slider .slide .col-2-content {
        width: 90%;
        padding: 70px 0;
        box-sizing: border-box; }
        .main-slider .slider .slide .col-2-content .form-inner {
          display: grid;
          grid-template-columns: 100%;
          gap: 20px; }
          .main-slider .slider .slide .col-2-content .form-inner .submit-btn {
            max-width: 100%; }
          .main-slider .slider .slide .col-2-content .form-inner .heading {
            margin-top: 0;
            max-width: inherit; }
        .main-slider .slider .slide .col-2-content .heading {
          font-size: 14px;
          margin-top: 20px; }
        .main-slider .slider .slide .col-2-content .sub-heading {
          font-size: 12px;
          height: 20px;
          overflow: hidden;
          text-overflow: ellipsis; }
        .main-slider .slider .slide .col-2-content .right-container {
          grid-template-columns: 80%;
          justify-content: right; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad {
            width: 100%;
            margin-top: 50px; }
            .main-slider .slider .slide .col-2-content .right-container .card-ad .heading {
              font-size: 1rem; }
            .main-slider .slider .slide .col-2-content .right-container .card-ad .pera {
              font-size: 12px; }
            .main-slider .slider .slide .col-2-content .right-container .card-ad .submit {
              font-size: 12px;
              padding: 10px 20px; } }
@media (max-width: 1025px) {
  .profile-cover .container {
    align-items: end; }
  .profile-cover .profile {
    margin-top: 0;
    height: 100px; }
    .profile-cover .profile .pic {
      width: 7vw;
      height: 7vw; }
    .profile-cover .profile .sub h1 {
      font-size: 16px; }
    .profile-cover .profile img {
      width: 100%; }
    .profile-cover .profile h3 {
      font-size: 12px; }
    .profile-cover .profile h1 {
      font-size: 16px; }
    .profile-cover .profile span {
      font-size: 10px !important; }
    .profile-cover .profile .social-icons {
      margin-top: 0 !important; }
      .profile-cover .profile .social-icons a {
        width: 20px;
        height: 20px; }
        .profile-cover .profile .social-icons a i {
          font-size: 12px; }
  .profile-cover .content .profile {
    align-items: center !important; }
    .profile-cover .content .profile .pic {
      width: 40px;
      height: 40px;
      padding-top: 40px; }
    .profile-cover .content .profile .sub {
      font-size: 16px;
      align-items: center; }
  .profile-cover .content .social-icons a {
    width: 25px;
    height: 25px; }
    .profile-cover .content .social-icons a i {
      font: 12px; }

  .pro-banner {
    height: auto !important;
    padding-bottom: 20px; }
    .pro-banner .content .heading {
      font-size: 20px; }
    .pro-banner .awssld .awssld__wrapper {
      height: 350px !important; }
      .pro-banner .awssld .awssld__wrapper .awssld__content {
        height: 100% !important;
        display: inherit !important; }
      .pro-banner .awssld .awssld__wrapper .slide-item {
        display: inherit !important;
        height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .content {
          min-height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .awssld__content {
          width: 100%;
          height: 100%; }
    .pro-banner .tour-card {
      margin-top: 20px; }
      .pro-banner .tour-card .details .heading {
        font-size: 18px; }
      .pro-banner .tour-card .item-footer {
        display: none; }
        .pro-banner .tour-card .item-footer .price h2 {
          font-size: 12px; }
        .pro-banner .tour-card .item-footer .tage p {
          font-size: 12px !important; }

  .video-banner {
    min-height: 250px;
    max-height: 250px; }
    .video-banner .content {
      min-height: 100% !important; }
      .video-banner .content .details {
        padding: 0; }
        .video-banner .content .details .heading {
          text-align: center !important; }
        .video-banner .content .details .pera {
          text-align: center !important; }
        .video-banner .content .details .check-list {
          padding-bottom: 0;
          justify-content: center; }
        .video-banner .content .details .title .main-heading {
          text-align: center !important;
          padding: 0 !important; }
          .video-banner .content .details .title .main-heading:after {
            display: none; }
        .video-banner .content .details .title p {
          display: none; } }
@media (max-width: 767px) {
  .pro-banner {
    height: auto !important;
    padding-bottom: 20px; }
    .pro-banner .content .heading {
      text-align: center;
      font-size: 14px; }
    .pro-banner .awssld .awssld__wrapper {
      height: 200px !important; }
      .pro-banner .awssld .awssld__wrapper .awssld__content {
        height: 100% !important;
        display: inherit !important; }
      .pro-banner .awssld .awssld__wrapper .slide-item {
        display: inherit !important;
        height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .content {
          min-height: 100%; }
        .pro-banner .awssld .awssld__wrapper .slide-item .awssld__content {
          width: 100%;
          height: 100%; }
    .pro-banner .tour-card {
      margin-top: 20px; }
      .pro-banner .tour-card .details .heading {
        text-align: center !important;
        font-size: 14px; }
      .pro-banner .tour-card .details .pera {
        text-align: center !important; }
      .pro-banner .tour-card .item-footer {
        display: none; }
        .pro-banner .tour-card .item-footer .price h2 {
          font-size: 12px; }
        .pro-banner .tour-card .item-footer .tage p {
          font-size: 12px !important; }
    .pro-banner .intro-img {
      display: none; }

  .main-slider {
    margin-top: 0px !important; }
    .main-slider .store-btns {
      justify-content: center;
      width: 94%; }
    .main-slider .slider .slide .col-2-content {
      box-sizing: border-box;
      grid-template-columns: 100%; }
      .main-slider .slider .slide .col-2-content .form-inner .heading {
        text-align: center; }
      .main-slider .slider .slide .col-2-content .heading {
        font-size: 14px;
        margin-top: 20px;
        text-align: center;
        margin-top: 40px; }
      .main-slider .slider .slide .col-2-content .sub-heading {
        font-size: 12px;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .main-slider .slider .slide .col-2-content .right-container {
        grid-template-columns: 100%;
        justify-content: left; }
        .main-slider .slider .slide .col-2-content .right-container .card-ad {
          width: 100%;
          margin-top: 50px; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad .heading {
            font-size: 1rem; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad .pera {
            font-size: 12px; }
          .main-slider .slider .slide .col-2-content .right-container .card-ad .submit {
            font-size: 12px;
            padding: 10px 20px; }

  #slide-window {
    height: 260px; }
    #slide-window .intro {
      display: grid;
      justify-content: center;
      grid-template-columns: 90%; }
      #slide-window .intro .heading {
        line-height: 26px;
        max-width: 100%;
        font-size: 24px;
        text-shadow: 0 0 3px #2b2b2b; }
      #slide-window .intro .caption {
        margin: 0;
        font-size: 12px !important; }
      #slide-window .intro .submit-btn {
        max-width: 100px !important;
        margin-top: 20px; }
        #slide-window .intro .submit-btn i {
          font-size: 24px; }
        #slide-window .intro .submit-btn span {
          display: none; }
    #slide-window #credit {
      display: none; }
    #slide-window #slides {
      height: 100%;
      position: absolute;
      margin: 0px;
      padding: 0px;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
      transition: all 0.66s ease;
      -webkit-transition: all 0.66s ease; }
    #slide-window .slide {
      list-style: none;
      position: relative;
      float: left;
      margin: 0;
      padding: 0;
      width: 500px;
      height: 100%;
      background: #ccc;
      text-align: center;
      line-height: 300px;
      background-size: cover;
      background-position: 50% 50%;
      color: #fff;
      -webkit-transform: translate3d(0px, 0px, 0px);
      visibility: hidden;
      -webkit-transform-style: preserve-3d; }
    #slide-window .alive {
      visibility: visible; }
    #slide-window .nav:hover {
      opacity: 1.0; }
    #slide-window #left {
      left: 3%; }
    #slide-window #right {
      right: 3%; }
    #slide-window #right,
    #slide-window #left {
      font-size: 12px; }
    #slide-window #credit {
      position: fixed;
      top: 25px;
      left: 25px;
      color: #eaeaea;
      font-family: 'Courier New', Courier, monospace; }

  .company-cover {
    height: 150px !important;
    margin-top: 30px; }
    .company-cover .content {
      top: 40px !important; }
      .company-cover .content .profile {
        margin-top: 0; }
        .company-cover .content .profile .sub h1 {
          font-size: 16px; }
    .company-cover .image-container {
      min-height: 100% !important; }
      .company-cover .image-container .bg-image {
        max-height: 50px; } }
.booking-widget .inner {
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  padding: 0px; }
.booking-widget .payment-heading {
  margin: 0;
  padding: 10px;
  font-size: 18px;
  box-sizing: border-box;
  border-bottom: 1px solid #e9e9e9; }
.booking-widget .view-ticket {
  display: flex;
  padding: 15px;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #e9e9e9;
  padding: 15px; }
  .booking-widget .view-ticket .gallery {
    width: 50px;
    position: relative;
    overflow: hidden;
    height: 50px;
    padding-top: 50px;
    box-sizing: border-box; }
    .booking-widget .view-ticket .gallery i {
      font-size: 50px !important;
      position: absolute;
      top: 0px; }
    .booking-widget .view-ticket .gallery img {
      width: 100%;
      position: absolute;
      width: 50px;
      height: 50px;
      object-fit: cover;
      top: 0; }
  .booking-widget .view-ticket .details {
    display: flex;
    gap: 15px; }
    .booking-widget .view-ticket .details i {
      font-size: 20px; }
    .booking-widget .view-ticket .details span {
      font-size: 12px; }
.booking-widget .operator-ticket .gallery {
  border-radius: 50%; }
.booking-widget .price-table .table-header {
  background: #f5f5f5;
  border: 1px solid #e9e9e9;
  padding: 10px;
  box-sizing: border-box; }
  .booking-widget .price-table .table-header .heading {
    padding: 0;
    margin: 0;
    color: #565f70; }
.booking-widget .price-table .table-footer {
  padding: 10px;
  margin: 0 !important;
  color: #565f70;
  height: 30px;
  border: 1px solid #e9e9e9;
  background: #f5f5f5; }
.booking-widget .price-table table {
  width: 100%;
  border: 1px solid #e9e9e9;
  padding-bottom: 0px;
  position: relative; }
  .booking-widget .price-table table tbody {
    width: 100%;
    max-height: 150px;
    overflow: scroll; }
  .booking-widget .price-table table tr {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    color: #7a869a; }
    .booking-widget .price-table table tr:last-child {
      border-bottom: none; }
.booking-widget .payment-table .table-header {
  background: #f5f5f5;
  border: 1px solid #e9e9e9;
  padding: 10px;
  box-sizing: border-box; }
  .booking-widget .payment-table .table-header .heading {
    padding: 0;
    margin: 0;
    color: #565f70; }
.booking-widget .payment-table .table-footer {
  padding: 10px;
  margin: 0 !important;
  color: #565f70;
  height: 30px;
  bottom: 0px;
  border: 1px solid #e9e9e9;
  background: #f5f5f5; }
.booking-widget .payment-table table {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-left: 0;
  border-right: 0;
  padding-bottom: 0px;
  position: relative; }
  .booking-widget .payment-table table tbody {
    width: 100%;
    max-height: 150px;
    overflow: scroll; }
  .booking-widget .payment-table table tr {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    color: #7a869a; }
    .booking-widget .payment-table table tr:last-child {
      border-bottom: none; }
.booking-widget .pay-logos {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 20px; }
  .booking-widget .pay-logos .logo {
    width: 50px;
    height: 50px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.4s; }
    .booking-widget .pay-logos .logo:hover {
      border: 1px solid #01a89e; }
    .booking-widget .pay-logos .logo img {
      width: 100%;
      object-fit: cover;
      height: 100%; }
.booking-widget .price-grid {
  min-width: 150px; }
  .booking-widget .price-grid .key, .booking-widget .price-grid .value {
    margin: 0; }
.booking-widget span {
  font-size: 12px; }
.booking-widget .static-key {
  color: #565f70; }
.booking-widget .static-key-lg {
  font-size: 14px !important; }
.booking-widget .no-border {
  border: none !important; }
.booking-widget .p-t-0 {
  padding-top: 0 !important; }
.booking-widget .p-b-0 {
  padding-bottom: 0 !important; }
.booking-widget .s-t-0 {
  margin-top: 0 !important; }
.booking-widget .s-b-0 {
  margin-bottom: 0 !important; }
.booking-widget .payment-mathord span {
  color: #29aae2 !important; }
.booking-widget .payment-footer {
  margin: 0 !important;
  color: #565f70;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  position: absolute;
  left: 0;
  min-height: 55px;
  border-top: 1px solid #e9e9e9;
  bottom: 0px;
  border-bottom: none; }

@media (max-width: 767px) {
  .payment-heading {
    white-space: wrap; } }
.add-flow {
  width: 100%; }
  .add-flow .profile .pic {
    width: 200px;
    height: 200px;
    border-radius: 50%; }
  .add-flow .tour-card .details {
    padding: 0; }
    .add-flow .tour-card .details .heading {
      margin-top: 0 !important; }
  .add-flow .ui-table {
    margin-top: 5px; }
    .add-flow .ui-table .row {
      display: flex;
      text-align: left;
      width: 100%;
      justify-content: space-between;
      padding: 10px 10px;
      box-sizing: border-box;
      border-top: 1px solid #e9e9e9; }
      .add-flow .ui-table .row .key,
      .add-flow .ui-table .row .value {
        margin: 0; }
      .add-flow .ui-table .row .value {
        text-align: right; }
  .add-flow .header-btn {
    margin-right: 10px; }

.custom-nav {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between; }
  .custom-nav .btn {
    width: 100%;
    border-bottom: none;
    border-top: none;
    background-color: #f5f5f5;
    border-radius: 0px !important;
    position: relative; }
    .custom-nav .btn span {
      color: #7a869a; }
    .custom-nav .btn p {
      color: #7a869a;
      margin: 0;
      padding: 0; }
    .custom-nav .btn i svg {
      fill: #7a869a; }
    .custom-nav .btn:last-child {
      border-right: none !important;
      border-radius: 0 5px 5px 0 !important; }
    .custom-nav .btn:first-child {
      border-left: none !important;
      border-radius: 5px 0px 0 5px !important; }
    .custom-nav .btn:nth-child(even) {
      background: #e9e9e9; }
    .custom-nav .btn:first-child {
      border-left: none; }
    .custom-nav .btn:after {
      content: "";
      position: absolute;
      height: 2px;
      width: 100%;
      bottom: 0;
      left: -100%;
      background: #01a89e;
      transition: 0.4s; }
  .custom-nav .active::after {
    background: #0bcec1;
    left: 0 !important; }
  .custom-nav .activated::after {
    left: 0 !important; }

.wizard-nav {
  padding: 0;
  margin: 0;
  width: auto;
  display: flex;
  border: 1px solid #f5f5f5;
  justify-content: left;
  border-radius: 10px; }
  .wizard-nav .btn {
    width: auto;
    border-bottom: none;
    padding: 10px 50px;
    display: grid !important;
    border-top: none;
    background-color: #f5f5f5;
    border-radius: 0px !important;
    position: relative; }
    .wizard-nav .btn:first-child {
      border-left: none !important;
      border-radius: 10px 0px 0 10px !important; }
    .wizard-nav .btn:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: -20px;
      border-top: 22px solid transparent;
      border-left: 20px solid #f5f5f5;
      border-bottom: 22px solid transparent; }
    .wizard-nav .btn .heading {
      margin: 0;
      text-align: left; }
    .wizard-nav .btn span {
      color: #7a869a; }
    .wizard-nav .btn p {
      color: #7a869a;
      margin: 0 !important;
      padding: 0;
      text-align: left; }
    .wizard-nav .btn i svg {
      fill: #7a869a; }
  .wizard-nav .active {
    background: #29aae2; }
    .wizard-nav .active .heading {
      color: #fff; }
    .wizard-nav .active p {
      color: #fff; }
      .wizard-nav .active p span {
        color: #eff5ff; }
    .wizard-nav .active:before {
      z-index: 999;
      border-left: 20px solid #29aae2; }
  .wizard-nav .activated {
    background: #01a89e; }
    .wizard-nav .activated .heading {
      color: #fff; }
    .wizard-nav .activated p {
      color: #fff; }
      .wizard-nav .activated p span {
        color: #e6f7f5; }
    .wizard-nav .activated:before {
      z-index: 999;
      border-left: 20px solid #01a89e; }

.book-flow {
  padding-top: 0px;
  width: 100%; }
  .book-flow .tour-card {
    display: flex;
    gap: 20px; }
    .book-flow .tour-card .gallery {
      width: 120px;
      height: 120px !important;
      overflow: hidden;
      padding-top: 100%;
      border-radius: 0;
      box-sizing: border-box;
      position: relative;
      min-height: inherit; }
      .book-flow .tour-card .gallery img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        object-fit: cover; }
      .book-flow .tour-card .gallery .edit-btn {
        display: none; }
    .book-flow .tour-card .details {
      padding: 0; }
      .book-flow .tour-card .details .heading {
        margin-top: 0 !important;
        font-size: 16px !important;
        margin-bottom: 0;
        height: auto !important;
        padding-bottom: 0 !important; }
      .book-flow .tour-card .details .descruption {
        display: none; }
      .book-flow .tour-card .details .pera {
        height: auto;
        font-size: 12px;
        margin-bottom: 0 !important; }
  .book-flow .quantity-list {
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    gap: 20px; }
    .book-flow .quantity-list .select {
      width: 100%;
      padding-bottom: 0;
      min-width: 200px; }
    .book-flow .quantity-list .inputs {
      width: 100%;
      padding-bottom: 0;
      min-width: 200px; }
      .book-flow .quantity-list .inputs select {
        width: 100%; }
    .book-flow .quantity-list .pera {
      width: 100%;
      max-width: 150px; }
    .book-flow .quantity-list .check-list {
      padding-bottom: 0; }
    .book-flow .quantity-list .submit-btn {
      width: auto;
      max-height: 40px; }
    .book-flow .quantity-list .sub-heading {
      width: auto; }
  .book-flow .paycards {
    display: flex;
    padding: 20px 0;
    justify-content: center;
    gap: 10px; }
    .book-flow .paycards a {
      border: 1px solid #e9e9e9;
      padding: 10px;
      opacity: 10;
      transition: 0.4s; }
      .book-flow .paycards a:hover {
        opacity: 0.5; }
    .book-flow .paycards img {
      width: 50px;
      height: 50px; }

.mobile-panel .sub-footer {
  display: none !important; }

.booking-container {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  margin-top: 30px;
  justify-content: space-between;
  gap: 10px; }

.booking-details {
  margin: 0;
  padding: 0; }
  .booking-details .app-header {
    display: none; }

.bookings-list {
  align-content: flex-start;
  overflow-y: scroll;
  padding: 0 !important; }
  .bookings-list .profile .pic {
    width: 70px;
    height: 70px; }

.single-booking {
  border: none !important;
  position: relative;
  cursor: pointer;
  width: 100%;
  align-items: center;
  background: #fff;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e9e9e9 !important;
  transition: 0.4s; }
  .single-booking .photo {
    position: relative; }
    .single-booking .photo .pic {
      border-radius: 50%;
      width: 50px;
      height: 50px; }
      .single-booking .photo .pic span {
        font-size: 18px; }
    .single-booking .photo .status {
      position: absolute;
      width: 10px;
      height: 10px;
      border: 2px solid #fff;
      border-radius: 50%;
      right: 5px;
      bottom: 5px; }
    .single-booking .photo .on {
      background: #01a89e; }
    .single-booking .photo .off {
      background: #ef4f4c; }
    .single-booking .photo .busy {
      background: #f26a26; }
  .single-booking .details {
    color: #565f70;
    font-size: 14px;
    margin-left: 0px;
    font-weight: 400;
    padding: 10px; }
    .single-booking .details strong {
      font-family: "Prompt", sans-serif;
      font-size: 14px; }
    .single-booking .details span {
      color: #565f70;
      margin-top: 0px;
      font-size: 12px;
      margin-left: 5px;
      align-items: center; }
      .single-booking .details span i {
        margin-right: 5px; }
        .single-booking .details span i svg {
          fill: #9ba3af;
          width: 16px; }
    .single-booking .details .pera {
      display: flex;
      padding: 0 !important;
      margin: 0;
      color: #565f70;
      gap: 10px;
      font-size: 14px;
      max-height: 22px;
      overflow: hidden; }
    .single-booking .details .timer {
      font-size: 12px;
      padding: 0;
      margin: 0;
      letter-spacing: 2px; }
  .single-booking .time {
    font-size: 12px; }
  .single-booking .pending {
    color: orange;
    font-size: 12px;
    text-align: right; }
  .single-booking .cancelled {
    color: #ef4f4c;
    font-size: 12px;
    text-align: right; }
  .single-booking .confirmed {
    color: #01a89e;
    font-size: 12px;
    text-align: right; }
  .single-booking .refund {
    color: #29aae3;
    font-size: 12px;
    text-align: right; }
  .single-booking:hover {
    background: #e6f7f5; }

.offers-container {
  gap: 10px; }

.single-offer {
  border: none !important;
  position: relative;
  cursor: pointer;
  width: 100% !important;
  align-items: center;
  background: #fff;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e9e9e9 !important;
  transition: 0.4s; }
  .single-offer .photo {
    position: relative; }
    .single-offer .photo .pic {
      border-radius: 5px;
      width: 100px;
      height: 100px;
      background: #f5f5f5; }
      .single-offer .photo .pic span {
        font-size: 18px; }
      .single-offer .photo .pic img {
        width: 100%;
        object-fit: cover; }
  .single-offer .details {
    color: #565f70;
    font-size: 14px;
    margin-left: 0px;
    font-weight: 400;
    padding: 10px; }
    .single-offer .details .heading {
      font-size: 16px;
      line-height: 22px; }
    .single-offer .details strong {
      font-family: "Prompt", sans-serif;
      font-size: 14px; }
    .single-offer .details span {
      color: #565f70;
      margin-top: 0px;
      font-size: 12px;
      margin-left: 5px;
      align-items: center; }
      .single-offer .details span i {
        margin-right: 5px; }
        .single-offer .details span i svg {
          fill: #9ba3af;
          width: 16px; }
    .single-offer .details .pera {
      display: flex;
      padding: 0 !important;
      margin: 0;
      color: #565f70;
      font-size: 14px;
      max-height: 22px;
      overflow: hidden; }
    .single-offer .details .timer {
      font-size: 12px;
      padding: 0;
      margin: 0;
      letter-spacing: 2px; }
  .single-offer .status {
    right: 0px;
    border-radius: 5px 0 0 5px;
    padding: 5px;
    height: 100%;
    box-sizing: border-box;
    color: #fff; }
    .single-offer .status p {
      font-size: 12px;
      font-weight: normal; }
  .single-offer .time {
    font-size: 12px; }
  .single-offer .pending {
    color: orange;
    font-size: 12px;
    text-align: right; }
  .single-offer .cancelled {
    color: #ef4f4c;
    font-size: 12px;
    text-align: right; }
  .single-offer .confirmed {
    color: #01a89e;
    font-size: 12px;
    text-align: right; }
  .single-offer .refund {
    color: #29aae3;
    font-size: 12px;
    text-align: right; }
  .single-offer:hover {
    background: #e6f7f5; }

.single-user {
  border: none !important;
  position: relative;
  cursor: pointer;
  width: 100% !important;
  align-items: center;
  background: #fff;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e9e9e9 !important;
  transition: 0.4s; }
  .single-user .photo {
    position: relative; }
    .single-user .photo .pic {
      border-radius: 5px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #f5f5f5; }
      .single-user .photo .pic span {
        font-size: 18px; }
      .single-user .photo .pic img {
        width: 100%;
        object-fit: cover; }
  .single-user .details {
    color: #565f70;
    font-size: 14px;
    margin-left: 0px;
    font-weight: 400;
    padding: 10px; }
    .single-user .details .heading {
      font-size: 16px;
      line-height: 22px; }
    .single-user .details strong {
      font-family: "Prompt", sans-serif;
      font-size: 14px; }
    .single-user .details span {
      color: #565f70;
      margin-top: 0px;
      font-size: 12px;
      margin-left: 5px;
      align-items: center; }
      .single-user .details span i {
        margin-right: 5px; }
        .single-user .details span i svg {
          fill: #9ba3af;
          width: 16px; }
    .single-user .details .pera {
      display: flex;
      padding: 0 !important;
      margin: 0;
      color: #565f70;
      font-size: 14px;
      max-height: 22px;
      overflow: hidden; }
    .single-user .details .timer {
      font-size: 12px;
      padding: 0;
      margin: 0;
      letter-spacing: 2px; }
  .single-user .status {
    right: 0px;
    border-radius: 5px 0 0 5px;
    padding: 5px;
    height: 100%;
    box-sizing: border-box;
    color: #fff; }
    .single-user .status p {
      font-size: 12px;
      font-weight: normal; }
  .single-user .time {
    font-size: 12px; }
  .single-user .pending {
    color: orange;
    font-size: 12px;
    text-align: right; }
  .single-user .cancelled {
    color: #ef4f4c;
    font-size: 12px;
    text-align: right; }
  .single-user .confirmed {
    color: #01a89e;
    font-size: 12px;
    text-align: right; }
  .single-user .refund {
    color: #29aae3;
    font-size: 12px;
    text-align: right; }
  .single-user:hover {
    background: none !important; }

.single-offer.buyer .status {
  background: #01a89e; }

.single-offer.saller .status {
  background: #f26a26; }

.booking-auto {
  height: auto !important; }
  .booking-auto .photo .pic {
    width: 80px !important;
    height: 80px !important;
    padding-top: 80px;
    background: #ef4f4c;
    position: relative;
    box-sizing: border-box; }
    .booking-auto .photo .pic span {
      position: absolute;
      top: 0;
      width: 80px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .booking-auto .photo .pic img {
      position: absolute;
      top: 0; }
  .booking-auto .main-div {
    display: flex; }
  .booking-auto .booking-inner {
    display: flex;
    width: 100%;
    justify-content: space-between; }
    .booking-auto .booking-inner .details .pera {
      max-height: inherit;
      margin-bottom: -6px; }

.add-booking .tour-card {
  margin-top: 10px;
  border: none !important;
  width: 100% !important; }
  .add-booking .tour-card .gallery {
    height: 100% !important;
    max-height: inherit;
    width: 100% !important;
    background: #e6f7f5; }
  .add-booking .tour-card .details {
    width: 100% !important; }
    .add-booking .tour-card .details .heading {
      margin: 0 !important; }

#bookingDetails .tour-card .gallery {
  min-height: 300px; }
#bookingDetails .tour-card .sm-gallery {
  min-height: 50px !important; }

@media (max-width: 1025px) {
  .add-booking {
    padding-top: 20px;
    height: auto; }

  .booking-container {
    grid-template-columns: 49% 49%;
    padding-bottom: 10px; }

  .booking-widget .price-grid {
    margin-top: 0 !important; }
  .booking-widget .no-border {
    border: none !important; } }
@media (max-width: 767px) {
  .booking-details {
    margin: 0;
    padding-top: 0px; }
    .booking-details .custom-tabs {
      padding-top: 0 !important; }
      .booking-details .custom-tabs .tab_pannels {
        margin-top: 0px !important; }
    .booking-details .head-style {
      padding-top: 10px !important; }
    .booking-details .app-header {
      display: flex; }

  .booking-container {
    grid-template-columns: 100%;
    padding-top: 0px;
    overflow-y: inherit;
    gap: 5px; }

  .add-flow .bookings-list {
    padding-right: 0 !important;
    width: 100%;
    overflow-y: inherit; }
    .add-flow .bookings-list .single-booking .switch-btn {
      min-width: 200px; }
    .add-flow .bookings-list .single-booking .details .pera {
      max-height: 15px; }

  .add-booking .tour-card .details {
    width: 100% !important;
    padding: 0 !important; }

  .book-flow {
    padding-top: 50px;
    padding-bottom: 200px; }
    .book-flow .tour-card {
      display: block !important; }
      .book-flow .tour-card .gallery {
        width: 100%; }
      .book-flow .tour-card .details {
        margin-top: 20px; }
    .book-flow .wizard-fieldset {
      padding-top: 0 !important; }

  .form-wizard .wizard-fieldset {
    padding-top: 0 !important; }
  .form-wizard .wizard-nav {
    margin-top: 35px !important; }
    .form-wizard .wizard-nav .btn .heading {
      margin: 0;
      text-align: left; }
    .form-wizard .wizard-nav .btn span {
      display: none !important; }

  .booking-auto {
    height: auto !important; }
    .booking-auto .main-div {
      display: grid;
      width: 100%; }
    .booking-auto .booking-inner {
      display: grid;
      width: 100%;
      grid-template-columns: 100%;
      justify-content: space-between; }
      .booking-auto .booking-inner .photo {
        display: grid;
        justify-content: center; }
      .booking-auto .booking-inner .details {
        text-align: center; }
        .booking-auto .booking-inner .details .pera {
          max-height: inherit;
          display: grid;
          text-align: center; }
          .booking-auto .booking-inner .details .pera strong {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 5px; }
      .booking-auto .booking-inner .price {
        text-align: center; }

  .booking-widget .inner2 {
    padding-bottom: 100px; }
  .booking-widget .payment-heading {
    font-size: 14px; }
  .booking-widget .view-ticket {
    gap: 0px;
    display: grid;
    grid-template-columns: 100%; }
  .booking-widget .no-border {
    border: none !important; }
  .booking-widget .keep-flex {
    display: flex !important;
    justify-content: space-between; }
  .booking-widget .payment-footer {
    height: auto;
    font-size: 12px;
    display: flex; } }
.chat {
  border: 1px solid #e9e9e9;
  height: auto;
  padding: 0px;
  box-sizing: border-box; }
  .chat .comment {
    position: relative;
    bottom: 0;
    border-radius: 0;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #e9e9e9 !important; }
    .chat .comment textarea {
      text-transform: inherit;
      width: 100%;
      max-width: 100% !important;
      min-width: 100% !important;
      padding: 12px 20px;
      padding-left: 10px;
      margin: 8px 0;
      min-height: 30px;
      display: inline-block;
      background: none;
      color: #151515;
      background: #fff;
      border-radius: 10px;
      border: 1px solid #e9e9e9;
      border-right: 0;
      box-sizing: border-box;
      outline: none;
      position: relative;
      padding-right: 100px; }
    .chat .comment .send-btn {
      position: absolute;
      top: 27px;
      right: 20px;
      max-height: 40px;
      max-width: 50px; }
      .chat .comment .send-btn i {
        width: 20px;
        height: 20px;
        margin-right: 0; }
        .chat .comment .send-btn i svg {
          width: 20px;
          margin-right: 0;
          height: 20px; }

.commintwiget {
  height: auto;
  padding: 0px;
  box-sizing: border-box; }
  .commintwiget .comment {
    position: relative;
    bottom: 0;
    border-radius: 0; }
    .commintwiget .comment textarea {
      text-transform: inherit;
      width: 100%;
      padding: 12px 20px;
      padding-left: 10px;
      margin: 8px 0;
      min-height: 70px;
      display: inline-block;
      background: none;
      color: #151515;
      background: #fff;
      border-radius: 0px;
      border: none;
      border-bottom: 1px solid #e9e9e9;
      border-right: 0;
      box-sizing: border-box;
      outline: none;
      position: relative;
      padding-right: 100px; }
    .commintwiget .comment .send-btn {
      position: absolute;
      bottom: 27px;
      right: 20px;
      max-height: 40px;
      max-width: 50px; }
      .commintwiget .comment .send-btn i {
        width: 20px;
        height: 20px;
        margin-right: 0; }
        .commintwiget .comment .send-btn i svg {
          width: 20px;
          margin-right: 0;
          height: 20px; }

.meandyou {
  max-height: 400px;
  display: block;
  box-sizing: border-box;
  overflow-y: scroll;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }
  .meandyou .pera {
    font-size: 13px;
    color: #565f70;
    margin: 5px 0;
    padding: 15px;
    line-height: 18px; }
  .meandyou .name {
    width: 25px;
    height: 25px;
    background: #01a89e;
    border-radius: 50%;
    display: grid;
    justify-content: center;
    position: absolute;
    z-index: 1;
    border: 2px solid #fff;
    align-items: center;
    font-size: 12px; }
    .meandyou .name span {
      color: #fff;
      font-size: 12px; }
  .meandyou .me {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: right;
    position: relative; }
    .meandyou .me .name {
      right: 0;
      bottom: -5px; }
    .meandyou .me .pera {
      width: auto;
      border-radius: 10px 10px 0 10px;
      max-width: 80%;
      background: #fff;
      margin-right: 15px; }
  .meandyou .you {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: left;
    position: relative; }
    .meandyou .you .name {
      background: #ef4f4c;
      left: 0;
      top: -5px; }
    .meandyou .you .pera {
      width: auto;
      border-radius: 0px 10px 10px 10px;
      max-width: 80%;
      background: #e6f7f5;
      margin-left: 15px; }

.notify-list {
  max-height: 80vh;
  min-height: 80vh;
  width: 100%;
  display: grid;
  grid-template-columns: 30% 70%;
  gap: 0px; }
  .notify-list *::-webkit-scrollbar {
    width: 3px; }
  .notify-list .chat {
    height: 100%;
    position: relative; }
    .notify-list .chat .app-header {
      position: absolute;
      border-bottom: 1px solid #e9e9e9 !important;
      background: #fff;
      z-index: 2222;
      width: 100%;
      top: 0; }
      .notify-list .chat .app-header .back-btn {
        background: none;
        align-items: center;
        justify-content: center;
        border: none; }
    .notify-list .chat .meandyou {
      height: 80vh;
      max-height: 80vh;
      display: block;
      box-sizing: border-box;
      overflow-y: scroll;
      padding-top: 90px;
      padding-bottom: 120px; }
    .notify-list .chat .comment {
      position: absolute;
      z-index: 999;
      width: 100%;
      box-sizing: border-box; }
  .notify-list .profile-list {
    border: 1px solid #e9e9e9;
    display: grid;
    grid-template-columns: 100%;
    align-content: flex-start;
    max-height: 80vh;
    min-height: 100% !important;
    overflow-y: scroll; }
  .notify-list .un-read {
    width: 100%;
    position: relative; }
    .notify-list .un-read:after {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #01a89e;
      border: 3px solid #fff;
      right: 5px;
      top: 5px; }
    .notify-list .un-read .details strong {
      font-family: "Prompt", sans-serif !important;
      color: #2b2b2b;
      font-weight: 400; }
  .notify-list .read {
    width: 100%;
    position: relative; }
    .notify-list .read:after {
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: #9ba3af;
      border: 3px solid #fff;
      right: 5px;
      top: 5px; }
  .notify-list > div {
    width: 100%; }
  .notify-list .notfication {
    border: none !important;
    position: relative;
    cursor: pointer;
    width: 100%;
    align-items: center;
    background: #f5f5f5;
    justify-content: space-between;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #e9e9e9 !important;
    transition: 0.4s; }
    .notify-list .notfication .photo {
      position: relative; }
      .notify-list .notfication .photo .pic {
        border-radius: 50%;
        width: 50px;
        height: 50px; }
        .notify-list .notfication .photo .pic span {
          font-size: 18px; }
      .notify-list .notfication .photo .status {
        position: absolute;
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        border-radius: 50%;
        right: 5px;
        bottom: 5px; }
      .notify-list .notfication .photo .on {
        background: #01a89e; }
      .notify-list .notfication .photo .off {
        background: #ef4f4c; }
      .notify-list .notfication .photo .busy {
        background: #f26a26; }
    .notify-list .notfication .details {
      color: #565f70;
      font-size: 14px;
      margin-left: 20px;
      font-weight: 400; }
      .notify-list .notfication .details strong {
        font-family: "Prompt", sans-serif;
        font-size: 14px; }
      .notify-list .notfication .details span {
        color: #565f70;
        margin-top: 0px;
        font-size: 12px;
        margin-left: 5px;
        align-items: center; }
        .notify-list .notfication .details span i {
          margin-right: 5px; }
          .notify-list .notfication .details span i svg {
            fill: #9ba3af;
            width: 16px; }
      .notify-list .notfication .details .pera {
        display: flex;
        padding: 0 !important;
        margin: 0;
        color: #565f70;
        font-size: 14px;
        max-height: 22px;
        overflow: hidden; }
      .notify-list .notfication .details .timer {
        font-size: 12px;
        padding: 0;
        margin: 0;
        letter-spacing: 2px; }
    .notify-list .notfication .gallery {
      position: relative;
      float: right;
      justify-self: end; }
      .notify-list .notfication .gallery .pic {
        width: 50px;
        height: 50px;
        background: none; }
        .notify-list .notfication .gallery .pic span {
          font-size: 18px; }
      .notify-list .notfication .gallery .status {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 2px solid #fff;
        border-radius: 50%;
        right: 0;
        bottom: 0; }
      .notify-list .notfication .gallery .on {
        background: #01a89e; }
      .notify-list .notfication .gallery .off {
        background: #ef4f4c; }
      .notify-list .notfication .gallery .busy {
        background: #f26a26; }
    .notify-list .notfication:hover {
      background: #e6f7f5; }
  .notify-list .active {
    background: #e6f7f5; }

.user-reviews {
  margin-top: 5px;
  display: flex;
  padding: 10px 0;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  color: #5a5a5a; }
  .user-reviews li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px; }
    .user-reviews li a {
      align-items: center;
      gap: 10px;
      display: flex; }
    .user-reviews li i {
      margin-right: 0;
      font-size: 20px; }
  .user-reviews i {
    margin-right: 0;
    font-size: 30px; }

@media (max-width: 1025px) {
  .notify-list {
    grid-template-columns: 100%;
    min-height: auto; }
    .notify-list .tour-card {
      max-height: 50px;
      overflow: hidden; }
    .notify-list .notfication .details .pera {
      display: flex;
      padding: 0 !important;
      margin: 5px 0;
      color: #565f70;
      font-size: 12px;
      max-height: 12px; }
    .notify-list .notfication .gallery {
      margin-left: 20px; }
    .notify-list .open-chat {
      display: block;
      overflow-y: scroll !important; }

  .chat-modal-wrapper {
    position: relative; }

  .notify-list {
    padding: 0 !important;
    max-height: inherit;
    height: auto;
    position: relative; }
    .notify-list .profile-list {
      max-height: inherit;
      margin-bottom: 0px;
      border: none;
      overflow-y: inherit; }
      .notify-list .profile-list .profile {
        width: 100%; }
    .notify-list .chat {
      height: 100vh !important;
      display: none;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99999;
      height: 100%; }
      .notify-list .chat .meandyou {
        display: block;
        position: fixed;
        z-index: 1;
        height: 100vh;
        max-height: 100vh;
        bottom: 0;
        width: 100vw;
        overflow: scroll !important;
        padding-top: 150px;
        padding-bottom: 150px;
        box-sizing: border-box; }
      .notify-list .chat .comment {
        box-shadow: 0px 0px 15px #c4c4c4;
        position: fixed;
        z-index: 2;
        width: 100%;
        border-top: 1px solid #c4c4c4 !important;
        bottom: 0px;
        box-sizing: border-box;
        left: 0px; } }
@media (max-width: 767px) {
  .messages-modal {
    height: 100vh !important; }

  .chat {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    bottom: 0px;
    left: 0; }
    .chat .comment {
      position: fixed;
      width: 100%;
      z-index: 9;
      bottom: 0px;
      left: 0px;
      box-sizing: border-box; }

  .meandyou {
    padding-top: 80px;
    padding-left: 20px;
    min-height: inherit !important;
    height: 100%;
    padding-right: 20px;
    padding-bottom: 120px;
    max-height: inherit !important; }

  .operator-chat .meandyou {
    padding-top: 140px;
    padding-bottom: 180px; }
  .operator-chat .comment {
    bottom: 60px; } }
.abs {
  position: absolute !important; }

.rel {
  position: relative; }

.fixed {
  position: fixed;
  z-index: 9999; }

.t-0 {
  top: 0px !important; }

.t-5 {
  top: 5px !important; }

.t-10 {
  top: 10px !important; }

.t-15 {
  top: 15px !important; }

.t-20 {
  top: 20px !important; }

.t-25 {
  top: 25px !important; }

.t-30 {
  top: 30px !important; }

.t-35 {
  top: 35px !important; }

.t-40 {
  top: 40px !important; }

.t-45 {
  top: 45px !important; }

.t-50 {
  top: 50px !important; }

.t-55 {
  top: 55px !important; }

.t-60 {
  top: 60px !important; }

.t-65 {
  top: 65px !important; }

.t-70 {
  top: 70px !important; }

.t-75 {
  top: 75px !important; }

.t-80 {
  top: 80px !important; }

.t-85 {
  top: 85px !important; }

.t-90 {
  top: 90px !important; }

.t-95 {
  top: 95px !important; }

.t-100 {
  top: 100px !important; }

.r-0 {
  right: 0px !important; }

.r-5 {
  right: 5px !important; }

.r-10 {
  right: 10px !important; }

.r-15 {
  right: 15px !important; }

.r-20 {
  right: 20px !important; }

.r-25 {
  right: 25px !important; }

.r-30 {
  right: 30px !important; }

.r-35 {
  right: 35px !important; }

.r-40 {
  right: 40px !important; }

.r-45 {
  right: 45px !important; }

.r-50 {
  right: 50px !important; }

.r-55 {
  right: 55px !important; }

.r-60 {
  right: 60px !important; }

.r-65 {
  right: 65px !important; }

.r-70 {
  right: 70px !important; }

.r-75 {
  right: 75px !important; }

.r-80 {
  right: 80px !important; }

.r-85 {
  right: 85px !important; }

.r-90 {
  right: 90px !important; }

.r-95 {
  right: 95px !important; }

.r-100 {
  right: 100px !important; }

.b-0 {
  bottom: 0px !important; }

.b-5 {
  bottom: 5px !important; }

.b-10 {
  bottom: 10px !important; }

.b-15 {
  bottom: 15px !important; }

.b-20 {
  bottom: 20px !important; }

.b-25 {
  bottom: 25px !important; }

.b-30 {
  bottom: 30px !important; }

.b-35 {
  bottom: 35px !important; }

.b-40 {
  bottom: 40px !important; }

.b-45 {
  bottom: 45px !important; }

.b-50 {
  bottom: 50px !important; }

.b-55 {
  bottom: 55px !important; }

.b-60 {
  bottom: 60px !important; }

.b-65 {
  bottom: 65px !important; }

.b-70 {
  bottom: 70px !important; }

.b-75 {
  bottom: 75px !important; }

.b-80 {
  bottom: 80px !important; }

.b-85 {
  bottom: 85px !important; }

.b-90 {
  bottom: 90px !important; }

.b-95 {
  bottom: 95px !important; }

.b-100 {
  bottom: 100px !important; }

.l-0 {
  left: 0px !important; }

.l-5 {
  left: 5px !important; }

.l-10 {
  left: 10px !important; }

.l-15 {
  left: 15px !important; }

.l-20 {
  left: 20px !important; }

.l-25 {
  left: 25px !important; }

.l-30 {
  left: 30px !important; }

.l-35 {
  left: 35px !important; }

.l-40 {
  left: 40px !important; }

.l-45 {
  left: 45px !important; }

.l-50 {
  left: 50px !important; }

.l-55 {
  left: 55px !important; }

.l-60 {
  left: 60px !important; }

.l-65 {
  left: 65px !important; }

.l-70 {
  left: 70px !important; }

.l-75 {
  left: 75px !important; }

.l-80 {
  left: 80px !important; }

.l-85 {
  left: 85px !important; }

.l-90 {
  left: 90px !important; }

.l-95 {
  left: 95px !important; }

.l-100 {
  left: 100px !important; }

.s-t-0 {
  margin-top: 0 !important; }

.s-t-5 {
  margin-top: 5px !important; }

.s-t-10 {
  margin-top: 10px !important; }

.s-t-15 {
  margin-top: 15px !important; }

.s-t-20 {
  margin-top: 20px !important; }

.s-t-25 {
  margin-top: 25px !important; }

.s-t-30 {
  margin-top: 30px !important; }

.s-t-35 {
  margin-top: 35px !important; }

.s-t-40 {
  margin-top: 40px !important; }

.s-t-45 {
  margin-top: 45px !important; }

.s-t-50 {
  margin-top: 50px !important; }

.s-t-55 {
  margin-top: 55px !important; }

.s-t-60 {
  margin-top: 5px !important; }

.s-t-65 {
  margin-top: 65px !important; }

.s-t-70 {
  margin-top: 70px !important; }

.s-t-75 {
  margin-top: 75px !important; }

.s-t-80 {
  margin-top: 80px !important; }

.s-t-85 {
  margin-top: 85; }

.s-t-90 {
  margin-top: 90px !important; }

.s-t-95 {
  margin-top: 95px !important; }

.s-t-100 {
  margin-top: 100px !important; }

.s-r-0 {
  margin-right: 0 !important; }

.s-0 {
  margin: 0; }

.s-b-0 {
  margin-bottom: 0px !important; }

.s-b-5 {
  margin-bottom: 5px !important; }

.s-b-10 {
  margin-bottom: 10px !important; }

.s-b-15 {
  margin-bottom: 15px !important; }

.s-b-20 {
  margin-bottom: 20px !important; }

.s-b-25 {
  margin-bottom: 25px !important; }

.s-b-30 {
  margin-bottom: 30px !important; }

.s-b-35 {
  margin-bottom: 35px !important; }

.s-b-40 {
  margin-bottom: 40px !important; }

.s-b-45 {
  margin-bottom: 45px !important; }

.s-b-50 {
  margin-bottom: 50px !important; }

.s-b-55 {
  margin-bottom: 55px !important; }

.s-b-60 {
  margin-bottom: 5px !important; }

.s-b-65 {
  margin-bottom: 65px !important; }

.s-b-70 {
  margin-bottom: 70px !important; }

.s-b-75 {
  margin-bottom: 75px !important; }

.s-b-80 {
  margin-bottom: 80px !important; }

.s-b-85 {
  margin-bottom: 85; }

.s-b-90 {
  margin-bottom: 90px !important; }

.s-b-95 {
  margin-bottom: 95px !important; }

.s-b-100 {
  margin-bottom: 100px !important; }

.s-0 {
  margin: 0; }

.s-l-0 {
  margin-left: 0px !important; }

.s-l-5 {
  margin-left: 5px !important; }

.s-l-10 {
  margin-left: 10px !important; }

.s-l-15 {
  margin-left: 15px !important; }

.s-l-20 {
  margin-left: 20px !important; }

.s-l-25 {
  margin-left: 25px !important; }

.s-l-30 {
  margin-left: 30px !important; }

.s-l-35 {
  margin-left: 35px !important; }

.s-l-40 {
  margin-left: 40px !important; }

.s-l-45 {
  margin-left: 45px !important; }

.s-l-50 {
  margin-left: 50px !important; }

.s-l-55 {
  margin-left: 55px !important; }

.s-l-60 {
  margin-left: 5px !important; }

.s-l-65 {
  margin-left: 65px !important; }

.s-l-70 {
  margin-left: 70px !important; }

.s-l-75 {
  margin-left: 75px !important; }

.s-l-80 {
  margin-left: 80px !important; }

.s-l-85 {
  margin-left: 85; }

.s-l-90 {
  margin-left: 90px !important; }

.s-l-95 {
  margin-left: 95px !important; }

.s-l-100 {
  margin-left: 100px !important; }

.s-t-020 {
  margin-top: -20px !important; }

.s-t-030 {
  margin-top: -30px !important; }

.s-t-040 {
  margin-top: -40px !important; }

.s-t-045 {
  margin-top: -45px !important; }

.s-t-050 {
  margin-top: -50px !important; }

.width-5 {
  width: 5%; }

.width-10 {
  width: 10%; }

.width-15 {
  width: 15%; }

.width-20 {
  width: 20%; }

.width-25 {
  width: 24%; }

.width-30 {
  width: 30%; }

.width-35 {
  width: 35%; }

.width-40 {
  width: 40%; }

.width-45 {
  width: 45%; }

.width-50 {
  width: 50%; }

.width-55 {
  width: 55%; }

.width-60 {
  width: 60%; }

.width-65 {
  width: 65%; }

.width-70 {
  width: 70%; }

.width-75 {
  width: 75%; }

.width-80 {
  width: 85%; }

.width-85 {
  width: 85%; }

.width-90 {
  width: 90%; }

.width-95 {
  width: 95%; }

.width-100 {
  width: 100%; }

.col-1 {
  grid-template-columns: 10%; }

.col-2 {
  grid-template-columns: 20%; }

.col-3 {
  grid-template-columns: 30%; }

.col-4 {
  grid-template-columns: 40%; }

.col-5 {
  grid-template-columns: 50%; }

.col-6 {
  grid-template-columns: 60%; }

.col-7 {
  grid-template-columns: 70%; }

.col-8 {
  grid-template-columns: 80%; }

.col-9 {
  grid-template-columns: 90%; }

.col-10 {
  grid-template-columns: 100%; }

.col-10 {
  grid-template-columns: 100%; }

.grid {
  display: grid; }

.col-5-5-tile {
  grid-template-columns: 50% 50%; }

.col-6-4-tile {
  grid-template-columns: 60% 40%; }

.col-7-3-tile {
  grid-template-columns: 70% 30%; }

.col-8-2-tile {
  grid-template-columns: 80% 20%; }

.col-9-1-tile {
  grid-template-columns: 90% 10%; }

.col-4-6-tile {
  grid-template-columns: 40% 60%; }

.col-3-7-tile {
  grid-template-columns: 30% 70%; }

.col-2-8-tile {
  grid-template-columns: 20% 80%; }

.col-1-9-tile {
  grid-template-columns: 10% 90%; }

.col-5-5 {
  grid-template-columns: 49% 49%; }

.col-6-4 {
  grid-template-columns: 59% 39%; }

.col-7-3 {
  grid-template-columns: 69% 29%; }

.col-8-2 {
  grid-template-columns: 79% 19%; }

.col-9-1 {
  grid-template-columns: 89% 9%; }

.col-4-6 {
  grid-template-columns: 39% 59%; }

.col-3-7 {
  grid-template-columns: 29% 69%; }

.col-2-8 {
  grid-template-columns: 19% 79%; }

.col-1-9 {
  grid-template-columns: 9% 89%; }

.grid {
  display: grid; }

.col-3-3-3-tile {
  grid-template-columns: 33% 33% 33%; }

.col-4-3-3-tile {
  grid-template-columns: 40% 30% 30%; }

.col-3-4-3-tile {
  grid-template-columns: 30% 40% 30%; }

.col-3-3-4-tile {
  grid-template-columns: 30% 30% 40%; }

.col-2-2-6-tile {
  grid-template-columns: 20% 20% 60%; }

.col-2-6-2-tile {
  grid-template-columns: 20% 60% 20%; }

.col-6-2-2-tile {
  grid-template-columns: 60% 20% 20%; }

.col-3-3-3 {
  grid-template-columns: 32% 32% 32%; }

.col-4-3-3 {
  grid-template-columns: 39% 29% 29%; }

.col-3-4-3 {
  grid-template-columns: 29% 39% 29%; }

.col-3-3-4 {
  grid-template-columns: 29% 29% 39%; }

.col-2-2-6 {
  grid-template-columns: 19% 19% 59%; }

.col-2-6-2 {
  grid-template-columns: 19% 59% 19%; }

.col-6-2-2 {
  grid-template-columns: 59% 19% 19%; }

.col-2-2-2-2 {
  grid-template-columns: 24% 24% 24% 24%; }

.col-2-2-3-3 {
  grid-template-columns: 20% 20% 30% 30%; }

.col-3-3-2-2 {
  grid-template-columns: 30% 30% 20% 20%; }

.col-4-2-2-2 {
  grid-template-columns: 40% 20% 20% 20%; }

.col-2-4-2-2 {
  grid-template-columns: 20% 40% 20% 20%; }

.col-2-2-4-2 {
  grid-template-columns: 20% 20% 40% 20%; }

.col-2-2-2-4 {
  grid-template-columns: 20% 20% 20% 40%; }

.col-1-1-1-7 {
  grid-template-columns: 10% 10% 10% 70%; }

.col-1-1-7-1 {
  grid-template-columns: 10% 10% 70% 10%; }

.col-1-7-1-1 {
  grid-template-columns: 10% 70% 10% 10%; }

.col-7-1-1-1 {
  grid-template-columns: 70% 10% 10% 10%; }

.col-2-2-2-2-tile {
  grid-template-columns: 25% 25% 25% 25%; }

.col-2-2-3-3-tile {
  grid-template-columns: 20% 20% 30% 30%; }

.col-3-3-2-2-tile {
  grid-template-columns: 30% 30% 20% 20%; }

.col-4-2-2-2-tile {
  grid-template-columns: 40% 20% 20% 20%; }

.col-2-4-2-2-tile {
  grid-template-columns: 20% 40% 20% 20%; }

.col-2-2-4-2-tile {
  grid-template-columns: 20% 20% 40% 20%; }

.col-2-2-2-4-tile {
  grid-template-columns: 20% 20% 20% 40%; }

.col-1-1-1-7-tile {
  grid-template-columns: 10% 10% 10% 70%; }

.col-1-1-7-1-tile {
  grid-template-columns: 10% 10% 70% 10%; }

.col-1-7-1-1-tile {
  grid-template-columns: 10% 70% 10% 10%; }

.col-7-1-1-1-tile {
  grid-template-columns: 70% 10% 10% 10%; }

.c-col-1 {
  width: 10%; }

.c-col-2 {
  width: 20% !important; }

.c-col-3 {
  width: 30% !important; }

.c-col-4 {
  width: 40% !important; }

.c-col-5 {
  width: 50% !important; }

.c-col-6 {
  width: 60% !important; }

.c-col-7 {
  width: 70% !important; }

.c-col-8 {
  width: 80% !important; }

.c-col-9 {
  width: 910% !important; }

.c-col-10 {
  width: 100% !important; }

.just-center {
  justify-content: center !important; }

.just-left {
  justify-content: left !important;
  justify-content: flex-start !important; }

.just-right {
  justify-content: right !important;
  justify-content: flex-end !important; }

.center-space {
  justify-content: space-around  !important; }

.just-space {
  justify-content: space-between  !important; }

.align-center {
  align-items: center  !important; }

.align-top {
  align-content: start !important;
  align-items: start !important;
  align-content: flex-start; }

.align-btm {
  align-content: end !important; }

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

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

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

@media (max-width: 1025px) {
  .width-25 {
    width: 48%; }

  .login .flex {
    display: flex; }

  .cards .card {
    margin-bottom: 10px; }

  .modal-signup .flex {
    display: flex !important; }

  .admin-header .profile .flex {
    display: flex; }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10 {
    grid-template-columns: 100%; }

  .col-1-9, .col-2-8, .col-3-7, .col-9-1, .col-8-2, .col-7-3 {
    grid-template-columns: 49% 49%;
    justify-content: space-between; }

  .col-3-3-3,
  .col-4-3-3,
  .col-3-4-3,
  .col-3-3-4,
  .col-2-2-6,
  .col-2-6-2,
  .col-6-2-2 {
    grid-template-columns: 49% 49%; }

  .col-2-2-2-2 {
    grid-template-columns: 49% 49%; }

  .wizard-form {
    display: block; }
    .wizard-form .shadow {
      box-shadow: none; }
    .wizard-form .tab-btns {
      display: flex;
      justify-content: space-between;
      min-height: auto;
      margin: 0; }
      .wizard-form .tab-btns:after {
        content: "";
        position: absolute;
        background: #2b2b2b;
        width: 100%;
        height: 2px !important;
        z-index: -1;
        top: 25px;
        left: 0%; }
    .wizard-form .submit-form {
      border: none;
      background: none;
      padding: 0px; }

  .width-auto {
    width: auto !important; }

  .btn {
    justify-content: space-around !important; }

  .edit-profile .btn {
    justify-content: space-around !important; }
    .edit-profile .btn .submit-btn {
      padding: 10px !important;
      font-size: 14px;
      width: 100% !important; }

  .just-right {
    justify-content: space-around !important; }

  .just-left {
    justify-content: space-around !important; } }
@media (max-width: 767px) {
  .width-25 {
    width: 100%; }

  .col-3-3-3,
  .col-4-3-3,
  .col-3-4-3,
  .col-3-3-4,
  .col-2-2-6,
  .col-2-6-2,
  .col-6-2-2 {
    grid-template-columns: 100%;
    gap: 5px; }

  .col-4-6,
  .col-5-5,
  .col-7-3,
  .col-6-4 {
    grid-template-columns: 100%;
    justify-content: center; }

  .col-1-9, .col-2-8, .col-3-7, .col-9-1, .col-8-2, .col-7-3 {
    grid-template-columns: 100%;
    justify-content: space-between; }

  .col-2-2-2-2 {
    grid-template-columns: 100%; }

  .c-col-5 {
    width: 100% !important; } }
.inner {
  padding: 0;
  box-sizing: border-box; }
  .inner > div {
    background: #fff; }
    .inner > div > div {
      margin-top: 10px !important; }

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

.int {
  display: inherit !important; }

.wrap {
  flex-wrap: wrap; }

.size-3 {
  width: 30px !important; }

.color {
  background: #e9e9e9;
  color: #2b2b2b;
  border: 1px dashed #e9e9e9;
  text-align: center;
  padding: 10px 0;
  font-family: Arial, Helvetica, sans-serif; }
  .color p {
    padding: 0;
    margin: 0;
    font-size: 12px !important; }
  .color:nth-child(odd) {
    background: #f5f5f5; }

.p-0 {
  padding: 0px !important;
  box-sizing: border-box; }

.p-5 {
  padding: 5px !important;
  box-sizing: border-box; }

.p-10 {
  padding: 10px !important;
  box-sizing: border-box; }

.p-20 {
  padding: 20px !important;
  box-sizing: border-box; }

.p-30 {
  padding: 30px !important;
  box-sizing: border-box; }

.p-40 {
  padding: 40px !important;
  box-sizing: border-box; }

.p-50 {
  padding: 50px !important;
  box-sizing: border-box; }

.p-60 {
  padding: 60px !important;
  box-sizing: border-box; }

.p-70 {
  padding: 70px !important;
  box-sizing: border-box; }

.p-80 {
  padding: 80px !important;
  box-sizing: border-box; }

.p-90 {
  padding: 90px !important;
  box-sizing: border-box; }

.p-100 {
  padding: 100px !important;
  box-sizing: border-box; }

.p-t-0 {
  padding-top: 0px !important;
  box-sizing: border-box; }

.p-t-10 {
  padding-top: 10px !important;
  box-sizing: border-box; }

.p-t-20 {
  padding-top: 20px !important;
  box-sizing: border-box; }

.p-t-30 {
  padding-top: 30px !important;
  box-sizing: border-box; }

.p-t-40 {
  padding-top: 40px !important;
  box-sizing: border-box; }

.p-t-50 {
  padding-top: 50px !important;
  box-sizing: border-box; }

.p-t-60 {
  padding-top: 60px !important;
  box-sizing: border-box; }

.p-t-70 {
  padding-top: 70px !important;
  box-sizing: border-box; }

.p-t-80 {
  padding-top: 80px !important;
  box-sizing: border-box; }

.p-t-90 {
  padding-top: 90px !important;
  box-sizing: border-box; }

.p-t-100 {
  padding-top: 100px !important;
  box-sizing: border-box; }

.p-b-0 {
  padding-bottom: 0; }

.p-b-10 {
  padding-bottom: 10px !important;
  box-sizing: border-box; }

.p-b-20 {
  padding-bottom: 20px !important;
  box-sizing: border-box; }

.p-b-30 {
  padding-bottom: 30px !important;
  box-sizing: border-box; }

.p-b-40 {
  padding-bottom: 40px !important;
  box-sizing: border-box; }

.p-b-50 {
  padding-bottom: 50px !important;
  box-sizing: border-box; }

.p-b-60 {
  padding-bottom: 60px !important;
  box-sizing: border-box; }

.p-b-70 {
  padding-bottom: 70px !important;
  box-sizing: border-box; }

.p-b-80 {
  padding-bottom: 80px !important;
  box-sizing: border-box; }

.p-b-90 {
  padding-bottom: 90px !important;
  box-sizing: border-box; }

.p-b-100 {
  padding-bottom: 100px !important;
  box-sizing: border-box; }

.p-l-10 {
  padding-left: 10px !important;
  box-sizing: border-box; }

.p-l-20 {
  padding-left: 20px !important;
  box-sizing: border-box; }

.p-l-30 {
  padding-left: 30px !important;
  box-sizing: border-box; }

.p-l-40 {
  padding-left: 40px !important;
  box-sizing: border-box; }

.p-l-50 {
  padding-left: 50px !important;
  box-sizing: border-box; }

.p-l-60 {
  padding-left: 60px !important;
  box-sizing: border-box; }

.p-l-70 {
  padding-left: 70px !important;
  box-sizing: border-box; }

.p-l-80 {
  padding-left: 80px !important;
  box-sizing: border-box; }

.p-l-90 {
  padding-left: 90px !important;
  box-sizing: border-box; }

.p-l-100 {
  padding-left: 100px !important;
  box-sizing: border-box; }

.p-r-10 {
  padding-right: 10px !important;
  box-sizing: border-box; }

.p-r-20 {
  padding-right: 20px !important;
  box-sizing: border-box; }

.p-r-30 {
  padding-right: 30px !important;
  box-sizing: border-box; }

.p-r-40 {
  padding-right: 40px !important;
  box-sizing: border-box; }

.p-r-50 {
  padding-right: 50px !important;
  box-sizing: border-box; }

.p-r-60 {
  padding-right: 60px !important;
  box-sizing: border-box; }

.p-r-70 {
  padding-right: 70px !important;
  box-sizing: border-box; }

.p-r-80 {
  padding-right: 80px !important;
  box-sizing: border-box; }

.p-r-90 {
  padding-right: 90px !important;
  box-sizing: border-box; }

.p-r-100 {
  padding-right: 100px !important;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: #2b2b2b; }

.vh-10 {
  height: 100vh; }

.height-auto {
  height: auto !important; }

.center-space {
  justify-content: space-around !important; }

@media (max-width: 1025px) {
  .width-25 {
    width: 48%; }

  .login .flex {
    display: flex; }

  .cards .card {
    margin-bottom: 10px; }

  .modal-signup .flex {
    display: flex !important; }

  .admin-header .profile .flex {
    display: flex; }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10 {
    grid-template-columns: 100%; }

  .col-1-9, .col-2-8, .col-3-7, .col-9-1, .col-8-2, .col-7-3 {
    grid-template-columns: 49% 49%;
    justify-content: space-between; }

  .col-3-3-3,
  .col-4-3-3,
  .col-3-4-3,
  .col-3-3-4,
  .col-2-2-6,
  .col-2-6-2,
  .col-6-2-2 {
    grid-template-columns: 49% 49%; }

  .col-2-2-2-2 {
    grid-template-columns: 49% 49%; }

  .wizard-form {
    display: block; }
    .wizard-form .shadow {
      box-shadow: none; }
    .wizard-form .tab-btns {
      display: flex;
      justify-content: space-between;
      min-height: auto;
      margin: 0; }
      .wizard-form .tab-btns:after {
        content: "";
        position: absolute;
        background: #2b2b2b;
        width: 100%;
        height: 2px !important;
        z-index: -1;
        top: 25px;
        left: 0%; }
    .wizard-form .submit-form {
      border: none;
      background: none;
      padding: 0px; }

  .width-auto {
    width: auto !important; }

  .btn {
    justify-content: space-around !important; }

  .edit-profile .btn {
    justify-content: space-around !important; }
    .edit-profile .btn .submit-btn {
      padding: 10px !important;
      font-size: 14px;
      width: 100% !important; }

  .just-right {
    justify-content: space-around !important; }

  .just-left {
    justify-content: space-around !important; } }
@media (max-width: 767px) {
  .width-25 {
    width: 100%; }

  .col-3-3-3,
  .col-4-3-3,
  .col-3-4-3,
  .col-3-3-4,
  .col-2-2-6,
  .col-2-6-2,
  .col-6-2-2 {
    grid-template-columns: 100%;
    gap: 5px; }

  .col-4-6,
  .col-5-5,
  .col-7-3,
  .col-6-4 {
    grid-template-columns: 100%;
    justify-content: center; }

  .col-1-9, .col-2-8, .col-3-7, .col-9-1, .col-8-2, .col-7-3 {
    grid-template-columns: 100%;
    justify-content: space-between; }

  .col-2-2-2-2 {
    grid-template-columns: 100%; }

  .c-col-5 {
    width: 100% !important; } }
.featured-tage {
  width: 40px;
  padding: 10px 0;
  position: absolute;
  text-transform: uppercase;
  top: -6px;
  left: 25px;
  z-index: 99;
  text-align: center;
  font-size: 12px;
  border-top-left-radius: 3px;
  background: #29aae2;
  color: #2b2b2b; }
  .featured-tage:after, .featured-tage:before {
    content: "";
    position: absolute; }
  .featured-tage:before {
    height: 0;
    width: 0;
    right: -5.5px;
    top: 0.1px;
    border-bottom: 6px solid #29aae2;
    border-right: 6px solid transparent; }
  .featured-tage:after {
    height: 0;
    width: 0;
    bottom: -19.5px;
    left: 0;
    border-left: 20px solid #29aae2;
    border-right: 20px solid #29aae2;
    border-bottom: 20px solid transparent; }
  .featured-tage span {
    color: white;
    font-weight: bold; }

.hot-tage {
  position: absolute;
  top: -6.1px;
  right: 10px;
  text-transform: uppercase;
  z-index: 99; }
  .hot-tage:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 35px;
    right: 0px;
    border-left: 53px solid transparent;
    border-right: 53px solid transparent;
    border-top: 10px solid #F8463F; }
  .hot-tage span {
    position: relative;
    display: block;
    text-align: center;
    background: #F8463F;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    width: 90px; }
    .hot-tage span:before, .hot-tage span:after {
      position: absolute;
      content: ""; }
    .hot-tage span:before {
      height: 6px;
      width: 6px;
      left: -6px;
      top: 0;
      background: #F8463F; }
    .hot-tage span:after {
      height: 6px;
      width: 8px;
      left: -8px;
      top: 0;
      border-radius: 8px 8px 0 0;
      background: #C02031; }

.status-tages {
  width: 100% !important;
  text-align: center;
  display: flex;
  justify-content: center; }
  .status-tages span {
    display: block !important; }
  .status-tages .admin {
    border: 1px solid #e9e9e9;
    background: #f5f5f5;
    width: auto !important;
    float: right;
    text-transform: capitalize;
    border-radius: 10px;
    font-weight: bold;
    display: flex;
    font-size: 12px;
    padding: 2px 15px !important;
    fill: #fff; }
    .status-tages .admin span {
      color: #29aae2; }
  .status-tages .completed {
    border: 1px solid #e9e9e9;
    background: #f5f5f5;
    width: auto !important;
    float: right;
    text-transform: capitalize;
    border-radius: 10px;
    font-weight: bold;
    display: flex;
    font-size: 12px;
    color: #01a89e;
    padding: 2px 15px !important;
    fill: #fff; }
    .status-tages .completed span {
      color: #01a89e; }
  .status-tages .inprogress {
    border: 1px solid #e9e9e9;
    background: #f5f5f5;
    width: auto !important;
    float: right;
    text-transform: capitalize;
    border-radius: 10px;
    font-weight: bold;
    display: flex;
    font-size: 12px;
    color: #29aae2;
    padding: 2px 15px !important;
    fill: #fff; }
    .status-tages .inprogress span {
      color: #01a89e; }
  .status-tages .done {
    border: 1px solid #e9e9e9;
    background: #f5f5f5;
    width: auto !important;
    float: right;
    text-transform: capitalize;
    border-radius: 10px;
    font-weight: bold;
    display: flex;
    font-size: 12px;
    color: #7a869a;
    padding: 2px 15px !important;
    fill: #fff; }
    .status-tages .done span {
      color: #01a89e; }

.ReactTags__selected {
  display: flex;
  justify-content: left;
  align-items: center;
  background: #fff;
  border: 1px solid #e9e9e9;
  padding: 10px; }
  .ReactTags__selected .ReactTags__tag {
    background: #f5f5f5;
    padding: 10px;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between; }
    .ReactTags__selected .ReactTags__tag .ReactTags__remove {
      background: #eff5ff;
      border: 1px solid #065369;
      margin-left: 10px;
      font-size: 14px;
      color: #29aae2; }

.tooltip {
  position: relative;
  display: inline-block; }
  .tooltip .toptip-center {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    top: -35px;
    left: -69%; }
    .tooltip .toptip-center:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #f5f5f5 transparent transparent transparent; }
  .tooltip .toptip-right {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    top: -35px;
    right: 0px; }
    .tooltip .toptip-right:after {
      content: "";
      position: absolute;
      top: 100%;
      right: 20px;
      border-width: 5px;
      border-style: solid;
      border-color: #f5f5f5 transparent transparent transparent; }
  .tooltip .toptip-left {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    top: -35px;
    left: 0px; }
    .tooltip .toptip-left:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 20px;
      border-width: 5px;
      border-style: solid;
      border-color: #f5f5f5 transparent transparent transparent; }
  .tooltip .righttip {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    top: 5px;
    right: -125px; }
    .tooltip .righttip:after {
      content: "";
      position: absolute;
      top: 8px;
      left: -5px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent #f5f5f5 transparent transparent; }
  .tooltip .btmtip-center {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    bottom: -35px;
    left: -69%; }
    .tooltip .btmtip-center:after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #f5f5f5 transparent; }
  .tooltip .btmtip-left {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    bottom: -35px;
    left: 0px; }
    .tooltip .btmtip-left:after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 23px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #f5f5f5 transparent; }
  .tooltip .btmtip-right {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    bottom: -35px;
    right: 0px;
    margin-left: -60px; }
    .tooltip .btmtip-right:after {
      content: "";
      position: absolute;
      bottom: 100%;
      right: 23px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #f5f5f5 transparent; }
  .tooltip .lefttip {
    visibility: hidden;
    width: 120px;
    background: #f5f5f5;
    color: #29aae2 !important;
    text-align: center;
    font-size: 12px !important;
    text-transform: capitalize;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 999;
    top: 5px;
    left: -125px; }
    .tooltip .lefttip:after {
      content: "";
      position: absolute;
      top: 8px;
      right: -10px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #f5f5f5; }
  .tooltip:hover .toptip-center, .tooltip:hover .toptip-right, .tooltip:hover .toptip-left, .tooltip:hover .righttip, .tooltip:hover .btmtip-center, .tooltip:hover .btmtip-right, .tooltip:hover .btmtip-left, .tooltip:hover .lefttip {
    display: block;
    visibility: visible; }

.tooltip-prim {
  display: inline-block; }
  .tooltip-prim .toptip-center {
    visibility: hidden;
    width: 120px;
    background: #29aae2;
    color: #fff;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: -35px;
    left: -69%; }
    .tooltip-prim .toptip-center:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #065369 transparent transparent transparent; }
  .tooltip-prim .toptip-right {
    visibility: hidden;
    width: 120px;
    background: #29aae2;
    color: #fff;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: -35px;
    right: 0px; }
    .tooltip-prim .toptip-right:after {
      content: "";
      position: absolute;
      top: 100%;
      right: 20px;
      border-width: 5px;
      border-style: solid;
      border-color: #065369 transparent transparent transparent; }
  .tooltip-prim .toptip-left {
    visibility: hidden;
    width: 120px;
    background: #29aae2;
    color: #fff;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: -35px;
    left: 0px; }
    .tooltip-prim .toptip-left:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 20px;
      border-width: 5px;
      border-style: solid;
      border-color: #065369 transparent transparent transparent; }
  .tooltip-prim .righttip {
    visibility: hidden;
    width: 120px;
    background: #29aae2;
    color: #fff;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: -125px; }
    .tooltip-prim .righttip:after {
      content: "";
      position: absolute;
      top: 8px;
      left: -5px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent #065369 transparent transparent; }
  .tooltip-prim .btmtip-center {
    visibility: hidden;
    width: 120px;
    background: #29aae2;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    left: -69%; }
    .tooltip-prim .btmtip-center:after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #065369 transparent; }
  .tooltip-prim .btmtip-left {
    visibility: hidden;
    width: 120px;
    min-width: 100%;
    background: #29aae2;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    left: 0px; }
    .tooltip-prim .btmtip-left:after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 23px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #065369 transparent; }
  .tooltip-prim .btmtip-right {
    visibility: hidden;
    width: 100%;
    min-width: 400px !important;
    height: auto !important;
    background: rgba(255, 255, 255, 0.8);
    color: #565f70 !important;
    text-align: center;
    border-radius: 5px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    right: 0px;
    margin-left: -60px; }
    .tooltip-prim .btmtip-right:after {
      content: "";
      position: absolute;
      bottom: 100%;
      right: 23px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #065369 transparent; }
  .tooltip-prim .lefttip {
    visibility: hidden;
    width: auto !important;
    height: auto !important;
    background: #fff;
    color: #fff;
    text-align: center;
    font-size: 12px !important;
    text-transform: capitalize;
    border-radius: 6px;
    border: 1px solid #29aae2 !important;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: 35px;
    margin-right: 5rem;
    right: 0; }
    .tooltip-prim .lefttip:after {
      content: "";
      position: absolute;
      top: 8px;
      right: -10px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #29aae2; }
  .tooltip-prim:hover .toptip-center, .tooltip-prim:hover .toptip-right, .tooltip-prim:hover .toptip-left, .tooltip-prim:hover .righttip, .tooltip-prim:hover .btmtip-center, .tooltip-prim:hover .btmtip-right, .tooltip-prim:hover .btmtip-left, .tooltip-prim:hover .lefttip {
    display: block;
    visibility: visible; }

.tooltip-light {
  position: relative;
  display: inline-block; }
  .tooltip-light span {
    color: #29aae2 !important; }
  .tooltip-light .toptip-center {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: -35px;
    left: -69%; }
    .tooltip-light .toptip-center:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #065369 transparent transparent transparent; }
  .tooltip-light .toptip-right {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2 !important;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: -35px;
    right: 0px; }
    .tooltip-light .toptip-right:after {
      content: "";
      position: absolute;
      top: 100%;
      right: 20px;
      border-width: 5px;
      border-style: solid;
      border-color: #0bcec1 transparent transparent transparent; }
  .tooltip-light .toptip-left {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: -35px;
    left: 0px; }
    .tooltip-light .toptip-left:after {
      content: "";
      position: absolute;
      top: 100%;
      left: 20px;
      border-width: 5px;
      border-style: solid;
      border-color: #0bcec1 transparent transparent transparent; }
  .tooltip-light .righttip {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    font-size: 12px !important;
    text-transform: capitalize;
    text-align: center;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: -125px; }
    .tooltip-light .righttip:after {
      content: "";
      position: absolute;
      top: 8px;
      left: -5px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent #0bcec1 transparent transparent; }
  .tooltip-light .btmtip-center {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    left: -69%; }
    .tooltip-light .btmtip-center:after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #0bcec1 transparent; }
  .tooltip-light .btmtip-left {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    left: 0px; }
    .tooltip-light .btmtip-left:after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 23px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #0bcec1 transparent; }
  .tooltip-light .btmtip-right {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    text-align: center;
    border-radius: 6px;
    font-size: 12px !important;
    text-transform: capitalize;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    bottom: -35px;
    right: 0px;
    margin-left: -60px; }
    .tooltip-light .btmtip-right:after {
      content: "";
      position: absolute;
      bottom: 100%;
      right: 23px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #0bcec1 transparent; }
  .tooltip-light .lefttip {
    visibility: hidden;
    width: 120px;
    background: #0bcec1;
    color: #29aae2;
    text-align: center;
    font-size: 12px !important;
    text-transform: capitalize;
    border-radius: 6px;
    padding: 5px  !important;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: -125px; }
    .tooltip-light .lefttip:after {
      content: "";
      position: absolute;
      top: 8px;
      right: -10px;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #0bcec1; }
  .tooltip-light:hover .toptip-center, .tooltip-light:hover .toptip-right, .tooltip-light:hover .toptip-left, .tooltip-light:hover .righttip, .tooltip-light:hover .btmtip-center, .tooltip-light:hover .btmtip-right, .tooltip-light:hover .btmtip-left, .tooltip-light:hover .lefttip {
    display: block;
    visibility: visible; }

body {
  padding: 0 !important; }

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  padding-right: 0 !important;
  overflow-y: inherit !important; }

.radio-btns {
  display: flex;
  gap: 10px;
  padding: 0;
  margin: 0; }
  .radio-btns [type="radio"]:checked {
    position: absolute;
    left: -9999px; }
    .radio-btns [type="radio"]:checked + label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666; }
      .radio-btns [type="radio"]:checked + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff; }
      .radio-btns [type="radio"]:checked + label:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #01a89e;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1); }
  .radio-btns [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
    .radio-btns [type="radio"]:not(:checked) + label {
      position: relative;
      padding-left: 28px;
      cursor: pointer;
      line-height: 20px;
      display: inline-block;
      color: #666; }
      .radio-btns [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff; }
      .radio-btns [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #F87DA9;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0); }
  .radio-btns ul li {
    list-style: none; }

.login-btn {
  border: 2px solid #01a89e !important;
  padding: 0px 10px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  height: 28px;
  cursor: pointer;
  text-align: center;
  font-size: 12px !important;
  margin: 0 0px; }
  .login-btn svg {
    fill: #fff;
    width: 15px; }
  .login-btn .profile {
    padding: 5px; }
    .login-btn .profile .pic {
      width: 23px;
      height: 23px; }

.social-icons-white {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 5px; }
  .social-icons-white li {
    display: inline-block;
    margin-bottom: 4px; }
  .social-icons-white li.title {
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .social-icons-white a {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    line-height: 44px;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    display: flex;
    align-items: center;
    justify-content: center; }
    .social-icons-white a:active, .social-icons-white a:focus, .social-icons-white a:hover {
      color: #fff;
      background-color: #29aafe; }
    .social-icons-white a:hover {
      background-color: #00acee; }
      .social-icons-white a:hover i {
        color: white; }
  .social-icons-white a.facebook i {
    color: #4267B2; }
  .social-icons-white a.twitter i {
    color: #00acee; }
  .social-icons-white a.linkedin i {
    color: #0e76a8; }
  .social-icons-white a.google i {
    color: #DB4437; }
  .social-icons-white a.dribble i {
    color: #c03a6d; }
  .social-icons-white a.whatsapp i {
    color: #25D366; }
  .social-icons-white a.instagram i {
    color: #E1306c; }
  .social-icons-white a.tiktok i {
    color: black; }

.social-icons {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 5px; }
  .social-icons li {
    display: inline-block;
    margin-bottom: 4px; }
  .social-icons li.title {
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px; }
  .social-icons a {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    line-height: 44px;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    display: flex;
    align-items: center;
    justify-content: center; }
    .social-icons a i {
      font-size: 24px;
      color: #fff; }
    .social-icons a:hover {
      background-color: #fff; }
  .social-icons a.facebook:hover i {
    color: #4267B2; }
  .social-icons a.twitter:hover i {
    color: #00acee; }
  .social-icons a.linkedin:hover i {
    color: #0e76a8; }
  .social-icons a.google:hover i {
    color: #DB4437; }
  .social-icons a.dribble:hover i {
    color: #c03a6d; }
  .social-icons a.whatsapp:hover i {
    color: #25D366; }
  .social-icons a.instagram:hover i {
    color: #E1306c; }
  .social-icons a.tiktok:hover i {
    color: black; }

.social-action {
  color: #565f70;
  opacity: 0.9;
  min-height: 30px;
  transition: 0.4s;
  box-sizing: border-box;
  left: 10px;
  padding: 0;
  border-radius: 20px;
  border: 1px solid #fff;
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px; }
  .social-action i {
    color: #565f70;
    font-size: 20px; }
  .social-action:hover {
    transition: 0.4s; }
  .social-action a {
    opacity: 9;
    transition: 0.4s;
    width: 30px;
    height: 30px; }
    .social-action a i {
      font-size: 18px; }

.round-btn {
  width: 40px;
  height: 40px;
  display: grid;
  padding: 5px !important;
  border: none;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer; }
  .round-btn > div {
    height: 18px;
    width: 100%; }
  .round-btn svg {
    margin: 0;
    width: 18px;
    height: 18px; }
  .round-btn:hover {
    background: #2b2b2b;
    color: #fff; }
    .round-btn:hover > div svg {
      fill: #fff; }

.btns {
  display: flex;
  justify-content: space-around;
  width: 100%;
  gap: 5px; }

.btn-fav {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 3;
  justify-content: flex-end; }

.prim-btn {
  border: 1px solid #e9e9e9;
  background: #e9e9e9;
  display: flex;
  fill: #2b2b2b; }
  .prim-btn span {
    color: #2b2b2b; }
  .prim-btn:hover {
    background: #2b2b2b;
    fill: #fff;
    color: #fff; }
    .prim-btn:hover svg {
      fill: #fff; }
    .prim-btn:hover span {
      color: #fff; }

.sec-btn {
  border: 1px solid #e9e9e9;
  background: #e9e9e9;
  display: flex;
  fill: #2b2b2b; }
  .sec-btn span {
    color: #2b2b2b; }
  .sec-btn:hover {
    background: #2b2b2b;
    fill: #fff;
    color: #fff; }
    .sec-btn:hover svg {
      fill: #fff; }
    .sec-btn:hover span {
      color: #fff; }

.ter-btn {
  background: #e9e9e9;
  margin: 0 0px;
  padding: 10px;
  display: flex;
  align-items: center;
  border: none;
  fill: #2b2b2b;
  font-size: 14px;
  gap: 10px; }
  .ter-btn i {
    color: #fff;
    font-size: 18px; }
  .ter-btn span {
    color: #2b2b2b; }
  .ter-btn:hover {
    fill: #29aae2;
    color: #fff !important; }
    .ter-btn:hover span {
      color: #fff; }

.normal-btn {
  background: #01a89e; }
  .normal-btn i {
    color: #fff; }

.btn {
  border-radius: 5px;
  margin: 0; }

.btns-fixed {
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 999;
  background-color: #fff;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  width: 100% !important;
  right: 0; }

.inner-btn {
  background: none;
  align-items: center;
  border: none;
  transition: 0.4s;
  padding: 10px;
  box-sizing: border-box;
  gap: 10px;
  cursor: pointer !important;
  z-index: 99;
  display: flex;
  justify-content: center;
  fill: #2b2b2b;
  gap: 10px; }
  .inner-btn i {
    width: 15px;
    height: 15px; }
    .inner-btn i svg {
      width: 100%; }
  .inner-btn span {
    font-size: 12px;
    transition: 0.4s; }

.box {
  box-sizing: border-box; }

.ter-btn {
  background: #01a89e;
  display: flex;
  padding: 10px 20px !important;
  fill: #2b2b2b;
  color: #fff; }
  .ter-btn span {
    color: #fff; }
  .ter-btn:hover {
    fill: #29aae2;
    color: #29aae2; }
    .ter-btn:hover span {
      color: #29aae2; }

.back-btn {
  width: 30px;
  height: 30px;
  display: grid;
  padding: 5px 5px 5px 0 !important;
  grid-template-columns: auto;
  justify-content: center;
  align-items: center;
  border-radius: 0%; }
  .back-btn > div {
    height: 18px;
    width: 100%; }
  .back-btn svg {
    margin: 0;
    width: 18px;
    height: 18px; }

.social-btn {
  border: none;
  border-radius: none;
  cursor: pointer;
  text-transform: capitalize;
  display: flex;
  font-size: 12px !important;
  padding: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  fill: #fff; }
  .social-btn img {
    width: 100%; }
  .social-btn i {
    color: #fff;
    font-size: 22px; }

.insta-btn {
  background: #8533b0 !important; }

.twiter-btn {
  background: #01a89e; }

#toggle-btn {
  color: #2b2b2b;
  display: flex;
  align-items: center;
  font-size: 12px;
  /*------ ADDED CSS ---------*/ }
  #toggle-btn .switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 25px; }
  #toggle-btn .switch input {
    display: none; }
  #toggle-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2b2b2b;
    border: 1px solid #2b2b2b;
    border-radius: 34px; }
  #toggle-btn .slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    top: 0px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    border-radius: 50%; }
  #toggle-btn input:checked + .slider {
    background-color: #0bcec1;
    border: 1px solid #01a89e; }
  #toggle-btn input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  #toggle-btn input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(55px); }
  #toggle-btn .slider:after {
    content: 'User';
    color: #fff;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    right: 0;
    font-size: 10px;
    font-family: Verdana, sans-serif; }
  #toggle-btn input:checked + .slider:after {
    content: 'EMPL';
    color: #2b2b2b;
    left: 50%; }

.ac-btn {
  background: #e9e9e9;
  padding: 10px 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .ac-btn .heading {
    padding: 0;
    margin: 0; }
  .ac-btn svg {
    width: 20px;
    margin-right: 20px;
    fill: #2b2b2b; }

.add-btn {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  background: #2b2b2b;
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: grid;
  grid-template-columns: 60%;
  align-items: center;
  justify-content: center; }
  .add-btn:hover {
    background: #5a5a5a; }
  .add-btn svg {
    fill: #fff; }

.submit-btn {
  background: #01a89e !important;
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center !important;
  align-items: center;
  padding: 15px;
  margin-top: 20px 0;
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px;
  width: 100%;
  max-width: 200px;
  text-transform: capitalize;
  gap: 10px;
  box-sizing: border-box;
  transition: 0.4s;
  max-height: 50px; }
  .submit-btn i {
    color: #fff;
    font-size: 18px;
    margin-right: 0 !important;
    margin-right: 10px;
    display: flex;
    align-items: center;
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg); }
    .submit-btn i svg {
      margin-right: 0 !important;
      width: 20px;
      height: 20px;
      fill: white !important; }
  .submit-btn:hover {
    background: #0bcec1 !important; }
  .submit-btn:nth-child(even) {
    background: #29aae2 !important; }

.red-btn {
  background: #ef4f4c !important; }
  .red-btn:nth-child(even) {
    background: #ef4f4c !important; }

.submit-lg {
  max-width: 300px; }

.btn-fin {
  background: none !important;
  color: #2b2b2b;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  margin-top: 20px 0;
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px;
  width: 98%;
  box-sizing: border-box;
  transition: 0.4s; }
  .btn-fin i {
    font-size: 14px; }
    .btn-fin i svg {
      width: 100%;
      margin-right: 10px;
      height: 20px;
      fill: #2b2b2b;
      stroke: #2b2b2b; }
  .btn-fin:hover {
    color: #01a89e;
    background: none !important; }
    .btn-fin:hover i {
      font-size: 14px; }
      .btn-fin:hover i svg {
        width: 100%;
        margin-right: 10px;
        height: 20px;
        fill: #01a89e;
        stroke: #01a89e; }

.btn-link {
  text-transform: uppercase;
  border: 1px solid #e9e9e9;
  padding: 10px; }
  .btn-link i {
    margin-right: 20px; }

.edit-btn {
  background: none;
  border: none;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer; }
  .edit-btn i {
    color: #fff; }
  .edit-btn svg {
    width: 20px;
    height: 20px;
    fill: #fff; }

.edit-btn-fin {
  background: none;
  border: none;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer; }
  .edit-btn-fin svg {
    width: 20px;
    height: 20px;
    fill: #2b2b2b; }

.support-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  bottom: 100px;
  right: 20px;
  box-sizing: border-box;
  border: 5px solid transparent;
  padding: 0px;
  transition: 0.4s; }
  .support-icon:hover {
    border: 5px solid #c4c4c4; }
  .support-icon svg {
    width: 50px;
    height: 50px; }

.switch-btn {
  display: flex;
  border: none;
  background: none;
  justify-content: start; }
  .switch-btn .pera {
    text-transform: capitalize !important; }
  .switch-btn p {
    margin: 0; }
  .switch-btn .switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px; }
    .switch-btn .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
  .switch-btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    border-radius: 5px;
    -webkit-transition: .4s;
    transition: .4s; }
    .switch-btn .slider:before {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: 3px;
      bottom: 3px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
  .switch-btn input:checked + .slider {
    background-color: #01a89e; }
    .switch-btn input:checked + .slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px); }
  .switch-btn input:focus + .slider {
    box-shadow: 0 0 1px #0bcec1; }

.custom-tage {
  width: 200px;
  justify-self: flex-end;
  color: #fff;
  text-align: center;
  height: 40px;
  position: relative;
  text-transform: uppercase;
  background: #2b2b2b;
  display: flex;
  align-items: center;
  justify-content: center; }
  .custom-tage:before {
    content: "";
    position: absolute;
    left: -20px;
    transform: rotate(180deg);
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #2b2b2b;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent; }

.have-custom-tage {
  background: #01a89e; }
  .have-custom-tage:before {
    border-left: 20px solid #01a89e; }

.want-custom-tage {
  background: #f26a26; }
  .want-custom-tage:before {
    border-left: 20px solid #f26a26; }

.want-client input:checked + .slider {
  background-color: #f26a26; }
.want-client input:focus + .slider {
  box-shadow: 0 0 1px #ea9063; }

#langaguePicker {
  color: #2b2b2b;
  display: flex;
  align-items: center;
  font-size: 12px;
  width: 60px;
  /*------ ADDED CSS ---------*/ }
  #langaguePicker .switch {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 28px; }
  #langaguePicker .switch input {
    display: none; }
  #langaguePicker .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #01a89e;
    border: 2px solid #01a89e !important;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px; }
  #langaguePicker .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    top: 1px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%; }
  #langaguePicker input:checked + .slider {
    background-color: #0bcec1; }
  #langaguePicker input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  #langaguePicker input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(55px);
    left: -24px; }
  #langaguePicker .slider:after {
    content: 'UR';
    color: #fff;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    text-align: right;
    right: 0;
    font-size: 10px;
    font-family: Verdana, sans-serif; }
  #langaguePicker input:checked + .slider:after {
    content: 'EN';
    color: #fff;
    text-align: left;
    left: 45%; }

.edit-options {
  position: absolute;
  display: grid;
  gap: 5px;
  justify-content: right;
  z-index: 1;
  right: 5px;
  top: 5px; }
  .edit-options .btn {
    border-radius: 20px;
    border: 2px solid #fff;
    padding: 5px 10px;
    cursor: pointer;
    transition: 0.4s; }
    .edit-options .btn a {
      display: flex;
      gap: 10px;
      justify-content: left;
      align-items: center;
      color: #fff; }
    .edit-options .btn span {
      font-size: 12px; }
    .edit-options .btn i {
      font-size: 16px;
      color: #fff; }
    .edit-options .btn span {
      color: #fff; }
    .edit-options .btn:hover {
      opacity: 10; }
  .edit-options .btn.edit-btn {
    background: rgba(1, 168, 158, 0.7); }
  .edit-options .btn.view-btn {
    background: rgba(242, 106, 38, 0.7); }
  .edit-options .btn.booking-btn {
    background: rgba(41, 170, 226, 0.7); }
  .edit-options .btn.delete-btn {
    background: rgba(239, 79, 76, 0.7); }

.fav-btn {
  cursor: pointer;
  width: 50px;
  background: none;
  border: none;
  height: 50px;
  padding: 2px;
  border-radius: 50%;
  display: grid;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.4s; }
  .fav-btn i {
    text-shadow: 0px 0px 2px #ef4f4c;
    color: #f5f5f5;
    font-size: 30px !important;
    transition: 0.4s; }
  .fav-btn:hover i {
    color: #ef4f4c; }

.show-password {
  cursor: pointer;
  z-index: 99999;
  border: none;
  background: none;
  justify-content: start;
  position: absolute;
  right: 25px;
  top: 15px; }
  .show-password .switch {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto; }
    .show-password .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
  .show-password .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    outline: none;
    border: none;
    right: 0;
    bottom: 0;
    background-color: none;
    border-radius: 5px;
    -webkit-transition: .4s;
    transition: .4s; }
    .show-password .slider:before {
      position: absolute;
      content: "\e9a4";
      color: #9ba3af;
      font-family: 'icomoon';
      transition: 0.4s; }
    .show-password .slider:hover:before {
      color: #01a89e; }
  .show-password input:checked + .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: none;
    border-radius: 5px;
    -webkit-transition: .4s;
    transition: .4s; }
    .show-password input:checked + .slider:before {
      content: "\e963"; }
  .show-password input:focus + .slider {
    box-shadow: 0 0 1px #0bcec1; }

.alert-btn {
  background: #ef4f4c; }
  .alert-btn i {
    color: #fff; }

.alert {
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  display: grid;
  align-items: center;
  justify-content: center;
  right: -6px;
  top: -6px; }

.number {
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  background: #ef4f4c; }

.cl-custom-check {
  display: none; }
  .cl-custom-check + .cl-custom-check-label {
    /* Unchecked style  */
    background-color: #fff;
    color: #565f70;
    padding: 5px 10px;
    font-family: sans-serif;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    user-select: none;
    border-radius: 4px;
    display: inline-block;
    margin: 0 10px 10px 0;
    backface-visibility: hidden;
    transition: all 0.6s ease; }
  .cl-custom-check:checked + .cl-custom-check-label {
    /* Checked style  */
    background-color: #01a89e;
    color: #fff;
    backface-visibility: hidden; }

.check-box-btn input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer; }
.check-box-btn label {
  position: relative;
  cursor: pointer; }
.check-box-btn label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px; }
.check-box-btn input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

.swal2-confirm {
  background-color: #01a89e !important; }

@media (max-width: 1025px) {
  .custom-tage::before {
    display: none !important; } }
@media (max-width: 369px) {
  .login-btn span {
    font-size: 12px; }
  .login-btn i {
    font-size: 15px; } }
@media (max-width: 1025px) {
  .submit-btn {
    width: 100% !important; } }
@media (max-width: 767px) {
  .radio-btns {
    display: inherit; }

  .submit-lg {
    width: 100% !important;
    max-width: 100% !important; }

  .modal-tripplaner .animated-form textarea.input-control {
    padding-top: 30px; } }
/* multiselect list of selected options */
.input-wrapper {
  border-radius: 4px; }

.combo-input {
  background-color: #f5f5f5;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  display: block;
  font-size: 1em;
  min-height: calc(1.4em + 26px);
  padding: 12px 16px 14px;
  text-align: left;
  width: 100%; }
  .combo-input:focus {
    border-color: #0067b8;
    box-shadow: 0 0 4px 2px #0067b8;
    outline: 5px solid transparent; }

select.combo-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.open .combo-input {
  border-radius: 4px 4px 0 0; }
.open .combo-menu {
  display: block; }

.combo-label {
  display: block;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 0.25em; }

.combo-menu {
  background-color: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.42);
  border-radius: 0 0 4px 4px;
  display: none;
  max-height: 300px;
  overflow-y: scroll;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100; }

.combo-option {
  padding: 10px 12px 12px; }
  .combo-option:hover {
    background-color: rgba(0, 0, 0, 0.1); }

.combo-option.option-current {
  background-color: rgba(0, 0, 0, 0.1); }

.combo-option.option-selected {
  padding-right: 30px;
  position: relative; }
  .combo-option.option-selected::after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    content: '';
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
    width: 8px; }

.selected-options {
  list-style-type: none;
  margin: 0;
  max-width: 400px;
  padding: 0; }
  .selected-options li {
    display: inline-block;
    margin-bottom: 5px; }

.remove-option {
  background-color: #6200ee;
  border: 1px solid #6200ee;
  border-radius: 3px;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 0.25em 1.75em 0.25em 0.25em;
  position: relative; }
  .remove-option:focus {
    border-color: #baa1dd;
    box-shadow: 0 0 3px 1px #6200ee;
    outline: 3px solid transparent; }
  .remove-option::before {
    border-right: 2px solid #fff;
    content: "";
    height: 1em;
    right: 0.75em;
    position: absolute;
    top: 50%;
    width: 0;
    transform: translate(0, -50%) rotate(45deg); }
  .remove-option::after {
    border-right: 2px solid #fff;
    content: "";
    height: 1em;
    right: 0.75em;
    position: absolute;
    top: 50%;
    width: 0;
    transform: translate(0, -50%) rotate(-45deg); }

.multiselect-inline {
  align-items: center;
  background-color: #f5f5f5;
  border: 2px solid rgba(0, 0, 0, 0.42);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  min-height: calc(1.4em + 26px);
  padding: 12px 16px 14px; }
  .multiselect-inline .selected-options {
    flex: 0 1 auto; }
    .multiselect-inline .selected-options li {
      margin-bottom: 0; }
  .multiselect-inline .combo-input {
    border: none;
    flex: 1 1 35%;
    min-height: calc(1.4em - 2px);
    padding: 0; }
    .multiselect-inline .combo-input:focus {
      box-shadow: none;
      outline: none; }
  .multiselect-inline:focus-within {
    box-shadow: 0 0 3px 2px #0067b8;
    outline: 5px solid transparent; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-content: center;
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999; }
  .overlay .custom-table {
    width: 100%; }
    .overlay .custom-table thead th {
      padding: 10px 0 !important;
      text-align: center; }

.modal-content {
  border: none !important; }

.modal-backdrop {
  opacity: 0 !important; }

.select2-container {
  z-index: 99999999; }

.scrolable {
  max-height: 100%;
  padding-bottom: 20px !important;
  padding: 0 10px;
  box-sizing: border-box;
  overflow-y: scroll; }

.fixed-div {
  height: 133px;
  width: 100%;
  grid-template-columns: 100%;
  display: grid;
  justify-content: center;
  align-items: center; }

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 500px;
  padding: 20px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
  z-index: 10; }
  .popup .logo-md {
    width: 115px; }
  .popup .close {
    position: absolute;
    top: -8px;
    right: 0px;
    z-index: 999;
    padding: 10px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    fill: #2b2b2b;
    font-size: 30px;
    border-radius: 50%;
    font-weight: bold;
    border: 1px solid #e9e9e9;
    text-decoration: none; }
    .popup .close:hover {
      fill: #29aae2;
      background: #fff;
      border: 1px solid #29aae2; }
    .popup .close > div {
      width: 15px;
      height: 15px; }
    .popup .close svg {
      float: left;
      width: 15px;
      height: 15px;
      margin-left: 0;
      margin-bottom: 0; }

.popup-lg {
  max-width: 750px; }

.popup-xl {
  max-width: 1024px; }

.modal-header {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 0px;
  border: none !important;
  padding: 10px 0 10px 0; }
  .modal-header .second-heading {
    color: #2b2b2b;
    width: 100%;
    justify-content: left;
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-header .second-heading svg {
      margin-right: 10px;
      fill: #2b2b2b;
      width: 20px; }
    .modal-header .second-heading span {
      color: #0bcec1; }
  .modal-header svg {
    width: 20px; }
  .modal-header .btns {
    margin-right: 20px;
    position: absolute; }
    .modal-header .btns .btn {
      width: 40px;
      height: 40px;
      display: grid;
      padding: 5px !important;
      grid-template-columns: auto;
      justify-content: center;
      align-items: center;
      border-radius: 50%; }
      .modal-header .btns .btn > div {
        height: 18px;
        width: 100%; }
      .modal-header .btns .btn svg {
        margin: 0;
        width: 18px;
        height: 18px; }

.drop-details {
  display: none;
  width: auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,f2f2f2+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 1%, #f2f2f2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%, #f2f2f2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 1%, #f2f2f2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
  /* IE6-9 */
  width: 200px;
  position: absolute;
  top: 50px;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  right: 0px;
  z-index: 9999; }
  .drop-details .profile {
    display: none; }
  .drop-details ul {
    padding: 0;
    margin: 0;
    display: grid !important;
    grid-template-columns: 100%; }
    .drop-details ul a {
      margin: 0;
      padding: 0;
      font-size: 12px;
      color: #5a5a5a;
      display: flex;
      padding: 10px;
      border-bottom: 1px solid #e9e9e9; }
      .drop-details ul a:last-child {
        border-bottom: none; }
      .drop-details ul a i {
        border-right: 1px solid #e9e9e9;
        color: #565f70;
        padding-right: 5px; }
        .drop-details ul a i svg {
          width: 15px;
          padding-right: 10px;
          fill: #5a5a5a;
          height: 15px; }
      .drop-details ul a:hover {
        color: #01a89e; }
        .drop-details ul a:hover svg {
          fill: #01a89e; }

.image-modal {
  /* The Modal (background) */
  /* Modal Content (image) */
  /* Caption of Modal Image */
  /* Add Animation */
  /* The Close Button */ }
  .image-modal .modal-target {
    width: 300px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s; }
    .image-modal .modal-target:hover {
      opacity: 0.7; }
  .image-modal .modal {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    background: none;
    left: 0;
    top: 0; }
    .image-modal .modal .modal-overlay {
      width: 100%;
      float: left;
      height: 100%;
      z-index: 0;
      background: rgba(0, 0, 0, 0.8); }
  .image-modal .modal-content {
    margin: auto;
    display: block;
    position: absolute;
    width: 100%;
    display: grid;
    z-index: 9999;
    grid-template-columns: auto;
    justify-content: center;
    align-items: center;
    height: 100vh;
    opacity: 1 !important;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s; }
    .image-modal .modal-content img {
      height: 80vh; }
  .image-modal .modal-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1200px;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 1em;
    margin-top: 32px;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s; }
  .image-modal .modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #f1f1f1;
    font-size: 80px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 9; }
    .image-modal .modal-close:hover {
      color: #bbb;
      text-decoration: none;
      cursor: pointer; }
    .image-modal .modal-close:focus {
      color: #bbb;
      text-decoration: none;
      cursor: pointer; }

@media (max-width: 767px) {
  .popup {
    max-width: 300px; }
    .popup .heading {
      font-size: 13px !important;
      padding-right: 60px;
      box-sizing: border-box; }

  .scrolable {
    max-width: 100vw;
    width: 100vw;
    border-radius: 0;
    padding-bottom: 100px !important;
    padding-top: 70px;
    box-sizing: border-box;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: scroll; }

  .image-modal .modal-content img {
    height: auto;
    width: 90vw; } }
.accordion {
  animation: fadein 0.35s ease-in;
  border: none !important; }
  .accordion .accordion__item {
    margin-bottom: 5px; }
  .accordion .accordion__button {
    cursor: pointer;
    text-decoration: none;
    color: #2b2b2b;
    box-sizing: border-box;
    margin-left: 0;
    padding: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    width: 100%;
    border-radius: 5px;
    background: #e9e9e9;
    list-style: none;
    position: relative; }
    .accordion .accordion__button span {
      color: #5a5a5a; }
    .accordion .accordion__button svg {
      width: 20px;
      margin-right: 0.5vw;
      fill: #2b2b2b; }
    .accordion .accordion__button i {
      margin-right: 10px; }
    .accordion .accordion__button:hover {
      color: #2b2b2b;
      background: #e9e9e9; }
    .accordion .accordion__button svg {
      width: 20px;
      display: flex; }
    .accordion .accordion__button:before {
      display: inline-block;
      content: '';
      height: 10px;
      width: 10px;
      position: absolute;
      top: 40%;
      right: 0px;
      margin-right: 12px;
      border-bottom: 2px solid currentColor;
      border-right: 2px solid currentColor;
      transform: rotate(-45deg); }
  .accordion .accordion__button[aria-expanded='true']::before {
    transform: rotate(45deg); }
  .accordion .accordion__button[aria-selected='true']::before {
    transform: rotate(45deg); }
  .accordion [hidden] {
    display: none; }
  .accordion .accordion__panel {
    padding: 20px;
    animation: fadein 0.35s ease-in; }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.simple-tabs {
  border: 1px solid #e9e9e9;
  border-top: none; }
  .simple-tabs .tab-btns {
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9; }
    .simple-tabs .tab-btns .tab-btn {
      width: 100%;
      border-radius: 0;
      padding: 15px 0;
      border-left: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9;
      background-color: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px; }
      .simple-tabs .tab-btns .tab-btn p {
        margin: 0; }
    .simple-tabs .tab-btns .active {
      border-left: 1px solid #e9e9e9 !important;
      border-bottom: 1px solid #fff !important;
      background-color: #fff; }
      .simple-tabs .tab-btns .active:first-child {
        border-left: none !important; }
  .simple-tabs .tab_pannels {
    margin-top: 20px;
    padding: 10px !important; }

.custom-tabs {
  width: 100%;
  height: auto; }
  .custom-tabs .tab-btns {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 0;
    margin-top: 0;
    z-index: 10 !important; }
    .custom-tabs .tab-btns .btn {
      width: 100%;
      padding: 10px 10px !important;
      border-top: 3px solid #e9e9e9;
      background: none;
      box-sizing: border-box;
      transition: 0.4s;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 0;
      cursor: pointer; }
      .custom-tabs .tab-btns .btn span {
        color: #9ba3af; }
      .custom-tabs .tab-btns .btn i {
        display: grid;
        justify-content: center;
        margin-right: 10px; }
        .custom-tabs .tab-btns .btn i svg {
          fill: #9ba3af;
          width: 20px; }
      .custom-tabs .tab-btns .btn:first-child {
        border-left: 1px solid #e9e9e9; }
      .custom-tabs .tab-btns .btn:last-child {
        border-right: 1px solid #e9e9e9; }
    .custom-tabs .tab-btns .react-tabs__tabtab-btn {
      background: #fff;
      fill: #9ba3af;
      border-color: #01a89e; }
      .custom-tabs .tab-btns .react-tabs__tabtab-btn span {
        color: #01a89e; }
      .custom-tabs .tab-btns .react-tabs__tabtab-btn i svg {
        fill: #01a89e; }
  .custom-tabs .data-grid {
    width: 100%; }
  .custom-tabs .tab-panel {
    background: #fff; }
  .custom-tabs .custom-table {
    margin-top: 0; }

.fill-tabs {
  width: 100%;
  height: auto; }
  .fill-tabs .tab-btns .btn {
    border-bottom: 3px solid #01a89e;
    border-top: 3px solid #e9e9e9;
    background: #e9e9e9; }
    .fill-tabs .tab-btns .btn span {
      color: #7a869a; }
    .fill-tabs .tab-btns .btn p {
      color: #7a869a;
      margin: 0;
      padding: 0; }
    .fill-tabs .tab-btns .btn i svg {
      fill: #7a869a; }
  .fill-tabs .tab-btns .active {
    background: #fff;
    border-bottom: 3px solid #fff;
    border-top: 3px solid #01a89e;
    border-left: none !important;
    border-right: none !important; }
    .fill-tabs .tab-btns .active span {
      color: #01a89e; }
    .fill-tabs .tab-btns .active i svg {
      fill: #01a89e; }
  .fill-tabs .tab-btns .react-tabs__tab--selected {
    background: #fff;
    border-bottom: 3px solid #fff;
    border-top: 3px solid #01a89e; }
    .fill-tabs .tab-btns .react-tabs__tab--selected span {
      color: #01a89e; }
    .fill-tabs .tab-btns .react-tabs__tab--selected i svg {
      fill: #01a89e; }
  .fill-tabs .data-grid {
    width: 100%; }
  .fill-tabs .tab-panel {
    background: #fff; }
    .fill-tabs .tab-panel .heading {
      justify-content: flex-start; }
  .fill-tabs .custom-table {
    margin-top: 0; }

.tage-tabs {
  width: 100%;
  height: auto; }
  .tage-tabs .tab-btns {
    gap: 1px;
    display: flex;
    justify-content: right; }
    .tage-tabs .tab-btns .btn {
      border-bottom: none;
      border-top: none;
      background: #e9e9e9;
      border-radius: 0px !important;
      width: auto;
      position: relative; }
      .tage-tabs .tab-btns .btn:after {
        content: "";
        position: absolute;
        display: none;
        top: 100% !important;
        left: 50%;
        margin-left: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #01a89e transparent transparent transparent; }
      .tage-tabs .tab-btns .btn span {
        color: #7a869a; }
      .tage-tabs .tab-btns .btn p {
        color: #7a869a;
        margin: 0;
        padding: 0; }
      .tage-tabs .tab-btns .btn i svg {
        fill: #7a869a; }
      .tage-tabs .tab-btns .btn:last-child {
        border-right: none !important;
        border-radius: 0 5px 5px 0 !important; }
      .tage-tabs .tab-btns .btn:first-child {
        border-left: none !important;
        border-radius: 5px 0px 0 5px !important; }
    .tage-tabs .tab-btns .active {
      background: #01a89e;
      border-top: none;
      border-left: none !important;
      border-right: none !important; }
      .tage-tabs .tab-btns .active:after {
        display: block;
        z-index: 999; }
      .tage-tabs .tab-btns .active p {
        font-weight: "Prompt", sans-serif;
        color: #fff; }
      .tage-tabs .tab-btns .active span {
        color: #01a89e;
        font-weight: "Prompt", sans-serif; }
      .tage-tabs .tab-btns .active i {
        color: #fff; }
        .tage-tabs .tab-btns .active i svg {
          fill: #01a89e; }
    .tage-tabs .tab-btns .react-tabs__tab--selected {
      background: #fff;
      border-bottom: 3px solid #fff;
      border-top: 3px solid #01a89e; }
      .tage-tabs .tab-btns .react-tabs__tab--selected span {
        color: #01a89e; }
      .tage-tabs .tab-btns .react-tabs__tab--selected i svg {
        fill: #01a89e; }
  .tage-tabs .data-grid {
    width: 100%; }
  .tage-tabs .tab-panel {
    background: #fff; }
    .tage-tabs .tab-panel .heading {
      justify-content: flex-start; }
  .tage-tabs .custom-table {
    margin-top: 0; }

.tabs-subheader {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.icons-tabs {
  width: 100%;
  height: auto; }
  .icons-tabs *::-webkit-scrollbar {
    width: 12px;
    display: none !important; }
  .icons-tabs *::-webkit-scrollbar-thumb {
    background-color: #01a89e;
    border-radius: 20px;
    display: none !important; }
  .icons-tabs .tab-btns {
    gap: 1px;
    display: flex;
    width: 100%;
    overflow-y: scroll;
    margin: 0 auto;
    justify-content: center !important;
    gap: 50px;
    padding-bottom: 10px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9; }
    .icons-tabs .tab-btns .btn {
      border: none !important;
      display: grid;
      justify-content: center;
      gap: 10px;
      background: none;
      border-radius: 0px !important;
      width: auto;
      position: relative;
      text-align: center;
      min-width: 100px; }
      .icons-tabs .tab-btns .btn span {
        color: #7a869a; }
      .icons-tabs .tab-btns .btn .name {
        color: #565f70;
        margin: 0;
        text-transform: capitalize;
        text-align: center;
        display: grid;
        grid-template-columns: 100%;
        padding: 0;
        font-size: 16px;
        display: grid; }
        .icons-tabs .tab-btns .btn .name span {
          color: #7a869a;
          font-size: 14px;
          clear: both; }
      .icons-tabs .tab-btns .btn .icon {
        border: 3px solid #01a89e;
        background-color: #fff;
        position: relative;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 50px;
        z-index: 1; }
        .icons-tabs .tab-btns .btn .icon:before {
          content: "";
          position: absolute;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.5);
          width: 100%;
          height: 100%;
          transition: 0.4s;
          border: 0px solid rgba(1, 168, 158, 0.5);
          z-index: 0; }
        .icons-tabs .tab-btns .btn .icon i {
          margin: 0 !important;
          z-index: 1;
          font-size: 30px; }
      .icons-tabs .tab-btns .btn:hover .icon:before {
        border: 10px solid rgba(1, 168, 158, 0.5); }
    .icons-tabs .tab-btns .active .icon:before {
      background: #01a89e;
      border: 10px solid rgba(11, 206, 193, 0.5); }
    .icons-tabs .tab-btns .active .icon i {
      color: #fff; }
    .icons-tabs .tab-btns .active:hover .icon:before {
      background: #01a89e;
      border: 10px solid rgba(11, 206, 193, 0.5); }
    .icons-tabs .tab-btns .active:hover .icon i {
      color: #fff; }
    .icons-tabs .tab-btns .disabled .icon:before {
      background: #9ba3af;
      border: 10px solid rgba(245, 245, 245, 0.5); }
    .icons-tabs .tab-btns .disabled .icon i {
      color: #fff; }
    .icons-tabs .tab-btns .disabled:hover .icon:before {
      background: #9ba3af;
      border: 10px solid rgba(245, 245, 245, 0.5); }
    .icons-tabs .tab-btns .disabled:hover .icon i {
      color: #fff; }
    .icons-tabs .tab-btns .react-tabs__tab--selected {
      background: #fff;
      border-bottom: 3px solid #fff;
      border-top: 3px solid #01a89e; }
      .icons-tabs .tab-btns .react-tabs__tab--selected span {
        color: #01a89e; }
      .icons-tabs .tab-btns .react-tabs__tab--selected i svg {
        fill: #01a89e; }
  .icons-tabs .flate-btns {
    background-color: #eefffe;
    border: none;
    box-shadow: none; }
    .icons-tabs .flate-btns .btn {
      display: flex; }
      .icons-tabs .flate-btns .btn .name {
        font-size: 14px; }
        .icons-tabs .flate-btns .btn .name span {
          color: #7a869a;
          font-size: 14px;
          clear: both; }
      .icons-tabs .flate-btns .btn .icon {
        width: 40px;
        height: 40px; }
        .icons-tabs .flate-btns .btn .icon i {
          margin: 0 !important;
          z-index: 1;
          font-size: 20px; }
      .icons-tabs .flate-btns .btn:hover .icon:before {
        border: 10px solid rgba(1, 168, 158, 0.5); }
    .icons-tabs .flate-btns .active .icon:before {
      background: #01a89e;
      border: 10px solid rgba(11, 206, 193, 0.5); }
    .icons-tabs .flate-btns .active .icon i {
      color: #fff; }
    .icons-tabs .flate-btns .active:hover .icon:before {
      background: #01a89e;
      border: 10px solid rgba(11, 206, 193, 0.5); }
    .icons-tabs .flate-btns .active:hover .icon i {
      color: #fff; }
    .icons-tabs .flate-btns .react-tabs__tab--selected {
      background: #fff;
      border-bottom: 3px solid #fff;
      border-top: 3px solid #01a89e; }
      .icons-tabs .flate-btns .react-tabs__tab--selected span {
        color: #01a89e; }
      .icons-tabs .flate-btns .react-tabs__tab--selected i svg {
        fill: #01a89e; }
  .icons-tabs .data-grid {
    width: 100%; }
  .icons-tabs .tab-panel {
    background: #fff;
    margin-top: 20px; }
    .icons-tabs .tab-panel .heading {
      justify-content: flex-start; }

.left-tabs {
  width: 100%;
  height: auto;
  margin-top: 10px;
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 20% 78%;
  justify-content: space-between;
  height: 60vh;
  overflow: scroll; }
  .left-tabs .tab-btns {
    background: #fff;
    display: grid;
    grid-template-columns: 100%;
    justify-content: left;
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #e9e9e9; }
    .left-tabs .tab-btns svg {
      width: 20px;
      margin-right: 10px; }
    .left-tabs .tab-btns .profile .pic {
      width: 3vw;
      height: 3vw;
      border: 1px dashed #e9e9e9;
      overflow: hidden; }
      .left-tabs .tab-btns .profile .pic img {
        width: 100%; }
    .left-tabs .tab-btns .profile:nth-child(4n+1) .pic {
      background: #29aae2; }
    .left-tabs .tab-btns .profile:nth-child(4n+2) .pic {
      background: #01a89e; }
    .left-tabs .tab-btns .profile:nth-child(4n+3) .pic {
      background: #2b2b2b; }
    .left-tabs .tab-btns .tab-btn {
      cursor: pointer;
      background: none;
      width: 100%;
      display: flex;
      padding: 15px 10px !important;
      border-radius: 0;
      background: none;
      border-bottom: 1px solid #e9e9e9;
      align-items: center;
      justify-content: left;
      box-sizing: border-box;
      transition: 0.4s; }
      .left-tabs .tab-btns .tab-btn:last-child {
        border: none; }
      .left-tabs .tab-btns .tab-btn:hover {
        background: #29aae2;
        color: #fff; }
        .left-tabs .tab-btns .tab-btn:hover svg {
          fill: #fff; }
      .left-tabs .tab-btns .tab-btn svg {
        margin-right: 10px; }
    .left-tabs .tab-btns .react-tabs__tab--selected {
      position: relative;
      background: #2b2b2b;
      fill: #fff;
      color: #fff; }
      .left-tabs .tab-btns .react-tabs__tab--selected:after {
        content: "";
        position: absolute;
        height: 0px;
        width: 0px;
        right: -9px;
        border: 8px solid;
        border-color: #e9e9e9 #e9e9e9 transparent transparent;
        transform: rotate(45deg); }
  .left-tabs .tab-panel .heading {
    display: flex;
    justify-content: flex-start; }
    .left-tabs .tab-panel .heading svg {
      width: 70px;
      margin-right: 20px;
      fill: #2b2b2b; }
  .left-tabs .custom-table {
    margin-top: 0; }

.shape-tabs .tab-btns {
  margin: 0;
  gap: 5px;
  border-bottom: 2px solid #01a89e !important; }
  .shape-tabs .tab-btns .btn {
    display: block;
    float: right;
    padding: 10px 30px;
    width: 100%;
    display: flex;
    background-color: #fff;
    margin-right: 25px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;
    transition: all 250ms ease;
    justify-content: center;
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.1) 3px -2px 5px, inset rgba(255, 255, 255, 0.09) -1px 0 !important; }
    .shape-tabs .tab-btns .btn span {
      color: #7a869a; }
    .shape-tabs .tab-btns .btn svg {
      width: 20px;
      height: 20px;
      margin-right: 10px;
      fill: #7a869a; }
    .shape-tabs .tab-btns .btn:before {
      display: block;
      content: " ";
      position: absolute;
      top: 0;
      height: 100%;
      width: 40px;
      background-color: #fff;
      transition: all 250ms ease;
      right: -14px;
      transform: skew(25deg, 0deg);
      box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px, inset rgba(255, 255, 255, 0.09) -1px 0; }
    .shape-tabs .tab-btns .btn:after {
      display: block;
      content: " ";
      position: absolute;
      top: 0;
      height: 100%;
      width: 40px;
      background-color: #fff;
      transition: all 250ms ease;
      left: -14px;
      transform: skew(-25deg, 0deg);
      box-shadow: rgba(0, 0, 0, 0.1) -3px 2px 5px, inset rgba(255, 255, 255, 0.09) 1px 0; }
    .shape-tabs .tab-btns .btn:hover {
      background-color: #0bcec1 !important;
      color: #565f70 !important; }
      .shape-tabs .tab-btns .btn:hover span {
        color: #fff; }
      .shape-tabs .tab-btns .btn:hover svg {
        fill: #fff; }
      .shape-tabs .tab-btns .btn:hover:before {
        background-color: #0bcec1 !important; }
      .shape-tabs .tab-btns .btn:hover:after {
        background-color: #0bcec1 !important; }
    .shape-tabs .tab-btns .btn:first-child {
      margin-left: 25px; }
  .shape-tabs .tab-btns .react-tabs__tab--selected {
    background: #01a89e !important;
    fill: #fff;
    color: #fff;
    position: relative;
    z-index: 9; }
    .shape-tabs .tab-btns .react-tabs__tab--selected span {
      color: #fff; }
    .shape-tabs .tab-btns .react-tabs__tab--selected svg {
      fill: #fff; }
    .shape-tabs .tab-btns .react-tabs__tab--selected:before {
      background-color: #01a89e; }
    .shape-tabs .tab-btns .react-tabs__tab--selected:after {
      background-color: #01a89e; }
    .shape-tabs .tab-btns .react-tabs__tab--selected:hover {
      background-color: #fff !important;
      color: #565f70 !important; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover span {
        color: #565f70; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover svg {
        fill: #565f70; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover:before {
        background-color: #fff !important; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover:after {
        background-color: #fff !important; }
    .shape-tabs .tab-btns .react-tabs__tab--selected:hover {
      background-color: #0bcec1 !important;
      color: #565f70 !important; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover span {
        color: #fff; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover svg {
        fill: #fff; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover:before {
        background-color: #0bcec1 !important; }
      .shape-tabs .tab-btns .react-tabs__tab--selected:hover:after {
        background-color: #0bcec1 !important; }

.round-tabs .tab-btns {
  gap: 10px;
  width: 100%;
  overflow-x: scroll; }
  .round-tabs .tab-btns .tab-btn {
    border-radius: 20px;
    border: none;
    background: #e9e9e9; }
    .round-tabs .tab-btns .tab-btn p {
      margin: 0; }
    .round-tabs .tab-btns .tab-btn:hover {
      background: #0bcec1; }
  .round-tabs .tab-btns .active {
    background: #01a89e; }
    .round-tabs .tab-btns .active i {
      color: #fff; }
    .round-tabs .tab-btns .active span {
      color: #fff; }
    .round-tabs .tab-btns .active p {
      color: #fff; }

.tabs-datas:not(:first-child) {
  display: none; }

.tabs-data1:not(:first-child) {
  display: block; }

.head-style .tab-pannels {
  margin-top: 20px; }

@media (max-width: 1025px) {
  .tabs-subheader .pera span {
    display: none; }

  .custom-tabs .tab-btns {
    gap: 0px; }
    .custom-tabs .tab-btns .btn {
      display: grid;
      justify-content: center !important;
      padding: 10px !important; }
      .custom-tabs .tab-btns .btn i {
        margin-right: 0;
        margin-bottom: 5px; }
      .custom-tabs .tab-btns .btn p {
        font-size: 12px; }

  .head-style .tab-btns {
    width: 100%;
    top: 67px;
    left: 0;
    z-index: 9999;
    position: fixed; }
    .head-style .tab-btns .tab-btn {
      width: 100%; }
      .head-style .tab-btns .tab-btn span {
        display: none; }
  .head-style .tab_pannels {
    margin-top: 50px !important; }

  .simple-boederd {
    border: 1px solid #9ba3af;
    border-top: none; }
    .simple-boederd .tab-btns .tab-btn {
      height: 100%; }

  .tage-tabs .tab_pannels {
    margin-top: 70px !important; } }
@media (max-width: 767px) {
  .icons-tabs {
    width: 100%;
    height: auto; }
    .icons-tabs *::-webkit-scrollbar {
      width: 12px;
      display: none !important; }
    .icons-tabs *::-webkit-scrollbar-thumb {
      background-color: #01a89e;
      border-radius: 20px;
      display: none !important; }
    .icons-tabs .tab-btns {
      max-width: 100%;
      justify-content: space-between !important;
      gap: 5px; }
      .icons-tabs .tab-btns .btn {
        padding: 0;
        min-width: inherit;
        max-width: 50px; }
        .icons-tabs .tab-btns .btn .name {
          display: none; }
        .icons-tabs .tab-btns .btn .icon {
          width: 30px;
          height: 30px; }
          .icons-tabs .tab-btns .btn .icon i {
            margin: 0 !important;
            z-index: 1;
            font-size: 16px; }
        .icons-tabs .tab-btns .btn:hover .icon:before {
          border: 10px solid rgba(1, 168, 158, 0.5); }
    .icons-tabs .flate-btns {
      background-color: #eefffe;
      border: none;
      box-shadow: none; }
      .icons-tabs .flate-btns .btn {
        display: flex; }
        .icons-tabs .flate-btns .btn .name {
          font-size: 14px; }
          .icons-tabs .flate-btns .btn .name span {
            color: #7a869a;
            font-size: 14px;
            clear: both; }
        .icons-tabs .flate-btns .btn .icon {
          width: 40px;
          height: 40px; }
          .icons-tabs .flate-btns .btn .icon i {
            margin: 0 !important;
            z-index: 1;
            font-size: 20px; }
        .icons-tabs .flate-btns .btn:hover .icon:before {
          border: 10px solid rgba(1, 168, 158, 0.5); } }
.services {
  background: #f5f5f5;
  padding: 30px 20px;
  box-sizing: border-box;
  display: grid;
  width: 100%;
  grid-template-columns: 100%;
  text-align: center;
  grid-row-gap: 30px;
  align-items: center;
  justify-content: center;
  border: 2px solid white; }
  .services img {
    width: 100%; }
  .services svg {
    width: 100px;
    fill: #5a5a5a; }
  .services:hover {
    border: 2px solid #01a89e; }
  .services i {
    font-size: 6rem; }
  .services:nth-child(even) {
    background: #e9e9e9; }

@media (max-width: 1025px) {
  .services-main .services .heading {
    display: none; }
  .services-main .services i {
    font-size: 3rem; }
    .services-main .services i svg {
      width: 50px; }
  .services-main .services p {
    display: none; }
  .services-main .services span {
    display: none; }
  .services-main .services a {
    display: none; } }
.offers {
  width: 100%;
  height: auto;
  justify-content: start; }
  .offers .heading {
    text-align: center;
    color: #fff; }
  .offers .logo-light .st1 {
    fill: #fff !important; }
  .offers .pera {
    text-align: center;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    font-weight: 200; }
  .offers .label {
    font-size: 2.5vw;
    font-weight: 400; }
  .offers .title {
    font-size: 3.5vw;
    font-weight: 600;
    font-family: "Prompt", sans-serif; }
  .offers .logo-md {
    width: 250px !important; }
    .offers .logo-md path {
      fill: #fff !important; }
  .offers .logo-sm {
    width: 4.5vw; }
  .offers img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .offers a.btn {
    border-radius: 5px;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 30px;
    padding: 5px 20px;
    font-weight: 500;
    color: #f26a26; }
  .offers .item {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0px;
    min-height: 200px; }
    .offers .item .intro {
      display: grid;
      grid-template-columns: 100%;
      justify-content: center;
      align-content: center;
      grid-gap: 40px;
      color: white;
      box-sizing: border-box; }
      .offers .item .intro:nth-child(even) {
        background: #2b2b2b;
        padding: 60px; }
        .offers .item .intro:nth-child(even) a {
          background: white; }
          .offers .item .intro:nth-child(even) a:hover {
            background: #f26a26;
            color: #2b2b2b; }
        .offers .item .intro:nth-child(even) p {
          color: white; }
    .offers .item:nth-child(odd) .intro {
      display: grid;
      grid-template-columns: 100%;
      justify-content: center;
      grid-column: 2/3; }
      .offers .item:nth-child(odd) .intro:nth-child(even) {
        background: #f26a26;
        color: #2b2b2b;
        grid-column: 1/2;
        grid-row: 1/2;
        padding: 60px; }

@media (max-width: 1025px) {
  .offers .logo-md {
    width: 160px !important; }
  .offers .heading {
    text-align: center;
    font-size: 20px; }
    .offers .heading .logo-md {
      width: 80px; }
  .offers .btn {
    justify-content: center;
    display: flex; }
  .offers .item {
    display: inherit;
    margin-bottom: 20px;
    position: relative; }
    .offers .item .intro {
      width: 100%;
      padding: 30px !important;
      top: 0;
      height: auto; }
      .offers .item .intro:nth-child(even) p {
        display: none; }
    .offers .item:nth-child(even) .intro:nth-child(even) p {
      display: none; } }
/* add start */
.strip-ad {
  width: 100%;
  padding: 10px; }
  .strip-ad .heading {
    font-size: 24px; }
  .strip-ad .pera {
    color: #5a5a5a;
    font-weight: 300; }
  .strip-ad .price {
    font-size: 20px; }
    .strip-ad .price i {
      margin-right: 10px; }
    .strip-ad .price .old-price {
      color: #e9e9e9;
      position: relative; }
      .strip-ad .price .old-price i {
        color: #e9e9e9; }
      .strip-ad .price .old-price:after {
        content: "";
        position: absolute;
        background-color: #e9e9e9;
        height: 1px;
        width: 100%;
        left: 0px;
        top: 50%; }
    .strip-ad .price .new-price {
      color: #f26a26; }
      .strip-ad .price .new-price i {
        color: #f26a26; }
  .strip-ad .submit {
    background: #01a89e;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    min-width: auto;
    text-align: center !important; }
  .strip-ad .item {
    gap: 50px;
    border: 1px solid #e9e9e9;
    padding: 20px;
    display: flex;
    box-sizing: border-box; }
    .strip-ad .item .gallery {
      width: 150px;
      display: grid;
      align-items: center; }
      .strip-ad .item .gallery .image {
        width: 150px;
        border-radius: 50%;
        height: 150px;
        box-sizing: border-box;
        position: relative; }
        .strip-ad .item .gallery .image img {
          width: 100%;
          position: absolute;
          border: 20px solid #fff;
          border: inset;
          border-radius: 50%;
          top: 0px;
          height: 100%;
          object-fit: cover; }
    .strip-ad .item .intro {
      width: 60%;
      grid-template-columns: 70%;
      justify-content: center;
      align-content: center;
      grid-gap: 40px;
      color: #2b2b2b;
      box-sizing: border-box; }
      .strip-ad .item .intro .intro-inner {
        display: flex;
        justify-content: space-between; }
    .strip-ad .item .btns {
      justify-content: end; }

@media (max-width: 767px) {
  .strip-ad {
    box-sizing: border-box; }
    .strip-ad .heading {
      font-size: 2vw;
      color: #565f70 !important;
      text-shadow: none !important; }
    .strip-ad .pera {
      color: #5a5a5a; }
    .strip-ad .price {
      display: flex;
      justify-content: flex-start;
      gap: 30px; }
      .strip-ad .price i {
        margin-right: 10px; }
      .strip-ad .price .old-price {
        color: #e9e9e9;
        position: relative; }
        .strip-ad .price .old-price i {
          color: #e9e9e9; }
        .strip-ad .price .old-price:after {
          content: "";
          position: absolute;
          background-color: #e9e9e9;
          height: 1px;
          width: 100%;
          left: 0px;
          top: 50%; }
      .strip-ad .price .new-price {
        color: #f26a26; }
        .strip-ad .price .new-price i {
          color: #f26a26; }
    .strip-ad .submit {
      font-size: 12px;
      padding: 5px 10px; }
    .strip-ad .item {
      justify-content: space-between;
      display: grid;
      grid-template-columns: 100px auto; }
      .strip-ad .item .intro-inner {
        display: grid; }
      .strip-ad .item .gallery {
        width: 100%;
        position: relative; }
        .strip-ad .item .gallery .image {
          width: 100px;
          height: 100px;
          padding-top: 100px; }
          .strip-ad .item .gallery .image img {
            width: 100%;
            position: absolute;
            border: 20px solid #fff;
            border: inset;
            top: 0px;
            height: 100%;
            object-fit: cover; }
      .strip-ad .item .intro {
        width: 100%; }
        .strip-ad .item .intro .intro-inner {
          display: grid;
          width: 100%;
          grid-auto-columns: 100%; } }
/* add end */
.ad-container {
  position: relative;
  padding: 20px;
  margin: 40px 0;
  min-height: 300px;
  display: grid;
  align-items: center; }
  .ad-container .ad-tage {
    background: #f5f5f5;
    color: #7a869a;
    border: 1px solid #9ba3af;
    padding: 5px 20px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    font-size: 12px;
    top: -30px;
    right: 0px; }
  .ad-container .heading {
    color: #fff;
    text-transform: uppercase; }
  .ad-container .ad-image img {
    width: 100%; }
  .ad-container .ad-inner {
    display: grid;
    grid-template-columns: 25% 70%;
    justify-content: space-between;
    align-items: center; }

.blue-ad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4096ee+0,2378d3+100 */
  background: #4096ee;
  /* Old browsers */
  background: -moz-linear-gradient(left, #4096ee 0%, #2378d3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #4096ee 0%, #2378d3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #4096ee 0%, #2378d3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#2378d3',GradientType=1 );
  /* IE6-9 */ }

.red-ad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f76642+1,e04b26+100 */
  background: #f76642;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f76642 1%, #e04b26 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f76642 1%, #e04b26 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f76642 1%, #e04b26 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76642', endColorstr='#e04b26',GradientType=1 );
  /* IE6-9 */ }

@media (max-width: 1025px) {
  .offers .heading {
    text-align: center;
    font-size: 20px; }
    .offers .heading .logo-md {
      width: 80px; }
  .offers .btn {
    justify-content: center;
    display: flex; }
  .offers .item {
    display: inherit;
    margin-bottom: 20px;
    position: relative; }
    .offers .item .intro {
      width: 100%;
      padding: 30px !important;
      top: 0;
      height: auto; }
      .offers .item .intro:nth-child(even) p {
        display: none; }
    .offers .item:nth-child(even) .intro:nth-child(even) p {
      display: none; } }
.member-list {
  justify-content: space-between;
  flex-wrap: wrap; }
  .member-list .profile {
    width: 100%;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: 0.4s; }
    .member-list .profile .photo {
      position: relative;
      width: 100px;
      height: 100px;
      padding-top: 100px;
      box-sizing: border-box;
      border-radius: 10px;
      overflow: hidden; }
      .member-list .profile .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0; }
      .member-list .profile .photo .status {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 2px solid #fff;
        border-radius: 50%;
        right: 0;
        bottom: 0; }
      .member-list .profile .photo .on {
        background: #01a89e; }
      .member-list .profile .photo .off {
        background: #ef4f4c; }
      .member-list .profile .photo .busy {
        background: #f26a26; }
    .member-list .profile .sub {
      color: #565f70;
      width: 68%;
      font-size: 19px;
      font-weight: "Prompt", sans-serif;
      font-weight: 400; }
      .member-list .profile .sub .member-name {
        font-size: 16px;
        width: 100%; }
      .member-list .profile .sub .rating {
        padding: 0; }
        .member-list .profile .sub .rating li {
          color: #7a869a;
          font-weight: 300;
          font-size: 14px; }
      .member-list .profile .sub .ratingshow {
        position: absolute;
        bottom: 0;
        right: 10px; }
      .member-list .profile .sub span {
        color: #9ba3af;
        margin-top: 10px;
        font-size: 14px;
        display: flex;
        align-items: center; }
        .member-list .profile .sub span i {
          margin-right: 5px; }
          .member-list .profile .sub span i svg {
            fill: #9ba3af;
            width: 16px; }

.member-list {
  justify-content: space-between;
  flex-wrap: wrap; }
  .member-list .profile {
    width: 100%;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: 0.4s; }
    .member-list .profile .photo {
      position: relative;
      width: 100px;
      height: 100px;
      padding-top: 100px;
      box-sizing: border-box;
      border-radius: 10px;
      overflow: hidden; }
      .member-list .profile .photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0; }
      .member-list .profile .photo .status {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 2px solid #fff;
        border-radius: 50%;
        right: 0;
        bottom: 0; }
      .member-list .profile .photo .on {
        background: #01a89e; }
      .member-list .profile .photo .off {
        background: #ef4f4c; }
      .member-list .profile .photo .busy {
        background: #f26a26; }
    .member-list .profile .sub {
      color: #565f70;
      width: 68%;
      font-size: 19px;
      font-weight: "Prompt", sans-serif;
      font-weight: 400; }
      .member-list .profile .sub .member-name {
        font-size: 16px;
        width: 100%; }
      .member-list .profile .sub .rating {
        padding: 0; }
        .member-list .profile .sub .rating li {
          color: #7a869a;
          font-weight: 300;
          font-size: 14px; }
      .member-list .profile .sub .ratingshow {
        position: absolute;
        bottom: 0;
        right: 10px; }
      .member-list .profile .sub span {
        color: #9ba3af;
        margin-top: 10px;
        font-size: 14px;
        display: flex;
        align-items: center; }
        .member-list .profile .sub span i {
          margin-right: 5px; }
          .member-list .profile .sub span i svg {
            fill: #9ba3af;
            width: 16px; }

@media (max-width: 767px) {
  .member-list .profile .photo {
    width: 70px;
    height: 70px;
    padding-top: 70px; } }
@media (max-width: 767px) {
  .member-list .profile .photo {
    width: 70px;
    height: 70px;
    padding-top: 70px; } }
.custom-table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  overflow-x: scroll; }
  .custom-table .btns {
    display: flex;
    width: auto;
    justify-content: flex-end;
    gap: 5px; }
    .custom-table .btns .prim {
      padding: 5px 5px !important;
      font-size: 14px;
      width: 100%; }
  .custom-table .cells .cell {
    height: 30px; }
  .custom-table .cells input {
    width: 100%;
    border: none;
    outline: #01a89e;
    height: 100%; }
  .custom-table tr {
    text-transform: capitalize;
    width: 100%; }
  .custom-table svg {
    width: 20px;
    height: 20px;
    margin: 0 10px; }
  .custom-table .width-auto {
    width: 100px; }
  .custom-table td {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: left;
    font-size: 14px; }
    .custom-table td span {
      display: none; }
    .custom-table td > div {
      margin: 0;
      padding: 0; }
  .custom-table .head {
    background: #f5f5f5;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    z-index: 999; }
    .custom-table .head th {
      border: 1px solid #e9e9e9;
      color: #2b2b2b;
      text-transform: capitalize;
      font-size: 16px;
      text-align: center;
      font-weight: 600;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      padding: 15px 8px !important; }
  .custom-table th {
    border: 1px solid #e9e9e9;
    color: #2b2b2b;
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 15px 10px !important; }
  .custom-table tr {
    font-size: 14px;
    text-align: left;
    font-family: "Prompt", sans-serif;
    transition: 0.4s;
    background-color: #f2f2f2; }
    .custom-table tr:nth-child(even) {
      background-color: #fff; }
    .custom-table tr:hover {
      background-color: #eff5ff; }
  .custom-table .email {
    text-transform: lowercase !important; }

.ui-table {
  width: 100%;
  margin-top: 0px;
  height: auto; }
  .ui-table .heading {
    padding: 10px 0; }
  .ui-table > div {
    display: flex;
    text-align: left;
    padding: 0px 10px;
    border-top: 1px solid #e9e9e9;
    transition: 0.4s; }
    .ui-table > div i {
      font-size: 30px; }
    .ui-table > div:hover {
      background: #e6f7f5; }
    .ui-table > div:nth-child(odd) {
      background: #f5f5f5; }
      .ui-table > div:nth-child(odd):hover {
        background: #e6f7f5; }
    .ui-table > div span {
      margin-left: 10px; }
      .ui-table > div span i {
        color: #0bcec1;
        margin-right: 10px;
        font-size: 30px; }
    .ui-table > div .key {
      font-weight: bold;
      color: #2b2b2b;
      gap: 20px; }
    .ui-table > div .value {
      display: flex;
      color: #565f70;
      padding-bottom: 0; }

.qr-details .row {
  padding: 15px 10px;
  display: flex;
  justify-content: space-between; }
  .qr-details .row:nth-child(odd) {
    background: #fff; }
  .qr-details .row:nth-child(even) {
    background: #f5f5f5; }
  .qr-details .row .key {
    color: #7a869a;
    text-transform: capitalize; }
  .qr-details .row li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    gap: 10px; }
    .qr-details .row li i {
      color: #01a89e;
      font-size: 18px; }

@media (max-width: 1025px) {
  .custom-table {
    border-radius: 10px;
    display: grid;
    border: none;
    grid-gap: 10px; }
    .custom-table tbody {
      display: grid;
      grid-template-columns: 49% 49%;
      gap: 1%; }
    .custom-table .head {
      display: none; }
    .custom-table thead {
      display: none; }
    .custom-table tr {
      width: 100%;
      display: grid;
      border: none;
      grid-template-columns: 100%;
      background: #fff;
      border-radius: 10px;
      padding: 20px;
      box-sizing: border-box;
      border: 1px solid #e9e9e9; }
      .custom-table tr:nth-child(even) {
        background: #f5f5f5; }
      .custom-table tr td {
        width: 100%;
        border: none;
        text-align: left;
        display: flex;
        color: #7a869a;
        align-items: center; }
        .custom-table tr td p {
          margin: 0; }
        .custom-table tr td span {
          color: #2b2b2b;
          font-weight: bold;
          display: inherit;
          min-width: 40%; }
        .custom-table tr td:first-child {
          font-size: 16px;
          color: #2b2b2b;
          font-weight: 500;
          font-family: "Prompt", sans-serif; }
        .custom-table tr td:last-child {
          font-size: 16px;
          font-family: "Prompt", sans-serif; } }
@media (max-width: 767px) {
  .custom-table {
    padding: 10px;
    grid-template-columns: 100%; }
    .custom-table thead {
      display: none; }
    .custom-table tbody {
      display: grid;
      grid-template-columns: 100%;
      gap: 0.2%; }
      .custom-table tbody td {
        display: flex;
        gap: 20px;
        justify-content: space-between; }
        .custom-table tbody td span {
          min-width: 40%; }
        .custom-table tbody td p {
          margin: 0 !important; }
    .custom-table .hide-span {
      display: block; }

  .ui-table {
    margin-bottom: 10px; }
    .ui-table .row {
      padding: 10px !important; }
    .ui-table > div i {
      font-size: 22px; }
    .ui-table > div .value {
      font-size: 12px;
      margin: 5px; }
    .ui-table > div .key {
      font-size: 12px;
      margin: 5px; } }
@keyframes arrow {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes arrow
/*Safari and Chrome*/ {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px; }
  .arrows path {
    stroke: white;
    fill: transparent;
    stroke-width: 1px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite; }
    .arrows path .a1 {
      animation-delay: -1s;
      -webkit-animation-delay: -1s;
      /* Safari 和 Chrome */ }
    .arrows path .a2 {
      animation-delay: -0.5s;
      -webkit-animation-delay: -0.5s;
      /* Safari 和 Chrome */ }
    .arrows path .a3 {
      animation-delay: 0s;
      -webkit-animation-delay: 0s;
      /* Safari 和 Chrome */ }

.bg-music {
  position: absolute;
  z-index: 99999;
  left: 20px;
  top: 50%; }
  .bg-music .btn {
    opacity: 0.5;
    cursor: pointer;
    border: none !important;
    background: none !important; }
    .bg-music .btn i {
      margin-top: 10px;
      font-size: 30px; }
      .bg-music .btn i:nth-child(odd) {
        color: #01a89e; }
    .bg-music .btn .fa-pause-circle {
      display: none; }
    .bg-music .btn:hover {
      opacity: 0.9; }

.swal-title {
  font-size: 20px; }

.swal-footer {
  display: flex;
  justify-content: center; }

.swal-button {
  background-color: #01a89e;
  width: 100%;
  max-width: 200px; }

.swal-content__p ul li {
  list-style: none;
  text-align: left;
  color: #7a869a;
  font-size: 13px;
  margin-bottom: 5px;
  display: flex;
  justify-content: start; }
  .swal-content__p ul li strong {
    font-weight: "Prompt", sans-serif;
    min-width: 120px !important;
    margin-right: 10px; }

.option-icon {
  position: relative;
  width: 20px;
  height: 2px;
  margin-top: 0px;
  background: #5a5a5a;
  transition: 0.4s; }
  .option-icon:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    top: 7px;
    background: #5a5a5a;
    transition: 0.4s; }
  .option-icon:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    top: -7px;
    background: #5a5a5a;
    transition: 0.4s; }
  .option-icon:hover {
    width: 30px; }

.ios-dark {
  box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08);
  box-sizing: border-box; }
  .ios-dark .gallery {
    border-radius: 5px; }

.ios-light {
  box-shadow: 0 2px 4px 1px rgba(255, 255, 255, 0.08);
  box-sizing: border-box; }
  .ios-light .gallery {
    border-radius: 5px; }

.ms-dark {
  border: 1px solid #e9e9e9; }

.ms-light {
  border: 1px solid #e9e9e9; }

.border-top {
  border: none;
  border-top: 1px solid #e9e9e9; }

.border-right {
  border: none;
  border-right: 1px solid #e9e9e9; }

.border-btm {
  border: none;
  border-bottom: 1px solid #e9e9e9; }

.border-left {
  border: none;
  border-left: 1px solid #e9e9e9; }

.no-border {
  border: none !important; }

.border-1 {
  border: 1px solid; }

.border-2 {
  border: 2px solid; }

.border-3 {
  border: 3px solid; }

.border-4 {
  border: 4px solid; }

.border-5 {
  border: 5px solid; }

.border-prim {
  border-color: #2b2b2b; }

.border-second {
  border-color: #f26a26; }

.border-third {
  border-color: #01a89e; }

.border-four {
  border-color: #29aae3; }

.border-light {
  border-color: #f5f5f5; }

.border-off {
  border-color: #e9e9e9; }

.border-dark {
  border-color: #565f70; }

.round-5 {
  border-radius: 5px !important; }

.round-10 {
  border-radius: 10px !important; }

.round-15 {
  border-radius: 15px !important; }

.round-20 {
  border-radius: 20px !important; }

.round-25 {
  border-radius: 25px !important; }

.round-30 {
  border-radius: 10px !important; }

.round-35 {
  border-radius: 35px !important; }

.round-40 {
  border-radius: 40px !important; }

.round-45 {
  border-radius: 45px !important; }

.round-50 {
  border-radius: 50px !important; }

.round-55 {
  border-radius: 55px !important; }

.round-60 {
  border-radius: 60px !important; }

.round-65 {
  border-radius: 65px !important; }

.round-70 {
  border-radius: 70px !important; }

.round-75 {
  border-radius: 75px !important; }

.round-80 {
  border-radius: 80px !important; }

.round-85 {
  border-radius: 85px !important; }

.round-90 {
  border-radius: 90px !important; }

.round-95 {
  border-radius: 95px !important; }

.round-100 {
  border-radius: 100px !important; }

.bg-none {
  background: none !important;
  background-color: none !important; }

.bg-prim-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #2b2b2b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2b2b2b, #5a5a5a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2b2b2b, #5a5a5a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2b2b2b, #5a5a5a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$prim', endColorstr='$prim-off', GradientType=0);
  /* IE6-9 */ }

.bg-prim {
  background: #2b2b2b; }

.bg-prim-off {
  background: #5a5a5a; }

.bg-prim-light {
  background: #c4c4c4; }

.bg-second-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #f26a26;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f26a26, #ea9063 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f26a26, #ea9063 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f26a26, #ea9063 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$second', endColorstr='$second-off', GradientType=0);
  /* IE6-9 */ }

.bg-second {
  background: #f26a26; }

.bg-second-off {
  background: #ea9063; }

.bg-second-light {
  background: #ffe1d2; }

.bg-third-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #01a89e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #01a89e, #0bcec1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #01a89e, #0bcec1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #01a89e, #0bcec1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$third', endColorstr='$third-off', GradientType=0);
  /* IE6-9 */ }

.bg-third {
  background: #01a89e; }

.bg-third-off {
  background: #0bcec1; }

.bg-third-light {
  background: #e6f7f5; }

.bg-text-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #565f70;
  /* Old browsers */
  background: -moz-linear-gradient(top, #565f70, #7a869a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #565f70, #7a869a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #565f70, #7a869a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$text', endColorstr='$text-off', GradientType=0);
  /* IE6-9 */ }

.bg-text {
  background: #565f70; }

.bg-text-off {
  background: #7a869a; }

.bg-text-light {
  background: #9ba3af; }

.bg-bg-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff, #e9e9e9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff, #e9e9e9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff, #e9e9e9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$bg', endColorstr='$bg-off', GradientType=0);
  /* IE6-9 */ }

.bg-bg {
  background: #fff; }

.bg-bg-off {
  background: #e9e9e9; }

.bg-bg-light {
  background: #f5f5f5; }

.bg-alert-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #ef4f4c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ef4f4c, #c54d4b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ef4f4c, #c54d4b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ef4f4c, #c54d4b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$alert', endColorstr='$alert-off', GradientType=0);
  /* IE6-9 */ }

.bg-alert {
  background: #ef4f4c; }

.bg-alert-off {
  background: #c54d4b; }

.bg-alert-light {
  background: #ffd7d6; }

.bg-normal-gr {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c037+1,dfb75a+100 */
  background: #29aae2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #29aae2, #065369 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #29aae2, #065369 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #29aae2, #065369 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$normal', endColorstr='$normal-off', GradientType=0);
  /* IE6-9 */ }

.bg-normal {
  background: #29aae2; }

.bg-normal-off {
  background: #065369; }

.bg-normal-light {
  background: #eff5ff; }

.border-left-5 {
  border-left: 5px solid; }

.border-text {
  border-color: #565f70 !important; }

.border-text-off {
  border-color: #7a869a !important; }

.border-text-light {
  border-color: #9ba3af !important; }

.border-prim {
  border-color: #2b2b2b !important; }

.border-prim-off {
  border-color: #5a5a5a !important; }

.border-prim-light {
  border-color: #c4c4c4 !important; }

.border-sec {
  border-color: #f26a26 !important; }

.border-thir {
  border-color: #01a89e !important; }

#countDown {
  width: 100%;
  padding: 10px;
  box-sizing: border-box; }
  #countDown ul {
    display: flex;
    gap: 10px;
    justify-content: start;
    padding: 0 !important; }
    #countDown ul li {
      list-style: none;
      min-width: 50px;
      max-width: 100px;
      padding: 5px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.7); }
      #countDown ul li span {
        margin-right: 5px !important; }

.no-border {
  border: 1px solid #e9e9e9; }
  .no-border td {
    border: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-dots {
  position: absolute;
  bottom: 5px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0 !important;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  background: none; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-size: 32px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .35;
  color: #fff; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #fff; }

.item-slider .wrapper {
  margin: 0 auto;
  width: 90%;
  overflow: hidden; }
.item-slider .container {
  overflow: hidden; }
.item-slider .sliderComplete {
  position: relative; }
  .item-slider .sliderComplete button {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1em 2em;
    border: none;
    background: none;
    transition: all ease-in-out .5s;
    color: #9ba3af;
    font-size: 25px; }
  .item-slider .sliderComplete button[title="before"] {
    left: 0; }
  .item-slider .sliderComplete button[title="after"] {
    right: 0; }
  .item-slider .sliderComplete button.close {
    opacity: 0; }
  .item-slider .sliderComplete button.open {
    opacity: .8; }
.item-slider .slider {
  width: auto;
  display: flex;
  justify-content: left;
  padding: 0;
  gap: 20px;
  transition: all .5s; }
  .item-slider .slider li {
    display: flex;
    max-width: 400px;
    min-width: 400px;
    margin: 0;
    padding-bottom: 0; }
    .item-slider .slider li:first-child {
      margin-left: 0; }
    .item-slider .slider li > * {
      max-width: 100%; }
    .item-slider .slider li .cover {
      position: relative;
      display: inline-block;
      border-radius: 6px;
      box-sizing: border-box;
      overflow: hidden;
      margin-bottom: 1em; }
      .item-slider .slider li .cover img {
        display: block;
        width: 100%; }
      .item-slider .slider li .cover:before {
        display: block;
        content: ' ';
        background: rgba(247, 247, 247, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .item-slider .slider li .cover:hover:before {
        background: rgba(247, 247, 247, 0.5);
        transition: all .2s; }
    .item-slider .slider li p {
      line-height: 1.3; }
      .item-slider .slider li p a {
        color: #ff8f00; }
.item-slider .turn {
  margin-left: -100%;
  transition: all .5s; }
@media screen and (max-width: 800px) {
  .item-slider .sliderComplete .wrapper {
    overflow-x: scroll;
    overflow-y: hidden; }
  .item-slider .slider {
    width: 200%; }
    .item-slider .slider li {
      width: 14%; }
      .item-slider .slider li .cover {
        width: 100%; } }
@media screen and (orientation: portrait) {
  .item-slider .sliderComplete .wrapper {
    overflow-x: scroll;
    overflow-y: hidden; }
  .item-slider .sliderComplete button {
    display: none;
    opacity: 0; }
  .item-slider .sliderComplete button.close {
    display: none;
    opacity: 0; }
  .item-slider .sliderComplete button.open {
    display: none;
    opacity: 0; }
  .item-slider .slider {
    width: 200%; }
    .item-slider .slider li {
      width: 14%; }
      .item-slider .slider li .cover {
        width: 100%; } }

.thumbnail-slider * {
  box-sizing: border-box; }
.thumbnail-slider .slide-container,
.thumbnail-slider .thumb-container {
  border-radius: 10px;
  width: 100%;
  overflow: auto;
  margin-top: 0;
  scroll-snap-type: x mandatory;
  margin-bottom: 0px;
  display: grid;
  grid-template-columns: 100%;
  padding: 0; }
  .thumbnail-slider .slide-container li,
  .thumbnail-slider .thumb-container li {
    display: block; }
  .thumbnail-slider .slide-container__wrap,
  .thumbnail-slider .thumb-container__wrap {
    overflow: hidden;
    position: relative; }
.thumbnail-slider .slide-container {
  scroll-padding: 5%; }
  .thumbnail-slider .slide-container li {
    flex: 0 0 90%;
    padding: 0 10px;
    position: relative;
    scroll-snap-align: start;
    height: 520px; }
  .thumbnail-slider .slide-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .thumbnail-slider .slide-container p {
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    margin: 0;
    padding: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff; }
.thumbnail-slider .thumb-container__wrap {
  display: none; }
@media (min-width: 765px) {
  .thumbnail-slider .slide-container {
    scroll-padding: 0; }
    .thumbnail-slider .slide-container li {
      flex-basis: 100%;
      padding: 0; }
    .thumbnail-slider .slide-container p {
      right: 0;
      left: 0; }
  .thumbnail-slider .thumb-container {
    gap: 10px; }
    .thumbnail-slider .thumb-container.scrolling {
      scroll-snap-type: none; }
    .thumbnail-slider .thumb-container li {
      flex: 0 0 16.6666666667%;
      scroll-snap-align: center; }
    .thumbnail-slider .thumb-container a {
      display: block;
      width: 100%;
      padding-top: 56.25%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-origin: border-box;
      overflow: hidden;
      text-indent: -9999px;
      border: 4px solid #fff;
      transition: border-color .3s; }
      .thumbnail-slider .thumb-container a:hover, .thumbnail-slider .thumb-container a:focus {
        border-color: #f26a26; }
      .thumbnail-slider .thumb-container a.active {
        border-color: #01a89e; }
    .thumbnail-slider .thumb-container__wrap {
      position: relative;
      display: flex;
      position: absolute;
      bottom: 20px;
      z-index: 99;
      width: 100%; }
  .thumbnail-slider .prev,
  .thumbnail-slider .next {
    display: flex;
    align-items: center;
    min-width: 100px;
    justify-content: center; }
    .thumbnail-slider .prev i,
    .thumbnail-slider .next i {
      color: #fff; }
    .thumbnail-slider .prev.disabled,
    .thumbnail-slider .next.disabled {
      pointer-events: none;
      opacity: .5; } }
.thumbnail-slider *::-webkit-scrollbar {
  width: 5px; }
.thumbnail-slider *::-webkit-scrollbar-thumb {
  background-color: #01a89e;
  visibility: hidden;
  border-radius: 20px; }

.accordions .accordion-btn {
  background: #f5f5f5;
  border-radius: 5px;
  color: #2b2b2b;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  border-bottom: 1px solid #e9e9e9;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  position: relative; }
  .accordions .accordion-btn:hover {
    background: #eff5ff;
    color: #065369; }
  .accordions .accordion-btn:after {
    font-family: 'icomoon';
    content: '\e988';
    position: absolute;
    right: 10px;
    color: #c4c4c4;
    transform: rotate(90deg);
    transition: 0.4s; }
  .accordions .accordion-btn:last-child {
    border-bottom: none !important; }
.accordions .item {
  margin-bottom: 10px; }
  .accordions .item:nth-child(even) .accordion-btn {
    background: #e9e9e9; }
    .accordions .item:nth-child(even) .accordion-btn:hover {
      background: #eff5ff;
      color: #065369; }
.accordions .active {
  color: #29aae2; }
  .accordions .active:after {
    color: #29aae2;
    transform: rotate(180deg); }
.accordions .accordion-panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  transition: 0.4s; }

.stylish-accordions .accordion-btn {
  background: #f5f5f5;
  border-radius: 5px;
  color: #2b2b2b;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  border-bottom: 1px solid #e9e9e9;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  position: relative; }
  .stylish-accordions .accordion-btn:hover {
    background: #eff5ff;
    color: #065369; }
  .stylish-accordions .accordion-btn:after {
    font-family: 'icomoon';
    content: '\e904';
    position: absolute;
    right: 10px;
    color: #c4c4c4;
    transform: rotate(90deg);
    transition: 0.4s; }
  .stylish-accordions .accordion-btn:last-child {
    border-bottom: none !important; }
.stylish-accordions .item {
  margin-bottom: 10px; }
  .stylish-accordions .item:nth-child(even) .accordion-btn {
    background: #e9e9e9; }
    .stylish-accordions .item:nth-child(even) .accordion-btn:hover {
      background: #eff5ff;
      color: #065369; }
.stylish-accordions .active {
  color: #29aae2; }
  .stylish-accordions .active:after {
    color: #29aae2;
    transform: rotate(180deg); }
.stylish-accordions .panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  transition: 0.4s; }

.tage {
  border: 1px solid #f5f5f5 !important;
  position: relative; }
  .tage:after {
    text-transform: uppercase;
    transform: rotate(90deg);
    position: absolute;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0px 0px 5px 5px;
    right: -25px;
    top: 70px; }

.saller {
  border: 1px solid #01a89e !important; }
  .saller:after {
    content: "I Have";
    background-color: #01a89e; }

.add-item {
  padding: 0; }
  .add-item .ui-table > div .value {
    font-weight: 300; }
  .add-item .board-text {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    font-size: 12px !important;
    text-align: left;
    width: 100%;
    line-height: 15px !important;
    -webkit-line-clamp: 2;
    height: 30px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .add-item .item-footer .tage {
    height: 20px !important; }

.buyer {
  border: 1px solid #f26a26 !important; }
  .buyer:after {
    content: "I Want";
    background-color: #f26a26; }

.grid-view-filter {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  gap: 23px;
  justify-content: space-between; }
  .grid-view-filter .details {
    padding-top: 10px;
    width: 90% !important; }
  .grid-view-filter .like-btn {
    padding: 10px;
    height: 40px;
    background: none;
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    border-right: none;
    cursor: pointer; }
    .grid-view-filter .like-btn i {
      color: #565f70;
      font-size: 20px; }
    .grid-view-filter .like-btn:hover i {
      color: #01a89e; }
  .grid-view-filter .liked i {
    color: #01a89e; }

.list-view-filter {
  display: grid;
  grid-template-columns: 100%;
  gap: 0px;
  border: none; }
  .list-view-filter .tage:after {
    transform: rotate(0deg);
    right: 520px;
    top: 0px; }
  .list-view-filter .card-ad {
    padding: 10px !important;
    width: 100%; }
    .list-view-filter .card-ad * {
      text-align: left !important; }
    .list-view-filter .card-ad .item {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .list-view-filter .card-ad .item .gallery {
        width: 200px; }
      .list-view-filter .card-ad .item .intro {
        justify-content: flex-start;
        width: 100%;
        display: flex; }
        .list-view-filter .card-ad .item .intro .pera {
          width: 500px;
          justify-self: start;
          margin: 0px !important; }
        .list-view-filter .card-ad .item .intro .just-center {
          width: 100% !important;
          justify-content: flex-end !important; }
  .list-view-filter .intro {
    display: flex;
    width: 100%; }
  .list-view-filter i {
    font-size: 12px; }
  .list-view-filter .like-btn {
    right: 0;
    bottom: 0;
    padding: 0 20px;
    padding-left: 0;
    background: none;
    position: inherit;
    height: 100%;
    border: none;
    border-right: 1px solid #e9e9e9;
    cursor: pointer; }
    .list-view-filter .like-btn i {
      color: #565f70;
      font-size: 20px; }
    .list-view-filter .like-btn:hover i {
      color: #01a89e; }
  .list-view-filter .liked i {
    color: #01a89e; }
  .list-view-filter .add-item {
    display: flex;
    padding: 10px;
    border-radius: 0px;
    box-sizing: border-box;
    gap: 20px;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #e9e9e9; }
    .list-view-filter .add-item:nth-child(even) {
      background: #f5f5f5; }
    .list-view-filter .add-item .add-item-link {
      width: 90%;
      height: 100%;
      right: 0px !important;
      z-index: 9; }
    .list-view-filter .add-item .gallery {
      border-radius: 5px;
      width: 130px;
      height: 100px;
      position: relative;
      min-height: 100px;
      max-height: 100px; }
    .list-view-filter .add-item .details {
      padding: 0 20px !important; }
    .list-view-filter .add-item .pera {
      height: 28px !important;
      text-align: left;
      margin-top: 5px; }
    .list-view-filter .add-item .filter-style {
      display: flex;
      width: 100%; }
      .list-view-filter .add-item .filter-style .inner {
        width: 100%;
        max-width: 500px;
        border-left: 1px solid #e9e9e9;
        padding-left: 20px; }
        .list-view-filter .add-item .filter-style .inner > div {
          background: none; }
        .list-view-filter .add-item .filter-style .inner .ui-table i {
          font-size: 24px; }
        .list-view-filter .add-item .filter-style .inner .ui-table .row {
          margin-top: 0 !important;
          border-top: none !important; }
        .list-view-filter .add-item .filter-style .inner .item-footer {
          padding: 5px 10px;
          border-top: none !important; }
          .list-view-filter .add-item .filter-style .inner .item-footer > div {
            padding: 0;
            margin: 0 !important; }

@media (max-width: 767px) {
  .list-view-filter .tage:after {
    transform: rotate(90deg) !important;
    right: -6% !important;
    top: 30px !important; } }
@media (max-width: 1025px) {
  .grid-view-filter {
    grid-template-columns: 49% 49%; }

  .list-view-filter {
    display: grid;
    grid-template-columns: 100%; }
    .list-view-filter .add-item {
      gap: 10px;
      position: relative;
      justify-content: space-between; }
      .list-view-filter .add-item .gallery {
        width: 100px;
        height: 100px;
        min-height: 100px;
        min-width: 100px; }
      .list-view-filter .add-item .filter-style {
        justify-content: space-between; }
      .list-view-filter .add-item .details {
        max-width: 200px; }
      .list-view-filter .add-item .inner {
        max-width: 300px !important; } }
@media (max-width: 767px) {
  .list-view-filter {
    display: grid;
    grid-template-columns: 49% 49%; }
    .list-view-filter .add-item {
      gap: 10px;
      display: grid;
      grid-template-columns: 100%;
      position: relative;
      justify-content: center; }
      .list-view-filter .add-item .gallery {
        width: 50px;
        height: 50px;
        min-height: 50px;
        min-width: 50px; }
      .list-view-filter .add-item .filter-style {
        display: grid;
        grid-template-columns: 100%;
        justify-content: space-between; }
      .list-view-filter .add-item .details {
        max-width: 100%; }
      .list-view-filter .add-item .inner {
        max-width: 100% !important;
        padding: 0 !important;
        border-left: none !important;
        border-top: 1px solid #e9e9e9; }
        .list-view-filter .add-item .inner .ui-table {
          margin-bottom: 0;
          border-bottom: 1px solid #e9e9e9;
          padding: 10px 0; }

  .grid-view-filter {
    grid-template-columns: 100%; } }
/* Active and Hoverable Pagination */
/* border-pagination */
#pagination {
  margin: 0;
  padding: 20px 0;
  text-align: center; }
  #pagination li {
    display: inline; }
    #pagination li a {
      display: inline-block;
      text-decoration: none;
      padding: 5px 10px;
      color: #2b2b2b;
      border-radius: 5px;
      font-size: 1.5rem;
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s; }
      #pagination li a:hover:not(.active) {
        background-color: #f5f5f5; }
    #pagination li a.active {
      background-color: #01a89e;
      color: #fff; }

.b-pagination-outer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  display: flex; }

#border-pagination {
  margin: 0 auto;
  padding: 0;
  text-align: center; }
  #border-pagination li {
    display: inline; }
    #border-pagination li a {
      display: block;
      text-decoration: none;
      color: #2b2b2b;
      padding: 5px 10px;
      border: 1px solid #f5f5f5;
      float: left;
      -webkit-transition: background-color 0.4s;
      transition: background-color 0.4s; }
      #border-pagination li a:hover:not(.active) {
        background: #f5f5f5; }
    #border-pagination li a.active {
      background-color: #01a89e;
      color: #fff; }

.em-card-wraper {
  justify-content: center; }

.em-card {
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  border: 1px solid #e9e9e9;
  position: relative;
  box-sizing: border-box;
  width: 90%;
  height: auto;
  overflow: hidden; }
  .em-card .card-header {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    max-height: 120px;
    display: grid;
    grid-template-columns: 100%;
    justify-content: center; }
    .em-card .card-header .card-intro {
      padding: 15px;
      box-sizing: border-box;
      text-align: center;
      text-transform: capitalize;
      display: grid;
      grid-template-columns: 70px auto;
      justify-content: left;
      width: 100%;
      font-size: 20px;
      gap: 10px;
      align-items: center; }
      .em-card .card-header .card-intro .company-logo {
        width: 100%;
        height: 100%; }
        .em-card .card-header .card-intro .company-logo img {
          width: 100%; }
      .em-card .card-header .card-intro .intro-text {
        margin-left: 0px; }
        .em-card .card-header .card-intro .intro-text .company-name {
          text-align: left;
          font-weight: bold;
          text-transform: capitalize;
          width: 100%;
          font-size: 16px;
          padding: 0px; }
        .em-card .card-header .card-intro .intro-text .company-address {
          text-align: left;
          text-transform: capitalize;
          width: 100%;
          font-size: 14px;
          padding: 0px; }
    .em-card .card-header .user-img {
      width: 100%;
      margin-top: 0px;
      border-radius: 0;
      z-index: 2;
      text-align: center;
      box-sizing: border-box; }
      .em-card .card-header .user-img img {
        width: 100px;
        height: 100px;
        box-shadow: 0px 0px 13px 1px rgba(2, 2, 2, 0.3); }
    .em-card .card-header .user-name {
      margin-top: 5px;
      z-index: 3;
      font-weight: 500;
      padding: 0 20px;
      font-size: 20px;
      font-weight: 300;
      letter-spacing: 1px;
      text-transform: uppercase; }
      .em-card .card-header .user-name .desgination {
        width: 100%;
        clear: both;
        font-size: 18px;
        padding: 0;
        margin: 0;
        text-align: center;
        font-weight: 300; }
  .em-card .card-content {
    border-top: 10px solid;
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    max-height: 306px;
    width: 100%;
    padding-top: 150px;
    position: relative; }
    .em-card .card-content:after {
      content: "";
      position: absolute;
      width: 100%;
      left: 0px;
      top: 0;
      width: 0;
      height: 0;
      border-right: 423px solid transparent;
      opacity: 0.7; }
    .em-card .card-content:before {
      content: "";
      position: absolute;
      width: 100%;
      width: 0;
      right: 0px;
      height: 0;
      bottom: 0px;
      border-left: 423px solid transparent;
      opacity: 0.7; }
    .em-card .card-content .card-details {
      max-height: 100px;
      text-align: center;
      font-weight: normal;
      width: 100%;
      display: flex;
      justify-content: space-between;
      z-index: 2; }
      .em-card .card-content .card-details .left-shape {
        width: 30px;
        position: relative;
        height: 20px; }
        .em-card .card-content .card-details .left-shape:before {
          content: "";
          width: 30px;
          top: 20px;
          left: 0px;
          opacity: 0.7;
          position: absolute;
          height: 20px; }
        .em-card .card-content .card-details .left-shape:after {
          content: "";
          width: 30px;
          top: 40px;
          left: 0px;
          opacity: 0.5;
          position: absolute;
          height: 20px; }
      .em-card .card-content .card-details .right-shape {
        position: relative;
        width: 30px;
        background: #01a89e;
        height: 20px; }
        .em-card .card-content .card-details .right-shape:before {
          content: "";
          width: 30px;
          top: 20px;
          left: 0px;
          opacity: 0.7;
          position: absolute;
          background: #01a89e;
          height: 20px; }
        .em-card .card-content .card-details .right-shape:after {
          content: "";
          width: 30px;
          top: 40px;
          left: 0px;
          opacity: 0.5;
          position: absolute;
          background: #01a89e;
          height: 20px; }
      .em-card .card-content .card-details .inner-content {
        width: 70%; }
        .em-card .card-content .card-details .inner-content .key {
          text-align: left;
          font-size: 14px;
          text-transform: uppercase;
          font-weight: 500;
          padding: 0;
          margin: 0; }
        .em-card .card-content .card-details .inner-content .value {
          text-align: right;
          font-size: 14px;
          font-weight: 300;
          padding: 0;
          margin: 0; }
    .em-card .card-content .qr-container {
      width: 100%;
      margin-top: 30px;
      border-radius: 0;
      z-index: 2;
      text-align: center;
      box-sizing: border-box;
      display: grid;
      grid-template-columns: 150px;
      justify-content: center;
      gap: 0; }
      .em-card .card-content .qr-container .qr-id {
        padding: 0px;
        text-align: center;
        width: 100%;
        max-height: 15px; }
      .em-card .card-content .qr-container svg {
        width: 110px;
        height: 110px; }
      .em-card .card-content .qr-container img {
        width: 100px;
        height: 100px;
        box-shadow: 0px 0px 13px 1px rgba(2, 2, 2, 0.3); }
  .em-card p {
    margin: 0 0 30px 0; }
  .em-card .card-footer {
    text-align: center;
    width: 100%;
    padding: 5px 0;
    font-size: 12px; }
    .em-card .card-footer .logo {
      width: 57px;
      height: 23px; }

.blue-card .card-header .user-name {
  color: #fff; }
  .blue-card .card-header .user-name .desgination {
    color: #00cbfe; }
.blue-card .card-header .user-img img {
  border: 5px solid #fff; }
.blue-card .card-content {
  background: #172b4d;
  border-top: 10px solid #00cbfe; }
  .blue-card .card-content:after {
    border-top: 28px solid #00cbfe; }
  .blue-card .card-content:before {
    border-bottom: 28px solid #00cbfe; }
  .blue-card .card-content .card-details .left-shape {
    background: #00cbfe; }
    .blue-card .card-content .card-details .left-shape:before {
      background: #00cbfe; }
    .blue-card .card-content .card-details .left-shape:after {
      background: #00cbfe; }
  .blue-card .card-content .card-details .right-shape {
    background: #00cbfe; }
    .blue-card .card-content .card-details .right-shape:before {
      background: #00cbfe; }
    .blue-card .card-content .card-details .right-shape:after {
      background: #00cbfe; }
  .blue-card .card-content .card-details .inner-content {
    color: #fff; }
  .blue-card .card-content .qr-container img {
    border: 5px solid #fff; }
  .blue-card .card-content .qr-container .qr-id {
    color: #fff; }
.blue-card .card-footer {
  background: #fff;
  color: #172b4d;
  display: flex;
  justify-content: center; }

.green-card .card-header .user-name {
  color: #fff; }
  .green-card .card-header .user-name .desgination {
    color: #63b8af; }
.green-card .card-header .user-img img {
  border: 5px solid #fff; }
.green-card .card-content {
  background: #245e59;
  border-top: 10px solid #63b8af; }
  .green-card .card-content:after {
    border-top: 28px solid #63b8af; }
  .green-card .card-content:before {
    border-bottom: 28px solid #63b8af; }
  .green-card .card-content .card-details .left-shape {
    background: #63b8af; }
    .green-card .card-content .card-details .left-shape:before {
      background: #63b8af; }
    .green-card .card-content .card-details .left-shape:after {
      background: #63b8af; }
  .green-card .card-content .card-details .right-shape {
    background: #63b8af; }
    .green-card .card-content .card-details .right-shape:before {
      background: #63b8af; }
    .green-card .card-content .card-details .right-shape:after {
      background: #63b8af; }
  .green-card .card-content .card-details .inner-content {
    color: #fff; }
  .green-card .card-content .qr-container img {
    border: 5px solid #fff; }
  .green-card .card-content .qr-container .qr-id {
    color: #fff; }
.green-card .card-footer {
  background: #63b8af;
  color: #245e59; }

.red-card .card-header .user-name {
  color: #fff; }
  .red-card .card-header .user-name .desgination {
    color: #ef4f4c; }
.red-card .card-header .user-img img {
  border: 5px solid #fff; }
.red-card .card-content {
  background: #963332;
  border-top: 10px solid #ef4f4c; }
  .red-card .card-content:after {
    border-top: 28px solid #ef4f4c; }
  .red-card .card-content:before {
    border-bottom: 28px solid #ef4f4c; }
  .red-card .card-content .card-details .left-shape {
    background: #ef4f4c; }
    .red-card .card-content .card-details .left-shape:before {
      background: #ef4f4c; }
    .red-card .card-content .card-details .left-shape:after {
      background: #ef4f4c; }
  .red-card .card-content .card-details .right-shape {
    background: #ef4f4c; }
    .red-card .card-content .card-details .right-shape:before {
      background: #ef4f4c; }
    .red-card .card-content .card-details .right-shape:after {
      background: #ef4f4c; }
  .red-card .card-content .card-details .inner-content {
    color: #fff; }
  .red-card .card-content .qr-container img {
    border: 5px solid #fff; }
  .red-card .card-content .qr-container .qr-id {
    color: #fff; }
.red-card .card-footer {
  background: #ef4f4c;
  color: #963332; }

.pink-card .card-header .user-name {
  color: #fff; }
  .pink-card .card-header .user-name .desgination {
    color: #ef5f4c; }
.pink-card .card-header .user-img img {
  border: 5px solid #fff; }
.pink-card .card-content {
  background: #661469;
  border-top: 10px solid #ef5f4c; }
  .pink-card .card-content:after {
    border-top: 28px solid #ef5f4c; }
  .pink-card .card-content:before {
    border-bottom: 28px solid #ef5f4c; }
  .pink-card .card-content .card-details .left-shape {
    background: #ef5f4c; }
    .pink-card .card-content .card-details .left-shape:before {
      background: #ef5f4c; }
    .pink-card .card-content .card-details .left-shape:after {
      background: #ef5f4c; }
  .pink-card .card-content .card-details .right-shape {
    background: #ef5f4c; }
    .pink-card .card-content .card-details .right-shape:before {
      background: #ef5f4c; }
    .pink-card .card-content .card-details .right-shape:after {
      background: #ef5f4c; }
  .pink-card .card-content .card-details .inner-content {
    color: #fff; }
  .pink-card .card-content .qr-container img {
    border: 5px solid #fff; }
  .pink-card .card-content .qr-container .qr-id {
    color: #fff; }
.pink-card .card-footer {
  background: #ef5f4c;
  color: #661469; }

.scaned-top-bar {
  background: #01a89e;
  display: grid;
  align-items: center;
  justify-content: center;
  min-height: 80px; }

.scaned-intro {
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
  text-transform: capitalize;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: left;
  width: 100%;
  font-size: 20px;
  gap: 10px;
  align-items: center; }
  .scaned-intro .company-logo {
    width: 50px;
    height: 50px;
    padding-top: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative; }
    .scaned-intro .company-logo img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      position: absolute;
      top: 0%; }
  .scaned-intro .profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative; }
    .scaned-intro .profile-pic img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      position: absolute;
      top: 0%; }
  .scaned-intro .intro-text {
    margin-left: 0px; }
    .scaned-intro .intro-text .company-name {
      text-align: left;
      font-weight: bold;
      text-transform: capitalize;
      width: 100%;
      font-size: 16px;
      padding: 0px; }
    .scaned-intro .intro-text .company-address {
      text-align: left;
      text-transform: capitalize;
      width: 100%;
      font-size: 14px;
      padding: 0px; }

.card-scaned .heading {
  margin-top: 20px; }
.card-scaned .scaned-header {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 0px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 100%;
  justify-content: center; }
  .card-scaned .scaned-header .user-img {
    width: 100%;
    margin-top: 0px;
    border-radius: 0;
    z-index: 2;
    text-align: center;
    box-sizing: border-box; }
    .card-scaned .scaned-header .user-img img {
      width: 100px;
      height: 100px;
      box-shadow: 0px 0px 13px 1px rgba(2, 2, 2, 0.3); }
  .card-scaned .scaned-header .user-name {
    margin-top: 5px;
    z-index: 3;
    font-weight: 500;
    padding: 0 20px;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .card-scaned .scaned-header .user-name .desgination {
      width: 100%;
      clear: both;
      font-size: 18px;
      padding: 0;
      margin: 0;
      text-align: center;
      font-weight: 300; }
.card-scaned .card-intro {
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
  text-transform: capitalize;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: left;
  width: 100%;
  font-size: 20px;
  gap: 10px;
  align-items: center; }
  .card-scaned .card-intro .company-logo {
    width: 50px;
    height: 50px;
    padding-top: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative; }
    .card-scaned .card-intro .company-logo img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      position: absolute;
      top: 0%; }
  .card-scaned .card-intro .profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative; }
    .card-scaned .card-intro .profile-pic img {
      width: 50px;
      height: 50px;
      object-fit: cover;
      position: absolute;
      top: 0%; }
  .card-scaned .card-intro .intro-text {
    margin-left: 0px; }
    .card-scaned .card-intro .intro-text .company-name {
      text-align: left;
      font-weight: bold;
      text-transform: capitalize;
      width: 100%;
      font-size: 16px;
      padding: 0px; }
    .card-scaned .card-intro .intro-text .company-address {
      text-align: left;
      text-transform: capitalize;
      width: 100%;
      font-size: 14px;
      padding: 0px; }
.card-scaned .qr-details {
  margin-top: 10px; }
  .card-scaned .qr-details i {
    color: #01a89e;
    margin-right: 10px; }
  .card-scaned .qr-details td {
    padding: 20px 10px;
    text-align: left; }

.container {
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box; }

.notify {
  background: #e9e9e9;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .notify i svg {
    width: 20px;
    fill: #01a89e; }

.notify-number {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: -5px;
  background: #ef4f4c;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff; }
  .notify-number span {
    color: #fff;
    display: block;
    font-size: 10px !important; }

a {
  transition: 0.4s; }

.rdrDefinedRangesWrapper {
  display: none; }

.light-border {
  border: 1px solid #e9e9e9 !important; }

.text-red-400 {
  color: #ef4f4c; }

.inputs .lat-list {
  display: flex;
  padding: 10px 0; }
  .inputs .lat-list > div label {
    position: inherit;
    margin: 0; }

.even-bg {
  background: #e9e9e9; }

.odd-bg {
  background: #f5f5f5; }

.no-bg {
  background: none !important; }

.shadow {
  box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08); }

.avail-tage {
  display: block !important;
  border: 1px solid #01a89e;
  background: #e6f7f5;
  max-width: 100px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 10px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin: 0 10px;
  font-size: 12px;
  padding: 3px 10px !important;
  fill: #fff;
  color: #01a89e !important; }

.admin-tage {
  display: block !important;
  border: 1px solid #eff5ff;
  background: #f5f5f5;
  max-width: 100px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 10px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin: 0 10px;
  font-size: 12px;
  padding: 3px 10px !important;
  fill: #fff;
  color: #29aae2 !important; }

.completed-tage {
  display: block !important;
  border: 1px solid #e9e9e9;
  background: #f5f5f5;
  width: auto !important;
  float: right;
  text-transform: capitalize;
  border-radius: 10px;
  font-weight: bold;
  display: flex;
  font-size: 12px;
  color: #01a89e;
  padding: 3px 10px !important;
  fill: #fff;
  color: #01a89e; }

.inprogress-tage {
  display: block !important;
  border: 1px solid #e9e9e9;
  background: #f5f5f5;
  width: auto !important;
  float: right;
  text-transform: capitalize;
  border-radius: 10px;
  font-weight: bold;
  display: flex;
  font-size: 12px;
  color: #29aae2;
  padding: 3px 10px !important;
  fill: #fff;
  color: #01a89e; }

.done-tage {
  display: block !important;
  border: 1px solid #e9e9e9;
  background: #f5f5f5;
  width: auto !important;
  float: right;
  text-transform: capitalize;
  border-radius: 10px;
  font-weight: bold;
  display: flex;
  font-size: 12px;
  color: #7a869a;
  padding: 3px 10px !important;
  fill: #fff;
  color: #01a89e; }

section {
  width: 100%;
  padding: 0px 0;
  border-bottom: 1px solid #e9e9e9; }
  section:last-child {
    border: none; }

.profile {
  text-decoration: none;
  color: #565f70;
  box-sizing: border-box;
  margin-left: 0;
  padding: 1.5vh;
  margin-top: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  text-transform: capitalize;
  width: 100%;
  border-radius: 0; }
  .profile .option-icon {
    display: none; }
  .profile .sub {
    color: #7a869a;
    clear: both;
    display: grid;
    justify-content: left;
    font-weight: 500;
    font-size: 14px; }
    .profile .sub span {
      color: #7a869a;
      text-align: left;
      font-weight: 300; }
  .profile .lat-list {
    display: flex;
    justify-content: left;
    gap: 10px;
    padding: 10px 0; }
  .profile .pic {
    background: #f5f5f5;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 10%;
    box-sizing: border-box;
    padding-top: 100%;
    position: relative; }
    .profile .pic img {
      width: 100%;
      height: 100%;
      position: absolute;
      object-fit: cover;
      top: 0; }
    .profile .pic span {
      color: #fff;
      font-family: "Prompt", sans-serif;
      font-size: 1vw;
      padding: 0; }
  .profile:hover {
    color: #2b2b2b;
    background: #e9e9e9; }

.preloader {
  background: #acf0f4;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .preloader .loader {
    width: 250px;
    height: auto;
    overflow: hidden;
    align-items: center;
    justify-content: center; }
    .preloader .loader img {
      width: 100%; }

.section-0 {
  padding-top: 0; }

.right-panel {
  border-left: none !important;
  padding-left: 0px;
  box-sizing: border-box;
  display: grid;
  gap: 20px; }
  .right-panel section {
    padding: 10px !important;
    margin-top: 10px;
    border: 1px solid #e9e9e9;
    max-height: 300px;
    box-sizing: border-box; }

.btm-panel {
  border-top: 1px solid #e9e9e9;
  padding-top: 0px;
  margin-top: 10px; }

.close-options {
  grid-template-columns: 5% 95%;
  transition: .4s; }
  .close-options .left-bar .close-btn {
    transform: rotate(180deg); }
    .close-options .left-bar .close-btn:hover {
      background: #065369; }
      .close-options .left-bar .close-btn:hover svg {
        fill: #fff; }
  .close-options .left-bar span {
    display: none; }
  .close-options .left-bar .heading {
    display: none !important; }
  .close-options .left-bar nav ul {
    display: grid;
    grid-template-columns: auto;
    justify-content: center; }
    .close-options .left-bar nav ul a {
      display: flex;
      align-items: center;
      padding: 5px;
      width: 40px;
      height: 40px;
      justify-content: center !important;
      margin-bottom: 5px; }
      .close-options .left-bar nav ul a svg {
        width: 25px;
        height: 25px;
        margin-right: 0 !important; }
    .close-options .left-bar nav ul .active {
      background: #e9e9e9;
      box-sizing: border-box;
      padding: 5px;
      color: #29aae2; }
    .close-options .left-bar nav ul .profile {
      display: grid;
      grid-template-columns: auto;
      justify-content: center; }
      .close-options .left-bar nav ul .profile .pic {
        width: 50px;
        height: 50px;
        margin: 10px; }
        .close-options .left-bar nav ul .profile .pic span {
          display: block; }
      .close-options .left-bar nav ul .profile h2 {
        display: none; }

.visible {
  visibility: visible;
  display: grid; }

.hidden {
  visibility: hidden; }

.show {
  display: block;
  visibility: visible; }

.hide {
  display: none !important;
  visibility: none; }

.bg-bg {
  background: #fff; }

.bg-prim {
  background: #2b2b2b !important; }

.bg-third {
  background: #01a89e; }

.bg-third-off {
  background: #0bcec1; }

.bg-off {
  background: #e9e9e9; }

.bg-light {
  background: #f5f5f5; }

.text-bg {
  color: #fff; }

.bg-white {
  background: white; }

.text-white {
  color: white; }

.text-prim {
  color: #2b2b2b; }

.text-light-on {
  color: #01a89e; }

.text-light-off {
  color: #0bcec1; }

.text-even {
  color: #e9e9e9; }

.text-odd {
  color: #f5f5f5; }

.gap-10 {
  gap: 10px; }

.gap-20 {
  gap: 20px; }

.gap-30 {
  gap: 30px; }

.gap-40 {
  gap: 40px; }

.gap-50 {
  gap: 50px; }

.gap-60 {
  gap: 60px; }

.gap-70 {
  gap: 70px; }

.gap-80 {
  gap: 80px; }

.gap-90 {
  gap: 90px; }

.gap-100 {
  gap: 100px; }

@media (max-width: 1025px) {
  .container {
    width: 96%; } }
.admin .widget {
  border-left: 5px solid #2b2b2b;
  margin-top: 10px; }
.admin .custom-tabs {
  margin-top: 20px; }
  .admin .custom-tabs .tab_pannels {
    box-sizing: border-box;
    border-top: none;
    min-height: 300px; }
  .admin .custom-tabs .btns {
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
    border-bottom: 3px solid #29aae2; }
    .admin .custom-tabs .btns .btn {
      background: white;
      border: 1px solid rgba(236, 236, 236, 0.9);
      border-bottom: none;
      min-width: auto;
      max-width: 100% !important;
      border-radius: 0 !important; }
      .admin .custom-tabs .btns .btn:hover {
        background: #5a5a5a; }
    .admin .custom-tabs .btns .react-tabs__tab--selected {
      background: #2b2b2b; }

.card {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 100% !important;
  box-sizing: border-box; }

.self-right {
  justify-self: flex-end; }

.banner .tour-card .gallery {
  display: none; }
.banner .tour-card .details .descruption {
  display: none; }
.banner .tour-card .details .heading,
.banner .tour-card .details p,
.banner .tour-card .details .pera {
  text-align: left;
  color: #fff;
  height: auto; }
.banner .tour-card .details i {
  font-size: 30px; }
.banner .tour-card .check-list {
  color: #fff; }
.banner .tour-card .item-footer {
  display: none;
  font-weight: "Prompt", sans-serif;
  border-color: #e6f7f5;
  color: #fff; }
  .banner .tour-card .item-footer .tage {
    display: flex;
    align-items: center; }
    .banner .tour-card .item-footer .tage p {
      font-size: 18px;
      color: #fff; }
    .banner .tour-card .item-footer .tage i {
      font-size: 20px;
      margin-right: 10px;
      color: #01a89e; }
  .banner .tour-card .item-footer span {
    text-align: left;
    font-size: 14px;
    color: #ef4f4c;
    font-family: "Prompt", sans-serif;
    position: relative; }
    .banner .tour-card .item-footer span:after {
      content: "";
      position: absolute;
      border-bottom: 1px solid #ef4f4c;
      width: 100%;
      height: 1px;
      top: 50%;
      left: 0px; }
  .banner .tour-card .item-footer .heading {
    color: #5a5a5a;
    font-family: "Prompt", sans-serif;
    font-size: 20px; }
.banner .content {
  min-height: 80vh; }
.banner .awssld .awssld__wrapper {
  height: 80vh; }

.services-main {
  display: flex;
  justify-content: space-between; }

.tours-banner {
  height: 300px;
  margin-bottom: 20px; }
  .tours-banner .heading {
    text-align: center; }
  .tours-banner .user-reviews {
    justify-content: center; }
    .tours-banner .user-reviews li a {
      color: #fff; }
  .tours-banner .content {
    min-height: 300px;
    z-index: 99; }
  .tours-banner .submit-btn {
    margin-top: 20px; }
  .tours-banner .awssld .awssld__wrapper {
    height: 300px; }
    .tours-banner .awssld .awssld__wrapper .awssld__next,
    .tours-banner .awssld .awssld__wrapper .awssld__prev {
      z-index: 99; }
    .tours-banner .awssld .awssld__wrapper .awssld__content {
      height: 100% !important;
      display: inherit !important; }
    .tours-banner .awssld .awssld__wrapper .awssld__controls {
      z-index: 991; }
    .tours-banner .awssld .awssld__wrapper .slide-item {
      display: inherit !important;
      height: 100%; }
      .tours-banner .awssld .awssld__wrapper .slide-item .content {
        min-height: 100%; }
      .tours-banner .awssld .awssld__wrapper .slide-item .awssld__content {
        width: 100%;
        height: 100%; }

.accordion__button {
  padding: 10px !important;
  margin: 0;
  box-sizing: border-box;
  position: relative; }
  .accordion__button::before {
    position: absolute;
    top: 18px; }

.sns-icon {
  width: 70px !important;
  height: 100%;
  position: relative; }
  .sns-icon .sns-smmon {
    position: absolute;
    width: 100%; }
    .sns-icon .sns-smmon svg {
      fill: #01a89e; }
  .sns-icon .sns-sun {
    position: absolute;
    width: 9%;
    display: grid;
    grid-auto-columns: 100%;
    height: auto;
    top: 0px;
    left: 58%; }
    .sns-icon .sns-sun svg {
      fill: #f26a26; }
  .sns-icon .sns-bigmon {
    position: absolute;
    width: 36%;
    top: 0;
    left: 26%; }
    .sns-icon .sns-bigmon svg {
      fill: #fff;
      width: 100%; }
  .sns-icon .sns-tree {
    position: absolute;
    width: 100%;
    top: 21%; }
    .sns-icon .sns-tree svg {
      fill: #0bcec1; }

.header1-alt .sns-icon .sns-bigmon svg {
  fill: #2b2b2b; }

.operator-details {
  width: 100% !important;
  padding-top: 0;
  display: inherit;
  margin: 0;
  display: grid;
  grid-template-columns: 13% 87%;
  box-sizing: border-box;
  height: auto; }
  .operator-details .left-bar {
    display: block;
    transition: 0.4s;
    opacity: 10;
    height: auto;
    width: 100%;
    z-index: 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none !important;
    border: none; }
    .operator-details .left-bar .close-btn {
      display: none;
      opacity: 10;
      width: 50px;
      height: 50px;
      box-shadow: none;
      border: none;
      background: #2b2b2b;
      border-radius: 0 5px 5px 0;
      cursor: pointer;
      justify-content: center;
      align-items: center;
      position: absolute;
      box-sizing: border-box;
      right: -50px;
      top: 0px; }
      .operator-details .left-bar .close-btn svg {
        width: 20px;
        height: 20px;
        fill: #fff;
        transition: 0.4s;
        transform: rotate(0deg);
        justify-content: center;
        align-items: center; }
      .operator-details .left-bar .close-btn:hover svg {
        width: 20px;
        height: 20px;
        transform: rotate(135deg);
        justify-content: center;
        align-items: center; }
    .operator-details .left-bar .profile {
      display: grid;
      width: 100%;
      margin-left: 0%;
      margin-top: 0%;
      box-sizing: border-box;
      justify-content: center;
      margin-bottom: 5px; }
      .operator-details .left-bar .profile .pic {
        border-radius: 50%;
        width: 150px;
        height: 150px;
        border: 5px solid #c4c4c4;
        box-sizing: border-box;
        padding: 10px;
        background: white; }
      .operator-details .left-bar .profile .sub {
        justify-content: center;
        color: #5a5a5a; }
        .operator-details .left-bar .profile .sub span {
          text-align: center; }
      .operator-details .left-bar .profile:hover {
        background: none; }
    .operator-details .left-bar *::-webkit-scrollbar {
      display: none; }
    .operator-details .left-bar nav ul {
      display: grid;
      align-content: center;
      margin-top: 10px;
      grid-template-columns: 100%;
      justify-content: center;
      padding: 10px 10px;
      border-bottom: 1px solid #e9e9e9; }
      .operator-details .left-bar nav ul a {
        margin-bottom: 5px;
        justify-content: left; }
        .operator-details .left-bar nav ul a span {
          color: #5a5a5a;
          font-size: 0.9vw;
          transition: 0.4s; }
        .operator-details .left-bar nav ul a:hover {
          background: none; }
          .operator-details .left-bar nav ul a:hover span {
            color: #7a869a !important; }
          .operator-details .left-bar nav ul a:hover svg {
            fill: #7a869a; }
          .operator-details .left-bar nav ul a:hover span {
            color: #fff; }
      .operator-details .left-bar nav ul .active {
        background: none; }
        .operator-details .left-bar nav ul .active span {
          color: #01a89e !important; }
        .operator-details .left-bar nav ul .active svg {
          fill: #01a89e; }
        .operator-details .left-bar nav ul .active span {
          color: #fff; }
      .operator-details .left-bar nav ul svg {
        fill: #2b2b2b; }
    .operator-details .left-bar .inner-bar {
      height: 45vh; }
  .operator-details .admin-content {
    position: relative;
    transition: 0.4s;
    z-index: 0;
    width: 100%;
    z-index: 0;
    height: 100vh;
    overflow: scroll;
    box-sizing: border-box;
    box-shadow: none; }
  .operator-details .custom-tabs {
    margin-top: 20px; }
    .operator-details .custom-tabs .tab_pannels {
      padding: 20px;
      box-sizing: border-box;
      background: #f5f5f5;
      border: 1px solid #e9e9e9;
      border-top: none;
      min-height: 300px; }
    .operator-details .custom-tabs .btns {
      border-bottom: 1px solid #e9e9e9;
      margin: 0; }
      .operator-details .custom-tabs .btns .btn {
        background: white;
        border: 1px solid rgba(236, 236, 236, 0.9);
        border-bottom: none;
        min-width: auto;
        max-width: 100% !important;
        border-radius: 0 !important; }
        .operator-details .custom-tabs .btns .btn:hover {
          background: #5a5a5a; }
      .operator-details .custom-tabs .btns .react-tabs__tab--selected {
        background: #2b2b2b;
        border: 1px solid rgba(236, 236, 236, 0); }
  .operator-details .widget svg {
    width: 40px;
    height: 40px;
    fill: #5a5a5a;
    padding: 10px; }
  .operator-details .widget i {
    font-size: 40px;
    color: #2b2b2b; }
  .operator-details .widget .text {
    color: #2b2b2b;
    text-align: right; }
    .operator-details .widget .text .heading {
      font-size: 30px;
      font-weight: bold; }
    .operator-details .widget .text p {
      font-size: 16px;
      padding: 0;
      margin: 0; }
  .operator-details .edit-profile {
    grid-template-columns: 70%; }
    .operator-details .edit-profile .pic {
      border-radius: 50%;
      border: 5px solid #e9e9e9;
      padding: 0; }
      .operator-details .edit-profile .pic img {
        width: 100%; }

.close-bar .left-bar {
  left: -15%; }
.close-bar .admin-content {
  padding-left: 0%; }

.theme-tabs {
  grid-template-columns: 100%;
  padding-left: 300px;
  height: auto;
  min-height: 70vh; }
  .theme-tabs .tab-btns {
    position: absolute;
    margin: 0 !important;
    width: 280px;
    max-height: 100% !important;
    z-index: 999;
    align-content: start; }
  .theme-tabs .tab-panel {
    position: relative;
    width: 100%;
    height: auto; }
  .theme-tabs .custom-table {
    margin-top: 0; }

.categories-list {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  justify-content: space-between;
  gap: 3%; }

.product-details .parallax {
  height: 140px; }
.product-details .slide-banner {
  height: auto;
  width: 100%; }
  .product-details .slide-banner .content {
    grid-template-columns: 100%;
    z-index: 4;
    height: 200px;
    width: 100%; }
  .product-details .slide-banner .awssld .awssld__bullets {
    z-index: 9; }
  .product-details .slide-banner .awssld .awssld__wrapper {
    height: 400px; }
    .product-details .slide-banner .awssld .awssld__wrapper .awssld__container {
      height: 100%; }
  .product-details .slide-banner .slide-item {
    width: 100%; }
    .product-details .slide-banner .slide-item img {
      top: -50%;
      width: 100%; }
  .product-details .slide-banner .rating li a span {
    color: #fff !important; }
  .product-details .slide-banner .user-reviews {
    justify-content: center; }
    .product-details .slide-banner .user-reviews li a {
      color: #fff !important; }
      .product-details .slide-banner .user-reviews li a i {
        color: #fff !important; }

.likes li {
  color: #9ba3af;
  display: flex;
  align-items: center; }
  .likes li svg {
    width: 20px;
    margin-right: 10px;
    fill: #9ba3af; }
  .likes li i {
    font-size: 12px; }

body {
  overflow-y: scroll;
  overflow-x: hidden; }

p span span {
  color: #565f70;
  font-weight: 300; }

.public-DraftStyleDefault-block span {
  color: #565f70;
  font-weight: 300; }

.custom-grid-4 {
  display: grid;
  grid-template-columns: 20% 17% 15% 45%;
  justify-content: space-between; }

.custom-grid-5 {
  display: grid;
  grid-template-columns: 17% 12% 26% 20% 20%;
  justify-content: space-between; }

.text-editer {
  @import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i"; }
  .text-editer * {
    margin: 0;
    padding: 0;
    outline: none !important;
    text-decoration: none !important;
    box-sizing: border-box;
    line-height: initial;
    letter-spacing: initial;
    font-family: 'Roboto', sans-serif; }
  .text-editer a {
    color: #3F51B5; }
    .text-editer a:hover {
      color: #333333; }
  .text-editer button.log-out-client {
    height: 45px;
    border: 0;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #01a89e;
    color: rgba(255, 255, 255, 0.8);
    line-height: 43px;
    cursor: pointer;
    transition: background-color 0.4s; }
    .text-editer button.log-out-client i {
      width: 45px;
      line-height: 45px;
      height: 45px;
      background-color: rgba(0, 0, 0, 0.1);
      margin-right: 15px;
      color: rgba(255, 255, 255, 0.7); }
    .text-editer button.log-out-client:hover {
      background-color: #0bcec1; }
  .text-editer button.log-out-client.cancel:hover {
    background-color: #333; }
  .text-editer #editor {
    width: 800px;
    margin: 50px auto 50px auto;
    padding: 7px 20px 20px 20px;
    border: 1px solid #464646;
    border-radius: 10px;
    background: #fafafa; }
  .text-editer #toolbar {
    margin-left: -20px;
    margin-right: -20px;
    border-bottom: 1px solid #464646;
    padding: 8px 20px;
    overflow: hidden;
    position: relative;
    z-index: 2; }
  .text-editer #page {
    padding-top: 30px;
    min-height: 600px;
    outline: none;
    min-height: initial;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 63px;
    margin-top: -53px;
    text-align: left;
    position: relative;
    z-index: 1; }
    .text-editer #page * {
      font-family: 'Roboto', sans-serif; }
    .text-editer #page span {
      color: #565f70 !important; }
  .text-editer .icon {
    float: left;
    height: 30px;
    width: 40px;
    margin-right: 10px;
    background: #fafafa;
    font-size: 0.8rem;
    color: #464646;
    text-align: center;
    cursor: pointer;
    height: 33px;
    background: transparent;
    opacity: 0.7;
    color: #555;
    width: 33px;
    line-height: 33px; }
    .text-editer .icon:hover {
      border-color: #3e7086;
      color: #3e7086;
      opacity: 1;
      color: #3F51B5; }
  .text-editer div#editor {
    width: 100%;
    height: 400px;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    border: 1px solid #cfcfcf;
    border-radius: 4px; }
  .text-editer section#toolbar {
    height: 53px;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #cfcfcf;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px 4px 0px 0px;
    padding-left: 15px;
    padding-right: 15px; }
  .text-editer ul {
    padding-left: 28px;
    color: #777; }
  .text-editer ol {
    padding-left: 28px;
    color: #777; }
  .text-editer .cont {
    width: 600px;
    max-width: 96%;
    margin: auto; }

.note-editor.note-airframe .note-editing-area .note-editable span,
.note-editor.note-frame .note-editing-area .note-editable span {
  color: #565f70 !important; }

.ul-nav {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px; }
  .ul-nav li {
    list-style: none;
    display: inline; }
    .ul-nav li a {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px; }
      .ul-nav li a i {
        font-size: 20px; }

*::-webkit-scrollbar {
  width: 12px;
  cursor: pointer !important; }

*::-webkit-scrollbar-thumb {
  background-color: #01a89e;
  border-radius: 20px;
  cursor: pointer !important; }

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  z-index: 9999; }

.modal_show {
  display: flex; }

.modal_loading:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border: 2px dashed #000;
  border-radius: 100%;
  animation: modal-preloader 2.5s infinite linear; }

.modal__inner {
  position: relative;
  max-width: 850px;
  max-height: 95%;
  display: flex;
  flex-direction: column;
  padding: 40px;
  box-sizing: border-box; }

.modal__content {
  max-width: 100vw;
  padding: 20px 25px;
  border: 2px solid #000;
  background: #fff;
  box-sizing: border-box;
  overflow-y: auto; }

.modal_loading .modal__content {
  background: none;
  border: 0; }

.modal__open {
  cursor: pointer; }

.modal__close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 25px;
  height: 25px;
  border: 0;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik0yOC45NDEsMzEuNzg2TDAuNjEzLDYwLjExNGMtMC43ODcsMC43ODctMC43ODcsMi4wNjIsMCwyLjg0OWMwLjM5MywwLjM5NCwwLjkwOSwwLjU5LDEuNDI0LDAuNTkgICBjMC41MTYsMCwxLjAzMS0wLjE5NiwxLjQyNC0wLjU5bDI4LjU0MS0yOC41NDFsMjguNTQxLDI4LjU0MWMwLjM5NCwwLjM5NCwwLjkwOSwwLjU5LDEuNDI0LDAuNTljMC41MTUsMCwxLjAzMS0wLjE5NiwxLjQyNC0wLjU5ICAgYzAuNzg3LTAuNzg3LDAuNzg3LTIuMDYyLDAtMi44NDlMMzUuMDY0LDMxLjc4Nkw2My40MSwzLjQzOGMwLjc4Ny0wLjc4NywwLjc4Ny0yLjA2MiwwLTIuODQ5Yy0wLjc4Ny0wLjc4Ni0yLjA2Mi0wLjc4Ni0yLjg0OCwwICAgTDMyLjAwMywyOS4xNUwzLjQ0MSwwLjU5Yy0wLjc4Ny0wLjc4Ni0yLjA2MS0wLjc4Ni0yLjg0OCwwYy0wLjc4NywwLjc4Ny0wLjc4NywyLjA2MiwwLDIuODQ5TDI4Ljk0MSwzMS43ODZ6Ii8+Cjwvc3ZnPgo=") no-repeat center;
  transition: visibility .3s;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none; }

.modal__close:focus,
.modal__close:hover {
  transform: scale(1.1); }

.modal_loading .modal__close {
  visibility: hidden; }

@keyframes modal-preloader {
  100% {
    transform: rotate(360deg); } }
.tour-details-page {
  background-color: #fff;
  padding-bottom: 90px !important; }
  .tour-details-page .profile-cover {
    max-height: 100px; }
    .tour-details-page .profile-cover .content .profile {
      justify-content: start; }
  .tour-details-page .app-footer {
    margin-bottom: 60px !important; }
  .tour-details-page .custom-tabs {
    margin-top: 5vh; }

.book-tour-page {
  background-color: #fff; }
  .book-tour-page .app-footer {
    margin-bottom: 60px !important; }
  .book-tour-page .custom-tabs {
    margin-top: 5vh; }

.responsive-flex {
  display: flex;
  gap: 20px; }

.about-us-page {
  padding: 0; }

@media (max-width: 1025px) {
  .responsive-flex {
    display: grid;
    grid-template-columns: 100%; }

  .responsive-grid .price {
    text-align: left !important;
    margin-bottom: 20px; } }
.inner-page {
  padding-top: 49px; }
  .inner-page .header {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: 0 2px 4px 1px rgba(9, 30, 66, 0.08);
    position: fixed;
    top: 0;
    width: 100%;
    min-height: 50px; }
    .inner-page .header .search-open {
      position: relative;
      width: 200px; }
      .inner-page .header .search-open .search-bar {
        color: #565f70;
        border-bottom: 1px solid #9ba3af; }
    .inner-page .header ul li a i {
      color: #2b2b2b;
      font-size: 20px; }
    .inner-page .header ul li .login-btn i {
      color: #2b2b2b; }
      .inner-page .header ul li .login-btn i svg {
        fill: #2b2b2b; }
    .inner-page .header ul li .login-btn span {
      color: #2b2b2b; }
    .inner-page .header .navbar ul li i {
      color: #2b2b2b; }
    .inner-page .header .navbar ul li a {
      color: #2b2b2b !important; }
      .inner-page .header .navbar ul li a svg {
        fill: #2b2b2b !important; }
  .inner-page .custom-tabs {
    margin-top: 5vh; }
  .inner-page .site-footer1 {
    margin-bottom: 0px; }

.partners-page {
  padding: 0; }
  .partners-page .profile {
    border-bottom: 1px solid #e9e9e9;
    transition: 0.4s;
    cursor: auto; }
    .partners-page .profile .pic {
      background: #f5f5f5;
      width: 60px;
      height: 60px;
      box-sizing: border-box;
      border: 1px solid #e9e9e9;
      padding-top: 60px;
      border-radius: 0; }
      .partners-page .profile .pic img {
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .partners-page .profile:nth-child(even) {
      background: #f5f5f5; }
    .partners-page .profile:hover {
      background: #eff5ff; }
  .partners-page .shape-tabs {
    margin-top: 20px;
    gap: 0; }

.lead-page .lead-banner {
  width: 100%;
  height: 100vh; }
  .lead-page .lead-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
.lead-page .lead-intro {
  box-sizing: border-box;
  color: #f26a26;
  font-weight: normal; }
  .lead-page .lead-intro span {
    color: #29aae2; }
@media (max-width: 767px) {
  .lead-page .lead-banner {
    width: 100%;
    height: 40vh; }
  .lead-page .lead-intro {
    padding: 40px; }
  .lead-page .animated-form {
    padding: 20px;
    box-sizing: border-box; } }

@media (max-width: 767px) {
  .inner-page .round-tabs {
    margin-top: 3vh !important; }
    .inner-page .round-tabs .tab-btns {
      display: none !important;
      gap: 1 !important; }
      .inner-page .round-tabs .tab-btns .tab-btn {
        border-radius: 5px !important;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important; }
  .inner-page .main-heading {
    padding-bottom: 0 !important;
    text-transform: capitalize !important;
    font-size: 18px !important; }
    .inner-page .main-heading::after {
      display: none !important; }
  .inner-page #slide-window {
    height: 320px; }
    .inner-page #slide-window .booking-widget {
      justify-content: center;
      width: 100% !important; }
      .inner-page #slide-window .booking-widget form {
        background: rgba(0, 0, 0, 0.6) !important;
        background: none;
        box-sizing: border-box;
        padding: 20px !important; }
        .inner-page #slide-window .booking-widget form .sub-heading {
          text-align: center;
          color: #fff !important; }

  .book-tour-page {
    background-color: #fff; }
    .book-tour-page .partner-search {
      top: 48px; }
    .book-tour-page .breadcrumb {
      display: none; } }
@media (max-width: 1700px) {
  .custom-grid-4 {
    display: grid;
    grid-template-columns: 22% 22% 22% 31%;
    justify-content: space-between; }

  .home-contact {
    min-height: 700px !important;
    display: grid;
    align-items: center; }

  .blanck-panel {
    min-height: auto !important; } }
@media (max-width: 1026px) {
  .custom-grid-5 {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between; } }
@media (max-width: 1025px) {
  .company-cover {
    height: 150px;
    margin-top: 50px !important; }
    .company-cover .image-container {
      min-height: 100% !important; }
      .company-cover .image-container .bg-image {
        max-height: 50px; }

  *::-webkit-scrollbar {
    width: 3px;
    height: 3px; }

  .peralux {
    height: 200px;
    margin-top: 100px; }
    .peralux .image-container {
      min-height: 100% !important; }
      .peralux .image-container .bg-image {
        max-height: 50px; }

  .home-contact {
    height: auto;
    padding-bottom: 80px; }
    .home-contact .pera {
      padding: 5px 20px !important;
      box-sizing: border-box; }
    .home-contact .heading {
      text-align: center; }

  .custom-grid-4 {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between; }

  .custom-grid-5 {
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between; }

  .categories-section {
    min-height: inherit;
    height: auto; }

  .categories-list {
    grid-template-columns: 49% 49%;
    gap: 20px; }

  .alt-breadcrumb {
    top: 50px; }

  .responsive-grid {
    display: inherit !important; }

  .operator-trips {
    background: none !important;
    padding: 0rem !important; }

  .app-store {
    display: grid;
    align-items: center; }
    .app-store .container {
      display: grid;
      grid-template-columns: 100%;
      gap: 30px;
      justify-content: space-between; }
    .app-store .store-image {
      justify-content: center; }
      .app-store .store-image .phone {
        width: 200px;
        position: relative; }
        .app-store .store-image .phone img {
          width: 100%; }
          .app-store .store-image .phone img:last-child {
            display: none; }
    .app-store .app-intro {
      display: grid;
      justify-content: center;
      align-content: center;
      text-align: center; }
      .app-store .app-intro .store-btns {
        display: inherit;
        justify-content: center;
        width: 100%; } }
@media (max-width: 767px) {
  .custom-grid-4 {
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between; }

  .categories-list {
    grid-template-columns: 100%; }

  .responsive-map {
    margin-bottom: 0px !important; }
    .responsive-map > div {
      height: 250px; }
    .responsive-map iframe {
      position: inherit; }

  .title-sub .value {
    text-align: left;
    margin-left: 26px; }

  .title-sub {
    justify-content: left !important;
    margin-top: 10px; }

  .devider {
    padding: 20px 0 !important; }

  .submit-btn {
    max-width: 190px; }

  .app-footer h6 {
    text-align: center;
    margin-bottom: 0 !important; }
  .app-footer .footer-inner {
    display: grid;
    grid-template-columns: 100%; }
  .app-footer p {
    text-align: center; }
  .app-footer .footer-links {
    display: grid;
    justify-content: center; }
    .app-footer .footer-links li {
      display: flex !important;
      justify-content: center !important; }
      .app-footer .footer-links li a {
        text-align: center !important; }
  .app-footer .social-icons {
    justify-content: center; }
  .app-footer .footer-inner {
    display: inherit; }
    .app-footer .footer-inner .footer-colm {
      width: 100% !important; }
      .app-footer .footer-inner .footer-colm .logo-sm {
        width: 20%; }
    .app-footer .footer-inner .logo-colm {
      height: auto;
      justify-content: center; }
    .app-footer .footer-inner .heading {
      text-align: center; }
    .app-footer .footer-inner p {
      text-align: center; }
  .app-footer .sub-footer {
    margin-top: 80px; }
    .app-footer .sub-footer .copyright-text {
      text-align: center; }

  .destinations-bg .section-heading .btns {
    margin-bottom: 20px; }

  .map-container .submit-btn {
    width: 100%;
    max-width: inherit;
    display: flex; }
  .map-container .desktop-map {
    display: none; }

  .activity-list {
    padding: 30px 0; }
    .activity-list .activity-item {
      grid-template-columns: 100%; }
      .activity-list .activity-item .activity-image-cell .image-mask {
        width: 390px;
        height: 340px; }
        .activity-list .activity-item .activity-image-cell .image-mask:after {
          content: '';
          width: 70%;
          height: 70%;
          position: absolute;
          left: 13%;
          top: 13%;
          border: 5px solid #36A99D;
          z-index: 2;
          border: 5px solid #36A99D;
          z-index: 2;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          z-index: 0; }
        .activity-list .activity-item .activity-image-cell .image-mask:hover:after {
          left: 15%;
          top: 15%; }
        .activity-list .activity-item .activity-image-cell .image-mask img {
          -webkit-mask-image: url(../images/strokes.png);
          mask-image: url(../images/strokes.png);
          -webkit-mask-size: 100%;
          mask-size: 100%;
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 120%;
          top: -10%;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat; }
      .activity-list .activity-item:nth-child(even) {
        grid-template-columns: 100%; }
        .activity-list .activity-item:nth-child(even) .activity-text {
          display: grid;
          align-items: center;
          grid-column: 1/3;
          grid-row: 1/1; }
        .activity-list .activity-item:nth-child(even) .activity-image-cell {
          grid-column: 1/1;
          grid-row: 2/3;
          justify-content: left !important; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask:after {
            content: '';
            width: 70%;
            height: 70%;
            position: absolute;
            left: 13%;
            top: 13%;
            border: 5px solid #29aae2;
            z-index: 2;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            z-index: 0; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask:hover:after {
            left: 15%;
            top: 15%; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask img {
            -webkit-mask-image: url(../images/strokes.png);
            mask-image: url(../images/strokes.png);
            -webkit-mask-size: 100%;
            mask-size: 100%;
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 120%;
            top: -10%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat; }

  .activity-slider .slider {
    display: block; }
    .activity-slider .slider li {
      min-height: 100%;
      min-width: 340px; }
  .activity-slider .slider-item {
    width: 100%; }
    .activity-slider .slider-item .gallery {
      width: 100%;
      height: 300px; } }
.rating .active {
  color: orange; }

.progress svg {
  font-size: 0.7rem; }
.progress circle {
  animation: progress 2.5s ease-in-out infinite;
  stroke-dasharray: 377;
  /*creates a stroke the same size as the circumference of the circle*/
  stroke-dashoffset: 40;
  /*fill percentage of the stroke 377==1%*/
  /*stroke-linecap:round;*/
  transform-origin: center;
  transform: rotate(-110deg); }
.progress .background {
  stroke-dashoffset: 0;
  stroke: #e6e6e6; }
.progress text {
  fill: #4d4d4d; }
.progress .title {
  font-size: 1.5rem;
  font-weight: bold; }
.progress .graph-color {
  stroke: #f26a26;
  animation: fill 3s ease forwards; }
@keyframes fill {
  from {
    stroke-dashoffset: 377; }
  to {
    stroke-dashoffset: 40; } }
@keyframes fill-two {
  from {
    stroke-dashoffset: 377; }
  to {
    stroke-dashoffset: 189; } }
.dayplaner .tab-btns {
  display: -webkit-box;
  display: -webkit-flex;
  padding: 0;
  display: -ms-flexbox;
  display: flex; }
  .dayplaner .tab-btns .tab-btn {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style: none;
    position: relative;
    -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
    .dayplaner .tab-btns .tab-btn:hover {
      opacity: 0.75; }
    .dayplaner .tab-btns .tab-btn .thumb {
      display: block;
      height: 60px;
      background: #0bcec1;
      -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
      .dayplaner .tab-btns .tab-btn .thumb:before {
        content: attr(data-letter);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 50px;
        text-transform: uppercase;
        opacity: 0.15; }
    .dayplaner .tab-btns .tab-btn .label {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #1a1a1a;
      margin: 0; }
    .dayplaner .tab-btns .tab-btn:after {
      content: "";
      position: absolute;
      opacity: 0;
      bottom: 0px;
      transition: 0.4s;
      left: 50%;
      margin-left: -5px;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent #fff transparent; }
  .dayplaner .tab-btns .disabled .thumb::before {
    color: #9ba3af !important; }
  .dayplaner .tab-btns .disabled:nth-child(even) .thumb {
    background: #f5f5f5; }
  .dayplaner .tab-btns .disabled:nth-child(odd) .thumb {
    background: #e9e9e9; }
  .dayplaner .tab-btns .disabled .label {
    color: #9ba3af !important; }
  .dayplaner .tab-btns .disabled::after {
    display: none !important; }
  .dayplaner .tab-btns .active::after {
    opacity: 10; }
  .dayplaner .tab-btns .active .thumb {
    background: #01a89e;
    color: #fff; }
  .dayplaner .tab-btns .active .label {
    color: #fff; }

@media (max-width: 1025px) {
  .ui-table {
    margin-top: 0; }
    .ui-table .row {
      padding: 0; }

  .check-list {
    padding: 0; }

  .form-wizard .wizard-fieldset {
    padding: 0;
    padding-top: 80px; }

  .header-btn {
    width: auto !important;
    padding: 15px !important; }
    .header-btn span {
      display: none; }

  .custom-nav {
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 9999; }
    .custom-nav .btn {
      background: #f5f5f5; }
      .custom-nav .btn span {
        display: none; }

  .jira-editor .content {
    min-height: 40vh !important; }

  .mobile-panel {
    padding-top: 0; }
    .mobile-panel .control-panel {
      padding-top: 60px !important; }
      .mobile-panel .control-panel .panel-content {
        padding-top: 10px !important;
        padding: 0px;
        padding-bottom: 50px !important;
        overflow-y: inherit; }
        .mobile-panel .control-panel .panel-content > * {
          padding: 10px; }
        .mobile-panel .control-panel .panel-content .widgets .widget .second-heading {
          text-align: right; }
        .mobile-panel .control-panel .panel-content .animated-form {
          padding: 0px; }
          .mobile-panel .control-panel .panel-content .animated-form .ms-dark {
            border: none; }
          .mobile-panel .control-panel .panel-content .animated-form .odd-bg {
            padding: 0;
            background: none; }
      .mobile-panel .control-panel #app-heading {
        display: none; }

  .book-flow {
    padding-bottom: 50px; }
    .book-flow .submition {
      padding: 0; }
    .book-flow .tour-card {
      background: #f5f5f5 !important;
      padding: 10px;
      border-radius: 10px; }
      .book-flow .tour-card .check-list {
        padding-bottom: 0; }
    .book-flow .sub-heading {
      text-align: center;
      padding: 10px 0; }
    .book-flow .quantity-list .submit-btn span {
      display: none; }
    .book-flow .quantity-list .inputs {
      min-width: 150px; } }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: 4px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: 4px;
  position: absolute;
  top: 50%;
  width: 0; }

@media (max-width: 767px) {
  .edit-profile .profile {
    width: 100%;
    height: 100%; }

  .edit-profile .profile .pic {
    width: 100%;
    height: 100%; } }
.modran-table {
  border-radius: 5px;
  overflow: hidden;
  position: relative; }
  .modran-table .custom-table {
    border: 1px solid #e9e9e9;
    border-radius: 5px; }
  .modran-table .table-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .modran-table .title {
    font-size: 16px;
    color: #565f70;
    margin: 0;
    padding: 0; }
  .modran-table .sub-title {
    font-size: 12px !important;
    color: #9ba3af;
    margin: 0;
    padding: 0;
    font-weight: 300; }
  .modran-table th {
    padding: 10px 10px;
    box-sizing: border-box;
    color: #898989;
    font-size: 14px; }
  .modran-table thead {
    border-bottom: 1px solid #e9e9e9; }
  .modran-table .dull {
    color: #959494;
    margin: 0; }
  .modran-table tr {
    background-color: #f6f6f6 !important;
    font-size: 12px;
    transition: 0.4s;
    border-bottom: 1px solid #e9e9e9; }
    .modran-table tr:hover {
      background: #fff !important;
      z-index: 999 !important; }
  .modran-table td {
    border: none;
    padding: 10px !important; }
  .modran-table .status {
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    font-size: 12px; }
  .modran-table .paid {
    background-color: #e6f7f5;
    color: #01a89e; }
  .modran-table .green-status {
    background-color: #e6f7f5;
    color: #01a89e; }
  .modran-table .orange-status {
    background-color: #ffe1d2;
    color: #f26a26; }
  .modran-table .red-status {
    background-color: #ffd7d6;
    color: #ef4f4c; }
  .modran-table .gray-status {
    background-color: #e9e9e9;
    color: #fff; }
  .modran-table .view-btn {
    border: 1px solid #01a89e;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    transition: 0.4s; }
    .modran-table .view-btn i {
      color: #565f70;
      transition: 0.4s; }
    .modran-table .view-btn:hover {
      background: #01a89e; }
      .modran-table .view-btn:hover i {
        color: #fff; }
  .modran-table .remining {
    background-color: #ffe1d2;
    color: #f26a26; }
  .modran-table .photo-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px; }
    .modran-table .photo-details .photo {
      width: 50px;
      min-width: 50px;
      box-sizing: border-box;
      height: 50px;
      border-radius: 5px;
      position: relative;
      padding-top: 50px;
      overflow: hidden; }
      .modran-table .photo-details .photo img {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        object-fit: cover; }
    .modran-table .photo-details .details {
      font-size: 14px; }
      .modran-table .photo-details .details .name {
        color: #494949;
        margin: 0;
        font-weight: 500; }
      .modran-table .photo-details .details .designation {
        color: #959494;
        font-size: 12px;
        margin: 0; }
  .modran-table .table-form {
    background: #fff !important;
    padding: 20px 0;
    box-sizing: border-box; }
    .modran-table .table-form .inputs {
      border: none;
      margin: 10px 0 !important;
      padding: 0px;
      box-shadow: none;
      border-radius: 5px; }
      .modran-table .table-form .inputs i {
        color: #01a89e;
        top: 14px;
        left: 6px;
        font-size: 24; }
      .modran-table .table-form .inputs .input-services,
      .modran-table .table-form .inputs .select2-container,
      .modran-table .table-form .inputs .input-control {
        border: none;
        padding-top: 10px;
        border: 1px solid #e9e9e9;
        color: #565f70;
        font-size: 12px;
        padding-left: 40px;
        z-index: 1; }
        .modran-table .table-form .inputs .input-services .selection,
        .modran-table .table-form .inputs .select2-container .selection,
        .modran-table .table-form .inputs .input-control .selection {
          border: none !important; }
      .modran-table .table-form .inputs .input-label {
        left: 35px;
        color: #a5a5a5;
        top: 12px; }
    .modran-table .table-form .input-focus .input-label {
      top: -7px;
      font-size: 10px;
      left: 30px; }

.photo-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px; }
  .photo-details .photo {
    width: 50px;
    box-sizing: border-box;
    height: 50px;
    border-radius: 5px;
    position: relative;
    padding-top: 50px;
    overflow: hidden; }
    .photo-details .photo img {
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 50px;
      object-fit: cover; }
  .photo-details .details {
    font-size: 14px; }
    .photo-details .details .name {
      color: #494949;
      margin: 0;
      font-weight: 500; }
    .photo-details .details .designation {
      color: #959494;
      font-size: 12px;
      margin: 0; }

@media (max-width: 767px) {
  .modran-table {
    border-radius: 5px;
    overflow: inherit;
    max-height: inherit;
    height: auto;
    border: none;
    position: relative;
    padding-bottom: 20px;
    z-index: 0; }
    .modran-table thead {
      display: none; }
    .modran-table .custom-table {
      border: none; } }
.dummy-bg {
  background-color: #e5e5e5;
  padding: 20px;
  box-sizing: border-box; }

.payment-receipt {
  background: #fff;
  position: relative;
  height: 100%;
  padding: 8%;
  box-sizing: border-box; }
  .payment-receipt:after {
    background-repeat: repeat-x;
    width: 100%;
    left: 0;
    position: absolute;
    height: 11px;
    top: -11px; }
  .payment-receipt:before {
    left: 0;
    background-repeat: repeat-x;
    width: 100%;
    transform: rotate(180deg);
    position: absolute;
    height: 11px;
    bottom: -11px; }
  .payment-receipt .receipt-table {
    border-top: 2px dashed #7a869a;
    padding: 10px 0; }
    .payment-receipt .receipt-table .modran-table {
      box-shadow: none;
      font-size: 12px !important; }
      .payment-receipt .receipt-table .modran-table tr {
        background-color: inherit !important;
        border-bottom: none !important; }
        .payment-receipt .receipt-table .modran-table tr td {
          padding-top: 5px !important;
          padding-bottom: 5px !important; }
        .payment-receipt .receipt-table .modran-table tr .flex {
          gap: 10px; }
      .payment-receipt .receipt-table .modran-table p {
        margin: 0 !important; }
    .payment-receipt .receipt-table .receipt-total {
      padding: 10px 0;
      margin-top: 0 !important; }
      .payment-receipt .receipt-table .receipt-total td {
        font-size: 18px !important;
        font-weight: 600; }
  .payment-receipt .receipt-footer {
    border-top: 2px dashed #7a869a;
    text-align: center;
    color: #01a89e;
    padding: 10px 0; }
  .payment-receipt header {
    border: none;
    display: grid;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    width: 100%;
    color: black !important;
    position: inherit; }
  .payment-receipt .heading {
    color: #565f70;
    text-transform: uppercase;
    font-size: 16px; }
  .payment-receipt .top-details {
    padding: 10px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; }
    .payment-receipt .top-details .bank {
      display: flex; }
      .payment-receipt .top-details .bank img {
        width: 25px !important; }
    .payment-receipt .top-details .receipt-key {
      color: #9ba3af;
      font-size: 12px; }
    .payment-receipt .top-details .receipt-value {
      color: #565f70;
      font-size: 14px; }
    .payment-receipt .top-details p {
      margin: 0;
      padding: 0; }
    .payment-receipt .top-details > div {
      width: 25%;
      height: 100%; }
      .payment-receipt .top-details > div:last-child {
        width: auto; }
      .payment-receipt .top-details > div .qr-code {
        width: 100%;
        height: 100%; }
        .payment-receipt .top-details > div .qr-code svg {
          width: 100%; }
        .payment-receipt .top-details > div .qr-code img {
          width: 100%; }
  .payment-receipt .user-details {
    padding: 20px 0;
    display: grid;
    justify-content: left;
    gap: 20px; }
  .payment-receipt .photo-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px; }
    .payment-receipt .photo-details .photo {
      width: 50px;
      box-sizing: border-box;
      height: 50px;
      border-radius: 50%;
      position: relative;
      padding-top: 50px;
      overflow: hidden; }
      .payment-receipt .photo-details .photo img {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        object-fit: cover; }
    .payment-receipt .photo-details .details {
      font-size: 14px; }
      .payment-receipt .photo-details .details .name {
        color: #494949;
        margin: 0;
        font-weight: 500; }
      .payment-receipt .photo-details .details .designation {
        color: #959494;
        font-size: 12px;
        margin: 0; }

@media (max-width: 767px) {
  .payment-receipt .receipt-table .modran-table tr {
    border-bottom: 1px solid #e9e9e9 !important; } }
.user-dashboard {
  width: 100%;
  height: auto; }
  .user-dashboard .basic-info-header {
    display: flex;
    justify-content: space-between; }
    .user-dashboard .basic-info-header .upload-pic {
      display: none; }
  .user-dashboard .user-header {
    display: flex;
    align-items: center;
    justify-content: left !important;
    margin-bottom: 40px; }
    .user-dashboard .user-header .title {
      display: flex;
      gap: 5px; }
    .user-dashboard .user-header i {
      margin-right: 0; }
    .user-dashboard .user-header .heading {
      margin: 0;
      display: block;
      display: -webkit-box;
      width: 300px;
      max-width: 100%;
      font-weight: 600;
      font-size: 18px !important;
      height: 23px !important;
      line-height: 21px !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .user-dashboard .heading {
    border: none;
    color: #565f70;
    text-transform: capitalize; }
  .user-dashboard .fill-tabs .tab_pannels {
    padding-top: 0; }
  .user-dashboard .fill-tabs .tab-panel {
    padding: 20px !important; }
  .user-dashboard .fill-tabs .tabs-outer {
    display: flex;
    padding-top: 20px;
    border-bottom: 1px solid #01a89e;
    justify-content: space-between; }
    .user-dashboard .fill-tabs .tabs-outer button {
      margin-bottom: 10px; }
  .user-dashboard .fill-tabs .tab-btns {
    justify-content: flex-start;
    gap: 20px; }
    .user-dashboard .fill-tabs .tab-btns .tab-btn {
      border: none;
      background: none;
      width: auto !important;
      position: relative;
      font-size: 14px;
      font-weight: 600;
      color: #565f70; }
    .user-dashboard .fill-tabs .tab-btns .active p {
      color: #01a89e; }
    .user-dashboard .fill-tabs .tab-btns .active:after {
      content: "";
      position: absolute;
      bottom: 0px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #01a89e; }
  .user-dashboard .fill-tabs .bg-color {
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background: #f9f9f9; }
  .user-dashboard .user-cover {
    background-repeat: repeat-x;
    height: 120px;
    width: 100%; }
  .user-dashboard .second-btn {
    min-width: 200px;
    border: 1px solid #01a89e;
    background: #e6f7f5;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    color: #01a89e;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.4s;
    align-items: center; }
    .user-dashboard .second-btn i {
      color: #01a89e;
      transition: 0.4s; }
    .user-dashboard .second-btn:hover {
      background: #01a89e;
      color: #fff; }
      .user-dashboard .second-btn:hover i {
        color: #fff; }
  .user-dashboard .second-fill-btn {
    min-width: 200px;
    border: 1px solid #01a89e;
    background: #01a89e;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.4s;
    align-items: center; }
    .user-dashboard .second-fill-btn i {
      color: #fff;
      transition: 0.4s; }
    .user-dashboard .second-fill-btn:hover {
      background: #e6f7f5;
      color: #01a89e; }
      .user-dashboard .second-fill-btn:hover i {
        color: #01a89e; }
  .user-dashboard .user-container {
    width: 100%;
    grid-template-columns: 250px auto;
    display: grid;
    gap: 30px;
    margin: 0 auto;
    margin-top: -65px !important;
    width: 100%;
    max-width: 1366px; }
    .user-dashboard .user-container .left-menu {
      width: 100%; }
  .user-dashboard .upload-pic {
    background-color: #01a89e;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    box-sizing: border-box; }
    .user-dashboard .upload-pic .pic {
      border-radius: 50%;
      border: 3px solid #fff; }
      .user-dashboard .upload-pic .pic img {
        border-radius: 50%; }
    .user-dashboard .upload-pic .edit-btns {
      border: 3px solid #fff;
      right: -7px;
      width: 35px;
      height: 35px; }
      .user-dashboard .upload-pic .edit-btns i {
        font-size: 14px; }
  .user-dashboard .edit-pic {
    background: none;
    display: none; }
  .user-dashboard .user-side-menu {
    width: 100%;
    top: 50px;
    padding: 0 0px;
    box-sizing: border-box;
    right: 0px; }
    .user-dashboard .user-side-menu ul {
      padding: 0;
      margin: 0;
      display: grid !important;
      grid-template-columns: 100%; }
      .user-dashboard .user-side-menu ul li {
        list-style: none; }
      .user-dashboard .user-side-menu ul a {
        margin: 0;
        padding: 0;
        font-size: 12px;
        color: #5a5a5a;
        display: flex;
        padding: 15px;
        gap: 10px; }
        .user-dashboard .user-side-menu ul a i {
          border-right: 1px solid #e9e9e9;
          color: #565f70;
          padding-right: 5px;
          font-size: 20px; }
          .user-dashboard .user-side-menu ul a i svg {
            width: 15px;
            padding-right: 10px;
            fill: #5a5a5a;
            height: 15px; }
        .user-dashboard .user-side-menu ul a:hover {
          color: #01a89e;
          background: #f5f5f5;
          border-radius: 5px; }
          .user-dashboard .user-side-menu ul a:hover i {
            color: #01a89e; }
          .user-dashboard .user-side-menu ul a:hover svg {
            fill: #01a89e; }

@media (max-width: 767px) {
  .user-side-panel .user-side-menu {
    display: none; }

  .user-dashboard .sm-hidden {
    display: none !important; }
  .user-dashboard .basic-info-header {
    display: inherit; }
    .user-dashboard .basic-info-header .upload-pic {
      display: block;
      padding: 10px 100px; }
  .user-dashboard .edit-pic {
    display: block; }
  .user-dashboard .user-container {
    display: inherit; }

  .user-dashboard .fill-tabs .tabs-outer {
    padding-top: 0; }

  .user-dashboard .fill-tabs .tab-btns .tab-btn {
    height: 65px; }

  .user-dashboard .fill-tabs .tabs-outer button {
    min-width: inherit; }
    .user-dashboard .fill-tabs .tabs-outer button span {
      display: none; }

  .user-dashboard .fill-tabs .tab-btns .active:after {
    left: 40%; }

  .user-dashboard .user-cover {
    background-repeat: repeat-x;
    height: 100px;
    width: 100%; }

  .user-dashboard .user-header {
    box-sizing: border-box;
    padding: 10px;
    display: block; }
    .user-dashboard .user-header .heading {
      display: block;
      display: -webkit-box;
      max-width: 100%;
      font-size: 18px !important;
      height: 21px !important;
      line-height: 21px !important;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; } }
.message-page {
  background: #fff;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  box-sizing: border-box; }
  .message-page .logo {
    width: 150px; }
    .message-page .logo svg {
      width: 100%; }
    .message-page .logo .logo-dark .st0 {
      fill: #01a89e; }
    .message-page .logo .logo-dark .st1 {
      fill: #29aae2; }
    .message-page .logo .logo-dark .st2 {
      fill: #f26a26; }
    .message-page .logo .logo-light .st0 {
      fill: #FFFFFF; }
    .message-page .logo .logo-light .st1 {
      fill: #F26A26; }
  .message-page .btn {
    justify-content: center; }
    .message-page .btn i {
      font-size: 14px;
      display: inherit; }
  .message-page .page-container {
    width: 500px;
    max-width: 100%;
    height: auto; }
  .message-page .pageicon {
    border-radius: 50%;
    font-size: 30px;
    padding: 20px; }
  .message-page .icon-animation {
    animation: icon-animation 0.4s alternate infinite; }
@keyframes icon-animation {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 10; } }
  .message-page .heading {
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 600;
    font-size: 24px; }

.thankyou-page .btn i {
  color: #fff; }
.thankyou-page .pageicon {
  color: #fff;
  background: #01a89e; }
.thankyou-page .heading span {
  color: #01a89e; }

.error-page .btn {
  background: #f26a26 !important; }
  .error-page .btn i {
    color: #fff; }
.error-page .pageicon {
  color: #fff;
  background: #f26a26; }
.error-page .heading span {
  color: #f26a26; }

@media (max-width: 767px) {
  .message-page .page-container {
    width: 100%;
    max-width: 100%;
    height: auto; } }
.comparison-table {
  width: 100%;
  font-size: .875rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .comparison-table .list-group-item {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center; }
  .comparison-table table {
    min-width: 41rem;
    table-layout: fixed; }
    .comparison-table table tbody + tbody {
      border-top-width: 1px; }
  .comparison-table .operator {
    display: flex;
    align-items: center; }
  .comparison-table h5 {
    line-height: 20px;
    text-transform: capitalize; }
  .comparison-table .dp {
    width: 80px !important;
    height: 80px !important;
    overflow: hidden; }
    .comparison-table .dp img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .comparison-table .table-bordered thead td {
    border-bottom-width: 1px; }
  .comparison-table .table-bordered .showrating {
    flex-direction: inherit !important; }
  .comparison-table .table-bordered .pera {
    margin-bottom: 0 !important; }
  .comparison-table .table-bordered .list-group .list-group-item i {
    margin-right: 10px; }
  .comparison-table .comparison-item {
    position: relative;
    padding: 0;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    border-radius: 10px;
    text-align: center; }
    .comparison-table .comparison-item .comparison-item-thumb {
      display: block;
      width: 100%;
      height: 100%;
      margin-right: auto;
      margin-left: auto; }
      .comparison-table .comparison-item .comparison-item-thumb > img {
        display: block;
        width: 100%; }
    .comparison-table .comparison-item .comparison-item-title {
      display: block;
      width: 100%;
      margin-bottom: 14px;
      color: #222;
      font-weight: 600;
      text-decoration: none; }
      .comparison-table .comparison-item .comparison-item-title:hover {
        text-decoration: underline; }
    .comparison-table .comparison-item .btn {
      margin: 0; }
    .comparison-table .comparison-item .remove-item {
      display: block;
      position: absolute;
      top: -.3125rem;
      right: -.3125rem;
      width: 1.375rem;
      height: 1.375rem;
      border-radius: 50%;
      background-color: #f44336;
      color: #fff;
      text-align: center;
      cursor: pointer; }
      .comparison-table .comparison-item .remove-item .feather {
        width: .875rem;
        height: .875rem; }

.comparison-table.add-tour {
  border: 1px solid rgba(0, 0, 0, 0.125);
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 10px; }
  .comparison-table.add-tour .icon {
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 20px;
    border-radius: 5px; }
    .comparison-table.add-tour .icon i {
      font-size: 50px; }

.table-bordered th {
  border: 1px solid #e7e7e7; }
.table-bordered td {
  border: 1px solid #e7e7e7; }

.head-bg {
  background-color: #e6f7f5 !important; }

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  min-height: 336px; }

i {
  color: #9ba3af; }

#advertismentOnHomePageTop a {
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  overflow: hidden;
  height: 470px; }
#advertismentOnHomePageTop img {
  width: 100%;
  max-height: 100%;
  object-fit: cover; }

.logo-md {
  width: 120px; }

.logo-lg {
  width: 300px; }

.offers .logo-sm {
  width: 80px; }

body {
  padding: 0;
  margin: 0; }

.payment {
  list-style-type: none;
  display: grid;
  padding: 0;
  grid-template-columns: auto auto auto;
  justify-content: space-between; }
  .payment li {
    display: inline-block; }
  .payment input[type="checkbox"][id^="myCheckbox"] {
    display: none; }
  .payment label {
    border: 1px solid #fff;
    padding: 10px;
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer; }
  .payment label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0); }
  .payment label img {
    height: 50px;
    width: 50px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%; }
  .payment :checked + label {
    border-color: #ddd; }
  .payment :checked + label:before {
    content: "✓";
    background-color: grey;
    transform: scale(1); }
  .payment :checked + label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1; }

.perallux {
  background-image: url(../images/banner/3.jpg); }

.main-container {
  width: 100%;
  padding-top: 8vh;
  box-sizing: border-box;
  height: 100vh;
  box-sizing: border-box;
  background: #fff;
  display: grid;
  grid-template-columns: 17% 83%;
  transition: .4s; }
  .main-container .login {
    width: 500px;
    margin: 0 auto; }

p {
  text-align: left; }

strong {
  text-align: left; }

* {
  font-family: "Prompt", sans-serif; }

.edit-profile .profile .pic {
  background-size: cover;
  background-repeat: no-repeat; }

.flex {
  display: flex; }

.subtitle {
  color: #565f70 !important; }
  .subtitle::after {
    display: none; }

.no-border {
  border: none !important; }
  .no-border td {
    border: none; }

.no-data {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #eff5ff;
  min-height: 300px; }
  .no-data i {
    font-size: 50px;
    color: #065369;
    text-align: center; }
  .no-data .heading {
    color: #065369;
    text-align: center; }

.global-btn {
  background: none;
  border: none;
  margin-left: 20px;
  fill: #2b2b2b;
  color: #2b2b2b; }
  .global-btn svg {
    width: 20px; }
  .global-btn:hover {
    fill: #29aae2;
    color: #29aae2; }

.logo-sm {
  width: 80px; }

.white {
  color: #fff; }

.bg-white {
  background: #fff; }

.text-alert {
  color: #ef4f4c !important; }

.btns nav {
  display: flex;
  gap: 20px;
  padding: 10px 0; }
  .btns nav div a {
    background: #01a89e !important;
    border-radius: 5px;
    padding: 10px;
    color: #fff; }

.width-auto {
  width: auto !important; }

.responsive-map {
  overflow: hidden;
  padding-bottom: 0;
  max-height: 470px;
  min-height: 250px;
  position: relative;
  height: auto;
  margin: 0; }
  .responsive-map iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

.price {
  color: #f26a26 !important; }

.title-sub {
  color: #565f70;
  text-align: right;
  justify-content: right;
  margin-top: 0px; }
  .title-sub .key {
    font-size: 16px;
    align-items: right; }
  .title-sub .value {
    font-size: 14px;
    color: #7a869a;
    text-align: right; }

.operator-trips {
  background: #f5f5f5;
  padding: 1rem; }

.block {
  display: inherit !important; }

/* start contect */
.home-contact:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 82, 77, 0.806);
  z-index: 0; }
.home-contact .main-heading:after {
  display: none; }
.home-contact .devider {
  position: absolute;
  border: none;
  z-index: 2; }
.home-contact .inputs {
  margin: 20px; }
.home-contact .third-heading {
  color: #fff; }
.home-contact .input-control {
  border: none;
  background: none !important;
  border-bottom: 1px solid #e6f7f5;
  color: #e9e9e9;
  background-color: none !important; }
  .home-contact .input-control:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: none;
    transition: background-color 5000s ease-in-out 0s; }
.home-contact .input-label {
  background: none;
  color: #fff; }
.home-contact i {
  color: #fff;
  padding-right: 10px; }
.home-contact .input-open .input-label,
.home-contact .input-focus .input-label {
  top: -12px;
  background: none !important;
  color: #fff; }
.home-contact .heading {
  color: #fff;
  padding: 20px 20px !important; }

@media (max-width: 767px) {
  .home-contact {
    height: auto;
    padding-bottom: 80px; }
    .home-contact .pera {
      padding: 5px 20px !important;
      box-sizing: border-box; }
    .home-contact .heading {
      text-align: center;
      font-size: 14px; } }
/* end conteact */
.meandyou {
  background-image: url(../images/chat-bg.jpg);
  background-position: fixed; }

.app-section {
  position: relative;
  min-height: 100vh;
  display: grid;
  align-items: center;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover; }

.categories-section {
  background-image: url(../images/app-sections/categories-section.jpg); }

.home-contact {
  background-image: url(../images/app-sections/footer-bg.jpg); }

.app-footer {
  background-image: url(../images/app-sections/footer.jpg); }

.user-view {
  border: none;
  background: none; }
  .user-view:hover {
    color: #01a89e;
    cursor: pointer; }

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
  grid-template-columns: auto minmax(0, 1fr) auto;
  z-index: 99999999; }

.grid-btns {
  background: none;
  border: none;
  font-size: 38px;
  color: #565f70;
  transition: 0.4s; }
  .grid-btns:hover {
    color: #01a89e; }

.add-item .btn-fav {
  top: 10px !important;
  left: 2% !important;
  width: 96%;
  justify-content: flex-end !important; }
  .add-item .btn-fav .fav-btn {
    width: 30px !important;
    height: 30px !important; }
  .add-item .btn-fav .liked {
    background: #01a89e; }
    .add-item .btn-fav .liked i {
      color: #fff; }
.add-item .add-item-link {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 90%;
  bottom: 0px !important; }
.add-item .pera {
  height: 43px !important; }
.add-item .fav-btn {
  background: rgba(0, 0, 0, 0.4);
  width: 30px;
  height: 30px;
  padding: 5px; }
  .add-item .fav-btn i {
    font-size: 22px !important;
    text-shadow: none; }
.add-item .gallery {
  position: relative;
  background-image: url(../images/chat-bg.jpg); }

.map-container .submit-btn {
  width: 100%;
  max-width: inherit;
  display: none; }
.map-container .desktop-map .mapouter {
  width: 100%; }
.map-container .desktop-map .gmap_canvas {
  width: 100%; }
.map-container .desktop-map .gmap_iframe {
  width: 100% !important; }
.map-container .show-map {
  display: block !important; }

.activity-container {
  max-width: 1300px !important; }

.activity-list {
  padding: 30px 0;
  min-height: 40vh; }
  .activity-list .activity-item {
    display: grid;
    align-items: center;
    grid-template-columns: 53% 44%;
    justify-content: space-between; }
    .activity-list .activity-item .activity-text {
      display: grid;
      align-items: center; }
    .activity-list .activity-item .activity-image-cell {
      width: 100%;
      display: grid;
      justify-content: right; }
      .activity-list .activity-item .activity-image-cell .image-mask {
        width: 577px;
        height: 480px;
        position: relative;
        display: inline-block; }
        .activity-list .activity-item .activity-image-cell .image-mask:after {
          content: '';
          width: 70%;
          height: 70%;
          position: absolute;
          left: 13%;
          top: 13%;
          border: 5px solid #36A99D;
          z-index: 2;
          border: 5px solid #36A99D;
          z-index: 2;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          z-index: 0; }
        .activity-list .activity-item .activity-image-cell .image-mask:hover:after {
          left: 15%;
          top: 15%; }
        .activity-list .activity-item .activity-image-cell .image-mask img {
          -webkit-mask-image: url(../images/strokes.png);
          mask-image: url(../images/strokes.png);
          -webkit-mask-size: 100%;
          mask-size: 100%;
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 120%;
          top: -10%;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat; }
    .activity-list .activity-item:nth-child(even) {
      grid-template-columns: 44%  53%; }
      .activity-list .activity-item:nth-child(even) .activity-text {
        display: grid;
        align-items: center;
        grid-column: 2/3; }
      .activity-list .activity-item:nth-child(even) .activity-image-cell {
        grid-column: 1/1;
        grid-row: 1/1;
        justify-content: left !important; }
        .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask {
          position: relative;
          display: inline-block; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask:after {
            content: '';
            width: 70%;
            height: 70%;
            position: absolute;
            left: 13%;
            top: 13%;
            border: 5px solid #29aae2;
            z-index: 2;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            z-index: 0; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask:hover:after {
            left: 15%;
            top: 15%; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask img {
            -webkit-mask-image: url(../images/strokes.png);
            mask-image: url(../images/strokes.png);
            -webkit-mask-size: 100%;
            mask-size: 100%;
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 120%;
            top: -10%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat; }

.lang-dropdown .custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none; }
  .lang-dropdown .custom-select-wrapper select {
    display: none; }
.lang-dropdown .custom-select {
  position: relative;
  display: inline-block; }
.lang-dropdown .custom-select-trigger {
  position: relative;
  display: block;
  width: 90px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
  border-radius: 20px;
  border: 2px solid white;
  cursor: pointer; }
  .lang-dropdown .custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0; }
.lang-dropdown .custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%); }
.lang-dropdown .custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0); }
.lang-dropdown .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 15px 0;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px); }
  .lang-dropdown .custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out; }
.lang-dropdown .option-hover:before {
  background: #f9f9f9; }
.lang-dropdown .custom-option {
  position: relative;
  display: block;
  padding: 0 10px;
  border-bottom: 1px solid #b5b5b5;
  font-size: 14px;
  font-weight: 400;
  color: #273342;
  line-height: 44px;
  cursor: pointer;
  transition: all .4s ease-in-out; }
  .lang-dropdown .custom-option:first-of-type {
    border-radius: 4px 4px 0 0; }
  .lang-dropdown .custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px; }
  .lang-dropdown .custom-option:hover {
    background: #f9f9f9; }
.lang-dropdown .custom-option.selection {
  background: #f9f9f9; }

.header-alt .lang-dropdown .custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none; }
  .header-alt .lang-dropdown .custom-select-wrapper select {
    display: none; }
.header-alt .lang-dropdown .custom-select {
  position: relative;
  display: inline-block; }
.header-alt .lang-dropdown .custom-select-trigger {
  color: #565f70;
  border: 2px solid #01a89e; }
  .header-alt .lang-dropdown .custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-bottom: 1px solid #565f70;
    border-right: 1px solid #565f70;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0; }
.header-alt .lang-dropdown .custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%); }
.header-alt .lang-dropdown .custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0); }
.header-alt .lang-dropdown .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 15px 0;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px); }
  .header-alt .lang-dropdown .custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out; }
.header-alt .lang-dropdown .option-hover:before {
  background: #f9f9f9; }
.header-alt .lang-dropdown .custom-option {
  position: relative;
  display: block;
  padding: 0 10px;
  border-bottom: 1px solid #b5b5b5;
  font-size: 14px;
  font-weight: 400;
  color: #273342;
  line-height: 44px;
  cursor: pointer;
  transition: all .4s ease-in-out; }
  .header-alt .lang-dropdown .custom-option:first-of-type {
    border-radius: 4px 4px 0 0; }
  .header-alt .lang-dropdown .custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px; }
  .header-alt .lang-dropdown .custom-option:hover {
    background: #f9f9f9; }
.header-alt .lang-dropdown .custom-option.selection {
  background: #f9f9f9; }

.activity-slider .slider {
  width: auto;
  display: flex;
  justify-content: left;
  padding: 0;
  gap: 0;
  transition: all .5s; }
  .activity-slider .slider li {
    max-width: inherit;
    max-height: inherit;
    min-height: 500px;
    min-width: 520px; }
.activity-slider .slider-item {
  width: 100%; }
  .activity-slider .slider-item .gallery {
    width: 100%;
    height: 400px;
    position: relative;
    display: inline-block; }
    .activity-slider .slider-item .gallery:after {
      content: '';
      width: 70%;
      height: 70%;
      position: absolute;
      left: 13%;
      top: 13%;
      border: 5px solid #36A99D;
      z-index: 2;
      border: 5px solid #36A99D;
      z-index: 2;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      z-index: 0; }
    .activity-slider .slider-item .gallery:hover:after {
      left: 15%;
      top: 15%; }
    .activity-slider .slider-item .gallery img {
      -webkit-mask-image: url(../images/strokes.png);
      mask-image: url(../images/strokes.png);
      -webkit-mask-size: 100%;
      mask-size: 100%;
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 120%;
      top: -10%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat; }
.activity-slider .active {
  width: 100%; }
  .activity-slider .active .gallery:after {
    border-color: #29aae2; }
  .activity-slider .active .gallery:hover:after {
    border-color: #29aae2; }
  .activity-slider .active .gallery img {
    -webkit-mask-image: url(../images/strokes.png);
    mask-image: url(../images/strokes.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 120%;
    top: -10%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; }

.masonry {
  column-count: 2;
  column-gap: 5px; }
  @media (min-width: 768px) {
    .masonry {
      column-count: 3; } }
  @media (min-width: 992px) {
    .masonry {
      column-count: 4; } }
  @media (min-width: 1199px) {
    .masonry {
      column-count: 5; } }
  .masonry .brick {
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    counter-increment: brick-counter; }
  .masonry img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.contribures-btns .submit-btn {
  max-width: inherit; }

.icon-send {
  transform: rotate(180deg); }

.ck-editor__editable_inline {
  max-height: 100px;
  overflow: scroll; }

.payment-receipt:after {
  content: "";
  background-image: url(../images/app-assets/receipt-bg.png); }
.payment-receipt:before {
  content: "";
  background-image: url(../images/app-assets/receipt-bg.png); }

.user-cover {
  background-image: url(../images/app-assets/cover-bg.png); }

.bg-off {
  background-color: #e9e9e9 !important; }

@media (max-width: 1700px) {
  .custom-grid-4 {
    display: grid;
    grid-template-columns: 22% 22% 22% 31%;
    justify-content: space-between; }

  .home-contact {
    min-height: 700px !important;
    display: grid;
    align-items: center; }

  .blanck-panel {
    min-height: auto !important; } }
@media (max-width: 1026px) {
  .custom-grid-5 {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    justify-content: space-between; } }
@media (max-width: 1025px) {
  .company-cover {
    height: 150px;
    margin-top: 50px !important; }
    .company-cover .image-container {
      min-height: 100% !important; }
      .company-cover .image-container .bg-image {
        max-height: 50px; }

  *::-webkit-scrollbar {
    width: 3px;
    height: 3px; }

  .peralux {
    height: 200px;
    margin-top: 100px; }
    .peralux .image-container {
      min-height: 100% !important; }
      .peralux .image-container .bg-image {
        max-height: 50px; }

  .home-contact {
    height: auto;
    padding-bottom: 80px; }
    .home-contact .pera {
      padding: 5px 20px !important;
      box-sizing: border-box; }
    .home-contact .heading {
      text-align: center; }

  .custom-grid-4 {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between; }

  .custom-grid-5 {
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between; }

  .categories-section {
    min-height: inherit;
    height: auto; }

  .categories-list {
    grid-template-columns: 49% 49%;
    gap: 20px; }

  .alt-breadcrumb {
    top: 50px; }

  .responsive-grid {
    display: inherit !important; }

  .operator-trips {
    background: none !important;
    padding: 0rem !important; }

  .app-store {
    display: grid;
    align-items: center; }
    .app-store .container {
      display: grid;
      grid-template-columns: 100%;
      gap: 30px;
      justify-content: space-between; }
    .app-store .store-image {
      justify-content: center; }
      .app-store .store-image .phone {
        width: 200px;
        position: relative; }
        .app-store .store-image .phone img {
          width: 100%; }
          .app-store .store-image .phone img:last-child {
            display: none; }
    .app-store .app-intro {
      display: grid;
      justify-content: center;
      align-content: center;
      text-align: center; }
      .app-store .app-intro .store-btns {
        display: inherit;
        justify-content: center;
        width: 100%; } }
@media (max-width: 767px) {
  .custom-grid-4 {
    display: grid;
    grid-template-columns: 100%;
    justify-content: space-between; }

  .categories-list {
    grid-template-columns: 100%; }

  .responsive-map {
    margin-bottom: 0px !important; }
    .responsive-map > div {
      height: 250px; }
    .responsive-map iframe {
      position: inherit; }

  .title-sub .value {
    text-align: left;
    margin-left: 26px; }

  .title-sub {
    justify-content: left !important;
    margin-top: 10px; }

  .devider {
    padding: 20px 0 !important; }

  .submit-btn {
    max-width: 190px; }

  .app-footer h6 {
    text-align: center;
    margin-bottom: 0 !important; }
  .app-footer .footer-inner {
    display: grid;
    grid-template-columns: 100%; }
  .app-footer p {
    text-align: center; }
  .app-footer .footer-links {
    display: grid;
    justify-content: center; }
    .app-footer .footer-links li {
      display: flex !important;
      justify-content: center !important; }
      .app-footer .footer-links li a {
        text-align: center !important; }
  .app-footer .social-icons {
    justify-content: center; }
  .app-footer .footer-inner {
    display: inherit; }
    .app-footer .footer-inner .footer-colm {
      width: 100% !important; }
      .app-footer .footer-inner .footer-colm .logo-sm {
        width: 20%; }
    .app-footer .footer-inner .logo-colm {
      height: auto;
      justify-content: center; }
    .app-footer .footer-inner .heading {
      text-align: center; }
    .app-footer .footer-inner p {
      text-align: center; }
  .app-footer .sub-footer {
    margin-top: 80px; }
    .app-footer .sub-footer .copyright-text {
      text-align: center; }

  .destinations-bg .section-heading .btns {
    margin-bottom: 20px; }

  .map-container .submit-btn {
    width: 100%;
    max-width: inherit;
    display: flex; }
  .map-container .desktop-map {
    display: none; }

  .activity-list {
    padding: 30px 0; }
    .activity-list .activity-item {
      grid-template-columns: 100%; }
      .activity-list .activity-item .activity-image-cell .image-mask {
        width: 390px;
        height: 340px; }
        .activity-list .activity-item .activity-image-cell .image-mask:after {
          content: '';
          width: 70%;
          height: 70%;
          position: absolute;
          left: 13%;
          top: 13%;
          border: 5px solid #36A99D;
          z-index: 2;
          border: 5px solid #36A99D;
          z-index: 2;
          -webkit-transition: all 0.3s ease-out;
          -moz-transition: all 0.3s ease-out;
          -ms-transition: all 0.3s ease-out;
          -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
          z-index: 0; }
        .activity-list .activity-item .activity-image-cell .image-mask:hover:after {
          left: 15%;
          top: 15%; }
        .activity-list .activity-item .activity-image-cell .image-mask img {
          -webkit-mask-image: url(../images/strokes.png);
          mask-image: url(../images/strokes.png);
          -webkit-mask-size: 100%;
          mask-size: 100%;
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 120%;
          top: -10%;
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat; }
      .activity-list .activity-item:nth-child(even) {
        grid-template-columns: 100%; }
        .activity-list .activity-item:nth-child(even) .activity-text {
          display: grid;
          align-items: center;
          grid-column: 1/3;
          grid-row: 1/1; }
        .activity-list .activity-item:nth-child(even) .activity-image-cell {
          grid-column: 1/1;
          grid-row: 2/3;
          justify-content: left !important; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask:after {
            content: '';
            width: 70%;
            height: 70%;
            position: absolute;
            left: 13%;
            top: 13%;
            border: 5px solid #29aae2;
            z-index: 2;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            z-index: 0; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask:hover:after {
            left: 15%;
            top: 15%; }
          .activity-list .activity-item:nth-child(even) .activity-image-cell .image-mask img {
            -webkit-mask-image: url(../images/strokes.png);
            mask-image: url(../images/strokes.png);
            -webkit-mask-size: 100%;
            mask-size: 100%;
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 120%;
            top: -10%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat; }

  .activity-slider .slider {
    display: block; }
    .activity-slider .slider li {
      min-height: 100%;
      min-width: 340px; }
  .activity-slider .slider-item {
    width: 100%; }
    .activity-slider .slider-item .gallery {
      width: 100%;
      height: 300px; } }

/*# sourceMappingURL=app.css.map */